commit f3096faee67d79412c003434cae6838a0c1a7c85
Author: Javi <javi@example.com>
Date:   Sun May 24 23:21:33 2026 +0200

    Initial commit of BudgetPro

diff --git a/budgetPro.pro b/budgetPro.pro
new file mode 100644
index 0000000..7e422f7
--- /dev/null
+++ b/budgetPro.pro
@@ -0,0 +1,120 @@
+QT += widgets sql
+#requires(qtConfig(treeview))
+
+CONFIG += c++11 link_pkgconfig
+#wPKGCONFIG += dtkwidget dtkwm
+
+include($$PWD/gui/SARibbon/importSARibbonBarLib.pri)
+
+INCLUDEPATH = \
+    gui \
+    widget \
+    data \
+    utils \
+    gui/qtRibbonGUI
+
+FORMS       = mainwindow.ui \
+    gui/formbaselist.ui \
+    gui/formbudget.ui \
+    gui/formbudgetlist.ui \
+    widget/widgetcomboboxpopuptable.ui \
+    gui/formthird.ui \
+    gui/formproduct.ui \
+    gui/dialogcreateenterprise.ui \
+    gui/dialogopencompany.ui \
+    gui/formelementlist.ui \
+    gui/formthirdlist.ui \
+    gui/forminvoiceinlist.ui \
+    gui/formbase.ui
+
+
+HEADERS     = mainwindow.h \
+    gui/formbaselist.h \
+    gui/formbudgetlist.h \
+              treeitem.h \
+              treemodel.h \
+    itemnumberdelegate.h \
+    qmtreeview.h \
+    itemtextdelegate.h \
+    header.h \
+    mapplication.h \
+    gui/formbudget.h \
+    utils/fiebdc.h \
+    utils/filterlineedit.h \
+    utils/filtertableheader.h \
+    widget/widgetcomboboxpopuptable.h \
+    gui/formthird.h \
+    widget/avatarwidget.h \
+    gui/formproduct.h \
+    data/sqltable.h \
+    itemrichtextdelegate.h \
+    gui/dialogcreateenterprise.h \
+    utils/frameless.h \
+    gui/dialogopencompany.h \
+    widget/companylistitemdelegate.h \
+    gui/formelementlist.h \
+    gui/formthirdlist.h \
+    widget/mlineeditbutton.h \
+    itemtextpopupdelegate.h \
+    widget/lineedittag.h \
+    widget/treemodelcomposeelement.h \
+    itemcomboboxdelegate.h \
+    gui/qlistmodel.h \
+    widget/msqlquerymodel.h \
+    #gui/qtRibbonGUI/QsfMainWindow.h \
+    #gui/qtRibbonGUI/QsfTitleBar.h \
+    #gui/qtRibbonGUI/QsfToolButton.h \
+    #gui/qtRibbonGUI/QsrRibbonCore.h \
+    #gui/qtRibbonGUI/SgfParamManager.h \
+    gui/forminvoiceinlist.h \
+    gui/formbase.h
+
+
+RESOURCES   = editabletreemodel.qrc
+
+
+SOURCES     = mainwindow.cpp \
+    gui/formbaselist.cpp \
+    gui/formbudgetlist.cpp \
+              treeitem.cpp \
+              treemodel.cpp \
+              main.cpp \
+    itemnumberdelegate.cpp \
+    qmtreeview.cpp \
+    itemtextdelegate.cpp \
+    header.cpp \
+    mapplication.cpp \
+    gui/formbudget.cpp \
+    utils/fiebdc.cpp \
+    utils/filterlineedit.cpp \
+    utils/filtertableheader.cpp \
+    widget/widgetcomboboxpopuptable.cpp \
+    gui/formthird.cpp \
+    widget/avatarwidget.cpp \
+    gui/formproduct.cpp \
+    itemrichtextdelegate.cpp \
+    gui/dialogcreateenterprise.cpp \
+    utils/frameless.cpp \
+    gui/dialogopencompany.cpp \
+    widget/companylistitemdelegate.cpp \
+    gui/formelementlist.cpp \
+    gui/formthirdlist.cpp \
+    widget/mlineeditbutton.cpp \
+    itemtextpopupdelegate.cpp \
+    widget/lineedittag.cpp \
+    widget/treemodelcomposeelement.cpp \
+    itemcomboboxdelegate.cpp \
+    gui/qlistmodel.cpp \
+    widget/msqlquerymodel.cpp \
+    #gui/qtRibbonGUI/QsfMainWindow.cpp \
+    #gui/qtRibbonGUI/QsfTitleBar.cpp \
+    #gui/qtRibbonGUI/QsfToolButton.cpp \
+    #gui/qtRibbonGUI/QsrRibbonCore.cpp \
+    #gui/qtRibbonGUI/SgfParamManager.cpp \
+    gui/forminvoiceinlist.cpp \
+    gui/formbase.cpp
+
+
+# install
+target.path = $$[QT_INSTALL_EXAMPLES]/widgets/itemviews/editabletreemodel
+INSTALLS += target
diff --git a/data/sqltable.h b/data/sqltable.h
new file mode 100644
index 0000000..8f1bc92
--- /dev/null
+++ b/data/sqltable.h
@@ -0,0 +1,548 @@
+#ifndef SQLTABLE_H
+#define SQLTABLE_H
+
+#include <QString>
+#include <QStringList>
+
+const QString DBInfoCommand = "INSERT INTO DBINFO (VERSION, SUBVERSION) VALUES (:VERSION, :SUBVERSION);";
+
+
+//--------------- BASE DE DATOS DE EMPRESAS, LISTADO ------------------------
+const QString tEmpresas = "CREATE TABLE ENTERPRISES ("
+        "NAME               VARCHAR (100) NOT NULL, "               // 00. Nombre
+        "CIF                VARCHAR (20)  NOT NULL, "               // 01. Nombre
+        "DBNAME             VARCHAR (100) NOT NULL, "               // 02. Nombre
+        "PATH               VARCHAR (100) NOT NULL, "               // 03. Nombre
+        "CREATEDAT          DATETIME DEFAULT (CURRENT_TIMESTAMP), " // 04. Nombre
+        "CREATEDBY          VARCHAR (100), "                        // 05. Nombre
+        "PRIMARY KEY (NAME, CIF)"
+        ");";
+
+//--------------- BASE DE DATOS DE USUARIOS ------------------------
+const QString tDBUsers = "CREATE TABLE USERS ("
+        "ID                 INTEGER PRIMARY KEY AUTOINCREMENT, "
+        "NAME               VARCHAR(60), "                          // 01. Nombre
+        "SURNAME            VARCHAR(60), "                          // 02. Apellidos
+        "USERNAME           VARCHAR(60) NOT NULL UNIQUE, "          // 03. Forma
+        "PASSWORD           VARCHAR(60), "                          // 04. Forma
+        "USERTYPE           INTEGER, "                              // 05. Forma
+        "PERMITS            VARCHAR(350), "                         // 06. Forma
+        "LOCKED             BOOLEAN, "                              // 07. Forma
+        "PICTURE            BLOB, "                                 // 08. Forma
+        "CREATEDAT          DATETIME DEFAULT (CURRENT_TIMESTAMP),"  // 09.  Fecha de creación
+        "CREATEDBY          VARCHAR(100)"
+        ");";
+
+//------------ informción básica de la databse -----------------------------
+const QString tDBInfo = "CREATE TABLE DBINFO ("
+        "ID                 INTEGER PRIMARY KEY AUTOINCREMENT, "
+        "VERSION            VARCHAR(3) NOT NULL, "
+        "SUBVERSION         VARCHAR(3) NOT NULL, "
+        "CREATEDAT          DATETIME DEFAULT (CURRENT_TIMESTAMP)"   // 25. Fecha de creación
+        ");";
+
+//----------------------- INFORMACION DE LA EMPRESA -------------------------
+const QString tEmpresaInfo = "CREATE TABLE ENTERPRISESINFO ("
+        "ID                 INTEGER PRIMARY KEY AUTOINCREMENT, "    // 00.  ID
+        "NAME               VARCHAR(100) NOT NULL, "                // 01.  Nombre de la empresa
+        "CIF                VARCHAR(10) NOT NULL, "                 // 02.  CIF
+
+        "ADDRESS            VARCHAR(40), "                          // 03.  Línea Dirección 1
+        "POSTCODE           VARCHAR(10), "                          // 04.  Código postal
+        "CITY               VARCHAR(80), "                          // 05.  Ciudad
+        "PROVINCE           VARCHAR(80), "                          // 06.  Provincia
+        "COUNTRY            VARCHAR(80), "                          // 07.  Pais
+
+        "PHONE              VARCHAR(20), "                          // 08. Teléfono
+        "MOBILE             VARCHAR(20), "                          // 09. Movil
+        "FAX                VARCHAR(20), "                          // 10. Fax
+        "EMAIL              VARCHAR(60), "                          // 11. e-mail
+        "WEB                VARCHAR(60), "                          // 12. Web
+
+        "CIF_COMMUNITY      VARCHAR(10), "                          // 13. CIF Comunitario
+        "IAE                VARCHAR(10), "                          // 14. IAE
+        "CNAE               VARCHAR(10), "                          // 15. CNAE
+        "DCNAE              VARCHAR(200), "                         // 16. Descripción CNAE
+
+        "LOGO1              BLOB, "                                 // 17. Logo1
+        "LOGO2              BLOB, "                                 // 18. Logo2
+
+        "CREATEDAT          DATETIME DEFAULT (CURRENT_TIMESTAMP), " // 19. Fecha de creación
+        "CREATEDBY          VARCHAR(100)"
+        ");";
+
+//----------------------- THIRD -------------------------------------------
+const QString tThird = "CREATE TABLE THIRD ("
+        "ID                 INTEGER PRIMARY KEY AUTOINCREMENT, "    // 00. ROW ID
+
+        "FORM               VARCHAR(25), "                          // 01. Forma
+        "CIF                VARCHAR(20), "                          // 02. CIF
+        "NAME               VARCHAR(128) NOT NULL, "                // 03. Nombre del cliente
+        "NICKNAME           VARCHAR(128), "                         // 04. Nombre del cliente
+        "FAMILY             VARCHAR(25), "                          // 05. Familia de clientes
+        "INTRA_FC           VARCHAR(20), "                          // 06. Intracommunitary fiscal code
+        "STATE              INT NOT NULL,"                          // 07. Estado
+
+        "CLIENT_STATE       INT NOT NULL, "                         // 08. intracommunitary fiscal code
+        "CLIENT_CODE        VARCHAR(20), "                          // 09. intracommunitary fiscal code
+        "CLIENT_ACCOUNT     VARCHAR (24), "                         // 10. intracommunitary fiscal code
+
+        "SUPPLIER_STATE     INT NOT NULL, "                         // 11. intracommunitary fiscal code
+        "SUPPLIER_CODE      VARCHAR(20), "                          // 12. Code
+        "SUPPLIER_ACCOUNT   VARCHAR (24), "                         // 13. intracommunitary fiscal code
+
+        // Dirección del cliente:
+        "ADDRESS            VARCHAR(40), "                          // 14. Línea Dirección 1
+        "POSTCODE           VARCHAR(9), "                           // 15. Código postal
+        "CITY               VARCHAR(80), "                          // 16. Ciudad
+        "PROVINCE           VARCHAR(80), "                          // 17. Provincia
+        "COUNTRY_ID         VARCHAR(2), "                           // 18. Diminutivo del pais
+
+        "PHONE              VARCHAR(20), "                          // 19. Teléfono
+        "MOBILE             VARCHAR(20), "                          // 20. Movil
+        "FAX                VARCHAR(20), "                          // 21. Fax
+        "EMAIL              VARCHAR(60), "                          // 22. e-mail
+        "WEBSIDE            VARCHAR(60), "                          // 23. Web
+
+        "PAYMENT_METHOD     VARCHAR(40), "                          // 24. Forma de Pago
+        "PAYMENT_TYPE       VARCHAR(40), "                          // 25. Forma de Pago
+
+        "LOGO               BLOB, "                                 // 26. Imagen
+        "NOTE_PUBLIC        TEXT, "                                 // 27. intracommunitary fiscal code
+        "NOTE_PRIVATE       TEXT, "                                 // 28. intracommunitary fiscal code
+
+        "UPDATEDAT DATE DEFAULT CURRENT_DATE, "                     // 29. Fecha de creación
+        "CREATEDAT DATE DEFAULT CURRENT_DATE, "                     // 30. Fecha de creación
+        "CREATEDBY VARCHAR(100) "                                   // 31. intracommunitary fiscal code
+
+        ");";
+
+//----------------------- ELEMENTO ------------------------------------------
+const QString tElemento = "CREATE TABLE ELEMENT ("
+        "CODE               VARCHAR(20) UNIQUE PRIMARY KEY, "       // 00. Code
+        "TYPE1              VARCHAR(2) NOT NULL, "                  // 01. Tipo
+        "TYPE2              VARCHAR(2) NOT NULL, "                  // 02. Tipo
+        "TITLE              VARCHAR(100) NOT NULL, "                // 03. Resumen
+        "DESCRIPTION        BLOB, "                                 // 04. Descripción
+        "FAMILY_ID          VARCHAR(9), "                           // 05. ID de Familia
+        "UNIT_ID            VARCHAR(9), "                           // 06. ID de Unidad
+
+        "DATE_UPDATE        DATE DEFAULT CURRENT_DATE, "            // 07. Fecha de la última modificación
+        "REAL_PRICE         FLOAT, "                                // 08. PVP de compra
+        "DISCOUNT           FLOAT, "                                // 09. Descuento frente a PVP
+        "PURCHASE_PRICE     FLOAT, "                                // 10. Precio de compra
+        "BENEFIT            FLOAT, "                                // 11. Beneficio respecto al PC
+        "TAX                FLOAT, "                                // 12. IVA
+        "SALE_PRICE         FLOAT, "                                // 13. Precio de venta
+
+        "BARCODE            VARCHAR(20), "                          // 14. Código de Barras
+        "IMAGE              BLOB, "                                 // 15. Imagen
+        "STATE              BOOLEAN DEFAULT TRUE, "                 // 16. Elemento inactivo
+
+        "MANUFACTURER       VARCHAR(40), "                          // 17. Fabricante o marca
+        "GAMMA              VARCHAR(40), "                          // 18. Gama
+
+        // Tamaño:
+        "WEIGHT             FLOAT, "                                // 19. ID proveedor por defecto
+        "HEIGHT             FLOAT, "                                // 20. ID proveedor por defecto
+        "WIDTH              FLOAT, "                                // 21. ID proveedor por defecto
+        "LENGHT             FLOAT, "                                // 22. ID proveedor por defecto
+
+/* Interesa??
+        // Proveedores:
+        "SUPPLIER_ID_0              VARCHAR(10), "                  // 23. ID del proveedor
+        "SUPPLIER_NAME_0            VARCHAR(60), "                  // 24. Nombre del proveedor
+        "SUPPLIER_REFERENCE_0       VARCHAR(20), "                  // 25. Ref. del elemento que tiene el proveedor
+        "SUPPLIER_REAL_PRICE_0      FLOAT, "                        // 26. PVP
+        "SUPPLIER_DISCOUNT_0        FLOAT, "                        // 27. Descuento
+        "SUPPLIER_PURCHASE_PRICE_0  FLOAT, "                        // 28. Precio compra
+        "SUPPLIER_MINIMUM_AMOUNT_0  FLOAT, "                        // 29. Cantidad mínima de pedido
+        "SUPPLIER_DATE_UPDATE_0     DATE, "                         // 30. Fecha de actualización del precio
+
+        "SUPPLIER_ID_1 VARCHAR(10), "     // 18. ID del proveedor
+        "SUPPLIER_NAME_1 VARCHAR(60), "   // 19. Nombre del proveedor
+        "SUPPLIER_REFERENCE_1 VARCHAR(20), "   // 20. Ref. del elemento que tiene el proveedor
+        "SUPPLIER_REAL_PRICE_1 FLOAT, "   // 21. PVP
+        "SUPPLIER_DISCOUNT_1 FLOAT, "   // 22. Descuento
+        "SUPPLIER_PURCHASE_PRICE_1 FLOAT, "   // 23. Precio compra
+        "SUPPLIER_MINIMUM_AMOUNT_1 FLOAT, "  // 24. Cantidad mínima de pedido
+        "SUPPLIER_DATE_UPDATE_1 DATE, "  // 25. Fecha de actualización del precio
+
+        "SUPPLIER_ID_2 VARCHAR(10), "     // 18. ID del proveedor
+        "SUPPLIER_NAME_2 VARCHAR(60), "   // 19. Nombre del proveedor
+        "SUPPLIER_REFERENCE_2 VARCHAR(20), "   // 20. Ref. del elemento que tiene el proveedor
+        "SUPPLIER_REAL_PRICE_2 FLOAT, "   // 21. PVP
+        "SUPPLIER_DISCOUNT_2 FLOAT, "   // 22. Descuento
+        "SUPPLIER_PURCHASE_PRICE_2 FLOAT, "   // 23. Precio compra
+        "SUPPLIER_MINIMUM_AMOUNT_2 FLOAT, "  // 24. Cantidad mínima de pedido
+        "SUPPLIER_DATE_UPDATE_2 DATE, "  // 25. Fecha de actualización del precio
+
+        "SUPPLIER_ID_3 VARCHAR(10), "     // 18. ID del proveedor
+        "SUPPLIER_NAME_3 VARCHAR(60), "   // 19. Nombre del proveedor
+        "SUPPLIER_REFERENCE_3 VARCHAR(20), "   // 20. Ref. del elemento que tiene el proveedor
+        "SUPPLIER_REAL_PRICE_3 FLOAT, "   // 21. PVP
+        "SUPPLIER_DISCOUNT_3 FLOAT, "   // 22. Descuento
+        "SUPPLIER_PURCHASE_PRICE_3 FLOAT, "   // 23. Precio compra
+        "SUPPLIER_MINIMUM_AMOUNT_3 FLOAT, "  // 24. Cantidad mínima de pedido
+        "SUPPLIER_DATE_UPDATE_3 DATE, "  // 25. Fecha de actualización del precio
+
+        "SUPPLIER_ID_4 VARCHAR(10), "     // 18. ID del proveedor
+        "SUPPLIER_NAME_4 VARCHAR(60), "   // 19. Nombre del proveedor
+        "SUPPLIER_REFERENCE_4 VARCHAR(20), "   // 20. Ref. del elemento que tiene el proveedor
+        "SUPPLIER_REAL_PRICE_4 FLOAT, "   // 21. PVP
+        "SUPPLIER_DISCOUNT_4 FLOAT, "   // 22. Descuento
+        "SUPPLIER_PURCHASE_PRICE_4 FLOAT, "   // 23. Precio compra
+        "SUPPLIER_MINIMUM_AMOUNT_4 FLOAT, "  // 24. Cantidad mínima de pedido
+        "SUPPLIER_DATE_UPDATE_4 DATE, "  // 25. Fecha de actualización del precio
+
+        "SUPPLIER_ID_5 VARCHAR(10), "     // 18. ID del proveedor
+        "SUPPLIER_NAME_5 VARCHAR(60), "   // 19. Nombre del proveedor
+        "SUPPLIER_REFERENCE_5 VARCHAR(20), "   // 20. Ref. del elemento que tiene el proveedor
+        "SUPPLIER_REAL_PRICE_5 FLOAT, "   // 21. PVP
+        "SUPPLIER_DISCOUNT_5 FLOAT, "   // 22. Descuento
+        "SUPPLIER_PURCHASE_PRICE_5 FLOAT, "   // 23. Precio compra
+        "SUPPLIER_MINIMUM_AMOUNT_5 FLOAT, "  // 24. Cantidad mínima de pedido
+        "SUPPLIER_DATE_UPDATE_5 DATE, "  // 25. Fecha de actualización del precio
+
+        "SUPPLIER_ID_6 VARCHAR(10), "     // 18. ID del proveedor
+        "SUPPLIER_NAME_6 VARCHAR(60), "   // 19. Nombre del proveedor
+        "SUPPLIER_REFERENCE_6 VARCHAR(20), "   // 20. Ref. del elemento que tiene el proveedor
+        "SUPPLIER_REAL_PRICE_6 FLOAT, "   // 21. PVP
+        "SUPPLIER_DISCOUNT_6 FLOAT, "   // 22. Descuento
+        "SUPPLIER_PURCHASE_PRICE_6 FLOAT, "   // 23. Precio compra
+        "SUPPLIER_MINIMUM_AMOUNT_6 FLOAT, "  // 24. Cantidad mínima de pedido
+        "SUPPLIER_DATE_UPDATE_6 DATE, "  // 25. Fecha de actualización del precio
+
+        "SUPPLIER_ID_7 VARCHAR(10), "     // 18. ID del proveedor
+        "SUPPLIER_NAME_7 VARCHAR(60), "   // 19. Nombre del proveedor
+        "SUPPLIER_REFERENCE_7 VARCHAR(20), "   // 20. Ref. del elemento que tiene el proveedor
+        "SUPPLIER_REAL_PRICE_7 FLOAT, "   // 21. PVP
+        "SUPPLIER_DISCOUNT_7 FLOAT, "   // 22. Descuento
+        "SUPPLIER_PURCHASE_PRICE_7 FLOAT, "   // 23. Precio compra
+        "SUPPLIER_MINIMUM_AMOUNT_7 FLOAT, "  // 24. Cantidad mínima de pedido
+        "SUPPLIER_DATE_UPDATE_7 DATE, "  // 25. Fecha de actualización del precio
+
+        "SUPPLIER_ID_8 VARCHAR(10), "     // 18. ID del proveedor
+        "SUPPLIER_NAME_8 VARCHAR(60), "   // 19. Nombre del proveedor
+        "SUPPLIER_REFERENCE_8 VARCHAR(20), "   // 20. Ref. del elemento que tiene el proveedor
+        "SUPPLIER_REAL_PRICE_8 FLOAT, "   // 21. PVP
+        "SUPPLIER_DISCOUNT_8 FLOAT, "   // 22. Descuento
+        "SUPPLIER_PURCHASE_PRICE_8 FLOAT, "   // 23. Precio compra
+        "SUPPLIER_MINIMUM_AMOUNT_8 FLOAT, "  // 24. Cantidad mínima de pedido
+        "SUPPLIER_DATE_UPDATE_8 DATE, "  // 25. Fecha de actualización del precio
+
+        "SUPPLIER_ID_9 VARCHAR(10), "     // 18. ID del proveedor
+        "SUPPLIER_NAME_9 VARCHAR(60), "   // 19. Nombre del proveedor
+        "SUPPLIER_REFERENCE_9 VARCHAR(20), "   // 20. Ref. del elemento que tiene el proveedor
+        "SUPPLIER_REAL_PRICE_9 FLOAT, "   // 21. PVP
+        "SUPPLIER_DISCOUNT_9 FLOAT, "   // 22. Descuento
+        "SUPPLIER_PURCHASE_PRICE_9 FLOAT, "   // 23. Precio compra
+        "SUPPLIER_MINIMUM_AMOUNT_9 FLOAT, "  // 24. Cantidad mínima de pedido
+        "SUPPLIER_DATE_UPDATE_9 DATE, "  // 97. Fecha de actualización del precio
+*/
+        "SUPPLIER_DEFAULT VARCHAR(10), "                            // 98. CODE proveedor por defecto
+
+        "CREATEDAT DATE DEFAULT CURRENT_DATE, "                     // 25. Fecha de creación
+        "CREATEDBY VARCHAR(100)"
+
+        ");";
+
+//------------ COMPOSICIÓN DE UNIDADES DE OBRA ------------------------------
+const QString tElemComp = "CREATE TABLE ELEMENTCOMPOSITION ("
+        "ID                 INTEGER,"                               // 00. Número de línea
+        "CODE               VARCHAR(20) NOT NULL, "                 // 01. ID de la Unidad de obra
+        "ELEMENT_CODE       VARCHAR(20) NOT NULL, "                 // 02. ID del elemento
+        "ELEMENT_AMOUNT     FLOAT, "                                // 03. Cantidad del elemento
+
+        "CREATEDAT          DATE DEFAULT CURRENT_DATE, "            // 04. Fecha de su creación
+        "CREATEDBY          VARCHAR (100),"                         // 05. Fecha de su creación
+
+        "PRIMARY KEY(ID, CODE, ELEMENT_CODE));";
+
+//------------ PROVEEDOR DEL ELEMENTO -------------------------------------------
+const QString tSupplier = "CREATE TABLE Supplier ("
+        "ELEMENT_CODE       VARCHAR(20) NOT NULL, "                 // 00. Code del elemento
+
+        "THIRD_CODE         VARCHAR(20) NOT NULL, "                 // 01. Code del proveedor
+        "THIRD_NAME         VARCHAR(60), "                          // 03. Nombre del proveedor
+
+        "REFERENCE          VARCHAR(20), "                          // 04. Ref. del elemento que tiene el proveedor
+        "REAL_PRICE         FLOAT, "                                // 05. PVP
+        "DISCOUNT           FLOAT, "                                // 06. Descuento
+        "PURCHASE_PRICE     FLOAT, "                                // 07. Precio compra
+        "MINIMUM_AMOUNT     FLOAT, "                                // 08. Cantidad mínima de pedido
+        "DATE_UPDATE        DATE, "                                 // 09. Fecha de actualización del precio
+
+        "CREATEDAT          DATE DEFAULT CURRENT_DATE, "            // 10. Fecha de creación
+        "CREATEDBY          VARCHAR(100), "
+
+        "PRIMARY KEY(ELEMENT_CODE, THIRD_CODE)"
+        ");";
+
+//----------------------- FORMAS -------------------------------------------
+const QString tForma = "CREATE TABLE FORM ("
+        "ID                 VARCHAR(10) NOT NULL UNIQUE, "          // 00. Abreviación de la forma
+        "DESCRIPTION        VARCHAR(60) NOT NULL, "                 // 01. Descripción más amplia
+        "PRIMARY KEY(ID));";
+
+  //----------------------- FAMILIAS DE PROVEEDORES ---------------------------
+const QString tFamProv = "CREATE TABLE SUPPLIERFAMILIES ("
+        "ID                 VARCHAR(10) NOT NULL UNIQUE, "          // 00. Abreviatura de la familia
+        "DESCRIPTION        VARCHAR(60) NOT NULL, "                 // 01. Descripción
+        "PRIMARY KEY(ID));";
+
+  //----------------------- FAMILIAS DE CLIENTES -----------------------------
+const QString tFamCli = "CREATE TABLE CUSTOMERFAMILIES ("
+        "ID                 VARCHAR(10) NOT NULL UNIQUE, "          // 00. Code del elemento
+        "DESCRIPTION        VARCHAR(60) NOT NULL, "                 // 00. Code del elemento
+        "PRIMARY KEY(ID));";
+
+  //----------------------- FAMILIAS DE ELEMENTOS ----------------------------
+const QString tFamEle = "CREATE TABLE ELEMENTFAMILIES ("
+        "ID                 VARCHAR(10) NOT NULL UNIQUE,"           // 00. Code del elemento
+        "DESCRIPTION        VARCHAR(60) NOT NULL, "                 // 00. Code del elemento
+        "PRIMARY KEY(ID));";
+
+  //----------------------- UNIDADES ------------------------------------------
+const QString tUnidad = "CREATE TABLE UNIT ("
+        "ID                 VARCHAR(10) NOT NULL UNIQUE,"           // 00. Code del elemento
+        "DESCRIPTION        VARCHAR(60) NOT NULL, "                 // 00. Code del elemento
+        "PRIMARY KEY(ID));";
+
+//---------------------- DOCUMENTOS DE VENTA - PROPUESTAS --------------------------------
+const QString tPropuestaVenta = "CREATE TABLE SALEPROPOSAL ("
+      "ID                 INTEGER PRIMARY KEY AUTOINCREMENT, "    // 0.  ID
+      "TYPE               VARCHAR(2) NOT NULL, "                  // 1.  Tipo de documento: PR - Presu, FA - Factura,
+      "CODE               VARCHAR(20) NOT NULL UNIQUE, "          // 2.  ID documento
+      "TITLE              VARCHAR(100) NOT NULL, "                // 3.  Nombre documento
+      "VERSION            INTEGER, "                              // 6.  Nombre proveedor
+
+      "CUSTOMER_CODE      VARCHAR(20) NOT NULL, "                 // 4.  ID cliente
+      "CUSTOMER_NAME      VARCHAR(100) NOT NULL, "                // 5.  Nombre cliente                ??
+      "PROJECT_CODE       VARCHAR(20), "                          // 6.  ID del proyecto
+      "PROJECT_TITLE      VARCHAR(100), "                         // 6.  Nombre proveedor                ??
+
+      "COST               DOUBLE, "                               // 10. Precio total Compra
+      "PRICE              DOUBLE, "                               // 11. Precio total Venta sin iva
+      "TAX                INTEGER, "                              // 12. IVA
+      "STATE              VARCHAR(10), "                          // 13. Estado
+      "STATE_NUMBER       INTEGER, "                              // 14. Número del estado
+
+      "DESCRIPTION        BLOB, "                                 // 4.  Descripción
+
+      "CREATEDAT          DATE DEFAULT CURRENT_DATE, "            // 7.  Fecha creación
+      "VALIDUNTILL        DATE DEFAULT CURRENT_DATE, "            // 8.  Valido hasta la fecha
+      "DELIVERY_DATE      DATE DEFAULT CURRENT_DATE, "            // 9.  Fecha de expedición
+      "CREATEDBY          VARCHAR(100)"
+      ");";
+
+const QString tDataPropuestaVenta = "CREATE TABLE SALEPROPOSALDATA ("
+      "ID                 INTEGER NOT NULL, "                     // 0.  Número de la línea
+      "SALEDOCUMENT_CODE  VARCHAR(20) NOT NULL, "                 // 1.  ID Documento de compra
+      "VERSION            INTEGER, "                              // 6.  Nombre proveedor
+
+      "NODEINDEX          VARCHAR(10), "                          // 2.  Indice
+      "ELEMENT_CODE       VARCHAR(20), "                          // 3.  ID del elemento
+      "ELEMENT_TYPE       VARCHAR(2), "                           // 4.  Tipo de elemento
+      "ELEMENT_INDEX      INTEGER, "                              // 5.  Indice del elemento
+      "ELEMENT_TITLE      VARCHAR(100), "                         // 6.  Título del elemento
+      "ELEMENT_DESCRIPTION    BLOB, "                             // 7.  Descripción del elemento
+      "ELEMENT_UNIT_AMOUNT    FLOAT, "                            // 8.  Cantidad unitaria del elemento
+      "ELEMENT_TOTAL_AMOUNT   FLOAT, "                            // 9.  Cantidad total
+      "ELEMENT_UNIT           VARCHAR(2), "                       // 10.  ID de la unidad
+      "ELEMENT_PRICE      FLOAT, "                                // 11. Precio del elemento
+
+      "BENEFIT            FLOAT, "                                // 12. Beneficio
+      "DISCOUNT           FLOAT, "                                // 13. Descuento
+
+      "TAX                FLOAT, "                                // 13. Descuento
+      "PRINT              BOOLEAN       DEFAULT (TRUE),"          // 13. Descuento
+
+      "CREATEDAT          DATE DEFAULT CURRENT_DATE, "            // 14. Fecha de creación
+      "CREATEDBY          VARCHAR(100), "
+
+      "PRIMARY KEY(ID, SALEDOCUMENT_CODE));";
+
+  //---------------------- DOCUMENTOS DE VENTA --------------------------------
+const QString tDocVenta = "CREATE TABLE SALEDOCUMENT ("
+        "ID                 INTEGER PRIMARY KEY AUTOINCREMENT, "    // 0.  ID
+        "TYPE               VARCHAR(2) NOT NULL, "                  // 1.  Tipo de documento: PR - Presu, FA - Factura,
+        "CODE               VARCHAR(20) NOT NULL UNIQUE, "          // 2.  ID documento
+        "TITLE              VARCHAR(100) NOT NULL, "                // 3.  Nombre documento
+        "VERSION            INTEGER, "                              // 6.  Nombre proveedor
+
+        "CUSTOMER_CODE      VARCHAR(20) NOT NULL, "                 // 4.  ID cliente
+        "CUSTOMER_NAME      VARCHAR(100) NOT NULL, "                // 5.  Nombre cliente                ??
+        "PROJECT_CODE       VARCHAR(20), "                          // 6.  ID del proyecto
+        "PROJECT_TITLE      VARCHAR(100), "                         // 6.  Nombre proveedor                ??
+
+        "COST               DOUBLE, "                               // 10. Precio total Compra
+        "PRICE              DOUBLE, "                               // 11. Precio total Venta sin iva
+        "TAX                INTEGER, "                              // 12. IVA
+        "STATE              VARCHAR(10), "                          // 13. Estado
+        "STATE_NUMBER       INTEGER, "                              // 14. Número del estado
+
+        "DESCRIPTION        BLOB, "                                 // 4.  Descripción
+
+        "CREATEDAT          DATE DEFAULT CURRENT_DATE, "            // 7.  Fecha creación
+        "VALIDUNTILL            DATE DEFAULT CURRENT_DATE, "            // 8.  Valido hasta la fecha
+        "DELIVERY_DATE      DATE DEFAULT CURRENT_DATE, "            // 9.  Fecha de expedición
+        "CREATEDBY          VARCHAR(100)"
+        ");";
+
+const QString tDataDocVenta = "CREATE TABLE SALEDOCUMENTDATA ("
+        "ID                 INTEGER NOT NULL, "                     // 0.  Número de la línea
+        "SALEDOCUMENT_CODE  VARCHAR(20) NOT NULL, "                 // 1.  ID Documento de compra
+        "VERSION            INTEGER, "                              // 6.  Nombre proveedor
+
+        "NODEINDEX          VARCHAR(10), "                          // 2.  Indice
+        "ELEMENT_CODE       VARCHAR(20), "                          // 3.  ID del elemento
+        "ELEMENT_TYPE       VARCHAR(2), "                           // 4.  Tipo de elemento
+        "ELEMENT_INDEX      INTEGER, "                              // 5.  Indice del elemento
+        "ELEMENT_TITLE      VARCHAR(100), "                         // 6.  Título del elemento
+        "ELEMENT_DESCRIPTION    BLOB, "                             // 7.  Descripción del elemento
+        "ELEMENT_UNIT_AMOUNT    FLOAT, "                            // 8.  Cantidad unitaria del elemento
+        "ELEMENT_TOTAL_AMOUNT   FLOAT, "                            // 9.  Cantidad total
+        "ELEMENT_UNIT           VARCHAR(2), "                       // 10.  ID de la unidad
+        "ELEMENT_PRICE      FLOAT, "                                // 11. Precio del elemento
+
+        "BENEFIT            FLOAT, "                                // 12. Beneficio
+        "DISCOUNT           FLOAT, "                                // 13. Descuento
+
+        "CREATEDAT          DATE DEFAULT CURRENT_DATE, "            // 14. Fecha de creación
+        "CREATEDBY          VARCHAR(100), "
+
+        "PRIMARY KEY(ID, SALEDOCUMENT_CODE));";
+
+  //---------------------- DOCUMENTOS DE COMPRA --------------------------------
+const QString tDocCompra = "CREATE TABLE BUYDOCUMENT ("
+        "ID                 INTEGER PRIMARY KEY AUTOINCREMENT, "       // 0.  ID
+        "TYPE               VARCHAR(2)	NOT NULL, "                  // 1.  Tipo de documento:
+        "CODE               VARCHAR(20) NOT NULL, "                  // 2.  Código documento
+        "SUPPLIER_CODE      VARCHAR(20) NOT NULL, "                  // 3.  Código proveedor
+        "SUPPLIER_NAME      VARCHAR(100) NOT NULL, "                  // 4.  Nombre proveedor
+        "PROJECT_CODE       VARCHAR(20), "                           // 5.  ID del proyecto
+        "PROJECT_NAME       VARCHAR(100), "                           // 6.  Referecia del proveedor(en caso de albarán o factura)
+
+        "REFERENCE          VARCHAR(50), "                           // 6.  Referecia del proveedor(en caso de albarán o factura)
+
+        "CREATEDAT          DATE DEFAULT CURRENT_DATE, "           // 7.  Fecha creación
+        "VALIDUNTILL            DATE DEFAULT CURRENT_DATE, "           // 8.  Fecha de entrega
+
+        "PRICE              DOUBLE, "                            // 9.  Precio total Compra
+        //"dcPVP              DOUBLE, "                            // 10. Precio total Compra sin iva
+        "TAX                INTEGER, "                              // 11. IVA
+
+        "DESCRIPTION        BLOB, "   // 4.  Descripción
+        "CREATEDBY          VARCHAR(100) "
+        ");";
+
+const QString tDataDocCompra = "CREATE TABLE BUYDOCUMENTDATA ("
+        "ID                 INTEGER NOT NULL, "                             // 0.  ID linea
+        "BUYDOCUMENT_CODE	VARCHAR(10)	NOT NULL, "             // 1.  ID Documento de compra
+        "ELEMENT_CODE       VARCHAR(20), "                          // 2.  ID del elemento
+        "ELEMENT_SUPPLIER_CODE  VARCHAR(20), "                 // 3.  ID del elemento que tiene el proveedor
+        "ELEMENT_NAME       VARCHAR(100), "                          // 4.  Descripción del elemento
+        "ELEMENT_MANUFACTURER   VARCHAR(40), "                  // 5.  Fabricante
+        "ELEMENT_AMOUNT     FLOAT, "                              // 6.  Cantidad
+        "ELEMENT_UNIT       VARCHAR(2), "                           // 7.  ID de la unidad
+        "ELEMENT_REAL_PRICE FLOAT, "                          // 8.  PVP de compra del elemento
+        "ELEMENT_DISCOUNT   FLOAT, "                            // 9.  Descuento
+        "ELEMENT_PURCHASE_PRICE FLOAT, "                      // 10. Precio de Compra del elemento
+        "DELIVERY_DATE DATE, "                                // 11. Fecha de Entrega del elemento
+
+        "CREATEDAT DATE DEFAULT CURRENT_DATE, "           // 14. Fecha de creación
+        "CREATEDBY VARCHAR(100), "
+
+        "PRIMARY KEY(ID, BUYDOCUMENT_CODE));";
+
+  //----------------------- PROYECTO -----------------------------------------
+const QString tProyecto = "CREATE TABLE PROJECT ("
+    "ID	INTEGER PRIMARY KEY AUTOINCREMENT, "           // 0.  ID
+    "CODE	VARCHAR(20) NOT NULL, "                      // 1.  ID
+    "TITLE	VARCHAR(100) NOT NULL, "                   // 2.  Título
+    "CUSTOMER_CODE	VARCHAR(10) NOT NULL, "            // 3.  ID Cliente
+    "CUSTOMER_NAME	VARCHAR(60) NOT NULL, "            // 4.  Nombre del cliente
+    "START_DATE	DATE DEFAULT CURRENT_DATE, "           // 5.  Fecha de Inicio
+    "DURATION	DATE, "                                  // 6.  Fecha de Inicio
+    "STATE	VARCHAR(10), "                             // 7.  Estado
+
+    // Dirección de la obra
+    "CONTACT	VARCHAR(60), "                           // 8.  Contacto
+    "ADDRESS1	VARCHAR(40), "                           // 9.  Dir L1
+    "ADDRESS2	VARCHAR(40), "                           // 10.  Dir L2
+    "POSTCODE	VARCHAR(9), "                            // 11. CP
+    "CITY	VARCHAR(80), "                               // 12. Ciudad
+    "PHONE	VARCHAR(20), "                             // 13. Telefono
+    "MOBILE	VARCHAR(20), "                             // 14. Movil
+    "EMAIL	VARCHAR(60), "                             // 15. e-mail
+
+    "pyGantt BLOB"                                     // 16. Imagen
+
+    "CREATEDAT DATE DEFAULT CURRENT_DATE, "    // 25. Fecha de creación
+    "CREATEDBY VARCHAR(100)"
+    ");";
+
+const QString tProjectControl = "CREATE TABLE PROJECTCONTROL ("
+    "ID	INTEGER PRIMARY KEY AUTOINCREMENT, "           // 01.  ID
+    "pcPYCODE	VARCHAR(20) NOT NULL, "                  // 02.  ID
+    "pcELID	VARCHAR(20) NOT NULL, "                    // 03.  ID
+    "pcELTITLE VARCHAR(100) NOT NULL, "                // 04.  ID Cliente
+    "pcELTOTAL	FLOAT, "                               // 05.  Nombre del cliente
+    "pcELINSTALLED FLOAT, "                            // 06.  Fecha de Inicio
+    "pcELREST	FLOAT, "                                 // 07.  Fecha de Inicio
+    "pcELUNIT	VARCHAR(2), "                            // 08.  Estado
+    "pcELDATE	DATE DEFAULT CURRENT_DATE, "             // 09.  Estado
+    "pcELTYPE VARCHAR(3), "
+    "pcELNODEINDEX INTEGER, "
+    "pcTASK VARCHAR(50), "
+
+    "pcCREATEDBY VARCHAR(100), "
+    "CREATEDAT DATETIME DEFAULT CURRENT_DATE"
+    ");";
+
+  //----------------------- TRABAJADOR ---------------------------------------
+const QString tTrabajador = "CREATE TABLE EMPLOYEE ("
+    "ID INTEGER PRIMARY KEY AUTOINCREMENT, "           // 01. ID
+    "SURNAME VARCHAR(60) NOT NULL, "                   // 02. Apellidos
+    "NAME VARCHAR(60) NOT NULL, "                      // 03. Nombre
+    "STATE	BOOLEAN	DEFAULT FALSE, "                   // 04. Activo o inactivo
+    "CATEGORY VARCHAR(30), "                           // 05. Categoría
+    "PRICEPERHOUR	FLOAT, "                             // 06. Precio Hora
+    "NOTES BLOB,"                                      // 07. Notas
+    "PICTURE BLOB,"
+
+    "CREATEDAT DATE DEFAULT CURRENT_DATE, "    // 25. Fecha de creación
+    "CREATEDBY VARCHAR(100)"
+    ");";
+
+  //----------------------- CONTACTOS -----------------------------------------
+const QString tContact = "CREATE TABLE CONTACT ("
+    "coID	INTEGER PRIMARY KEY AUTOINCREMENT, "         // 01. ID
+    "coCode	VARCHAR(20) NOT NULL, "                    // 02. Code
+    "coNombre	VARCHAR(60) NOT NULL, "                  // 03. Nombre
+    "coApellido	VARCHAR(60) NOT NULL, "                // 04. Apellidos
+    "coForma	VARCHAR(10), "                           // 05. Forma
+
+    "coPuesto	VARCHAR(20), "                           // 06. Puesto
+    "coclCode	VARCHAR(20), "                           // 07. Código Empresa
+    "coclNom VARCHAR(100), "                            // 08. Nombre Empresa
+    "coTel	VARCHAR(20), "                             // 09. Teléfono fijo
+    "coMovil	VARCHAR(20), "                           // 10. Teléfono móvil
+    "coFax	VARCHAR(20), "                             // 11. Fax
+    "coEMail	VARCHAR(60),"                            // 12. e-mail
+    "coImage BLOB,"                                    // 13. Imagen
+
+    "CREATEDAT DATE DEFAULT CURRENT_DATE, "    // 25. Fecha de creación
+    "CREATEDBY VARCHAR(100)"
+    ");";
+
+
+
+const QStringList dbTables = {tDBInfo, tEmpresaInfo, tThird, tElemento, tElemComp, tUnidad, tPropuestaVenta, tDataPropuestaVenta,
+    tDocVenta, tDataDocVenta, tDocCompra, tDataDocCompra, tContact};
+
+const QStringList dbTableNames = {"DBINFO", "ENTERPRISESINFO", "THIRD", "ELEMENT", "ELEMENTCOMPOSITION", "UNIT", "SALEPROPOSAL", "SALEPROPOSALDATA",
+    "SALEDOCUMENT", "SALEDOCUMENTDATA", "BUYDOCUMENT", "BUYDOCUMENTDATA", "CONTACT"};
+
+#endif // SQLTABLE_H
diff --git a/editabletreemodel.qrc b/editabletreemodel.qrc
new file mode 100644
index 0000000..20c722f
--- /dev/null
+++ b/editabletreemodel.qrc
@@ -0,0 +1,37 @@
+<RCC>
+    <qresource prefix="/">
+        <file>resources/icons/down-arrow.svg</file>
+        <file>resources/icons/pencil.svg</file>
+        <file>resources/icons/insert.svg</file>
+        <file>resources/icons/delete.svg</file>
+        <file>resources/icons/gear.svg</file>
+        <file>resources/icons/box.svg</file>
+        <file>resources/icons/wrench(1).svg</file>
+        <file>resources/icons/wrench(2).svg</file>
+        <file>resources/icons/saw.svg</file>
+        <file>resources/icons/wrench.svg</file>
+        <file>resources/icons/blocks.svg</file>
+        <file>resources/icons/helmet.png</file>
+        <file>resources/icons/helmet.svg</file>
+        <file>resources/icons/save.svg</file>
+        <file>resources/icons/tick.svg</file>
+        <file>resources/icons/recycle.svg</file>
+        <file>resources/icons/duplicate.svg</file>
+        <file>resources/icons/copy.svg</file>
+        <file>resources/icons/add-file.svg</file>
+        <file>resources/icons/pencil(1).svg</file>
+        <file>resources/icons/numbered-list-style.svg</file>
+        <file>resources/icons/box-back.svg</file>
+        <file>resources/icons/percentage.svg</file>
+        <file>resources/icons/delete-.svg</file>
+        <file>resources/icons/tag.svg</file>
+        <file>resources/icons/list.svg</file>
+        <file>resources/styles/ribbon_blue.qss</file>
+        <file>resources/styles/ribbon_green.qss</file>
+        <file>resources/styles/ribbon_red.qss</file>
+        <file>resources/styles/RibbonStyle.qss</file>
+        <file>resources/icons/brush.png</file>
+        <file>resources/icons/lego-red-brick-2-x-4-3001-30-771344-81.jpg</file>
+        <file>resources/icons/menu.svg</file>
+    </qresource>
+</RCC>
diff --git a/gui/SARibbon/.clang-format b/gui/SARibbon/.clang-format
new file mode 100644
index 0000000..7f3d778
--- /dev/null
+++ b/gui/SARibbon/.clang-format
@@ -0,0 +1,98 @@
+# Webkit style was loosely based on the Qt style
+BasedOnStyle: WebKit
+
+Standard: Cpp11
+
+
+IndentWidth : 4
+TabWidth : 4
+UseTab : ForIndentation
+# Indent width for line continuations.
+ContinuationIndentWidth: 4
+
+# Leave the line breaks up to the user.
+# Note that this may be changed at some point in the future.
+ColumnLimit: 120
+# How much weight do extra characters after the line length limit have.
+PenaltyExcessCharacter: 4
+
+# Disable reflow of qdoc comments: indentation rules are different.
+# Translation comments are also excluded.
+CommentPragmas: "^!|^:"
+
+# We want a space between the type and the star for pointer types.
+PointerBindsToType: false
+
+# We use template< without space.
+SpaceAfterTemplateKeyword: false
+
+# We want to break before the operators, but not before a '='.
+BreakBeforeBinaryOperators: NonAssignment
+
+# Braces are usually attached, but not after functions or class declarations.
+BreakBeforeBraces: Custom
+BraceWrapping:
+    AfterClass: true
+    AfterControlStatement: false
+    AfterEnum: true
+    AfterFunction: true
+    AfterNamespace: true
+    AfterObjCDeclaration: false
+    AfterStruct: true
+    AfterUnion: false
+    BeforeCatch: false
+    BeforeElse: false
+    IndentBraces: false
+
+# When constructor initializers do not fit on one line, put them each on a new line.
+ConstructorInitializerAllOnOneLineOrOnePerLine: true
+# Indent initializers by 4 spaces
+ConstructorInitializerIndentWidth: 4
+
+# No indentation for namespaces.
+NamespaceIndentation: None
+
+# Horizontally align arguments after an open bracket.
+# The coding style does not specify the following, but this is what gives
+# results closest to the existing code.
+AlignAfterOpenBracket: true
+AlwaysBreakTemplateDeclarations: true
+
+# Ideally we should also allow less short function in a single line, but
+# clang-format does not handle that.
+AllowShortFunctionsOnASingleLine: false
+AllowShortIfStatementsOnASingleLine: false
+#
+BinPackParameters: false
+BinPackArguments: false
+AllowAllParametersOfDeclarationOnNextLine: false
+AlwaysBreakAfterReturnType: None
+
+#
+PenaltyReturnTypeOnItsOwnLine: 5000
+PenaltyBreakAssignment: 5000
+PenaltyBreakBeforeFirstCallParameter: 5000
+
+# The coding style specifies some include order categories, but also tells to
+# separate categories with an empty line. It does not specify the order within
+# the categories. Since the SortInclude feature of clang-format does not
+# re-order includes separated by empty lines, the feature is not used.
+SortIncludes: false
+
+# macros for which the opening brace stays attached.
+ForEachMacros:   [ foreach, Q_FOREACH, BOOST_FOREACH, forever, Q_FOREVER, QBENCHMARK, QBENCHMARK_ONCE ]
+
+# there are define by czy
+
+PointerAlignment: Left
+AlignOperands: true
+BreakConstructorInitializersBeforeComma: true
+SpacesBeforeTrailingComments: 2
+AlignConsecutiveAssignments: true
+AlignConsecutiveDeclarations: false
+AlignTrailingComments: true
+ReflowComments:  true
+SpacesInSquareBrackets: true
+SpacesInAngles: true
+
+KeepEmptyLinesAtTheStartOfBlocks: true
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-linux-qt5.12.yml b/gui/SARibbon/.github/workflows/cmake-linux-qt5.12.yml
new file mode 100644
index 0000000..67e6b0f
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-linux-qt5.12.yml
@@ -0,0 +1,39 @@
+name: CMake-Linux-Qt5.12LTS
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  build:
+    runs-on: ubuntu-${{ matrix.ubuntu_version }}
+    name: Ubuntu-${{ matrix.ubuntu_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        ubuntu_version: [20.04, latest]
+        qt_version: [5.12.*]
+        shared: [ON]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+
+    - name: Install Qt
+      uses: jurplel/install-qt-action@v3
+      with:
+          version: ${{ matrix.qt_version }}
+          cache: 'true'
+          cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+          dir: ${{ github.workspace }}/Qt
+    
+    - name: Install Linux dependencies
+      run: sudo apt install -y libgl1-mesa-dev libxcb1-dev libgtk-3-dev
+
+    - name: Configure CMake
+      run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+    - name: Build
+      run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-linux-qt5.13.yml b/gui/SARibbon/.github/workflows/cmake-linux-qt5.13.yml
new file mode 100644
index 0000000..ba65bfb
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-linux-qt5.13.yml
@@ -0,0 +1,39 @@
+name: CMake-Linux-Qt5.13
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  build:
+    runs-on: ubuntu-${{ matrix.ubuntu_version }}
+    name: Ubuntu-${{ matrix.ubuntu_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        ubuntu_version: [20.04, latest]
+        qt_version: [5.13.*]
+        shared: [ON]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+
+    - name: Install Qt
+      uses: jurplel/install-qt-action@v3
+      with:
+          version: ${{ matrix.qt_version }}
+          cache: 'true'
+          cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+          dir: ${{ github.workspace }}/Qt
+    
+    - name: Install Linux dependencies
+      run: sudo apt install -y libgl1-mesa-dev libxcb1-dev libgtk-3-dev
+
+    - name: Configure CMake
+      run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+    - name: Build
+      run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-linux-qt5.14.yml b/gui/SARibbon/.github/workflows/cmake-linux-qt5.14.yml
new file mode 100644
index 0000000..19aaea3
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-linux-qt5.14.yml
@@ -0,0 +1,39 @@
+name: CMake-Linux-Qt5.14
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  build:
+    runs-on: ubuntu-${{ matrix.ubuntu_version }}
+    name: Ubuntu-${{ matrix.ubuntu_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        ubuntu_version: [20.04, latest]
+        qt_version: [5.14.*]
+        shared: [ON]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+
+    - name: Install Qt
+      uses: jurplel/install-qt-action@v3
+      with:
+          version: ${{ matrix.qt_version }}
+          cache: 'true'
+          cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+          dir: ${{ github.workspace }}/Qt
+    
+    - name: Install Linux dependencies
+      run: sudo apt install -y libgl1-mesa-dev libxcb1-dev libgtk-3-dev
+
+    - name: Configure CMake
+      run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+    - name: Build
+      run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-linux-qt5.15.yml b/gui/SARibbon/.github/workflows/cmake-linux-qt5.15.yml
new file mode 100644
index 0000000..a525831
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-linux-qt5.15.yml
@@ -0,0 +1,39 @@
+name: CMake-Linux-Qt5.15LTS
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  build:
+    runs-on: ubuntu-${{ matrix.ubuntu_version }}
+    name: Ubuntu-${{ matrix.ubuntu_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        ubuntu_version: [20.04, latest]
+        qt_version: [5.15.*]
+        shared: [ON]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+
+    - name: Install Qt
+      uses: jurplel/install-qt-action@v3
+      with:
+          version: ${{ matrix.qt_version }}
+          cache: 'true'
+          cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+          dir: ${{ github.workspace }}/Qt
+    
+    - name: Install Linux dependencies
+      run: sudo apt install -y libgl1-mesa-dev libxcb1-dev libgtk-3-dev
+
+    - name: Configure CMake
+      run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+    - name: Build
+      run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-linux-qt6.0.yml b/gui/SARibbon/.github/workflows/cmake-linux-qt6.0.yml
new file mode 100644
index 0000000..b8d28ab
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-linux-qt6.0.yml
@@ -0,0 +1,40 @@
+name: CMake-Linux-Qt6.0
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  build:
+    runs-on: ubuntu-${{ matrix.ubuntu_version }}
+    name: Ubuntu-${{ matrix.ubuntu_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        ubuntu_version: [20.04, latest]
+        qt_version: [6.0.*]
+        shared: [ON]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+
+    - name: Install Qt
+      uses: jurplel/install-qt-action@v3
+      with:
+          version: ${{ matrix.qt_version }}
+          cache: 'true'
+          cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+          dir: ${{ github.workspace }}/Qt
+
+    - name: Install Linux dependencies
+      run: |
+        sudo apt install -y libgl1-mesa-dev libxcb1-dev libgtk-3-dev
+
+    - name: Configure CMake
+      run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+    - name: Build
+      run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-linux-qt6.1.yml b/gui/SARibbon/.github/workflows/cmake-linux-qt6.1.yml
new file mode 100644
index 0000000..ddc10e5
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-linux-qt6.1.yml
@@ -0,0 +1,40 @@
+name: CMake-Linux-Qt6.1
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  build:
+    runs-on: ubuntu-${{ matrix.ubuntu_version }}
+    name: Ubuntu-${{ matrix.ubuntu_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        ubuntu_version: [20.04, latest]
+        qt_version: [6.1.*]
+        shared: [ON]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+
+    - name: Install Qt
+      uses: jurplel/install-qt-action@v3
+      with:
+          version: ${{ matrix.qt_version }}
+          cache: 'true'
+          cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+          dir: ${{ github.workspace }}/Qt
+
+    - name: Install Linux dependencies
+      run: |
+        sudo apt install -y libgl1-mesa-dev libxcb1-dev libgtk-3-dev
+
+    - name: Configure CMake
+      run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+    - name: Build
+      run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-linux-qt6.2.yml b/gui/SARibbon/.github/workflows/cmake-linux-qt6.2.yml
new file mode 100644
index 0000000..45bfd53
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-linux-qt6.2.yml
@@ -0,0 +1,40 @@
+name: CMake-Linux-Qt6.2LTS
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  build:
+    runs-on: ubuntu-${{ matrix.ubuntu_version }}
+    name: Ubuntu-${{ matrix.ubuntu_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        ubuntu_version: [20.04, latest]
+        qt_version: [6.2.*]
+        shared: [ON]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+
+    - name: Install Qt
+      uses: jurplel/install-qt-action@v3
+      with:
+          version: ${{ matrix.qt_version }}
+          cache: 'true'
+          cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+          dir: ${{ github.workspace }}/Qt
+
+    - name: Install Linux dependencies
+      run: |
+        sudo apt install -y libgl1-mesa-dev libxcb1-dev libgtk-3-dev
+
+    - name: Configure CMake
+      run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+    - name: Build
+      run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-linux-qt6.3.yml b/gui/SARibbon/.github/workflows/cmake-linux-qt6.3.yml
new file mode 100644
index 0000000..74167d1
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-linux-qt6.3.yml
@@ -0,0 +1,40 @@
+name: CMake-Linux-Qt6.3
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  build:
+    runs-on: ubuntu-${{ matrix.ubuntu_version }}
+    name: Ubuntu-${{ matrix.ubuntu_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        ubuntu_version: [20.04, latest]
+        qt_version: [6.3.*]
+        shared: [ON]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+
+    - name: Install Qt
+      uses: jurplel/install-qt-action@v3
+      with:
+          version: ${{ matrix.qt_version }}
+          cache: 'true'
+          cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+          dir: ${{ github.workspace }}/Qt
+
+    - name: Install Linux dependencies
+      run: |
+        sudo apt install -y libgl1-mesa-dev libxcb1-dev libgtk-3-dev
+
+    - name: Configure CMake
+      run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+    - name: Build
+      run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-linux-qt6.4.yml b/gui/SARibbon/.github/workflows/cmake-linux-qt6.4.yml
new file mode 100644
index 0000000..de90240
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-linux-qt6.4.yml
@@ -0,0 +1,40 @@
+name: CMake-Linux-Qt6.4
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  build:
+    runs-on: ubuntu-${{ matrix.ubuntu_version }}
+    name: Ubuntu-${{ matrix.ubuntu_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        ubuntu_version: [20.04, latest]
+        qt_version: [6.4.*]
+        shared: [ON]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+
+    - name: Install Qt
+      uses: jurplel/install-qt-action@v3
+      with:
+          version: ${{ matrix.qt_version }}
+          cache: 'true'
+          cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+          dir: ${{ github.workspace }}/Qt
+
+    - name: Install Linux dependencies
+      run: |
+        sudo apt install -y libgl1-mesa-dev libxcb1-dev libgtk-3-dev
+
+    - name: Configure CMake
+      run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+    - name: Build
+      run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-linux-qt6.5.yml b/gui/SARibbon/.github/workflows/cmake-linux-qt6.5.yml
new file mode 100644
index 0000000..c61fe32
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-linux-qt6.5.yml
@@ -0,0 +1,40 @@
+name: CMake-Linux-Qt6.5LTS
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  build:
+    runs-on: ubuntu-${{ matrix.ubuntu_version }}
+    name: Ubuntu-${{ matrix.ubuntu_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        ubuntu_version: [20.04, latest]
+        qt_version: [6.5.*]
+        shared: [ON]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+
+    - name: Install Qt
+      uses: jurplel/install-qt-action@v3
+      with:
+          version: ${{ matrix.qt_version }}
+          cache: 'true'
+          cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+          dir: ${{ github.workspace }}/Qt
+
+    - name: Install Linux dependencies
+      run: |
+        sudo apt install -y libgl1-mesa-dev libxcb1-dev libgtk-3-dev
+
+    - name: Configure CMake
+      run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+    - name: Build
+      run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-linux-qt6.6.yml b/gui/SARibbon/.github/workflows/cmake-linux-qt6.6.yml
new file mode 100644
index 0000000..cab9c07
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-linux-qt6.6.yml
@@ -0,0 +1,40 @@
+name: CMake-Linux-Qt6.6
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  build:
+    runs-on: ubuntu-${{ matrix.ubuntu_version }}
+    name: Ubuntu-${{ matrix.ubuntu_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        ubuntu_version: [20.04, latest]
+        qt_version: [6.6.*]
+        shared: [ON]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+
+    - name: Install Qt
+      uses: jurplel/install-qt-action@v3
+      with:
+          version: ${{ matrix.qt_version }}
+          cache: 'true'
+          cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+          dir: ${{ github.workspace }}/Qt
+
+    - name: Install Linux dependencies
+      run: |
+        sudo apt install -y libgl1-mesa-dev libxcb1-dev libgtk-3-dev
+
+    - name: Configure CMake
+      run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+    - name: Build
+      run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-mac-qt5.12.yml b/gui/SARibbon/.github/workflows/cmake-mac-qt5.12.yml
new file mode 100644
index 0000000..02be82e
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-mac-qt5.12.yml
@@ -0,0 +1,36 @@
+name: CMake-Mac-Qt5.12LTS
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  macos:
+    runs-on: macos-${{ matrix.macos_version }}
+    name: macos-${{ matrix.macos_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        macos_version: [11, latest]
+        qt_version: [5.12.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-mac-qt5.13.yml b/gui/SARibbon/.github/workflows/cmake-mac-qt5.13.yml
new file mode 100644
index 0000000..9a650ee
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-mac-qt5.13.yml
@@ -0,0 +1,36 @@
+name: CMake-Mac-Qt5.13
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  macos:
+    runs-on: macos-${{ matrix.macos_version }}
+    name: macos-${{ matrix.macos_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        macos_version: [11, latest]
+        qt_version: [5.13.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-mac-qt5.14.yml b/gui/SARibbon/.github/workflows/cmake-mac-qt5.14.yml
new file mode 100644
index 0000000..5776445
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-mac-qt5.14.yml
@@ -0,0 +1,36 @@
+name: CMake-Mac-Qt5.14
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  macos:
+    runs-on: macos-${{ matrix.macos_version }}
+    name: macos-${{ matrix.macos_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        macos_version: [11, latest]
+        qt_version: [5.14.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-mac-qt5.15.yml b/gui/SARibbon/.github/workflows/cmake-mac-qt5.15.yml
new file mode 100644
index 0000000..9d38f83
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-mac-qt5.15.yml
@@ -0,0 +1,36 @@
+name: CMake-Mac-Qt5.15LTS
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  macos:
+    runs-on: macos-${{ matrix.macos_version }}
+    name: macos-${{ matrix.macos_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        macos_version: [11, latest]
+        qt_version: [5.15.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-mac-qt6.0.yml b/gui/SARibbon/.github/workflows/cmake-mac-qt6.0.yml
new file mode 100644
index 0000000..4a5abd0
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-mac-qt6.0.yml
@@ -0,0 +1,36 @@
+name: CMake-Mac-Qt6.0
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  macos:
+    runs-on: macos-${{ matrix.macos_version }}
+    name: macos-${{ matrix.macos_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        macos_version: [11, latest]
+        qt_version: [6.0.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-mac-qt6.1.yml b/gui/SARibbon/.github/workflows/cmake-mac-qt6.1.yml
new file mode 100644
index 0000000..525d7c8
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-mac-qt6.1.yml
@@ -0,0 +1,36 @@
+name: CMake-Mac-Qt6.1
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  macos:
+    runs-on: macos-${{ matrix.macos_version }}
+    name: macos-${{ matrix.macos_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        macos_version: [11, latest]
+        qt_version: [6.1.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-mac-qt6.2.yml b/gui/SARibbon/.github/workflows/cmake-mac-qt6.2.yml
new file mode 100644
index 0000000..5ff4e1e
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-mac-qt6.2.yml
@@ -0,0 +1,36 @@
+name: CMake-Mac-Qt6.2LTS
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  macos:
+    runs-on: macos-${{ matrix.macos_version }}
+    name: macos-${{ matrix.macos_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        macos_version: [11, latest]
+        qt_version: [6.2.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-mac-qt6.3.yml b/gui/SARibbon/.github/workflows/cmake-mac-qt6.3.yml
new file mode 100644
index 0000000..32a7cdb
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-mac-qt6.3.yml
@@ -0,0 +1,36 @@
+name: CMake-Mac-Qt6.3
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  macos:
+    runs-on: macos-${{ matrix.macos_version }}
+    name: macos-${{ matrix.macos_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        macos_version: [11, latest]
+        qt_version: [6.3.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-mac-qt6.4.yml b/gui/SARibbon/.github/workflows/cmake-mac-qt6.4.yml
new file mode 100644
index 0000000..48163bd
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-mac-qt6.4.yml
@@ -0,0 +1,36 @@
+name: CMake-Mac-Qt6.4
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  macos:
+    runs-on: macos-${{ matrix.macos_version }}
+    name: macos-${{ matrix.macos_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        macos_version: [11, latest]
+        qt_version: [6.4.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-mac-qt6.5.yml b/gui/SARibbon/.github/workflows/cmake-mac-qt6.5.yml
new file mode 100644
index 0000000..665e921
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-mac-qt6.5.yml
@@ -0,0 +1,36 @@
+name: CMake-Mac-Qt6.5LTS
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  macos:
+    runs-on: macos-${{ matrix.macos_version }}
+    name: macos-${{ matrix.macos_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        macos_version: [11, latest]
+        qt_version: [6.5.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-mac-qt6.6.yml b/gui/SARibbon/.github/workflows/cmake-mac-qt6.6.yml
new file mode 100644
index 0000000..2c9004e
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-mac-qt6.6.yml
@@ -0,0 +1,36 @@
+name: CMake-Mac-Qt6.6
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  macos:
+    runs-on: macos-${{ matrix.macos_version }}
+    name: macos-${{ matrix.macos_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    strategy:
+      fail-fast: false
+      matrix:
+        macos_version: [11, latest]
+        qt_version: [6.6.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-win-qt5.12.yml b/gui/SARibbon/.github/workflows/cmake-win-qt5.12.yml
new file mode 100644
index 0000000..05af35d
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-win-qt5.12.yml
@@ -0,0 +1,36 @@
+name: CMake-Windows-Qt5.12LTS
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  MSVC:
+    name: windows-${{ matrix.win_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    runs-on: windows-${{ matrix.win_version }}
+    strategy:
+      fail-fast: false
+      matrix:
+        win_version: [2019, latest]
+        qt_version: [5.12.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-win-qt5.13.yml b/gui/SARibbon/.github/workflows/cmake-win-qt5.13.yml
new file mode 100644
index 0000000..af8d15d
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-win-qt5.13.yml
@@ -0,0 +1,36 @@
+name: CMake-Windows-Qt5.13
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  MSVC:
+    name: windows-${{ matrix.win_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    runs-on: windows-${{ matrix.win_version }}
+    strategy:
+      fail-fast: false
+      matrix:
+        win_version: [2019, latest]
+        qt_version: [5.13.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-win-qt5.14.yml b/gui/SARibbon/.github/workflows/cmake-win-qt5.14.yml
new file mode 100644
index 0000000..858606c
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-win-qt5.14.yml
@@ -0,0 +1,36 @@
+name: CMake-Windows-Qt5.14
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  MSVC:
+    name: windows-${{ matrix.win_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    runs-on: windows-${{ matrix.win_version }}
+    strategy:
+      fail-fast: false
+      matrix:
+        win_version: [2019, latest]
+        qt_version: [5.14.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-win-qt5.15.yml b/gui/SARibbon/.github/workflows/cmake-win-qt5.15.yml
new file mode 100644
index 0000000..3295e0a
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-win-qt5.15.yml
@@ -0,0 +1,36 @@
+name: CMake-Windows-Qt5.15LTS
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  MSVC:
+    name: windows-${{ matrix.win_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    runs-on: windows-${{ matrix.win_version }}
+    strategy:
+      fail-fast: false
+      matrix:
+        win_version: [2019, latest]
+        qt_version: [5.15.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-win-qt6.0.yml b/gui/SARibbon/.github/workflows/cmake-win-qt6.0.yml
new file mode 100644
index 0000000..fcb220e
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-win-qt6.0.yml
@@ -0,0 +1,36 @@
+name: CMake-Windows-Qt6.0
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  MSVC:
+    name: windows-${{ matrix.win_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    runs-on: windows-${{ matrix.win_version }}
+    strategy:
+      fail-fast: false
+      matrix:
+        win_version: [2019, latest]
+        qt_version: [6.0.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-win-qt6.1.yml b/gui/SARibbon/.github/workflows/cmake-win-qt6.1.yml
new file mode 100644
index 0000000..c93afc5
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-win-qt6.1.yml
@@ -0,0 +1,36 @@
+name: CMake-Windows-Qt6.1
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  MSVC:
+    name: windows-${{ matrix.win_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    runs-on: windows-${{ matrix.win_version }}
+    strategy:
+      fail-fast: false
+      matrix:
+        win_version: [2019, latest]
+        qt_version: [6.1.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-win-qt6.2.yml b/gui/SARibbon/.github/workflows/cmake-win-qt6.2.yml
new file mode 100644
index 0000000..684611b
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-win-qt6.2.yml
@@ -0,0 +1,36 @@
+name: CMake-Windows-Qt6.2LTS
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  MSVC:
+    name: windows-${{ matrix.win_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    runs-on: windows-${{ matrix.win_version }}
+    strategy:
+      fail-fast: false
+      matrix:
+        win_version: [2019, latest]
+        qt_version: [6.2.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-win-qt6.3.yml b/gui/SARibbon/.github/workflows/cmake-win-qt6.3.yml
new file mode 100644
index 0000000..0582351
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-win-qt6.3.yml
@@ -0,0 +1,36 @@
+name: CMake-Windows-Qt6.3
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  MSVC:
+    name: windows-${{ matrix.win_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    runs-on: windows-${{ matrix.win_version }}
+    strategy:
+      fail-fast: false
+      matrix:
+        win_version: [2019, latest]
+        qt_version: [6.3.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-win-qt6.4.yml b/gui/SARibbon/.github/workflows/cmake-win-qt6.4.yml
new file mode 100644
index 0000000..ada0302
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-win-qt6.4.yml
@@ -0,0 +1,36 @@
+name: CMake-Windows-Qt6.4
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  MSVC:
+    name: windows-${{ matrix.win_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    runs-on: windows-${{ matrix.win_version }}
+    strategy:
+      fail-fast: false
+      matrix:
+        win_version: [2019, latest]
+        qt_version: [6.4.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-win-qt6.5.yml b/gui/SARibbon/.github/workflows/cmake-win-qt6.5.yml
new file mode 100644
index 0000000..22a466a
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-win-qt6.5.yml
@@ -0,0 +1,36 @@
+name: CMake-Windows-Qt6.5LTS
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  MSVC:
+    name: windows-${{ matrix.win_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    runs-on: windows-${{ matrix.win_version }}
+    strategy:
+      fail-fast: false
+      matrix:
+        win_version: [2019, latest]
+        qt_version: [6.5.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.github/workflows/cmake-win-qt6.6.yml b/gui/SARibbon/.github/workflows/cmake-win-qt6.6.yml
new file mode 100644
index 0000000..ec5690e
--- /dev/null
+++ b/gui/SARibbon/.github/workflows/cmake-win-qt6.6.yml
@@ -0,0 +1,36 @@
+name: CMake-Windows-Qt6.6
+
+on: [pull_request,push]
+
+env:
+  # Customize the CMake build type here (Release, Debug, RelWithDebInfo, etc.)
+  BUILD_TYPE: Release
+
+jobs:
+  MSVC:
+    name: windows-${{ matrix.win_version }}-Qt-${{ matrix.qt_version }}-shared-${{ matrix.shared }}
+    runs-on: windows-${{ matrix.win_version }}
+    strategy:
+      fail-fast: false
+      matrix:
+        win_version: [2019, latest]
+        qt_version: [6.*]
+        shared: [ON]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Qt
+        uses: jurplel/install-qt-action@v3
+        with:
+            version: ${{ matrix.qt_version }}
+            cache: 'true'
+            cache-key-prefix: ${{ runner.os }}-Qt-Cache-${{ matrix.qt_version }}
+            dir: ${{ github.workspace }}/Qt
+
+      - name: Configure CMake
+        run: cmake -DCMAKE_BUILD_TYPE="${{env.BUILD_TYPE}}" -DBUILD_SHARED_LIBS=${{ matrix.shared }} -DBUILD_EXAMPLES=OFF -B "${{github.workspace}}/build"
+
+      - name: Build
+        run: cmake --build ${{github.workspace}}/build --config ${{env.BUILD_TYPE}}
\ No newline at end of file
diff --git a/gui/SARibbon/.gitignore b/gui/SARibbon/.gitignore
new file mode 100644
index 0000000..e4c048e
--- /dev/null
+++ b/gui/SARibbon/.gitignore
@@ -0,0 +1,96 @@
+bin_*
+build*
+*.user
+*.autosave
+*.dll
+*.lib
+*.zip
+*.tar
+*.tar.gz
+*.user.*
+~*.pptx
+~*.docx
+*.drawio.bkp
+tmp
+tmp-file
+.$*
+.vs
+
+# vscode 的隐藏文件
+.vscode
+
+# This file is used to ignore files which are generated
+# ----------------------------------------------------------------------------
+
+*~
+*.autosave
+*.a
+*.core
+*.moc
+*.o
+*.obj
+*.orig
+*.rej
+*.so
+*.so.*
+*_pch.h.cpp
+*_resource.rc
+*.qm
+.#*
+*.*#
+core
+!core/
+tags
+.DS_Store
+.directory
+*.debug
+Makefile*
+*.prl
+*.app
+moc_*.cpp
+ui_*.h
+qrc_*.cpp
+Thumbs.db
+*.res
+*.rc
+/.qmake.cache
+/.qmake.stash
+compile_commands.json
+
+# qtcreator generated files
+*.pro.user*
+.qtc_clangd
+
+# xemacs temporary files
+*.flc
+
+# Vim temporary files
+.*.swp
+
+# Visual Studio generated files
+CMakeSettings.json
+*.ib_pdb_index
+*.idb
+*.ilk
+*.pdb
+*.sln
+*.suo
+*.vcproj
+*vcproj.*.*.user
+*.ncb
+*.sdf
+*.opensdf
+*.vcxproj
+*vcxproj.*
+
+# MinGW generated files
+*.Debug
+*.Release
+
+# Python byte code
+*.pyc
+
+# Binaries
+# --------
+*.dll
+*.exe
diff --git a/gui/SARibbon/.gitmodules b/gui/SARibbon/.gitmodules
new file mode 100644
index 0000000..9e3b227
--- /dev/null
+++ b/gui/SARibbon/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "src/SARibbonBar/3rdparty/qwindowkit"]
+	path = src/SARibbonBar/3rdparty/qwindowkit
+	url = https://github.com/czyt1988/qwindowkit
diff --git a/gui/SARibbon/CMakeLists.txt b/gui/SARibbon/CMakeLists.txt
new file mode 100644
index 0000000..13fd5c0
--- /dev/null
+++ b/gui/SARibbon/CMakeLists.txt
@@ -0,0 +1,188 @@
+
+# Cmake的命令不区分大小写，例如message，set等命令；但Cmake的变量区分大小写
+# 为统一风格，本项目的Cmake命令全部采用小写，变量全部采用大写加下划线组合。
+
+cmake_minimum_required(VERSION 3.5)
+
+set(SARIBBON_VERSION_MAJOR 2)
+set(SARIBBON_VERSION_MINOR 2)
+set(SARIBBON_VERSION_PATCH 5)
+set(SARIBBON_VERSION "${SARIBBON_VERSION_MAJOR}.${SARIBBON_VERSION_MINOR}.${SARIBBON_VERSION_PATCH}")
+message(STATUS "SARibbon v${SARIBBON_VERSION}")
+project(SARibbon VERSION ${SARIBBON_VERSION} LANGUAGES CXX)
+
+# option(BUILD_SHARED_LIBS "build the SARibbonBar in shared lib mode" ON)
+option(SARIBBON_BUILD_EXAMPLES "build the examples" ON)
+# frameless能提供windows的窗口特效，如边缘吸附，且对高分屏多屏幕的支持更好,默认开启
+option(SARIBBON_USE_FRAMELESS_LIB "Using the QWindowKit library as a frameless solution" OFF)
+# frameless能提供windows的窗口特效，如边缘吸附，且对高分屏多屏幕的支持更好,默认开启
+option(SARIBBON_ENABLE_SNAPLAYOUT "Whether to enable the Snap Layout effect in Windows 11, this option only takes effect when SARIBBON_USE_FRAMELESS_LIB=ON" OFF)
+# 在当前目录安装，此操作会让库安装在当前目录下，新建类似bin_qt5.14.2_msvc_x64这样的文件夹，否则就安装到默认位置，windows的默认位置一般位于C:\Program Files
+option(SARIBBON_INSTALL_IN_CURRENT_DIR "Whether to install in the current directory" ON)
+
+# load Qt library, minimum version required is 5.8
+# cn:Qt库加载,最低版本要求为5.8
+set(SARIBBON_MIN_QT_VERSION 5.8)
+find_package(QT NAMES Qt6 Qt5 COMPONENTS Core REQUIRED)
+find_package(Qt${QT_VERSION_MAJOR} ${SARIBBON_MIN_QT_VERSION} COMPONENTS
+    Core
+    Gui
+    Widgets
+    REQUIRED
+)
+message(STATUS "current Qt version is Qt${QT_VERSION_MAJOR}.${QT_VERSION_MINOR}.${QT_VERSION_PATCH}")
+
+# 根据qt版本确认能否使用frameless库，目前frameless库支持qt5.14,qt5.15,qt6.1+,除了上诉版本，都使用不了
+# 上述版本的qt如果设置SARIBBON_USE_FRAMELESS_LIB=ON也会改为OFF
+set(_SARIBBON_USE_FRAMELESS_LIB ${SARIBBON_USE_FRAMELESS_LIB})
+if(SARIBBON_USE_FRAMELESS_LIB)
+    if(${QT_VERSION_MAJOR} EQUAL 5)
+        # qt版本为5，判断是否小版本小于14，小于14无法使用
+        if(${QT_VERSION_MINOR} LESS 14)
+            #5.14和5.15可以使用frameless
+            set(_SARIBBON_USE_FRAMELESS_LIB OFF)
+            message(WARNING "QT_VERSION = Qt${QT_VERSION} QT version minor is ${QT_VERSION_MINOR},less 14,will set SARIBBON_USE_FRAMELESS_LIB OFF")
+        endif()
+    elseif(${QT_VERSION_MAJOR} EQUAL 6)
+        # qt版本为6，判断是否小版本大于6.1
+        if(${QT_VERSION_MINOR} LESS_EQUAL 1)
+            #6.0及bug多多无法使用frameless
+            set(_SARIBBON_USE_FRAMELESS_LIB OFF)
+            message(WARNING "QT_VERSION = Qt${QT_VERSION} QT version minor is ${QT_VERSION_MINOR},less 1,will set SARIBBON_USE_FRAMELESS_LIB OFF")
+        endif()
+    endif()
+endif()
+
+# 如果是使用frameless库，需要c++17，否则c++14
+if(_SARIBBON_USE_FRAMELESS_LIB)
+    set(CMAKE_CXX_STANDARD 17)
+    set(CMAKE_CXX_STANDARD_REQUIRED ON)
+    if(MSVC)
+        # CMAKE_CXX_STANDARD对有些版本的msvc无效
+        set(CMAKE_CXX_FLAGS"${CMAKE_CXX_FLAGS} /std:c++17")
+    endif()
+    message(STATUS "The current QT version can use the frameless library and enable C++17")
+else()
+    set(CMAKE_CXX_STANDARD 14)
+    set(CMAKE_CXX_STANDARD_REQUIRED ON)
+    if(MSVC)
+        # CMAKE_CXX_STANDARD对有些版本的msvc无效
+        set(CMAKE_CXX_FLAGS"${CMAKE_CXX_FLAGS} /std:c++14")
+    endif()
+    message(STATUS "The current qt version cannot use the frameless library, enable C++14")
+endif()
+
+set(CMAKE_DEBUG_POSTFIX "d" CACHE STRING "add a postfix, usually d on windows")
+set(CMAKE_RELEASE_POSTFIX "" CACHE STRING "add a postfix, usually empty on windows")
+set(CMAKE_RELWITHDEBINFO_POSTFIX "rd" CACHE STRING "add a postfix, usually empty on windows")
+set(CMAKE_MINSIZEREL_POSTFIX "s" CACHE STRING "add a postfix, usually empty on windows")
+# Set the build postfix extension according to what configuration is being built.
+
+if(CMAKE_BUILD_TYPE MATCHES "Release")
+    set(CMAKE_BUILD_POSTFIX "${CMAKE_RELEASE_POSTFIX}")
+elseif (CMAKE_BUILD_TYPE MATCHES "MinSizeRel")
+    set(CMAKE_BUILD_POSTFIX "${CMAKE_MINSIZEREL_POSTFIX}")
+elseif(CMAKE_BUILD_TYPE MATCHES "RelWithDebInfo")
+    set(CMAKE_BUILD_POSTFIX "${CMAKE_RELWITHDEBINFO_POSTFIX}")
+elseif(CMAKE_BUILD_TYPE MATCHES "Debug")
+    set(CMAKE_BUILD_POSTFIX "${CMAKE_DEBUG_POSTFIX}")
+else()
+    set(CMAKE_BUILD_POSTFIX "")
+endif()
+
+if(MSVC)
+    set(CMAKE_CXX_FLAGS "${CMAKE_CXX_FLAGS} /wd4819")
+endif()
+
+
+# 平台判断
+if("${CMAKE_SIZEOF_VOID_P}" STREQUAL "4")
+    set(SARIBBON_PLATFORM "x86")
+else()
+    set(SARIBBON_PLATFORM "x64")
+endif()
+
+# The bin file directory is one level above the current directory
+# cn:bin文件目录在当前目录的上上一级
+# 安装目录默认名字为bin_qt5.14.2_msvc_x64
+set(SARIBBON_LOCAL_INSTALL_BIN_NAME bin_qt${QT_VERSION}_${CMAKE_CXX_COMPILER_ID}_${SARIBBON_PLATFORM})
+set(SARIBBON_LOCAL_INSTALL_BIN_DIR ${CMAKE_CURRENT_LIST_DIR}/${SARIBBON_LOCAL_INSTALL_BIN_NAME})
+
+# windows系统下，默认直接安装到当前文件夹下
+if(SARIBBON_INSTALL_IN_CURRENT_DIR)
+    if(WIN32)
+        set(CMAKE_INSTALL_PREFIX "${SARIBBON_LOCAL_INSTALL_BIN_DIR}")
+        message(STATUS "SARIBBON_INSTALL_IN_CURRENT_DIR=ON,will install in:${CMAKE_INSTALL_PREFIX}")
+    endif()
+endif()
+##################################
+# subdirectory
+##################################
+
+if(_SARIBBON_USE_FRAMELESS_LIB)
+    if(NOT QWindowKit_DIR)
+        message(STATUS "option SARIBBON_USE_FRAMELESS_LIB=ON,but QWindowKit_DIR not defined,will set QWindowKit_DIR=${SARIBBON_LOCAL_INSTALL_BIN_DIR}/lib/cmake/QWindowKit")
+        set(__qwk_dir ${SARIBBON_LOCAL_INSTALL_BIN_DIR}/lib/cmake/QWindowKit)
+        if(EXISTS ${__qwk_dir})
+            set(QWindowKit_DIR ${__qwk_dir})
+        else()
+            message(WARNING "SARIBBON_USE_FRAMELESS_LIB=ON,but not defined QWindowKit_DIR path")
+        endif()
+        # 再次尝试加载QWindowKit
+        find_package(QWindowKit QUIET)
+        if(NOT QWindowKit_FOUND)
+            set(_SARIBBON_USE_FRAMELESS_LIB OFF)
+            message(WARNING "can not find package QWindowKit at ${__qwk_dir},set SARIBBON_USE_FRAMELESS_LIB=OFF")
+        endif()
+    else()
+        message(STATUS "QWindowKit_DIR=${QWindowKit_DIR}")
+        find_package(QWindowKit QUIET)
+        if(NOT QWindowKit_FOUND)
+            set(_SARIBBON_USE_FRAMELESS_LIB OFF)
+            message(WARNING "can not find package QWindowKit at ${__qwk_dir},set SARIBBON_USE_FRAMELESS_LIB=OFF")
+        endif()
+    endif()
+endif()
+
+include(cmake/WinResource.cmake)
+
+########################################################
+# 自动化生成配置头文件
+########################################################
+configure_file (
+  "${CMAKE_CURRENT_LIST_DIR}/src/SARibbonBar/SARibbonBarVersionInfo.h.in"
+  "${CMAKE_CURRENT_LIST_DIR}/src/SARibbonBar/SARibbonBarVersionInfo.h"
+)
+
+##################################
+# 代码目录
+##################################
+
+add_subdirectory(src)
+
+if(SARIBBON_BUILD_EXAMPLES)
+    message(STATUS "build example")
+    add_subdirectory(example)
+endif()
+##################################
+# install
+##################################
+
+# document-文档
+set(SARIBBON_DOC_FILES
+    ${CMAKE_CURRENT_SOURCE_DIR}/readme.md
+    ${CMAKE_CURRENT_SOURCE_DIR}/readme-cn.md
+    ${CMAKE_CURRENT_SOURCE_DIR}/LICENSE
+    )
+
+
+# 把针对cmake安装的两个pri文件复制到根目录下
+set(SARIBBON_QMAKE_FILES
+    ${CMAKE_CURRENT_SOURCE_DIR}/cmake/common.pri
+    ${CMAKE_CURRENT_SOURCE_DIR}/cmake/SARibbonBar.pri
+    )
+install(FILES
+    ${SARIBBON_QMAKE_FILES}
+    DESTINATION lib/qmake/SARibbonBar
+    COMPONENT qmake
+)
diff --git a/gui/SARibbon/LICENSE b/gui/SARibbon/LICENSE
new file mode 100644
index 0000000..31b3902
--- /dev/null
+++ b/gui/SARibbon/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 czyt1988
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/gui/SARibbon/SARibbon.pro b/gui/SARibbon/SARibbon.pro
new file mode 100644
index 0000000..65f1358
--- /dev/null
+++ b/gui/SARibbon/SARibbon.pro
@@ -0,0 +1,16 @@
+TEMPLATE = subdirs
+SUBDIRS += \
+           src/SARibbonBar \
+           example/NormalMenuBarExample\
+           example/WidgetWithRibbon \
+           example/MdiAreaWindowExample \
+           example/StaticExample \
+           example/MainWindowExample
+
+
+CONFIG += ordered
+
+OTHER_FILES += \
+           readme.md \
+           readme-cn.md \
+           update-record.md \
diff --git a/gui/SARibbon/SARibbonBar.pri b/gui/SARibbon/SARibbonBar.pri
new file mode 100644
index 0000000..206ce05
--- /dev/null
+++ b/gui/SARibbon/SARibbonBar.pri
@@ -0,0 +1,24 @@
+include($$PWD/common.pri)
+INCLUDEPATH += $$PWD/src/SARibbonBar
+DEPENDPATH += $$PWD/src/SARibbonBar
+
+
+######################################
+#SA_RIBBON_CONFIG 用于定义一些编译选项：
+# SA_RIBBON_CONFIG+=use_frameless 此选项在common.pri中定义，注意必须保证编译和使用统一，否则会发生不可预估的异常
+######################################
+
+contains( SA_RIBBON_CONFIG, use_frameless ) {
+    !contains(CONFIG,C++17){
+        CONFIG += c++17
+    }
+    # 定义SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1是的使用framelss库
+    DEFINES += SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1
+}else{
+    !contains(CONFIG,C++14){
+        CONFIG += c++14
+    }
+    DEFINES += SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=0
+}
+LIBS += -L$${SARIBBON_BIN_DIR}/bin -l$${SARIBBON_LIB_NAME}
+
diff --git a/gui/SARibbon/changlog.md b/gui/SARibbon/changlog.md
new file mode 100644
index 0000000..c06b590
--- /dev/null
+++ b/gui/SARibbon/changlog.md
@@ -0,0 +1,178 @@
+# 版本记录(change log):
+
+## 2024-10-17 -> 2.2.5
+- 原有的qt关键宏替换为Q_SIGNAL\Q_SLOT\Q_EMIT，以适应no_keywords设置
+- 调整目录结构，单独把example提取出来
+- 完善mdi窗口的例子，可以结合qwk实现mdi窗口的最大最小化按钮的显示
+
+## 2024-09-12 -> 2.2.4
+- 修正自定义过程调用setRibbonBar后，会导致最大最小化按钮被遮挡的问题
+- 调整Mdi例子中cmake的文件大小写，避免在linux系统下大小写敏感
+- 修正qwk开启后，eventfilter没有捕获的问题
+
+## 2024-07-25 -> 2.2.1
+- 增加setPannelSpacing接口，可调节pannel按钮的间距
+- SARibbonToolButton的icon尺寸可设置，在小按钮模式下，用户可指定icon尺寸
+- 把SARibbonMainWindow的事件处理通过eventfilter实现，避免用户在重写事件时误操作
+- 修正SARibbonGalleryButton的样式错误
+- 修正SystemBar在qwk下会位置有偏离的问题
+
+## 2024-07-15 -> 2.2.0
+- 增加了mdi窗口的示例
+- 增加了SARibbonTabBar的tab尺寸计算方式，可以让tab高度按照tabbar高度自动调整
+- 示例增加了尺寸设置的配置，可以任意调整titlebar，tabbar，pannel title height的高度
+- 修正调整category高度后，pannel高度不跟着改变的问题
+- 添加snap layout的开关，在依赖qwk下，可以设置是否开启snap layout
+
+## 2024-05-23 -> 2.1.0
+- 添加actionTriggered信号
+- 修正了滚动action显示效果
+- 把SARibbonTheme从SARibbonMainWindow中转移到SARibbonGloabls.h中并作为枚举类(enum class)
+- 添加SARibbonWidget，同时调整example/widget示例
+- 调整了布局移动的实现方式，不会出现压缩式移动
+
+## 2024-02-07 -> 2.0.3
+- 调整SAColorToolButton的实现，使之更简单
+- 修正qwk库引入的cmake
+- 调整文档
+
+## 2024-02-07 -> 2.0.2 
+- 修正SARibbonSystemButtonBar的编码问题，可能会导致vs下无法编译成功
+- SARibbonContextCategory的标签颜色调整
+
+## 2024-01-27 -> 2.0.1【失效，请使用v2.0.2及以上版本】
+- 调整qss，让SARibbonApplicationButton的下拉箭头不显示
+- 文档添加gallery
+- 修正了一个布局可能异常的点
+
+## 2024-01-09 -> 2.0.0
+
+- `SARibbonCategory`和`SARibbonPannel`可以通过qss定制
+- `SARibbonPannel`的文字使用`SARibbonPannelLabel(QLabel)`显示，可以通过qss进行自定义
+- `SARibbonSeparatorWidget`分割线也支持qss定制
+- `SARibbonBar`的样式`RibbonStyle`改为`QFlags`
+- `SARibbonBar`添加了相关的迭代函数，可快速遍历所有的category和pannel
+- 尺寸的计算重新进行了调整
+- 默认的qss进行了重新调整，适用更多的屏幕尺寸
+- `SARibbonBar`添加了如下接口：
+  1.`SARibbonBar::setCornerWidgetVisible` 可以设置`cornerwidget`的显示隐藏与否
+  2.属性`enableShowPannelTitle`，控制是否显示pannel的标题
+  3.属性`pannelTitleHeight`，控制pannel标题栏高度
+  4.属性`pannelLayoutMode`，可控制pannel的布局方式
+  5.属性`tabOnTitle`，可控制tab放置在title栏上
+  6.`titleBarHeight`，`tabBarHeight`，`categoryHeight`这三个高度支持用户自定义，默认会根据字体大小计算
+  7.`setTabBarBaseLineColor`控制tabbar下基线颜色，某些主题需要设置颜色（窗口标题栏和category区域颜色一样的情况下如office 2013主题）可通过此函数设置，传入`QColor()`取消颜色
+- 添加了`SARibbonBar::initHighDpi()`静态函数，方便开启高分屏设置
+- 【注意】frameless库更换为qwindowkit(https://github.com/stdware/qwindowkit)，qwindowkit源码不作为项目一部分，使用`git submodule`管理，因此，项目clone下来后，需要执行`git submodule update --init --recursive`
+- 【注意】如果开启`SARIBBON_USE_FRAMELESS_LIB`（默认不开启），需要先构建`qwindowkit`，目前`qwindowkit`不提供qmake，只提供cmake，编译完`qwindowkit`后，SARibbon支持qmake和cmake
+- `SARibbonMainWindow`支持非ribbon模式
+- 原`SAWindowButtonGroup`改名为`SARibbonSystemButtonGroupBar`，同时支持添加action
+
+【警告】编译过程会在当前目录下生成bin_qtx.x.x_[MSVC/GNU]_x[64/86]这样的文件夹，请确保有写入权限，否则执行qmake过程会报错
+
+由于接口函数有明显调整，因此版本变更为2.0
+
+## 2023-12-29 -> 1.1.2
+
+- 合并了lixinchang的修改(https://gitee.com/lixinchang)
+- 添加了SARibbonControlToolButton，ControlBar不再使用QToolButton，避免和QToolButton的qss冲突
+- ControlBar支持按钮菜单样式的指定
+- 调整了默认样式的内容
+
+## 2023-12-25 -> 1.1.1
+
+- 修正了SARibbonBar的布局过程对窗体隐藏的判断方式，使得在窗口没显示时也能正确布局
+
+## 2023-12-25 -> 1.1.0
+
+- 修正了尺寸刷新的问题，在首次显示不会出现控件跳动的状态
+- 修正了一些问题
+- 调整了创建RibbonButton的方式
+- 调整了SARibbonPannel一些接口，使得创建更加规范
+- 调整了ToolButton的渲染方式
+
+  ------------------------
+
+## 2023-11-19 -> 1.0.6
+
+- 添加Office2016主题
+- Category可以居中对齐
+- QuickAccessBar的图标调小一像素，且用户可设置
+
+## 2023-11-10 -> 1.0.5
+
+- 自动根据Qt版本来适配是否加载frameless库
+
+## 2023-11-02 -> 1.0.4
+
+cn:因为引入了framelss库，导致很多版本的qt无法编译，为了兼容不同版本的qt编译问题，进行了版本自适应，
+不符合framelss的qt版本自动使用原来的framelss方案，从而实现了qt5.9到qt6的完全支持
+
+en:Because of the introduction of the framelss library, many versions of qt cannot be compiled.
+In order to be compatible with different versions of qt compilation, version adaptation is carried out.
+The qt version that does not conform to the framelss automatically uses the original framelss scheme, thus realizing full support for qt5.9 to qt6
+
+## 2023-10-26 -> 1.0.2
+
+- 添加了SARibbonBar在QWidget窗口上使用的例子
+- 整理了SARibbon.h和SARibbon.cpp,调整了静态使用的例子
+- frameless库更新到c4a7bc8版本（20231022）
+
+## 2023-10-14 -> 1.0.1
+
+cn:
+- 引入第三方库frameless
+- 支持ubuntu和macos
+- 解决windwos系统的多屏幕移动问题
+- 依赖frameless，实现windows系统的一些界面操作，如边缘触发半屏
+- 添加深色主题
+- 优化了一些界面刷新逻辑
+- 最低C++版本要求为c++17
+- 一些接口的调整和一些枚举名称的调整
+- 添加了QWidget使用SARibbonBar的例子
+- 同步把自定义ribbon的SARibbonMainWindow的依赖去除
+- 完善了文档包括高分屏问题和linux编译的方法
+
+en(machine translation):
+- import third-party library:frameless
+- Supports ubuntu and macos
+- Solving the problem of multi screen movement in Windwos system
+- Relying on frameless library to implement some interface operations in Windows systems, such as edge triggered half screen
+- Add a dark theme
+- Optimized some interface refresh logic
+- The minimum C++version requirement is c++17
+- Some interface adjustments and some enumeration name adjustments
+- Added an example of using SARibbonBar for QWidgets
+- Synchronize the removal of dependencies on SARibbonMainWindow for custom ribbons
+- Improved documentation including high resolution issues and methods for compiling Linux
+
+## 2023-10-09 -> 0.7.1
+
+- 增加了深色主题
+- 调整了枚举的命名方式
+- 增加了一些重绘方式
+
+## 2023-10-09 -> 0.7.0
+
+- 修正了category的布局问题
+
+## 2023-09-27 -> 0.6.0
+
+- 添加了Amalgamate，修正了一些显示的bug，修正cmake的异常
+- 添加了上下文标签中category标题名字改变的信号
+
+## 2023-05-28 -> 0.5.0
+
+- 调整了大按钮模式下的显示方案，去除了原来SARibbonToolButton的Lite和Normal模式，以WordWrap来表征
+- 支持文字自定义换行
+- 调整了RibbonPannel的标题栏的高度计算方案
+
+## 0.5.1
+
+- 不使用QString::simplified,而是简单的仅仅替换\n的simplified，这样中文换行不会多出空格
+
+## 0.5.2
+
+- SARibbonColorToolButton\SARibbonToolButton修正&操作在三项表达式未加括号问题
+- SARibbonStyleOption添加虚析构函数
+- 原来SARibbonElementCreateDelegate类改名为SARibbonElementFactory
\ No newline at end of file
diff --git a/gui/SARibbon/cmake/SARibbonBar.pri b/gui/SARibbon/cmake/SARibbonBar.pri
new file mode 100644
index 0000000..b30da3e
--- /dev/null
+++ b/gui/SARibbon/cmake/SARibbonBar.pri
@@ -0,0 +1,35 @@
+# lib/qmake/this-file
+# include/SARibbonBar/
+
+include($$PWD/common.pri)
+INCLUDEPATH += $${SARIBBON_INCLUDE_DIR}
+DEPENDPATH += $${SARIBBON_INCLUDE_DIR}
+
+
+greaterThan(QT_MAJOR_VERSION, 4){
+    # 目前 frameless支持qt5.14,qt5.15,qt6.4+,除了上诉版本，都使用不了
+    greaterThan(QT_MINOR_VERSION, 13){
+        SA_RIBBON_CONFIG += use_frameless
+    }
+}else{
+    # Qt6,qt6.4+可使用frameless
+    greaterThan(QT_MAJOR_VERSION, 5){
+        greaterThan(QT_MINOR_VERSION, 3){
+            SA_RIBBON_CONFIG += use_frameless
+        }
+    }
+}
+
+contains( SA_RIBBON_CONFIG, use_frameless ) {
+    !contains(CONFIG,C++17){
+        CONFIG += c++17
+    }
+    # 定义FRAMELESSHELPER_FEATURE_static_build为-1让frameless也作为库的一部分
+    DEFINES += FRAMELESSHELPER_FEATURE_static_build=-1
+    # 定义SARIBBON_USE_3RDPARTY_FRAMELESSHELPER为1
+    DEFINES += SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1
+}else{
+    DEFINES += SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=0
+}
+LIBS += -L$${SARIBBON_LIB_DIR} -l$${SARIBBON_LIB_NAME}
+
diff --git a/gui/SARibbon/cmake/SARibbonUtils.cmake b/gui/SARibbon/cmake/SARibbonUtils.cmake
new file mode 100644
index 0000000..e00138b
--- /dev/null
+++ b/gui/SARibbon/cmake/SARibbonUtils.cmake
@@ -0,0 +1,16 @@
+macro(saribbon_set_bin_name _var)
+    set(DA_MIN_QT_VERSION 5.14)
+    find_package(QT NAMES Qt6 Qt5 COMPONENTS Core REQUIRED)
+    ########################################################
+    # 平台判断
+    ########################################################
+    if("${CMAKE_SIZEOF_VOID_P}" STREQUAL "4")
+        set(_platform_name "x86")
+    else()
+        set(_platform_name "x64")
+    endif()
+    ########################################################
+    # 安装路径设置
+    ########################################################
+    set(_var bin_qt${QT_VERSION}_${CMAKE_BUILD_TYPE}_${_platform_name})
+endmacro(damacro_set_bin_name)
\ No newline at end of file
diff --git a/gui/SARibbon/cmake/WinResource.cmake b/gui/SARibbon/cmake/WinResource.cmake
new file mode 100644
index 0000000..fd4706b
--- /dev/null
+++ b/gui/SARibbon/cmake/WinResource.cmake
@@ -0,0 +1,119 @@
+macro(create_win32_resource_version)
+	if(MSVC) # TODO: MinGW (http://www.mingw.org/wiki/MS_resource_compiler)
+		set(_target)
+		set(_filename)
+		set(_version ${PROJECT_VERSION})
+		set(_ext "ico")
+		set(_companyname "https://github.com/czyt1988/SARibbon")
+		set(_copyright "Copyright (C) 2020 by czyt1988")
+		set(_description "Ribbon Control for Qt")
+		set(cmd "_target")
+		foreach(arg ${ARGN})
+			if(arg STREQUAL "TARGET")
+				set(cmd "_target")
+			elseif(arg STREQUAL "FILENAME")
+				set(cmd "_filename")
+			elseif(arg STREQUAL "VERSION")
+				set(cmd "_version")
+			elseif(arg STREQUAL "EXT")
+				set(cmd "_ext")
+			elseif(arg STREQUAL "COMPANYNAME")
+				set(cmd "_companyname")
+			elseif(arg STREQUAL "COPYRIGHT")
+				set(cmd "_copyright")
+			elseif(arg STREQUAL "DESCRIPTION")
+				set(cmd "_description")
+			else()
+				if("${cmd}" STREQUAL "_target")
+					set(_target ${arg})
+				elseif("${cmd}" STREQUAL "_filename")
+					set(_filename ${arg})
+				elseif("${cmd}" STREQUAL "_version")
+					set(_version ${arg})
+				elseif("${cmd}" STREQUAL "_ext")
+					set(_ext ${arg})
+				elseif("${cmd}" STREQUAL "_companyname")
+					set(_companyname ${arg})
+				elseif("${cmd}" STREQUAL "_copyright")
+					set(_copyright ${arg})
+				elseif("${cmd}" STREQUAL "_description")
+					set(_description ${arg})
+				else()
+				endif()
+			endif()
+		endforeach()
+		string(REGEX MATCHALL "[.]" matches "${_version}")
+		list(LENGTH matches n_matches)
+		while(n_matches LESS 3)
+			string(APPEND _version ".0")
+			string(REGEX MATCHALL "[.]" matches "${_version}")
+			list(LENGTH matches n_matches)
+		endwhile()
+		string(REPLACE "." "," PC ${_version})
+		set(RC_FILE ${CMAKE_CURRENT_BINARY_DIR}/${_target}.rc)
+		file(WRITE  ${RC_FILE} "#include <winres.h>\n\n")
+		file(APPEND ${RC_FILE} "#define TARGET_NAME \"${_target}\"\n")
+		file(APPEND ${RC_FILE} "#define FILE_VERSION_C ${PC}\n")
+		file(APPEND ${RC_FILE} "#define FILE_VERSION_S \"${_version}\"\n")
+		if("${_ext}" STREQUAL "exe")
+			set(_filetype "0x1L")
+			file(APPEND ${RC_FILE} "#define FILE_NAME \"${_filename}.exe\"\n")
+		else()
+			set(_filetype "0x2L")
+			file(APPEND ${RC_FILE} "#ifdef _DEBUG\n")
+			file(APPEND ${RC_FILE} "#define FILE_NAME \"${_filename}${CMAKE_DEBUG_POSTFIX}.dll\"\n")
+			file(APPEND ${RC_FILE} "#else\n")
+			file(APPEND ${RC_FILE} "#define FILE_NAME \"${_filename}.dll\"\n")
+			file(APPEND ${RC_FILE} "#endif\n")
+		endif()
+		file(APPEND ${RC_FILE} "\nVS_VERSION_INFO VERSIONINFO\n")
+		file(APPEND ${RC_FILE} " FILEVERSION FILE_VERSION_C\n")
+		file(APPEND ${RC_FILE} " PRODUCTVERSION FILE_VERSION_C\n")
+		file(APPEND ${RC_FILE} " FILEFLAGSMASK 0x3fL\n")
+		file(APPEND ${RC_FILE} "#ifdef _DEBUG\n")
+		file(APPEND ${RC_FILE} " FILEFLAGS 0x1L\n")
+		file(APPEND ${RC_FILE} "#else\n")
+		file(APPEND ${RC_FILE} " FILEFLAGS 0x0L\n")
+		file(APPEND ${RC_FILE} "#endif\n")
+		file(APPEND ${RC_FILE} " FILEOS 0x40004L\n")
+		file(APPEND ${RC_FILE} " FILETYPE ${_filetype}\n")
+		file(APPEND ${RC_FILE} " FILESUBTYPE 0x0L\n")
+		file(APPEND ${RC_FILE} "BEGIN\n")
+		file(APPEND ${RC_FILE} "    BLOCK \"StringFileInfo\"\n")
+		file(APPEND ${RC_FILE} "    BEGIN\n")
+		file(APPEND ${RC_FILE} "        BLOCK \"040704b0\"\n")
+		file(APPEND ${RC_FILE} "        BEGIN\n")
+		file(APPEND ${RC_FILE} "            VALUE \"CompanyName\", \"${_companyname}\"\n")
+		file(APPEND ${RC_FILE} "            VALUE \"FileDescription\", \"${_description}\"\n")
+		file(APPEND ${RC_FILE} "            VALUE \"FileVersion\", FILE_VERSION_S\n")
+		file(APPEND ${RC_FILE} "            VALUE \"InternalName\", FILE_NAME\n")
+		file(APPEND ${RC_FILE} "            VALUE \"LegalCopyright\", \"${_copyright}\"\n")
+		file(APPEND ${RC_FILE} "            VALUE \"OriginalFilename\", FILE_NAME\n")
+		file(APPEND ${RC_FILE} "            VALUE \"ProductName\", TARGET_NAME\n")
+		file(APPEND ${RC_FILE} "            VALUE \"ProductVersion\", FILE_VERSION_S\n")
+		file(APPEND ${RC_FILE} "        END\n")
+		file(APPEND ${RC_FILE} "    END\n")
+		file(APPEND ${RC_FILE} "    BLOCK \"VarFileInfo\"\n")
+		file(APPEND ${RC_FILE} "    BEGIN\n")
+		file(APPEND ${RC_FILE} "        VALUE \"Translation\", 0x407, 1200\n")
+		file(APPEND ${RC_FILE} "    END\n")
+		file(APPEND ${RC_FILE} "END\n")
+		target_sources(${_target} PRIVATE ${RC_FILE})
+	endif()
+endmacro(create_win32_resource_version)
+
+macro(visual_studio_qt_helper)
+	if(MSVC AND TARGET Qt::qmake)
+		get_target_property(_qt_qmake_location Qt::qmake IMPORTED_LOCATION)
+		execute_process(COMMAND "${_qt_qmake_location}" -query QT_INSTALL_PREFIX RESULT_VARIABLE return_code OUTPUT_VARIABLE qt_install_prefix OUTPUT_STRIP_TRAILING_WHITESPACE)
+		set(VSUSER_FILE ${CMAKE_CURRENT_BINARY_DIR}/${ARGV0}.vcxproj.user)
+		file(WRITE  ${VSUSER_FILE} "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n")
+		file(APPEND ${VSUSER_FILE} "<Project xmlns=\"http://schemas.microsoft.com/developer/msbuild/2003\">\n")
+		file(APPEND ${VSUSER_FILE} "  <PropertyGroup>\n")
+		file(APPEND ${VSUSER_FILE} "    <LocalDebuggerEnvironment>PATH=$(SolutionDir)src\\SARibbonBar\\$(Configuration);${qt_install_prefix}\\bin;$(Path)\n")
+		file(APPEND ${VSUSER_FILE} "$(LocalDebuggerEnvironment)</LocalDebuggerEnvironment>\n")
+		file(APPEND ${VSUSER_FILE} "    <DebuggerFlavor>WindowsLocalDebugger</DebuggerFlavor>\n")
+		file(APPEND ${VSUSER_FILE} "  </PropertyGroup>\n")
+		file(APPEND ${VSUSER_FILE} "</Project>\n")
+	endif()
+endmacro(visual_studio_qt_helper)
diff --git a/gui/SARibbon/cmake/common.pri b/gui/SARibbon/cmake/common.pri
new file mode 100644
index 0000000..8191072
--- /dev/null
+++ b/gui/SARibbon/cmake/common.pri
@@ -0,0 +1,22 @@
+# this file for cmake install
+
+msvc {
+    QMAKE_CFLAGS += /utf-8
+    QMAKE_CXXFLAGS += /utf-8
+}
+
+#生成一个区别debug和release模式的lib名,输入一个lib名字
+defineReplace(saRibbonLibNameMake) {
+    LibName = $$1
+    CONFIG(debug, debug|release){
+        LibName = $${LibName}d
+    }else{
+        LibName = $${LibName}
+    }
+    return ($${LibName})
+}
+SARIBBON_LIB_DIR = $$PWD/../../
+SARIBBON_BIN_DIR = $$PWD/../../../bin
+SARIBBON_INCLUDE_DIR = $$PWD/../../../include/SARibbonBar
+SARIBBONBAR_PRI_FILE_PATH = $$PWD/SARibbonBar.pri # 源代码路径
+SARIBBON_LIB_NAME=$$saRibbonLibNameMake(SARibbonBar)
diff --git a/gui/SARibbon/common.pri b/gui/SARibbon/common.pri
new file mode 100644
index 0000000..14f0574
--- /dev/null
+++ b/gui/SARibbon/common.pri
@@ -0,0 +1,53 @@
+CONFIG(debug, debug|release){
+    contains(QT_ARCH, i386) {
+        SARIBBON_BIN_DIR = $$PWD/bin_qt$$[QT_VERSION]_Debug_x86
+    }else {
+        SARIBBON_BIN_DIR = $$PWD/bin_qt$$[QT_VERSION]_Debug_x64
+    }
+}else{
+    contains(QT_ARCH, i386) {
+        SARIBBON_BIN_DIR = $$PWD/bin_qt$$[QT_VERSION]_Release_x86
+    }else {
+        SARIBBON_BIN_DIR = $$PWD/bin_qt$$[QT_VERSION]_Release_x64
+    }
+}
+
+msvc {
+    QMAKE_CFLAGS += /utf-8
+    QMAKE_CXXFLAGS += /utf-8
+}
+
+#生成一个区别debug和release模式的lib名,输入一个lib名字
+defineReplace(saRibbonLibNameMake) {
+    LibName = $$1
+    CONFIG(debug, debug|release){
+        LibName = $${LibName}d
+    }else{
+        LibName = $${LibName}
+    }
+    return ($${LibName})
+}
+
+
+SARIBBON_SRC_DIR = $$PWD/src # 源代码路径
+SARIBBONBAR_PRI_FILE_PATH = $$PWD/SARibbonBar.pri # 源代码路径
+SARIBBON_LIB_NAME=$$saRibbonLibNameMake(SARibbonBar)
+
+######################################
+# Config  |  配置
+######################################
+#SA_RIBBON_CONFIG 用于定义一些编译选项：
+# SA_RIBBON_CONFIG+=use_frameless
+#     此选项将使用frameless第三方库，这个选项在SARibbonBar.pri中会自动判断，如果，达到frameless的使用要求将会自动定义
+#     frameless第三方库必须C++17且只有几个版本的qt可用，目前支持（qt5.14,qt5.15,qt6.4以上）
+#     除了上诉版本SA_RIBBON_CONFIG中不会加入use_frameless
+#     frameless库能实现Ubuntu下和mac下的显示，同时多屏幕的支持也较好
+# 使用frameless库，需要定义QWindowKit的安装目录，默认在SARIBBON_BIN_DIR
+# SA_RIBBON_QWindowKit_Install_DIR = $$SARIBBON_BIN_DIR
+# 
+# SA_RIBBON_CONFIG+=enable_snap_layout
+#      此选项将允许开启windows11的snap layout效果，目前在qt6.5下是正常显示位置，其它已知qt版本的snap layout位置会有偏移
+#      此选项必须在 SA_RIBBON_CONFIG+=use_frameless 下才有效
+######################################
+# SA_RIBBON_CONFIG += use_frameless
+# SA_RIBBON_CONFIG += enable_snap_layout
diff --git a/gui/SARibbon/doc/.gitignore b/gui/SARibbon/doc/.gitignore
new file mode 100644
index 0000000..ad6792d
--- /dev/null
+++ b/gui/SARibbon/doc/.gitignore
@@ -0,0 +1 @@
+html/
\ No newline at end of file
diff --git a/gui/SARibbon/doc/Doxyfile-qch-cn b/gui/SARibbon/doc/Doxyfile-qch-cn
new file mode 100644
index 0000000..2032c6c
--- /dev/null
+++ b/gui/SARibbon/doc/Doxyfile-qch-cn
@@ -0,0 +1,2970 @@
+# Doxyfile 1.10.0
+
+# This file describes the settings to be used by the documentation system
+# doxygen (www.doxygen.org) for a project.
+#
+# All text after a double hash (##) is considered a comment and is placed in
+# front of the TAG it is preceding.
+#
+# All text after a single hash (#) is considered a comment and will be ignored.
+# The format is:
+# TAG = value [value, ...]
+# For lists, items can also be appended using:
+# TAG += value [value, ...]
+# Values that contain spaces should be placed between quotes (\" \").
+#
+# Note:
+#
+# Use doxygen to compare the used configuration file with the template
+# configuration file:
+# doxygen -x [configFile]
+# Use doxygen to compare the used configuration file with the template
+# configuration file without replacing the environment variables or CMake type
+# replacement variables:
+# doxygen -x_noenv [configFile]
+
+#---------------------------------------------------------------------------
+# Project related configuration options
+#---------------------------------------------------------------------------
+
+# This tag specifies the encoding used for all characters in the configuration
+# file that follow. The default is UTF-8 which is also the encoding used for all
+# text before the first occurrence of this tag. Doxygen uses libiconv (or the
+# iconv built into libc) for the transcoding. See
+# https://www.gnu.org/software/libiconv/ for the list of possible encodings.
+# The default value is: UTF-8.
+
+DOXYFILE_ENCODING      = UTF-8
+
+# The PROJECT_NAME tag is a single word (or a sequence of words surrounded by
+# double-quotes, unless you are using Doxywizard) that should identify the
+# project for which the documentation is generated. This name is used in the
+# title of most generated pages and in a few other places.
+# The default value is: My Project.
+
+PROJECT_NAME           = SARibbon
+
+# The PROJECT_NUMBER tag can be used to enter a project or revision number. This
+# could be handy for archiving the generated documentation or if some version
+# control system is used.
+
+PROJECT_NUMBER         = 2.2.0
+
+# Using the PROJECT_BRIEF tag one can provide an optional one line description
+# for a project that appears at the top of each page and should give viewer a
+# quick idea about the purpose of the project. Keep the description short.
+
+PROJECT_BRIEF          = "SARibbon wiki"
+
+# With the PROJECT_LOGO tag one can specify a logo or an icon that is included
+# in the documentation. The maximum height of the logo should not exceed 55
+# pixels and the maximum width should not exceed 200 pixels. Doxygen will copy
+# the logo to the output directory.
+
+PROJECT_LOGO           = ./SA-logo.png
+
+# With the PROJECT_ICON tag one can specify an icon that is included in the tabs
+# when the HTML document is shown. Doxygen will copy the logo to the output
+# directory.
+
+PROJECT_ICON           =
+
+# The OUTPUT_DIRECTORY tag is used to specify the (relative or absolute) path
+# into which the generated documentation will be written. If a relative path is
+# entered, it will be relative to the location where doxygen was started. If
+# left blank the current directory will be used.
+
+OUTPUT_DIRECTORY       = ./html
+
+# If the CREATE_SUBDIRS tag is set to YES then doxygen will create up to 4096
+# sub-directories (in 2 levels) under the output directory of each output format
+# and will distribute the generated files over these directories. Enabling this
+# option can be useful when feeding doxygen a huge amount of source files, where
+# putting all generated files in the same directory would otherwise causes
+# performance problems for the file system. Adapt CREATE_SUBDIRS_LEVEL to
+# control the number of sub-directories.
+# The default value is: NO.
+
+CREATE_SUBDIRS         = NO
+
+# Controls the number of sub-directories that will be created when
+# CREATE_SUBDIRS tag is set to YES. Level 0 represents 16 directories, and every
+# level increment doubles the number of directories, resulting in 4096
+# directories at level 8 which is the default and also the maximum value. The
+# sub-directories are organized in 2 levels, the first level always has a fixed
+# number of 16 directories.
+# Minimum value: 0, maximum value: 8, default value: 8.
+# This tag requires that the tag CREATE_SUBDIRS is set to YES.
+
+CREATE_SUBDIRS_LEVEL   = 8
+
+# If the ALLOW_UNICODE_NAMES tag is set to YES, doxygen will allow non-ASCII
+# characters to appear in the names of generated files. If set to NO, non-ASCII
+# characters will be escaped, for example _xE3_x81_x84 will be used for Unicode
+# U+3044.
+# The default value is: NO.
+
+ALLOW_UNICODE_NAMES    = YES
+
+# The OUTPUT_LANGUAGE tag is used to specify the language in which all
+# documentation generated by doxygen is written. Doxygen will use this
+# information to generate all constant output in the proper language.
+# Possible values are: Afrikaans, Arabic, Armenian, Brazilian, Bulgarian,
+# Catalan, Chinese, Chinese-Traditional, Croatian, Czech, Danish, Dutch, English
+# (United States), Esperanto, Farsi (Persian), Finnish, French, German, Greek,
+# Hindi, Hungarian, Indonesian, Italian, Japanese, Japanese-en (Japanese with
+# English messages), Korean, Korean-en (Korean with English messages), Latvian,
+# Lithuanian, Macedonian, Norwegian, Persian (Farsi), Polish, Portuguese,
+# Romanian, Russian, Serbian, Serbian-Cyrillic, Slovak, Slovene, Spanish,
+# Swedish, Turkish, Ukrainian and Vietnamese.
+# The default value is: English.
+
+OUTPUT_LANGUAGE        = Chinese
+
+# If the BRIEF_MEMBER_DESC tag is set to YES, doxygen will include brief member
+# descriptions after the members that are listed in the file and class
+# documentation (similar to Javadoc). Set to NO to disable this.
+# The default value is: YES.
+
+BRIEF_MEMBER_DESC      = YES
+
+# If the REPEAT_BRIEF tag is set to YES, doxygen will prepend the brief
+# description of a member or function before the detailed description
+#
+# Note: If both HIDE_UNDOC_MEMBERS and BRIEF_MEMBER_DESC are set to NO, the
+# brief descriptions will be completely suppressed.
+# The default value is: YES.
+
+REPEAT_BRIEF           = YES
+
+# This tag implements a quasi-intelligent brief description abbreviator that is
+# used to form the text in various listings. Each string in this list, if found
+# as the leading text of the brief description, will be stripped from the text
+# and the result, after processing the whole list, is used as the annotated
+# text. Otherwise, the brief description is used as-is. If left blank, the
+# following values are used ($name is automatically replaced with the name of
+# the entity):The $name class, The $name widget, The $name file, is, provides,
+# specifies, contains, represents, a, an and the.
+
+ABBREVIATE_BRIEF       = "The $name class" \
+                         "The $name widget" \
+                         "The $name file" \
+                         is \
+                         provides \
+                         specifies \
+                         contains \
+                         represents \
+                         a \
+                         an \
+                         the
+
+# If the ALWAYS_DETAILED_SEC and REPEAT_BRIEF tags are both set to YES then
+# doxygen will generate a detailed section even if there is only a brief
+# description.
+# The default value is: NO.
+
+ALWAYS_DETAILED_SEC    = NO
+
+# If the INLINE_INHERITED_MEMB tag is set to YES, doxygen will show all
+# inherited members of a class in the documentation of that class as if those
+# members were ordinary class members. Constructors, destructors and assignment
+# operators of the base classes will not be shown.
+# The default value is: NO.
+
+INLINE_INHERITED_MEMB  = NO
+
+# If the FULL_PATH_NAMES tag is set to YES, doxygen will prepend the full path
+# before files name in the file list and in the header files. If set to NO the
+# shortest path that makes the file name unique will be used
+# The default value is: YES.
+
+FULL_PATH_NAMES        = YES
+
+# The STRIP_FROM_PATH tag can be used to strip a user-defined part of the path.
+# Stripping is only done if one of the specified strings matches the left-hand
+# part of the path. The tag can be used to show relative paths in the file list.
+# If left blank the directory from which doxygen is run is used as the path to
+# strip.
+#
+# Note that you can specify absolute paths here, but also relative paths, which
+# will be relative from the directory where doxygen is started.
+# This tag requires that the tag FULL_PATH_NAMES is set to YES.
+
+STRIP_FROM_PATH        =
+
+# The STRIP_FROM_INC_PATH tag can be used to strip a user-defined part of the
+# path mentioned in the documentation of a class, which tells the reader which
+# header file to include in order to use a class. If left blank only the name of
+# the header file containing the class definition is used. Otherwise one should
+# specify the list of include paths that are normally passed to the compiler
+# using the -I flag.
+
+STRIP_FROM_INC_PATH    =
+
+# If the SHORT_NAMES tag is set to YES, doxygen will generate much shorter (but
+# less readable) file names. This can be useful is your file systems doesn't
+# support long names like on DOS, Mac, or CD-ROM.
+# The default value is: NO.
+
+SHORT_NAMES            = NO
+
+# If the JAVADOC_AUTOBRIEF tag is set to YES then doxygen will interpret the
+# first line (until the first dot) of a Javadoc-style comment as the brief
+# description. If set to NO, the Javadoc-style will behave just like regular Qt-
+# style comments (thus requiring an explicit @brief command for a brief
+# description.)
+# The default value is: NO.
+
+JAVADOC_AUTOBRIEF      = NO
+
+# If the JAVADOC_BANNER tag is set to YES then doxygen will interpret a line
+# such as
+# /***************
+# as being the beginning of a Javadoc-style comment "banner". If set to NO, the
+# Javadoc-style will behave just like regular comments and it will not be
+# interpreted by doxygen.
+# The default value is: NO.
+
+JAVADOC_BANNER         = NO
+
+# If the QT_AUTOBRIEF tag is set to YES then doxygen will interpret the first
+# line (until the first dot) of a Qt-style comment as the brief description. If
+# set to NO, the Qt-style will behave just like regular Qt-style comments (thus
+# requiring an explicit \brief command for a brief description.)
+# The default value is: NO.
+
+QT_AUTOBRIEF           = NO
+
+# The MULTILINE_CPP_IS_BRIEF tag can be set to YES to make doxygen treat a
+# multi-line C++ special comment block (i.e. a block of //! or /// comments) as
+# a brief description. This used to be the default behavior. The new default is
+# to treat a multi-line C++ comment block as a detailed description. Set this
+# tag to YES if you prefer the old behavior instead.
+#
+# Note that setting this tag to YES also means that rational rose comments are
+# not recognized any more.
+# The default value is: NO.
+
+MULTILINE_CPP_IS_BRIEF = NO
+
+# By default Python docstrings are displayed as preformatted text and doxygen's
+# special commands cannot be used. By setting PYTHON_DOCSTRING to NO the
+# doxygen's special commands can be used and the contents of the docstring
+# documentation blocks is shown as doxygen documentation.
+# The default value is: YES.
+
+PYTHON_DOCSTRING       = YES
+
+# If the INHERIT_DOCS tag is set to YES then an undocumented member inherits the
+# documentation from any documented member that it re-implements.
+# The default value is: YES.
+
+INHERIT_DOCS           = YES
+
+# If the SEPARATE_MEMBER_PAGES tag is set to YES then doxygen will produce a new
+# page for each member. If set to NO, the documentation of a member will be part
+# of the file/class/namespace that contains it.
+# The default value is: NO.
+
+SEPARATE_MEMBER_PAGES  = NO
+
+# The TAB_SIZE tag can be used to set the number of spaces in a tab. Doxygen
+# uses this value to replace tabs by spaces in code fragments.
+# Minimum value: 1, maximum value: 16, default value: 4.
+
+TAB_SIZE               = 4
+
+# This tag can be used to specify a number of aliases that act as commands in
+# the documentation. An alias has the form:
+# name=value
+# For example adding
+# "sideeffect=@par Side Effects:^^"
+# will allow you to put the command \sideeffect (or @sideeffect) in the
+# documentation, which will result in a user-defined paragraph with heading
+# "Side Effects:". Note that you cannot put \n's in the value part of an alias
+# to insert newlines (in the resulting output). You can put ^^ in the value part
+# of an alias to insert a newline as if a physical newline was in the original
+# file. When you need a literal { or } or , in the value part of an alias you
+# have to escape them by means of a backslash (\), this can lead to conflicts
+# with the commands \{ and \} for these it is advised to use the version @{ and
+# @} or use a double escape (\\{ and \\})
+
+ALIASES                =
+
+# Set the OPTIMIZE_OUTPUT_FOR_C tag to YES if your project consists of C sources
+# only. Doxygen will then generate output that is more tailored for C. For
+# instance, some of the names that are used will be different. The list of all
+# members will be omitted, etc.
+# The default value is: NO.
+
+OPTIMIZE_OUTPUT_FOR_C  = NO
+
+# Set the OPTIMIZE_OUTPUT_JAVA tag to YES if your project consists of Java or
+# Python sources only. Doxygen will then generate output that is more tailored
+# for that language. For instance, namespaces will be presented as packages,
+# qualified scopes will look different, etc.
+# The default value is: NO.
+
+OPTIMIZE_OUTPUT_JAVA   = NO
+
+# Set the OPTIMIZE_FOR_FORTRAN tag to YES if your project consists of Fortran
+# sources. Doxygen will then generate output that is tailored for Fortran.
+# The default value is: NO.
+
+OPTIMIZE_FOR_FORTRAN   = NO
+
+# Set the OPTIMIZE_OUTPUT_VHDL tag to YES if your project consists of VHDL
+# sources. Doxygen will then generate output that is tailored for VHDL.
+# The default value is: NO.
+
+OPTIMIZE_OUTPUT_VHDL   = NO
+
+# Set the OPTIMIZE_OUTPUT_SLICE tag to YES if your project consists of Slice
+# sources only. Doxygen will then generate output that is more tailored for that
+# language. For instance, namespaces will be presented as modules, types will be
+# separated into more groups, etc.
+# The default value is: NO.
+
+OPTIMIZE_OUTPUT_SLICE  = NO
+
+# Doxygen selects the parser to use depending on the extension of the files it
+# parses. With this tag you can assign which parser to use for a given
+# extension. Doxygen has a built-in mapping, but you can override or extend it
+# using this tag. The format is ext=language, where ext is a file extension, and
+# language is one of the parsers supported by doxygen: IDL, Java, JavaScript,
+# Csharp (C#), C, C++, Lex, D, PHP, md (Markdown), Objective-C, Python, Slice,
+# VHDL, Fortran (fixed format Fortran: FortranFixed, free formatted Fortran:
+# FortranFree, unknown formatted Fortran: Fortran. In the later case the parser
+# tries to guess whether the code is fixed or free formatted code, this is the
+# default for Fortran type files). For instance to make doxygen treat .inc files
+# as Fortran files (default is PHP), and .f files as C (default is Fortran),
+# use: inc=Fortran f=C.
+#
+# Note: For files without extension you can use no_extension as a placeholder.
+#
+# Note that for custom extensions you also need to set FILE_PATTERNS otherwise
+# the files are not read by doxygen. When specifying no_extension you should add
+# * to the FILE_PATTERNS.
+#
+# Note see also the list of default file extension mappings.
+
+EXTENSION_MAPPING      =
+
+# If the MARKDOWN_SUPPORT tag is enabled then doxygen pre-processes all comments
+# according to the Markdown format, which allows for more readable
+# documentation. See https://daringfireball.net/projects/markdown/ for details.
+# The output of markdown processing is further processed by doxygen, so you can
+# mix doxygen, HTML, and XML commands with Markdown formatting. Disable only in
+# case of backward compatibilities issues.
+# The default value is: YES.
+
+MARKDOWN_SUPPORT       = YES
+
+# When the TOC_INCLUDE_HEADINGS tag is set to a non-zero value, all headings up
+# to that level are automatically included in the table of contents, even if
+# they do not have an id attribute.
+# Note: This feature currently applies only to Markdown headings.
+# Minimum value: 0, maximum value: 99, default value: 5.
+# This tag requires that the tag MARKDOWN_SUPPORT is set to YES.
+
+TOC_INCLUDE_HEADINGS   = 5
+
+# The MARKDOWN_ID_STYLE tag can be used to specify the algorithm used to
+# generate identifiers for the Markdown headings. Note: Every identifier is
+# unique.
+# Possible values are: DOXYGEN use a fixed 'autotoc_md' string followed by a
+# sequence number starting at 0 and GITHUB use the lower case version of title
+# with any whitespace replaced by '-' and punctuation characters removed.
+# The default value is: DOXYGEN.
+# This tag requires that the tag MARKDOWN_SUPPORT is set to YES.
+
+MARKDOWN_ID_STYLE      = GITHUB
+
+# When enabled doxygen tries to link words that correspond to documented
+# classes, or namespaces to their corresponding documentation. Such a link can
+# be prevented in individual cases by putting a % sign in front of the word or
+# globally by setting AUTOLINK_SUPPORT to NO.
+# The default value is: YES.
+
+AUTOLINK_SUPPORT       = YES
+
+# If you use STL classes (i.e. std::string, std::vector, etc.) but do not want
+# to include (a tag file for) the STL sources as input, then you should set this
+# tag to YES in order to let doxygen match functions declarations and
+# definitions whose arguments contain STL classes (e.g. func(std::string);
+# versus func(std::string) {}). This also make the inheritance and collaboration
+# diagrams that involve STL classes more complete and accurate.
+# The default value is: NO.
+
+BUILTIN_STL_SUPPORT    = NO
+
+# If you use Microsoft's C++/CLI language, you should set this option to YES to
+# enable parsing support.
+# The default value is: NO.
+
+CPP_CLI_SUPPORT        = NO
+
+# Set the SIP_SUPPORT tag to YES if your project consists of sip (see:
+# https://www.riverbankcomputing.com/software/sip/intro) sources only. Doxygen
+# will parse them like normal C++ but will assume all classes use public instead
+# of private inheritance when no explicit protection keyword is present.
+# The default value is: NO.
+
+SIP_SUPPORT            = NO
+
+# For Microsoft's IDL there are propget and propput attributes to indicate
+# getter and setter methods for a property. Setting this option to YES will make
+# doxygen to replace the get and set methods by a property in the documentation.
+# This will only work if the methods are indeed getting or setting a simple
+# type. If this is not the case, or you want to show the methods anyway, you
+# should set this option to NO.
+# The default value is: YES.
+
+IDL_PROPERTY_SUPPORT   = YES
+
+# If member grouping is used in the documentation and the DISTRIBUTE_GROUP_DOC
+# tag is set to YES then doxygen will reuse the documentation of the first
+# member in the group (if any) for the other members of the group. By default
+# all members of a group must be documented explicitly.
+# The default value is: NO.
+
+DISTRIBUTE_GROUP_DOC   = NO
+
+# If one adds a struct or class to a group and this option is enabled, then also
+# any nested class or struct is added to the same group. By default this option
+# is disabled and one has to add nested compounds explicitly via \ingroup.
+# The default value is: NO.
+
+GROUP_NESTED_COMPOUNDS = NO
+
+# Set the SUBGROUPING tag to YES to allow class member groups of the same type
+# (for instance a group of public functions) to be put as a subgroup of that
+# type (e.g. under the Public Functions section). Set it to NO to prevent
+# subgrouping. Alternatively, this can be done per class using the
+# \nosubgrouping command.
+# The default value is: YES.
+
+SUBGROUPING            = YES
+
+# When the INLINE_GROUPED_CLASSES tag is set to YES, classes, structs and unions
+# are shown inside the group in which they are included (e.g. using \ingroup)
+# instead of on a separate page (for HTML and Man pages) or section (for LaTeX
+# and RTF).
+#
+# Note that this feature does not work in combination with
+# SEPARATE_MEMBER_PAGES.
+# The default value is: NO.
+
+INLINE_GROUPED_CLASSES = NO
+
+# When the INLINE_SIMPLE_STRUCTS tag is set to YES, structs, classes, and unions
+# with only public data fields or simple typedef fields will be shown inline in
+# the documentation of the scope in which they are defined (i.e. file,
+# namespace, or group documentation), provided this scope is documented. If set
+# to NO, structs, classes, and unions are shown on a separate page (for HTML and
+# Man pages) or section (for LaTeX and RTF).
+# The default value is: NO.
+
+INLINE_SIMPLE_STRUCTS  = NO
+
+# When TYPEDEF_HIDES_STRUCT tag is enabled, a typedef of a struct, union, or
+# enum is documented as struct, union, or enum with the name of the typedef. So
+# typedef struct TypeS {} TypeT, will appear in the documentation as a struct
+# with name TypeT. When disabled the typedef will appear as a member of a file,
+# namespace, or class. And the struct will be named TypeS. This can typically be
+# useful for C code in case the coding convention dictates that all compound
+# types are typedef'ed and only the typedef is referenced, never the tag name.
+# The default value is: NO.
+
+TYPEDEF_HIDES_STRUCT   = NO
+
+# The size of the symbol lookup cache can be set using LOOKUP_CACHE_SIZE. This
+# cache is used to resolve symbols given their name and scope. Since this can be
+# an expensive process and often the same symbol appears multiple times in the
+# code, doxygen keeps a cache of pre-resolved symbols. If the cache is too small
+# doxygen will become slower. If the cache is too large, memory is wasted. The
+# cache size is given by this formula: 2^(16+LOOKUP_CACHE_SIZE). The valid range
+# is 0..9, the default is 0, corresponding to a cache size of 2^16=65536
+# symbols. At the end of a run doxygen will report the cache usage and suggest
+# the optimal cache size from a speed point of view.
+# Minimum value: 0, maximum value: 9, default value: 0.
+
+LOOKUP_CACHE_SIZE      = 0
+
+# The NUM_PROC_THREADS specifies the number of threads doxygen is allowed to use
+# during processing. When set to 0 doxygen will based this on the number of
+# cores available in the system. You can set it explicitly to a value larger
+# than 0 to get more control over the balance between CPU load and processing
+# speed. At this moment only the input processing can be done using multiple
+# threads. Since this is still an experimental feature the default is set to 1,
+# which effectively disables parallel processing. Please report any issues you
+# encounter. Generating dot graphs in parallel is controlled by the
+# DOT_NUM_THREADS setting.
+# Minimum value: 0, maximum value: 32, default value: 1.
+
+NUM_PROC_THREADS       = 1
+
+# If the TIMESTAMP tag is set different from NO then each generated page will
+# contain the date or date and time when the page was generated. Setting this to
+# NO can help when comparing the output of multiple runs.
+# Possible values are: YES, NO, DATETIME and DATE.
+# The default value is: NO.
+
+TIMESTAMP              = NO
+
+#---------------------------------------------------------------------------
+# Build related configuration options
+#---------------------------------------------------------------------------
+
+# If the EXTRACT_ALL tag is set to YES, doxygen will assume all entities in
+# documentation are documented, even if no documentation was available. Private
+# class members and static file members will be hidden unless the
+# EXTRACT_PRIVATE respectively EXTRACT_STATIC tags are set to YES.
+# Note: This will also disable the warnings about undocumented members that are
+# normally produced when WARNINGS is set to YES.
+# The default value is: NO.
+
+EXTRACT_ALL            = NO
+
+# If the EXTRACT_PRIVATE tag is set to YES, all private members of a class will
+# be included in the documentation.
+# The default value is: NO.
+
+EXTRACT_PRIVATE        = NO
+
+# If the EXTRACT_PRIV_VIRTUAL tag is set to YES, documented private virtual
+# methods of a class will be included in the documentation.
+# The default value is: NO.
+
+EXTRACT_PRIV_VIRTUAL   = NO
+
+# If the EXTRACT_PACKAGE tag is set to YES, all members with package or internal
+# scope will be included in the documentation.
+# The default value is: NO.
+
+EXTRACT_PACKAGE        = NO
+
+# If the EXTRACT_STATIC tag is set to YES, all static members of a file will be
+# included in the documentation.
+# The default value is: NO.
+
+EXTRACT_STATIC         = NO
+
+# If the EXTRACT_LOCAL_CLASSES tag is set to YES, classes (and structs) defined
+# locally in source files will be included in the documentation. If set to NO,
+# only classes defined in header files are included. Does not have any effect
+# for Java sources.
+# The default value is: YES.
+
+EXTRACT_LOCAL_CLASSES  = YES
+
+# This flag is only useful for Objective-C code. If set to YES, local methods,
+# which are defined in the implementation section but not in the interface are
+# included in the documentation. If set to NO, only methods in the interface are
+# included.
+# The default value is: NO.
+
+EXTRACT_LOCAL_METHODS  = NO
+
+# If this flag is set to YES, the members of anonymous namespaces will be
+# extracted and appear in the documentation as a namespace called
+# 'anonymous_namespace{file}', where file will be replaced with the base name of
+# the file that contains the anonymous namespace. By default anonymous namespace
+# are hidden.
+# The default value is: NO.
+
+EXTRACT_ANON_NSPACES   = NO
+
+# If this flag is set to YES, the name of an unnamed parameter in a declaration
+# will be determined by the corresponding definition. By default unnamed
+# parameters remain unnamed in the output.
+# The default value is: YES.
+
+RESOLVE_UNNAMED_PARAMS = YES
+
+# If the HIDE_UNDOC_MEMBERS tag is set to YES, doxygen will hide all
+# undocumented members inside documented classes or files. If set to NO these
+# members will be included in the various overviews, but no documentation
+# section is generated. This option has no effect if EXTRACT_ALL is enabled.
+# The default value is: NO.
+
+HIDE_UNDOC_MEMBERS     = NO
+
+# If the HIDE_UNDOC_CLASSES tag is set to YES, doxygen will hide all
+# undocumented classes that are normally visible in the class hierarchy. If set
+# to NO, these classes will be included in the various overviews. This option
+# will also hide undocumented C++ concepts if enabled. This option has no effect
+# if EXTRACT_ALL is enabled.
+# The default value is: NO.
+
+HIDE_UNDOC_CLASSES     = NO
+
+# If the HIDE_FRIEND_COMPOUNDS tag is set to YES, doxygen will hide all friend
+# declarations. If set to NO, these declarations will be included in the
+# documentation.
+# The default value is: NO.
+
+HIDE_FRIEND_COMPOUNDS  = NO
+
+# If the HIDE_IN_BODY_DOCS tag is set to YES, doxygen will hide any
+# documentation blocks found inside the body of a function. If set to NO, these
+# blocks will be appended to the function's detailed documentation block.
+# The default value is: NO.
+
+HIDE_IN_BODY_DOCS      = NO
+
+# The INTERNAL_DOCS tag determines if documentation that is typed after a
+# \internal command is included. If the tag is set to NO then the documentation
+# will be excluded. Set it to YES to include the internal documentation.
+# The default value is: NO.
+
+INTERNAL_DOCS          = NO
+
+# With the correct setting of option CASE_SENSE_NAMES doxygen will better be
+# able to match the capabilities of the underlying filesystem. In case the
+# filesystem is case sensitive (i.e. it supports files in the same directory
+# whose names only differ in casing), the option must be set to YES to properly
+# deal with such files in case they appear in the input. For filesystems that
+# are not case sensitive the option should be set to NO to properly deal with
+# output files written for symbols that only differ in casing, such as for two
+# classes, one named CLASS and the other named Class, and to also support
+# references to files without having to specify the exact matching casing. On
+# Windows (including Cygwin) and MacOS, users should typically set this option
+# to NO, whereas on Linux or other Unix flavors it should typically be set to
+# YES.
+# Possible values are: SYSTEM, NO and YES.
+# The default value is: SYSTEM.
+
+CASE_SENSE_NAMES       = SYSTEM
+
+# If the HIDE_SCOPE_NAMES tag is set to NO then doxygen will show members with
+# their full class and namespace scopes in the documentation. If set to YES, the
+# scope will be hidden.
+# The default value is: NO.
+
+HIDE_SCOPE_NAMES       = NO
+
+# If the HIDE_COMPOUND_REFERENCE tag is set to NO (default) then doxygen will
+# append additional text to a page's title, such as Class Reference. If set to
+# YES the compound reference will be hidden.
+# The default value is: NO.
+
+HIDE_COMPOUND_REFERENCE= NO
+
+# If the SHOW_HEADERFILE tag is set to YES then the documentation for a class
+# will show which file needs to be included to use the class.
+# The default value is: YES.
+
+SHOW_HEADERFILE        = YES
+
+# If the SHOW_INCLUDE_FILES tag is set to YES then doxygen will put a list of
+# the files that are included by a file in the documentation of that file.
+# The default value is: YES.
+
+SHOW_INCLUDE_FILES     = YES
+
+# If the SHOW_GROUPED_MEMB_INC tag is set to YES then Doxygen will add for each
+# grouped member an include statement to the documentation, telling the reader
+# which file to include in order to use the member.
+# The default value is: NO.
+
+SHOW_GROUPED_MEMB_INC  = NO
+
+# If the FORCE_LOCAL_INCLUDES tag is set to YES then doxygen will list include
+# files with double quotes in the documentation rather than with sharp brackets.
+# The default value is: NO.
+
+FORCE_LOCAL_INCLUDES   = NO
+
+# If the INLINE_INFO tag is set to YES then a tag [inline] is inserted in the
+# documentation for inline members.
+# The default value is: YES.
+
+INLINE_INFO            = YES
+
+# If the SORT_MEMBER_DOCS tag is set to YES then doxygen will sort the
+# (detailed) documentation of file and class members alphabetically by member
+# name. If set to NO, the members will appear in declaration order.
+# The default value is: YES.
+
+SORT_MEMBER_DOCS       = YES
+
+# If the SORT_BRIEF_DOCS tag is set to YES then doxygen will sort the brief
+# descriptions of file, namespace and class members alphabetically by member
+# name. If set to NO, the members will appear in declaration order. Note that
+# this will also influence the order of the classes in the class list.
+# The default value is: NO.
+
+SORT_BRIEF_DOCS        = NO
+
+# If the SORT_MEMBERS_CTORS_1ST tag is set to YES then doxygen will sort the
+# (brief and detailed) documentation of class members so that constructors and
+# destructors are listed first. If set to NO the constructors will appear in the
+# respective orders defined by SORT_BRIEF_DOCS and SORT_MEMBER_DOCS.
+# Note: If SORT_BRIEF_DOCS is set to NO this option is ignored for sorting brief
+# member documentation.
+# Note: If SORT_MEMBER_DOCS is set to NO this option is ignored for sorting
+# detailed member documentation.
+# The default value is: NO.
+
+SORT_MEMBERS_CTORS_1ST = NO
+
+# If the SORT_GROUP_NAMES tag is set to YES then doxygen will sort the hierarchy
+# of group names into alphabetical order. If set to NO the group names will
+# appear in their defined order.
+# The default value is: NO.
+
+SORT_GROUP_NAMES       = NO
+
+# If the SORT_BY_SCOPE_NAME tag is set to YES, the class list will be sorted by
+# fully-qualified names, including namespaces. If set to NO, the class list will
+# be sorted only by class name, not including the namespace part.
+# Note: This option is not very useful if HIDE_SCOPE_NAMES is set to YES.
+# Note: This option applies only to the class list, not to the alphabetical
+# list.
+# The default value is: NO.
+
+SORT_BY_SCOPE_NAME     = NO
+
+# If the STRICT_PROTO_MATCHING option is enabled and doxygen fails to do proper
+# type resolution of all parameters of a function it will reject a match between
+# the prototype and the implementation of a member function even if there is
+# only one candidate or it is obvious which candidate to choose by doing a
+# simple string match. By disabling STRICT_PROTO_MATCHING doxygen will still
+# accept a match between prototype and implementation in such cases.
+# The default value is: NO.
+
+STRICT_PROTO_MATCHING  = NO
+
+# The GENERATE_TODOLIST tag can be used to enable (YES) or disable (NO) the todo
+# list. This list is created by putting \todo commands in the documentation.
+# The default value is: YES.
+
+GENERATE_TODOLIST      = YES
+
+# The GENERATE_TESTLIST tag can be used to enable (YES) or disable (NO) the test
+# list. This list is created by putting \test commands in the documentation.
+# The default value is: YES.
+
+GENERATE_TESTLIST      = YES
+
+# The GENERATE_BUGLIST tag can be used to enable (YES) or disable (NO) the bug
+# list. This list is created by putting \bug commands in the documentation.
+# The default value is: YES.
+
+GENERATE_BUGLIST       = YES
+
+# The GENERATE_DEPRECATEDLIST tag can be used to enable (YES) or disable (NO)
+# the deprecated list. This list is created by putting \deprecated commands in
+# the documentation.
+# The default value is: YES.
+
+GENERATE_DEPRECATEDLIST= YES
+
+# The ENABLED_SECTIONS tag can be used to enable conditional documentation
+# sections, marked by \if <section_label> ... \endif and \cond <section_label>
+# ... \endcond blocks.
+
+ENABLED_SECTIONS       =
+
+# The MAX_INITIALIZER_LINES tag determines the maximum number of lines that the
+# initial value of a variable or macro / define can have for it to appear in the
+# documentation. If the initializer consists of more lines than specified here
+# it will be hidden. Use a value of 0 to hide initializers completely. The
+# appearance of the value of individual variables and macros / defines can be
+# controlled using \showinitializer or \hideinitializer command in the
+# documentation regardless of this setting.
+# Minimum value: 0, maximum value: 10000, default value: 30.
+
+MAX_INITIALIZER_LINES  = 30
+
+# Set the SHOW_USED_FILES tag to NO to disable the list of files generated at
+# the bottom of the documentation of classes and structs. If set to YES, the
+# list will mention the files that were used to generate the documentation.
+# The default value is: YES.
+
+SHOW_USED_FILES        = YES
+
+# Set the SHOW_FILES tag to NO to disable the generation of the Files page. This
+# will remove the Files entry from the Quick Index and from the Folder Tree View
+# (if specified).
+# The default value is: YES.
+
+SHOW_FILES             = YES
+
+# Set the SHOW_NAMESPACES tag to NO to disable the generation of the Namespaces
+# page. This will remove the Namespaces entry from the Quick Index and from the
+# Folder Tree View (if specified).
+# The default value is: YES.
+
+SHOW_NAMESPACES        = YES
+
+# The FILE_VERSION_FILTER tag can be used to specify a program or script that
+# doxygen should invoke to get the current version for each file (typically from
+# the version control system). Doxygen will invoke the program by executing (via
+# popen()) the command command input-file, where command is the value of the
+# FILE_VERSION_FILTER tag, and input-file is the name of an input file provided
+# by doxygen. Whatever the program writes to standard output is used as the file
+# version. For an example see the documentation.
+
+FILE_VERSION_FILTER    =
+
+# The LAYOUT_FILE tag can be used to specify a layout file which will be parsed
+# by doxygen. The layout file controls the global structure of the generated
+# output files in an output format independent way. To create the layout file
+# that represents doxygen's defaults, run doxygen with the -l option. You can
+# optionally specify a file name after the option, if omitted DoxygenLayout.xml
+# will be used as the name of the layout file. See also section "Changing the
+# layout of pages" for information.
+#
+# Note that if you run doxygen from a directory containing a file called
+# DoxygenLayout.xml, doxygen will parse it automatically even if the LAYOUT_FILE
+# tag is left empty.
+
+LAYOUT_FILE            =
+
+# The CITE_BIB_FILES tag can be used to specify one or more bib files containing
+# the reference definitions. This must be a list of .bib files. The .bib
+# extension is automatically appended if omitted. This requires the bibtex tool
+# to be installed. See also https://en.wikipedia.org/wiki/BibTeX for more info.
+# For LaTeX the style of the bibliography can be controlled using
+# LATEX_BIB_STYLE. To use this feature you need bibtex and perl available in the
+# search path. See also \cite for info how to create references.
+
+CITE_BIB_FILES         =
+
+#---------------------------------------------------------------------------
+# Configuration options related to warning and progress messages
+#---------------------------------------------------------------------------
+
+# The QUIET tag can be used to turn on/off the messages that are generated to
+# standard output by doxygen. If QUIET is set to YES this implies that the
+# messages are off.
+# The default value is: NO.
+
+QUIET                  = NO
+
+# The WARNINGS tag can be used to turn on/off the warning messages that are
+# generated to standard error (stderr) by doxygen. If WARNINGS is set to YES
+# this implies that the warnings are on.
+#
+# Tip: Turn warnings on while writing the documentation.
+# The default value is: YES.
+
+WARNINGS               = YES
+
+# If the WARN_IF_UNDOCUMENTED tag is set to YES then doxygen will generate
+# warnings for undocumented members. If EXTRACT_ALL is set to YES then this flag
+# will automatically be disabled.
+# The default value is: YES.
+
+WARN_IF_UNDOCUMENTED   = YES
+
+# If the WARN_IF_DOC_ERROR tag is set to YES, doxygen will generate warnings for
+# potential errors in the documentation, such as documenting some parameters in
+# a documented function twice, or documenting parameters that don't exist or
+# using markup commands wrongly.
+# The default value is: YES.
+
+WARN_IF_DOC_ERROR      = YES
+
+# If WARN_IF_INCOMPLETE_DOC is set to YES, doxygen will warn about incomplete
+# function parameter documentation. If set to NO, doxygen will accept that some
+# parameters have no documentation without warning.
+# The default value is: YES.
+
+WARN_IF_INCOMPLETE_DOC = YES
+
+# This WARN_NO_PARAMDOC option can be enabled to get warnings for functions that
+# are documented, but have no documentation for their parameters or return
+# value. If set to NO, doxygen will only warn about wrong parameter
+# documentation, but not about the absence of documentation. If EXTRACT_ALL is
+# set to YES then this flag will automatically be disabled. See also
+# WARN_IF_INCOMPLETE_DOC
+# The default value is: NO.
+
+WARN_NO_PARAMDOC       = NO
+
+# If WARN_IF_UNDOC_ENUM_VAL option is set to YES, doxygen will warn about
+# undocumented enumeration values. If set to NO, doxygen will accept
+# undocumented enumeration values. If EXTRACT_ALL is set to YES then this flag
+# will automatically be disabled.
+# The default value is: NO.
+
+WARN_IF_UNDOC_ENUM_VAL = NO
+
+# If the WARN_AS_ERROR tag is set to YES then doxygen will immediately stop when
+# a warning is encountered. If the WARN_AS_ERROR tag is set to FAIL_ON_WARNINGS
+# then doxygen will continue running as if WARN_AS_ERROR tag is set to NO, but
+# at the end of the doxygen process doxygen will return with a non-zero status.
+# If the WARN_AS_ERROR tag is set to FAIL_ON_WARNINGS_PRINT then doxygen behaves
+# like FAIL_ON_WARNINGS but in case no WARN_LOGFILE is defined doxygen will not
+# write the warning messages in between other messages but write them at the end
+# of a run, in case a WARN_LOGFILE is defined the warning messages will be
+# besides being in the defined file also be shown at the end of a run, unless
+# the WARN_LOGFILE is defined as - i.e. standard output (stdout) in that case
+# the behavior will remain as with the setting FAIL_ON_WARNINGS.
+# Possible values are: NO, YES, FAIL_ON_WARNINGS and FAIL_ON_WARNINGS_PRINT.
+# The default value is: NO.
+
+WARN_AS_ERROR          = NO
+
+# The WARN_FORMAT tag determines the format of the warning messages that doxygen
+# can produce. The string should contain the $file, $line, and $text tags, which
+# will be replaced by the file and line number from which the warning originated
+# and the warning text. Optionally the format may contain $version, which will
+# be replaced by the version of the file (if it could be obtained via
+# FILE_VERSION_FILTER)
+# See also: WARN_LINE_FORMAT
+# The default value is: $file:$line: $text.
+
+WARN_FORMAT            = "$file:$line: $text"
+
+# In the $text part of the WARN_FORMAT command it is possible that a reference
+# to a more specific place is given. To make it easier to jump to this place
+# (outside of doxygen) the user can define a custom "cut" / "paste" string.
+# Example:
+# WARN_LINE_FORMAT = "'vi $file +$line'"
+# See also: WARN_FORMAT
+# The default value is: at line $line of file $file.
+
+WARN_LINE_FORMAT       = "at line $line of file $file"
+
+# The WARN_LOGFILE tag can be used to specify a file to which warning and error
+# messages should be written. If left blank the output is written to standard
+# error (stderr). In case the file specified cannot be opened for writing the
+# warning and error messages are written to standard error. When as file - is
+# specified the warning and error messages are written to standard output
+# (stdout).
+
+WARN_LOGFILE           =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the input files
+#---------------------------------------------------------------------------
+
+# The INPUT tag is used to specify the files and/or directories that contain
+# documented source files. You may enter file names like myfile.cpp or
+# directories like /usr/src/myproject. Separate the files or directories with
+# spaces. See also FILE_PATTERNS and EXTENSION_MAPPING
+# Note: If this tag is empty the current directory is searched.
+
+INPUT                  = ../src/SARibbonBar \
+                         ../src/SARibbonBar/colorWidgets \
+                         ../readme-cn.md \
+                         ../changlog.md \
+                         how-to-build-cn.md \
+                         ribbon-toolbutton.md
+
+# This tag can be used to specify the character encoding of the source files
+# that doxygen parses. Internally doxygen uses the UTF-8 encoding. Doxygen uses
+# libiconv (or the iconv built into libc) for the transcoding. See the libiconv
+# documentation (see:
+# https://www.gnu.org/software/libiconv/) for the list of possible encodings.
+# See also: INPUT_FILE_ENCODING
+# The default value is: UTF-8.
+
+INPUT_ENCODING         = UTF-8
+
+# This tag can be used to specify the character encoding of the source files
+# that doxygen parses The INPUT_FILE_ENCODING tag can be used to specify
+# character encoding on a per file pattern basis. Doxygen will compare the file
+# name with each pattern and apply the encoding instead of the default
+# INPUT_ENCODING) if there is a match. The character encodings are a list of the
+# form: pattern=encoding (like *.php=ISO-8859-1). See cfg_input_encoding
+# "INPUT_ENCODING" for further information on supported encodings.
+
+INPUT_FILE_ENCODING    =
+
+# If the value of the INPUT tag contains directories, you can use the
+# FILE_PATTERNS tag to specify one or more wildcard patterns (like *.cpp and
+# *.h) to filter out the source-files in the directories.
+#
+# Note that for custom extensions or not directly supported extensions you also
+# need to set EXTENSION_MAPPING for the extension otherwise the files are not
+# read by doxygen.
+#
+# Note the list of default checked file patterns might differ from the list of
+# default file extension mappings.
+#
+# If left blank the following patterns are tested:*.c, *.cc, *.cxx, *.cxxm,
+# *.cpp, *.cppm, *.ccm, *.c++, *.c++m, *.java, *.ii, *.ixx, *.ipp, *.i++, *.inl,
+# *.idl, *.ddl, *.odl, *.h, *.hh, *.hxx, *.hpp, *.h++, *.ixx, *.l, *.cs, *.d,
+# *.php, *.php4, *.php5, *.phtml, *.inc, *.m, *.markdown, *.md, *.mm, *.dox (to
+# be provided as doxygen C comment), *.py, *.pyw, *.f90, *.f95, *.f03, *.f08,
+# *.f18, *.f, *.for, *.vhd, *.vhdl, *.ucf, *.qsf and *.ice.
+
+FILE_PATTERNS          = *.c \
+                         *.cc \
+                         *.cxx \
+                         *.cxxm \
+                         *.cpp \
+                         *.cppm \
+                         *.ccm \
+                         *.c++ \
+                         *.c++m \
+                         *.java \
+                         *.ii \
+                         *.ixx \
+                         *.ipp \
+                         *.i++ \
+                         *.inl \
+                         *.idl \
+                         *.ddl \
+                         *.odl \
+                         *.h \
+                         *.hh \
+                         *.hxx \
+                         *.hpp \
+                         *.h++ \
+                         *.ixx \
+                         *.l \
+                         *.cs \
+                         *.d \
+                         *.php \
+                         *.php4 \
+                         *.php5 \
+                         *.phtml \
+                         *.inc \
+                         *.m \
+                         *.markdown \
+                         *.md \
+                         *.mm \
+                         *.dox \
+                         *.py \
+                         *.pyw \
+                         *.f90 \
+                         *.f95 \
+                         *.f03 \
+                         *.f08 \
+                         *.f18 \
+                         *.f \
+                         *.for \
+                         *.vhd \
+                         *.vhdl \
+                         *.ucf \
+                         *.qsf \
+                         *.ice
+
+# The RECURSIVE tag can be used to specify whether or not subdirectories should
+# be searched for input files as well.
+# The default value is: NO.
+
+RECURSIVE              = NO
+
+# The EXCLUDE tag can be used to specify files and/or directories that should be
+# excluded from the INPUT source files. This way you can easily exclude a
+# subdirectory from a directory tree whose root is specified with the INPUT tag.
+#
+# Note that relative paths are relative to the directory from which doxygen is
+# run.
+
+EXCLUDE                =
+
+# The EXCLUDE_SYMLINKS tag can be used to select whether or not files or
+# directories that are symbolic links (a Unix file system feature) are excluded
+# from the input.
+# The default value is: NO.
+
+EXCLUDE_SYMLINKS       = NO
+
+# If the value of the INPUT tag contains directories, you can use the
+# EXCLUDE_PATTERNS tag to specify one or more wildcard patterns to exclude
+# certain files from those directories.
+#
+# Note that the wildcards are matched against the file with absolute path, so to
+# exclude all test directories for example use the pattern */test/*
+
+EXCLUDE_PATTERNS       =
+
+# The EXCLUDE_SYMBOLS tag can be used to specify one or more symbol names
+# (namespaces, classes, functions, etc.) that should be excluded from the
+# output. The symbol name can be a fully qualified name, a word, or if the
+# wildcard * is used, a substring. Examples: ANamespace, AClass,
+# ANamespace::AClass, ANamespace::*Test
+
+EXCLUDE_SYMBOLS        =
+
+# The EXAMPLE_PATH tag can be used to specify one or more files or directories
+# that contain example code fragments that are included (see the \include
+# command).
+
+EXAMPLE_PATH           = ../src/example/MainWindowExample
+
+# If the value of the EXAMPLE_PATH tag contains directories, you can use the
+# EXAMPLE_PATTERNS tag to specify one or more wildcard pattern (like *.cpp and
+# *.h) to filter out the source-files in the directories. If left blank all
+# files are included.
+
+EXAMPLE_PATTERNS       = *
+
+# If the EXAMPLE_RECURSIVE tag is set to YES then subdirectories will be
+# searched for input files to be used with the \include or \dontinclude commands
+# irrespective of the value of the RECURSIVE tag.
+# The default value is: NO.
+
+EXAMPLE_RECURSIVE      = NO
+
+# The IMAGE_PATH tag can be used to specify one or more files or directories
+# that contain images that are to be included in the documentation (see the
+# \image command).
+
+IMAGE_PATH             = pic/add-large-action.png \
+                         pic/build-cmake-3party-qwk-by-qtc-01.png \
+                         pic/build-cmake-3party-qwk-by-qtc-02.png \
+                         pic/build-cmake-3party-qwk-by-qtc-03.png \
+                         pic/build-cmake-3party-qwk-by-qtc-04.png \
+                         pic/build-cmake-3party-qwk-by-qtc-05.png \
+                         pic/build-cmake-install-dir.png \
+                         pic/build-cmake-install-dir2.png \
+                         pic/build-cmake-qtc-01.png \
+                         pic/build-cmake-qtc-02.png \
+                         pic/build-cmake-qtc-03.png \
+                         pic/build-cmake-qwk-qtc-01.png \
+                         pic/build-cmake-qwk-qtc-02.png \
+                         pic/build-cmake-qwk-qtc-03.png \
+                         pic/build-cmake-qwk-qtc-04.png \
+                         pic/build-cmake-vs-01.png \
+                         pic/build-cmake-vs-02.png \
+                         pic/build-cmake-vs-03.png \
+                         pic/build-cmake-vs-04.png \
+                         pic/enableWordwrap-but-nowrap.png \
+                         pic/enableWordwrap-user-wrap.png \
+                         pic/msdn-ribbon.png \
+                         pic/office-excel-oneline-spacing.png \
+                         pic/office-screenshot.png \
+                         pic/office-word-wrodwrap.png \
+                         pic/office-word-wrodwrap2.png \
+                         pic/pannelLayout2row.png \
+                         pic/pannelLayout3row.png \
+                         pic/pannelLayout3row-example.png \
+                         pic/ribbonbar-geometry-office3.png \
+                         pic/ribbonbar-geometry-wps3.png \
+                         pic/ribbon-toolbutton.gif \
+                         pic/ribbon-toolbutton-largebutton.png \
+                         pic/ribbon-toolbutton-largebutton-nowordwrap.png \
+                         pic/saribbonbar-level.png \
+                         pic/word-contextcategory.png \
+                         pic/wps-change-ribbon-1.jpg \
+                         pic/wps-word-nowrodwrap.png \
+                         gallery/fastcae.png \
+                         gallery/shonDy.png \
+                         screenshot/data-workbench-screenshot01-en.png \
+                         screenshot/data-workbench-screenshot1-cn.gif \
+                         screenshot/data-workbench-screenshot02-en.png \
+                         screenshot/office-2-style.png \
+                         screenshot/office-2-style-nowrap.png \
+                         screenshot/office-3-style.png \
+                         screenshot/office-3-style-nowrap.png \
+                         screenshot/office-mode.png \
+                         screenshot/QuickAccessBarAndRightButtonGroup.png \
+                         screenshot/ribbonbar-use-in-qwidget.png \
+                         screenshot/SARibbon-aligment-center.png \
+                         screenshot/SARibbonBar-Context-Category.png \
+                         screenshot/SARibbonBar-gallery.gif \
+                         screenshot/SARibbonBar-minMode.gif \
+                         screenshot/SARibbonBar-option-action.gif \
+                         screenshot/SARibbonBar-overview.gif \
+                         screenshot/SARibbonBar-quickAccessBar.gif \
+                         screenshot/SARibbonBar-ribbonbutton.gif \
+                         screenshot/SARibbonBar-style.gif \
+                         screenshot/SARibbon-theme-dark.png \
+                         screenshot/SARibbon-theme-office2013.png \
+                         screenshot/SARibbon-theme-office2016.png \
+                         screenshot/SARibbon-theme-office2021.png \
+                         screenshot/SARibbon-theme-win7.png \
+                         screenshot/sa-screenshot.gif \
+                         screenshot/wps-2-style.png \
+                         screenshot/wps-2-style-nowrap.png \
+                         screenshot/wps-3-style.png \
+                         screenshot/wps-3-style-nowrap.png \
+                         screenshot/wps-mode.png \
+                         screenshot/customize/customization-office-ui.png \
+                         screenshot/customize/customization-saribbon-ui.png
+
+# The INPUT_FILTER tag can be used to specify a program that doxygen should
+# invoke to filter for each input file. Doxygen will invoke the filter program
+# by executing (via popen()) the command:
+#
+# <filter> <input-file>
+#
+# where <filter> is the value of the INPUT_FILTER tag, and <input-file> is the
+# name of an input file. Doxygen will then use the output that the filter
+# program writes to standard output. If FILTER_PATTERNS is specified, this tag
+# will be ignored.
+#
+# Note that the filter must not add or remove lines; it is applied before the
+# code is scanned, but not when the output code is generated. If lines are added
+# or removed, the anchors will not be placed correctly.
+#
+# Note that doxygen will use the data processed and written to standard output
+# for further processing, therefore nothing else, like debug statements or used
+# commands (so in case of a Windows batch file always use @echo OFF), should be
+# written to standard output.
+#
+# Note that for custom extensions or not directly supported extensions you also
+# need to set EXTENSION_MAPPING for the extension otherwise the files are not
+# properly processed by doxygen.
+
+INPUT_FILTER           =
+
+# The FILTER_PATTERNS tag can be used to specify filters on a per file pattern
+# basis. Doxygen will compare the file name with each pattern and apply the
+# filter if there is a match. The filters are a list of the form: pattern=filter
+# (like *.cpp=my_cpp_filter). See INPUT_FILTER for further information on how
+# filters are used. If the FILTER_PATTERNS tag is empty or if none of the
+# patterns match the file name, INPUT_FILTER is applied.
+#
+# Note that for custom extensions or not directly supported extensions you also
+# need to set EXTENSION_MAPPING for the extension otherwise the files are not
+# properly processed by doxygen.
+
+FILTER_PATTERNS        =
+
+# If the FILTER_SOURCE_FILES tag is set to YES, the input filter (if set using
+# INPUT_FILTER) will also be used to filter the input files that are used for
+# producing the source files to browse (i.e. when SOURCE_BROWSER is set to YES).
+# The default value is: NO.
+
+FILTER_SOURCE_FILES    = NO
+
+# The FILTER_SOURCE_PATTERNS tag can be used to specify source filters per file
+# pattern. A pattern will override the setting for FILTER_PATTERN (if any) and
+# it is also possible to disable source filtering for a specific pattern using
+# *.ext= (so without naming a filter).
+# This tag requires that the tag FILTER_SOURCE_FILES is set to YES.
+
+FILTER_SOURCE_PATTERNS =
+
+# If the USE_MDFILE_AS_MAINPAGE tag refers to the name of a markdown file that
+# is part of the input, its contents will be placed on the main page
+# (index.html). This can be useful if you have a project on for instance GitHub
+# and want to reuse the introduction page also for the doxygen output.
+
+USE_MDFILE_AS_MAINPAGE = ../readme-cn.md
+
+# The Fortran standard specifies that for fixed formatted Fortran code all
+# characters from position 72 are to be considered as comment. A common
+# extension is to allow longer lines before the automatic comment starts. The
+# setting FORTRAN_COMMENT_AFTER will also make it possible that longer lines can
+# be processed before the automatic comment starts.
+# Minimum value: 7, maximum value: 10000, default value: 72.
+
+FORTRAN_COMMENT_AFTER  = 72
+
+#---------------------------------------------------------------------------
+# Configuration options related to source browsing
+#---------------------------------------------------------------------------
+
+# If the SOURCE_BROWSER tag is set to YES then a list of source files will be
+# generated. Documented entities will be cross-referenced with these sources.
+#
+# Note: To get rid of all source code in the generated output, make sure that
+# also VERBATIM_HEADERS is set to NO.
+# The default value is: NO.
+
+SOURCE_BROWSER         = NO
+
+# Setting the INLINE_SOURCES tag to YES will include the body of functions,
+# multi-line macros, enums or list initialized variables directly into the
+# documentation.
+# The default value is: NO.
+
+INLINE_SOURCES         = NO
+
+# Setting the STRIP_CODE_COMMENTS tag to YES will instruct doxygen to hide any
+# special comment blocks from generated source code fragments. Normal C, C++ and
+# Fortran comments will always remain visible.
+# The default value is: YES.
+
+STRIP_CODE_COMMENTS    = YES
+
+# If the REFERENCED_BY_RELATION tag is set to YES then for each documented
+# entity all documented functions referencing it will be listed.
+# The default value is: NO.
+
+REFERENCED_BY_RELATION = NO
+
+# If the REFERENCES_RELATION tag is set to YES then for each documented function
+# all documented entities called/used by that function will be listed.
+# The default value is: NO.
+
+REFERENCES_RELATION    = NO
+
+# If the REFERENCES_LINK_SOURCE tag is set to YES and SOURCE_BROWSER tag is set
+# to YES then the hyperlinks from functions in REFERENCES_RELATION and
+# REFERENCED_BY_RELATION lists will link to the source code. Otherwise they will
+# link to the documentation.
+# The default value is: YES.
+
+REFERENCES_LINK_SOURCE = YES
+
+# If SOURCE_TOOLTIPS is enabled (the default) then hovering a hyperlink in the
+# source code will show a tooltip with additional information such as prototype,
+# brief description and links to the definition and documentation. Since this
+# will make the HTML file larger and loading of large files a bit slower, you
+# can opt to disable this feature.
+# The default value is: YES.
+# This tag requires that the tag SOURCE_BROWSER is set to YES.
+
+SOURCE_TOOLTIPS        = YES
+
+# If the USE_HTAGS tag is set to YES then the references to source code will
+# point to the HTML generated by the htags(1) tool instead of doxygen built-in
+# source browser. The htags tool is part of GNU's global source tagging system
+# (see https://www.gnu.org/software/global/global.html). You will need version
+# 4.8.6 or higher.
+#
+# To use it do the following:
+# - Install the latest version of global
+# - Enable SOURCE_BROWSER and USE_HTAGS in the configuration file
+# - Make sure the INPUT points to the root of the source tree
+# - Run doxygen as normal
+#
+# Doxygen will invoke htags (and that will in turn invoke gtags), so these
+# tools must be available from the command line (i.e. in the search path).
+#
+# The result: instead of the source browser generated by doxygen, the links to
+# source code will now point to the output of htags.
+# The default value is: NO.
+# This tag requires that the tag SOURCE_BROWSER is set to YES.
+
+USE_HTAGS              = NO
+
+# If the VERBATIM_HEADERS tag is set the YES then doxygen will generate a
+# verbatim copy of the header file for each class for which an include is
+# specified. Set to NO to disable this.
+# See also: Section \class.
+# The default value is: YES.
+
+VERBATIM_HEADERS       = YES
+
+# If the CLANG_ASSISTED_PARSING tag is set to YES then doxygen will use the
+# clang parser (see:
+# http://clang.llvm.org/) for more accurate parsing at the cost of reduced
+# performance. This can be particularly helpful with template rich C++ code for
+# which doxygen's built-in parser lacks the necessary type information.
+# Note: The availability of this option depends on whether or not doxygen was
+# generated with the -Duse_libclang=ON option for CMake.
+# The default value is: NO.
+
+CLANG_ASSISTED_PARSING = NO
+
+# If the CLANG_ASSISTED_PARSING tag is set to YES and the CLANG_ADD_INC_PATHS
+# tag is set to YES then doxygen will add the directory of each input to the
+# include path.
+# The default value is: YES.
+# This tag requires that the tag CLANG_ASSISTED_PARSING is set to YES.
+
+CLANG_ADD_INC_PATHS    = YES
+
+# If clang assisted parsing is enabled you can provide the compiler with command
+# line options that you would normally use when invoking the compiler. Note that
+# the include paths will already be set by doxygen for the files and directories
+# specified with INPUT and INCLUDE_PATH.
+# This tag requires that the tag CLANG_ASSISTED_PARSING is set to YES.
+
+CLANG_OPTIONS          =
+
+# If clang assisted parsing is enabled you can provide the clang parser with the
+# path to the directory containing a file called compile_commands.json. This
+# file is the compilation database (see:
+# http://clang.llvm.org/docs/HowToSetupToolingForLLVM.html) containing the
+# options used when the source files were built. This is equivalent to
+# specifying the -p option to a clang tool, such as clang-check. These options
+# will then be passed to the parser. Any options specified with CLANG_OPTIONS
+# will be added as well.
+# Note: The availability of this option depends on whether or not doxygen was
+# generated with the -Duse_libclang=ON option for CMake.
+
+CLANG_DATABASE_PATH    =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the alphabetical class index
+#---------------------------------------------------------------------------
+
+# If the ALPHABETICAL_INDEX tag is set to YES, an alphabetical index of all
+# compounds will be generated. Enable this if the project contains a lot of
+# classes, structs, unions or interfaces.
+# The default value is: YES.
+
+ALPHABETICAL_INDEX     = YES
+
+# The IGNORE_PREFIX tag can be used to specify a prefix (or a list of prefixes)
+# that should be ignored while generating the index headers. The IGNORE_PREFIX
+# tag works for classes, function and member names. The entity will be placed in
+# the alphabetical list under the first letter of the entity name that remains
+# after removing the prefix.
+# This tag requires that the tag ALPHABETICAL_INDEX is set to YES.
+
+IGNORE_PREFIX          =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the HTML output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_HTML tag is set to YES, doxygen will generate HTML output
+# The default value is: YES.
+
+GENERATE_HTML          = YES
+
+# The HTML_OUTPUT tag is used to specify where the HTML docs will be put. If a
+# relative path is entered the value of OUTPUT_DIRECTORY will be put in front of
+# it.
+# The default directory is: html.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_OUTPUT            = html
+
+# The HTML_FILE_EXTENSION tag can be used to specify the file extension for each
+# generated HTML page (for example: .htm, .php, .asp).
+# The default value is: .html.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_FILE_EXTENSION    = .html
+
+# The HTML_HEADER tag can be used to specify a user-defined HTML header file for
+# each generated HTML page. If the tag is left blank doxygen will generate a
+# standard header.
+#
+# To get valid HTML the header file that includes any scripts and style sheets
+# that doxygen needs, which is dependent on the configuration options used (e.g.
+# the setting GENERATE_TREEVIEW). It is highly recommended to start with a
+# default header using
+# doxygen -w html new_header.html new_footer.html new_stylesheet.css
+# YourConfigFile
+# and then modify the file new_header.html. See also section "Doxygen usage"
+# for information on how to generate the default header that doxygen normally
+# uses.
+# Note: The header is subject to change so you typically have to regenerate the
+# default header when upgrading to a newer version of doxygen. For a description
+# of the possible markers and block names see the documentation.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_HEADER            =
+
+# The HTML_FOOTER tag can be used to specify a user-defined HTML footer for each
+# generated HTML page. If the tag is left blank doxygen will generate a standard
+# footer. See HTML_HEADER for more information on how to generate a default
+# footer and what special commands can be used inside the footer. See also
+# section "Doxygen usage" for information on how to generate the default footer
+# that doxygen normally uses.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_FOOTER            =
+
+# The HTML_STYLESHEET tag can be used to specify a user-defined cascading style
+# sheet that is used by each HTML page. It can be used to fine-tune the look of
+# the HTML output. If left blank doxygen will generate a default style sheet.
+# See also section "Doxygen usage" for information on how to generate the style
+# sheet that doxygen normally uses.
+# Note: It is recommended to use HTML_EXTRA_STYLESHEET instead of this tag, as
+# it is more robust and this tag (HTML_STYLESHEET) will in the future become
+# obsolete.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_STYLESHEET        =
+
+# The HTML_EXTRA_STYLESHEET tag can be used to specify additional user-defined
+# cascading style sheets that are included after the standard style sheets
+# created by doxygen. Using this option one can overrule certain style aspects.
+# This is preferred over using HTML_STYLESHEET since it does not replace the
+# standard style sheet and is therefore more robust against future updates.
+# Doxygen will copy the style sheet files to the output directory.
+# Note: The order of the extra style sheet files is of importance (e.g. the last
+# style sheet in the list overrules the setting of the previous ones in the
+# list).
+# Note: Since the styling of scrollbars can currently not be overruled in
+# Webkit/Chromium, the styling will be left out of the default doxygen.css if
+# one or more extra stylesheets have been specified. So if scrollbar
+# customization is desired it has to be added explicitly. For an example see the
+# documentation.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_EXTRA_STYLESHEET  = ./qtify.css
+
+# The HTML_EXTRA_FILES tag can be used to specify one or more extra images or
+# other source files which should be copied to the HTML output directory. Note
+# that these files will be copied to the base HTML output directory. Use the
+# $relpath^ marker in the HTML_HEADER and/or HTML_FOOTER files to load these
+# files. In the HTML_STYLESHEET file, use the file name only. Also note that the
+# files will be copied as-is; there are no commands or markers available.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_EXTRA_FILES       =
+
+# The HTML_COLORSTYLE tag can be used to specify if the generated HTML output
+# should be rendered with a dark or light theme.
+# Possible values are: LIGHT always generate light mode output, DARK always
+# generate dark mode output, AUTO_LIGHT automatically set the mode according to
+# the user preference, use light mode if no preference is set (the default),
+# AUTO_DARK automatically set the mode according to the user preference, use
+# dark mode if no preference is set and TOGGLE allow to user to switch between
+# light and dark mode via a button.
+# The default value is: AUTO_LIGHT.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_COLORSTYLE        = LIGHT
+
+# The HTML_COLORSTYLE_HUE tag controls the color of the HTML output. Doxygen
+# will adjust the colors in the style sheet and background images according to
+# this color. Hue is specified as an angle on a color-wheel, see
+# https://en.wikipedia.org/wiki/Hue for more information. For instance the value
+# 0 represents red, 60 is yellow, 120 is green, 180 is cyan, 240 is blue, 300
+# purple, and 360 is red again.
+# Minimum value: 0, maximum value: 359, default value: 220.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_COLORSTYLE_HUE    = 220
+
+# The HTML_COLORSTYLE_SAT tag controls the purity (or saturation) of the colors
+# in the HTML output. For a value of 0 the output will use gray-scales only. A
+# value of 255 will produce the most vivid colors.
+# Minimum value: 0, maximum value: 255, default value: 100.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_COLORSTYLE_SAT    = 100
+
+# The HTML_COLORSTYLE_GAMMA tag controls the gamma correction applied to the
+# luminance component of the colors in the HTML output. Values below 100
+# gradually make the output lighter, whereas values above 100 make the output
+# darker. The value divided by 100 is the actual gamma applied, so 80 represents
+# a gamma of 0.8, The value 220 represents a gamma of 2.2, and 100 does not
+# change the gamma.
+# Minimum value: 40, maximum value: 240, default value: 80.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_COLORSTYLE_GAMMA  = 80
+
+# If the HTML_DYNAMIC_MENUS tag is set to YES then the generated HTML
+# documentation will contain a main index with vertical navigation menus that
+# are dynamically created via JavaScript. If disabled, the navigation index will
+# consists of multiple levels of tabs that are statically embedded in every HTML
+# page. Disable this option to support browsers that do not have JavaScript,
+# like the Qt help browser.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_DYNAMIC_MENUS     = YES
+
+# If the HTML_DYNAMIC_SECTIONS tag is set to YES then the generated HTML
+# documentation will contain sections that can be hidden and shown after the
+# page has loaded.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_DYNAMIC_SECTIONS  = NO
+
+# If the HTML_CODE_FOLDING tag is set to YES then classes and functions can be
+# dynamically folded and expanded in the generated HTML source code.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_CODE_FOLDING      = YES
+
+# If the HTML_COPY_CLIPBOARD tag is set to YES then doxygen will show an icon in
+# the top right corner of code and text fragments that allows the user to copy
+# its content to the clipboard. Note this only works if supported by the browser
+# and the web page is served via a secure context (see:
+# https://www.w3.org/TR/secure-contexts/), i.e. using the https: or file:
+# protocol.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_COPY_CLIPBOARD    = YES
+
+# Doxygen stores a couple of settings persistently in the browser (via e.g.
+# cookies). By default these settings apply to all HTML pages generated by
+# doxygen across all projects. The HTML_PROJECT_COOKIE tag can be used to store
+# the settings under a project specific key, such that the user preferences will
+# be stored separately.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_PROJECT_COOKIE    =
+
+# With HTML_INDEX_NUM_ENTRIES one can control the preferred number of entries
+# shown in the various tree structured indices initially; the user can expand
+# and collapse entries dynamically later on. Doxygen will expand the tree to
+# such a level that at most the specified number of entries are visible (unless
+# a fully collapsed tree already exceeds this amount). So setting the number of
+# entries 1 will produce a full collapsed tree by default. 0 is a special value
+# representing an infinite number of entries and will result in a full expanded
+# tree by default.
+# Minimum value: 0, maximum value: 9999, default value: 100.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_INDEX_NUM_ENTRIES = 100
+
+# If the GENERATE_DOCSET tag is set to YES, additional index files will be
+# generated that can be used as input for Apple's Xcode 3 integrated development
+# environment (see:
+# https://developer.apple.com/xcode/), introduced with OSX 10.5 (Leopard). To
+# create a documentation set, doxygen will generate a Makefile in the HTML
+# output directory. Running make will produce the docset in that directory and
+# running make install will install the docset in
+# ~/Library/Developer/Shared/Documentation/DocSets so that Xcode will find it at
+# startup. See https://developer.apple.com/library/archive/featuredarticles/Doxy
+# genXcode/_index.html for more information.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+GENERATE_DOCSET        = NO
+
+# This tag determines the name of the docset feed. A documentation feed provides
+# an umbrella under which multiple documentation sets from a single provider
+# (such as a company or product suite) can be grouped.
+# The default value is: Doxygen generated docs.
+# This tag requires that the tag GENERATE_DOCSET is set to YES.
+
+DOCSET_FEEDNAME        = "Doxygen generated docs"
+
+# This tag determines the URL of the docset feed. A documentation feed provides
+# an umbrella under which multiple documentation sets from a single provider
+# (such as a company or product suite) can be grouped.
+# This tag requires that the tag GENERATE_DOCSET is set to YES.
+
+DOCSET_FEEDURL         =
+
+# This tag specifies a string that should uniquely identify the documentation
+# set bundle. This should be a reverse domain-name style string, e.g.
+# com.mycompany.MyDocSet. Doxygen will append .docset to the name.
+# The default value is: org.doxygen.Project.
+# This tag requires that the tag GENERATE_DOCSET is set to YES.
+
+DOCSET_BUNDLE_ID       = org.doxygen.Project
+
+# The DOCSET_PUBLISHER_ID tag specifies a string that should uniquely identify
+# the documentation publisher. This should be a reverse domain-name style
+# string, e.g. com.mycompany.MyDocSet.documentation.
+# The default value is: org.doxygen.Publisher.
+# This tag requires that the tag GENERATE_DOCSET is set to YES.
+
+DOCSET_PUBLISHER_ID    = org.doxygen.Publisher
+
+# The DOCSET_PUBLISHER_NAME tag identifies the documentation publisher.
+# The default value is: Publisher.
+# This tag requires that the tag GENERATE_DOCSET is set to YES.
+
+DOCSET_PUBLISHER_NAME  = Publisher
+
+# If the GENERATE_HTMLHELP tag is set to YES then doxygen generates three
+# additional HTML index files: index.hhp, index.hhc, and index.hhk. The
+# index.hhp is a project file that can be read by Microsoft's HTML Help Workshop
+# on Windows. In the beginning of 2021 Microsoft took the original page, with
+# a.o. the download links, offline the HTML help workshop was already many years
+# in maintenance mode). You can download the HTML help workshop from the web
+# archives at Installation executable (see:
+# http://web.archive.org/web/20160201063255/http://download.microsoft.com/downlo
+# ad/0/A/9/0A939EF6-E31C-430F-A3DF-DFAE7960D564/htmlhelp.exe).
+#
+# The HTML Help Workshop contains a compiler that can convert all HTML output
+# generated by doxygen into a single compiled HTML file (.chm). Compiled HTML
+# files are now used as the Windows 98 help format, and will replace the old
+# Windows help format (.hlp) on all Windows platforms in the future. Compressed
+# HTML files also contain an index, a table of contents, and you can search for
+# words in the documentation. The HTML workshop also contains a viewer for
+# compressed HTML files.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+GENERATE_HTMLHELP      = NO
+
+# The CHM_FILE tag can be used to specify the file name of the resulting .chm
+# file. You can add a path in front of the file if the result should not be
+# written to the html output directory.
+# This tag requires that the tag GENERATE_HTMLHELP is set to YES.
+
+CHM_FILE               =
+
+# The HHC_LOCATION tag can be used to specify the location (absolute path
+# including file name) of the HTML help compiler (hhc.exe). If non-empty,
+# doxygen will try to run the HTML help compiler on the generated index.hhp.
+# The file has to be specified with full path.
+# This tag requires that the tag GENERATE_HTMLHELP is set to YES.
+
+HHC_LOCATION           =
+
+# The GENERATE_CHI flag controls if a separate .chi index file is generated
+# (YES) or that it should be included in the main .chm file (NO).
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTMLHELP is set to YES.
+
+GENERATE_CHI           = NO
+
+# The CHM_INDEX_ENCODING is used to encode HtmlHelp index (hhk), content (hhc)
+# and project file content.
+# This tag requires that the tag GENERATE_HTMLHELP is set to YES.
+
+CHM_INDEX_ENCODING     =
+
+# The BINARY_TOC flag controls whether a binary table of contents is generated
+# (YES) or a normal table of contents (NO) in the .chm file. Furthermore it
+# enables the Previous and Next buttons.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTMLHELP is set to YES.
+
+BINARY_TOC             = NO
+
+# The TOC_EXPAND flag can be set to YES to add extra items for group members to
+# the table of contents of the HTML help documentation and to the tree view.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTMLHELP is set to YES.
+
+TOC_EXPAND             = NO
+
+# The SITEMAP_URL tag is used to specify the full URL of the place where the
+# generated documentation will be placed on the server by the user during the
+# deployment of the documentation. The generated sitemap is called sitemap.xml
+# and placed on the directory specified by HTML_OUTPUT. In case no SITEMAP_URL
+# is specified no sitemap is generated. For information about the sitemap
+# protocol see https://www.sitemaps.org
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+SITEMAP_URL            =
+
+# If the GENERATE_QHP tag is set to YES and both QHP_NAMESPACE and
+# QHP_VIRTUAL_FOLDER are set, an additional index file will be generated that
+# can be used as input for Qt's qhelpgenerator to generate a Qt Compressed Help
+# (.qch) of the generated HTML documentation.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+GENERATE_QHP           = YES
+
+# If the QHG_LOCATION tag is specified, the QCH_FILE tag can be used to specify
+# the file name of the resulting .qch file. The path specified is relative to
+# the HTML output folder.
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QCH_FILE               = SARibbon-2.0.2.qch
+
+# The QHP_NAMESPACE tag specifies the namespace to use when generating Qt Help
+# Project output. For more information please see Qt Help Project / Namespace
+# (see:
+# https://doc.qt.io/archives/qt-4.8/qthelpproject.html#namespace).
+# The default value is: org.doxygen.Project.
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QHP_NAMESPACE          = SARibbon.Project
+
+# The QHP_VIRTUAL_FOLDER tag specifies the namespace to use when generating Qt
+# Help Project output. For more information please see Qt Help Project / Virtual
+# Folders (see:
+# https://doc.qt.io/archives/qt-4.8/qthelpproject.html#virtual-folders).
+# The default value is: doc.
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QHP_VIRTUAL_FOLDER     = doc
+
+# If the QHP_CUST_FILTER_NAME tag is set, it specifies the name of a custom
+# filter to add. For more information please see Qt Help Project / Custom
+# Filters (see:
+# https://doc.qt.io/archives/qt-4.8/qthelpproject.html#custom-filters).
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QHP_CUST_FILTER_NAME   =
+
+# The QHP_CUST_FILTER_ATTRS tag specifies the list of the attributes of the
+# custom filter to add. For more information please see Qt Help Project / Custom
+# Filters (see:
+# https://doc.qt.io/archives/qt-4.8/qthelpproject.html#custom-filters).
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QHP_CUST_FILTER_ATTRS  =
+
+# The QHP_SECT_FILTER_ATTRS tag specifies the list of the attributes this
+# project's filter section matches. Qt Help Project / Filter Attributes (see:
+# https://doc.qt.io/archives/qt-4.8/qthelpproject.html#filter-attributes).
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QHP_SECT_FILTER_ATTRS  =
+
+# The QHG_LOCATION tag can be used to specify the location (absolute path
+# including file name) of Qt's qhelpgenerator. If non-empty doxygen will try to
+# run qhelpgenerator on the generated .qhp file.
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QHG_LOCATION           = C:\Qt\6.5.3\msvc2019_64\bin\qhelpgenerator.exe
+
+# If the GENERATE_ECLIPSEHELP tag is set to YES, additional index files will be
+# generated, together with the HTML files, they form an Eclipse help plugin. To
+# install this plugin and make it available under the help contents menu in
+# Eclipse, the contents of the directory containing the HTML and XML files needs
+# to be copied into the plugins directory of eclipse. The name of the directory
+# within the plugins directory should be the same as the ECLIPSE_DOC_ID value.
+# After copying Eclipse needs to be restarted before the help appears.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+GENERATE_ECLIPSEHELP   = NO
+
+# A unique identifier for the Eclipse help plugin. When installing the plugin
+# the directory name containing the HTML and XML files should also have this
+# name. Each documentation set should have its own identifier.
+# The default value is: org.doxygen.Project.
+# This tag requires that the tag GENERATE_ECLIPSEHELP is set to YES.
+
+ECLIPSE_DOC_ID         = org.doxygen.Project
+
+# If you want full control over the layout of the generated HTML pages it might
+# be necessary to disable the index and replace it with your own. The
+# DISABLE_INDEX tag can be used to turn on/off the condensed index (tabs) at top
+# of each HTML page. A value of NO enables the index and the value YES disables
+# it. Since the tabs in the index contain the same information as the navigation
+# tree, you can set this option to YES if you also set GENERATE_TREEVIEW to YES.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+DISABLE_INDEX          = NO
+
+# The GENERATE_TREEVIEW tag is used to specify whether a tree-like index
+# structure should be generated to display hierarchical information. If the tag
+# value is set to YES, a side panel will be generated containing a tree-like
+# index structure (just like the one that is generated for HTML Help). For this
+# to work a browser that supports JavaScript, DHTML, CSS and frames is required
+# (i.e. any modern browser). Windows users are probably better off using the
+# HTML help feature. Via custom style sheets (see HTML_EXTRA_STYLESHEET) one can
+# further fine tune the look of the index (see "Fine-tuning the output"). As an
+# example, the default style sheet generated by doxygen has an example that
+# shows how to put an image at the root of the tree instead of the PROJECT_NAME.
+# Since the tree basically has the same information as the tab index, you could
+# consider setting DISABLE_INDEX to YES when enabling this option.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+GENERATE_TREEVIEW      = NO
+
+# When both GENERATE_TREEVIEW and DISABLE_INDEX are set to YES, then the
+# FULL_SIDEBAR option determines if the side bar is limited to only the treeview
+# area (value NO) or if it should extend to the full height of the window (value
+# YES). Setting this to YES gives a layout similar to
+# https://docs.readthedocs.io with more room for contents, but less room for the
+# project logo, title, and description. If either GENERATE_TREEVIEW or
+# DISABLE_INDEX is set to NO, this option has no effect.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+FULL_SIDEBAR           = NO
+
+# The ENUM_VALUES_PER_LINE tag can be used to set the number of enum values that
+# doxygen will group on one line in the generated HTML documentation.
+#
+# Note that a value of 0 will completely suppress the enum values from appearing
+# in the overview section.
+# Minimum value: 0, maximum value: 20, default value: 4.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+ENUM_VALUES_PER_LINE   = 4
+
+# If the treeview is enabled (see GENERATE_TREEVIEW) then this tag can be used
+# to set the initial width (in pixels) of the frame in which the tree is shown.
+# Minimum value: 0, maximum value: 1500, default value: 250.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+TREEVIEW_WIDTH         = 250
+
+# If the EXT_LINKS_IN_WINDOW option is set to YES, doxygen will open links to
+# external symbols imported via tag files in a separate window.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+EXT_LINKS_IN_WINDOW    = NO
+
+# If the OBFUSCATE_EMAILS tag is set to YES, doxygen will obfuscate email
+# addresses.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+OBFUSCATE_EMAILS       = YES
+
+# If the HTML_FORMULA_FORMAT option is set to svg, doxygen will use the pdf2svg
+# tool (see https://github.com/dawbarton/pdf2svg) or inkscape (see
+# https://inkscape.org) to generate formulas as SVG images instead of PNGs for
+# the HTML output. These images will generally look nicer at scaled resolutions.
+# Possible values are: png (the default) and svg (looks nicer but requires the
+# pdf2svg or inkscape tool).
+# The default value is: png.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_FORMULA_FORMAT    = png
+
+# Use this tag to change the font size of LaTeX formulas included as images in
+# the HTML documentation. When you change the font size after a successful
+# doxygen run you need to manually remove any form_*.png images from the HTML
+# output directory to force them to be regenerated.
+# Minimum value: 8, maximum value: 50, default value: 10.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+FORMULA_FONTSIZE       = 10
+
+# The FORMULA_MACROFILE can contain LaTeX \newcommand and \renewcommand commands
+# to create new LaTeX commands to be used in formulas as building blocks. See
+# the section "Including formulas" for details.
+
+FORMULA_MACROFILE      =
+
+# Enable the USE_MATHJAX option to render LaTeX formulas using MathJax (see
+# https://www.mathjax.org) which uses client side JavaScript for the rendering
+# instead of using pre-rendered bitmaps. Use this if you do not have LaTeX
+# installed or if you want to formulas look prettier in the HTML output. When
+# enabled you may also need to install MathJax separately and configure the path
+# to it using the MATHJAX_RELPATH option.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+USE_MATHJAX            = NO
+
+# With MATHJAX_VERSION it is possible to specify the MathJax version to be used.
+# Note that the different versions of MathJax have different requirements with
+# regards to the different settings, so it is possible that also other MathJax
+# settings have to be changed when switching between the different MathJax
+# versions.
+# Possible values are: MathJax_2 and MathJax_3.
+# The default value is: MathJax_2.
+# This tag requires that the tag USE_MATHJAX is set to YES.
+
+MATHJAX_VERSION        = MathJax_2
+
+# When MathJax is enabled you can set the default output format to be used for
+# the MathJax output. For more details about the output format see MathJax
+# version 2 (see:
+# http://docs.mathjax.org/en/v2.7-latest/output.html) and MathJax version 3
+# (see:
+# http://docs.mathjax.org/en/latest/web/components/output.html).
+# Possible values are: HTML-CSS (which is slower, but has the best
+# compatibility. This is the name for Mathjax version 2, for MathJax version 3
+# this will be translated into chtml), NativeMML (i.e. MathML. Only supported
+# for NathJax 2. For MathJax version 3 chtml will be used instead.), chtml (This
+# is the name for Mathjax version 3, for MathJax version 2 this will be
+# translated into HTML-CSS) and SVG.
+# The default value is: HTML-CSS.
+# This tag requires that the tag USE_MATHJAX is set to YES.
+
+MATHJAX_FORMAT         = HTML-CSS
+
+# When MathJax is enabled you need to specify the location relative to the HTML
+# output directory using the MATHJAX_RELPATH option. The destination directory
+# should contain the MathJax.js script. For instance, if the mathjax directory
+# is located at the same level as the HTML output directory, then
+# MATHJAX_RELPATH should be ../mathjax. The default value points to the MathJax
+# Content Delivery Network so you can quickly see the result without installing
+# MathJax. However, it is strongly recommended to install a local copy of
+# MathJax from https://www.mathjax.org before deployment. The default value is:
+# - in case of MathJax version 2: https://cdn.jsdelivr.net/npm/mathjax@2
+# - in case of MathJax version 3: https://cdn.jsdelivr.net/npm/mathjax@3
+# This tag requires that the tag USE_MATHJAX is set to YES.
+
+MATHJAX_RELPATH        =
+
+# The MATHJAX_EXTENSIONS tag can be used to specify one or more MathJax
+# extension names that should be enabled during MathJax rendering. For example
+# for MathJax version 2 (see
+# https://docs.mathjax.org/en/v2.7-latest/tex.html#tex-and-latex-extensions):
+# MATHJAX_EXTENSIONS = TeX/AMSmath TeX/AMSsymbols
+# For example for MathJax version 3 (see
+# http://docs.mathjax.org/en/latest/input/tex/extensions/index.html):
+# MATHJAX_EXTENSIONS = ams
+# This tag requires that the tag USE_MATHJAX is set to YES.
+
+MATHJAX_EXTENSIONS     =
+
+# The MATHJAX_CODEFILE tag can be used to specify a file with javascript pieces
+# of code that will be used on startup of the MathJax code. See the MathJax site
+# (see:
+# http://docs.mathjax.org/en/v2.7-latest/output.html) for more details. For an
+# example see the documentation.
+# This tag requires that the tag USE_MATHJAX is set to YES.
+
+MATHJAX_CODEFILE       =
+
+# When the SEARCHENGINE tag is enabled doxygen will generate a search box for
+# the HTML output. The underlying search engine uses javascript and DHTML and
+# should work on any modern browser. Note that when using HTML help
+# (GENERATE_HTMLHELP), Qt help (GENERATE_QHP), or docsets (GENERATE_DOCSET)
+# there is already a search function so this one should typically be disabled.
+# For large projects the javascript based search engine can be slow, then
+# enabling SERVER_BASED_SEARCH may provide a better solution. It is possible to
+# search using the keyboard; to jump to the search box use <access key> + S
+# (what the <access key> is depends on the OS and browser, but it is typically
+# <CTRL>, <ALT>/<option>, or both). Inside the search box use the <cursor down
+# key> to jump into the search results window, the results can be navigated
+# using the <cursor keys>. Press <Enter> to select an item or <escape> to cancel
+# the search. The filter options can be selected when the cursor is inside the
+# search box by pressing <Shift>+<cursor down>. Also here use the <cursor keys>
+# to select a filter and <Enter> or <escape> to activate or cancel the filter
+# option.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+SEARCHENGINE           = YES
+
+# When the SERVER_BASED_SEARCH tag is enabled the search engine will be
+# implemented using a web server instead of a web client using JavaScript. There
+# are two flavors of web server based searching depending on the EXTERNAL_SEARCH
+# setting. When disabled, doxygen will generate a PHP script for searching and
+# an index file used by the script. When EXTERNAL_SEARCH is enabled the indexing
+# and searching needs to be provided by external tools. See the section
+# "External Indexing and Searching" for details.
+# The default value is: NO.
+# This tag requires that the tag SEARCHENGINE is set to YES.
+
+SERVER_BASED_SEARCH    = NO
+
+# When EXTERNAL_SEARCH tag is enabled doxygen will no longer generate the PHP
+# script for searching. Instead the search results are written to an XML file
+# which needs to be processed by an external indexer. Doxygen will invoke an
+# external search engine pointed to by the SEARCHENGINE_URL option to obtain the
+# search results.
+#
+# Doxygen ships with an example indexer (doxyindexer) and search engine
+# (doxysearch.cgi) which are based on the open source search engine library
+# Xapian (see:
+# https://xapian.org/).
+#
+# See the section "External Indexing and Searching" for details.
+# The default value is: NO.
+# This tag requires that the tag SEARCHENGINE is set to YES.
+
+EXTERNAL_SEARCH        = NO
+
+# The SEARCHENGINE_URL should point to a search engine hosted by a web server
+# which will return the search results when EXTERNAL_SEARCH is enabled.
+#
+# Doxygen ships with an example indexer (doxyindexer) and search engine
+# (doxysearch.cgi) which are based on the open source search engine library
+# Xapian (see:
+# https://xapian.org/). See the section "External Indexing and Searching" for
+# details.
+# This tag requires that the tag SEARCHENGINE is set to YES.
+
+SEARCHENGINE_URL       =
+
+# When SERVER_BASED_SEARCH and EXTERNAL_SEARCH are both enabled the unindexed
+# search data is written to a file for indexing by an external tool. With the
+# SEARCHDATA_FILE tag the name of this file can be specified.
+# The default file is: searchdata.xml.
+# This tag requires that the tag SEARCHENGINE is set to YES.
+
+SEARCHDATA_FILE        = searchdata.xml
+
+# When SERVER_BASED_SEARCH and EXTERNAL_SEARCH are both enabled the
+# EXTERNAL_SEARCH_ID tag can be used as an identifier for the project. This is
+# useful in combination with EXTRA_SEARCH_MAPPINGS to search through multiple
+# projects and redirect the results back to the right project.
+# This tag requires that the tag SEARCHENGINE is set to YES.
+
+EXTERNAL_SEARCH_ID     =
+
+# The EXTRA_SEARCH_MAPPINGS tag can be used to enable searching through doxygen
+# projects other than the one defined by this configuration file, but that are
+# all added to the same external search index. Each project needs to have a
+# unique id set via EXTERNAL_SEARCH_ID. The search mapping then maps the id of
+# to a relative location where the documentation can be found. The format is:
+# EXTRA_SEARCH_MAPPINGS = tagname1=loc1 tagname2=loc2 ...
+# This tag requires that the tag SEARCHENGINE is set to YES.
+
+EXTRA_SEARCH_MAPPINGS  =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the LaTeX output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_LATEX tag is set to YES, doxygen will generate LaTeX output.
+# The default value is: YES.
+
+GENERATE_LATEX         = NO
+
+# The LATEX_OUTPUT tag is used to specify where the LaTeX docs will be put. If a
+# relative path is entered the value of OUTPUT_DIRECTORY will be put in front of
+# it.
+# The default directory is: latex.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_OUTPUT           = latex
+
+# The LATEX_CMD_NAME tag can be used to specify the LaTeX command name to be
+# invoked.
+#
+# Note that when not enabling USE_PDFLATEX the default is latex when enabling
+# USE_PDFLATEX the default is pdflatex and when in the later case latex is
+# chosen this is overwritten by pdflatex. For specific output languages the
+# default can have been set differently, this depends on the implementation of
+# the output language.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_CMD_NAME         =
+
+# The MAKEINDEX_CMD_NAME tag can be used to specify the command name to generate
+# index for LaTeX.
+# Note: This tag is used in the Makefile / make.bat.
+# See also: LATEX_MAKEINDEX_CMD for the part in the generated output file
+# (.tex).
+# The default file is: makeindex.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+MAKEINDEX_CMD_NAME     = makeindex
+
+# The LATEX_MAKEINDEX_CMD tag can be used to specify the command name to
+# generate index for LaTeX. In case there is no backslash (\) as first character
+# it will be automatically added in the LaTeX code.
+# Note: This tag is used in the generated output file (.tex).
+# See also: MAKEINDEX_CMD_NAME for the part in the Makefile / make.bat.
+# The default value is: makeindex.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_MAKEINDEX_CMD    = makeindex
+
+# If the COMPACT_LATEX tag is set to YES, doxygen generates more compact LaTeX
+# documents. This may be useful for small projects and may help to save some
+# trees in general.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+COMPACT_LATEX          = NO
+
+# The PAPER_TYPE tag can be used to set the paper type that is used by the
+# printer.
+# Possible values are: a4 (210 x 297 mm), letter (8.5 x 11 inches), legal (8.5 x
+# 14 inches) and executive (7.25 x 10.5 inches).
+# The default value is: a4.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+PAPER_TYPE             = a4
+
+# The EXTRA_PACKAGES tag can be used to specify one or more LaTeX package names
+# that should be included in the LaTeX output. The package can be specified just
+# by its name or with the correct syntax as to be used with the LaTeX
+# \usepackage command. To get the times font for instance you can specify :
+# EXTRA_PACKAGES=times or EXTRA_PACKAGES={times}
+# To use the option intlimits with the amsmath package you can specify:
+# EXTRA_PACKAGES=[intlimits]{amsmath}
+# If left blank no extra packages will be included.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+EXTRA_PACKAGES         =
+
+# The LATEX_HEADER tag can be used to specify a user-defined LaTeX header for
+# the generated LaTeX document. The header should contain everything until the
+# first chapter. If it is left blank doxygen will generate a standard header. It
+# is highly recommended to start with a default header using
+# doxygen -w latex new_header.tex new_footer.tex new_stylesheet.sty
+# and then modify the file new_header.tex. See also section "Doxygen usage" for
+# information on how to generate the default header that doxygen normally uses.
+#
+# Note: Only use a user-defined header if you know what you are doing!
+# Note: The header is subject to change so you typically have to regenerate the
+# default header when upgrading to a newer version of doxygen. The following
+# commands have a special meaning inside the header (and footer): For a
+# description of the possible markers and block names see the documentation.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_HEADER           =
+
+# The LATEX_FOOTER tag can be used to specify a user-defined LaTeX footer for
+# the generated LaTeX document. The footer should contain everything after the
+# last chapter. If it is left blank doxygen will generate a standard footer. See
+# LATEX_HEADER for more information on how to generate a default footer and what
+# special commands can be used inside the footer. See also section "Doxygen
+# usage" for information on how to generate the default footer that doxygen
+# normally uses. Note: Only use a user-defined footer if you know what you are
+# doing!
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_FOOTER           =
+
+# The LATEX_EXTRA_STYLESHEET tag can be used to specify additional user-defined
+# LaTeX style sheets that are included after the standard style sheets created
+# by doxygen. Using this option one can overrule certain style aspects. Doxygen
+# will copy the style sheet files to the output directory.
+# Note: The order of the extra style sheet files is of importance (e.g. the last
+# style sheet in the list overrules the setting of the previous ones in the
+# list).
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_EXTRA_STYLESHEET =
+
+# The LATEX_EXTRA_FILES tag can be used to specify one or more extra images or
+# other source files which should be copied to the LATEX_OUTPUT output
+# directory. Note that the files will be copied as-is; there are no commands or
+# markers available.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_EXTRA_FILES      =
+
+# If the PDF_HYPERLINKS tag is set to YES, the LaTeX that is generated is
+# prepared for conversion to PDF (using ps2pdf or pdflatex). The PDF file will
+# contain links (just like the HTML output) instead of page references. This
+# makes the output suitable for online browsing using a PDF viewer.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+PDF_HYPERLINKS         = YES
+
+# If the USE_PDFLATEX tag is set to YES, doxygen will use the engine as
+# specified with LATEX_CMD_NAME to generate the PDF file directly from the LaTeX
+# files. Set this option to YES, to get a higher quality PDF documentation.
+#
+# See also section LATEX_CMD_NAME for selecting the engine.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+USE_PDFLATEX           = YES
+
+# The LATEX_BATCHMODE tag signals the behavior of LaTeX in case of an error.
+# Possible values are: NO same as ERROR_STOP, YES same as BATCH, BATCH In batch
+# mode nothing is printed on the terminal, errors are scrolled as if <return> is
+# hit at every error; missing files that TeX tries to input or request from
+# keyboard input (\read on a not open input stream) cause the job to abort,
+# NON_STOP In nonstop mode the diagnostic message will appear on the terminal,
+# but there is no possibility of user interaction just like in batch mode,
+# SCROLL In scroll mode, TeX will stop only for missing files to input or if
+# keyboard input is necessary and ERROR_STOP In errorstop mode, TeX will stop at
+# each error, asking for user intervention.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_BATCHMODE        = NO
+
+# If the LATEX_HIDE_INDICES tag is set to YES then doxygen will not include the
+# index chapters (such as File Index, Compound Index, etc.) in the output.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_HIDE_INDICES     = NO
+
+# The LATEX_BIB_STYLE tag can be used to specify the style to use for the
+# bibliography, e.g. plainnat, or ieeetr. See
+# https://en.wikipedia.org/wiki/BibTeX and \cite for more info.
+# The default value is: plain.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_BIB_STYLE        = plain
+
+# The LATEX_EMOJI_DIRECTORY tag is used to specify the (relative or absolute)
+# path from which the emoji images will be read. If a relative path is entered,
+# it will be relative to the LATEX_OUTPUT directory. If left blank the
+# LATEX_OUTPUT directory will be used.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_EMOJI_DIRECTORY  =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the RTF output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_RTF tag is set to YES, doxygen will generate RTF output. The
+# RTF output is optimized for Word 97 and may not look too pretty with other RTF
+# readers/editors.
+# The default value is: NO.
+
+GENERATE_RTF           = NO
+
+# The RTF_OUTPUT tag is used to specify where the RTF docs will be put. If a
+# relative path is entered the value of OUTPUT_DIRECTORY will be put in front of
+# it.
+# The default directory is: rtf.
+# This tag requires that the tag GENERATE_RTF is set to YES.
+
+RTF_OUTPUT             = rtf
+
+# If the COMPACT_RTF tag is set to YES, doxygen generates more compact RTF
+# documents. This may be useful for small projects and may help to save some
+# trees in general.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_RTF is set to YES.
+
+COMPACT_RTF            = NO
+
+# If the RTF_HYPERLINKS tag is set to YES, the RTF that is generated will
+# contain hyperlink fields. The RTF file will contain links (just like the HTML
+# output) instead of page references. This makes the output suitable for online
+# browsing using Word or some other Word compatible readers that support those
+# fields.
+#
+# Note: WordPad (write) and others do not support links.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_RTF is set to YES.
+
+RTF_HYPERLINKS         = NO
+
+# Load stylesheet definitions from file. Syntax is similar to doxygen's
+# configuration file, i.e. a series of assignments. You only have to provide
+# replacements, missing definitions are set to their default value.
+#
+# See also section "Doxygen usage" for information on how to generate the
+# default style sheet that doxygen normally uses.
+# This tag requires that the tag GENERATE_RTF is set to YES.
+
+RTF_STYLESHEET_FILE    =
+
+# Set optional variables used in the generation of an RTF document. Syntax is
+# similar to doxygen's configuration file. A template extensions file can be
+# generated using doxygen -e rtf extensionFile.
+# This tag requires that the tag GENERATE_RTF is set to YES.
+
+RTF_EXTENSIONS_FILE    =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the man page output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_MAN tag is set to YES, doxygen will generate man pages for
+# classes and files.
+# The default value is: NO.
+
+GENERATE_MAN           = NO
+
+# The MAN_OUTPUT tag is used to specify where the man pages will be put. If a
+# relative path is entered the value of OUTPUT_DIRECTORY will be put in front of
+# it. A directory man3 will be created inside the directory specified by
+# MAN_OUTPUT.
+# The default directory is: man.
+# This tag requires that the tag GENERATE_MAN is set to YES.
+
+MAN_OUTPUT             = man
+
+# The MAN_EXTENSION tag determines the extension that is added to the generated
+# man pages. In case the manual section does not start with a number, the number
+# 3 is prepended. The dot (.) at the beginning of the MAN_EXTENSION tag is
+# optional.
+# The default value is: .3.
+# This tag requires that the tag GENERATE_MAN is set to YES.
+
+MAN_EXTENSION          = .3
+
+# The MAN_SUBDIR tag determines the name of the directory created within
+# MAN_OUTPUT in which the man pages are placed. If defaults to man followed by
+# MAN_EXTENSION with the initial . removed.
+# This tag requires that the tag GENERATE_MAN is set to YES.
+
+MAN_SUBDIR             =
+
+# If the MAN_LINKS tag is set to YES and doxygen generates man output, then it
+# will generate one additional man file for each entity documented in the real
+# man page(s). These additional files only source the real man page, but without
+# them the man command would be unable to find the correct page.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_MAN is set to YES.
+
+MAN_LINKS              = NO
+
+#---------------------------------------------------------------------------
+# Configuration options related to the XML output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_XML tag is set to YES, doxygen will generate an XML file that
+# captures the structure of the code including all documentation.
+# The default value is: NO.
+
+GENERATE_XML           = NO
+
+# The XML_OUTPUT tag is used to specify where the XML pages will be put. If a
+# relative path is entered the value of OUTPUT_DIRECTORY will be put in front of
+# it.
+# The default directory is: xml.
+# This tag requires that the tag GENERATE_XML is set to YES.
+
+XML_OUTPUT             = xml
+
+# If the XML_PROGRAMLISTING tag is set to YES, doxygen will dump the program
+# listings (including syntax highlighting and cross-referencing information) to
+# the XML output. Note that enabling this will significantly increase the size
+# of the XML output.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_XML is set to YES.
+
+XML_PROGRAMLISTING     = YES
+
+# If the XML_NS_MEMB_FILE_SCOPE tag is set to YES, doxygen will include
+# namespace members in file scope as well, matching the HTML output.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_XML is set to YES.
+
+XML_NS_MEMB_FILE_SCOPE = NO
+
+#---------------------------------------------------------------------------
+# Configuration options related to the DOCBOOK output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_DOCBOOK tag is set to YES, doxygen will generate Docbook files
+# that can be used to generate PDF.
+# The default value is: NO.
+
+GENERATE_DOCBOOK       = NO
+
+# The DOCBOOK_OUTPUT tag is used to specify where the Docbook pages will be put.
+# If a relative path is entered the value of OUTPUT_DIRECTORY will be put in
+# front of it.
+# The default directory is: docbook.
+# This tag requires that the tag GENERATE_DOCBOOK is set to YES.
+
+DOCBOOK_OUTPUT         = docbook
+
+#---------------------------------------------------------------------------
+# Configuration options for the AutoGen Definitions output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_AUTOGEN_DEF tag is set to YES, doxygen will generate an
+# AutoGen Definitions (see https://autogen.sourceforge.net/) file that captures
+# the structure of the code including all documentation. Note that this feature
+# is still experimental and incomplete at the moment.
+# The default value is: NO.
+
+GENERATE_AUTOGEN_DEF   = NO
+
+#---------------------------------------------------------------------------
+# Configuration options related to Sqlite3 output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_SQLITE3 tag is set to YES doxygen will generate a Sqlite3
+# database with symbols found by doxygen stored in tables.
+# The default value is: NO.
+
+GENERATE_SQLITE3       = NO
+
+# The SQLITE3_OUTPUT tag is used to specify where the Sqlite3 database will be
+# put. If a relative path is entered the value of OUTPUT_DIRECTORY will be put
+# in front of it.
+# The default directory is: sqlite3.
+# This tag requires that the tag GENERATE_SQLITE3 is set to YES.
+
+SQLITE3_OUTPUT         = sqlite3
+
+# The SQLITE3_RECREATE_DB tag is set to YES, the existing doxygen_sqlite3.db
+# database file will be recreated with each doxygen run. If set to NO, doxygen
+# will warn if a database file is already found and not modify it.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_SQLITE3 is set to YES.
+
+SQLITE3_RECREATE_DB    = YES
+
+#---------------------------------------------------------------------------
+# Configuration options related to the Perl module output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_PERLMOD tag is set to YES, doxygen will generate a Perl module
+# file that captures the structure of the code including all documentation.
+#
+# Note that this feature is still experimental and incomplete at the moment.
+# The default value is: NO.
+
+GENERATE_PERLMOD       = NO
+
+# If the PERLMOD_LATEX tag is set to YES, doxygen will generate the necessary
+# Makefile rules, Perl scripts and LaTeX code to be able to generate PDF and DVI
+# output from the Perl module output.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_PERLMOD is set to YES.
+
+PERLMOD_LATEX          = NO
+
+# If the PERLMOD_PRETTY tag is set to YES, the Perl module output will be nicely
+# formatted so it can be parsed by a human reader. This is useful if you want to
+# understand what is going on. On the other hand, if this tag is set to NO, the
+# size of the Perl module output will be much smaller and Perl will parse it
+# just the same.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_PERLMOD is set to YES.
+
+PERLMOD_PRETTY         = YES
+
+# The names of the make variables in the generated doxyrules.make file are
+# prefixed with the string contained in PERLMOD_MAKEVAR_PREFIX. This is useful
+# so different doxyrules.make files included by the same Makefile don't
+# overwrite each other's variables.
+# This tag requires that the tag GENERATE_PERLMOD is set to YES.
+
+PERLMOD_MAKEVAR_PREFIX =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the preprocessor
+#---------------------------------------------------------------------------
+
+# If the ENABLE_PREPROCESSING tag is set to YES, doxygen will evaluate all
+# C-preprocessor directives found in the sources and include files.
+# The default value is: YES.
+
+ENABLE_PREPROCESSING   = YES
+
+# If the MACRO_EXPANSION tag is set to YES, doxygen will expand all macro names
+# in the source code. If set to NO, only conditional compilation will be
+# performed. Macro expansion can be done in a controlled way by setting
+# EXPAND_ONLY_PREDEF to YES.
+# The default value is: NO.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+MACRO_EXPANSION        = NO
+
+# If the EXPAND_ONLY_PREDEF and MACRO_EXPANSION tags are both set to YES then
+# the macro expansion is limited to the macros specified with the PREDEFINED and
+# EXPAND_AS_DEFINED tags.
+# The default value is: NO.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+EXPAND_ONLY_PREDEF     = NO
+
+# If the SEARCH_INCLUDES tag is set to YES, the include files in the
+# INCLUDE_PATH will be searched if a #include is found.
+# The default value is: YES.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+SEARCH_INCLUDES        = YES
+
+# The INCLUDE_PATH tag can be used to specify one or more directories that
+# contain include files that are not input files but should be processed by the
+# preprocessor. Note that the INCLUDE_PATH is not recursive, so the setting of
+# RECURSIVE has no effect here.
+# This tag requires that the tag SEARCH_INCLUDES is set to YES.
+
+INCLUDE_PATH           =
+
+# You can use the INCLUDE_FILE_PATTERNS tag to specify one or more wildcard
+# patterns (like *.h and *.hpp) to filter out the header-files in the
+# directories. If left blank, the patterns specified with FILE_PATTERNS will be
+# used.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+INCLUDE_FILE_PATTERNS  =
+
+# The PREDEFINED tag can be used to specify one or more macro names that are
+# defined before the preprocessor is started (similar to the -D option of e.g.
+# gcc). The argument of the tag is a list of macros of the form: name or
+# name=definition (no spaces). If the definition and the "=" are omitted, "=1"
+# is assumed. To prevent a macro definition from being undefined via #undef or
+# recursively expanded use the := operator instead of the = operator.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+PREDEFINED             =
+
+# If the MACRO_EXPANSION and EXPAND_ONLY_PREDEF tags are set to YES then this
+# tag can be used to specify a list of macro names that should be expanded. The
+# macro definition that is found in the sources will be used. Use the PREDEFINED
+# tag if you want to use a different macro definition that overrules the
+# definition found in the source code.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+EXPAND_AS_DEFINED      =
+
+# If the SKIP_FUNCTION_MACROS tag is set to YES then doxygen's preprocessor will
+# remove all references to function-like macros that are alone on a line, have
+# an all uppercase name, and do not end with a semicolon. Such function macros
+# are typically used for boiler-plate code, and will confuse the parser if not
+# removed.
+# The default value is: YES.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+SKIP_FUNCTION_MACROS   = YES
+
+#---------------------------------------------------------------------------
+# Configuration options related to external references
+#---------------------------------------------------------------------------
+
+# The TAGFILES tag can be used to specify one or more tag files. For each tag
+# file the location of the external documentation should be added. The format of
+# a tag file without this location is as follows:
+# TAGFILES = file1 file2 ...
+# Adding location for the tag files is done as follows:
+# TAGFILES = file1=loc1 "file2 = loc2" ...
+# where loc1 and loc2 can be relative or absolute paths or URLs. See the
+# section "Linking to external documentation" for more information about the use
+# of tag files.
+# Note: Each tag file must have a unique name (where the name does NOT include
+# the path). If a tag file is not located in the directory in which doxygen is
+# run, you must also specify the path to the tagfile here.
+
+TAGFILES               =
+
+# When a file name is specified after GENERATE_TAGFILE, doxygen will create a
+# tag file that is based on the input files it reads. See section "Linking to
+# external documentation" for more information about the usage of tag files.
+
+GENERATE_TAGFILE       =
+
+# If the ALLEXTERNALS tag is set to YES, all external classes and namespaces
+# will be listed in the class and namespace index. If set to NO, only the
+# inherited external classes will be listed.
+# The default value is: NO.
+
+ALLEXTERNALS           = NO
+
+# If the EXTERNAL_GROUPS tag is set to YES, all external groups will be listed
+# in the topic index. If set to NO, only the current project's groups will be
+# listed.
+# The default value is: YES.
+
+EXTERNAL_GROUPS        = YES
+
+# If the EXTERNAL_PAGES tag is set to YES, all external pages will be listed in
+# the related pages index. If set to NO, only the current project's pages will
+# be listed.
+# The default value is: YES.
+
+EXTERNAL_PAGES         = YES
+
+#---------------------------------------------------------------------------
+# Configuration options related to diagram generator tools
+#---------------------------------------------------------------------------
+
+# If set to YES the inheritance and collaboration graphs will hide inheritance
+# and usage relations if the target is undocumented or is not a class.
+# The default value is: YES.
+
+HIDE_UNDOC_RELATIONS   = YES
+
+# If you set the HAVE_DOT tag to YES then doxygen will assume the dot tool is
+# available from the path. This tool is part of Graphviz (see:
+# https://www.graphviz.org/), a graph visualization toolkit from AT&T and Lucent
+# Bell Labs. The other options in this section have no effect if this option is
+# set to NO
+# The default value is: NO.
+
+HAVE_DOT               = NO
+
+# The DOT_NUM_THREADS specifies the number of dot invocations doxygen is allowed
+# to run in parallel. When set to 0 doxygen will base this on the number of
+# processors available in the system. You can set it explicitly to a value
+# larger than 0 to get control over the balance between CPU load and processing
+# speed.
+# Minimum value: 0, maximum value: 32, default value: 0.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_NUM_THREADS        = 0
+
+# DOT_COMMON_ATTR is common attributes for nodes, edges and labels of
+# subgraphs. When you want a differently looking font in the dot files that
+# doxygen generates you can specify fontname, fontcolor and fontsize attributes.
+# For details please see <a href=https://graphviz.org/doc/info/attrs.html>Node,
+# Edge and Graph Attributes specification</a> You need to make sure dot is able
+# to find the font, which can be done by putting it in a standard location or by
+# setting the DOTFONTPATH environment variable or by setting DOT_FONTPATH to the
+# directory containing the font. Default graphviz fontsize is 14.
+# The default value is: fontname=Helvetica,fontsize=10.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_COMMON_ATTR        = "fontname=Helvetica,fontsize=10"
+
+# DOT_EDGE_ATTR is concatenated with DOT_COMMON_ATTR. For elegant style you can
+# add 'arrowhead=open, arrowtail=open, arrowsize=0.5'. <a
+# href=https://graphviz.org/doc/info/arrows.html>Complete documentation about
+# arrows shapes.</a>
+# The default value is: labelfontname=Helvetica,labelfontsize=10.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_EDGE_ATTR          = "labelfontname=Helvetica,labelfontsize=10"
+
+# DOT_NODE_ATTR is concatenated with DOT_COMMON_ATTR. For view without boxes
+# around nodes set 'shape=plain' or 'shape=plaintext' <a
+# href=https://www.graphviz.org/doc/info/shapes.html>Shapes specification</a>
+# The default value is: shape=box,height=0.2,width=0.4.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_NODE_ATTR          = "shape=box,height=0.2,width=0.4"
+
+# You can set the path where dot can find font specified with fontname in
+# DOT_COMMON_ATTR and others dot attributes.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_FONTPATH           =
+
+# If the CLASS_GRAPH tag is set to YES or GRAPH or BUILTIN then doxygen will
+# generate a graph for each documented class showing the direct and indirect
+# inheritance relations. In case the CLASS_GRAPH tag is set to YES or GRAPH and
+# HAVE_DOT is enabled as well, then dot will be used to draw the graph. In case
+# the CLASS_GRAPH tag is set to YES and HAVE_DOT is disabled or if the
+# CLASS_GRAPH tag is set to BUILTIN, then the built-in generator will be used.
+# If the CLASS_GRAPH tag is set to TEXT the direct and indirect inheritance
+# relations will be shown as texts / links. Explicit enabling an inheritance
+# graph or choosing a different representation for an inheritance graph of a
+# specific class, can be accomplished by means of the command \inheritancegraph.
+# Disabling an inheritance graph can be accomplished by means of the command
+# \hideinheritancegraph.
+# Possible values are: NO, YES, TEXT, GRAPH and BUILTIN.
+# The default value is: YES.
+
+CLASS_GRAPH            = YES
+
+# If the COLLABORATION_GRAPH tag is set to YES then doxygen will generate a
+# graph for each documented class showing the direct and indirect implementation
+# dependencies (inheritance, containment, and class references variables) of the
+# class with other documented classes. Explicit enabling a collaboration graph,
+# when COLLABORATION_GRAPH is set to NO, can be accomplished by means of the
+# command \collaborationgraph. Disabling a collaboration graph can be
+# accomplished by means of the command \hidecollaborationgraph.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+COLLABORATION_GRAPH    = YES
+
+# If the GROUP_GRAPHS tag is set to YES then doxygen will generate a graph for
+# groups, showing the direct groups dependencies. Explicit enabling a group
+# dependency graph, when GROUP_GRAPHS is set to NO, can be accomplished by means
+# of the command \groupgraph. Disabling a directory graph can be accomplished by
+# means of the command \hidegroupgraph. See also the chapter Grouping in the
+# manual.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+GROUP_GRAPHS           = YES
+
+# If the UML_LOOK tag is set to YES, doxygen will generate inheritance and
+# collaboration diagrams in a style similar to the OMG's Unified Modeling
+# Language.
+# The default value is: NO.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+UML_LOOK               = NO
+
+# If the UML_LOOK tag is enabled, the fields and methods are shown inside the
+# class node. If there are many fields or methods and many nodes the graph may
+# become too big to be useful. The UML_LIMIT_NUM_FIELDS threshold limits the
+# number of items for each type to make the size more manageable. Set this to 0
+# for no limit. Note that the threshold may be exceeded by 50% before the limit
+# is enforced. So when you set the threshold to 10, up to 15 fields may appear,
+# but if the number exceeds 15, the total amount of fields shown is limited to
+# 10.
+# Minimum value: 0, maximum value: 100, default value: 10.
+# This tag requires that the tag UML_LOOK is set to YES.
+
+UML_LIMIT_NUM_FIELDS   = 10
+
+# If the DOT_UML_DETAILS tag is set to NO, doxygen will show attributes and
+# methods without types and arguments in the UML graphs. If the DOT_UML_DETAILS
+# tag is set to YES, doxygen will add type and arguments for attributes and
+# methods in the UML graphs. If the DOT_UML_DETAILS tag is set to NONE, doxygen
+# will not generate fields with class member information in the UML graphs. The
+# class diagrams will look similar to the default class diagrams but using UML
+# notation for the relationships.
+# Possible values are: NO, YES and NONE.
+# The default value is: NO.
+# This tag requires that the tag UML_LOOK is set to YES.
+
+DOT_UML_DETAILS        = NO
+
+# The DOT_WRAP_THRESHOLD tag can be used to set the maximum number of characters
+# to display on a single line. If the actual line length exceeds this threshold
+# significantly it will be wrapped across multiple lines. Some heuristics are
+# applied to avoid ugly line breaks.
+# Minimum value: 0, maximum value: 1000, default value: 17.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_WRAP_THRESHOLD     = 17
+
+# If the TEMPLATE_RELATIONS tag is set to YES then the inheritance and
+# collaboration graphs will show the relations between templates and their
+# instances.
+# The default value is: NO.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+TEMPLATE_RELATIONS     = NO
+
+# If the INCLUDE_GRAPH, ENABLE_PREPROCESSING and SEARCH_INCLUDES tags are set to
+# YES then doxygen will generate a graph for each documented file showing the
+# direct and indirect include dependencies of the file with other documented
+# files. Explicit enabling an include graph, when INCLUDE_GRAPH is is set to NO,
+# can be accomplished by means of the command \includegraph. Disabling an
+# include graph can be accomplished by means of the command \hideincludegraph.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+INCLUDE_GRAPH          = YES
+
+# If the INCLUDED_BY_GRAPH, ENABLE_PREPROCESSING and SEARCH_INCLUDES tags are
+# set to YES then doxygen will generate a graph for each documented file showing
+# the direct and indirect include dependencies of the file with other documented
+# files. Explicit enabling an included by graph, when INCLUDED_BY_GRAPH is set
+# to NO, can be accomplished by means of the command \includedbygraph. Disabling
+# an included by graph can be accomplished by means of the command
+# \hideincludedbygraph.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+INCLUDED_BY_GRAPH      = YES
+
+# If the CALL_GRAPH tag is set to YES then doxygen will generate a call
+# dependency graph for every global function or class method.
+#
+# Note that enabling this option will significantly increase the time of a run.
+# So in most cases it will be better to enable call graphs for selected
+# functions only using the \callgraph command. Disabling a call graph can be
+# accomplished by means of the command \hidecallgraph.
+# The default value is: NO.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+CALL_GRAPH             = NO
+
+# If the CALLER_GRAPH tag is set to YES then doxygen will generate a caller
+# dependency graph for every global function or class method.
+#
+# Note that enabling this option will significantly increase the time of a run.
+# So in most cases it will be better to enable caller graphs for selected
+# functions only using the \callergraph command. Disabling a caller graph can be
+# accomplished by means of the command \hidecallergraph.
+# The default value is: NO.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+CALLER_GRAPH           = NO
+
+# If the GRAPHICAL_HIERARCHY tag is set to YES then doxygen will graphical
+# hierarchy of all classes instead of a textual one.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+GRAPHICAL_HIERARCHY    = YES
+
+# If the DIRECTORY_GRAPH tag is set to YES then doxygen will show the
+# dependencies a directory has on other directories in a graphical way. The
+# dependency relations are determined by the #include relations between the
+# files in the directories. Explicit enabling a directory graph, when
+# DIRECTORY_GRAPH is set to NO, can be accomplished by means of the command
+# \directorygraph. Disabling a directory graph can be accomplished by means of
+# the command \hidedirectorygraph.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DIRECTORY_GRAPH        = YES
+
+# The DIR_GRAPH_MAX_DEPTH tag can be used to limit the maximum number of levels
+# of child directories generated in directory dependency graphs by dot.
+# Minimum value: 1, maximum value: 25, default value: 1.
+# This tag requires that the tag DIRECTORY_GRAPH is set to YES.
+
+DIR_GRAPH_MAX_DEPTH    = 1
+
+# The DOT_IMAGE_FORMAT tag can be used to set the image format of the images
+# generated by dot. For an explanation of the image formats see the section
+# output formats in the documentation of the dot tool (Graphviz (see:
+# https://www.graphviz.org/)).
+# Note: If you choose svg you need to set HTML_FILE_EXTENSION to xhtml in order
+# to make the SVG files visible in IE 9+ (other browsers do not have this
+# requirement).
+# Possible values are: png, jpg, gif, svg, png:gd, png:gd:gd, png:cairo,
+# png:cairo:gd, png:cairo:cairo, png:cairo:gdiplus, png:gdiplus and
+# png:gdiplus:gdiplus.
+# The default value is: png.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_IMAGE_FORMAT       = png
+
+# If DOT_IMAGE_FORMAT is set to svg, then this option can be set to YES to
+# enable generation of interactive SVG images that allow zooming and panning.
+#
+# Note that this requires a modern browser other than Internet Explorer. Tested
+# and working are Firefox, Chrome, Safari, and Opera.
+# Note: For IE 9+ you need to set HTML_FILE_EXTENSION to xhtml in order to make
+# the SVG files visible. Older versions of IE do not have SVG support.
+# The default value is: NO.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+INTERACTIVE_SVG        = NO
+
+# The DOT_PATH tag can be used to specify the path where the dot tool can be
+# found. If left blank, it is assumed the dot tool can be found in the path.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_PATH               =
+
+# The DOTFILE_DIRS tag can be used to specify one or more directories that
+# contain dot files that are included in the documentation (see the \dotfile
+# command).
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOTFILE_DIRS           =
+
+# You can include diagrams made with dia in doxygen documentation. Doxygen will
+# then run dia to produce the diagram and insert it in the documentation. The
+# DIA_PATH tag allows you to specify the directory where the dia binary resides.
+# If left empty dia is assumed to be found in the default search path.
+
+DIA_PATH               =
+
+# The DIAFILE_DIRS tag can be used to specify one or more directories that
+# contain dia files that are included in the documentation (see the \diafile
+# command).
+
+DIAFILE_DIRS           =
+
+# When using plantuml, the PLANTUML_JAR_PATH tag should be used to specify the
+# path where java can find the plantuml.jar file or to the filename of jar file
+# to be used. If left blank, it is assumed PlantUML is not used or called during
+# a preprocessing step. Doxygen will generate a warning when it encounters a
+# \startuml command in this case and will not generate output for the diagram.
+
+PLANTUML_JAR_PATH      =
+
+# When using plantuml, the PLANTUML_CFG_FILE tag can be used to specify a
+# configuration file for plantuml.
+
+PLANTUML_CFG_FILE      =
+
+# When using plantuml, the specified paths are searched for files specified by
+# the !include statement in a plantuml block.
+
+PLANTUML_INCLUDE_PATH  =
+
+# The DOT_GRAPH_MAX_NODES tag can be used to set the maximum number of nodes
+# that will be shown in the graph. If the number of nodes in a graph becomes
+# larger than this value, doxygen will truncate the graph, which is visualized
+# by representing a node as a red box. Note that doxygen if the number of direct
+# children of the root node in a graph is already larger than
+# DOT_GRAPH_MAX_NODES then the graph will not be shown at all. Also note that
+# the size of a graph can be further restricted by MAX_DOT_GRAPH_DEPTH.
+# Minimum value: 0, maximum value: 10000, default value: 50.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_GRAPH_MAX_NODES    = 50
+
+# The MAX_DOT_GRAPH_DEPTH tag can be used to set the maximum depth of the graphs
+# generated by dot. A depth value of 3 means that only nodes reachable from the
+# root by following a path via at most 3 edges will be shown. Nodes that lay
+# further from the root node will be omitted. Note that setting this option to 1
+# or 2 may greatly reduce the computation time needed for large code bases. Also
+# note that the size of a graph can be further restricted by
+# DOT_GRAPH_MAX_NODES. Using a depth of 0 means no depth restriction.
+# Minimum value: 0, maximum value: 1000, default value: 0.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+MAX_DOT_GRAPH_DEPTH    = 0
+
+# Set the DOT_MULTI_TARGETS tag to YES to allow dot to generate multiple output
+# files in one run (i.e. multiple -o and -T options on the command line). This
+# makes dot run faster, but since only newer versions of dot (>1.8.10) support
+# this, this feature is disabled by default.
+# The default value is: NO.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_MULTI_TARGETS      = NO
+
+# If the GENERATE_LEGEND tag is set to YES doxygen will generate a legend page
+# explaining the meaning of the various boxes and arrows in the dot generated
+# graphs.
+# Note: This tag requires that UML_LOOK isn't set, i.e. the doxygen internal
+# graphical representation for inheritance and collaboration diagrams is used.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+GENERATE_LEGEND        = YES
+
+# If the DOT_CLEANUP tag is set to YES, doxygen will remove the intermediate
+# files that are used to generate the various graphs.
+#
+# Note: This setting is not only used for dot files but also for msc temporary
+# files.
+# The default value is: YES.
+
+DOT_CLEANUP            = YES
+
+# You can define message sequence charts within doxygen comments using the \msc
+# command. If the MSCGEN_TOOL tag is left empty (the default), then doxygen will
+# use a built-in version of mscgen tool to produce the charts. Alternatively,
+# the MSCGEN_TOOL tag can also specify the name an external tool. For instance,
+# specifying prog as the value, doxygen will call the tool as prog -T
+# <outfile_format> -o <outputfile> <inputfile>. The external tool should support
+# output file formats "png", "eps", "svg", and "ismap".
+
+MSCGEN_TOOL            =
+
+# The MSCFILE_DIRS tag can be used to specify one or more directories that
+# contain msc files that are included in the documentation (see the \mscfile
+# command).
+
+MSCFILE_DIRS           =
diff --git a/gui/SARibbon/doc/Doxyfile-wiki-cn b/gui/SARibbon/doc/Doxyfile-wiki-cn
new file mode 100644
index 0000000..01c6d5b
--- /dev/null
+++ b/gui/SARibbon/doc/Doxyfile-wiki-cn
@@ -0,0 +1,2970 @@
+# Doxyfile 1.10.0
+
+# This file describes the settings to be used by the documentation system
+# doxygen (www.doxygen.org) for a project.
+#
+# All text after a double hash (##) is considered a comment and is placed in
+# front of the TAG it is preceding.
+#
+# All text after a single hash (#) is considered a comment and will be ignored.
+# The format is:
+# TAG = value [value, ...]
+# For lists, items can also be appended using:
+# TAG += value [value, ...]
+# Values that contain spaces should be placed between quotes (\" \").
+#
+# Note:
+#
+# Use doxygen to compare the used configuration file with the template
+# configuration file:
+# doxygen -x [configFile]
+# Use doxygen to compare the used configuration file with the template
+# configuration file without replacing the environment variables or CMake type
+# replacement variables:
+# doxygen -x_noenv [configFile]
+
+#---------------------------------------------------------------------------
+# Project related configuration options
+#---------------------------------------------------------------------------
+
+# This tag specifies the encoding used for all characters in the configuration
+# file that follow. The default is UTF-8 which is also the encoding used for all
+# text before the first occurrence of this tag. Doxygen uses libiconv (or the
+# iconv built into libc) for the transcoding. See
+# https://www.gnu.org/software/libiconv/ for the list of possible encodings.
+# The default value is: UTF-8.
+
+DOXYFILE_ENCODING      = UTF-8
+
+# The PROJECT_NAME tag is a single word (or a sequence of words surrounded by
+# double-quotes, unless you are using Doxywizard) that should identify the
+# project for which the documentation is generated. This name is used in the
+# title of most generated pages and in a few other places.
+# The default value is: My Project.
+
+PROJECT_NAME           = SARibbon
+
+# The PROJECT_NUMBER tag can be used to enter a project or revision number. This
+# could be handy for archiving the generated documentation or if some version
+# control system is used.
+
+PROJECT_NUMBER         = 2.2.3
+
+# Using the PROJECT_BRIEF tag one can provide an optional one line description
+# for a project that appears at the top of each page and should give viewer a
+# quick idea about the purpose of the project. Keep the description short.
+
+PROJECT_BRIEF          = "SARibbon wiki"
+
+# With the PROJECT_LOGO tag one can specify a logo or an icon that is included
+# in the documentation. The maximum height of the logo should not exceed 55
+# pixels and the maximum width should not exceed 200 pixels. Doxygen will copy
+# the logo to the output directory.
+
+PROJECT_LOGO           = ./SA-logo.png
+
+# With the PROJECT_ICON tag one can specify an icon that is included in the tabs
+# when the HTML document is shown. Doxygen will copy the logo to the output
+# directory.
+
+PROJECT_ICON           =
+
+# The OUTPUT_DIRECTORY tag is used to specify the (relative or absolute) path
+# into which the generated documentation will be written. If a relative path is
+# entered, it will be relative to the location where doxygen was started. If
+# left blank the current directory will be used.
+
+OUTPUT_DIRECTORY       = ./html
+
+# If the CREATE_SUBDIRS tag is set to YES then doxygen will create up to 4096
+# sub-directories (in 2 levels) under the output directory of each output format
+# and will distribute the generated files over these directories. Enabling this
+# option can be useful when feeding doxygen a huge amount of source files, where
+# putting all generated files in the same directory would otherwise causes
+# performance problems for the file system. Adapt CREATE_SUBDIRS_LEVEL to
+# control the number of sub-directories.
+# The default value is: NO.
+
+CREATE_SUBDIRS         = NO
+
+# Controls the number of sub-directories that will be created when
+# CREATE_SUBDIRS tag is set to YES. Level 0 represents 16 directories, and every
+# level increment doubles the number of directories, resulting in 4096
+# directories at level 8 which is the default and also the maximum value. The
+# sub-directories are organized in 2 levels, the first level always has a fixed
+# number of 16 directories.
+# Minimum value: 0, maximum value: 8, default value: 8.
+# This tag requires that the tag CREATE_SUBDIRS is set to YES.
+
+CREATE_SUBDIRS_LEVEL   = 8
+
+# If the ALLOW_UNICODE_NAMES tag is set to YES, doxygen will allow non-ASCII
+# characters to appear in the names of generated files. If set to NO, non-ASCII
+# characters will be escaped, for example _xE3_x81_x84 will be used for Unicode
+# U+3044.
+# The default value is: NO.
+
+ALLOW_UNICODE_NAMES    = YES
+
+# The OUTPUT_LANGUAGE tag is used to specify the language in which all
+# documentation generated by doxygen is written. Doxygen will use this
+# information to generate all constant output in the proper language.
+# Possible values are: Afrikaans, Arabic, Armenian, Brazilian, Bulgarian,
+# Catalan, Chinese, Chinese-Traditional, Croatian, Czech, Danish, Dutch, English
+# (United States), Esperanto, Farsi (Persian), Finnish, French, German, Greek,
+# Hindi, Hungarian, Indonesian, Italian, Japanese, Japanese-en (Japanese with
+# English messages), Korean, Korean-en (Korean with English messages), Latvian,
+# Lithuanian, Macedonian, Norwegian, Persian (Farsi), Polish, Portuguese,
+# Romanian, Russian, Serbian, Serbian-Cyrillic, Slovak, Slovene, Spanish,
+# Swedish, Turkish, Ukrainian and Vietnamese.
+# The default value is: English.
+
+OUTPUT_LANGUAGE        = Chinese
+
+# If the BRIEF_MEMBER_DESC tag is set to YES, doxygen will include brief member
+# descriptions after the members that are listed in the file and class
+# documentation (similar to Javadoc). Set to NO to disable this.
+# The default value is: YES.
+
+BRIEF_MEMBER_DESC      = YES
+
+# If the REPEAT_BRIEF tag is set to YES, doxygen will prepend the brief
+# description of a member or function before the detailed description
+#
+# Note: If both HIDE_UNDOC_MEMBERS and BRIEF_MEMBER_DESC are set to NO, the
+# brief descriptions will be completely suppressed.
+# The default value is: YES.
+
+REPEAT_BRIEF           = YES
+
+# This tag implements a quasi-intelligent brief description abbreviator that is
+# used to form the text in various listings. Each string in this list, if found
+# as the leading text of the brief description, will be stripped from the text
+# and the result, after processing the whole list, is used as the annotated
+# text. Otherwise, the brief description is used as-is. If left blank, the
+# following values are used ($name is automatically replaced with the name of
+# the entity):The $name class, The $name widget, The $name file, is, provides,
+# specifies, contains, represents, a, an and the.
+
+ABBREVIATE_BRIEF       = "The $name class" \
+                         "The $name widget" \
+                         "The $name file" \
+                         is \
+                         provides \
+                         specifies \
+                         contains \
+                         represents \
+                         a \
+                         an \
+                         the
+
+# If the ALWAYS_DETAILED_SEC and REPEAT_BRIEF tags are both set to YES then
+# doxygen will generate a detailed section even if there is only a brief
+# description.
+# The default value is: NO.
+
+ALWAYS_DETAILED_SEC    = NO
+
+# If the INLINE_INHERITED_MEMB tag is set to YES, doxygen will show all
+# inherited members of a class in the documentation of that class as if those
+# members were ordinary class members. Constructors, destructors and assignment
+# operators of the base classes will not be shown.
+# The default value is: NO.
+
+INLINE_INHERITED_MEMB  = NO
+
+# If the FULL_PATH_NAMES tag is set to YES, doxygen will prepend the full path
+# before files name in the file list and in the header files. If set to NO the
+# shortest path that makes the file name unique will be used
+# The default value is: YES.
+
+FULL_PATH_NAMES        = YES
+
+# The STRIP_FROM_PATH tag can be used to strip a user-defined part of the path.
+# Stripping is only done if one of the specified strings matches the left-hand
+# part of the path. The tag can be used to show relative paths in the file list.
+# If left blank the directory from which doxygen is run is used as the path to
+# strip.
+#
+# Note that you can specify absolute paths here, but also relative paths, which
+# will be relative from the directory where doxygen is started.
+# This tag requires that the tag FULL_PATH_NAMES is set to YES.
+
+STRIP_FROM_PATH        =
+
+# The STRIP_FROM_INC_PATH tag can be used to strip a user-defined part of the
+# path mentioned in the documentation of a class, which tells the reader which
+# header file to include in order to use a class. If left blank only the name of
+# the header file containing the class definition is used. Otherwise one should
+# specify the list of include paths that are normally passed to the compiler
+# using the -I flag.
+
+STRIP_FROM_INC_PATH    =
+
+# If the SHORT_NAMES tag is set to YES, doxygen will generate much shorter (but
+# less readable) file names. This can be useful is your file systems doesn't
+# support long names like on DOS, Mac, or CD-ROM.
+# The default value is: NO.
+
+SHORT_NAMES            = NO
+
+# If the JAVADOC_AUTOBRIEF tag is set to YES then doxygen will interpret the
+# first line (until the first dot) of a Javadoc-style comment as the brief
+# description. If set to NO, the Javadoc-style will behave just like regular Qt-
+# style comments (thus requiring an explicit @brief command for a brief
+# description.)
+# The default value is: NO.
+
+JAVADOC_AUTOBRIEF      = NO
+
+# If the JAVADOC_BANNER tag is set to YES then doxygen will interpret a line
+# such as
+# /***************
+# as being the beginning of a Javadoc-style comment "banner". If set to NO, the
+# Javadoc-style will behave just like regular comments and it will not be
+# interpreted by doxygen.
+# The default value is: NO.
+
+JAVADOC_BANNER         = NO
+
+# If the QT_AUTOBRIEF tag is set to YES then doxygen will interpret the first
+# line (until the first dot) of a Qt-style comment as the brief description. If
+# set to NO, the Qt-style will behave just like regular Qt-style comments (thus
+# requiring an explicit \brief command for a brief description.)
+# The default value is: NO.
+
+QT_AUTOBRIEF           = NO
+
+# The MULTILINE_CPP_IS_BRIEF tag can be set to YES to make doxygen treat a
+# multi-line C++ special comment block (i.e. a block of //! or /// comments) as
+# a brief description. This used to be the default behavior. The new default is
+# to treat a multi-line C++ comment block as a detailed description. Set this
+# tag to YES if you prefer the old behavior instead.
+#
+# Note that setting this tag to YES also means that rational rose comments are
+# not recognized any more.
+# The default value is: NO.
+
+MULTILINE_CPP_IS_BRIEF = NO
+
+# By default Python docstrings are displayed as preformatted text and doxygen's
+# special commands cannot be used. By setting PYTHON_DOCSTRING to NO the
+# doxygen's special commands can be used and the contents of the docstring
+# documentation blocks is shown as doxygen documentation.
+# The default value is: YES.
+
+PYTHON_DOCSTRING       = YES
+
+# If the INHERIT_DOCS tag is set to YES then an undocumented member inherits the
+# documentation from any documented member that it re-implements.
+# The default value is: YES.
+
+INHERIT_DOCS           = YES
+
+# If the SEPARATE_MEMBER_PAGES tag is set to YES then doxygen will produce a new
+# page for each member. If set to NO, the documentation of a member will be part
+# of the file/class/namespace that contains it.
+# The default value is: NO.
+
+SEPARATE_MEMBER_PAGES  = NO
+
+# The TAB_SIZE tag can be used to set the number of spaces in a tab. Doxygen
+# uses this value to replace tabs by spaces in code fragments.
+# Minimum value: 1, maximum value: 16, default value: 4.
+
+TAB_SIZE               = 4
+
+# This tag can be used to specify a number of aliases that act as commands in
+# the documentation. An alias has the form:
+# name=value
+# For example adding
+# "sideeffect=@par Side Effects:^^"
+# will allow you to put the command \sideeffect (or @sideeffect) in the
+# documentation, which will result in a user-defined paragraph with heading
+# "Side Effects:". Note that you cannot put \n's in the value part of an alias
+# to insert newlines (in the resulting output). You can put ^^ in the value part
+# of an alias to insert a newline as if a physical newline was in the original
+# file. When you need a literal { or } or , in the value part of an alias you
+# have to escape them by means of a backslash (\), this can lead to conflicts
+# with the commands \{ and \} for these it is advised to use the version @{ and
+# @} or use a double escape (\\{ and \\})
+
+ALIASES                =
+
+# Set the OPTIMIZE_OUTPUT_FOR_C tag to YES if your project consists of C sources
+# only. Doxygen will then generate output that is more tailored for C. For
+# instance, some of the names that are used will be different. The list of all
+# members will be omitted, etc.
+# The default value is: NO.
+
+OPTIMIZE_OUTPUT_FOR_C  = NO
+
+# Set the OPTIMIZE_OUTPUT_JAVA tag to YES if your project consists of Java or
+# Python sources only. Doxygen will then generate output that is more tailored
+# for that language. For instance, namespaces will be presented as packages,
+# qualified scopes will look different, etc.
+# The default value is: NO.
+
+OPTIMIZE_OUTPUT_JAVA   = NO
+
+# Set the OPTIMIZE_FOR_FORTRAN tag to YES if your project consists of Fortran
+# sources. Doxygen will then generate output that is tailored for Fortran.
+# The default value is: NO.
+
+OPTIMIZE_FOR_FORTRAN   = NO
+
+# Set the OPTIMIZE_OUTPUT_VHDL tag to YES if your project consists of VHDL
+# sources. Doxygen will then generate output that is tailored for VHDL.
+# The default value is: NO.
+
+OPTIMIZE_OUTPUT_VHDL   = NO
+
+# Set the OPTIMIZE_OUTPUT_SLICE tag to YES if your project consists of Slice
+# sources only. Doxygen will then generate output that is more tailored for that
+# language. For instance, namespaces will be presented as modules, types will be
+# separated into more groups, etc.
+# The default value is: NO.
+
+OPTIMIZE_OUTPUT_SLICE  = NO
+
+# Doxygen selects the parser to use depending on the extension of the files it
+# parses. With this tag you can assign which parser to use for a given
+# extension. Doxygen has a built-in mapping, but you can override or extend it
+# using this tag. The format is ext=language, where ext is a file extension, and
+# language is one of the parsers supported by doxygen: IDL, Java, JavaScript,
+# Csharp (C#), C, C++, Lex, D, PHP, md (Markdown), Objective-C, Python, Slice,
+# VHDL, Fortran (fixed format Fortran: FortranFixed, free formatted Fortran:
+# FortranFree, unknown formatted Fortran: Fortran. In the later case the parser
+# tries to guess whether the code is fixed or free formatted code, this is the
+# default for Fortran type files). For instance to make doxygen treat .inc files
+# as Fortran files (default is PHP), and .f files as C (default is Fortran),
+# use: inc=Fortran f=C.
+#
+# Note: For files without extension you can use no_extension as a placeholder.
+#
+# Note that for custom extensions you also need to set FILE_PATTERNS otherwise
+# the files are not read by doxygen. When specifying no_extension you should add
+# * to the FILE_PATTERNS.
+#
+# Note see also the list of default file extension mappings.
+
+EXTENSION_MAPPING      =
+
+# If the MARKDOWN_SUPPORT tag is enabled then doxygen pre-processes all comments
+# according to the Markdown format, which allows for more readable
+# documentation. See https://daringfireball.net/projects/markdown/ for details.
+# The output of markdown processing is further processed by doxygen, so you can
+# mix doxygen, HTML, and XML commands with Markdown formatting. Disable only in
+# case of backward compatibilities issues.
+# The default value is: YES.
+
+MARKDOWN_SUPPORT       = YES
+
+# When the TOC_INCLUDE_HEADINGS tag is set to a non-zero value, all headings up
+# to that level are automatically included in the table of contents, even if
+# they do not have an id attribute.
+# Note: This feature currently applies only to Markdown headings.
+# Minimum value: 0, maximum value: 99, default value: 5.
+# This tag requires that the tag MARKDOWN_SUPPORT is set to YES.
+
+TOC_INCLUDE_HEADINGS   = 5
+
+# The MARKDOWN_ID_STYLE tag can be used to specify the algorithm used to
+# generate identifiers for the Markdown headings. Note: Every identifier is
+# unique.
+# Possible values are: DOXYGEN use a fixed 'autotoc_md' string followed by a
+# sequence number starting at 0 and GITHUB use the lower case version of title
+# with any whitespace replaced by '-' and punctuation characters removed.
+# The default value is: DOXYGEN.
+# This tag requires that the tag MARKDOWN_SUPPORT is set to YES.
+
+MARKDOWN_ID_STYLE      = GITHUB
+
+# When enabled doxygen tries to link words that correspond to documented
+# classes, or namespaces to their corresponding documentation. Such a link can
+# be prevented in individual cases by putting a % sign in front of the word or
+# globally by setting AUTOLINK_SUPPORT to NO.
+# The default value is: YES.
+
+AUTOLINK_SUPPORT       = YES
+
+# If you use STL classes (i.e. std::string, std::vector, etc.) but do not want
+# to include (a tag file for) the STL sources as input, then you should set this
+# tag to YES in order to let doxygen match functions declarations and
+# definitions whose arguments contain STL classes (e.g. func(std::string);
+# versus func(std::string) {}). This also make the inheritance and collaboration
+# diagrams that involve STL classes more complete and accurate.
+# The default value is: NO.
+
+BUILTIN_STL_SUPPORT    = NO
+
+# If you use Microsoft's C++/CLI language, you should set this option to YES to
+# enable parsing support.
+# The default value is: NO.
+
+CPP_CLI_SUPPORT        = NO
+
+# Set the SIP_SUPPORT tag to YES if your project consists of sip (see:
+# https://www.riverbankcomputing.com/software/sip/intro) sources only. Doxygen
+# will parse them like normal C++ but will assume all classes use public instead
+# of private inheritance when no explicit protection keyword is present.
+# The default value is: NO.
+
+SIP_SUPPORT            = NO
+
+# For Microsoft's IDL there are propget and propput attributes to indicate
+# getter and setter methods for a property. Setting this option to YES will make
+# doxygen to replace the get and set methods by a property in the documentation.
+# This will only work if the methods are indeed getting or setting a simple
+# type. If this is not the case, or you want to show the methods anyway, you
+# should set this option to NO.
+# The default value is: YES.
+
+IDL_PROPERTY_SUPPORT   = YES
+
+# If member grouping is used in the documentation and the DISTRIBUTE_GROUP_DOC
+# tag is set to YES then doxygen will reuse the documentation of the first
+# member in the group (if any) for the other members of the group. By default
+# all members of a group must be documented explicitly.
+# The default value is: NO.
+
+DISTRIBUTE_GROUP_DOC   = NO
+
+# If one adds a struct or class to a group and this option is enabled, then also
+# any nested class or struct is added to the same group. By default this option
+# is disabled and one has to add nested compounds explicitly via \ingroup.
+# The default value is: NO.
+
+GROUP_NESTED_COMPOUNDS = NO
+
+# Set the SUBGROUPING tag to YES to allow class member groups of the same type
+# (for instance a group of public functions) to be put as a subgroup of that
+# type (e.g. under the Public Functions section). Set it to NO to prevent
+# subgrouping. Alternatively, this can be done per class using the
+# \nosubgrouping command.
+# The default value is: YES.
+
+SUBGROUPING            = YES
+
+# When the INLINE_GROUPED_CLASSES tag is set to YES, classes, structs and unions
+# are shown inside the group in which they are included (e.g. using \ingroup)
+# instead of on a separate page (for HTML and Man pages) or section (for LaTeX
+# and RTF).
+#
+# Note that this feature does not work in combination with
+# SEPARATE_MEMBER_PAGES.
+# The default value is: NO.
+
+INLINE_GROUPED_CLASSES = NO
+
+# When the INLINE_SIMPLE_STRUCTS tag is set to YES, structs, classes, and unions
+# with only public data fields or simple typedef fields will be shown inline in
+# the documentation of the scope in which they are defined (i.e. file,
+# namespace, or group documentation), provided this scope is documented. If set
+# to NO, structs, classes, and unions are shown on a separate page (for HTML and
+# Man pages) or section (for LaTeX and RTF).
+# The default value is: NO.
+
+INLINE_SIMPLE_STRUCTS  = NO
+
+# When TYPEDEF_HIDES_STRUCT tag is enabled, a typedef of a struct, union, or
+# enum is documented as struct, union, or enum with the name of the typedef. So
+# typedef struct TypeS {} TypeT, will appear in the documentation as a struct
+# with name TypeT. When disabled the typedef will appear as a member of a file,
+# namespace, or class. And the struct will be named TypeS. This can typically be
+# useful for C code in case the coding convention dictates that all compound
+# types are typedef'ed and only the typedef is referenced, never the tag name.
+# The default value is: NO.
+
+TYPEDEF_HIDES_STRUCT   = NO
+
+# The size of the symbol lookup cache can be set using LOOKUP_CACHE_SIZE. This
+# cache is used to resolve symbols given their name and scope. Since this can be
+# an expensive process and often the same symbol appears multiple times in the
+# code, doxygen keeps a cache of pre-resolved symbols. If the cache is too small
+# doxygen will become slower. If the cache is too large, memory is wasted. The
+# cache size is given by this formula: 2^(16+LOOKUP_CACHE_SIZE). The valid range
+# is 0..9, the default is 0, corresponding to a cache size of 2^16=65536
+# symbols. At the end of a run doxygen will report the cache usage and suggest
+# the optimal cache size from a speed point of view.
+# Minimum value: 0, maximum value: 9, default value: 0.
+
+LOOKUP_CACHE_SIZE      = 0
+
+# The NUM_PROC_THREADS specifies the number of threads doxygen is allowed to use
+# during processing. When set to 0 doxygen will based this on the number of
+# cores available in the system. You can set it explicitly to a value larger
+# than 0 to get more control over the balance between CPU load and processing
+# speed. At this moment only the input processing can be done using multiple
+# threads. Since this is still an experimental feature the default is set to 1,
+# which effectively disables parallel processing. Please report any issues you
+# encounter. Generating dot graphs in parallel is controlled by the
+# DOT_NUM_THREADS setting.
+# Minimum value: 0, maximum value: 32, default value: 1.
+
+NUM_PROC_THREADS       = 1
+
+# If the TIMESTAMP tag is set different from NO then each generated page will
+# contain the date or date and time when the page was generated. Setting this to
+# NO can help when comparing the output of multiple runs.
+# Possible values are: YES, NO, DATETIME and DATE.
+# The default value is: NO.
+
+TIMESTAMP              = NO
+
+#---------------------------------------------------------------------------
+# Build related configuration options
+#---------------------------------------------------------------------------
+
+# If the EXTRACT_ALL tag is set to YES, doxygen will assume all entities in
+# documentation are documented, even if no documentation was available. Private
+# class members and static file members will be hidden unless the
+# EXTRACT_PRIVATE respectively EXTRACT_STATIC tags are set to YES.
+# Note: This will also disable the warnings about undocumented members that are
+# normally produced when WARNINGS is set to YES.
+# The default value is: NO.
+
+EXTRACT_ALL            = NO
+
+# If the EXTRACT_PRIVATE tag is set to YES, all private members of a class will
+# be included in the documentation.
+# The default value is: NO.
+
+EXTRACT_PRIVATE        = NO
+
+# If the EXTRACT_PRIV_VIRTUAL tag is set to YES, documented private virtual
+# methods of a class will be included in the documentation.
+# The default value is: NO.
+
+EXTRACT_PRIV_VIRTUAL   = NO
+
+# If the EXTRACT_PACKAGE tag is set to YES, all members with package or internal
+# scope will be included in the documentation.
+# The default value is: NO.
+
+EXTRACT_PACKAGE        = NO
+
+# If the EXTRACT_STATIC tag is set to YES, all static members of a file will be
+# included in the documentation.
+# The default value is: NO.
+
+EXTRACT_STATIC         = NO
+
+# If the EXTRACT_LOCAL_CLASSES tag is set to YES, classes (and structs) defined
+# locally in source files will be included in the documentation. If set to NO,
+# only classes defined in header files are included. Does not have any effect
+# for Java sources.
+# The default value is: YES.
+
+EXTRACT_LOCAL_CLASSES  = YES
+
+# This flag is only useful for Objective-C code. If set to YES, local methods,
+# which are defined in the implementation section but not in the interface are
+# included in the documentation. If set to NO, only methods in the interface are
+# included.
+# The default value is: NO.
+
+EXTRACT_LOCAL_METHODS  = NO
+
+# If this flag is set to YES, the members of anonymous namespaces will be
+# extracted and appear in the documentation as a namespace called
+# 'anonymous_namespace{file}', where file will be replaced with the base name of
+# the file that contains the anonymous namespace. By default anonymous namespace
+# are hidden.
+# The default value is: NO.
+
+EXTRACT_ANON_NSPACES   = NO
+
+# If this flag is set to YES, the name of an unnamed parameter in a declaration
+# will be determined by the corresponding definition. By default unnamed
+# parameters remain unnamed in the output.
+# The default value is: YES.
+
+RESOLVE_UNNAMED_PARAMS = YES
+
+# If the HIDE_UNDOC_MEMBERS tag is set to YES, doxygen will hide all
+# undocumented members inside documented classes or files. If set to NO these
+# members will be included in the various overviews, but no documentation
+# section is generated. This option has no effect if EXTRACT_ALL is enabled.
+# The default value is: NO.
+
+HIDE_UNDOC_MEMBERS     = NO
+
+# If the HIDE_UNDOC_CLASSES tag is set to YES, doxygen will hide all
+# undocumented classes that are normally visible in the class hierarchy. If set
+# to NO, these classes will be included in the various overviews. This option
+# will also hide undocumented C++ concepts if enabled. This option has no effect
+# if EXTRACT_ALL is enabled.
+# The default value is: NO.
+
+HIDE_UNDOC_CLASSES     = NO
+
+# If the HIDE_FRIEND_COMPOUNDS tag is set to YES, doxygen will hide all friend
+# declarations. If set to NO, these declarations will be included in the
+# documentation.
+# The default value is: NO.
+
+HIDE_FRIEND_COMPOUNDS  = NO
+
+# If the HIDE_IN_BODY_DOCS tag is set to YES, doxygen will hide any
+# documentation blocks found inside the body of a function. If set to NO, these
+# blocks will be appended to the function's detailed documentation block.
+# The default value is: NO.
+
+HIDE_IN_BODY_DOCS      = NO
+
+# The INTERNAL_DOCS tag determines if documentation that is typed after a
+# \internal command is included. If the tag is set to NO then the documentation
+# will be excluded. Set it to YES to include the internal documentation.
+# The default value is: NO.
+
+INTERNAL_DOCS          = NO
+
+# With the correct setting of option CASE_SENSE_NAMES doxygen will better be
+# able to match the capabilities of the underlying filesystem. In case the
+# filesystem is case sensitive (i.e. it supports files in the same directory
+# whose names only differ in casing), the option must be set to YES to properly
+# deal with such files in case they appear in the input. For filesystems that
+# are not case sensitive the option should be set to NO to properly deal with
+# output files written for symbols that only differ in casing, such as for two
+# classes, one named CLASS and the other named Class, and to also support
+# references to files without having to specify the exact matching casing. On
+# Windows (including Cygwin) and MacOS, users should typically set this option
+# to NO, whereas on Linux or other Unix flavors it should typically be set to
+# YES.
+# Possible values are: SYSTEM, NO and YES.
+# The default value is: SYSTEM.
+
+CASE_SENSE_NAMES       = SYSTEM
+
+# If the HIDE_SCOPE_NAMES tag is set to NO then doxygen will show members with
+# their full class and namespace scopes in the documentation. If set to YES, the
+# scope will be hidden.
+# The default value is: NO.
+
+HIDE_SCOPE_NAMES       = NO
+
+# If the HIDE_COMPOUND_REFERENCE tag is set to NO (default) then doxygen will
+# append additional text to a page's title, such as Class Reference. If set to
+# YES the compound reference will be hidden.
+# The default value is: NO.
+
+HIDE_COMPOUND_REFERENCE= NO
+
+# If the SHOW_HEADERFILE tag is set to YES then the documentation for a class
+# will show which file needs to be included to use the class.
+# The default value is: YES.
+
+SHOW_HEADERFILE        = YES
+
+# If the SHOW_INCLUDE_FILES tag is set to YES then doxygen will put a list of
+# the files that are included by a file in the documentation of that file.
+# The default value is: YES.
+
+SHOW_INCLUDE_FILES     = YES
+
+# If the SHOW_GROUPED_MEMB_INC tag is set to YES then Doxygen will add for each
+# grouped member an include statement to the documentation, telling the reader
+# which file to include in order to use the member.
+# The default value is: NO.
+
+SHOW_GROUPED_MEMB_INC  = NO
+
+# If the FORCE_LOCAL_INCLUDES tag is set to YES then doxygen will list include
+# files with double quotes in the documentation rather than with sharp brackets.
+# The default value is: NO.
+
+FORCE_LOCAL_INCLUDES   = NO
+
+# If the INLINE_INFO tag is set to YES then a tag [inline] is inserted in the
+# documentation for inline members.
+# The default value is: YES.
+
+INLINE_INFO            = YES
+
+# If the SORT_MEMBER_DOCS tag is set to YES then doxygen will sort the
+# (detailed) documentation of file and class members alphabetically by member
+# name. If set to NO, the members will appear in declaration order.
+# The default value is: YES.
+
+SORT_MEMBER_DOCS       = YES
+
+# If the SORT_BRIEF_DOCS tag is set to YES then doxygen will sort the brief
+# descriptions of file, namespace and class members alphabetically by member
+# name. If set to NO, the members will appear in declaration order. Note that
+# this will also influence the order of the classes in the class list.
+# The default value is: NO.
+
+SORT_BRIEF_DOCS        = NO
+
+# If the SORT_MEMBERS_CTORS_1ST tag is set to YES then doxygen will sort the
+# (brief and detailed) documentation of class members so that constructors and
+# destructors are listed first. If set to NO the constructors will appear in the
+# respective orders defined by SORT_BRIEF_DOCS and SORT_MEMBER_DOCS.
+# Note: If SORT_BRIEF_DOCS is set to NO this option is ignored for sorting brief
+# member documentation.
+# Note: If SORT_MEMBER_DOCS is set to NO this option is ignored for sorting
+# detailed member documentation.
+# The default value is: NO.
+
+SORT_MEMBERS_CTORS_1ST = NO
+
+# If the SORT_GROUP_NAMES tag is set to YES then doxygen will sort the hierarchy
+# of group names into alphabetical order. If set to NO the group names will
+# appear in their defined order.
+# The default value is: NO.
+
+SORT_GROUP_NAMES       = NO
+
+# If the SORT_BY_SCOPE_NAME tag is set to YES, the class list will be sorted by
+# fully-qualified names, including namespaces. If set to NO, the class list will
+# be sorted only by class name, not including the namespace part.
+# Note: This option is not very useful if HIDE_SCOPE_NAMES is set to YES.
+# Note: This option applies only to the class list, not to the alphabetical
+# list.
+# The default value is: NO.
+
+SORT_BY_SCOPE_NAME     = NO
+
+# If the STRICT_PROTO_MATCHING option is enabled and doxygen fails to do proper
+# type resolution of all parameters of a function it will reject a match between
+# the prototype and the implementation of a member function even if there is
+# only one candidate or it is obvious which candidate to choose by doing a
+# simple string match. By disabling STRICT_PROTO_MATCHING doxygen will still
+# accept a match between prototype and implementation in such cases.
+# The default value is: NO.
+
+STRICT_PROTO_MATCHING  = NO
+
+# The GENERATE_TODOLIST tag can be used to enable (YES) or disable (NO) the todo
+# list. This list is created by putting \todo commands in the documentation.
+# The default value is: YES.
+
+GENERATE_TODOLIST      = YES
+
+# The GENERATE_TESTLIST tag can be used to enable (YES) or disable (NO) the test
+# list. This list is created by putting \test commands in the documentation.
+# The default value is: YES.
+
+GENERATE_TESTLIST      = YES
+
+# The GENERATE_BUGLIST tag can be used to enable (YES) or disable (NO) the bug
+# list. This list is created by putting \bug commands in the documentation.
+# The default value is: YES.
+
+GENERATE_BUGLIST       = YES
+
+# The GENERATE_DEPRECATEDLIST tag can be used to enable (YES) or disable (NO)
+# the deprecated list. This list is created by putting \deprecated commands in
+# the documentation.
+# The default value is: YES.
+
+GENERATE_DEPRECATEDLIST= YES
+
+# The ENABLED_SECTIONS tag can be used to enable conditional documentation
+# sections, marked by \if <section_label> ... \endif and \cond <section_label>
+# ... \endcond blocks.
+
+ENABLED_SECTIONS       =
+
+# The MAX_INITIALIZER_LINES tag determines the maximum number of lines that the
+# initial value of a variable or macro / define can have for it to appear in the
+# documentation. If the initializer consists of more lines than specified here
+# it will be hidden. Use a value of 0 to hide initializers completely. The
+# appearance of the value of individual variables and macros / defines can be
+# controlled using \showinitializer or \hideinitializer command in the
+# documentation regardless of this setting.
+# Minimum value: 0, maximum value: 10000, default value: 30.
+
+MAX_INITIALIZER_LINES  = 30
+
+# Set the SHOW_USED_FILES tag to NO to disable the list of files generated at
+# the bottom of the documentation of classes and structs. If set to YES, the
+# list will mention the files that were used to generate the documentation.
+# The default value is: YES.
+
+SHOW_USED_FILES        = YES
+
+# Set the SHOW_FILES tag to NO to disable the generation of the Files page. This
+# will remove the Files entry from the Quick Index and from the Folder Tree View
+# (if specified).
+# The default value is: YES.
+
+SHOW_FILES             = YES
+
+# Set the SHOW_NAMESPACES tag to NO to disable the generation of the Namespaces
+# page. This will remove the Namespaces entry from the Quick Index and from the
+# Folder Tree View (if specified).
+# The default value is: YES.
+
+SHOW_NAMESPACES        = YES
+
+# The FILE_VERSION_FILTER tag can be used to specify a program or script that
+# doxygen should invoke to get the current version for each file (typically from
+# the version control system). Doxygen will invoke the program by executing (via
+# popen()) the command command input-file, where command is the value of the
+# FILE_VERSION_FILTER tag, and input-file is the name of an input file provided
+# by doxygen. Whatever the program writes to standard output is used as the file
+# version. For an example see the documentation.
+
+FILE_VERSION_FILTER    =
+
+# The LAYOUT_FILE tag can be used to specify a layout file which will be parsed
+# by doxygen. The layout file controls the global structure of the generated
+# output files in an output format independent way. To create the layout file
+# that represents doxygen's defaults, run doxygen with the -l option. You can
+# optionally specify a file name after the option, if omitted DoxygenLayout.xml
+# will be used as the name of the layout file. See also section "Changing the
+# layout of pages" for information.
+#
+# Note that if you run doxygen from a directory containing a file called
+# DoxygenLayout.xml, doxygen will parse it automatically even if the LAYOUT_FILE
+# tag is left empty.
+
+LAYOUT_FILE            =
+
+# The CITE_BIB_FILES tag can be used to specify one or more bib files containing
+# the reference definitions. This must be a list of .bib files. The .bib
+# extension is automatically appended if omitted. This requires the bibtex tool
+# to be installed. See also https://en.wikipedia.org/wiki/BibTeX for more info.
+# For LaTeX the style of the bibliography can be controlled using
+# LATEX_BIB_STYLE. To use this feature you need bibtex and perl available in the
+# search path. See also \cite for info how to create references.
+
+CITE_BIB_FILES         =
+
+#---------------------------------------------------------------------------
+# Configuration options related to warning and progress messages
+#---------------------------------------------------------------------------
+
+# The QUIET tag can be used to turn on/off the messages that are generated to
+# standard output by doxygen. If QUIET is set to YES this implies that the
+# messages are off.
+# The default value is: NO.
+
+QUIET                  = NO
+
+# The WARNINGS tag can be used to turn on/off the warning messages that are
+# generated to standard error (stderr) by doxygen. If WARNINGS is set to YES
+# this implies that the warnings are on.
+#
+# Tip: Turn warnings on while writing the documentation.
+# The default value is: YES.
+
+WARNINGS               = YES
+
+# If the WARN_IF_UNDOCUMENTED tag is set to YES then doxygen will generate
+# warnings for undocumented members. If EXTRACT_ALL is set to YES then this flag
+# will automatically be disabled.
+# The default value is: YES.
+
+WARN_IF_UNDOCUMENTED   = YES
+
+# If the WARN_IF_DOC_ERROR tag is set to YES, doxygen will generate warnings for
+# potential errors in the documentation, such as documenting some parameters in
+# a documented function twice, or documenting parameters that don't exist or
+# using markup commands wrongly.
+# The default value is: YES.
+
+WARN_IF_DOC_ERROR      = YES
+
+# If WARN_IF_INCOMPLETE_DOC is set to YES, doxygen will warn about incomplete
+# function parameter documentation. If set to NO, doxygen will accept that some
+# parameters have no documentation without warning.
+# The default value is: YES.
+
+WARN_IF_INCOMPLETE_DOC = YES
+
+# This WARN_NO_PARAMDOC option can be enabled to get warnings for functions that
+# are documented, but have no documentation for their parameters or return
+# value. If set to NO, doxygen will only warn about wrong parameter
+# documentation, but not about the absence of documentation. If EXTRACT_ALL is
+# set to YES then this flag will automatically be disabled. See also
+# WARN_IF_INCOMPLETE_DOC
+# The default value is: NO.
+
+WARN_NO_PARAMDOC       = NO
+
+# If WARN_IF_UNDOC_ENUM_VAL option is set to YES, doxygen will warn about
+# undocumented enumeration values. If set to NO, doxygen will accept
+# undocumented enumeration values. If EXTRACT_ALL is set to YES then this flag
+# will automatically be disabled.
+# The default value is: NO.
+
+WARN_IF_UNDOC_ENUM_VAL = NO
+
+# If the WARN_AS_ERROR tag is set to YES then doxygen will immediately stop when
+# a warning is encountered. If the WARN_AS_ERROR tag is set to FAIL_ON_WARNINGS
+# then doxygen will continue running as if WARN_AS_ERROR tag is set to NO, but
+# at the end of the doxygen process doxygen will return with a non-zero status.
+# If the WARN_AS_ERROR tag is set to FAIL_ON_WARNINGS_PRINT then doxygen behaves
+# like FAIL_ON_WARNINGS but in case no WARN_LOGFILE is defined doxygen will not
+# write the warning messages in between other messages but write them at the end
+# of a run, in case a WARN_LOGFILE is defined the warning messages will be
+# besides being in the defined file also be shown at the end of a run, unless
+# the WARN_LOGFILE is defined as - i.e. standard output (stdout) in that case
+# the behavior will remain as with the setting FAIL_ON_WARNINGS.
+# Possible values are: NO, YES, FAIL_ON_WARNINGS and FAIL_ON_WARNINGS_PRINT.
+# The default value is: NO.
+
+WARN_AS_ERROR          = NO
+
+# The WARN_FORMAT tag determines the format of the warning messages that doxygen
+# can produce. The string should contain the $file, $line, and $text tags, which
+# will be replaced by the file and line number from which the warning originated
+# and the warning text. Optionally the format may contain $version, which will
+# be replaced by the version of the file (if it could be obtained via
+# FILE_VERSION_FILTER)
+# See also: WARN_LINE_FORMAT
+# The default value is: $file:$line: $text.
+
+WARN_FORMAT            = "$file:$line: $text"
+
+# In the $text part of the WARN_FORMAT command it is possible that a reference
+# to a more specific place is given. To make it easier to jump to this place
+# (outside of doxygen) the user can define a custom "cut" / "paste" string.
+# Example:
+# WARN_LINE_FORMAT = "'vi $file +$line'"
+# See also: WARN_FORMAT
+# The default value is: at line $line of file $file.
+
+WARN_LINE_FORMAT       = "at line $line of file $file"
+
+# The WARN_LOGFILE tag can be used to specify a file to which warning and error
+# messages should be written. If left blank the output is written to standard
+# error (stderr). In case the file specified cannot be opened for writing the
+# warning and error messages are written to standard error. When as file - is
+# specified the warning and error messages are written to standard output
+# (stdout).
+
+WARN_LOGFILE           =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the input files
+#---------------------------------------------------------------------------
+
+# The INPUT tag is used to specify the files and/or directories that contain
+# documented source files. You may enter file names like myfile.cpp or
+# directories like /usr/src/myproject. Separate the files or directories with
+# spaces. See also FILE_PATTERNS and EXTENSION_MAPPING
+# Note: If this tag is empty the current directory is searched.
+
+INPUT                  = ../src/SARibbonBar \
+                         ../src/SARibbonBar/colorWidgets \
+                         ../readme-cn.md \
+                         ../changlog.md \
+                         how-to-build-cn.md \
+                         ribbon-toolbutton.md
+
+# This tag can be used to specify the character encoding of the source files
+# that doxygen parses. Internally doxygen uses the UTF-8 encoding. Doxygen uses
+# libiconv (or the iconv built into libc) for the transcoding. See the libiconv
+# documentation (see:
+# https://www.gnu.org/software/libiconv/) for the list of possible encodings.
+# See also: INPUT_FILE_ENCODING
+# The default value is: UTF-8.
+
+INPUT_ENCODING         = UTF-8
+
+# This tag can be used to specify the character encoding of the source files
+# that doxygen parses The INPUT_FILE_ENCODING tag can be used to specify
+# character encoding on a per file pattern basis. Doxygen will compare the file
+# name with each pattern and apply the encoding instead of the default
+# INPUT_ENCODING) if there is a match. The character encodings are a list of the
+# form: pattern=encoding (like *.php=ISO-8859-1). See cfg_input_encoding
+# "INPUT_ENCODING" for further information on supported encodings.
+
+INPUT_FILE_ENCODING    =
+
+# If the value of the INPUT tag contains directories, you can use the
+# FILE_PATTERNS tag to specify one or more wildcard patterns (like *.cpp and
+# *.h) to filter out the source-files in the directories.
+#
+# Note that for custom extensions or not directly supported extensions you also
+# need to set EXTENSION_MAPPING for the extension otherwise the files are not
+# read by doxygen.
+#
+# Note the list of default checked file patterns might differ from the list of
+# default file extension mappings.
+#
+# If left blank the following patterns are tested:*.c, *.cc, *.cxx, *.cxxm,
+# *.cpp, *.cppm, *.ccm, *.c++, *.c++m, *.java, *.ii, *.ixx, *.ipp, *.i++, *.inl,
+# *.idl, *.ddl, *.odl, *.h, *.hh, *.hxx, *.hpp, *.h++, *.ixx, *.l, *.cs, *.d,
+# *.php, *.php4, *.php5, *.phtml, *.inc, *.m, *.markdown, *.md, *.mm, *.dox (to
+# be provided as doxygen C comment), *.py, *.pyw, *.f90, *.f95, *.f03, *.f08,
+# *.f18, *.f, *.for, *.vhd, *.vhdl, *.ucf, *.qsf and *.ice.
+
+FILE_PATTERNS          = *.c \
+                         *.cc \
+                         *.cxx \
+                         *.cxxm \
+                         *.cpp \
+                         *.cppm \
+                         *.ccm \
+                         *.c++ \
+                         *.c++m \
+                         *.java \
+                         *.ii \
+                         *.ixx \
+                         *.ipp \
+                         *.i++ \
+                         *.inl \
+                         *.idl \
+                         *.ddl \
+                         *.odl \
+                         *.h \
+                         *.hh \
+                         *.hxx \
+                         *.hpp \
+                         *.h++ \
+                         *.ixx \
+                         *.l \
+                         *.cs \
+                         *.d \
+                         *.php \
+                         *.php4 \
+                         *.php5 \
+                         *.phtml \
+                         *.inc \
+                         *.m \
+                         *.markdown \
+                         *.md \
+                         *.mm \
+                         *.dox \
+                         *.py \
+                         *.pyw \
+                         *.f90 \
+                         *.f95 \
+                         *.f03 \
+                         *.f08 \
+                         *.f18 \
+                         *.f \
+                         *.for \
+                         *.vhd \
+                         *.vhdl \
+                         *.ucf \
+                         *.qsf \
+                         *.ice
+
+# The RECURSIVE tag can be used to specify whether or not subdirectories should
+# be searched for input files as well.
+# The default value is: NO.
+
+RECURSIVE              = NO
+
+# The EXCLUDE tag can be used to specify files and/or directories that should be
+# excluded from the INPUT source files. This way you can easily exclude a
+# subdirectory from a directory tree whose root is specified with the INPUT tag.
+#
+# Note that relative paths are relative to the directory from which doxygen is
+# run.
+
+EXCLUDE                =
+
+# The EXCLUDE_SYMLINKS tag can be used to select whether or not files or
+# directories that are symbolic links (a Unix file system feature) are excluded
+# from the input.
+# The default value is: NO.
+
+EXCLUDE_SYMLINKS       = NO
+
+# If the value of the INPUT tag contains directories, you can use the
+# EXCLUDE_PATTERNS tag to specify one or more wildcard patterns to exclude
+# certain files from those directories.
+#
+# Note that the wildcards are matched against the file with absolute path, so to
+# exclude all test directories for example use the pattern */test/*
+
+EXCLUDE_PATTERNS       =
+
+# The EXCLUDE_SYMBOLS tag can be used to specify one or more symbol names
+# (namespaces, classes, functions, etc.) that should be excluded from the
+# output. The symbol name can be a fully qualified name, a word, or if the
+# wildcard * is used, a substring. Examples: ANamespace, AClass,
+# ANamespace::AClass, ANamespace::*Test
+
+EXCLUDE_SYMBOLS        =
+
+# The EXAMPLE_PATH tag can be used to specify one or more files or directories
+# that contain example code fragments that are included (see the \include
+# command).
+
+EXAMPLE_PATH           = ../src/example/MainWindowExample
+
+# If the value of the EXAMPLE_PATH tag contains directories, you can use the
+# EXAMPLE_PATTERNS tag to specify one or more wildcard pattern (like *.cpp and
+# *.h) to filter out the source-files in the directories. If left blank all
+# files are included.
+
+EXAMPLE_PATTERNS       = *
+
+# If the EXAMPLE_RECURSIVE tag is set to YES then subdirectories will be
+# searched for input files to be used with the \include or \dontinclude commands
+# irrespective of the value of the RECURSIVE tag.
+# The default value is: NO.
+
+EXAMPLE_RECURSIVE      = NO
+
+# The IMAGE_PATH tag can be used to specify one or more files or directories
+# that contain images that are to be included in the documentation (see the
+# \image command).
+
+IMAGE_PATH             = pic/add-large-action.png \
+                         pic/build-cmake-3party-qwk-by-qtc-01.png \
+                         pic/build-cmake-3party-qwk-by-qtc-02.png \
+                         pic/build-cmake-3party-qwk-by-qtc-03.png \
+                         pic/build-cmake-3party-qwk-by-qtc-04.png \
+                         pic/build-cmake-3party-qwk-by-qtc-05.png \
+                         pic/build-cmake-install-dir.png \
+                         pic/build-cmake-install-dir2.png \
+                         pic/build-cmake-qtc-01.png \
+                         pic/build-cmake-qtc-02.png \
+                         pic/build-cmake-qtc-03.png \
+                         pic/build-cmake-qwk-qtc-01.png \
+                         pic/build-cmake-qwk-qtc-02.png \
+                         pic/build-cmake-qwk-qtc-03.png \
+                         pic/build-cmake-qwk-qtc-04.png \
+                         pic/build-cmake-vs-01.png \
+                         pic/build-cmake-vs-02.png \
+                         pic/build-cmake-vs-03.png \
+                         pic/build-cmake-vs-04.png \
+                         pic/enableWordwrap-but-nowrap.png \
+                         pic/enableWordwrap-user-wrap.png \
+                         pic/msdn-ribbon.png \
+                         pic/office-excel-oneline-spacing.png \
+                         pic/office-screenshot.png \
+                         pic/office-word-wrodwrap.png \
+                         pic/office-word-wrodwrap2.png \
+                         pic/pannelLayout2row.png \
+                         pic/pannelLayout3row.png \
+                         pic/pannelLayout3row-example.png \
+                         pic/ribbonbar-geometry-office3.png \
+                         pic/ribbonbar-geometry-wps3.png \
+                         pic/ribbon-toolbutton.gif \
+                         pic/ribbon-toolbutton-largebutton.png \
+                         pic/ribbon-toolbutton-largebutton-nowordwrap.png \
+                         pic/saribbonbar-level.png \
+                         pic/word-contextcategory.png \
+                         pic/wps-change-ribbon-1.jpg \
+                         pic/wps-word-nowrodwrap.png \
+                         gallery/fastcae.png \
+                         gallery/shonDy.png \
+                         screenshot/data-workbench-screenshot01-en.png \
+                         screenshot/data-workbench-screenshot1-cn.gif \
+                         screenshot/data-workbench-screenshot02-en.png \
+                         screenshot/office-2-style.png \
+                         screenshot/office-2-style-nowrap.png \
+                         screenshot/office-3-style.png \
+                         screenshot/office-3-style-nowrap.png \
+                         screenshot/office-mode.png \
+                         screenshot/QuickAccessBarAndRightButtonGroup.png \
+                         screenshot/ribbonbar-use-in-qwidget.png \
+                         screenshot/SARibbon-aligment-center.png \
+                         screenshot/SARibbonBar-Context-Category.png \
+                         screenshot/SARibbonBar-gallery.gif \
+                         screenshot/SARibbonBar-minMode.gif \
+                         screenshot/SARibbonBar-option-action.gif \
+                         screenshot/SARibbonBar-overview.gif \
+                         screenshot/SARibbonBar-quickAccessBar.gif \
+                         screenshot/SARibbonBar-ribbonbutton.gif \
+                         screenshot/SARibbonBar-style.gif \
+                         screenshot/SARibbon-theme-dark.png \
+                         screenshot/SARibbon-theme-office2013.png \
+                         screenshot/SARibbon-theme-office2016.png \
+                         screenshot/SARibbon-theme-office2021.png \
+                         screenshot/SARibbon-theme-win7.png \
+                         screenshot/sa-screenshot.gif \
+                         screenshot/wps-2-style.png \
+                         screenshot/wps-2-style-nowrap.png \
+                         screenshot/wps-3-style.png \
+                         screenshot/wps-3-style-nowrap.png \
+                         screenshot/wps-mode.png \
+                         screenshot/customize/customization-office-ui.png \
+                         screenshot/customize/customization-saribbon-ui.png
+
+# The INPUT_FILTER tag can be used to specify a program that doxygen should
+# invoke to filter for each input file. Doxygen will invoke the filter program
+# by executing (via popen()) the command:
+#
+# <filter> <input-file>
+#
+# where <filter> is the value of the INPUT_FILTER tag, and <input-file> is the
+# name of an input file. Doxygen will then use the output that the filter
+# program writes to standard output. If FILTER_PATTERNS is specified, this tag
+# will be ignored.
+#
+# Note that the filter must not add or remove lines; it is applied before the
+# code is scanned, but not when the output code is generated. If lines are added
+# or removed, the anchors will not be placed correctly.
+#
+# Note that doxygen will use the data processed and written to standard output
+# for further processing, therefore nothing else, like debug statements or used
+# commands (so in case of a Windows batch file always use @echo OFF), should be
+# written to standard output.
+#
+# Note that for custom extensions or not directly supported extensions you also
+# need to set EXTENSION_MAPPING for the extension otherwise the files are not
+# properly processed by doxygen.
+
+INPUT_FILTER           =
+
+# The FILTER_PATTERNS tag can be used to specify filters on a per file pattern
+# basis. Doxygen will compare the file name with each pattern and apply the
+# filter if there is a match. The filters are a list of the form: pattern=filter
+# (like *.cpp=my_cpp_filter). See INPUT_FILTER for further information on how
+# filters are used. If the FILTER_PATTERNS tag is empty or if none of the
+# patterns match the file name, INPUT_FILTER is applied.
+#
+# Note that for custom extensions or not directly supported extensions you also
+# need to set EXTENSION_MAPPING for the extension otherwise the files are not
+# properly processed by doxygen.
+
+FILTER_PATTERNS        =
+
+# If the FILTER_SOURCE_FILES tag is set to YES, the input filter (if set using
+# INPUT_FILTER) will also be used to filter the input files that are used for
+# producing the source files to browse (i.e. when SOURCE_BROWSER is set to YES).
+# The default value is: NO.
+
+FILTER_SOURCE_FILES    = NO
+
+# The FILTER_SOURCE_PATTERNS tag can be used to specify source filters per file
+# pattern. A pattern will override the setting for FILTER_PATTERN (if any) and
+# it is also possible to disable source filtering for a specific pattern using
+# *.ext= (so without naming a filter).
+# This tag requires that the tag FILTER_SOURCE_FILES is set to YES.
+
+FILTER_SOURCE_PATTERNS =
+
+# If the USE_MDFILE_AS_MAINPAGE tag refers to the name of a markdown file that
+# is part of the input, its contents will be placed on the main page
+# (index.html). This can be useful if you have a project on for instance GitHub
+# and want to reuse the introduction page also for the doxygen output.
+
+USE_MDFILE_AS_MAINPAGE = ../readme-cn.md
+
+# The Fortran standard specifies that for fixed formatted Fortran code all
+# characters from position 72 are to be considered as comment. A common
+# extension is to allow longer lines before the automatic comment starts. The
+# setting FORTRAN_COMMENT_AFTER will also make it possible that longer lines can
+# be processed before the automatic comment starts.
+# Minimum value: 7, maximum value: 10000, default value: 72.
+
+FORTRAN_COMMENT_AFTER  = 72
+
+#---------------------------------------------------------------------------
+# Configuration options related to source browsing
+#---------------------------------------------------------------------------
+
+# If the SOURCE_BROWSER tag is set to YES then a list of source files will be
+# generated. Documented entities will be cross-referenced with these sources.
+#
+# Note: To get rid of all source code in the generated output, make sure that
+# also VERBATIM_HEADERS is set to NO.
+# The default value is: NO.
+
+SOURCE_BROWSER         = NO
+
+# Setting the INLINE_SOURCES tag to YES will include the body of functions,
+# multi-line macros, enums or list initialized variables directly into the
+# documentation.
+# The default value is: NO.
+
+INLINE_SOURCES         = NO
+
+# Setting the STRIP_CODE_COMMENTS tag to YES will instruct doxygen to hide any
+# special comment blocks from generated source code fragments. Normal C, C++ and
+# Fortran comments will always remain visible.
+# The default value is: YES.
+
+STRIP_CODE_COMMENTS    = YES
+
+# If the REFERENCED_BY_RELATION tag is set to YES then for each documented
+# entity all documented functions referencing it will be listed.
+# The default value is: NO.
+
+REFERENCED_BY_RELATION = NO
+
+# If the REFERENCES_RELATION tag is set to YES then for each documented function
+# all documented entities called/used by that function will be listed.
+# The default value is: NO.
+
+REFERENCES_RELATION    = NO
+
+# If the REFERENCES_LINK_SOURCE tag is set to YES and SOURCE_BROWSER tag is set
+# to YES then the hyperlinks from functions in REFERENCES_RELATION and
+# REFERENCED_BY_RELATION lists will link to the source code. Otherwise they will
+# link to the documentation.
+# The default value is: YES.
+
+REFERENCES_LINK_SOURCE = YES
+
+# If SOURCE_TOOLTIPS is enabled (the default) then hovering a hyperlink in the
+# source code will show a tooltip with additional information such as prototype,
+# brief description and links to the definition and documentation. Since this
+# will make the HTML file larger and loading of large files a bit slower, you
+# can opt to disable this feature.
+# The default value is: YES.
+# This tag requires that the tag SOURCE_BROWSER is set to YES.
+
+SOURCE_TOOLTIPS        = YES
+
+# If the USE_HTAGS tag is set to YES then the references to source code will
+# point to the HTML generated by the htags(1) tool instead of doxygen built-in
+# source browser. The htags tool is part of GNU's global source tagging system
+# (see https://www.gnu.org/software/global/global.html). You will need version
+# 4.8.6 or higher.
+#
+# To use it do the following:
+# - Install the latest version of global
+# - Enable SOURCE_BROWSER and USE_HTAGS in the configuration file
+# - Make sure the INPUT points to the root of the source tree
+# - Run doxygen as normal
+#
+# Doxygen will invoke htags (and that will in turn invoke gtags), so these
+# tools must be available from the command line (i.e. in the search path).
+#
+# The result: instead of the source browser generated by doxygen, the links to
+# source code will now point to the output of htags.
+# The default value is: NO.
+# This tag requires that the tag SOURCE_BROWSER is set to YES.
+
+USE_HTAGS              = NO
+
+# If the VERBATIM_HEADERS tag is set the YES then doxygen will generate a
+# verbatim copy of the header file for each class for which an include is
+# specified. Set to NO to disable this.
+# See also: Section \class.
+# The default value is: YES.
+
+VERBATIM_HEADERS       = YES
+
+# If the CLANG_ASSISTED_PARSING tag is set to YES then doxygen will use the
+# clang parser (see:
+# http://clang.llvm.org/) for more accurate parsing at the cost of reduced
+# performance. This can be particularly helpful with template rich C++ code for
+# which doxygen's built-in parser lacks the necessary type information.
+# Note: The availability of this option depends on whether or not doxygen was
+# generated with the -Duse_libclang=ON option for CMake.
+# The default value is: NO.
+
+CLANG_ASSISTED_PARSING = NO
+
+# If the CLANG_ASSISTED_PARSING tag is set to YES and the CLANG_ADD_INC_PATHS
+# tag is set to YES then doxygen will add the directory of each input to the
+# include path.
+# The default value is: YES.
+# This tag requires that the tag CLANG_ASSISTED_PARSING is set to YES.
+
+CLANG_ADD_INC_PATHS    = YES
+
+# If clang assisted parsing is enabled you can provide the compiler with command
+# line options that you would normally use when invoking the compiler. Note that
+# the include paths will already be set by doxygen for the files and directories
+# specified with INPUT and INCLUDE_PATH.
+# This tag requires that the tag CLANG_ASSISTED_PARSING is set to YES.
+
+CLANG_OPTIONS          =
+
+# If clang assisted parsing is enabled you can provide the clang parser with the
+# path to the directory containing a file called compile_commands.json. This
+# file is the compilation database (see:
+# http://clang.llvm.org/docs/HowToSetupToolingForLLVM.html) containing the
+# options used when the source files were built. This is equivalent to
+# specifying the -p option to a clang tool, such as clang-check. These options
+# will then be passed to the parser. Any options specified with CLANG_OPTIONS
+# will be added as well.
+# Note: The availability of this option depends on whether or not doxygen was
+# generated with the -Duse_libclang=ON option for CMake.
+
+CLANG_DATABASE_PATH    =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the alphabetical class index
+#---------------------------------------------------------------------------
+
+# If the ALPHABETICAL_INDEX tag is set to YES, an alphabetical index of all
+# compounds will be generated. Enable this if the project contains a lot of
+# classes, structs, unions or interfaces.
+# The default value is: YES.
+
+ALPHABETICAL_INDEX     = YES
+
+# The IGNORE_PREFIX tag can be used to specify a prefix (or a list of prefixes)
+# that should be ignored while generating the index headers. The IGNORE_PREFIX
+# tag works for classes, function and member names. The entity will be placed in
+# the alphabetical list under the first letter of the entity name that remains
+# after removing the prefix.
+# This tag requires that the tag ALPHABETICAL_INDEX is set to YES.
+
+IGNORE_PREFIX          =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the HTML output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_HTML tag is set to YES, doxygen will generate HTML output
+# The default value is: YES.
+
+GENERATE_HTML          = YES
+
+# The HTML_OUTPUT tag is used to specify where the HTML docs will be put. If a
+# relative path is entered the value of OUTPUT_DIRECTORY will be put in front of
+# it.
+# The default directory is: html.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_OUTPUT            = html
+
+# The HTML_FILE_EXTENSION tag can be used to specify the file extension for each
+# generated HTML page (for example: .htm, .php, .asp).
+# The default value is: .html.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_FILE_EXTENSION    = .html
+
+# The HTML_HEADER tag can be used to specify a user-defined HTML header file for
+# each generated HTML page. If the tag is left blank doxygen will generate a
+# standard header.
+#
+# To get valid HTML the header file that includes any scripts and style sheets
+# that doxygen needs, which is dependent on the configuration options used (e.g.
+# the setting GENERATE_TREEVIEW). It is highly recommended to start with a
+# default header using
+# doxygen -w html new_header.html new_footer.html new_stylesheet.css
+# YourConfigFile
+# and then modify the file new_header.html. See also section "Doxygen usage"
+# for information on how to generate the default header that doxygen normally
+# uses.
+# Note: The header is subject to change so you typically have to regenerate the
+# default header when upgrading to a newer version of doxygen. For a description
+# of the possible markers and block names see the documentation.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_HEADER            =
+
+# The HTML_FOOTER tag can be used to specify a user-defined HTML footer for each
+# generated HTML page. If the tag is left blank doxygen will generate a standard
+# footer. See HTML_HEADER for more information on how to generate a default
+# footer and what special commands can be used inside the footer. See also
+# section "Doxygen usage" for information on how to generate the default footer
+# that doxygen normally uses.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_FOOTER            =
+
+# The HTML_STYLESHEET tag can be used to specify a user-defined cascading style
+# sheet that is used by each HTML page. It can be used to fine-tune the look of
+# the HTML output. If left blank doxygen will generate a default style sheet.
+# See also section "Doxygen usage" for information on how to generate the style
+# sheet that doxygen normally uses.
+# Note: It is recommended to use HTML_EXTRA_STYLESHEET instead of this tag, as
+# it is more robust and this tag (HTML_STYLESHEET) will in the future become
+# obsolete.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_STYLESHEET        =
+
+# The HTML_EXTRA_STYLESHEET tag can be used to specify additional user-defined
+# cascading style sheets that are included after the standard style sheets
+# created by doxygen. Using this option one can overrule certain style aspects.
+# This is preferred over using HTML_STYLESHEET since it does not replace the
+# standard style sheet and is therefore more robust against future updates.
+# Doxygen will copy the style sheet files to the output directory.
+# Note: The order of the extra style sheet files is of importance (e.g. the last
+# style sheet in the list overrules the setting of the previous ones in the
+# list).
+# Note: Since the styling of scrollbars can currently not be overruled in
+# Webkit/Chromium, the styling will be left out of the default doxygen.css if
+# one or more extra stylesheets have been specified. So if scrollbar
+# customization is desired it has to be added explicitly. For an example see the
+# documentation.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_EXTRA_STYLESHEET  = ./doxygen-awesome-css/doxygen-awesome.css
+
+# The HTML_EXTRA_FILES tag can be used to specify one or more extra images or
+# other source files which should be copied to the HTML output directory. Note
+# that these files will be copied to the base HTML output directory. Use the
+# $relpath^ marker in the HTML_HEADER and/or HTML_FOOTER files to load these
+# files. In the HTML_STYLESHEET file, use the file name only. Also note that the
+# files will be copied as-is; there are no commands or markers available.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_EXTRA_FILES       =
+
+# The HTML_COLORSTYLE tag can be used to specify if the generated HTML output
+# should be rendered with a dark or light theme.
+# Possible values are: LIGHT always generate light mode output, DARK always
+# generate dark mode output, AUTO_LIGHT automatically set the mode according to
+# the user preference, use light mode if no preference is set (the default),
+# AUTO_DARK automatically set the mode according to the user preference, use
+# dark mode if no preference is set and TOGGLE allow to user to switch between
+# light and dark mode via a button.
+# The default value is: AUTO_LIGHT.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_COLORSTYLE        = LIGHT
+
+# The HTML_COLORSTYLE_HUE tag controls the color of the HTML output. Doxygen
+# will adjust the colors in the style sheet and background images according to
+# this color. Hue is specified as an angle on a color-wheel, see
+# https://en.wikipedia.org/wiki/Hue for more information. For instance the value
+# 0 represents red, 60 is yellow, 120 is green, 180 is cyan, 240 is blue, 300
+# purple, and 360 is red again.
+# Minimum value: 0, maximum value: 359, default value: 220.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_COLORSTYLE_HUE    = 220
+
+# The HTML_COLORSTYLE_SAT tag controls the purity (or saturation) of the colors
+# in the HTML output. For a value of 0 the output will use gray-scales only. A
+# value of 255 will produce the most vivid colors.
+# Minimum value: 0, maximum value: 255, default value: 100.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_COLORSTYLE_SAT    = 100
+
+# The HTML_COLORSTYLE_GAMMA tag controls the gamma correction applied to the
+# luminance component of the colors in the HTML output. Values below 100
+# gradually make the output lighter, whereas values above 100 make the output
+# darker. The value divided by 100 is the actual gamma applied, so 80 represents
+# a gamma of 0.8, The value 220 represents a gamma of 2.2, and 100 does not
+# change the gamma.
+# Minimum value: 40, maximum value: 240, default value: 80.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_COLORSTYLE_GAMMA  = 80
+
+# If the HTML_DYNAMIC_MENUS tag is set to YES then the generated HTML
+# documentation will contain a main index with vertical navigation menus that
+# are dynamically created via JavaScript. If disabled, the navigation index will
+# consists of multiple levels of tabs that are statically embedded in every HTML
+# page. Disable this option to support browsers that do not have JavaScript,
+# like the Qt help browser.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_DYNAMIC_MENUS     = YES
+
+# If the HTML_DYNAMIC_SECTIONS tag is set to YES then the generated HTML
+# documentation will contain sections that can be hidden and shown after the
+# page has loaded.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_DYNAMIC_SECTIONS  = NO
+
+# If the HTML_CODE_FOLDING tag is set to YES then classes and functions can be
+# dynamically folded and expanded in the generated HTML source code.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_CODE_FOLDING      = YES
+
+# If the HTML_COPY_CLIPBOARD tag is set to YES then doxygen will show an icon in
+# the top right corner of code and text fragments that allows the user to copy
+# its content to the clipboard. Note this only works if supported by the browser
+# and the web page is served via a secure context (see:
+# https://www.w3.org/TR/secure-contexts/), i.e. using the https: or file:
+# protocol.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_COPY_CLIPBOARD    = YES
+
+# Doxygen stores a couple of settings persistently in the browser (via e.g.
+# cookies). By default these settings apply to all HTML pages generated by
+# doxygen across all projects. The HTML_PROJECT_COOKIE tag can be used to store
+# the settings under a project specific key, such that the user preferences will
+# be stored separately.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_PROJECT_COOKIE    =
+
+# With HTML_INDEX_NUM_ENTRIES one can control the preferred number of entries
+# shown in the various tree structured indices initially; the user can expand
+# and collapse entries dynamically later on. Doxygen will expand the tree to
+# such a level that at most the specified number of entries are visible (unless
+# a fully collapsed tree already exceeds this amount). So setting the number of
+# entries 1 will produce a full collapsed tree by default. 0 is a special value
+# representing an infinite number of entries and will result in a full expanded
+# tree by default.
+# Minimum value: 0, maximum value: 9999, default value: 100.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_INDEX_NUM_ENTRIES = 100
+
+# If the GENERATE_DOCSET tag is set to YES, additional index files will be
+# generated that can be used as input for Apple's Xcode 3 integrated development
+# environment (see:
+# https://developer.apple.com/xcode/), introduced with OSX 10.5 (Leopard). To
+# create a documentation set, doxygen will generate a Makefile in the HTML
+# output directory. Running make will produce the docset in that directory and
+# running make install will install the docset in
+# ~/Library/Developer/Shared/Documentation/DocSets so that Xcode will find it at
+# startup. See https://developer.apple.com/library/archive/featuredarticles/Doxy
+# genXcode/_index.html for more information.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+GENERATE_DOCSET        = NO
+
+# This tag determines the name of the docset feed. A documentation feed provides
+# an umbrella under which multiple documentation sets from a single provider
+# (such as a company or product suite) can be grouped.
+# The default value is: Doxygen generated docs.
+# This tag requires that the tag GENERATE_DOCSET is set to YES.
+
+DOCSET_FEEDNAME        = "Doxygen generated docs"
+
+# This tag determines the URL of the docset feed. A documentation feed provides
+# an umbrella under which multiple documentation sets from a single provider
+# (such as a company or product suite) can be grouped.
+# This tag requires that the tag GENERATE_DOCSET is set to YES.
+
+DOCSET_FEEDURL         =
+
+# This tag specifies a string that should uniquely identify the documentation
+# set bundle. This should be a reverse domain-name style string, e.g.
+# com.mycompany.MyDocSet. Doxygen will append .docset to the name.
+# The default value is: org.doxygen.Project.
+# This tag requires that the tag GENERATE_DOCSET is set to YES.
+
+DOCSET_BUNDLE_ID       = org.doxygen.Project
+
+# The DOCSET_PUBLISHER_ID tag specifies a string that should uniquely identify
+# the documentation publisher. This should be a reverse domain-name style
+# string, e.g. com.mycompany.MyDocSet.documentation.
+# The default value is: org.doxygen.Publisher.
+# This tag requires that the tag GENERATE_DOCSET is set to YES.
+
+DOCSET_PUBLISHER_ID    = org.doxygen.Publisher
+
+# The DOCSET_PUBLISHER_NAME tag identifies the documentation publisher.
+# The default value is: Publisher.
+# This tag requires that the tag GENERATE_DOCSET is set to YES.
+
+DOCSET_PUBLISHER_NAME  = Publisher
+
+# If the GENERATE_HTMLHELP tag is set to YES then doxygen generates three
+# additional HTML index files: index.hhp, index.hhc, and index.hhk. The
+# index.hhp is a project file that can be read by Microsoft's HTML Help Workshop
+# on Windows. In the beginning of 2021 Microsoft took the original page, with
+# a.o. the download links, offline the HTML help workshop was already many years
+# in maintenance mode). You can download the HTML help workshop from the web
+# archives at Installation executable (see:
+# http://web.archive.org/web/20160201063255/http://download.microsoft.com/downlo
+# ad/0/A/9/0A939EF6-E31C-430F-A3DF-DFAE7960D564/htmlhelp.exe).
+#
+# The HTML Help Workshop contains a compiler that can convert all HTML output
+# generated by doxygen into a single compiled HTML file (.chm). Compiled HTML
+# files are now used as the Windows 98 help format, and will replace the old
+# Windows help format (.hlp) on all Windows platforms in the future. Compressed
+# HTML files also contain an index, a table of contents, and you can search for
+# words in the documentation. The HTML workshop also contains a viewer for
+# compressed HTML files.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+GENERATE_HTMLHELP      = NO
+
+# The CHM_FILE tag can be used to specify the file name of the resulting .chm
+# file. You can add a path in front of the file if the result should not be
+# written to the html output directory.
+# This tag requires that the tag GENERATE_HTMLHELP is set to YES.
+
+CHM_FILE               =
+
+# The HHC_LOCATION tag can be used to specify the location (absolute path
+# including file name) of the HTML help compiler (hhc.exe). If non-empty,
+# doxygen will try to run the HTML help compiler on the generated index.hhp.
+# The file has to be specified with full path.
+# This tag requires that the tag GENERATE_HTMLHELP is set to YES.
+
+HHC_LOCATION           =
+
+# The GENERATE_CHI flag controls if a separate .chi index file is generated
+# (YES) or that it should be included in the main .chm file (NO).
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTMLHELP is set to YES.
+
+GENERATE_CHI           = NO
+
+# The CHM_INDEX_ENCODING is used to encode HtmlHelp index (hhk), content (hhc)
+# and project file content.
+# This tag requires that the tag GENERATE_HTMLHELP is set to YES.
+
+CHM_INDEX_ENCODING     =
+
+# The BINARY_TOC flag controls whether a binary table of contents is generated
+# (YES) or a normal table of contents (NO) in the .chm file. Furthermore it
+# enables the Previous and Next buttons.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTMLHELP is set to YES.
+
+BINARY_TOC             = NO
+
+# The TOC_EXPAND flag can be set to YES to add extra items for group members to
+# the table of contents of the HTML help documentation and to the tree view.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTMLHELP is set to YES.
+
+TOC_EXPAND             = NO
+
+# The SITEMAP_URL tag is used to specify the full URL of the place where the
+# generated documentation will be placed on the server by the user during the
+# deployment of the documentation. The generated sitemap is called sitemap.xml
+# and placed on the directory specified by HTML_OUTPUT. In case no SITEMAP_URL
+# is specified no sitemap is generated. For information about the sitemap
+# protocol see https://www.sitemaps.org
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+SITEMAP_URL            =
+
+# If the GENERATE_QHP tag is set to YES and both QHP_NAMESPACE and
+# QHP_VIRTUAL_FOLDER are set, an additional index file will be generated that
+# can be used as input for Qt's qhelpgenerator to generate a Qt Compressed Help
+# (.qch) of the generated HTML documentation.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+GENERATE_QHP           = NO
+
+# If the QHG_LOCATION tag is specified, the QCH_FILE tag can be used to specify
+# the file name of the resulting .qch file. The path specified is relative to
+# the HTML output folder.
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QCH_FILE               = SARibbon-2.0.2.qch
+
+# The QHP_NAMESPACE tag specifies the namespace to use when generating Qt Help
+# Project output. For more information please see Qt Help Project / Namespace
+# (see:
+# https://doc.qt.io/archives/qt-4.8/qthelpproject.html#namespace).
+# The default value is: org.doxygen.Project.
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QHP_NAMESPACE          = SARibbon.Project
+
+# The QHP_VIRTUAL_FOLDER tag specifies the namespace to use when generating Qt
+# Help Project output. For more information please see Qt Help Project / Virtual
+# Folders (see:
+# https://doc.qt.io/archives/qt-4.8/qthelpproject.html#virtual-folders).
+# The default value is: doc.
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QHP_VIRTUAL_FOLDER     = doc
+
+# If the QHP_CUST_FILTER_NAME tag is set, it specifies the name of a custom
+# filter to add. For more information please see Qt Help Project / Custom
+# Filters (see:
+# https://doc.qt.io/archives/qt-4.8/qthelpproject.html#custom-filters).
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QHP_CUST_FILTER_NAME   =
+
+# The QHP_CUST_FILTER_ATTRS tag specifies the list of the attributes of the
+# custom filter to add. For more information please see Qt Help Project / Custom
+# Filters (see:
+# https://doc.qt.io/archives/qt-4.8/qthelpproject.html#custom-filters).
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QHP_CUST_FILTER_ATTRS  =
+
+# The QHP_SECT_FILTER_ATTRS tag specifies the list of the attributes this
+# project's filter section matches. Qt Help Project / Filter Attributes (see:
+# https://doc.qt.io/archives/qt-4.8/qthelpproject.html#filter-attributes).
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QHP_SECT_FILTER_ATTRS  =
+
+# The QHG_LOCATION tag can be used to specify the location (absolute path
+# including file name) of Qt's qhelpgenerator. If non-empty doxygen will try to
+# run qhelpgenerator on the generated .qhp file.
+# This tag requires that the tag GENERATE_QHP is set to YES.
+
+QHG_LOCATION           = C:\Qt\6.5.3\msvc2019_64\bin\qhelpgenerator.exe
+
+# If the GENERATE_ECLIPSEHELP tag is set to YES, additional index files will be
+# generated, together with the HTML files, they form an Eclipse help plugin. To
+# install this plugin and make it available under the help contents menu in
+# Eclipse, the contents of the directory containing the HTML and XML files needs
+# to be copied into the plugins directory of eclipse. The name of the directory
+# within the plugins directory should be the same as the ECLIPSE_DOC_ID value.
+# After copying Eclipse needs to be restarted before the help appears.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+GENERATE_ECLIPSEHELP   = NO
+
+# A unique identifier for the Eclipse help plugin. When installing the plugin
+# the directory name containing the HTML and XML files should also have this
+# name. Each documentation set should have its own identifier.
+# The default value is: org.doxygen.Project.
+# This tag requires that the tag GENERATE_ECLIPSEHELP is set to YES.
+
+ECLIPSE_DOC_ID         = org.doxygen.Project
+
+# If you want full control over the layout of the generated HTML pages it might
+# be necessary to disable the index and replace it with your own. The
+# DISABLE_INDEX tag can be used to turn on/off the condensed index (tabs) at top
+# of each HTML page. A value of NO enables the index and the value YES disables
+# it. Since the tabs in the index contain the same information as the navigation
+# tree, you can set this option to YES if you also set GENERATE_TREEVIEW to YES.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+DISABLE_INDEX          = NO
+
+# The GENERATE_TREEVIEW tag is used to specify whether a tree-like index
+# structure should be generated to display hierarchical information. If the tag
+# value is set to YES, a side panel will be generated containing a tree-like
+# index structure (just like the one that is generated for HTML Help). For this
+# to work a browser that supports JavaScript, DHTML, CSS and frames is required
+# (i.e. any modern browser). Windows users are probably better off using the
+# HTML help feature. Via custom style sheets (see HTML_EXTRA_STYLESHEET) one can
+# further fine tune the look of the index (see "Fine-tuning the output"). As an
+# example, the default style sheet generated by doxygen has an example that
+# shows how to put an image at the root of the tree instead of the PROJECT_NAME.
+# Since the tree basically has the same information as the tab index, you could
+# consider setting DISABLE_INDEX to YES when enabling this option.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+GENERATE_TREEVIEW      = YES
+
+# When both GENERATE_TREEVIEW and DISABLE_INDEX are set to YES, then the
+# FULL_SIDEBAR option determines if the side bar is limited to only the treeview
+# area (value NO) or if it should extend to the full height of the window (value
+# YES). Setting this to YES gives a layout similar to
+# https://docs.readthedocs.io with more room for contents, but less room for the
+# project logo, title, and description. If either GENERATE_TREEVIEW or
+# DISABLE_INDEX is set to NO, this option has no effect.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+FULL_SIDEBAR           = NO
+
+# The ENUM_VALUES_PER_LINE tag can be used to set the number of enum values that
+# doxygen will group on one line in the generated HTML documentation.
+#
+# Note that a value of 0 will completely suppress the enum values from appearing
+# in the overview section.
+# Minimum value: 0, maximum value: 20, default value: 4.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+ENUM_VALUES_PER_LINE   = 4
+
+# If the treeview is enabled (see GENERATE_TREEVIEW) then this tag can be used
+# to set the initial width (in pixels) of the frame in which the tree is shown.
+# Minimum value: 0, maximum value: 1500, default value: 250.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+TREEVIEW_WIDTH         = 250
+
+# If the EXT_LINKS_IN_WINDOW option is set to YES, doxygen will open links to
+# external symbols imported via tag files in a separate window.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+EXT_LINKS_IN_WINDOW    = NO
+
+# If the OBFUSCATE_EMAILS tag is set to YES, doxygen will obfuscate email
+# addresses.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+OBFUSCATE_EMAILS       = YES
+
+# If the HTML_FORMULA_FORMAT option is set to svg, doxygen will use the pdf2svg
+# tool (see https://github.com/dawbarton/pdf2svg) or inkscape (see
+# https://inkscape.org) to generate formulas as SVG images instead of PNGs for
+# the HTML output. These images will generally look nicer at scaled resolutions.
+# Possible values are: png (the default) and svg (looks nicer but requires the
+# pdf2svg or inkscape tool).
+# The default value is: png.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+HTML_FORMULA_FORMAT    = png
+
+# Use this tag to change the font size of LaTeX formulas included as images in
+# the HTML documentation. When you change the font size after a successful
+# doxygen run you need to manually remove any form_*.png images from the HTML
+# output directory to force them to be regenerated.
+# Minimum value: 8, maximum value: 50, default value: 10.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+FORMULA_FONTSIZE       = 10
+
+# The FORMULA_MACROFILE can contain LaTeX \newcommand and \renewcommand commands
+# to create new LaTeX commands to be used in formulas as building blocks. See
+# the section "Including formulas" for details.
+
+FORMULA_MACROFILE      =
+
+# Enable the USE_MATHJAX option to render LaTeX formulas using MathJax (see
+# https://www.mathjax.org) which uses client side JavaScript for the rendering
+# instead of using pre-rendered bitmaps. Use this if you do not have LaTeX
+# installed or if you want to formulas look prettier in the HTML output. When
+# enabled you may also need to install MathJax separately and configure the path
+# to it using the MATHJAX_RELPATH option.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+USE_MATHJAX            = NO
+
+# With MATHJAX_VERSION it is possible to specify the MathJax version to be used.
+# Note that the different versions of MathJax have different requirements with
+# regards to the different settings, so it is possible that also other MathJax
+# settings have to be changed when switching between the different MathJax
+# versions.
+# Possible values are: MathJax_2 and MathJax_3.
+# The default value is: MathJax_2.
+# This tag requires that the tag USE_MATHJAX is set to YES.
+
+MATHJAX_VERSION        = MathJax_2
+
+# When MathJax is enabled you can set the default output format to be used for
+# the MathJax output. For more details about the output format see MathJax
+# version 2 (see:
+# http://docs.mathjax.org/en/v2.7-latest/output.html) and MathJax version 3
+# (see:
+# http://docs.mathjax.org/en/latest/web/components/output.html).
+# Possible values are: HTML-CSS (which is slower, but has the best
+# compatibility. This is the name for Mathjax version 2, for MathJax version 3
+# this will be translated into chtml), NativeMML (i.e. MathML. Only supported
+# for NathJax 2. For MathJax version 3 chtml will be used instead.), chtml (This
+# is the name for Mathjax version 3, for MathJax version 2 this will be
+# translated into HTML-CSS) and SVG.
+# The default value is: HTML-CSS.
+# This tag requires that the tag USE_MATHJAX is set to YES.
+
+MATHJAX_FORMAT         = HTML-CSS
+
+# When MathJax is enabled you need to specify the location relative to the HTML
+# output directory using the MATHJAX_RELPATH option. The destination directory
+# should contain the MathJax.js script. For instance, if the mathjax directory
+# is located at the same level as the HTML output directory, then
+# MATHJAX_RELPATH should be ../mathjax. The default value points to the MathJax
+# Content Delivery Network so you can quickly see the result without installing
+# MathJax. However, it is strongly recommended to install a local copy of
+# MathJax from https://www.mathjax.org before deployment. The default value is:
+# - in case of MathJax version 2: https://cdn.jsdelivr.net/npm/mathjax@2
+# - in case of MathJax version 3: https://cdn.jsdelivr.net/npm/mathjax@3
+# This tag requires that the tag USE_MATHJAX is set to YES.
+
+MATHJAX_RELPATH        =
+
+# The MATHJAX_EXTENSIONS tag can be used to specify one or more MathJax
+# extension names that should be enabled during MathJax rendering. For example
+# for MathJax version 2 (see
+# https://docs.mathjax.org/en/v2.7-latest/tex.html#tex-and-latex-extensions):
+# MATHJAX_EXTENSIONS = TeX/AMSmath TeX/AMSsymbols
+# For example for MathJax version 3 (see
+# http://docs.mathjax.org/en/latest/input/tex/extensions/index.html):
+# MATHJAX_EXTENSIONS = ams
+# This tag requires that the tag USE_MATHJAX is set to YES.
+
+MATHJAX_EXTENSIONS     =
+
+# The MATHJAX_CODEFILE tag can be used to specify a file with javascript pieces
+# of code that will be used on startup of the MathJax code. See the MathJax site
+# (see:
+# http://docs.mathjax.org/en/v2.7-latest/output.html) for more details. For an
+# example see the documentation.
+# This tag requires that the tag USE_MATHJAX is set to YES.
+
+MATHJAX_CODEFILE       =
+
+# When the SEARCHENGINE tag is enabled doxygen will generate a search box for
+# the HTML output. The underlying search engine uses javascript and DHTML and
+# should work on any modern browser. Note that when using HTML help
+# (GENERATE_HTMLHELP), Qt help (GENERATE_QHP), or docsets (GENERATE_DOCSET)
+# there is already a search function so this one should typically be disabled.
+# For large projects the javascript based search engine can be slow, then
+# enabling SERVER_BASED_SEARCH may provide a better solution. It is possible to
+# search using the keyboard; to jump to the search box use <access key> + S
+# (what the <access key> is depends on the OS and browser, but it is typically
+# <CTRL>, <ALT>/<option>, or both). Inside the search box use the <cursor down
+# key> to jump into the search results window, the results can be navigated
+# using the <cursor keys>. Press <Enter> to select an item or <escape> to cancel
+# the search. The filter options can be selected when the cursor is inside the
+# search box by pressing <Shift>+<cursor down>. Also here use the <cursor keys>
+# to select a filter and <Enter> or <escape> to activate or cancel the filter
+# option.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_HTML is set to YES.
+
+SEARCHENGINE           = YES
+
+# When the SERVER_BASED_SEARCH tag is enabled the search engine will be
+# implemented using a web server instead of a web client using JavaScript. There
+# are two flavors of web server based searching depending on the EXTERNAL_SEARCH
+# setting. When disabled, doxygen will generate a PHP script for searching and
+# an index file used by the script. When EXTERNAL_SEARCH is enabled the indexing
+# and searching needs to be provided by external tools. See the section
+# "External Indexing and Searching" for details.
+# The default value is: NO.
+# This tag requires that the tag SEARCHENGINE is set to YES.
+
+SERVER_BASED_SEARCH    = NO
+
+# When EXTERNAL_SEARCH tag is enabled doxygen will no longer generate the PHP
+# script for searching. Instead the search results are written to an XML file
+# which needs to be processed by an external indexer. Doxygen will invoke an
+# external search engine pointed to by the SEARCHENGINE_URL option to obtain the
+# search results.
+#
+# Doxygen ships with an example indexer (doxyindexer) and search engine
+# (doxysearch.cgi) which are based on the open source search engine library
+# Xapian (see:
+# https://xapian.org/).
+#
+# See the section "External Indexing and Searching" for details.
+# The default value is: NO.
+# This tag requires that the tag SEARCHENGINE is set to YES.
+
+EXTERNAL_SEARCH        = NO
+
+# The SEARCHENGINE_URL should point to a search engine hosted by a web server
+# which will return the search results when EXTERNAL_SEARCH is enabled.
+#
+# Doxygen ships with an example indexer (doxyindexer) and search engine
+# (doxysearch.cgi) which are based on the open source search engine library
+# Xapian (see:
+# https://xapian.org/). See the section "External Indexing and Searching" for
+# details.
+# This tag requires that the tag SEARCHENGINE is set to YES.
+
+SEARCHENGINE_URL       =
+
+# When SERVER_BASED_SEARCH and EXTERNAL_SEARCH are both enabled the unindexed
+# search data is written to a file for indexing by an external tool. With the
+# SEARCHDATA_FILE tag the name of this file can be specified.
+# The default file is: searchdata.xml.
+# This tag requires that the tag SEARCHENGINE is set to YES.
+
+SEARCHDATA_FILE        = searchdata.xml
+
+# When SERVER_BASED_SEARCH and EXTERNAL_SEARCH are both enabled the
+# EXTERNAL_SEARCH_ID tag can be used as an identifier for the project. This is
+# useful in combination with EXTRA_SEARCH_MAPPINGS to search through multiple
+# projects and redirect the results back to the right project.
+# This tag requires that the tag SEARCHENGINE is set to YES.
+
+EXTERNAL_SEARCH_ID     =
+
+# The EXTRA_SEARCH_MAPPINGS tag can be used to enable searching through doxygen
+# projects other than the one defined by this configuration file, but that are
+# all added to the same external search index. Each project needs to have a
+# unique id set via EXTERNAL_SEARCH_ID. The search mapping then maps the id of
+# to a relative location where the documentation can be found. The format is:
+# EXTRA_SEARCH_MAPPINGS = tagname1=loc1 tagname2=loc2 ...
+# This tag requires that the tag SEARCHENGINE is set to YES.
+
+EXTRA_SEARCH_MAPPINGS  =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the LaTeX output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_LATEX tag is set to YES, doxygen will generate LaTeX output.
+# The default value is: YES.
+
+GENERATE_LATEX         = NO
+
+# The LATEX_OUTPUT tag is used to specify where the LaTeX docs will be put. If a
+# relative path is entered the value of OUTPUT_DIRECTORY will be put in front of
+# it.
+# The default directory is: latex.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_OUTPUT           = latex
+
+# The LATEX_CMD_NAME tag can be used to specify the LaTeX command name to be
+# invoked.
+#
+# Note that when not enabling USE_PDFLATEX the default is latex when enabling
+# USE_PDFLATEX the default is pdflatex and when in the later case latex is
+# chosen this is overwritten by pdflatex. For specific output languages the
+# default can have been set differently, this depends on the implementation of
+# the output language.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_CMD_NAME         =
+
+# The MAKEINDEX_CMD_NAME tag can be used to specify the command name to generate
+# index for LaTeX.
+# Note: This tag is used in the Makefile / make.bat.
+# See also: LATEX_MAKEINDEX_CMD for the part in the generated output file
+# (.tex).
+# The default file is: makeindex.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+MAKEINDEX_CMD_NAME     = makeindex
+
+# The LATEX_MAKEINDEX_CMD tag can be used to specify the command name to
+# generate index for LaTeX. In case there is no backslash (\) as first character
+# it will be automatically added in the LaTeX code.
+# Note: This tag is used in the generated output file (.tex).
+# See also: MAKEINDEX_CMD_NAME for the part in the Makefile / make.bat.
+# The default value is: makeindex.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_MAKEINDEX_CMD    = makeindex
+
+# If the COMPACT_LATEX tag is set to YES, doxygen generates more compact LaTeX
+# documents. This may be useful for small projects and may help to save some
+# trees in general.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+COMPACT_LATEX          = NO
+
+# The PAPER_TYPE tag can be used to set the paper type that is used by the
+# printer.
+# Possible values are: a4 (210 x 297 mm), letter (8.5 x 11 inches), legal (8.5 x
+# 14 inches) and executive (7.25 x 10.5 inches).
+# The default value is: a4.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+PAPER_TYPE             = a4
+
+# The EXTRA_PACKAGES tag can be used to specify one or more LaTeX package names
+# that should be included in the LaTeX output. The package can be specified just
+# by its name or with the correct syntax as to be used with the LaTeX
+# \usepackage command. To get the times font for instance you can specify :
+# EXTRA_PACKAGES=times or EXTRA_PACKAGES={times}
+# To use the option intlimits with the amsmath package you can specify:
+# EXTRA_PACKAGES=[intlimits]{amsmath}
+# If left blank no extra packages will be included.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+EXTRA_PACKAGES         =
+
+# The LATEX_HEADER tag can be used to specify a user-defined LaTeX header for
+# the generated LaTeX document. The header should contain everything until the
+# first chapter. If it is left blank doxygen will generate a standard header. It
+# is highly recommended to start with a default header using
+# doxygen -w latex new_header.tex new_footer.tex new_stylesheet.sty
+# and then modify the file new_header.tex. See also section "Doxygen usage" for
+# information on how to generate the default header that doxygen normally uses.
+#
+# Note: Only use a user-defined header if you know what you are doing!
+# Note: The header is subject to change so you typically have to regenerate the
+# default header when upgrading to a newer version of doxygen. The following
+# commands have a special meaning inside the header (and footer): For a
+# description of the possible markers and block names see the documentation.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_HEADER           =
+
+# The LATEX_FOOTER tag can be used to specify a user-defined LaTeX footer for
+# the generated LaTeX document. The footer should contain everything after the
+# last chapter. If it is left blank doxygen will generate a standard footer. See
+# LATEX_HEADER for more information on how to generate a default footer and what
+# special commands can be used inside the footer. See also section "Doxygen
+# usage" for information on how to generate the default footer that doxygen
+# normally uses. Note: Only use a user-defined footer if you know what you are
+# doing!
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_FOOTER           =
+
+# The LATEX_EXTRA_STYLESHEET tag can be used to specify additional user-defined
+# LaTeX style sheets that are included after the standard style sheets created
+# by doxygen. Using this option one can overrule certain style aspects. Doxygen
+# will copy the style sheet files to the output directory.
+# Note: The order of the extra style sheet files is of importance (e.g. the last
+# style sheet in the list overrules the setting of the previous ones in the
+# list).
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_EXTRA_STYLESHEET =
+
+# The LATEX_EXTRA_FILES tag can be used to specify one or more extra images or
+# other source files which should be copied to the LATEX_OUTPUT output
+# directory. Note that the files will be copied as-is; there are no commands or
+# markers available.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_EXTRA_FILES      =
+
+# If the PDF_HYPERLINKS tag is set to YES, the LaTeX that is generated is
+# prepared for conversion to PDF (using ps2pdf or pdflatex). The PDF file will
+# contain links (just like the HTML output) instead of page references. This
+# makes the output suitable for online browsing using a PDF viewer.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+PDF_HYPERLINKS         = YES
+
+# If the USE_PDFLATEX tag is set to YES, doxygen will use the engine as
+# specified with LATEX_CMD_NAME to generate the PDF file directly from the LaTeX
+# files. Set this option to YES, to get a higher quality PDF documentation.
+#
+# See also section LATEX_CMD_NAME for selecting the engine.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+USE_PDFLATEX           = YES
+
+# The LATEX_BATCHMODE tag signals the behavior of LaTeX in case of an error.
+# Possible values are: NO same as ERROR_STOP, YES same as BATCH, BATCH In batch
+# mode nothing is printed on the terminal, errors are scrolled as if <return> is
+# hit at every error; missing files that TeX tries to input or request from
+# keyboard input (\read on a not open input stream) cause the job to abort,
+# NON_STOP In nonstop mode the diagnostic message will appear on the terminal,
+# but there is no possibility of user interaction just like in batch mode,
+# SCROLL In scroll mode, TeX will stop only for missing files to input or if
+# keyboard input is necessary and ERROR_STOP In errorstop mode, TeX will stop at
+# each error, asking for user intervention.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_BATCHMODE        = NO
+
+# If the LATEX_HIDE_INDICES tag is set to YES then doxygen will not include the
+# index chapters (such as File Index, Compound Index, etc.) in the output.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_HIDE_INDICES     = NO
+
+# The LATEX_BIB_STYLE tag can be used to specify the style to use for the
+# bibliography, e.g. plainnat, or ieeetr. See
+# https://en.wikipedia.org/wiki/BibTeX and \cite for more info.
+# The default value is: plain.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_BIB_STYLE        = plain
+
+# The LATEX_EMOJI_DIRECTORY tag is used to specify the (relative or absolute)
+# path from which the emoji images will be read. If a relative path is entered,
+# it will be relative to the LATEX_OUTPUT directory. If left blank the
+# LATEX_OUTPUT directory will be used.
+# This tag requires that the tag GENERATE_LATEX is set to YES.
+
+LATEX_EMOJI_DIRECTORY  =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the RTF output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_RTF tag is set to YES, doxygen will generate RTF output. The
+# RTF output is optimized for Word 97 and may not look too pretty with other RTF
+# readers/editors.
+# The default value is: NO.
+
+GENERATE_RTF           = NO
+
+# The RTF_OUTPUT tag is used to specify where the RTF docs will be put. If a
+# relative path is entered the value of OUTPUT_DIRECTORY will be put in front of
+# it.
+# The default directory is: rtf.
+# This tag requires that the tag GENERATE_RTF is set to YES.
+
+RTF_OUTPUT             = rtf
+
+# If the COMPACT_RTF tag is set to YES, doxygen generates more compact RTF
+# documents. This may be useful for small projects and may help to save some
+# trees in general.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_RTF is set to YES.
+
+COMPACT_RTF            = NO
+
+# If the RTF_HYPERLINKS tag is set to YES, the RTF that is generated will
+# contain hyperlink fields. The RTF file will contain links (just like the HTML
+# output) instead of page references. This makes the output suitable for online
+# browsing using Word or some other Word compatible readers that support those
+# fields.
+#
+# Note: WordPad (write) and others do not support links.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_RTF is set to YES.
+
+RTF_HYPERLINKS         = NO
+
+# Load stylesheet definitions from file. Syntax is similar to doxygen's
+# configuration file, i.e. a series of assignments. You only have to provide
+# replacements, missing definitions are set to their default value.
+#
+# See also section "Doxygen usage" for information on how to generate the
+# default style sheet that doxygen normally uses.
+# This tag requires that the tag GENERATE_RTF is set to YES.
+
+RTF_STYLESHEET_FILE    =
+
+# Set optional variables used in the generation of an RTF document. Syntax is
+# similar to doxygen's configuration file. A template extensions file can be
+# generated using doxygen -e rtf extensionFile.
+# This tag requires that the tag GENERATE_RTF is set to YES.
+
+RTF_EXTENSIONS_FILE    =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the man page output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_MAN tag is set to YES, doxygen will generate man pages for
+# classes and files.
+# The default value is: NO.
+
+GENERATE_MAN           = NO
+
+# The MAN_OUTPUT tag is used to specify where the man pages will be put. If a
+# relative path is entered the value of OUTPUT_DIRECTORY will be put in front of
+# it. A directory man3 will be created inside the directory specified by
+# MAN_OUTPUT.
+# The default directory is: man.
+# This tag requires that the tag GENERATE_MAN is set to YES.
+
+MAN_OUTPUT             = man
+
+# The MAN_EXTENSION tag determines the extension that is added to the generated
+# man pages. In case the manual section does not start with a number, the number
+# 3 is prepended. The dot (.) at the beginning of the MAN_EXTENSION tag is
+# optional.
+# The default value is: .3.
+# This tag requires that the tag GENERATE_MAN is set to YES.
+
+MAN_EXTENSION          = .3
+
+# The MAN_SUBDIR tag determines the name of the directory created within
+# MAN_OUTPUT in which the man pages are placed. If defaults to man followed by
+# MAN_EXTENSION with the initial . removed.
+# This tag requires that the tag GENERATE_MAN is set to YES.
+
+MAN_SUBDIR             =
+
+# If the MAN_LINKS tag is set to YES and doxygen generates man output, then it
+# will generate one additional man file for each entity documented in the real
+# man page(s). These additional files only source the real man page, but without
+# them the man command would be unable to find the correct page.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_MAN is set to YES.
+
+MAN_LINKS              = NO
+
+#---------------------------------------------------------------------------
+# Configuration options related to the XML output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_XML tag is set to YES, doxygen will generate an XML file that
+# captures the structure of the code including all documentation.
+# The default value is: NO.
+
+GENERATE_XML           = NO
+
+# The XML_OUTPUT tag is used to specify where the XML pages will be put. If a
+# relative path is entered the value of OUTPUT_DIRECTORY will be put in front of
+# it.
+# The default directory is: xml.
+# This tag requires that the tag GENERATE_XML is set to YES.
+
+XML_OUTPUT             = xml
+
+# If the XML_PROGRAMLISTING tag is set to YES, doxygen will dump the program
+# listings (including syntax highlighting and cross-referencing information) to
+# the XML output. Note that enabling this will significantly increase the size
+# of the XML output.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_XML is set to YES.
+
+XML_PROGRAMLISTING     = YES
+
+# If the XML_NS_MEMB_FILE_SCOPE tag is set to YES, doxygen will include
+# namespace members in file scope as well, matching the HTML output.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_XML is set to YES.
+
+XML_NS_MEMB_FILE_SCOPE = NO
+
+#---------------------------------------------------------------------------
+# Configuration options related to the DOCBOOK output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_DOCBOOK tag is set to YES, doxygen will generate Docbook files
+# that can be used to generate PDF.
+# The default value is: NO.
+
+GENERATE_DOCBOOK       = NO
+
+# The DOCBOOK_OUTPUT tag is used to specify where the Docbook pages will be put.
+# If a relative path is entered the value of OUTPUT_DIRECTORY will be put in
+# front of it.
+# The default directory is: docbook.
+# This tag requires that the tag GENERATE_DOCBOOK is set to YES.
+
+DOCBOOK_OUTPUT         = docbook
+
+#---------------------------------------------------------------------------
+# Configuration options for the AutoGen Definitions output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_AUTOGEN_DEF tag is set to YES, doxygen will generate an
+# AutoGen Definitions (see https://autogen.sourceforge.net/) file that captures
+# the structure of the code including all documentation. Note that this feature
+# is still experimental and incomplete at the moment.
+# The default value is: NO.
+
+GENERATE_AUTOGEN_DEF   = NO
+
+#---------------------------------------------------------------------------
+# Configuration options related to Sqlite3 output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_SQLITE3 tag is set to YES doxygen will generate a Sqlite3
+# database with symbols found by doxygen stored in tables.
+# The default value is: NO.
+
+GENERATE_SQLITE3       = NO
+
+# The SQLITE3_OUTPUT tag is used to specify where the Sqlite3 database will be
+# put. If a relative path is entered the value of OUTPUT_DIRECTORY will be put
+# in front of it.
+# The default directory is: sqlite3.
+# This tag requires that the tag GENERATE_SQLITE3 is set to YES.
+
+SQLITE3_OUTPUT         = sqlite3
+
+# The SQLITE3_RECREATE_DB tag is set to YES, the existing doxygen_sqlite3.db
+# database file will be recreated with each doxygen run. If set to NO, doxygen
+# will warn if a database file is already found and not modify it.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_SQLITE3 is set to YES.
+
+SQLITE3_RECREATE_DB    = YES
+
+#---------------------------------------------------------------------------
+# Configuration options related to the Perl module output
+#---------------------------------------------------------------------------
+
+# If the GENERATE_PERLMOD tag is set to YES, doxygen will generate a Perl module
+# file that captures the structure of the code including all documentation.
+#
+# Note that this feature is still experimental and incomplete at the moment.
+# The default value is: NO.
+
+GENERATE_PERLMOD       = NO
+
+# If the PERLMOD_LATEX tag is set to YES, doxygen will generate the necessary
+# Makefile rules, Perl scripts and LaTeX code to be able to generate PDF and DVI
+# output from the Perl module output.
+# The default value is: NO.
+# This tag requires that the tag GENERATE_PERLMOD is set to YES.
+
+PERLMOD_LATEX          = NO
+
+# If the PERLMOD_PRETTY tag is set to YES, the Perl module output will be nicely
+# formatted so it can be parsed by a human reader. This is useful if you want to
+# understand what is going on. On the other hand, if this tag is set to NO, the
+# size of the Perl module output will be much smaller and Perl will parse it
+# just the same.
+# The default value is: YES.
+# This tag requires that the tag GENERATE_PERLMOD is set to YES.
+
+PERLMOD_PRETTY         = YES
+
+# The names of the make variables in the generated doxyrules.make file are
+# prefixed with the string contained in PERLMOD_MAKEVAR_PREFIX. This is useful
+# so different doxyrules.make files included by the same Makefile don't
+# overwrite each other's variables.
+# This tag requires that the tag GENERATE_PERLMOD is set to YES.
+
+PERLMOD_MAKEVAR_PREFIX =
+
+#---------------------------------------------------------------------------
+# Configuration options related to the preprocessor
+#---------------------------------------------------------------------------
+
+# If the ENABLE_PREPROCESSING tag is set to YES, doxygen will evaluate all
+# C-preprocessor directives found in the sources and include files.
+# The default value is: YES.
+
+ENABLE_PREPROCESSING   = YES
+
+# If the MACRO_EXPANSION tag is set to YES, doxygen will expand all macro names
+# in the source code. If set to NO, only conditional compilation will be
+# performed. Macro expansion can be done in a controlled way by setting
+# EXPAND_ONLY_PREDEF to YES.
+# The default value is: NO.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+MACRO_EXPANSION        = NO
+
+# If the EXPAND_ONLY_PREDEF and MACRO_EXPANSION tags are both set to YES then
+# the macro expansion is limited to the macros specified with the PREDEFINED and
+# EXPAND_AS_DEFINED tags.
+# The default value is: NO.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+EXPAND_ONLY_PREDEF     = NO
+
+# If the SEARCH_INCLUDES tag is set to YES, the include files in the
+# INCLUDE_PATH will be searched if a #include is found.
+# The default value is: YES.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+SEARCH_INCLUDES        = YES
+
+# The INCLUDE_PATH tag can be used to specify one or more directories that
+# contain include files that are not input files but should be processed by the
+# preprocessor. Note that the INCLUDE_PATH is not recursive, so the setting of
+# RECURSIVE has no effect here.
+# This tag requires that the tag SEARCH_INCLUDES is set to YES.
+
+INCLUDE_PATH           =
+
+# You can use the INCLUDE_FILE_PATTERNS tag to specify one or more wildcard
+# patterns (like *.h and *.hpp) to filter out the header-files in the
+# directories. If left blank, the patterns specified with FILE_PATTERNS will be
+# used.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+INCLUDE_FILE_PATTERNS  =
+
+# The PREDEFINED tag can be used to specify one or more macro names that are
+# defined before the preprocessor is started (similar to the -D option of e.g.
+# gcc). The argument of the tag is a list of macros of the form: name or
+# name=definition (no spaces). If the definition and the "=" are omitted, "=1"
+# is assumed. To prevent a macro definition from being undefined via #undef or
+# recursively expanded use the := operator instead of the = operator.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+PREDEFINED             =
+
+# If the MACRO_EXPANSION and EXPAND_ONLY_PREDEF tags are set to YES then this
+# tag can be used to specify a list of macro names that should be expanded. The
+# macro definition that is found in the sources will be used. Use the PREDEFINED
+# tag if you want to use a different macro definition that overrules the
+# definition found in the source code.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+EXPAND_AS_DEFINED      =
+
+# If the SKIP_FUNCTION_MACROS tag is set to YES then doxygen's preprocessor will
+# remove all references to function-like macros that are alone on a line, have
+# an all uppercase name, and do not end with a semicolon. Such function macros
+# are typically used for boiler-plate code, and will confuse the parser if not
+# removed.
+# The default value is: YES.
+# This tag requires that the tag ENABLE_PREPROCESSING is set to YES.
+
+SKIP_FUNCTION_MACROS   = YES
+
+#---------------------------------------------------------------------------
+# Configuration options related to external references
+#---------------------------------------------------------------------------
+
+# The TAGFILES tag can be used to specify one or more tag files. For each tag
+# file the location of the external documentation should be added. The format of
+# a tag file without this location is as follows:
+# TAGFILES = file1 file2 ...
+# Adding location for the tag files is done as follows:
+# TAGFILES = file1=loc1 "file2 = loc2" ...
+# where loc1 and loc2 can be relative or absolute paths or URLs. See the
+# section "Linking to external documentation" for more information about the use
+# of tag files.
+# Note: Each tag file must have a unique name (where the name does NOT include
+# the path). If a tag file is not located in the directory in which doxygen is
+# run, you must also specify the path to the tagfile here.
+
+TAGFILES               =
+
+# When a file name is specified after GENERATE_TAGFILE, doxygen will create a
+# tag file that is based on the input files it reads. See section "Linking to
+# external documentation" for more information about the usage of tag files.
+
+GENERATE_TAGFILE       =
+
+# If the ALLEXTERNALS tag is set to YES, all external classes and namespaces
+# will be listed in the class and namespace index. If set to NO, only the
+# inherited external classes will be listed.
+# The default value is: NO.
+
+ALLEXTERNALS           = NO
+
+# If the EXTERNAL_GROUPS tag is set to YES, all external groups will be listed
+# in the topic index. If set to NO, only the current project's groups will be
+# listed.
+# The default value is: YES.
+
+EXTERNAL_GROUPS        = YES
+
+# If the EXTERNAL_PAGES tag is set to YES, all external pages will be listed in
+# the related pages index. If set to NO, only the current project's pages will
+# be listed.
+# The default value is: YES.
+
+EXTERNAL_PAGES         = YES
+
+#---------------------------------------------------------------------------
+# Configuration options related to diagram generator tools
+#---------------------------------------------------------------------------
+
+# If set to YES the inheritance and collaboration graphs will hide inheritance
+# and usage relations if the target is undocumented or is not a class.
+# The default value is: YES.
+
+HIDE_UNDOC_RELATIONS   = YES
+
+# If you set the HAVE_DOT tag to YES then doxygen will assume the dot tool is
+# available from the path. This tool is part of Graphviz (see:
+# https://www.graphviz.org/), a graph visualization toolkit from AT&T and Lucent
+# Bell Labs. The other options in this section have no effect if this option is
+# set to NO
+# The default value is: NO.
+
+HAVE_DOT               = NO
+
+# The DOT_NUM_THREADS specifies the number of dot invocations doxygen is allowed
+# to run in parallel. When set to 0 doxygen will base this on the number of
+# processors available in the system. You can set it explicitly to a value
+# larger than 0 to get control over the balance between CPU load and processing
+# speed.
+# Minimum value: 0, maximum value: 32, default value: 0.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_NUM_THREADS        = 0
+
+# DOT_COMMON_ATTR is common attributes for nodes, edges and labels of
+# subgraphs. When you want a differently looking font in the dot files that
+# doxygen generates you can specify fontname, fontcolor and fontsize attributes.
+# For details please see <a href=https://graphviz.org/doc/info/attrs.html>Node,
+# Edge and Graph Attributes specification</a> You need to make sure dot is able
+# to find the font, which can be done by putting it in a standard location or by
+# setting the DOTFONTPATH environment variable or by setting DOT_FONTPATH to the
+# directory containing the font. Default graphviz fontsize is 14.
+# The default value is: fontname=Helvetica,fontsize=10.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_COMMON_ATTR        = "fontname=Helvetica,fontsize=10"
+
+# DOT_EDGE_ATTR is concatenated with DOT_COMMON_ATTR. For elegant style you can
+# add 'arrowhead=open, arrowtail=open, arrowsize=0.5'. <a
+# href=https://graphviz.org/doc/info/arrows.html>Complete documentation about
+# arrows shapes.</a>
+# The default value is: labelfontname=Helvetica,labelfontsize=10.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_EDGE_ATTR          = "labelfontname=Helvetica,labelfontsize=10"
+
+# DOT_NODE_ATTR is concatenated with DOT_COMMON_ATTR. For view without boxes
+# around nodes set 'shape=plain' or 'shape=plaintext' <a
+# href=https://www.graphviz.org/doc/info/shapes.html>Shapes specification</a>
+# The default value is: shape=box,height=0.2,width=0.4.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_NODE_ATTR          = "shape=box,height=0.2,width=0.4"
+
+# You can set the path where dot can find font specified with fontname in
+# DOT_COMMON_ATTR and others dot attributes.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_FONTPATH           =
+
+# If the CLASS_GRAPH tag is set to YES or GRAPH or BUILTIN then doxygen will
+# generate a graph for each documented class showing the direct and indirect
+# inheritance relations. In case the CLASS_GRAPH tag is set to YES or GRAPH and
+# HAVE_DOT is enabled as well, then dot will be used to draw the graph. In case
+# the CLASS_GRAPH tag is set to YES and HAVE_DOT is disabled or if the
+# CLASS_GRAPH tag is set to BUILTIN, then the built-in generator will be used.
+# If the CLASS_GRAPH tag is set to TEXT the direct and indirect inheritance
+# relations will be shown as texts / links. Explicit enabling an inheritance
+# graph or choosing a different representation for an inheritance graph of a
+# specific class, can be accomplished by means of the command \inheritancegraph.
+# Disabling an inheritance graph can be accomplished by means of the command
+# \hideinheritancegraph.
+# Possible values are: NO, YES, TEXT, GRAPH and BUILTIN.
+# The default value is: YES.
+
+CLASS_GRAPH            = YES
+
+# If the COLLABORATION_GRAPH tag is set to YES then doxygen will generate a
+# graph for each documented class showing the direct and indirect implementation
+# dependencies (inheritance, containment, and class references variables) of the
+# class with other documented classes. Explicit enabling a collaboration graph,
+# when COLLABORATION_GRAPH is set to NO, can be accomplished by means of the
+# command \collaborationgraph. Disabling a collaboration graph can be
+# accomplished by means of the command \hidecollaborationgraph.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+COLLABORATION_GRAPH    = YES
+
+# If the GROUP_GRAPHS tag is set to YES then doxygen will generate a graph for
+# groups, showing the direct groups dependencies. Explicit enabling a group
+# dependency graph, when GROUP_GRAPHS is set to NO, can be accomplished by means
+# of the command \groupgraph. Disabling a directory graph can be accomplished by
+# means of the command \hidegroupgraph. See also the chapter Grouping in the
+# manual.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+GROUP_GRAPHS           = YES
+
+# If the UML_LOOK tag is set to YES, doxygen will generate inheritance and
+# collaboration diagrams in a style similar to the OMG's Unified Modeling
+# Language.
+# The default value is: NO.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+UML_LOOK               = NO
+
+# If the UML_LOOK tag is enabled, the fields and methods are shown inside the
+# class node. If there are many fields or methods and many nodes the graph may
+# become too big to be useful. The UML_LIMIT_NUM_FIELDS threshold limits the
+# number of items for each type to make the size more manageable. Set this to 0
+# for no limit. Note that the threshold may be exceeded by 50% before the limit
+# is enforced. So when you set the threshold to 10, up to 15 fields may appear,
+# but if the number exceeds 15, the total amount of fields shown is limited to
+# 10.
+# Minimum value: 0, maximum value: 100, default value: 10.
+# This tag requires that the tag UML_LOOK is set to YES.
+
+UML_LIMIT_NUM_FIELDS   = 10
+
+# If the DOT_UML_DETAILS tag is set to NO, doxygen will show attributes and
+# methods without types and arguments in the UML graphs. If the DOT_UML_DETAILS
+# tag is set to YES, doxygen will add type and arguments for attributes and
+# methods in the UML graphs. If the DOT_UML_DETAILS tag is set to NONE, doxygen
+# will not generate fields with class member information in the UML graphs. The
+# class diagrams will look similar to the default class diagrams but using UML
+# notation for the relationships.
+# Possible values are: NO, YES and NONE.
+# The default value is: NO.
+# This tag requires that the tag UML_LOOK is set to YES.
+
+DOT_UML_DETAILS        = NO
+
+# The DOT_WRAP_THRESHOLD tag can be used to set the maximum number of characters
+# to display on a single line. If the actual line length exceeds this threshold
+# significantly it will be wrapped across multiple lines. Some heuristics are
+# applied to avoid ugly line breaks.
+# Minimum value: 0, maximum value: 1000, default value: 17.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_WRAP_THRESHOLD     = 17
+
+# If the TEMPLATE_RELATIONS tag is set to YES then the inheritance and
+# collaboration graphs will show the relations between templates and their
+# instances.
+# The default value is: NO.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+TEMPLATE_RELATIONS     = NO
+
+# If the INCLUDE_GRAPH, ENABLE_PREPROCESSING and SEARCH_INCLUDES tags are set to
+# YES then doxygen will generate a graph for each documented file showing the
+# direct and indirect include dependencies of the file with other documented
+# files. Explicit enabling an include graph, when INCLUDE_GRAPH is is set to NO,
+# can be accomplished by means of the command \includegraph. Disabling an
+# include graph can be accomplished by means of the command \hideincludegraph.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+INCLUDE_GRAPH          = YES
+
+# If the INCLUDED_BY_GRAPH, ENABLE_PREPROCESSING and SEARCH_INCLUDES tags are
+# set to YES then doxygen will generate a graph for each documented file showing
+# the direct and indirect include dependencies of the file with other documented
+# files. Explicit enabling an included by graph, when INCLUDED_BY_GRAPH is set
+# to NO, can be accomplished by means of the command \includedbygraph. Disabling
+# an included by graph can be accomplished by means of the command
+# \hideincludedbygraph.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+INCLUDED_BY_GRAPH      = YES
+
+# If the CALL_GRAPH tag is set to YES then doxygen will generate a call
+# dependency graph for every global function or class method.
+#
+# Note that enabling this option will significantly increase the time of a run.
+# So in most cases it will be better to enable call graphs for selected
+# functions only using the \callgraph command. Disabling a call graph can be
+# accomplished by means of the command \hidecallgraph.
+# The default value is: NO.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+CALL_GRAPH             = NO
+
+# If the CALLER_GRAPH tag is set to YES then doxygen will generate a caller
+# dependency graph for every global function or class method.
+#
+# Note that enabling this option will significantly increase the time of a run.
+# So in most cases it will be better to enable caller graphs for selected
+# functions only using the \callergraph command. Disabling a caller graph can be
+# accomplished by means of the command \hidecallergraph.
+# The default value is: NO.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+CALLER_GRAPH           = NO
+
+# If the GRAPHICAL_HIERARCHY tag is set to YES then doxygen will graphical
+# hierarchy of all classes instead of a textual one.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+GRAPHICAL_HIERARCHY    = YES
+
+# If the DIRECTORY_GRAPH tag is set to YES then doxygen will show the
+# dependencies a directory has on other directories in a graphical way. The
+# dependency relations are determined by the #include relations between the
+# files in the directories. Explicit enabling a directory graph, when
+# DIRECTORY_GRAPH is set to NO, can be accomplished by means of the command
+# \directorygraph. Disabling a directory graph can be accomplished by means of
+# the command \hidedirectorygraph.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DIRECTORY_GRAPH        = YES
+
+# The DIR_GRAPH_MAX_DEPTH tag can be used to limit the maximum number of levels
+# of child directories generated in directory dependency graphs by dot.
+# Minimum value: 1, maximum value: 25, default value: 1.
+# This tag requires that the tag DIRECTORY_GRAPH is set to YES.
+
+DIR_GRAPH_MAX_DEPTH    = 1
+
+# The DOT_IMAGE_FORMAT tag can be used to set the image format of the images
+# generated by dot. For an explanation of the image formats see the section
+# output formats in the documentation of the dot tool (Graphviz (see:
+# https://www.graphviz.org/)).
+# Note: If you choose svg you need to set HTML_FILE_EXTENSION to xhtml in order
+# to make the SVG files visible in IE 9+ (other browsers do not have this
+# requirement).
+# Possible values are: png, jpg, gif, svg, png:gd, png:gd:gd, png:cairo,
+# png:cairo:gd, png:cairo:cairo, png:cairo:gdiplus, png:gdiplus and
+# png:gdiplus:gdiplus.
+# The default value is: png.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_IMAGE_FORMAT       = png
+
+# If DOT_IMAGE_FORMAT is set to svg, then this option can be set to YES to
+# enable generation of interactive SVG images that allow zooming and panning.
+#
+# Note that this requires a modern browser other than Internet Explorer. Tested
+# and working are Firefox, Chrome, Safari, and Opera.
+# Note: For IE 9+ you need to set HTML_FILE_EXTENSION to xhtml in order to make
+# the SVG files visible. Older versions of IE do not have SVG support.
+# The default value is: NO.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+INTERACTIVE_SVG        = NO
+
+# The DOT_PATH tag can be used to specify the path where the dot tool can be
+# found. If left blank, it is assumed the dot tool can be found in the path.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_PATH               =
+
+# The DOTFILE_DIRS tag can be used to specify one or more directories that
+# contain dot files that are included in the documentation (see the \dotfile
+# command).
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOTFILE_DIRS           =
+
+# You can include diagrams made with dia in doxygen documentation. Doxygen will
+# then run dia to produce the diagram and insert it in the documentation. The
+# DIA_PATH tag allows you to specify the directory where the dia binary resides.
+# If left empty dia is assumed to be found in the default search path.
+
+DIA_PATH               =
+
+# The DIAFILE_DIRS tag can be used to specify one or more directories that
+# contain dia files that are included in the documentation (see the \diafile
+# command).
+
+DIAFILE_DIRS           =
+
+# When using plantuml, the PLANTUML_JAR_PATH tag should be used to specify the
+# path where java can find the plantuml.jar file or to the filename of jar file
+# to be used. If left blank, it is assumed PlantUML is not used or called during
+# a preprocessing step. Doxygen will generate a warning when it encounters a
+# \startuml command in this case and will not generate output for the diagram.
+
+PLANTUML_JAR_PATH      =
+
+# When using plantuml, the PLANTUML_CFG_FILE tag can be used to specify a
+# configuration file for plantuml.
+
+PLANTUML_CFG_FILE      =
+
+# When using plantuml, the specified paths are searched for files specified by
+# the !include statement in a plantuml block.
+
+PLANTUML_INCLUDE_PATH  =
+
+# The DOT_GRAPH_MAX_NODES tag can be used to set the maximum number of nodes
+# that will be shown in the graph. If the number of nodes in a graph becomes
+# larger than this value, doxygen will truncate the graph, which is visualized
+# by representing a node as a red box. Note that doxygen if the number of direct
+# children of the root node in a graph is already larger than
+# DOT_GRAPH_MAX_NODES then the graph will not be shown at all. Also note that
+# the size of a graph can be further restricted by MAX_DOT_GRAPH_DEPTH.
+# Minimum value: 0, maximum value: 10000, default value: 50.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_GRAPH_MAX_NODES    = 50
+
+# The MAX_DOT_GRAPH_DEPTH tag can be used to set the maximum depth of the graphs
+# generated by dot. A depth value of 3 means that only nodes reachable from the
+# root by following a path via at most 3 edges will be shown. Nodes that lay
+# further from the root node will be omitted. Note that setting this option to 1
+# or 2 may greatly reduce the computation time needed for large code bases. Also
+# note that the size of a graph can be further restricted by
+# DOT_GRAPH_MAX_NODES. Using a depth of 0 means no depth restriction.
+# Minimum value: 0, maximum value: 1000, default value: 0.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+MAX_DOT_GRAPH_DEPTH    = 0
+
+# Set the DOT_MULTI_TARGETS tag to YES to allow dot to generate multiple output
+# files in one run (i.e. multiple -o and -T options on the command line). This
+# makes dot run faster, but since only newer versions of dot (>1.8.10) support
+# this, this feature is disabled by default.
+# The default value is: NO.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+DOT_MULTI_TARGETS      = NO
+
+# If the GENERATE_LEGEND tag is set to YES doxygen will generate a legend page
+# explaining the meaning of the various boxes and arrows in the dot generated
+# graphs.
+# Note: This tag requires that UML_LOOK isn't set, i.e. the doxygen internal
+# graphical representation for inheritance and collaboration diagrams is used.
+# The default value is: YES.
+# This tag requires that the tag HAVE_DOT is set to YES.
+
+GENERATE_LEGEND        = YES
+
+# If the DOT_CLEANUP tag is set to YES, doxygen will remove the intermediate
+# files that are used to generate the various graphs.
+#
+# Note: This setting is not only used for dot files but also for msc temporary
+# files.
+# The default value is: YES.
+
+DOT_CLEANUP            = YES
+
+# You can define message sequence charts within doxygen comments using the \msc
+# command. If the MSCGEN_TOOL tag is left empty (the default), then doxygen will
+# use a built-in version of mscgen tool to produce the charts. Alternatively,
+# the MSCGEN_TOOL tag can also specify the name an external tool. For instance,
+# specifying prog as the value, doxygen will call the tool as prog -T
+# <outfile_format> -o <outputfile> <inputfile>. The external tool should support
+# output file formats "png", "eps", "svg", and "ismap".
+
+MSCGEN_TOOL            =
+
+# The MSCFILE_DIRS tag can be used to specify one or more directories that
+# contain msc files that are included in the documentation (see the \mscfile
+# command).
+
+MSCFILE_DIRS           =
diff --git a/gui/SARibbon/doc/SA-logo.png b/gui/SARibbon/doc/SA-logo.png
new file mode 100644
index 0000000..eef14bb
Binary files /dev/null and b/gui/SARibbon/doc/SA-logo.png differ
diff --git a/gui/SARibbon/doc/SARibbon-qq交流群.jpg b/gui/SARibbon/doc/SARibbon-qq交流群.jpg
new file mode 100644
index 0000000..16bdd22
Binary files /dev/null and b/gui/SARibbon/doc/SARibbon-qq交流群.jpg differ
diff --git a/gui/SARibbon/doc/SARibbonBar-layout.pptx b/gui/SARibbon/doc/SARibbonBar-layout.pptx
new file mode 100644
index 0000000..5b2df46
Binary files /dev/null and b/gui/SARibbon/doc/SARibbonBar-layout.pptx differ
diff --git a/gui/SARibbon/doc/SARibbonBar.pptx b/gui/SARibbon/doc/SARibbonBar.pptx
new file mode 100644
index 0000000..d7b7a87
Binary files /dev/null and b/gui/SARibbon/doc/SARibbonBar.pptx differ
diff --git a/gui/SARibbon/doc/color-widgets.drawio b/gui/SARibbon/doc/color-widgets.drawio
new file mode 100644
index 0000000..57994e0
--- /dev/null
+++ b/gui/SARibbon/doc/color-widgets.drawio
@@ -0,0 +1 @@
+<mxfile host="Electron" modified="2023-04-23T12:48:08.329Z" agent="5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/18.0.1 Chrome/100.0.4896.143 Electron/18.2.0 Safari/537.36" etag="BWAfLYKNN0hl0xOpUUH-" version="18.0.1" type="device" pages="2"><diagram id="nFSQIge5aaoqq2z9vfBC" name="ColorToolButton">7V1tc6NGEv4t98FVmw/aYob3j2vv5faqLrnUJZfkPqWwhG1qZeHDeG3n1wckBkP3YCE0MwwwTlVWQvJI7n6m36b74cK+un/5RxY93P2QbuLtBbU2Lxf25wtKXT8s/l9eeD1cIL4XHK7cZsmmuvZ24efkz7i6aFVXn5JN/Nh6Y56m2zx5aF9cp7tdvM5b16IsS5/bb7tJt+1PfYhuY3Th53W0xVd/Szb53eFqQP2361/i5PaOfTLxqr/4PmJvrv6Sx7tokz43Ltl/v7CvsjTND4/uX67ibSk8JpfD733f8Wr9xbJ4l/f6hT/C359/fPK3/vXmU3L5+Ycf78iKeNU636LtU/UnV183f2UyyNKn3SYul7Eu7MvnuySPf36I1uWrz4XWi2t3+f22eEaKhzfJdnuVbtNs/7v2jVv+V1y/zaJNUnzVxmvX+/+K1x7zLP0aN17x9j/FK9WXi7M8fun8u0ktzQKGcXof59lr8Rb2CxbTQIVBj1TKe35TaI23u6YynepiVIHotl78Tc7Fg0rUJ4ndmr3YfSh12lPqnjSpu+HspQ7BTny3n9ipPLC7wezF7gGps+cjSl2wzCWYhPp5Q0ok5EmJypISRVL6JX7Jiyv/LSSTFf/+swgskODy8j0t6UTb5HZXPF4Xoih+z74sBZUUYcSn6oX7ZLMpf/0yix+TP6Pr/VKl2B/SZJfv/yz38sL9XK71lKePh0CIIODu0l0MdgC7lO7yKn4iAXtefWciQnthW3uOgy0LcTnas2Upz0bKO2jL+k8ZCY6NdgosMbUw2kMXi8uXJS4HiWu9R5Cu8gr6yUuabXC7bIMW4oLG1CY9jak0j9PDy8e7zacyKXuzWg2htCUYvyT579Ur5eP/Na5/fmk+ea2eIA9vWeTz5RWOFyzLteKb4vomerzbf+CbTuINygeBRoo/KH3K1vE7knD4mmtohmcn2bUs3kZ58q39NXjaqj7hp9KDvAGjBgIDRgAUfvj61W81E0awkNO1IdlCeZTdxjlaaA+e+s8ejqcewfqZeCIGTz3wRN02DEJBeLIttXhi+8IYqINr0wVQtcE6G1BwIdmA6pFjLcRCjQsoF+AAhoSDAeUqBhROR5cKKFsrQMGS5OAQCiZ3sgGFU+SlurxxAQVjKGExueoYChcRyppLdQQGoaVlnezi/Nzb9oE6KS6F+Rw0SStVEA+p5fEhWie722nopFG7DESpCGwUz0EqcpSqCJdHjIraKgrHVhGuOJQVv8UZt45oeizjxhY2QcyqQ3MjBTGi8naiOCqmOG//cPmU5yyOWf2S5tH28Pi74hMw3Jay94nvob1P1G5+HHA2tDMNxTRPZmn1vGU1yh8xCnTd42FPoFR/ODJFStsmezEdxMm67GiXDd9LnvXSlWJbp/fJunrcV9RNLW3im+hpW8IG9o+I21iODTZWyNlYHkcx0MaKU4xvFLP3RWE72uF1NahVzGnnqOtt9PhYirlQU5Tl+HJnINQKUvrqpxBr9lqHT+WTffz00WVP30Ko/bPX5rOf4iwphFSa4e5Q7LBUZzBWPoHrCIyw2LY4hCBHDdtosRhoxrFhCNU7FnM6on1VsRjOuUwsxs/DOD2FamMxW34iNpXjiXETMQ8coAo7kYcLSd789mkHqIpdXV+4jAUDAk33UBjAhVTn4zblwMDbB36PD9GuhQfv/0/lwMzloXXR/lSK8fb6Q/GFi8+22D/f7dVnlZpd3UT3yfb18NYv8fZbXLqCxusH616+SujDS/OFw4eWr+zS7D7aNl77FmVJVPxbOJQof8rKCaV337eOHrre8lwho3zRqYBnbeO8cF0rViFGv5lmD3fRrlqSHq6VjnBV+b7ycu3+2GtJsSN21SdZ7E/dv5JnxWI3xfrskyonViJ5P0LV+JjnNNu0v1i9VvG3XH9NiuXKNQ/GelXthdb7rqP119v9Dl0BPVInOKiQOmH1wGXa3K+6iddpVuyadLfK75L11138WH29ZJfkCZMPfG9Dl+++r/F1Wu+72aZRDoWzSR4fttEre/s+W6LW35L7hzTLo1LSl2+ALR7dlv82gxuG8mLXHIB+eEtXiHNsKkJdmQFW7jmN/LzWU3md4HLOudnjKZWIxz3n9q2PVuOHtP3K0FNv2BpOFCcpNi5CLhVeo0Y8FFTRBp9AoEkk1YDCswUiADXFI61R7VVtkc61UDZxxwVUjzL7CYBSBI/xEugjCU9vtcOFVKu9RxHfJNCdux94AWeoO4EwQAvJhgHvyMAk0CaBnm8CfTiNnGr+XPx8dPkmY7QUmjduZ2yIsSFztCEfGkZklayrR9X54lRtCqjic8bn1dIzsO8jKCfp3aHAq64cayrYbb5Pyr9OdDvBwarqUi8ZPGlZj5mwPAeSCHQEuIVuo9fG26rz9e4vDD+n+sJvMDysKDR6dk6r7g1PouaaNyE0DK7r9oSVMM33qJoo5/WwYKtgwOlIU8uS5OAyw0xpkgSpEMyHOR5HhRZPhdI0iCsEVy3yn0PQc53VEdKPaaXW7zTYEqBMS9l531hUSi4ObbTiBoI2pC5Pj0YO5M5zEvk4MYKlm/Ou/QnExsmHaDRAKGud/lKlztyVc0g7dnfiBBFGIQMVFYYwd1SEyT+11RJhLHjQGGGhLQphlq0WU2IPbifjF/XDFPaLojBVh6uqMIXTtb0ev8S3yV5qC6TsILA8ShkrdTMkVko3wGEjXzgjBEENXmGIlKRUR5zbIyyQEgLpxR6b8MajC3Wbnu5ukwoL9uuVFblND5cozChih122OPUktQbA8EKcpEGHQM+Kb4KjlBjC65FML4B/gFAwyU0pDnnUEhB4hrKj8keAGsIlY2tG63bfKVFDHA202CY4ygPB7Jg+EVm9EDt9hCWt3hGZDdoxbFdtIcPDp5YmIuvIyDj3+VIckc3zfg0TTMkoIOpzLFEpmWM5H8PGT6DUHDA46+n+OvCjDyws6yRl9gYJXFd13u7zWERM57rpXJ9j5/os6CNCWE7itDgqHX7x5ZSTxx7wn+ApLIxrSTg0doFNg8RW7JbmyUkywXjYQiW2wZiC6FSNKfk9bnpiSjs7ZUHOtMF2ioBmceWYEtvVNnPqCIJmVmC20z+5hiupVvxprWcmnX7fFzhUTDoNYXFkXdkg4R05mOTaJNfzTa6nTS1R5D2IW4LTraU2vTb8NMaILMWIzJFbghBQ4w85p41KySV8saeNo5NLHE2Bff1SYHgPiuFlFUij5/bLhE6ll8AfVH1lqfwSwWmFQMMvgctsEA/Di8A9kSVM9z0KdqNPh3sU94Jyp8MRvaUwcx7gIpRhmHhPhaBoGPBUqJRhIsDVpAkzTHisvDsWw0TQSbmiJ8OEzwzbaAwTwWn3TZvN2QhDij7uG44E1dg4u/8MrSTbfS+0p1E/TMGJf98WhilPLaaYUVwcprTrC4CYCixLFKYUE4CHp91IbT6+TztMYd8nClOeYnLEkCJMGRYJyCLh8Zj9lDIUhLi6ZFgkgDW28M221eqIM6xsWCTeYrixWCRCsa1P03Gbju5u02Ojrue7TQpWku02OYUbQ0zQbRQgMYFvOcgoKCUmCHvUkRYx/g6O9zwbe1G14+9hj2rMIjQDiAl8HpWZUs3URw169pLOipmA7YKjzAShdh0DkJkgGHz/TshM4Htqk2NiqTrUn2nzNNSfMzTegyupjveIhZM709xomhvn2dw4y/HjOtkcqz+aWHIKEdrPiupXv4c1Ks8e7JhAIcL1VTsmOdTi+oNKu+oW7JQdXt2CbTfqQXUaBd18SqbaWSo4gTzcUsEJZPWgEtu6tbQRZJTyDJ41Va/50xqsTBr9vjvwA0/KDPKRdWWjhJWJTIptUuyFpNizG0L2g7GTbGJ4Ao0VWYoVWcQUsmtzpp6UjiETQoWmLvrPIddmVKMoGJRX/OHlFTAf7Ib98qGzB5Hd6itLHUQmRBXj02wTLASI4eXgntASp3xcZDGNwrCQQpE/UdooTEiPeojyWU/UUYmlxB8Xd6XJieKKgJkX71YhvCNA4HDGFpSOixOKs7GDyvQYcMbngBj0SgfCCdt1DYGtWwP2mknMJ/0kJhFiuEdLqxl6ODTo9LSr0kboCV0ov3C9ubSJPG1QgQ/Ybjo18HTQtiRjlvKp/JEbLaefNUSYLYilASHMHhdhctpeJmDDbN0R5ohCmDMuwuT3wGhqw7RDGCij+a4ohAXjIkw+l5GmCNOtAogQFopCmDUuwuQzG2nqJbVDGPSSoiJ9D1IkycaUjYtyC+QIseEou4sPKZWyHBAbl9q6mVy+dxakqeMVK+5xskRVUaSqhR/SQCV54chkLsQ2jDvHNhIdXUeGcYenFxcbOMWuaKGMO/XBrrZhpze4OAPnUChYSHrYaRh3TjEKrnfcoSol3CG2Ydzhb6TRaV1sw7hzyKwB4Y7P6TtVqxkH59rvOVJDuHOG72baP8q4U1sybby8AzqmA2uol3c7QklVXt4xhDvnNLJC9fkDcQAX8iCgpOPA0O2YKZ6lTPHMgm4HFiGYxRhtENBZKNuOhmdfsLg79OwLNp+6ysOThZLt6FfYQhT9QwtbsD9XPaYWyrWjn50ikMBpqJ2ywSCGekwZqp1T/JMPS3JD9e6PbUsM0c45+z+AZRRHBM8ORMWRZWVjhAnLpNYmtV5Iaj1tmp0inAAsO4GFBzvVJteuYdkxRmQpRmSOLDvwJg1u365IiTaFCk1aJkCy4+oWAcOqyuBZLnjTVReeRAmi2EGfU31huQw7rmHYOS+zQnAYXAHuiStxqsfVusW3BTstlXgEt81IawvOv3y9/vKvX/796x+/fU1XL79G6dcVLzQFqjmJBALUuG7c8r8L3IlUvHa9/49XMfP2P6J8dwgSglU9wNYUus2Rer0ThYu9h/dWTlbiYUG5HEERnqDgvaaECaqTr+Sy2PSbMh6dC6vR+Rp0SNu4vLFEH2vKExKn8tSHO1O0YjTyLQR5ikUmjdSIJzF8EK8XpREWWe2wVLAa8USGA0ydOI3ggT7XqtKwNr5q7Oo8z1H1ieH9dnv0CjFU9Q7iQcSIVxIYxXMjxB4h4gSJFzSGCuSIHA4VuJJsqPQIa41VEQgVG/rUwVBBK8mGCo5zFl4aoDbavQpHhrlJKj78NlOE3QoMcWQc4EhP2hwhV4M9fPcChtUI5eR5DlINz3ILGVfjqqaHr1yCagiqOlEOVYJa1cghgtKqcfmdoqQ24Y5NcUUSKr13wIOrm/UgoKKQh8MFJQJWY0fHR2HlaAYr6hAEq6HZue15I4NKbHY+8wTKDnAgMDTb5qylXPmn5dumg7ltB3Apm7hhq9sY3vu1LzY8WPNFhVzZyOCNhpuWQ9NyOMeWwzn0LTseNEWcJgVpbctcE3LaEZGYvq3gHSnXDCr1EwEMKic1MvZnUEGKB1Qp3cWa0WrLuEaCVuk9JurgtWDiJtsB4hx+yvXlLM331rR4GgqyOLYLI+EQWxyl9eYTCZymkiBrE/AS3xOW/dAAJ9GKTxsdnPoukFub+LiAGuKJJ7Wcpvhwz7Brd/hYTvOUPIJt7jY6jUXM9HcMsbpW4wdUDJFmTzLBpyws2x7jZs8PTbamVePwuJoHW8i+xyfDNhNWc9tLs9Fcbakay5ll7dCnsMAXDtzFaCXlYRQvzzelQlMqnG+pcOLsgT6Y4+T2GSmtFfahUJr2GBmxPNh7yRuOUjtF1ofBSPktnC3UpMpJcRRPkXFofMwYWXeWSm10MGpx0lSlk2QcEhWdRsmIhcZ8eJk91z7IkxlFMtNqmAwLjfJwxhOatLzI7Zw41UNkFOULHJxR5qwUmVceAbnYEtKiC/dhEKC6IWw16n02Z4XIuqPFJKecLq4Pi8bLokuOPLwMbZzl4kXxYa6H/ZgIvIzdkK0NXghkBhreEMtZClbGZINFrDOaveo744nTVY+WUq360/yKqWkDS4+6Vod2BxAnQKfSaDHZYOAdcJi6tqlrz7euPe0WWEJ9p9NojFXZZmeyJrWVlaqAroXh4YcVkiNLSfY4vmlI22sU8pkwuahoR+PqBaePph2t1BSFmuJVX5U2o/mmGU2tuUWHk8PNLVpKtrk12d5Ztz/F0/XDwcBZTLn3NfmeyfeWle9NvI+JuBzyF3/shK/H2OO0W5moA8K+YPxOJl90A5kIOblQTuM3MrHeKtPI1EOBjoVOLr3R+5gCXFC60qknhzJp1KjnkIjz6J3hWY84ieH0XaeOHHjHQq6ZoKHShpxAfoPFoquWxEMNFsFgZjIfWSm0luTUKcSFSxFwGbu/4igzGYs6tMGVTWDIMbTNCwcvis/iQ2y152CCjmKK+XdtMEVtUKcLYGzTm/EMMkYox5TY6vDMnVR3YHLuTZnVK/60ni5T6gXcp0B93tC+Hg+zqKK1ZEOBF9qaMq8p8863zDvtth7HRV093thdPSEuNxp2sHZVw4H3UV8FnCljpfxgIS5+nhP+6ZJSaBMnEEhmPThgrFt+OleSfXsZljfjnp9FNWMRWAbwOedrSm9JQiz5hYFFt/igXexDXQ7exWgl6bsYJ/xtSqnGnl4WpRQc1QjY3aNGI5QilknSz2GUsnBqPbQdi7OWegds8nSTpy8rT594O5YXIqvBixaVJurE6kFTOO12rDCEWdf47VjEEt0FJ0BQBDGcatCQRSxcSjIdWZ0qJC6iQh2/JYtYuLCkVU9WP+QTximrCPkEl1h06ssiBHWy8Rqz2E12VQnNUCXJrX7U82pvLTTte3qF7SV7j7jghRUfghMOrf452Jk9ErxjRej+ukdLKde9oes+i9qEBbR11OG0rUIwEBkOQfdUObK0dKQYPm9TeFlW4WXaDRKk2CvadUgQgnMi0yIBEgwb2f7ReyQIxVnZOUGiSTAggwKxRUWVFgmOLCU7VmB//sK7JEJYXvE5N19V2yXBdq3pklC0jT1fTEKANvWRhaVvcXMqf07i6Lg4vxOEFM7S6h2AOaU3yeKyksWJn9ITx0FmY/xjeoqLTiZbBNliCEqQ9vi54rzGIERoyaJAS5RV3sVrqXiapaWFenPphWW5+yHdxOU7/gI=</diagram><diagram id="s5GLlGYjVEcGdEAgOK6j" name="第 2 页">ddGxDoMgEADQr2FXSKqdrW0XJ4fORK5Cgp5BGm2/vhiwltguBB53wB2EFd18MXyQFQrQhCZiJuxEKM1y6sYFnh7y5OihNUp4Sjeo1QsCJkEfSsAYBVpEbdUQY4N9D42NjBuDUxx2Rx3fOvAWdlA3XO/1poSVoQqabX4F1cr15vQQ6uv4GhwqGSUXOH0RKwkrDKL1s24uQC+9W/vi885/dj8PM9DbHwlusp3tFtEHsfIN</diagram></mxfile>
\ No newline at end of file
diff --git a/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-darkmode-toggle.js b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-darkmode-toggle.js
new file mode 100644
index 0000000..40fe2d3
--- /dev/null
+++ b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-darkmode-toggle.js
@@ -0,0 +1,157 @@
+/**
+
+Doxygen Awesome
+https://github.com/jothepro/doxygen-awesome-css
+
+MIT License
+
+Copyright (c) 2021 - 2023 jothepro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+class DoxygenAwesomeDarkModeToggle extends HTMLElement {
+    // SVG icons from https://fonts.google.com/icons
+    // Licensed under the Apache 2.0 license:
+    // https://www.apache.org/licenses/LICENSE-2.0.html
+    static lightModeIcon = `<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#FCBF00"><rect fill="none" height="24" width="24"/><circle cx="12" cy="12" opacity=".3" r="3"/><path d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"/></svg>`
+    static darkModeIcon = `<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#FE9700"><rect fill="none" height="24" width="24"/><path d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27 C17.45,17.19,14.93,19,12,19c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z" opacity=".3"/><path d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"/></svg>`
+    static title = "Toggle Light/Dark Mode"
+
+    static prefersLightModeInDarkModeKey = "prefers-light-mode-in-dark-mode"
+    static prefersDarkModeInLightModeKey = "prefers-dark-mode-in-light-mode"
+
+    static _staticConstructor = function() {
+        DoxygenAwesomeDarkModeToggle.enableDarkMode(DoxygenAwesomeDarkModeToggle.userPreference)
+        // Update the color scheme when the browsers preference changes
+        // without user interaction on the website.
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
+            DoxygenAwesomeDarkModeToggle.onSystemPreferenceChanged()
+        })
+        // Update the color scheme when the tab is made visible again.
+        // It is possible that the appearance was changed in another tab 
+        // while this tab was in the background.
+        document.addEventListener("visibilitychange", visibilityState => {
+            if (document.visibilityState === 'visible') {
+                DoxygenAwesomeDarkModeToggle.onSystemPreferenceChanged()
+            }
+        });
+    }()
+
+    static init() {
+        $(function() {
+            $(document).ready(function() {
+                const toggleButton = document.createElement('doxygen-awesome-dark-mode-toggle')
+                toggleButton.title = DoxygenAwesomeDarkModeToggle.title
+                toggleButton.updateIcon()
+
+                window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
+                    toggleButton.updateIcon()
+                })
+                document.addEventListener("visibilitychange", visibilityState => {
+                    if (document.visibilityState === 'visible') {
+                        toggleButton.updateIcon()
+                    }
+                });
+
+                $(document).ready(function(){
+                    document.getElementById("MSearchBox").parentNode.appendChild(toggleButton)
+                })
+                $(window).resize(function(){
+                    document.getElementById("MSearchBox").parentNode.appendChild(toggleButton)
+                })
+            })
+        })
+    }
+
+    constructor() {
+        super();
+        this.onclick=this.toggleDarkMode
+    }
+
+    /**
+     * @returns `true` for dark-mode, `false` for light-mode system preference
+     */
+    static get systemPreference() {
+        return window.matchMedia('(prefers-color-scheme: dark)').matches
+    }
+
+    /**
+     * @returns `true` for dark-mode, `false` for light-mode user preference
+     */
+    static get userPreference() {
+        return (!DoxygenAwesomeDarkModeToggle.systemPreference && localStorage.getItem(DoxygenAwesomeDarkModeToggle.prefersDarkModeInLightModeKey)) || 
+        (DoxygenAwesomeDarkModeToggle.systemPreference && !localStorage.getItem(DoxygenAwesomeDarkModeToggle.prefersLightModeInDarkModeKey))
+    }
+
+    static set userPreference(userPreference) {
+        DoxygenAwesomeDarkModeToggle.darkModeEnabled = userPreference
+        if(!userPreference) {
+            if(DoxygenAwesomeDarkModeToggle.systemPreference) {
+                localStorage.setItem(DoxygenAwesomeDarkModeToggle.prefersLightModeInDarkModeKey, true)
+            } else {
+                localStorage.removeItem(DoxygenAwesomeDarkModeToggle.prefersDarkModeInLightModeKey)
+            }
+        } else {
+            if(!DoxygenAwesomeDarkModeToggle.systemPreference) {
+                localStorage.setItem(DoxygenAwesomeDarkModeToggle.prefersDarkModeInLightModeKey, true)
+            } else {
+                localStorage.removeItem(DoxygenAwesomeDarkModeToggle.prefersLightModeInDarkModeKey)
+            }
+        }
+        DoxygenAwesomeDarkModeToggle.onUserPreferenceChanged()
+    }
+
+    static enableDarkMode(enable) {
+        if(enable) {
+            DoxygenAwesomeDarkModeToggle.darkModeEnabled = true
+            document.documentElement.classList.add("dark-mode")
+            document.documentElement.classList.remove("light-mode")
+        } else {
+            DoxygenAwesomeDarkModeToggle.darkModeEnabled = false
+            document.documentElement.classList.remove("dark-mode")
+            document.documentElement.classList.add("light-mode")
+        }
+    }
+
+    static onSystemPreferenceChanged() {
+        DoxygenAwesomeDarkModeToggle.darkModeEnabled = DoxygenAwesomeDarkModeToggle.userPreference
+        DoxygenAwesomeDarkModeToggle.enableDarkMode(DoxygenAwesomeDarkModeToggle.darkModeEnabled)
+    }
+
+    static onUserPreferenceChanged() {
+        DoxygenAwesomeDarkModeToggle.enableDarkMode(DoxygenAwesomeDarkModeToggle.darkModeEnabled)
+    }
+
+    toggleDarkMode() {
+        DoxygenAwesomeDarkModeToggle.userPreference = !DoxygenAwesomeDarkModeToggle.userPreference
+        this.updateIcon()
+    }
+
+    updateIcon() {
+        if(DoxygenAwesomeDarkModeToggle.darkModeEnabled) {
+            this.innerHTML = DoxygenAwesomeDarkModeToggle.darkModeIcon
+        } else {
+            this.innerHTML = DoxygenAwesomeDarkModeToggle.lightModeIcon
+        }
+    }
+}
+
+customElements.define("doxygen-awesome-dark-mode-toggle", DoxygenAwesomeDarkModeToggle);
diff --git a/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-fragment-copy-button.js b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-fragment-copy-button.js
new file mode 100644
index 0000000..86c16fd
--- /dev/null
+++ b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-fragment-copy-button.js
@@ -0,0 +1,85 @@
+/**
+
+Doxygen Awesome
+https://github.com/jothepro/doxygen-awesome-css
+
+MIT License
+
+Copyright (c) 2022 - 2023 jothepro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+class DoxygenAwesomeFragmentCopyButton extends HTMLElement {
+    constructor() {
+        super();
+        this.onclick=this.copyContent
+    }
+    static title = "Copy to clipboard"
+    static copyIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>`
+    static successIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/></svg>`
+    static successDuration = 980
+    static init() {
+        $(function() {
+            $(document).ready(function() {
+                if(navigator.clipboard) {
+                    const fragments = document.getElementsByClassName("fragment")
+                    for(const fragment of fragments) {
+                        const fragmentWrapper = document.createElement("div")
+                        fragmentWrapper.className = "doxygen-awesome-fragment-wrapper"
+                        const fragmentCopyButton = document.createElement("doxygen-awesome-fragment-copy-button")
+                        fragmentCopyButton.innerHTML = DoxygenAwesomeFragmentCopyButton.copyIcon
+                        fragmentCopyButton.title = DoxygenAwesomeFragmentCopyButton.title
+                
+                        fragment.parentNode.replaceChild(fragmentWrapper, fragment)
+                        fragmentWrapper.appendChild(fragment)
+                        fragmentWrapper.appendChild(fragmentCopyButton)
+            
+                    }
+                }
+            })
+        })
+    }
+
+
+    copyContent() {
+        const content = this.previousSibling.cloneNode(true)
+        // filter out line number from file listings
+        content.querySelectorAll(".lineno, .ttc").forEach((node) => {
+            node.remove()
+        })
+        let textContent = content.textContent
+        // remove trailing newlines that appear in file listings
+        let numberOfTrailingNewlines = 0
+        while(textContent.charAt(textContent.length - (numberOfTrailingNewlines + 1)) == '\n') {
+            numberOfTrailingNewlines++;
+        }
+        textContent = textContent.substring(0, textContent.length - numberOfTrailingNewlines)
+        navigator.clipboard.writeText(textContent);
+        this.classList.add("success")
+        this.innerHTML = DoxygenAwesomeFragmentCopyButton.successIcon
+        window.setTimeout(() => {
+            this.classList.remove("success")
+            this.innerHTML = DoxygenAwesomeFragmentCopyButton.copyIcon
+        }, DoxygenAwesomeFragmentCopyButton.successDuration);
+    }
+}
+
+customElements.define("doxygen-awesome-fragment-copy-button", DoxygenAwesomeFragmentCopyButton)
diff --git a/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-interactive-toc.js b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-interactive-toc.js
new file mode 100644
index 0000000..20a9669
--- /dev/null
+++ b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-interactive-toc.js
@@ -0,0 +1,81 @@
+/**
+
+Doxygen Awesome
+https://github.com/jothepro/doxygen-awesome-css
+
+MIT License
+
+Copyright (c) 2022 - 2023 jothepro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+class DoxygenAwesomeInteractiveToc {
+    static topOffset = 38
+    static hideMobileMenu = true
+    static headers = []
+
+    static init() {
+        window.addEventListener("load", () => {
+            let toc = document.querySelector(".contents > .toc")
+            if(toc) {
+                toc.classList.add("interactive")
+                if(!DoxygenAwesomeInteractiveToc.hideMobileMenu) {
+                    toc.classList.add("open")
+                }
+                document.querySelector(".contents > .toc > h3")?.addEventListener("click", () => {
+                    if(toc.classList.contains("open")) {
+                        toc.classList.remove("open")
+                    } else {
+                        toc.classList.add("open")
+                    }
+                })
+
+                document.querySelectorAll(".contents > .toc > ul a").forEach((node) => {
+                    let id = node.getAttribute("href").substring(1)
+                    DoxygenAwesomeInteractiveToc.headers.push({
+                        node: node,
+                        headerNode: document.getElementById(id)
+                    })
+
+                    document.getElementById("doc-content")?.addEventListener("scroll", () => {
+                        DoxygenAwesomeInteractiveToc.update()
+                    })
+                })
+                DoxygenAwesomeInteractiveToc.update()
+            }
+        })
+    }
+
+    static update() {
+        let active = DoxygenAwesomeInteractiveToc.headers[0]?.node
+        DoxygenAwesomeInteractiveToc.headers.forEach((header) => {
+            let position = header.headerNode.getBoundingClientRect().top
+            header.node.classList.remove("active")
+            header.node.classList.remove("aboveActive")
+            if(position < DoxygenAwesomeInteractiveToc.topOffset) {
+                active = header.node
+                active?.classList.add("aboveActive")
+            }
+        })
+        active?.classList.add("active")
+        active?.classList.remove("aboveActive")
+    }
+}
\ No newline at end of file
diff --git a/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-paragraph-link.js b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-paragraph-link.js
new file mode 100644
index 0000000..e53d132
--- /dev/null
+++ b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-paragraph-link.js
@@ -0,0 +1,51 @@
+/**
+
+Doxygen Awesome
+https://github.com/jothepro/doxygen-awesome-css
+
+MIT License
+
+Copyright (c) 2022 - 2023 jothepro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+class DoxygenAwesomeParagraphLink {
+    // Icon from https://fonts.google.com/icons
+    // Licensed under the Apache 2.0 license:
+    // https://www.apache.org/licenses/LICENSE-2.0.html
+    static icon = `<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z"/></svg>`
+    static title = "Permanent Link"
+    static init() {
+        $(function() {
+            $(document).ready(function() {
+                document.querySelectorAll(".contents a.anchor[id], .contents .groupheader > a[id]").forEach((node) => {
+                    let anchorlink = document.createElement("a")
+                    anchorlink.setAttribute("href", `#${node.getAttribute("id")}`)
+                    anchorlink.setAttribute("title", DoxygenAwesomeParagraphLink.title)
+                    anchorlink.classList.add("anchorlink")
+                    node.classList.add("anchor")
+                    anchorlink.innerHTML = DoxygenAwesomeParagraphLink.icon
+                    node.parentElement.appendChild(anchorlink)
+                })
+            })
+        })
+    }
+}
diff --git a/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-sidebar-only-darkmode-toggle.css b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-sidebar-only-darkmode-toggle.css
new file mode 100644
index 0000000..d207446
--- /dev/null
+++ b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-sidebar-only-darkmode-toggle.css
@@ -0,0 +1,40 @@
+
+/**
+
+Doxygen Awesome
+https://github.com/jothepro/doxygen-awesome-css
+
+MIT License
+
+Copyright (c) 2021 - 2023 jothepro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+@media screen and (min-width: 768px) {
+
+    #MSearchBox {
+        width: calc(var(--side-nav-fixed-width) - calc(2 * var(--spacing-medium)) - var(--searchbar-height) - 1px);
+    }
+
+    #MSearchField {
+        width: calc(var(--side-nav-fixed-width) - calc(2 * var(--spacing-medium)) - 66px - var(--searchbar-height));
+    }
+}
diff --git a/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-sidebar-only.css b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-sidebar-only.css
new file mode 100644
index 0000000..853f6d6
--- /dev/null
+++ b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-sidebar-only.css
@@ -0,0 +1,116 @@
+/**
+
+Doxygen Awesome
+https://github.com/jothepro/doxygen-awesome-css
+
+MIT License
+
+Copyright (c) 2021 - 2023 jothepro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+ */
+
+html {
+    /* side nav width. MUST be = `TREEVIEW_WIDTH`.
+     * Make sure it is wide enough to contain the page title (logo + title + version)
+     */
+    --side-nav-fixed-width: 335px;
+    --menu-display: none;
+
+    --top-height: 120px;
+    --toc-sticky-top: -25px;
+    --toc-max-height: calc(100vh - 2 * var(--spacing-medium) - 25px);
+}
+
+#projectname {
+    white-space: nowrap;
+}
+
+
+@media screen and (min-width: 768px) {
+    html {
+        --searchbar-background: var(--page-background-color);
+    }
+
+    #side-nav {
+        min-width: var(--side-nav-fixed-width);
+        max-width: var(--side-nav-fixed-width);
+        top: var(--top-height);
+        overflow: visible;
+    }
+
+    #nav-tree, #side-nav {
+        height: calc(100vh - var(--top-height)) !important;
+    }
+
+    #nav-tree {
+        padding: 0;
+    }
+
+    #top {
+        display: block;
+        border-bottom: none;
+        height: var(--top-height);
+        margin-bottom: calc(0px - var(--top-height));
+        max-width: var(--side-nav-fixed-width);
+        overflow: hidden;
+        background: var(--side-nav-background);
+    }
+    #main-nav {
+        float: left;
+        padding-right: 0;
+    }
+
+    .ui-resizable-handle {
+        cursor: default;
+        width: 1px !important;
+        background: var(--separator-color);
+        box-shadow: 0 calc(-2 * var(--top-height)) 0 0 var(--separator-color);
+    }
+
+    #nav-path {
+        position: fixed;
+        right: 0;
+        left: var(--side-nav-fixed-width);
+        bottom: 0;
+        width: auto;
+    }
+
+    #doc-content {
+        height: calc(100vh - 31px) !important;
+        padding-bottom: calc(3 * var(--spacing-large));
+        padding-top: calc(var(--top-height) - 80px);
+        box-sizing: border-box;
+        margin-left: var(--side-nav-fixed-width) !important;
+    }
+
+    #MSearchBox {
+        width: calc(var(--side-nav-fixed-width) - calc(2 * var(--spacing-medium)));
+    }
+
+    #MSearchField {
+        width: calc(var(--side-nav-fixed-width) - calc(2 * var(--spacing-medium)) - 65px);
+    }
+
+    #MSearchResultsWindow {
+        left: var(--spacing-medium) !important;
+        right: auto;
+    }
+}
diff --git a/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-tabs.js b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-tabs.js
new file mode 100644
index 0000000..06dfd3d
--- /dev/null
+++ b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome-tabs.js
@@ -0,0 +1,90 @@
+/**
+
+Doxygen Awesome
+https://github.com/jothepro/doxygen-awesome-css
+
+MIT License
+
+Copyright (c) 2023 jothepro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+class DoxygenAwesomeTabs {
+
+    static init() {
+        window.addEventListener("load", () => {
+            document.querySelectorAll(".tabbed:not(:empty)").forEach((tabbed, tabbedIndex) => {
+                let tabLinkList = []           
+                tabbed.querySelectorAll(":scope > ul > li").forEach((tab, tabIndex) => {
+                    tab.id = "tab_" + tabbedIndex + "_" + tabIndex
+                    let header = tab.querySelector(".tab-title")
+                    let tabLink = document.createElement("button")
+                    tabLink.classList.add("tab-button")
+                    tabLink.appendChild(header)
+                    header.title = header.textContent
+                    tabLink.addEventListener("click", () => {
+                        tabbed.querySelectorAll(":scope > ul > li").forEach((tab) => {
+                            tab.classList.remove("selected")
+                        })
+                        tabLinkList.forEach((tabLink) => {
+                            tabLink.classList.remove("active")
+                        })
+                        tab.classList.add("selected")
+                        tabLink.classList.add("active")
+                    })
+                    tabLinkList.push(tabLink)
+                    if(tabIndex == 0) {
+                        tab.classList.add("selected")
+                        tabLink.classList.add("active")
+                    }
+                })
+                let tabsOverview = document.createElement("div")
+                tabsOverview.classList.add("tabs-overview")
+                let tabsOverviewContainer = document.createElement("div")
+                tabsOverviewContainer.classList.add("tabs-overview-container")
+                tabLinkList.forEach((tabLink) => {
+                    tabsOverview.appendChild(tabLink)
+                })
+                tabsOverviewContainer.appendChild(tabsOverview)
+                tabbed.before(tabsOverviewContainer)
+
+                function resize() {
+                    let maxTabHeight = 0
+                    tabbed.querySelectorAll(":scope > ul > li").forEach((tab, tabIndex) => {
+                        let visibility = tab.style.display
+                        tab.style.display = "block"
+                        maxTabHeight = Math.max(tab.offsetHeight, maxTabHeight)
+                        tab.style.display = visibility
+                    })
+                    tabbed.style.height = `${maxTabHeight + 10}px`
+                }
+
+                resize()
+                new ResizeObserver(resize).observe(tabbed)
+            })
+        })
+        
+    }
+
+    static resize(tabbed) {
+        
+    }
+}
\ No newline at end of file
diff --git a/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome.css b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome.css
new file mode 100644
index 0000000..a11ceab
--- /dev/null
+++ b/gui/SARibbon/doc/doxygen-awesome-css/doxygen-awesome.css
@@ -0,0 +1,2669 @@
+/**
+
+Doxygen Awesome
+https://github.com/jothepro/doxygen-awesome-css
+
+MIT License
+
+Copyright (c) 2021 - 2023 jothepro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+html {
+    /* primary theme color. This will affect the entire websites color scheme: links, arrows, labels, ... */
+    --primary-color: #1779c4;
+    --primary-dark-color: #335c80;
+    --primary-light-color: #70b1e9;
+
+    /* page base colors */
+    --page-background-color: #ffffff;
+    --page-foreground-color: #2f4153;
+    --page-secondary-foreground-color: #6f7e8e;
+
+    /* color for all separators on the website: hr, borders, ... */
+    --separator-color: #dedede;
+
+    /* border radius for all rounded components. Will affect many components, like dropdowns, memitems, codeblocks, ... */
+    --border-radius-large: 8px;
+    --border-radius-small: 4px;
+    --border-radius-medium: 6px;
+
+    /* default spacings. Most components reference these values for spacing, to provide uniform spacing on the page. */
+    --spacing-small: 5px;
+    --spacing-medium: 10px;
+    --spacing-large: 16px;
+
+    /* default box shadow used for raising an element above the normal content. Used in dropdowns, search result, ... */
+    --box-shadow: 0 2px 8px 0 rgba(0,0,0,.075);
+
+    --odd-color: rgba(0,0,0,.028);
+
+    /* font-families. will affect all text on the website
+     * font-family: the normal font for text, headlines, menus
+     * font-family-monospace: used for preformatted text in memtitle, code, fragments
+     */
+    --font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
+    --font-family-monospace: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
+
+    /* font sizes */
+    --page-font-size: 15.6px;
+    --navigation-font-size: 14.4px;
+    --toc-font-size: 13.4px;
+    --code-font-size: 14px; /* affects code, fragment */
+    --title-font-size: 22px;
+
+    /* content text properties. These only affect the page content, not the navigation or any other ui elements */
+    --content-line-height: 27px;
+    /* The content is centered and constraint in it's width. To make the content fill the whole page, set the variable to auto.*/
+    --content-maxwidth: 1050px;
+    --table-line-height: 24px;
+    --toc-sticky-top: var(--spacing-medium);
+    --toc-width: 200px;
+    --toc-max-height: calc(100vh - 2 * var(--spacing-medium) - 85px);
+
+    /* colors for various content boxes: @warning, @note, @deprecated @bug */
+    --warning-color: #faf3d8;
+    --warning-color-dark: #f3a600;
+    --warning-color-darker: #5f4204;
+    --note-color: #e4f3ff;
+    --note-color-dark: #1879C4;
+    --note-color-darker: #274a5c;
+    --todo-color: #e4dafd;
+    --todo-color-dark: #5b2bdd;
+    --todo-color-darker: #2a0d72;
+    --deprecated-color: #ecf0f3;
+    --deprecated-color-dark: #5b6269;
+    --deprecated-color-darker: #43454a;
+    --bug-color: #f8d1cc;
+    --bug-color-dark: #b61825;
+    --bug-color-darker: #75070f;
+    --invariant-color: #d8f1e3;
+    --invariant-color-dark: #44b86f;
+    --invariant-color-darker: #265532;
+
+    /* blockquote colors */
+    --blockquote-background: #f8f9fa;
+    --blockquote-foreground: #636568;
+
+    /* table colors */
+    --tablehead-background: #f1f1f1;
+    --tablehead-foreground: var(--page-foreground-color);
+
+    /* menu-display: block | none
+     * Visibility of the top navigation on screens >= 768px. On smaller screen the menu is always visible.
+     * `GENERATE_TREEVIEW` MUST be enabled!
+     */
+    --menu-display: block;
+
+    --menu-focus-foreground: var(--page-background-color);
+    --menu-focus-background: var(--primary-color);
+    --menu-selected-background: rgba(0,0,0,.05);
+
+
+    --header-background: var(--page-background-color);
+    --header-foreground: var(--page-foreground-color);
+
+    /* searchbar colors */
+    --searchbar-background: var(--side-nav-background);
+    --searchbar-foreground: var(--page-foreground-color);
+
+    /* searchbar size
+     * (`searchbar-width` is only applied on screens >= 768px.
+     * on smaller screens the searchbar will always fill the entire screen width) */
+    --searchbar-height: 33px;
+    --searchbar-width: 210px;
+    --searchbar-border-radius: var(--searchbar-height);
+
+    /* code block colors */
+    --code-background: #f5f5f5;
+    --code-foreground: var(--page-foreground-color);
+
+    /* fragment colors */
+    --fragment-background: #F8F9FA;
+    --fragment-foreground: #37474F;
+    --fragment-keyword: #bb6bb2;
+    --fragment-keywordtype: #8258b3;
+    --fragment-keywordflow: #d67c3b;
+    --fragment-token: #438a59;
+    --fragment-comment: #969696;
+    --fragment-link: #5383d6;
+    --fragment-preprocessor: #46aaa5;
+    --fragment-linenumber-color: #797979;
+    --fragment-linenumber-background: #f4f4f5;
+    --fragment-linenumber-border: #e3e5e7;
+    --fragment-lineheight: 20px;
+
+    /* sidebar navigation (treeview) colors */
+    --side-nav-background: #fbfbfb;
+    --side-nav-foreground: var(--page-foreground-color);
+    --side-nav-arrow-opacity: 0;
+    --side-nav-arrow-hover-opacity: 0.9;
+
+    --toc-background: var(--side-nav-background);
+    --toc-foreground: var(--side-nav-foreground);
+
+    /* height of an item in any tree / collapsible table */
+    --tree-item-height: 30px;
+
+    --memname-font-size: var(--code-font-size);
+    --memtitle-font-size: 18px;
+
+    --webkit-scrollbar-size: 7px;
+    --webkit-scrollbar-padding: 4px;
+    --webkit-scrollbar-color: var(--separator-color);
+
+    --animation-duration: .12s
+}
+
+@media screen and (max-width: 767px) {
+    html {
+        --page-font-size: 16px;
+        --navigation-font-size: 16px;
+        --toc-font-size: 15px;
+        --code-font-size: 15px; /* affects code, fragment */
+        --title-font-size: 22px;
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    html:not(.light-mode) {
+        color-scheme: dark;
+
+        --primary-color: #1982d2;
+        --primary-dark-color: #86a9c4;
+        --primary-light-color: #4779ac;
+
+        --box-shadow: 0 2px 8px 0 rgba(0,0,0,.35);
+
+        --odd-color: rgba(100,100,100,.06);
+
+        --menu-selected-background: rgba(0,0,0,.4);
+
+        --page-background-color: #1C1D1F;
+        --page-foreground-color: #d2dbde;
+        --page-secondary-foreground-color: #859399;
+        --separator-color: #38393b;
+        --side-nav-background: #252628;
+
+        --code-background: #2a2c2f;
+
+        --tablehead-background: #2a2c2f;
+    
+        --blockquote-background: #222325;
+        --blockquote-foreground: #7e8c92;
+
+        --warning-color: #3b2e04;
+        --warning-color-dark: #f1b602;
+        --warning-color-darker: #ceb670;
+        --note-color: #163750;
+        --note-color-dark: #1982D2;
+        --note-color-darker: #dcf0fa;
+        --todo-color: #2a2536;
+        --todo-color-dark: #7661b3;
+        --todo-color-darker: #ae9ed6;
+        --deprecated-color: #2e323b;
+        --deprecated-color-dark: #738396;
+        --deprecated-color-darker: #abb0bd;
+        --bug-color: #2e1917;
+        --bug-color-dark: #ad2617;
+        --bug-color-darker: #f5b1aa;
+        --invariant-color: #303a35;
+        --invariant-color-dark: #76ce96;
+        --invariant-color-darker: #cceed5;
+
+        --fragment-background: #282c34;
+        --fragment-foreground: #dbe4eb;
+        --fragment-keyword: #cc99cd;
+        --fragment-keywordtype: #ab99cd;
+        --fragment-keywordflow: #e08000;
+        --fragment-token: #7ec699;
+        --fragment-comment: #999999;
+        --fragment-link: #98c0e3;
+        --fragment-preprocessor: #65cabe;
+        --fragment-linenumber-color: #cccccc;
+        --fragment-linenumber-background: #35393c;
+        --fragment-linenumber-border: #1f1f1f;
+    }
+}
+
+/* dark mode variables are defined twice, to support both the dark-mode without and with doxygen-awesome-darkmode-toggle.js */
+html.dark-mode {
+    color-scheme: dark;
+
+    --primary-color: #1982d2;
+    --primary-dark-color: #86a9c4;
+    --primary-light-color: #4779ac;
+
+    --box-shadow: 0 2px 8px 0 rgba(0,0,0,.30);
+
+    --odd-color: rgba(100,100,100,.06);
+
+    --menu-selected-background: rgba(0,0,0,.4);
+
+    --page-background-color: #1C1D1F;
+    --page-foreground-color: #d2dbde;
+    --page-secondary-foreground-color: #859399;
+    --separator-color: #38393b;
+    --side-nav-background: #252628;
+
+    --code-background: #2a2c2f;
+
+    --tablehead-background: #2a2c2f;
+
+    --blockquote-background: #222325;
+    --blockquote-foreground: #7e8c92;
+
+    --warning-color: #3b2e04;
+    --warning-color-dark: #f1b602;
+    --warning-color-darker: #ceb670;
+    --note-color: #163750;
+    --note-color-dark: #1982D2;
+    --note-color-darker: #dcf0fa;
+    --todo-color: #2a2536;
+    --todo-color-dark: #7661b3;
+    --todo-color-darker: #ae9ed6;
+    --deprecated-color: #2e323b;
+    --deprecated-color-dark: #738396;
+    --deprecated-color-darker: #abb0bd;
+    --bug-color: #2e1917;
+    --bug-color-dark: #ad2617;
+    --bug-color-darker: #f5b1aa;
+    --invariant-color: #303a35;
+    --invariant-color-dark: #76ce96;
+    --invariant-color-darker: #cceed5;
+
+    --fragment-background: #282c34;
+    --fragment-foreground: #dbe4eb;
+    --fragment-keyword: #cc99cd;
+    --fragment-keywordtype: #ab99cd;
+    --fragment-keywordflow: #e08000;
+    --fragment-token: #7ec699;
+    --fragment-comment: #999999;
+    --fragment-link: #98c0e3;
+    --fragment-preprocessor: #65cabe;
+    --fragment-linenumber-color: #cccccc;
+    --fragment-linenumber-background: #35393c;
+    --fragment-linenumber-border: #1f1f1f;
+}
+
+body {
+    color: var(--page-foreground-color);
+    background-color: var(--page-background-color);
+    font-size: var(--page-font-size);
+}
+
+body, table, div, p, dl, #nav-tree .label, .title,
+.sm-dox a, .sm-dox a:hover, .sm-dox a:focus, #projectname,
+.SelectItem, #MSearchField, .navpath li.navelem a,
+.navpath li.navelem a:hover, p.reference, p.definition, div.toc li, div.toc h3 {
+    font-family: var(--font-family);
+}
+
+h1, h2, h3, h4, h5 {
+    margin-top: 1em;
+    font-weight: 600;
+    line-height: initial;
+}
+
+p, div, table, dl, p.reference, p.definition {
+    font-size: var(--page-font-size);
+}
+
+p.reference, p.definition {
+    color: var(--page-secondary-foreground-color);
+}
+
+a:link, a:visited, a:hover, a:focus, a:active {
+    color: var(--primary-color) !important;
+    font-weight: 500;
+}
+
+a.anchor {
+    scroll-margin-top: var(--spacing-large);
+    display: block;
+}
+
+/*
+ Title and top navigation
+ */
+
+#top {
+    background: var(--header-background);
+    border-bottom: 1px solid var(--separator-color);
+}
+
+@media screen and (min-width: 768px) {
+    #top {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        align-items: center;
+    }
+}
+
+#main-nav {
+    flex-grow: 5;
+    padding: var(--spacing-small) var(--spacing-medium);
+}
+
+#titlearea {
+    width: auto;
+    padding: var(--spacing-medium) var(--spacing-large);
+    background: none;
+    color: var(--header-foreground);
+    border-bottom: none;
+}
+
+@media screen and (max-width: 767px) {
+    #titlearea {
+        padding-bottom: var(--spacing-small);
+    }
+}
+
+#titlearea table tbody tr {
+    height: auto !important;
+}
+
+#projectname {
+    font-size: var(--title-font-size);
+    font-weight: 600;
+}
+
+#projectnumber {
+    font-family: inherit;
+    font-size: 60%;
+}
+
+#projectbrief {
+    font-family: inherit;
+    font-size: 80%;
+}
+
+#projectlogo {
+    vertical-align: middle;
+}
+
+#projectlogo img {
+    max-height: calc(var(--title-font-size) * 2);
+    margin-right: var(--spacing-small);
+}
+
+.sm-dox, .tabs, .tabs2, .tabs3 {
+    background: none;
+    padding: 0;
+}
+
+.tabs, .tabs2, .tabs3 {
+    border-bottom: 1px solid var(--separator-color);
+    margin-bottom: -1px;
+}
+
+.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
+    background: var(--page-secondary-foreground-color);
+}
+
+@media screen and (max-width: 767px) {
+    .sm-dox a span.sub-arrow {
+        background: var(--code-background);
+    }
+
+    #main-menu a.has-submenu span.sub-arrow {
+        color: var(--page-secondary-foreground-color);
+        border-radius: var(--border-radius-medium);
+    }
+
+    #main-menu a.has-submenu:hover span.sub-arrow {
+        color: var(--page-foreground-color);
+    }
+}
+
+@media screen and (min-width: 768px) {
+    .sm-dox li, .tablist li {
+        display: var(--menu-display);
+    }
+
+    .sm-dox a span.sub-arrow {
+        border-color: var(--header-foreground) transparent transparent transparent;
+    }
+
+    .sm-dox a:hover span.sub-arrow {
+        border-color: var(--menu-focus-foreground) transparent transparent transparent;
+    }
+
+    .sm-dox ul a span.sub-arrow {
+        border-color: transparent transparent transparent var(--page-foreground-color);
+    }
+
+    .sm-dox ul a:hover span.sub-arrow {
+        border-color: transparent transparent transparent var(--menu-focus-foreground);
+    }
+}
+
+.sm-dox ul {
+    background: var(--page-background-color);
+    box-shadow: var(--box-shadow);
+    border: 1px solid var(--separator-color);
+    border-radius: var(--border-radius-medium) !important;
+    padding: var(--spacing-small);
+    animation: ease-out 150ms slideInMenu;
+}
+
+@keyframes slideInMenu {
+    from {
+        opacity: 0;
+        transform: translate(0px, -2px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translate(0px, 0px);
+    }
+}
+
+.sm-dox ul a {
+    color: var(--page-foreground-color) !important;
+    background: var(--page-background-color);
+    font-size: var(--navigation-font-size);
+}
+
+.sm-dox>li>ul:after {
+    border-bottom-color: var(--page-background-color) !important;
+}
+
+.sm-dox>li>ul:before {
+    border-bottom-color: var(--separator-color) !important;
+}
+
+.sm-dox ul a:hover, .sm-dox ul a:active, .sm-dox ul a:focus {
+    font-size: var(--navigation-font-size) !important;
+    color: var(--menu-focus-foreground) !important;
+    text-shadow: none;
+    background-color: var(--menu-focus-background);
+    border-radius: var(--border-radius-small) !important;
+}
+
+.sm-dox a, .sm-dox a:focus, .tablist li, .tablist li a, .tablist li.current a {
+    text-shadow: none;
+    background: transparent;
+    background-image: none !important;
+    color: var(--header-foreground) !important;
+    font-weight: normal;
+    font-size: var(--navigation-font-size);
+    border-radius: var(--border-radius-small) !important;
+}
+
+.sm-dox a:focus {
+    outline: auto;
+}
+
+.sm-dox a:hover, .sm-dox a:active, .tablist li a:hover {
+    text-shadow: none;
+    font-weight: normal;
+    background: var(--menu-focus-background);
+    color: var(--menu-focus-foreground) !important;
+    border-radius: var(--border-radius-small) !important;
+    font-size: var(--navigation-font-size);
+}
+
+.tablist li.current {
+    border-radius: var(--border-radius-small);
+    background: var(--menu-selected-background);
+}
+
+.tablist li {
+    margin: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small);
+}
+
+.tablist a {
+    padding: 0 var(--spacing-large);
+}
+
+
+/*
+ Search box
+ */
+
+#MSearchBox {
+    height: var(--searchbar-height);
+    background: var(--searchbar-background);
+    border-radius: var(--searchbar-border-radius);
+    border: 1px solid var(--separator-color);
+    overflow: hidden;
+    width: var(--searchbar-width);
+    position: relative;
+    box-shadow: none;
+    display: block;
+    margin-top: 0;
+}
+
+/* until Doxygen 1.9.4 */
+.left img#MSearchSelect {
+    left: 0;
+    user-select: none;
+    padding-left: 8px;
+}
+
+/* Doxygen 1.9.5 */
+.left span#MSearchSelect {
+    left: 0;
+    user-select: none;
+    margin-left: 8px;
+    padding: 0;
+}
+
+.left #MSearchSelect[src$=".png"] {
+    padding-left: 0
+}
+
+.SelectionMark {
+    user-select: none;
+}
+
+.tabs .left #MSearchSelect {
+    padding-left: 0;
+}
+
+.tabs #MSearchBox {
+    position: absolute;
+    right: var(--spacing-medium);
+}
+
+@media screen and (max-width: 767px) {
+    .tabs #MSearchBox {
+        position: relative;
+        right: 0;
+        margin-left: var(--spacing-medium);
+        margin-top: 0;
+    }
+}
+
+#MSearchSelectWindow, #MSearchResultsWindow {
+    z-index: 9999;
+}
+
+#MSearchBox.MSearchBoxActive {
+    border-color: var(--primary-color);
+    box-shadow: inset 0 0 0 1px var(--primary-color);
+}
+
+#main-menu > li:last-child {
+    margin-right: 0;
+}
+
+@media screen and (max-width: 767px) {
+    #main-menu > li:last-child {
+        height: 50px;
+    }
+}
+
+#MSearchField {
+    font-size: var(--navigation-font-size);
+    height: calc(var(--searchbar-height) - 2px);
+    background: transparent;
+    width: calc(var(--searchbar-width) - 64px);
+}
+
+.MSearchBoxActive #MSearchField {
+    color: var(--searchbar-foreground);
+}
+
+#MSearchSelect {
+    top: calc(calc(var(--searchbar-height) / 2) - 11px);
+}
+
+#MSearchBox span.left, #MSearchBox span.right {
+    background: none;
+    background-image: none;
+}
+
+#MSearchBox span.right {
+    padding-top: calc(calc(var(--searchbar-height) / 2) - 12px);
+    position: absolute;
+    right: var(--spacing-small);
+}
+
+.tabs #MSearchBox span.right {
+    top: calc(calc(var(--searchbar-height) / 2) - 12px);
+}
+
+@keyframes slideInSearchResults {
+    from {
+        opacity: 0;
+        transform: translate(0, 15px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translate(0, 20px);
+    }
+}
+
+#MSearchResultsWindow {
+    left: auto !important;
+    right: var(--spacing-medium);
+    border-radius: var(--border-radius-large);
+    border: 1px solid var(--separator-color);
+    transform: translate(0, 20px);
+    box-shadow: var(--box-shadow);
+    animation: ease-out 280ms slideInSearchResults;
+    background: var(--page-background-color);
+}
+
+iframe#MSearchResults {
+    margin: 4px;
+}
+
+iframe {
+    color-scheme: normal;
+}
+
+@media (prefers-color-scheme: dark) {
+    html:not(.light-mode) iframe#MSearchResults {
+        filter: invert() hue-rotate(180deg);
+    }
+}
+
+html.dark-mode iframe#MSearchResults {
+    filter: invert() hue-rotate(180deg);
+}
+
+#MSearchResults .SRPage {
+    background-color: transparent;
+}
+
+#MSearchResults .SRPage .SREntry {
+    font-size: 10pt;
+    padding: var(--spacing-small) var(--spacing-medium);
+}
+
+#MSearchSelectWindow {
+    border: 1px solid var(--separator-color);
+    border-radius: var(--border-radius-medium);
+    box-shadow: var(--box-shadow);
+    background: var(--page-background-color);
+    padding-top: var(--spacing-small);
+    padding-bottom: var(--spacing-small);
+}
+
+#MSearchSelectWindow a.SelectItem {
+    font-size: var(--navigation-font-size);
+    line-height: var(--content-line-height);
+    margin: 0 var(--spacing-small);
+    border-radius: var(--border-radius-small);
+    color: var(--page-foreground-color) !important;
+    font-weight: normal;
+}
+
+#MSearchSelectWindow a.SelectItem:hover {
+    background: var(--menu-focus-background);
+    color: var(--menu-focus-foreground) !important;
+}
+
+@media screen and (max-width: 767px) {
+    #MSearchBox {
+        margin-top: var(--spacing-medium);
+        margin-bottom: var(--spacing-medium);
+        width: calc(100vw - 30px);
+    }
+
+    #main-menu > li:last-child {
+        float: none !important;
+    }
+
+    #MSearchField {
+        width: calc(100vw - 110px);
+    }
+
+    @keyframes slideInSearchResultsMobile {
+        from {
+            opacity: 0;
+            transform: translate(0, 15px);
+        }
+
+        to {
+            opacity: 1;
+            transform: translate(0, 20px);
+        }
+    }
+
+    #MSearchResultsWindow {
+        left: var(--spacing-medium) !important;
+        right: var(--spacing-medium);
+        overflow: auto;
+        transform: translate(0, 20px);
+        animation: ease-out 280ms slideInSearchResultsMobile;
+        width: auto !important;
+    }
+
+    /*
+     * Overwrites for fixing the searchbox on mobile in doxygen 1.9.2
+     */
+    label.main-menu-btn ~ #searchBoxPos1 {
+        top: 3px !important;
+        right: 6px !important;
+        left: 45px;
+        display: flex;
+    }
+
+    label.main-menu-btn ~ #searchBoxPos1 > #MSearchBox {
+        margin-top: 0;
+        margin-bottom: 0;
+        flex-grow: 2;
+        float: left;
+    }
+}
+
+/*
+ Tree view
+ */
+
+#side-nav {
+    padding: 0 !important;
+    background: var(--side-nav-background);
+    min-width: 8px;
+    max-width: 50vw;
+}
+
+@media screen and (max-width: 767px) {
+    #side-nav {
+        display: none;
+    }
+
+    #doc-content {
+        margin-left: 0 !important;
+    }
+}
+
+#nav-tree {
+    background: transparent;
+    margin-right: 1px;
+}
+
+#nav-tree .label {
+    font-size: var(--navigation-font-size);
+}
+
+#nav-tree .item {
+    height: var(--tree-item-height);
+    line-height: var(--tree-item-height);
+}
+
+#nav-sync {
+    bottom: 12px;
+    right: 12px;
+    top: auto !important;
+    user-select: none;
+}
+
+#nav-tree .selected {
+    text-shadow: none;
+    background-image: none;
+    background-color: transparent;
+    position: relative;
+}
+
+#nav-tree .selected::after {
+    content: "";
+    position: absolute;
+    top: 1px;
+    bottom: 1px;
+    left: 0;
+    width: 4px;
+    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
+    background: var(--primary-color);
+}
+
+
+#nav-tree a {
+    color: var(--side-nav-foreground) !important;
+    font-weight: normal;
+}
+
+#nav-tree a:focus {
+    outline-style: auto;
+}
+
+#nav-tree .arrow {
+    opacity: var(--side-nav-arrow-opacity);
+}
+
+.arrow {
+    color: inherit;
+    cursor: pointer;
+    font-size: 45%;
+    vertical-align: middle;
+    margin-right: 2px;
+    font-family: serif;
+    height: auto;
+    text-align: right;
+}
+
+#nav-tree div.item:hover .arrow, #nav-tree a:focus .arrow {
+    opacity: var(--side-nav-arrow-hover-opacity);
+}
+
+#nav-tree .selected a {
+    color: var(--primary-color) !important;
+    font-weight: bolder;
+    font-weight: 600;
+}
+
+.ui-resizable-e {
+    width: 4px;
+    background: transparent;
+    box-shadow: inset -1px 0 0 0 var(--separator-color);
+}
+
+/*
+ Contents
+ */
+
+div.header {
+    border-bottom: 1px solid var(--separator-color);
+    background-color: var(--page-background-color);
+    background-image: none;
+}
+
+@media screen and (min-width: 1000px) {
+    #doc-content > div > div.contents,
+    .PageDoc > div.contents {
+        display: flex;
+        flex-direction: row-reverse;
+        flex-wrap: nowrap;
+        align-items: flex-start;
+    }
+    
+    div.contents .textblock {
+        min-width: 200px;
+        flex-grow: 1;
+    }
+}
+
+div.contents, div.header .title, div.header .summary {
+    max-width: var(--content-maxwidth);
+}
+
+div.contents, div.header .title  {
+    line-height: initial;
+    margin: calc(var(--spacing-medium) + .2em) auto var(--spacing-medium) auto;
+}
+
+div.header .summary {
+    margin: var(--spacing-medium) auto 0 auto;
+}
+
+div.headertitle {
+    padding: 0;
+}
+
+div.header .title {
+    font-weight: 600;
+    font-size: 225%;
+    padding: var(--spacing-medium) var(--spacing-large);
+    word-break: break-word;
+}
+
+div.header .summary {
+    width: auto;
+    display: block;
+    float: none;
+    padding: 0 var(--spacing-large);
+}
+
+td.memSeparator {
+    border-color: var(--separator-color);
+}
+
+span.mlabel {
+    background: var(--primary-color);
+    border: none;
+    padding: 4px 9px;
+    border-radius: 12px;
+    margin-right: var(--spacing-medium);
+}
+
+span.mlabel:last-of-type {
+    margin-right: 2px;
+}
+
+div.contents {
+    padding: 0 var(--spacing-large);
+}
+
+div.contents p, div.contents li {
+    line-height: var(--content-line-height);
+}
+
+div.contents div.dyncontent {
+    margin: var(--spacing-medium) 0;
+}
+
+@media (prefers-color-scheme: dark) {
+    html:not(.light-mode) div.contents div.dyncontent img,
+    html:not(.light-mode) div.contents center img,
+    html:not(.light-mode) div.contents > table img,
+    html:not(.light-mode) div.contents div.dyncontent iframe,
+    html:not(.light-mode) div.contents center iframe,
+    html:not(.light-mode) div.contents table iframe,
+    html:not(.light-mode) div.contents .dotgraph iframe {
+        filter: brightness(89%) hue-rotate(180deg) invert();
+    }
+}
+
+html.dark-mode div.contents div.dyncontent img,
+html.dark-mode div.contents center img,
+html.dark-mode div.contents > table img,
+html.dark-mode div.contents div.dyncontent iframe,
+html.dark-mode div.contents center iframe,
+html.dark-mode div.contents table iframe,
+html.dark-mode div.contents .dotgraph iframe
+ {
+    filter: brightness(89%) hue-rotate(180deg) invert();
+}
+
+h2.groupheader {
+    border-bottom: 0px;
+    color: var(--page-foreground-color);
+    box-shadow: 
+        100px 0 var(--page-background-color), 
+        -100px 0 var(--page-background-color),
+        100px 0.75px var(--separator-color),
+        -100px 0.75px var(--separator-color),
+        500px 0 var(--page-background-color), 
+        -500px 0 var(--page-background-color),
+        500px 0.75px var(--separator-color),
+        -500px 0.75px var(--separator-color),
+        900px 0 var(--page-background-color), 
+        -900px 0 var(--page-background-color),
+        900px 0.75px var(--separator-color),
+        -900px 0.75px var(--separator-color),
+        1400px 0 var(--page-background-color),
+        -1400px 0 var(--page-background-color), 
+        1400px 0.75px var(--separator-color),
+        -1400px 0.75px var(--separator-color),
+        1900px 0 var(--page-background-color),
+        -1900px 0 var(--page-background-color),
+        1900px 0.75px var(--separator-color),
+        -1900px 0.75px var(--separator-color);
+}
+
+blockquote {
+    margin: 0 var(--spacing-medium) 0 var(--spacing-medium);
+    padding: var(--spacing-small) var(--spacing-large);
+    background: var(--blockquote-background);
+    color: var(--blockquote-foreground);
+    border-left: 0;
+    overflow: visible;
+    border-radius: var(--border-radius-medium);
+    overflow: visible;
+    position: relative;
+}
+
+blockquote::before, blockquote::after {
+    font-weight: bold;
+    font-family: serif;
+    font-size: 360%;
+    opacity: .15;
+    position: absolute;
+}
+
+blockquote::before {
+    content: "“";
+    left: -10px;
+    top: 4px;
+}
+
+blockquote::after {
+    content: "”";
+    right: -8px;
+    bottom: -25px;
+}
+
+blockquote p {
+    margin: var(--spacing-small) 0 var(--spacing-medium) 0;
+}
+.paramname {
+    font-weight: 600;
+    color: var(--primary-dark-color);
+}
+
+.paramname > code {
+    border: 0;
+}
+
+table.params .paramname {
+    font-weight: 600;
+    font-family: var(--font-family-monospace);
+    font-size: var(--code-font-size);
+    padding-right: var(--spacing-small);
+    line-height: var(--table-line-height);
+}
+
+h1.glow, h2.glow, h3.glow, h4.glow, h5.glow, h6.glow {
+    text-shadow: 0 0 15px var(--primary-light-color);
+}
+
+.alphachar a {
+    color: var(--page-foreground-color);
+}
+
+.dotgraph {
+    max-width: 100%;
+    overflow-x: scroll;
+}
+
+.dotgraph .caption {
+    position: sticky;
+    left: 0;
+}
+
+/* Wrap Graphviz graphs with the `interactive_dotgraph` class if `INTERACTIVE_SVG = YES` */
+.interactive_dotgraph .dotgraph iframe {
+    max-width: 100%;
+}
+
+/*
+ Table of Contents
+ */
+
+div.contents .toc {
+    max-height: var(--toc-max-height);
+    min-width: var(--toc-width);
+    border: 0;
+    border-left: 1px solid var(--separator-color);
+    border-radius: 0;
+    background-color: transparent;
+    box-shadow: none;
+    position: sticky;
+    top: var(--toc-sticky-top);
+    padding: 0 var(--spacing-large);
+    margin: var(--spacing-small) 0 var(--spacing-large) var(--spacing-large);
+}
+
+div.toc h3 {
+    color: var(--toc-foreground);
+    font-size: var(--navigation-font-size);
+    margin: var(--spacing-large) 0 var(--spacing-medium) 0;
+}
+
+div.toc li {
+    padding: 0;
+    background: none;
+    line-height: var(--toc-font-size);
+    margin: var(--toc-font-size) 0 0 0;
+}
+
+div.toc li::before {
+    display: none;
+}
+
+div.toc ul {
+    margin-top: 0
+}
+
+div.toc li a {
+    font-size: var(--toc-font-size);
+    color: var(--page-foreground-color) !important;
+    text-decoration: none;
+}
+
+div.toc li a:hover, div.toc li a.active {
+    color: var(--primary-color) !important;
+}
+
+div.toc li a.aboveActive {
+    color: var(--page-secondary-foreground-color) !important;
+}
+
+
+@media screen and (max-width: 999px) {
+    div.contents .toc {
+        max-height: 45vh;
+        float: none;
+        width: auto;
+        margin: 0 0 var(--spacing-medium) 0;
+        position: relative;
+        top: 0;
+        position: relative;
+        border: 1px solid var(--separator-color);
+        border-radius: var(--border-radius-medium);
+        background-color: var(--toc-background);
+        box-shadow: var(--box-shadow);
+    }
+
+    div.contents .toc.interactive {
+        max-height: calc(var(--navigation-font-size) + 2 * var(--spacing-large));
+        overflow: hidden;
+    }
+
+    div.contents .toc > h3 {
+        -webkit-tap-highlight-color: transparent;
+        cursor: pointer;
+        position: sticky;
+        top: 0;
+        background-color: var(--toc-background);
+        margin: 0;
+        padding: var(--spacing-large) 0;
+        display: block;
+    }
+
+    div.contents .toc.interactive > h3::before {
+        content: "";
+        width: 0; 
+        height: 0; 
+        border-left: 4px solid transparent;
+        border-right: 4px solid transparent;
+        border-top: 5px solid var(--primary-color);
+        display: inline-block;
+        margin-right: var(--spacing-small);
+        margin-bottom: calc(var(--navigation-font-size) / 4);
+        transform: rotate(-90deg);
+        transition: transform var(--animation-duration) ease-out;
+    }
+
+    div.contents .toc.interactive.open > h3::before {
+        transform: rotate(0deg);
+    }
+
+    div.contents .toc.interactive.open {
+        max-height: 45vh;
+        overflow: auto;
+        transition: max-height 0.2s ease-in-out;
+    }
+
+    div.contents .toc a, div.contents .toc a.active {
+        color: var(--primary-color) !important;
+    }
+
+    div.contents .toc a:hover {
+        text-decoration: underline;
+    }
+}
+
+/*
+ Code & Fragments
+ */
+
+code, div.fragment, pre.fragment {
+    border-radius: var(--border-radius-small);
+    border: 1px solid var(--separator-color);
+    overflow: hidden;
+}
+
+code {
+    display: inline;
+    background: var(--code-background);
+    color: var(--code-foreground);
+    padding: 2px 6px;
+}
+
+div.fragment, pre.fragment {
+    margin: var(--spacing-medium) 0;
+    padding: calc(var(--spacing-large) - (var(--spacing-large) / 6)) var(--spacing-large);
+    background: var(--fragment-background);
+    color: var(--fragment-foreground);
+    overflow-x: auto;
+}
+
+@media screen and (max-width: 767px) {
+    div.fragment, pre.fragment {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        border-right: 0;
+    }
+
+    .contents > div.fragment,
+    .textblock > div.fragment,
+    .textblock > pre.fragment,
+    .textblock > .tabbed > ul > li > div.fragment,
+    .textblock > .tabbed > ul > li > pre.fragment,
+    .contents > .doxygen-awesome-fragment-wrapper > div.fragment,
+    .textblock > .doxygen-awesome-fragment-wrapper > div.fragment,
+    .textblock > .doxygen-awesome-fragment-wrapper > pre.fragment,
+    .textblock > .tabbed > ul > li > .doxygen-awesome-fragment-wrapper > div.fragment,
+    .textblock > .tabbed > ul > li > .doxygen-awesome-fragment-wrapper > pre.fragment {
+        margin: var(--spacing-medium) calc(0px - var(--spacing-large));
+        border-radius: 0;
+        border-left: 0;
+    }
+
+    .textblock li > .fragment,
+    .textblock li > .doxygen-awesome-fragment-wrapper > .fragment {
+        margin: var(--spacing-medium) calc(0px - var(--spacing-large));
+    }
+
+    .memdoc li > .fragment,
+    .memdoc li > .doxygen-awesome-fragment-wrapper > .fragment {
+        margin: var(--spacing-medium) calc(0px - var(--spacing-medium));
+    }
+
+    .textblock ul, .memdoc ul {
+        overflow: initial;
+    }
+
+    .memdoc > div.fragment,
+    .memdoc > pre.fragment,
+    dl dd > div.fragment,
+    dl dd pre.fragment,
+    .memdoc > .doxygen-awesome-fragment-wrapper > div.fragment,
+    .memdoc > .doxygen-awesome-fragment-wrapper > pre.fragment,
+    dl dd > .doxygen-awesome-fragment-wrapper > div.fragment,
+    dl dd .doxygen-awesome-fragment-wrapper > pre.fragment {
+        margin: var(--spacing-medium) calc(0px - var(--spacing-medium));
+        border-radius: 0;
+        border-left: 0;
+    }
+}
+
+code, code a, pre.fragment, div.fragment, div.fragment .line, div.fragment span, div.fragment .line a, div.fragment .line span {
+    font-family: var(--font-family-monospace);
+    font-size: var(--code-font-size) !important;
+}
+
+div.line:after {
+    margin-right: var(--spacing-medium);
+}
+
+div.fragment .line, pre.fragment {
+    white-space: pre;
+    word-wrap: initial;
+    line-height: var(--fragment-lineheight);
+}
+
+div.fragment span.keyword {
+    color: var(--fragment-keyword);
+}
+
+div.fragment span.keywordtype {
+    color: var(--fragment-keywordtype);
+}
+
+div.fragment span.keywordflow {
+    color: var(--fragment-keywordflow);
+}
+
+div.fragment span.stringliteral {
+    color: var(--fragment-token)
+}
+
+div.fragment span.comment {
+    color: var(--fragment-comment);
+}
+
+div.fragment a.code {
+    color: var(--fragment-link) !important;
+}
+
+div.fragment span.preprocessor {
+    color: var(--fragment-preprocessor);
+}
+
+div.fragment span.lineno {
+    display: inline-block;
+    width: 27px;
+    border-right: none;
+    background: var(--fragment-linenumber-background);
+    color: var(--fragment-linenumber-color);
+}
+
+div.fragment span.lineno a {
+    background: none;
+    color: var(--fragment-link) !important;
+}
+
+div.fragment > .line:first-child .lineno {
+    box-shadow: -999999px 0px 0 999999px var(--fragment-linenumber-background), -999998px 0px 0 999999px var(--fragment-linenumber-border);
+    background-color: var(--fragment-linenumber-background) !important;
+}
+
+div.line {
+    border-radius: var(--border-radius-small);
+}
+
+div.line.glow {
+    background-color: var(--primary-light-color);
+    box-shadow: none;
+}
+
+/*
+ dl warning, attention, note, deprecated, bug, ...
+ */
+
+dl.bug dt a, dl.deprecated dt a, dl.todo dt a {
+    font-weight: bold !important;
+}
+
+dl.warning, dl.attention, dl.note, dl.deprecated, dl.bug, dl.invariant, dl.pre, dl.post, dl.todo, dl.remark {
+    padding: var(--spacing-medium);
+    margin: var(--spacing-medium) 0;
+    color: var(--page-background-color);
+    overflow: hidden;
+    margin-left: 0;
+    border-radius: var(--border-radius-small);
+}
+
+dl.section dd {
+    margin-bottom: 2px;
+}
+
+dl.warning, dl.attention {
+    background: var(--warning-color);
+    border-left: 8px solid var(--warning-color-dark);
+    color: var(--warning-color-darker);
+}
+
+dl.warning dt, dl.attention dt {
+    color: var(--warning-color-dark);
+}
+
+dl.note, dl.remark {
+    background: var(--note-color);
+    border-left: 8px solid var(--note-color-dark);
+    color: var(--note-color-darker);
+}
+
+dl.note dt, dl.remark dt {
+    color: var(--note-color-dark);
+}
+
+dl.todo {
+    background: var(--todo-color);
+    border-left: 8px solid var(--todo-color-dark);
+    color: var(--todo-color-darker);
+}
+
+dl.todo dt a {
+    color: var(--todo-color-dark) !important;
+}
+
+dl.bug dt a {
+    color: var(--todo-color-dark) !important;
+}
+
+dl.bug {
+    background: var(--bug-color);
+    border-left: 8px solid var(--bug-color-dark);
+    color: var(--bug-color-darker);
+}
+
+dl.bug dt a {
+    color: var(--bug-color-dark) !important;
+}
+
+dl.deprecated {
+    background: var(--deprecated-color);
+    border-left: 8px solid var(--deprecated-color-dark);
+    color: var(--deprecated-color-darker);
+}
+
+dl.deprecated dt a {
+    color: var(--deprecated-color-dark) !important;
+}
+
+dl.section dd, dl.bug dd, dl.deprecated dd, dl.todo dd {
+    margin-inline-start: 0px;
+}
+
+dl.invariant, dl.pre, dl.post {
+    background: var(--invariant-color);
+    border-left: 8px solid var(--invariant-color-dark);
+    color: var(--invariant-color-darker);
+}
+
+dl.invariant dt, dl.pre dt, dl.post dt {
+    color: var(--invariant-color-dark);
+}
+
+/*
+ memitem
+ */
+
+div.memdoc, div.memproto, h2.memtitle {
+    box-shadow: none;
+    background-image: none;
+    border: none;
+}
+
+div.memdoc {
+    padding: 0 var(--spacing-medium);
+    background: var(--page-background-color);
+}
+
+h2.memtitle, div.memitem {
+    border: 1px solid var(--separator-color);
+    box-shadow: var(--box-shadow);
+}
+
+h2.memtitle {
+    box-shadow: 0px var(--spacing-medium) 0 -1px var(--fragment-background), var(--box-shadow);
+}
+
+div.memitem {
+    transition: none;
+}
+
+div.memproto, h2.memtitle {
+    background: var(--fragment-background);
+}
+
+h2.memtitle {
+    font-weight: 500;
+    font-size: var(--memtitle-font-size);
+    font-family: var(--font-family-monospace);
+    border-bottom: none;
+    border-top-left-radius: var(--border-radius-medium);
+    border-top-right-radius: var(--border-radius-medium);
+    word-break: break-all;
+    position: relative;
+}
+
+h2.memtitle:after {
+    content: "";
+    display: block;
+    background: var(--fragment-background);
+    height: var(--spacing-medium);
+    bottom: calc(0px - var(--spacing-medium));
+    left: 0;
+    right: -14px;
+    position: absolute;
+    border-top-right-radius: var(--border-radius-medium);
+}
+
+h2.memtitle > span.permalink {
+    font-size: inherit;
+}
+
+h2.memtitle > span.permalink > a {
+    text-decoration: none;
+    padding-left: 3px;
+    margin-right: -4px;
+    user-select: none;
+    display: inline-block;
+    margin-top: -6px;
+}
+
+h2.memtitle > span.permalink > a:hover {
+    color: var(--primary-dark-color) !important;
+}
+
+a:target + h2.memtitle, a:target + h2.memtitle + div.memitem {
+    border-color: var(--primary-light-color);
+}
+
+div.memitem {
+    border-top-right-radius: var(--border-radius-medium);
+    border-bottom-right-radius: var(--border-radius-medium);
+    border-bottom-left-radius: var(--border-radius-medium);
+    overflow: hidden;
+    display: block !important;
+}
+
+div.memdoc {
+    border-radius: 0;
+}
+
+div.memproto {
+    border-radius: 0 var(--border-radius-small) 0 0;
+    overflow: auto;
+    border-bottom: 1px solid var(--separator-color);
+    padding: var(--spacing-medium);
+    margin-bottom: -1px;
+}
+
+div.memtitle {
+    border-top-right-radius: var(--border-radius-medium);
+    border-top-left-radius: var(--border-radius-medium);
+}
+
+div.memproto table.memname {
+    font-family: var(--font-family-monospace);
+    color: var(--page-foreground-color);
+    font-size: var(--memname-font-size);
+    text-shadow: none;
+}
+
+div.memproto div.memtemplate {
+    font-family: var(--font-family-monospace);
+    color: var(--primary-dark-color);
+    font-size: var(--memname-font-size);
+    margin-left: 2px;
+    text-shadow: none;
+}
+
+table.mlabels, table.mlabels > tbody {
+    display: block;
+}
+
+td.mlabels-left {
+    width: auto;
+}
+
+td.mlabels-right {
+    margin-top: 3px;
+    position: sticky;
+    left: 0;
+}
+
+table.mlabels > tbody > tr:first-child {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+
+.memname, .memitem span.mlabels {
+    margin: 0
+}
+
+/*
+ reflist
+ */
+
+dl.reflist {
+    box-shadow: var(--box-shadow);
+    border-radius: var(--border-radius-medium);
+    border: 1px solid var(--separator-color);
+    overflow: hidden;
+    padding: 0;
+}
+
+
+dl.reflist dt, dl.reflist dd {
+    box-shadow: none;
+    text-shadow: none;
+    background-image: none;
+    border: none;
+    padding: 12px;
+}
+
+
+dl.reflist dt {
+    font-weight: 500;
+    border-radius: 0;
+    background: var(--code-background);
+    border-bottom: 1px solid var(--separator-color);
+    color: var(--page-foreground-color)
+}
+
+
+dl.reflist dd {
+    background: none;
+}
+
+/*
+ Table
+ */
+
+.contents table:not(.memberdecls):not(.mlabels):not(.fieldtable):not(.memname),
+.contents table:not(.memberdecls):not(.mlabels):not(.fieldtable):not(.memname) tbody {
+    display: inline-block;
+    max-width: 100%;
+}
+
+.contents > table:not(.memberdecls):not(.mlabels):not(.fieldtable):not(.memname):not(.classindex) {
+    margin-left: calc(0px - var(--spacing-large));
+    margin-right: calc(0px - var(--spacing-large));
+    max-width: calc(100% + 2 * var(--spacing-large));
+}
+
+table.fieldtable,
+table.markdownTable tbody,
+table.doxtable tbody {
+    border: none;
+    margin: var(--spacing-medium) 0;
+    box-shadow: 0 0 0 1px var(--separator-color);
+    border-radius: var(--border-radius-small);
+}
+
+table.markdownTable, table.doxtable, table.fieldtable {
+    padding: 1px;
+}
+
+table.doxtable caption {
+    display: block;
+}
+
+table.fieldtable {
+    border-collapse: collapse;
+    width: 100%;
+}
+
+th.markdownTableHeadLeft,
+th.markdownTableHeadRight,
+th.markdownTableHeadCenter,
+th.markdownTableHeadNone,
+table.doxtable th {
+    background: var(--tablehead-background);
+    color: var(--tablehead-foreground);
+    font-weight: 600;
+    font-size: var(--page-font-size);
+}
+
+th.markdownTableHeadLeft:first-child,
+th.markdownTableHeadRight:first-child,
+th.markdownTableHeadCenter:first-child,
+th.markdownTableHeadNone:first-child,
+table.doxtable tr th:first-child {
+    border-top-left-radius: var(--border-radius-small);
+}
+
+th.markdownTableHeadLeft:last-child,
+th.markdownTableHeadRight:last-child,
+th.markdownTableHeadCenter:last-child,
+th.markdownTableHeadNone:last-child,
+table.doxtable tr th:last-child {
+    border-top-right-radius: var(--border-radius-small);
+}
+
+table.markdownTable td,
+table.markdownTable th,
+table.fieldtable td,
+table.fieldtable th,
+table.doxtable td,
+table.doxtable th {
+    border: 1px solid var(--separator-color);
+    padding: var(--spacing-small) var(--spacing-medium);
+}
+
+table.markdownTable td:last-child,
+table.markdownTable th:last-child,
+table.fieldtable td:last-child,
+table.fieldtable th:last-child,
+table.doxtable td:last-child,
+table.doxtable th:last-child {
+    border-right: none;
+}
+
+table.markdownTable td:first-child,
+table.markdownTable th:first-child,
+table.fieldtable td:first-child,
+table.fieldtable th:first-child,
+table.doxtable td:first-child,
+table.doxtable th:first-child {
+    border-left: none;
+}
+
+table.markdownTable tr:first-child td,
+table.markdownTable tr:first-child th,
+table.fieldtable tr:first-child td,
+table.fieldtable tr:first-child th,
+table.doxtable tr:first-child td,
+table.doxtable tr:first-child th {
+    border-top: none;
+}
+
+table.markdownTable tr:last-child td,
+table.markdownTable tr:last-child th,
+table.fieldtable tr:last-child td,
+table.fieldtable tr:last-child th,
+table.doxtable tr:last-child td,
+table.doxtable tr:last-child th {
+    border-bottom: none;
+}
+
+table.markdownTable tr, table.doxtable tr {
+    border-bottom: 1px solid var(--separator-color);
+}
+
+table.markdownTable tr:last-child, table.doxtable tr:last-child {
+    border-bottom: none;
+}
+
+.full_width_table table:not(.memberdecls):not(.mlabels):not(.fieldtable):not(.memname) {
+    display: block;
+}
+
+.full_width_table table:not(.memberdecls):not(.mlabels):not(.fieldtable):not(.memname) tbody {
+    display: table;
+    width: 100%;
+}
+
+table.fieldtable th {
+    font-size: var(--page-font-size);
+    font-weight: 600;
+    background-image: none;
+    background-color: var(--tablehead-background);
+    color: var(--tablehead-foreground);
+}
+
+table.fieldtable td.fieldtype, .fieldtable td.fieldname, .fieldtable td.fielddoc, .fieldtable th {
+    border-bottom: 1px solid var(--separator-color);
+    border-right: 1px solid var(--separator-color);
+}
+
+table.fieldtable tr:last-child td:first-child {
+    border-bottom-left-radius: var(--border-radius-small);
+}
+
+table.fieldtable tr:last-child td:last-child {
+    border-bottom-right-radius: var(--border-radius-small);
+}
+
+.memberdecls td.glow, .fieldtable tr.glow {
+    background-color: var(--primary-light-color);
+    box-shadow: none;
+}
+
+table.memberdecls {
+    display: block;
+    -webkit-tap-highlight-color: transparent;
+}
+
+table.memberdecls tr[class^='memitem'] {
+    font-family: var(--font-family-monospace);
+    font-size: var(--code-font-size);
+}
+
+table.memberdecls tr[class^='memitem'] .memTemplParams {
+    font-family: var(--font-family-monospace);
+    font-size: var(--code-font-size);
+    color: var(--primary-dark-color);
+    white-space: normal;
+}
+
+table.memberdecls .memItemLeft,
+table.memberdecls .memItemRight,
+table.memberdecls .memTemplItemLeft,
+table.memberdecls .memTemplItemRight,
+table.memberdecls .memTemplParams {
+    transition: none;
+    padding-top: var(--spacing-small);
+    padding-bottom: var(--spacing-small);
+    border-top: 1px solid var(--separator-color);
+    border-bottom: 1px solid var(--separator-color);
+    background-color: var(--fragment-background);
+}
+
+table.memberdecls .memTemplItemLeft,
+table.memberdecls .memTemplItemRight {
+    padding-top: 2px;
+}
+
+table.memberdecls .memTemplParams {
+    border-bottom: 0;
+    border-left: 1px solid var(--separator-color);
+    border-right: 1px solid var(--separator-color);
+    border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
+    padding-bottom: var(--spacing-small);
+}
+
+table.memberdecls .memTemplItemLeft {
+    border-radius: 0 0 0 var(--border-radius-small);
+    border-left: 1px solid var(--separator-color);
+    border-top: 0;
+}
+
+table.memberdecls .memTemplItemRight {
+    border-radius: 0 0 var(--border-radius-small) 0;
+    border-right: 1px solid var(--separator-color);
+    padding-left: 0;
+    border-top: 0;
+}
+
+table.memberdecls .memItemLeft {
+    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
+    border-left: 1px solid var(--separator-color);
+    padding-left: var(--spacing-medium);
+    padding-right: 0;
+}
+
+table.memberdecls .memItemRight  {
+    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
+    border-right: 1px solid var(--separator-color);
+    padding-right: var(--spacing-medium);
+    padding-left: 0;
+
+}
+
+table.memberdecls .mdescLeft, table.memberdecls .mdescRight {
+    background: none;
+    color: var(--page-foreground-color);
+    padding: var(--spacing-small) 0;
+}
+
+table.memberdecls .memItemLeft,
+table.memberdecls .memTemplItemLeft {
+    padding-right: var(--spacing-medium);
+}
+
+table.memberdecls .memSeparator {
+    background: var(--page-background-color);
+    height: var(--spacing-large);
+    border: 0;
+    transition: none;
+}
+
+table.memberdecls .groupheader {
+    margin-bottom: var(--spacing-large);
+}
+
+table.memberdecls .inherit_header td {
+    padding: 0 0 var(--spacing-medium) 0;
+    text-indent: -12px;
+    color: var(--page-secondary-foreground-color);
+}
+
+table.memberdecls img[src="closed.png"],
+table.memberdecls img[src="open.png"],
+div.dynheader img[src="open.png"],
+div.dynheader img[src="closed.png"] {
+    width: 0; 
+    height: 0; 
+    border-left: 4px solid transparent;
+    border-right: 4px solid transparent;
+    border-top: 5px solid var(--primary-color);
+    margin-top: 8px;
+    display: block;
+    float: left;
+    margin-left: -10px;
+    transition: transform var(--animation-duration) ease-out;
+}
+
+table.memberdecls img {
+    margin-right: 10px;
+}
+
+table.memberdecls img[src="closed.png"],
+div.dynheader img[src="closed.png"] {
+    transform: rotate(-90deg);
+    
+}
+
+.compoundTemplParams {
+    font-family: var(--font-family-monospace);
+    color: var(--primary-dark-color);
+    font-size: var(--code-font-size);
+}
+
+@media screen and (max-width: 767px) {
+
+    table.memberdecls .memItemLeft,
+    table.memberdecls .memItemRight,
+    table.memberdecls .mdescLeft,
+    table.memberdecls .mdescRight,
+    table.memberdecls .memTemplItemLeft,
+    table.memberdecls .memTemplItemRight,
+    table.memberdecls .memTemplParams {
+        display: block;
+        text-align: left;
+        padding-left: var(--spacing-large);
+        margin: 0 calc(0px - var(--spacing-large)) 0 calc(0px - var(--spacing-large));
+        border-right: none;
+        border-left: none;
+        border-radius: 0;
+        white-space: normal;
+    }
+
+    table.memberdecls .memItemLeft,
+    table.memberdecls .mdescLeft,
+    table.memberdecls .memTemplItemLeft {
+        border-bottom: 0;
+        padding-bottom: 0;
+    }
+
+    table.memberdecls .memTemplItemLeft {
+        padding-top: 0;
+    }
+
+    table.memberdecls .mdescLeft {
+        margin-bottom: calc(0px - var(--page-font-size));
+    }
+
+    table.memberdecls .memItemRight, 
+    table.memberdecls .mdescRight,
+    table.memberdecls .memTemplItemRight {
+        border-top: 0;
+        padding-top: 0;
+        padding-right: var(--spacing-large);
+        overflow-x: auto;
+    }
+
+    table.memberdecls tr[class^='memitem']:not(.inherit) {
+        display: block;
+        width: calc(100vw - 2 * var(--spacing-large));
+    }
+
+    table.memberdecls .mdescRight {
+        color: var(--page-foreground-color);
+    }
+
+    table.memberdecls tr.inherit {
+        visibility: hidden;
+    }
+
+    table.memberdecls tr[style="display: table-row;"] {
+        display: block !important;
+        visibility: visible;
+        width: calc(100vw - 2 * var(--spacing-large));
+        animation: fade .5s;
+    }
+
+    @keyframes fade {
+        0% {
+            opacity: 0;
+            max-height: 0;
+        }
+
+        100% {
+            opacity: 1;
+            max-height: 200px;
+        }
+    }
+}
+
+
+/*
+ Horizontal Rule
+ */
+
+hr {
+    margin-top: var(--spacing-large);
+    margin-bottom: var(--spacing-large);
+    height: 1px;
+    background-color: var(--separator-color);
+    border: 0;
+}
+
+.contents hr {
+    box-shadow: 100px 0 0 var(--separator-color),
+                -100px 0 0 var(--separator-color),
+                500px 0 0 var(--separator-color),
+                -500px 0 0 var(--separator-color),
+                1500px 0 0 var(--separator-color),
+                -1500px 0 0 var(--separator-color),
+                2000px 0 0 var(--separator-color),
+                -2000px 0 0 var(--separator-color);
+}
+
+.contents img, .contents .center, .contents center, .contents div.image object {
+    max-width: 100%;
+    overflow: auto;
+}
+
+@media screen and (max-width: 767px) {
+    .contents .dyncontent > .center, .contents > center {
+        margin-left: calc(0px - var(--spacing-large));
+        margin-right: calc(0px - var(--spacing-large));
+        max-width: calc(100% + 2 * var(--spacing-large));
+    }
+}
+
+/*
+ Directories
+ */
+div.directory {
+    border-top: 1px solid var(--separator-color);
+    border-bottom: 1px solid var(--separator-color);
+    width: auto;
+}
+
+table.directory {
+    font-family: var(--font-family);
+    font-size: var(--page-font-size);
+    font-weight: normal;
+    width: 100%;
+}
+
+table.directory td.entry, table.directory td.desc {
+    padding: calc(var(--spacing-small) / 2) var(--spacing-small);
+    line-height: var(--table-line-height);
+}
+
+table.directory tr.even td:last-child {
+    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
+}
+
+table.directory tr.even td:first-child {
+    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
+}
+
+table.directory tr.even:last-child td:last-child {
+    border-radius: 0 var(--border-radius-small) 0 0;
+}
+
+table.directory tr.even:last-child td:first-child {
+    border-radius: var(--border-radius-small) 0 0 0;
+}
+
+table.directory td.desc {
+    min-width: 250px;
+}
+
+table.directory tr.even {
+    background-color: var(--odd-color);
+}
+
+table.directory tr.odd {
+    background-color: transparent;
+}
+
+.icona {
+    width: auto;
+    height: auto;
+    margin: 0 var(--spacing-small);
+}
+
+.icon {
+    background: var(--primary-color);
+    border-radius: var(--border-radius-small);
+    font-size: var(--page-font-size);
+    padding: calc(var(--page-font-size) / 5);
+    line-height: var(--page-font-size);
+    transform: scale(0.8);
+    height: auto;
+    width: var(--page-font-size);
+    user-select: none;
+}
+
+.iconfopen, .icondoc, .iconfclosed {
+    background-position: center;
+    margin-bottom: 0;
+    height: var(--table-line-height);
+}
+
+.icondoc {
+    filter: saturate(0.2);
+}
+
+@media screen and (max-width: 767px) {
+    div.directory {
+        margin-left: calc(0px - var(--spacing-large));
+        margin-right: calc(0px - var(--spacing-large));
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    html:not(.light-mode) .iconfopen, html:not(.light-mode) .iconfclosed {
+        filter: hue-rotate(180deg) invert();
+    }
+}
+
+html.dark-mode .iconfopen, html.dark-mode .iconfclosed {
+    filter: hue-rotate(180deg) invert();
+}
+
+/*
+ Class list
+ */
+
+.classindex dl.odd {
+    background: var(--odd-color);
+    border-radius: var(--border-radius-small);
+}
+
+.classindex dl.even {
+    background-color: transparent;
+}
+
+/* 
+ Class Index Doxygen 1.8 
+*/
+
+table.classindex {
+    margin-left: 0;
+    margin-right: 0;
+    width: 100%;
+}
+
+table.classindex table div.ah {
+    background-image: none;
+    background-color: initial;
+    border-color: var(--separator-color);
+    color: var(--page-foreground-color);
+    box-shadow: var(--box-shadow);
+    border-radius: var(--border-radius-large);
+    padding: var(--spacing-small);
+}
+
+div.qindex {
+    background-color: var(--odd-color);
+    border-radius: var(--border-radius-small);
+    border: 1px solid var(--separator-color);
+    padding: var(--spacing-small) 0;
+}
+
+/*
+  Footer and nav-path
+ */
+
+#nav-path {
+    width: 100%;
+}
+
+#nav-path ul {
+    background-image: none;
+    background: var(--page-background-color);
+    border: none;
+    border-top: 1px solid var(--separator-color);
+    border-bottom: 1px solid var(--separator-color);
+    border-bottom: 0;
+    box-shadow: 0 0.75px 0 var(--separator-color);
+    font-size: var(--navigation-font-size);
+}
+
+img.footer {
+    width: 60px;
+}
+
+.navpath li.footer {
+    color: var(--page-secondary-foreground-color);
+}
+
+address.footer {
+    color: var(--page-secondary-foreground-color);
+    margin-bottom: var(--spacing-large);
+}
+
+#nav-path li.navelem {
+    background-image: none;
+    display: flex;
+    align-items: center;
+}
+
+.navpath li.navelem a {
+    text-shadow: none;
+    display: inline-block;
+    color: var(--primary-color) !important;
+}
+
+.navpath li.navelem b {
+    color: var(--primary-dark-color);
+    font-weight: 500;
+}
+
+li.navelem {
+    padding: 0;
+    margin-left: -8px;
+}
+
+li.navelem:first-child {
+    margin-left: var(--spacing-large);
+}
+
+li.navelem:first-child:before {
+    display: none;
+}
+
+#nav-path li.navelem:after {
+    content: '';
+    border: 5px solid var(--page-background-color);
+    border-bottom-color: transparent;
+    border-right-color: transparent;
+    border-top-color: transparent;
+    transform: translateY(-1px) scaleY(4.2);
+    z-index: 10;
+    margin-left: 6px;
+}
+
+#nav-path li.navelem:before {
+    content: '';
+    border: 5px solid var(--separator-color);
+    border-bottom-color: transparent;
+    border-right-color: transparent;
+    border-top-color: transparent;
+    transform: translateY(-1px) scaleY(3.2);
+    margin-right: var(--spacing-small);
+}
+
+.navpath li.navelem a:hover {
+    color: var(--primary-color);
+}
+
+/*
+ Scrollbars for Webkit
+*/
+
+#nav-tree::-webkit-scrollbar,
+div.fragment::-webkit-scrollbar,
+pre.fragment::-webkit-scrollbar,
+div.memproto::-webkit-scrollbar,
+.contents center::-webkit-scrollbar,
+.contents .center::-webkit-scrollbar,
+.contents table:not(.memberdecls):not(.mlabels):not(.fieldtable):not(.memname) tbody::-webkit-scrollbar,
+div.contents .toc::-webkit-scrollbar,
+.contents .dotgraph::-webkit-scrollbar,
+.contents .tabs-overview-container::-webkit-scrollbar {
+    background: transparent;
+    width: calc(var(--webkit-scrollbar-size) + var(--webkit-scrollbar-padding) + var(--webkit-scrollbar-padding));
+    height: calc(var(--webkit-scrollbar-size) + var(--webkit-scrollbar-padding) + var(--webkit-scrollbar-padding));
+}
+
+#nav-tree::-webkit-scrollbar-thumb,
+div.fragment::-webkit-scrollbar-thumb,
+pre.fragment::-webkit-scrollbar-thumb,
+div.memproto::-webkit-scrollbar-thumb,
+.contents center::-webkit-scrollbar-thumb,
+.contents .center::-webkit-scrollbar-thumb,
+.contents table:not(.memberdecls):not(.mlabels):not(.fieldtable):not(.memname) tbody::-webkit-scrollbar-thumb,
+div.contents .toc::-webkit-scrollbar-thumb,
+.contents .dotgraph::-webkit-scrollbar-thumb,
+.contents .tabs-overview-container::-webkit-scrollbar-thumb {
+    background-color: transparent;
+    border: var(--webkit-scrollbar-padding) solid transparent;
+    border-radius: calc(var(--webkit-scrollbar-padding) + var(--webkit-scrollbar-padding));
+    background-clip: padding-box;  
+}
+
+#nav-tree:hover::-webkit-scrollbar-thumb,
+div.fragment:hover::-webkit-scrollbar-thumb,
+pre.fragment:hover::-webkit-scrollbar-thumb,
+div.memproto:hover::-webkit-scrollbar-thumb,
+.contents center:hover::-webkit-scrollbar-thumb,
+.contents .center:hover::-webkit-scrollbar-thumb,
+.contents table:not(.memberdecls):not(.mlabels):not(.fieldtable):not(.memname) tbody:hover::-webkit-scrollbar-thumb,
+div.contents .toc:hover::-webkit-scrollbar-thumb,
+.contents .dotgraph:hover::-webkit-scrollbar-thumb,
+.contents .tabs-overview-container:hover::-webkit-scrollbar-thumb {
+    background-color: var(--webkit-scrollbar-color);
+}
+
+#nav-tree::-webkit-scrollbar-track,
+div.fragment::-webkit-scrollbar-track,
+pre.fragment::-webkit-scrollbar-track,
+div.memproto::-webkit-scrollbar-track,
+.contents center::-webkit-scrollbar-track,
+.contents .center::-webkit-scrollbar-track,
+.contents table:not(.memberdecls):not(.mlabels):not(.fieldtable):not(.memname) tbody::-webkit-scrollbar-track,
+div.contents .toc::-webkit-scrollbar-track,
+.contents .dotgraph::-webkit-scrollbar-track,
+.contents .tabs-overview-container::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+#nav-tree::-webkit-scrollbar-corner {
+    background-color: var(--side-nav-background);
+}
+
+#nav-tree,
+div.fragment,
+pre.fragment,
+div.memproto,
+.contents center,
+.contents .center,
+.contents table:not(.memberdecls):not(.mlabels):not(.fieldtable):not(.memname) tbody,
+div.contents .toc {
+    overflow-x: auto;
+    overflow-x: overlay;
+}
+
+#nav-tree {
+    overflow-x: auto;
+    overflow-y: auto;
+    overflow-y: overlay;
+}
+
+/*
+ Scrollbars for Firefox
+*/
+
+#nav-tree,
+div.fragment,
+pre.fragment,
+div.memproto,
+.contents center,
+.contents .center,
+.contents table:not(.memberdecls):not(.mlabels):not(.fieldtable):not(.memname) tbody,
+div.contents .toc,
+.contents .dotgraph,
+.contents .tabs-overview-container {
+    scrollbar-width: thin;
+}
+
+/*
+  Optional Dark mode toggle button
+*/
+
+doxygen-awesome-dark-mode-toggle {
+    display: inline-block;
+    margin: 0 0 0 var(--spacing-small);
+    padding: 0;
+    width: var(--searchbar-height);
+    height: var(--searchbar-height);
+    background: none;
+    border: none;
+    border-radius: var(--searchbar-height);
+    vertical-align: middle;
+    text-align: center;
+    line-height: var(--searchbar-height);
+    font-size: 22px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    user-select: none;
+    cursor: pointer;
+}
+
+doxygen-awesome-dark-mode-toggle > svg {
+    transition: transform var(--animation-duration) ease-in-out;
+}
+
+doxygen-awesome-dark-mode-toggle:active > svg {
+    transform: scale(.5);
+}
+
+doxygen-awesome-dark-mode-toggle:hover {
+    background-color: rgba(0,0,0,.03);
+}
+
+html.dark-mode doxygen-awesome-dark-mode-toggle:hover {
+    background-color: rgba(0,0,0,.18);
+}
+
+/*
+ Optional fragment copy button
+*/
+.doxygen-awesome-fragment-wrapper {
+    position: relative;
+}
+
+doxygen-awesome-fragment-copy-button {
+    opacity: 0;
+    background: var(--fragment-background);
+    width: 28px;
+    height: 28px;
+    position: absolute;
+    right: calc(var(--spacing-large) - (var(--spacing-large) / 2.5));
+    top: calc(var(--spacing-large) - (var(--spacing-large) / 2.5));
+    border: 1px solid var(--fragment-foreground);
+    cursor: pointer;
+    border-radius: var(--border-radius-small);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.doxygen-awesome-fragment-wrapper:hover doxygen-awesome-fragment-copy-button, doxygen-awesome-fragment-copy-button.success {
+    opacity: .28;
+}
+
+doxygen-awesome-fragment-copy-button:hover, doxygen-awesome-fragment-copy-button.success {
+    opacity: 1 !important;
+}
+
+doxygen-awesome-fragment-copy-button:active:not([class~=success]) svg {
+    transform: scale(.91);
+}
+
+doxygen-awesome-fragment-copy-button svg {
+    fill: var(--fragment-foreground);
+    width: 18px;
+    height: 18px;
+}
+
+doxygen-awesome-fragment-copy-button.success svg {
+    fill: rgb(14, 168, 14);
+}
+
+doxygen-awesome-fragment-copy-button.success {
+    border-color: rgb(14, 168, 14);
+}
+
+@media screen and (max-width: 767px) {
+    .textblock > .doxygen-awesome-fragment-wrapper > doxygen-awesome-fragment-copy-button,
+    .textblock li > .doxygen-awesome-fragment-wrapper > doxygen-awesome-fragment-copy-button,
+    .memdoc li > .doxygen-awesome-fragment-wrapper > doxygen-awesome-fragment-copy-button,
+    .memdoc > .doxygen-awesome-fragment-wrapper > doxygen-awesome-fragment-copy-button,
+    dl dd > .doxygen-awesome-fragment-wrapper > doxygen-awesome-fragment-copy-button {
+        right: 0;
+    }
+}
+
+/*
+ Optional paragraph link button
+*/
+
+a.anchorlink {
+    font-size: 90%;
+    margin-left: var(--spacing-small);
+    color: var(--page-foreground-color) !important;
+    text-decoration: none;
+    opacity: .15;
+    display: none;
+    transition: opacity var(--animation-duration) ease-in-out, color var(--animation-duration) ease-in-out;
+}
+
+a.anchorlink svg {
+    fill: var(--page-foreground-color);
+}
+
+h3 a.anchorlink svg, h4 a.anchorlink svg {
+    margin-bottom: -3px;
+    margin-top: -4px;
+}
+
+a.anchorlink:hover {
+    opacity: .45;
+}
+
+h2:hover a.anchorlink, h1:hover a.anchorlink, h3:hover a.anchorlink, h4:hover a.anchorlink  {
+    display: inline-block;
+}
+
+/*
+ Optional tab feature
+*/
+
+.tabbed > ul {
+    padding-inline-start: 0px;
+    margin: 0;
+    padding: var(--spacing-small) 0;
+}
+
+.tabbed > ul > li {
+    display: none;
+}
+
+.tabbed > ul > li.selected {
+    display: block;
+}
+
+.tabs-overview-container {
+    overflow-x: auto;
+    display: block;
+    overflow-y: visible;
+}
+
+.tabs-overview {
+    border-bottom: 1px solid var(--separator-color);
+    display: flex;
+    flex-direction: row;
+}
+
+@media screen and (max-width: 767px) {
+    .tabs-overview-container {
+        margin: 0 calc(0px - var(--spacing-large));
+    }
+    .tabs-overview {
+        padding: 0 var(--spacing-large)
+    }
+}
+
+.tabs-overview button.tab-button {
+    color: var(--page-foreground-color);
+    margin: 0;
+    border: none;
+    background: transparent;
+    padding: calc(var(--spacing-large) / 2) 0;
+    display: inline-block;
+    font-size: var(--page-font-size);
+    cursor: pointer;
+    box-shadow: 0 1px 0 0 var(--separator-color);
+    position: relative;
+    
+    -webkit-tap-highlight-color: transparent;
+}
+
+.tabs-overview button.tab-button .tab-title::before {
+    display: block;
+    content: attr(title);
+    font-weight: 600;
+    height: 0;
+    overflow: hidden;
+    visibility: hidden;
+}
+
+.tabs-overview button.tab-button .tab-title {
+    float: left;
+    white-space: nowrap;
+    font-weight: normal;
+    padding: calc(var(--spacing-large) / 2) var(--spacing-large);
+    border-radius: var(--border-radius-medium);
+    transition: background-color var(--animation-duration) ease-in-out, font-weight var(--animation-duration) ease-in-out;
+}
+
+.tabs-overview button.tab-button:not(:last-child) .tab-title {
+    box-shadow: 8px 0 0 -7px var(--separator-color);
+}
+
+.tabs-overview button.tab-button:hover .tab-title {
+    background: var(--separator-color);
+    box-shadow: none;
+}
+
+.tabs-overview button.tab-button.active .tab-title {
+    font-weight: 600;
+}
+
+.tabs-overview button.tab-button::after {
+    content: '';
+    display: block;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 0;
+    width: 0%;
+    margin: 0 auto;
+    border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
+    background-color: var(--primary-color);
+    transition: width var(--animation-duration) ease-in-out, height var(--animation-duration) ease-in-out;
+}
+
+.tabs-overview button.tab-button.active::after {
+    width: 100%;
+    box-sizing: border-box;
+    height: 3px;
+}
+
+
+/*
+ Navigation Buttons
+*/
+
+.section_buttons:not(:empty) {
+    margin-top: calc(var(--spacing-large) * 3);
+}
+
+.section_buttons table.markdownTable {
+    display: block;
+    width: 100%;
+}
+
+.section_buttons table.markdownTable tbody {
+    display: table !important;
+    width: 100%;
+    box-shadow: none;
+    border-spacing: 10px;
+}
+
+.section_buttons table.markdownTable td {
+    padding: 0;
+}
+
+.section_buttons table.markdownTable th {
+    display: none;
+}
+
+.section_buttons table.markdownTable tr.markdownTableHead {
+    border: none;
+}
+
+.section_buttons tr th, .section_buttons tr td {
+    background: none;
+    border: none;
+    padding: var(--spacing-large) 0 var(--spacing-small);
+}
+
+.section_buttons a {
+    display: inline-block;
+    border: 1px solid var(--separator-color);
+    border-radius: var(--border-radius-medium);
+    color: var(--page-secondary-foreground-color) !important;
+    text-decoration: none;
+    transition: color var(--animation-duration) ease-in-out, background-color var(--animation-duration) ease-in-out;
+}
+
+.section_buttons a:hover {
+    color: var(--page-foreground-color) !important;
+    background-color: var(--odd-color);
+}
+
+.section_buttons tr td.markdownTableBodyLeft a {
+    padding: var(--spacing-medium) var(--spacing-large) var(--spacing-medium) calc(var(--spacing-large) / 2);
+}
+
+.section_buttons tr td.markdownTableBodyRight a {
+    padding: var(--spacing-medium) calc(var(--spacing-large) / 2) var(--spacing-medium) var(--spacing-large);
+}
+
+.section_buttons tr td.markdownTableBodyLeft a::before,
+.section_buttons tr td.markdownTableBodyRight a::after {
+    color: var(--page-secondary-foreground-color) !important;
+    display: inline-block;
+    transition: color .08s ease-in-out, transform .09s ease-in-out;
+}
+
+.section_buttons tr td.markdownTableBodyLeft a::before {
+    content: '〈';
+    padding-right: var(--spacing-large);
+}
+
+
+.section_buttons tr td.markdownTableBodyRight a::after {
+    content: '〉';
+    padding-left: var(--spacing-large);
+}
+
+
+.section_buttons tr td.markdownTableBodyLeft a:hover::before {
+    color: var(--page-foreground-color) !important;
+    transform: translateX(-3px);
+}
+
+.section_buttons tr td.markdownTableBodyRight a:hover::after {
+    color: var(--page-foreground-color) !important;
+    transform: translateX(3px);
+}
+
+@media screen and (max-width: 450px) {
+    .section_buttons a {
+        width: 100%;
+        box-sizing: border-box;
+    }
+
+    .section_buttons tr td:nth-of-type(1).markdownTableBodyLeft a {
+        border-radius: var(--border-radius-medium) 0 0 var(--border-radius-medium);
+        border-right: none;
+    }
+
+    .section_buttons tr td:nth-of-type(2).markdownTableBodyRight a {
+        border-radius: 0 var(--border-radius-medium) var(--border-radius-medium) 0;
+    }
+}
diff --git a/gui/SARibbon/doc/how-to-build-cn.md b/gui/SARibbon/doc/how-to-build-cn.md
new file mode 100644
index 0000000..7b46f17
--- /dev/null
+++ b/gui/SARibbon/doc/how-to-build-cn.md
@@ -0,0 +1,252 @@
+此文会详细介绍如何构建和引入SARibbon
+
+# 准备工作
+
+SARibbon使用了[QWindowkit](https://github.com/stdware/qwindowkit)作为无边框方案，同时也支持简单的无边框方案，如果你需要操作系统原生的窗口支持，如windows7以后的贴边处理，windows11的Snap Layout效果，建议开启[QWindowkit](https://github.com/stdware/qwindowkit)库，[QWindowkit](https://github.com/stdware/qwindowkit)库还能较好解决多屏幕移动问题
+
+开启QWindowkit将能实现如下效果：
+
+![](./pic/set-qwindowkit-on-snap.gif)
+
+如果你要开启[QWindowkit](https://github.com/stdware/qwindowkit)，需要先编译[QWindowkit](https://github.com/stdware/qwindowkit)库，[QWindowkit](https://github.com/stdware/qwindowkit)库作为SARibbon项目的submodules，如果在`git clone`时没有附带`--recursive`参数，需要执行`submodule update`命令:
+
+```shell
+git submodule update --init --recursive
+```
+
+# 编译QWindowkit库(如果不开启跳过此步)
+
+`QWindowkit`库只提供了cmake的编译方式，必须使用cmake
+
+为了简单，在`src/SARibbonBar/3rdparty`下提供了一个`CMakeLists.txt`文件，已经对此库的必要配置进行了设置，直接调用`src/SARibbonBar/3rdparty/CMakeLists.txt`文件编译即可
+
+使用Qt Creator和使用visual studio构建和安装基本一样
+
+## 使用Qt Creator构建和安装QWindowkit库
+
+使用qt creator编译`QWindowkit`库，直接用qt creator打开`src/SARibbonBar/3rdparty/CMakeLists.txt`文件
+
+![](./pic/build-cmake-qwk-qtc-01.png)
+
+点击运行（Ctrl+R）
+
+![](./pic/build-cmake-qwk-qtc-02.png)
+
+切换到项目模式（Ctrl+5）
+
+build步骤选择install（有些版本qt creator无法all和install一起选中，那么就先选all，编译完成后选install再执行安装）
+
+![](./pic/build-cmake-qwk-qtc-03.png)
+
+再点击运行（Ctrl+R）
+
+这时你会在SARibbon根目录下看到形如`bin_qt5.14.2_MSVC_x64`这样的安装目录，这里自动把`QWindowkit`库安装在此目录下
+
+![](./pic/build-cmake-qwk-qtc-04.png)
+
+此时完成`QWindowkit`库的编译和安装
+
+## 使用visual studio构建和安装QWindowkit库
+
+使用visual studio编译`QWindowkit`库，用visual studio打开->CMake，选择`src/SARibbonBar/3rdparty/CMakeLists.txt`文件
+
+![](./pic/build-cmake-vs-01.png)
+
+选中CMake菜单->全部生成（有些版本没有CMake菜单，可以在CMakeLists.txt点右键）
+
+![](./pic/build-cmake-vs-03.png)
+
+选中CMake菜单->安装（有些版本没有CMake菜单，可以在CMakeLists.txt点右键）
+
+![](./pic/build-cmake-vs-04.png)
+
+> 不同的vs操作有点不一样，没有CMake菜单的，可以在CMakeLists.txt点右键
+
+![](./pic/build-cmake-vs-04-other.png)
+
+这时你会在SARibbon根目录下看到形如`bin_qt5.14.2_MSVC_x64`这样的安装目录，这里自动把`QWindowkit`库安装在此目录下
+
+![](./pic/build-cmake-qwk-qtc-04.png)
+
+此时完成`QWindowkit`库的编译和安装
+
+## 使用命令行构建(适用Qt5及vs2019以下)
+
+由于`QWindowkit`库要求的cmake版本较高，vs2019及以下版本内置的cmake版本基本都无法满足，因此需要通过命令行对`QWindowkit`库进行构建，这里介绍在windows下如何通过cmd命令行构建`QWindowkit`库
+
+首先你要安装一个高版本的cmake工具,假设安装在了`C:\Program Files (x86)\cmake3.27.9\bin\cmake.exe`,同时你要确认你的qt版本路径和编译器，这里以Qt5.14.2 MSVC 2017版本举例
+
+找到你qt的安装路径下Qt5Config.cmake所在的文件夹，例如：`C:\Qt\Qt5.14.2\5.14.2\msvc2017_64\lib\cmake\Qt5`
+
+打开命令行，cd到`src/SARibbonBar/3rdparty`目录，首先执行下面语句：
+
+```
+"C:\Program Files (x86)\cmake3.27.9\bin\cmake.exe" -B build -S . -G "Visual Studio 15 2017" -A x64 -DQt5_DIR="C:\Qt\Qt5.14.2\5.14.2\msvc2017_64\lib\cmake\Qt5"
+```
+
+一般你的cmake.exe无法不在环境变量中，你在cmd命令中可以指定完整cmake路径，执行完后会看到如下输出：
+
+![](./pic/cmd-build-qwk.png)
+
+接着你再执行下面两个命令即可
+
+```
+"C:\Program Files (x86)\cmake3.27.9\bin\cmake.exe" --build build --target install --config Debug
+"C:\Program Files (x86)\cmake3.27.9\bin\cmake.exe" --build build --target install --config Release
+```
+
+# 构建SARibbonBar库
+
+`SARibbonBar`库提供`cmake`和`qmake`两种方式构建，推荐使用`cmake`
+
+> qt6之后不再维护`qmake`，逐渐转移到`cmake`中，`SARibbon`的未来版本不排除移除`qmake`
+
+## 基于`CMake`构建`SARibbonBar`库
+
+### vs下基于`cmake`的构建
+
+如果要开启`QWindowKit`，在`CMakeLists.txt`中把`SARIBBON_USE_FRAMELESS_LIB`的option值手动改为ON
+
+点击文件->打开->Cmake 选中CMakeLists.txt
+
+![](./pic/build-cmake-vs-01.png)
+
+将会形成如下的构建树
+
+![](./pic/build-cmake-vs-02.png)
+
+直接点击CMake菜单->全部生成（有些版本没有CMake菜单，可以在CMakeLists.txt点右键）
+
+![](./pic/build-cmake-vs-03.png)
+
+全部生成完成后，CMake菜单->安装->SARibbon（有些版本没有CMake菜单，可以在CMakeLists.txt点右键）
+
+![](./pic/build-cmake-vs-04.png)
+
+这时候你会看到源码的根目录下多出一个文件夹,文件夹命名方式为`bin_qt{version}_[MSVC/GNU]_x[64/86]`（你可以使用默认安装位置，把`SARIBBON_INSTALL_IN_CURRENT_DIR`变量设置为OFF即可:`SARIBBON_INSTALL_IN_CURRENT_DIR=OFF`）
+
+![](./pic/build-cmake-install-dir.png)
+
+### qtcreator下基于cmake的构建
+
+点击文件->打开文件或项目选中CMakeLists.txt，加载完成后形成如下的构建树
+
+![](./pic/build-cmake-qtc-01.png)
+
+Qt Creator可以在界面修改`SARIBBON_USE_FRAMELESS_LIB`值，也可以手动修改，在Qt Creator中，点击左侧边，切换到项目模式（Ctrl+5）,如下图，在Current Configuration中设置`SARIBBON_USE_FRAMELESS_LIB`为ON即可开启`QWindowKit`，前提是要先编译`QWindowKit`
+
+![](./pic/build-cmake-qtc-01-enable-qwk.png)
+
+点击运行按钮
+
+![](./pic/build-cmake-qtc-02.png)
+
+运行结束，会弹出例子窗口，点击左侧边栏的项目标签，Build的步骤，选中install
+
+![](./pic/build-cmake-qtc-03.png)
+
+再次点击运行按钮，这时候你会看到源码的根目录下多出一个文件夹,文件夹命名方式为`bin_qt{version}_[MSVC/GNU]_x[64/86]`（前提是你没有改变CMAKE_INSTALL_PREFIX）
+
+![](./pic/build-cmake-install-dir.png)
+
+使用SARibbon的所有内容都在这个文件夹下
+
+## 基于QMake构建SARibbonBar
+
+qmake构建SARibbonBar只需使用Qt Creator打开`SARibbon.pro`文件即可
+
+> 注意，如果使用Qt Creator打开`SARibbon.pro`文件过程报错，那么你的账户可能是没有足够的写权限，不同版本的Qt Creator在不同操作系统由不一样的表现，建议使用cmake
+
+# 使用SARibbonBar库
+
+## 基于cmake引入SARibbonBar库
+
+首先要通过cmake编译并执行安装，在自己的工程CMakeLists.txt按照如下步骤执行：
+
+1. 指定SARibbonBar的安装目录，把安装目录下的`lib/cmake/SARibbonBar`位置设置给`SARibbonBar_DIR`变量(CMake在执行`find_package(xx)`时，会先查看是否有`xx_DIR`变量，如果有，会先查询`xx_DIR`下是否有对应的`xxConfig.cmake`文件)
+
+```cmake
+set(SARibbonBar_DIR "C:\src\Qt\SARibbon\bin_qt5.14.2_MSVC_x64\lib\cmake\SARibbonBar")
+```
+
+2. 使用find_package找到SARibbonBar的Config文件，这个函数实际上是调用`lib/cmake/SARibbonBar/SARibbonBarConfig.cmake`文件，这里会把需要include的路径、预定义的宏，和需要添加的库给指定好，此时`SARibbonBar_INCLUDE_DIR`就是SARibbonBar的include文件路径
+
+```cmake
+find_package(SARibbonBar)
+```
+
+3. 最后调用`target_link_libraries`添加SARibbonBar库到自己的工程中,这里${myapp_target_name}是自己工程的target名字
+
+```cmake
+target_link_libraries(${myapp_target_name} PUBLIC
+    SARibbonBar
+)
+```
+
+## 基于qmake引入SARibbonBar库
+
+> Qt6开始，不再推荐使用`qmake`，SARibbon未来的版本有可能会取消qmake的支持
+
+qmake的编译过程会在SARibbon下生成`bin_qt{Qt version}_{MSVC/GNU}_x{32/64}`文件夹，库文件和dll文件都在此文件夹下，importSARibbonBarLib.pri会自动把这个文件夹下的库引用进来，在引入之前需要先进行配置，配置内容位于`common.pri`中
+
+步骤如下：
+
+1. 先在你的工程中建立一个`3rdparty`文件夹，再把整个`SARibbon`文件夹拷贝过去
+
+> SARibbon内部已经有几个pri文件可以很方便的让你把工程引入到自己目录中，`./importSARibbonBarLib.pri`文件就是用于引入SARibbon库的
+
+importSARibbonBarLib.pri文件按照本库目录结构引入了依赖和头文件，如果你自己需要调整目录结构，可参考此文件进行修改
+
+2. 配置common.pri文件
+
+按照你实际的库的编译情况，配置SARibbon/common.pri文件，目前可选配置如下：
+
+```shell
+# SA_RIBBON_CONFIG+=use_frameless
+#     此选项将使用frameless第三方库，这个选项在SARibbonBar.pri中会自动判断，如果，达到frameless的使用要求将会自动定义
+#     frameless第三方库必须C++17且只有几个版本的qt可用，目前支持（qt5.14,qt5.15,qt6.4以上）
+#     除了上诉版本SA_RIBBON_CONFIG中不会加入use_frameless
+#     frameless库能实现Ubuntu下和mac下的显示，同时多屏幕的支持也较好
+# 使用frameless库，需要定义QWindowKit的安装目录，默认在SARIBBON_BIN_DIR
+# SA_RIBBON_QWindowKit_Install_DIR = $$SARIBBON_BIN_DIR
+# 
+# SA_RIBBON_CONFIG+=enable_snap_layout
+#      此选项将允许开启windows11的snap layout效果，目前在qt6.5下是正常显示位置，其它已知qt版本的snap layout位置会有偏移
+#      此选项必须在 SA_RIBBON_CONFIG+=use_frameless 下才有效
+```
+
+你根据实际情况打开配置项（把注释去掉）
+
+3. 在自己的Qt工程pro文件中加入如下语句即可
+
+```shell
+include($$PWD/3rdparty/SARibbon/importSARibbonBarLib.pri)
+```
+
+此时你的工程目录结构大致如下：
+
+```
+|-[you-project-dir]
+|  |-you-project.pro
+|  |-[3rdparty]
+|     |-[SARibbon](直接把SARibbon完整复制过来)
+|        |-importSARibbonBarLib.pri（这个是方面你的qmake工程导入的文件，实际是引入了SARibbonBar.pri）
+|        |-SARibbonBar.pri（用于引入库和依赖）
+|        |-common.pri（这里是你的配置内容）
+|        |-[bin_qtx.x.x_{MSVC/GNU}_x{32/64}]
+|        |-[src]
+|        |   |-[SARibbonBar]
+```
+
+`importSARibbonBarLib.pri`、`SARibbonBar.pri`、`common.pri`这三个文件是引入工程的关键文件
+
+> 再次声明：Qt6.0版本后已经放弃qmake，建议使用cmake来管理工程
+
+# 公开的预定义宏
+
+SARibbon在编译过程中有些预定义宏，这些宏在基于visual studio的库引入是必须的
+
+`SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1/0`,此宏用来定义是否引入了`QWindowkit`库
+
+`SARIBBON_ENABLE_SNAP_LAYOUT=1/0`,此宏在SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1时才有用，用于定义是否开始windows11的snap layout效果
+
diff --git a/gui/SARibbon/doc/how-to-build.md b/gui/SARibbon/doc/how-to-build.md
new file mode 100644
index 0000000..3dd87f0
--- /dev/null
+++ b/gui/SARibbon/doc/how-to-build.md
@@ -0,0 +1,192 @@
+This document will detail how to build and introduce SARibbon.
+
+# Preparation
+
+SARibbon uses [QWindowkit](https://github.com/stdware/qwindowkit) as a borderless solution, while also supporting a simpler approach. If you require native window support from the operating system, such as edge sticking in Windows 7 or later, and hover effects on the maximize button in Windows 11, it is recommended to enable the [QWindowkit](https://github.com/stdware/qwindowkit) library. The [QWindowkit](https://github.com/stdware/qwindowkit) library can also better handle multi-screen movement issues.
+
+Enabling QWindowkit will achieve the following effects:
+
+![](./pic/set-qwindowkit-on-snap.gif)
+
+If you want to enable [QWindowkit](https://github.com/stdware/qwindowkit), you need to first compile the [QWindowkit](https://github.com/stdware/qwindowkit) library. As the [QWindowkit](https://github.com/stdware/qwindowkit) library is a submodule of the SARibbon project, if you did not include the `--recursive` parameter during `git clone`, you need to execute the `submodule update` command:
+
+```shell
+git submodule update --init --recursive
+```
+
+# Compile QWindowkit Library (Skip this step if not enabled)
+
+`QWindowkit` library provides only cmake compilation method, and cmake must be used.
+
+For simplicity, a `CMakeLists.txt` file is provided under `src/SARibbonBar/3rdparty`, which has already set up the necessary configurations for this library. Simply call the `src/SARibbonBar/3rdparty/CMakeLists.txt` file to compile.
+
+Building with Qt Creator is similar to using Visual Studio.
+
+## Build and Install QWindowkit Library with Qt Creator
+
+Compile the `QWindowkit` library using Qt Creator by directly opening the `src/SARibbonBar/3rdparty/CMakeLists.txt` file.
+
+![](./pic/build-cmake-qwk-qtc-01.png)
+
+Click run (Ctrl+R).
+
+![](./pic/build-cmake-qwk-qtc-02.png)
+
+Switch to the Projects mode (Ctrl+5).
+
+Select the 'install' option for the build step.
+
+![](./pic/build-cmake-qwk-qtc-03.png)
+
+Click run again (Ctrl+R).
+
+You will now see an installation directory like `bin_qt5.14.2_MSVC_x64` in the SARibbon root directory. The `QWindowkit` library is automatically installed in this directory.
+
+![](./pic/build-cmake-qwk-qtc-04.png)
+
+This completes the compilation and installation of the `QWindowkit` library.
+
+## Build and Install QWindowkit Library with Visual Studio
+
+Compile the `QWindowkit` library using Visual Studio by opening CMake and selecting the `src/SARibbonBar/3rdparty/CMakeLists.txt` file.
+
+![](./pic/build-cmake-vs-01.png)
+
+Select CMake menu->Generate All.
+
+![](./pic/build-cmake-vs-03.png)
+
+Select CMake menu->Install.
+
+![](./pic/build-cmake-vs-04.png)
+
+You will now see an installation directory like `bin_qt5.14.2_MSVC_x64` in the SARibbon root directory. The `QWindowkit` library is automatically installed in this directory.
+
+![](./pic/build-cmake-qwk-qtc-04.png)
+
+This completes the compilation and installation of the `QWindowkit` library.
+
+# Build SARibbonBar Library
+
+SARibbonBar library provides two ways to build: cmake and qmake. It is recommended to use cmake.
+
+## Build SARibbonBar Library with CMake
+
+### Building with CMake in Visual Studio
+
+To enable `QWindowKit`, manually set the value of the `SARIBBON_USE_FRAMELESS_LIB` option to ON in the CMakeLists.txt file:
+
+```
+option(SARIBBON_USE_FRAMELESS_LIB "Using the QWindowKit library as a frameless solution" ON)
+```
+
+Open file->Open->CMake and select CMakeLists.txt.
+
+![](./pic/build-cmake-vs-01.png)
+
+The build tree will look like this:
+
+![](./pic/build-cmake-vs-02.png)
+
+Click CMake menu->Generate All.
+
+![](./pic/build-cmake-vs-03.png)
+
+After generation, click CMake menu->Install->SARibbon.
+
+![](./pic/build-cmake-vs-04.png)
+
+You will see a new folder in the root directory named `bin_qt{version}_{MSVC/GNU}_x{64/86}` (assuming you did not change CMAKE_INSTALL_PREFIX).
+
+![](./pic/build-cmake-install-dir.png)
+
+### Building with CMake in Qt Creator
+
+Click File->Open File or Project and select CMakeLists.txt. Once loaded, the project tree will appear as follows:
+
+![](./pic/build-cmake-qtc-01.png)
+
+In Qt Creator, you can modify the value of `SARIBBON_USE_FRAMELESS_LIB` in the interface or manually. Switch to the Projects mode (Ctrl+5), navigate to Current Configuration, and set `SARIBBON_USE_FRAMELESS_LIB` to ON to enable `QWindowKit`, assuming you have compiled `QWindowKit` first.
+
+![](./pic/build-cmake-qtc-01-enable-qwk.png)
+
+Click the run button.
+
+![](./pic/build-cmake-qtc-02.png)
+
+After completion, a sample window will pop up. Click the Build steps in the sidebar, and select install.
+
+![](./pic/build-cmake-qtc-03.png)
+
+Click run again, and you will see a new folder in the root directory named `bin_qt{version}_{MSVC/GNU}_x{64/86}` (assuming you did not change CMAKE_INSTALL_PREFIX).
+
+![](./pic/build-cmake-install-dir.png)
+
+All contents related to using SARibbon are located in this folder.
+
+## Build SARibbonBar Library with QMake
+
+Building SARibbonBar with qmake only requires opening the SARibbon.pro file in Qt Creator.
+
+Note: If there are errors during the process of opening the SARibbon.pro file in Qt Creator, your account may lack sufficient write permissions. Different versions of Qt Creator exhibit different behaviors on different operating systems. It is recommended to use cmake.
+
+# Using SARibbonBar Library
+
+## Introducing SARibbonBar with CMake
+
+First, compile and install SARibbonBar using cmake in your project:
+
+1. Specify the SARibbonBar installation directory and set the `SARibbonBar_DIR` variable to point to the `lib/cmake/SARibbonBar` location in the installation directory.
+
+```cmake
+set(SARibbonBar_DIR "C:\src\Qt\SARibbon\bin_qt5.14.2_MSVC_x64\lib\cmake\SARibbonBar")
+```
+
+2. Use `find_package` to locate the SARibbonBar Config file. This function actually calls the `lib/cmake/SARibbonBar/SARibbonBarConfig.cmake` file, which sets up the necessary include paths, predefined macros, and libraries to add. At this point, `SARibbonBar_INCLUDE_DIR` is the path to the SARibbonBar include files.
+
+```cmake
+find_package(SARibbonBar)
+```
+
+3. Finally, use `target_link_libraries` to add the SARibbonBar library to your project. Here, `${myapp_target_name}` is the target name of your project.
+
+```cmake
+target_link_libraries(${myapp_target_name} PUBLIC
+    SARibbonBar
+)
+```
+
+## Introducing SARibbonBar with QMake
+
+During the qmake compilation process, a `bin_qt{Qt version}_{MSVC/GNU}_x{32/64}` folder will be generated under SARibbon, containing library and dll files. The `importSARibbonBarLib.pri` file will automatically reference the libraries in this folder.
+
+Follow these steps:
+
+1. Create a `3rdparty` folder in your project and copy the entire SARibbon folder into it.
+
+> Inside SARibbon, there are several `.pri` files that can easily integrate the project into your directory. The `importSARibbonBarLib.pri` file is used to import the SARibbon library.
+
+2. Add the following statement to your project's Qt project pro file:
+
+```shell
+include($$PWD/3rdparty/SARibbon/importSARibbonBarLib.pri)
+```
+
+Your project directory structure should look roughly like this:
+
+```
+|-[you-project-dir]
+|  |-you-project.pro
+|  |-[3rdparty]
+|     |-[SARibbon](Copy SARibbon entirely here)
+|        |-importSARibbonBarLib.pri
+|        |-SARibbonBar.pri
+|        |-common.pri
+|        |-[bin_qtx.x.x_{MSVC/GNU}_x{32/64}]
+|        |-[src]
+|        |   |-[SARibbonBar]
+```
+
+These three files (`importSARibbonBarLib.pri`, `SARibbonBar.pri`, `common.pri`) are crucial for integrating the project.
+
+> Note: Starting from Qt 6.0, qmake has been abandoned. It is recommended to use cmake to manage projects.
\ No newline at end of file
diff --git a/gui/SARibbon/doc/pic/add-large-action.png b/gui/SARibbon/doc/pic/add-large-action.png
new file mode 100644
index 0000000..7c7925c
Binary files /dev/null and b/gui/SARibbon/doc/pic/add-large-action.png differ
diff --git a/gui/SARibbon/doc/pic/cmd-build-qwk.png b/gui/SARibbon/doc/pic/cmd-build-qwk.png
new file mode 100644
index 0000000..c907621
Binary files /dev/null and b/gui/SARibbon/doc/pic/cmd-build-qwk.png differ
diff --git a/gui/SARibbon/doc/pic/enableWordwrap-but-nowrap.png b/gui/SARibbon/doc/pic/enableWordwrap-but-nowrap.png
new file mode 100644
index 0000000..b045770
Binary files /dev/null and b/gui/SARibbon/doc/pic/enableWordwrap-but-nowrap.png differ
diff --git a/gui/SARibbon/doc/pic/enableWordwrap-user-wrap.png b/gui/SARibbon/doc/pic/enableWordwrap-user-wrap.png
new file mode 100644
index 0000000..934a4d4
Binary files /dev/null and b/gui/SARibbon/doc/pic/enableWordwrap-user-wrap.png differ
diff --git a/gui/SARibbon/doc/pic/msdn-ribbon.png b/gui/SARibbon/doc/pic/msdn-ribbon.png
new file mode 100644
index 0000000..ee589c2
Binary files /dev/null and b/gui/SARibbon/doc/pic/msdn-ribbon.png differ
diff --git a/gui/SARibbon/doc/pic/office-excel-oneline-spacing.png b/gui/SARibbon/doc/pic/office-excel-oneline-spacing.png
new file mode 100644
index 0000000..066191c
Binary files /dev/null and b/gui/SARibbon/doc/pic/office-excel-oneline-spacing.png differ
diff --git a/gui/SARibbon/doc/pic/office-screenshot.png b/gui/SARibbon/doc/pic/office-screenshot.png
new file mode 100644
index 0000000..0c65fb1
Binary files /dev/null and b/gui/SARibbon/doc/pic/office-screenshot.png differ
diff --git a/gui/SARibbon/doc/pic/office-word-wrodwrap.png b/gui/SARibbon/doc/pic/office-word-wrodwrap.png
new file mode 100644
index 0000000..7f629ab
Binary files /dev/null and b/gui/SARibbon/doc/pic/office-word-wrodwrap.png differ
diff --git a/gui/SARibbon/doc/pic/office-word-wrodwrap2.png b/gui/SARibbon/doc/pic/office-word-wrodwrap2.png
new file mode 100644
index 0000000..d253bc1
Binary files /dev/null and b/gui/SARibbon/doc/pic/office-word-wrodwrap2.png differ
diff --git a/gui/SARibbon/doc/pic/pannelLayout2row.png b/gui/SARibbon/doc/pic/pannelLayout2row.png
new file mode 100644
index 0000000..badf1bd
Binary files /dev/null and b/gui/SARibbon/doc/pic/pannelLayout2row.png differ
diff --git a/gui/SARibbon/doc/pic/pannelLayout3row-example.png b/gui/SARibbon/doc/pic/pannelLayout3row-example.png
new file mode 100644
index 0000000..c380436
Binary files /dev/null and b/gui/SARibbon/doc/pic/pannelLayout3row-example.png differ
diff --git a/gui/SARibbon/doc/pic/pannelLayout3row.png b/gui/SARibbon/doc/pic/pannelLayout3row.png
new file mode 100644
index 0000000..213f6d2
Binary files /dev/null and b/gui/SARibbon/doc/pic/pannelLayout3row.png differ
diff --git a/gui/SARibbon/doc/pic/remove-menu-bar-at-uifile.png b/gui/SARibbon/doc/pic/remove-menu-bar-at-uifile.png
new file mode 100644
index 0000000..a2aea88
Binary files /dev/null and b/gui/SARibbon/doc/pic/remove-menu-bar-at-uifile.png differ
diff --git a/gui/SARibbon/doc/pic/ribbon-toolbutton-largebutton-nowordwrap.png b/gui/SARibbon/doc/pic/ribbon-toolbutton-largebutton-nowordwrap.png
new file mode 100644
index 0000000..817fd0d
Binary files /dev/null and b/gui/SARibbon/doc/pic/ribbon-toolbutton-largebutton-nowordwrap.png differ
diff --git a/gui/SARibbon/doc/pic/ribbon-toolbutton-largebutton.png b/gui/SARibbon/doc/pic/ribbon-toolbutton-largebutton.png
new file mode 100644
index 0000000..4f80b91
Binary files /dev/null and b/gui/SARibbon/doc/pic/ribbon-toolbutton-largebutton.png differ
diff --git a/gui/SARibbon/doc/pic/ribbon-toolbutton.gif b/gui/SARibbon/doc/pic/ribbon-toolbutton.gif
new file mode 100644
index 0000000..52a3d1e
Binary files /dev/null and b/gui/SARibbon/doc/pic/ribbon-toolbutton.gif differ
diff --git a/gui/SARibbon/doc/pic/ribbonbar-geometry-office3.png b/gui/SARibbon/doc/pic/ribbonbar-geometry-office3.png
new file mode 100644
index 0000000..37a0a2d
Binary files /dev/null and b/gui/SARibbon/doc/pic/ribbonbar-geometry-office3.png differ
diff --git a/gui/SARibbon/doc/pic/ribbonbar-geometry-wps3.png b/gui/SARibbon/doc/pic/ribbonbar-geometry-wps3.png
new file mode 100644
index 0000000..92e4495
Binary files /dev/null and b/gui/SARibbon/doc/pic/ribbonbar-geometry-wps3.png differ
diff --git a/gui/SARibbon/doc/pic/saribbonbar-level.png b/gui/SARibbon/doc/pic/saribbonbar-level.png
new file mode 100644
index 0000000..b38e900
Binary files /dev/null and b/gui/SARibbon/doc/pic/saribbonbar-level.png differ
diff --git a/gui/SARibbon/doc/pic/set-qwindowkit-on-snap.gif b/gui/SARibbon/doc/pic/set-qwindowkit-on-snap.gif
new file mode 100644
index 0000000..619bd5c
Binary files /dev/null and b/gui/SARibbon/doc/pic/set-qwindowkit-on-snap.gif differ
diff --git a/gui/SARibbon/doc/pic/word-contextcategory.png b/gui/SARibbon/doc/pic/word-contextcategory.png
new file mode 100644
index 0000000..beafb6e
Binary files /dev/null and b/gui/SARibbon/doc/pic/word-contextcategory.png differ
diff --git a/gui/SARibbon/doc/pic/wps-change-ribbon-1.jpg b/gui/SARibbon/doc/pic/wps-change-ribbon-1.jpg
new file mode 100644
index 0000000..1196b9b
Binary files /dev/null and b/gui/SARibbon/doc/pic/wps-change-ribbon-1.jpg differ
diff --git a/gui/SARibbon/doc/pic/wps-word-nowrodwrap.png b/gui/SARibbon/doc/pic/wps-word-nowrodwrap.png
new file mode 100644
index 0000000..dc02884
Binary files /dev/null and b/gui/SARibbon/doc/pic/wps-word-nowrodwrap.png differ
diff --git a/gui/SARibbon/doc/pic/赞赏码.png b/gui/SARibbon/doc/pic/赞赏码.png
new file mode 100644
index 0000000..65e8edc
Binary files /dev/null and b/gui/SARibbon/doc/pic/赞赏码.png differ
diff --git a/gui/SARibbon/doc/qtify.css b/gui/SARibbon/doc/qtify.css
new file mode 100644
index 0000000..537d875
--- /dev/null
+++ b/gui/SARibbon/doc/qtify.css
@@ -0,0 +1,1053 @@
+/**
+ * Qt like CSS for doxygen based on 1.8.6 
+ *
+ * Frank Enderle <frank.enderle@anamica.de>
+ */
+
+body, table, div, p, dl {
+  font: 400 13px/1.3 Verdana,DejaVu Sans,Geneva,sans-serif;
+}
+
+/* @group Heading Levels */
+
+h1.groupheader {
+  font-size: 16px;
+}
+
+.title {
+  font: 700 18px Verdana,DejaVu Sans,Geneva,sans-serif;  
+  margin: 10px 2px;
+}
+
+h2.groupheader {
+  border: 0;
+  color: #363534;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+h3.groupheader {
+  font-size: 13px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  -webkit-transition: none;
+  -moz-transition: none;
+  -ms-transition: none;
+  -o-transition: none;
+  transition: none;
+}
+
+h1.glow, h2.glow, h3.glow, h4.glow, h5.glow, h6.glow {
+  text-shadow: none;
+}
+
+dt {
+}
+
+div.multicol {
+}
+
+p.startli, p.startdd {
+}
+
+p.starttd {
+}
+
+p.endli {
+}
+
+p.enddd {
+}
+
+p.endtd {
+}
+
+/* @end */
+
+caption {
+}
+
+span.legend {
+}
+
+h3.version {
+}
+
+div.qindex, div.navtab {
+  background-color: #F6F6F6;
+  border: 1px solid #E6E6E6;
+}
+
+div.qindex, div.navpath {
+  line-height: 1.5;
+}
+
+div.navtab {
+}
+
+/* @group Link Styling */
+
+a {
+  color: #00732F;
+}
+
+.contents a:visited {
+  color: #00732F;
+}
+
+a:hover {
+  text-decoration: none;
+}
+
+a.qindex {
+}
+
+a.qindexHL {
+}
+
+.contents a.qindexHL:visited {
+}
+
+a.el {
+  font-weight: normal;
+}
+
+a.elRef {
+}
+
+a.code, a.code:visited, a.line, a.line:visited {
+  color: #00732F; 
+}
+
+a.codeRef, a.codeRef:visited, a.lineRef, a.lineRef:visited {
+  color: #00732F; 
+}
+
+/* @end */
+
+dl.el {
+}
+
+pre.fragment {
+}
+
+div.fragment {
+}
+
+div.line {
+  -webkit-transition-duration: 0;
+  -moz-transition-duration: 0;
+  -ms-transition-duration: 0;
+  -o-transition-duration: 0;
+  transition-duration: 0;
+}
+
+div.line.glow {
+  background-color: auto;
+  box-shadow: none;
+}
+
+span.lineno {
+}
+
+span.lineno a {
+}
+
+span.lineno a:hover {
+}
+
+div.ah {
+  background: none;
+  background-color: #F6F6F6;
+  color: #66666E;
+  border: 1px solid #E6E6E6;
+  border-radius: 7px;
+  -webkit-border-radius: 7px;
+  -moz-border-radius: 7px;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+}
+
+div.groupHeader {
+}
+
+div.groupText {
+}
+
+body {
+  color: #363534;
+}
+
+div.contents {
+}
+
+td.indexkey {
+}
+
+td.indexvalue {
+}
+
+tr.memlist {
+}
+
+p.formulaDsp {
+}
+
+img.formulaDsp {
+}
+
+img.formulaInl {
+}
+
+div.center {
+}
+
+div.center img {
+}
+
+address.footer {
+}
+
+img.footer {
+  display: none;
+}
+
+/* addition */
+.footer a:before {
+  content: "Doxygen";
+}
+/* --- */
+
+/* @group Code Colorization */
+
+span.keyword {
+}
+
+span.keywordtype {
+}
+
+span.keywordflow {
+}
+
+span.comment {
+}
+
+span.preprocessor {
+}
+
+span.stringliteral {
+}
+
+span.charliteral {
+}
+
+span.vhdldigit { 
+}
+
+span.vhdlchar { 
+}
+
+span.vhdlkeyword { 
+}
+
+span.vhdllogic { 
+}
+
+blockquote {
+}
+
+/* @end */
+
+.search {
+}
+
+form.search {
+}
+
+input.search {
+}
+
+td.tiny {
+}
+
+.dirtab {
+}
+
+th.dirtab {
+}
+
+hr {
+  border-top: 1px solid #E6E6E6;
+  margin: 10px 8px 0 12px;
+}
+
+hr.footer {
+}
+
+/* @group Member Descriptions */
+
+table.memberdecls {
+  font-size: 13px;
+}
+
+/* addition */
+
+table.memberdecls a {
+  font-weight: 600;  
+}
+
+table.memberdecls .memItemLeft {
+  border: solid #E6E6E6;
+  border-width: 0 0 0 1px;
+}
+
+table.memberdecls .memItemRight {
+  border: solid #E6E6E6;
+  border-width: 0 1px 0 0;
+}
+
+table.memberdecls tr:nth-child(2) .memItemLeft {
+  border-top-width: 1px;
+  border-top-left-radius: 7px;
+  padding-top: 6px;
+}
+
+table.memberdecls tr:nth-child(2) .memItemRight {
+  border-top-width: 1px;
+  border-top-right-radius: 7px;
+  padding-top: 6px;
+}
+
+table.memberdecls tr:nth-last-child(2) .memItemLeft {
+  border-bottom-width: 1px;
+  border-bottom-left-radius: 7px;
+  padding-bottom: 6px;
+}
+
+table.memberdecls tr:nth-last-child(2) .memItemRight {
+  border-bottom-width: 1px;
+  border-bottom-right-radius: 7px;
+  padding-bottom: 6px;
+}
+
+/* --- */
+
+.memberdecls td, .fieldtable tr {
+  -webkit-transition-duration: 0;
+  -moz-transition-duration: 0;
+  -ms-transition-duration: 0;
+  -o-transition-duration: 0;
+  transition-duration: 0;
+}
+
+.memberdecls td.glow, .fieldtable tr.glow {
+  background-color: auto;
+  box-shadow: 0;
+}
+
+.mdescLeft, .mdescRight,
+.memItemLeft, .memItemRight,
+.memTemplItemLeft, .memTemplItemRight, .memTemplParams {
+  width: auto;
+  background-color: #F6F6F6;
+}
+
+.mdescLeft, .mdescRight {
+}
+
+/* addition */
+.mdescLeft {
+  padding: 3px 10px 3px 15px;
+}
+
+.mdescRight {
+  padding: 3px 15px 3px 10px;
+}
+/* --- */
+
+.memSeparator {
+  display: none;
+}
+
+.memItemLeft, .memTemplItemLeft {
+}
+
+.memItemRight {
+  padding-right: 8px;
+}
+
+.memTemplParams {
+}
+
+/* @end */
+
+/* @group Member Details */
+
+/* Styles for detailed member documentation */
+
+.memtemplate {
+}
+
+.memnav {
+}
+
+.mempage {
+}
+
+.memitem {
+  margin-bottom: 20px;
+  -webkit-transition-duration: 0;
+  -moz-transition-duration: 0;
+  -ms-transition-duration: 0;
+  -o-transition-duration: 0;
+  transition-duration: 0;
+}
+
+.memitem.glow {
+  box-shadow: none;
+}
+
+.memname {
+  font-size: 13px;
+}
+
+.memname td {
+}
+
+.memproto, dl.reflist dt {
+  border: 1px solid #E6E6E6;
+  padding: 5px 10px;
+  color: #363534;
+  text-shadow: none;
+  background: none;
+  background-color: #F6F6F6;
+  box-shadow: none;
+  border-radius: 7px;
+  -moz-box-shadow: none;
+  -moz-border-radius: 7px;
+  -webkit-box-shadow: none;
+  -webkit-border-radius: 7px;
+}
+
+/* additional */
+.memproto .memname {
+  font-weight: bold;
+}
+
+.memproto .memname a {
+  font-weight: bold;  
+}
+/* --- */
+
+.memdoc, dl.reflist dd {
+  border: 0;      
+  padding: 0;
+  background: none;
+  border-radius: 0;
+  box-shadow: none;
+  -moz-border-radius: 0;
+  -moz-box-shadow: none;
+  -webkit-border-radius: 0;
+  -webkit-box-shadow: none;
+}
+
+dl.reflist dt {
+}
+
+dl.reflist dd {
+}
+
+.paramkey {
+}
+
+.paramtype {
+}
+
+.paramname {
+  color: #363534;
+}
+
+.paramname em {
+}
+
+.paramname code {
+}
+
+.params, .retval, .exception, .tparams {
+}       
+
+.params .paramname, .retval .paramname {
+}
+        
+.params .paramtype {
+}       
+        
+.params .paramdir {
+}
+
+.mlabels {
+}
+
+td.mlabels-left {
+}
+
+td.mlabels-right {
+}
+
+span.mlabels {
+}
+
+span.mlabel {
+  background-color: #E6E6E6;
+  border: 0;
+  color: #66666E;
+  padding: 4px 5px;
+  border-radius: 4px;
+  font-size: 11px;
+}
+
+/* @end */
+
+/* these are for tree view when not used as main index */
+
+div.directory {
+  border: none;
+}
+
+.directory table {
+}
+
+.directory td {
+}
+
+.directory td.entry {
+}
+
+.directory td.entry a {
+  font-weight: bold;
+}
+
+.directory td.entry a img {
+}
+
+.directory td.desc {
+  border-color: #E6E6E6;
+}
+
+.directory tr.even {
+  background: none;
+}
+
+.directory img {
+  vertical-align: -30%;
+}
+
+.directory .levels {
+}
+
+.directory .levels span {
+}
+
+div.dynheader {
+}
+
+address {
+}
+
+table.doxtable {
+}
+
+table.doxtable td, table.doxtable th {
+  border: 1px solid #E6E6E6;
+}
+
+table.doxtable th {
+  background-color: #F6F6F6;
+  color: #66666E;
+  font-size: 13px;
+}
+
+table.fieldtable {
+  padding: 5px 10px;
+  border: 1px solid #E6E6E6;
+  background-color: #F6F6F6;
+  box-shadow: none;
+  border-radius: 7px;
+  -moz-box-shadow: none;
+  -moz-border-radius: 7px;
+  -webkit-box-shadow: none;
+  -webkit-border-radius: 7px;
+}
+
+.fieldtable td, .fieldtable th {
+}
+
+.fieldtable td.fieldtype, .fieldtable td.fieldname {
+  border: 0;
+}
+
+.fieldtable td.fieldname {
+  font-size: 13px;
+}
+
+/* additional */
+.fieldtable td.fieldname em {
+  font-style: normal;
+}
+/* --- */
+
+.fieldtable td.fielddoc {
+  border: 0;
+  font-size: 13px;
+}
+
+/* additional */
+.fieldtable td.fielddoc * {
+  font-size: 13px;
+}
+/* --- */
+
+.fieldtable td.fielddoc p:first-child {
+  margin: auto;
+}       
+        
+.fieldtable td.fielddoc p:last-child {
+  margin: auto;
+}
+
+.fieldtable tr:last-child td {
+}
+
+.fieldtable th {
+  background: none;
+  background-color: #E6E6E6;
+  font-size: 13px;
+  font-weight: normal;
+  color: #363534;
+  border-radius: 0;
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border: 0;
+}
+
+.tabsearch {
+}
+
+.navpath ul {
+  background: none;
+  background-color: #E6E6E6;
+  color: #363534;
+  border: 0;
+  font-size: 13px;
+}
+
+.navpath li {
+  color: #363534;
+}
+
+.navpath li.navelem a {
+  color: #363534;
+}
+
+.navpath li.navelem a:hover {
+  color: #363534;
+}
+
+.navpath li.footer {
+  color: #363534;
+  font-size: 13px;
+}
+
+div.summary {
+  margin: 20px;
+  width: auto;
+  display: inline-block;
+  text-align: left;
+  color: transparent;
+  line-height: 0;
+  padding: 15px 25px;      
+  border: 1px solid #E6E6E6;
+  background-color: #F6F6F6;
+  border-radius: 7px;
+  -moz-border-radius: 7px;
+  -webkit-border-radius: 7px;
+  font-size: 13px;
+}
+
+div.summary a {
+  display: block;  
+  line-height: 1.5;
+}
+
+div.ingroups {
+}
+
+div.ingroups a {
+}
+
+div.header {
+  background: none;
+  border: 0;
+}
+
+div.headertitle {
+}
+
+dl {
+}
+
+/* dl.note, dl.warning, dl.attention, dl.pre, dl.post, dl.invariant, dl.deprecated, dl.todo, dl.test, dl.bug */
+dl.section {
+}
+
+dl.note {
+}
+
+dl.warning, dl.attention {
+}
+
+dl.pre, dl.post, dl.invariant {
+}
+
+dl.deprecated {
+}
+
+dl.todo {
+}
+
+dl.test {
+}
+
+dl.bug {
+}
+
+dl.section dd {
+}
+
+#projectlogo {
+}
+ 
+#projectlogo img { 
+}
+
+#projectname {
+  font: 24px Verdana,DejaVu Sans,Geneva,sans-serif;  
+  font-weight: bold;
+  display: inline;
+}
+
+#projectbrief {
+  font: 16px Verdana,DejaVu Sans,Geneva,sans-serif;  
+  display: inline;
+}
+
+#projectnumber {
+  font: 16px Verdana,DejaVu Sans,Geneva,sans-serif;  
+  display: inline;
+}
+
+#titlearea {
+  border: 0;
+  background-color: #E6E6E6;
+}
+
+.image {
+}
+
+.dotgraph {
+}
+
+.mscgraph {
+}
+
+.diagraph {
+}
+
+.caption {
+}
+
+div.zoom {
+}
+
+dl.citelist {
+}
+
+dl.citelist dt {
+}
+
+dl.citelist dd {
+}
+
+div.toc {
+}
+
+div.toc li {
+}
+
+div.toc h3 {
+}
+
+div.toc ul {
+}       
+
+div.toc li.level1 {
+}
+
+div.toc li.level2 {
+}
+
+div.toc li.level3 {
+}
+
+div.toc li.level4 {
+}
+
+.inherit_header {
+}
+
+.inherit_header td {
+}
+
+.inherit {
+}
+
+tr.heading h2 {
+}
+
+/* tooltip related style info */
+
+.ttc {
+}
+
+#powerTip {
+}
+
+#powerTip div.ttdoc {
+}
+
+#powerTip div.ttname a {
+}
+
+#powerTip div.ttname {
+}
+
+#powerTip div.ttdeci {
+}
+
+#powerTip div {
+  font: 13px/1.3 Verdana,DejaVu Sans,Geneva,sans-serif;
+  color: #363534;
+}
+
+#powerTip:before, #powerTip:after {
+}
+
+#powerTip.n:after,  #powerTip.n:before,
+#powerTip.s:after,  #powerTip.s:before,
+#powerTip.w:after,  #powerTip.w:before,
+#powerTip.e:after,  #powerTip.e:before,
+#powerTip.ne:after, #powerTip.ne:before,
+#powerTip.se:after, #powerTip.se:before,
+#powerTip.nw:after, #powerTip.nw:before,
+#powerTip.sw:after, #powerTip.sw:before {
+}
+
+#powerTip.n:after,  #powerTip.s:after,
+#powerTip.w:after,  #powerTip.e:after,
+#powerTip.nw:after, #powerTip.ne:after,
+#powerTip.sw:after, #powerTip.se:after {
+}
+
+#powerTip.n:before,  #powerTip.s:before,
+#powerTip.w:before,  #powerTip.e:before,
+#powerTip.nw:before, #powerTip.ne:before,
+#powerTip.sw:before, #powerTip.se:before {
+}
+
+#powerTip.n:after,  #powerTip.n:before,
+#powerTip.ne:after, #powerTip.ne:before,
+#powerTip.nw:after, #powerTip.nw:before {
+}
+
+#powerTip.n:after, #powerTip.ne:after, #powerTip.nw:after {
+}
+#powerTip.n:before {
+}
+#powerTip.n:after, #powerTip.n:before {
+}
+
+#powerTip.nw:after, #powerTip.nw:before {
+}
+
+#powerTip.ne:after, #powerTip.ne:before {
+}
+
+#powerTip.s:after,  #powerTip.s:before,
+#powerTip.se:after, #powerTip.se:before,
+#powerTip.sw:after, #powerTip.sw:before {
+}
+
+#powerTip.s:after, #powerTip.se:after, #powerTip.sw:after {
+}
+
+#powerTip.s:before, #powerTip.se:before, #powerTip.sw:before {
+}
+
+#powerTip.s:after, #powerTip.s:before {
+}
+
+#powerTip.sw:after, #powerTip.sw:before {
+}
+
+#powerTip.se:after, #powerTip.se:before {
+}
+
+#powerTip.e:after, #powerTip.e:before {
+}
+
+#powerTip.e:after {
+}
+
+#powerTip.e:before {
+}
+
+#powerTip.w:after, #powerTip.w:before {
+}
+
+#powerTip.w:after {
+}
+
+#powerTip.w:before {
+}
+
+/* tabs.css */
+
+.tabs, .tabs2, .tabs3 {
+  background: none;
+  background-color: #F6F6F6;
+  font: 13px Verdana,DejaVu Sans,Geneva,sans-serif;
+  border-bottom: 1px solid #E6E6E6;
+}
+
+.tabs2 {
+  font-size: 13px;
+}
+.tabs3 {
+  font-size: 13px;
+}
+
+.tablist {
+}
+
+.tablist li {
+  background: none;
+  line-height: 1.5;
+}
+
+.tablist a {
+  padding: 0 10px;
+  font-weight: normal;
+  background: none;
+  color: #00732F;
+  text-shadow: none;
+}
+
+.tabs3 .tablist a {
+}
+
+.tablist a:hover {
+  background: none;
+  color: #00732F;
+  text-shadow: none;
+}
+
+.tablist li.current a {
+  background: none;
+  color: #00732F;
+  text-shadow: none;
+}
+
+/* navtree.css */
+
+#nav-tree .children_ul {
+}
+
+#nav-tree ul {
+}
+
+#nav-tree li {
+}
+
+#nav-tree .plus {
+}
+
+#nav-tree .selected {
+  background: none;
+  background-color: #E6E6E6;
+  color: #00732F;
+  text-shadow: none;
+}
+
+#nav-tree img {
+}
+
+#nav-tree a {
+}
+
+#nav-tree .label {
+  font: 12px Verdana,DejaVu Sans,Geneva,sans-serif;
+}
+
+#nav-tree .label a {
+}
+
+#nav-tree .selected a {
+  color: #00732F;
+}
+
+#nav-tree .children_ul {
+}
+
+#nav-tree .item {
+}
+
+#nav-tree {
+  background-color: #F6F6F6; 
+}
+
+#doc-content {
+}
+
+#side-nav {
+}
+
+.ui-resizable .ui-resizable-handle {
+}
+
+.ui-resizable-e {
+  background: none;
+  background-color: #E6E6E6;
+}
+
+.ui-resizable-handle {
+}
+
+#nav-tree-contents {
+}
+
+#nav-tree {
+  background: none;
+  background-color: #F6F6F6;
+}
+
+#nav-sync {
+}
+
+#nav-sync img {
+}
+
+#nav-sync img:hover {
+}
+
diff --git a/gui/SARibbon/doc/ribbon-toolbutton.drawio b/gui/SARibbon/doc/ribbon-toolbutton.drawio
new file mode 100644
index 0000000..9477015
--- /dev/null
+++ b/gui/SARibbon/doc/ribbon-toolbutton.drawio
@@ -0,0 +1 @@
+<mxfile host="Electron" modified="2023-05-28T13:48:40.826Z" agent="5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/19.0.3 Chrome/102.0.5005.63 Electron/19.0.3 Safari/537.36" etag="VUcCu14FYz5cpfwmjXz9" version="19.0.3" type="device"><diagram id="yGERRYrwaGF77KkQtr55" name="RibbonToolButton">7V1tc5u4Fv4t94Nn2s7Yw5sAf4yTeLNzm3vTm73b3U8djGWbBoOLSZ3016/EiwOSCBgjgW0yndoW+GDOc47Om44YqNfrl98Ca7O69+fQHSjS/GWg3gwURVZUDb3gkdd4xJSSgWXgzJOT3gYenV8wGZSS0WdnDre5E0Pfd0Nnkx+0fc+Ddpgbs4LA3+VPW/hu/qobawmpgUfbcunRr848XCV3oRhv43fQWa7SK8v6OD6yttKTkzvZrqy5v8sMqbcD9Trw/TB+t365hi5mXsqX+HvTgqP7HxZAL6zyhW+ysf11H0xvvz9MDev7w5O9Hg4VNSbz03KfkztOfm34mrIg8J+9OcRUpIE62a2cED5uLBsf3SHQ0dgqXLvok4zeLhzXvfZdP4i+q84taC5sNL4NA/8JZo7otglnC3SEvo/k1n7CIIQvmaHkvn6D/hqGwSs6JT1qJDxOhExLPu7eEFOToVUGrBQZK5GR5Z7wGxvRm4STh3BVo7g6eQ5D30Nj/8NSSrIY3WeY56PlOksPvbcRVyBi2QRzw0FyeZUcWDvzOf76JIBb55c1i0hhgDa+44XRHYHJANxgWs+hv401S6ag8HwPErglQw0Ao0igDBhTKDCgYXFvgEeq1DHh1Ske/W5fnuiqaqnoGkJhMTjP1ACac401U5vKTNX1ZriqyR0TdpPi6h9YoC9M2DWtY8I+5ivsC9OGNtMtmZlAA1IzXAVKt4Q9vViOq7qLJXq7sbwce/Ufz9gxncws+2kZsXpox1y6wpfxnNCx3IhN6Zno3RK//u7NkfyH6NSENvqtMfn4OHq11hgeb7bFL6ejaAvfCzOiIkV/DYkKKFXAsUhR0WShovIZYpIxtZxwFMjQxnmB7j26U8f+8OUx/iVX6N/D/bd76D3Hzvae+seLFy8yQDIZM5HGSb6uZ3/fSQt3sXv4fPvD/frqquZiyBIvAiPoza9wAP/GoLm1XUUTvpzHLm8JCtkF57lQn2ZWhhuAwYx0LICuFTo/8wkCFoeSKzxgAclgoUsjKfOXhuAJNEAneL71nwMbJkSy8T1BVydcK4pQaAVLGFKEIvz2XKgPqdJDWgCpLjUEKUWIM6RnkRxSivSiRDY0XnMfnRyK4+uW8xCKDAg+AdpIjGk+qbz4ROdqHtcW/tqpGPMkmy03BJCsEoKs0oIs1IizMhKxu7YJINNFXKP5yvGGob+JnUNp8xLxRkoOzHzkuK3zx0insdQPLf4KBgV9ZRFrUea8WzCY3A6ubge35mByM7iaDm7Hg/FkYAL8ZjIZjGWa6h++7yaeJtLf/3rua8ZbjS+VvzwdCKXDEb/S0VMU7yLfNTovuRepCR0wtBEo1QJZEakGdArpBK0kme5kWknG7M/NStIZoE5YyX2Y1BUrmXo3p50qU41xKVtlWSRba0WohRFM0fyIOBa8/pWcFH34O/l+9OHmJXvo5nVwGvEQiaYOagZAFCHBAZBcK6jtpSCZBqWRJo33fyZoSChK6IqWkQpRckZGbNfabh27jph0HnCF0FZydq6t9iQh3pDSIfqFQqqpckOQjksI8YaUzibkqw+nEnVxqhBQ+Mi0/89rqQ4bMHoZyh1evHcyQJHh8dRaO27E3SrZBq5g6/kYRpYADbbYchCdSvrag80JbKNtsOmEyZ0Hdz3YDYAtgwqqzfIX+KFNJ3K+9mjzQpuh20LRTgk3GDDX4XeV1HQh/zviehdie6jrLctllHivDGg+i3KpQiETCzVlSR+PgFJPMMjV+UxivGWDkT1JJKS3DkdaB5mCl7YOQitljL6Y3hfg5Obva6CtuQKMXptes5vRbHLiZoEtVrPpbA0O4D/Fgd20z9w0hbxSQc33Dp8Y6OncTR/O85rUGX0BYid1xmKXflLnNKkzwBY7qbNTN5/i2XzaZ2i5TeoM5MVO6sxWsdKQ/TJW85sE02uv5icJ8V7N3zfdFGFqkIpUF1OKEG9MK6TWur/4lGzR0Bn9aUJbNFQ6KxW3hR/D2kYYRax1MltefarSGZ2+SSOHUNuldZW15clFdmlgDe67NNrp0mCpgdguDZXOUJ2gpSTbNFiWUhdqKensTycsJdmn0b6l5Nwm1E6fBoutQvs0VDpHQbG1X6FfcZ21UXeJAUVIcBiUKnsvBc33adQXihK6omXksPTHGS/qJ/s0jKbasyhCvCGtkP24DEjJPo36kI5LCPGGlM689H0a7/RpGIz2d6F9GtphvVKXlFU2m9r3hyLEWwkrbJN7qZiSkXRtTElCvDE9i/wHWSnYa0ZZpZTfbk50AqQTG1WQpQJTYiRAAM0obpG6RidA+lIBM9Bqq1SgsXIpF1kqiDTYmEyQNM3RjU//j1Q3GBg3femAf+mgXClkXntRs7ehK9oivO0JHuilEzwwBE7woEIqtvseBrlDPdPDYFWuuHkYaT2nax6G1jUPQ6czfJ3QVK1zmlohb9b9WhRIt2l5h61Ca1HgsJ2A+ipErt2VRHNcM9CmCAkOtEGthFgvBTEZBeRqRuOGZOJ9sqIl5LD02jmXLXRCV+vWGimlF9ziDipk1y4DUqDrDUGqlBDiDSkjsddXot7Bh7HET2glSqfjzy3yWB1vefFYySqxm4jO6DBirRtsAqypPQu+XH0zlT8XUIH/9tc/tKDK00KE5AooHjI4XVyMTX912rilMSIQVq5A5sZX2vlMnmf3YeoE2+jBdv7uY5qZnAVpVvIR2r43jw83i0TV5woeh4SaR2Jf/cgiIXHK2jCB4F5CJex9JW6JcQEUs0AtDnUBjCL9at4FYGLIr7TXqLDLoKKwk0+EakzYu7K2+Si2auQcorLYKtBGtroH/Vvu4L1MQocnIY1AE2gjMKZSAAevj1MOIst5gjpwf/qjw84Oww0IXIyaNociBMTaHHHbyW/RnYQ0nWh46rh5g3VCyMunijzjwXBnlnA4zu0ZG2wVF5BwYANWy8fv7TPbPsv7ntGjbTJNirfq0ulfZSSBT1+mCNN7iJ9TvB25jhe5vGeSkDpKl3VClRWGqy1WlyuEML0uV9RlmbScdTWZIsRbjw/rJu2dL9Jnqo18qRfHGXnGxuVnVDw4aq6WDQLjtAWptdoBnRfpsUomUJnAqu06T5UWze4XekBRRrvFQk/RFlVllZ5m2V9e3SH1K+oVaASUcYHJaK3mw+iF7ETBgORU+wUDRjdaP4UnYJHmtvUpvEKao/vVHWq20GgvhqkDMje+1go5z7NErOh1S8R6CSHOcQOzZ+5CQNSLVOpgEI0SQpxBBHTwd7kggqZAJAnxBpGOCvvyScYAUjMlY3mD0JRrlS6kc9U6TZVHlL7UNIEsWqZYK1iv8+lMoKQWmtTFkSQkGkSDwiyPhB+EK3/pe5b72cdBfATWdxiGr0mnOJ708lDCFyfclzvQ+6jaMQLJp7dyB/6QVjv2NZJ9M1P8LQU0VCZBtxhB8h4vkkg+Zvl7/p/Klr3KQnXcFMrqNSvZTcGOzQvekSFYzj4gJUDXltKXjxEfJWyHhovkERn41Dvo/oTYGGaOx/YNH5X3+z7EB+KL4iOeH6wtN3PspxU4FnpFJtUKn5EhLTnPtjZFp+wSZcYHtcRMSi6SRxgM02wC9U0/2KwsLyGpxGPYFRgm1h8P7x2A9JiDtMALiS0uoiNhgIgtEP30StHMFk8+/i5/mZ0fzPM/bE8L3cvsyUHkMM3YWRgm01fuvJllPy0jrRwSOCo4nMQQKjgkid6AFM2I6hzafoBk0veG4cqxnzy4TX6e4zmhk/KHPDeD5bvnZX5O7ryF61shyZy5s9241mt6Oq6Mozf/ctYbNMdYHnvTj6+IfVEyQZEmz3jejDfzRi/4y9G69YJtONieX0mWotD5a8IXIwumjJKKLDTJc2AD20EWHJ/1YGG19KLjSFsLTYPxvm1ocIqPIehM2KXWTYCQXgNJiLfXwHntt5gCj2LIOS6qjLVlcnpnWXEgn+HTnELSiaVO1BJQnJ/nVJrJy+VRGTurpwWrxjnF2B+lUQkUk59WjXw7pcbY2FNo90HhbirSh//46P/UHH9sVt3LC4rZrakaYj4p1Czmj02RzK+VG+mXo8WqNM5vBqDV3QxZM0oIcbatepsbypy+FCijbGNOmpZJsVS0kS4f3Q+kGWpuu1jtoKvwlp82t6I5ffnJK79qICj1N6RrlknIOaWELG8JEbYVzZkseNV0QMBXN9urkzOF2LhNF7ZjzZkir5H7yNVGXrRXQbe1yyOl71UpCg40orimpY9PEbElLRvBNptVqm0x1109JgNtUPcpDVTELlqPay096qUgBs9sSgrMdqXAqJD9uowtAFRiQzLN1EamfvyOD6Sav0+WN9yH7QlyxnBrnOAm9blduBUK7n5RWzZrbuYfz7P3rdta1GbQKbuzaGzIJN3NhnLuZCSderUCHn/Chq7PlvHLttYOlkvyqyTd2vMx+hj4eL3J2+mBtVnd+3OIz/gH</diagram></mxfile>
\ No newline at end of file
diff --git a/gui/SARibbon/doc/ribbon-toolbutton.md b/gui/SARibbon/doc/ribbon-toolbutton.md
new file mode 100644
index 0000000..5314f7a
--- /dev/null
+++ b/gui/SARibbon/doc/ribbon-toolbutton.md
@@ -0,0 +1,60 @@
+Ribbon界面无法用普通的tab+toolbutton组合来实现主要就是因为ribbon界面对工具按钮有特殊的渲染方式，和经典菜单按钮是有很大不同的，在没有菜单的情况下没有什么区别，但有菜单的情况下，会有明显不同
+
+差别主要通过下面这个动图可以提现，尤其是在MenuPopup模式下，按钮会被拆分为两部分，普通的工具栏是左右拆分，而ribbon的工具按钮是上下拆分
+
+![ribbon工具按钮](./pic/ribbon-toolbutton.gif)
+
+# ribbon工具栏按钮绘制方案
+
+`SARibbon`的工具栏按钮为`SARibbonToolButton`，它继承`QToolButton`，重写了其绘图方法
+
+工具栏按钮分3个矩形区域，一个是icon绘制区域，一个是文本显示区域，一个是indicator绘制区域
+
+三个区域会有两种布局方案，根据文本是否换行来进行布局
+
+## 文字换行显示的布局方案
+
+换行模式下，文本区域会占据两行行高，office的word就是这种布局方案
+
+![](./pic/office-word-wrodwrap.png)
+
+可以看到，第一个pannel文本没有换行，会有一行的留白，第二个pannel文本都换行，充满了文本区域,且能看到菜单的箭头在第二行最右边
+
+对于没有换行的文本，但有菜单的情况下，indicator在第二行文本处
+
+![](./pic/office-word-wrodwrap2.png)
+
+下图为`SARibbonToolButton`文本换行的布局方案
+
+![](./pic/ribbon-toolbutton-largebutton.png)
+
+indicator是有菜单时的下箭头提示，在文本确切要换行时，下箭头在第二行文本的最右边，若在换行模式，但文本没有换行，第二行的位置就用来显示indicator
+
+> 注意，如果文本太长，`SARibbonToolButton`会尝试换行，由于英文的文本每个单词不是定长，因此会在原有文本单行显示的长度基础上先尝试1/2的长度能否换行完全显示，如果显示不了，就把长度递增为1/2+1/3，并继续尝试，如果3次都无法容纳下，就显示为原来的长度
+
+> 注意，换行模式下，用户可以手动给文本换行，就是加入`\n`换行，加入`\n`的文本，`SARibbonToolButton`就不用进行换行估算
+
+> 注意，带有`\n`的文本在不换行模式下也可正常显示，此时`\n`会被忽略掉
+
+## 文字不换行显示的布局方案
+
+对于不换行的方案，最经典的就是wps的布局方案，wps-word所有文字都是一行，不存在换行的情况，indicator布置在最右边
+
+![](./pic/wps-word-nowrodwrap.png)
+
+wps的方案尤其适合显示中文文本，但英文会有可能放不下，或者英文太长，单行很难显示全，因此如果要显示英文，建议使用换行方案，要显示中文，建议使用不换行方案
+
+`SARibbonToolButton`不换行的布局方案如下
+
+![](./pic/ribbon-toolbutton-largebutton-nowordwrap.png)
+
+# 如何布置一个更美观的Ribbon界面
+
+如果文字都比较短，又没有菜单情况下，使用换行模式显示会有一行文本的留白，如果很多的话会不太美观
+
+![](./pic/office-excel-oneline-spacing.png)
+
+此时又如下几种方案：
+
+- 大小搭配，如2个大按钮搭配3个小按钮
+- 使用\n强制换行,尤其是4个文字的情况下可以两个两个
\ No newline at end of file
diff --git a/gui/SARibbon/doc/screenshot/QuickAccessBarAndRightButtonGroup.png b/gui/SARibbon/doc/screenshot/QuickAccessBarAndRightButtonGroup.png
new file mode 100644
index 0000000..60ec39a
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/QuickAccessBarAndRightButtonGroup.png differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbon-aligment-center.png b/gui/SARibbon/doc/screenshot/SARibbon-aligment-center.png
new file mode 100644
index 0000000..ccab73e
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbon-aligment-center.png differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbon-theme-dark.png b/gui/SARibbon/doc/screenshot/SARibbon-theme-dark.png
new file mode 100644
index 0000000..72888f6
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbon-theme-dark.png differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbon-theme-office2013.png b/gui/SARibbon/doc/screenshot/SARibbon-theme-office2013.png
new file mode 100644
index 0000000..4d51828
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbon-theme-office2013.png differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbon-theme-office2016.png b/gui/SARibbon/doc/screenshot/SARibbon-theme-office2016.png
new file mode 100644
index 0000000..9ec04e6
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbon-theme-office2016.png differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbon-theme-office2021.png b/gui/SARibbon/doc/screenshot/SARibbon-theme-office2021.png
new file mode 100644
index 0000000..3876cfd
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbon-theme-office2021.png differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbon-theme-win7.png b/gui/SARibbon/doc/screenshot/SARibbon-theme-win7.png
new file mode 100644
index 0000000..4ebf00b
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbon-theme-win7.png differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbonBar-Context-Category.png b/gui/SARibbon/doc/screenshot/SARibbonBar-Context-Category.png
new file mode 100644
index 0000000..8951ca5
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbonBar-Context-Category.png differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbonBar-gallery.gif b/gui/SARibbon/doc/screenshot/SARibbonBar-gallery.gif
new file mode 100644
index 0000000..6dce11d
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbonBar-gallery.gif differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbonBar-minMode.gif b/gui/SARibbon/doc/screenshot/SARibbonBar-minMode.gif
new file mode 100644
index 0000000..9e07c0a
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbonBar-minMode.gif differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbonBar-option-action.gif b/gui/SARibbon/doc/screenshot/SARibbonBar-option-action.gif
new file mode 100644
index 0000000..d53363c
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbonBar-option-action.gif differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbonBar-overview.gif b/gui/SARibbon/doc/screenshot/SARibbonBar-overview.gif
new file mode 100644
index 0000000..dff8e17
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbonBar-overview.gif differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbonBar-quickAccessBar.gif b/gui/SARibbon/doc/screenshot/SARibbonBar-quickAccessBar.gif
new file mode 100644
index 0000000..bceb748
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbonBar-quickAccessBar.gif differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbonBar-ribbonbutton.gif b/gui/SARibbon/doc/screenshot/SARibbonBar-ribbonbutton.gif
new file mode 100644
index 0000000..ba9692a
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbonBar-ribbonbutton.gif differ
diff --git a/gui/SARibbon/doc/screenshot/SARibbonBar-style.gif b/gui/SARibbon/doc/screenshot/SARibbonBar-style.gif
new file mode 100644
index 0000000..4d40519
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/SARibbonBar-style.gif differ
diff --git a/gui/SARibbon/doc/screenshot/customize/customization-office-ui.png b/gui/SARibbon/doc/screenshot/customize/customization-office-ui.png
new file mode 100644
index 0000000..ad017a6
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/customize/customization-office-ui.png differ
diff --git a/gui/SARibbon/doc/screenshot/customize/customization-saribbon-ui.png b/gui/SARibbon/doc/screenshot/customize/customization-saribbon-ui.png
new file mode 100644
index 0000000..e5c3f4b
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/customize/customization-saribbon-ui.png differ
diff --git a/gui/SARibbon/doc/screenshot/data-workbench-screenshot01-en.png b/gui/SARibbon/doc/screenshot/data-workbench-screenshot01-en.png
new file mode 100644
index 0000000..cf0f29a
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/data-workbench-screenshot01-en.png differ
diff --git a/gui/SARibbon/doc/screenshot/data-workbench-screenshot02-en.png b/gui/SARibbon/doc/screenshot/data-workbench-screenshot02-en.png
new file mode 100644
index 0000000..e908c49
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/data-workbench-screenshot02-en.png differ
diff --git a/gui/SARibbon/doc/screenshot/data-workbench-screenshot1-cn.gif b/gui/SARibbon/doc/screenshot/data-workbench-screenshot1-cn.gif
new file mode 100644
index 0000000..e26d255
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/data-workbench-screenshot1-cn.gif differ
diff --git a/gui/SARibbon/doc/screenshot/office-2-style-nowrap.png b/gui/SARibbon/doc/screenshot/office-2-style-nowrap.png
new file mode 100644
index 0000000..5896feb
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/office-2-style-nowrap.png differ
diff --git a/gui/SARibbon/doc/screenshot/office-2-style.png b/gui/SARibbon/doc/screenshot/office-2-style.png
new file mode 100644
index 0000000..2a9da90
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/office-2-style.png differ
diff --git a/gui/SARibbon/doc/screenshot/office-3-style-nowrap.png b/gui/SARibbon/doc/screenshot/office-3-style-nowrap.png
new file mode 100644
index 0000000..8f573ec
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/office-3-style-nowrap.png differ
diff --git a/gui/SARibbon/doc/screenshot/office-3-style.png b/gui/SARibbon/doc/screenshot/office-3-style.png
new file mode 100644
index 0000000..ae12f88
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/office-3-style.png differ
diff --git a/gui/SARibbon/doc/screenshot/office-mode.png b/gui/SARibbon/doc/screenshot/office-mode.png
new file mode 100644
index 0000000..ecbe40c
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/office-mode.png differ
diff --git a/gui/SARibbon/doc/screenshot/ribbonbar-use-in-qwidget.png b/gui/SARibbon/doc/screenshot/ribbonbar-use-in-qwidget.png
new file mode 100644
index 0000000..ba00f88
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/ribbonbar-use-in-qwidget.png differ
diff --git a/gui/SARibbon/doc/screenshot/sa-screenshot.gif b/gui/SARibbon/doc/screenshot/sa-screenshot.gif
new file mode 100644
index 0000000..e3128aa
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/sa-screenshot.gif differ
diff --git a/gui/SARibbon/doc/screenshot/wps-2-style-nowrap.png b/gui/SARibbon/doc/screenshot/wps-2-style-nowrap.png
new file mode 100644
index 0000000..ff879f3
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/wps-2-style-nowrap.png differ
diff --git a/gui/SARibbon/doc/screenshot/wps-2-style.png b/gui/SARibbon/doc/screenshot/wps-2-style.png
new file mode 100644
index 0000000..b9c0f2f
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/wps-2-style.png differ
diff --git a/gui/SARibbon/doc/screenshot/wps-3-style-nowrap.png b/gui/SARibbon/doc/screenshot/wps-3-style-nowrap.png
new file mode 100644
index 0000000..47cb29b
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/wps-3-style-nowrap.png differ
diff --git a/gui/SARibbon/doc/screenshot/wps-3-style.png b/gui/SARibbon/doc/screenshot/wps-3-style.png
new file mode 100644
index 0000000..5b84834
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/wps-3-style.png differ
diff --git a/gui/SARibbon/doc/screenshot/wps-mode.png b/gui/SARibbon/doc/screenshot/wps-mode.png
new file mode 100644
index 0000000..8e1232e
Binary files /dev/null and b/gui/SARibbon/doc/screenshot/wps-mode.png differ
diff --git a/gui/SARibbon/example/CMakeLists.txt b/gui/SARibbon/example/CMakeLists.txt
new file mode 100644
index 0000000..6f9019a
--- /dev/null
+++ b/gui/SARibbon/example/CMakeLists.txt
@@ -0,0 +1,8 @@
+cmake_minimum_required(VERSION 3.5)
+project(SARibbonExamples LANGUAGES CXX)
+
+add_subdirectory(MainWindowExample)
+add_subdirectory(WidgetWithRibbon)
+add_subdirectory(NormalMenuBarExample)
+add_subdirectory(MdiAreaWindowExample)
+add_subdirectory(StaticExample)
diff --git a/gui/SARibbon/example/MainWindowExample/CMakeLists.txt b/gui/SARibbon/example/MainWindowExample/CMakeLists.txt
new file mode 100644
index 0000000..4ced7d0
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/CMakeLists.txt
@@ -0,0 +1,45 @@
+cmake_minimum_required(VERSION 3.5)
+SET(VERSION_SHORT 0.1)
+project(MainWindowExample VERSION ${VERSION_SHORT})
+set(CMAKE_INCLUDE_CURRENT_DIR ON)
+set(CMAKE_AUTOMOC ON)
+set(CMAKE_AUTORCC ON)
+# qt库加载，最低要求5.8
+find_package(QT NAMES Qt6 Qt5 COMPONENTS Core REQUIRED)
+find_package(Qt${QT_VERSION_MAJOR} 5.8 COMPONENTS Core Gui Widgets REQUIRED)
+add_executable(MainWindowExample WIN32
+    mainwindow.h
+    mainwindow.cpp
+    main.cpp
+    saribbonresouce.qrc
+)
+
+if(NOT TARGET SARibbonBar)
+    # 说明这个例子是单独加载
+    message(STATUS "NOT TARGET SARibbonBar find_package(SARibbonBar REQUIRED)")
+    find_package(SARibbonBar REQUIRED)
+endif()
+target_link_libraries(MainWindowExample PUBLIC SARibbonBar::SARibbonBar)
+target_link_libraries(MainWindowExample PUBLIC
+                                       Qt${QT_VERSION_MAJOR}::Core 
+                                       Qt${QT_VERSION_MAJOR}::Gui 
+                                       Qt${QT_VERSION_MAJOR}::Widgets)
+                                           
+set_target_properties(MainWindowExample PROPERTIES
+    AUTOMOC ON
+    AUTORCC ON
+    AUTOUIC ON
+    CXX_EXTENSIONS OFF
+    DEBUG_POSTFIX ${CMAKE_DEBUG_POSTFIX}
+    VERSION ${SARIBBON_VERSION}
+    EXPORT_NAME MainWindowExample
+    ARCHIVE_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/lib"
+    LIBRARY_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/lib"
+    RUNTIME_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/bin"
+)
+
+install(TARGETS MainWindowExample
+    RUNTIME DESTINATION bin
+    LIBRARY DESTINATION bin
+    ARCHIVE DESTINATION lib
+)
diff --git a/gui/SARibbon/example/MainWindowExample/MainWindowExample.pro b/gui/SARibbon/example/MainWindowExample/MainWindowExample.pro
new file mode 100644
index 0000000..eb932ea
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/MainWindowExample.pro
@@ -0,0 +1,35 @@
+#-------------------------------------------------
+#
+# Project created by QtCreator 2017-09-21T14:04:12
+#
+#-------------------------------------------------
+
+QT       += core gui
+# SARibbon 1.x 版本后引入frameless库，必须要cpp17及以上
+CONFIG += c++17
+greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
+
+TARGET = SARibbonMainWindowExample
+TEMPLATE = app
+
+SOURCES += main.cpp\
+    mainwindow.cpp
+
+HEADERS  += \
+    mainwindow.h
+
+RESOURCES += \
+    saribbonresouce.qrc \
+
+# 下面演示了如何把SARibbon引入
+# 只需要下面2句话，只要把common.pri引入工程，就可以实现SARibbon的引入
+include($$PWD/../../common.pri)
+include($${SARIBBONBAR_PRI_FILE_PATH})
+
+DESTDIR = $${SARIBBON_BIN_DIR}/bin
+
+msvc {
+    QMAKE_CFLAGS += /utf-8
+    QMAKE_CXXFLAGS += /utf-8
+}
+
diff --git a/gui/SARibbon/example/MainWindowExample/icon/Align-Center.svg b/gui/SARibbon/example/MainWindowExample/icon/Align-Center.svg
new file mode 100644
index 0000000..72e4169
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/Align-Center.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646228615024" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5235" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M989.866667 273.066667H34.133333c-10.24 0-17.066667-6.826667-17.066666-17.066667S23.893333 238.933333 34.133333 238.933333h955.733334c10.24 0 17.066667 6.826667 17.066666 17.066667s-6.826667 17.066667-17.066666 17.066667zM785.066667 375.466667H238.933333c-10.24 0-17.066667-6.826667-17.066666-17.066667s6.826667-17.066667 17.066666-17.066667h546.133334c10.24 0 17.066667 6.826667 17.066666 17.066667s-6.826667 17.066667-17.066666 17.066667zM989.866667 477.866667H34.133333c-10.24 0-17.066667-6.826667-17.066666-17.066667s6.826667-17.066667 17.066666-17.066667h955.733334c10.24 0 17.066667 6.826667 17.066666 17.066667s-6.826667 17.066667-17.066666 17.066667zM785.066667 580.266667H238.933333c-10.24 0-17.066667-6.826667-17.066666-17.066667s6.826667-17.066667 17.066666-17.066667h546.133334c10.24 0 17.066667 6.826667 17.066666 17.066667s-6.826667 17.066667-17.066666 17.066667zM989.866667 682.666667H34.133333c-10.24 0-17.066667-6.826667-17.066666-17.066667s6.826667-17.066667 17.066666-17.066667h955.733334c10.24 0 17.066667 6.826667 17.066666 17.066667s-6.826667 17.066667-17.066666 17.066667zM785.066667 785.066667H238.933333c-10.24 0-17.066667-6.826667-17.066666-17.066667s6.826667-17.066667 17.066666-17.066667h546.133334c10.24 0 17.066667 6.826667 17.066666 17.066667s-6.826667 17.066667-17.066666 17.066667z" fill="" p-id="5236"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/Align-Left.svg b/gui/SARibbon/example/MainWindowExample/icon/Align-Left.svg
new file mode 100644
index 0000000..2c73f6f
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/Align-Left.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646228619186" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5385" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1006.933333 273.066667H17.066667C6.826667 273.066667 0 266.24 0 256S6.826667 238.933333 17.066667 238.933333h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM699.733333 375.466667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h682.666666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 477.866667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM699.733333 580.266667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h682.666666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 682.666667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM699.733333 785.066667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h682.666666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="5386"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/Align-Right.svg b/gui/SARibbon/example/MainWindowExample/icon/Align-Right.svg
new file mode 100644
index 0000000..c82066d
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/Align-Right.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646228623617" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5535" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1006.933333 273.066667H17.066667C6.826667 273.066667 0 266.24 0 256S6.826667 238.933333 17.066667 238.933333h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 375.466667h-682.666666c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h682.666666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 477.866667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 580.266667h-682.666666c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h682.666666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 682.666667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 785.066667h-682.666666c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h682.666666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="5536"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/ContextCategory.svg b/gui/SARibbon/example/MainWindowExample/icon/ContextCategory.svg
new file mode 100644
index 0000000..f0fea40
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/ContextCategory.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646236027072" class="icon" viewBox="0 0 1280 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="42549" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="32"><defs><style type="text/css"></style></defs><path d="M411.0848 214.1312h489.5872v31.1552H411.0848z" fill="#B3B3B3" p-id="42550"></path><path d="M938.9184 373.1072c-5.0816-57.2288-13.6832-114.0992-21.2864-171.0848a74.9824 74.9824 0 0 0-8.2432-18.752H389.9008a417.024 417.024 0 0 0-12.1856 48.2816c-9.728 73.1264-15.0016 147.072-28.992 219.4176a521.0496 521.0496 0 0 1-44.4416 104.5632v269.568h691.2v-269.568a368.768 368.768 0 0 1-56.5632-182.4256z m-152.2688 166.528a24.0256 24.0256 0 0 0-29.6192 24.6912 107.4304 107.4304 0 0 1-214.5792-0.896 23.1936 23.1936 0 0 0-28.1856-23.7568H381.6064l-0.0384-0.1024 38.0672-312.4096h460.3904l38.1184 312.4608H786.6496z" fill="#E5E7E6" p-id="42551"></path><path d="M650.7776 295.5008h112.2048c12.608 0 23.3856 2.368 23.3856 17.4848s-10.816 17.4848-23.3856 17.4464H536.7808c-12.5824 0-23.3856-2.2912-23.3856-17.4464s10.8032-17.536 23.3856-17.4848h113.9968z" fill="#29ABE2" p-id="42552"></path><path d="M650.2016 401.2928h-112.1664c-13.0688 0-24.896-1.6128-24.5632-18.0096 0.2816-15.2064 11.4944-16.9088 23.9104-16.9088h224.384c13.0688 0 24.9216 1.5872 24.5888 17.9584-0.256 15.2448-11.5072 17.024-23.8848 16.96h-112.2688z" fill="#23B08D" p-id="42553"></path><path d="M648.1152 472.2816h-110.6048c-13.184 0-24.8064-2.0096-24.2432-18.3552 0.512-15.2448 11.9936-16.3712 24.2432-16.3712h224.3968c13.2224 0 24.8192 2.0352 24.2432 18.3296-0.5248 15.2576-11.9552 16.64-24.2432 16.6016h-113.9584l0.1664-0.2048z" fill="#F4C258" p-id="42554"></path><path d="M304.2816 825.1008h691.2v31.168h-691.2z" fill="#B3B3B3" p-id="42555"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/Decrease-Indent.svg b/gui/SARibbon/example/MainWindowExample/icon/Decrease-Indent.svg
new file mode 100644
index 0000000..b5d46db
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/Decrease-Indent.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646228653298" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5685" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1006.933333 273.066667H17.066667C6.826667 273.066667 0 266.24 0 256S6.826667 238.933333 17.066667 238.933333h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM699.733333 375.466667h-443.733333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h443.733333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 477.866667h-750.933333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h750.933333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM699.733333 580.266667h-443.733333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h443.733333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 682.666667h-750.933333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h750.933333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM699.733333 785.066667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h682.666666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="5686"></path><path d="M187.733333 682.666667c-3.413333 0-6.826667 0-10.24-3.413334l-170.666666-136.533333c-3.413333-3.413333-6.826667-6.826667-6.826667-13.653333 0-3.413333 0-10.24 3.413333-13.653334l170.666667-170.666666c6.826667-3.413333 13.653333-3.413333 20.48-3.413334 6.826667 3.413333 10.24 10.24 10.24 17.066667v307.2c0 6.826667-3.413333 13.653333-10.24 17.066667h-6.826667z m-146.773333-153.6l129.706667 102.4v-232.106667l-129.706667 129.706667z" fill="" p-id="5687"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/Decrease-Margin.svg b/gui/SARibbon/example/MainWindowExample/icon/Decrease-Margin.svg
new file mode 100644
index 0000000..46c5f67
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/Decrease-Margin.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646228657041" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5836" xmlns:xlink="http://www.w3.org/1999/xlink" width="32.03125" height="32"><defs><style type="text/css"></style></defs><path d="M1008.64 273.066667h-648.533333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h648.533333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM701.44 375.466667h-341.333333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1008.64 477.866667h-648.533333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h648.533333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM701.44 580.266667h-341.333333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1008.64 682.666667h-648.533333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h648.533333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM701.44 785.066667h-341.333333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="5837"></path><path d="M189.44 716.8c-3.413333 0-10.24-3.413333-13.653333-3.413333l-170.666667-170.666667c-6.826667-6.826667-6.826667-17.066667 0-23.893333l170.666667-170.666667c6.826667-6.826667 13.653333-6.826667 20.48-6.826667 6.826667 3.413333 10.24 10.24 10.24 17.066667v341.333333c0 6.826667-3.413333 13.653333-10.24 17.066667h-6.826667z m-146.773333-187.733333L172.373333 658.773333v-259.413333l-129.706666 129.706667z" fill="" p-id="5838"></path><path d="M291.84 887.466667c-10.24 0-17.066667-6.826667-17.066667-17.066667v-716.8c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066667 17.066667v716.8c0 10.24-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="5839"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/Italic.svg b/gui/SARibbon/example/MainWindowExample/icon/Italic.svg
new file mode 100644
index 0000000..527485d
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/Italic.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1662129900921" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1172" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M329.649231 72.625231h510.739692L820.066462 177.230769H626.845538l-137.216 709.553231H682.929231l-20.322462 104.605538H151.788308l20.322461-104.605538H364.701538L502.547692 177.230769H309.326769z" fill="#333333" p-id="1173"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/SA.svg b/gui/SARibbon/example/MainWindowExample/icon/SA.svg
new file mode 100644
index 0000000..06ff5a0
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/SA.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646226693026" class="icon" viewBox="0 0 1057 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27766" xmlns:xlink="http://www.w3.org/1999/xlink" width="33.03125" height="32"><defs><style type="text/css"></style></defs><path d="M854.441558 1024h-651.636363C91.096104 1024 0 932.903896 0 821.194805v-618.38961C0 91.096104 91.096104 0 202.805195 0h651.636363C966.150649 0 1057.246753 91.096104 1057.246753 202.805195v618.38961c0 111.709091-91.096104 202.805195-202.805195 202.805195zM202.805195 19.948052C101.735065 19.948052 19.948052 101.735065 19.948052 202.805195v618.38961C19.948052 922.264935 101.735065 1004.051948 202.805195 1004.051948h651.636363c101.07013 0 182.857143-81.787013 182.857143-182.857143v-618.38961C1037.298701 101.735065 955.511688 19.948052 854.441558 19.948052h-651.636363z" p-id="27767" fill="#024089"></path><path d="M13.963636 646.316883c33.246753-4.654545 53.85974-7.314286 61.838961-7.979221 16.623377-1.994805 40.561039-3.98961 73.142858-7.97922 6.649351 40.561039 19.948052 69.818182 40.561039 89.101298 20.612987 18.618182 47.875325 28.592208 82.451948 28.592208 36.571429 0 63.833766-8.644156 82.451948-25.267532 18.618182-16.623377 27.927273-36.571429 27.927272-59.179221 0-14.628571-3.98961-26.597403-11.968831-36.571429-7.979221-9.974026-21.277922-19.283117-40.561039-26.597402-13.298701-5.319481-43.220779-13.963636-91.096104-26.597403-60.509091-16.623377-103.72987-36.571429-127.667532-60.509091-34.576623-33.911688-51.864935-74.472727-51.864935-123.012987 0-31.251948 7.979221-60.509091 24.602597-87.106493s39.896104-47.875325 69.818182-61.838961c30.587013-13.963636 67.158442-21.277922 110.379221-21.277923 70.483117 0 123.677922 16.623377 158.91948 50.535065 28.592208 27.262338 38.566234 39.231169 45.215585 81.122078 1.32987 9.974026 26.597403 43.885714 26.597402 54.524676h-46.545454c-18.618182 0.664935-46.545455 1.994805-83.116883 3.98961-4.654545-31.251948-15.293506-53.85974-31.251948-67.823377s-39.896104-20.612987-71.812987-20.612987c-33.246753 0-58.514286 7.314286-77.132468 21.942858-11.968831 9.309091-17.953247 21.942857-17.953247 37.901298 0 14.628571 5.319481 26.597403 16.623377 37.236364 14.628571 13.298701 49.205195 26.597403 104.394805 40.561039 55.18961 13.963636 95.750649 28.592208 122.348052 43.885714s47.21039 35.906494 61.838961 61.838961c14.628571 26.597403 22.607792 58.514286 22.607792 97.08052 0 35.241558-8.644156 67.823377-26.597402 98.410389-17.953247 30.587013-43.220779 53.194805-75.802598 68.488312s-73.142857 22.607792-122.348052 22.607792c-71.148052 0-125.672727-17.953247-163.574026-53.85974-29.257143-27.262338-49.205195-64.498701-60.509091-111.044156-2.65974-13.298701-29.922078-24.602597-31.916883-40.561039z" p-id="27768" fill="#024089"></path><path d="M1041.953247 840.477922h-144.955844l-49.205195-138.971428H623.709091l-46.545455 138.971428H439.522078l31.251948-38.566234 204.8-572.509091h119.688312l210.784415 571.844156 35.906494 39.231169zM811.885714 598.441558l-77.132467-226.742857L658.285714 598.441558h153.6z" p-id="27769" fill="#024089"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/Underline.svg b/gui/SARibbon/example/MainWindowExample/icon/Underline.svg
new file mode 100644
index 0000000..a5adf68
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/Underline.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1662129819391" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3252" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M329.649231 72.625231h510.739692L820.066462 177.230769H626.845538l-137.216 709.553231H682.929231l-20.322462 104.605538H151.788308l20.322461-104.605538H364.701538L502.547692 177.230769H309.326769z" fill="#333333" p-id="3253"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/Wrap-Image Left.svg b/gui/SARibbon/example/MainWindowExample/icon/Wrap-Image Left.svg
new file mode 100644
index 0000000..641fa8d
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/Wrap-Image Left.svg	
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646228606081" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5084" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M358.4 119.466667H17.066667C6.826667 119.466667 0 112.64 0 102.4s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM358.4 221.866667H17.066667C6.826667 221.866667 0 215.04 0 204.8s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM358.4 324.266667H17.066667C6.826667 324.266667 0 317.44 0 307.2s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM358.4 426.666667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM358.4 529.066667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM358.4 631.466667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 733.866667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 836.266667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 938.666667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 631.466667h-512c-10.24 0-17.066667-6.826667-17.066666-17.066667V102.4c0-10.24 6.826667-17.066667 17.066666-17.066667h512c10.24 0 17.066667 6.826667 17.066667 17.066667v512c0 10.24-6.826667 17.066667-17.066667 17.066667z m-494.933333-34.133334h477.866667v-477.866666H512v477.866666z" fill="" p-id="5085"></path><path d="M938.666667 563.2h-375.466667c-6.826667 0-10.24-3.413333-13.653333-6.826667-3.413333-3.413333-3.413333-10.24-3.413334-17.066666l102.4-273.066667c3.413333-6.826667 6.826667-10.24 13.653334-10.24s13.653333 3.413333 17.066666 10.24l75.093334 150.186667 68.266666-54.613334c3.413333-3.413333 10.24-3.413333 13.653334-3.413333 3.413333 0 10.24 3.413333 10.24 6.826667l102.4 170.666666c3.413333 6.826667 3.413333 10.24 0 17.066667s-3.413333 10.24-10.24 10.24z m-351.573334-34.133333h320.853334l-78.506667-129.706667-71.68 54.613333c-3.413333 3.413333-10.24 3.413333-13.653333 3.413334-3.413333 0-10.24-3.413333-10.24-10.24l-68.266667-136.533334-78.506667 218.453334zM836.266667 324.266667C788.48 324.266667 750.933333 286.72 750.933333 238.933333s37.546667-85.333333 85.333334-85.333333S921.6 191.146667 921.6 238.933333s-37.546667 85.333333-85.333333 85.333334z m0-136.533334c-27.306667 0-51.2 23.893333-51.2 51.2s23.893333 51.2 51.2 51.2S887.466667 266.24 887.466667 238.933333s-23.893333-51.2-51.2-51.2z" fill="" p-id="5086"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/Wrap-Image Right.svg b/gui/SARibbon/example/MainWindowExample/icon/Wrap-Image Right.svg
new file mode 100644
index 0000000..a5f0c50
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/Wrap-Image Right.svg	
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646228596339" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4933" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M529.066667 631.466667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667V102.4c0-10.24 6.826667-17.066667 17.066667-17.066667h512c10.24 0 17.066667 6.826667 17.066666 17.066667v512c0 10.24-6.826667 17.066667-17.066666 17.066667zM34.133333 597.333333h477.866667v-477.866666H34.133333v477.866666z" fill="" p-id="4934"></path><path d="M460.8 563.2h-375.466667c-6.826667 0-10.24-3.413333-13.653333-6.826667-3.413333-3.413333-3.413333-10.24-3.413333-17.066666l102.4-273.066667c3.413333-6.826667 6.826667-10.24 13.653333-10.24s13.653333 3.413333 17.066667 10.24l75.093333 150.186667 68.266667-54.613334c3.413333-3.413333 10.24-3.413333 13.653333-3.413333 3.413333 0 10.24 3.413333 10.24 6.826667l102.4 170.666666c3.413333 6.826667 3.413333 10.24 0 17.066667s-3.413333 10.24-10.24 10.24z m-351.573333-34.133333h320.853333l-78.506667-129.706667-71.68 54.613333c-3.413333 3.413333-10.24 3.413333-13.653333 3.413334-3.413333 0-10.24-3.413333-10.24-10.24l-68.266667-136.533334-78.506666 218.453334zM1006.933333 119.466667h-341.333333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 221.866667h-341.333333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 324.266667h-341.333333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 426.666667h-341.333333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 529.066667h-341.333333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 631.466667h-341.333333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 733.866667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 836.266667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM1006.933333 938.666667H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM358.4 324.266667C310.613333 324.266667 273.066667 286.72 273.066667 238.933333s37.546667-85.333333 85.333333-85.333333S443.733333 191.146667 443.733333 238.933333s-37.546667 85.333333-85.333333 85.333334z m0-136.533334C331.093333 187.733333 307.2 211.626667 307.2 238.933333s23.893333 51.2 51.2 51.2S409.6 266.24 409.6 238.933333s-23.893333-51.2-51.2-51.2z" fill="" p-id="4935"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/action.svg b/gui/SARibbon/example/MainWindowExample/icon/action.svg
new file mode 100644
index 0000000..75d9d27
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/action.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646316928855" class="icon" viewBox="0 0 1187 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5394" xmlns:xlink="http://www.w3.org/1999/xlink" width="37.09375" height="32"><defs><style type="text/css"></style></defs><path d="M591.619164 303.326125l-134.993793 63.531367-87.359085-70.479103 224.342551-110.182754 225.332782 113.164961-85.369412 67.496896zM592.614001 670.616555l135.005307-63.531367 87.34757 70.479103-223.347714 111.177591-226.318407-114.159798 85.369412-67.496896zM387.138801 576.309735l-91.324613 60.556069L0.992534 486.970189l298.789486-151.873775 87.356781 70.479104-162.798553 81.394671zM963.867657 486.970189l-162.79625-81.394671 87.356781-70.479104 298.787184 151.873775-293.826818 150.890452-91.324614-61.550906z" fill="#5D7690" p-id="5395"></path><path d="M592.614001 1024L0.992534 704.362701 0 542.56359 593.608837 862.191677l593.606535-315.657953v162.793948z" fill="#5D7690" p-id="5396"></path><path d="M1155.313819 333.560405L598.463271 613.712826 58.241693 359.997265 623.564471 97.7496z" fill="#5D7690" p-id="5397"></path><path d="M1040.083191 336.337657l-439.872047 221.295864L173.472321 357.220013l446.564165-207.156288z" fill="#B9D2E2" p-id="5398"></path><path d="M621.839627 108.234532m-80.190274 0a80.190274 80.190274 0 1 0 160.380548 0 80.190274 80.190274 0 1 0-160.380548 0Z" fill="#B9D2E2" p-id="5399"></path><path d="M621.839627 216.469064c59.777702 0 108.234532-48.45683 108.234532-108.234532s-48.45683-108.234532-108.234532-108.234532-108.234532 48.45683-108.234532 108.234532 48.459133 108.234532 108.234532 108.234532z m0-181.585305c40.511955 0 73.353076 32.838818 73.353076 73.350773s-32.84112 73.350773-73.353076 73.350773c-40.509652 0-73.34847-32.84112-73.34847-73.350773s32.838818-73.350773 73.34847-73.350773z" fill="#5D7690" p-id="5400"></path><path d="M157.223324 340.261735m-80.190274 0a80.190274 80.190274 0 1 0 160.380548 0 80.190274 80.190274 0 1 0-160.380548 0Z" fill="#B9D2E2" p-id="5401"></path><path d="M157.223324 448.496267c59.777702 0 108.234532-48.45683 108.234532-108.234532s-48.45683-108.234532-108.234532-108.234532-108.234532 48.45683-108.234532 108.234532 48.459133 108.234532 108.234532 108.234532z m0-181.583002c40.509652 0 73.353076 32.838818 73.353075 73.350773s-32.843423 73.350773-73.353075 73.350772-73.350773-32.838818-73.350773-73.350772 32.843423-73.350773 73.350773-73.350773z" fill="#5D7690" p-id="5402"></path><path d="M594.207581 542.12144m-80.190274 0a80.190274 80.190274 0 1 0 160.380548 0 80.190274 80.190274 0 1 0-160.380548 0Z" fill="#B9D2E2" p-id="5403"></path><path d="M594.205279 650.355972c59.777702 0 108.234532-48.45683 108.234532-108.234532s-48.45683-108.234532-108.234532-108.234532c-59.775399 0-108.234532 48.45683-108.234533 108.234532s48.459133 108.234532 108.234533 108.234532z m0-181.585305c40.511955 0 73.353076 32.838818 73.353075 73.350773s-32.84112 73.350773-73.353075 73.350773c-40.509652 0-73.350773-32.838818-73.350773-73.350773s32.84112-73.350773 73.350773-73.350773z" fill="#5D7690" p-id="5404"></path><path d="M1061.681737 328.747423m-80.190274 0a80.190274 80.190274 0 1 0 160.380548 0 80.190274 80.190274 0 1 0-160.380548 0Z" fill="#B9D2E2" p-id="5405"></path><path d="M1061.681737 436.981955c59.777702 0 108.234532-48.45683 108.234532-108.234532s-48.45683-108.234532-108.234532-108.234532-108.234532 48.45683-108.234532 108.234532 48.459133 108.234532 108.234532 108.234532z m0-181.583002c40.509652 0 73.353076 32.838818 73.353076 73.350773s-32.843423 73.350773-73.353076 73.350772-73.350773-32.838818-73.350772-73.350772 32.843423-73.350773 73.350772-73.350773z" fill="#5D7690" p-id="5406"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/action2.svg b/gui/SARibbon/example/MainWindowExample/icon/action2.svg
new file mode 100644
index 0000000..491042c
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/action2.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646317364393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6277" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M363.52 912.384V404.992h168.96v-168.96H194.56v338.432h168.96V629.76H135.68V177.152h452.096v452.096h-168.96v227.84h396.8V460.288h-227.84V404.992h283.136v510.976H363.52v-3.584z m168.96-338.432V460.288H418.816v114.176H532.48z" p-id="6278"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/action3.svg b/gui/SARibbon/example/MainWindowExample/icon/action3.svg
new file mode 100644
index 0000000..d4527d9
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/action3.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646317364393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6277" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M363.52 912.384V404.992h168.96v-168.96H194.56v338.432h168.96V629.76H135.68V177.152h452.096v452.096h-168.96v227.84h396.8V460.288h-227.84V404.992h283.136v510.976H363.52v-3.584z m168.96-338.432V460.288H418.816v114.176H532.48z" p-id="6278" fill="#024089"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/action4.svg b/gui/SARibbon/example/MainWindowExample/icon/action4.svg
new file mode 100644
index 0000000..95cfff5
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/action4.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646317364393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6277" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M363.52 912.384V404.992h168.96v-168.96H194.56v338.432h168.96V629.76H135.68V177.152h452.096v452.096h-168.96v227.84h396.8V460.288h-227.84V404.992h283.136v510.976H363.52v-3.584z m168.96-338.432V460.288H418.816v114.176H532.48z" p-id="6278" fill="#d81e06"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/al-bothside.svg b/gui/SARibbon/example/MainWindowExample/icon/al-bothside.svg
new file mode 100644
index 0000000..c24e4bb
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/al-bothside.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1662129977083" class="icon" viewBox="0 0 1097 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1867" xmlns:xlink="http://www.w3.org/1999/xlink" width="214.2578125" height="200"><path d="M40.667429 151.844571v-109.714285h1018.733714v109.714285H40.667429zM35.108571 438.564571v-109.714285h1026.56v109.714285H35.108571zM36.425143 721.188571v-109.714285h1022.244571v109.714285H36.425143z m4.096 276.845715v-109.714286h1015.808v109.714286H40.521143z" fill="#333333" p-id="1868"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/al-center.svg b/gui/SARibbon/example/MainWindowExample/icon/al-center.svg
new file mode 100644
index 0000000..47294aa
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/al-center.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1662129960896" class="icon" viewBox="0 0 1097 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1589" xmlns:xlink="http://www.w3.org/1999/xlink" width="214.2578125" height="200"><path d="M36.059429 147.382857v-109.714286H1060.571429v109.714286H36.059429z m219.794285 282.916572v-109.714286h582.144v109.714286H255.853714zM38.985143 718.262857v-109.714286h1022.464v109.714286H38.985143z m220.306286 278.674286v-109.714286h579.657142v109.714286H259.291429z" fill="#333333" p-id="1590"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/al-left.svg b/gui/SARibbon/example/MainWindowExample/icon/al-left.svg
new file mode 100644
index 0000000..2b77c1d
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/al-left.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1662129968640" class="icon" viewBox="0 0 1097 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1728" xmlns:xlink="http://www.w3.org/1999/xlink" width="214.2578125" height="200"><path d="M37.741714 151.771429v-109.714286h1021.659429v109.714286H37.741714z m-1.462857 275.748571v-109.714286h585.289143v109.714286H36.278857zM35.035429 717.385143v-109.714286h1026.194285v109.714286H35.108571z m1.243428 273.993143v-109.714286h585.728v109.714286H36.278857z" fill="#333333" p-id="1729"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/al-right.svg b/gui/SARibbon/example/MainWindowExample/icon/al-right.svg
new file mode 100644
index 0000000..7c72b41
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/al-right.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1662129949613" class="icon" viewBox="0 0 1097 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1450" xmlns:xlink="http://www.w3.org/1999/xlink" width="214.2578125" height="200"><path d="M39.716571 153.6V43.885714h1021.074286v109.714286H39.716571z m437.028572 276.187429v-109.714286h585.289143v109.714286H476.745143zM37.083429 714.313143v-109.714286H1060.571429v109.714286H37.083429z m440.173714 276.699428v-109.714285h578.413714v109.714285H477.257143z" fill="#333333" p-id="1451"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/bold.svg b/gui/SARibbon/example/MainWindowExample/icon/bold.svg
new file mode 100644
index 0000000..9fc18af
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/bold.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1662129827340" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1033" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M318.621538 499.003077v383.842461h156.278154c76.721231 0 131.387077-13.390769 164.076308-40.172307 32.689231-26.860308 49.073231-70.971077 49.073231-132.489846 0-81.053538-17.250462-136.507077-51.672616-166.360616-34.422154-29.932308-88.221538-44.819692-161.476923-44.819692H318.621538z m0-375.256615v268.051692h153.6c63.645538 0 109.804308-12.209231 138.31877-36.627692 28.593231-24.418462 42.850462-55.138462 42.850461-92.16 0-49.309538-14.099692-84.834462-42.220307-106.57477-28.120615-21.819077-74.436923-32.689231-138.948924-32.68923h-153.6zM185.895385 15.202462h289.004307c99.800615 0 176.758154 21.582769 230.793846 64.669538 54.035692 43.165538 81.132308 104.211692 81.132308 183.138462 0 42.299077-14.336 80.580923-42.929231 115.003076-28.514462 34.500923-71.364923 56.083692-128.393846 64.748308 64.039385 9.609846 114.215385 37.021538 150.685539 82.077539 36.391385 45.134769 54.587077 111.300923 54.587077 198.498461 0 88.457846-28.987077 155.175385-86.961231 200.388923-57.974154 45.056-144.305231 67.662769-258.914462 67.662769H185.816615V15.202462z" fill="#333333" p-id="1034"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/chinese-char.svg b/gui/SARibbon/example/MainWindowExample/icon/chinese-char.svg
new file mode 100644
index 0000000..ea3410e
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/chinese-char.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646235652357" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="41682" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M828.952381 85.333333a109.714286 109.714286 0 0 1 109.592381 104.545524L938.666667 195.047619v341.333333a109.714286 109.714286 0 0 1-104.545524 109.592381L828.952381 646.095238h-146.285714v-73.142857h146.285714a36.571429 36.571429 0 0 0 36.400762-33.060571L865.52381 536.380952V195.047619a36.571429 36.571429 0 0 0-33.060572-36.400762L828.952381 158.47619H487.619048a36.571429 36.571429 0 0 0-36.400762 33.060572L451.047619 195.047619v146.285714h-73.142857V195.047619a109.714286 109.714286 0 0 1 104.545524-109.592381L487.619048 85.333333h341.333333z" fill="#000000" p-id="41683"></path><path d="M536.380952 377.904762H195.047619A109.714286 109.714286 0 0 0 85.333333 487.619048v341.333333A109.714286 109.714286 0 0 0 195.047619 938.666667h341.333333a109.714286 109.714286 0 0 0 109.714286-109.714286V487.619048a109.714286 109.714286 0 0 0-109.714286-109.714286z" fill="#000000" p-id="41684"></path><path d="M231.058286 817.517714c58.660571-21.333333 103.107048-42.22781 133.315047-62.659047 32.01219 23.113143 76.897524 43.105524 134.680381 59.977143 7.996952-14.189714 17.310476-28.42819 27.989334-42.666667-50.663619-9.752381-92.891429-25.746286-126.659048-47.981714 33.767619-34.669714 57.782857-78.652952 71.996952-131.998477h52.004572v-42.666666h-126.659048a800.329143 800.329143 0 0 0-12.019809-49.322667l-52.004572 3.998476 13.336381 45.348572H207.043048v42.666666h50.663619c15.11619 52.419048 38.66819 95.98781 70.680381 130.633143-30.232381 21.333333-71.558095 39.131429-124.001524 53.345524a425.691429 425.691429 0 0 1 26.672762 41.325714z m133.315047-122.660571c-26.648381-26.672762-46.226286-60.879238-58.660571-102.64381h116.004571c-8.899048 40.862476-28.013714 75.093333-57.344 102.64381z" fill="#FFFFFF" p-id="41685"></path><path d="M690.639238 219.428571L804.571429 510.585905h-60.464762l-26.745905-70.314667H674.864762a145.944381 145.944381 0 0 0-22.796191-42.227809h54.076953c-25.33181-70.314667-38.448762-106.398476-39.399619-108.27581A199.484952 199.484952 0 0 1 658.285714 264.43581h-1.414095l-0.097524 1.365333a64.365714 64.365714 0 0 1-2.706285 9.898667c-1.877333 7.484952-3.291429 12.653714-4.217905 15.457523-0.804571 1.609143-10.044952 27.550476-27.794286 77.872762a146.041905 146.041905 0 0 0-45.958095-22.235428L625.93219 219.428571h64.707048z" fill="#000000" p-id="41686"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/customize.svg b/gui/SARibbon/example/MainWindowExample/icon/customize.svg
new file mode 100644
index 0000000..d97e692
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/customize.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646225166776" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9842" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M594.336 310.816a547.632 547.632 0 0 0-21.824-65.056c-77.472 17.12-102.704-50.144-70.24-97.2a89.776 89.776 0 0 0-53.92-37.488c-32.528 49.744-121.248 24.688-113.36-43.296h-75.856c6.384 72.848-81.376 88.224-118.656 43.232-18.368 12.096-43.44 17.296-48.8 43.072 35.616 42.736 3.088 109.52-70.24 91.68C13.504 266.352 5.664 287.968 0 310.816c61.424 9.728 61.424 103.728 0 113.456 5.728 22.688 13.504 44.32 21.456 64.848 77.472-17.072 103.424 50.208 70.24 97.248 12.272 18.368 29.728 31.504 54.304 37.712 32.528-49.824 121.04-24.768 113.136 43.376h75.856c-6.592-73.136 81.328-88.384 118.88-43.376 18.32-12.112 43.552-17.664 48.4-43.232-35.28-42.944-2.8-109.344 70.24-91.68a579.328 579.328 0 0 0 21.776-64.848c-64.048-15.776-64.048-97.952 0-113.504h0.048zM297.168 480.144a112.608 112.608 0 1 1 0-225.216 112.608 112.608 0 0 1 0 225.216z m0 0" fill="#6362F6" p-id="9843"></path><path d="M1024 551.712a399.584 399.584 0 0 0-15.776-47.024c-56.016 12.384-74.24-36.24-50.784-70.272a64.784 64.784 0 0 0-38.976-27.088c-23.536 35.984-87.664 17.84-81.952-31.296h-54.848c4.608 52.656-58.816 63.776-85.76 31.248-13.28 8.752-31.408 12.496-35.28 31.136 25.744 30.896 2.24 79.168-50.768 66.272-5.744 14.896-11.424 30.512-15.52 47.024 44.4 7.024 44.4 75.008 0 82.032 4.144 16.384 9.76 32.032 15.52 46.88 56-12.352 74.768 36.288 50.768 70.32 8.896 13.28 21.488 22.752 39.264 27.248 23.52-36.016 87.488-17.888 81.776 31.36h54.848c-4.768-52.896 58.784-63.904 85.936-31.36 13.232-8.752 31.488-12.768 34.992-31.248-25.504-31.04-2.032-79.04 50.784-66.288 5.984-14.88 11.328-30.544 15.744-46.88-46.304-11.408-46.304-70.816 0-82.064H1024z m-214.848 122.432c-44.944 0-81.376-36.448-81.376-81.408s36.432-81.392 81.376-81.392a81.392 81.392 0 1 1 0 162.8z m0 0" fill="#9A9FDE" p-id="9844"></path><path d="M667.488 777.168a276.736 276.736 0 0 0-10.96-32.672c-38.912 8.592-51.568-25.168-35.28-48.8a44.944 44.944 0 0 0-27.04-18.816c-16.336 24.992-60.896 12.368-56.928-21.744h-38.096c3.216 36.576-40.848 44.304-59.568 21.696-9.232 6.096-21.808 8.688-24.496 21.632 17.872 21.472 1.536 54.992-35.28 46.032-3.984 10.336-7.92 21.184-10.768 32.672 30.848 4.896 30.848 52.08 0 56.976 2.864 11.392 6.784 22.24 10.768 32.544 38.896-8.56 51.936 25.2 35.28 48.832 6.16 9.232 14.912 15.808 27.264 18.944 16.336-25.024 60.768-12.416 56.8 21.76h38.096c-3.312-36.72 40.816-44.352 59.664-21.76 9.2-6.08 21.856-8.864 24.304-21.712-17.696-21.552-1.392-54.912 35.28-46.016 4.144-10.336 7.856-21.232 10.944-32.56-32.16-7.936-32.16-49.184 0.016-57.008z m-149.2 85.008a56.528 56.528 0 1 1 0-113.04 56.528 56.528 0 0 1 0 113.04z m0 0" fill="#9A9FDE" p-id="9845"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/customize0.svg b/gui/SARibbon/example/MainWindowExample/icon/customize0.svg
new file mode 100644
index 0000000..14b1c97
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/customize0.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646225290986" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9990" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M594.336 310.816a547.632 547.632 0 0 0-21.824-65.056c-77.472 17.12-102.704-50.144-70.24-97.2a89.776 89.776 0 0 0-53.92-37.488c-32.528 49.744-121.248 24.688-113.36-43.296h-75.856c6.384 72.848-81.376 88.224-118.656 43.232-18.368 12.096-43.44 17.296-48.8 43.072 35.616 42.736 3.088 109.52-70.24 91.68C13.504 266.352 5.664 287.968 0 310.816c61.424 9.728 61.424 103.728 0 113.456 5.728 22.688 13.504 44.32 21.456 64.848 77.472-17.072 103.424 50.208 70.24 97.248 12.272 18.368 29.728 31.504 54.304 37.712 32.528-49.824 121.04-24.768 113.136 43.376h75.856c-6.592-73.136 81.328-88.384 118.88-43.376 18.32-12.112 43.552-17.664 48.4-43.232-35.28-42.944-2.8-109.344 70.24-91.68a579.328 579.328 0 0 0 21.776-64.848c-64.048-15.776-64.048-97.952 0-113.504h0.048zM297.168 480.144a112.608 112.608 0 1 1 0-225.216 112.608 112.608 0 0 1 0 225.216z m0 0" fill="#13227a" p-id="9991"></path><path d="M1024 551.712a399.584 399.584 0 0 0-15.776-47.024c-56.016 12.384-74.24-36.24-50.784-70.272a64.784 64.784 0 0 0-38.976-27.088c-23.536 35.984-87.664 17.84-81.952-31.296h-54.848c4.608 52.656-58.816 63.776-85.76 31.248-13.28 8.752-31.408 12.496-35.28 31.136 25.744 30.896 2.24 79.168-50.768 66.272-5.744 14.896-11.424 30.512-15.52 47.024 44.4 7.024 44.4 75.008 0 82.032 4.144 16.384 9.76 32.032 15.52 46.88 56-12.352 74.768 36.288 50.768 70.32 8.896 13.28 21.488 22.752 39.264 27.248 23.52-36.016 87.488-17.888 81.776 31.36h54.848c-4.768-52.896 58.784-63.904 85.936-31.36 13.232-8.752 31.488-12.768 34.992-31.248-25.504-31.04-2.032-79.04 50.784-66.288 5.984-14.88 11.328-30.544 15.744-46.88-46.304-11.408-46.304-70.816 0-82.064H1024z m-214.848 122.432c-44.944 0-81.376-36.448-81.376-81.408s36.432-81.392 81.376-81.392a81.392 81.392 0 1 1 0 162.8z m0 0" fill="#13227a" p-id="9992"></path><path d="M667.488 777.168a276.736 276.736 0 0 0-10.96-32.672c-38.912 8.592-51.568-25.168-35.28-48.8a44.944 44.944 0 0 0-27.04-18.816c-16.336 24.992-60.896 12.368-56.928-21.744h-38.096c3.216 36.576-40.848 44.304-59.568 21.696-9.232 6.096-21.808 8.688-24.496 21.632 17.872 21.472 1.536 54.992-35.28 46.032-3.984 10.336-7.92 21.184-10.768 32.672 30.848 4.896 30.848 52.08 0 56.976 2.864 11.392 6.784 22.24 10.768 32.544 38.896-8.56 51.936 25.2 35.28 48.832 6.16 9.232 14.912 15.808 27.264 18.944 16.336-25.024 60.768-12.416 56.8 21.76h38.096c-3.312-36.72 40.816-44.352 59.664-21.76 9.2-6.08 21.856-8.864 24.304-21.712-17.696-21.552-1.392-54.912 35.28-46.016 4.144-10.336 7.856-21.232 10.944-32.56-32.16-7.936-32.16-49.184 0.016-57.008z m-149.2 85.008a56.528 56.528 0 1 1 0-113.04 56.528 56.528 0 0 1 0 113.04z m0 0" fill="#13227a" p-id="9993"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/delete.svg b/gui/SARibbon/example/MainWindowExample/icon/delete.svg
new file mode 100644
index 0000000..3957e08
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/delete.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646317940815" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13855" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1024 512c0 282.77-229.23 512-512 512S0 794.77 0 512 229.23 0 512 0s512 229.23 512 512z" fill="#FF4747" p-id="13856"></path><path d="M528.816 437.46c-8.451 8.451-22.098 8.507-30.604 0L337.883 277.131c-8.451-8.451-22.271-8.333-30.632 0.028L277.16 307.25c-8.467 8.467-8.535 22.126-0.028 30.632l160.329 160.329c8.451 8.451 8.507 22.098 0 30.604L277.132 689.144c-8.451 8.451-8.333 22.271 0.028 30.632l30.091 30.091c8.467 8.467 22.126 8.535 30.632 0.028l160.329-160.329c8.451-8.451 22.098-8.507 30.604 0l160.329 160.329c8.451 8.451 22.271 8.333 30.632-0.028l30.091-30.091c8.467-8.467 8.535-22.126 0.028-30.632L589.567 528.815c-8.451-8.451-8.507-22.098 0-30.604l160.329-160.329c8.451-8.451 8.333-22.271-0.028-30.632l-30.091-30.091c-8.467-8.467-22.126-8.535-30.632-0.028L528.816 437.46z" fill="#FFFFFF" p-id="13857"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/deleteContext.svg b/gui/SARibbon/example/MainWindowExample/icon/deleteContext.svg
new file mode 100644
index 0000000..79b78f3
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/deleteContext.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645974096250" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="33041" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M511.616 794.538667L234.666667 932.864a43.477333 43.477333 0 0 1-58.709334-17.066667A46.506667 46.506667 0 0 1 170.666667 894.592v-309.674667c0 30.72 17.322667 49.664 62.848 70.869334z" fill="#d81e06" opacity=".4" p-id="33042"></path><path d="M809.813333 938.666667a43.178667 43.178667 0 0 1-21.589333-5.802667l-276.608-138.368-278.101333-138.709333C187.733333 634.453333 170.666667 615.210667 170.666667 584.917333V247.168a141.738667 141.738667 0 0 1 61.226666-124.544A262.186667 262.186667 0 0 1 379.733333 85.333333h263.424a264.021333 264.021333 0 0 1 147.882667 37.290667A143.36 143.36 0 0 1 853.333333 247.168v647.424a45.44 45.44 0 0 1-5.248 20.864 43.648 43.648 0 0 1-26.282666 21.333333 43.178667 43.178667 0 0 1-11.989334 1.877334zM350.933333 343.082667a33.749333 33.749333 0 0 0 0 67.456h321.024a33.749333 33.749333 0 0 0 0-67.456z" fill="#d81e06" p-id="33043"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/disable.svg b/gui/SARibbon/example/MainWindowExample/icon/disable.svg
new file mode 100644
index 0000000..f5b5e68
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/disable.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645975733169" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="34037" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 1024a512 512 0 1 1 512-512 512 512 0 0 1-512 512z m0-903.68A391.68 391.68 0 1 0 903.68 512 392.192 392.192 0 0 0 512 120.32z" fill="#333333" p-id="34038"></path><path d="M301.056 451.584h421.888v120.32H301.056z" fill="#333333" p-id="34039"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/enableTest.svg b/gui/SARibbon/example/MainWindowExample/icon/enableTest.svg
new file mode 100644
index 0000000..2a15b33
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/enableTest.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646317731904" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9043" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 256.5C226.7 256.5 75.4 527 75.4 527S238.8 767.5 512 767.5c273.2 0 436.6-240.5 436.6-240.5S814.4 256.5 512 256.5z m0 456.3c-215.9 0-345-190-345-190S286.5 309 512 309c239 0 345 213.8 345 213.8s-129.1 190-345 190z" fill="#B3B7C0" p-id="9044"></path><path d="M357.5 512.7c0 84.6 69.2 153.2 154.5 153.2s154.5-68.6 154.5-153.2S597.3 359.5 512 359.5s-154.5 68.6-154.5 153.2z" fill="#B3B7C0" p-id="9045"></path><path d="M0 0v1024h1024V0H0z m959.8 959.8H64.2V64.2h895.6v895.6z" fill="#B3B7C0" p-id="9046"></path><path d="M512.1 586.3s-0.1 0.1 0 0c-38.2 0-69.1-30.6-69.1-68.4 0-37.8 30.9-68.4 69-68.4h0.1v-91c-86.9 0.1-157.4 68.9-157.4 153.7 0 84.8 70.4 153.6 157.4 153.7v-79.6z" fill="#86B2F9" p-id="9047"></path><path d="M513 767.5h-1C238.8 767.5 75.4 527 75.4 527S226.7 256.5 512 256.5h1V0H0v1024h513V767.5z" fill="#86B2F9" p-id="9048"></path><path d="M443 518c0 37.8 30.9 68.4 69 68.4h0.1V449.6h-0.1c-38.1 0-69 30.6-69 68.4z m138.2 0c0 37.8-30.9 68.4-69 68.4h-0.1V449.6h0.1c38.1 0 69 30.6 69 68.4z" fill="#FFFFFF" p-id="9049"></path><path d="M512.1 665.9c-86.9-0.1-157.4-68.9-157.4-153.7 0-84.8 70.4-153.6 157.4-153.7v-102h-0.1C226.7 256.5 75.4 527 75.4 527S238.8 767.5 512 767.5h0.1V665.9z" fill="#FFFFFF" p-id="9050"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/file.svg b/gui/SARibbon/example/MainWindowExample/icon/file.svg
new file mode 100644
index 0000000..49a15b8
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/file.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646226112076" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4783" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M870.4 0H419.84c-3.413333 0-3.413333 3.413333-6.826667 3.413333l-273.066666 273.066667s-3.413333 3.413333-3.413334 6.826667v723.626666c0 10.24 6.826667 17.066667 17.066667 17.066667h716.8c10.24 0 17.066667-6.826667 17.066667-17.066667V17.066667c0-10.24-6.826667-17.066667-17.066667-17.066667zM409.6 273.066667H194.56L409.6 58.026667V273.066667z" fill="" p-id="4784"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/folder-checkmark.svg b/gui/SARibbon/example/MainWindowExample/icon/folder-checkmark.svg
new file mode 100644
index 0000000..5300dbc
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/folder-checkmark.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972897998" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2036" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1024 960a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V320a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64v640z" fill="#EDD87E" p-id="2037"></path><path d="M960 128H512V64a64 64 0 0 0-64-64H64a64 64 0 0 0-64 64v256a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V192a64 64 0 0 0-64-64z" fill="#434854" p-id="2038"></path><path d="M960 224H64a64 64 0 0 0-64 64v32a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V288a64 64 0 0 0-64-64z" fill="" p-id="2039"></path><path d="M128 192h768v64H128z" fill="#EAEAEA" p-id="2040"></path><path d="M749.312 471.808c-24.544-24.512-70.624-18.112-95.136 6.368l-202.304 202.304-88.736-88.736a62.784 62.784 0 0 0-88.768 88.736l133.152 133.152a62.784 62.784 0 0 0 88.736 0l255.264-251.232c24.448-24.448 22.272-66.08-2.208-90.592z" fill="" p-id="2041"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/folder-cog.svg b/gui/SARibbon/example/MainWindowExample/icon/folder-cog.svg
new file mode 100644
index 0000000..4958a1e
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/folder-cog.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972785504" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1882" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1024 960a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V320a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64v640z" fill="#EDD87E" p-id="1883"></path><path d="M960 128H512V64a64 64 0 0 0-64-64H64a64 64 0 0 0-64 64v256a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V192a64 64 0 0 0-64-64z" fill="#434854" p-id="1884"></path><path d="M960 224H64a64 64 0 0 0-64 64v32a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V288a64 64 0 0 0-64-64z" fill="" p-id="1885"></path><path d="M128 192h768v64H128z" fill="#EAEAEA" p-id="1886"></path><path d="M721.984 597.952L672 588.864a170.912 170.912 0 0 0-10.816-25.92l28.928-41.824c6.208-9.6 5.472-14.336 0-19.808l-39.552-39.616c-5.504-5.44-10.88-5.856-19.808 0.032l-41.856 28.96a166.08 166.08 0 0 0-25.888-10.816l-9.088-49.984c-2.4-11.168-6.24-14.016-14.016-14.016l-56-0.032c-7.744 0.032-11.808 3.52-14.016 14.016l-9.088 49.984a166.08 166.08 0 0 0-25.888 10.816l-41.856-28.96c-9.6-6.176-14.336-5.472-19.808 0l-39.584 39.584c-5.472 5.472-5.888 10.816 0 19.776l28.96 41.888a165.696 165.696 0 0 0-10.816 25.856l-49.984 9.088c-11.168 2.4-14.016 6.24-14.016 14.016v56c0 7.744 3.488 11.808 14.016 14.016l49.984 9.12c2.88 8.96 6.528 17.6 10.816 25.888l-28.928 41.824c-6.208 9.568-5.472 14.336 0 19.808l39.52 39.616c5.504 5.44 10.88 5.856 19.84-0.032l41.824-28.96a166.4 166.4 0 0 0 25.92 10.816l9.088 49.984c2.368 11.168 6.24 14.016 14.016 14.016h56c7.744 0 11.84-3.52 14.016-14.016L563.008 800a166.08 166.08 0 0 0 25.888-10.816l41.856 28.96c9.6 6.176 14.304 5.472 19.808 0l39.616-39.552c5.44-5.504 5.856-10.88-0.032-19.808l-28.96-41.856a166.08 166.08 0 0 0 10.816-25.888l49.984-9.088c11.168-2.4 14.016-6.272 14.016-14.016v-55.968c-0.032-7.744-3.552-11.84-14.016-14.016zM511.904 736a96.032 96.032 0 0 1 0-192 96.032 96.032 0 0 1 0 192z" fill="" p-id="1887"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/folder-star.svg b/gui/SARibbon/example/MainWindowExample/icon/folder-star.svg
new file mode 100644
index 0000000..7138806
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/folder-star.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972771227" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1573" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M800 800m-224 0a224 224 0 1 0 448 0 224 224 0 1 0-448 0Z" fill="#EACA44" p-id="1574"></path><path d="M800 672l40 88 88 16-64 64 15.936 88L800 888 720.064 928 736 840l-64-64 88-16z" fill="#FFFFFF" p-id="1575"></path><path d="M960 128H512V64a64 64 0 0 0-64-64H64a64 64 0 0 0-64 64v256a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V192a64 64 0 0 0-64-64z" fill="#434854" p-id="1576"></path><path d="M512 800a288 288 0 0 1 288-288 287.296 287.296 0 0 1 224 107.168V320a64 64 0 0 0-64-64H64a64 64 0 0 0-64 64v640a64 64 0 0 0 64 64h555.168A287.296 287.296 0 0 1 512 800z" fill="#EDD87E" p-id="1577"></path><path d="M960 224H64a64 64 0 0 0-64 64v32a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V288a64 64 0 0 0-64-64z" fill="" p-id="1578"></path><path d="M128 192h768v64H128z" fill="#EAEAEA" p-id="1579"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/folder-stats.svg b/gui/SARibbon/example/MainWindowExample/icon/folder-stats.svg
new file mode 100644
index 0000000..2a42de2
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/folder-stats.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972731186" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1419" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1024 960a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V320a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64v640z" fill="#EDD87E" p-id="1420"></path><path d="M960 128H512V64a64 64 0 0 0-64-64H64a64 64 0 0 0-64 64v256a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V192a64 64 0 0 0-64-64z" fill="#434854" p-id="1421"></path><path d="M960 224H64a64 64 0 0 0-64 64v32a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V288a64 64 0 0 0-64-64z" fill="" p-id="1422"></path><path d="M128 192h768v64H128z" fill="#EAEAEA" p-id="1423"></path><path d="M640 672h128v192h-128zM448 544h128v320h-128zM256 416h128v448H256z" fill="" p-id="1424"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/folder-table.svg b/gui/SARibbon/example/MainWindowExample/icon/folder-table.svg
new file mode 100644
index 0000000..1dd6608
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/folder-table.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972777995" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1728" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1024 960a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V320a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64v640z" fill="#EDD87E" p-id="1729"></path><path d="M960 128H512V64a64 64 0 0 0-64-64H64a64 64 0 0 0-64 64v256a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V192a64 64 0 0 0-64-64z" fill="#434854" p-id="1730"></path><path d="M960 224H64a64 64 0 0 0-64 64v32a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V288a64 64 0 0 0-64-64z" fill="" p-id="1731"></path><path d="M128 192h768v64H128z" fill="#EAEAEA" p-id="1732"></path><path d="M480 448h288v128h-288zM256 448h192v128H256zM480 608h288v96h-288zM256 608h192v96H256zM480 736h288v96h-288zM256 736h192v96H256z" fill="" p-id="1733"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Adobe.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Adobe.svg
new file mode 100644
index 0000000..aafb729
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Adobe.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646231309912" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7977" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M17.066667 989.866667s-3.413333 0 0 0c-10.24-3.413333-17.066667-10.24-17.066667-17.066667v-921.6c0-10.24 6.826667-17.066667 17.066667-17.066667h375.466666c6.826667 0 10.24 3.413333 13.653334 6.826667s3.413333 10.24 0 17.066667l-375.466667 921.6c0 6.826667-6.826667 10.24-13.653333 10.24zM34.133333 68.266667v815.786666L368.64 68.266667H34.133333zM750.933333 989.866667h-187.733333c-6.826667 0-13.653333-3.413333-17.066667-10.24L484.693333 819.2H324.266667c-6.826667 0-10.24-3.413333-13.653334-6.826667s-3.413333-10.24-3.413333-17.066666l170.666667-443.733334c3.413333-6.826667 10.24-10.24 17.066666-10.24s13.653333 3.413333 17.066667 10.24l256 614.4c3.413333 6.826667 0 10.24 0 17.066667s-10.24 6.826667-17.066667 6.826667z m-177.493333-34.133334h150.186667l-228.693334-552.96L348.16 785.066667h146.773333c6.826667 0 13.653333 3.413333 17.066667 10.24l61.44 160.426666zM1006.933333 989.866667c-6.826667 0-13.653333-3.413333-17.066666-10.24l-409.6-921.6c-3.413333-6.826667-3.413333-10.24 0-17.066667 6.826667-3.413333 10.24-6.826667 17.066666-6.826667h409.6c10.24 0 17.066667 6.826667 17.066667 17.066667v921.6c0 6.826667-6.826667 13.653333-13.653333 17.066667h-3.413334zM624.64 68.266667L989.866667 890.88V68.266667H624.64z" fill="" p-id="7978"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Document-File.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Document-File.svg
new file mode 100644
index 0000000..2f5fcb7
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Document-File.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646229700985" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6445" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M733.866667 375.466667h-443.733334c-10.24 0-17.066667-6.826667-17.066666-17.066667s6.826667-17.066667 17.066666-17.066667h443.733334c10.24 0 17.066667 6.826667 17.066666 17.066667s-6.826667 17.066667-17.066666 17.066667zM733.866667 238.933333h-204.8c-10.24 0-17.066667-6.826667-17.066667-17.066666s6.826667-17.066667 17.066667-17.066667h204.8c10.24 0 17.066667 6.826667 17.066666 17.066667s-6.826667 17.066667-17.066666 17.066666z" fill="" p-id="6446"></path><path d="M870.4 1024h-716.8c-10.24 0-17.066667-6.826667-17.066667-17.066667v-716.8c0-3.413333 3.413333-10.24 3.413334-13.653333l273.066666-273.066667c3.413333 0 10.24-3.413333 13.653334-3.413333h443.733333c10.24 0 17.066667 6.826667 17.066667 17.066667v989.866666c0 10.24-6.826667 17.066667-17.066667 17.066667zM170.666667 989.866667h682.666666V34.133333H433.493333L170.666667 296.96V989.866667z" fill="" p-id="6447"></path><path d="M426.666667 307.2h-273.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066666H409.6V17.066667c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066666 17.066667v273.066666c0 10.24-6.826667 17.066667-17.066666 17.066667zM733.866667 512h-443.733334c-10.24 0-17.066667-6.826667-17.066666-17.066667s6.826667-17.066667 17.066666-17.066666h443.733334c10.24 0 17.066667 6.826667 17.066666 17.066666s-6.826667 17.066667-17.066666 17.066667zM733.866667 648.533333h-443.733334c-10.24 0-17.066667-6.826667-17.066666-17.066666s6.826667-17.066667 17.066666-17.066667h443.733334c10.24 0 17.066667 6.826667 17.066666 17.066667s-6.826667 17.066667-17.066666 17.066666zM733.866667 785.066667h-443.733334c-10.24 0-17.066667-6.826667-17.066666-17.066667s6.826667-17.066667 17.066666-17.066667h443.733334c10.24 0 17.066667 6.826667 17.066666 17.066667s-6.826667 17.066667-17.066666 17.066667z" fill="" p-id="6448"></path><path d="M733.866667 921.6h-443.733334c-10.24 0-17.066667-6.826667-17.066666-17.066667s6.826667-17.066667 17.066666-17.066666h443.733334c10.24 0 17.066667 6.826667 17.066666 17.066666s-6.826667 17.066667-17.066666 17.066667z" fill="" p-id="6449"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Download-File.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Download-File.svg
new file mode 100644
index 0000000..a2e1a01
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Download-File.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646229689370" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6140" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M529.066667 921.6H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667v-614.4c0-3.413333 3.413333-10.24 3.413333-13.653333l273.066667-273.066667c3.413333 0 10.24-3.413333 13.653333-3.413333h443.733334c10.24 0 17.066667 6.826667 17.066666 17.066667v512c0 10.24-6.826667 17.066667-17.066666 17.066666s-17.066667-6.826667-17.066667-17.066666V34.133333H296.96L34.133333 296.96V887.466667h494.933334c10.24 0 17.066667 6.826667 17.066666 17.066666s-6.826667 17.066667-17.066666 17.066667z" fill="" p-id="6141"></path><path d="M290.133333 307.2h-273.066666C6.826667 307.2 0 300.373333 0 290.133333S6.826667 273.066667 17.066667 273.066667H273.066667V17.066667c0-10.24 6.826667-17.066667 17.066666-17.066667s17.066667 6.826667 17.066667 17.066667v273.066666c0 10.24-6.826667 17.066667-17.066667 17.066667zM802.133333 921.6c-10.24 0-17.066667-6.826667-17.066666-17.066667v-238.933333c0-10.24 6.826667-17.066667 17.066666-17.066667s17.066667 6.826667 17.066667 17.066667v238.933333c0 10.24-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="6142"></path><path d="M802.133333 921.6c-3.413333 0-10.24 0-13.653333-3.413333l-102.4-102.4c-6.826667-6.826667-6.826667-17.066667 0-23.893334s17.066667-6.826667 23.893333 0l88.746667 88.746667 88.746667-88.746667c6.826667-6.826667 17.066667-6.826667 23.893333 0s6.826667 17.066667 0 23.893334l-102.4 102.4c3.413333 3.413333-3.413333 3.413333-6.826667 3.413333z" fill="" p-id="6143"></path><path d="M802.133333 1024c-122.88 0-221.866667-98.986667-221.866666-221.866667s98.986667-221.866667 221.866666-221.866666 221.866667 98.986667 221.866667 221.866666-98.986667 221.866667-221.866667 221.866667z m0-409.6c-102.4 0-187.733333 85.333333-187.733333 187.733333s85.333333 187.733333 187.733333 187.733334 187.733333-85.333333 187.733334-187.733334-85.333333-187.733333-187.733334-187.733333z" fill="" p-id="6144"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Drive-File.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Drive-File.svg
new file mode 100644
index 0000000..d5de2a6
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Drive-File.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646229696591" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6293" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M392.533333 921.6h-307.2c-10.24 0-17.066667-6.826667-17.066666-17.066667v-614.4c0-3.413333 3.413333-10.24 3.413333-13.653333l273.066667-273.066667c3.413333 0 10.24-3.413333 13.653333-3.413333h409.6c10.24 0 17.066667 6.826667 17.066667 17.066667v477.866666c0 10.24-6.826667 17.066667-17.066667 17.066667s-17.066667-6.826667-17.066667-17.066667V34.133333H365.226667L102.4 296.96V887.466667h290.133333c10.24 0 17.066667 6.826667 17.066667 17.066666s-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="6294"></path><path d="M358.4 307.2h-273.066667c-10.24 0-17.066667-6.826667-17.066666-17.066667s6.826667-17.066667 17.066666-17.066666H341.333333V17.066667c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066667 17.066667v273.066666c0 10.24-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="6295"></path><path d="M512 1024c-6.826667 0-10.24-3.413333-13.653333-10.24l-85.333334-153.6c-3.413333-3.413333-3.413333-10.24 0-17.066667l153.6-290.133333c3.413333-6.826667 10.24-10.24 13.653334-10.24 6.826667 0 13.653333 3.413333 13.653333 10.24l85.333333 153.6c3.413333 3.413333 3.413333 10.24 0 17.066667l-153.6 290.133333c0 6.826667-6.826667 10.24-13.653333 10.24z m-64.853333-170.666667l64.853333 119.466667 133.12-252.586667-64.853333-122.88-133.12 256zM870.4 1024H614.4c-6.826667 0-10.24-3.413333-13.653333-6.826667s-3.413333-10.24 0-17.066666l68.266666-136.533334c3.413333-6.826667 10.24-10.24 13.653334-10.24h256c6.826667 0 10.24 3.413333 13.653333 6.826667s3.413333 10.24 0 17.066667l-68.266667 136.533333c0 6.826667-6.826667 10.24-13.653333 10.24z m-228.693333-34.133333h218.453333l51.2-102.4h-218.453333l-51.2 102.4zM938.666667 819.2h-136.533334c-6.826667 0-10.24-3.413333-13.653333-10.24l-136.533333-238.933333c-3.413333-6.826667-3.413333-10.24 0-17.066667s10.24-6.826667 13.653333-6.826667h136.533333c6.826667 0 10.24 3.413333 13.653334 10.24l136.533333 238.933334c3.413333 6.826667 3.413333 10.24 0 17.066666-3.413333 3.413333-6.826667 6.826667-13.653333 6.826667z m-126.293334-34.133333h95.573334l-116.053334-204.8h-95.573333l116.053333 204.8z" fill="" p-id="6296"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Dropbox-File.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Dropbox-File.svg
new file mode 100644
index 0000000..1aa95e5
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Dropbox-File.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646229709298" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6751" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M361.813333 921.6h-273.066666c-10.24 0-17.066667-6.826667-17.066667-17.066667v-614.4c0-3.413333 3.413333-10.24 3.413333-13.653333l273.066667-273.066667c6.826667 0 10.24-3.413333 13.653333-3.413333h409.6c10.24 0 17.066667 6.826667 17.066667 17.066667v341.333333c0 10.24-6.826667 17.066667-17.066667 17.066667s-17.066667-6.826667-17.066666-17.066667V34.133333H368.64L105.813333 296.96V887.466667h256c10.24 0 17.066667 6.826667 17.066667 17.066666s-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="6752"></path><path d="M361.813333 307.2h-273.066666c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066666h256V17.066667c0-10.24 6.826667-17.066667 17.066666-17.066667s17.066667 6.826667 17.066667 17.066667v273.066666c0 10.24-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="6753"></path><path d="M764.586667 866.986667c-3.413333 0-6.826667 0-10.24-3.413334l-129.706667-105.813333c-3.413333-3.413333-6.826667-10.24-6.826667-13.653333 0-6.826667 3.413333-10.24 6.826667-13.653334l170.666667-105.813333c6.826667-3.413333 13.653333-3.413333 20.48 0l129.706666 105.813333c3.413333 3.413333 6.826667 10.24 6.826667 13.653334 0 6.826667-3.413333 10.24-6.826667 13.653333l-170.666666 105.813333c-3.413333 0-6.826667 3.413333-10.24 3.413334z m-98.986667-122.88l98.986667 85.333333 139.946666-88.746667-98.986666-85.333333-139.946667 88.746667z" fill="" p-id="6754"></path><path d="M805.546667 651.946667c-3.413333 0-6.826667 0-10.24-3.413334l-170.666667-105.813333c-3.413333-3.413333-6.826667-6.826667-6.826667-13.653333s3.413333-10.24 6.826667-13.653334l129.706667-85.333333c6.826667-3.413333 10.24-3.413333 17.066666 0l170.666667 85.333333c6.826667 3.413333 10.24 6.826667 10.24 13.653334s0 10.24-6.826667 13.653333L815.786667 648.533333c0 3.413333-6.826667 3.413333-10.24 3.413334z m-139.946667-122.88l136.533333 85.333333 98.986667-81.92-139.946667-68.266667-95.573333 64.853334zM508.586667 866.986667c-3.413333 0-6.826667 0-10.24-3.413334l-170.666667-105.813333c-3.413333-3.413333-6.826667-6.826667-6.826667-13.653333s3.413333-10.24 6.826667-13.653334l129.706667-105.813333c6.826667-3.413333 13.653333-6.826667 20.48 0l170.666666 105.813333c3.413333 3.413333 6.826667 6.826667 6.826667 13.653334s-3.413333 10.24-6.826667 13.653333l-129.706666 105.813333c-3.413333 0-6.826667 3.413333-10.24 3.413334z m-143.36-126.293334l139.946666 88.746667 98.986667-85.333333-139.946667-88.746667-98.986666 85.333333z" fill="" p-id="6755"></path><path d="M464.213333 651.946667c-3.413333 0-6.826667 0-10.24-3.413334l-129.706666-105.813333c-3.413333-3.413333-6.826667-10.24-6.826667-13.653333s3.413333-10.24 10.24-13.653334l170.666667-85.333333c6.826667-3.413333 13.653333-3.413333 17.066666 0l129.706667 85.333333c3.413333 3.413333 6.826667 10.24 6.826667 13.653334 0 6.826667-3.413333 10.24-6.826667 13.653333l-170.666667 105.813333c-3.413333 3.413333-6.826667 3.413333-10.24 3.413334z m-95.573333-119.466667l98.986667 81.92 136.533333-85.333333-98.986667-64.853334-136.533333 68.266667zM634.88 1024c-3.413333 0-6.826667 0-10.24-3.413333l-170.666667-102.4c-6.826667-3.413333-6.826667-10.24-6.826666-13.653334v-78.506666c0-10.24 6.826667-17.066667 17.066666-17.066667s17.066667 6.826667 17.066667 17.066667v68.266666l153.6 92.16 153.6-92.16v-68.266666c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066666 17.066667v78.506666c0 6.826667-3.413333 10.24-6.826666 13.653334l-170.666667 102.4c-3.413333 3.413333-6.826667 3.413333-10.24 3.413333z" fill="" p-id="6756"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Email-File.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Email-File.svg
new file mode 100644
index 0000000..fa383be
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Email-File.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646229705168" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6598" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M460.8 921.6h-375.466667c-10.24 0-17.066667-6.826667-17.066666-17.066667v-614.4c0-3.413333 3.413333-10.24 3.413333-13.653333l273.066667-273.066667c3.413333 0 10.24-3.413333 13.653333-3.413333h409.6c10.24 0 17.066667 6.826667 17.066667 17.066667v512c0 10.24-6.826667 17.066667-17.066667 17.066666s-17.066667-6.826667-17.066667-17.066666V34.133333H365.226667L102.4 296.96V887.466667h358.4c10.24 0 17.066667 6.826667 17.066667 17.066666s-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="6599"></path><path d="M358.4 307.2h-273.066667c-10.24 0-17.066667-6.826667-17.066666-17.066667s6.826667-17.066667 17.066666-17.066666H341.333333V17.066667c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066667 17.066667v273.066666c0 10.24-6.826667 17.066667-17.066667 17.066667zM733.866667 921.6c-64.853333 0-119.466667-54.613333-119.466667-119.466667s54.613333-119.466667 119.466667-119.466666 119.466667 54.613333 119.466666 119.466666-54.613333 119.466667-119.466666 119.466667z m0-204.8c-47.786667 0-85.333333 37.546667-85.333334 85.333333s37.546667 85.333333 85.333334 85.333334 85.333333-37.546667 85.333333-85.333334-37.546667-85.333333-85.333333-85.333333z" fill="" p-id="6600"></path><path d="M733.866667 1024c-122.88 0-221.866667-98.986667-221.866667-221.866667s98.986667-221.866667 221.866667-221.866666 221.866667 98.986667 221.866666 221.866666c0 10.24-6.826667 17.066667-17.066666 17.066667s-17.066667-6.826667-17.066667-17.066667c0-102.4-85.333333-187.733333-187.733333-187.733333S546.133333 699.733333 546.133333 802.133333s85.333333 187.733333 187.733334 187.733334c54.613333 0 105.813333-23.893333 139.946666-61.44 6.826667-6.826667 17.066667-6.826667 23.893334 0 6.826667 6.826667 6.826667 17.066667 0 23.893333-40.96 44.373333-102.4 71.68-163.84 71.68z" fill="" p-id="6601"></path><path d="M887.466667 887.466667c-64.853333 0-68.266667-51.2-68.266667-78.506667v-6.826667c0-10.24 6.826667-17.066667 17.066667-17.066666s17.066667 6.826667 17.066666 17.066666v6.826667c0 30.72 3.413333 44.373333 34.133334 44.373333 13.653333 0 20.48-3.413333 27.306666-6.826666 6.826667-10.24 6.826667-27.306667 6.826667-37.546667v-6.826667c0-10.24 10.24-17.066667 17.066667-17.066666 10.24 0 17.066667 6.826667 17.066666 17.066666v6.826667c0 13.653333 0 40.96-17.066666 61.44-13.653333 10.24-30.72 17.066667-51.2 17.066667z" fill="" p-id="6602"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Encode-File.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Encode-File.svg
new file mode 100644
index 0000000..6eeaf72
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Encode-File.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646229717787" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7057" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M409.6 853.333333H34.133333c-10.24 0-17.066667-6.826667-17.066666-17.066666v-546.133334c0-3.413333 3.413333-10.24 3.413333-13.653333l273.066667-273.066667c3.413333 0 10.24-3.413333 13.653333-3.413333h273.066667c10.24 0 17.066667 6.826667 17.066666 17.066667v477.866666c0 10.24-6.826667 17.066667-17.066666 17.066667s-17.066667-6.826667-17.066667-17.066667V34.133333H314.026667L51.2 296.96V819.2H409.6c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066666z" fill="" p-id="7058"></path><path d="M307.2 307.2H34.133333c-10.24 0-17.066667-6.826667-17.066666-17.066667S23.893333 273.066667 34.133333 273.066667h256V17.066667c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066667 17.066667v273.066666c0 10.24-6.826667 17.066667-17.066667 17.066667zM921.6 409.6h-6.826667c-6.826667-3.413333-10.24-10.24-10.24-17.066667V204.8c0-37.546667-30.72-68.266667-68.266666-68.266667H682.666667c-10.24 0-17.066667-6.826667-17.066667-17.066666s6.826667-17.066667 17.066667-17.066667h153.6c58.026667 0 102.4 44.373333 102.4 102.4v146.773333l37.546666-37.546666c6.826667-6.826667 17.066667-6.826667 23.893334 0s6.826667 17.066667 0 23.893333l-68.266667 68.266667s-6.826667 3.413333-10.24 3.413333z" fill="" p-id="7059"></path><path d="M921.6 409.6c-3.413333 0-10.24 0-13.653333-3.413333l-68.266667-68.266667c-6.826667-6.826667-6.826667-17.066667 0-23.893333s17.066667-6.826667 23.893333 0l68.266667 68.266666c6.826667 6.826667 6.826667 17.066667 0 23.893334 0 3.413333-6.826667 3.413333-10.24 3.413333zM921.6 1024c-10.24 0-17.066667-6.826667-17.066667-17.066667v-409.6c0-10.24 6.826667-17.066667 17.066667-17.066666s17.066667 6.826667 17.066667 17.066666v409.6c0 10.24-6.826667 17.066667-17.066667 17.066667zM853.333333 955.733333c-10.24 0-17.066667-6.826667-17.066666-17.066666v-341.333334c0-10.24 6.826667-17.066667 17.066666-17.066666s17.066667 6.826667 17.066667 17.066666v341.333334c0 10.24-6.826667 17.066667-17.066667 17.066666zM785.066667 955.733333c-10.24 0-17.066667-6.826667-17.066667-17.066666v-341.333334c0-10.24 6.826667-17.066667 17.066667-17.066666s17.066667 6.826667 17.066666 17.066666v341.333334c0 10.24-6.826667 17.066667-17.066666 17.066666zM716.8 1024c-10.24 0-17.066667-6.826667-17.066667-17.066667v-409.6c0-10.24 6.826667-17.066667 17.066667-17.066666s17.066667 6.826667 17.066667 17.066666v409.6c0 10.24-6.826667 17.066667-17.066667 17.066667zM512 1024c-10.24 0-17.066667-6.826667-17.066667-17.066667v-409.6c0-10.24 6.826667-17.066667 17.066667-17.066666s17.066667 6.826667 17.066667 17.066666v409.6c0 10.24-6.826667 17.066667-17.066667 17.066667zM648.533333 955.733333c-10.24 0-17.066667-6.826667-17.066666-17.066666v-341.333334c0-10.24 6.826667-17.066667 17.066666-17.066666s17.066667 6.826667 17.066667 17.066666v341.333334c0 10.24-6.826667 17.066667-17.066667 17.066666zM580.266667 955.733333c-10.24 0-17.066667-6.826667-17.066667-17.066666v-341.333334c0-10.24 6.826667-17.066667 17.066667-17.066666s17.066667 6.826667 17.066666 17.066666v341.333334c0 10.24-6.826667 17.066667-17.066666 17.066666z" fill="" p-id="7060"></path><path d="M785.066667 1006.933333m-17.066667 0a17.066667 17.066667 0 1 0 34.133333 0 17.066667 17.066667 0 1 0-34.133333 0Z" fill="" p-id="7061"></path><path d="M853.333333 1006.933333m-17.066666 0a17.066667 17.066667 0 1 0 34.133333 0 17.066667 17.066667 0 1 0-34.133333 0Z" fill="" p-id="7062"></path><path d="M580.266667 1006.933333m-17.066667 0a17.066667 17.066667 0 1 0 34.133333 0 17.066667 17.066667 0 1 0-34.133333 0Z" fill="" p-id="7063"></path><path d="M648.533333 1006.933333m-17.066666 0a17.066667 17.066667 0 1 0 34.133333 0 17.066667 17.066667 0 1 0-34.133333 0Z" fill="" p-id="7064"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Favorit-File.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Favorit-File.svg
new file mode 100644
index 0000000..3ecbb68
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Favorit-File.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646229713529" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6905" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M539.23857 919.301746H28.515378c-10.214464 0-17.024106-6.809643-17.024106-17.024107v-612.86783c0-3.404821 3.404821-10.214464 3.404821-13.619285l272.385703-272.385703c3.404821 0 10.214464-3.404821 13.619285-3.404821h442.626766c10.214464 0 17.024106 6.809643 17.024106 17.024106v442.626767c0 10.214464-6.809643 17.024106-17.024106 17.024106s-17.024106-6.809643-17.024106-17.024106V34.048213H307.710723L45.539485 296.219451V885.253533h493.699085c10.214464 0 17.024106 6.809643 17.024107 17.024106s-6.809643 17.024106-17.024107 17.024107z" fill="" p-id="6906"></path><path d="M300.901081 306.433915h-272.385703c-10.214464 0-17.024106-6.809643-17.024106-17.024106S18.300914 272.385702 28.515378 272.385702h255.361596V17.024106c0-10.214464 6.809643-17.024106 17.024107-17.024106s17.024106 6.809643 17.024106 17.024106v272.385703c0 10.214464-6.809643 17.024106-17.024106 17.024106z" fill="" p-id="6907"></path><path d="M583.501247 1021.446384c-3.404821 0-6.809643 0-10.214464-3.404821-6.809643-3.404821-6.809643-13.619285-6.809643-20.428928l54.477141-173.645885-143.002494-102.144639c-6.809643-3.404821-6.809643-13.619285-6.809642-20.428927s10.214464-10.214464 17.024106-10.214464h180.455528l54.47714-173.645885c3.404821-6.809643 10.214464-10.214464 17.024107-10.214464s13.619285 3.404821 17.024106 10.214464l54.477141 173.645885h180.455527c6.809643 0 13.619285 3.404821 17.024107 10.214464s0 13.619285-6.809643 20.428927l-146.407315 105.54946 54.477141 173.645885c3.404821 6.809643 0 13.619285-6.809643 20.428928-6.809643 3.404821-13.619285 3.404821-20.428927 0l-146.407316-105.54946-146.407315 105.54946h-6.809642z m-44.262677-296.219451l115.763924 81.71571c6.809643 3.404821 6.809643 13.619285 6.809642 20.428928l-44.262676 132.78803 115.763923-81.715711c6.809643-3.404821 13.619285-3.404821 20.428928 0l115.763923 81.715711-44.262676-132.78803c-3.404821-6.809643 0-13.619285 6.809642-20.428928l115.763924-81.71571h-139.597673c-6.809643 0-13.619285-3.404821-17.024106-10.214464l-51.072319-136.192851-44.262677 132.78803c-3.404821 6.809643-10.214464 10.214464-17.024106 10.214463h-139.597673z" fill="" p-id="6908"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/File-Error.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/File-Error.svg
new file mode 100644
index 0000000..67e002e
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/File-Error.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646229727130" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7366" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M529.066667 921.6H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667v-614.4c0-3.413333 3.413333-10.24 3.413333-13.653333l273.066667-273.066667c3.413333 0 10.24-3.413333 13.653333-3.413333h443.733334c10.24 0 17.066667 6.826667 17.066666 17.066667v512c0 10.24-6.826667 17.066667-17.066666 17.066666s-17.066667-6.826667-17.066667-17.066666V34.133333H296.96L34.133333 296.96V887.466667h494.933334c10.24 0 17.066667 6.826667 17.066666 17.066666s-6.826667 17.066667-17.066666 17.066667z" fill="" p-id="7367"></path><path d="M290.133333 307.2h-273.066666C6.826667 307.2 0 300.373333 0 290.133333S6.826667 273.066667 17.066667 273.066667H273.066667V17.066667c0-10.24 6.826667-17.066667 17.066666-17.066667s17.066667 6.826667 17.066667 17.066667v273.066666c0 10.24-6.826667 17.066667-17.066667 17.066667zM802.133333 887.466667c-10.24 0-17.066667-6.826667-17.066666-17.066667v-170.666667c0-10.24 6.826667-17.066667 17.066666-17.066666s17.066667 6.826667 17.066667 17.066666v170.666667c0 10.24-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="7368"></path><path d="M802.133333 1024c-122.88 0-221.866667-98.986667-221.866666-221.866667s98.986667-221.866667 221.866666-221.866666 221.866667 98.986667 221.866667 221.866666-98.986667 221.866667-221.866667 221.866667z m0-409.6c-102.4 0-187.733333 85.333333-187.733333 187.733333s85.333333 187.733333 187.733333 187.733334 187.733333-85.333333 187.733334-187.733334-85.333333-187.733333-187.733334-187.733333z" fill="" p-id="7369"></path><path d="M802.133333 955.733333c-10.24 0-17.066667-6.826667-17.066666-17.066666s6.826667-17.066667 17.066666-17.066667 17.066667 6.826667 17.066667 17.066667-6.826667 17.066667-17.066667 17.066666z" fill="" p-id="7370"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/File-Readonly.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/File-Readonly.svg
new file mode 100644
index 0000000..14d85a8
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/File-Readonly.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646229653750" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5988" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M529.066667 921.6H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667v-614.4c0-3.413333 3.413333-10.24 3.413333-13.653333l273.066667-273.066667c3.413333 0 10.24-3.413333 13.653333-3.413333h443.733334c10.24 0 17.066667 6.826667 17.066666 17.066667v512c0 10.24-6.826667 17.066667-17.066666 17.066666s-17.066667-6.826667-17.066667-17.066666V34.133333H296.96L34.133333 296.96V887.466667h494.933334c10.24 0 17.066667 6.826667 17.066666 17.066666s-6.826667 17.066667-17.066666 17.066667z" fill="" p-id="5989"></path><path d="M290.133333 307.2h-273.066666C6.826667 307.2 0 300.373333 0 290.133333S6.826667 273.066667 17.066667 273.066667H273.066667V17.066667c0-10.24 6.826667-17.066667 17.066666-17.066667s17.066667 6.826667 17.066667 17.066667v273.066666c0 10.24-6.826667 17.066667-17.066667 17.066667zM955.733333 955.733333c-3.413333 0-10.24 0-13.653333-3.413333l-290.133333-290.133333c-6.826667-6.826667-6.826667-17.066667 0-23.893334s17.066667-6.826667 23.893333 0l290.133333 290.133334c6.826667 6.826667 6.826667 17.066667 0 23.893333 0 3.413333-6.826667 3.413333-10.24 3.413333z" fill="" p-id="5990"></path><path d="M802.133333 1024c-122.88 0-221.866667-98.986667-221.866666-221.866667s98.986667-221.866667 221.866666-221.866666 221.866667 98.986667 221.866667 221.866666-98.986667 221.866667-221.866667 221.866667z m0-409.6c-102.4 0-187.733333 85.333333-187.733333 187.733333s85.333333 187.733333 187.733333 187.733334 187.733333-85.333333 187.733334-187.733334-85.333333-187.733333-187.733334-187.733333z" fill="" p-id="5991"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/File-Settings.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/File-Settings.svg
new file mode 100644
index 0000000..0a836aa
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/File-Settings.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646229722213" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7213" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M529.066667 921.6H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667v-614.4c0-3.413333 3.413333-10.24 3.413333-13.653333l273.066667-273.066667c3.413333 0 10.24-3.413333 13.653333-3.413333h443.733334c10.24 0 17.066667 6.826667 17.066666 17.066667v477.866666c0 10.24-6.826667 17.066667-17.066666 17.066667s-17.066667-6.826667-17.066667-17.066667V34.133333H296.96L34.133333 296.96V887.466667h494.933334c10.24 0 17.066667 6.826667 17.066666 17.066666s-6.826667 17.066667-17.066666 17.066667z" fill="" p-id="7214"></path><path d="M290.133333 307.2h-273.066666C6.826667 307.2 0 300.373333 0 290.133333S6.826667 273.066667 17.066667 273.066667H273.066667V17.066667c0-10.24 6.826667-17.066667 17.066666-17.066667s17.066667 6.826667 17.066667 17.066667v273.066666c0 10.24-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="7215"></path><path d="M785.066667 890.88c-58.026667 0-102.4-44.373333-102.4-102.4s44.373333-102.4 102.4-102.4 102.4 44.373333 102.4 102.4-44.373333 102.4-102.4 102.4z m0-170.666667c-37.546667 0-68.266667 30.72-68.266667 68.266667s30.72 68.266667 68.266667 68.266667 68.266667-30.72 68.266666-68.266667-30.72-68.266667-68.266666-68.266667z" fill="" p-id="7216"></path><path d="M832.853333 1024c-6.826667 0-13.653333-3.413333-17.066666-10.24-10.24-23.893333-51.2-23.893333-61.44 0-3.413333 6.826667-10.24 10.24-20.48 10.24-47.786667-10.24-88.746667-34.133333-122.88-68.266667-6.826667-6.826667-6.826667-17.066667 0-23.893333 6.826667-10.24 10.24-27.306667 3.413333-37.546667-6.826667-13.653333-20.48-20.48-37.546667-17.066666-6.826667 0-17.066667-3.413333-20.48-10.24-10.24-27.306667-13.653333-51.2-13.653333-78.506667 0-20.48 3.413333-40.96 6.826667-61.44 0-3.413333 3.413333-6.826667 6.826666-10.24s10.24-3.413333 13.653334 0c13.653333 3.413333 30.72-3.413333 37.546666-17.066667 6.826667-13.653333 3.413333-34.133333-6.826666-44.373333-3.413333-3.413333-6.826667-6.826667-6.826667-10.24s0-10.24 3.413333-13.653333c34.133333-37.546667 75.093333-64.853333 126.293334-75.093334 3.413333 0 10.24 0 13.653333 3.413334 3.413333 3.413333 6.826667 6.826667 6.826667 10.24 3.413333 17.066667 17.066667 30.72 34.133333 30.72s30.72-13.653333 34.133333-30.72c0-3.413333 3.413333-10.24 6.826667-10.24 3.413333-3.413333 10.24-3.413333 13.653333-3.413334 47.786667 10.24 92.16 37.546667 126.293334 75.093334 3.413333 3.413333 3.413333 6.826667 3.413333 13.653333s-3.413333 10.24-6.826667 10.24c-13.653333 10.24-17.066667 27.306667-6.826666 44.373333 6.826667 13.653333 23.893333 20.48 37.546666 17.066667h13.653334c3.413333 3.413333 6.826667 6.826667 6.826666 10.24 6.826667 20.48 6.826667 40.96 6.826667 61.44 0 27.306667-3.413333 54.613333-13.653333 78.506667-3.413333 6.826667-10.24 13.653333-20.48 10.24-13.653333-3.413333-27.306667 3.413333-37.546667 17.066666-6.826667 10.24-6.826667 27.306667 3.413333 37.546667 6.826667 6.826667 3.413333 17.066667 0 23.893333-34.133333 34.133333-75.093333 58.026667-122.88 68.266667h10.24zM785.066667 959.146667c20.48 0 40.96 10.24 54.613333 27.306666 30.72-6.826667 58.026667-23.893333 81.92-44.373333-10.24-20.48-6.826667-44.373333 3.413333-61.44 10.24-20.48 34.133333-34.133333 58.026667-34.133333 6.826667-17.066667 6.826667-37.546667 6.826667-54.613334 0-13.653333 0-23.893333-3.413334-37.546666-23.893333 0-47.786667-13.653333-61.44-34.133334-13.653333-23.893333-10.24-51.2 3.413334-71.68-23.893333-23.893333-51.2-40.96-81.92-47.786666-10.24 23.893333-34.133333 40.96-61.44 40.96s-51.2-17.066667-61.44-40.96c-30.72 10.24-58.026667 27.306667-81.92 47.786666 13.653333 20.48 17.066667 51.2 3.413333 71.68-13.653333 20.48-34.133333 34.133333-61.44 34.133334-3.413333 10.24-3.413333 23.893333-3.413333 34.133333 0 17.066667 3.413333 37.546667 6.826666 54.613333 23.893333 0 44.373333 13.653333 58.026667 34.133334 10.24 20.48 13.653333 40.96 3.413333 61.44 23.893333 20.48 51.2 37.546667 81.92 44.373333 13.653333-13.653333 34.133333-23.893333 54.613334-23.893333z" fill="" p-id="7217"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Google-Maps.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Google-Maps.svg
new file mode 100644
index 0000000..2373006
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Google-Maps.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646231316450" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8127" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M768 750.933333c-6.826667 0-13.653333-6.826667-17.066667-13.653333-30.72-157.013333-92.16-238.933333-139.946666-303.786667-17.066667-23.893333-30.72-44.373333-44.373334-64.853333-17.066667-27.306667-30.72-58.026667-34.133333-92.16-3.413333-13.653333-3.413333-27.306667-3.413333-37.546667 0-126.293333 112.64-238.933333 238.933333-238.933333s238.933333 112.64 238.933333 238.933333c0 10.24 0 23.893333-3.413333 37.546667-6.826667 34.133333-17.066667 64.853333-37.546667 92.16-10.24 20.48-27.306667 40.96-44.373333 64.853333-47.786667 64.853333-105.813333 146.773333-139.946667 303.786667 0 6.826667-6.826667 13.653333-13.653333 13.653333z m0-716.8c-109.226667 0-204.8 95.573333-204.8 204.8 0 10.24 0 20.48 3.413333 30.72 3.413333 30.72 13.653333 54.613333 30.72 78.506667 13.653333 20.48 27.306667 40.96 44.373334 64.853333 40.96 58.026667 92.16 129.706667 126.293333 249.173334 34.133333-119.466667 85.333333-191.146667 126.293333-249.173334 17.066667-20.48 30.72-44.373333 40.96-64.853333 17.066667-23.893333 27.306667-51.2 30.72-78.506667 3.413333-13.653333 3.413333-23.893333 3.413334-30.72 3.413333-109.226667-92.16-204.8-201.386667-204.8z m0 307.2c-58.026667 0-102.4-44.373333-102.4-102.4s44.373333-102.4 102.4-102.4 102.4 44.373333 102.4 102.4-44.373333 102.4-102.4 102.4z m0-170.666666c-37.546667 0-68.266667 30.72-68.266667 68.266666s30.72 68.266667 68.266667 68.266667 68.266667-30.72 68.266667-68.266667-30.72-68.266667-68.266667-68.266666z" fill="" p-id="8128"></path><path d="M870.4 1024h-750.933333c-58.026667 0-102.4-44.373333-102.4-102.4V238.933333c0-58.026667 44.373333-102.4 102.4-102.4h443.733333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667h-443.733333c-37.546667 0-68.266667 30.72-68.266667 68.266666v682.666667c0 37.546667 30.72 68.266667 68.266667 68.266667h750.933333c37.546667 0 68.266667-30.72 68.266667-68.266667V358.4c0-10.24 6.826667-17.066667 17.066666-17.066667s17.066667 6.826667 17.066667 17.066667V921.6c0 58.026667-44.373333 102.4-102.4 102.4z" fill="" p-id="8129"></path><path d="M68.266667 989.866667c-3.413333 0-10.24 0-13.653334-3.413334-6.826667-6.826667-6.826667-17.066667 0-23.893333l546.133334-546.133333c6.826667-6.826667 17.066667-6.826667 23.893333 0s6.826667 17.066667 0 23.893333l-546.133333 546.133333c0 3.413333-6.826667 3.413333-10.24 3.413334z" fill="" p-id="8130"></path><path d="M921.6 989.866667c-3.413333 0-6.826667 0-10.24-3.413334l-426.666667-409.6c-6.826667-6.826667-6.826667-17.066667 0-23.893333 6.826667-6.826667 17.066667-6.826667 23.893334 0l426.666666 409.6c6.826667 6.826667 6.826667 17.066667 0 23.893333-3.413333 0-10.24 3.413333-13.653333 3.413334zM307.2 238.933333H204.8c-10.24 0-17.066667-6.826667-17.066667-17.066666S194.56 204.8 204.8 204.8h102.4c10.24 0 17.066667 6.826667 17.066667 17.066667S317.44 238.933333 307.2 238.933333zM204.8 546.133333c-54.613333 0-85.333333-30.72-85.333333-85.333333 0-40.96 34.133333-68.266667 105.813333-81.92-3.413333-6.826667-3.413333-13.653333-3.413333-20.48 0-10.24 6.826667-17.066667 17.066666-17.066667s17.066667 6.826667 17.066667 17.066667 10.24 20.48 27.306667 34.133333c20.48 17.066667 40.96 34.133333 40.96 68.266667C324.266667 491.52 307.2 546.133333 204.8 546.133333z m47.786667-136.533333c-44.373333 6.826667-98.986667 20.48-98.986667 51.2 0 34.133333 17.066667 51.2 51.2 51.2 85.333333 0 85.333333-37.546667 85.333333-51.2 0-17.066667-10.24-27.306667-30.72-44.373333-3.413333 0-6.826667-3.413333-6.826666-6.826667z" fill="" p-id="8131"></path><path d="M204.8 375.466667c-47.786667 0-85.333333-37.546667-85.333333-85.333334S157.013333 204.8 204.8 204.8s85.333333 37.546667 85.333333 85.333333S252.586667 375.466667 204.8 375.466667z m0-136.533334c-27.306667 0-51.2 23.893333-51.2 51.2S177.493333 341.333333 204.8 341.333333s51.2-23.893333 51.2-51.2S232.106667 238.933333 204.8 238.933333z" fill="" p-id="8132"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Illustrator.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Illustrator.svg
new file mode 100644
index 0000000..4f4607d
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Illustrator.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646231323651" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8281" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1006.933333 1024H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667V17.066667C0 6.826667 6.826667 0 17.066667 0h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667v989.866666c0 10.24-6.826667 17.066667-17.066667 17.066667zM34.133333 989.866667h955.733334V34.133333H34.133333v955.733334z" fill="" p-id="8282"></path><path d="M938.666667 955.733333h-853.333334c-10.24 0-17.066667-6.826667-17.066666-17.066666v-853.333334c0-10.24 6.826667-17.066667 17.066666-17.066666h853.333334c10.24 0 17.066667 6.826667 17.066666 17.066666v853.333334c0 10.24-6.826667 17.066667-17.066666 17.066666zM102.4 921.6h819.2V102.4H102.4v819.2z" fill="" p-id="8283"></path><path d="M563.2 716.8c-6.826667 0-13.653333-3.413333-17.066667-13.653333l-102.4-354.986667-102.4 354.986667c-3.413333 10.24-13.653333 13.653333-20.48 10.24-10.24-3.413333-13.653333-13.653333-10.24-20.48l119.466667-409.6c3.413333-13.653333 27.306667-13.653333 34.133333 0l119.466667 409.6c3.413333 10.24-3.413333 17.066667-10.24 20.48-6.826667 3.413333-10.24 3.413333-10.24 3.413333z" fill="" p-id="8284"></path><path d="M512 580.266667h-136.533333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h136.533333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM699.733333 716.8c-10.24 0-17.066667-6.826667-17.066666-17.066667v-307.2c0-10.24 6.826667-17.066667 17.066666-17.066666s17.066667 6.826667 17.066667 17.066666v307.2c0 10.24-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="8285"></path><path d="M512 512m-17.066667 0a17.066667 17.066667 0 1 0 34.133334 0 17.066667 17.066667 0 1 0-34.133334 0Z" fill="" p-id="8286"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Internet-Explorer.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Internet-Explorer.svg
new file mode 100644
index 0000000..f559982
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Internet-Explorer.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646231330741" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8435" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M542.72 972.8c-143.36 0-259.413333-58.026667-327.68-163.84-6.826667-6.826667-3.413333-17.066667 3.413333-23.893333 6.826667-6.826667 17.066667-3.413333 23.893334 3.413333 64.853333 95.573333 170.666667 150.186667 300.373333 150.186667 143.36 0 259.413333-75.093333 317.44-204.8h-133.12c-47.786667 88.746667-109.226667 136.533333-180.906667 136.533333-109.226667 0-197.973333-88.746667-221.866666-218.453333 0-3.413333 0-10.24 3.413333-13.653334s6.826667-6.826667 13.653333-6.826666h563.2v-27.306667-23.893333c0-17.066667 0-37.546667-3.413333-61.44-23.893333-150.186667-116.053333-276.48-235.52-317.44-10.24-3.413333-13.653333-13.653333-10.24-20.48 3.413333-10.24 13.653333-13.653333 20.48-10.24 133.12 47.786667 232.106667 184.32 259.413333 344.746666 3.413333 23.893333 6.826667 47.786667 6.826667 64.853334v68.266666c0 6.826667-6.826667 13.653333-17.066667 13.653334H358.4c23.893333 102.4 98.986667 170.666667 184.32 170.666666 75.093333 0 126.293333-68.266667 157.013333-126.293333 3.413333-6.826667 10.24-10.24 13.653334-10.24h170.666666c6.826667 0 10.24 3.413333 13.653334 6.826667s3.413333 10.24 3.413333 17.066666c-61.44 160.426667-191.146667 252.586667-358.4 252.586667z" fill="" p-id="8436"></path><path d="M747.52 529.066667H389.12c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h337.92c-23.893333-95.573333-88.746667-163.84-167.253333-170.666666-10.24 0-17.066667-10.24-17.066667-17.066667 0-10.24 10.24-17.066667 17.066667-17.066667 102.4 10.24 180.906667 95.573333 201.386666 218.453334 0 3.413333 0 10.24-3.413333 13.653333s-6.826667 6.826667-10.24 6.826667z" fill="" p-id="8437"></path><path d="M208.213333 1006.933333c-23.893333 0-51.2-6.826667-68.266666-20.48C34.133333 904.533333 95.573333 607.573333 273.066667 365.226667c85.333333-119.466667 194.56-221.866667 300.373333-283.306667C679.253333 17.066667 771.413333 3.413333 822.613333 40.96c34.133333 23.893333 51.2 68.266667 47.786667 129.706667 0 10.24-6.826667 17.066667-17.066667 17.066666-6.826667 0-17.066667-3.413333-17.066666-13.653333-6.826667-37.546667-23.893333-40.96-30.72-40.96-61.44-13.653333-215.04 126.293333-368.64 341.333333-191.146667 262.826667-218.453333 385.706667-204.8 440.32 3.413333 20.48 13.653333 34.133333 30.72 44.373334 6.826667 3.413333 10.24 13.653333 6.826666 23.893333-6.826667 13.653333-20.48 20.48-37.546666 23.893333h-23.893334zM750.933333 51.2c-40.96 0-98.986667 20.48-160.426666 58.026667-102.4 61.44-208.213333 160.426667-290.133334 276.48-174.08 242.346667-221.866667 512-139.946666 573.44 13.653333 10.24 40.96 17.066667 61.44 13.653333h3.413333c-13.653333-13.653333-23.893333-30.72-27.306667-54.613333-17.066667-92.16 54.613333-249.173333 211.626667-467.626667 64.853333-88.746667 283.306667-378.88 402.773333-351.573333 3.413333 0 10.24 3.413333 17.066667 6.826666-3.413333-13.653333-13.653333-27.306667-23.893333-37.546666-17.066667-13.653333-34.133333-17.066667-54.613334-17.066667z" fill="" p-id="8438"></path><path d="M167.253333 563.2c-10.24 0-17.066667-6.826667-17.066666-17.066667 0-184.32 126.293333-341.333333 303.786666-382.293333 10.24-3.413333 17.066667 3.413333 20.48 13.653333 3.413333 10.24-3.413333 17.066667-13.653333 20.48C296.96 232.106667 184.32 375.466667 184.32 546.133333c0 6.826667-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="8439"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Photoshop.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Photoshop.svg
new file mode 100644
index 0000000..90c73e8
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Photoshop.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646231339030" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8588" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1006.933333 1024H17.066667c-10.24 0-17.066667-6.826667-17.066667-17.066667V17.066667C0 6.826667 6.826667 0 17.066667 0h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066667v989.866666c0 10.24-6.826667 17.066667-17.066667 17.066667zM34.133333 989.866667h955.733334V34.133333H34.133333v955.733334z" fill="" p-id="8589"></path><path d="M324.266667 716.8c-10.24 0-17.066667-6.826667-17.066667-17.066667v-375.466666c0-6.826667 6.826667-17.066667 13.653333-17.066667 92.16-13.653333 153.6-3.413333 187.733334 27.306667 23.893333 20.48 34.133333 51.2 34.133333 85.333333 0 44.373333-20.48 78.506667-58.026667 102.4-40.96 23.893333-98.986667 30.72-146.773333 13.653333v160.426667c3.413333 13.653333-3.413333 20.48-13.653333 20.48z m17.066666-215.04c37.546667 17.066667 92.16 13.653333 129.706667-6.826667 20.48-10.24 40.96-34.133333 40.96-71.68 0-27.306667-6.826667-47.786667-23.893333-61.44-27.306667-23.893333-75.093333-30.72-146.773334-20.48v160.426667zM665.6 716.8c-34.133333 0-64.853333-13.653333-81.92-27.306667-6.826667-6.826667-6.826667-17.066667 0-23.893333 6.826667-6.826667 17.066667-6.826667 23.893333 0 13.653333 13.653333 54.613333 27.306667 81.92 13.653333 17.066667-6.826667 23.893333-23.893333 23.893334-47.786666 0-34.133333-20.48-44.373333-61.44-58.026667-34.133333-10.24-75.093333-27.306667-75.093334-78.506667 0-37.546667 17.066667-64.853333 47.786667-78.506666 40.96-17.066667 92.16-3.413333 119.466667 20.48 6.826667 6.826667 6.826667 17.066667 0 23.893333-6.826667 6.826667-17.066667 6.826667-23.893334 0-17.066667-17.066667-54.613333-23.893333-81.92-13.653333-17.066667 6.826667-27.306667 23.893333-27.306666 44.373333 0 27.306667 17.066667 34.133333 54.613333 47.786667 34.133333 10.24 81.92 27.306667 81.92 88.746666 0 51.2-27.306667 71.68-44.373333 78.506667-10.24 6.826667-23.893333 10.24-37.546667 10.24z" fill="" p-id="8590"></path><path d="M938.666667 955.733333h-853.333334c-10.24 0-17.066667-6.826667-17.066666-17.066666v-853.333334c0-10.24 6.826667-17.066667 17.066666-17.066666h853.333334c10.24 0 17.066667 6.826667 17.066666 17.066666v853.333334c0 10.24-6.826667 17.066667-17.066666 17.066666zM102.4 921.6h819.2V102.4H102.4v819.2z" fill="" p-id="8591"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Presentation-File.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Presentation-File.svg
new file mode 100644
index 0000000..c44d3c5
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Presentation-File.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646229737780" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7519" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M221.866667 887.466667c-10.24 0-17.066667-6.826667-17.066667-17.066667v-102.4c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066666 17.066667v102.4c0 10.24-6.826667 17.066667-17.066666 17.066667zM324.266667 887.466667c-10.24 0-17.066667-6.826667-17.066667-17.066667v-204.8c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066666 17.066667v204.8c0 10.24-6.826667 17.066667-17.066666 17.066667zM426.666667 887.466667c-10.24 0-17.066667-6.826667-17.066667-17.066667v-341.333333c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066666 17.066667v341.333333c0 10.24-6.826667 17.066667-17.066666 17.066667zM802.133333 614.4h-273.066666c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066666h273.066666c10.24 0 17.066667 6.826667 17.066667 17.066666s-6.826667 17.066667-17.066667 17.066667zM802.133333 750.933333h-273.066666c-10.24 0-17.066667-6.826667-17.066667-17.066666s6.826667-17.066667 17.066667-17.066667h273.066666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066666zM802.133333 887.466667h-273.066666c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h273.066666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667z" fill="" p-id="7520"></path><path d="M904.533333 1024h-785.066666c-10.24 0-17.066667-6.826667-17.066667-17.066667v-716.8c0-3.413333 3.413333-10.24 3.413333-13.653333l273.066667-273.066667c3.413333 0 10.24-3.413333 13.653333-3.413333h512c10.24 0 17.066667 6.826667 17.066667 17.066667v989.866666c0 10.24-6.826667 17.066667-17.066667 17.066667zM136.533333 989.866667h750.933334V34.133333H399.36L136.533333 296.96V989.866667z" fill="" p-id="7521"></path><path d="M392.533333 307.2h-273.066666c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066666H375.466667V17.066667c0-10.24 6.826667-17.066667 17.066666-17.066667s17.066667 6.826667 17.066667 17.066667v273.066666c0 10.24-6.826667 17.066667-17.066667 17.066667zM631.466667 477.866667c-102.4 0-187.733333-85.333333-187.733334-187.733334S529.066667 102.4 631.466667 102.4c13.653333 0 23.893333 0 37.546666 3.413333 6.826667 0 13.653333 10.24 13.653334 17.066667V238.933333h116.053333c6.826667 0 13.653333 6.826667 17.066667 13.653334 3.413333 13.653333 3.413333 23.893333 3.413333 37.546666 0 102.4-85.333333 187.733333-187.733333 187.733334z m0-341.333334C546.133333 136.533333 477.866667 204.8 477.866667 290.133333s68.266667 153.6 153.6 153.6S785.066667 375.466667 785.066667 290.133333V273.066667h-119.466667c-10.24 0-17.066667-6.826667-17.066667-17.066667V136.533333h-17.066666z" fill="" p-id="7522"></path><path d="M836.266667 273.066667h-170.666667c-10.24 0-17.066667-6.826667-17.066667-17.066667v-170.666667c0-10.24 6.826667-17.066667 17.066667-17.066666 102.4 0 187.733333 85.333333 187.733333 187.733333 0 10.24-6.826667 17.066667-17.066666 17.066667zM682.666667 238.933333h136.533333c-6.826667-71.68-64.853333-126.293333-136.533333-136.533333v136.533333z" fill="" p-id="7523"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/gallery/Word.svg b/gui/SARibbon/example/MainWindowExample/icon/gallery/Word.svg
new file mode 100644
index 0000000..52ee9a3
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/gallery/Word.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646231286755" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7672" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M563.2 1006.933333s-3.413333 0 0 0l-549.546667-102.4c-6.826667-3.413333-13.653333-10.24-13.653333-17.066666V170.666667c0-6.826667 6.826667-13.653333 13.653333-17.066667l546.133334-136.533333c3.413333 0 10.24 0 13.653333 3.413333s6.826667 6.826667 6.826667 13.653333v955.733334c0 3.413333-3.413333 10.24-6.826667 13.653333-3.413333 3.413333-6.826667 3.413333-10.24 3.413333zM34.133333 873.813333l512 95.573334V54.613333L34.133333 184.32v689.493333z" fill="" p-id="7673"></path><path d="M1006.933333 938.666667h-443.733333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667H989.866667v-785.066666H563.2c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h443.733333c10.24 0 17.066667 6.826667 17.066667 17.066667v819.2c0 10.24-6.826667 17.066667-17.066667 17.066667zM358.4 699.733333c-6.826667 0-13.653333-6.826667-17.066667-13.653333l-68.266666-249.173333-68.266667 249.173333c-3.413333 6.826667-6.826667 13.653333-17.066667 13.653333-6.826667 0-13.653333-3.413333-17.066666-10.24l-102.4-307.2c-3.413333-10.24 3.413333-17.066667 10.24-20.48 10.24-3.413333 17.066667 3.413333 20.48 10.24l85.333333 252.586667 71.68-252.586667c3.413333-13.653333 27.306667-13.653333 34.133333 0l71.68 252.586667 85.333334-252.586667c3.413333-10.24 13.653333-13.653333 20.48-10.24 10.24 3.413333 13.653333 13.653333 10.24 20.48l-102.4 307.2c-3.413333 6.826667-10.24 10.24-17.066667 10.24z" fill="" p-id="7674"></path><path d="M904.533333 256h-341.333333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066666h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066666s-6.826667 17.066667-17.066667 17.066667zM904.533333 392.533333h-334.506666c-10.24 0-17.066667-6.826667-17.066667-17.066666s6.826667-17.066667 17.066667-17.066667h334.506666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066666zM904.533333 529.066667h-341.333333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667zM904.533333 665.6h-341.333333c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066666h341.333333c10.24 0 17.066667 6.826667 17.066667 17.066666s-6.826667 17.066667-17.066667 17.066667zM904.533333 802.133333H580.266667c-10.24 0-17.066667-6.826667-17.066667-17.066666s6.826667-17.066667 17.066667-17.066667h324.266666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066666z" fill="" p-id="7675"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/help.svg b/gui/SARibbon/example/MainWindowExample/icon/help.svg
new file mode 100644
index 0000000..7ad1944
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/help.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646227243431" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29810" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 930.91c-231.364 0-418.91-187.546-418.91-418.91 0-231.364 187.546-418.91 418.91-418.91 231.364 0 418.91 187.546 418.91 418.91 0 231.364-187.546 418.91-418.91 418.91z" fill="#319BFD" p-id="29811"></path><path d="M558.546 651.636v93.092h-93.092v-93.092h93.092zM512 294.4c68.636 0.208 136.68 40.72 136.68 118.552 0 105.54-97.116 105.54-97.116 153.694v21.5h-79.128V559.5c0-70.674 96.724-91.534 98.778-122.728 2.052-31.194-20.446-58.632-51.436-62.73-30.992-4.1-59.848 16.546-65.976 47.2l-77.624-15.548c12.972-64.72 69.814-111.298 135.822-111.292z" fill="#FFFFFF" p-id="29812"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/hidePannel.svg b/gui/SARibbon/example/MainWindowExample/icon/hidePannel.svg
new file mode 100644
index 0000000..5d08978
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/hidePannel.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646316001983" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19858" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M522.1376 512m-152.8832 0a152.8832 152.8832 0 1 0 305.7664 0 152.8832 152.8832 0 1 0-305.7664 0Z" fill="#ffa115" p-id="19859"></path><path d="M512.256 888.7808c-129.5872 0-241.7152-45.312-333.312-134.6048-74.3424-72.4992-115.6608-156.4672-133.6832-200.0896-11.4176-27.648-10.9056-59.0848 1.4336-86.272 18.9952-41.7792 53.1968-104.0896 108.3904-163.6352 11.52-12.4416 30.976-13.1584 43.4176-1.6384a30.68928 30.68928 0 0 1 1.6384 43.4176c-52.224 56.32-83.5072 116.4288-97.4848 147.2512a47.30368 47.30368 0 0 0-0.6144 37.4272c36.864 89.1904 150.6304 296.704 410.1632 296.704 60.416 0 117.0432-11.4176 168.3456-33.9456a30.7712 30.7712 0 0 1 40.4992 15.7696 30.7712 30.7712 0 0 1-15.7696 40.4992c-59.136 26.0096-124.0576 39.1168-193.024 39.1168zM857.4464 727.0912a30.7456 30.7456 0 0 1-23.4496-50.5856c47.7184-56.4224 75.776-115.3024 88.2176-145.3568 5.0688-12.1856 4.7616-26.0096-0.8704-37.888-40.2432-85.504-160.9728-284.416-411.6992-284.416-53.5552 0-104.448 9.216-151.296 27.392-15.8208 6.144-33.6384-1.6896-39.7312-17.5104-6.144-15.8208 1.6896-33.6384 17.5104-39.7312 53.9648-20.9408 112.3328-31.5392 173.5168-31.5392 124.8768 0 235.1616 43.1104 327.8336 128.1024 75.52 69.2736 119.808 149.76 139.4688 191.5904 12.9536 27.5456 13.7216 59.4432 2.048 87.6032-16.896 40.7552-47.616 101.8368-98.0992 161.4848a30.78656 30.78656 0 0 1-23.4496 10.8544zM857.4464 868.864c-7.68 0-15.36-2.8672-21.3504-8.6016L165.5296 213.1968a30.72 30.72 0 0 1-0.768-43.4176 30.72 30.72 0 0 1 43.4176-0.768l670.6176 647.0656a30.72 30.72 0 0 1 0.768 43.4176 30.6688 30.6688 0 0 1-22.1184 9.3696z" fill="#474A54" p-id="19860"></path><path d="M672.9728 568.1664c-1.6896 0-3.3792-0.1536-5.12-0.4096a30.76096 30.76096 0 0 1-25.2416-35.3792c1.1264-6.7072 1.6896-13.568 1.6896-20.3776 0-67.3792-54.8352-122.1632-122.1632-122.1632-7.5776 0-15.1552 0.7168-22.528 2.048a30.72 30.72 0 0 1-35.84-24.576 30.72 30.72 0 0 1 24.576-35.84c11.0592-2.048 22.4256-3.1232 33.792-3.1232 101.2224 0 183.6032 82.3808 183.6032 183.6032 0 10.24-0.8704 20.48-2.5088 30.5152a30.72512 30.72512 0 0 1-30.2592 25.7024zM522.1376 695.6032c-101.2224 0-183.6032-82.3808-183.6032-183.6032 0-9.5232 0.7168-19.0976 2.2016-28.416 2.6112-16.7424 18.3296-28.2624 35.072-25.6512 16.7424 2.6112 28.2624 18.3296 25.6512 35.072-0.9728 6.2464-1.4848 12.6464-1.4848 18.9952 0 67.3792 54.784 122.1632 122.1632 122.1632 7.8336 0 15.7184-0.768 23.3472-2.2016 16.64-3.2256 32.768 7.68 35.9936 24.32 3.2256 16.64-7.68 32.768-24.32 35.9936-11.52 2.2016-23.296 3.328-35.0208 3.328z" fill="#474A54" p-id="19861"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/hideRibbon.svg b/gui/SARibbon/example/MainWindowExample/icon/hideRibbon.svg
new file mode 100644
index 0000000..cb4f847
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/hideRibbon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645969811241" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7593" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M925.781333 379.733333l60.373334 60.330667a637.994667 637.994667 0 0 1-452.565334 187.477333 637.994667 637.994667 0 0 1-452.48-187.434666l60.330667-60.330667a552.96 552.96 0 0 0 392.149333 162.432c153.173333 0 291.84-62.08 392.192-162.474667z" fill="#444444" p-id="7594"></path><path d="M127.99307 366.325395l60.339779 60.339779-60.339779 60.339778L67.653291 426.665174z" fill="#444444" p-id="7595"></path><path d="M192.914258 501.311099l65.369126 54.851209-109.702419 130.738252L83.211839 632.049351z" fill="#444444" p-id="7596"></path><path d="M391.512277 565.33021l80.187103 29.185719-58.371438 160.374207L333.140839 725.704417z" fill="#444444" p-id="7597"></path><path d="M570.716052 592.382238l80.187104-29.185719 58.371438 160.374207L629.08749 752.756445z" fill="#444444" p-id="7598"></path><path d="M765.839382 556.179743l65.369126-54.85121 109.702419 130.738252L875.541801 686.917994z" fill="#444444" p-id="7599"></path><path d="M938.689036 366.337531l60.339779 60.339779-60.339779 60.339779L878.349258 426.67731z" fill="#444444" p-id="7600"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/item.svg b/gui/SARibbon/example/MainWindowExample/icon/item.svg
new file mode 100644
index 0000000..9819b1c
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/item.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972053003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12456" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 161.28a21.333333 21.333333 0 0 1 10.24 2.56l283.733333 156.16-283.733333 156.16a21.76 21.76 0 0 1-20.48 0L218.026667 320l283.733333-156.16a21.333333 21.333333 0 0 1 10.24-2.56m0-64a87.466667 87.466667 0 0 0-42.666667 10.666667L153.173333 282.453333a42.666667 42.666667 0 0 0 0 75.093334L469.333333 532.053333a85.333333 85.333333 0 0 0 81.92 0l317.866667-174.506666a42.666667 42.666667 0 0 0 0-75.093334L554.666667 107.946667a87.466667 87.466667 0 0 0-42.666667-10.666667zM512 906.666667a85.333333 85.333333 0 0 1-37.973333-8.96l-317.866667-158.72A32 32 0 1 1 185.173333 682.666667l317.44 158.72a20.906667 20.906667 0 0 0 18.773334 0L838.826667 682.666667a32 32 0 1 1 28.586666 57.173333L549.973333 896a85.333333 85.333333 0 0 1-37.973333 10.666667z" fill="#333333" p-id="12457"></path><path d="M512 640l-320-158.72v69.12a42.666667 42.666667 0 0 0 23.466667 37.973333l277.333333 136.96a42.666667 42.666667 0 0 0 38.4 0L810.666667 588.373333a42.666667 42.666667 0 0 0 23.466666-37.973333v-69.12z" fill="#DCB56D" p-id="12458"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/largerFont.svg b/gui/SARibbon/example/MainWindowExample/icon/largerFont.svg
new file mode 100644
index 0000000..e424905
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/largerFont.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645969199477" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2765" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M545.728 705.984h-334.08l-103.68 257.28H0.512l326.4-817.92h103.68l326.4 817.92h-111.36c3.84 0-99.84-257.28-99.84-257.28z m-42.24-103.68l-126.72-314.88-126.72 314.88h253.44z m80.64-364.8h422.4v76.8h-422.4v-76.8z" p-id="2766"></path><path d="M835.904 65.152v422.4h-76.8v-422.4z" p-id="2767"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/layout.svg b/gui/SARibbon/example/MainWindowExample/icon/layout.svg
new file mode 100644
index 0000000..e63f5c2
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/layout.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646318098536" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17184" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M546.133333 622.933333H261.12c-13.653333 0-23.893333-10.24-23.893333-23.893333 0-13.653333 10.24-23.893333 23.893333-23.893333H546.133333c13.653333 0 23.893333 10.24 23.893334 23.893333 0 13.653333-10.24 23.893333-23.893334 23.893333zM390.826667 491.52h-129.706667c-13.653333 0-23.893333-10.24-23.893333-23.893333 0-13.653333 10.24-23.893333 23.893333-23.893334h129.706667c13.653333 0 23.893333 10.24 23.893333 23.893334 0 13.653333-10.24 23.893333-23.893333 23.893333z" p-id="17185"></path><path d="M172.373333 213.333333c5.12 20.48 5.12 42.666667-1.706666 61.44 10.24 23.893333 10.24 54.613333 1.706666 78.506667 5.12 18.773333 3.413333 39.253333-1.706666 56.32 0 5.12 1.706667 8.533333 1.706666 13.653333 3.413333 17.066667 3.413333 32.426667 0 47.786667 5.12 11.946667 8.533333 25.6 8.533334 40.96 0 52.906667 5.12 104.106667 3.413333 157.013333-1.706667 34.133333-6.826667 68.266667-11.946667 100.693334 3.413333 13.653333 5.12 29.013333 1.706667 44.373333 8.533333 15.36 11.946667 34.133333 8.533333 54.613333 8.533333 8.533333 13.653333 17.066667 18.773334 27.306667 3.413333 3.413333 5.12 8.533333 6.826666 11.946667h10.24c17.066667 0 30.72 3.413333 42.666667 10.24 5.12 0 8.533333-1.706667 13.653333-1.706667 15.36 0 29.013333 3.413333 40.96 8.533333 6.826667-1.706667 11.946667-1.706667 18.773334-1.706666 6.826667 0 11.946667 0 17.066666 1.706666 11.946667-5.12 25.6-10.24 42.666667-10.24 22.186667 0 40.96 6.826667 54.613333 17.066667 6.826667-1.706667 13.653333-1.706667 22.186667-1.706667 6.826667 0 13.653333 0 18.773333 1.706667 13.653333-6.826667 29.013333-11.946667 47.786667-11.946667 15.36 0 27.306667 3.413333 39.253333 6.826667 5.12-1.706667 10.24-1.706667 15.36-3.413333 10.24-3.413333 20.48-5.12 32.426667-5.12s23.893333 1.706667 34.133333 5.12c11.946667-6.826667 27.306667-10.24 42.666667-10.24 10.24 0 18.773333 1.706667 27.306667 3.413333 8.533333-37.546667 11.946667-76.8 11.946666-117.76-1.706667-314.026667-252.586667-571.733333-568.32-585.386667z" fill="#F4F4F4" p-id="17186"></path><path d="M175.786667 375.466667c0 11.946667-1.706667 25.6-5.12 35.84 0 5.12 1.706667 8.533333 1.706666 13.653333 3.413333 17.066667 3.413333 32.426667 0 47.786667 5.12 11.946667 8.533333 25.6 8.533334 40.96 0 52.906667 5.12 104.106667 3.413333 157.013333-1.706667 34.133333-6.826667 68.266667-11.946667 100.693333 3.413333 13.653333 5.12 29.013333 1.706667 44.373334 8.533333 15.36 11.946667 34.133333 8.533333 54.613333 8.533333 8.533333 13.653333 17.066667 18.773334 27.306667 3.413333 3.413333 5.12 8.533333 6.826666 11.946666h10.24c17.066667 0 30.72 3.413333 42.666667 10.24 5.12 0 8.533333-1.706667 13.653333-1.706666 15.36 0 29.013333 3.413333 40.96 8.533333 6.826667-1.706667 11.946667-1.706667 18.773334-1.706667 6.826667 0 11.946667 0 17.066666 1.706667 11.946667-5.12 25.6-10.24 42.666667-10.24 22.186667 0 40.96 6.826667 54.613333 17.066667 6.826667-1.706667 13.653333-1.706667 22.186667-1.706667 6.826667 0 13.653333 0 18.773333 1.706667 13.653333-6.826667 29.013333-11.946667 47.786667-11.946667 8.533333 0 17.066667 1.706667 23.893333 3.413333 11.946667-37.546667 17.066667-78.506667 17.066667-121.173333 0-228.693333-177.493333-414.72-402.773333-428.373333z" fill="#DDDDDD" p-id="17187"></path><path d="M740.693333 274.773333H298.666667c-13.653333 0-23.893333-10.24-23.893334-23.893333 0-13.653333 10.24-23.893333 23.893334-23.893333h442.026666c13.653333 0 23.893333 10.24 23.893334 23.893333 0 11.946667-10.24 23.893333-23.893334 23.893333zM583.68 530.773333H298.666667c-13.653333 0-23.893333-10.24-23.893334-23.893333 0-13.653333 10.24-23.893333 23.893334-23.893333h285.013333c13.653333 0 23.893333 10.24 23.893333 23.893333 0 13.653333-11.946667 23.893333-23.893333 23.893333zM428.373333 399.36h-129.706666c-13.653333 0-23.893333-10.24-23.893334-23.893333 0-13.653333 10.24-23.893333 23.893334-23.893334h129.706666c13.653333 0 23.893333 10.24 23.893334 23.893334 0 13.653333-10.24 23.893333-23.893334 23.893333z" fill="#484949" p-id="17188"></path><path d="M827.733333 841.386667c0 29.013333-23.893333 54.613333-52.906666 54.613333H256c-29.013333 0-59.733333-25.6-59.733333-54.613333V197.973333c0-29.013333 30.72-52.906667 59.733333-52.906666h520.533333c29.013333 0 52.906667 25.6 52.906667 52.906666v390.826667h51.2V197.973333c0-59.733333-44.373333-104.106667-104.106667-104.106666H256c-59.733333 0-110.933333 46.08-110.933333 104.106666v643.413334c0 59.733333 51.2 105.813333 110.933333 105.813333h520.533333c59.733333 0 104.106667-46.08 104.106667-105.813333v-98.986667h-51.2v98.986667z" fill="#484949" p-id="17189"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/long-text.svg b/gui/SARibbon/example/MainWindowExample/icon/long-text.svg
new file mode 100644
index 0000000..f98154a
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/long-text.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646234066615" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="32033" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M853.333333 810.666667a42.666667 42.666667 0 0 1 4.992 85.034666L853.333333 896H170.666667a42.666667 42.666667 0 0 1-4.992-85.034667L170.666667 810.666667h682.666666zM853.333333 640a42.666667 42.666667 0 0 1 4.992 85.034667L853.333333 725.333333h-106.666666a42.666667 42.666667 0 0 1-4.992-85.034666L746.666667 640H853.333333zM853.333333 469.333333a42.666667 42.666667 0 0 1 4.992 85.034667L853.333333 554.666667h-160a42.666667 42.666667 0 0 1-4.992-85.034667L693.333333 469.333333H853.333333zM853.333333 298.666667a42.666667 42.666667 0 0 1 4.992 85.034666L853.333333 384h-213.333333a42.666667 42.666667 0 0 1-4.992-85.034667L640 298.666667h213.333333zM288 512h192c17.664 0 32-19.114667 32-42.666667s-14.336-42.666667-32-42.666666h-192c-17.664 0-32 19.114667-32 42.666666s14.336 42.666667 32 42.666667z" p-id="32034"></path><path d="M387.370667 227.242667l164.906666 471.125333a42.666667 42.666667 0 1 0 80.938667-27.008L462.208 181.930667a78.848 78.848 0 0 0-149.632-0.085334L133.248 671.274667a42.666667 42.666667 0 1 0 80.896 27.093333L387.413333 227.242667z" p-id="32035"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/presentationFile.svg b/gui/SARibbon/example/MainWindowExample/icon/presentationFile.svg
new file mode 100644
index 0000000..fb0f5b9
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/presentationFile.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646225986148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4633" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M904.533333 0H385.706667c-3.413333 0-3.413333 3.413333-6.826667 3.413333l-273.066667 273.066667s-3.413333 3.413333-3.413333 6.826667v723.626666c0 10.24 6.826667 17.066667 17.066667 17.066667h785.066666c10.24 0 17.066667-6.826667 17.066667-17.066667V17.066667c0-10.24-6.826667-17.066667-17.066667-17.066667zM238.933333 870.4c0 10.24-6.826667 17.066667-17.066666 17.066667s-17.066667-6.826667-17.066667-17.066667v-102.4c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066666 17.066667v102.4z m102.4 0c0 10.24-6.826667 17.066667-17.066666 17.066667s-17.066667-6.826667-17.066667-17.066667v-204.8c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066666 17.066667v204.8zM375.466667 273.066667H160.426667L375.466667 58.026667V273.066667z m68.266666 597.333333c0 10.24-6.826667 17.066667-17.066666 17.066667s-17.066667-6.826667-17.066667-17.066667v-341.333333c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066666 17.066667v341.333333z m0-580.266667c0-88.746667 64.853333-167.253333 150.186667-184.32 3.413333 0 10.24 0 13.653333 3.413334 3.413333 3.413333 6.826667 10.24 6.826667 13.653333v133.12c0 27.306667 23.893333 51.2 51.2 51.2h133.12c6.826667 0 10.24 3.413333 13.653333 6.826667 3.413333 3.413333 3.413333 10.24 3.413334 13.653333-17.066667 88.746667-95.573333 150.186667-184.32 150.186667-102.4 0-187.733333-85.333333-187.733334-187.733334zM802.133333 887.466667h-273.066666c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066667h273.066666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066667z m0-136.533334h-273.066666c-10.24 0-17.066667-6.826667-17.066667-17.066666s6.826667-17.066667 17.066667-17.066667h273.066666c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066666z m0-136.533333h-273.066666c-10.24 0-17.066667-6.826667-17.066667-17.066667s6.826667-17.066667 17.066667-17.066666h273.066666c10.24 0 17.066667 6.826667 17.066667 17.066666s-6.826667 17.066667-17.066667 17.066667z m34.133334-341.333333h-170.666667c-10.24 0-17.066667-6.826667-17.066667-17.066667v-170.666667c0-10.24 6.826667-17.066667 17.066667-17.066666 102.4 0 187.733333 85.333333 187.733333 187.733333 0 10.24-6.826667 17.066667-17.066666 17.066667z" fill="" p-id="4634"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/redo.svg b/gui/SARibbon/example/MainWindowExample/icon/redo.svg
new file mode 100644
index 0000000..f6d0120
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/redo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646225910902" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4333" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1016.183467 429.397333l-477.866667-307.2A17.066667 17.066667 0 0 0 512 136.533333v188.0064C169.506133 335.086933 4.164267 662.9376 0.034133 886.237867L0 887.466667a17.066667 17.066667 0 0 0 16.930133 17.066666H17.066667a17.1008 17.1008 0 0 0 17.066666-16.7936l0.034134-1.058133C36.352 832.955733 259.720533 607.573333 512 597.674667V785.066667a17.066667 17.066667 0 0 0 26.999467 13.892266l477.866666-341.333333a17.169067 17.169067 0 0 0-0.682666-28.228267zM546.133333 751.889067V580.266667a17.066667 17.066667 0 0 0-17.066666-17.066667c-197.666133 0-400.520533 139.127467-486.468267 242.517333C81.169067 597.162667 249.514667 358.4 529.066667 358.4a17.066667 17.066667 0 0 0 17.066666-17.066667V167.799467l430.3872 276.6848L546.133333 751.889067z" fill="" p-id="4334"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/remove-app-btn.svg b/gui/SARibbon/example/MainWindowExample/icon/remove-app-btn.svg
new file mode 100644
index 0000000..7d97c47
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/remove-app-btn.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646231702625" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31429" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 1002.666667c270.997333 0 490.666667-219.669333 490.666667-490.666667S782.997333 21.333333 512 21.333333 21.333333 241.002667 21.333333 512s219.669333 490.666667 490.666667 490.666667z m0 21.333333C229.226667 1024 0 794.773333 0 512S229.226667 0 512 0s512 229.226667 512 512-229.226667 512-512 512z" fill="#024089" p-id="31430"></path><path d="M708.565333 522.666667H522.666667a21.333333 21.333333 0 0 1 0-42.666667h185.301333l-25.450667-25.450667a21.333333 21.333333 0 0 1 30.165334-30.165333l60.352 60.330667c4.629333 4.629333 6.677333 10.88 6.165333 16.917333a21.290667 21.290667 0 0 1-6.186667 16.917333l-60.330666 60.352a21.333333 21.333333 0 1 1-30.165334-30.186666l26.048-26.048z m-377.898666 149.333333h277.184v-63.850667a21.333333 21.333333 0 1 1 42.666666 0v82.624a21.333333 21.333333 0 0 1-21.184 23.893334h-320a21.333333 21.333333 0 0 1-21.333333-21.333334v-384a21.333333 21.333333 0 0 1 21.333333-21.333333h320a21.333333 21.333333 0 0 1 21.184 23.893333v82.624a21.333333 21.333333 0 0 1-42.666666 0V330.666667H330.666667v341.333333z" fill="#024089" p-id="31431"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/remove.svg b/gui/SARibbon/example/MainWindowExample/icon/remove.svg
new file mode 100644
index 0000000..76cdf5a
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/remove.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646315558583" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16627" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 955.733333A443.733333 443.733333 0 1 1 512 68.010667 443.733333 443.733333 0 0 1 512 955.733333M512 0a512 512 0 1 0 0 1024A512 512 0 0 0 512 0" fill="#E64026" p-id="16628"></path><path d="M751.957333 475.818667H266.752s-40.106667-3.669333-40.106667 28.928c0 43.776 17.237333 43.690667 31.573334 43.690666h493.824c9.216 0 44.8 2.56 45.226666-37.973333 0.512-40.533333-45.312-34.645333-45.312-34.645333" fill="#E64026" p-id="16629"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/removePage.svg b/gui/SARibbon/example/MainWindowExample/icon/removePage.svg
new file mode 100644
index 0000000..f6d84aa
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/removePage.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646315708700" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18254" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M960.355 895.639V261.333h-485.26L363.779 127.99H64.515v166.635h0.002v601.014h895.838zM129.433 327.918h766.006v501.137H129.433V327.918z" fill="#839495" p-id="18255"></path><path d="M616.011 716.682a172.012 176.434 0 1 0 344.024 0 172.012 176.434 0 1 0-344.024 0Z" fill="#BD3C20" p-id="18256"></path><path d="M893.29 789.345l-34.426 35.312L682.755 644.02l34.426-35.312z" fill="#FFFFFF" p-id="18257"></path><path d="M682.755 789.345l34.426 35.312L893.29 644.02l-34.426-35.312z" fill="#FFFFFF" p-id="18258"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/save.svg b/gui/SARibbon/example/MainWindowExample/icon/save.svg
new file mode 100644
index 0000000..c8b06ac
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/save.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645969588174" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4449" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M165.840081 127.921872h608.774771l121.254934 121.254934v608.774771c0 20.834181-17.084028 37.91821-37.918209 37.918209H165.840081c-20.834181 0-37.91821-17.084028-37.918209-37.918209V165.840081c0-20.834181 17.084028-37.91821 37.918209-37.918209z" fill="#01579B" p-id="4450"></path><path d="M284.803255 127.921872h454.39349V318.76297c0 25.626043-20.834181 46.668566-46.668566 46.668566H331.471821c-25.626043 0-46.668566-20.834181-46.668566-46.668566V127.921872zM743.155239 896.078128H280.844761V654.818311c0-27.917803 22.709257-50.62706 50.62706-50.62706h361.2647c27.917803 0 50.62706 22.709257 50.62706 50.62706l-0.208342 241.259817z" fill="#0277BD" p-id="4451"></path><path d="M299.803866 127.921872h424.392268V318.76297c0 17.29237-14.167243 31.667955-31.667955 31.667956H331.471821c-17.29237 0-31.667955-14.167243-31.667955-31.667956V127.921872zM299.803866 896.078128h424.392268V654.818311c0-17.29237-14.167243-31.667955-31.667955-31.667955H331.471821c-17.29237 0-31.667955 14.167243-31.667955 31.667955v241.259817z" fill="#EEEEEE" p-id="4452"></path><path d="M572.731638 127.921872h93.128789v181.882401h-93.128789z" fill="#424242" p-id="4453"></path><path d="M360.431333 724.612818h303.137334v19.167446H360.431333zM360.431333 808.991251h303.137334v19.167447H360.431333z" fill="#757575" p-id="4454"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/setText.svg b/gui/SARibbon/example/MainWindowExample/icon/setText.svg
new file mode 100644
index 0000000..4b05c4a
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/setText.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646316412811" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23939" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M992 0H0v256h128V128h320v768H256v128h512v-128H576V128h320v128h128V0z" fill="#1E2330" p-id="23940"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/show.svg b/gui/SARibbon/example/MainWindowExample/icon/show.svg
new file mode 100644
index 0000000..c1463bd
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/show.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646316548189" class="icon" viewBox="0 0 1802 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25650" xmlns:xlink="http://www.w3.org/1999/xlink" width="56.3125" height="32"><defs><style type="text/css"></style></defs><path d="M901.12 0C385.024 0 4.096 339.968 0 512 4.096 684.032 385.024 1024 901.12 1024s897.024-339.968 901.12-512C1798.144 339.968 1417.216 0 901.12 0z m-28.672 929.792c-225.28-8.192-401.408-192.512-401.408-417.792 4.096-233.472 196.608-421.888 430.08-417.792 229.376 8.192 409.6 200.704 401.408 430.08s-200.704 413.696-430.08 405.504z" fill="#2873AA" p-id="25651"></path><path d="M901.12 241.664c151.552 4.096 266.24 131.072 262.144 282.624-4.096 151.552-131.072 266.24-282.624 262.144-147.456-4.096-262.144-126.976-262.144-270.336 4.096-155.648 131.072-278.528 282.624-274.432z" fill="#2873AA" p-id="25652"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/showContext.svg b/gui/SARibbon/example/MainWindowExample/icon/showContext.svg
new file mode 100644
index 0000000..89967ac
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/showContext.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645974009168" class="icon" viewBox="0 0 1364 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31936" xmlns:xlink="http://www.w3.org/1999/xlink" width="42.625" height="32"><defs><style type="text/css"></style></defs><path d="M66.56 317.44h1228.8v604.16H66.56z" fill="#D0D7DE" p-id="31937"></path><path d="M512 0h398.336v170.496H512V0zM1251.328 0h-284.672v170.496h398.336V113.664C1365.504 50.688 1314.304 0 1251.328 0z" fill="#EDA914" p-id="31938"></path><path d="M455.168 0H113.664C50.688 0 0 39.424 0 88.064v822.272C0 973.312 50.688 1024 113.664 1024h1137.664c62.976 0 113.664-50.688 113.664-113.664V227.328H455.168V0zM512 853.504H113.664v-170.496H512v170.496z m739.328 0H625.664v-170.496h625.664v170.496z m-397.824-455.168h398.336v170.496h-398.336V398.336z m-114.176 0v170.496H113.664V398.336h625.664z" fill="#16385A" p-id="31939"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/showHideButton.svg b/gui/SARibbon/example/MainWindowExample/icon/showHideButton.svg
new file mode 100644
index 0000000..fa4ab9d
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/showHideButton.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645971504880" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9953" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M605.866667 640l-38.4-38.4-46.933334 46.933333 81.066667 81.066667 46.933333-46.933333 85.333334-85.333334-42.666667-42.666666-85.333333 85.333333zM810.666667 256v554.666667H256L810.666667 256zM213.333333 768V213.333333h554.666667L213.333333 768z m341.333334-469.333333H298.666667v256l256-256z" fill="#444444" p-id="9954"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/smallFont.svg b/gui/SARibbon/example/MainWindowExample/icon/smallFont.svg
new file mode 100644
index 0000000..4533304
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/smallFont.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645969085669" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2525" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M545.728 705.984h-334.08l-103.68 257.28H0.512l326.4-817.92h103.68l326.4 817.92h-111.36c3.84 0-99.84-257.28-99.84-257.28z m-42.24-103.68l-126.72-314.88-126.72 314.88h253.44z m80.64-364.8h422.4v76.8h-422.4v-76.8z" p-id="2526"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/test1.svg b/gui/SARibbon/example/MainWindowExample/icon/test1.svg
new file mode 100644
index 0000000..41e03c1
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/test1.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972462678" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3334" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M854.42 938.77H177.51V85.28h529.76l147.15 147.16z" fill="#949BA6" p-id="3335"></path><path d="M854.42 232.44H707.27V85.28z" fill="#FFC600" p-id="3336"></path><path d="M721.98 261.87c0 8.09 6.62 14.72 14.72 14.72h117.72v-44.15H721.98v29.43z" fill="#717582" p-id="3337"></path><path d="M236.37 247.15c-8.09 0-14.72-6.62-14.72-14.72v-88.29c0-8.09 6.62-14.72 14.72-14.72 8.09 0 14.72 6.62 14.72 14.72v88.29c0 8.1-6.62 14.72-14.72 14.72zM236.37 894.63c-8.09 0-14.72-6.62-14.72-14.72V350.16c0-8.09 6.62-14.72 14.72-14.72 8.09 0 14.72 6.62 14.72 14.72v529.75c0 8.1-6.62 14.72-14.72 14.72z" fill="#DFE1E4" p-id="3338"></path><path d="M236.37 291.3m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#DFE1E4" p-id="3339"></path><path d="M913.28 423.74c-8.09 0-14.72 6.62-14.72 14.72V673.9c0 8.09 6.62 14.72 14.72 14.72 8.09 0 14.72-6.62 14.72-14.72V438.45c0-8.09-6.63-14.71-14.72-14.71z" fill="#090418" p-id="3340"></path><path d="M913.28 791.62m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3341"></path><path d="M913.28 732.76m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3342"></path><path d="M118.65 232.44m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3343"></path><path d="M118.65 291.3m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3344"></path><path d="M118.65 173.58m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3345"></path><path d="M295.24 453.17h264.88c8.09 0 14.72-6.62 14.72-14.72s-6.62-14.72-14.72-14.72H295.24c-8.09 0-14.72 6.62-14.72 14.72s6.62 14.72 14.72 14.72zM604.26 438.45c0 8.09 6.62 14.72 14.72 14.72H736.7c8.09 0 14.72-6.62 14.72-14.72s-6.62-14.72-14.72-14.72H618.97c-8.09 0.01-14.71 6.63-14.71 14.72zM736.7 482.6H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72H736.7c8.09 0 14.72-6.62 14.72-14.72-0.01-8.1-6.63-14.72-14.72-14.72zM295.24 688.61h264.88c8.09 0 14.72-6.62 14.72-14.72s-6.62-14.72-14.72-14.72H295.24c-8.09 0-14.72 6.62-14.72 14.72s6.62 14.72 14.72 14.72zM574.83 776.9H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72h279.59c8.09 0 14.72-6.62 14.72-14.72-0.01-8.09-6.63-14.72-14.72-14.72zM736.7 659.18h-58.86c-8.09 0-14.72 6.62-14.72 14.72s6.62 14.72 14.72 14.72h58.86c8.09 0 14.72-6.62 14.72-14.72s-6.63-14.72-14.72-14.72zM295.24 364.87h58.86c8.09 0 14.72-6.62 14.72-14.72 0-8.09-6.62-14.72-14.72-14.72h-9.2l9.93-29.43h57.39l9.93 29.43h-9.2c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72h58.86c8.09 0 14.72-6.62 14.72-14.72 0-8.09-6.62-14.72-14.72-14.72h-18.76L397.5 168.78c0-0.37-0.37-0.37-0.37-0.74-0.37-0.74-0.37-1.1-0.74-1.47-0.37-1.1-1.1-1.84-1.84-2.94-0.37-0.37-0.74-0.74-1.47-1.1-0.74-0.74-1.84-1.47-2.94-1.84-0.37-0.37-1.1-0.74-1.47-0.74-1.47-0.74-3.31-1.1-5.15-1.1H354.1c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72h9.2L314 335.44h-18.76c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.71 14.72 14.71z m88.29-144.94l18.76 56.65h-37.52l18.76-56.65zM471.82 276.58h22.07v22.07c0 8.09 6.62 14.72 14.72 14.72 8.09 0 14.72-6.62 14.72-14.72v-22.07h22.07c8.09 0 14.72-6.62 14.72-14.72s-6.62-14.72-14.72-14.72h-22.07v-22.07c0-8.09-6.62-14.72-14.72-14.72-8.09 0-14.72 6.62-14.72 14.72v22.07h-22.07c-8.09 0-14.72 6.62-14.72 14.72s6.63 14.72 14.72 14.72zM648.4 615.04c0-8.09-6.62-14.72-14.72-14.72H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72h338.45c8.09-0.01 14.71-6.63 14.71-14.72zM736.7 541.46H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72H736.7c8.09 0 14.72-6.62 14.72-14.72-0.01-8.1-6.63-14.72-14.72-14.72zM736.7 718.04H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72H736.7c8.09 0 14.72-6.62 14.72-14.72-0.01-8.1-6.63-14.72-14.72-14.72z" fill="#090418" p-id="3346"></path><path d="M864.72 222.14L717.57 74.98c-1.47-1.47-2.94-2.58-4.78-3.31s-3.68-1.1-5.52-1.1H177.51c-8.09 0-14.72 6.62-14.72 14.72v853.49c0 8.09 6.62 14.72 14.72 14.72h676.91c8.09 0 14.72-6.62 14.72-14.72V232.44c0-1.84-0.37-4.05-1.1-5.52-0.75-1.84-1.85-3.68-3.32-4.78zM721.98 120.97l96.75 96.75h-96.75v-96.75zM839.7 924.06H192.23V100h500.32v132.44c0 8.09 6.62 14.72 14.72 14.72H839.7v676.9z" fill="#090418" p-id="3347"></path><path d="M618.97 673.9m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3348"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/test2.svg b/gui/SARibbon/example/MainWindowExample/icon/test2.svg
new file mode 100644
index 0000000..b244acc
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/test2.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972561142" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5938" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M897.575385 656.147692a27.569231 27.569231 0 0 0 27.56923-27.56923V150.488615a111.222154 111.222154 0 0 0-111.064615-111.064615H199.68a111.222154 111.222154 0 0 0-111.064615 111.064615v732.356923a111.222154 111.222154 0 0 0 111.064615 111.104H814.08a111.222154 111.222154 0 0 0 111.104-111.064615v-126.345846a27.569231 27.569231 0 1 0-55.138462 0v126.306461c0 30.877538-25.127385 55.965538-55.926153 55.965539H199.68a56.004923 56.004923 0 0 1-55.926154-55.926154V150.449231c0-30.877538 25.048615-55.926154 55.926154-55.926154H814.08c30.838154 0 55.965538 25.048615 55.965538 55.926154v478.129231a27.569231 27.569231 0 0 0 27.569231 27.56923" fill="#787878" p-id="5939"></path><path d="M428.268308 391.168c8.704-31.350154 17.329231-57.737846 24.300307-72.704 6.774154 11.342769 14.808615 29.223385 23.276308 50.491077a216.654769 216.654769 0 0 0-47.576615 22.212923m38.478769-134.656a36.667077 36.667077 0 0 0-32.452923 1.024c-39.227077 20.676923-71.640615 152.733538-91.923692 259.859692a27.569231 27.569231 0 0 0 54.19323 10.279385c2.756923-14.375385 5.789538-29.105231 8.979693-43.835077 5.001846-6.695385 36.745846-46.788923 89.324307-62.857846 9.334154 27.411692 18.392615 56.713846 26.033231 84.440615a27.569231 27.569231 0 1 0 53.169231-14.611692c-26.781538-97.28-67.111385-216.851692-107.323077-234.299077" fill="#787878" p-id="5940"></path><path d="M506.88 133.277538a27.569231 27.569231 0 1 0 0 55.138462 216.379077 216.379077 0 0 1 216.142769 216.142769 216.339692 216.339692 0 0 1-216.142769 216.103385 216.339692 216.339692 0 0 1-216.142769-216.103385c0-73.531077 36.903385-141.351385 98.658461-181.444923a27.529846 27.529846 0 1 0-30.011077-46.237538 270.454154 270.454154 0 0 0-123.746461 227.682461 271.517538 271.517538 0 0 0 271.241846 271.241846 271.517538 271.517538 0 0 0 271.241846-271.241846 271.556923 271.556923 0 0 0-271.241846-271.281231" fill="#787878" p-id="5941"></path><path d="M541.302154 334.139077a23.630769 23.630769 0 0 0 23.630769 23.118769h0.512l27.687385-0.590769 0.590769 27.687385a23.670154 23.670154 0 0 0 23.630769 23.118769h0.512a23.630769 23.630769 0 0 0 23.118769-24.103385l-0.590769-27.726769 27.687385-0.590769a23.591385 23.591385 0 0 0 23.118769-24.14277c-0.275692-13.036308-10.830769-22.291692-24.103385-23.118769l-27.726769 0.590769-0.590769-27.687384c-0.275692-13.036308-11.106462-22.606769-24.142769-23.118769a23.630769 23.630769 0 0 0-23.11877 24.103384l0.59077 27.726769-27.687385 0.59077a23.670154 23.670154 0 0 0-23.118769 24.142769M749.764923 723.219692H264.034462a27.569231 27.569231 0 1 0 0 55.138462h485.730461a27.569231 27.569231 0 1 0 0-55.138462M749.764923 832.354462H264.034462a27.569231 27.569231 0 1 0 0 55.138461h485.730461a27.569231 27.569231 0 1 0 0-55.138461" fill="#787878" p-id="5942"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/undo.svg b/gui/SARibbon/example/MainWindowExample/icon/undo.svg
new file mode 100644
index 0000000..c96e57c
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/undo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646225921444" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4483" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1023.965867 886.237867C1019.835733 662.9376 854.493867 335.086933 512 324.539733V136.533333a17.066667 17.066667 0 1 0-26.3168-14.370133l-477.866667 307.2a17.032533 17.032533 0 0 0-0.682666 28.228267l477.866666 341.333333A17.134933 17.134933 0 0 0 512 785.066667v-187.426134c252.279467 9.898667 475.648 235.281067 477.832533 289.006934l0.034134 1.092266a17.1008 17.1008 0 0 0 17.066666 16.7936h0.136534A17.066667 17.066667 0 0 0 1024 887.466667l-0.034133-1.2288zM494.933333 563.2a17.066667 17.066667 0 0 0-17.066666 17.066667v171.6224L47.479467 444.484267 477.866667 167.799467V341.333333a17.066667 17.066667 0 0 0 17.066666 17.066667c279.552 0 447.8976 238.762667 486.468267 447.317333C895.453867 702.327467 692.599467 563.2 494.933333 563.2z" fill="" p-id="4484"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/unlock.svg b/gui/SARibbon/example/MainWindowExample/icon/unlock.svg
new file mode 100644
index 0000000..24c73d4
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/unlock.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646316286074" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23102" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M680.77 566.83H571.11c-20.19 0-36.55 16.36-36.55 36.55s16.36 36.55 36.55 36.55h18.28v91.38c0 20.19 16.36 36.55 36.55 36.55s36.55-16.36 36.55-36.55v-91.38h18.28c20.19 0 36.55-16.36 36.55-36.55s-16.37-36.55-36.55-36.55z" fill="#4AFFFE" p-id="23103"></path><path d="M869.62 402.35H465.07v-91.38c0-110.85-90.18-201.03-201.03-201.03S63 200.12 63 310.97c0 10.1 8.18 18.28 18.28 18.28s18.28-8.17 18.28-18.28c0-90.7 73.79-164.48 164.48-164.48s164.48 73.78 164.48 164.48v91.38h-46.25c-50.38 0-91.38 41-91.38 91.38v328.96c0 50.38 41 91.38 91.38 91.38h487.36c50.38 0 91.38-41 91.38-91.38V493.72c-0.01-50.38-41.01-91.37-91.39-91.37z m54.83 420.34c0 30.23-24.59 54.83-54.83 54.83H382.26c-30.23 0-54.83-24.59-54.83-54.83V493.72c0-30.23 24.59-54.83 54.83-54.83h487.36c30.23 0 54.83 24.59 54.83 54.83v328.97z" fill="#1D2088" p-id="23104"></path><path d="M680.77 548.55H571.11c-30.23 0-54.83 24.59-54.83 54.83s24.59 54.83 54.83 54.83v73.1c0 30.23 24.59 54.83 54.83 54.83s54.83-24.59 54.83-54.83v-73.1c30.23 0 54.83-24.59 54.83-54.83s-24.6-54.83-54.83-54.83z m0 73.1h-18.28c-10.09 0-18.28 8.17-18.28 18.28v91.38c0 10.08-8.2 18.28-18.28 18.28-10.07 0-18.28-8.19-18.28-18.28v-91.38c0-10.1-8.18-18.28-18.28-18.28h-18.28c-10.07 0-18.28-8.19-18.28-18.28s8.2-18.28 18.28-18.28h109.65c10.07 0 18.28 8.19 18.28 18.28s-8.18 18.28-18.25 18.28z" fill="#1D2088" p-id="23105"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/useCustomize.svg b/gui/SARibbon/example/MainWindowExample/icon/useCustomize.svg
new file mode 100644
index 0000000..e407895
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/useCustomize.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646234702769" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="38468" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M882.176 469.504c9.216 0 19.456 3.072 26.624 10.24 14.848 14.848 14.848 37.376 0 52.224l-358.4 358.4-66.048 13.824 13.824-66.048 358.4-358.4c7.168-7.168 15.872-10.24 25.6-10.24zM400.896 99.84c102.4 0 184.832 82.432 184.832 184.832s-82.432 184.832-184.832 184.832-184.832-82.432-184.832-184.832S298.496 99.84 400.896 99.84z m0-74.24c-142.336 0-259.072 116.224-259.072 259.072 0 89.088 45.568 168.448 114.688 215.04-132.096 56.832-225.28 187.392-225.28 339.968h74.24c0-163.84 132.096-295.936 295.936-295.936 79.36 0 150.528 32.256 203.264 83.456l-166.4 166.4-8.192 8.192-2.56 11.776-25.6 130.56-11.776 54.272 54.272-11.776 130.56-25.6 11.776-2.56 8.192-8.192 365.568-365.568c43.008-43.008 43.008-114.176 0-157.184-21.504-21.504-50.176-32.256-78.848-32.256-28.16 0-56.32 10.24-77.312 31.232l-1.024 1.024-145.92 145.92c-32.256-31.232-70.656-56.32-112.128-74.24 69.12-46.592 114.688-125.952 114.688-215.04 0-141.824-116.224-258.56-259.072-258.56z" p-id="38469"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/useqss.svg b/gui/SARibbon/example/MainWindowExample/icon/useqss.svg
new file mode 100644
index 0000000..95360ff
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/useqss.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646234343800" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="37293" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M682.048504 42.669354v256h255.088882v-64.004031L745.826772 42.669354zM682.048504 917.326614l85.032315-149.326614-85.024252-149.326614H341.943433L256.919181 768l85.024252 149.326614z" fill="#CCE4FF" p-id="37294"></path><path d="M624.043339 933.210709l73.832818 42.338771L816.055433 768 697.876157 560.45052l-73.832818 42.338771 94.062866 165.210709zM207.936504 768l118.187339 207.54948 73.832818-42.338771-94.062866-165.210709 94.062866-165.210709-73.832818-42.338771z" fill="#007AFF" p-id="37295"></path><path d="M724.572724 0H44.346457v1024h85.024252V85.330646h510.1697v256h255.088882V1024H979.653543V216.975118L763.452472 0h-38.879748z m170.048504 256h-170.048504V85.330646h3.628347l166.420157 167.024882v3.644472z" fill="#007AFF" p-id="37296"></path><path d="M384.459591 725.330646h85.024252v85.338708H384.459591zM554.516157 725.330646h85.024252v85.338708H554.516157z" fill="#007AFF" p-id="37297"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/visible-false.svg b/gui/SARibbon/example/MainWindowExample/icon/visible-false.svg
new file mode 100644
index 0000000..d01f64b
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/visible-false.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1699249369805" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1511" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M168.7552 436.6848c-28.7744-23.552-52.224-50.7904-67.9936-81.152l54.4768-28.3648c11.264 21.6576 28.8768 42.6496 52.4288 61.952C274.2272 443.8016 384.512 481.28 512 481.28c127.488 0 237.7216-37.5296 304.3328-92.16 23.552-19.3024 41.1136-40.2944 52.4288-61.952l54.4768 28.3648c-15.7696 30.3616-39.2704 57.6-67.9936 81.152C775.168 502.272 649.9328 542.72 512 542.72c-137.984 0-263.168-40.3968-343.2448-106.0352" fill="#496189" p-id="1512"></path><path d="M632.6784 684.8l-44.1856-164.864 59.392-15.872 44.1344 164.864-59.3408 15.872zM895.8464 597.9648L775.168 477.2864l43.4176-43.4688 120.6784 120.6784-43.4176 43.4688zM249.088 477.2864l-120.6784 120.6784-43.4688-43.4688 120.6784-120.6784 43.4688 43.4688zM434.944 519.936l-44.1344 164.864-59.392-15.872 44.1856-164.864 59.392 15.872z" fill="#496189" p-id="1513"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/visible-true.svg b/gui/SARibbon/example/MainWindowExample/icon/visible-true.svg
new file mode 100644
index 0000000..b8de9cd
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/visible-true.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1699249332328" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1352" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M190.72 360.3456C269.824 294.7072 383.488 225.28 512 225.28c128.512 0 242.1248 69.4272 321.3312 135.0656a911.36 911.36 0 0 1 120.5248 121.2928l6.8608 8.6528 1.2288 1.536 0.6144 0.8192 0.512 0.6656 0.1536 0.2048v0.0512s0.0512 0.0512-24.576 18.432l24.6272 18.432h-0.0512l-0.1536 0.256-0.512 0.6656-1.8432 2.3552c-1.536 2.048-3.8912 4.9664-6.8608 8.704a911.872 911.872 0 0 1-120.5248 121.2928c-79.2064 65.5872-192.8192 135.0144-321.3312 135.0144s-242.1248-69.4272-321.28-135.0656a912.0768 912.0768 0 0 1-120.576-121.2928 533.6576 533.6576 0 0 1-8.704-11.008l-0.512-0.6656-0.1536-0.2048v-0.0512s-0.0512-0.0512 24.576-18.432c-24.6272-18.3808-24.6272-18.3808-24.576-18.432l0.1536-0.256 0.512-0.6656a295.4752 295.4752 0 0 1 8.704-11.008 911.616 911.616 0 0 1 120.5248-121.2928zM85.3504 512l-24.576-18.432-13.7728 18.432 13.7216 18.432 24.576-18.432z m39.424 0a850.2784 850.2784 0 0 0 105.1648 104.3456C305.152 678.7072 404.8384 737.28 512 737.28c107.0592 0 206.848-58.5728 282.0608-120.9344A849.7152 849.7152 0 0 0 899.2256 512a849.664 849.664 0 0 0-105.1136-104.3456C718.848 345.2928 619.1104 286.72 512 286.72c-107.1104 0-206.848 58.5728-282.112 120.9344A850.2272 850.2272 0 0 0 124.7744 512z m813.8752 0l24.6272 18.432 13.7216-18.432-13.7216-18.432-24.576 18.432z" fill="#496189" p-id="1353"></path><path d="M374.6304 512a137.3696 137.3696 0 1 1 274.7392 0 137.3696 137.3696 0 0 1-274.7392 0zM512 436.0704a75.9296 75.9296 0 1 0 0 151.8592 75.9296 75.9296 0 0 0 0-151.8592z" fill="#496189" p-id="1354"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/windowsflag-normal.svg b/gui/SARibbon/example/MainWindowExample/icon/windowsflag-normal.svg
new file mode 100644
index 0000000..775f84e
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/windowsflag-normal.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646235321715" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="39283" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M896 128H298.666667v85.333333h554.666666v469.333334h85.333334V170.666667a42.666667 42.666667 0 0 0-42.666667-42.666667z" fill="#024089" p-id="39284"></path><path d="M128 896h597.333333a42.666667 42.666667 0 0 0 42.666667-42.666667V341.333333a42.666667 42.666667 0 0 0-42.666667-42.666666H128a42.666667 42.666667 0 0 0-42.666667 42.666666v512a42.666667 42.666667 0 0 0 42.666667 42.666667z m42.666667-426.666667h512v341.333334H170.666667v-341.333334z" fill="#024089" p-id="39285"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/icon/wordwrap.svg b/gui/SARibbon/example/MainWindowExample/icon/wordwrap.svg
new file mode 100644
index 0000000..25e0c88
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/icon/wordwrap.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1648309699756" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12817" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M64 64h704v192H64zM62.72 764.416H960V960H62.72z" p-id="12818"></path><path d="M895.872 64v403.904H320.128V399.488L191.872 501.504 320.128 608V535.168h639.744V64z" p-id="12819"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MainWindowExample/main.cpp b/gui/SARibbon/example/MainWindowExample/main.cpp
new file mode 100644
index 0000000..0ae0459
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/main.cpp
@@ -0,0 +1,64 @@
+#include "mainwindow.h"
+#include <QApplication>
+#include <QDebug>
+#include <QElapsedTimer>
+#include "SARibbonBar.h"
+// 重定向qdebug的打印
+void log_out_put(QtMsgType type, const QMessageLogContext& context, const QString& msg);
+
+/**
+ * @brief 重定向qdebug的打印
+ * @param type
+ * @param context
+ * @param msg
+ */
+void log_out_put(QtMsgType type, const QMessageLogContext& context, const QString& msg)
+{
+    QByteArray localMsg = msg.toLocal8Bit();
+
+    switch (type) {
+    case QtDebugMsg:
+        fprintf(stdout, "%s |[Debug] (%s[%u],%s)\n", localMsg.constData(), context.function, context.line, context.file);
+        break;
+
+    case QtWarningMsg:
+        fprintf(stdout, "%s |[Warning] (%s[%u],%s)\n", localMsg.constData(), context.function, context.line, context.file);
+        break;
+
+    case QtCriticalMsg:
+        fprintf(stdout, "%s |[Critical] (%s[%u],%s)\n", localMsg.constData(), context.function, context.line, context.file);
+        break;
+
+    case QtFatalMsg:
+        fprintf(stdout, "%s |[Fatal] (%s[%u],%s)\n", localMsg.constData(), context.function, context.line, context.file);
+        abort();
+        break;
+
+    default:
+        fprintf(stdout, "%s |[Debug](%s[%u],%s)\n", localMsg.constData(), context.function, context.line, context.file);
+        break;
+    }
+#ifndef QT_NO_DEBUG_OUTPUT
+    fflush(stdout);
+#endif
+}
+
+int main(int argc, char* argv[])
+{
+    // 以下是针对高分屏的设置，有高分屏需求都需要按照下面进行设置
+    SARibbonBar::initHighDpi();
+
+    QApplication a(argc, argv);
+    qInstallMessageHandler(log_out_put);
+    QFont f = a.font();
+    f.setFamily(u8"微软雅黑");
+    a.setFont(f);
+    QElapsedTimer cost;
+
+    cost.start();
+    MainWindow w;
+    qDebug() << "window build cost:" << cost.elapsed() << " ms";
+    w.show();
+
+    return (a.exec());
+}
diff --git a/gui/SARibbon/example/MainWindowExample/mainwindow.cpp b/gui/SARibbon/example/MainWindowExample/mainwindow.cpp
new file mode 100644
index 0000000..8d2bd79
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/mainwindow.cpp
@@ -0,0 +1,1731 @@
+#include "mainwindow.h"
+#if !SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+#include "SAFramelessHelper.h"
+#endif
+#include "SARibbonApplicationButton.h"
+#include "SARibbonBar.h"
+#include "SARibbonButtonGroupWidget.h"
+#include "SARibbonCategory.h"
+#include "SARibbonCheckBox.h"
+#include "SARibbonColorToolButton.h"
+#include "SARibbonComboBox.h"
+#include "SARibbonCustomizeDialog.h"
+#include "SARibbonCustomizeWidget.h"
+#include "SARibbonGallery.h"
+#include "SARibbonLineEdit.h"
+#include "SARibbonMenu.h"
+#include "SARibbonPannel.h"
+#include "SARibbonQuickAccessBar.h"
+#include "SARibbonToolButton.h"
+#include "colorWidgets/SAColorGridWidget.h"
+#include "colorWidgets/SAColorPaletteGridWidget.h"
+#include "SARibbonSystemButtonBar.h"
+#include <QAbstractButton>
+#include <QAction>
+#include <QApplication>
+#include <QButtonGroup>
+#include <QCalendarWidget>
+#include <QDebug>
+#include <QElapsedTimer>
+#include <QFile>
+#include <QFileDialog>
+#include <QFontComboBox>
+#include <QLabel>
+#include <QLineEdit>
+#include <QMenu>
+#include <QMessageBox>
+#include <QPushButton>
+#include <QRadioButton>
+#include <QSpinBox>
+#include <QStatusBar>
+#include <QTextEdit>
+#include <QTextStream>
+#include <QXmlStreamWriter>
+#include <QMessageBox>
+#include <QShortcut>
+#include <QLineEdit>
+#include <QDialogButtonBox>
+#define PRINT_COST_START()                                                                                             \
+	QElapsedTimer __TMP_COST;                                                                                          \
+	__TMP_COST.start();                                                                                                \
+	int __TMP_LASTTIMES = 0
+
+#define PRINT_COST(STR)                                                                                                \
+	do {                                                                                                               \
+		int ___TMP_INT = __TMP_COST.elapsed();                                                                         \
+		qDebug() << STR << " cost " << ___TMP_INT - __TMP_LASTTIMES << " ms (" << ___TMP_INT << ")";                   \
+		mTextedit->append(QString("%1 cost %2 ms(%3)").arg(STR).arg(___TMP_INT - __TMP_LASTTIMES).arg(___TMP_INT));    \
+		__TMP_LASTTIMES = ___TMP_INT;                                                                                  \
+	} while (0)
+
+MainWindow::MainWindow(QWidget* par)
+    : SARibbonMainWindow(par), mWidgetForCustomize(nullptr), mMenuApplicationBtn(nullptr)
+{
+
+	PRINT_COST_START();
+	setWindowTitle(("ribbon mainwindow test"));
+	mTextedit = new QTextEdit(this);
+	setCentralWidget(mTextedit);
+	setStatusBar(new QStatusBar());
+
+	SARibbonBar* ribbon = ribbonBar();
+	//! 通过setContentsMargins设置ribbon四周的间距
+	ribbon->setContentsMargins(5, 0, 5, 0);
+
+	connect(ribbon, &SARibbonBar::actionTriggered, this, [ this ](QAction* action) {
+		mTextedit->append(QString("action object name=%1 triggered").arg(action->objectName()));
+	});
+
+	//! cn:
+	//! 这里示例的是如何设置和修改applicationButton，默认情况下SARibbonBar会创建一个SARibbonApplicationButton，
+	//! SARibbonApplicationButton的父类是QToolButton,用户也可以创建自己的applicationButton，
+	//! 通过SARibbonBar::setApplicationButton函数设置自己定义的按钮，如果传入一个空指针，将取消掉applicationButton
+	//! en:
+	//! Here is an example of how to set and modify the applicationButton. By default,
+	//! SARibbonBar will create a SARibbonApplicationButton. The parent class of SARibbonApplicationButton is QToolButton.
+	//! Users can also create their own applicationButton, and set their own buttons through the SARibbonBar::setApplicationButton function.
+	//! If a null pointer is passed in, the applicationButton will be canceled
+	createRibbonApplicationButton();
+
+	//! cn:
+	//! 添加主标签页,这里演示通过SARibbonBar::addCategoryPage函数添加一个标签页
+	//! en:
+	//! Add the main tab. Here we show how to add a tab through the SARibbonBar::addCategoryPage function
+	SARibbonCategory* categoryMain = ribbon->addCategoryPage(tr("&Main"));
+	//! cn: SARibbonBar的Category和Pannel，以及对应的Action都应该设置ObjectName，因为如果要自定义action，这些ObjectName是必不可少的
+	//! en: The category , pannel and actions of SARibbonBar, should be set with Object Names, as these Object Names are essential for customizing actions
+	categoryMain->setObjectName(("categoryMain"));
+	createCategoryMain(categoryMain);
+	PRINT_COST("new main page");
+
+	//! cn:这里演示了另外一种添加标签页的方式，先创建SARibbonCategory指针，并通过SARibbonBar::addCategoryPage函数把SARibbonCategory指针传递给SARibbonBar
+	//! en:Here is another way to add a tab: first create a SARibbonCategory pointer and pass it to SARibbonBar through the SARibbonBar::addCategoryPage function
+	SARibbonCategory* categoryOther = new SARibbonCategory();
+	categoryOther->setCategoryName(tr("Other"));
+	categoryOther->setObjectName(("categoryOther"));
+	createCategoryOther(categoryOther);
+	ribbon->addCategoryPage(categoryOther);
+	PRINT_COST("add other page");
+
+	// 添加删除标签页
+	SARibbonCategory* categoryDelete = new SARibbonCategory();
+	categoryDelete->setCategoryName(("Delete"));
+	categoryDelete->setObjectName(("categoryDelete"));
+	ribbon->addCategoryPage(categoryDelete);
+	createCategoryDelete(categoryDelete);
+	PRINT_COST("add category delete page");
+
+	// 添加尺寸标签页
+	SARibbonCategory* categorySize = new SARibbonCategory();
+	categorySize->setCategoryName(("Size(example long category)"));
+	categorySize->setObjectName(("categorySize"));
+	ribbon->addCategoryPage(categorySize);
+	createCategorySize(categorySize);
+	PRINT_COST("add category size page");
+
+	// 添加颜色标签页
+	SARibbonCategory* categoryColor = new SARibbonCategory();
+	categoryColor->setCategoryName(("Color"));
+	categoryColor->setObjectName(("categoryColor"));
+	ribbon->addCategoryPage(categoryColor);
+	createCategoryColor(categoryColor);
+	PRINT_COST("add category color page");
+
+	createContextCategory1();
+	PRINT_COST("add context1 category page");
+
+	createContextCategory2();
+	PRINT_COST("add context2 category page");
+
+	createQuickAccessBar();
+	PRINT_COST("add quick access bar");
+
+	//! cn:
+	//! 创建RightButtonGroup,RightButtonGroup类似一个在右上角的工具栏，给用户放置一些快捷图标，例如关于、帮助等图标，
+	//! RightButtonGroup在SARibbonBar创建时就会构建一个默认的SARibbonButtonGroupWidget，可以通过SARibbonBar::rightButtonGroup函数获取
+	//! en:
+	//! Create a RightButtonGroup, which is similar to a toolbar in the upper right corner,
+	//! providing users with shortcut icons such as About, Help, etc. RightButtonGroup will build a default SARibbonButtonGroupWidget when creating SARibbonBar,
+	//! which can be obtained through the SARibbonBar::rightButtonGroup function
+	createRightButtonGroup();
+	PRINT_COST("add right bar");
+
+	//! cn:
+	//! 这里演示了如何在系统窗口最小化最大化关闭按钮旁边添加其他按钮
+	createWindowButtonGroupBar();
+
+	//! cn:
+	//! actionManager可以管理所有的action，并给SARibbon的自定义窗口使用,
+	//! actionManager必须在ribbon的action都创建完成后创建，如果在之前就创建好，后加入ribbon的action需要手动管理到actionManager里，
+	//! actionManager也可以管理不在ribbonBar里的action
+	//! en:
+	//! The ActionManager can manage all actions and be used for SARibbon's custom window.
+	//! The ActionManager must be created after all the actions in the ribbon are created.
+	//! If the actions are created before, the actions added to the ribbon need to be manually managed in the ActionManager.
+	//! The ActionManager can also manage actions not in the ribbon bar
+	createActionsManager();
+
+	setMinimumWidth(500);
+	setWindowIcon(QIcon(":/icon/icon/SA.svg"));
+
+	connect(ribbon, &SARibbonBar::currentRibbonTabChanged, this, [ this ](int v) {
+		mTextedit->append(QString("SARibbonBar::currentRibbonTabChanged(%1)").arg(v));
+	});
+
+	showMaximized();
+}
+
+/**
+ * @brief 创建ApplicationButton
+ */
+void MainWindow::createRibbonApplicationButton()
+{
+	SARibbonBar* ribbon = ribbonBar();
+	if (!ribbon) {
+		return;
+	}
+	QAbstractButton* btn = ribbon->applicationButton();
+	if (!btn) {
+		//! cn: SARibbonBar默认就会创建一个SARibbonApplicationButton，因此，在正常情况下，这个位置不会进入
+		//! en: SARibbonBar creates a SARibbonApplicationButton by default. Therefore, under normal circumstances, this location will not enter
+		btn = new SARibbonApplicationButton(this);
+		ribbon->setApplicationButton(btn);
+	}
+	ribbon->applicationButton()->setText(("  &File  "));  // 文字两边留有间距，好看一点
+	//! cn: SARibbonMenu和QMenu的操作是一样的
+	//! en: The operations of SARibbonMenu and QMenu are the same
+	if (!mMenuApplicationBtn) {
+		mMenuApplicationBtn = new SARibbonMenu(this);
+		mMenuApplicationBtn->addAction(createAction("test1", ":/icon/icon/action.svg"));
+		mMenuApplicationBtn->addAction(createAction("test2", ":/icon/icon/action2.svg"));
+		mMenuApplicationBtn->addAction(createAction("test3", ":/icon/icon/action3.svg"));
+		mMenuApplicationBtn->addAction(createAction("test4", ":/icon/icon/action4.svg"));
+	}
+	SARibbonApplicationButton* appBtn = qobject_cast< SARibbonApplicationButton* >(btn);
+	if (!appBtn) {
+		return;
+	}
+	appBtn->setMenu(mMenuApplicationBtn);
+}
+
+/**
+ * @brief 显示ContextCategory1
+ * @param on
+ */
+void MainWindow::onShowContextCategory(bool on)
+{
+	if (mContextCategory == nullptr) {
+		createContextCategory1();
+	}
+	if (on) {
+		this->ribbonBar()->showContextCategory(mContextCategory);
+	} else {
+		this->ribbonBar()->hideContextCategory(mContextCategory);
+	}
+}
+
+void MainWindow::onStyleClicked(int id)
+{
+
+	SARibbonBar::RibbonStyles ribbonStyle = static_cast< SARibbonBar::RibbonStyles >(id);
+	ribbonBar()->setRibbonStyle(ribbonStyle);
+	mActionWordWrap->setChecked(SARibbonToolButton::isEnableWordWrap());
+	switch (ribbonStyle) {
+	case SARibbonBar::RibbonStyleLooseThreeRow:
+		// cn:"LooseThreeRow"样式的文字显示是换行的，同时也会显示标题栏，你也可以通过SARibbonBar::setEnableWordWrap来控制按钮是否换行显示，
+		// 可以通过SARibbonBar::setEnableShowPannelTitle控制标题栏是否显示
+		mTextedit->append(
+			tr("\nThe text display of the \"LooseThreeRow\" style is word wrap and also displays the title bar. "
+			   "You can also control whether the button is line breaking through SARibbonBar::setEnableWordWrap,"
+			   "and whether the title bar is displayed through SARibbonBar::setEnableShowPannelTitle"));
+		mTextedit->append(tr("ribbonBar()->setRibbonStyle(SARibbonBar::RibbonStyleLooseThreeRow);"));
+		break;
+	case SARibbonBar::RibbonStyleLooseTwoRow:
+		// cn:"LooseThreeRow"样式的文字显示是不换行的，同时也会显示标题栏，你也可以通过SARibbonBar::setEnableWordWrap来控制按钮是否换行显示，
+		// 可以通过SARibbonBar::setEnableShowPannelTitle控制标题栏是否显示
+		mTextedit->append(
+			tr("\nThe text display of the \"LooseTwoRow\" style is not word wrap and also displays the title bar. "
+			   "You can also control whether the button is line breaking through SARibbonBar::setEnableWordWrap,"
+			   "and whether the title bar is displayed through SARibbonBar::setEnableShowPannelTitle"));
+		mTextedit->append(tr("ribbonBar()->setRibbonStyle(SARibbonBar::RibbonStyleLooseTwoRow);"));
+		break;
+	case SARibbonBar::RibbonStyleCompactThreeRow:
+		// cn:"CompactThreeRow"样式的文字显示是换行的，不会显示标题栏，你也可以通过SARibbonBar::setEnableWordWrap来控制按钮是否换行显示，
+		// 可以通过SARibbonBar::setEnableShowPannelTitle控制标题栏是否显示
+		mTextedit->append(
+			tr("\nThe text display of the \"LooseThreeRow\" style is word wrap and not displays the title bar. "
+			   "You can also control whether the button is line breaking through SARibbonBar::setEnableWordWrap,"
+			   "and whether the title bar is displayed through SARibbonBar::setEnableShowPannelTitle"));
+		mTextedit->append(tr("ribbonBar()->setRibbonStyle(SARibbonBar::RibbonStyleCompactThreeRow);"));
+		break;
+	case SARibbonBar::RibbonStyleCompactTwoRow:
+		// cn:"CompactTwoRow"样式的文字显示是不换行的，不会显示标题栏，你也可以通过SARibbonBar::setEnableWordWrap来控制按钮是否换行显示，
+		// 可以通过SARibbonBar::setEnableShowPannelTitle控制标题栏是否显示
+		mTextedit->append(
+			tr("\nThe text display of the \"CompactTwoRow\" style is not word wrap and not displays the title bar. "
+			   "You can also control whether the button is line breaking through SARibbonBar::setEnableWordWrap,"
+			   "and whether the title bar is displayed through SARibbonBar::setEnableShowPannelTitle"));
+		mTextedit->append(tr("ribbonBar()->setRibbonStyle(SARibbonBar::RibbonStyleCompactTwoRow);"));
+		break;
+	default:
+		break;
+	}
+}
+
+/**
+ * @brief 自定义按钮槽
+ *
+ * 这里演示了如何使用@ref SARibbonCustomizeWidget 来实现界面的自定义
+ */
+void MainWindow::onActionCustomizeTriggered()
+{
+	if (nullptr == mWidgetForCustomize) {
+		mWidgetForCustomize =
+			new SARibbonCustomizeWidget(this, this, Qt::WindowMinMaxButtonsHint | Qt::WindowCloseButtonHint | Qt::Dialog);
+		mWidgetForCustomize->setWindowModality(Qt::ApplicationModal);  // 设置阻塞类型
+		mWidgetForCustomize->setAttribute(Qt::WA_ShowModal, true);     // 属性设置 true:模态 false:非模态
+		mWidgetForCustomize->setupActionsManager(mActionsManager);
+	}
+	mWidgetForCustomize->show();
+	mWidgetForCustomize->applys();
+}
+
+/**
+ * @brief 自定义按钮槽
+ *
+ * 这里演示了如何使用@ref SARibbonCustomizeDialog 来实现界面的自定义,同时演示了如何把自定义的界面保存为xml文件
+ */
+void MainWindow::onActionCustomizeAndSaveTriggered()
+{
+	SARibbonCustomizeDialog dlg(this);
+	dlg.setupActionsManager(mActionsManager);
+	// 如果启动时未应用上次修改，先应用再读取,保持本地数据和ui一致
+	if (!mHasApplyCustomizeXmlFile) {
+		auto res = QMessageBox::question(
+			this, tr("question"), tr("Apply the last modification?\nIf not, local data will be reset"));
+		if (res == QMessageBox::Yes) {
+			onActionLoadCustomizeXmlFileTriggered();
+			return;
+		} else {
+			QFile::remove("customize.xml");
+			dlg.clear();
+
+			mHasApplyCustomizeXmlFile = true;
+		}
+	}
+
+	dlg.fromXml("customize.xml");
+	if (SARibbonCustomizeDialog::Accepted == dlg.exec()) {
+		// 先apply
+		if (dlg.isCached())
+			dlg.applys();
+
+		// 无更改直接退出
+		if (!dlg.isApplied()) {
+			mTextedit->append("no change to save");
+			return;
+		}
+
+		QByteArray str;
+		QXmlStreamWriter xml(&str);
+		xml.setAutoFormatting(true);
+		xml.setAutoFormattingIndent(2);
+#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)  // QXmlStreamWriter always encodes XML in UTF-8.
+		xml.setCodec("utf-8");
+#endif
+		xml.writeStartDocument();
+		bool isok = dlg.toXml(&xml);
+		xml.writeEndDocument();
+		if (isok) {
+			QFile f("customize.xml");
+			if (f.open(QIODevice::ReadWrite | QIODevice::Text | QIODevice::Truncate)) {
+				QTextStream s(&f);
+#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)  // QTextStream always encodes XML in UTF-8.
+				s.setCodec("utf-8");
+#endif
+				s << str;
+				s.flush();
+			}
+			mTextedit->append("write xml:");
+			mTextedit->append(str);
+		}
+	}
+}
+
+/**
+ * @brief 自定义按钮槽
+ *
+ * 这里演示了如何使用@ref SARibbonCustomizeWidget 嵌入到QDialog中实现界面的自定义,
+ * 这样是为了让@ref SARibbonCustomizeWidget更好的和自己的软件设置页面结合
+ */
+void MainWindow::onActionCustomizeAndSaveWithApplyTriggered()
+{
+	// 如果启动时未应用上次修改，先应用再读取,保持本地数据和ui一致
+	if (!mHasApplyCustomizeXmlFile) {
+		auto res = QMessageBox::question(
+			this, tr("question"), tr("Apply the last modification?\nIf not, local data will be reset"));
+		if (res == QMessageBox::Yes) {
+			onActionLoadCustomizeXmlFileTriggered();
+			return;
+		} else {
+			QFile::remove("customize.xml");
+			mHasApplyCustomizeXmlFile = true;
+		}
+	}
+
+	QDialog dlg;
+	QVBoxLayout* main = new QVBoxLayout;
+	dlg.setLayout(main);
+	SARibbonCustomizeWidget* widgetForCustomize = new SARibbonCustomizeWidget(this, &dlg);
+	widgetForCustomize->setupActionsManager(mActionsManager);
+
+	main->addWidget(widgetForCustomize, 1);
+
+	QDialogButtonBox* buttonBox =
+		new QDialogButtonBox(QDialogButtonBox::Save | QDialogButtonBox::Cancel | QDialogButtonBox::Apply);
+
+	main->addWidget(buttonBox);
+
+	connect(buttonBox, &QDialogButtonBox::accepted, &dlg, &QDialog::accept);
+	connect(buttonBox, &QDialogButtonBox::rejected, &dlg, &QDialog::reject);
+	connect(buttonBox, &QDialogButtonBox::clicked, &dlg, [ = ](QAbstractButton* button) {
+		auto role = buttonBox->buttonRole(button);
+		if (role == QDialogButtonBox::ApplyRole)  // apply
+		{
+			if (widgetForCustomize->isCached()) {
+				widgetForCustomize->applys();
+				mTextedit->append("change applied");
+			} else {
+				mTextedit->append("no change to apply");
+			}
+		}
+	});
+
+	widgetForCustomize->fromXml("customize.xml");
+	if (QDialog::Accepted == dlg.exec()) {
+		// 先apply
+		if (widgetForCustomize->isCached())
+			widgetForCustomize->applys();
+
+		// 无更改直接退出
+		if (!widgetForCustomize->isApplied()) {
+			mTextedit->append("no change to save");
+			return;
+		}
+
+		QByteArray str;
+		QXmlStreamWriter xml(&str);
+		xml.setAutoFormatting(true);
+		xml.setAutoFormattingIndent(2);
+#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)  // QXmlStreamWriter always encodes XML in UTF-8.
+		xml.setCodec("utf-8");
+#endif
+		xml.writeStartDocument();
+		bool isok = widgetForCustomize->toXml(&xml);
+		xml.writeEndDocument();
+		if (isok) {
+			QFile f("customize.xml");
+			if (f.open(QIODevice::ReadWrite | QIODevice::Text | QIODevice::Truncate)) {
+				QTextStream s(&f);
+#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)  // QTextStream always encodes XML in UTF-8.
+				s.setCodec("utf-8");
+#endif
+				s << str;
+				s.flush();
+			}
+			mTextedit->append("write xml:");
+			mTextedit->append(str);
+		}
+	} else {
+		// 清除所有动作
+		widgetForCustomize->clear();
+		mTextedit->append("all changes clear, the applied changes will take no effect afer restart");
+	}
+}
+
+void MainWindow::onActionHelpTriggered()
+{
+	QMessageBox::information(this,
+							 tr("infomation"),
+							 tr("\n ==============="
+								"\n SARibbonBar version:%1"
+								"\n Author:czy"
+								"\n Email:czy.t@163.com"
+								"\n ===============")
+								 .arg(SARibbonBar::versionString()));
+}
+
+/**
+ * @brief 移除ApplicationButton
+ * @param b
+ */
+void MainWindow::onActionRemoveAppBtnTriggered(bool b)
+{
+	if (b) {
+		ribbonBar()->setApplicationButton(nullptr);
+	} else {
+		SARibbonApplicationButton* actionRemoveAppBtn = new SARibbonApplicationButton();
+		actionRemoveAppBtn->setText(tr("  &File  "));
+		this->ribbonBar()->setApplicationButton(actionRemoveAppBtn);
+		createRibbonApplicationButton();
+	}
+}
+
+void MainWindow::onActionUseQssTriggered()
+{
+	QFile f("ribbon.qss");
+	if (!f.exists()) {
+		QString fdir = QFileDialog::getOpenFileName(this, tr("select qss file"));
+		if (fdir.isEmpty()) {
+			return;
+		}
+		f.setFileName(fdir);
+	}
+	if (!f.open(QIODevice::ReadWrite)) {
+		return;
+	}
+	QString qss(f.readAll());
+	mTextedit->setText(qss);
+	this->ribbonBar()->setStyleSheet(qss);
+}
+
+void MainWindow::onActionLoadCustomizeXmlFileTriggered()
+{
+	// 只能调用一次
+	if (!mHasApplyCustomizeXmlFile) {
+		if (!QFile::exists("customize.xml")) {
+			mHasApplyCustomizeXmlFile = true;
+			return;
+		}
+		QFile f("customize.xml");
+		qDebug() << "size of customize.xml : " << f.size();
+		if (f.size() <= 0) {
+			mHasApplyCustomizeXmlFile = true;
+			return;
+		}
+		mHasApplyCustomizeXmlFile = sa_apply_customize_from_xml_file("customize.xml", ribbonBar(), mActionsManager);
+	}
+}
+
+void MainWindow::onActionWindowFlagNormalButtonTriggered(bool b)
+{
+	Qt::WindowFlags f = windowFlags();
+	f.setFlag(Qt::WindowCloseButtonHint, b);
+	f.setFlag(Qt::WindowMinMaxButtonsHint, b);
+	setWindowFlags(f);
+}
+
+void MainWindow::onFontComWidgetCurrentFontChanged(const QFont& f)
+{
+	qDebug() << "set font:" << f;
+	ribbonBar()->setFont(f);
+	update();
+}
+
+void MainWindow::onActionFontLargerTriggered()
+{
+	QFont f = font();
+	f.setPointSize(f.pointSize() + 1);
+	qDebug() << "before set ribbonBar font:" << ribbonBar()->font();
+	ribbonBar()->setFont(f);
+	update();
+	qDebug() << "set font:" << f;
+}
+
+void MainWindow::onActionFontSmallerTriggered()
+{
+	QFont f = font();
+	f.setPointSize(f.pointSize() - 1);
+	qDebug() << "before set ribbonBar font:" << ribbonBar()->font();
+	ribbonBar()->setFont(f);
+	update();
+	qDebug() << "set font:" << f;
+}
+
+void MainWindow::onActionWordWrapTriggered(bool b)
+{
+	ribbonBar()->setEnableWordWrap(b);
+	mTextedit->append(tr("By using the SARibbonBar::setEnableWordWrap function, "
+						 "you can set whether text breaks or not.\n"
+						 "By default, the two line mode will not wrap, the three line mode will wrap.\n"
+						 "You can force the two line mode to wrap, or the three line mode to not wrap"));
+	// cn:通过SARibbonBar::setEnableWordWrap函数可以设置文字是否换行。\n
+	// 默认情况下，两行模式都不会换行，三行模式下都会换行。\n
+	// 可以强制设置两行模式也换行，或者三行模式不换行
+}
+
+/**
+ * @brief 测试SARibbonButtonGroupWidget和标题对齐
+ * @param act
+ */
+void MainWindow::onButtonGroupActionTriggered(QAction* act)
+{
+	QVariant v = act->property("align");
+	if (v.isValid()) {
+		Qt::Alignment al = static_cast< Qt::Alignment >(v.toInt());
+		if (!ribbonBar()) {
+			return;
+		}
+		ribbonBar()->setWindowTitleAligment(al);
+		ribbonBar()->repaint();
+	}
+}
+
+/**
+ * @brief 颜色按钮点击
+ * @param c
+ * @param on
+ */
+void MainWindow::onColorButtonColorClicked(const QColor& c, bool on)
+{
+	Q_UNUSED(on);
+	mTextedit->append(QString("color click %1").arg(c.name()));
+}
+
+/**
+ * @brief 样式改变
+ * @param index
+ */
+void MainWindow::onRibbonThemeComboBoxCurrentIndexChanged(int index)
+{
+	SARibbonTheme t = static_cast< SARibbonTheme >(mComboboxRibbonTheme->itemData(index).toInt());
+	setRibbonTheme(t);
+}
+
+/**
+ * @brief 隐藏action
+ * @param on
+ */
+void MainWindow::onActionHideActionTriggered(bool on)
+{
+	mActionWordWrap->setVisible(on);
+	mActionDisable->setVisible(on);
+	mActionUnlock->setVisible(on);
+	mActionSetTextTest->setVisible(on);
+	mActionShowTest->setVisible(on);
+	mActionHideAction2->setVisible(on);
+	mActionHideAction4->setVisible(on);
+	mActionHideShowTextAct2->setVisible(on);
+	mActionHideShowTextAct3->setVisible(on);
+	mActionHideShowTextAct4->setVisible(on);
+	ribbonBar()->updateRibbonGeometry();
+}
+
+/**
+ * @brief 切换所有action是否可见
+ * @param on
+ */
+void MainWindow::onActionVisibleAllTriggered(bool on)
+{
+	QList< QAction* > acts = mActionsManager->allActions();
+	for (QAction* a : acts) {
+		if (a != mActionVisibleAll) {
+			a->setVisible(on);
+		}
+	}
+	ribbonBar()->updateRibbonGeometry();
+}
+
+/**
+   @brief 居中对齐checkbox的槽
+   @param checked
+ */
+void MainWindow::onCheckBoxAlignmentCenterClicked(bool checked)
+{
+	if (checked) {
+		ribbonBar()->setRibbonAlignment(SARibbonAlignment::AlignCenter);
+	} else {
+		ribbonBar()->setRibbonAlignment(SARibbonAlignment::AlignLeft);
+	}
+}
+
+void MainWindow::onSpinBoxRibbonTitleHeightChanged(int h)
+{
+	ribbonBar()->setTitleBarHeight(h);
+}
+
+void MainWindow::onSpinBoxRibbonTabHeightChanged(int h)
+{
+	ribbonBar()->setTabBarHeight(h);
+}
+
+void MainWindow::onSpinBoxRibbonCategoryHeightChanged(int h)
+{
+	ribbonBar()->setCategoryHeight(h);
+}
+
+void MainWindow::onSpinBoxRibbonPannelTtitleHeightChanged(int h)
+{
+	ribbonBar()->setPannelTitleHeight(h);
+}
+
+void MainWindow::onSpinBoxRibbonPannelSpacingChanged(int h)
+{
+	ribbonBar()->setPannelSpacing(h);
+}
+
+void MainWindow::onSpinBoxRibbonPannelToolBtnIconSizeChanged(int h)
+{
+    ribbonBar()->setPannelToolButtonIconSize(QSize(h, h));
+}
+
+/**
+ * @brief 创建其它actions，这些actions并不在SARibbonBar管理
+ */
+void MainWindow::createOtherActions()
+{
+	mOtherAction1     = new QAction(("text action1"), this);
+	mOtherAction2     = new QAction(("text action2"), this);
+	mOtherAction3     = new QAction(("text action3"), this);
+	mOtherAction4     = new QAction(("text action4"), this);
+	mOtherAction5     = new QAction(("text action5"), this);
+	mOtherActionIcon1 = new QAction(QIcon(":/icon/icon/layout.svg"), ("action with icon"), this);
+}
+
+void MainWindow::closeEvent(QCloseEvent* e)
+{
+	auto res = QMessageBox::question(this, tr("question"), tr("Confirm whether to exit"));
+	if (res == QMessageBox::Yes) {
+		e->accept();
+	} else {
+		e->ignore();
+	}
+}
+
+void MainWindow::createCategoryMain(SARibbonCategory* page)
+{
+	//! 1
+	//! pannel 1 start
+	//!
+
+	// 使用addPannel函数来创建SARibbonPannel，效果和new SARibbonPannel再addPannel一样
+	SARibbonPannel* pannelStyle = page->addPannel(("ribbon style"));
+
+	QAction* actSave = createAction(tr("Save"), ":/icon/icon/save.svg");
+	// 这样设置快捷键
+	QShortcut* shortCut = new QShortcut(QKeySequence(QLatin1String("Ctrl+S")), this);
+	connect(shortCut, &QShortcut::activated, this, [ actSave ]() { actSave->trigger(); });
+	// 这样设置是无效的
+	//  actSave->setShortcut(QKeySequence(QLatin1String("Ctrl+S")));
+
+	connect(actSave, &QAction::triggered, this, [ this ](bool b) {
+		Q_UNUSED(b);
+		this->mTextedit->append("actSaveion clicked");
+	});
+	pannelStyle->addLargeAction(actSave);
+
+	QAction* actHideRibbon = createAction(tr("hide ribbon"), ":/icon/icon/hideRibbon.svg", "actHideRibbon");
+	actHideRibbon->setCheckable(true);
+	pannelStyle->addSmallAction(actHideRibbon);
+	connect(actHideRibbon, &QAction::triggered, this, [ this ](bool b) { this->ribbonBar()->setMinimumMode(b); });
+	connect(ribbonBar(), &SARibbonBar::ribbonModeChanged, this, [ actHideRibbon ](SARibbonBar::RibbonMode nowNode) {
+		actHideRibbon->setChecked(nowNode == SARibbonBar::MinimumRibbonMode);
+	});
+
+	QAction* actShowHideButton =
+		createAction(tr("show \nhide button"), ":/icon/icon/showHideButton.svg", "show hide button");
+	actShowHideButton->setCheckable(true);
+	pannelStyle->addSmallAction(actShowHideButton);  // wrod wrap was not effect in small button
+	connect(actShowHideButton, &QAction::triggered, this, [ this ](bool b) {
+		this->ribbonBar()->showMinimumModeButton(b);  // 显示ribbon最小化按钮
+	});
+	actShowHideButton->trigger();
+
+	mActionWordWrap = createAction(tr("word wrap"), ":/icon/icon/wordwrap.svg");
+	mActionWordWrap->setCheckable(ribbonBar()->isEnableWordWrap());
+	pannelStyle->addSmallAction(mActionWordWrap);
+	connect(mActionWordWrap, &QAction::triggered, this, &MainWindow::onActionWordWrapTriggered);
+
+	QButtonGroup* g = new QButtonGroup(page);
+
+	QRadioButton* r = new QRadioButton();
+	r->setText(tr("use office style"));
+	r->setObjectName(("use office style"));
+	r->setWindowTitle(r->text());
+	r->setChecked(true);
+	pannelStyle->addSmallWidget(r);
+	g->addButton(r, SARibbonBar::RibbonStyleLooseThreeRow);
+
+	r = new QRadioButton();
+	r->setObjectName(("use wps style"));
+	r->setText(tr("use wps style"));
+	r->setWindowTitle(r->text());
+	r->setChecked(false);
+	pannelStyle->addSmallWidget(r);
+	g->addButton(r, SARibbonBar::RibbonStyleCompactThreeRow);
+
+	r = new QRadioButton();
+	r->setObjectName(("use office 2row style"));
+	r->setText(tr("use office 2 row style"));
+	r->setWindowTitle(r->text());
+	r->setChecked(false);
+	pannelStyle->addSmallWidget(r);
+	g->addButton(r, SARibbonBar::RibbonStyleLooseTwoRow);
+
+	r = new QRadioButton();
+	r->setObjectName(("use wps 2row style"));
+	r->setText(tr("use wps 2row style"));
+	r->setWindowTitle(r->text());
+	r->setChecked(false);
+	pannelStyle->addSmallWidget(r);
+	g->addButton(r, SARibbonBar::RibbonStyleCompactTwoRow);
+
+//    connect(g, QOverload<int>::of(&QButtonGroup::buttonClicked), this, &MainWindow::onStyleClicked);
+#if QT_VERSION >= QT_VERSION_CHECK(6, 0, 0)
+	connect(g, static_cast< void (QButtonGroup::*)(int) >(&QButtonGroup::idClicked), this, &MainWindow::onStyleClicked);
+#else
+	connect(g, static_cast< void (QButtonGroup::*)(int) >(&QButtonGroup::buttonClicked), this, &MainWindow::onStyleClicked);
+#endif
+
+	mComboboxRibbonTheme = new SARibbonComboBox();
+	mComboboxRibbonTheme->setWindowTitle(tr("RibbonTheme"));
+	mComboboxRibbonTheme->setObjectName("RibbonTheme");
+	mComboboxRibbonTheme->addItem("Theme Win7", static_cast< int >(SARibbonTheme::RibbonThemeWindows7));
+	mComboboxRibbonTheme->addItem("Theme Office2013", static_cast< int >(SARibbonTheme::RibbonThemeOffice2013));
+	mComboboxRibbonTheme->addItem("Theme Office2016 Blue", static_cast< int >(SARibbonTheme::RibbonThemeOffice2016Blue));
+	mComboboxRibbonTheme->addItem("Theme Office2021 Blue", static_cast< int >(SARibbonTheme::RibbonThemeOffice2021Blue));
+	mComboboxRibbonTheme->addItem("Theme Dark", static_cast< int >(SARibbonTheme::RibbonThemeDark));
+	mComboboxRibbonTheme->addItem("Theme Dark2", static_cast< int >(SARibbonTheme::RibbonThemeDark2));
+	mComboboxRibbonTheme->setCurrentIndex(mComboboxRibbonTheme->findData(static_cast< int >(ribbonTheme())));
+	connect(mComboboxRibbonTheme,
+			QOverload< int >::of(&SARibbonComboBox::currentIndexChanged),
+			this,
+			&MainWindow::onRibbonThemeComboBoxCurrentIndexChanged);
+	pannelStyle->addSmallWidget(mComboboxRibbonTheme);
+
+	SARibbonCheckBox* checkBox = new SARibbonCheckBox(this);
+
+	checkBox->setText(tr("Alignment Center"));
+	checkBox->setObjectName("checkBoxAlignmentCenter");
+	checkBox->setWindowTitle(checkBox->text());
+	connect(checkBox, &SARibbonCheckBox::clicked, this, &MainWindow::onCheckBoxAlignmentCenterClicked);
+	pannelStyle->addSmallWidget(checkBox);
+
+	SARibbonPannel* pannelToolButtonStyle = page->addPannel(("sa ribbon toolbutton style"));
+
+	SARibbonMenu* menu = new SARibbonMenu(this);
+	QAction* a         = nullptr;
+	{
+		QIcon itemicon = QIcon(":/icon/icon/item.svg");
+		for (int i = 0; i < 5; ++i) {
+			a = menu->addAction(itemicon, tr("item %1").arg(i + 1));
+			a->setObjectName(QStringLiteral("item %1").arg(i + 1));
+		}
+	}
+
+	QAction* act = createAction(tr("test 1"), ":/icon/icon/test1.svg");
+	QVariant temp("Test");
+	act->setData(temp);
+	act->setMenu(menu);
+	act->setToolTip(tr("use QToolButton::MenuButtonPopup mode"));
+	pannelToolButtonStyle->addSmallAction(act, QToolButton::MenuButtonPopup);
+
+	act = createAction(tr("test 2"), ":/icon/icon/test2.svg");
+	act->setMenu(menu);
+	act->setToolTip(tr("use QToolButton::InstantPopup mode"));
+	pannelToolButtonStyle->addSmallAction(act, QToolButton::InstantPopup);
+
+	pannelToolButtonStyle->addSeparator();
+
+	act = createAction(tr("Delayed\nPopup"), ":/icon/icon/folder-cog.svg");
+	act->setMenu(menu);
+	pannelToolButtonStyle->addLargeAction(act, QToolButton::DelayedPopup);
+
+	connect(act, &QAction::triggered, this, &MainWindow::onDelayedPopupCheckabletriggered);
+
+	act = createAction(tr("Menu Button Popup"), ":/icon/icon/folder-star.svg");
+	act->setMenu(menu);
+	pannelToolButtonStyle->addLargeAction(act, QToolButton::MenuButtonPopup);
+	connect(act, &QAction::triggered, this, &MainWindow::onMenuButtonPopupCheckabletriggered);
+
+	act = createAction(tr("Instant Popup"), ":/icon/icon/folder-stats.svg");
+	act->setMenu(menu);
+	pannelToolButtonStyle->addLargeAction(act, QToolButton::InstantPopup);
+	connect(act, &QAction::triggered, this, &MainWindow::onInstantPopupCheckabletriggered);
+
+	act = createAction(tr("Delayed Popup checkable"), ":/icon/icon/folder-table.svg");
+	act->setCheckable(true);
+	act->setMenu(menu);
+	pannelToolButtonStyle->addLargeAction(act, QToolButton::DelayedPopup);
+	connect(act, &QAction::triggered, this, &MainWindow::onDelayedPopupCheckableTest);
+
+	act = createAction(tr("Menu Button Popup checkable"), ":/icon/icon/folder-checkmark.svg");
+	act->setCheckable(true);
+	act->setMenu(menu);
+	pannelToolButtonStyle->addLargeAction(act, QToolButton::MenuButtonPopup);
+	connect(act, &QAction::triggered, this, &MainWindow::onMenuButtonPopupCheckableTest);
+
+	act = createAction(tr("disable action"), ":/icon/icon/disable.svg");
+	act->setCheckable(true);
+	act->setMenu(menu);
+	act->setEnabled(false);
+	pannelToolButtonStyle->addLargeAction(act);
+
+	QAction* optAct = new QAction(this);
+	connect(optAct, &QAction::triggered, this, [ this ](bool on) {
+		Q_UNUSED(on);
+		QMessageBox::information(this, tr("Option Action Triggered"), tr("Option Action Triggered"));
+	});
+	pannelToolButtonStyle->setOptionAction(optAct);
+	//! 2
+	//! pannel 2 start
+	//!
+	SARibbonPannel* pannel2 = page->addPannel(("pannel 2"));
+
+	QAction* actShowContext = createAction(tr("show Context"), ":/icon/icon/showContext.svg");
+	actShowContext->setCheckable(true);
+	pannel2->addLargeAction(actShowContext);
+	connect(actShowContext, &QAction::triggered, this, &MainWindow::onShowContextCategory);
+
+	QAction* actDeleteContext = createAction(tr("delete Context"), ":/icon/icon/deleteContext.svg");
+	pannel2->addLargeAction(actDeleteContext);
+	connect(actDeleteContext, &QAction::triggered, this, [ this, act ](bool on) {
+		Q_UNUSED(on);
+		if (this->mContextCategory) {
+			this->ribbonBar()->destroyContextCategory(this->mContextCategory);
+			this->mContextCategory = nullptr;
+			act->setDisabled(true);
+		}
+	});
+
+	act = createAction(tr("Word\nWrap"), ":/icon/icon/setText.svg");
+	pannel2->addLargeAction(act);
+	connect(act, &QAction::triggered, this, [ this ](bool on) {
+		Q_UNUSED(on);
+		this->mTextedit->append(tr("Text can be manually wrapped(use \\n), and will appear as 1 line in the case of "
+								   "SARibbonBar::setEnableWordWrap (false)"));  // cn:文本中手动换行
+	});
+
+	act = createAction(tr("Word \nWrap"), ":/icon/icon/setText.svg");
+	act->setMenu(menu);
+	pannel2->addLargeAction(act);
+	connect(act, &QAction::triggered, this, [ this ](bool on) {
+		Q_UNUSED(on);
+		this->mTextedit->append(tr("Text can be manually wrapped(use \\n), and will appear as 1 line in the case of "
+								   "SARibbonBar::setEnableWordWrap (false)"));  // cn:文本中手动换行
+	});
+	//! 3
+	//! pannel 3 start -> widget test
+	//!
+
+	SARibbonPannel* pannelWidgetTest = page->addPannel(tr("widget test"));
+	pannelWidgetTest->setObjectName(QStringLiteral(u"pannelWidgetTest"));
+
+	SARibbonComboBox* com = new SARibbonComboBox(this);
+	com->setObjectName("SARibbonComboBox test");
+	com->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
+	com->setWindowTitle(tr("SARibbonComboBox test"));
+	for (int i = 0; i < 40; ++i) {
+		com->addItem(QString("SARibbonComboBox test%1").arg(i + 1));
+	}
+	com->setEditable(true);
+	pannelWidgetTest->addSmallWidget(com);
+
+	com = new SARibbonComboBox(this);
+	com->setObjectName("ComboBox Editable");
+	com->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
+	com->setWindowTitle("ComboBox Editable");
+	for (int i = 0; i < 40; ++i) {
+		com->addItem(QString("item %1").arg(i + 1));
+	}
+	pannelWidgetTest->addSmallWidget(com);
+
+	SARibbonLineEdit* lineEdit = new SARibbonLineEdit(this);
+
+	lineEdit->setObjectName("Line Edit");
+	lineEdit->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
+	lineEdit->setWindowTitle("Line Edit");
+	lineEdit->setText("SARibbonLineEdit");
+	pannelWidgetTest->addSmallWidget(lineEdit);
+	QWidget* w = lineEdit->parentWidget();
+
+	while (w) {
+		qDebug() << w->metaObject()->className();
+		w = w->parentWidget();
+	}
+
+	pannelWidgetTest->addSeparator();
+
+	QCalendarWidget* calendarWidget = new QCalendarWidget(this);
+	calendarWidget->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
+	calendarWidget->setObjectName(("calendarWidget"));
+	calendarWidget->setWindowTitle("calendarWidget");
+	pannelWidgetTest->addLargeWidget(calendarWidget);
+	optAct = new QAction(this);
+	connect(optAct, &QAction::triggered, this, [ this ](bool on) {
+		Q_UNUSED(on);
+		QMessageBox::information(this, tr("Option Action Triggered"), tr("Option Action Triggered"));
+	});
+	pannelWidgetTest->setOptionAction(optAct);
+
+	pannelWidgetTest->setVisible(true);
+}
+
+void MainWindow::createCategoryOther(SARibbonCategory* page)
+{
+
+	SARibbonPannel* pannel1 = new SARibbonPannel(tr("pannel one"));
+	pannel1->setObjectName("CategoryOther-pannel1");
+	page->addPannel(pannel1);
+	// 按钮组
+	SARibbonButtonGroupWidget* btnGroup1 = new SARibbonButtonGroupWidget(pannel1);
+	btnGroup1->setObjectName("SARibbonButtonGroupWidget1");
+	btnGroup1->setWindowTitle("SARibbonButtonGroupWidget1");
+
+	btnGroup1->addAction(createAction(tr("Decrease Margin"), ":/icon/icon/Decrease-Margin.svg"));
+	btnGroup1->addAction(createAction(tr("Decrease Indent"), ":/icon/icon/Decrease-Indent.svg"));
+	btnGroup1->addAction(createAction(tr("Wrap Image Left"), ":/icon/icon/Wrap-Image Left.svg"));
+	btnGroup1->addAction(createAction(tr("Wrap Image Right"), ":/icon/icon/Wrap-Image Right.svg"));
+	pannel1->addWidget(btnGroup1, SARibbonPannelItem::Medium);
+	SARibbonButtonGroupWidget* btnGroup2 = new SARibbonButtonGroupWidget(pannel1);
+	btnGroup2->setObjectName("SARibbonButtonGroupWidget2");
+	btnGroup2->setWindowTitle("SARibbonButtonGroupWidget2");
+
+	QAction* titleAlgnment = createAction(tr("Align Right"), ":/icon/icon/Align-Right.svg");
+	titleAlgnment->setProperty("align", (int)Qt::AlignRight | Qt::AlignVCenter);
+	btnGroup2->addAction(titleAlgnment);
+	titleAlgnment = createAction(tr("Align Left"), ":/icon/icon/Align-Left.svg");
+	titleAlgnment->setProperty("align", (int)Qt::AlignLeft | Qt::AlignVCenter);
+	btnGroup2->addAction(titleAlgnment);
+	titleAlgnment = createAction(tr("Align Center"), ":/icon/icon/Align-Center.svg");
+	titleAlgnment->setProperty("align", (int)Qt::AlignCenter);
+	btnGroup2->addAction(titleAlgnment);
+	pannel1->addWidget(btnGroup2, SARibbonPannelItem::Medium);
+	connect(btnGroup2, &SARibbonButtonGroupWidget::actionTriggered, this, &MainWindow::onButtonGroupActionTriggered);
+	// Gallery
+	SARibbonGallery* gallery = pannel1->addGallery();
+	QList< QAction* > galleryActions;
+	auto lambdaCreateGalleryAction = [ this ](const QString& text, const QString& iconurl) -> QAction* {
+		QAction* act = this->createAction(text, iconurl);
+		this->connect(act, &QAction::triggered, this, [ this, text ]() {
+			if (this->mTextedit) {
+				this->mTextedit->append(QString("%1 triggered").arg(text));
+			}
+		});
+		return act;
+	};
+	galleryActions.append(lambdaCreateGalleryAction("Document File", ":/gallery-icon/icon/gallery/Document-File.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("Download File", ":/gallery-icon/icon/gallery/Download-File.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("Drive File Four Word", ":/gallery-icon/icon/gallery/Drive-File.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("Dropbox File", ":/gallery-icon/icon/gallery/Dropbox-File.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("Email File", ":/gallery-icon/icon/gallery/Email-File.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("Encode File", ":/gallery-icon/icon/gallery/Encode-File.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("Favorit File", ":/gallery-icon/icon/gallery/Favorit-File.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("File Error", ":/gallery-icon/icon/gallery/File-Error.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("File Read Only", ":/gallery-icon/icon/gallery/File-Readonly.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("File Settings", ":/gallery-icon/icon/gallery/File-Settings.svg"));
+	galleryActions.append(
+		lambdaCreateGalleryAction("Presentation File", ":/gallery-icon/icon/gallery/Presentation-File.svg"));
+	SARibbonGalleryGroup* group1 = gallery->addCategoryActions(tr("Files"), galleryActions);
+	group1->setGalleryGroupStyle(SARibbonGalleryGroup::IconWithWordWrapText);
+	group1->setGridMinimumWidth(80);
+	galleryActions.clear();
+	galleryActions.append(lambdaCreateGalleryAction("Photoshop", ":/gallery-icon/icon/gallery/Photoshop.svg"));
+	galleryActions.append(
+		lambdaCreateGalleryAction("Internet-Explorer", ":/gallery-icon/icon/gallery/Internet-Explorer.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("Illustrator", ":/gallery-icon/icon/gallery/Illustrator.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("Google-Maps", ":/gallery-icon/icon/gallery/Google-Maps.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("Adobe", ":/gallery-icon/icon/gallery/Adobe.svg"));
+	galleryActions.append(lambdaCreateGalleryAction("Word", ":/gallery-icon/icon/gallery/Word.svg"));
+	SARibbonGalleryGroup* group2 = gallery->addCategoryActions(tr("Apps"), galleryActions);
+	group2->setGridMinimumWidth(80);
+	gallery->setCurrentViewGroup(group1);
+
+	QAction* optAct = new QAction(this);
+
+	optAct->setObjectName(("debug"));
+	pannel1->setOptionAction(optAct);
+
+	SARibbonPannel* pannel2 = new SARibbonPannel(tr("pannel two"));
+	pannel2->setObjectName("CategoryOther-pannel2");
+	page->addPannel(pannel2);
+	QAction* actionRemoveAppBtn = createAction(tr("remove application button"), ":/icon/icon/remove-app-btn.svg");
+	actionRemoveAppBtn->setCheckable(true);
+	connect(actionRemoveAppBtn, &QAction::toggled, this, &MainWindow::onActionRemoveAppBtnTriggered);
+	pannel2->addLargeAction(actionRemoveAppBtn);
+
+	QAction* actionLongText =
+		createAction(tr("show very long text in a button,balabalabala etc"), ":/icon/icon/long-text.svg", "long-text");
+	pannel2->addLargeAction(actionLongText);
+
+	SARibbonPannel* pannelStyle = new SARibbonPannel(tr("style"));
+	pannelStyle->setObjectName("CategoryOther-pannelStyle");
+	page->addPannel(pannelStyle);
+
+	QAction* actionUseQss = createAction(tr("use qss"), ":/icon/icon/useqss.svg");
+	connect(actionUseQss, &QAction::triggered, this, &MainWindow::onActionUseQssTriggered);
+	pannelStyle->addSmallAction(actionUseQss);
+
+	QAction* actionLoadCustomizeXmlFile = createAction(tr("load customize from xml file"), ":/icon/icon/useCustomize.svg");
+	connect(actionLoadCustomizeXmlFile, &QAction::triggered, this, &MainWindow::onActionLoadCustomizeXmlFileTriggered);
+	pannelStyle->addSmallAction(actionLoadCustomizeXmlFile);
+
+	QAction* actionWindowFlagNormalButton = createAction(tr("window normal button"), ":/icon/icon/windowsflag-normal.svg");
+	actionWindowFlagNormalButton->setCheckable(true);
+	actionWindowFlagNormalButton->setChecked(true);
+	pannelStyle->addSmallAction(actionWindowFlagNormalButton);
+	connect(actionWindowFlagNormalButton, &QAction::triggered, this, &MainWindow::onActionWindowFlagNormalButtonTriggered);
+
+	SARibbonPannel* pannelUtf8 = new SARibbonPannel(QStringLiteral(u"中文显示测试"));
+	pannelUtf8->setObjectName("CategoryOther-pannelUtf8");
+	page->addPannel(pannelUtf8);
+
+	QAction* actionChangeText =
+		createAction(QStringLiteral(u"改变显示为英文"), ":/icon/icon/chinese-char.svg", "actionChangeText");
+	actionChangeText->setCheckable(true);
+	actionChangeText->setChecked(false);
+	pannelUtf8->addLargeAction(actionChangeText);
+	connect(actionChangeText, &QAction::triggered, this, [ pannelUtf8, actionChangeText ](bool on) {
+		if (on) {
+			pannelUtf8->setPannelName(QStringLiteral(u"show chinese char"));
+			actionChangeText->setText(QStringLiteral(u"show in chinese"));
+		} else {
+			pannelUtf8->setPannelName(QStringLiteral(u"中文显示测试"));
+			actionChangeText->setText(QStringLiteral(u"改变显示为英文"));
+		}
+	});
+
+	SARibbonPannel* pannelContextCategory = new SARibbonPannel(("Context Category"));
+	page->addPannel(pannelContextCategory);
+	QAction* a1 = createAction("Context Category 1", ":/icon/icon/ContextCategory.svg");
+	a1->setCheckable(true);
+	connect(a1, &QAction::triggered, this, [ this ](bool c) {
+		this->ribbonBar()->setContextCategoryVisible(mContextCategory, c);
+	});
+
+	QAction* a2 = createAction("Context Category 2", ":/icon/icon/ContextCategory.svg");
+	a2->setCheckable(true);
+	connect(a2, &QAction::triggered, this, [ this ](bool c) {
+		this->ribbonBar()->setContextCategoryVisible(mContextCategory2, c);
+	});
+	pannelContextCategory->addLargeAction(a1);
+	pannelContextCategory->addLargeAction(a2);
+}
+
+void MainWindow::createCategoryDelete(SARibbonCategory* page)
+{
+	SARibbonPannel* pannel1 = new SARibbonPannel(("pannel 1"));
+	SARibbonPannel* pannel2 = new SARibbonPannel(("pannel 2"));
+
+	QAction* actionRemovePanne = createAction(tr("remove pannel"), ":/icon/icon/remove.svg");
+
+	connect(actionRemovePanne, &QAction::triggered, this, [ page, pannel2 ]() { page->removePannel(pannel2); });
+	pannel1->addLargeAction(actionRemovePanne);
+
+	QAction* actionRemoveCategory = createAction(tr("remove this category"), ":/icon/icon/removePage.svg");
+
+	connect(actionRemoveCategory, &QAction::triggered, this, [ this, page, actionRemoveCategory ]() {
+		this->ribbonBar()->removeCategory(page);
+		page->hide();
+		page->deleteLater();
+		actionRemoveCategory->setDisabled(true);
+	});
+	pannel2->addLargeAction(actionRemoveCategory);
+
+	page->addPannel(pannel1);
+	page->addPannel(pannel2);
+}
+
+/**
+ * @brief 构建尺寸页
+ * @param page
+ */
+void MainWindow::createCategorySize(SARibbonCategory* page)
+{
+	//=========================
+	// pannel ： Font
+	//=========================
+	SARibbonPannel* pannel                     = page->addPannel(tr("Font"));
+	SARibbonButtonGroupWidget* groupFontFamile = new SARibbonButtonGroupWidget(pannel);
+	groupFontFamile->setObjectName(QStringLiteral(u"group1"));
+	QLabel* labelFontSize = new QLabel(groupFontFamile);
+	labelFontSize->setText(tr("select font"));
+	labelFontSize->setObjectName(QStringLiteral(u"labelFontSize"));
+	groupFontFamile->addWidget(labelFontSize);
+	QFontComboBox* fontComWidget = new QFontComboBox(groupFontFamile);
+	fontComWidget->setObjectName(QStringLiteral(u"fontComboBox"));
+	connect(fontComWidget, &QFontComboBox::currentFontChanged, this, &MainWindow::onFontComWidgetCurrentFontChanged);
+	//! 给窗口设置WindowTitle，这样在自定义窗口中，也能显示这个action对应的名字
+	//! 你也可以给group1设置一个icon
+	//! setWindowTitle应该在addWidget之前
+	groupFontFamile->setWindowTitle(tr("Font ComboBox"));
+	groupFontFamile->addWidget(fontComWidget);
+	QAction* actWidgetFontFamile = pannel->addWidget(groupFontFamile, SARibbonPannelItem::Medium);
+	//! 设置objectname是为了让actionManager正确管理action，如果不设置这个action对应的objectname，
+	//! SARibbonPannel::addWidget会自动生成一个objectname，action.{widgetobjectName},因此你要保证你添加的widget有objectName
+	actWidgetFontFamile->setObjectName(QStringLiteral("Size.Font.FontFamile"));
+
+	SARibbonButtonGroupWidget* groupFontTools = new SARibbonButtonGroupWidget(pannel);
+	groupFontTools->setObjectName(QStringLiteral(u"group2"));
+	groupFontTools->addAction(createAction("Bold", ":/icon/icon/bold.svg"));
+	groupFontTools->addAction(createAction("Italic", ":/icon/icon/Italic.svg"));
+	groupFontTools->addSeparator();
+	groupFontTools->addAction(createAction("left alignment", ":/icon/icon/al-left.svg"));
+	groupFontTools->addAction(createAction("center alignment", ":/icon/icon/al-center.svg"));
+	groupFontTools->addAction(createAction("right alignment", ":/icon/icon/al-right.svg"));
+	groupFontTools->addAction(createAction("line up on both sides", ":/icon/icon/al-bothside.svg"));
+	//! 给窗口设置WindowTitle，这样在自定义窗口中，也能显示这个action对应的名字
+	//! 你也可以给group1设置一个icon
+	//! setWindowTitle应该在addWidget之前
+	groupFontTools->setWindowTitle(tr("Font Tools"));
+	QAction* actWidgetFontTools = pannel->addWidget(groupFontTools, SARibbonPannelItem::Medium);
+	//! 设置objectname是为了让actionManager正确管理action，如果不设置这个action对应的objectname，
+	//! SARibbonPannel::addWidget会自动生成一个objectname，action.{widgetobjectName},因此你要保证你添加的widget有objectName
+	actWidgetFontTools->setObjectName(QStringLiteral("Size.Font.FontTools"));
+
+	pannel->addSeparator();
+
+	QAction* actLargerFontSize = createAction(tr("Larger"), ":/icon/icon/largerFont.svg", "actLargerFontSize");
+	pannel->addLargeAction(actLargerFontSize);
+
+	QAction* actSmallFontSize = createAction(tr("Smaller"), ":/icon/icon/smallFont.svg", "actSmallFontSize");
+	pannel->addLargeAction(actSmallFontSize);
+
+	connect(actLargerFontSize, &QAction::triggered, this, &MainWindow::onActionFontLargerTriggered);
+	connect(actSmallFontSize, &QAction::triggered, this, &MainWindow::onActionFontSmallerTriggered);
+
+	//=========================
+	// pannel ： Font Size
+	//=========================
+	pannel  = new SARibbonPannel(tr("Font Size"));
+	QFont f = font();
+	f.setPointSize(14);
+	pannel->setFont(f);
+	QAction* actLargeFontText = createAction(tr("Larger Font Text"), ":/icon/icon/file.svg", "actLargeFontText");
+	pannel->addLargeAction(actLargeFontText);
+	page->addPannel(pannel);
+
+	// pannel 3
+	// 这里演示了一个窗口,带有gridlayoout
+	pannel         = new SARibbonPannel(tr("Grid"));
+	QWidget* w     = new QWidget();
+	QGridLayout* g = new QGridLayout(w);
+
+	QLabel* lab0                       = new QLabel("Ribbon Title Height:");
+	QSpinBox* spinboxRibbonTitleHeight = new QSpinBox(w);
+	spinboxRibbonTitleHeight->setRange(10, 99);
+
+	QLabel* lab1                     = new QLabel("Ribbon Tab Height:");
+	QSpinBox* spinboxRibbonTabHeight = new QSpinBox(w);
+	spinboxRibbonTabHeight->setRange(10, 99);
+
+	QLabel* lab2                          = new QLabel("Ribbon Category Height:");
+	QSpinBox* spinboxRibbonCategoryHeight = new QSpinBox(w);
+	spinboxRibbonCategoryHeight->setRange(30, 300);
+
+	QLabel* lab3                              = new QLabel("Ribbon Pannel Title:");
+	QSpinBox* spinboxRibbonPannelTtitleHeight = new QSpinBox(w);
+	spinboxRibbonPannelTtitleHeight->setRange(5, 99);
+
+	QLabel* lab4                         = new QLabel("Ribbon Pannel Spacing:");
+	QSpinBox* spinboxRibbonPannelSpacing = new QSpinBox(w);
+	spinboxRibbonPannelSpacing->setRange(0, 25);
+
+	QLabel* lab5                                 = new QLabel("Pannel ToolButton Icon Size:");
+	QSpinBox* spinboxRibbonPannelToolBtnIconSize = new QSpinBox(w);
+	spinboxRibbonPannelToolBtnIconSize->setRange(1, 99);
+
+	g->addWidget(lab0, 0, 0);
+	g->addWidget(spinboxRibbonTitleHeight, 0, 1);
+	g->addWidget(lab1, 1, 0);
+	g->addWidget(spinboxRibbonTabHeight, 1, 1);
+	g->addWidget(lab2, 0, 2);
+	g->addWidget(spinboxRibbonCategoryHeight, 0, 3);
+	g->addWidget(lab3, 1, 2);
+	g->addWidget(spinboxRibbonPannelTtitleHeight, 1, 3);
+	g->addWidget(lab4, 0, 4);
+	g->addWidget(spinboxRibbonPannelSpacing, 0, 5);
+	g->addWidget(lab5, 1, 4);
+	g->addWidget(spinboxRibbonPannelToolBtnIconSize, 1, 5);
+	spinboxRibbonTitleHeight->setValue(ribbonBar()->titleBarHeight());
+	spinboxRibbonTabHeight->setValue(ribbonBar()->tabBarHeight());
+	spinboxRibbonCategoryHeight->setValue(ribbonBar()->categoryHeight());
+	spinboxRibbonPannelTtitleHeight->setValue(ribbonBar()->pannelTitleHeight());
+	spinboxRibbonPannelSpacing->setValue(ribbonBar()->pannelSpacing());
+	spinboxRibbonPannelToolBtnIconSize->setValue(ribbonBar()->pannelToolButtonIconSize().width());
+#if QT_VERSION_MAJOR >= 6
+	connect(spinboxRibbonTitleHeight, &QSpinBox::valueChanged, this, &MainWindow::onSpinBoxRibbonTitleHeightChanged);
+	connect(spinboxRibbonTabHeight, &QSpinBox::valueChanged, this, &MainWindow::onSpinBoxRibbonTabHeightChanged);
+	connect(spinboxRibbonCategoryHeight, &QSpinBox::valueChanged, this, &MainWindow::onSpinBoxRibbonCategoryHeightChanged);
+	connect(spinboxRibbonPannelTtitleHeight, &QSpinBox::valueChanged, this, &MainWindow::onSpinBoxRibbonPannelTtitleHeightChanged);
+	connect(spinboxRibbonPannelSpacing, &QSpinBox::valueChanged, this, &MainWindow::onSpinBoxRibbonPannelSpacingChanged);
+	connect(spinboxRibbonPannelToolBtnIconSize,
+			&QSpinBox::valueChanged,
+			this,
+			&MainWindow::onSpinBoxRibbonPannelToolBtnIconSizeChanged);
+#else
+	connect(spinboxRibbonTitleHeight,
+			QOverload< int >::of(&QSpinBox::valueChanged),
+			this,
+			&MainWindow::onSpinBoxRibbonTitleHeightChanged);
+	connect(spinboxRibbonTabHeight,
+			QOverload< int >::of(&QSpinBox::valueChanged),
+			this,
+			&MainWindow::onSpinBoxRibbonTabHeightChanged);
+	connect(spinboxRibbonCategoryHeight,
+			QOverload< int >::of(&QSpinBox::valueChanged),
+			this,
+			&MainWindow::onSpinBoxRibbonCategoryHeightChanged);
+	connect(spinboxRibbonPannelTtitleHeight,
+			QOverload< int >::of(&QSpinBox::valueChanged),
+			this,
+			&MainWindow::onSpinBoxRibbonPannelTtitleHeightChanged);
+	connect(spinboxRibbonPannelSpacing,
+			QOverload< int >::of(&QSpinBox::valueChanged),
+			this,
+			&MainWindow::onSpinBoxRibbonPannelSpacingChanged);
+	connect(spinboxRibbonPannelToolBtnIconSize,
+			QOverload< int >::of(&QSpinBox::valueChanged),
+			this,
+			&MainWindow::onSpinBoxRibbonPannelToolBtnIconSizeChanged);
+#endif
+	pannel->addLargeWidget(w);
+	page->addPannel(pannel);
+}
+
+void MainWindow::createCategoryColor(SARibbonCategory* page)
+{
+	SARibbonPannel* pannel = page->addPannel(tr("color"));
+
+	auto fpCreateBtn = [ this, pannel ](const QColor& defaultColor = Qt::red) -> SARibbonColorToolButton* {
+		SARibbonColorToolButton* colorButton = new SARibbonColorToolButton(pannel);
+		colorButton->setColor(defaultColor);
+		colorButton->setupStandardColorMenu();
+		this->connect(colorButton, &SARibbonColorToolButton::colorClicked, this, &MainWindow::onColorButtonColorClicked);
+		return colorButton;
+	};
+	// No Icon No text
+	SARibbonColorToolButton* colorButton = fpCreateBtn();
+	colorButton->setObjectName("ColorFillToIcon-NoIconNoText");
+	colorButton->setColorStyle(SARibbonColorToolButton::ColorFillToIcon);
+	pannel->addSmallWidget(colorButton);
+
+	// No Icon have text
+	colorButton = fpCreateBtn(Qt::blue);
+	colorButton->setColorStyle(SARibbonColorToolButton::ColorFillToIcon);
+	colorButton->setObjectName("ColorFillToIcon-NoIconHaveText");
+	colorButton->setText("No Icon have text");
+	pannel->addSmallWidget(colorButton);
+
+	// have Icon No text
+	colorButton = fpCreateBtn(QColor());
+	colorButton->setIcon(QIcon(":/icon/icon/long-text.svg"));
+	pannel->addSmallWidget(colorButton);
+
+	// have Icon have text
+	colorButton = fpCreateBtn(Qt::red);
+	colorButton->setIcon(QIcon(":/icon/icon/long-text.svg"));
+	colorButton->setText("have Icon have text");
+	pannel->addSmallWidget(colorButton);
+
+	colorButton = fpCreateBtn(QColor());
+	colorButton->setButtonType(SARibbonToolButton::LargeButton);
+	colorButton->setObjectName("ColorFillToIcon-LargeColorButton");
+	colorButton->setColorStyle(SARibbonColorToolButton::ColorFillToIcon);
+	colorButton->setText("Large Color Button");
+	pannel->addLargeWidget(colorButton);
+
+	colorButton = fpCreateBtn(QColor());
+	colorButton->setButtonType(SARibbonToolButton::LargeButton);
+	colorButton->setIcon(QIcon(":/icon/icon/long-text.svg"));
+	colorButton->setObjectName("ColorUnderIcon-LargeColorButton");
+	colorButton->setText("Large Color Button");
+	pannel->addLargeWidget(colorButton);
+	//
+	pannel->addSeparator();
+	SAColorPaletteGridWidget* pw = new SAColorPaletteGridWidget(SA::getStandardColorList(), pannel);
+	pw->setFactor({ 75, 120 });
+	pannel->addLargeWidget(pw);
+}
+
+/**
+ * @brief 创建上下文标签
+ */
+void MainWindow::createContextCategory1()
+{
+	// 上下文标签
+	SARibbonBar* ribbon = ribbonBar();
+	mContextCategory    = ribbon->addContextCategory(tr("context"), QColor(), 1);
+
+	SARibbonCategory* contextCategoryPage1 = mContextCategory->addCategoryPage(tr("Page1"));
+	createContextCategoryPage1(contextCategoryPage1);
+
+	SARibbonCategory* contextCategoryPage2 = mContextCategory->addCategoryPage(tr("Page2"));
+	createContextCategoryPage2(contextCategoryPage2);
+}
+
+void MainWindow::createContextCategory2()
+{
+	SARibbonBar* ribbon = ribbonBar();
+	mContextCategory2   = ribbon->addContextCategory(("context2"), QColor(), 2);
+	mContextCategory2->addCategoryPage(("context2 Page1"));
+	mContextCategory2->addCategoryPage(("context2 Page2"));
+}
+
+void MainWindow::createContextCategoryPage1(SARibbonCategory* page)
+{
+	SARibbonPannel* pannel = page->addPannel(tr("show and hide test"));
+
+	QAction* actionHideActions = createAction("hide action", ":/icon/icon/hidePannel.svg");
+	actionHideActions->setCheckable(true);
+	actionHideActions->setChecked(true);
+	pannel->addLargeAction(actionHideActions);
+	connect(actionHideActions, &QAction::triggered, this, &MainWindow::onActionHideActionTriggered);
+
+	mActionDisable = createAction(tr("Disable"), ":/icon/icon/enableTest.svg");
+
+	mActionDisable->setDisabled(true);
+	pannel->addLargeAction(mActionDisable);
+	connect(mActionDisable, &QAction::triggered, this, [ this ](bool b) {
+		Q_UNUSED(b);
+		mActionDisable->setDisabled(true);
+	});
+
+	mActionUnlock = createAction(tr("unlock"), ":/icon/icon/unlock.svg");
+	mActionUnlock->setShortcut(QKeySequence(QLatin1String("Ctrl+E")));
+	mActionUnlock->setShortcutContext(Qt::ApplicationShortcut);
+	pannel->addLargeAction(mActionUnlock);
+	connect(mActionUnlock, &QAction::triggered, this, [ this ](bool b) {
+		Q_UNUSED(b);
+		mActionDisable->setEnabled(true);
+		mActionDisable->setText(("Enabled"));
+	});
+	auto act = createAction(tr("1"), ":/icon/icon/unlock.svg");
+	act->setToolTip(tr("very short string"));
+	pannel->addLargeAction(act);
+
+	mActionSetTextTest = createAction("set text", ":/icon/icon/setText.svg");
+
+	mActionSetTextTest->setCheckable(true);
+	mActionSetTextTest->setShortcut(QKeySequence(QLatin1String("Ctrl+D")));
+	mActionSetTextTest->setShortcutContext(Qt::ApplicationShortcut);
+	pannel->addLargeAction(mActionSetTextTest);
+
+	connect(mActionSetTextTest, &QAction::toggled, this, [ this ](bool b) {
+		if (b) {
+			mActionSetTextTest->setText(QStringLiteral(u"setText测试"));
+		} else {
+			mActionSetTextTest->setText(QStringLiteral(u"set text"));
+		}
+	});
+	// 隐藏pannel
+	mActionShowTest = createAction("show beside pannel", ":/icon/icon/show.svg");
+
+	mActionShowTest->setCheckable(true);
+	pannel->addLargeAction(mActionShowTest);
+
+	mPannelVisbileExample = page->addPannel(tr("show/hide"));
+	// 重复添加
+	mPannelVisbileExample->addLargeAction(mActionSetTextTest);
+
+	connect(mActionShowTest, &QAction::toggled, this, [ this ](bool b) {
+		mPannelVisbileExample->setVisible(!b);
+		if (b) {
+			mActionShowTest->setText(tr("hide beside pannel"));
+		} else {
+			mActionShowTest->setText(tr("show beside pannel"));
+		}
+		ribbonBar()->repaint();
+	});
+
+	SARibbonPannel* pannel3 = page->addPannel(("show/hide action test"));
+
+	mActionHideAction2 = createAction("hide action 2", ":/icon/icon/action.svg");
+	mActionHideAction4 = createAction("hide action 4", ":/icon/icon/action.svg");
+	mActionHideAction2->setCheckable(true);
+	mActionHideAction2->setChecked(true);
+	mActionHideAction4->setCheckable(true);
+	mActionHideAction4->setChecked(true);
+	mActionHideShowTextAct2 = createAction("action2", ":/icon/icon/action2.svg");
+	mActionHideShowTextAct3 = createAction("action3", ":/icon/icon/action3.svg");
+	mActionHideShowTextAct4 = createAction("action4", ":/icon/icon/action4.svg");
+	pannel3->addLargeAction(mActionHideAction2);
+	pannel3->addLargeAction(mActionHideAction4);
+	pannel3->addSmallAction(mActionHideShowTextAct2);
+	pannel3->addSmallAction(mActionHideShowTextAct3);
+	pannel3->addSmallAction(mActionHideShowTextAct4);
+	connect(mActionHideAction2, &QAction::triggered, this, [ this ](bool b) {
+		if (b) {
+			mActionHideShowTextAct2->setVisible(true);
+			mActionHideAction2->setText(tr("hide action2"));
+		} else {
+			mActionHideShowTextAct2->setVisible(false);
+			mActionHideAction2->setText(tr("show action2"));
+		}
+	});
+	connect(mActionHideAction4, &QAction::triggered, this, [ this ](bool b) {
+		if (b) {
+			mActionHideShowTextAct4->setVisible(true);
+			mActionHideAction4->setText(tr("hide action4"));
+		} else {
+			mActionHideShowTextAct4->setVisible(false);
+			mActionHideAction4->setText(tr("show action4"));
+		}
+	});
+	//
+	SARibbonPannel* pannel4               = page->addPannel(("widget"));
+	QSpinBox* spinbox                     = new QSpinBox(this);
+	SARibbonCtrlContainer* ctrlContainer1 = new SARibbonCtrlContainer(pannel4);
+	ctrlContainer1->setContainerWidget(spinbox);
+	ctrlContainer1->setText(tr("spinbox:"));
+	ctrlContainer1->setEnableShowIcon(false);
+	ctrlContainer1->setMaximumHeight(fontMetrics().lineSpacing() * 1.5);
+	pannel4->addMediumWidget(ctrlContainer1);
+
+	QLineEdit* linedit                    = new QLineEdit(this);
+	SARibbonCtrlContainer* ctrlContainer2 = new SARibbonCtrlContainer(pannel4);
+	ctrlContainer2->setContainerWidget(linedit);
+	ctrlContainer2->setText(tr("linedit:"));
+	ctrlContainer2->setEnableShowIcon(false);
+	ctrlContainer2->setMaximumHeight(fontMetrics().lineSpacing() * 1.5);
+	pannel4->addMediumWidget(ctrlContainer2);
+}
+
+void MainWindow::createContextCategoryPage2(SARibbonCategory* page)
+{
+	SARibbonPannel* pannel1 = page->addPannel(("删除CategoryPage测试"));
+
+	QAction* actionDeleteThisCategory = createAction("delete this category", ":/icon/icon/delete.svg");
+	pannel1->addLargeAction(actionDeleteThisCategory);
+	connect(actionDeleteThisCategory, &QAction::triggered, this, [ this, page ]() {
+		this->ribbonBar()->removeCategory(page);
+		page->deleteLater();
+	});
+	SARibbonPannel* pannelLayout = page->addPannel(("特殊布局"));
+
+	pannelLayout->addAction(
+		createAction("Large", ":/icon/icon/layout.svg", "@Large1"), QToolButton::InstantPopup, SARibbonPannelItem::Large);
+	pannelLayout->addAction(
+		createAction("Small", ":/icon/icon/layout.svg", "@Small1"), QToolButton::InstantPopup, SARibbonPannelItem::Small);
+	pannelLayout->addAction(
+		createAction("Small", ":/icon/icon/layout.svg", "@Small2"), QToolButton::InstantPopup, SARibbonPannelItem::Small);
+	pannelLayout->addSeparator();
+	pannelLayout->addAction(
+		createAction("Small", ":/icon/icon/layout.svg", "@Small3"), QToolButton::InstantPopup, SARibbonPannelItem::Small);
+	pannelLayout->addAction(
+		createAction("Small", ":/icon/icon/layout.svg", "@Small4"), QToolButton::InstantPopup, SARibbonPannelItem::Small);
+	pannelLayout->addAction(
+		createAction("Small", ":/icon/icon/layout.svg", "@Small5"), QToolButton::InstantPopup, SARibbonPannelItem::Small);
+	pannelLayout->addAction(
+		createAction("Small", ":/icon/icon/layout.svg", "@Small6"), QToolButton::InstantPopup, SARibbonPannelItem::Small);
+	pannelLayout->addSeparator();
+	pannelLayout->addAction(
+		createAction("Large", ":/icon/icon/layout.svg", "@Large2"), QToolButton::InstantPopup, SARibbonPannelItem::Large);
+	pannelLayout->addAction(createAction("Medium", ":/icon/icon/layout.svg", "@Medium1"),
+							QToolButton::InstantPopup,
+							SARibbonPannelItem::Medium);
+	pannelLayout->addAction(createAction("Medium", ":/icon/icon/layout.svg", "@Medium2"),
+							QToolButton::InstantPopup,
+							SARibbonPannelItem::Medium);
+	pannelLayout->addAction(
+		createAction("Small", ":/icon/icon/layout.svg", "@Small7"), QToolButton::InstantPopup, SARibbonPannelItem::Small);
+	pannelLayout->addAction(createAction("Medium", ":/icon/icon/layout.svg", "@Medium3"),
+							QToolButton::InstantPopup,
+							SARibbonPannelItem::Medium);
+	pannelLayout->addAction(
+		createAction("Large", ":/icon/icon/layout.svg", "@Large3"), QToolButton::InstantPopup, SARibbonPannelItem::Large);
+	pannelLayout->addAction(createAction("Medium", ":/icon/icon/layout.svg", "@Medium4"),
+							QToolButton::InstantPopup,
+							SARibbonPannelItem::Medium);
+	pannelLayout->addAction(createAction("Medium", ":/icon/icon/layout.svg", "@Medium5"),
+							QToolButton::InstantPopup,
+							SARibbonPannelItem::Medium);
+	pannelLayout->addAction(
+		createAction("Large", ":/icon/icon/layout.svg", "@Large4"), QToolButton::InstantPopup, SARibbonPannelItem::Large);
+	pannelLayout->addSeparator();
+	pannelLayout->addAction(createAction("Medium", ":/icon/icon/layout.svg", "@Medium6"),
+							QToolButton::InstantPopup,
+							SARibbonPannelItem::Medium);
+	pannelLayout->addAction(
+		createAction("Large", ":/icon/icon/layout.svg", "@Large5"), QToolButton::InstantPopup, SARibbonPannelItem::Large);
+	pannelLayout->addAction(createAction("Medium", ":/icon/icon/layout.svg", "@Medium7"),
+							QToolButton::InstantPopup,
+							SARibbonPannelItem::Medium);
+	pannelLayout->addAction(
+		createAction("Small", ":/icon/icon/layout.svg", "@Small8"), QToolButton::InstantPopup, SARibbonPannelItem::Small);
+}
+
+void MainWindow::createQuickAccessBar()
+{
+	SARibbonQuickAccessBar* quickAccessBar = ribbonBar()->quickAccessBar();
+
+	quickAccessBar->addAction(createAction("save", ":/icon/icon/save.svg", "save-quickbar"));
+	quickAccessBar->addSeparator();
+
+	QAction* actionUndo = createAction("undo", ":/icon/icon/undo.svg");
+	actionUndo->setShortcut(QKeySequence("Ctrl+Shift+z"));
+	actionUndo->setShortcutContext(Qt::ApplicationShortcut);
+	quickAccessBar->addAction(actionUndo);
+
+	QAction* actionRedo = createAction("redo", ":/icon/icon/redo.svg");
+	actionRedo->setShortcut(QKeySequence("Ctrl+z"));
+	actionRedo->setShortcutContext(Qt::ApplicationShortcut);
+	quickAccessBar->addAction(actionRedo);
+
+	connect(actionUndo, &QAction::triggered, this, [ this ]() { mTextedit->append("undo"); });
+	connect(actionRedo, &QAction::triggered, this, [ this ]() { mTextedit->append("redo"); });
+
+	quickAccessBar->addSeparator();
+
+	QMenu* m1 = new QMenu("Presentation File 1", this);
+	m1->setIcon(QIcon(":/icon/icon/presentationFile.svg"));
+	for (int i = 0; i < 10; ++i) {
+		m1->addAction(createAction(QString("file%1 - 1").arg(i + 1), ":/icon/icon/file.svg"));
+	}
+	quickAccessBar->addMenu(m1, Qt::ToolButtonIconOnly, QToolButton::InstantPopup);
+
+	QMenu* m2 = new QMenu("Presentation File 2", this);
+	m2->setIcon(QIcon(":/icon/icon/presentationFile.svg"));
+	for (int i = 0; i < 10; ++i) {
+		m2->addAction(createAction(QString("file%1 - 2").arg(i + 1), ":/icon/icon/file.svg"));
+	}
+	QAction* actiontestmenu = new QAction("Presentation File 2");
+	actiontestmenu->setMenu(m2);
+	quickAccessBar->addAction(actiontestmenu, Qt::ToolButtonIconOnly, QToolButton::MenuButtonPopup);
+
+	QAction* customize = createAction("customize", ":/icon/icon/customize0.svg", "customize2");
+	quickAccessBar->addAction(customize);
+	connect(customize, &QAction::triggered, this, &MainWindow::onActionCustomizeTriggered);
+
+	QAction* actionCustomizeAndSave = createAction("customize and save", ":/icon/icon/customize.svg");
+	quickAccessBar->addAction(actionCustomizeAndSave);
+	connect(actionCustomizeAndSave, &QAction::triggered, this, &MainWindow::onActionCustomizeAndSaveTriggered);
+
+	QAction* actionCustomizeAndSaveWithApply = createAction("customize and save with apply", ":/icon/icon/customize.svg");
+	quickAccessBar->addAction(actionCustomizeAndSaveWithApply);
+	connect(actionCustomizeAndSaveWithApply, &QAction::triggered, this, &MainWindow::onActionCustomizeAndSaveWithApplyTriggered);
+
+	//
+	mSearchEditor = new SARibbonLineEdit(this);
+	mSearchEditor->setFixedWidth(100);
+	mSearchEditor->setPlaceholderText("Search");
+	quickAccessBar->addWidget(mSearchEditor);
+	connect(mSearchEditor, &QLineEdit::editingFinished, this, [ this ]() {
+		this->mTextedit->append(this->mSearchEditor->text());
+	});
+}
+
+/**
+ * @brief 创建RightButtonGroup
+ *
+ * RightButtonGroup实在ribbonbar右边的工具栏，可以放置一些快捷图标
+ * @param rightBar
+ */
+void MainWindow::createRightButtonGroup()
+{
+	SARibbonBar* ribbon = ribbonBar();
+	if (!ribbon) {
+		return;
+	}
+	SARibbonButtonGroupWidget* rightBar = ribbon->rightButtonGroup();
+	QAction* actionHelp                 = createAction(tr("help"), ":/icon/icon/help.svg");
+	mActionVisibleAll                   = createAction(tr("Visible"), ":/icon/icon/visible-true.svg");
+	mActionVisibleAll->setCheckable(true);
+	mActionVisibleAll->setChecked(true);
+	connect(actionHelp, &QAction::triggered, this, &MainWindow::onActionHelpTriggered);
+	connect(mActionVisibleAll, &QAction::triggered, this, &MainWindow::onActionVisibleAllTriggered);
+	rightBar->addAction(actionHelp);
+	rightBar->addAction(mActionVisibleAll);
+}
+
+/**
+ * @brief 创建右上角系统最大、最小化按钮栏的图标工具
+ */
+void MainWindow::createWindowButtonGroupBar()
+{
+	SARibbonSystemButtonBar* wbar = windowButtonBar();
+	if (!wbar) {
+		return;
+	}
+	QAction* a = wbar->addAction(tr("Login"), QIcon(), Qt::ToolButtonTextOnly);
+	connect(a, &QAction::triggered, this, [ this ]() { this->mTextedit->append("Login triggered"); });
+}
+
+/**
+ * @brief 创建ActionsManager（Create ActionsManager）
+ *
+ * 创建ActionsManager，实现actions的管理以及SARibbonBar的自定义
+ *
+ * Create ActionsManager to manage actions and customize SARibbonBar
+ *
+ *
+ */
+void MainWindow::createActionsManager()
+{
+	// 添加其他的action，这些action并不在ribbon管理范围，主要用于SARibbonCustomizeWidget自定义用
+	createOtherActions();
+	mTagForActionText = SARibbonActionsManager::UserDefineActionTag + 1;
+	mTagForActionIcon = SARibbonActionsManager::UserDefineActionTag + 2;
+
+	mActionsManager = new SARibbonActionsManager(ribbonBar());  // 申明过程已经自动注册所有action
+
+	// 以下注册特别的action
+	mActionsManager->registeAction(mOtherAction1, SARibbonActionsManager::CommonlyUsedActionTag);
+	mActionsManager->registeAction(mOtherAction3, SARibbonActionsManager::CommonlyUsedActionTag);
+	mActionsManager->registeAction(mOtherAction5, SARibbonActionsManager::CommonlyUsedActionTag);
+	mActionsManager->registeAction(mOtherActionIcon1, SARibbonActionsManager::CommonlyUsedActionTag);
+
+	mActionsManager->registeAction(mOtherAction1, mTagForActionText);
+	mActionsManager->registeAction(mOtherAction2, mTagForActionText);
+	mActionsManager->registeAction(mOtherAction3, mTagForActionText);
+	mActionsManager->registeAction(mOtherAction4, mTagForActionText);
+	mActionsManager->registeAction(mOtherAction5, mTagForActionText);
+
+	mActionsManager->registeAction(mOtherActionIcon1, mTagForActionIcon);
+
+	mActionsManager->setTagName(SARibbonActionsManager::CommonlyUsedActionTag, tr("in common use"));  //
+	mActionsManager->setTagName(mTagForActionText, tr("no icon action"));
+	mActionsManager->setTagName(mTagForActionIcon, tr("have icon action"));
+}
+
+QAction* MainWindow::createAction(const QString& text, const QString& iconurl, const QString& objName)
+{
+	QAction* act = new QAction(this);
+	act->setText(text);
+	act->setIcon(QIcon(iconurl));
+	act->setObjectName(objName);
+	return act;
+}
+
+QAction* MainWindow::createAction(const QString& text, const QString& iconurl)
+{
+	QAction* act = new QAction(this);
+	act->setText(text);
+	act->setIcon(QIcon(iconurl));
+	act->setObjectName(text);
+	return act;
+}
+
+void MainWindow::onMenuButtonPopupCheckableTest(bool b)
+{
+	mTextedit->append(QString("MenuButtonPopupCheckableTest : %1").arg(b));
+}
+
+void MainWindow::onInstantPopupCheckableTest(bool b)
+{
+	mTextedit->append(QString("InstantPopupCheckableTest : %1").arg(b));
+}
+
+void MainWindow::onDelayedPopupCheckableTest(bool b)
+{
+	mTextedit->append(QString("DelayedPopupCheckableTest : %1").arg(b));
+}
+
+void MainWindow::onMenuButtonPopupCheckabletriggered(bool b)
+{
+	mTextedit->append(QString("MenuButtonPopupCheckabletriggered : %1").arg(b));
+}
+
+void MainWindow::onInstantPopupCheckabletriggered(bool b)
+{
+	mTextedit->append(QString("InstantPopupCheckabletriggered : %1").arg(b));
+}
+
+void MainWindow::onDelayedPopupCheckabletriggered(bool b)
+{
+	Q_UNUSED(b);
+	mTextedit->append(tr("The SARibbonToolButton::setPopupMode(QToolButton::DelayedPopup) method "
+						 "can be used to set the menu pop-up method to delayed pop-up. "
+						 "This also demonstrates manually setting text wrapping"));
+	// cn:使用SARibbonToolButton::setPopupMode(QToolButton::DelayedPopup)方法可以设置菜单弹出方式为延迟弹出，这里也演示了手动设置文本的换行
+}
diff --git a/gui/SARibbon/example/MainWindowExample/mainwindow.h b/gui/SARibbon/example/MainWindowExample/mainwindow.h
new file mode 100644
index 0000000..e5f9b19
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/mainwindow.h
@@ -0,0 +1,121 @@
+#ifndef MAINWINDOW_H
+#define MAINWINDOW_H
+#include "SARibbonMainWindow.h"
+class SARibbonCategory;
+class SARibbonContextCategory;
+class SARibbonCustomizeWidget;
+class SARibbonActionsManager;
+class SARibbonQuickAccessBar;
+class SARibbonButtonGroupWidget;
+class SARibbonPannel;
+class QTextEdit;
+class QComboBox;
+class QCloseEvent;
+class QLineEdit;
+
+class MainWindow : public SARibbonMainWindow
+{
+	Q_OBJECT
+public:
+	MainWindow(QWidget* par = nullptr);
+
+private:
+	// 创建ribbon-application菜单示例
+	void createRibbonApplicationButton();
+	// 创建main菜单示例
+	void createCategoryMain(SARibbonCategory* page);
+	void createCategoryOther(SARibbonCategory* page);
+	void createCategoryDelete(SARibbonCategory* page);
+	void createCategorySize(SARibbonCategory* page);
+	void createCategoryColor(SARibbonCategory* page);
+	void createContextCategory1();
+	void createContextCategory2();
+	void createContextCategoryPage1(SARibbonCategory* page);
+	void createContextCategoryPage2(SARibbonCategory* page);
+	void createQuickAccessBar();
+	void createRightButtonGroup();
+	void createWindowButtonGroupBar();
+	// 创建ActionsManager，实现actions的管理以及SARibbonBar的自定义
+	void createActionsManager();
+	QAction* createAction(const QString& text, const QString& iconurl, const QString& objName);
+	QAction* createAction(const QString& text, const QString& iconurl);
+private Q_SLOTS:
+	void onMenuButtonPopupCheckableTest(bool b);
+	void onInstantPopupCheckableTest(bool b);
+	void onDelayedPopupCheckableTest(bool b);
+	void onMenuButtonPopupCheckabletriggered(bool b);
+	void onInstantPopupCheckabletriggered(bool b);
+	void onDelayedPopupCheckabletriggered(bool b);
+	void onShowContextCategory(bool on);
+	void onStyleClicked(int id);
+	void onActionCustomizeTriggered();
+	void onActionCustomizeAndSaveTriggered();
+	void onActionCustomizeAndSaveWithApplyTriggered();
+	void onActionHelpTriggered();
+	void onActionRemoveAppBtnTriggered(bool b);
+	void onActionUseQssTriggered();
+	void onActionLoadCustomizeXmlFileTriggered();
+	void onActionWindowFlagNormalButtonTriggered(bool b);
+	void onFontComWidgetCurrentFontChanged(const QFont& f);
+	void onActionFontLargerTriggered();
+	void onActionFontSmallerTriggered();
+	void onActionWordWrapTriggered(bool b);
+	void onButtonGroupActionTriggered(QAction* act);
+	void onColorButtonColorClicked(const QColor& c, bool on);
+	void onRibbonThemeComboBoxCurrentIndexChanged(int index);
+	void onActionHideActionTriggered(bool on);
+	// 切换所有action是否可见
+	void onActionVisibleAllTriggered(bool on);
+	// 居中对齐checkbox的槽
+	void onCheckBoxAlignmentCenterClicked(bool checked);
+	//
+	void onSpinBoxRibbonTitleHeightChanged(int h);
+	void onSpinBoxRibbonTabHeightChanged(int h);
+	void onSpinBoxRibbonCategoryHeightChanged(int h);
+	void onSpinBoxRibbonPannelTtitleHeightChanged(int h);
+	void onSpinBoxRibbonPannelSpacingChanged(int h);
+	void onSpinBoxRibbonPannelToolBtnIconSizeChanged(int h);
+
+private:
+	// 创建其它actions，这些actions并不在SARibbonBar管理
+	void createOtherActions();
+
+protected:
+	void closeEvent(QCloseEvent* e) override;
+
+private:
+	SARibbonContextCategory* mContextCategory;
+	SARibbonContextCategory* mContextCategory2;
+	SARibbonCustomizeWidget* mWidgetForCustomize;
+	QTextEdit* mTextedit;
+	SARibbonActionsManager* mActionsManager;
+	int mTagForActionText;
+	int mTagForActionIcon;
+	QMenu* mMenuApplicationBtn;
+	QComboBox* mComboboxRibbonTheme;
+	QLineEdit* mSearchEditor { nullptr };
+	//
+	QAction* mActionWordWrap { nullptr };
+	QAction* mActionDisable { nullptr };
+	QAction* mActionUnlock { nullptr };
+	QAction* mActionSetTextTest { nullptr };
+	QAction* mActionShowTest { nullptr };
+	QAction* mActionHideAction2 { nullptr };
+	QAction* mActionHideAction4 { nullptr };
+	QAction* mActionHideShowTextAct2 { nullptr };
+	QAction* mActionHideShowTextAct3 { nullptr };
+	QAction* mActionHideShowTextAct4 { nullptr };
+	//
+	QAction* mOtherAction1 { nullptr };
+	QAction* mOtherAction2 { nullptr };
+	QAction* mOtherAction3 { nullptr };
+	QAction* mOtherAction4 { nullptr };
+	QAction* mOtherAction5 { nullptr };
+	QAction* mOtherActionIcon1 { nullptr };
+	SARibbonPannel* mPannelVisbileExample { nullptr };
+	//
+	QAction* mActionVisibleAll { nullptr };    ///< 控制所有action是否可见的开关
+	bool mHasApplyCustomizeXmlFile { false };  /// 程序启动后是否应用上次修改
+};
+
+#endif  // MAINWINDOW_H
diff --git a/gui/SARibbon/example/MainWindowExample/saribbonresouce.qrc b/gui/SARibbon/example/MainWindowExample/saribbonresouce.qrc
new file mode 100644
index 0000000..39df23e
--- /dev/null
+++ b/gui/SARibbon/example/MainWindowExample/saribbonresouce.qrc
@@ -0,0 +1,84 @@
+<RCC>
+    <qresource prefix="/icon">
+        <file>icon/largerFont.svg</file>
+        <file>icon/smallFont.svg</file>
+        <file>icon/save.svg</file>
+        <file>icon/hideRibbon.svg</file>
+        <file>icon/showHideButton.svg</file>
+        <file>icon/item.svg</file>
+        <file>icon/test1.svg</file>
+        <file>icon/test2.svg</file>
+        <file>icon/folder-cog.svg</file>
+        <file>icon/folder-star.svg</file>
+        <file>icon/folder-stats.svg</file>
+        <file>icon/folder-table.svg</file>
+        <file>icon/folder-checkmark.svg</file>
+        <file>icon/showContext.svg</file>
+        <file>icon/deleteContext.svg</file>
+        <file>icon/disable.svg</file>
+        <file>icon/customize.svg</file>
+        <file>icon/customize0.svg</file>
+        <file>icon/undo.svg</file>
+        <file>icon/redo.svg</file>
+        <file>icon/presentationFile.svg</file>
+        <file>icon/file.svg</file>
+        <file>icon/SA.svg</file>
+        <file>icon/help.svg</file>
+        <file>icon/Decrease-Margin.svg</file>
+        <file>icon/Decrease-Indent.svg</file>
+        <file>icon/Align-Right.svg</file>
+        <file>icon/Align-Left.svg</file>
+        <file>icon/Align-Center.svg</file>
+        <file>icon/Wrap-Image Left.svg</file>
+        <file>icon/Wrap-Image Right.svg</file>
+        <file>icon/remove-app-btn.svg</file>
+        <file>icon/long-text.svg</file>
+        <file>icon/useqss.svg</file>
+        <file>icon/useCustomize.svg</file>
+        <file>icon/windowsflag-normal.svg</file>
+        <file>icon/chinese-char.svg</file>
+        <file>icon/ContextCategory.svg</file>
+        <file>icon/remove.svg</file>
+        <file>icon/removePage.svg</file>
+        <file>icon/hidePannel.svg</file>
+        <file>icon/unlock.svg</file>
+        <file>icon/setText.svg</file>
+        <file>icon/show.svg</file>
+        <file>icon/action.svg</file>
+        <file>icon/action4.svg</file>
+        <file>icon/action3.svg</file>
+        <file>icon/action2.svg</file>
+        <file>icon/enableTest.svg</file>
+        <file>icon/delete.svg</file>
+        <file>icon/layout.svg</file>
+        <file>icon/wordwrap.svg</file>
+        <file>icon/al-bothside.svg</file>
+        <file>icon/al-left.svg</file>
+        <file>icon/al-center.svg</file>
+        <file>icon/al-right.svg</file>
+        <file>icon/Underline.svg</file>
+        <file>icon/Italic.svg</file>
+        <file>icon/bold.svg</file>
+        <file>icon/visible-false.svg</file>
+        <file>icon/visible-true.svg</file>
+    </qresource>
+    <qresource prefix="/gallery-icon">
+        <file>icon/gallery/Document-File.svg</file>
+        <file>icon/gallery/Download-File.svg</file>
+        <file>icon/gallery/Drive-File.svg</file>
+        <file>icon/gallery/Dropbox-File.svg</file>
+        <file>icon/gallery/Email-File.svg</file>
+        <file>icon/gallery/Encode-File.svg</file>
+        <file>icon/gallery/Favorit-File.svg</file>
+        <file>icon/gallery/File-Error.svg</file>
+        <file>icon/gallery/File-Readonly.svg</file>
+        <file>icon/gallery/File-Settings.svg</file>
+        <file>icon/gallery/Presentation-File.svg</file>
+        <file>icon/gallery/Photoshop.svg</file>
+        <file>icon/gallery/Internet-Explorer.svg</file>
+        <file>icon/gallery/Illustrator.svg</file>
+        <file>icon/gallery/Google-Maps.svg</file>
+        <file>icon/gallery/Adobe.svg</file>
+        <file>icon/gallery/Word.svg</file>
+    </qresource>
+</RCC>
diff --git a/gui/SARibbon/example/MdiAreaWindowExample/CMakeLists.txt b/gui/SARibbon/example/MdiAreaWindowExample/CMakeLists.txt
new file mode 100644
index 0000000..f3a07e7
--- /dev/null
+++ b/gui/SARibbon/example/MdiAreaWindowExample/CMakeLists.txt
@@ -0,0 +1,49 @@
+cmake_minimum_required(VERSION 3.5)
+SET(VERSION_SHORT 0.1)
+project(MdiAreaWindowExample VERSION ${VERSION_SHORT})
+set(CMAKE_INCLUDE_CURRENT_DIR ON)
+# qt库加载，最低要求5.8
+find_package(QT NAMES Qt6 Qt5 COMPONENTS Core REQUIRED)
+find_package(Qt${QT_VERSION_MAJOR} 5.8 COMPONENTS Core Gui Widgets REQUIRED)
+file(GLOB HEADER_FILES "${CMAKE_CURRENT_LIST_DIR}/*.h")
+file(GLOB SOURCE_FILES "${CMAKE_CURRENT_LIST_DIR}/*.cpp")
+file(GLOB UI_FILES "${CMAKE_CURRENT_LIST_DIR}/*.ui")
+file(GLOB RESOURCE_FILES "${CMAKE_CURRENT_LIST_DIR}/*.qrc")
+add_executable(MdiAreaWindowExample WIN32
+    ${HEADER_FILES}
+    ${SOURCE_FILES}
+    ${UI_FILES}
+    ${RESOURCE_FILES}
+)
+
+if(NOT TARGET SARibbonBar)
+    # 说明这个例子是单独加载
+    message(STATUS "NOT TARGET SARibbonBar find_package(SARibbonBar REQUIRED)")
+    find_package(SARibbonBar REQUIRED)
+endif()
+
+target_link_libraries(MdiAreaWindowExample PUBLIC SARibbonBar::SARibbonBar)
+target_link_libraries(MdiAreaWindowExample PUBLIC
+                                       Qt${QT_VERSION_MAJOR}::Core 
+                                       Qt${QT_VERSION_MAJOR}::Gui 
+                                       Qt${QT_VERSION_MAJOR}::Widgets)
+                                           
+set_target_properties(MdiAreaWindowExample PROPERTIES
+    AUTOMOC ON
+    AUTORCC ON
+    AUTOUIC ON
+    CXX_EXTENSIONS OFF
+    DEBUG_POSTFIX ${CMAKE_DEBUG_POSTFIX}
+    VERSION ${SARIBBON_VERSION}
+    EXPORT_NAME MdiAreaWindowExample
+    ARCHIVE_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/lib"
+    LIBRARY_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/lib"
+    RUNTIME_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/bin"
+)
+
+install(TARGETS MdiAreaWindowExample
+    RUNTIME DESTINATION bin
+    LIBRARY DESTINATION bin
+    ARCHIVE DESTINATION lib
+)
+
diff --git a/gui/SARibbon/example/MdiAreaWindowExample/MainWindow.ui b/gui/SARibbon/example/MdiAreaWindowExample/MainWindow.ui
new file mode 100644
index 0000000..30b6aad
--- /dev/null
+++ b/gui/SARibbon/example/MdiAreaWindowExample/MainWindow.ui
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>MainWindow</class>
+ <widget class="QMainWindow" name="MainWindow">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>800</width>
+    <height>600</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>MainWindow</string>
+  </property>
+  <property name="documentMode">
+   <bool>false</bool>
+  </property>
+  <widget class="QWidget" name="centralwidget">
+   <layout class="QVBoxLayout" name="verticalLayout">
+    <item>
+     <widget class="QMdiArea" name="mdiArea"/>
+    </item>
+   </layout>
+  </widget>
+  <widget class="QStatusBar" name="statusbar"/>
+  <widget class="QToolBar" name="toolBar">
+   <property name="windowTitle">
+    <string>toolBar</string>
+   </property>
+   <property name="allowedAreas">
+    <set>Qt::LeftToolBarArea|Qt::RightToolBarArea</set>
+   </property>
+   <property name="orientation">
+    <enum>Qt::Vertical</enum>
+   </property>
+   <attribute name="toolBarArea">
+    <enum>LeftToolBarArea</enum>
+   </attribute>
+   <attribute name="toolBarBreak">
+    <bool>false</bool>
+   </attribute>
+   <addaction name="actionadd_window"/>
+  </widget>
+  <widget class="QDockWidget" name="dockWidget">
+   <attribute name="dockWidgetArea">
+    <number>2</number>
+   </attribute>
+   <widget class="QWidget" name="dockWidgetContents"/>
+  </widget>
+  <action name="actionadd_window">
+   <property name="icon">
+    <iconset resource="icon.qrc">
+     <normaloff>:/mdiWindowApp/icon/add.svg</normaloff>:/mdiWindowApp/icon/add.svg</iconset>
+   </property>
+   <property name="text">
+    <string>add window</string>
+   </property>
+  </action>
+ </widget>
+ <resources>
+  <include location="icon.qrc"/>
+ </resources>
+ <connections/>
+</ui>
diff --git a/gui/SARibbon/example/MdiAreaWindowExample/MdiAreaWindowExample.pro b/gui/SARibbon/example/MdiAreaWindowExample/MdiAreaWindowExample.pro
new file mode 100644
index 0000000..f37bcf2
--- /dev/null
+++ b/gui/SARibbon/example/MdiAreaWindowExample/MdiAreaWindowExample.pro
@@ -0,0 +1,37 @@
+#-------------------------------------------------
+#
+# Project created by QtCreator 2017-09-21T14:04:12
+#
+#-------------------------------------------------
+
+QT       += core gui
+# SARibbon 1.x 版本后引入frameless库，必须要cpp17及以上
+CONFIG += c++17
+greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
+
+TARGET = MdiAreaWindowExample
+TEMPLATE = app
+
+SOURCES += main.cpp\
+    mdimainwindow.cpp
+
+HEADERS  += \
+    mdimainwindow.h
+
+FORMS += \
+    MainWindow.ui 
+    
+RESOURCES += \
+    icon.qrc
+# 下面演示了如何把SARibbon引入
+# 只需要下面2句话，只要把common.pri引入工程，就可以实现SARibbon的引入
+include($$PWD/../../common.pri)
+include($${SARIBBONBAR_PRI_FILE_PATH})
+
+DESTDIR = $${SARIBBON_BIN_DIR}/bin
+
+msvc {
+    QMAKE_CFLAGS += /utf-8
+    QMAKE_CXXFLAGS += /utf-8
+}
+
diff --git a/gui/SARibbon/example/MdiAreaWindowExample/icon.qrc b/gui/SARibbon/example/MdiAreaWindowExample/icon.qrc
new file mode 100644
index 0000000..c1ec4a4
--- /dev/null
+++ b/gui/SARibbon/example/MdiAreaWindowExample/icon.qrc
@@ -0,0 +1,5 @@
+<RCC>
+    <qresource prefix="/mdiWindowApp">
+        <file>icon/add.svg</file>
+    </qresource>
+</RCC>
diff --git a/gui/SARibbon/example/MdiAreaWindowExample/icon/add.svg b/gui/SARibbon/example/MdiAreaWindowExample/icon/add.svg
new file mode 100644
index 0000000..41e03c1
--- /dev/null
+++ b/gui/SARibbon/example/MdiAreaWindowExample/icon/add.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972462678" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3334" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M854.42 938.77H177.51V85.28h529.76l147.15 147.16z" fill="#949BA6" p-id="3335"></path><path d="M854.42 232.44H707.27V85.28z" fill="#FFC600" p-id="3336"></path><path d="M721.98 261.87c0 8.09 6.62 14.72 14.72 14.72h117.72v-44.15H721.98v29.43z" fill="#717582" p-id="3337"></path><path d="M236.37 247.15c-8.09 0-14.72-6.62-14.72-14.72v-88.29c0-8.09 6.62-14.72 14.72-14.72 8.09 0 14.72 6.62 14.72 14.72v88.29c0 8.1-6.62 14.72-14.72 14.72zM236.37 894.63c-8.09 0-14.72-6.62-14.72-14.72V350.16c0-8.09 6.62-14.72 14.72-14.72 8.09 0 14.72 6.62 14.72 14.72v529.75c0 8.1-6.62 14.72-14.72 14.72z" fill="#DFE1E4" p-id="3338"></path><path d="M236.37 291.3m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#DFE1E4" p-id="3339"></path><path d="M913.28 423.74c-8.09 0-14.72 6.62-14.72 14.72V673.9c0 8.09 6.62 14.72 14.72 14.72 8.09 0 14.72-6.62 14.72-14.72V438.45c0-8.09-6.63-14.71-14.72-14.71z" fill="#090418" p-id="3340"></path><path d="M913.28 791.62m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3341"></path><path d="M913.28 732.76m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3342"></path><path d="M118.65 232.44m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3343"></path><path d="M118.65 291.3m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3344"></path><path d="M118.65 173.58m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3345"></path><path d="M295.24 453.17h264.88c8.09 0 14.72-6.62 14.72-14.72s-6.62-14.72-14.72-14.72H295.24c-8.09 0-14.72 6.62-14.72 14.72s6.62 14.72 14.72 14.72zM604.26 438.45c0 8.09 6.62 14.72 14.72 14.72H736.7c8.09 0 14.72-6.62 14.72-14.72s-6.62-14.72-14.72-14.72H618.97c-8.09 0.01-14.71 6.63-14.71 14.72zM736.7 482.6H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72H736.7c8.09 0 14.72-6.62 14.72-14.72-0.01-8.1-6.63-14.72-14.72-14.72zM295.24 688.61h264.88c8.09 0 14.72-6.62 14.72-14.72s-6.62-14.72-14.72-14.72H295.24c-8.09 0-14.72 6.62-14.72 14.72s6.62 14.72 14.72 14.72zM574.83 776.9H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72h279.59c8.09 0 14.72-6.62 14.72-14.72-0.01-8.09-6.63-14.72-14.72-14.72zM736.7 659.18h-58.86c-8.09 0-14.72 6.62-14.72 14.72s6.62 14.72 14.72 14.72h58.86c8.09 0 14.72-6.62 14.72-14.72s-6.63-14.72-14.72-14.72zM295.24 364.87h58.86c8.09 0 14.72-6.62 14.72-14.72 0-8.09-6.62-14.72-14.72-14.72h-9.2l9.93-29.43h57.39l9.93 29.43h-9.2c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72h58.86c8.09 0 14.72-6.62 14.72-14.72 0-8.09-6.62-14.72-14.72-14.72h-18.76L397.5 168.78c0-0.37-0.37-0.37-0.37-0.74-0.37-0.74-0.37-1.1-0.74-1.47-0.37-1.1-1.1-1.84-1.84-2.94-0.37-0.37-0.74-0.74-1.47-1.1-0.74-0.74-1.84-1.47-2.94-1.84-0.37-0.37-1.1-0.74-1.47-0.74-1.47-0.74-3.31-1.1-5.15-1.1H354.1c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72h9.2L314 335.44h-18.76c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.71 14.72 14.71z m88.29-144.94l18.76 56.65h-37.52l18.76-56.65zM471.82 276.58h22.07v22.07c0 8.09 6.62 14.72 14.72 14.72 8.09 0 14.72-6.62 14.72-14.72v-22.07h22.07c8.09 0 14.72-6.62 14.72-14.72s-6.62-14.72-14.72-14.72h-22.07v-22.07c0-8.09-6.62-14.72-14.72-14.72-8.09 0-14.72 6.62-14.72 14.72v22.07h-22.07c-8.09 0-14.72 6.62-14.72 14.72s6.63 14.72 14.72 14.72zM648.4 615.04c0-8.09-6.62-14.72-14.72-14.72H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72h338.45c8.09-0.01 14.71-6.63 14.71-14.72zM736.7 541.46H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72H736.7c8.09 0 14.72-6.62 14.72-14.72-0.01-8.1-6.63-14.72-14.72-14.72zM736.7 718.04H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72H736.7c8.09 0 14.72-6.62 14.72-14.72-0.01-8.1-6.63-14.72-14.72-14.72z" fill="#090418" p-id="3346"></path><path d="M864.72 222.14L717.57 74.98c-1.47-1.47-2.94-2.58-4.78-3.31s-3.68-1.1-5.52-1.1H177.51c-8.09 0-14.72 6.62-14.72 14.72v853.49c0 8.09 6.62 14.72 14.72 14.72h676.91c8.09 0 14.72-6.62 14.72-14.72V232.44c0-1.84-0.37-4.05-1.1-5.52-0.75-1.84-1.85-3.68-3.32-4.78zM721.98 120.97l96.75 96.75h-96.75v-96.75zM839.7 924.06H192.23V100h500.32v132.44c0 8.09 6.62 14.72 14.72 14.72H839.7v676.9z" fill="#090418" p-id="3347"></path><path d="M618.97 673.9m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3348"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/MdiAreaWindowExample/main.cpp b/gui/SARibbon/example/MdiAreaWindowExample/main.cpp
new file mode 100644
index 0000000..fa063d7
--- /dev/null
+++ b/gui/SARibbon/example/MdiAreaWindowExample/main.cpp
@@ -0,0 +1,64 @@
+#include "mdimainwindow.h"
+#include <QApplication>
+#include <QDebug>
+#include <QElapsedTimer>
+#include "SARibbonBar.h"
+// 重定向qdebug的打印
+void log_out_put(QtMsgType type, const QMessageLogContext& context, const QString& msg);
+
+/**
+ * @brief 重定向qdebug的打印
+ * @param type
+ * @param context
+ * @param msg
+ */
+void log_out_put(QtMsgType type, const QMessageLogContext& context, const QString& msg)
+{
+	QByteArray localMsg = msg.toLocal8Bit();
+
+	switch (type) {
+	case QtDebugMsg:
+		fprintf(stdout, "%s |[Debug] (%s[%u],%s)\n", localMsg.constData(), context.function, context.line, context.file);
+		break;
+
+	case QtWarningMsg:
+		fprintf(stdout, "%s |[Warning] (%s[%u],%s)\n", localMsg.constData(), context.function, context.line, context.file);
+		break;
+
+	case QtCriticalMsg:
+		fprintf(stdout, "%s |[Critical] (%s[%u],%s)\n", localMsg.constData(), context.function, context.line, context.file);
+		break;
+
+	case QtFatalMsg:
+		fprintf(stdout, "%s |[Fatal] (%s[%u],%s)\n", localMsg.constData(), context.function, context.line, context.file);
+		abort();
+		break;
+
+	default:
+		fprintf(stdout, "%s |[Debug](%s[%u],%s)\n", localMsg.constData(), context.function, context.line, context.file);
+		break;
+	}
+#ifndef QT_NO_DEBUG_OUTPUT
+	fflush(stdout);
+#endif
+}
+
+int main(int argc, char* argv[])
+{
+	// 以下是针对高分屏的设置，有高分屏需求都需要按照下面进行设置
+	SARibbonBar::initHighDpi();
+
+	QApplication a(argc, argv);
+	qInstallMessageHandler(log_out_put);
+	QFont f = a.font();
+	f.setFamily(u8"微软雅黑");
+	a.setFont(f);
+	QElapsedTimer cost;
+
+	cost.start();
+	MainWindow w;
+	qDebug() << "window build cost:" << cost.elapsed() << " ms";
+	w.show();
+
+	return (a.exec());
+}
diff --git a/gui/SARibbon/example/MdiAreaWindowExample/mdimainwindow.cpp b/gui/SARibbon/example/MdiAreaWindowExample/mdimainwindow.cpp
new file mode 100644
index 0000000..d7a4965
--- /dev/null
+++ b/gui/SARibbon/example/MdiAreaWindowExample/mdimainwindow.cpp
@@ -0,0 +1,81 @@
+#include "mdimainwindow.h"
+#include "ui_MainWindow.h"
+#include <QTextEdit>
+#include <QMdiSubWindow>
+#include "SARibbonBar.h"
+#include "SARibbonCategory.h"
+#include "SARibbonPannel.h"
+MainWindow::MainWindow(QWidget* parent) : SARibbonMainWindow(parent), ui(new Ui::MainWindow)
+{
+	// 注意，你必须在ui文件中删除菜单栏，否则会拿到空的ribbon指针
+	ui->setupUi(this);
+	SARibbonBar* ribbon        = ribbonBar();
+	SARibbonCategory* mainPage = new SARibbonCategory("Main");
+	ribbon->addCategoryPage(mainPage);
+	buildMainPage(mainPage);
+	// 如果你用qwk，你需要安装mdi窗口的最大最小化按钮到frameless框架中，你需要绑定此槽函数
+	connect(ui->mdiArea, &QMdiArea::subWindowActivated, this, &MainWindow::onMdiAreaSubWindowActivated);
+}
+
+MainWindow::~MainWindow()
+{
+	delete ui;
+}
+
+void MainWindow::buildMainPage(SARibbonCategory* mainPage)
+{
+	SARibbonPannel* mainPannel = new SARibbonPannel("operate");
+	mainPannel->addAction(ui->actionadd_window);
+	mainPage->addPannel(mainPannel);
+}
+
+void MainWindow::on_actionadd_window_triggered()
+{
+	QMdiSubWindow* sub = ui->mdiArea->addSubWindow(new QTextEdit());
+	sub->setAttribute(Qt::WA_DeleteOnClose);
+	sub->show();
+	// 如果你用qwk，你需要安装mdi窗口的最大最小化按钮到frameless框架中，你需要绑定此槽函数
+	connect(sub, &QMdiSubWindow::windowStateChanged, this, &MainWindow::onSubWindowStateChanged);
+}
+
+/**
+ * @brief 窗口激活后对cornerwidget的绑定
+ *
+ * @note mdi窗口的状态变化会导致原来的cornerwidget删除，因此，subWindowActivated和windowStateChanged这两个都要绑定，
+ * 防止任意一种状态变化没有监测到，例如最大化状态关闭所有窗口，再新建一个窗口，这时候它不会触发windowStateChanged，但会触发subWindowActivated
+ * @param window
+ */
+void MainWindow::onMdiAreaSubWindowActivated(QMdiSubWindow* window)
+{
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+	if (window) {
+		SARibbonBar* ribbon = ribbonBar();
+		QWidget* cw         = ribbon->cornerWidget(Qt::TopRightCorner);
+		if (cw && cw != m_mdiCornerWidget) {
+			qDebug() << "set mdi corner widget in frameless|onMdiAreaSubWindowActivated";
+			setFramelessHitTestVisible(cw);
+			m_mdiCornerWidget = cw;
+		}
+	}
+#endif
+}
+
+/**
+ * @brief 子窗口变化对cornerwidget的绑定
+ * @param oldState
+ * @param newState
+ */
+void MainWindow::onSubWindowStateChanged(Qt::WindowStates oldState, Qt::WindowStates newState)
+{
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+	if (newState.testFlag(Qt::WindowMaximized)) {
+		SARibbonBar* ribbon = ribbonBar();
+		QWidget* cw         = ribbon->cornerWidget(Qt::TopRightCorner);
+		if (cw && cw != m_mdiCornerWidget) {
+			qDebug() << "set mdi corner widget in frameless|onSubWindowStateChanged";
+			setFramelessHitTestVisible(cw);
+			m_mdiCornerWidget = cw;
+		}
+	}
+#endif
+}
diff --git a/gui/SARibbon/example/MdiAreaWindowExample/mdimainwindow.h b/gui/SARibbon/example/MdiAreaWindowExample/mdimainwindow.h
new file mode 100644
index 0000000..b36a8d0
--- /dev/null
+++ b/gui/SARibbon/example/MdiAreaWindowExample/mdimainwindow.h
@@ -0,0 +1,33 @@
+#ifndef MAINWINDOW_H
+#define MAINWINDOW_H
+
+#include <QMainWindow>
+#include "SARibbonMainWindow.h"
+namespace Ui
+{
+class MainWindow;
+}
+class QMdiSubWindow;
+class SARibbonCategory;
+class MainWindow : public SARibbonMainWindow
+{
+	Q_OBJECT
+
+public:
+	explicit MainWindow(QWidget* parent = nullptr);
+	~MainWindow();
+
+private slots:
+	void on_actionadd_window_triggered();
+	void onMdiAreaSubWindowActivated(QMdiSubWindow* window);
+	void onSubWindowStateChanged(Qt::WindowStates oldState, Qt::WindowStates newState);
+
+private:
+	void buildMainPage(SARibbonCategory* mainPage);
+
+private:
+	Ui::MainWindow* ui;
+	QWidget* m_mdiCornerWidget { nullptr };
+};
+
+#endif  // MAINWINDOW_H
diff --git a/gui/SARibbon/example/NormalMenuBarExample/CMakeLists.txt b/gui/SARibbon/example/NormalMenuBarExample/CMakeLists.txt
new file mode 100644
index 0000000..252ec80
--- /dev/null
+++ b/gui/SARibbon/example/NormalMenuBarExample/CMakeLists.txt
@@ -0,0 +1,50 @@
+cmake_minimum_required(VERSION 3.5)
+SET(VERSION_SHORT 0.1)
+project(NormalMenuBarExample VERSION ${VERSION_SHORT})
+set(CMAKE_INCLUDE_CURRENT_DIR ON)
+
+# qt库加载，最低要求5.9
+find_package(QT NAMES Qt6 Qt5 COMPONENTS Core REQUIRED)
+find_package(Qt${QT_VERSION_MAJOR} 5.9 COMPONENTS Core Gui Widgets REQUIRED)
+
+# linux下会报
+set(CMAKE_AUTOUIC_SEARCH_PATHS ${CMAKE_CURRENT_LIST_DIR})
+add_executable(NormalMenuBarExample WIN32
+    MainWindow.h
+    MainWindow.cpp
+    MainWindow.ui
+    main.cpp
+)
+
+if(NOT TARGET SARibbonBar)
+    # 说明这个例子是单独加载
+    message(STATUS "NOT TARGET SARibbonBar find_package(SARibbonBar REQUIRED)")
+    find_package(SARibbonBar REQUIRED)
+endif()
+
+target_link_libraries(NormalMenuBarExample PUBLIC SARibbonBar::SARibbonBar)
+target_link_libraries(NormalMenuBarExample PUBLIC
+                                       Qt${QT_VERSION_MAJOR}::Core 
+                                       Qt${QT_VERSION_MAJOR}::Gui 
+                                       Qt${QT_VERSION_MAJOR}::Widgets)
+                                           
+set_target_properties(NormalMenuBarExample PROPERTIES
+    AUTOMOC ON
+    AUTORCC ON
+    AUTOUIC ON
+    CXX_EXTENSIONS OFF
+    DEBUG_POSTFIX ${CMAKE_DEBUG_POSTFIX}
+    VERSION ${SARIBBON_VERSION}
+    EXPORT_NAME NormalMenuBarExample
+    ARCHIVE_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/lib"
+    LIBRARY_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/lib"
+    RUNTIME_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/bin"
+)
+
+install(TARGETS NormalMenuBarExample
+    RUNTIME DESTINATION bin
+    LIBRARY DESTINATION bin
+    ARCHIVE DESTINATION lib
+)
+
+
diff --git a/gui/SARibbon/example/NormalMenuBarExample/MainWindow.cpp b/gui/SARibbon/example/NormalMenuBarExample/MainWindow.cpp
new file mode 100644
index 0000000..0ccabba
--- /dev/null
+++ b/gui/SARibbon/example/NormalMenuBarExample/MainWindow.cpp
@@ -0,0 +1,15 @@
+#include "MainWindow.h"
+#include "ui_MainWindow.h"
+
+MainWindow::MainWindow(QWidget* parent) : SARibbonMainWindow(parent, false)
+{
+    if (!isUseRibbon()) {
+        ui = new Ui::MainWindow;
+        ui->setupUi(this);
+    }
+}
+
+MainWindow::~MainWindow()
+{
+    delete ui;
+}
diff --git a/gui/SARibbon/example/NormalMenuBarExample/MainWindow.h b/gui/SARibbon/example/NormalMenuBarExample/MainWindow.h
new file mode 100644
index 0000000..d6971e5
--- /dev/null
+++ b/gui/SARibbon/example/NormalMenuBarExample/MainWindow.h
@@ -0,0 +1,24 @@
+#ifndef MAINWINDOW_H
+#define MAINWINDOW_H
+
+#include <QMainWindow>
+#include "SARibbonMainWindow.h"
+
+namespace Ui
+{
+class MainWindow;
+}
+
+class MainWindow : public SARibbonMainWindow
+{
+    Q_OBJECT
+
+public:
+    explicit MainWindow(QWidget* parent = nullptr);
+    ~MainWindow();
+
+private:
+    Ui::MainWindow* ui;
+};
+
+#endif  // MAINWINDOW_H
diff --git a/gui/SARibbon/example/NormalMenuBarExample/MainWindow.ui b/gui/SARibbon/example/NormalMenuBarExample/MainWindow.ui
new file mode 100644
index 0000000..18b0a36
--- /dev/null
+++ b/gui/SARibbon/example/NormalMenuBarExample/MainWindow.ui
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>MainWindow</class>
+ <widget class="QMainWindow" name="MainWindow">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>800</width>
+    <height>600</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>MainWindow</string>
+  </property>
+  <widget class="QWidget" name="centralwidget"/>
+  <widget class="QMenuBar" name="menubar">
+   <property name="geometry">
+    <rect>
+     <x>0</x>
+     <y>0</y>
+     <width>800</width>
+     <height>22</height>
+    </rect>
+   </property>
+   <widget class="QMenu" name="menufile">
+    <property name="title">
+     <string>file</string>
+    </property>
+    <addaction name="actionopen"/>
+    <addaction name="actionsave"/>
+   </widget>
+   <widget class="QMenu" name="menuedit">
+    <property name="title">
+     <string>edit</string>
+    </property>
+   </widget>
+   <addaction name="menufile"/>
+   <addaction name="menuedit"/>
+  </widget>
+  <widget class="QStatusBar" name="statusbar"/>
+  <action name="actionopen">
+   <property name="text">
+    <string>open</string>
+   </property>
+  </action>
+  <action name="actionsave">
+   <property name="text">
+    <string>save</string>
+   </property>
+  </action>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
diff --git a/gui/SARibbon/example/NormalMenuBarExample/NormalMenuBarExample.pro b/gui/SARibbon/example/NormalMenuBarExample/NormalMenuBarExample.pro
new file mode 100644
index 0000000..8b36fec
--- /dev/null
+++ b/gui/SARibbon/example/NormalMenuBarExample/NormalMenuBarExample.pro
@@ -0,0 +1,34 @@
+#-------------------------------------------------
+#
+# Project created by QtCreator 2022-09-21T14:04:12
+#
+#-------------------------------------------------
+
+QT       += core gui
+# SARibbon 1.x 版本后引入frameless库，必须要cpp17及以上
+CONFIG += c++17
+greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
+
+TARGET = NormalMenuBarExample
+TEMPLATE = app
+
+SOURCES += main.cpp \
+    MainWindow.cpp
+
+HEADERS  += \ \
+    MainWindow.h
+
+
+
+include($$PWD/../../common.pri)
+DESTDIR = $${SARIBBON_BIN_DIR}/bin
+include($${SARIBBONBAR_PRI_FILE_PATH})
+
+msvc {
+    QMAKE_CFLAGS += /utf-8
+    QMAKE_CXXFLAGS += /utf-8
+}
+
+FORMS += \
+    MainWindow.ui
+
diff --git a/gui/SARibbon/example/NormalMenuBarExample/main.cpp b/gui/SARibbon/example/NormalMenuBarExample/main.cpp
new file mode 100644
index 0000000..926ce16
--- /dev/null
+++ b/gui/SARibbon/example/NormalMenuBarExample/main.cpp
@@ -0,0 +1,66 @@
+#include "MainWindow.h"
+#include <QApplication>
+#include <QElapsedTimer>
+#include <QDebug>
+
+//重定向qdebug的打印
+void log_out_put(QtMsgType type, const QMessageLogContext& context, const QString& msg);
+
+/**
+ * @brief 重定向qdebug的打印
+ * @param type
+ * @param context
+ * @param msg
+ */
+void log_out_put(QtMsgType type, const QMessageLogContext& context, const QString& msg)
+{
+    QByteArray localMsg = msg.toLocal8Bit();
+
+    switch (type) {
+    case QtDebugMsg:
+        fprintf(stdout, "[Debug] %s (%s:%u, %s)\n", localMsg.constData(), context.file, context.line, context.function);
+        break;
+
+        //    case QtInfoMsg:
+        //        fprintf(stdout, "[Info] %s (%s:%u, %s)\n", localMsg.constData(), context.file, context.line,
+        //        context.function); break;
+
+    case QtWarningMsg:
+        fprintf(stdout, "[Warning] %s (%s:%u, %s)\n", localMsg.constData(), context.file, context.line, context.function);
+        break;
+
+    case QtCriticalMsg:
+        fprintf(stdout, "[Critical] %s (%s:%u, %s)\n", localMsg.constData(), context.file, context.line, context.function);
+        break;
+
+    case QtFatalMsg:
+        fprintf(stdout, "Fatal: %s (%s:%u, %s)\n", localMsg.constData(), context.file, context.line, context.function);
+        abort();
+        break;
+
+    default:
+        fprintf(stdout, "[Debug] %s (%s:%u, %s)\n", localMsg.constData(), context.file, context.line, context.function);
+        break;
+    }
+#ifndef QT_NO_DEBUG_OUTPUT
+    fflush(stdout);
+#endif
+}
+
+int main(int argc, char* argv[])
+{
+    QApplication a(argc, argv);
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 6, 0))
+    QApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
+#endif
+    qInstallMessageHandler(log_out_put);
+    QFont f = a.font();
+
+    f.setFamily("微软雅黑");
+    a.setFont(f);
+
+    MainWindow w;
+    w.show();
+
+    return (a.exec());
+}
diff --git a/gui/SARibbon/example/StaticExample/CMakeLists.txt b/gui/SARibbon/example/StaticExample/CMakeLists.txt
new file mode 100644
index 0000000..ccd24a4
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/CMakeLists.txt
@@ -0,0 +1,107 @@
+cmake_minimum_required(VERSION 3.5)
+
+project(StaticExample LANGUAGES CXX)
+
+set(CMAKE_INCLUDE_CURRENT_DIR ON)
+
+set(CMAKE_AUTOUIC ON)
+set(CMAKE_AUTOMOC ON)
+set(CMAKE_AUTORCC ON)
+
+# frameless能提供windows的窗口特效，如边缘吸附，且对高分屏多屏幕的支持更好,默认开启
+option(SARIBBON_USE_FRAMELESS_LIB "Using the QWindowKit library as a frameless solution" OFF)
+
+# QtCreator supports the following variables for Android, which are identical to qmake Android variables.
+# Check https://doc.qt.io/qt/deployment-android.html for more information.
+# They need to be set before the find_package( ...) calls below.
+
+#if(ANDROID)
+#    set(ANDROID_PACKAGE_SOURCE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/android")
+#    if (ANDROID_ABI STREQUAL "armeabi-v7a")
+#        set(ANDROID_EXTRA_LIBS
+#            ${CMAKE_CURRENT_SOURCE_DIR}/path/to/libcrypto.so
+#            ${CMAKE_CURRENT_SOURCE_DIR}/path/to/libssl.so)
+#    endif()
+#endif()
+
+find_package(QT NAMES Qt6 Qt5 COMPONENTS Widgets REQUIRED)
+find_package(Qt${QT_VERSION_MAJOR} COMPONENTS Widgets REQUIRED)
+
+
+# 注意后面所有SARIBBON_USE_FRAMELESS_LIB的判断，都是和framelss有关
+# 如果是使用frameless库，需要c++17，否则c++11足以
+if(SARIBBON_USE_FRAMELESS_LIB)
+    set(CMAKE_CXX_STANDARD 17)
+    set(CMAKE_CXX_STANDARD_REQUIRED ON)
+    if(MSVC)
+        # CMAKE_CXX_STANDARD对有些版本的msvc无效
+        set(CMAKE_CXX_FLAGS"${CMAKE_CXX_FLAGS} /std:c++17")
+    endif()
+    message(STATUS "The current QT version can use the frameless library and enable C++17")
+else()
+    set(CMAKE_CXX_STANDARD 14)
+    set(CMAKE_CXX_STANDARD_REQUIRED ON)
+    if(MSVC)
+        # CMAKE_CXX_STANDARD对有些版本的msvc无效
+        set(CMAKE_CXX_FLAGS"${CMAKE_CXX_FLAGS} /std:c++14")
+    endif()
+    message(STATUS "The current qt version cannot use the frameless library, enable C++11")
+endif()
+#################################################
+# SARibbon相关的文件只要3个
+#################################################
+# 这里展示如何简单的使用SARibbon在CMake文件里
+# Here is an example of how to simply use SARibbon in a CMake file
+SET(SARIBBON_DIR ${CMAKE_CURRENT_SOURCE_DIR}/../../src)
+set(SARIBBON_SIMPLE
+    ${SARIBBON_DIR}/SARibbon.h
+    ${SARIBBON_DIR}/SARibbon.cpp
+    ${SARIBBON_DIR}/SARibbonBar/resource.qrc
+)
+
+set(PROJECT_SOURCES
+        main.cpp
+        MainWindow.cpp
+        MainWindow.h
+        icon.qrc
+        ${SARIBBON_SIMPLE}
+)
+
+
+if(${QT_VERSION_MAJOR} GREATER_EQUAL 6)
+    qt_add_executable(StaticExample
+        ${PROJECT_SOURCES}
+    )
+else()
+    if(ANDROID)
+        add_library(StaticExample SHARED
+            ${PROJECT_SOURCES}
+        )
+    else()
+        add_executable(StaticExample WIN32
+            ${PROJECT_SOURCES}
+        )
+    endif()
+endif()
+
+target_link_libraries(StaticExample PRIVATE Qt${QT_VERSION_MAJOR}::Widgets)
+target_include_directories(StaticExample PUBLIC
+    $<INSTALL_INTERFACE:include>
+    $<BUILD_INTERFACE:${CMAKE_CURRENT_SOURCE_DIR}>
+    $<BUILD_INTERFACE:${SARIBBON_DIR}>
+)
+
+
+if(SARIBBON_USE_FRAMELESS_LIB)
+    find_package(QWindowKit QUIET)
+    if(QWindowKit_FOUND)
+        target_link_libraries(StaticExample PRIVATE QWindowKit::Widgets)
+        target_compile_definitions(StaticExample PRIVATE SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1)
+    else()
+        message(WARNING "can not find package QWindowKit,You need to specify the cmake installation path of QWindowKit to the QWindowKit_DIR variable")
+        target_compile_definitions(StaticExample PRIVATE SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=0)
+    endif()
+else()
+    #不使用frameless必须设置SARIBBON_USE_3RDPARTY_FRAMELESSHELPER宏为0
+    target_compile_definitions(StaticExample PRIVATE SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=0)
+endif()
diff --git a/gui/SARibbon/example/StaticExample/MainWindow.cpp b/gui/SARibbon/example/StaticExample/MainWindow.cpp
new file mode 100644
index 0000000..4dbc29d
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/MainWindow.cpp
@@ -0,0 +1,43 @@
+#include "MainWindow.h"
+#include "SARibbon.h"
+#include <QComboBox>
+#include <QTimer>
+MainWindow::MainWindow(QWidget* parent) : SARibbonMainWindow(parent)
+{
+    setWindowIcon(QIcon(":/app/icon/SA.svg"));
+    SARibbonBar* bar = ribbonBar();
+    bar->applicationButton()->setText(tr("  File  "));
+    SARibbonCategory* mainCate = bar->addCategoryPage(tr("Main"));
+    SARibbonPannel* pannel     = mainCate->addPannel(tr("actions"));
+    pannel->addAction(tr("action1"), QIcon(":/app/icon/action.svg"), QToolButton::InstantPopup);
+    pannel->addAction(tr("action2"), QIcon(":/app/icon/customize0.svg"), QToolButton::InstantPopup);
+    pannel->addAction(tr("action3"), QIcon(":/app/icon/save.svg"), QToolButton::InstantPopup);
+    pannel->addAction(tr("action4"), QIcon(":/app/icon/item.svg"), QToolButton::InstantPopup, SARibbonPannelItem::Small);
+    pannel->addAction(tr("action5"), QIcon(":/app/icon/folder-star.svg"), QToolButton::InstantPopup, SARibbonPannelItem::Small);
+    pannel->addAction(tr("action6"), QIcon(":/app/icon/test1.svg"), QToolButton::InstantPopup, SARibbonPannelItem::Small);
+    SARibbonCategory* otherCate = bar->addCategoryPage(tr("Other"));
+    SARibbonPannel* pannel2     = otherCate->addPannel(tr("other"));
+    pannel2->addAction(tr("action1"), QIcon(":/app/icon/action.svg"), QToolButton::InstantPopup);
+    QComboBox* combo = new QComboBox(this);
+    pannel2->addMediumWidget(combo);
+	combo->addItem("RibbonThemeWindows7", static_cast< int >(SARibbonTheme::RibbonThemeWindows7));
+	combo->addItem("RibbonThemeOffice2013", static_cast< int >(SARibbonTheme::RibbonThemeOffice2013));
+	combo->addItem("RibbonThemeOffice2016Blue", static_cast< int >(SARibbonTheme::RibbonThemeOffice2016Blue));
+	combo->addItem("RibbonThemeOffice2021Blue", static_cast< int >(SARibbonTheme::RibbonThemeOffice2021Blue));
+	combo->addItem("RibbonThemeDark", static_cast< int >(SARibbonTheme::RibbonThemeDark));
+	combo->addItem("RibbonThemeDark2", static_cast< int >(SARibbonTheme::RibbonThemeDark2));
+    combo->setCurrentIndex(3);
+    connect(combo, QOverload< int >::of(&QComboBox::currentIndexChanged), [ this, combo ](int index) {
+		SARibbonTheme th = static_cast< SARibbonTheme >(combo->itemData(index).toInt());
+        this->setRibbonTheme(th);
+    });
+    resize(800, 600);
+    // 在构造函数设置主题会不完全生效
+    // QTimer::singleShot(0, this, [ this ]() { this->setRibbonTheme(SARibbonMainWindow::RibbonThemeOffice2016Blue); });
+
+    // more example see MainWindowExample
+}
+
+MainWindow::~MainWindow()
+{
+}
diff --git a/gui/SARibbon/example/StaticExample/MainWindow.h b/gui/SARibbon/example/StaticExample/MainWindow.h
new file mode 100644
index 0000000..8c63e13
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/MainWindow.h
@@ -0,0 +1,15 @@
+#ifndef MAINWINDOW_H
+#define MAINWINDOW_H
+
+#include <QMainWindow>
+#include "SARibbon.h"
+
+class MainWindow : public SARibbonMainWindow
+{
+    Q_OBJECT
+
+public:
+    MainWindow(QWidget* parent = nullptr);
+    ~MainWindow();
+};
+#endif  // MAINWINDOW_H
diff --git a/gui/SARibbon/example/StaticExample/StaticExample.pro b/gui/SARibbon/example/StaticExample/StaticExample.pro
new file mode 100644
index 0000000..61a7657
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/StaticExample.pro
@@ -0,0 +1,23 @@
+#-------------------------------------------------
+#
+# Project created by QtCreator 2017-09-21T14:04:12
+#
+#-------------------------------------------------
+
+QT       += core gui
+CONFIG += c++17
+greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
+
+TARGET = StaticExample
+TEMPLATE = app
+
+SOURCES += main.cpp\
+    mainwindow.cpp 
+
+HEADERS  += \
+    mainwindow.h 
+    
+include($$PWD/../../src/SARibbon.pri)
+
+RESOURCES += \
+    icon.qrc
diff --git a/gui/SARibbon/example/StaticExample/icon.qrc b/gui/SARibbon/example/StaticExample/icon.qrc
new file mode 100644
index 0000000..aed7dd3
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/icon.qrc
@@ -0,0 +1,11 @@
+<RCC>
+    <qresource prefix="/app">
+        <file>icon/action.svg</file>
+        <file>icon/customize0.svg</file>
+        <file>icon/folder-star.svg</file>
+        <file>icon/item.svg</file>
+        <file>icon/SA.svg</file>
+        <file>icon/save.svg</file>
+        <file>icon/test1.svg</file>
+    </qresource>
+</RCC>
diff --git a/gui/SARibbon/example/StaticExample/icon/SA.svg b/gui/SARibbon/example/StaticExample/icon/SA.svg
new file mode 100644
index 0000000..06ff5a0
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/icon/SA.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646226693026" class="icon" viewBox="0 0 1057 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27766" xmlns:xlink="http://www.w3.org/1999/xlink" width="33.03125" height="32"><defs><style type="text/css"></style></defs><path d="M854.441558 1024h-651.636363C91.096104 1024 0 932.903896 0 821.194805v-618.38961C0 91.096104 91.096104 0 202.805195 0h651.636363C966.150649 0 1057.246753 91.096104 1057.246753 202.805195v618.38961c0 111.709091-91.096104 202.805195-202.805195 202.805195zM202.805195 19.948052C101.735065 19.948052 19.948052 101.735065 19.948052 202.805195v618.38961C19.948052 922.264935 101.735065 1004.051948 202.805195 1004.051948h651.636363c101.07013 0 182.857143-81.787013 182.857143-182.857143v-618.38961C1037.298701 101.735065 955.511688 19.948052 854.441558 19.948052h-651.636363z" p-id="27767" fill="#024089"></path><path d="M13.963636 646.316883c33.246753-4.654545 53.85974-7.314286 61.838961-7.979221 16.623377-1.994805 40.561039-3.98961 73.142858-7.97922 6.649351 40.561039 19.948052 69.818182 40.561039 89.101298 20.612987 18.618182 47.875325 28.592208 82.451948 28.592208 36.571429 0 63.833766-8.644156 82.451948-25.267532 18.618182-16.623377 27.927273-36.571429 27.927272-59.179221 0-14.628571-3.98961-26.597403-11.968831-36.571429-7.979221-9.974026-21.277922-19.283117-40.561039-26.597402-13.298701-5.319481-43.220779-13.963636-91.096104-26.597403-60.509091-16.623377-103.72987-36.571429-127.667532-60.509091-34.576623-33.911688-51.864935-74.472727-51.864935-123.012987 0-31.251948 7.979221-60.509091 24.602597-87.106493s39.896104-47.875325 69.818182-61.838961c30.587013-13.963636 67.158442-21.277922 110.379221-21.277923 70.483117 0 123.677922 16.623377 158.91948 50.535065 28.592208 27.262338 38.566234 39.231169 45.215585 81.122078 1.32987 9.974026 26.597403 43.885714 26.597402 54.524676h-46.545454c-18.618182 0.664935-46.545455 1.994805-83.116883 3.98961-4.654545-31.251948-15.293506-53.85974-31.251948-67.823377s-39.896104-20.612987-71.812987-20.612987c-33.246753 0-58.514286 7.314286-77.132468 21.942858-11.968831 9.309091-17.953247 21.942857-17.953247 37.901298 0 14.628571 5.319481 26.597403 16.623377 37.236364 14.628571 13.298701 49.205195 26.597403 104.394805 40.561039 55.18961 13.963636 95.750649 28.592208 122.348052 43.885714s47.21039 35.906494 61.838961 61.838961c14.628571 26.597403 22.607792 58.514286 22.607792 97.08052 0 35.241558-8.644156 67.823377-26.597402 98.410389-17.953247 30.587013-43.220779 53.194805-75.802598 68.488312s-73.142857 22.607792-122.348052 22.607792c-71.148052 0-125.672727-17.953247-163.574026-53.85974-29.257143-27.262338-49.205195-64.498701-60.509091-111.044156-2.65974-13.298701-29.922078-24.602597-31.916883-40.561039z" p-id="27768" fill="#024089"></path><path d="M1041.953247 840.477922h-144.955844l-49.205195-138.971428H623.709091l-46.545455 138.971428H439.522078l31.251948-38.566234 204.8-572.509091h119.688312l210.784415 571.844156 35.906494 39.231169zM811.885714 598.441558l-77.132467-226.742857L658.285714 598.441558h153.6z" p-id="27769" fill="#024089"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/StaticExample/icon/action.svg b/gui/SARibbon/example/StaticExample/icon/action.svg
new file mode 100644
index 0000000..75d9d27
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/icon/action.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646316928855" class="icon" viewBox="0 0 1187 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5394" xmlns:xlink="http://www.w3.org/1999/xlink" width="37.09375" height="32"><defs><style type="text/css"></style></defs><path d="M591.619164 303.326125l-134.993793 63.531367-87.359085-70.479103 224.342551-110.182754 225.332782 113.164961-85.369412 67.496896zM592.614001 670.616555l135.005307-63.531367 87.34757 70.479103-223.347714 111.177591-226.318407-114.159798 85.369412-67.496896zM387.138801 576.309735l-91.324613 60.556069L0.992534 486.970189l298.789486-151.873775 87.356781 70.479104-162.798553 81.394671zM963.867657 486.970189l-162.79625-81.394671 87.356781-70.479104 298.787184 151.873775-293.826818 150.890452-91.324614-61.550906z" fill="#5D7690" p-id="5395"></path><path d="M592.614001 1024L0.992534 704.362701 0 542.56359 593.608837 862.191677l593.606535-315.657953v162.793948z" fill="#5D7690" p-id="5396"></path><path d="M1155.313819 333.560405L598.463271 613.712826 58.241693 359.997265 623.564471 97.7496z" fill="#5D7690" p-id="5397"></path><path d="M1040.083191 336.337657l-439.872047 221.295864L173.472321 357.220013l446.564165-207.156288z" fill="#B9D2E2" p-id="5398"></path><path d="M621.839627 108.234532m-80.190274 0a80.190274 80.190274 0 1 0 160.380548 0 80.190274 80.190274 0 1 0-160.380548 0Z" fill="#B9D2E2" p-id="5399"></path><path d="M621.839627 216.469064c59.777702 0 108.234532-48.45683 108.234532-108.234532s-48.45683-108.234532-108.234532-108.234532-108.234532 48.45683-108.234532 108.234532 48.459133 108.234532 108.234532 108.234532z m0-181.585305c40.511955 0 73.353076 32.838818 73.353076 73.350773s-32.84112 73.350773-73.353076 73.350773c-40.509652 0-73.34847-32.84112-73.34847-73.350773s32.838818-73.350773 73.34847-73.350773z" fill="#5D7690" p-id="5400"></path><path d="M157.223324 340.261735m-80.190274 0a80.190274 80.190274 0 1 0 160.380548 0 80.190274 80.190274 0 1 0-160.380548 0Z" fill="#B9D2E2" p-id="5401"></path><path d="M157.223324 448.496267c59.777702 0 108.234532-48.45683 108.234532-108.234532s-48.45683-108.234532-108.234532-108.234532-108.234532 48.45683-108.234532 108.234532 48.459133 108.234532 108.234532 108.234532z m0-181.583002c40.509652 0 73.353076 32.838818 73.353075 73.350773s-32.843423 73.350773-73.353075 73.350772-73.350773-32.838818-73.350773-73.350772 32.843423-73.350773 73.350773-73.350773z" fill="#5D7690" p-id="5402"></path><path d="M594.207581 542.12144m-80.190274 0a80.190274 80.190274 0 1 0 160.380548 0 80.190274 80.190274 0 1 0-160.380548 0Z" fill="#B9D2E2" p-id="5403"></path><path d="M594.205279 650.355972c59.777702 0 108.234532-48.45683 108.234532-108.234532s-48.45683-108.234532-108.234532-108.234532c-59.775399 0-108.234532 48.45683-108.234533 108.234532s48.459133 108.234532 108.234533 108.234532z m0-181.585305c40.511955 0 73.353076 32.838818 73.353075 73.350773s-32.84112 73.350773-73.353075 73.350773c-40.509652 0-73.350773-32.838818-73.350773-73.350773s32.84112-73.350773 73.350773-73.350773z" fill="#5D7690" p-id="5404"></path><path d="M1061.681737 328.747423m-80.190274 0a80.190274 80.190274 0 1 0 160.380548 0 80.190274 80.190274 0 1 0-160.380548 0Z" fill="#B9D2E2" p-id="5405"></path><path d="M1061.681737 436.981955c59.777702 0 108.234532-48.45683 108.234532-108.234532s-48.45683-108.234532-108.234532-108.234532-108.234532 48.45683-108.234532 108.234532 48.459133 108.234532 108.234532 108.234532z m0-181.583002c40.509652 0 73.353076 32.838818 73.353076 73.350773s-32.843423 73.350773-73.353076 73.350772-73.350773-32.838818-73.350772-73.350772 32.843423-73.350773 73.350772-73.350773z" fill="#5D7690" p-id="5406"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/StaticExample/icon/customize0.svg b/gui/SARibbon/example/StaticExample/icon/customize0.svg
new file mode 100644
index 0000000..14b1c97
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/icon/customize0.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646225290986" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9990" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M594.336 310.816a547.632 547.632 0 0 0-21.824-65.056c-77.472 17.12-102.704-50.144-70.24-97.2a89.776 89.776 0 0 0-53.92-37.488c-32.528 49.744-121.248 24.688-113.36-43.296h-75.856c6.384 72.848-81.376 88.224-118.656 43.232-18.368 12.096-43.44 17.296-48.8 43.072 35.616 42.736 3.088 109.52-70.24 91.68C13.504 266.352 5.664 287.968 0 310.816c61.424 9.728 61.424 103.728 0 113.456 5.728 22.688 13.504 44.32 21.456 64.848 77.472-17.072 103.424 50.208 70.24 97.248 12.272 18.368 29.728 31.504 54.304 37.712 32.528-49.824 121.04-24.768 113.136 43.376h75.856c-6.592-73.136 81.328-88.384 118.88-43.376 18.32-12.112 43.552-17.664 48.4-43.232-35.28-42.944-2.8-109.344 70.24-91.68a579.328 579.328 0 0 0 21.776-64.848c-64.048-15.776-64.048-97.952 0-113.504h0.048zM297.168 480.144a112.608 112.608 0 1 1 0-225.216 112.608 112.608 0 0 1 0 225.216z m0 0" fill="#13227a" p-id="9991"></path><path d="M1024 551.712a399.584 399.584 0 0 0-15.776-47.024c-56.016 12.384-74.24-36.24-50.784-70.272a64.784 64.784 0 0 0-38.976-27.088c-23.536 35.984-87.664 17.84-81.952-31.296h-54.848c4.608 52.656-58.816 63.776-85.76 31.248-13.28 8.752-31.408 12.496-35.28 31.136 25.744 30.896 2.24 79.168-50.768 66.272-5.744 14.896-11.424 30.512-15.52 47.024 44.4 7.024 44.4 75.008 0 82.032 4.144 16.384 9.76 32.032 15.52 46.88 56-12.352 74.768 36.288 50.768 70.32 8.896 13.28 21.488 22.752 39.264 27.248 23.52-36.016 87.488-17.888 81.776 31.36h54.848c-4.768-52.896 58.784-63.904 85.936-31.36 13.232-8.752 31.488-12.768 34.992-31.248-25.504-31.04-2.032-79.04 50.784-66.288 5.984-14.88 11.328-30.544 15.744-46.88-46.304-11.408-46.304-70.816 0-82.064H1024z m-214.848 122.432c-44.944 0-81.376-36.448-81.376-81.408s36.432-81.392 81.376-81.392a81.392 81.392 0 1 1 0 162.8z m0 0" fill="#13227a" p-id="9992"></path><path d="M667.488 777.168a276.736 276.736 0 0 0-10.96-32.672c-38.912 8.592-51.568-25.168-35.28-48.8a44.944 44.944 0 0 0-27.04-18.816c-16.336 24.992-60.896 12.368-56.928-21.744h-38.096c3.216 36.576-40.848 44.304-59.568 21.696-9.232 6.096-21.808 8.688-24.496 21.632 17.872 21.472 1.536 54.992-35.28 46.032-3.984 10.336-7.92 21.184-10.768 32.672 30.848 4.896 30.848 52.08 0 56.976 2.864 11.392 6.784 22.24 10.768 32.544 38.896-8.56 51.936 25.2 35.28 48.832 6.16 9.232 14.912 15.808 27.264 18.944 16.336-25.024 60.768-12.416 56.8 21.76h38.096c-3.312-36.72 40.816-44.352 59.664-21.76 9.2-6.08 21.856-8.864 24.304-21.712-17.696-21.552-1.392-54.912 35.28-46.016 4.144-10.336 7.856-21.232 10.944-32.56-32.16-7.936-32.16-49.184 0.016-57.008z m-149.2 85.008a56.528 56.528 0 1 1 0-113.04 56.528 56.528 0 0 1 0 113.04z m0 0" fill="#13227a" p-id="9993"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/StaticExample/icon/folder-star.svg b/gui/SARibbon/example/StaticExample/icon/folder-star.svg
new file mode 100644
index 0000000..7138806
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/icon/folder-star.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972771227" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1573" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M800 800m-224 0a224 224 0 1 0 448 0 224 224 0 1 0-448 0Z" fill="#EACA44" p-id="1574"></path><path d="M800 672l40 88 88 16-64 64 15.936 88L800 888 720.064 928 736 840l-64-64 88-16z" fill="#FFFFFF" p-id="1575"></path><path d="M960 128H512V64a64 64 0 0 0-64-64H64a64 64 0 0 0-64 64v256a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V192a64 64 0 0 0-64-64z" fill="#434854" p-id="1576"></path><path d="M512 800a288 288 0 0 1 288-288 287.296 287.296 0 0 1 224 107.168V320a64 64 0 0 0-64-64H64a64 64 0 0 0-64 64v640a64 64 0 0 0 64 64h555.168A287.296 287.296 0 0 1 512 800z" fill="#EDD87E" p-id="1577"></path><path d="M960 224H64a64 64 0 0 0-64 64v32a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V288a64 64 0 0 0-64-64z" fill="" p-id="1578"></path><path d="M128 192h768v64H128z" fill="#EAEAEA" p-id="1579"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/StaticExample/icon/item.svg b/gui/SARibbon/example/StaticExample/icon/item.svg
new file mode 100644
index 0000000..9819b1c
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/icon/item.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972053003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12456" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 161.28a21.333333 21.333333 0 0 1 10.24 2.56l283.733333 156.16-283.733333 156.16a21.76 21.76 0 0 1-20.48 0L218.026667 320l283.733333-156.16a21.333333 21.333333 0 0 1 10.24-2.56m0-64a87.466667 87.466667 0 0 0-42.666667 10.666667L153.173333 282.453333a42.666667 42.666667 0 0 0 0 75.093334L469.333333 532.053333a85.333333 85.333333 0 0 0 81.92 0l317.866667-174.506666a42.666667 42.666667 0 0 0 0-75.093334L554.666667 107.946667a87.466667 87.466667 0 0 0-42.666667-10.666667zM512 906.666667a85.333333 85.333333 0 0 1-37.973333-8.96l-317.866667-158.72A32 32 0 1 1 185.173333 682.666667l317.44 158.72a20.906667 20.906667 0 0 0 18.773334 0L838.826667 682.666667a32 32 0 1 1 28.586666 57.173333L549.973333 896a85.333333 85.333333 0 0 1-37.973333 10.666667z" fill="#333333" p-id="12457"></path><path d="M512 640l-320-158.72v69.12a42.666667 42.666667 0 0 0 23.466667 37.973333l277.333333 136.96a42.666667 42.666667 0 0 0 38.4 0L810.666667 588.373333a42.666667 42.666667 0 0 0 23.466666-37.973333v-69.12z" fill="#DCB56D" p-id="12458"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/StaticExample/icon/save.svg b/gui/SARibbon/example/StaticExample/icon/save.svg
new file mode 100644
index 0000000..c8b06ac
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/icon/save.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645969588174" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4449" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M165.840081 127.921872h608.774771l121.254934 121.254934v608.774771c0 20.834181-17.084028 37.91821-37.918209 37.918209H165.840081c-20.834181 0-37.91821-17.084028-37.918209-37.918209V165.840081c0-20.834181 17.084028-37.91821 37.918209-37.918209z" fill="#01579B" p-id="4450"></path><path d="M284.803255 127.921872h454.39349V318.76297c0 25.626043-20.834181 46.668566-46.668566 46.668566H331.471821c-25.626043 0-46.668566-20.834181-46.668566-46.668566V127.921872zM743.155239 896.078128H280.844761V654.818311c0-27.917803 22.709257-50.62706 50.62706-50.62706h361.2647c27.917803 0 50.62706 22.709257 50.62706 50.62706l-0.208342 241.259817z" fill="#0277BD" p-id="4451"></path><path d="M299.803866 127.921872h424.392268V318.76297c0 17.29237-14.167243 31.667955-31.667955 31.667956H331.471821c-17.29237 0-31.667955-14.167243-31.667955-31.667956V127.921872zM299.803866 896.078128h424.392268V654.818311c0-17.29237-14.167243-31.667955-31.667955-31.667955H331.471821c-17.29237 0-31.667955 14.167243-31.667955 31.667955v241.259817z" fill="#EEEEEE" p-id="4452"></path><path d="M572.731638 127.921872h93.128789v181.882401h-93.128789z" fill="#424242" p-id="4453"></path><path d="M360.431333 724.612818h303.137334v19.167446H360.431333zM360.431333 808.991251h303.137334v19.167447H360.431333z" fill="#757575" p-id="4454"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/StaticExample/icon/test1.svg b/gui/SARibbon/example/StaticExample/icon/test1.svg
new file mode 100644
index 0000000..41e03c1
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/icon/test1.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972462678" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3334" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M854.42 938.77H177.51V85.28h529.76l147.15 147.16z" fill="#949BA6" p-id="3335"></path><path d="M854.42 232.44H707.27V85.28z" fill="#FFC600" p-id="3336"></path><path d="M721.98 261.87c0 8.09 6.62 14.72 14.72 14.72h117.72v-44.15H721.98v29.43z" fill="#717582" p-id="3337"></path><path d="M236.37 247.15c-8.09 0-14.72-6.62-14.72-14.72v-88.29c0-8.09 6.62-14.72 14.72-14.72 8.09 0 14.72 6.62 14.72 14.72v88.29c0 8.1-6.62 14.72-14.72 14.72zM236.37 894.63c-8.09 0-14.72-6.62-14.72-14.72V350.16c0-8.09 6.62-14.72 14.72-14.72 8.09 0 14.72 6.62 14.72 14.72v529.75c0 8.1-6.62 14.72-14.72 14.72z" fill="#DFE1E4" p-id="3338"></path><path d="M236.37 291.3m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#DFE1E4" p-id="3339"></path><path d="M913.28 423.74c-8.09 0-14.72 6.62-14.72 14.72V673.9c0 8.09 6.62 14.72 14.72 14.72 8.09 0 14.72-6.62 14.72-14.72V438.45c0-8.09-6.63-14.71-14.72-14.71z" fill="#090418" p-id="3340"></path><path d="M913.28 791.62m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3341"></path><path d="M913.28 732.76m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3342"></path><path d="M118.65 232.44m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3343"></path><path d="M118.65 291.3m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3344"></path><path d="M118.65 173.58m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3345"></path><path d="M295.24 453.17h264.88c8.09 0 14.72-6.62 14.72-14.72s-6.62-14.72-14.72-14.72H295.24c-8.09 0-14.72 6.62-14.72 14.72s6.62 14.72 14.72 14.72zM604.26 438.45c0 8.09 6.62 14.72 14.72 14.72H736.7c8.09 0 14.72-6.62 14.72-14.72s-6.62-14.72-14.72-14.72H618.97c-8.09 0.01-14.71 6.63-14.71 14.72zM736.7 482.6H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72H736.7c8.09 0 14.72-6.62 14.72-14.72-0.01-8.1-6.63-14.72-14.72-14.72zM295.24 688.61h264.88c8.09 0 14.72-6.62 14.72-14.72s-6.62-14.72-14.72-14.72H295.24c-8.09 0-14.72 6.62-14.72 14.72s6.62 14.72 14.72 14.72zM574.83 776.9H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72h279.59c8.09 0 14.72-6.62 14.72-14.72-0.01-8.09-6.63-14.72-14.72-14.72zM736.7 659.18h-58.86c-8.09 0-14.72 6.62-14.72 14.72s6.62 14.72 14.72 14.72h58.86c8.09 0 14.72-6.62 14.72-14.72s-6.63-14.72-14.72-14.72zM295.24 364.87h58.86c8.09 0 14.72-6.62 14.72-14.72 0-8.09-6.62-14.72-14.72-14.72h-9.2l9.93-29.43h57.39l9.93 29.43h-9.2c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72h58.86c8.09 0 14.72-6.62 14.72-14.72 0-8.09-6.62-14.72-14.72-14.72h-18.76L397.5 168.78c0-0.37-0.37-0.37-0.37-0.74-0.37-0.74-0.37-1.1-0.74-1.47-0.37-1.1-1.1-1.84-1.84-2.94-0.37-0.37-0.74-0.74-1.47-1.1-0.74-0.74-1.84-1.47-2.94-1.84-0.37-0.37-1.1-0.74-1.47-0.74-1.47-0.74-3.31-1.1-5.15-1.1H354.1c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72h9.2L314 335.44h-18.76c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.71 14.72 14.71z m88.29-144.94l18.76 56.65h-37.52l18.76-56.65zM471.82 276.58h22.07v22.07c0 8.09 6.62 14.72 14.72 14.72 8.09 0 14.72-6.62 14.72-14.72v-22.07h22.07c8.09 0 14.72-6.62 14.72-14.72s-6.62-14.72-14.72-14.72h-22.07v-22.07c0-8.09-6.62-14.72-14.72-14.72-8.09 0-14.72 6.62-14.72 14.72v22.07h-22.07c-8.09 0-14.72 6.62-14.72 14.72s6.63 14.72 14.72 14.72zM648.4 615.04c0-8.09-6.62-14.72-14.72-14.72H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72h338.45c8.09-0.01 14.71-6.63 14.71-14.72zM736.7 541.46H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72H736.7c8.09 0 14.72-6.62 14.72-14.72-0.01-8.1-6.63-14.72-14.72-14.72zM736.7 718.04H295.24c-8.09 0-14.72 6.62-14.72 14.72 0 8.09 6.62 14.72 14.72 14.72H736.7c8.09 0 14.72-6.62 14.72-14.72-0.01-8.1-6.63-14.72-14.72-14.72z" fill="#090418" p-id="3346"></path><path d="M864.72 222.14L717.57 74.98c-1.47-1.47-2.94-2.58-4.78-3.31s-3.68-1.1-5.52-1.1H177.51c-8.09 0-14.72 6.62-14.72 14.72v853.49c0 8.09 6.62 14.72 14.72 14.72h676.91c8.09 0 14.72-6.62 14.72-14.72V232.44c0-1.84-0.37-4.05-1.1-5.52-0.75-1.84-1.85-3.68-3.32-4.78zM721.98 120.97l96.75 96.75h-96.75v-96.75zM839.7 924.06H192.23V100h500.32v132.44c0 8.09 6.62 14.72 14.72 14.72H839.7v676.9z" fill="#090418" p-id="3347"></path><path d="M618.97 673.9m-14.72 0a14.72 14.72 0 1 0 29.44 0 14.72 14.72 0 1 0-29.44 0Z" fill="#090418" p-id="3348"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/StaticExample/main.cpp b/gui/SARibbon/example/StaticExample/main.cpp
new file mode 100644
index 0000000..6b177df
--- /dev/null
+++ b/gui/SARibbon/example/StaticExample/main.cpp
@@ -0,0 +1,14 @@
+#include "MainWindow.h"
+
+#include <QApplication>
+
+int main(int argc, char* argv[])
+{
+    QApplication a(argc, argv);
+    QFont f = a.font();
+    f.setFamily(u8"微软雅黑");
+    a.setFont(f);
+    MainWindow w;
+    w.show();
+    return a.exec();
+}
diff --git a/gui/SARibbon/example/WidgetWithRibbon/CMakeLists.txt b/gui/SARibbon/example/WidgetWithRibbon/CMakeLists.txt
new file mode 100644
index 0000000..decd389
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/CMakeLists.txt
@@ -0,0 +1,57 @@
+cmake_minimum_required(VERSION 3.5)
+SET(VERSION_SHORT 0.1)
+project(WidgetWithRibbon VERSION ${VERSION_SHORT})
+set(CMAKE_INCLUDE_CURRENT_DIR ON)
+# 显示定义FRAMELESSHELPER_FEATURE_static_build为-1 否则库引用会失败
+add_definitions(-DFRAMELESSHELPER_FEATURE_static_build=-1)
+# qt库加载，最低要求5.9
+find_package(QT NAMES Qt6 Qt5 COMPONENTS Core REQUIRED)
+find_package(Qt${QT_VERSION_MAJOR} 5.9 COMPONENTS Core Gui Widgets REQUIRED)
+
+add_executable(WidgetWithRibbon WIN32
+    RibbonWidget.h
+    RibbonWidget.cpp
+    MainWidget.h
+    MainWidget.cpp
+    MainWidget.ui
+    InnerWidget.h
+    InnerWidget.cpp
+    InnerWidget.ui
+    main.cpp
+    icon.qrc
+)
+
+
+if(NOT TARGET SARibbonBar)
+    # 说明这个例子是单独加载
+    message(STATUS "NOT TARGET SARibbonBar find_package(SARibbonBar REQUIRED)")
+    find_package(SARibbonBar REQUIRED)
+endif()
+
+target_link_libraries(WidgetWithRibbon PUBLIC SARibbonBar::SARibbonBar)
+target_link_libraries(WidgetWithRibbon PUBLIC
+                                       Qt${QT_VERSION_MAJOR}::Core 
+                                       Qt${QT_VERSION_MAJOR}::Gui 
+                                       Qt${QT_VERSION_MAJOR}::Widgets
+)
+
+include(GNUInstallDirs)
+
+set_target_properties(WidgetWithRibbon PROPERTIES
+    AUTOMOC ON
+    AUTORCC ON
+    AUTOUIC ON
+    CXX_EXTENSIONS OFF
+    DEBUG_POSTFIX ${CMAKE_DEBUG_POSTFIX}
+    VERSION ${SARIBBON_VERSION}
+    EXPORT_NAME WidgetWithRibbon
+    ARCHIVE_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/${CMAKE_INSTALL_LIBDIR}"
+    LIBRARY_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/${CMAKE_INSTALL_LIBDIR}"
+    RUNTIME_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/${CMAKE_INSTALL_BINDIR}"
+)
+
+install(TARGETS WidgetWithRibbon
+    RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}
+    LIBRARY DESTINATION ${CMAKE_INSTALL_BINDIR}
+    ARCHIVE DESTINATION ${CMAKE_INSTALL_LIBDIR}
+)
diff --git a/gui/SARibbon/example/WidgetWithRibbon/InnerWidget.cpp b/gui/SARibbon/example/WidgetWithRibbon/InnerWidget.cpp
new file mode 100644
index 0000000..9950cb8
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/InnerWidget.cpp
@@ -0,0 +1,17 @@
+#include "InnerWidget.h"
+#include "ui_InnerWidget.h"
+
+InnerWidget::InnerWidget(QWidget* parent) : QWidget(parent), ui(new Ui::InnerWidget)
+{
+    ui->setupUi(this);
+}
+
+InnerWidget::~InnerWidget()
+{
+    delete ui;
+}
+
+void InnerWidget::appendText(const QString& t)
+{
+    ui->plainTextEdit->appendPlainText(t);
+}
diff --git a/gui/SARibbon/example/WidgetWithRibbon/InnerWidget.h b/gui/SARibbon/example/WidgetWithRibbon/InnerWidget.h
new file mode 100644
index 0000000..34aef98
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/InnerWidget.h
@@ -0,0 +1,25 @@
+#ifndef INNERWIDGET_H
+#define INNERWIDGET_H
+
+#include <QWidget>
+
+namespace Ui
+{
+class InnerWidget;
+}
+
+class InnerWidget : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit InnerWidget(QWidget* parent = nullptr);
+    ~InnerWidget();
+public Q_SLOTS:
+    void appendText(const QString& t);
+
+private:
+    Ui::InnerWidget* ui;
+};
+
+#endif  // INNERWIDGET_H
diff --git a/gui/SARibbon/example/WidgetWithRibbon/InnerWidget.ui b/gui/SARibbon/example/WidgetWithRibbon/InnerWidget.ui
new file mode 100644
index 0000000..c788b31
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/InnerWidget.ui
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>InnerWidget</class>
+ <widget class="QWidget" name="InnerWidget">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>564</width>
+    <height>439</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QPlainTextEdit" name="plainTextEdit"/>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
diff --git a/gui/SARibbon/example/WidgetWithRibbon/MainWidget.cpp b/gui/SARibbon/example/WidgetWithRibbon/MainWidget.cpp
new file mode 100644
index 0000000..bc40349
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/MainWidget.cpp
@@ -0,0 +1,15 @@
+#include "MainWidget.h"
+#include "ui_MainWidget.h"
+#include "RibbonWidget.h"
+MainWidget::MainWidget(QWidget* parent) : QWidget(parent), ui(new Ui::MainWidget)
+{
+    ui->setupUi(this);
+    ui->tabWidget->addTab(new RibbonWidget(), "ribbon tab 1");
+    ui->tabWidget->addTab(new RibbonWidget(), "ribbon tab 2");
+    ui->tabWidget->addTab(new RibbonWidget(), "ribbon tab 3");
+}
+
+MainWidget::~MainWidget()
+{
+    delete ui;
+}
diff --git a/gui/SARibbon/example/WidgetWithRibbon/MainWidget.h b/gui/SARibbon/example/WidgetWithRibbon/MainWidget.h
new file mode 100644
index 0000000..56891ac
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/MainWidget.h
@@ -0,0 +1,22 @@
+#ifndef MAINWIDGET_H
+#define MAINWIDGET_H
+
+#include <QWidget>
+
+namespace Ui {
+class MainWidget;
+}
+
+class MainWidget : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit MainWidget(QWidget *parent = nullptr);
+    ~MainWidget();
+
+private:
+    Ui::MainWidget *ui;
+};
+
+#endif // MAINWIDGET_H
diff --git a/gui/SARibbon/example/WidgetWithRibbon/MainWidget.ui b/gui/SARibbon/example/WidgetWithRibbon/MainWidget.ui
new file mode 100644
index 0000000..371b870
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/MainWidget.ui
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>MainWidget</class>
+ <widget class="QWidget" name="MainWidget">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>568</width>
+    <height>514</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <property name="spacing">
+    <number>1</number>
+   </property>
+   <property name="leftMargin">
+    <number>1</number>
+   </property>
+   <property name="topMargin">
+    <number>1</number>
+   </property>
+   <property name="rightMargin">
+    <number>1</number>
+   </property>
+   <property name="bottomMargin">
+    <number>1</number>
+   </property>
+   <item>
+    <widget class="QTabWidget" name="tabWidget">
+     <property name="tabShape">
+      <enum>QTabWidget::Triangular</enum>
+     </property>
+     <property name="iconSize">
+      <size>
+       <width>25</width>
+       <height>25</height>
+      </size>
+     </property>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
diff --git a/gui/SARibbon/example/WidgetWithRibbon/RibbonWidget.cpp b/gui/SARibbon/example/WidgetWithRibbon/RibbonWidget.cpp
new file mode 100644
index 0000000..8d09fae
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/RibbonWidget.cpp
@@ -0,0 +1,85 @@
+#include "RibbonWidget.h"
+#include "InnerWidget.h"
+#include "SARibbonBar.h"
+#include "SARibbonCategory.h"
+#include "SARibbonPannel.h"
+#include "SARibbonMainWindow.h"
+#include "SARibbonQuickAccessBar.h"
+RibbonWidget::RibbonWidget(QWidget* parent) : SARibbonWidget(parent)
+{
+    // 直接创建SARibbonBar
+    SARibbonBar* ribbonbar = ribbonBar();
+    // QWidget模式下，没有必要再显示标题
+    ribbonbar->setTitleVisible(false);
+    // QWidget模式下，直接使用紧凑模式效果更好
+    ribbonbar->setRibbonStyle(SARibbonBar::RibbonStyleCompactThreeRow);
+    // 取消applicationbutton
+    ribbonbar->setApplicationButton(nullptr);
+
+    buildRibbon(ribbonbar);
+    //
+    setWidget(new InnerWidget());
+}
+
+RibbonWidget::~RibbonWidget()
+{
+}
+
+void RibbonWidget::buildRibbon(SARibbonBar* bar)
+{
+    SARibbonCategory* page1 = new SARibbonCategory();
+    page1->setCategoryName("page1");
+    SARibbonPannel* pannel1 = new SARibbonPannel("pannel1", page1);
+    page1->addPannel(pannel1);
+    QAction* act = createAction("  save  ", ":/icon/icon/save.svg");
+    act->setIconText("  save  ");
+    pannel1->addLargeAction(act);
+    pannel1->addLargeAction(createAction("open", ":/icon/icon/folder-star.svg"));
+    pannel1->addSmallAction(createAction("action1", ":/icon/icon/action.svg"));
+    pannel1->addSmallAction(createAction("action2", ":/icon/icon/action2.svg"));
+    SARibbonPannel* pannel2 = new SARibbonPannel("pannel2", page1);
+    page1->addPannel(pannel2);
+    pannel2->addLargeAction(createAction("setting", ":/icon/icon/customize0.svg"));
+    pannel2->addLargeAction(createAction("windowsflag", ":/icon/icon/windowsflag-normal.svg"));
+    bar->addCategoryPage(page1);
+    // 加入主题
+	mComboTheme = new QComboBox();
+    mComboTheme->addItem("Theme Win7", static_cast< int >(SARibbonTheme::RibbonThemeWindows7));
+    mComboTheme->addItem("Theme Office2013", static_cast< int >(SARibbonTheme::RibbonThemeOffice2013));
+    mComboTheme->addItem("Theme Office2016 Blue", static_cast< int >(SARibbonTheme::RibbonThemeOffice2016Blue));
+    mComboTheme->addItem("Theme Office2021 Blue", static_cast< int >(SARibbonTheme::RibbonThemeOffice2021Blue));
+    mComboTheme->addItem("Theme Dark", static_cast< int >(SARibbonTheme::RibbonThemeDark));
+    mComboTheme->addItem("Theme Dark2", static_cast< int >(SARibbonTheme::RibbonThemeDark2));
+	mComboTheme->setCurrentIndex(mComboTheme->findData(static_cast< int >(SARibbonTheme::RibbonThemeOffice2013)));
+	connect(mComboTheme,
+	        QOverload< int >::of(&QComboBox::currentIndexChanged),
+	        this,
+            &RibbonWidget::onRibbonThemeComboBoxCurrentIndexChanged);
+	pannel2->addSeparator();
+	pannel2->addSmallWidget(mComboTheme);
+
+    SARibbonQuickAccessBar* qbar = bar->quickAccessBar();
+    qbar->addAction(createAction("undo", ":/icon/icon/undo.svg"));
+    qbar->addAction(createAction("redo", ":/icon/icon/redo.svg"));
+}
+
+QAction* RibbonWidget::createAction(const QString& text, const QString& iconurl)
+{
+    QAction* act = new QAction(this);
+    act->setText(text);
+    act->setIcon(QIcon(iconurl));
+    act->setObjectName(text);
+    connect(act, &QAction::triggered, this, [ this, act ]() {
+        InnerWidget* w = qobject_cast< InnerWidget* >(widget());
+        if (w) {
+            w->appendText(QString("action(%1) triggered").arg(act->text()));
+        }
+    });
+    return act;
+}
+
+void RibbonWidget::onRibbonThemeComboBoxCurrentIndexChanged(int index)
+{
+	SARibbonTheme t = static_cast< SARibbonTheme >(mComboTheme->itemData(index).toInt());
+    setRibbonTheme(t);
+}
diff --git a/gui/SARibbon/example/WidgetWithRibbon/RibbonWidget.h b/gui/SARibbon/example/WidgetWithRibbon/RibbonWidget.h
new file mode 100644
index 0000000..3851746
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/RibbonWidget.h
@@ -0,0 +1,25 @@
+#ifndef RIBBONWIDGET_H
+#define RIBBONWIDGET_H
+
+#include "SARibbonWidget.h"
+#include <QComboBox>
+
+class SARibbonBar;
+class RibbonWidget : public SARibbonWidget
+{
+	Q_OBJECT
+
+public:
+    RibbonWidget(QWidget* parent = nullptr);
+    ~RibbonWidget();
+
+private:
+	void buildRibbon(SARibbonBar* bar);
+	QAction* createAction(const QString& text, const QString& iconurl);
+private Q_SLOTS:
+	void onRibbonThemeComboBoxCurrentIndexChanged(int index);
+
+private:
+	QComboBox* mComboTheme { nullptr };
+};
+#endif  // WIDGET_H
diff --git a/gui/SARibbon/example/WidgetWithRibbon/WidgetWithRibbon.pro b/gui/SARibbon/example/WidgetWithRibbon/WidgetWithRibbon.pro
new file mode 100644
index 0000000..43a58d5
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/WidgetWithRibbon.pro
@@ -0,0 +1,51 @@
+QT       += core gui
+
+greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
+# SARibbon 1.x 版本后引入frameless库，必须要cpp17及以上
+CONFIG += c++17
+
+# The following define makes your compiler emit warnings if you use
+# any Qt feature that has been marked deprecated (the exact warnings
+# depend on your compiler). Please consult the documentation of the
+# deprecated API in order to know how to port your code away from it.
+DEFINES += QT_DEPRECATED_WARNINGS
+
+# You can also make your code fail to compile if it uses deprecated APIs.
+# In order to do so, uncomment the following line.
+# You can also select to disable deprecated APIs only up to a certain version of Qt.
+#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0
+
+SOURCES += \
+    main.cpp \
+    RibbonWidget.cpp \
+    MainWidget.cpp \
+    InnerWidget.cpp
+
+HEADERS += \
+    RibbonWidget.h \
+    MainWidget.h \
+    InnerWidget.h
+
+FORMS += \
+    InnerWidget.ui \
+    MainWidget.ui
+
+# Default rules for deployment.
+qnx: target.path = /tmp/$${TARGET}/bin
+else: unix:!android: target.path = /opt/$${TARGET}/bin
+!isEmpty(target.path): INSTALLS += target
+
+# 下面演示了如何把SARibbon引入
+# 只需要下面2句话，只要把common.pri引入工程，就可以实现SARibbon的引入
+include($$PWD/../../common.pri)
+include($${SARIBBONBAR_PRI_FILE_PATH})
+
+DESTDIR = $${SARIBBON_BIN_DIR}/bin
+
+msvc {
+    QMAKE_CFLAGS += /utf-8
+    QMAKE_CXXFLAGS += /utf-8
+}
+
+RESOURCES += \
+    icon.qrc
diff --git a/gui/SARibbon/example/WidgetWithRibbon/icon.qrc b/gui/SARibbon/example/WidgetWithRibbon/icon.qrc
new file mode 100644
index 0000000..dc4b528
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/icon.qrc
@@ -0,0 +1,14 @@
+<RCC>
+    <qresource prefix="/icon">
+        <file>icon/action.svg</file>
+        <file>icon/action2.svg</file>
+        <file>icon/customize0.svg</file>
+        <file>icon/folder-star.svg</file>
+        <file>icon/hidePannel.svg</file>
+        <file>icon/save.svg</file>
+        <file>icon/useqss.svg</file>
+        <file>icon/windowsflag-normal.svg</file>
+        <file>icon/redo.svg</file>
+        <file>icon/undo.svg</file>
+    </qresource>
+</RCC>
diff --git a/gui/SARibbon/example/WidgetWithRibbon/icon/action.svg b/gui/SARibbon/example/WidgetWithRibbon/icon/action.svg
new file mode 100644
index 0000000..75d9d27
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/icon/action.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646316928855" class="icon" viewBox="0 0 1187 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5394" xmlns:xlink="http://www.w3.org/1999/xlink" width="37.09375" height="32"><defs><style type="text/css"></style></defs><path d="M591.619164 303.326125l-134.993793 63.531367-87.359085-70.479103 224.342551-110.182754 225.332782 113.164961-85.369412 67.496896zM592.614001 670.616555l135.005307-63.531367 87.34757 70.479103-223.347714 111.177591-226.318407-114.159798 85.369412-67.496896zM387.138801 576.309735l-91.324613 60.556069L0.992534 486.970189l298.789486-151.873775 87.356781 70.479104-162.798553 81.394671zM963.867657 486.970189l-162.79625-81.394671 87.356781-70.479104 298.787184 151.873775-293.826818 150.890452-91.324614-61.550906z" fill="#5D7690" p-id="5395"></path><path d="M592.614001 1024L0.992534 704.362701 0 542.56359 593.608837 862.191677l593.606535-315.657953v162.793948z" fill="#5D7690" p-id="5396"></path><path d="M1155.313819 333.560405L598.463271 613.712826 58.241693 359.997265 623.564471 97.7496z" fill="#5D7690" p-id="5397"></path><path d="M1040.083191 336.337657l-439.872047 221.295864L173.472321 357.220013l446.564165-207.156288z" fill="#B9D2E2" p-id="5398"></path><path d="M621.839627 108.234532m-80.190274 0a80.190274 80.190274 0 1 0 160.380548 0 80.190274 80.190274 0 1 0-160.380548 0Z" fill="#B9D2E2" p-id="5399"></path><path d="M621.839627 216.469064c59.777702 0 108.234532-48.45683 108.234532-108.234532s-48.45683-108.234532-108.234532-108.234532-108.234532 48.45683-108.234532 108.234532 48.459133 108.234532 108.234532 108.234532z m0-181.585305c40.511955 0 73.353076 32.838818 73.353076 73.350773s-32.84112 73.350773-73.353076 73.350773c-40.509652 0-73.34847-32.84112-73.34847-73.350773s32.838818-73.350773 73.34847-73.350773z" fill="#5D7690" p-id="5400"></path><path d="M157.223324 340.261735m-80.190274 0a80.190274 80.190274 0 1 0 160.380548 0 80.190274 80.190274 0 1 0-160.380548 0Z" fill="#B9D2E2" p-id="5401"></path><path d="M157.223324 448.496267c59.777702 0 108.234532-48.45683 108.234532-108.234532s-48.45683-108.234532-108.234532-108.234532-108.234532 48.45683-108.234532 108.234532 48.459133 108.234532 108.234532 108.234532z m0-181.583002c40.509652 0 73.353076 32.838818 73.353075 73.350773s-32.843423 73.350773-73.353075 73.350772-73.350773-32.838818-73.350773-73.350772 32.843423-73.350773 73.350773-73.350773z" fill="#5D7690" p-id="5402"></path><path d="M594.207581 542.12144m-80.190274 0a80.190274 80.190274 0 1 0 160.380548 0 80.190274 80.190274 0 1 0-160.380548 0Z" fill="#B9D2E2" p-id="5403"></path><path d="M594.205279 650.355972c59.777702 0 108.234532-48.45683 108.234532-108.234532s-48.45683-108.234532-108.234532-108.234532c-59.775399 0-108.234532 48.45683-108.234533 108.234532s48.459133 108.234532 108.234533 108.234532z m0-181.585305c40.511955 0 73.353076 32.838818 73.353075 73.350773s-32.84112 73.350773-73.353075 73.350773c-40.509652 0-73.350773-32.838818-73.350773-73.350773s32.84112-73.350773 73.350773-73.350773z" fill="#5D7690" p-id="5404"></path><path d="M1061.681737 328.747423m-80.190274 0a80.190274 80.190274 0 1 0 160.380548 0 80.190274 80.190274 0 1 0-160.380548 0Z" fill="#B9D2E2" p-id="5405"></path><path d="M1061.681737 436.981955c59.777702 0 108.234532-48.45683 108.234532-108.234532s-48.45683-108.234532-108.234532-108.234532-108.234532 48.45683-108.234532 108.234532 48.459133 108.234532 108.234532 108.234532z m0-181.583002c40.509652 0 73.353076 32.838818 73.353076 73.350773s-32.843423 73.350773-73.353076 73.350772-73.350773-32.838818-73.350772-73.350772 32.843423-73.350773 73.350772-73.350773z" fill="#5D7690" p-id="5406"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/WidgetWithRibbon/icon/action2.svg b/gui/SARibbon/example/WidgetWithRibbon/icon/action2.svg
new file mode 100644
index 0000000..d4527d9
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/icon/action2.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646317364393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6277" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M363.52 912.384V404.992h168.96v-168.96H194.56v338.432h168.96V629.76H135.68V177.152h452.096v452.096h-168.96v227.84h396.8V460.288h-227.84V404.992h283.136v510.976H363.52v-3.584z m168.96-338.432V460.288H418.816v114.176H532.48z" p-id="6278" fill="#024089"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/WidgetWithRibbon/icon/customize0.svg b/gui/SARibbon/example/WidgetWithRibbon/icon/customize0.svg
new file mode 100644
index 0000000..14b1c97
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/icon/customize0.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646225290986" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9990" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M594.336 310.816a547.632 547.632 0 0 0-21.824-65.056c-77.472 17.12-102.704-50.144-70.24-97.2a89.776 89.776 0 0 0-53.92-37.488c-32.528 49.744-121.248 24.688-113.36-43.296h-75.856c6.384 72.848-81.376 88.224-118.656 43.232-18.368 12.096-43.44 17.296-48.8 43.072 35.616 42.736 3.088 109.52-70.24 91.68C13.504 266.352 5.664 287.968 0 310.816c61.424 9.728 61.424 103.728 0 113.456 5.728 22.688 13.504 44.32 21.456 64.848 77.472-17.072 103.424 50.208 70.24 97.248 12.272 18.368 29.728 31.504 54.304 37.712 32.528-49.824 121.04-24.768 113.136 43.376h75.856c-6.592-73.136 81.328-88.384 118.88-43.376 18.32-12.112 43.552-17.664 48.4-43.232-35.28-42.944-2.8-109.344 70.24-91.68a579.328 579.328 0 0 0 21.776-64.848c-64.048-15.776-64.048-97.952 0-113.504h0.048zM297.168 480.144a112.608 112.608 0 1 1 0-225.216 112.608 112.608 0 0 1 0 225.216z m0 0" fill="#13227a" p-id="9991"></path><path d="M1024 551.712a399.584 399.584 0 0 0-15.776-47.024c-56.016 12.384-74.24-36.24-50.784-70.272a64.784 64.784 0 0 0-38.976-27.088c-23.536 35.984-87.664 17.84-81.952-31.296h-54.848c4.608 52.656-58.816 63.776-85.76 31.248-13.28 8.752-31.408 12.496-35.28 31.136 25.744 30.896 2.24 79.168-50.768 66.272-5.744 14.896-11.424 30.512-15.52 47.024 44.4 7.024 44.4 75.008 0 82.032 4.144 16.384 9.76 32.032 15.52 46.88 56-12.352 74.768 36.288 50.768 70.32 8.896 13.28 21.488 22.752 39.264 27.248 23.52-36.016 87.488-17.888 81.776 31.36h54.848c-4.768-52.896 58.784-63.904 85.936-31.36 13.232-8.752 31.488-12.768 34.992-31.248-25.504-31.04-2.032-79.04 50.784-66.288 5.984-14.88 11.328-30.544 15.744-46.88-46.304-11.408-46.304-70.816 0-82.064H1024z m-214.848 122.432c-44.944 0-81.376-36.448-81.376-81.408s36.432-81.392 81.376-81.392a81.392 81.392 0 1 1 0 162.8z m0 0" fill="#13227a" p-id="9992"></path><path d="M667.488 777.168a276.736 276.736 0 0 0-10.96-32.672c-38.912 8.592-51.568-25.168-35.28-48.8a44.944 44.944 0 0 0-27.04-18.816c-16.336 24.992-60.896 12.368-56.928-21.744h-38.096c3.216 36.576-40.848 44.304-59.568 21.696-9.232 6.096-21.808 8.688-24.496 21.632 17.872 21.472 1.536 54.992-35.28 46.032-3.984 10.336-7.92 21.184-10.768 32.672 30.848 4.896 30.848 52.08 0 56.976 2.864 11.392 6.784 22.24 10.768 32.544 38.896-8.56 51.936 25.2 35.28 48.832 6.16 9.232 14.912 15.808 27.264 18.944 16.336-25.024 60.768-12.416 56.8 21.76h38.096c-3.312-36.72 40.816-44.352 59.664-21.76 9.2-6.08 21.856-8.864 24.304-21.712-17.696-21.552-1.392-54.912 35.28-46.016 4.144-10.336 7.856-21.232 10.944-32.56-32.16-7.936-32.16-49.184 0.016-57.008z m-149.2 85.008a56.528 56.528 0 1 1 0-113.04 56.528 56.528 0 0 1 0 113.04z m0 0" fill="#13227a" p-id="9993"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/WidgetWithRibbon/icon/folder-star.svg b/gui/SARibbon/example/WidgetWithRibbon/icon/folder-star.svg
new file mode 100644
index 0000000..7138806
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/icon/folder-star.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645972771227" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1573" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M800 800m-224 0a224 224 0 1 0 448 0 224 224 0 1 0-448 0Z" fill="#EACA44" p-id="1574"></path><path d="M800 672l40 88 88 16-64 64 15.936 88L800 888 720.064 928 736 840l-64-64 88-16z" fill="#FFFFFF" p-id="1575"></path><path d="M960 128H512V64a64 64 0 0 0-64-64H64a64 64 0 0 0-64 64v256a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V192a64 64 0 0 0-64-64z" fill="#434854" p-id="1576"></path><path d="M512 800a288 288 0 0 1 288-288 287.296 287.296 0 0 1 224 107.168V320a64 64 0 0 0-64-64H64a64 64 0 0 0-64 64v640a64 64 0 0 0 64 64h555.168A287.296 287.296 0 0 1 512 800z" fill="#EDD87E" p-id="1577"></path><path d="M960 224H64a64 64 0 0 0-64 64v32a64 64 0 0 1 64-64h896a64 64 0 0 1 64 64V288a64 64 0 0 0-64-64z" fill="" p-id="1578"></path><path d="M128 192h768v64H128z" fill="#EAEAEA" p-id="1579"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/WidgetWithRibbon/icon/hidePannel.svg b/gui/SARibbon/example/WidgetWithRibbon/icon/hidePannel.svg
new file mode 100644
index 0000000..5d08978
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/icon/hidePannel.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646316001983" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19858" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M522.1376 512m-152.8832 0a152.8832 152.8832 0 1 0 305.7664 0 152.8832 152.8832 0 1 0-305.7664 0Z" fill="#ffa115" p-id="19859"></path><path d="M512.256 888.7808c-129.5872 0-241.7152-45.312-333.312-134.6048-74.3424-72.4992-115.6608-156.4672-133.6832-200.0896-11.4176-27.648-10.9056-59.0848 1.4336-86.272 18.9952-41.7792 53.1968-104.0896 108.3904-163.6352 11.52-12.4416 30.976-13.1584 43.4176-1.6384a30.68928 30.68928 0 0 1 1.6384 43.4176c-52.224 56.32-83.5072 116.4288-97.4848 147.2512a47.30368 47.30368 0 0 0-0.6144 37.4272c36.864 89.1904 150.6304 296.704 410.1632 296.704 60.416 0 117.0432-11.4176 168.3456-33.9456a30.7712 30.7712 0 0 1 40.4992 15.7696 30.7712 30.7712 0 0 1-15.7696 40.4992c-59.136 26.0096-124.0576 39.1168-193.024 39.1168zM857.4464 727.0912a30.7456 30.7456 0 0 1-23.4496-50.5856c47.7184-56.4224 75.776-115.3024 88.2176-145.3568 5.0688-12.1856 4.7616-26.0096-0.8704-37.888-40.2432-85.504-160.9728-284.416-411.6992-284.416-53.5552 0-104.448 9.216-151.296 27.392-15.8208 6.144-33.6384-1.6896-39.7312-17.5104-6.144-15.8208 1.6896-33.6384 17.5104-39.7312 53.9648-20.9408 112.3328-31.5392 173.5168-31.5392 124.8768 0 235.1616 43.1104 327.8336 128.1024 75.52 69.2736 119.808 149.76 139.4688 191.5904 12.9536 27.5456 13.7216 59.4432 2.048 87.6032-16.896 40.7552-47.616 101.8368-98.0992 161.4848a30.78656 30.78656 0 0 1-23.4496 10.8544zM857.4464 868.864c-7.68 0-15.36-2.8672-21.3504-8.6016L165.5296 213.1968a30.72 30.72 0 0 1-0.768-43.4176 30.72 30.72 0 0 1 43.4176-0.768l670.6176 647.0656a30.72 30.72 0 0 1 0.768 43.4176 30.6688 30.6688 0 0 1-22.1184 9.3696z" fill="#474A54" p-id="19860"></path><path d="M672.9728 568.1664c-1.6896 0-3.3792-0.1536-5.12-0.4096a30.76096 30.76096 0 0 1-25.2416-35.3792c1.1264-6.7072 1.6896-13.568 1.6896-20.3776 0-67.3792-54.8352-122.1632-122.1632-122.1632-7.5776 0-15.1552 0.7168-22.528 2.048a30.72 30.72 0 0 1-35.84-24.576 30.72 30.72 0 0 1 24.576-35.84c11.0592-2.048 22.4256-3.1232 33.792-3.1232 101.2224 0 183.6032 82.3808 183.6032 183.6032 0 10.24-0.8704 20.48-2.5088 30.5152a30.72512 30.72512 0 0 1-30.2592 25.7024zM522.1376 695.6032c-101.2224 0-183.6032-82.3808-183.6032-183.6032 0-9.5232 0.7168-19.0976 2.2016-28.416 2.6112-16.7424 18.3296-28.2624 35.072-25.6512 16.7424 2.6112 28.2624 18.3296 25.6512 35.072-0.9728 6.2464-1.4848 12.6464-1.4848 18.9952 0 67.3792 54.784 122.1632 122.1632 122.1632 7.8336 0 15.7184-0.768 23.3472-2.2016 16.64-3.2256 32.768 7.68 35.9936 24.32 3.2256 16.64-7.68 32.768-24.32 35.9936-11.52 2.2016-23.296 3.328-35.0208 3.328z" fill="#474A54" p-id="19861"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/WidgetWithRibbon/icon/redo.svg b/gui/SARibbon/example/WidgetWithRibbon/icon/redo.svg
new file mode 100644
index 0000000..f6d0120
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/icon/redo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646225910902" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4333" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1016.183467 429.397333l-477.866667-307.2A17.066667 17.066667 0 0 0 512 136.533333v188.0064C169.506133 335.086933 4.164267 662.9376 0.034133 886.237867L0 887.466667a17.066667 17.066667 0 0 0 16.930133 17.066666H17.066667a17.1008 17.1008 0 0 0 17.066666-16.7936l0.034134-1.058133C36.352 832.955733 259.720533 607.573333 512 597.674667V785.066667a17.066667 17.066667 0 0 0 26.999467 13.892266l477.866666-341.333333a17.169067 17.169067 0 0 0-0.682666-28.228267zM546.133333 751.889067V580.266667a17.066667 17.066667 0 0 0-17.066666-17.066667c-197.666133 0-400.520533 139.127467-486.468267 242.517333C81.169067 597.162667 249.514667 358.4 529.066667 358.4a17.066667 17.066667 0 0 0 17.066666-17.066667V167.799467l430.3872 276.6848L546.133333 751.889067z" fill="" p-id="4334"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/WidgetWithRibbon/icon/save.svg b/gui/SARibbon/example/WidgetWithRibbon/icon/save.svg
new file mode 100644
index 0000000..c8b06ac
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/icon/save.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645969588174" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4449" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M165.840081 127.921872h608.774771l121.254934 121.254934v608.774771c0 20.834181-17.084028 37.91821-37.918209 37.918209H165.840081c-20.834181 0-37.91821-17.084028-37.918209-37.918209V165.840081c0-20.834181 17.084028-37.91821 37.918209-37.918209z" fill="#01579B" p-id="4450"></path><path d="M284.803255 127.921872h454.39349V318.76297c0 25.626043-20.834181 46.668566-46.668566 46.668566H331.471821c-25.626043 0-46.668566-20.834181-46.668566-46.668566V127.921872zM743.155239 896.078128H280.844761V654.818311c0-27.917803 22.709257-50.62706 50.62706-50.62706h361.2647c27.917803 0 50.62706 22.709257 50.62706 50.62706l-0.208342 241.259817z" fill="#0277BD" p-id="4451"></path><path d="M299.803866 127.921872h424.392268V318.76297c0 17.29237-14.167243 31.667955-31.667955 31.667956H331.471821c-17.29237 0-31.667955-14.167243-31.667955-31.667956V127.921872zM299.803866 896.078128h424.392268V654.818311c0-17.29237-14.167243-31.667955-31.667955-31.667955H331.471821c-17.29237 0-31.667955 14.167243-31.667955 31.667955v241.259817z" fill="#EEEEEE" p-id="4452"></path><path d="M572.731638 127.921872h93.128789v181.882401h-93.128789z" fill="#424242" p-id="4453"></path><path d="M360.431333 724.612818h303.137334v19.167446H360.431333zM360.431333 808.991251h303.137334v19.167447H360.431333z" fill="#757575" p-id="4454"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/WidgetWithRibbon/icon/undo.svg b/gui/SARibbon/example/WidgetWithRibbon/icon/undo.svg
new file mode 100644
index 0000000..c96e57c
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/icon/undo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646225921444" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4483" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1023.965867 886.237867C1019.835733 662.9376 854.493867 335.086933 512 324.539733V136.533333a17.066667 17.066667 0 1 0-26.3168-14.370133l-477.866667 307.2a17.032533 17.032533 0 0 0-0.682666 28.228267l477.866666 341.333333A17.134933 17.134933 0 0 0 512 785.066667v-187.426134c252.279467 9.898667 475.648 235.281067 477.832533 289.006934l0.034134 1.092266a17.1008 17.1008 0 0 0 17.066666 16.7936h0.136534A17.066667 17.066667 0 0 0 1024 887.466667l-0.034133-1.2288zM494.933333 563.2a17.066667 17.066667 0 0 0-17.066666 17.066667v171.6224L47.479467 444.484267 477.866667 167.799467V341.333333a17.066667 17.066667 0 0 0 17.066666 17.066667c279.552 0 447.8976 238.762667 486.468267 447.317333C895.453867 702.327467 692.599467 563.2 494.933333 563.2z" fill="" p-id="4484"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/WidgetWithRibbon/icon/useqss.svg b/gui/SARibbon/example/WidgetWithRibbon/icon/useqss.svg
new file mode 100644
index 0000000..95360ff
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/icon/useqss.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646234343800" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="37293" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M682.048504 42.669354v256h255.088882v-64.004031L745.826772 42.669354zM682.048504 917.326614l85.032315-149.326614-85.024252-149.326614H341.943433L256.919181 768l85.024252 149.326614z" fill="#CCE4FF" p-id="37294"></path><path d="M624.043339 933.210709l73.832818 42.338771L816.055433 768 697.876157 560.45052l-73.832818 42.338771 94.062866 165.210709zM207.936504 768l118.187339 207.54948 73.832818-42.338771-94.062866-165.210709 94.062866-165.210709-73.832818-42.338771z" fill="#007AFF" p-id="37295"></path><path d="M724.572724 0H44.346457v1024h85.024252V85.330646h510.1697v256h255.088882V1024H979.653543V216.975118L763.452472 0h-38.879748z m170.048504 256h-170.048504V85.330646h3.628347l166.420157 167.024882v3.644472z" fill="#007AFF" p-id="37296"></path><path d="M384.459591 725.330646h85.024252v85.338708H384.459591zM554.516157 725.330646h85.024252v85.338708H554.516157z" fill="#007AFF" p-id="37297"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/WidgetWithRibbon/icon/windowsflag-normal.svg b/gui/SARibbon/example/WidgetWithRibbon/icon/windowsflag-normal.svg
new file mode 100644
index 0000000..775f84e
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/icon/windowsflag-normal.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646235321715" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="39283" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M896 128H298.666667v85.333333h554.666666v469.333334h85.333334V170.666667a42.666667 42.666667 0 0 0-42.666667-42.666667z" fill="#024089" p-id="39284"></path><path d="M128 896h597.333333a42.666667 42.666667 0 0 0 42.666667-42.666667V341.333333a42.666667 42.666667 0 0 0-42.666667-42.666666H128a42.666667 42.666667 0 0 0-42.666667 42.666666v512a42.666667 42.666667 0 0 0 42.666667 42.666667z m42.666667-426.666667h512v341.333334H170.666667v-341.333334z" fill="#024089" p-id="39285"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/example/WidgetWithRibbon/main.cpp b/gui/SARibbon/example/WidgetWithRibbon/main.cpp
new file mode 100644
index 0000000..e571f96
--- /dev/null
+++ b/gui/SARibbon/example/WidgetWithRibbon/main.cpp
@@ -0,0 +1,11 @@
+#include "MainWidget.h"
+
+#include <QApplication>
+
+int main(int argc, char* argv[])
+{
+    QApplication a(argc, argv);
+    MainWidget w;
+    w.show();
+    return a.exec();
+}
diff --git a/gui/SARibbon/importSARibbonBarLib.pri b/gui/SARibbon/importSARibbonBarLib.pri
new file mode 100644
index 0000000..bb77439
--- /dev/null
+++ b/gui/SARibbon/importSARibbonBarLib.pri
@@ -0,0 +1 @@
+include($$PWD/SARibbonBar.pri)
\ No newline at end of file
diff --git a/gui/SARibbon/readme-cn.md b/gui/SARibbon/readme-cn.md
new file mode 100644
index 0000000..2a04dcc
--- /dev/null
+++ b/gui/SARibbon/readme-cn.md
@@ -0,0 +1,788 @@
+[Click here for English](./readme.md)
+
+<div align="center">
+<p>
+<img src="https://img.shields.io/badge/C++-17-blue"/>
+<img src="https://img.shields.io/badge/Qt-5.14+-green"/>
+<img src="https://img.shields.io/badge/Qt-6-green"/>
+<img src="https://img.shields.io/badge/license-MIT-yellow"/>
+</p>
+<p>
+<img src="https://img.shields.io/badge/windows-0077d6"/>
+<img src="https://img.shields.io/badge/ubuntu-ed6432"/>
+<img src="https://img.shields.io/badge/macos-000"/>
+</p>
+</div>
+
+QQ交流群:434014314
+
+<div align="center">
+<img src="./doc/SARibbon-qq%E4%BA%A4%E6%B5%81%E7%BE%A4.jpg"/>
+</div>
+
+
+||Windows(2019, latest)|Linux ubuntu(20.04, latest)|Mac(11-latest)|
+|:-|:-|:-|:-|
+|Qt5.12|[![cmake-win-qt5.12](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.12.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.12.yml)|[![CMake-Linux-Qt5.12](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.12.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.12.yml)|[![cmake-mac-qt5.12](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.12.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.12.yml)|
+|Qt5.13|[![cmake-win-qt5.13](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.13.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.13.yml)|[![CMake-Linux-Qt5.13](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.13.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.13.yml)|[![cmake-mac-qt5.13](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.13.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.13.yml)|
+|Qt5.14|[![cmake-win-qt5.14](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.14.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.14.yml)|[![CMake-Linux-Qt5.14](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.14.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.14.yml)|[![cmake-mac-qt5.14](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.14.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.14.yml)|
+|Qt5.15|[![cmake-win-qt5.15](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.15.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.15.yml)|[![CMake-Linux-Qt5.15](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.15.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.15.yml)|[![cmake-mac-qt5.15](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.15.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.15.yml)|
+|Qt6.0|[![cmake-win-qt6.0](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.0.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.0.yml)|[![CMake-Linux-Qt6.0](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.0.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.0.yml)|[![cmake-mac-qt6.0](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.0.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.0.yml)|
+|Qt6.1|[![cmake-win-qt6.1](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.1.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.1.yml)|[![CMake-Linux-Qt6.1](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.1.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.1.yml)|[![cmake-mac-qt6.1](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.1.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.1.yml)|
+|Qt6.2|[![cmake-win-qt6.2](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.2.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.2.yml)|[![CMake-Linux-Qt6.2](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.2.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.2.yml)|[![cmake-mac-qt6.2](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.2.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.2.yml)|
+|Qt6.3|[![cmake-win-qt6.3](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.3.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.3.yml)|[![CMake-Linux-Qt6.3](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.3.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.3.yml)|[![cmake-mac-qt6.3](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.3.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.3.yml)|
+|Qt6.4|[![cmake-win-qt6.4](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.4.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.4.yml)|[![CMake-Linux-Qt6.4](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.4.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.4.yml)|[![cmake-mac-qt6.4](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.4.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.4.yml)|
+|Qt6.5|[![cmake-win-qt6.5](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.5.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.5.yml)|[![CMake-Linux-Qt6.5](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.5.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.5.yml)|[![cmake-mac-qt6.5](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.5.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.5.yml)|
+|Qt6.6|[![cmake-win-qt6.6](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.6.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.6.yml)|[![CMake-Linux-Qt6.6](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.6.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.6.yml)|[![cmake-mac-qt6.6](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.6.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.6.yml)|
+
+# SARibbon简介
+
+这是一个`Qt`下的`Ribbon`界面控件，提供了类似微软Office系列软件的操作界面。
+
+- `SARibbon`适用于大型软件、工业软件、复杂软件的ui
+- `SARibbon`在设计时参考了MFC Ribbon接口的命名风格
+- `SARibbon`的界面样式参考了微软Office系列软件以及WPS软件的Ribbon界面，并结合了两者的优点
+- `SARibbon`是一个可定义多种主题风格的Ribbon控件，它能通过qss快速的定义出自己想要的主题风格
+
+为了方便大型软件的开发，`SARibbon`对常用的一些功能性控件进行了封装，例如：[颜色选择按钮和颜色选择画板](https://github.com/czyt1988/SAColorWidgets)
+
+## 功能特点
+
+- 针对Ribbon的布局和显示
+
+![Ribbon的布局和显示](./doc/screenshot/SARibbonBar-overview.gif)
+
+- 支持最小化模式，ribbon只显示标签（默认双击标签会进行切换）,支持上下文标签tab
+
+![SARibbon最小化模式](./doc/screenshot/SARibbonBar-minMode.gif)
+
+- 支持quickAccessBar（word快速菜单），在不同布局模式下会有不同的显示效果
+
+![SARibbon-quickAccessBar](./doc/screenshot/SARibbonBar-quickAccessBar.gif)
+
+- 支持4种不同的ribbon button，普通按钮，延迟弹出菜单按钮，菜单按钮，action菜单按钮（action菜单按钮是此ribbon控件最主要解决的问题之一）
+
+![SARibbon-4种不同的ribbon button](./doc/screenshot/SARibbonBar-ribbonbutton.gif)
+
+- 支持4种不同风格的布局样式
+
+![SARibbon-4种不同风格的布局样式](./doc/screenshot/SARibbonBar-style.gif)
+
+- 支持qss对ribbon进行自定义设置，可实时切换主题,内置了5种不同风格的主题
+
+win7主题：
+![SARibbon-theme-win7](./doc/screenshot/SARibbon-theme-win7.png)
+office2013主题：
+![SARibbon-theme-office2013](./doc/screenshot/SARibbon-theme-office2013.png)
+office2016主题：
+![SARibbon-theme-office2016](./doc/screenshot/SARibbon-theme-office2016.png)
+office2021主题：
+![SARibbon-theme-office2021](./doc/screenshot/SARibbon-theme-office2021.png)
+dark主题：
+![SARibbon-theme-dark](./doc/screenshot/SARibbon-theme-dark.png)
+
+- 提供Gallery控件
+
+![](./doc/screenshot/SARibbonBar-gallery.gif)
+
+- 支持超长滚动和Option Action
+
+![](./doc/screenshot/SARibbonBar-option-action.gif)
+
+- 提供居中对齐模式
+
+![](./doc/screenshot/SARibbon-aligment-center.png)
+
+- 支持4K屏和多屏幕扩展
+- 支持linux和MacOS（界面未做深度适配）
+
+
+MIT协议，欢迎大家使用并提出意见
+
+[gitee(码云) - https://gitee.com/czyt1988/SARibbon](https://gitee.com/czyt1988/SARibbon)
+
+[github - https://github.com/czyt1988/SARibbon](https://github.com/czyt1988/SARibbon)
+
+
+# 构建
+
+这里建议使用cmake进行构建，cmake构建完成后并进行安装（install），使用cmake构建，你的工程既可以用cmake引入SARibbonBar，也可以使用qmake引入SARibbonBar
+
+SARibbon提供qmake和cmake两种构建方式，同时提供了一个集成的SARibbon.h和SARibbon.cpp文件方便静态的嵌入到单一工程
+
+> SARibbon支持第三方无边框库[QWindowkit](https://github.com/stdware/qwindowkit)，同时也支持简单的无边框方案，如果你需要操作系统原生的窗口支持，如windows7以后的贴边处理，windows11的最大化按钮悬停的效果，建议开启[QWindowkit](https://github.com/stdware/qwindowkit)库，[QWindowkit](https://github.com/stdware/qwindowkit)库还能较好解决多屏幕移动问题
+
+开启`QWindowkit`后的效果如下：
+
+![](./doc/pic/set-qwindowkit-on-snap.gif)
+
+如果你要依赖[QWindowkit](https://github.com/stdware/qwindowkit)库，需要先编译[QWindowkit](https://github.com/stdware/qwindowkit)库，[QWindowkit](https://github.com/stdware/qwindowkit)库作为SARibbon项目的submodules，如果在`git clone`时没有附带`--recursive`参数，需要执行`submodule update`命令:
+
+```shell
+git submodule update --init --recursive
+```
+
+> 用户指定使用[QWindowkit](https://github.com/stdware/qwindowkit)后，要求C++标准最低为C++17否则最低要求为c++14
+
+## 编译为动态库
+
+具体构建过程，见文档：[SARibbon构建](./doc/how-to-build-cn.md)
+
+## 直接引入工程（静态）
+
+你可以不对SARibbon库进行构建，直接引入，通过cmake构建安装后，也提供静态文件引入的内容
+
+SARibbon提供了合并好的`SARibbon.h`文件和`SARibbon.cpp`文件，只需要在自己的工程中引入这两个文件，同时把资源文件和第三方库文件引入就可以使用，无需编译为动态库或者静态库，可以参考StaticExample例子（位于`example/StaticExample`），静态嵌入将使用到`SARibbon.h`、`SARibbon.cpp`、`SARibbon.pri`、`SARibbonBar/resource.qrc`这4个文件，以及`SARibbonBar/resource`这个文件夹：
+
+你的工程目录将如下所示：
+
+```
+|-you-project-dir
+|  |-you-project.pro
+|  |-SARibbon.h
+|  |-SARibbon.cpp
+|  |-SARibbon.pri
+|  |-SARibbonBar
+|     |-resource.qrc
+|     |-resource(直接把SARibbonBar下的resource完整复制过来)
+|        |-resource files
+```
+
+### 使用qmake
+
+使用qmake编译，有如下步骤：
+
+- 1. 把`SARibbon.h`、`SARibbon.cpp`、`SARibbon.pri`拷贝到自己工程目录下
+- 2. 在自己工程目录下创建`SARibbonBar`文件夹
+- 3. 把源码中的`src/SARibbonBar/resource.qrc`文件拷贝到自己工程目录下的`SARibbonBar`文件夹
+- 4. 把源码`src/SARibbonBar`下的`resource`文件夹和`3rdparty`文件夹拷贝到自己工程目录下的`SARibbonBar`文件夹中
+- 5. 在自己工程的pro文件中引入`SARibbon.pri`文件，如：`include($$PWD/SARibbon.pri)`
+
+qmake可以通过`SARibbon.pri`文件设置是否开启第三方无边框库
+
+### 使用cmake
+
+使用cmake的话参考StaticExample（位于`example/StaticExample`）例子的cmake编写方式编写，主要把上诉的几个文件引入工程即可
+
+```cmake
+SET(SARIBBON_DIR {SARibbon.h和SARibbon.cpp所在目录})
+set(SARIBBON_STATIC_FILE
+    ${SARIBBON_DIR}/SARibbon.h
+    ${SARIBBON_DIR}/SARibbon.cpp
+    ${SARIBBON_DIR}/SARibbonBar/resource.qrc
+)
+add_executable({you-target} 
+            {你项目的cpp和头文件}
+            ${SARIBBON_STATIC_FILE}
+)
+```
+
+基于cmake在静态引入方案中，如果你需要使用`QWindowkit`,你的工程首先要添加好`QWindowkit`库，并且增加预定义宏：
+
+```cmake
+find_package(QWindowKit)
+target_link_libraries({you-target} PRIVATE QWindowKit::Widgets)
+target_compile_definitions({you-target} PRIVATE SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1)
+```
+
+否则你需要把它设置为0
+
+```cmake
+target_compile_definitions({you-target} PRIVATE SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=0)
+```
+
+# 使用方法
+
+## 引入库
+
+在编译完成后，按照如下方法引入SARibbon
+
+### qmake（不推荐）
+
+就算你的工程使用的是qmake，但构建过程还是建议使用cmake，并通过install命令，形成标准的库安装，通过cmake安装的SARibbon，也可以通过qmake引入
+
+#### 通过qmake构建的引入
+
+如果你的SARibbon是通过qmake构建，那么会在SARibbon目录下生成`bin_qt{Qt version}_{MSVC/GNU}_x{32/64}`文件夹，简单的引入，你只需把如下文件按目录结构拷贝到你的工程中
+
+先在你的工程中建立一个3rdparty文件夹，再把整个SARibbon文件夹拷贝过去，SARibbon内部已经有几个pri文件可以很方便的让你把工程引入到自己目录中，`./importSARibbonBarLib.pri`文件是用于引入SARibbon库的
+
+在自己的Qt工程pro文件中加入如下语句即可
+
+```shell
+include($$PWD/3rdparty/SARibbon/importSARibbonBarLib.pri)
+```
+
+qmake的编译过程会在SARibbon下生成`bin_qt{Qt version}_{MSVC/GNU}_x{32/64}`文件夹，库文件和dll文件都在此文件夹下，importSARibbonBarLib.pri会自动把这个文件夹下的库引用进来
+
+此时你的工程目录结构大致如下：
+
+```
+|-[you-project-dir]
+|  |-you-project.pro
+|  |-[3rdparty]
+|     |-[SARibbon](直接把SARibbon完整复制过来)
+|        |-importSARibbonBarLib.pri
+|        |-SARibbonBar.pri
+|        |-common.pri
+|        |-[bin_qtx.x.x_{MSVC/GNU}_x{32/64}]
+|        |-[src]
+|        |   |-[SARibbonBar]
+```
+
+几个pri文件的说明：
+
+- common.pri
+ qmake配置文件，里面定义配置信息，在编译库的时候可以通过此文件改动配置，引入的时候要和编译的时候配置一致
+
+ - importSARibbonBarLib.pri
+  用于引入库，实际就是include(SARibbonBar.pri)
+
+ - SARibbonBar.pri
+  用于引入库的具体实现
+
+- src/SARibbon.pri
+  针对SARibbon.h和SARibbon.cpp的pri文件，如果你用静态集成模式，使用此pri文件
+---
+
+你自己可以把所有头文件复制到一个文件夹，并引入SARibbon库，具体操作和引入其它库方式一致，但这里需要注意的是，你如果自己引入，需要指定一下以下几个宏：
+
+- SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+
+ 这个宏指定你是否使用第三方无边框库`QWindowkit`,如果编译时，使用了`QWindowkit`，那么，需要定义SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1，否则为0，在你的pro文件中，你可以这样写：
+
+```shell
+# 编译使用了QWindowkit
+DEFINES += SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1
+# 编译没有使用QWindowkit
+DEFINES += SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1
+```
+
+#### 通过cmake构建的引入
+
+就算你的项目使用qmake管理，也建议SARibbon的构建使用cmake构建并进行安装，因为cmake构建并进行安装后，也提供了qmake的引入方案，位于安装位置的`lib/qmake/SARibbonBar`目录下，你仅仅需要在你pro文件中加入如下语句即可引入：
+
+```shell
+include({SARibbon安装目录}/lib/qmake/SARibbonBar/SARibbonBar.pri)
+```
+
+### cmake（推荐）
+
+建议在执行install后使用此库
+
+cmake引入方法：
+
+```cmake
+find_package(SARibbonBar REQUIRED)
+...
+target_link_libraries({your_target_name} PUBLIC SARibbonBar::SARibbonBar)
+```
+
+如果find_package找不到`SARibbonBar`，你需要把`SARibbon`安装位置告诉cmake工程
+
+```
+set(SARibbonBar_DIR "[你的SARibbonBar安装根目录]/lib/cmake")
+```
+
+如果你编译时，`SARIBBON_INSTALL_IN_CURRENT_DIR`选项设置为`ON`(默认)，那会在SARibbon工程根目录下下生成`bin_qt{Qt version}_{MSVC/GNU}_x{32/64}`文件夹作为安装目录，这是为了和qmake统一，也是为了方便一个操作系统进行多个不同版本qt和编译器进行区分安装，否则，windows系统会默认安装在`C:\Program Files\SARibbonBar`文件夹下
+
+通过cmake引入SARibbon可参考`example/MainWindowExample/CMakeLists.txt`
+
+具体见文档：[SARibbon构建](./doc/how-to-build-cn.md)
+
+## 快速开始
+
+Ribbon是把菜单栏和工具栏合并了，并通过一个tab控件进行展示，Ribbon是无法简单的使用Tab+Toolbar替代的，涉及到很多细节问题，`SARibbon`在设计时参考了MFC Ribbon接口的命名风格，标签页称之为`Category`(种类)，每个`Category`下面有多个`pannel`（面板），面板下面管理着toolbutton，`pannel`有点类似传统的`Toolbar`，其层次结构如下图所示，这些命名参考了MFC的ribbon界面类
+
+![msdn ribbon 介绍页](./doc/pic/msdn-ribbon.png)
+
+一些常见的名词解释如下
+
+- **Category 类别**，代表一个标签所呈现的内容，对应`SARibbonCategory`
+- **Context Category 上下文类别**，这个是一种特殊的类别，它正常不显示，需要基于上下文判断是否应该显示，最常用的就是word中插入图片后，会有图片修改相关的标签出现，如果没选中图片，这个标签就消失，这个就是上下文类别，对应`SARibbonContextCategory`
+- **Pannel 面板**，这个是一组菜单的集合，类似一个Toolbar，对应`SARibbonPannel`
+- **Application Button 应用按钮**，标签栏最左边的按钮（word就是对应文件按钮），这个按钮会触发一些特殊的页面或菜单，对应`SARibbonApplicationButton`,可以隐藏
+- **Quick Access Bar 快速响应栏**，位于最顶部的一个简单工具栏，用于放置一些常用的action，对应`SARibbonQuickAccessBar`
+- **Gallery 预览控件**,这是Ribbon最吸引眼球的控件，用直观的图像把功能显示出来，甚至有些会根据上下文进行实时渲染，典型的就是word开始标签下的样式选择，对应`SARibbonGallery`
+
+SARibbonBar的层次如下图所示：
+
+![](./doc/pic/saribbonbar-level.png)
+
+> 注：不同的布局方案影响着`Category`和`Quick Access Bar`的摆放方式，具体可见[SARibbonBar布局方案](#SARibbonBar布局方案)
+
+### 在MainWindow中使用Ribbon
+
+要MainWindow中使用SARibbon，需要把`QMainWindow`替换为`SARibbonMainWindow`，`SARibbonMainWindow`修改了`QMainWindow`对menubar的渲染方式
+
+> 注意，如果使用ui文件，要把原来ui文件的菜单删除，否则可能引起一些异常，如下图所示：
+> ![](./doc/pic/remove-menu-bar-at-uifile.png)
+
+示例代码如下:
+
+```cpp
+#include "SARibbonMainWindow.h"
+class MainWindow : public SARibbonMainWindow
+{
+    Q_OBJECT
+public:
+    MainWindow(QWidget* par = nullptr);
+    ...
+}
+```
+
+`SARibbonMainWindow`也支持普通模式的渲染，SARibbonMainWindow的构造函数第二个参数用于设定是否用ribbon模式：
+
+```cpp
+SARibbonMainWindow(QWidget *parent = nullptr, bool useRibbon = true);
+```
+
+第二个参数如果设置为false，将会使用普通的菜单工具栏模式，预留这个接口是为了一些项目需要能在ribbon和经典菜单工具栏切换的场景设计的，Ribbon状态和经典状态不支持热切换，如果需要切换，用户可以设置一个配置文件或者注册表，在应用重启时给第二个参数传入false即可进入到经典菜单工具栏模式
+
+### 在QWidget或QDialog中使用SARibbonBar
+
+SARibbonBar支持在QWidget或者QDialog上使用，具体可见例子：`example/WidgetWithRibbon`
+
+项目提供了`SARibbonWidget`类，widget窗口继承`SARibbonWidget`即可实现ribbon效果的窗口
+
+```cpp
+#include "SARibbonWidget.h"
+
+class RibbonWidget : public SARibbonWidget
+{
+	Q_OBJECT
+public:
+    RibbonWidget(QWidget* parent = nullptr);
+};
+```
+
+`SARibbonWidget`类提供了`setWidget`方法，可以嵌入任意的widget
+
+```cpp
+RibbonWidget::RibbonWidget(QWidget* parent) : SARibbonWidget(parent)
+{
+    // 直接创建SARibbonBar
+    SARibbonBar* ribbonbar = ribbonBar();
+    // QWidget模式下，没有必要再显示标题
+    ribbonbar->setTitleVisible(false);
+    // QWidget模式下，直接使用紧凑模式效果更好
+    ribbonbar->setRibbonStyle(SARibbonBar::RibbonStyleCompactThreeRow);
+    // 取消applicationbutton
+    ribbonbar->setApplicationButton(nullptr);
+
+    //
+    //buildRibbon(ribbonbar);
+    //
+    setWidget(new InnerWidget());
+}
+```
+
+效果如下：
+
+![Ribbon用在QWidget上](./doc/screenshot/ribbonbar-use-in-qwidget.png)
+
+
+### 创建Category和Pannel
+
+创建ribbon的顺序是：先创建类别(Category)，再创建面板(Pannel)，最后创建对应的toolbutton（action）
+
+使用`SARibbonBar::addCategoryPage`把Category添加到SARibbonBar中，使用`SARibbonCategory::addPannel`把`Pannel`添加到`Category`中,使用`SARibbonPannel::addAction`可以在Pannel上添加action
+
+下面的代码，演示了添加一个action的示例：
+
+```cpp
+//添加主标签页 - 通过addCategoryPage工厂函数添加
+SARibbonCategory* categoryMain = ribbon->addCategoryPage(tr("Main"));
+ //使用addPannel函数来创建SARibbonPannel，效果和new SARibbonPannel再addPannel一样
+SARibbonPannel* pannel1 = categoryMain->addPannel("Panel 1");
+QAction* actSave = new QAction(this);
+actSave->setText("save");
+actSave->setIcon(QIcon(":/icon/icon/save.svg"));
+actSave->setObjectName("actSave");
+actSave->setShortcut(QKeySequence(QLatin1String("Ctrl+S")));
+pannel1->addLargeAction(actSave);
+```
+
+上面的操作添加了一个按钮，效果如下图所示：
+
+![](./doc/pic/add-large-action.png)
+
+用户也可以直接new出SARibbonCategory，并添加到pannel中，下面的代码效果和上面的一样：
+
+```cpp
+SARibbonCategory* categoryMain = new SARibbonCategory(tr("Main"));
+ribbon->addCategoryPage(categoryMain);
+SARibbonPannel* pannel1 = new SARibbonPannel("Panel 1");
+categoryMain->addPannel(pannel1);
+QAction* actSave = new QAction(this);
+...
+pannel1->addLargeAction(actSave);
+```
+
+Ribbon的图标有大有小，通过`addLargeAction`、`addMediumAction`、`addSmallAction`可以组合出不同的布局样式
+
+具体可见[./example/MainWindowExample/mainwindow.cpp](./example/MainWindowExample/mainwindow.cpp)
+
+### ContextCategory 上下文标签
+
+所谓上下文标签是指在特殊情况下才出现的标签/标签组，例如office word在选中图片时会出现图片编辑的上下文标签，如下图所示：
+
+![上下文标签](doc/pic/word-contextcategory.png)
+
+SARibbon中上下文标签对应的类为`SARibbonContextCategory`
+
+上下文标签一般在程序初始化的时候就创建好，平时隐藏，等待需要显示的时候再显示，创建上下文标签如下：
+
+由于上下文标签需要使用时唤起，因此，用一个成员变量保存起来是一个比较好的选择，当然也可以遍历查找（`SARibbonBar::contextCategoryList`可以例举所有的`SARibbonContextCategory`）
+
+头文件：
+
+```cpp
+SARibbonContextCategory* m_contextCategory;
+```
+
+cpp文件:
+```cpp
+SARibbonBar* ribbon = ribbonBar();
+//创建一个contextCategory，颜色随机
+m_contextCategory   = ribbon->addContextCategory(tr("context"), QColor());
+SARibbonCategory* contextCategoryPage1 = m_contextCategory->addCategoryPage(tr("Page1"));
+//对contextCategoryPage1进行操作
+......
+SARibbonCategory* contextCategoryPage2 = m_contextCategory->addCategoryPage(tr("Page2"));
+//对contextCategoryPage2进行操作
+......
+```
+
+由`SARibbonContextCategory`创建的`SARibbonCategory`归`SARibbonContextCategory`管理，只有`SARibbonContextCategory`“显示了”,其管理的`SARibbonCategory`才显示，**注意：** `SARibbonContextCategory`并不是一个窗口，所以，它的“显示”打了引号
+
+要显示一个上下文只需要调用`SARibbonBar::showContextCategory`/`SARibbonBar::hideContextCategory`即可:
+
+```cpp
+void MainWindow::onShowContextCategory(bool on)
+{
+    if (on) {
+        this->ribbonBar()->showContextCategory(m_contextCategory);
+    } else {
+        this->ribbonBar()->hideContextCategory(m_contextCategory);
+    }
+}
+```
+
+**注意：** 如果要删除`contextCategory`需要调用`SARibbonBar::destroyContextCategory`，而不是直接delete，调用`SARibbonBar::destroyContextCategory`之后无需再对ContextCategory的指针delete
+
+不同样式的contextCategory有不一样的风格，具体可见：[SARibbon样式](#SARibbon样式)以及[不同样式下的显示对比](#不同样式下的显示对比)
+
+### ApplicationButton
+
+ribbon界面左上角有个特殊且明显的按钮，称之为`applicationButton`，这个按钮一般用于调出菜单，SARibbonBar在构造时默认就创建了`applicationButton`，可以通过如下方式设置其文字：
+
+```cpp
+SARibbonBar* ribbon = ribbonBar();
+ribbon->applicationButton()->setText(("File"));
+```
+
+默认的applicationButton继承自`SARibbonApplicationButton`,而`SARibbonApplicationButton`继承自`QPushButton`，因此你可以对其进行`QPushButton`所有的操作，当然如果想设置自己的Button作为applicationButton也是可以的，只需要调用`SARibbonBar::setApplicationButton`函数即可
+
+### QuickAccessBar和rightButtonGroup
+
+QuickAccessBar是左上角的快速工具栏，rightButtonGroup是右上角的快速工具栏，在office模式下分左右两边，在wps模式下，左右将合起来，统一放到右边
+
+![QuickAccessBar And RightButtonGroup](./doc/screenshot/QuickAccessBarAndRightButtonGroup.png)
+
+SARibbon中：
+
+- QuickAccessBar对应`SARibbonQuickAccessBar`类
+- rightButtonGroup对应`SARibbonButtonGroupWidget`类
+
+SARibbonBar在初始化时会默认创建QuickAccessBar和RightButtonGroup，通过`SARibbonBar::quickAccessBar`和`SARibbonBar::rightButtonGroup`即可获取其指针进行操作，示例如下：
+
+```cpp
+QAction* MainWindow::createAction(const QString& text, const QString& iconurl, const QString& objName)
+{
+    QAction* act = new QAction(this);
+    act->setText(text);
+    act->setIcon(QIcon(iconurl));
+    act->setObjectName(objName);
+    return act;
+}
+
+void MainWindow::initQuickAccessBar(){
+    SARibbonBar* ribbon = ribbonBar();
+    SARibbonQuickAccessBar* quickAccessBar = ribbon->quickAccessBar();
+    quickAccessBar->addAction(createAction("save", ":/icon/icon/save.svg", "save-quickbar"));
+    quickAccessBar->addSeparator();
+    quickAccessBar->addAction(createAction("undo", ":/icon/icon/undo.svg"),"undo");
+    quickAccessBar->addAction(createAction("redo", ":/icon/icon/redo.svg"),"redo");
+    quickAccessBar->addSeparator();
+}
+void MainWindow::initRightButtonGroup(){
+    SARibbonBar* ribbon = ribbonBar();
+    SARibbonButtonGroupWidget* rightBar = ribbon->rightButtonGroup();
+    QAction* actionHelp = createAction("help", ":/icon/icon/help.svg","help");
+    connect(actionHelp, &QAction::triggered, this, &MainWindow::onActionHelpTriggered);
+    rightBar->addAction(actionHelp);
+}
+```
+
+### SARibbonBar布局方案
+
+ `SARibbon`支持4种ribbon布局方案，布局方案参考了`office`的ribbon风格和`WPS`的ribbon风格，布局方案的切换可
+通过`void SARibbonBar::setRibbonStyle(RibbonStyle v)`实现
+
+`office`模式是最常见的ribbon模式，`tab`和标题栏占用位置较多，`WPS`设计的ribbon模式进行了改良，它为了减小ribbon的高度，把标签和标题栏设置在一起，这样减少了一个标题栏高度，有效利用了垂直空间，同时还把pannel的按钮布局由最大摆放3个变为摆放两个，进一步压缩了垂直空间
+
+office的word界面和WPS Word界面截图对比
+
+![office 界面截图](./doc/pic/office-screenshot.png)
+
+![Wps 改动了ribbon的布局方式](./doc/pic/wps-change-ribbon-1.jpg)
+
+在正常屏幕下，WPS 样式会比 Office 样式减少至少30像素左右的垂直高度，相比1920*1080的屏幕来说，相当于节约了接近3%的垂直空间
+
+SARibbon中把带有标题栏的称之为宽松布局（Loose），宽松布局的各个元素如下图排列：
+
+![宽松布局](./doc/pic/ribbonbar-geometry-office3.png)
+
+这个布局和office的默认布局是一致的
+
+SARibbon中把带有标题栏和tab结合一起的布局方式称之为紧凑布局（Compact），紧凑布局的各个元素如下图排列：
+
+![紧凑布局](./doc/pic/ribbonbar-geometry-wps3.png)
+
+SARibbonBar提供了`setRibbonStyle`函数，可以定义当前的布局方案，枚举`SARibbonBar::RibbonStyle`定义了四种布局方案：
+
+- `SARibbonBar::RibbonStyleLooseThreeRow`宽松结构，3行模式(v0.x版本为`SARibbonBar::OfficeStyle`)
+
+![SARibbonBar::RibbonStyleLooseThreeRow](doc/screenshot/office-3-style.png)
+
+- `SARibbonBar::RibbonStyleLooseTwoRow`宽松结构，2行模式(v0.x版本为`SARibbonBar::OfficeStyleTwoRow`)
+
+![SARibbonBar::RibbonStyleLooseTwoRow](doc/screenshot/office-2-style.png)
+
+- `SARibbonBar::RibbonStyleCompactThreeRow`紧凑结构，3行模式(v0.x版本为`SARibbonBar::WpsLiteStyle`)
+
+![SARibbonBar::RibbonStyleCompactThreeRow](doc/screenshot/wps-3-style.png)
+
+- `SARibbonBar::RibbonStyleCompactTwoRow`紧凑结构，2行模式(v0.x版本为`SARibbonBar::WpsLiteStyleTwoRow`)
+
+![SARibbonBar::RibbonStyleCompactTwoRow](doc/screenshot/wps-2-style.png)
+
+### SARibbonBar文字换行，及图标大小
+
+通过`SARibbonBar::setEnableWordWrap`函数可以控制SARibbonBar的文字是否换行，`SARibbonBar`的高度是固定的，文字是否换行会影响图标显示的大小，因此，如果你想图标看起来更大，可以设置文字不换行
+
+在`SARibbonBar::RibbonStyleCompactTwoRow`的布局模式下，文字不换行的显示效果如下：
+
+![](doc/screenshot/wps-2-style-nowrap.png)
+
+SARibbonBar文字设置为不换行后，会使图标的显示空间变得更大
+
+### 不同的“按钮”布局方式
+
+`SARibbonPannel`提供了三个添加action的方法：
+- `addLargeAction`
+- `addMediumAction`
+- `addSmallAction`
+
+在标准的pannel中，一个action（按钮）有3种布局，以office word为例，pannel的三种布局其实是所占行数:
+
+- 第一种，占满整个pannel，称之为`large`
+- 第二种，一个pannel下可以放置2个按钮，称之为`medium`
+- 第三种，一个pannel放置3个按钮，称之为`samll`
+
+![word pannel 布局示例](./doc/pic/pannelLayout3row-example.png)
+
+枚举`SARibbonPannelItem::RowProportion`是为了表征每个窗体在pannel所占行数的情况，在pannel布局中会常用到，这个枚举定义如下：
+
+```cpp
+/**
+  * @brief 定义了行的占比，ribbon中有large，media和small三种占比
+  */
+enum RowProportion {
+    None            ///< 为定义占比，这时候将会依据expandingDirections来判断，如果能有Qt::Vertical，就等同于Large，否则就是Small
+    , Large         ///< 大占比，一个widget的高度会充满整个pannel
+    , Medium        ///< 中占比，在@ref SARibbonPannel::pannelLayoutMode 为 @ref SARibbonPannel::ThreeRowMode 时才会起作用，且要同一列里两个都是Medium时，会在三行中占据两行
+    , Small         ///< 小占比，占SARibbonPannel的一行，Medium在不满足条件时也会变为Small，但不会变为Large
+};
+```
+
+`SARibbonPannel`里管理的每个action都会带有一个私有的属性（`SARibbonPannelItem::RowProportion`），这个属性决定了这个action在pannel里的布局
+
+### SARibbonPannel的布局模式
+
+#### 3行模式
+
+三行模式是传统的pannel布局方式，如下图所示：
+
+![3行模式ribbon布局示例](./doc/pic/pannelLayout3row.png)
+
+3行模式下有三种占位(`SARibbonPannelItem::RowProportion`)，分别为large、medium和small
+
+3行模式下的pannel会显示pannel的标题在`Pannel Title`区域，另外还有一个`OptionAction`的区域，这个是给这个action添加特殊触发使用的，如果没有设置`OptionAction`，这个区域是隐藏。
+
+#### 2行模式
+
+2行模式是WPS的改进布局法（具体是否是WPS首先这样做的不清楚，我是按照WPS的布局进行参考的），如下图所示：
+
+![2行模式ribbon布局示例](./doc/pic/pannelLayout2row.png)
+
+2行模式下medium和small占位(`SARibbonPannelItem::RowProportion`)是一样的，不做区分。
+
+2行模式下pannel是不显示标题的
+
+### SARibbon的自定义功能
+
+ribbon的自定义是ribbon的一个特色，参考了office和wps的自定义界面，用户可以为自己的ribbon定义非常多的内容，甚至可以定义出一个完全和原来不一样的界面。
+
+以下是office的自定义界面
+
+![office的自定义界面](./doc/screenshot/customize/customization-office-ui.png)
+
+SARibbon参考office和wps的界面，封装了方便使用的`SARibbonCustomize**`类，包括如下5个类：
+
+> - SARibbonCustomizeDialog
+> - SARibbonCustomizeWidget
+> - SARibbonCustomizeData
+> - SARibbonActionsManager
+> - SARibbonActionsManagerModel
+
+实际用户使用仅会面对`SARibbonActionsManager`和`SARibbonCustomizeDialog`/`SARibbonCustomizeWidget`，其余类用户正常不会使用。
+
+`SARibbonActionsManager`是用来管理`QAction`，把想要自定义的`QAction`添加到`SARibbonActionsManager`中管理，并可以对`QAction`进行分类，以便在`SARibbonCustomizeDialog`/`SARibbonCustomizeWidget`中显示
+
+`SARibbonCustomizeDialog`/`SARibbonCustomizeWidget`是具体的显示窗口，`SARibbonCustomizeDialog`把`SARibbonCustomizeWidget`封装为对话框，如果要实现office那样集成到配置对话框中可以使用`SARibbonCustomizeWidget`，`SARibbonCustomizeDialog`的效果如下图所示：
+
+![SARibbon的自定义界面](./doc/screenshot/customize/customization-saribbon-ui.png)
+
+
+#### 给界面添加自定义功能
+
+这里演示如何添加自定义功能
+
+首先定义`SARibbonActionsManager`作为MainWindow的成员变量
+
+```cpp
+//MainWindow.h 中定义成员变量
+SARibbonActionsManager* m_ribbonActionMgr;///< 用于管理所有action
+```
+
+在MainWindow的初始化过程中，还需要创建大量的`QAction`，`QAction`的父对象指定为MainWindow，另外还会生成ribbon布局，例如添加category，添加pannel等操作，在上述操作完成后添加如下步骤，自动让`SARibbonActionsManager`管理所有的`QAction`
+
+```cpp
+//MainWindow的初始化，生成QAction
+//生成ribbon布局
+m_ribbonActionMgr = new SARibbonActionsManager(mainWinowPtr);
+m_ribbonActionMgr->autoRegisteActions(mainWinowPtr);
+```
+
+`SARibbonActionsManager`的关键函数`autoRegisteActions`可以遍历 `SARibbonMainWindow`下的所有子object，找到action并注册，并会遍历所有`SARibbonCategory`,把`SARibbonCategory`下的action按`SARibbonCategory`的title name进行分类，此函数还会把`SARibbonMainWindow`下面的action，但不在任何一个category下的作为NotInRibbonCategoryTag标签注册，默认名字会赋予not in ribbon
+
+在需要调用`SARibbonCustomizeDialog`的地方如下操作：
+
+```cpp
+QString cfgpath = "customization.xml";
+SARibbonCustomizeDialog dlg(this, this);
+
+dlg.setupActionsManager(m_ribbonActionMgr);
+dlg.fromXml(cfgpath);//调用这一步是为了把已经存在的自定义步骤加载进来，在保存时能基于原有的自定义步骤上追加
+if (QDialog::Accepted == dlg.exec()) {
+    dlg.applys();//应用自定义步骤
+    dlg.toXml(cfgpath);//把自定义步骤保存到文件中
+}
+```
+
+在MainWindow生成前还需要把自定义的内容加载，因此在构造函数最后应该加入如下语句：
+
+```cpp
+//MainWindow的构造函数最后
+sa_apply_customize_from_xml_file("customization.xml", this, m_ribbonActionMgr);
+```
+
+`sa_apply_customize_from_xml_file`是`SARibbonCustomizeWidget.h`中提供的函数，直接把配置文件中的自定义内容应用到MainWindow中。
+
+这样软件每次启动都会按照配置文件加载。
+
+
+# 更多截图
+
+- 这是使用SARibbon构建的软件截图
+
+![](./doc/screenshot/data-workbench-screenshot1-cn.gif)
+![](./doc/screenshot/data-workbench-screenshot01-en.png)
+
+[github - https://github.com/czyt1988/data-workbench](https://github.com/czyt1988/data-workbench)
+
+[gitee - https://gitee.com/czyt1988/data-workbench](https://gitee.com/czyt1988/data-workbench)
+
+具体Ribbon的生成代码可见：
+
+[https://github.com/czyt1988/data-workbench/blob/master/src/APP/DAAppRibbonArea.cpp](https://github.com/czyt1988/data-workbench/blob/master/src/APP/DAAppRibbonArea.cpp)
+
+# 文档生成
+
+你可以通过doxygen生成qch和html类型的文档，`doc/Doxyfile-qch-cn`文件用于生成`.qch`格式的qt帮助文档,你可以把它集成到qt creator当中，`doc/Doxyfile-wiki-cn`文件用于生成html格式的文档，方便你在浏览器中查阅
+
+# 常见问题
+
+## 1、高分屏显示问题
+
+针对高分屏显示，有如下两个方面准备
+
+1 - 在main函数中为QApplication设置`Qt::AA_EnableHighDpiScaling`属性
+
+这个属性使得应用程序自动检测显示器的像素密度来实现自动缩放，示例代码如下：
+
+```cpp
+int main(int argc, char* argv[])
+{
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 6, 0))
+    QApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
+    QApplication::setAttribute(Qt::AA_UseHighDpiPixmaps);
+#endif
+    QApplication a(argc, argv);
+    ......
+}
+```
+
+2 - 在main函数中为QApplication设置缩放策略：`QApplication::setHighDpiScaleFactorRoundingPolicy`
+
+Qt5.6提供了`Qt::AA_EnableHighDpiScaling`，但不能完全解决，Qt5.14开始提供了高分屏缩放策略设置`QApplication::setHighDpiScaleFactorRoundingPolicy`，同`AA_EnableHighDpiScaling`一样需要在main函数前面设置
+
+```cpp
+int main(int argc, char* argv[])
+{
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 6, 0))
+    QApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
+    QApplication::setAttribute(Qt::AA_UseHighDpiPixmaps);
+#endif
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 14, 0))
+    QApplication::setHighDpiScaleFactorRoundingPolicy(Qt::HighDpiScaleFactorRoundingPolicy::PassThrough);
+#endif
+    QApplication a(argc, argv);
+    ......
+}
+```
+
+## 2、快捷键问题
+
+经常有人反馈使用SARibbonBar后，没有被激活的tab页的快捷键没有响应，只有激活的标签页的快捷键才有反应，如果是传统的toolbar模式，由于action所在的toolbar一直在最前端，因此快捷键一直生效，但如果是SARibbonBar，action所在的pannel是会隐藏的，隐藏后快捷键就不生效，如果想快捷键无论Pannel是否隐藏都生效，设置快捷键的`shortcutContext`属性为`Qt::ApplicationShortcut`也无效，这时，可以在创建Category的地方手动创建快捷键
+
+例如：
+
+```cpp
+    ribbon构建
+    ...
+    QShortcut* shortCut = new QShortcut(QKeySequence(QLatin1String("Ctrl+S")), this);
+    connect(shortCut, &QShortcut::activated, this, [ actSave ]() {
+        actSave->trigger();
+    });
+```
+
+这个快捷键的创建位置在Mainwidnow，这样快捷键就随着mainwindow周期
+
+# 给我一个鼓励
+
+如果项目对你有用，请你给我一个鼓励：
+
+![](./doc/pic/赞赏码.png)
\ No newline at end of file
diff --git a/gui/SARibbon/readme.md b/gui/SARibbon/readme.md
new file mode 100644
index 0000000..6f135f2
--- /dev/null
+++ b/gui/SARibbon/readme.md
@@ -0,0 +1,706 @@
+[中文文档点击这里,QQ群:434014314](./readme-cn.md)
+
+<div align="center">
+<p>
+<img src="https://img.shields.io/badge/C++-17-blue"/>
+<img src="https://img.shields.io/badge/Qt-5.14+-green"/>
+<img src="https://img.shields.io/badge/Qt-6-green"/>
+<img src="https://img.shields.io/badge/license-MIT-yellow"/>
+</p>
+<p>
+<img src="https://img.shields.io/badge/windows-0077d6"/>
+<img src="https://img.shields.io/badge/ubuntu-ed6432"/>
+<img src="https://img.shields.io/badge/macos-000"/>
+</p>
+</div>
+
+
+||Windows(2019, latest)|Linux ubuntu(20.04, latest)|Mac(11-latest)|
+|:-|:-|:-|:-|
+|Qt5.12|[![cmake-win-qt5.12](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.12.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.12.yml)|[![CMake-Linux-Qt5.12](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.12.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.12.yml)|[![cmake-mac-qt5.12](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.12.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.12.yml)|
+|Qt5.13|[![cmake-win-qt5.13](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.13.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.13.yml)|[![CMake-Linux-Qt5.13](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.13.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.13.yml)|[![cmake-mac-qt5.13](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.13.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.13.yml)|
+|Qt5.14|[![cmake-win-qt5.14](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.14.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.14.yml)|[![CMake-Linux-Qt5.14](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.14.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.14.yml)|[![cmake-mac-qt5.14](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.14.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.14.yml)|
+|Qt5.15|[![cmake-win-qt5.15](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.15.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt5.15.yml)|[![CMake-Linux-Qt5.15](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.15.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt5.15.yml)|[![cmake-mac-qt5.15](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.15.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt5.15.yml)|
+|Qt6.0|[![cmake-win-qt6.0](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.0.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.0.yml)|[![CMake-Linux-Qt6.0](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.0.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.0.yml)|[![cmake-mac-qt6.0](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.0.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.0.yml)|
+|Qt6.1|[![cmake-win-qt6.1](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.1.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.1.yml)|[![CMake-Linux-Qt6.1](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.1.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.1.yml)|[![cmake-mac-qt6.1](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.1.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.1.yml)|
+|Qt6.2|[![cmake-win-qt6.2](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.2.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.2.yml)|[![CMake-Linux-Qt6.2](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.2.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.2.yml)|[![cmake-mac-qt6.2](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.2.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.2.yml)|
+|Qt6.3|[![cmake-win-qt6.3](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.3.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.3.yml)|[![CMake-Linux-Qt6.3](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.3.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.3.yml)|[![cmake-mac-qt6.3](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.3.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.3.yml)|
+|Qt6.4|[![cmake-win-qt6.4](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.4.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.4.yml)|[![CMake-Linux-Qt6.4](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.4.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.4.yml)|[![cmake-mac-qt6.4](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.4.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.4.yml)|
+|Qt6.5|[![cmake-win-qt6.5](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.5.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.5.yml)|[![CMake-Linux-Qt6.5](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.5.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.5.yml)|[![cmake-mac-qt6.5](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.5.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.5.yml)|
+|Qt6.6|[![cmake-win-qt6.6](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.6.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-win-qt6.6.yml)|[![CMake-Linux-Qt6.6](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.6.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-linux-qt6.6.yml)|[![cmake-mac-qt6.6](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.6.yml/badge.svg)](https://github.com/czyt1988/SARibbon/actions/workflows/cmake-mac-qt6.6.yml)|
+
+# Introduction to SARibbon
+
+This is a `Ribbon control` under `Qt` framework, which provides an interface similar to that of Microsoft Office software. `SARibbon` is suitable for large software, industrial software, and complex software UI. `SARibbon` is designed with reference to the naming style of the MFC Ribbon interface, and the interface style of `SARibbon` refers to the Ribbon interface of Microsoft Office series software and WPS software, and combines the advantages of both. `SARibbon` is a ribbon widget that can define a variety of theme styles, and it can quickly define your desired theme style through qss.In order to facilitate the development of large software, `SARibbon` encapsulates some commonly used functional controls,such as [Color Widgets](https://github.com/czyt1988/SAColorWidgets)
+
+
+## Features
+
+- Layout and display for Ribbon
+
+![Layout and display for Ribbon](./doc/screenshot/SARibbonBar-overview.gif)
+
+- Support minimization mode, ribbon only shows tabs (default double-click on the tab will switch)
+
+![SARibbon minimization mode](./doc/screenshot/SARibbonBar-minMode.gif)
+
+- Supports quickAccessBar (word quick menu), which will have different display effects in different layout modes
+
+![SARibbon-quickAccessBar](./doc/screenshot/SARibbonBar-quickAccessBar.gif)
+
+- Support 4 different ribbon buttons: normal buttons, delay pop-up menu buttons, menu buttons, action menu buttons
+
+![ribbon button](./doc/screenshot/SARibbonBar-ribbonbutton.gif)
+
+- There are 4 different styles of ribbon layouts available
+
+![4 different ribbon layout](./doc/screenshot/SARibbonBar-style.gif)
+
+- Support QSS to customize the ribbon, you can switch themes in real time, and there are 5 different styles of themes built-in
+
+win7 theme:
+![SARibbon-theme-win7](./doc/screenshot/SARibbon-theme-win7.png)
+office2013 theme:
+![SARibbon-theme-office2013](./doc/screenshot/SARibbon-theme-office2013.png)
+office2016 theme:
+![SARibbon-theme-office2016](./doc/screenshot/SARibbon-theme-office2016.png)
+office2021 theme:
+![SARibbon-theme-office2021](./doc/screenshot/SARibbon-theme-office2021.png)
+dark theme:
+![SARibbon-theme-dark](./doc/screenshot/SARibbon-theme-dark.png)
+
+- Provides a Gallery control
+
+![](./doc/screenshot/SARibbonBar-gallery.gif)
+
+- Supports long scrolling and Option Action
+
+![](./doc/screenshot/SARibbonBar-option-action.gif)
+
+- Provides a centered alignment mode
+
+![](./doc/screenshot/SARibbon-aligment-center.png)
+
+- Support 4K screen and multi-screen
+- Support linux and MacOS
+
+
+MIT protocol，welcome for everyone to use and give comments
+
+[gitee - https://gitee.com/czyt1988/SARibbon](https://gitee.com/czyt1988/SARibbon)
+
+[github - https://github.com/czyt1988/SARibbon](https://github.com/czyt1988/SARibbon)
+
+
+# Build
+
+`SARibbon` provides both qmake and cmake build methods, and provides an amalgamate `SARibbon.h` and `SARibbon.cpp` file for static embedding into a single project
+
+> `SARibbon` supports third-party library [QWindowKit](https://github.com/stdware/qwindowkit) At the same time, it also supports simple frameless solutions. If you need native window support for the operating system, such as edge trimming after Windows 7 and maximizing the hovering effect of buttons in Windows 11, it is recommended to enable [QWindowKit](https://github.com/stdware/qwindowkit) Library, [QWindowKit](https://github.com/stdware/qwindowkit) Library can better solve the problem of multi screen movement
+
+![](./doc/pic/set-qwindowkit-on-snap.gif)
+
+If you want to rely on [QWindowKit](https://github.com/stdware/qwindowkit) Library, needs to be compiled first [QWindowKit](https://github.com/stdware/qwindowkit) Library, [QWindowKit](https://github.com/stdware/qwindowkit) As the submodules of the SARibbon project, if the '-- recursive' parameter is not included in the 'git clone', the 'submodules update' command needs to be executed:
+
+```shell
+git submodule update --init --recursive
+```
+
+## Compile to dynamic libraries
+
+For the detailed build process, refer to the document: [Building SARibbon](./doc/how-to-build.md)
+
+## Embedding SARibbon directly into the project
+
+SARibbon provides amalgamate `SARibbon.h` file and `SARibbon.cpp` file, you only need to import these two files in your own project, and at the same time import resource files and third-party library files to use, no need to compile into dynamic libraries or static libraries, you can refer to the StaticExample example (located in `src/example/StaticExample`), static embedding will be used to` SARibbon.h`, `SARibbon.cpp`, `SARibbon.pri`, `SARibbonBar/resource.qrc`, and `SARibbonBar/3rdparty`, `SARibbonBar/resource` two folders:
+
+Your project directory will look like this:
+
+```
+|-you-project-dir
+|  |-you-project.pro
+|  |-SARibbon.h
+|  |-SARibbon.cpp
+|  |-SARibbon.pri
+|  |-SARibbonBar
+|     |-resource.qrc
+|     |-resource(Directly copy the resource under SARibbonBar in its entirety)
+|        |-resource files
+```
+
+To compile with qmake, you can follow the steps below:
+
+- 1. Copy `SARibbon.h`, `SARibbon.cpp`, `SARibbon.pri` to your project directory
+- 2. Create a `SARibbonBar` folder in your project directory
+- 3. Copy the `src/SARibbonBar/resource.qrc` file in the source code to the `SARibbonBar` folder in your project directory
+- 4. Copy the `resource` folder under `src/SARibbonBar` to the `SARibbonBar` folder in your project directory
+- 5. Import the `SARibbon.pri` file into the pro file of your project, e.g. `include($$PWD/SARibbon.pri)`
+
+If you use cmake, refer to the cmake writing method of the StaticExample example(located in `src/example/StaticExample`)
+
+# How to use:
+
+## Import the library
+
+After the compilation is complete, import SARibbon as follows:
+
+### qmake
+
+If you use qmake, you can simply copy the following files into your project in a directory structure after the compilation is complete
+
+Create a 3rdparty folder in your project first, and then copy the entire SARibbon folder, there are already several pri files inside SARibbon that can easily allow you to import the project into your own directory, and the `./importSARibbonBarLib.pri` file is used to import the SARibbon library
+
+After completing the appeal process, you can add the following statement to your Qt project pro file
+
+```shell
+include($$PWD/3rdparty/SARibbon/importSARibbonBarLib.pri)
+```
+
+The compilation process of qmake will generate bin_qtx.x_xx folder under SARibbon, and the library files and dll files are in this folder, and `importSARibbonBarLib.pri` will automatically reference the libraries in this folder
+
+At this point, your project directory looks like this:
+
+```
+|-[you-project-dir]
+|  |-you-project.pro
+|  |-[3rdparty]
+|     |-[SARibbon](Copy SARibbon in its entirety)
+|        |-importSARibbonBarLib.pri
+|        |-SARibbonBar.pri
+|        |-common.pri
+|        |-[bin_qtx.x.x_{MSVC/GNU}_x{32/64}]
+|        |-[src]
+|        |   |-[SARibbonBar]
+```
+
+
+### cmake (recommended)
+
+It is recommended to use this library after execution of `install`.
+
+Method for introducing cmake:
+
+```cmake
+find_package(SARibbonBar REQUIRED)
+...
+target_link_libraries({your_target_name} PUBLIC SARibbonBar::SARibbonBar)
+```
+
+If `find_package` cannot find `SARibbonBar`, you need to inform your cmake project of the installation location of `SARibbon`.
+
+```
+set(SARibbonBar_DIR "[your SARibbonBar installation root directory]/lib/cmake")
+```
+
+If during compilation, the `SARIBBON_INSTALL_IN_CURRENT_DIR` option is set to `ON` (default), a `bin_qt{Qt version}_{MSVC/GNU}_x{32/64}` folder will be generated under the root directory of the SARibbon project as the installation directory. This is to align with qmake and facilitate the installation of multiple different versions of Qt and compilers on a single operating system. Otherwise, on Windows, it will be installed in the `C:\Program Files\SARibbonBar` folder by default.
+
+For reference on introducing SARibbon via cmake, see `src/example/MainWindowExample/CMakeLists.txt`.
+
+For details, refer to the documentation: [SARibbon Building](./doc/how-to-build-cn.md)
+
+## Get started quickly
+
+Ribbon is a combination of the menu bar and the toolbar, and displayed through a tab control, Ribbon can not be simply replaced by Tab+Toolbar, involving a lot of details, `SARibbon` refers to the naming style of the MFC Ribbon interface in the design, the tab page is called `Category`, and there are multiple `pannel` under each `Category`, below which manages the toolbutton, `pannel` is a bit like the traditional `Toolbar`, with a hierarchy as shown in the image below, and these names are referencing the MFC ribbon interface class
+
+![msdn ribbon](./doc/pic/msdn-ribbon.png)
+
+Some common nouns are explained below
+
+- **Category**, representing what a label presents, corresponding to `SARibbonCategory`.
+
+- **Context Category**, this is a special category. It is not displayed normally. You need to judge whether it should be displayed based on the context. The most common way is that after inserting a picture in word, a label related to picture modification will appear. If no picture is selected, the label will disappear. This is the context category, corresponding to `SARibbonContextCategory`.
+
+- **Pannel**, This is a collection of menus, like a Toolbar, corresponding to `SARibbonPannel`
+
+- **Application Button**, this is the leftmost button in the tab bar (word is the corresponding file button). This button will trigger some special pages or menus, corresponding to `SARibbonApplicationButton`, which can be hidden.
+
+- **Quick Access Bar**, a simple toolbar at the top for placing common actions corresponding to `SARibbonQuickAccessBar`.
+
+- **Gallery Control**, this is the most eye-catching control of ribbon. It displays the functions with intuitive images, and even some renders are done in real time according to the context. Typical example is the style selection in the office word. corresponding to `SARibbonGallery`.
+
+The layout of SARibbonBar is shown in the figure below
+
+![](./doc/pic/saribbonbar-level.png)
+
+> Note: Different layout schemes affect the placement of the `Category` and `Quick Access Bar`
+
+### Use Ribbon in the MainWindow
+
+To use SARibbon in MainWindow, you need to replace `QMainWindow` with `SARibbonMainWindow`, which modifies the way `QMainWindow` renders menubar
+
+> Note that if you use a UI file, you should delete the menu of the UI file, otherwise it may cause some exceptions
+
+The sample code is as follows:
+
+```cpp
+#include "SARibbonMainWindow.h"
+class MainWindow : public SARibbonMainWindow
+{
+    Q_OBJECT
+public:
+    MainWindow(QWidget* par = nullptr);
+    ...
+}
+```
+
+`SARibbonMainWindow` also supports normal mode rendering with the following constructor:
+
+```cpp
+SARibbonMainWindow(QWidget *parent = nullptr, bool useRibbon = true);
+```
+
+If the second parameter is set to false, it will use the normal menu toolbar mode, this interface is reserved for some projects that need to be able to switch between ribbon and classic menu toolbar scenes, ribbon state and classic state do not support hot switching, if you need to switch, you can set a configuration file or registry, pass false to the second parameter when the application is restarted to enter the classic menu toolbar mode
+
+### Use SARibbonBar in QWidget or QDialog
+
+`SARibbonBar` can be used on `QWidget` or `QDialog`, see the example：`src/example/WidgetWithRibbon`
+
+All you need to do is use `SARibbonBar` as a normal widget
+
+First, declare the pointer of `SARibbonBar` in the header file
+
+```cpp
+private:
+    Ui::Widget* ui;
+    SARibbonBar* mRibbonBar { nullptr };
+```
+
+Create a `SARibbonBar` in the Widget's constructor, there is a `QVBoxLayout` layout in the widget's ui file, place the `SARibbonBar` at the very top, and at the same time, since the QWidget mode, there is no need to display the title, you can call the `SARibbonBar::setTitleVisible` method to hide the title. applicationbutton can also be canceled in QWidget via `SARibbonBar::setApplicationButton` if it is not necessary, and finally since the theme of SARibbonBar is set in the `SARibbonMainWindow` method, the theme can be set in QWidget via the global function `sa_set_ribbon_ theme`
+
+
+```cpp
+#include "SARibbonBar.h"
+#include "SARibbonCategory.h"
+#include "SARibbonPannel.h"
+#include "SARibbonMainWindow.h"
+Widget::Widget(QWidget* parent) : QWidget(parent), ui(new Ui::Widget)
+{
+    // Note: There is a QVBoxLayout layout in the ui file
+    ui->setupUi(this);
+    // Create SARibbonBar
+    mRibbonBar = new SARibbonBar(this);
+    // there is no need to display the title anymore on QWidget
+    mRibbonBar->setTitleVisible(false);
+    // it is better to use compact mode directly on QWidget
+    mRibbonBar->setRibbonStyle(SARibbonBar::RibbonStyleCompactThreeRow);
+    // cancel applicationbutton
+    mRibbonBar->setApplicationButton(nullptr);
+    // Set the theme, although SARibbonMainWindow is not used here, 
+    // but the theme of the Ribbon is defined in SARibbonMainWindow, so SARibbonMainWindow.h should be introduced
+    sa_set_ribbon_theme(mRibbonBar, SARibbonMainWindow::RibbonThemeOffice2013);
+
+    // QWidgets sets a QVBoxLayout and puts the window in the second layout of the QVBoxLayout, 
+    // and the first layout is given to SARibbonBar, so that SARibbonBar will be on top
+    ui->verticalLayout->insertWidget(0, mRibbonBar);
+
+    buildRibbon(mRibbonBar);
+}
+```
+
+Here's what it looks like:
+
+![Ribbon on QWidget](./doc/screenshot/ribbonbar-use-in-qwidget.png)
+
+
+### Create Category and Pannel
+
+The order of creating a ribbon is to create a Category, then a Pannel, and finally a toolbutton (action)
+
+Use `SARibbonBar::addCategoryPage` to add a Category to SARibbonBar, `SARibbonCategory::addPannel` to add a Category, and `SARibbonPannel::addAction` to add an action to Pannel
+
+The following code demonstrates an example of adding an action:
+
+```cpp
+//Add main tab - The main tab is added through the addcategorypage factory function.
+SARibbonCategory* categoryMain = ribbon->addCategoryPage(tr("Main"));
+ //Using the addpannel function to create saribponpannel. The effect is the same as that of new saribponpannel, and then call SARibbonCategory:: addpannel.
+SARibbonPannel* pannel1 = categoryMain->addPannel(("Panel 1"));
+QAction* actSave = new QAction(this);
+actSave->setText("save");
+actSave->setIcon(QIcon(":/icon/icon/save.svg"));
+actSave->setObjectName("actSave");
+actSave->setShortcut(QKeySequence(QLatin1String("Ctrl+S")));
+pannel1->addLargeAction(actSave);
+```
+
+The above operation adds a button, and the effect is shown in the following figure:
+
+![](./doc/pic/add-large-action.png)
+
+You can also directly new out of `SARibbonCategory` and add it to pannel, and the following code will look the same as the one above:
+
+```cpp
+SARibbonCategory* categoryMain = new SARibbonCategory(tr("Main"));
+ribbon->addCategoryPage(categoryMain);
+SARibbonPannel* pannel1 = new SARibbonPannel("Panel 1");
+categoryMain->addPannel(pannel1);
+QAction* actSave = new QAction(this);
+...
+pannel1->addLargeAction(actSave);
+```
+
+Different layout styles can be combined through`addLargeAction`,`addMediumAction`,`addSmallAction`. For details, see :
+
+[./src/example/MainWindowExample/mainwindow.cpp](./src/example/MainWindowExample/mainwindow.cpp)
+
+### Context Category
+
+The so-called Context Category refers to the label / label group that appears only under special circumstances. For example, when office word selects a picture, the Context Category of picture editing will appear, as shown in the following figure:
+
+![Context Category](doc/pic/word-contextcategory.png)
+
+The class corresponding to the Context Category in SARibbon is `SARibbonContextCategory`
+
+The Context Category is usually created when the program is initialized. It is usually hidden and displayed when it needs to be displayed. The Context Category is created as follows:
+
+Since the Context Category needs to be invoked when used, it is a good choice to save it with a member variable. Of course, you can also traverse the search (`SARibbonBar::contextCategoryList`can enumerate all `SARibbonContextCategory`).
+
+header file:
+
+```cpp
+SARibbonContextCategory* m_contextCategory;
+```
+
+cpp file:
+```cpp
+SARibbonBar* ribbon = ribbonBar();
+//Create a contextCategory with random colors
+m_contextCategory   = ribbon->addContextCategory(tr("context"), QColor());
+SARibbonCategory* contextCategoryPage1 = m_contextCategory->addCategoryPage(tr("Page1"));
+//Operate on contextCategoryPage1
+......
+SARibbonCategory* contextCategoryPage2 = m_contextCategory->addCategoryPage(tr("Page2"));
+//Operate on contextCategoryPage2
+......
+```
+
+The `SARibbonCategory` created by `SARibbonContextCategory` is managed by `SARibbonContextCategory`. Only when `SARibbonContextCategory` is displayed, the managed `SARibbonCategory` is displayed
+
+Note: **`SARibbonContextCategory`** is not a widget.
+
+To display a contex use
+
+`SARibbonBar::showContextCategory`/`SARibbonBar::hideContextCategory`:
+
+```cpp
+void MainWindow::onShowContextCategory(bool on)
+{
+    if (on) {
+        this->ribbonBar()->showContextCategory(m_contextCategory);
+    } else {
+        this->ribbonBar()->hideContextCategory(m_contextCategory);
+    }
+}
+```
+
+**Note: ** if you want to delete `contextCategory`, you need to call `SARibbonBar::destroyContextCategory` instead of delete  directly. After calling `SARibbonBar::destroyContextCategory`, you do not need to delete the pointer of ContextCategory.
+
+Different contextCategory has different style. For details,see: [SARibbon style](#SARibbon style) and [Display comparison under different styles](#Display comparison under different styles).
+
+### ApplicationButton
+
+There is a special and obvious button called `ApplicationButton` in the upper left corner of the ribbon interface. This button is generally used to call up menus. SARibbonBar creates `ApplicationButton` by default during construction. Its text can be set in the following ways:
+
+```cpp
+SARibbonBar* ribbon = ribbonBar();
+ribbon->applicationButton()->setText(("File"));
+```
+
+The default applicationButton inherits from `SARibbonApplicationButton`, and `SARibbonApplicationButton` inherits from `QPushButton`, so you can perform all operations on `QPushButton`. Of course, if you want to set your own Button as an applicationButton, you can just call the `SARibbonBar::setApplicationButton` function.
+
+### QuickAccessBar and RightButtonGroup
+
+QuickAccessBar is the quick toolbar in the upper left corner and rightButtonGroup is the quick toolbar in the upper right corner. In office mode, it is divided into left and right sides. In WPS mode, the left and right sides will be combined and placed on the right.
+
+
+
+![QuickAccessBar And RightButtonGroup](./doc/screenshot/QuickAccessBarAndRightButtonGroup.png)
+
+In `SARibbon`:
+
+- QuickAccessBar corresponds to the `SARibbonQuickAccessBar` class.
+- rightButtonGroup corresponds to the `SARibbonQuickAccessBar` class.
+
+During initialization, `SARibbonBar` will create QuickAccessBar and RightButtonGroup by default. Its pointers can be obtained through `SARibbonBar::quickAccessBar` and `SARibbonBar::rightButtonGroup`. Examples are as follows:
+
+```cpp
+QAction* MainWindow::createAction(const QString& text, const QString& iconurl, const QString& objName)
+{
+    QAction* act = new QAction(this);
+    act->setText(text);
+    act->setIcon(QIcon(iconurl));
+    act->setObjectName(objName);
+    return act;
+}
+
+void MainWindow::initQuickAccessBar(){
+    SARibbonBar* ribbon = ribbonBar();
+    SARibbonQuickAccessBar* quickAccessBar = ribbon->quickAccessBar();
+    quickAccessBar->addAction(createAction("save", ":/icon/icon/save.svg", "save-quickbar"));
+    quickAccessBar->addSeparator();
+    quickAccessBar->addAction(createAction("undo", ":/icon/icon/undo.svg"),"undo");
+    quickAccessBar->addAction(createAction("redo", ":/icon/icon/redo.svg"),"redo");
+    quickAccessBar->addSeparator();
+}
+void MainWindow::initRightButtonGroup(){
+    SARibbonBar* ribbon = ribbonBar();
+    SARibbonButtonGroupWidget* rightBar = ribbon->rightButtonGroup();
+    QAction* actionHelp = createAction("help", ":/icon/icon/help.svg","help");
+    connect(actionHelp, &QAction::triggered, this, &MainWindow::onActionHelpTriggered);
+    rightBar->addAction(actionHelp);
+}
+```
+
+### SARibbonBar layout style
+
+ `SARibbon` supports switching between four ribbon styles. Here, the ribbon style of `office` and `WPS` is referred.
+Online style switching can be realized through`void SARibbonBar::setRibbonStyle(RibbonStyle v)`.
+
+The `office` mode is the most common ribbon mode, the `tab` and title bar occupy more space, the ribbon mode designed by `WPS` has been improved, it reduces the height of the ribbon, the label and the title bar are set together, so as to reduce the height of a title bar, effectively use the vertical space, and at the same time, the button layout of the pannel is changed from a maximum of 3 to 2, further compressing the vertical space
+
+Screenshot comparison between the word interface of office and the word interface of WPS
+
+![office](./doc/pic/office-screenshot.png)
+
+![Wps](./doc/pic/wps-change-ribbon-1.jpg)
+
+Under the normal screen, the WPS style will reduce the vertical height by at least 30 pixels compared with the Office style, which is equivalent to saving nearly 3% of the vertical space compared with the 1920*1080 screen.
+
+In SARibbon, the one with the title bar is called Loose, and the elements of the loose layout are arranged as shown below：
+
+![Loose](./doc/pic/ribbonbar-geometry-office3.png)
+
+This layout is consistent with the default layout of Office
+
+In SARibbon, the layout with a title bar and tab is called a compact layout, and the elements of the compact layout are arranged as follows:
+
+![compact](./doc/pic/ribbonbar-geometry-wps3.png)
+
+SARibbonBar provides a `setRibbonStyle` function that defines the current layout style, and enumerating `SARibbonBar::RibbonStyle` defines four layout schemes:
+
+- `SARibbonBar::RibbonStyleLooseThreeRow`Loose With Three Row(The v0.x version is `SARibbonBar::OfficeStyle`)
+
+![SARibbonBar::RibbonStyleLooseThreeRow](doc/screenshot/office-3-style.png)
+
+- `SARibbonBar::RibbonStyleLooseTwoRow`Loose With Two Row(The v0.x version is `SARibbonBar::OfficeStyleTwoRow`)
+
+![SARibbonBar::RibbonStyleLooseTwoRow](doc/screenshot/office-2-style.png)
+
+- `SARibbonBar::RibbonStyleCompactThreeRow`Compact With Three Row(The v0.x version is `SARibbonBar::WpsLiteStyle`)
+
+![SARibbonBar::RibbonStyleCompactThreeRow](doc/screenshot/wps-3-style.png)
+
+- `SARibbonBar::RibbonStyleCompactTwoRow`Compact With Two Row(The v0.x version is `SARibbonBar::WpsLiteStyleTwoRow`)
+
+![SARibbonBar::RibbonStyleCompactTwoRow](doc/screenshot/wps-2-style.png)
+
+### Text wrapping, and icon size
+
+The `SARibbonBar::setEnableWordWrap` function allows you to control whether the text of the SARibbonBar wraps or not, the height of the `SARibbonBar` is fixed, and whether the text wraps or not will affect the size of the icon display, so if you want the icon to look bigger, you can set the text to not wrap
+
+In `SARibbonBar::RibbonStyleCompactTwoRow` layout style, the text without wrapping is displayed as follows:
+
+`SARibbonBar::RibbonStyleCompactTwoRow`紧凑结构，2行模式把文字设置为不换行后(`SARibbonBar::setEnableWordWrap(false)`)的效果如下
+
+![nowrap](doc/screenshot/wps-2-style-nowrap.png)
+
+When the SARibbonBar text is set to non-wrapping, the display space of the icon becomes larger
+
+### Tool Button layouts of SARibbonBar
+
+`SARibbonPannel` provides three methods to add action:
+
+- `addLargeAction`
+- `addMediumAction`
+- `addSmallAction`
+
+In the standard pannel, an action (button) has three layouts mode. Taking office word as an example, the three layouts of pannel are actually the number of lines occupied:
+
+- The first, which occupies the entire pannel, is called 'Large'
+- Second, 2 buttons can be placed under one pannel, which is called 'medium'
+- The third type, a pannel with 3 buttons, is called 'samll'
+
+![word pannel example](./doc/pic/pannelLayout3row-example.png)
+
+`SARibbonPannelItem::RowProportion` is used to represent the number of rows each form occupies in the pannel. It is commonly used in the pannel layout. This enumeration is defined as follows:
+
+```cpp
+/**
+ * @brief defines the proportion of rows. The ribbon has  three proportions: large, media and small.
+ */
+enum RowProportion {
+    None            ///< to define the proportion, it will be judged according to expandingDirections. If Qt::Vertical is available, it is equal to Large, otherwise it is Small
+    , Large         ///< Large proportion, the height of a widget will fill the whole pannel.
+    , Medium        ///< Medium proportion will only work when @ref SARibbonPannel::pannelLayoutMode is @ref SARibbonPannel::ThreeRowMode, and will occupy two of the three rows if both of them in the same column are Medium.
+    , Small         ///< Small proportion, in the line of SARibbonPannel, Medium will become Small if it does not meet the conditions, but will not become Large.
+};
+```
+
+Each action managed in `SARibbonPannel` will have a private property (`SARibbonPannelItem::RowProportion`). This property determines the layout of this action in the pannel.
+
+### `SARibbonPannel` layout mode
+
+#### 3-line mode
+
+The three line mode is the traditional pannel layout, as shown in the following figure:
+
+![3-line mode](./doc/pic/pannelLayout3row.png)
+
+In the 3-line mode, there are three kinds of placeholders, which are large, medium and small
+
+The pannel in the 3-line mode will display the title of the pannel in the Pannel Title area, and there is another OptionAction area. This area is used to add a special trigger to this action. If OptionAction is not set, this area is hidden.
+
+#### 2-line mode
+
+The two-line mode is the WPS improved layout method , as shown in the following figure:
+
+![2-line mode](./doc/pic/pannelLayout2row.png)
+
+In the 2-line mode, the medium and small placeholders (SARibbonPannelItem::RowProportion) are the same, and no distinction is made.
+
+In 2-line mode, pannel does not display the title.
+
+### SARibbon Customization
+
+Ribbon customization is a feature of ribbon. With reference to the custom interface of office and WPS, users can define a lot of content for their own ribbon, or even define an interface completely different from the original one.
+
+The following is the custom interface of office.
+
+![office Ribbon Customization](./doc/screenshot/customize/customization-office-ui.png)
+
+SARibbon refers to the interface of office and WPS, and encapsulates the easy-to-use `SARibbonCustomize**` class, including the following five classes:
+
+> - `SARibbonCustomizeDialog`
+> - `SARibbonCustomizeWidget`
+> - `SARibbonCustomizeData`
+> - `SARibbonActionsManager`
+> - `SARibbonActionsManagerModel`
+
+Actual users can only use `SARibbonActionsManager` and `SARibbonCustomizeDialog`/`SARibbonCustomizeWidget`, and other users will not use them normally.
+
+`SARibbonActionsManager` is used to manage `QAction`, add the `QAction` that is wanted to customize to `SARibbonActionsManager` for management, and classify `QAction` so that they can be displayed in `SARibbonCustomizeDialog`/`SARibbonCustomizeWidget`.
+
+`SARibbonCustomizeDialog`/`SARibbonCustomizeWidget` is a specific display window. The `SARibbonCustomizeDialog` encapsulates the `SARibbonCustomizeWidget` as a dialog box. If you want to integrate it into the configuration dialog box like office, you can use the `SARibbonCustomizeWidget`. The effect of the `SARibbonCustomizeDialog` is shown in the following figure:
+
+![SARibbon Customize Dialog](./doc/screenshot/customize/customization-saribbon-ui.png)
+
+
+#### Add custom functions to an interface
+
+Here's how to add custom features.
+
+First, define `SARibbonActionsManager` as the member variable of `MainWindow`.
+
+```cpp
+//Define member variables in the MainWindow.h. 
+SARibbonActionsManager* m_ribbonActionMgr;///< Manage all actions
+```
+
+During the initialization of `MainWindow`, a large number of `QAction` need to be created. The parent object of `QAction` is designated as `MainWindow`. In addition, ribbon layout will be generated, such as adding category, adding panel and other operations. After the above operations are completed, add the following steps to automatically let `SARibbonActionsManager` manage all `QAction`.
+
+```cpp
+//Initialization of MainWindow and generation of QAction.
+//Generate ribbon layout.
+m_ribbonActionMgr = new SARibbonActionsManager(mainWinowPtr);
+m_ribbonActionMgr->autoRegisteActions(mainWinowPtr);
+```
+
+The key function `autoRegisteActions` of `SARibbonActionsManager` can traverse all subobjects under `SARibbonMainWindow`, find and register action, and traverse all `SARibbonCategory`. The actions under `SARibbonCategory` are classified according to the title name of `SARibbonCategory`. This function also registers the actions under `SARibbonMainWindow`, but not under any category, as 'NotInRibbonCategoryTag' tags, The default name is 'not in ribbon'.
+
+To call SARibbonCustomizeDialog as follows:
+
+```cpp
+QString cfgpath = "customization.xml";
+SARibbonCustomizeDialog dlg(this, this);
+
+dlg.setupActionsManager(m_ribbonActionMgr);
+dlg.fromXml(cfgpath);//This step is called to load the existing custom steps, which can be added based on the original custom steps when saving.
+if (QDialog::Accepted == dlg.exec()) {
+    dlg.applys();//Apply custom steps
+    dlg.toXml(cfgpath);//Save custom steps to a file
+}
+```
+
+Before the MainWindow is generated, the customized content needs to be loaded. Therefore, the following statement should be added to the constructor:
+
+```cpp
+//Constructor of MainWindow
+sa_apply_customize_from_xml_file("customization.xml", this, m_ribbonActionMgr);
+```
+
+`sa_apply_customize_from_xml_file` is the function provided in `SARibbonCustomizeWidget.h`. The customized contents in the configuration file are directly applyed in the MainWindow.
+
+In this way, the software will be loaded according to the configuration file every time it is started.
+
+
+# More screenshots
+
+- Here is a screenshot of the software built with SARibbon
+
+![](./doc/screenshot/data-workbench-screenshot1-cn.gif)
+![](./doc/screenshot/data-workbench-screenshot01-en.png)
+
+[github - https://github.com/czyt1988/data-workbench](https://github.com/czyt1988/data-workbench)
+
+[gitee - https://gitee.com/czyt1988/data-workbench](https://gitee.com/czyt1988/data-workbench)
+
+The specific ribbon generation code can be seen:
+
+[https://github.com/czyt1988/data-workbench/blob/master/src/APP/DAAppRibbonArea.cpp](https://github.com/czyt1988/data-workbench/blob/master/src/APP/DAAppRibbonArea.cpp)
+
+# FAQ
+
+## High-DPI screen display issues
+
+There are two ways to prepare for the issue of high-DPI screen display:
+
+- 1 Set `Qt::AA_EnableHighDpiScaling` for `QApplication` in the main function
+
+This attribute enables the application to automatically detect the pixel density of the display to achieve automatic scaling, such as:
+
+```cpp
+int main(int argc, char* argv[])
+{
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 6, 0))
+    QApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
+    QApplication::setAttribute(Qt::AA_UseHighDpiPixmaps);
+#endif
+    QApplication a(argc, argv);
+    ......
+}
+```
+
+- 2 Set the scaling policy for `QApplication` in the main function: `QApplication::setHighDpiScaleFactorRoundingPolicy`
+
+Qt5.6 provides `Qt::AA_EnableHighDpiScaling`, but it cannot completely solve the problem of high-DPI screens. Qt5.14 has provided a high-dpi screen scaling policy setting called `QApplication::setHighDpiScaleFactorRoundingPolicy`, also needs to be set in the main function, for example:
+
+```cpp
+int main(int argc, char* argv[])
+{
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 6, 0))
+    QApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
+    QApplication::setAttribute(Qt::AA_UseHighDpiPixmaps);
+#endif
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 14, 0))
+    QApplication::setHighDpiScaleFactorRoundingPolicy(Qt::HighDpiScaleFactorRoundingPolicy::PassThrough);
+#endif
+    QApplication a(argc, argv);
+    ......
+}
+```
+
+## Shortcut key problem
+
+People often give feedback that after using SARibbonBar, the shortcut keys of inactive tab pages do not respond, and only the shortcut keys of activated tab pages respond. If it is in traditional toolbar mode, the shortcut key will remain in effect because the toolbar where the action is located is always at the forefront. However, if it is SARibbonBar, the shortcut key in the action panel will be hidden, and it will not take effect after hiding, If you want the shortcut key to take effect regardless of whether Pannel is hidden or not, setting the shortcut key's' shortcutContext 'property to `Qt::ApplicationShortcut` is also invalid. In this case, you can manually create the shortcut key in the place where you created the Category
+
+example:
+
+```cpp
+    ribbon build
+    ...
+    QShortcut* shortCut = new QShortcut(QKeySequence(QLatin1String("Ctrl+S")), this);
+    connect(shortCut, &QShortcut::activated, this, [ actSave ]() {
+        actSave->trigger();
+    });
+```
+
diff --git a/gui/SARibbon/src/CMakeLists.txt b/gui/SARibbon/src/CMakeLists.txt
new file mode 100644
index 0000000..07e38cc
--- /dev/null
+++ b/gui/SARibbon/src/CMakeLists.txt
@@ -0,0 +1,4 @@
+add_subdirectory(SARibbonBar)
+#if(BUILD_DESIGNERPLUGIN)
+#    add_subdirectory(DesignerPlugin)
+#endif()
diff --git a/gui/SARibbon/src/SARibbon.cpp b/gui/SARibbon/src/SARibbon.cpp
new file mode 100644
index 0000000..9b9bf7f
--- /dev/null
+++ b/gui/SARibbon/src/SARibbon.cpp
@@ -0,0 +1,16222 @@
+// 定义此宏，将SA_RIBBON_EXPORT定义为空
+#ifndef SA_RIBBON_BAR_NO_EXPORT
+#define SA_RIBBON_BAR_NO_EXPORT
+#endif
+
+// 定义此宏，将SA_COLOR_WIDGETS_API定义为空
+#ifndef SA_COLOR_WIDGETS_NO_DLL
+#define SA_COLOR_WIDGETS_NO_DLL
+#endif
+
+/*** Start of inlined file: SARibbonAmalgamTemplateHeaderGlue.h ***/
+// This file provides an extra level of indirection for the @remap in the template
+#include "SARibbon.h"
+
+/*** End of inlined file: SARibbonAmalgamTemplateHeaderGlue.h ***/
+
+// disable warnings about unsafe standard library calls
+#ifdef _MSC_VER
+#pragma push_macro("_CRT_SECURE_NO_WARNINGS")
+#ifndef _CRT_SECURE_NO_WARNINGS
+#define _CRT_SECURE_NO_WARNINGS
+#endif
+#pragma warning(push)
+#pragma warning(disable : 4996)  // deprecated POSIX names
+#endif
+
+/*** Start of inlined file: SAColorMenu.cpp ***/
+#include <QWidgetAction>
+#include <QColorDialog>
+#include <QDebug>
+#include <QLabel>
+#include <QGridLayout>
+#include <QPainter>
+
+class SAColorMenu::PrivateData
+{
+	SA_COLOR_WIDGETS_DECLARE_PUBLIC(SAColorMenu)
+public:
+	PrivateData(SAColorMenu* p);
+	QColor getColorByDialog();
+	void recordCustomColor(const QColor& c);
+	QWidgetAction* addWidget(QWidget* w);
+    // 创建一个无颜色的icon
+	QIcon createNoneColorIcon(QSize baseSize = QSize(32, 32));
+
+public:
+	QLabel* mTitleLabel { nullptr };  ///< 主题颜色标题
+	QWidgetAction* mTitleLabelAction { nullptr };
+	SAColorPaletteGridWidget* mThemeColorsWidget { nullptr };  ///< 主题颜色
+	QWidgetAction* mThemeColorPaletteAction { nullptr };       ///< ThemeColorsPalette对应的action
+	QAction* mCustomColorAction { nullptr };                   ///< 自定义颜色action
+	SAColorGridWidget* mCustomColorsWidget { nullptr };        ///< 自定义颜色记录
+	QWidgetAction* mCustomColorsWidgetAction { nullptr };      ///< 自定义颜色窗口对应的action
+	QAction* mNoneColorAction { nullptr };                     ///< 无颜色action
+	QList< QColor > mCustomColors;
+	int mMaxCustomColorSize { 10 };                        ///< 记录最多的自定义颜色数量
+    QScopedPointer< QColorDialog > mColorDlg { nullptr };  ///< 颜色对话框
+};
+
+SAColorMenu::PrivateData::PrivateData(SAColorMenu* p) : q_ptr(p)
+{
+}
+
+QColor SAColorMenu::PrivateData::getColorByDialog()
+{
+	if (nullptr == mColorDlg) {
+		mColorDlg.reset(new QColorDialog());
+	}
+	if (QDialog::Accepted == mColorDlg->exec()) {
+		return mColorDlg->currentColor();
+	}
+	return QColor();
+}
+
+void SAColorMenu::PrivateData::recordCustomColor(const QColor& c)
+{
+	if (mCustomColors.size() < mMaxCustomColorSize) {
+		mCustomColors.push_back(c);
+	} else {
+        // 超过数量，就左移动
+		for (int i = 1; i < mCustomColors.size(); ++i) {
+			mCustomColors[ i - 1 ] = mCustomColors[ i ];
+		}
+		mCustomColors.back() = c;
+	}
+}
+
+QWidgetAction* SAColorMenu::PrivateData::addWidget(QWidget* w)
+{
+	QWidgetAction* wa = new QWidgetAction(q_ptr);
+	wa->setDefaultWidget(w);
+	q_ptr->addAction(wa);
+	return wa;
+}
+
+QIcon SAColorMenu::PrivateData::createNoneColorIcon(QSize baseSize)
+{
+	QPixmap pixmap(baseSize);
+	pixmap.fill(Qt::transparent);
+	QPainter p(&pixmap);
+	SAColorToolButton::paintNoneColor(&p, QRect(0, 0, pixmap.width(), pixmap.height()).adjusted(1, 1, -1, -1));
+	return QIcon(pixmap);
+}
+//===================================================
+// SAColorMenu
+//===================================================
+
+SAColorMenu::SAColorMenu(QWidget* parent) : QMenu(parent), d_ptr(new SAColorMenu::PrivateData(this))
+{
+	init(SA::getStandardColorList());
+}
+
+SAColorMenu::SAColorMenu(const QString& title, QWidget* parent)
+    : QMenu(title, parent), d_ptr(new SAColorMenu::PrivateData(this))
+{
+	init(SA::getStandardColorList());
+}
+
+SAColorMenu::~SAColorMenu()
+{
+}
+
+/**
+ * @brief 快速绑定ColorToolButton
+ * @param btn
+ */
+void SAColorMenu::bindToColorToolButton(SAColorToolButton* btn)
+{
+	if (!btn) {
+		return;
+	}
+	if (btn->menu() != this) {
+		btn->setMenu(this);
+	}
+	connect(this, &SAColorMenu::selectedColor, btn, &SAColorToolButton::setColor);
+}
+
+/**
+ * @brief ThemeColorsPalette对应的action
+ * @return
+ */
+QWidgetAction* SAColorMenu::themeColorsPaletteAction() const
+{
+	return d_ptr->mThemeColorPaletteAction;
+}
+
+/**
+ * @brief CustomColorsWidget对应的action
+ * @return
+ */
+QWidgetAction* SAColorMenu::getCustomColorsWidgetAction() const
+{
+	return d_ptr->mCustomColorsWidgetAction;
+}
+
+/**
+ * @brief 自定义颜色action
+ * @return
+ */
+QAction* SAColorMenu::customColorAction() const
+{
+	return d_ptr->mCustomColorAction;
+}
+
+/**
+ * @brief 获取ThemeColorsPalette
+ * @return
+ */
+SAColorPaletteGridWidget* SAColorMenu::colorPaletteGridWidget() const
+{
+	return d_ptr->mThemeColorsWidget;
+}
+
+/**
+ * @brief 获取自定义颜色grid
+ * @return
+ */
+SAColorGridWidget* SAColorMenu::customColorsWidget() const
+{
+	return d_ptr->mCustomColorsWidget;
+}
+
+/**
+ * @brief 建立没有颜色的action，可以选择无颜色
+ *
+ * 无颜色选中会发射selectedColor(QColor())
+ * @param on
+ */
+void SAColorMenu::enableNoneColorAction(bool on)
+{
+    // 无颜色默认是在自定义颜色的上方
+	if (on) {
+		if (d_ptr->mNoneColorAction) {
+			if (actions().contains(d_ptr->mNoneColorAction)) {
+                // 已经包含了NoneColorAction,退出
+				return;
+			} else {
+				insertAction(d_ptr->mCustomColorAction, d_ptr->mNoneColorAction);
+			}
+		} else {
+			QIcon ic                = d_ptr->createNoneColorIcon();
+			d_ptr->mNoneColorAction = new QAction(ic, tr("None"), this);
+			connect(d_ptr->mNoneColorAction, &QAction::triggered, this, &SAColorMenu::onNoneColorActionTriggered);
+			insertAction(d_ptr->mCustomColorAction, d_ptr->mNoneColorAction);
+		}
+	} else {
+		removeAction(d_ptr->mNoneColorAction);
+		// remove后暂时不删除action
+	}
+}
+
+/**
+ * @brief 获取None Color Action
+ *
+ * @note 注意，enableNoneColorAction(true),之后才不是nullptr
+ * @return 如果没有建立NoneColorAction，会返回nullptr
+ */
+QAction* SAColorMenu::noneColorAction() const
+{
+	return d_ptr->mNoneColorAction;
+}
+
+/**
+ * @brief 这是一个辅助槽函数，为了让用户自定义的其他action也能关联menu，可以调用此槽函数，实现selectedColor信号以及menu的隐藏
+ * @param c
+ */
+void SAColorMenu::emitSelectedColor(const QColor& c)
+{
+	Q_EMIT selectedColor(c);
+	hide();
+}
+
+void SAColorMenu::init(const QList< QColor >& themeCls)
+{
+	d_ptr->mTitleLabel = new QLabel(this);
+	d_ptr->mTitleLabel->setText(tr("Theme Colors"));
+	d_ptr->mTitleLabelAction = d_ptr->addWidget(d_ptr->mTitleLabel);
+
+	d_ptr->mThemeColorsWidget = new SAColorPaletteGridWidget(themeCls, this);
+	d_ptr->mThemeColorsWidget->setColorCheckable(false);
+	d_ptr->mThemeColorPaletteAction = d_ptr->addWidget(d_ptr->mThemeColorsWidget);
+
+	d_ptr->mCustomColorAction = new QAction(tr("Custom Color"), this);  // cn:自定义颜色
+	addAction(d_ptr->mCustomColorAction);
+
+	QSize clrSize              = d_ptr->mThemeColorsWidget->colorIconSize();
+	d_ptr->mCustomColorsWidget = new SAColorGridWidget(this);
+	d_ptr->mCustomColorsWidget->setRowMinimumHeight(0, clrSize.height());
+	d_ptr->mCustomColorsWidget->setHorizontalSpacerToRight();
+	d_ptr->mCustomColorsWidget->setColorIconSize(clrSize);
+	d_ptr->mCustomColorsWidget->setColumnCount(d_ptr->mMaxCustomColorSize);
+	d_ptr->mCustomColorsWidget->setColorCheckable(false);
+	d_ptr->mCustomColorsWidgetAction = d_ptr->addWidget(d_ptr->mCustomColorsWidget);
+
+	connect(d_ptr->mCustomColorAction, &QAction::triggered, this, &SAColorMenu::onCustomColorActionTriggered);
+	connect(d_ptr->mThemeColorsWidget, &SAColorPaletteGridWidget::colorClicked, this, &SAColorMenu::emitSelectedColor);
+	connect(d_ptr->mCustomColorsWidget, &SAColorGridWidget::colorClicked, this, &SAColorMenu::emitSelectedColor);
+}
+
+/**
+ * @brief 自定义颜色
+ * @param on
+ */
+void SAColorMenu::onCustomColorActionTriggered(bool on)
+{
+	Q_UNUSED(on);
+	QColor c = d_ptr->getColorByDialog();
+	if (c.isValid()) {
+		d_ptr->recordCustomColor(c);
+		d_ptr->mCustomColorsWidget->setColorList(d_ptr->mCustomColors);
+		updateGeometry();
+		emitSelectedColor(c);
+	}
+}
+
+/**
+ * @brief 无颜色
+ * @param on
+ */
+void SAColorMenu::onNoneColorActionTriggered(bool on)
+{
+	Q_UNUSED(on);
+	emitSelectedColor(QColor());
+}
+
+/*** End of inlined file: SAColorMenu.cpp ***/
+
+/*** Start of inlined file: SAColorGridWidget.cpp ***/
+#include <QGridLayout>
+#include <cmath>
+#include <QButtonGroup>
+
+class SAColorGridWidget::PrivateData
+{
+	SA_COLOR_WIDGETS_DECLARE_PUBLIC(SAColorGridWidget)
+public:
+	PrivateData(SAColorGridWidget* p);
+	// 获取ColorToolButton
+	SAColorToolButton* getColorToolButtonAt(int index);
+	SAColorToolButton* getColorToolButtonAt(int r, int c);
+	SAColorToolButton* getCheckedButton() const;
+	void updateGridColor(bool isRemoveSpacer = false);
+	void updateGridColorSize();
+	void updateGridColorCheckable();
+	void iterationColorBtns(SAColorGridWidget::FunColorBtn fn);
+	void removeAt(int r, int c);
+	void setColorAt(const QColor& clr, int r, int c);
+	bool isSpacer(int r, int c) const;
+
+public:
+	QList< QColor > mColors;
+	QGridLayout* mGridLayout { nullptr };
+	QButtonGroup* mButtonGroup { nullptr };
+	QSize mIconSize { 16, 16 };
+	int mColumnCount { 8 };  ///< 列数，行数量会根据列数量来匹配,如果设置-1或者0，说明不限定列数量，这样会只有一行
+	bool mColorCheckable;    ///< 设置颜色是否是checkable
+	bool mHorizontalSpacerToRight { false };  ///< 最右边是否有弹簧
+};
+
+SAColorGridWidget::PrivateData::PrivateData(SAColorGridWidget* p) : q_ptr(p)
+{
+	mGridLayout = new QGridLayout(p);
+	p->setLayout(mGridLayout);
+	mGridLayout->setSpacing(0);
+	mGridLayout->setContentsMargins(1, 1, 1, 1);
+	mButtonGroup = new QButtonGroup(p);
+	mButtonGroup->setExclusive(true);
+	p->setMinimumHeight(mIconSize.height());
+	p->setMinimumWidth(mIconSize.width());
+}
+
+SAColorToolButton* SAColorGridWidget::PrivateData::getColorToolButtonAt(int index)
+{
+	QLayoutItem* item = mGridLayout->itemAt(index);
+	if (nullptr == item) {
+		return nullptr;
+	}
+	return qobject_cast< SAColorToolButton* >(item->widget());
+}
+
+SAColorToolButton* SAColorGridWidget::PrivateData::getColorToolButtonAt(int r, int c)
+{
+	QLayoutItem* item = mGridLayout->itemAtPosition(r, c);
+	if (nullptr == item) {
+		return nullptr;
+	}
+	return qobject_cast< SAColorToolButton* >(item->widget());
+}
+
+SAColorToolButton* SAColorGridWidget::PrivateData::getCheckedButton() const
+{
+	return qobject_cast< SAColorToolButton* >(mButtonGroup->checkedButton());
+}
+
+/**
+ * @brief 根据mColors更新布局
+ */
+void SAColorGridWidget::PrivateData::updateGridColor(bool isRemoveSpacer)
+{
+	int row = 1;
+	int col = mColumnCount;
+	if (col <= 0) {
+		col = mColors.size();
+	} else {
+		row = std::ceil(mColors.size() / (float)col);
+	}
+	int index = 0;
+	for (int r = 0; r < row; ++r) {
+		for (int c = 0; c < col; ++c) {
+			if (index < mColors.size()) {
+				setColorAt(mColors[ index ], r, c);
+				++index;
+			} else {
+				removeAt(r, c);
+			}
+		}
+	}
+	// 清除多余单元格
+	int nowGridRow = mGridLayout->rowCount();
+	int nowGridCol = mGridLayout->columnCount();
+	if (nowGridRow > row) {
+		// 多余的清除
+		for (int r = row; r < nowGridRow; ++r) {
+			for (int c = 0; c < nowGridCol; ++c) {
+				removeAt(r, c);
+			}
+		}
+	}
+	if (nowGridCol > col) {
+		// 多余的列清除
+		for (int r = 0; r < row; ++r) {
+			for (int c = col; c < nowGridCol; ++c) {
+				if (isRemoveSpacer) {
+					removeAt(r, c);
+				} else {
+					if (!isSpacer(r, c)) {
+						removeAt(r, c);
+					}
+				}
+			}
+		}
+	}
+}
+
+/**
+ * @brief 更新colorsize
+ */
+void SAColorGridWidget::PrivateData::updateGridColorSize()
+{
+	QSize s = mIconSize;
+	iterationColorBtns([ s ](SAColorToolButton* btn) {
+		if (btn) {
+			btn->setIconSize(s);
+		}
+	});
+}
+
+void SAColorGridWidget::PrivateData::updateGridColorCheckable()
+{
+	bool v = mColorCheckable;
+	iterationColorBtns([ v ](SAColorToolButton* btn) {
+		if (btn) {
+			btn->setCheckable(v);
+		}
+	});
+}
+
+/**
+ * @brief 遍历所有的button
+ * @param fn
+ */
+void SAColorGridWidget::PrivateData::iterationColorBtns(FunColorBtn fn)
+{
+	int cnt = mGridLayout->count();
+	for (int i = 0; i < cnt; ++i) {
+		SAColorToolButton* tl = getColorToolButtonAt(i);
+		fn(tl);
+	}
+}
+
+/**
+ * @brief 删除网格窗口
+ * @param r
+ * @param c
+ */
+void SAColorGridWidget::PrivateData::removeAt(int r, int c)
+{
+	QLayoutItem* item = mGridLayout->itemAtPosition(r, c);
+	if (item) {
+		QWidget* w = item->widget();
+		mGridLayout->removeItem(item);
+		delete item;
+		if (w) {
+			w->deleteLater();
+		}
+	}
+}
+
+void SAColorGridWidget::PrivateData::setColorAt(const QColor& clr, int r, int c)
+{
+	QLayoutItem* item = mGridLayout->itemAtPosition(r, c);
+	if (item) {
+		SAColorToolButton* tl = qobject_cast< SAColorToolButton* >(item->widget());
+		if (tl) {
+			tl->setColor(clr);
+		}
+	} else {
+		SAColorToolButton* tl = new SAColorToolButton(SAColorToolButton::NoColorMenu, q_ptr);
+		tl->setToolButtonStyle(Qt::ToolButtonIconOnly);
+		tl->setIconSize(mIconSize);
+		tl->setMargins(QMargins(4, 4, 4, 4));
+		tl->setColor(clr);
+		tl->setCheckable(mColorCheckable);
+		tl->setAutoRaise(true);
+		mButtonGroup->addButton(tl, r + c);
+		mGridLayout->addWidget(tl, r, c);
+	}
+}
+
+bool SAColorGridWidget::PrivateData::isSpacer(int r, int c) const
+{
+	QLayoutItem* item = mGridLayout->itemAtPosition(r, c);
+	if (item) {
+		if (QSpacerItem* si = dynamic_cast< QSpacerItem* >(item)) {
+			return true;
+		}
+	}
+	return false;
+}
+
+//==============================================================
+// SAColorGridWidget
+//==============================================================
+
+SAColorGridWidget::SAColorGridWidget(QWidget* par) : QWidget(par), d_ptr(new SAColorGridWidget::PrivateData(this))
+{
+	connect(d_ptr->mButtonGroup,
+            QOverload< QAbstractButton* >::of(&QButtonGroup::buttonClicked),
+            this,
+            &SAColorGridWidget::onButtonClicked);
+	connect(d_ptr->mButtonGroup,
+            QOverload< QAbstractButton* >::of(&QButtonGroup::buttonPressed),
+            this,
+            &SAColorGridWidget::onButtonPressed);
+	connect(d_ptr->mButtonGroup,
+            QOverload< QAbstractButton* >::of(&QButtonGroup::buttonReleased),
+            this,
+            &SAColorGridWidget::onButtonReleased);
+	connect(d_ptr->mButtonGroup,
+            QOverload< QAbstractButton*, bool >::of(&QButtonGroup::buttonToggled),
+            this,
+            &SAColorGridWidget::onButtonToggled);
+}
+
+SAColorGridWidget::~SAColorGridWidget()
+{
+}
+
+/**
+ * @brief 设置列数，行数量会根据列数量来匹配,如果设置-1或者0，说明不限定列数量，这样会只有一行
+ * @param c
+ */
+void SAColorGridWidget::setColumnCount(int c)
+{
+	d_ptr->mColumnCount = c;
+	d_ptr->updateGridColor(true);
+	if (d_ptr->mHorizontalSpacerToRight) {
+		setHorizontalSpacerToRight();
+	}
+	updateGeometry();
+}
+
+/**
+ * @brief 设置颜色列表
+ * @param c
+ */
+void SAColorGridWidget::setColorList(const QList< QColor >& cls)
+{
+	d_ptr->mColors = cls;
+	d_ptr->updateGridColor();
+	updateGeometry();
+}
+
+/**
+ * @brief 获取颜色列表
+ * @return
+ */
+QList< QColor > SAColorGridWidget::getColorList() const
+{
+	return d_ptr->mColors;
+}
+
+/**
+ * @brief 获取间隔
+ * @return
+ */
+int SAColorGridWidget::spacing() const
+{
+	return d_ptr->mGridLayout->spacing();
+}
+
+/**
+ * @brief 设置间隔
+ * @param v
+ */
+void SAColorGridWidget::setSpacing(int v)
+{
+	d_ptr->mGridLayout->setSpacing(v);
+}
+
+/**
+ * @brief 获取颜色的数量
+ * @return
+ */
+int SAColorGridWidget::colorCount() const
+{
+	return d_ptr->mColors.size();
+}
+
+/**
+ * @brief 设置图标 size
+ * @return
+ */
+void SAColorGridWidget::setColorIconSize(const QSize& s)
+{
+	d_ptr->mIconSize = s;
+	setMinimumHeight(s.height());
+	setMinimumWidth(s.width());
+	d_ptr->updateGridColorSize();
+}
+
+/**
+ * @brief 获取图标 size
+ * @return
+ */
+QSize SAColorGridWidget::colorIconSize() const
+{
+	return d_ptr->mIconSize;
+}
+
+/**
+ * @brief 设置颜色是否是checkable
+ *
+ * checkable的颜色按钮是可checked的
+ * @param on
+ */
+void SAColorGridWidget::setColorCheckable(bool on)
+{
+	d_ptr->mColorCheckable = on;
+	d_ptr->updateGridColorCheckable();
+}
+
+/**
+ * @brief 颜色是否是checkable
+ * @return
+ */
+bool SAColorGridWidget::isColorCheckable() const
+{
+	return d_ptr->mColorCheckable;
+}
+
+/**
+ * @brief 获取当前选中的颜色
+ * @return
+ */
+QColor SAColorGridWidget::currentCheckedColor() const
+{
+	QAbstractButton* btn = d_ptr->mButtonGroup->checkedButton();
+	if (nullptr == btn) {
+		return QColor();
+	}
+	SAColorToolButton* t = qobject_cast< SAColorToolButton* >(btn);
+	if (nullptr == t) {
+		return QColor();
+	}
+	return t->color();
+}
+
+/**
+ * @brief 获取index对应的colorbutton
+ * @param index
+ * @return 如果没有返回nullptr
+ */
+SAColorToolButton* SAColorGridWidget::colorButton(int index) const
+{
+	return d_ptr->getColorToolButtonAt(index);
+}
+
+/**
+ * @brief 等同GridLayout的VerticalSpacing属性
+ * @param v
+ */
+void SAColorGridWidget::setVerticalSpacing(int v)
+{
+	d_ptr->mGridLayout->setVerticalSpacing(v);
+}
+/**
+ * @brief 等同GridLayout的VerticalSpacing属性
+ * @return
+ */
+int SAColorGridWidget::verticalSpacing() const
+{
+	return d_ptr->mGridLayout->verticalSpacing();
+}
+/**
+ * @brief 等同GridLayout的HorizontalSpacing属性
+ * @param v
+ */
+void SAColorGridWidget::setHorizontalSpacing(int v)
+{
+	d_ptr->mGridLayout->setHorizontalSpacing(v);
+}
+/**
+ * @brief 等同GridLayout的HorizontalSpacing属性
+ * @return
+ */
+int SAColorGridWidget::horizontalSpacing() const
+{
+	return d_ptr->mGridLayout->horizontalSpacing();
+}
+
+/**
+ * @brief 清除选中状态，这时没有颜色是选中的
+ */
+void SAColorGridWidget::clearCheckedState()
+{
+	if (d_ptr->mButtonGroup->exclusive()) {
+		SAColorToolButton* btn = d_ptr->getCheckedButton();
+		if (btn) {
+			d_ptr->mButtonGroup->setExclusive(false);
+			btn->setChecked(false);
+			d_ptr->mButtonGroup->setExclusive(true);
+		}
+	} else {
+		d_ptr->iterationColorBtns([](SAColorToolButton* btn) {
+			if (btn->isChecked()) {
+				btn->setChecked(false);
+			}
+		});
+	}
+}
+
+void SAColorGridWidget::iterationColorBtns(SAColorGridWidget::FunColorBtn fn)
+{
+	d_ptr->iterationColorBtns(fn);
+}
+
+void SAColorGridWidget::setRowMinimumHeight(int row, int minSize)
+{
+	d_ptr->mGridLayout->setRowMinimumHeight(row, minSize);
+}
+
+void SAColorGridWidget::setHorizontalSpacerToRight(bool on)
+{
+	if (on) {
+		QSpacerItem* horizontalSpacer = new QSpacerItem(40, 20, QSizePolicy::Expanding, QSizePolicy::Minimum);
+		d_ptr->mGridLayout->addItem(horizontalSpacer, 0, d_ptr->mColumnCount, 1, 1);
+	} else {
+		d_ptr->removeAt(0, d_ptr->mColumnCount);
+	}
+	d_ptr->mHorizontalSpacerToRight = on;
+}
+
+void SAColorGridWidget::onButtonClicked(QAbstractButton* btn)
+{
+	SAColorToolButton* t = qobject_cast< SAColorToolButton* >(btn);
+	if (t) {
+		Q_EMIT colorClicked(t->color());
+	}
+}
+
+void SAColorGridWidget::onButtonPressed(QAbstractButton* btn)
+{
+	SAColorToolButton* t = qobject_cast< SAColorToolButton* >(btn);
+	if (t) {
+		Q_EMIT colorPressed(t->color());
+	}
+}
+
+void SAColorGridWidget::onButtonToggled(QAbstractButton* btn, bool on)
+{
+	SAColorToolButton* t = qobject_cast< SAColorToolButton* >(btn);
+	if (t) {
+		Q_EMIT colorToggled(t->color(), on);
+	}
+}
+
+QSize SAColorGridWidget::sizeHint() const
+{
+	return d_ptr->mGridLayout->sizeHint();
+	//    int w = d_ptr->mIconSize.width() + d_ptr->mGridLayout->verticalSpacing();
+	//    int h = d_ptr->mIconSize.height();
+	//    if (d_ptr->mColumnCount > 0) {
+	//        h *= d_ptr->mColumnCount;
+	//        if (!d_ptr->mColors.empty()) {
+	//            int r = std::ceil(d_ptr->mColors.size() / (float)(d_ptr->mColumnCount));
+	//            if (r > 0) {
+	//                w *= r;
+	//            }
+	//        }
+	//    }
+	//    return QSize(w, h);
+}
+
+void SAColorGridWidget::onButtonReleased(QAbstractButton* btn)
+{
+	SAColorToolButton* t = qobject_cast< SAColorToolButton* >(btn);
+	if (t) {
+		Q_EMIT colorReleased(t->color());
+	}
+}
+
+namespace SA
+{
+
+QList< QColor > getStandardColorList()
+{
+	static QList< QColor > s_standardColorList({ QColor(192, 0, 0),
+                                                 QColor(255, 0, 0),
+                                                 QColor(255, 192, 0),
+                                                 QColor(255, 255, 0),
+                                                 QColor(146, 208, 80),
+                                                 QColor(0, 176, 80),
+                                                 QColor(0, 176, 240),
+                                                 QColor(0, 112, 192),
+                                                 QColor(0, 32, 96),
+                                                 QColor(112, 48, 160) });
+	return s_standardColorList;
+}
+}
+
+/*** End of inlined file: SAColorGridWidget.cpp ***/
+
+/*** Start of inlined file: SAColorPaletteGridWidget.cpp ***/
+// Qt
+#include <QMenu>
+#include <QWidgetAction>
+#include <QVBoxLayout>
+#include <QColorDialog>
+// SA
+
+class SAColorPaletteGridWidget::PrivateData
+{
+	SA_COLOR_WIDGETS_DECLARE_PUBLIC(SAColorPaletteGridWidget)
+public:
+	PrivateData(SAColorPaletteGridWidget* p);
+    // 生成color palette
+	QList< QColor > makeColorPalette(const QList< QColor >& clrList) const;
+
+public:
+	QList< int > mFactor { 180, 160, 140, 75, 50 };  ///< palette的比例因子，将调用QColor的lighter函数执行
+	QVBoxLayout* mLayout { nullptr };                ///< 垂直布局
+	SAColorGridWidget* mMainColorList { nullptr };   ///< 这个用于显示标准颜色
+	SAColorGridWidget* mPaletteColorGrid { nullptr };  ///< 这个用于生成3行亮色，2行暗色的palette
+};
+
+SAColorPaletteGridWidget::PrivateData::PrivateData(SAColorPaletteGridWidget* p) : q_ptr(p)
+{
+	mLayout = new QVBoxLayout(p);
+	p->setLayout(mLayout);
+	mMainColorList    = new SAColorGridWidget(p);
+	mPaletteColorGrid = new SAColorGridWidget(p);
+	mLayout->addWidget(mMainColorList);
+	mLayout->addWidget(mPaletteColorGrid);
+	mLayout->setContentsMargins(1, 1, 1, 1);
+	mLayout->setSpacing(8);
+	QSizePolicy sizePolicy(QSizePolicy::Maximum, QSizePolicy::Maximum);
+	mMainColorList->setSizePolicy(sizePolicy);
+	mPaletteColorGrid->setSizePolicy(sizePolicy);
+	mMainColorList->setColumnCount(0);
+	mPaletteColorGrid->setVerticalSpacing(0);
+}
+
+QList< QColor > SAColorPaletteGridWidget::PrivateData::makeColorPalette(const QList< QColor >& clrList) const
+{
+	QList< QColor > res;
+	for (int f : qAsConst(mFactor)) {
+		for (const QColor& c : qAsConst(clrList)) {
+			res.append(c.lighter(f));
+		}
+	}
+	return res;
+}
+//==============================================================
+// name
+//==============================================================
+
+/**
+ * @brief 使用默认的标准颜色生成一个color palette
+ * @param par
+ */
+SAColorPaletteGridWidget::SAColorPaletteGridWidget(QWidget* par) : QWidget(par), d_ptr(new PrivateData(this))
+{
+	init();
+	setColorList(SA::getStandardColorList());
+}
+
+/**
+ * @brief 根据指定的颜色生成一个color palette
+ * @param cls
+ * @param par
+ */
+SAColorPaletteGridWidget::SAColorPaletteGridWidget(const QList< QColor >& cls, QWidget* par)
+    : QWidget(par), d_ptr(new PrivateData(this))
+{
+	init();
+	setColorList(cls);
+}
+
+SAColorPaletteGridWidget::~SAColorPaletteGridWidget()
+{
+}
+void SAColorPaletteGridWidget::init()
+{
+	connect(d_ptr->mMainColorList, &SAColorGridWidget::colorClicked, this, &SAColorPaletteGridWidget::onMainColorClicked);
+	connect(d_ptr->mPaletteColorGrid, &SAColorGridWidget::colorClicked, this, &SAColorPaletteGridWidget::onPaletteColorClicked);
+	QSizePolicy sizePolicy(QSizePolicy::Maximum, QSizePolicy::Maximum);
+	setSizePolicy(sizePolicy);
+	setColorIconSize(QSize(10, 10));
+}
+
+/**
+ * @brief 设置颜色系列，颜色系列的个数决定了主色卡的数量，palette色卡会根据factor进行生成
+ * @param cls
+ */
+void SAColorPaletteGridWidget::setColorList(const QList< QColor >& cls)
+{
+	d_ptr->mMainColorList->setColumnCount(0);
+	d_ptr->mMainColorList->setColorList(cls);
+	d_ptr->mPaletteColorGrid->setColumnCount(cls.size());
+	d_ptr->mPaletteColorGrid->setColorList(d_ptr->makeColorPalette(cls));
+}
+
+/**
+ * @brief 获取颜色系列
+ * @return
+ */
+QList< QColor > SAColorPaletteGridWidget::colorList() const
+{
+	return d_ptr->mMainColorList->getColorList();
+}
+
+/**
+ * @brief 设置颜色深浅比例factor，factor决定了palette的行数，factor有5个，就有5行
+ *
+ * 默认为{ 180, 160, 140, 75, 50 },相当于会有5行，每个系数会对标准颜色执行QColor::lighter操作
+ * @param factor
+ */
+void SAColorPaletteGridWidget::setFactor(const QList< int >& factor)
+{
+	d_ptr->mFactor = factor;
+	d_ptr->mPaletteColorGrid->setColorList(d_ptr->makeColorPalette(d_ptr->mMainColorList->getColorList()));
+}
+
+/**
+ * @brief 获取色卡
+ * @return
+ */
+QList< int > SAColorPaletteGridWidget::factor() const
+{
+	return d_ptr->mFactor;
+}
+
+/**
+ * @brief 设置颜色块的尺寸，默认为10*10
+ * @param s
+ */
+void SAColorPaletteGridWidget::setColorIconSize(const QSize& s)
+{
+	d_ptr->mMainColorList->setColorIconSize(s);
+	d_ptr->mPaletteColorGrid->setColorIconSize(s);
+}
+
+QSize SAColorPaletteGridWidget::colorIconSize() const
+{
+	return d_ptr->mMainColorList->colorIconSize();
+}
+
+/**
+ * @brief 设置颜色块是否能被checked
+ * @param on
+ */
+void SAColorPaletteGridWidget::setColorCheckable(bool on)
+{
+	d_ptr->mMainColorList->setColorCheckable(on);
+	d_ptr->mPaletteColorGrid->setColorCheckable(on);
+}
+
+bool SAColorPaletteGridWidget::isColorCheckable() const
+{
+	return d_ptr->mMainColorList->isColorCheckable();
+}
+
+void SAColorPaletteGridWidget::onMainColorClicked(const QColor& c)
+{
+	d_ptr->mPaletteColorGrid->clearCheckedState();
+	Q_EMIT colorClicked(c);
+}
+
+void SAColorPaletteGridWidget::onPaletteColorClicked(const QColor& c)
+{
+	d_ptr->mMainColorList->clearCheckedState();
+	Q_EMIT colorClicked(c);
+}
+
+/*** End of inlined file: SAColorPaletteGridWidget.cpp ***/
+
+/*** Start of inlined file: SAColorToolButton.cpp ***/
+#include <QApplication>
+#include <QPaintEvent>
+#include <QStylePainter>
+#include <QStyleOption>
+#include <QStyleOptionToolButton>
+#include <QResizeEvent>
+#include <QDebug>
+
+#define SAColorToolButton_DEBUG_PRINT 0
+class SAColorToolButton::PrivateData
+{
+	SA_COLOR_WIDGETS_DECLARE_PUBLIC(SAColorToolButton)
+public:
+	PrivateData(SAColorToolButton* p);
+	void calcSizeOfToolButtonIconOnly(const QStyleOptionToolButton& opt, QRect& iconRect, QRect& textRect, QRect& colorRect);
+	void calcSizeOfToolButtonTextOnly(const QStyleOptionToolButton& opt, QRect& iconRect, QRect& textRect, QRect& colorRect);
+	void calcSizeOfToolButtonTextBesideIcon(const QStyleOptionToolButton& opt, QRect& iconRect, QRect& textRect, QRect& colorRect);
+	void calcSizeOfToolButtonTextUnderIcon(const QStyleOptionToolButton& opt, QRect& iconRect, QRect& textRect, QRect& colorRect);
+	QPixmap createIconPixmap(const QStyleOptionToolButton& opt, const QRect& iconRect);
+	QRect getButtonRect(const QStyleOptionToolButton& opt);
+	QRect getIndicatorRect(const QStyleOptionToolButton& opt);
+	QStyle::State getButtonStyleState(const QStyleOptionToolButton& opt);
+	QStyle::State getButtonMenuStyleState(const QStyleOptionToolButton& opt);
+	void removeMenu();
+
+public:
+	QColor mColor { Qt::white };
+	int mSpacing { 2 };                                        ///< 间隔
+	QMargins mMargins { 3, 3, 3, 3 };                          ///< box
+	ColorToolButtonStyle mColorButtonStyle { WithColorMenu };  ///< 样式
+	static int s_indicatorArrorWidth;                          ///< 菜单宽度
+};
+
+int SAColorToolButton::PrivateData::s_indicatorArrorWidth = 8;
+
+SAColorToolButton::PrivateData::PrivateData(SAColorToolButton* p) : q_ptr(p)
+{
+}
+
+void SAColorToolButton::PrivateData::calcSizeOfToolButtonIconOnly(const QStyleOptionToolButton& opt,
+                                                                  QRect& iconRect,
+                                                                  QRect& textRect,
+                                                                  QRect& colorRect)
+{
+	// 确定文本区域
+	textRect         = QRect();
+	QRect buttonRect = getButtonRect(opt);
+	if (opt.icon.isNull()) {
+		colorRect = buttonRect;
+		iconRect  = QRect();
+	} else {
+		QSize tmpSize = opt.iconSize;
+		if (tmpSize.isNull()) {
+			tmpSize = QSize(16, 16);
+		}
+		tmpSize         = buttonRect.size().boundedTo(tmpSize);
+		int colorHeight = tmpSize.height() / 4;
+		int totalHeight = colorHeight + tmpSize.height() + mSpacing;
+		if (totalHeight > buttonRect.height()) {
+			// 过高，这时要通过高度反推tmpSize和colorHeight
+			colorHeight = (buttonRect.height() - mSpacing) / 5;
+			tmpSize.setHeight(colorHeight * 4);
+			if (opt.iconSize.height() > 0) {
+				tmpSize.setWidth(tmpSize.height() * opt.iconSize.width() / opt.iconSize.height());  // 等比例
+			}
+			tmpSize = buttonRect.size().boundedTo(tmpSize);
+		}
+		// 有icon，颜色位于图标下面
+		int y = (buttonRect.height() - colorHeight - mSpacing - tmpSize.height()) / 2;  //(ButtonHeight-TotalHeight)/2
+		int x = (buttonRect.width() - tmpSize.width()) / 2;
+		iconRect  = QRect(buttonRect.left() + x, buttonRect.top() + y, tmpSize.width(), tmpSize.height());
+		colorRect = QRect(iconRect.x(), iconRect.bottom() + mSpacing, iconRect.width(), colorHeight);
+	}
+}
+
+/**
+ * @brief 纯文本情况，左边有5像素显示颜色
+ * @param opt
+ * @param iconRect
+ * @param textRect
+ * @param colorRect 左边有5像素显示颜色
+ */
+void SAColorToolButton::PrivateData::calcSizeOfToolButtonTextOnly(const QStyleOptionToolButton& opt,
+                                                                  QRect& iconRect,
+                                                                  QRect& textRect,
+                                                                  QRect& colorRect)
+{
+	QRect buttonRect = getButtonRect(opt);
+	iconRect         = QRect();
+	QSize colorSize  = opt.iconSize;
+	if (colorSize.isNull()) {
+		colorSize = QSize(16, 16);
+	}
+	colorSize = buttonRect.size().boundedTo(colorSize);
+	colorRect = QRect(buttonRect.left(),
+                      buttonRect.top() + (buttonRect.height() - colorSize.height()) / 2,
+                      colorSize.width(),
+                      colorSize.height());
+	textRect  = buttonRect.adjusted(colorRect.right() + mSpacing, 0, 0, 0);
+}
+
+void SAColorToolButton::PrivateData::calcSizeOfToolButtonTextBesideIcon(const QStyleOptionToolButton& opt,
+                                                                        QRect& iconRect,
+                                                                        QRect& textRect,
+                                                                        QRect& colorRect)
+{
+	QRect buttonRect = getButtonRect(opt);
+	if (opt.icon.isNull()) {
+		QSize colorSize = opt.iconSize;
+		if (colorSize.isNull()) {
+			colorSize = QSize(16, 16);
+		}
+		// 说明没有icon
+		// 这时所有都是color
+		// iconRect=Null
+		colorSize = buttonRect.size().boundedTo(colorSize);
+		iconRect  = QRect();
+		colorRect = QRect(buttonRect.left(),
+                          buttonRect.top() + (buttonRect.height() - colorSize.height()) / 2,
+                          colorSize.width(),
+                          colorSize.height());
+		textRect  = buttonRect.adjusted(colorRect.width() + mSpacing, 0, 0, 0);
+	} else {  // 有图标
+		QSize tmpSize = opt.iconSize;
+		if (tmpSize.isNull()) {
+			tmpSize = QSize(16, 16);
+		}
+		tmpSize         = buttonRect.size().boundedTo(tmpSize);
+		int colorHeight = tmpSize.height() / 4;
+		int totalHeight = colorHeight + tmpSize.height() + mSpacing;
+		if (totalHeight > buttonRect.height()) {
+			// 过高，这时要通过高度反推tmpSize和colorHeight
+			colorHeight = (buttonRect.height() - mSpacing) / 5;
+			tmpSize.setHeight(colorHeight * 4);
+			tmpSize.setWidth(tmpSize.height());  // 对于异形也设置为正方行
+		}
+		// 有icon，颜色位于图标下面
+		int y = (buttonRect.height() - colorHeight - mSpacing - tmpSize.height()) / 2;  //(ButtonHeight-TotalHeight)/2
+		iconRect  = QRect(buttonRect.left(), buttonRect.top() + y, tmpSize.width(), tmpSize.height());
+		colorRect = QRect(iconRect.x(), iconRect.bottom() + mSpacing, iconRect.width(), colorHeight);
+		textRect  = buttonRect.adjusted(iconRect.right() + mSpacing, 0, 0, 0);
+	}
+}
+
+void SAColorToolButton::PrivateData::calcSizeOfToolButtonTextUnderIcon(const QStyleOptionToolButton& opt,
+                                                                       QRect& iconRect,
+                                                                       QRect& textRect,
+                                                                       QRect& colorRect)
+{
+	QRect buttonRect = getButtonRect(opt);
+	QSize tmpSize    = opt.iconSize;
+	if (tmpSize.isNull()) {
+		tmpSize = QSize(16, 16);
+	}
+	// 获取字体高度
+	int textHeight = opt.fontMetrics.height();
+	tmpSize        = buttonRect.size().boundedTo(tmpSize);
+	if (opt.icon.isNull()) {
+		int totalHeight = textHeight + opt.iconSize.height() + mSpacing;
+		if (totalHeight < buttonRect.height()) {
+			// 足够高
+			colorRect = QRect(buttonRect.left() + (buttonRect.width() - tmpSize.width()) / 2,
+                              buttonRect.top() + (buttonRect.height() - totalHeight) / 2,
+                              tmpSize.width(),
+                              opt.iconSize.height());
+		} else {
+			// 空间不足
+			colorRect = QRect(buttonRect.left() + (buttonRect.width() - tmpSize.width()) / 2,
+                              buttonRect.top() + mSpacing,
+                              tmpSize.width(),
+                              opt.iconSize.height());
+		}
+		iconRect = QRect();
+		textRect = QRect(buttonRect.left(), colorRect.bottom() + mSpacing, buttonRect.width(), textHeight);
+
+	} else {
+		// 有图标
+		int colorHeight = tmpSize.height() / 4;
+		int totalHeight = textHeight + opt.iconSize.height() + colorHeight + 2 * mSpacing;
+		if (totalHeight < buttonRect.height()) {
+			// 高度空间足够
+			// 先布置icon
+			iconRect = QRect(buttonRect.left() + (buttonRect.width() - tmpSize.width()) / 2,
+                             buttonRect.top() + (buttonRect.height() - totalHeight) / 2,
+                             tmpSize.width(),
+                             opt.iconSize.height());
+
+		} else {
+			// 空间不足
+			iconRect = QRect(buttonRect.left() + (buttonRect.width() - tmpSize.width()) / 2,
+                             buttonRect.top() + mSpacing,
+                             tmpSize.width(),
+                             opt.iconSize.height());
+		}
+		colorRect = QRect(iconRect.x(), iconRect.bottom() + mSpacing, iconRect.width(), colorHeight);
+		textRect  = QRect(buttonRect.left(), colorRect.bottom() + mSpacing, buttonRect.width(), textHeight);
+	}
+}
+
+QPixmap SAColorToolButton::PrivateData::createIconPixmap(const QStyleOptionToolButton& opt, const QRect& iconRect)
+{
+	if (opt.icon.isNull()) {
+		return (QPixmap());
+	}
+	// 有图标
+	QIcon::State state = opt.state & QStyle::State_On ? QIcon::On : QIcon::Off;
+	QIcon::Mode mode;
+	if (!(opt.state & QStyle::State_Enabled)) {
+		mode = QIcon::Disabled;
+	} else if ((opt.state & QStyle::State_MouseOver) && (opt.state & QStyle::State_AutoRaise)) {
+		mode = QIcon::Active;
+	} else {
+		mode = QIcon::Normal;
+	}
+	// return (opt.icon.pixmap(this->window()->windowHandle(), opt.rect.size().boundedTo(realConSize), mode, state));
+	return (opt.icon.pixmap(iconRect.size(), mode, state));
+}
+
+/**
+ * @brief 获取按钮的矩形区域
+ * @param opt
+ * @return
+ */
+QRect SAColorToolButton::PrivateData::getButtonRect(const QStyleOptionToolButton& opt)
+{
+	QRect btnRect = q_ptr->style()->subControlRect(QStyle::CC_ToolButton, &opt, QStyle::SC_ToolButton, q_ptr);
+	return btnRect.marginsRemoved(mMargins);
+}
+
+/**
+ * @brief 获取ToolButtonMenu的区域
+ * @note 注意，如果不是QStyleOptionToolButton::MenuButtonPopup|QStyleOptionToolButton::HasMenu下调用此函数，返回的是QRect()
+ * @param opt
+ * @return
+ */
+QRect SAColorToolButton::PrivateData::getIndicatorRect(const QStyleOptionToolButton& opt)
+{
+	if (opt.features & QStyleOptionToolButton::MenuButtonPopup || opt.features & QStyleOptionToolButton::HasMenu) {
+		return q_ptr->style()->subControlRect(QStyle::CC_ToolButton, &opt, QStyle::SC_ToolButtonMenu, q_ptr);
+	}
+	return QRect();
+}
+
+/**
+ * @brief 基于Qt qcommonStyle源码，对QStyleOptionToolButton的style修正
+ * @param opt
+ * @return
+ */
+QStyle::State SAColorToolButton::PrivateData::getButtonStyleState(const QStyleOptionToolButton& opt)
+{
+	QStyle::State bflags = opt.state & ~QStyle::State_Sunken;
+	if (bflags & QStyle::State_AutoRaise) {
+		if (!(bflags & QStyle::State_MouseOver) || !(bflags & QStyle::State_Enabled)) {
+			bflags &= ~QStyle::State_Raised;
+		}
+	}
+	if (opt.state & QStyle::State_Sunken) {
+		if (opt.activeSubControls & QStyle::SC_ToolButton) {
+			bflags |= QStyle::State_Sunken;
+		}
+	}
+	return bflags;
+}
+
+/**
+ * @brief 基于Qt qcommonStyle源码，对QStyleOptionToolButton的style修正
+ * @param opt
+ * @return
+ */
+QStyle::State SAColorToolButton::PrivateData::getButtonMenuStyleState(const QStyleOptionToolButton& opt)
+{
+	QStyle::State mflags = opt.state & ~QStyle::State_Sunken;
+	if (mflags & QStyle::State_AutoRaise) {
+		if (!(mflags & QStyle::State_MouseOver) || !(mflags & QStyle::State_Enabled)) {
+			mflags &= ~QStyle::State_Raised;
+		}
+	}
+	if (opt.state & QStyle::State_Sunken) {
+		mflags |= QStyle::State_Sunken;
+	}
+	return mflags;
+}
+
+void SAColorToolButton::PrivateData::removeMenu()
+{
+	QMenu* m = q_ptr->menu();
+	if (m) {
+		q_ptr->setMenu(nullptr);
+		m->deleteLater();
+	}
+}
+
+//==============================================================
+// SAColorToolButton
+//==============================================================
+
+SAColorToolButton::SAColorToolButton(QWidget* parent) : QToolButton(parent), d_ptr(new PrivateData(this))
+{
+	setColorToolButtonStyle(WithColorMenu);
+	connect(this, &QToolButton::clicked, this, &SAColorToolButton::onButtonClicked);
+}
+
+SAColorToolButton::SAColorToolButton(ColorToolButtonStyle style, QWidget* parent)
+    : QToolButton(parent), d_ptr(new PrivateData(this))
+{
+	setColorToolButtonStyle(style);
+	connect(this, &QToolButton::clicked, this, &SAColorToolButton::onButtonClicked);
+}
+
+SAColorToolButton::~SAColorToolButton()
+{
+}
+
+/**
+ * @brief 获取颜色
+ * @return
+ */
+QColor SAColorToolButton::color() const
+{
+	return d_ptr->mColor;
+}
+
+/**
+ * @brief 设置Margins
+ * @param mg
+ */
+void SAColorToolButton::setMargins(const QMargins& mg)
+{
+	d_ptr->mMargins = mg;
+	repaint();
+}
+
+QMargins SAColorToolButton::margins() const
+{
+	return d_ptr->mMargins;
+}
+
+/**
+ * @brief 绘制无颜色表示
+ * @param p
+ * @param colorRect 绘制的区域
+ */
+void SAColorToolButton::paintNoneColor(QPainter* p, const QRect& colorRect)
+{
+	p->save();
+	QPen pen(Qt::red, 1, Qt::SolidLine, Qt::RoundCap);
+	p->setPen(pen);
+	p->setRenderHint(QPainter::SmoothPixmapTransform, true);
+	p->setRenderHint(QPainter::Antialiasing, true);
+	int ss = colorRect.width() / 3;
+	p->drawLine(QPoint(colorRect.x() + ss, colorRect.bottom()), QPoint(colorRect.right() - ss, colorRect.top()));
+	pen.setColor(Qt::black);
+	p->setPen(pen);
+	p->drawRect(colorRect);
+	p->restore();
+}
+
+/**
+ * @brief 设置颜色按钮的样式
+ * @param s
+ */
+void SAColorToolButton::setColorToolButtonStyle(ColorToolButtonStyle s)
+{
+	if (NoColorMenu == s) {
+		d_ptr->removeMenu();
+	} else {
+		createColorMenu();
+	}
+	d_ptr->mColorButtonStyle = s;
+}
+
+/**
+ * @brief 颜色按钮的样式
+ * @return
+ */
+SAColorToolButton::ColorToolButtonStyle SAColorToolButton::colorToolButtonStyle() const
+{
+	return d_ptr->mColorButtonStyle;
+}
+
+/**
+ * @brief 获取colorMenu
+ *
+ * @note 注意，这个函数很有可能会返回nullptr，如果ColorToolButtonStyle设置为NoColorMenu或者自己设置了菜单，此函数返回nullptr
+ * @return SAColorMenu指针，如果没有，返回nullptr
+ */
+SAColorMenu* SAColorToolButton::colorMenu() const
+{
+	return qobject_cast< SAColorMenu* >(menu());
+}
+
+/**
+ * @brief 建立标准的颜色菜单
+ * @return
+ */
+SAColorMenu* SAColorToolButton::createColorMenu()
+{
+	setPopupMode(QToolButton::InstantPopup);
+	SAColorMenu* m = new SAColorMenu(this);
+	m->enableNoneColorAction(true);
+	QAction* customColor = m->customColorAction();
+	if (customColor) {
+		customColor->setIcon(QIcon(":/image/resource/define-color.svg"));
+	}
+	connect(m, &SAColorMenu::selectedColor, this, &SAColorToolButton::setColor);
+	setMenu(m);
+	return m;
+}
+
+/**
+ * @brief 设置颜色
+ * @note 会发射@sa colorChanged 信号
+ * @param c
+ */
+void SAColorToolButton::setColor(const QColor& c)
+{
+	if (d_ptr->mColor != c) {
+		d_ptr->mColor = c;
+		repaint();
+		Q_EMIT colorChanged(c);
+	}
+}
+
+/**
+ * @brief 计算各个基本组件的位置
+ * @param opt
+ * @param iconRect 图标区域
+ * @param textRect 文本区域
+ * @param colorRect 颜色区域
+ */
+void SAColorToolButton::calcRect(const QStyleOptionToolButton& opt, QRect& iconRect, QRect& textRect, QRect& colorRect)
+{
+	switch (opt.toolButtonStyle) {
+	case Qt::ToolButtonTextOnly:
+		d_ptr->calcSizeOfToolButtonTextOnly(opt, iconRect, textRect, colorRect);
+		break;
+	case Qt::ToolButtonTextBesideIcon:
+		d_ptr->calcSizeOfToolButtonTextBesideIcon(opt, iconRect, textRect, colorRect);
+		break;
+	case Qt::ToolButtonTextUnderIcon:
+		d_ptr->calcSizeOfToolButtonTextUnderIcon(opt, iconRect, textRect, colorRect);
+		break;
+	case Qt::ToolButtonFollowStyle:
+	case Qt::ToolButtonIconOnly:
+		d_ptr->calcSizeOfToolButtonIconOnly(opt, iconRect, textRect, colorRect);
+		break;
+	default:
+		d_ptr->calcSizeOfToolButtonIconOnly(opt, iconRect, textRect, colorRect);
+		break;
+	}
+}
+
+void SAColorToolButton::paintEvent(QPaintEvent* e)
+{
+	Q_UNUSED(e);
+	QStylePainter p(this);
+
+	QStyleOptionToolButton opt;
+
+	initStyleOption(&opt);
+	QRect iconRect, colorRect, textRect;
+	calcRect(opt, iconRect, textRect, colorRect);
+	paintButton(&p, opt);
+	// 绘制图标
+	paintIcon(&p, iconRect, opt);
+	// 绘制文字
+	paintText(&p, textRect, opt);
+	// 绘制颜色
+	paintColor(&p, colorRect, d_ptr->mColor, opt);
+}
+
+void SAColorToolButton::resizeEvent(QResizeEvent* e)
+{
+	// 在resizeevent计算绘图所需的尺寸，避免在绘图过程中实时绘制提高效率
+	QToolButton::resizeEvent(e);
+}
+
+/**
+ * @brief sizeHint重载
+ * @return
+ */
+QSize SAColorToolButton::sizeHint() const
+{
+	ensurePolished();
+	QStyleOptionToolButton opt;
+	initStyleOption(&opt);
+	int w = 0, h = 0;
+	if (Qt::ToolButtonIconOnly == opt.toolButtonStyle || Qt::ToolButtonFollowStyle == opt.toolButtonStyle) {
+		// 和文本无关
+		w = opt.iconSize.width() + d_ptr->mMargins.left() + d_ptr->mMargins.right();
+		h = opt.iconSize.height() + d_ptr->mMargins.top() + d_ptr->mMargins.bottom();
+	} else if (Qt::ToolButtonTextOnly == opt.toolButtonStyle || Qt::ToolButtonTextBesideIcon == opt.toolButtonStyle) {
+		QSize textSize = opt.fontMetrics.size(Qt::TextSingleLine | Qt::TextShowMnemonic, opt.text);
+		textSize.setHeight(textSize.height() + 4);
+		QSize iconSize = opt.iconSize;
+		if (!opt.icon.isNull()) {
+			// 有图标，要有iconsize高度的1/4给颜色
+			iconSize.setHeight(iconSize.height() + iconSize.height() / 4 + d_ptr->mSpacing);
+		}
+		w = textSize.width() + d_ptr->mSpacing + iconSize.width() + d_ptr->mMargins.left() + d_ptr->mMargins.right();
+		h = qMax(textSize.height(), iconSize.height()) + d_ptr->mMargins.top() + d_ptr->mMargins.bottom();
+	} else if (Qt::ToolButtonTextUnderIcon == opt.toolButtonStyle) {
+		QSize textSize = opt.fontMetrics.size(Qt::TextSingleLine | Qt::TextShowMnemonic, opt.text);
+		textSize.setHeight(textSize.height() + 4);
+		QSize iconSize = opt.iconSize;
+		if (!opt.icon.isNull()) {
+			// 有图标，要有iconsize高度的1/4给颜色
+			iconSize.setHeight(iconSize.height() + iconSize.height() / 4 + d_ptr->mSpacing);
+		}
+		w = qMax(textSize.width(), iconSize.width()) + d_ptr->mMargins.left() + d_ptr->mMargins.right();
+		h = textSize.height() + iconSize.height() + d_ptr->mSpacing + d_ptr->mMargins.top() + d_ptr->mMargins.bottom();
+	}
+	opt.rect.setSize(QSize(w, h));  // PM_MenuButtonIndicator depends on the height
+	if (opt.features & QStyleOptionToolButton::MenuButtonPopup || opt.features & QStyleOptionToolButton::HasMenu) {
+		w += style()->pixelMetric(QStyle::PM_MenuButtonIndicator, &opt, this);
+	}
+	//! Qt6.4 取消了QApplication::globalStrut
+	return style()->sizeFromContents(QStyle::CT_ToolButton, &opt, QSize(w, h), this).expandedTo(QSize(2, 2));
+}
+
+void SAColorToolButton::onButtonClicked(bool checked)
+{
+	Q_EMIT colorClicked(color(), checked);
+}
+
+/**
+ * @brief 绘制按钮
+ * @param p
+ * @param opt
+ */
+void SAColorToolButton::paintButton(QStylePainter* p, const QStyleOptionToolButton& opt)
+{
+	bool autoRaise = opt.state & QStyle::State_AutoRaise;
+	// 绘制按钮
+	if (autoRaise) {
+		style()->drawPrimitive(QStyle::PE_PanelButtonTool, &opt, p, this);
+	} else {
+		style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &opt, p, this);
+	}
+	if (opt.features & QStyleOptionToolButton::MenuButtonPopup) {
+		QStyleOption tool = opt;
+		tool.state        = d_ptr->getButtonMenuStyleState(opt);
+		tool.rect         = d_ptr->getIndicatorRect(opt);
+		//        if (tool.state & (QStyle::State_Sunken | QStyle::State_On | QStyle::State_Raised)) {
+		//            style()->drawPrimitive(QStyle::PE_IndicatorButtonDropDown, &tool, &p, this);
+		//        }
+		style()->drawPrimitive(QStyle::PE_IndicatorArrowDown, &tool, p, this);
+	}
+
+	// 绘制focus
+	if (opt.state & QStyle::State_HasFocus) {
+		QStyleOptionFocusRect fr;
+		fr.QStyleOption::operator=(opt);
+		fr.rect.adjust(3, 3, -3, -3);
+		if (opt.features & QStyleOptionToolButton::MenuButtonPopup) {
+			fr.rect.adjust(0, 0, style()->pixelMetric(QStyle::PM_MenuButtonIndicator, &opt, this), 0);
+		}
+		style()->drawPrimitive(QStyle::PE_FrameFocusRect, &fr, p, this);
+	}
+}
+
+/**
+ * @brief 绘制icon
+ * @param p
+ * @param iconRect
+ * @param opt icon信息从QStyleOptionToolButton获取
+ */
+void SAColorToolButton::paintIcon(QStylePainter* p, const QRect& iconRect, const QStyleOptionToolButton& opt)
+{
+	if (!iconRect.isNull()) {
+		QPixmap pm = d_ptr->createIconPixmap(opt, iconRect);
+		style()->drawItemPixmap(p, iconRect, Qt::AlignCenter, pm);
+	}
+}
+
+/**
+ * @brief 绘制文本
+ * @param p
+ * @param textRect
+ * @param opt
+ */
+void SAColorToolButton::paintText(QStylePainter* p, const QRect& textRect, const QStyleOptionToolButton& opt)
+{
+	if (opt.text.isEmpty()) {
+		return;
+	}
+	if (Qt::ToolButtonIconOnly == opt.toolButtonStyle) {
+		return;
+	}
+	p->save();
+	p->setFont(opt.font);
+	int alignment = Qt::TextShowMnemonic;
+	// 快捷键的下划线
+	if (!style()->styleHint(QStyle::SH_UnderlineShortcut, &opt, this)) {
+		alignment |= Qt::TextHideMnemonic;
+	}
+	alignment |= Qt::AlignHCenter | Qt::AlignVCenter;
+	style()->drawItemText(p,
+                          QStyle::visualRect(opt.direction, opt.rect, textRect),
+                          alignment,
+                          opt.palette,
+                          opt.state & QStyle::State_Enabled,
+                          opt.text,
+                          QPalette::ButtonText);
+	p->restore();
+}
+
+/**
+ * @brief 绘制color
+ * @param p
+ * @param iconRect
+ * @param opt
+ */
+void SAColorToolButton::paintColor(QStylePainter* p,
+                                   const QRect& colorRect,
+                                   const QColor& color,
+                                   const QStyleOptionToolButton& opt)
+{
+	Q_UNUSED(opt);
+	if (colorRect.isNull()) {
+		return;
+	}
+	// 绘制颜色
+	if (color.isValid()) {
+		p->fillRect(colorRect, color);
+	} else {
+		paintNoneColor(p, colorRect);
+	}
+}
+
+/*** End of inlined file: SAColorToolButton.cpp ***/
+
+// sa ribbon
+
+/*** Start of inlined file: SAFramelessHelper.cpp ***/
+#include <QRect>
+#include <QRubberBand>
+#include <QMouseEvent>
+#include <QHoverEvent>
+#include <QApplication>
+#include <QDebug>
+
+class SAPrivateFramelessWidgetData;
+
+/*****
+ * FramelessHelperPrivate
+ * 存储界面对应的数据集合，以及是否可移动、可缩放属性
+ *****/
+class SAFramelessHelper::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SAFramelessHelper)
+	friend class SAPrivateFramelessWidgetData;
+
+public:
+	PrivateData(SAFramelessHelper* p);
+	QHash< QWidget*, SAPrivateFramelessWidgetData* > m_widgetDataHash;
+	bool m_bWidgetMovable { true };
+	bool m_bWidgetResizable { true };
+	bool m_bRubberBandOnResize { true };
+	bool m_bRubberBandOnMove { true };
+};
+
+SAFramelessHelper::PrivateData::PrivateData(SAFramelessHelper* p) : q_ptr(p)
+{
+}
+
+/*****
+ * CursorPosCalculator
+ * 计算鼠标是否位于左、上、右、下、左上角、左下角、右上角、右下角
+ *****/
+class SAPrivateFramelessCursorPosCalculator
+{
+public:
+	explicit SAPrivateFramelessCursorPosCalculator();
+	void reset();
+	void recalculate(const QPoint& globalMousePos, const QRect& frameRect);
+
+public:
+	bool mIsOnEdges { true };
+	bool mIsOnLeftEdge { true };
+	bool mIsOnRightEdge { true };
+	bool mIsOnTopEdge { true };
+	bool mIsOnBottomEdge { true };
+	bool mIsOnTopLeftEdge { true };
+	bool mIsOnBottomLeftEdge { true };
+	bool mIsOnTopRightEdge { true };
+	bool mIsOnBottomRightEdge { true };
+
+	static int s_borderWidth;
+	static int s_titleHeight;
+};
+
+int SAPrivateFramelessCursorPosCalculator::s_borderWidth = 5;
+int SAPrivateFramelessCursorPosCalculator::s_titleHeight = 30;
+
+/***** CursorPosCalculator *****/
+SAPrivateFramelessCursorPosCalculator::SAPrivateFramelessCursorPosCalculator()
+{
+	reset();
+}
+
+void SAPrivateFramelessCursorPosCalculator::reset()
+{
+	mIsOnEdges           = false;
+	mIsOnLeftEdge        = false;
+	mIsOnRightEdge       = false;
+	mIsOnTopEdge         = false;
+	mIsOnBottomEdge      = false;
+	mIsOnTopLeftEdge     = false;
+	mIsOnBottomLeftEdge  = false;
+	mIsOnTopRightEdge    = false;
+	mIsOnBottomRightEdge = false;
+}
+
+void SAPrivateFramelessCursorPosCalculator::recalculate(const QPoint& gMousePos, const QRect& frameRect)
+{
+	int globalMouseX = gMousePos.x();
+	int globalMouseY = gMousePos.y();
+
+	int frameX = frameRect.x();
+	int frameY = frameRect.y();
+
+	int frameWidth  = frameRect.width();
+	int frameHeight = frameRect.height();
+
+	mIsOnLeftEdge = (globalMouseX >= frameX && globalMouseX <= frameX + s_borderWidth);
+
+	mIsOnRightEdge = (globalMouseX >= frameX + frameWidth - s_borderWidth && globalMouseX <= frameX + frameWidth);
+
+	mIsOnTopEdge = (globalMouseY >= frameY && globalMouseY <= frameY + s_borderWidth);
+
+	mIsOnBottomEdge = (globalMouseY >= frameY + frameHeight - s_borderWidth && globalMouseY <= frameY + frameHeight);
+
+	mIsOnTopLeftEdge     = mIsOnTopEdge && mIsOnLeftEdge;
+	mIsOnBottomLeftEdge  = mIsOnBottomEdge && mIsOnLeftEdge;
+	mIsOnTopRightEdge    = mIsOnTopEdge && mIsOnRightEdge;
+	mIsOnBottomRightEdge = mIsOnBottomEdge && mIsOnRightEdge;
+
+	mIsOnEdges = mIsOnLeftEdge || mIsOnRightEdge || mIsOnTopEdge || mIsOnBottomEdge;
+}
+
+/*****
+ * WidgetData
+ * 更新鼠标样式、移动窗体、缩放窗体
+ *****/
+class SAPrivateFramelessWidgetData
+{
+public:
+	explicit SAPrivateFramelessWidgetData(SAFramelessHelper::PrivateData* pd, QWidget* pTopLevelWidget);
+	~SAPrivateFramelessWidgetData();
+	QWidget* widget();
+
+	// 处理鼠标事件-划过、按下、释放、移动
+	bool handleWidgetEvent(QEvent* event);
+
+	// 更新橡皮筋状态
+	void updateRubberBandStatus();
+
+private:
+	// 更新鼠标样式
+	void updateCursorShape(const QPoint& gMousePos);
+
+	// 重置窗体大小
+	void resizeWidget(const QPoint& gMousePos);
+
+	// 移动窗体
+	void moveWidget(const QPoint& gMousePos);
+
+	// 处理鼠标按下
+	bool handleMousePressEvent(QMouseEvent* event);
+
+	// 处理鼠标释放
+	bool handleMouseReleaseEvent(QMouseEvent* event);
+
+	// 处理鼠标移动
+	bool handleMouseMoveEvent(QMouseEvent* event);
+
+	// 处理鼠标离开
+	bool handleLeaveEvent(QEvent* event);
+
+	// 处理鼠标进入
+	bool handleHoverMoveEvent(QHoverEvent* event);
+
+	// 处理鼠标双击事件
+	bool handleDoubleClickedMouseEvent(QMouseEvent* event);
+
+private:
+	SAFramelessHelper::PrivateData* d;
+	QRubberBand* m_pRubberBand;
+	QWidget* m_pWidget;
+	QPoint m_ptDragPos;
+	SAPrivateFramelessCursorPosCalculator m_pressedMousePos;
+	SAPrivateFramelessCursorPosCalculator m_moveMousePos;
+	bool m_bLeftButtonPressed;
+	bool m_bCursorShapeChanged;
+	bool m_bLeftButtonTitlePressed;
+	Qt::WindowFlags m_windowFlags;
+};
+
+/***** WidgetData *****/
+SAPrivateFramelessWidgetData::SAPrivateFramelessWidgetData(SAFramelessHelper::PrivateData* pd, QWidget* pTopLevelWidget)
+{
+	d                         = pd;
+	m_pWidget                 = pTopLevelWidget;
+	m_bLeftButtonPressed      = false;
+	m_bCursorShapeChanged     = false;
+	m_bLeftButtonTitlePressed = false;
+	m_pRubberBand             = NULL;
+
+	m_windowFlags = m_pWidget->windowFlags();
+	m_pWidget->setMouseTracking(true);
+	m_pWidget->setAttribute(Qt::WA_Hover, true);
+
+	updateRubberBandStatus();
+}
+
+SAPrivateFramelessWidgetData::~SAPrivateFramelessWidgetData()
+{
+	m_pWidget->setMouseTracking(false);
+	m_pWidget->setWindowFlags(m_windowFlags);
+	m_pWidget->setAttribute(Qt::WA_Hover, false);
+
+	delete m_pRubberBand;
+	m_pRubberBand = NULL;
+}
+
+QWidget* SAPrivateFramelessWidgetData::widget()
+{
+	return (m_pWidget);
+}
+
+bool SAPrivateFramelessWidgetData::handleWidgetEvent(QEvent* event)
+{
+	switch (event->type()) {
+	case QEvent::MouseButtonPress:
+		return (handleMousePressEvent(static_cast< QMouseEvent* >(event)));
+
+	case QEvent::MouseButtonRelease:
+		return (handleMouseReleaseEvent(static_cast< QMouseEvent* >(event)));
+
+	case QEvent::MouseMove:
+		return (handleMouseMoveEvent(static_cast< QMouseEvent* >(event)));
+
+	case QEvent::Leave:
+		return (handleLeaveEvent(static_cast< QMouseEvent* >(event)));
+
+	case QEvent::HoverMove:
+		return (handleHoverMoveEvent(static_cast< QHoverEvent* >(event)));
+
+	case QEvent::MouseButtonDblClick:
+		return (handleDoubleClickedMouseEvent(static_cast< QMouseEvent* >(event)));
+
+	default:
+		break;
+	}
+	return (false);
+}
+
+void SAPrivateFramelessWidgetData::updateRubberBandStatus()
+{
+	if (d->m_bRubberBandOnMove || d->m_bRubberBandOnResize) {
+		if (NULL == m_pRubberBand) {
+			m_pRubberBand = new QRubberBand(QRubberBand::Rectangle);
+		}
+	} else {
+		delete m_pRubberBand;
+		m_pRubberBand = NULL;
+	}
+}
+
+void SAPrivateFramelessWidgetData::updateCursorShape(const QPoint& gMousePos)
+{
+	if (m_pWidget->isFullScreen() || m_pWidget->isMaximized()) {
+		if (m_bCursorShapeChanged) {
+			m_pWidget->unsetCursor();
+		}
+		return;
+	}
+
+	m_moveMousePos.recalculate(gMousePos, m_pWidget->frameGeometry());
+
+	if (m_moveMousePos.mIsOnTopLeftEdge || m_moveMousePos.mIsOnBottomRightEdge) {
+		m_pWidget->setCursor(Qt::SizeFDiagCursor);
+		m_bCursorShapeChanged = true;
+	} else if (m_moveMousePos.mIsOnTopRightEdge || m_moveMousePos.mIsOnBottomLeftEdge) {
+		m_pWidget->setCursor(Qt::SizeBDiagCursor);
+		m_bCursorShapeChanged = true;
+	} else if (m_moveMousePos.mIsOnLeftEdge || m_moveMousePos.mIsOnRightEdge) {
+		m_pWidget->setCursor(Qt::SizeHorCursor);
+		m_bCursorShapeChanged = true;
+	} else if (m_moveMousePos.mIsOnTopEdge || m_moveMousePos.mIsOnBottomEdge) {
+		m_pWidget->setCursor(Qt::SizeVerCursor);
+		m_bCursorShapeChanged = true;
+	} else {
+		if (m_bCursorShapeChanged) {
+			m_pWidget->unsetCursor();
+			m_bCursorShapeChanged = false;
+		}
+	}
+}
+
+void SAPrivateFramelessWidgetData::resizeWidget(const QPoint& gMousePos)
+{
+	QRect origRect;
+
+	if (d->m_bRubberBandOnResize) {
+		origRect = m_pRubberBand->frameGeometry();
+	} else {
+		origRect = m_pWidget->frameGeometry();
+	}
+
+	int left   = origRect.left();
+	int top    = origRect.top();
+	int right  = origRect.right();
+	int bottom = origRect.bottom();
+
+	origRect.getCoords(&left, &top, &right, &bottom);
+
+	int minWidth  = m_pWidget->minimumWidth();
+	int minHeight = m_pWidget->minimumHeight();
+
+	if (m_pressedMousePos.mIsOnTopLeftEdge) {
+		left = gMousePos.x();
+		top  = gMousePos.y();
+	} else if (m_pressedMousePos.mIsOnBottomLeftEdge) {
+		left   = gMousePos.x();
+		bottom = gMousePos.y();
+	} else if (m_pressedMousePos.mIsOnTopRightEdge) {
+		right = gMousePos.x();
+		top   = gMousePos.y();
+	} else if (m_pressedMousePos.mIsOnBottomRightEdge) {
+		right  = gMousePos.x();
+		bottom = gMousePos.y();
+	} else if (m_pressedMousePos.mIsOnLeftEdge) {
+		left = gMousePos.x();
+	} else if (m_pressedMousePos.mIsOnRightEdge) {
+		right = gMousePos.x();
+	} else if (m_pressedMousePos.mIsOnTopEdge) {
+		top = gMousePos.y();
+	} else if (m_pressedMousePos.mIsOnBottomEdge) {
+		bottom = gMousePos.y();
+	}
+
+	QRect newRect(QPoint(left, top), QPoint(right, bottom));
+
+	if (newRect.isValid()) {
+		if (minWidth > newRect.width()) {
+			if (left != origRect.left()) {
+				newRect.setLeft(origRect.left());
+			} else {
+				newRect.setRight(origRect.right());
+			}
+		}
+		if (minHeight > newRect.height()) {
+			if (top != origRect.top()) {
+				newRect.setTop(origRect.top());
+			} else {
+				newRect.setBottom(origRect.bottom());
+			}
+		}
+
+		if (d->m_bRubberBandOnResize) {
+			m_pRubberBand->setGeometry(newRect);
+		} else {
+			m_pWidget->setGeometry(newRect);
+		}
+	}
+}
+
+void SAPrivateFramelessWidgetData::moveWidget(const QPoint& gMousePos)
+{
+	if (d->m_bRubberBandOnMove) {
+		m_pRubberBand->move(gMousePos - m_ptDragPos);
+	} else {
+		m_pWidget->move(gMousePos - m_ptDragPos);
+	}
+}
+
+bool SAPrivateFramelessWidgetData::handleMousePressEvent(QMouseEvent* event)
+{
+	if (event->button() == Qt::LeftButton) {
+		m_bLeftButtonPressed      = true;
+		m_bLeftButtonTitlePressed = event->pos().y() < m_moveMousePos.s_titleHeight;
+
+		QRect frameRect = m_pWidget->frameGeometry();
+		auto gp         = SA_MOUSEEVENT_GLOBALPOS_POINT(event);
+		m_pressedMousePos.recalculate(gp, frameRect);
+
+		m_ptDragPos = gp - frameRect.topLeft();
+
+		if (m_pressedMousePos.mIsOnEdges) {
+			if (m_pWidget->isMaximized()) {
+				// 窗口在最大化状态时，点击边界不做任何处理
+				return (false);
+			}
+			if (d->m_bRubberBandOnResize) {
+				m_pRubberBand->setGeometry(frameRect);
+				m_pRubberBand->show();
+				return (true);
+			}
+		} else if (d->m_bRubberBandOnMove && m_bLeftButtonTitlePressed) {
+			if (m_pWidget->isMaximized()) {
+				// 窗口在最大化状态时，点击标题栏不做任何处理
+				return (false);
+			}
+			m_pRubberBand->setGeometry(frameRect);
+			m_pRubberBand->show();
+			return (true);
+		}
+	}
+	return (false);
+}
+
+bool SAPrivateFramelessWidgetData::handleMouseReleaseEvent(QMouseEvent* event)
+{
+	if (event->button() == Qt::LeftButton) {
+		m_bLeftButtonPressed      = false;
+		m_bLeftButtonTitlePressed = false;
+		m_pressedMousePos.reset();
+		if (m_pRubberBand && m_pRubberBand->isVisible()) {
+			m_pRubberBand->hide();
+			m_pWidget->setGeometry(m_pRubberBand->geometry());
+			return (true);
+		}
+	}
+	return (false);
+}
+
+bool SAPrivateFramelessWidgetData::handleMouseMoveEvent(QMouseEvent* event)
+{
+	QPoint p = SA_MOUSEEVENT_GLOBALPOS_POINT(event);
+	if (m_bLeftButtonPressed) {
+		if (d->m_bWidgetResizable && m_pressedMousePos.mIsOnEdges) {
+			if (m_pWidget->isMaximized()) {
+				// 窗口在最大化状态时，点击边界不做任何处理
+				return (false);
+			}
+			resizeWidget(p);
+			return (true);
+		} else if (d->m_bWidgetMovable && m_bLeftButtonTitlePressed) {
+			if (m_pWidget->isMaximized()) {
+				// 先求出窗口到鼠标的相对位置
+				QRect normalGeometry = m_pWidget->normalGeometry();
+				m_pWidget->showNormal();
+				p.ry() -= 10;
+				p.rx() -= (normalGeometry.width() / 2);
+				m_pWidget->move(p);
+				// 这时要重置m_ptDragPos
+				m_ptDragPos = QPoint(normalGeometry.width() / 2, 10);
+				return (true);
+			}
+			moveWidget(p);
+			return (true);
+		}
+		return (false);
+	} else if (d->m_bWidgetResizable) {
+		updateCursorShape(p);
+	}
+	return (false);
+}
+
+bool SAPrivateFramelessWidgetData::handleLeaveEvent(QEvent* event)
+{
+	Q_UNUSED(event)
+	if (!m_bLeftButtonPressed) {
+		m_pWidget->unsetCursor();
+		return (true);
+	}
+	return (false);
+}
+
+bool SAPrivateFramelessWidgetData::handleHoverMoveEvent(QHoverEvent* event)
+{
+	if (d->m_bWidgetResizable) {
+		updateCursorShape(m_pWidget->mapToGlobal(SA_HOVEREVENT_POS_POINT(event)));
+	}
+	return (false);
+}
+
+bool SAPrivateFramelessWidgetData::handleDoubleClickedMouseEvent(QMouseEvent* event)
+{
+	if (event->button() == Qt::LeftButton) {
+		if (m_pWidget) {
+			SARibbonMainWindow* mainwindow = qobject_cast< SARibbonMainWindow* >(m_pWidget);
+			if (mainwindow) {
+				if (mainwindow->windowFlags() & Qt::WindowMaximizeButtonHint) {
+					// 在最大化按钮显示时才进行shownormal处理
+					bool titlePressed = event->pos().y() < m_moveMousePos.s_titleHeight;
+					if (titlePressed) {
+						if (m_pWidget->isMaximized()) {
+							m_pWidget->showNormal();
+						} else {
+							m_pWidget->showMaximized();
+						}
+						return (true);
+					}
+				}
+			}
+		}
+	}
+	return (false);
+}
+
+//===================================================
+// SAFramelessHelper
+//===================================================
+SAFramelessHelper::SAFramelessHelper(QObject* parent) : QObject(parent), d_ptr(new SAFramelessHelper::PrivateData(this))
+{
+	d_ptr->m_bWidgetMovable      = true;
+	d_ptr->m_bWidgetResizable    = true;
+	d_ptr->m_bRubberBandOnResize = false;
+	d_ptr->m_bRubberBandOnMove   = false;
+	if (parent) {
+		QWidget* w = qobject_cast< QWidget* >(parent);
+		if (w) {
+			w->setWindowFlags(w->windowFlags() | Qt::FramelessWindowHint);
+			setWidgetMovable(true);       // 设置窗体可移动
+			setWidgetResizable(true);     // 设置窗体可缩放
+			setRubberBandOnMove(false);   // 设置橡皮筋效果-可移动
+			setRubberBandOnResize(true);  // 设置橡皮筋效果-可缩放
+			activateOn(w);                // 激活当前窗体
+		}
+	}
+}
+
+SAFramelessHelper::~SAFramelessHelper()
+{
+	QList< QWidget* > keys = d_ptr->m_widgetDataHash.keys();
+	int size               = keys.size();
+
+	for (int i = 0; i < size; ++i) {
+		delete d_ptr->m_widgetDataHash.take(keys[ i ]);
+	}
+}
+
+bool SAFramelessHelper::eventFilter(QObject* obj, QEvent* event)
+{
+	switch (event->type()) {
+	case QEvent::MouseMove:
+	case QEvent::HoverMove:
+	case QEvent::MouseButtonPress:
+	case QEvent::MouseButtonRelease:
+	case QEvent::MouseButtonDblClick:
+	case QEvent::Leave: {
+		SAPrivateFramelessWidgetData* data = d_ptr->m_widgetDataHash.value(static_cast< QWidget* >(obj));
+		if (data) {
+			return (data->handleWidgetEvent(event));
+		}
+		break;
+	}
+
+	default:
+		break;
+	}
+	return (QObject::eventFilter(obj, event));
+}
+
+void SAFramelessHelper::activateOn(QWidget* topLevelWidget)
+{
+	if (!d_ptr->m_widgetDataHash.contains(topLevelWidget)) {
+		SAPrivateFramelessWidgetData* data = new SAPrivateFramelessWidgetData(d_ptr.get(), topLevelWidget);
+		d_ptr->m_widgetDataHash.insert(topLevelWidget, data);
+
+		topLevelWidget->installEventFilter(this);
+	}
+}
+
+void SAFramelessHelper::removeFrom(QWidget* topLevelWidget)
+{
+	SAPrivateFramelessWidgetData* data = d_ptr->m_widgetDataHash.take(topLevelWidget);
+
+	if (data) {
+		topLevelWidget->removeEventFilter(this);
+		delete data;
+	}
+}
+
+void SAFramelessHelper::setRubberBandOnMove(bool movable)
+{
+	d_ptr->m_bRubberBandOnMove                  = movable;
+	QList< SAPrivateFramelessWidgetData* > list = d_ptr->m_widgetDataHash.values();
+
+	foreach (SAPrivateFramelessWidgetData* data, list) {
+		data->updateRubberBandStatus();
+	}
+}
+
+void SAFramelessHelper::setWidgetMovable(bool movable)
+{
+	d_ptr->m_bWidgetMovable = movable;
+}
+
+void SAFramelessHelper::setWidgetResizable(bool resizable)
+{
+	d_ptr->m_bWidgetResizable = resizable;
+}
+
+void SAFramelessHelper::setRubberBandOnResize(bool resizable)
+{
+	d_ptr->m_bRubberBandOnResize                = resizable;
+	QList< SAPrivateFramelessWidgetData* > list = d_ptr->m_widgetDataHash.values();
+
+	foreach (SAPrivateFramelessWidgetData* data, list) {
+		data->updateRubberBandStatus();
+	}
+}
+
+void SAFramelessHelper::setBorderWidth(int width)
+{
+	if (width > 0) {
+		SAPrivateFramelessCursorPosCalculator::s_borderWidth = width;
+	}
+}
+
+void SAFramelessHelper::setTitleHeight(int height)
+{
+	if (height > 0) {
+		SAPrivateFramelessCursorPosCalculator::s_titleHeight = height;
+	}
+}
+
+bool SAFramelessHelper::widgetMovable()
+{
+	return (d_ptr->m_bWidgetMovable);
+}
+
+bool SAFramelessHelper::widgetResizable()
+{
+	return (d_ptr->m_bWidgetResizable);
+}
+
+bool SAFramelessHelper::rubberBandOnMove()
+{
+	return (d_ptr->m_bRubberBandOnMove);
+}
+
+bool SAFramelessHelper::rubberBandOnResisze()
+{
+	return (d_ptr->m_bRubberBandOnResize);
+}
+
+uint SAFramelessHelper::borderWidth()
+{
+	return (SAPrivateFramelessCursorPosCalculator::s_borderWidth);
+}
+
+uint SAFramelessHelper::titleHeight()
+{
+	return (SAPrivateFramelessCursorPosCalculator::s_titleHeight);
+}
+
+/*** End of inlined file: SAFramelessHelper.cpp ***/
+
+/*** Start of inlined file: SARibbonApplicationButton.cpp ***/
+SARibbonApplicationButton::SARibbonApplicationButton(QWidget* parent) : QToolButton(parent)
+{
+	setFocusPolicy(Qt::NoFocus);
+	setAutoRaise(true);
+	setPopupMode(QToolButton::InstantPopup);
+	setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
+}
+
+SARibbonApplicationButton::SARibbonApplicationButton(const QString& text, QWidget* parent) : QToolButton(parent)
+{
+	setFocusPolicy(Qt::NoFocus);
+	setAutoRaise(true);
+	setPopupMode(QToolButton::InstantPopup);
+	setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
+	setText(text);
+}
+
+SARibbonApplicationButton::SARibbonApplicationButton(const QIcon& icon, const QString& text, QWidget* parent)
+    : QToolButton(parent)
+{
+	setFocusPolicy(Qt::NoFocus);
+	setAutoRaise(true);
+	setPopupMode(QToolButton::InstantPopup);
+	setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
+	setIcon(icon);
+	setText(text);
+}
+
+SARibbonApplicationButton::~SARibbonApplicationButton()
+{
+}
+
+/*** End of inlined file: SARibbonApplicationButton.cpp ***/
+
+/*** Start of inlined file: SARibbonSystemButtonBar.cpp ***/
+#include <QToolButton>
+#include <QResizeEvent>
+#include <QStyle>
+#include <QDebug>
+#include <QScopedPointer>
+#include <QWindowStateChangeEvent>
+
+// 为了避免使用此框架的app设置了全局的qpushbutton 的 qss样式影响此按钮，定义了一个类
+
+/**
+ * @brief The SARibbonSystemButtonBar class
+ */
+class SARibbonSystemButtonBar::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonSystemButtonBar)
+public:
+	SARibbonSystemToolButton* buttonClose { nullptr };
+	SARibbonSystemToolButton* buttonMinimize { nullptr };
+	SARibbonSystemToolButton* buttonMaximize { nullptr };
+	int mCloseStretch { 4 };
+	int mMaxStretch { 3 };
+	int mMinStretch { 3 };
+	int mWindowButtonWidth { 35 };
+	int mTitleBarHeight { 28 };
+	Qt::WindowFlags mFlags { Qt::WindowMinMaxButtonsHint | Qt::WindowCloseButtonHint };
+	SARibbonButtonGroupWidget* mButtonGroup;
+
+public:
+	PrivateData(SARibbonSystemButtonBar* p) : q_ptr(p)
+	{
+		mButtonGroup = new SARibbonButtonGroupWidget(p);
+		mButtonGroup->setObjectName("SASystemButtonGroup");
+	}
+
+	void setupMinimizeButton(bool on)
+	{
+		SARibbonSystemButtonBar* par = q_ptr;
+
+		if (on) {
+			if (buttonMinimize) {
+				buttonMinimize->deleteLater();
+				buttonMinimize = nullptr;
+			}
+			buttonMinimize = new SARibbonSystemToolButton(par);
+			buttonMinimize->setObjectName(QStringLiteral("SAMinimizeWindowButton"));
+			buttonMinimize->setFocusPolicy(Qt::NoFocus);  // 避免铺抓到
+			buttonMinimize->show();
+			par->connect(buttonMinimize, &QAbstractButton::clicked, par, &SARibbonSystemButtonBar::minimizeWindow);
+		} else {
+			if (buttonMinimize) {
+				buttonMinimize->deleteLater();
+				buttonMinimize = nullptr;
+			}
+		}
+		updateSize();
+	}
+
+	void setupMaximizeButton(bool on)
+	{
+		SARibbonSystemButtonBar* par = q_ptr;
+
+		if (on) {
+			if (buttonMaximize) {
+				buttonMaximize->deleteLater();
+				buttonMaximize = nullptr;
+			}
+			buttonMaximize = new SARibbonSystemToolButton(par);
+			buttonMaximize->setObjectName(QStringLiteral("SAMaximizeWindowButton"));
+			buttonMaximize->setCheckable(true);
+			buttonMaximize->setFocusPolicy(Qt::NoFocus);  // 避免铺抓到
+			//            buttonMaximize->setIconSize(buttonMaximize->size() * mIconscale);
+			buttonMaximize->show();
+			par->connect(buttonMaximize, &QAbstractButton::clicked, par, &SARibbonSystemButtonBar::maximizeWindow);
+		} else {
+			if (buttonMaximize) {
+				buttonMaximize->deleteLater();
+				;
+				buttonMaximize = nullptr;
+			}
+		}
+		updateSize();
+	}
+
+	void setupCloseButton(bool on)
+	{
+		SARibbonSystemButtonBar* par = q_ptr;
+
+		if (on) {
+			if (buttonClose) {
+				buttonClose->deleteLater();
+				buttonClose = nullptr;
+			}
+			buttonClose = new SARibbonSystemToolButton(par);
+			buttonClose->setObjectName(QStringLiteral("SACloseWindowButton"));
+			buttonClose->setFocusPolicy(Qt::NoFocus);  // 避免铺抓到
+			// buttonClose->setFlat(true);
+			par->connect(buttonClose, &QAbstractButton::clicked, par, &SARibbonSystemButtonBar::closeWindow);
+			//            buttonClose->setIconSize(buttonClose->size() * mIconscale);
+			buttonClose->show();
+		} else {
+			if (buttonClose) {
+				buttonClose->deleteLater();
+				;
+				buttonClose = nullptr;
+			}
+		}
+		updateSize();
+	}
+
+	void updateSize()
+	{
+		resizeElement(q_ptr->size());
+	}
+
+	void resizeElement(QSize size)
+	{
+		int x = size.width();
+		if (buttonClose) {
+			int w = closeButtonWidthHint();
+			x -= w;
+			buttonClose->setGeometry(x, 0, w, size.height());
+		}
+		if (buttonMaximize) {
+			int w = maxButtonWidthHint();
+			x -= w;
+			buttonMaximize->setGeometry(x, 0, w, size.height());
+		}
+		if (buttonMinimize) {
+			int w = minButtonWidthHint();
+			x -= w;
+			buttonMinimize->setGeometry(x, 0, w, size.height());
+		}
+		if (mButtonGroup) {
+			mButtonGroup->setGeometry(0, 0, x, size.height());
+		}
+	}
+
+	int closeButtonWidthHint() const
+	{
+		qreal t = mCloseStretch + mMaxStretch + mMinStretch;
+		return (mCloseStretch * (3 * mWindowButtonWidth)) / t;
+	}
+
+	int maxButtonWidthHint() const
+	{
+		qreal t = mCloseStretch + mMaxStretch + mMinStretch;
+		return (mMaxStretch * (3 * mWindowButtonWidth)) / t;
+	}
+
+	int minButtonWidthHint() const
+	{
+		qreal t = mCloseStretch + mMaxStretch + mMinStretch;
+		return (mMinStretch * (3 * mWindowButtonWidth)) / t;
+	}
+
+	QSize sizeHint() const
+	{
+		int height = mTitleBarHeight;
+		if (height < 20) {
+			height = 20;
+		}
+		QSize res(0, 0);
+		if (mButtonGroup) {
+			res = mButtonGroup->sizeHint();
+		}
+		res.setHeight(height);
+		if (buttonClose) {
+			res.setWidth(res.width() + closeButtonWidthHint());
+		}
+		if (buttonMaximize) {
+			res.setWidth(res.width() + maxButtonWidthHint());
+		}
+		if (buttonMinimize) {
+			res.setWidth(res.width() + minButtonWidthHint());
+		}
+		return res;
+	}
+};
+
+//===================================================
+// SARibbonSystemToolButton
+//===================================================
+SARibbonSystemToolButton::SARibbonSystemToolButton(QWidget* p) : QToolButton(p)
+{
+	setAutoRaise(true);
+}
+//===================================================
+// SARibbonSystemButtonBar
+//===================================================
+SARibbonSystemButtonBar::SARibbonSystemButtonBar(QWidget* parent)
+    : QFrame(parent), d_ptr(new SARibbonSystemButtonBar::PrivateData(this))
+{
+	updateWindowFlag();
+}
+
+/**
+ * @brief 构造函数，强制使用flags，而不是用parent的flags进行构造
+ * @param parent
+ * @param flags
+ */
+SARibbonSystemButtonBar::SARibbonSystemButtonBar(QWidget* parent, Qt::WindowFlags flags)
+    : QFrame(parent), d_ptr(new SARibbonSystemButtonBar::PrivateData(this))
+{
+	d_ptr->mFlags = flags;
+	updateWindowFlag();
+}
+
+SARibbonSystemButtonBar::~SARibbonSystemButtonBar()
+{
+}
+
+void SARibbonSystemButtonBar::setupMinimizeButton(bool on)
+{
+	d_ptr->setupMinimizeButton(on);
+}
+
+void SARibbonSystemButtonBar::setupMaximizeButton(bool on)
+{
+	d_ptr->setupMaximizeButton(on);
+}
+
+void SARibbonSystemButtonBar::setupCloseButton(bool on)
+{
+	d_ptr->setupCloseButton(on);
+}
+
+void SARibbonSystemButtonBar::updateWindowFlag()
+{
+	QWidget* topedWidget = this;
+	// 找到最顶层窗口
+	while (topedWidget->parentWidget()) {
+		topedWidget = topedWidget->parentWidget();
+	}
+	Qt::WindowFlags flags = topedWidget->windowFlags();
+	updateWindowFlag(flags);
+}
+
+/**
+ * @brief 此函数仅用于控制最小最大化和关闭按钮的显示
+ * @param flags
+ */
+void SARibbonSystemButtonBar::updateWindowFlag(Qt::WindowFlags flags)
+{
+	d_ptr->mFlags = flags;
+	setupMinimizeButton(flags & Qt::WindowMinimizeButtonHint);
+	setupMaximizeButton(flags & Qt::WindowMaximizeButtonHint);
+	setupCloseButton(flags & Qt::WindowCloseButtonHint);
+}
+
+/**
+ * @brief 设置按钮的宽度比例,最终按钮宽度将按照此比例进行设置
+ * @param close 关闭按钮比例
+ * @param max 最大化按钮比例
+ * @param min 最小化按钮比例
+ */
+void SARibbonSystemButtonBar::setButtonWidthStretch(int close, int max, int min)
+{
+	d_ptr->mMaxStretch   = max;
+	d_ptr->mMinStretch   = min;
+	d_ptr->mCloseStretch = close;
+}
+
+/**
+ * @brief 标题栏高度
+ *
+ * 标题栏高度会影响sizeHint
+ * @param h
+ */
+void SARibbonSystemButtonBar::setWindowTitleHeight(int h)
+{
+	d_ptr->mTitleBarHeight = h;
+}
+
+/**
+ * @brief 标题栏高度
+ * @return
+ */
+int SARibbonSystemButtonBar::windowTitleHeight() const
+{
+	return d_ptr->mTitleBarHeight;
+}
+
+/**
+ * @brief 系统按钮的宽度
+ * @param w
+ */
+void SARibbonSystemButtonBar::setWindowButtonWidth(int w)
+{
+	d_ptr->mWindowButtonWidth = w;
+}
+
+/**
+ * @brief 系统按钮的宽度
+ * @param w
+ */
+int SARibbonSystemButtonBar::windowButtonWidth() const
+{
+	return d_ptr->mWindowButtonWidth;
+}
+
+/**
+ * @brief 设置窗口状态（最大最小化按钮状态）
+ * @param s
+ */
+void SARibbonSystemButtonBar::setWindowStates(Qt::WindowStates s)
+{
+	if (d_ptr->buttonMaximize) {
+		bool on = s.testFlag(Qt::WindowMaximized);
+		d_ptr->buttonMaximize->setChecked(on);
+		d_ptr->buttonMaximize->setToolTip(on ? tr("Restore") : tr("Maximize"));
+	}
+}
+
+/**
+ * @brief 此函数返回的flags仅包括 Qt::WindowCloseButtonHint，Qt::WindowMaximizeButtonHint，Qt::WindowMinimizeButtonHint
+ * 三个
+ *
+ * @return
+ */
+Qt::WindowFlags SARibbonSystemButtonBar::windowButtonFlags() const
+{
+	Qt::WindowFlags f = Qt::Widget;  // widget是000
+
+	if (d_ptr->mFlags & Qt::WindowCloseButtonHint) {
+		f |= Qt::WindowCloseButtonHint;
+	}
+	if (d_ptr->mFlags & Qt::WindowMaximizeButtonHint) {
+		f |= Qt::WindowMaximizeButtonHint;
+	}
+	if (d_ptr->mFlags & Qt::WindowMinimizeButtonHint) {
+		f |= Qt::WindowMinimizeButtonHint;
+	}
+
+	return (f);
+}
+
+QSize SARibbonSystemButtonBar::sizeHint() const
+{
+	return (d_ptr->sizeHint());
+}
+
+bool SARibbonSystemButtonBar::eventFilter(QObject* obj, QEvent* event)
+{
+	if (obj == parent()) {
+		// SARibbonMainWindow的事件
+		if (event->type() == QEvent::Resize) {
+			SARibbonMainWindow* mainWindow = qobject_cast< SARibbonMainWindow* >(obj);
+			if (!mainWindow) {
+				// 所有事件都不消费
+				return QFrame::eventFilter(obj, event);
+			}
+			SARibbonBar* ribbonBar = mainWindow->ribbonBar();
+			if (!ribbonBar) {
+				// 所有事件都不消费
+				return QFrame::eventFilter(obj, event);
+			}
+			const int th = ribbonBar->titleBarHeight();
+			if (th != height()) {
+				setWindowTitleHeight(th);
+			}
+			QRect fr         = mainWindow->geometry();
+			QSize wgSizeHint = sizeHint();
+			setGeometry(fr.width() - wgSizeHint.width(), 0, wgSizeHint.width(), wgSizeHint.height());
+			// 把设置好的尺寸给ribbonbar
+			ribbonBar->setWindowButtonGroupSize(size());
+		} else if (event->type() == QEvent::WindowStateChange) {
+			SARibbonMainWindow* mainWindow = qobject_cast< SARibbonMainWindow* >(obj);
+			if (!mainWindow) {
+				// 所有事件都不消费
+				return QFrame::eventFilter(obj, event);
+			}
+			setWindowStates(mainWindow->windowState());
+		}
+	}
+	return QFrame::eventFilter(obj, event);
+}
+
+QAbstractButton* SARibbonSystemButtonBar::minimizeButton() const
+{
+	return d_ptr->buttonMinimize;
+}
+
+QAbstractButton* SARibbonSystemButtonBar::maximizeButton() const
+{
+	return d_ptr->buttonMaximize;
+}
+
+QAbstractButton* SARibbonSystemButtonBar::closeButton() const
+{
+	return d_ptr->buttonClose;
+}
+
+void SARibbonSystemButtonBar::setIconSize(const QSize& ic)
+{
+	d_ptr->mButtonGroup->setIconSize(ic);
+}
+
+QSize SARibbonSystemButtonBar::iconSize() const
+{
+	return d_ptr->mButtonGroup->iconSize();
+}
+
+QAction* SARibbonSystemButtonBar::addAction(QAction* a, Qt::ToolButtonStyle buttonStyle, QToolButton::ToolButtonPopupMode popMode)
+{
+	return d_ptr->mButtonGroup->addAction(a, buttonStyle, popMode);
+}
+
+QAction* SARibbonSystemButtonBar::addAction(const QString& text,
+                                            const QIcon& icon,
+                                            Qt::ToolButtonStyle buttonStyle,
+                                            QToolButton::ToolButtonPopupMode popMode)
+{
+	return d_ptr->mButtonGroup->addAction(text, icon, buttonStyle, popMode);
+}
+
+QAction* SARibbonSystemButtonBar::addMenu(QMenu* menu, Qt::ToolButtonStyle buttonStyle, QToolButton::ToolButtonPopupMode popMode)
+{
+	return d_ptr->mButtonGroup->addMenu(menu, buttonStyle, popMode);
+}
+
+QAction* SARibbonSystemButtonBar::addSeparator()
+{
+	return d_ptr->mButtonGroup->addSeparator();
+}
+
+QAction* SARibbonSystemButtonBar::addWidget(QWidget* w)
+{
+	return d_ptr->mButtonGroup->addWidget(w);
+}
+
+void SARibbonSystemButtonBar::resizeEvent(QResizeEvent* e)
+{
+	Q_UNUSED(e);
+	d_ptr->resizeElement(size());
+}
+
+void SARibbonSystemButtonBar::closeWindow()
+{
+	if (parentWidget()) {
+		parentWidget()->close();
+	}
+}
+
+void SARibbonSystemButtonBar::minimizeWindow()
+{
+	if (parentWidget()) {
+		parentWidget()->showMinimized();
+	}
+}
+
+void SARibbonSystemButtonBar::maximizeWindow()
+{
+	QWidget* par = parentWidget();
+
+	if (par) {
+		if (par->isMaximized()) {
+			par->showNormal();
+		} else {
+			par->showMaximized();
+		}
+	}
+}
+
+/*** End of inlined file: SARibbonSystemButtonBar.cpp ***/
+
+/*** Start of inlined file: SARibbonToolButton.cpp ***/
+#include <QAction>
+#include <QApplication>
+#include <QCursor>
+#include <QMouseEvent>
+#include <QPaintEvent>
+#include <QStyleOption>
+#include <QStyleOptionFocusRect>
+#include <QStyleOptionToolButton>
+#include <QStylePainter>
+#include <QTextOption>
+#include <QApplication>
+#include <QScreen>
+#include <QProxyStyle>
+
+/**
+ * @def 定义文字换行时2行文本的矩形高度系数，此系数决定文字区域的高度
+ *
+ * fontMetrics.lineSpacing*系数 = 文本区域高度
+ */
+#define SARIBBONTOOLBUTTON_WORDWRAP_TEXT_FACTOR 2.05
+
+/**
+ * @def 定义文字不换行时单行文本的矩形高度系数，此系数决定文字区域的高度
+ *
+ * fontMetrics.lineSpacing*系数 = 文本区域高度
+ */
+#define SARIBBONTOOLBUTTON_NOWORDWRAP_TEXT_FACTOR 1.2
+
+/**
+ * @def 定义小按钮的矩形高度系数，此系数决定文字区域的高度
+ *
+ * fontMetrics.lineSpacing*系数 = 文本区域高度
+ */
+#define SARIBBONTOOLBUTTON_SMALLBUTTON_TEXT_FACTOR 1.4
+
+/**
+ * @def 文本宽度估算时的宽度比高度系数
+ *
+ * 超过此系数的宽度时，开始尝试换行，例如按钮高度为h，如果单行文本的宽度大于h*系数，则触发换行估算
+ */
+#define SARIBBONTOOLBUTTON_WORDWRAP_WIDTH_PER_HEIGHT_RATIO 1.4
+
+/**
+ * @def 开启此宏会打印一些常见信息
+ */
+#define SA_RIBBON_TOOLBUTTON_DEBUG_PRINT 0
+
+#define SARIBBONTOOLBUTTON_DEBUG_DRAW 0
+
+#if SARIBBONTOOLBUTTON_DEBUG_DRAW
+#define SARIBBONTOOLBUTTON_DEBUG_DRAW_RECT(p, rect)                                                                    \
+	do {                                                                                                               \
+		p.save();                                                                                                      \
+		p.setPen(Qt::red);                                                                                             \
+		p.setBrush(QBrush());                                                                                          \
+		p.drawRect(rect);                                                                                              \
+		p.restore();                                                                                                   \
+	} while (0)
+
+#else
+#define SARIBBONTOOLBUTTON_DEBUG_DRAW_RECT(p, rect)
+#endif
+namespace SA
+{
+
+QDebug operator<<(QDebug debug, const QStyleOptionToolButton& opt)
+{
+	debug << "==============" << "\nQStyleOption(" << (QStyleOption)opt << ")"
+          << "\n  QStyleOptionComplex:"
+             "\n     subControls("
+          << opt.subControls
+          << " ) "
+             "\n     activeSubControls("
+          << opt.activeSubControls
+          << "\n  QStyleOptionToolButton"
+             "\n     features("
+          << opt.features
+          << ")"
+             "\n     toolButtonStyle("
+          << opt.toolButtonStyle << ")";
+
+	return (debug);
+}
+}
+
+//===================================================
+// SARibbonToolButtonProxyStyle
+//===================================================
+
+class SARibbonToolButtonProxyStyle : public QProxyStyle
+{
+public:
+	void drawPrimitive(PrimitiveElement pe, const QStyleOption* opt, QPainter* p, const QWidget* widget = nullptr) const override
+	{
+		if (pe == PE_IndicatorArrowUp || pe == PE_IndicatorArrowDown || pe == PE_IndicatorArrowRight
+            || pe == PE_IndicatorArrowLeft) {
+			if (opt->rect.width() <= 1 || opt->rect.height() <= 1)
+				return;
+
+			QRect r  = opt->rect;
+			int size = qMin(r.height(), r.width());
+			QPixmap pixmap;
+			qreal pixelRatio = p->device()->devicePixelRatio();
+			int border       = qRound(pixelRatio * (size / 4));
+			int sqsize       = qRound(pixelRatio * (2 * (size / 2)));
+			QImage image(sqsize, sqsize, QImage::Format_ARGB32_Premultiplied);
+			image.fill(Qt::transparent);
+			QPainter imagePainter(&image);
+
+			QPolygon a;
+			switch (pe) {
+			case PE_IndicatorArrowUp:
+				a.setPoints(3, border, sqsize / 2, sqsize / 2, border, sqsize - border, sqsize / 2);
+				break;
+			case PE_IndicatorArrowDown:
+				a.setPoints(3, border, sqsize / 2, sqsize / 2, sqsize - border, sqsize - border, sqsize / 2);
+				break;
+			case PE_IndicatorArrowRight:
+				a.setPoints(3, sqsize - border, sqsize / 2, sqsize / 2, border, sqsize / 2, sqsize - border);
+				break;
+			case PE_IndicatorArrowLeft:
+				a.setPoints(3, border, sqsize / 2, sqsize / 2, border, sqsize / 2, sqsize - border);
+				break;
+			default:
+				break;
+			}
+
+			int bsx = 0;
+			int bsy = 0;
+
+			if (opt->state & State_Sunken) {
+				bsx = proxy()->pixelMetric(PM_ButtonShiftHorizontal, opt, widget);
+				bsy = proxy()->pixelMetric(PM_ButtonShiftVertical, opt, widget);
+			}
+
+			QRect bounds = a.boundingRect();
+			int sx       = sqsize / 2 - bounds.center().x() - 1;
+			int sy       = sqsize / 2 - bounds.center().y() - 1;
+			imagePainter.translate(sx + bsx, sy + bsy);
+			imagePainter.setPen(QPen(opt->palette.buttonText().color(), 1.4));
+			imagePainter.setBrush(Qt::NoBrush);
+
+			if (!(opt->state & State_Enabled)) {
+				imagePainter.translate(1, 1);
+				imagePainter.setPen(QPen(opt->palette.light().color(), 1.4));
+				imagePainter.drawPolyline(a);
+				imagePainter.translate(-1, -1);
+				imagePainter.setPen(QPen(opt->palette.mid().color(), 1.4));
+			}
+
+			imagePainter.drawPolyline(a);
+			imagePainter.end();
+			pixmap = QPixmap::fromImage(image);
+			pixmap.setDevicePixelRatio(pixelRatio);
+
+			int xOffset = r.x() + (r.width() - size) / 2;
+			int yOffset = r.y() + (r.height() - size) / 2;
+			p->drawPixmap(xOffset, yOffset, pixmap);
+		} else {
+			QProxyStyle::drawPrimitive(pe, opt, p, widget);
+		}
+	}
+};
+
+//===================================================
+// SARibbonToolButton::PrivateData
+//===================================================
+
+class SARibbonToolButton::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonToolButton)
+public:
+	PrivateData(SARibbonToolButton* p);
+	// 根据鼠标位置更新按钮的信息
+	void updateStatusByMousePosition(const QPoint& pos);
+	// 更新绘图相关的尺寸
+	void updateDrawRect(const QStyleOptionToolButton& opt);
+	// 更新SizeHint
+	void updateSizeHint(const QStyleOptionToolButton& opt);
+	// 计算涉及到的rect尺寸
+	void calcDrawRects(const QStyleOptionToolButton& opt,
+                       QRect& iconRect,
+                       QRect& textRect,
+                       QRect& indicatorArrowRect,
+                       int spacing,
+                       int indicatorLen) const;
+	// 计算小按钮模式下的尺寸
+	void calcSmallButtonDrawRects(const QStyleOptionToolButton& opt,
+                                  QRect& iconRect,
+                                  QRect& textRect,
+                                  QRect& indicatorArrowRect,
+                                  int spacing,
+                                  int indicatorLen) const;
+	// 计算大按钮模式下的尺寸
+	void calcLargeButtonDrawRects(const QStyleOptionToolButton& opt,
+                                  QRect& iconRect,
+                                  QRect& textRect,
+                                  QRect& indicatorArrowRect,
+                                  int spacing,
+                                  int indicatorLen) const;
+	// 根据按钮的尺寸调节iconsize(注意这里的buttonRect是已经减去mSpacing的情况)
+	QSize adjustIconSize(const QRect& buttonRect, const QSize& originIconSize) const;
+	// 判断是否有Indicator
+	bool hasIndicator(const QStyleOptionToolButton& opt) const;
+	// 计算sizehint
+	QSize calcSizeHint(const QStyleOptionToolButton& opt);
+	QSize calcSmallButtonSizeHint(const QStyleOptionToolButton& opt);
+	QSize calcLargeButtonSizeHint(const QStyleOptionToolButton& opt);
+
+	// 计算文本绘制矩形的高度
+	int calcTextDrawRectHeight(const QStyleOptionToolButton& opt) const;
+	// 估算一个最优的文本宽度
+	int estimateLargeButtonTextWidth(int buttonHeight,
+                                     int textDrawRectHeight,
+                                     const QString& text,
+                                     const QFontMetrics& fm,
+                                     float widthHeightRatio = SARIBBONTOOLBUTTON_WORDWRAP_WIDTH_PER_HEIGHT_RATIO,
+                                     int maxTrycount        = 3);
+	QPixmap createIconPixmap(const QStyleOptionToolButton& opt, const QSize& iconsize) const;
+	// 获取文字的对其方式
+	int getTextAlignment() const;
+	// 确认文字是否确切要换行显示
+	bool isTextNeedWrap() const;
+	// 仅仅对\n进行剔除，和QString::simplified不一样
+	static QString simplified(const QString& str);
+
+public:
+	bool mMouseOnSubControl { false };  ///< 这个用于标记MenuButtonPopup模式下，鼠标在文本区域
+	bool mMenuButtonPressed { false };  ///< 由于Indicator改变，因此hitButton不能用QToolButton的hitButton
+	bool mWordWrap { false };           ///< 标记是否文字换行 @default false
+	SARibbonToolButton::RibbonButtonType mButtonType { SARibbonToolButton::LargeButton };
+	int mSpacing { 1 };              ///< 按钮和边框的距离
+	int mIndicatorLen { 8 };         ///< Indicator的长度
+	QRect mDrawIconRect;             ///< 记录icon的绘制位置
+	QRect mDrawTextRect;             ///< 记录text的绘制位置
+	QRect mDrawIndicatorArrowRect;   ///< 记录IndicatorArrow的绘制位置
+	QSize mSizeHint;                 ///< 保存计算好的sizehint
+	bool mIsTextNeedWrap { false };  ///< 标记文字是否需要换行显示
+public:
+	static bool s_enableWordWrap;  ///< 在lite模式下是否允许文字换行，如果允许，则图标相对比较小，默认不允许
+};
+
+// 静态参数初始化
+bool SARibbonToolButton::PrivateData::s_enableWordWrap = false;
+
+SARibbonToolButton::PrivateData::PrivateData(SARibbonToolButton* p) : q_ptr(p)
+{
+	auto proxy = new SARibbonToolButtonProxyStyle();
+	proxy->setParent(p);  // take ownership to avoid memleak
+	p->setStyle(proxy);
+}
+
+/**
+ * @brief 根据鼠标的位置更新状态，主要用于判断鼠标是否位于subcontrol
+ *
+ * 此函数主要应用在action menu模式下
+ * @param pos
+ */
+void SARibbonToolButton::PrivateData::updateStatusByMousePosition(const QPoint& pos)
+{
+	bool isMouseOnSubControl(false);
+	if (SARibbonToolButton::LargeButton == mButtonType) {
+		isMouseOnSubControl = mDrawTextRect.united(mDrawIndicatorArrowRect).contains(pos);
+	} else {
+		// 小按钮模式就和普通toolbutton一样
+		isMouseOnSubControl = mDrawIndicatorArrowRect.contains(pos);
+	}
+
+	if (mMouseOnSubControl != isMouseOnSubControl) {
+		mMouseOnSubControl = isMouseOnSubControl;
+		// 从icon变到text过程中刷新一次
+		q_ptr->update();
+	}
+}
+
+/**
+ * @brief 更新绘图的几个关键尺寸
+ *
+ * 包括：
+ *
+ * - DrawIconRect 绘制图标的矩形区域
+ *
+ * - DrawTextRect 绘制文本的矩形区域
+ *
+ * - DrawIndicatorArrowRect 绘制菜单下箭头的矩形区域
+ *
+ * @param opt
+ */
+void SARibbonToolButton::PrivateData::updateDrawRect(const QStyleOptionToolButton& opt)
+{
+	if (!mSizeHint.isValid()) {
+		updateSizeHint(opt);
+	}
+	// 先更新IndicatorLen
+	mIndicatorLen = q_ptr->style()->pixelMetric(QStyle::PM_MenuButtonIndicator, &opt, q_ptr);
+	if (mIndicatorLen < 3) {
+		if (SARibbonToolButton::LargeButton == mButtonType) {
+			mIndicatorLen = 8;
+		} else {
+			mIndicatorLen = 12;  // 小按钮模式下设置为10
+		}
+	}
+	calcDrawRects(opt, mDrawIconRect, mDrawTextRect, mDrawIndicatorArrowRect, mSpacing, mIndicatorLen);
+}
+
+/**
+ * @brief 更新sizehint
+ * @param opt
+ */
+void SARibbonToolButton::PrivateData::updateSizeHint(const QStyleOptionToolButton& opt)
+{
+	mSizeHint = calcSizeHint(opt);
+}
+
+/**
+ * @brief 计算绘图的几个关键区域
+ * @param opt
+ * @param iconRect  绘制图标的矩形区域
+ * @param textRect 绘制文本的矩形区域
+ * @param indicatorArrowRect 绘制菜单下箭头的矩形区域
+ * @param spacing
+ * @param indicatorLen
+ */
+void SARibbonToolButton::PrivateData::calcDrawRects(const QStyleOptionToolButton& opt,
+                                                    QRect& iconRect,
+                                                    QRect& textRect,
+                                                    QRect& indicatorArrowRect,
+                                                    int spacing,
+                                                    int indicatorLen) const
+{
+	if (SARibbonToolButton::LargeButton == mButtonType) {
+		calcLargeButtonDrawRects(opt, iconRect, textRect, indicatorArrowRect, spacing, indicatorLen);
+
+	} else {
+		calcSmallButtonDrawRects(opt, iconRect, textRect, indicatorArrowRect, spacing, indicatorLen);
+	}
+}
+
+/**
+ * @brief 计算小按钮模式下的绘制尺寸
+ * @param opt
+ * @param iconRect
+ * @param textRect
+ * @param indicatorArrowRect
+ * @param spacing
+ * @param indicatorLen
+ */
+void SARibbonToolButton::PrivateData::calcSmallButtonDrawRects(const QStyleOptionToolButton& opt,
+                                                               QRect& iconRect,
+                                                               QRect& textRect,
+                                                               QRect& indicatorArrowRect,
+                                                               int spacing,
+                                                               int indicatorLen) const
+{
+	switch (opt.toolButtonStyle) {
+	case Qt::ToolButtonIconOnly: {
+		if (hasIndicator(opt)) {
+			// 在仅有图标的小模式显示时，预留一个下拉箭头位置
+            iconRect = opt.rect.adjusted(spacing, spacing, -indicatorLen - spacing, -spacing);
+            indicatorArrowRect =
+                QRect(opt.rect.right() - indicatorLen - spacing, iconRect.y(), indicatorLen, iconRect.height());
+		} else {
+			iconRect           = opt.rect.adjusted(spacing, spacing, -spacing, -spacing);
+			indicatorArrowRect = QRect();
+		}
+		// 文本区域为空
+		textRect = QRect();
+	} break;
+	case Qt::ToolButtonTextOnly: {
+		if (hasIndicator(opt)) {
+			// 在仅有图标的小模式显示时，预留一个下拉箭头位置
+			textRect = opt.rect.adjusted(spacing, spacing, -indicatorLen - spacing, -spacing);
+			indicatorArrowRect = QRect(opt.rect.right() - indicatorLen - spacing, spacing, indicatorLen, textRect.height());
+		} else {
+			textRect           = opt.rect.adjusted(spacing, spacing, -spacing, -spacing);
+			indicatorArrowRect = QRect();
+		}
+		// 绘图区域为空
+		iconRect = QRect();
+	} break;
+	default: {
+		bool hasInd = hasIndicator(opt);
+		// icon Beside和under都是一样的
+		QRect buttonRect = q_ptr->rect();
+		buttonRect.adjust(spacing, spacing, -spacing, -spacing);
+		// 先设置IconRect
+		if (opt.icon.isNull()) {
+			// 没有图标
+			iconRect = QRect();
+		} else {
+			QSize iconSize = adjustIconSize(buttonRect, opt.iconSize);
+            iconRect =
+                QRect(buttonRect.x(), buttonRect.y(), iconSize.width(), qMax(iconSize.height(), buttonRect.height()));
+		}
+		// 后设置TextRect
+		if (opt.text.isEmpty()) {
+			textRect = QRect();
+		} else {
+			// 分有菜单和没菜单两种情况
+			int adjx = iconRect.isValid() ? (iconRect.width() + spacing)
+                                          : 0;  // 在buttonRect上变换，因此如果没有图标是不用偏移spacing
+			if (hasInd) {
+				textRect = buttonRect.adjusted(adjx, 0, -indicatorLen, 0);
+			} else {
+				textRect = buttonRect.adjusted(adjx, 0, 0, 0);  // 在buttonRect上变换，因此如果没有图标是不用偏移spacing
+			}
+		}
+		// 最后设置Indicator
+		if (hasInd) {
+			if (textRect.isValid()) {
+                indicatorArrowRect =
+                    QRect(buttonRect.right() - indicatorLen + 1, textRect.y(), indicatorLen, textRect.height());
+			} else if (iconRect.isValid()) {
+                indicatorArrowRect =
+                    QRect(buttonRect.right() - indicatorLen + 1, iconRect.y(), indicatorLen, iconRect.height());
+			} else {
+				indicatorArrowRect = buttonRect;
+			}
+		} else {
+			indicatorArrowRect = QRect();
+		}
+	}
+	}
+}
+
+/**
+ * @brief 计算大按钮模式下的绘制尺寸（普通）
+ * @param opt
+ * @param iconRect
+ * @param textRect
+ * @param indicatorArrowRect
+ * @param spacing
+ * @param indicatorLen
+ */
+void SARibbonToolButton::PrivateData::calcLargeButtonDrawRects(const QStyleOptionToolButton& opt,
+                                                               QRect& iconRect,
+                                                               QRect& textRect,
+                                                               QRect& indicatorArrowRect,
+                                                               int spacing,
+                                                               int indicatorLen) const
+{
+	//! 3行模式的图标比较大，文字换行情况下，indicator会动态调整
+	// 先获取文字矩形的高度
+	int textHeight  = calcTextDrawRectHeight(opt);
+	bool hIndicator = hasIndicator(opt);
+	if (!hIndicator) {
+		// 没有菜单，把len设置为0
+		indicatorLen       = 0;
+		indicatorArrowRect = QRect();
+	}
+	// 这里要判断文字是否要换行显示，换行显示的文字的indicatorArrowRect所处的位置不一样
+	// 先布置textRect
+	if (isEnableWordWrap()) {
+		// 在换行模式下
+		if (isTextNeedWrap()) {
+			// 如果文字的确换行，indicator放在最右边
+            textRect = QRect(
+                spacing, opt.rect.bottom() - spacing - textHeight, opt.rect.width() - 2 * spacing - indicatorLen, textHeight);
+			if (hIndicator) {
+                indicatorArrowRect =
+                    QRect(textRect.right(), textRect.y() + textRect.height() / 2, indicatorLen, textHeight / 2);
+			}
+		} else {
+			// 如果文字不需要换行，indicator在下板行
+			textRect = QRect(spacing, opt.rect.bottom() - spacing - textHeight, opt.rect.width() - 2 * spacing, textHeight);
+			if (hIndicator) {
+				int dy = textRect.height() / 2;
+				dy += (dy - indicatorLen) / 2;
+				indicatorArrowRect = QRect(textRect.x(), textRect.y() + dy, textRect.width(), indicatorLen);
+			}
+		}
+	} else {
+		// 文字不换行，indicator放在最右边
+		int y = opt.rect.bottom() - spacing - textHeight;
+		if (hIndicator) {
+			// 先布置indicator
+			indicatorArrowRect = QRect(opt.rect.right() - indicatorLen - spacing, y, indicatorLen, textHeight);
+			textRect           = QRect(spacing, y, indicatorArrowRect.x() - spacing, textHeight);
+		} else {
+			textRect = QRect(spacing, y, opt.rect.width() - 2 * spacing, textHeight);
+		}
+	}
+	// 剩下就是icon区域
+	iconRect = QRect(spacing, spacing, opt.rect.width() - 2 * spacing, textRect.top() - 2 * spacing);
+}
+
+/**
+ * @brief 适应iconsize
+ * @param buttonRect
+ * @param originIconSize
+ * @return
+ */
+QSize SARibbonToolButton::PrivateData::adjustIconSize(const QRect& buttonRect, const QSize& originIconSize) const
+{
+	QSize iconSize = originIconSize;
+	if (iconSize.height() > buttonRect.height()) {
+		// 说明图标的icon过大，要匹配到buttonRect
+		iconSize.setHeight(buttonRect.height());
+		// 等比例设置宽度
+		iconSize.setWidth(originIconSize.width() * iconSize.height() / originIconSize.height());
+	}
+	return iconSize;
+}
+
+/**
+ * @brief 判断是否有Indicator
+ * @param opt
+ * @return
+ */
+bool SARibbonToolButton::PrivateData::hasIndicator(const QStyleOptionToolButton& opt) const
+{
+	return ((opt.features & QStyleOptionToolButton::MenuButtonPopup) || (opt.features & QStyleOptionToolButton::HasMenu));
+}
+
+/**
+ * @brief 计算sizehint
+ *
+ * 此函数非常关键，因为所有尺寸计算都是基于原始的rect来的
+ * @param opt
+ * @return
+ */
+QSize SARibbonToolButton::PrivateData::calcSizeHint(const QStyleOptionToolButton& opt)
+{
+	if (SARibbonToolButton::LargeButton == mButtonType) {
+		return calcLargeButtonSizeHint(opt);
+	}
+	return calcSmallButtonSizeHint(opt);
+}
+
+QSize SARibbonToolButton::PrivateData::calcSmallButtonSizeHint(const QStyleOptionToolButton& opt)
+{
+	int w = 0, h = 0;
+
+	switch (opt.toolButtonStyle) {
+	case Qt::ToolButtonIconOnly: {
+		w = opt.iconSize.width() + 2 * mSpacing;
+		h = opt.iconSize.height() + 2 * mSpacing;
+	} break;
+	case Qt::ToolButtonTextOnly: {
+		QSize textSize = opt.fontMetrics.size(Qt::TextShowMnemonic, simplified(opt.text));
+		textSize.setWidth(textSize.width() + SA_FONTMETRICS_WIDTH(opt.fontMetrics, (QLatin1Char(' '))) * 2);
+		textSize.setHeight(calcTextDrawRectHeight(opt));
+		w = textSize.width() + 2 * mSpacing;
+		h = textSize.height() + 2 * mSpacing;
+	} break;
+	default: {
+		// 先加入icon的尺寸
+		w = opt.iconSize.width() + 2 * mSpacing;
+		h = opt.iconSize.height() + 2 * mSpacing;
+		// 再加入文本的长度
+		if (!opt.text.isEmpty()) {
+			QSize textSize = opt.fontMetrics.size(Qt::TextShowMnemonic, simplified(opt.text));
+			textSize.setWidth(textSize.width() + SA_FONTMETRICS_WIDTH(opt.fontMetrics, (QLatin1Char(' '))) * 2);
+			textSize.setHeight(calcTextDrawRectHeight(opt));
+			w += mSpacing;
+			w += textSize.width();
+			h = qMax(h, (textSize.height() + (2 * mSpacing)));
+		} else {
+			// 没有文本的时候也要设置一下高度
+			QSize textSize = opt.fontMetrics.size(Qt::TextShowMnemonic, " ");
+			h              = qMax(h, (textSize.height() + (2 * mSpacing)));
+		}
+	}
+	}
+	if (hasIndicator(opt)) {
+		// 存在indicator的按钮，宽度尺寸要扩展
+		w += mIndicatorLen;
+	}
+	if (w < 16) {
+		w = 16;
+	}
+	//! Qt6.4 取消了QApplication::globalStrut
+	return QSize(w, h).expandedTo(QSize(2, 2));
+}
+
+QSize SARibbonToolButton::PrivateData::calcLargeButtonSizeHint(const QStyleOptionToolButton& opt)
+{
+	int w    = 0;
+	int h    = opt.fontMetrics.lineSpacing() * 4.8;  // 3*1.6
+	int minW = h * 0.75;  // 最小宽度，在pannel里面的按钮，最小宽度要和icon适应
+
+	if (SARibbonPannel* pannel = qobject_cast< SARibbonPannel* >(q_ptr->parent())) {
+		// 对于建立在SARibbonPannel的基础上的大按钮，把高度设置为SARibbonPannel计算的大按钮高度
+		h = pannel->largeButtonHeight();
+	}
+	int textHeight = calcTextDrawRectHeight(opt);
+	// 估算字体的宽度作为宽度
+	w = estimateLargeButtonTextWidth(h, textHeight, opt.text, opt.fontMetrics);
+	w += (2 * mSpacing);
+	// 判断是否需要加上indicator
+	if (isEnableWordWrap() && isTextNeedWrap()) {
+		w += mIndicatorLen;
+	}
+
+#if SA_RIBBON_TOOLBUTTON_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "| | |-SARibbonToolButton::PrivateData::calcLargeButtonSizeHint,text=" << opt.text
+             << "\n| | | |-lineSpacing*4.5=" << opt.fontMetrics.lineSpacing() * 4.5  //
+             << "\n| | | |-textHeight=" << textHeight                                //
+             << "\n| | | |-mDrawIconRect=" << mDrawIconRect                          //
+             << "\n| | | |-minW=" << minW                                            //
+             << "\n| | | |-w=" << w                                                  //
+        ;
+#endif
+	//! Qt6.4 取消了QApplication::globalStrut
+	return QSize(w, h).expandedTo(QSize(minW, textHeight));
+}
+
+/**
+ * @brief 计算文本高度
+ * @param opt
+ * @return
+ */
+int SARibbonToolButton::PrivateData::calcTextDrawRectHeight(const QStyleOptionToolButton& opt) const
+{
+	if (SARibbonToolButton::LargeButton == mButtonType) {
+		if (isEnableWordWrap()) {
+			return opt.fontMetrics.lineSpacing() * SARIBBONTOOLBUTTON_WORDWRAP_TEXT_FACTOR + opt.fontMetrics.leading();
+		} else {
+			return opt.fontMetrics.lineSpacing() * SARIBBONTOOLBUTTON_NOWORDWRAP_TEXT_FACTOR;
+		}
+	}
+	// 小按钮
+	return opt.fontMetrics.lineSpacing() * SARIBBONTOOLBUTTON_SMALLBUTTON_TEXT_FACTOR;
+}
+
+/**
+ * @brief 估算一个最优的文字尺寸，在可以换行的情况下会进行换行，且只会换一行
+ * @param buttonHeight 按钮的高度
+ * @param textDrawRectHeight 文本绘制的高度
+ * @param fm QFontMetrics
+ * @param widthHeightRatio 宽高比，宽度/高度的比值，如果大于这个比值，则会进行尝试换行以获取更低的宽度
+ * @param maxTrycount 尝试次数
+ * @return
+ */
+int SARibbonToolButton::PrivateData::estimateLargeButtonTextWidth(int buttonHeight,
+                                                                  int textDrawRectHeight,
+                                                                  const QString& text,
+                                                                  const QFontMetrics& fm,
+                                                                  float widthHeightRatio,
+                                                                  int maxTrycount)
+{
+	QSize textSize;
+	int space        = SA_FONTMETRICS_WIDTH(fm, (QLatin1Char(' '))) * 2;
+	int hintMaxWidth = buttonHeight * widthHeightRatio;  ///< 建议的宽度
+	if (isEnableWordWrap()) {
+		textSize = fm.size(Qt::TextShowMnemonic, text);
+		textSize.setWidth(textSize.width() + space);
+
+		if (textSize.height() > fm.lineSpacing() * 1.1) {
+			//! 说明文字带有换行符，是用户手动换行，这种情况就直接返回字体尺寸，不进行估算
+			mIsTextNeedWrap = true;  // 文字需要换行显示，标记起来
+			return textSize.width();
+		}
+
+		// 这时候需要估算文本的长度
+		if (textSize.width() <= hintMaxWidth) {
+			// 范围合理，直接返回
+			mIsTextNeedWrap = false;  // 文字不需要换行显示，标记起来
+			return textSize.width();
+		}
+
+		//! 大于宽高比尝试进行文字换行
+		//! 这里先对文本长度逐渐加长估算，一直到和原来长度一致为止
+		int trycount  = 0;
+		int alignment = Qt::TextShowMnemonic | Qt::TextWordWrap;
+		// 对于英文字体，直接宽度减半是无法满足完全显示两行的，需要进行预估
+		QRect textRect(0, 0, textSize.width(), textDrawRectHeight);
+		do {
+			//! 先计算两行文本的紧凑矩形
+			//! 从一半开始逐渐递增
+			//! 第1次为 w/2 + w/2 * (0/3)
+			//! 第2次为 w/2 + w/2 * (1/3)
+			//! 第3次为 w/2 + w/2 * (2/3)
+			textRect.setWidth(textSize.width() / 2 + (textSize.width() / 2) * (float(trycount) / maxTrycount));
+			textRect = fm.boundingRect(textRect, alignment, text);
+			if (textRect.height() <= (fm.lineSpacing() * 2)) {
+				// 保证在两行
+				mIsTextNeedWrap = true;  // 文字需要换行显示，标记起来
+				return textRect.width();
+			}
+			++trycount;
+#if SARIBBONTOOLBUTTON_DEBUG_DRAW
+			if (trycount > 1) {
+				qDebug() << "estimateLargeButtonTextWidth,origin textSize=" << textSize << ",trycount=" << trycount
+                         << ",textRect=" << textRect;
+			}
+#endif
+		} while (trycount < 3);
+		// 到这里说明前面的尝试失败，最终使用原始的长度
+		return textSize.width();
+	}
+
+	//! 说明是不换行
+
+	mIsTextNeedWrap = false;  // 文字不需要换行显示，标记起来
+	// 文字不换行情况下，做simplified处理
+	textSize = fm.size(Qt::TextShowMnemonic, simplified(text));
+	textSize.setWidth(textSize.width() + space);
+	if (textSize.width() < hintMaxWidth) {
+		// 范围合理，直接返回
+		return textSize.width();
+	}
+	if (textSize.width() > q_ptr->maximumWidth()) {
+		// 超出了极限，就返回极限
+		return q_ptr->maximumWidth();
+	}
+	return hintMaxWidth;
+}
+
+QPixmap SARibbonToolButton::PrivateData::createIconPixmap(const QStyleOptionToolButton& opt, const QSize& iconsize) const
+{
+	if (opt.icon.isNull()) {  // 没有有图标
+		return (QPixmap());
+	}
+	QIcon::State state = (opt.state & QStyle::State_On) ? QIcon::On : QIcon::Off;
+	QIcon::Mode mode;
+	if (!(opt.state & QStyle::State_Enabled)) {
+		mode = QIcon::Disabled;
+	} else if ((opt.state & QStyle::State_MouseOver) && (opt.state & QStyle::State_AutoRaise)) {
+		mode = QIcon::Active;
+	} else {
+		mode = QIcon::Normal;
+	}
+	// 添加高分屏支持
+	QSize pxiampSize = iconsize - QSize(2, 2);
+	return opt.icon.pixmap(pxiampSize, mode, state);
+}
+
+int SARibbonToolButton::PrivateData::getTextAlignment() const
+{
+	int alignment = Qt::TextShowMnemonic;
+	if (SARibbonToolButton::LargeButton == mButtonType) {
+		if (isEnableWordWrap()) {
+			alignment |= Qt::TextWordWrap | Qt::AlignTop | Qt::AlignHCenter;  // 换行的情况下，顶部对齐
+		} else {
+			alignment |= Qt::AlignCenter;
+		}
+	} else {
+		alignment |= Qt::AlignCenter;
+	}
+	return alignment;
+}
+
+/**
+ * @brief 确认文字是否确切要换行显示
+ * @return
+ */
+bool SARibbonToolButton::PrivateData::isTextNeedWrap() const
+{
+	return mIsTextNeedWrap;
+}
+
+/**
+ * @brief 仅仅对\n进行剔除
+ * @param str
+ * @return
+ */
+QString SARibbonToolButton::PrivateData::simplified(const QString& str)
+{
+	QString res = str;
+	res.remove('\n');
+	return res;
+}
+//===================================================
+// SARibbonToolButton
+//===================================================
+
+SARibbonToolButton::SARibbonToolButton(QWidget* parent)
+    : QToolButton(parent), d_ptr(new SARibbonToolButton::PrivateData(this))
+{
+	setAutoRaise(true);
+	setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
+	setButtonType(SmallButton);
+	setMouseTracking(true);
+}
+
+SARibbonToolButton::SARibbonToolButton(QAction* defaultAction, QWidget* parent)
+    : QToolButton(parent), d_ptr(new SARibbonToolButton::PrivateData(this))
+{
+	setAutoRaise(true);
+	setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
+	setDefaultAction(defaultAction);
+	setButtonType(SmallButton);
+	setMouseTracking(true);
+}
+
+SARibbonToolButton::~SARibbonToolButton()
+{
+}
+
+/**
+ * @brief 鼠标移动事件
+ *
+ * 由于Ribbon的Indicator和正常的Toolbutton不一样，因此无法用QStyleOptionToolButton的activeSubControls的状态
+ *
+ * 因此需要重新捕获鼠标的位置来更新按钮当前的一些状态
+ * @param e
+ */
+void SARibbonToolButton::mouseMoveEvent(QMouseEvent* e)
+{
+	d_ptr->updateStatusByMousePosition(e->pos());
+	QToolButton::mouseMoveEvent(e);
+}
+
+/**
+ * @brief SARibbonToolButton::mousePressEvent
+ * @param e
+ */
+void SARibbonToolButton::mousePressEvent(QMouseEvent* e)
+{
+	if ((e->button() == Qt::LeftButton) && (popupMode() == MenuButtonPopup)) {
+		d_ptr->updateStatusByMousePosition(e->pos());
+		if (d_ptr->mMouseOnSubControl) {
+			d_ptr->mMenuButtonPressed = true;
+			showMenu();
+			// showmenu结束后，在判断当前的鼠标位置是否是在subcontrol
+			d_ptr->updateStatusByMousePosition(mapFromGlobal(QCursor::pos()));
+			return;
+		}
+	}
+	d_ptr->mMenuButtonPressed = false;
+	//! 注意这里要用QAbstractButton的mousePressEvent，而不是QToolButton的mousePressEvent
+	//! QToolButton的mousePressEvent主要是为了弹出菜单，这里弹出菜单的方式是不一样的，因此不能执行QToolButton的mousePressEvent
+	QAbstractButton::mousePressEvent(e);
+}
+
+void SARibbonToolButton::mouseReleaseEvent(QMouseEvent* e)
+{
+	d_ptr->mMenuButtonPressed = false;
+	QToolButton::mouseReleaseEvent(e);
+}
+
+void SARibbonToolButton::focusOutEvent(QFocusEvent* e)
+{
+	d_ptr->mMouseOnSubControl = false;
+	QToolButton::focusOutEvent(e);
+}
+
+void SARibbonToolButton::leaveEvent(QEvent* e)
+{
+	d_ptr->mMouseOnSubControl = false;
+	QToolButton::leaveEvent(e);
+}
+
+bool SARibbonToolButton::hitButton(const QPoint& pos) const
+{
+	if (QToolButton::hitButton(pos)) {
+		return (!d_ptr->mMenuButtonPressed);
+	}
+	return (false);
+}
+
+/**
+ * @brief 在resizeevent计算绘图所需的尺寸，避免在绘图过程中实时绘制提高效率
+ * @param e
+ */
+void SARibbonToolButton::resizeEvent(QResizeEvent* e)
+{
+	// 在resizeevent计算绘图所需的尺寸，避免在绘图过程中实时绘制提高效率
+	QToolButton::resizeEvent(e);
+	updateRect();
+}
+
+/**
+ * @brief toolbutton的尺寸确定是先定下字体的尺寸，再定下icon的尺寸，自底向上，保证字体能显示两行
+ * @note m_sizeHint的刷新需要注意
+ * @return
+ */
+QSize SARibbonToolButton::sizeHint() const
+{
+	//    if (!d_ptr->mSizeHint.isValid()) {  // 22是给与sizehint的最小值，如果小于这个值，重新计算一下
+	//        QStyleOptionToolButton opt;
+	//        initStyleOption(&opt);
+	//        d_ptr->updateSizeHint(opt);
+	//    }
+#if SA_RIBBON_TOOLBUTTON_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "| | |-SARibbonToolButton::sizeHint";
+#endif
+	QStyleOptionToolButton opt;
+	initStyleOption(&opt);
+	d_ptr->updateSizeHint(opt);
+	return d_ptr->mSizeHint;
+}
+
+void SARibbonToolButton::paintEvent(QPaintEvent* e)
+{
+	Q_UNUSED(e);
+	QPainter p(this);
+	QStyleOptionToolButton opt;
+	initStyleOption(&opt);
+	if (opt.features & QStyleOptionToolButton::MenuButtonPopup || opt.features & QStyleOptionToolButton::HasMenu) {
+		// 在菜单弹出消失后，需要通过此方法取消掉鼠标停留
+		if (!rect().contains(mapFromGlobal(QCursor::pos()))) {
+			opt.state &= ~QStyle::State_MouseOver;
+		}
+	}
+	paintButton(p, opt);
+	paintIcon(p, opt, d_ptr->mDrawIconRect);
+	paintText(p, opt, d_ptr->mDrawTextRect);
+	paintIndicator(p, opt, d_ptr->mDrawIndicatorArrowRect);
+}
+
+/**
+ * @brief 绘制按钮
+ * @param p
+ * @param opt
+ */
+void SARibbonToolButton::paintButton(QPainter& p, const QStyleOptionToolButton& opt)
+{
+	// QStyle::State_Sunken 代表按钮按下去了
+	// QStyle::State_On 代表按钮按checked
+	// QStyle::State_MouseOver 代表当前鼠标位于按钮上面
+	QStyleOption tool = opt;
+	bool autoRaise    = opt.state & QStyle::State_AutoRaise;
+	// 绘制按钮
+	if (autoRaise) {
+		// 这个是为了实现按钮点击下去后(QStyle::State_Sunken),能出现选中的状态
+		// 先绘制一个鼠标不在按钮上的状态
+		if (opt.state & QStyle::State_Sunken) {
+			tool.state &= ~QStyle::State_MouseOver;
+		}
+		style()->drawPrimitive(QStyle::PE_PanelButtonTool, &tool, &p, this);
+	} else {
+		style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &tool, &p, this);
+	}
+	// 针对MenuButtonPopup的ribbon样式的特殊绘制
+	if ((opt.subControls & QStyle::SC_ToolButton) && (opt.features & QStyleOptionToolButton::MenuButtonPopup)) {
+		if (opt.state & QStyle::State_MouseOver) {                       // 鼠标在按钮上才进行绘制
+			if (!(opt.activeSubControls & QStyle::SC_ToolButtonMenu)) {  // 按钮的菜单弹出时不做处理
+				if (LargeButton == d_ptr->mButtonType) {                 // 大按钮模式
+					if (d_ptr->mMouseOnSubControl) {                     // 此时鼠标在indecater那
+						// 鼠标在文字区，把图标显示为正常（就是鼠标不放上去的状态）
+						tool.rect = d_ptr->mDrawIconRect;
+						tool.state |= (QStyle::State_Raised);  // 把图标区域显示为正常
+						tool.state &= ~QStyle::State_MouseOver;
+						if (autoRaise) {
+							style()->drawPrimitive(QStyle::PE_PanelButtonTool, &tool, &p, this);
+						} else {
+							style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &tool, &p, this);
+						}
+					} else {
+						// 鼠标在图标区，把文字显示为正常
+						if (!tool.state.testFlag(QStyle::State_Sunken)) {
+							// State_Sunken说明此按钮正在按下，这时候，文本区域不需要绘制，只有在非按下状态才需要绘制
+							tool.state |= (QStyle::State_Raised);  // 把图标区域显示为正常
+							tool.state &= ~QStyle::State_MouseOver;
+							// 文字和Indicator都显示正常
+							tool.rect = d_ptr->mDrawTextRect.united(d_ptr->mDrawIndicatorArrowRect);
+							if (autoRaise) {
+								style()->drawPrimitive(QStyle::PE_PanelButtonTool, &tool, &p, this);
+							} else {
+								style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &tool, &p, this);
+							}
+						}
+					}
+				} else {                              // 小按钮模式
+					if (d_ptr->mMouseOnSubControl) {  // 此时鼠标在indecater那
+						// 鼠标在文字区，把图标和文字显示为正常
+						tool.rect  = d_ptr->mDrawIconRect.united(d_ptr->mDrawTextRect);
+						tool.state = (QStyle::State_Raised);  // 把图标区域显示为正常
+						if (autoRaise) {
+							style()->drawPrimitive(QStyle::PE_PanelButtonTool, &tool, &p, this);
+						} else {
+							style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &tool, &p, this);
+						}
+					} else {
+						// 鼠标在图标区，把文字显示为正常
+						tool.state = (QStyle::State_Raised);  // 把图标区域显示为正常
+						// 文字和Indicator都显示正常
+						tool.rect = d_ptr->mDrawIndicatorArrowRect;
+						if (autoRaise) {
+							style()->drawPrimitive(QStyle::PE_PanelButtonTool, &tool, &p, this);
+						} else {
+							style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &tool, &p, this);
+						}
+					}
+				}
+			}
+		}
+	}
+	// 绘制Focus
+	//     if (opt.state & QStyle::State_HasFocus) {
+	//         QStyleOptionFocusRect fr;
+	//         fr.QStyleOption::operator=(opt);
+	//         fr.rect.adjust(d_ptr->mSpacing, d_ptr->mSpacing, -d_ptr->mSpacing, -d_ptr->mSpacing);
+	//         style()->drawPrimitive(QStyle::PE_FrameFocusRect, &fr, &p, this);
+	//     }
+}
+
+/**
+ * @brief 绘制图标
+ * @param p
+ * @param opt
+ */
+void SARibbonToolButton::paintIcon(QPainter& p, const QStyleOptionToolButton& opt, const QRect& iconDrawRect)
+{
+	if (!iconDrawRect.isValid()) {
+		return;
+	}
+
+	QPixmap pm = d_ptr->createIconPixmap(opt, iconDrawRect.size());
+	style()->drawItemPixmap(&p, iconDrawRect, Qt::AlignCenter, pm);
+	SARIBBONTOOLBUTTON_DEBUG_DRAW_RECT(p, iconDrawRect);
+}
+
+/**
+ * @brief 绘制文本
+ * @param p
+ * @param opt
+ */
+void SARibbonToolButton::paintText(QPainter& p, const QStyleOptionToolButton& opt, const QRect& textDrawRect)
+{
+	int alignment = d_ptr->getTextAlignment();
+
+	if (!style()->styleHint(QStyle::SH_UnderlineShortcut, &opt, this)) {
+		alignment |= Qt::TextHideMnemonic;
+	}
+	QString text;
+	if (isSmallRibbonButton()) {
+		text = opt.fontMetrics.elidedText(PrivateData::simplified(opt.text), Qt::ElideRight, textDrawRect.width(), alignment);
+	} else {
+		if (!isEnableWordWrap()) {
+            text = opt.fontMetrics.elidedText(
+                PrivateData::simplified(opt.text), Qt::ElideRight, textDrawRect.width(), alignment);
+		} else {
+			text = opt.text;
+		}
+	}
+	//! 以下内容参考QCommonStyle.cpp
+	//! void QCommonStyle::drawComplexControl(ComplexControl cc, const QStyleOptionComplex *opt,QPainter *p, const QWidget *widget) const
+	//! case CC_ToolButton:
+	QStyle::State bflags = opt.state & ~QStyle::State_Sunken;
+	if (bflags & QStyle::State_AutoRaise) {
+		if (!(bflags & QStyle::State_MouseOver) || !(bflags & QStyle::State_Enabled)) {
+			bflags &= ~QStyle::State_Raised;
+		}
+	}
+	if (opt.state & QStyle::State_Sunken) {
+		if (opt.activeSubControls & QStyle::SC_ToolButton) {
+			bflags |= QStyle::State_Sunken;
+		}
+	}
+	QStyleOptionToolButton label = opt;
+	label.state                  = bflags;
+    style()->drawItemText(
+        &p, textDrawRect, alignment, label.palette, label.state & QStyle::State_Enabled, text, QPalette::ButtonText);
+	SARIBBONTOOLBUTTON_DEBUG_DRAW_RECT(p, textDrawRect);
+}
+
+/**
+ * @brief 绘制Indicator
+ * @param p
+ * @param opt
+ */
+void SARibbonToolButton::paintIndicator(QPainter& p, const QStyleOptionToolButton& opt, const QRect& indicatorDrawRect)
+{
+	if (!indicatorDrawRect.isValid() || !d_ptr->hasIndicator(opt)) {
+		return;
+	}
+
+	QStyleOption tool = opt;
+	tool.rect         = indicatorDrawRect;
+	style()->drawPrimitive(QStyle::PE_IndicatorArrowDown, &tool, &p, this);
+	SARIBBONTOOLBUTTON_DEBUG_DRAW_RECT(p, indicatorDrawRect);
+}
+
+void SARibbonToolButton::drawArrow(const QStyle* style,
+                                   const QStyleOptionToolButton* toolbutton,
+                                   const QRect& rect,
+                                   QPainter* painter,
+                                   const QWidget* widget)
+{
+	QStyle::PrimitiveElement pe;
+
+	switch (toolbutton->arrowType) {
+	case Qt::LeftArrow:
+		pe = QStyle::PE_IndicatorArrowLeft;
+		break;
+
+	case Qt::RightArrow:
+		pe = QStyle::PE_IndicatorArrowRight;
+		break;
+
+	case Qt::UpArrow:
+		pe = QStyle::PE_IndicatorArrowUp;
+		break;
+
+	case Qt::DownArrow:
+		pe = QStyle::PE_IndicatorArrowDown;
+		break;
+
+	default:
+		return;
+	}
+	QStyleOption arrowOpt = *toolbutton;
+
+	arrowOpt.rect = rect;
+	style->drawPrimitive(pe, &arrowOpt, painter, widget);
+}
+
+void SARibbonToolButton::actionEvent(QActionEvent* e)
+{
+	QToolButton::actionEvent(e);
+	updateRect();
+}
+
+/**
+ * @brief 按钮样式
+ * @sa setButtonType
+ * @return
+ */
+SARibbonToolButton::RibbonButtonType SARibbonToolButton::buttonType() const
+{
+	return (d_ptr->mButtonType);
+}
+
+/**
+ * @brief 设置按钮样式
+ * @note 设置按钮样式过程会调用setToolButtonStyle，如果要改变toolButtonStyle,如设置为Qt::ToolButtonIconOnly,需要在此函数之后设置
+ * @param buttonType
+ */
+void SARibbonToolButton::setButtonType(const RibbonButtonType& buttonType)
+{
+	d_ptr->mButtonType = buttonType;
+	// 计算iconrect
+	// 根据字体计算文字的高度
+
+	if (LargeButton == buttonType) {
+		setSizePolicy(QSizePolicy::Maximum, QSizePolicy::Expanding);
+	} else {
+		setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Maximum);
+	}
+
+	updateRect();
+}
+
+/**
+ * @brief 是否是小按钮
+ * @return
+ */
+bool SARibbonToolButton::isSmallRibbonButton() const
+{
+	return (d_ptr->mButtonType == SmallButton);
+}
+
+/**
+ * @brief 是否是大按钮
+ * @return
+ */
+bool SARibbonToolButton::isLargeRibbonButton() const
+{
+	return (d_ptr->mButtonType == LargeButton);
+}
+
+QSize SARibbonToolButton::minimumSizeHint() const
+{
+	return (sizeHint());
+}
+
+/**
+ * @brief 间距是几个重要矩形的间隔
+ * @return
+ */
+int SARibbonToolButton::spacing() const
+{
+	return d_ptr->mSpacing;
+}
+
+void SARibbonToolButton::updateRect()
+{
+	QStyleOptionToolButton opt;
+	initStyleOption(&opt);
+	d_ptr->updateDrawRect(opt);
+}
+
+/**
+ * @brief 设置在lite模式下是否允许文字换行，如果允许，则图标相对比较小，默认不允许
+ * @param on
+ */
+void SARibbonToolButton::setEnableWordWrap(bool on)
+{
+	SARibbonToolButton::PrivateData::s_enableWordWrap = on;
+}
+
+/**
+ * @brief 在lite模式下是否允许文字换行
+ * @return
+ */
+bool SARibbonToolButton::isEnableWordWrap()
+{
+	return SARibbonToolButton::PrivateData::s_enableWordWrap;
+}
+
+bool SARibbonToolButton::event(QEvent* e)
+{
+	switch (e->type()) {
+	case QEvent::WindowDeactivate:
+		d_ptr->mMouseOnSubControl = false;
+		break;
+	case QEvent::ActionChanged:
+	case QEvent::ActionRemoved:
+	case QEvent::ActionAdded: {
+		d_ptr->mMouseOnSubControl = false;
+		updateRect();
+	} break;
+	default:
+		break;
+	}
+
+	return (QToolButton::event(e));
+}
+
+void SARibbonToolButton::changeEvent(QEvent* e)
+{
+	if (e) {
+		if (e->type() == QEvent::FontChange) {
+			// 说明字体改变，需要重新计算和字体相关的信息
+			updateRect();
+		}
+	}
+	QToolButton::changeEvent(e);
+}
+
+/*** End of inlined file: SARibbonToolButton.cpp ***/
+
+/*** Start of inlined file: SARibbonColorToolButton.cpp ***/
+#include <QStylePainter>
+#include <QStyleOptionToolButton>
+#include <QDebug>
+
+//===================================================
+// SARibbonColorToolButton::PrivateData
+//===================================================
+const int c_ribbonbutton_color_height = 5;  ///< 颜色块的高度
+
+class SARibbonColorToolButton::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonColorToolButton)
+public:
+	PrivateData(SARibbonColorToolButton* p);
+	QPixmap createIconPixmap(const QStyleOptionToolButton& opt, const QSize& iconsize) const;
+	QIcon createColorIcon(const QColor& c, const QSize& size) const;
+
+public:
+	QColor mColor;                                                                                ///< 记录颜色
+	SARibbonColorToolButton::ColorStyle mColorStyle { SARibbonColorToolButton::ColorUnderIcon };  ///< 颜色显示样式
+	QIcon mOldIcon;                                                                               ///< 记录旧的icon
+};
+
+SARibbonColorToolButton::PrivateData::PrivateData(SARibbonColorToolButton* p) : q_ptr(p)
+{
+}
+
+QPixmap SARibbonColorToolButton::PrivateData::createIconPixmap(const QStyleOptionToolButton& opt, const QSize& iconsize) const
+{
+	if (opt.icon.isNull()) {  // 没有有图标
+		return QPixmap();
+	}
+	// 有icon，在icon下方加入颜色
+	QIcon::State state = (opt.state & QStyle::State_On) ? QIcon::On : QIcon::Off;
+	QIcon::Mode mode;
+	if (!(opt.state & QStyle::State_Enabled)) {
+		mode = QIcon::Disabled;
+	} else if ((opt.state & QStyle::State_MouseOver) && (opt.state & QStyle::State_AutoRaise)) {
+		mode = QIcon::Active;
+	} else {
+		mode = QIcon::Normal;
+	}
+	QSize realIconSize = iconsize - QSize(0, c_ribbonbutton_color_height + 1);
+	QPixmap pixmap     = opt.icon.pixmap(q_ptr->window()->windowHandle(), realIconSize, mode, state);
+	QPixmap res(pixmap.size() + QSize(4, c_ribbonbutton_color_height + 4));  // 宽度上，颜色块多出2px
+	res.fill(Qt::transparent);
+	QPainter painter(&res);
+	int xpixmap = (res.width() - pixmap.width()) / 2;
+    int ypixmap = (res.height() - c_ribbonbutton_color_height - 2 - pixmap.height())
+                  / 2;  // 这里要减去2而不是1，这样奇数偶数都不会影响
+	int w         = pixmap.width();
+	int h         = pixmap.height();
+	QRect rpixmap = QRect(xpixmap, ypixmap, w, h);
+	painter.drawPixmap(rpixmap, pixmap);
+	QRect colorRect = rpixmap.adjusted(0, h + 1, 0, c_ribbonbutton_color_height + 1);
+	if (mColor.isValid()) {
+		painter.fillRect(colorRect, mColor);
+	} else {
+		QPen pen(Qt::red, 1, Qt::SolidLine, Qt::RoundCap);
+		painter.setPen(pen);
+		painter.setRenderHint(QPainter::SmoothPixmapTransform, true);
+		painter.setRenderHint(QPainter::Antialiasing, true);
+		int ss = colorRect.width() / 3;
+		painter.drawLine(QPoint(colorRect.x() + ss, colorRect.bottom()), QPoint(colorRect.right() - ss, colorRect.top()));
+		pen.setColor(Qt::black);
+		painter.setPen(pen);
+		painter.drawRect(colorRect);
+	}
+	return res;
+}
+
+QIcon SARibbonColorToolButton::PrivateData::createColorIcon(const QColor& c, const QSize& size) const
+{
+	QPixmap res(size);
+	res.fill(Qt::transparent);
+	QPainter painter(&res);
+	if (c.isValid()) {
+		painter.fillRect(QRect(1, 1, res.height() - 2, res.width() - 2), c);
+	} else {
+		QPen pen(Qt::black, 1, Qt::SolidLine, Qt::RoundCap);
+		painter.setPen(pen);
+		painter.drawRect(QRect(1, 1, res.height() - 2, res.width() - 2));
+		pen.setColor(Qt::red);
+		painter.setPen(pen);
+		painter.setRenderHint(QPainter::SmoothPixmapTransform, true);
+		painter.setRenderHint(QPainter::Antialiasing, true);
+		painter.drawLine(QPoint(1, size.height()), QPoint(size.width() - 1, 1));
+	}
+	return QIcon(res);
+}
+
+//===================================================
+// SARibbonColorToolButton
+//===================================================
+
+SARibbonColorToolButton::SARibbonColorToolButton(QWidget* parent)
+    : SARibbonToolButton(parent), d_ptr(new SARibbonColorToolButton::PrivateData(this))
+{
+	connect(this, &QAbstractButton::clicked, this, &SARibbonColorToolButton::onButtonClicked);
+}
+
+SARibbonColorToolButton::SARibbonColorToolButton(QAction* defaultAction, QWidget* parent)
+    : SARibbonToolButton(defaultAction, parent), d_ptr(new SARibbonColorToolButton::PrivateData(this))
+{
+	connect(this, &QAbstractButton::clicked, this, &SARibbonColorToolButton::onButtonClicked);
+}
+
+SARibbonColorToolButton::~SARibbonColorToolButton()
+{
+}
+
+/**
+ * @brief 获取按钮维护的颜色
+ * @return
+ */
+QColor SARibbonColorToolButton::color() const
+{
+	return d_ptr->mColor;
+}
+
+/**
+ * @brief 设置颜色显示的样式
+ * @param s
+ */
+void SARibbonColorToolButton::setColorStyle(SARibbonColorToolButton::ColorStyle s)
+{
+	if (d_ptr->mColorStyle == s) {
+		return;
+	}
+	d_ptr->mColorStyle = s;
+	if (ColorUnderIcon == s) {
+		setIcon(d_ptr->mOldIcon);
+	} else {
+		d_ptr->mOldIcon = icon();
+		setIcon(d_ptr->createColorIcon(d_ptr->mColor, QSize(32, 32)));
+	}
+	repaint();
+}
+
+/**
+ * @brief 颜色显示的样式
+ * @return
+ */
+SARibbonColorToolButton::ColorStyle SARibbonColorToolButton::colorStyle() const
+{
+	return d_ptr->mColorStyle;
+}
+
+/**
+ * @brief 建立标准的颜色菜单
+ * @return
+ */
+SAColorMenu* SARibbonColorToolButton::setupStandardColorMenu()
+{
+	setPopupMode(QToolButton::MenuButtonPopup);
+	SAColorMenu* m = new SAColorMenu(this);
+	m->enableNoneColorAction(true);
+	QAction* customColor = m->customColorAction();
+	if (customColor) {
+		customColor->setIcon(QIcon(":/image/resource/define-color.svg"));
+	}
+	connect(m, &SAColorMenu::selectedColor, this, &SARibbonColorToolButton::setColor);
+	setMenu(m);
+
+	updateRect();
+	return m;
+}
+
+/**
+ * @brief 设置按钮的颜色
+ *
+ * 此时会生成一个新的icon
+ * @note 会发射@sa colorChanged 信号
+ * @param c
+ */
+void SARibbonColorToolButton::setColor(const QColor& c)
+{
+	if (d_ptr->mColor != c) {
+		d_ptr->mColor = c;
+		if (ColorFillToIcon == colorStyle()) {
+			setIcon(d_ptr->createColorIcon(c, QSize(32, 32)));
+		}
+		repaint();
+		Q_EMIT colorChanged(c);
+	}
+}
+
+void SARibbonColorToolButton::onButtonClicked(bool checked)
+{
+	Q_EMIT colorClicked(d_ptr->mColor, checked);
+}
+
+/**
+ * @brief 重写paintIcon函数，把颜色加到icon下面
+ * @param p
+ * @param opt
+ * @param iconDrawRect
+ */
+void SARibbonColorToolButton::paintIcon(QPainter& p, const QStyleOptionToolButton& opt, const QRect& iconDrawRect)
+{
+	if (ColorUnderIcon == colorStyle()) {
+		// 有icon
+		QPixmap pm = d_ptr->createIconPixmap(opt, iconDrawRect.size());
+		style()->drawItemPixmap(&p, iconDrawRect, Qt::AlignCenter, pm);
+	} else {
+		SARibbonToolButton::paintIcon(p, opt, iconDrawRect);
+	}
+}
+
+/*** End of inlined file: SARibbonColorToolButton.cpp ***/
+
+/*** Start of inlined file: SARibbonLineWidgetContainer.cpp ***/
+#include <QHBoxLayout>
+
+SARibbonLineWidgetContainer::SARibbonLineWidgetContainer(QWidget* par) : QWidget(par), m_innerWidget(nullptr)
+{
+    m_labelPrefix    = new QLabel(this);
+    m_labelSuffix    = new QLabel(this);
+    QHBoxLayout* lay = new QHBoxLayout();
+
+	lay->setContentsMargins(0, 0, 0, 0);
+	lay->setSpacing(0);
+	lay->addWidget(m_labelPrefix);
+	lay->addWidget(m_labelSuffix);
+	setLayout(lay);
+}
+
+SARibbonLineWidgetContainer::~SARibbonLineWidgetContainer()
+{
+}
+
+void SARibbonLineWidgetContainer::setWidget(QWidget* innerWidget)
+{
+    QHBoxLayout* lay = static_cast< QHBoxLayout* >(layout());
+
+	if (m_innerWidget) {
+		lay->replaceWidget(m_innerWidget, innerWidget);
+    } else {
+		lay->insertWidget(1, innerWidget);
+	}
+	m_innerWidget = innerWidget;
+}
+
+void SARibbonLineWidgetContainer::setPrefix(const QString& str)
+{
+	m_labelPrefix->setText(str);
+}
+
+void SARibbonLineWidgetContainer::setSuffix(const QString& str)
+{
+	m_labelSuffix->setText(str);
+}
+
+QLabel* SARibbonLineWidgetContainer::labelPrefix() const
+{
+	return (m_labelPrefix);
+}
+
+QLabel* SARibbonLineWidgetContainer::labelSuffix() const
+{
+	return (m_labelSuffix);
+}
+
+/*** End of inlined file: SARibbonLineWidgetContainer.cpp ***/
+
+/*** Start of inlined file: SARibbonActionsManager.cpp ***/
+#include <QMap>
+#include <QHash>
+#include <QDebug>
+#include <QWidgetAction>
+
+class SARibbonActionsManager::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonActionsManager)
+public:
+	PrivateData(SARibbonActionsManager* p);
+	void clear();
+
+	QMap< int, QList< QAction* > > mTagToActions;   ///< tag : QList<QAction*>
+	QMap< int, QString > mTagToName;                ///< tag对应的名字
+	QHash< QString, QAction* > mKeyToAction;        ///< key对应action
+	QMap< QAction*, QString > mActionToKey;         ///< action对应key
+	QMap< int, SARibbonCategory* > mTagToCategory;  ///< 仅仅在autoRegisteActions函数会有用
+	int mSale;  ///< 盐用于生成固定的id，在用户不主动设置key时，id基于msale生成，只要SARibbonActionsManager的调用registeAction顺序不变，生成的id都不变，因为它是基于自增实现的
+};
+
+SARibbonActionsManager::PrivateData::PrivateData(SARibbonActionsManager* p) : q_ptr(p), mSale(0)
+{
+}
+
+void SARibbonActionsManager::PrivateData::clear()
+{
+	mTagToActions.clear();
+	mTagToName.clear();
+	mKeyToAction.clear();
+	mActionToKey.clear();
+	mTagToCategory.clear();
+	mSale = 0;
+}
+
+SARibbonActionsManager::SARibbonActionsManager(SARibbonBar* bar)
+    : QObject(bar), d_ptr(new SARibbonActionsManager::PrivateData(this))
+{
+	autoRegisteActions(bar);
+}
+
+SARibbonActionsManager::~SARibbonActionsManager()
+{
+}
+
+/**
+ * @brief 设置tag对应的名字，通过这个可以得到tag和文本的映射
+ * @param tag
+ * @param name
+ * @note 在支持多语言的环境下，在语言切换时需要重新设置，以更新名字
+ */
+void SARibbonActionsManager::setTagName(int tag, const QString& name)
+{
+	d_ptr->mTagToName[ tag ] = name;
+}
+
+/**
+ * @brief 获取tag对应的中文名字
+ * @param tag
+ * @return
+ */
+QString SARibbonActionsManager::tagName(int tag) const
+{
+	return (d_ptr->mTagToName.value(tag, ""));
+}
+
+/**
+ * @brief 移除tag
+ * @note 注意，这个函数非常耗时
+ * @param tag
+ */
+void SARibbonActionsManager::removeTag(int tag)
+{
+	QList< QAction* > oldacts = actions(tag);
+
+	// 开始移除
+	d_ptr->mTagToActions.remove(tag);
+	d_ptr->mTagToName.remove(tag);
+	// 开始查找需要移出总表的action
+	QList< QAction* > needRemoveAct;
+	QList< QAction* > total;
+
+	for (auto i = d_ptr->mTagToActions.begin(); i != d_ptr->mTagToActions.end(); ++i) {
+		total += i.value();
+	}
+	for (QAction* a : qAsConst(oldacts)) {
+		if (!total.contains(a)) {
+			needRemoveAct.append(a);
+		}
+	}
+	// 从总表移除action
+	for (QAction* a : qAsConst(needRemoveAct)) {
+		auto i = d_ptr->mActionToKey.find(a);
+		if (i != d_ptr->mActionToKey.end()) {
+			d_ptr->mKeyToAction.remove(i.value());
+			d_ptr->mActionToKey.erase(i);
+		}
+	}
+}
+
+/**
+ * @brief 把action注册到管理器中，实现action的管理
+ * @param act
+ * @param tag tag是可以按照位进行叠加，见 @ref ActionTag 如果
+ * 要定义自己的标签，建议定义大于@ref ActionTag::UserDefineActionTag 的值，
+ * registeAction的tag是直接记录进去的，如果要多个标签并存，在registe之前先或好tag
+ * @param key key是action对应的key，一个key只对应一个action，是查找action的关键
+ * ,默认情况为一个QString(),这时key是QAction的objectName
+ * @param enableEmit 控制是否发射@ref actionTagChanged 信号
+ * @note 同一个action多次注册不同的tag可以通过tag索引到action，但通过action只能索引到最后一个注册的tag
+ * @note tag的新增会触发actionTagChanged信号
+ */
+bool SARibbonActionsManager::registeAction(QAction* act, int tag, const QString& key, bool enableEmit)
+{
+	if (nullptr == act) {
+		return (false);
+	}
+	QString k = key;
+
+	if (k.isEmpty()) {
+		k = QString("id_%1_%2").arg(d_ptr->mSale++).arg(act->objectName());
+	}
+	if (d_ptr->mKeyToAction.contains(k)) {
+		qWarning() << "key: "
+                   << k << " have been exist,you can set key in an unique value when use SARibbonActionsManager::registeAction";
+		return (false);
+	}
+	d_ptr->mKeyToAction[ k ]   = act;
+	d_ptr->mActionToKey[ act ] = k;
+	// 记录tag 对 action
+	bool isneedemit = !(d_ptr->mTagToActions.contains(tag));  // 记录是否需要发射信号
+	d_ptr->mTagToActions[ tag ].append(act);
+	// 绑定槽
+	connect(act, &QObject::destroyed, this, &SARibbonActionsManager::onActionDestroyed);
+	if (isneedemit && enableEmit) {
+		// 说明新增tag
+		Q_EMIT actionTagChanged(tag, false);
+	}
+	return (true);
+}
+
+/**
+ * @brief 取消action的注册
+ *
+ * 如果tag对应的最后一个action被撤销，tag也将一块删除
+ * @param act
+ * @note tag的删除会触发actionTagChanged信号
+ * @note 如果action关联了多个tag，这些tag里的action都会被删除，对应的key也同理
+ */
+void SARibbonActionsManager::unregisteAction(QAction* act, bool enableEmit)
+{
+	if (nullptr == act) {
+		return;
+	}
+	// 绑定槽
+	disconnect(act, &QObject::destroyed, this, &SARibbonActionsManager::onActionDestroyed);
+	removeAction(act, enableEmit);
+}
+
+/**
+ * @brief 移除action
+ *
+ * 仅移除内存内容
+ * @param act
+ * @param enableEmit
+ */
+void SARibbonActionsManager::removeAction(QAction* act, bool enableEmit)
+{
+	QList< int > deletedTags;                     // 记录删除的tag，用于触发actionTagChanged
+	QMap< int, QList< QAction* > > tagToActions;  ///< tag : QList<QAction*>
+
+	for (auto i = d_ptr->mTagToActions.begin(); i != d_ptr->mTagToActions.end(); ++i) {
+		// 把不是act的内容转移到tagToActions和tagToActionKeys中，之后再和m_d里的替换
+		auto tmpi = tagToActions.insert(i.key(), QList< QAction* >());
+		int count = 0;
+		for (int j = 0; j < i.value().size(); ++j) {
+			if (i.value()[ j ] != act) {
+				tmpi.value().append(act);
+				++count;
+			}
+		}
+		if (0 == count) {
+			// 说明这个tag没有内容
+			tagToActions.erase(tmpi);
+			deletedTags.append(i.key());
+		}
+	}
+	// 删除mKeyToAction
+	QString key = d_ptr->mActionToKey.value(act);
+
+	d_ptr->mActionToKey.remove(act);
+	d_ptr->mKeyToAction.remove(key);
+
+	// 置换
+	d_ptr->mTagToActions.swap(tagToActions);
+	// 发射信号
+	if (enableEmit) {
+		for (int tagdelete : qAsConst(deletedTags)) {
+			Q_EMIT actionTagChanged(tagdelete, true);
+		}
+	}
+}
+
+/**
+ * @brief 等同actions
+ * @param tag
+ * @return
+ */
+QList< QAction* >& SARibbonActionsManager::filter(int tag)
+{
+	return (actions(tag));
+}
+
+/**
+ * @brief 根据tag得到actions
+ * @param tag
+ * @return
+ */
+QList< QAction* >& SARibbonActionsManager::actions(int tag)
+{
+	return (d_ptr->mTagToActions[ tag ]);
+}
+
+const QList< QAction* > SARibbonActionsManager::actions(int tag) const
+{
+	return (d_ptr->mTagToActions[ tag ]);
+}
+
+/**
+ * @brief 获取所有的标签
+ * @return
+ */
+QList< int > SARibbonActionsManager::actionTags() const
+{
+	return (d_ptr->mTagToActions.keys());
+}
+
+/**
+ * @brief 通过key获取action
+ * @param key
+ * @return 如果没有key，返回nullptr
+ */
+QAction* SARibbonActionsManager::action(const QString& key) const
+{
+	return (d_ptr->mKeyToAction.value(key, nullptr));
+}
+
+/**
+ * @brief 通过action找到key
+ * @param act
+ * @return 如果找不到，返回QString()
+ */
+QString SARibbonActionsManager::key(QAction* act) const
+{
+	return (d_ptr->mActionToKey.value(act, QString()));
+}
+
+/**
+ * @brief 返回所有管理的action数
+ * @return
+ */
+int SARibbonActionsManager::count() const
+{
+	return (d_ptr->mKeyToAction.size());
+}
+
+/**
+ * @brief 返回所有管理的actions
+ * @return
+ */
+QList< QAction* > SARibbonActionsManager::allActions() const
+{
+	return (d_ptr->mKeyToAction.values());
+}
+
+/**
+ * @brief 自动加载SARibbonBar的action
+ * 此函数会遍历@ref SARibbonBar的父窗口(一般是SARibbonMainWindow)下的所有子object，找到action注册，
+ * 并会遍历所有@ref SARibbonCategory,把SARibbonCategory下的action按SARibbonCategory的title name进行分类
+ *
+ * 此函数会把所有category下的action生成tag并注册，返回的QMap<int, SARibbonCategory *>是记录了category对应的tag
+ *
+ * 此函数还会把SARibbonBar的父窗口(一般是SARibbonMainWindow)下面的action，但不在任何一个category下的作为NotInRibbonCategoryTag标签注册，默认名字会赋予not
+ * in ribbon， 可以通过@ref setTagName 改变
+ *
+ * @param w
+ * @return
+ * @note 此函数的调用最好在category设置了标题后调用，因为会以category的标题作为标签的命名
+ */
+QMap< int, SARibbonCategory* > SARibbonActionsManager::autoRegisteActions(SARibbonBar* bar)
+{
+	QMap< int, SARibbonCategory* > res;
+	// 先遍历SARibbonBar的父窗口(一般是SARibbonMainWindow)下的所有子对象，把所有action找到
+	QWidget* parWidget = bar->parentWidget();
+	QSet< QAction* > mainwindowActions;
+	if (parWidget) {
+		for (QObject* o : qAsConst(parWidget->children())) {
+			if (QAction* a = qobject_cast< QAction* >(o)) {
+				// 说明是action
+				if (!a->objectName().isEmpty()) {
+					mainwindowActions.insert(a);
+				}
+			}
+		}
+	}
+	// 开始遍历每个category，加入action
+
+	if (nullptr == bar) {
+		// 非ribbon模式，直接退出
+		return (res);
+	}
+	QSet< QAction* > categoryActions;
+	QList< SARibbonCategory* > categorys = bar->categoryPages();
+	int tag                              = AutoCategoryDistinguishBeginTag;
+
+	for (SARibbonCategory* c : qAsConst(categorys)) {
+		QList< SARibbonPannel* > pannels = c->pannelList();
+		for (SARibbonPannel* p : qAsConst(pannels)) {
+			categoryActions += autoRegisteWidgetActions(p, tag, false);
+		}
+		setTagName(tag, c->categoryName());
+		res[ tag ] = c;
+		++tag;
+	}
+	// 找到不在功能区的actions
+	QSet< QAction* > notincategory = mainwindowActions - categoryActions;
+
+	for (QAction* a : qAsConst(notincategory)) {
+		if (!a->objectName().isEmpty()) {
+			registeAction(a, NotInRibbonCategoryTag, a->objectName(), false);
+		}
+	}
+	if (notincategory.size() > 0) {
+		setTagName(NotInRibbonCategoryTag, tr("not in ribbon"));
+	}
+	for (auto i = res.begin(); i != res.end(); ++i) {
+		connect(i.value(), &SARibbonCategory::categoryNameChanged, this, &SARibbonActionsManager::onCategoryTitleChanged);
+	}
+	d_ptr->mTagToCategory = res;
+	return (res);
+}
+
+/**
+ * @brief 自动加载action
+ * @param w
+ * @param tag
+ * @param enableEmit
+ * @return 返回成功加入SARibbonActionsManager管理的action
+ */
+QSet< QAction* > SARibbonActionsManager::autoRegisteWidgetActions(QWidget* w, int tag, bool enableEmit)
+{
+	QSet< QAction* > res;
+	QList< QAction* > was = w->actions();
+
+	for (QAction* a : qAsConst(was)) {
+		if (res.contains(a) || a->objectName().isEmpty()) {
+			// 重复内容不重复加入
+			// 没有object name不加入
+			continue;
+		}
+		if (registeAction(a, tag, a->objectName(), enableEmit)) {
+			res.insert(a);
+		}
+	}
+	return (res);
+}
+
+/**
+ * @brief 根据标题查找action
+ * @param text
+ * @return
+ */
+QList< QAction* > SARibbonActionsManager::search(const QString& text)
+{
+	QList< QAction* > res;
+
+	if (text.isEmpty()) {
+		return (res);
+	}
+	QStringList kws = text.split(" ");
+
+	if (kws.isEmpty()) {
+		kws.append(text);
+	}
+	QList< QAction* > acts = d_ptr->mActionToKey.keys();
+
+	for (const QString& k : qAsConst(kws)) {
+		for (auto i = d_ptr->mActionToKey.begin(); i != d_ptr->mActionToKey.end(); ++i) {
+			if (i.key()->text().contains(k, Qt::CaseInsensitive)) {
+				res.append(i.key());
+			}
+		}
+	}
+	return (res);
+}
+
+void SARibbonActionsManager::clear()
+{
+	d_ptr->clear();
+}
+
+/**
+ * @brief action 被delete时，将触发此槽把管理的action删除
+ * @param o
+ * @note 这个函数不会触发actionTagChanged信号
+ */
+void SARibbonActionsManager::onActionDestroyed(QObject* o)
+{
+	QAction* act = static_cast< QAction* >(o);
+
+	removeAction(act, false);
+}
+
+/**
+ * @brief autoRegisteActions函数会关联此槽，在标签内容改变时改变tag 对应 文本
+ * @param title
+ */
+void SARibbonActionsManager::onCategoryTitleChanged(const QString& title)
+{
+	SARibbonCategory* c = qobject_cast< SARibbonCategory* >(sender());
+
+	if (nullptr == c) {
+		return;
+	}
+	int tag = d_ptr->mTagToCategory.key(c, -1);
+
+	if (tag == -1) {
+		return;
+	}
+	setTagName(tag, title);
+}
+
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+/// SARibbonActionsModel
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+class SARibbonActionsManagerModel::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonActionsManagerModel)
+public:
+	PrivateData(SARibbonActionsManagerModel* p);
+	void updateRef();
+	int count() const;
+	QAction* at(int index);
+	bool isNull() const;
+
+public:
+	SARibbonActionsManager* mMgr { nullptr };
+	int mTag { SARibbonActionsManager::CommonlyUsedActionTag };
+	QString mSeatchText;
+	QList< QAction* > mActions;
+};
+
+SARibbonActionsManagerModel::PrivateData::PrivateData(SARibbonActionsManagerModel* p) : q_ptr(p)
+{
+}
+
+void SARibbonActionsManagerModel::PrivateData::updateRef()
+{
+	if (isNull()) {
+		return;
+	}
+	if (!mSeatchText.isEmpty()) {
+		mActions = mMgr->search(mSeatchText);
+	} else {
+		mActions = mMgr->actions(mTag);
+	}
+}
+
+int SARibbonActionsManagerModel::PrivateData::count() const
+{
+	if (isNull()) {
+		return (0);
+	}
+	return (mActions.size());
+}
+
+QAction* SARibbonActionsManagerModel::PrivateData::at(int index)
+{
+	if (isNull()) {
+		return (nullptr);
+	}
+	if (index >= count()) {
+		return (nullptr);
+	}
+	return (mActions.at(index));
+}
+
+bool SARibbonActionsManagerModel::PrivateData::isNull() const
+{
+	return (mMgr == nullptr);
+}
+
+//===================================================
+// SARibbonActionsManagerModel
+//===================================================
+
+SARibbonActionsManagerModel::SARibbonActionsManagerModel(QObject* p)
+    : QAbstractListModel(p), d_ptr(new SARibbonActionsManagerModel::PrivateData(this))
+{
+}
+
+SARibbonActionsManagerModel::SARibbonActionsManagerModel(SARibbonActionsManager* m, QObject* p)
+    : QAbstractListModel(p), d_ptr(new SARibbonActionsManagerModel::PrivateData(this))
+{
+	setupActionsManager(m);
+}
+
+SARibbonActionsManagerModel::~SARibbonActionsManagerModel()
+{
+}
+
+int SARibbonActionsManagerModel::rowCount(const QModelIndex& parent) const
+{
+	if (parent.isValid()) {  // 非顶层
+		return (0);
+	}
+	// 顶层
+	return (d_ptr->count());
+}
+
+QVariant SARibbonActionsManagerModel::headerData(int section, Qt::Orientation orientation, int role) const
+{
+	Q_UNUSED(section);
+	if (role != Qt::DisplayRole) {
+		return (QVariant());
+	}
+	if (Qt::Horizontal == orientation) {
+		return (tr("action name"));
+	}
+	return (QVariant());
+}
+
+Qt::ItemFlags SARibbonActionsManagerModel::flags(const QModelIndex& index) const
+{
+	if (!index.isValid()) {
+		return (Qt::NoItemFlags);
+	}
+	return (Qt::ItemIsSelectable | Qt::ItemIsEnabled);
+}
+
+QVariant SARibbonActionsManagerModel::data(const QModelIndex& index, int role) const
+{
+	QAction* act = indexToAction(index);
+
+	if (nullptr == act) {
+		return (QVariant());
+	}
+
+	switch (role) {
+	case Qt::DisplayRole: {
+		QString str = act->text();
+		if (!str.isEmpty()) {
+			return str;
+		}
+		// 如果文本为空，一般是没有设置文本，或者是窗口，如果是窗口，那么用windowtitle作为文本
+		if (QWidgetAction* wa = qobject_cast< QWidgetAction* >(act)) {
+			if (QWidget* w = wa->defaultWidget()) {
+				str = w->windowTitle();
+			}
+		}
+		return str;
+	}
+	case Qt::DecorationRole:
+		return (act->icon());
+
+	default:
+		break;
+	}
+	return (QVariant());
+}
+
+void SARibbonActionsManagerModel::setFilter(int tag)
+{
+	d_ptr->mTag = tag;
+	update();
+}
+
+void SARibbonActionsManagerModel::update()
+{
+	beginResetModel();
+	d_ptr->updateRef();
+	endResetModel();
+}
+
+void SARibbonActionsManagerModel::setupActionsManager(SARibbonActionsManager* m)
+{
+	d_ptr->mMgr     = m;
+	d_ptr->mTag     = SARibbonActionsManager::CommonlyUsedActionTag;
+	d_ptr->mActions = m->filter(d_ptr->mTag);
+	connect(m, &SARibbonActionsManager::actionTagChanged, this, &SARibbonActionsManagerModel::onActionTagChanged);
+	update();
+}
+
+void SARibbonActionsManagerModel::uninstallActionsManager()
+{
+	if (!d_ptr->isNull()) {
+		disconnect(
+            d_ptr->mMgr, &SARibbonActionsManager::actionTagChanged, this, &SARibbonActionsManagerModel::onActionTagChanged);
+		d_ptr->mMgr = nullptr;
+		d_ptr->mTag = SARibbonActionsManager::CommonlyUsedActionTag;
+	}
+	update();
+}
+
+QAction* SARibbonActionsManagerModel::indexToAction(QModelIndex index) const
+{
+	if (!index.isValid()) {
+		return (nullptr);
+	}
+	if (index.row() >= d_ptr->count()) {
+		return (nullptr);
+	}
+	return (d_ptr->at(index.row()));
+}
+
+/**
+ * @brief 查找
+ * @param text
+ */
+void SARibbonActionsManagerModel::search(const QString& text)
+{
+	d_ptr->mSeatchText = text;
+	update();
+}
+
+void SARibbonActionsManagerModel::onActionTagChanged(int tag, bool isdelete)
+{
+	if (isdelete && (tag == d_ptr->mTag)) {
+		d_ptr->mTag = SARibbonActionsManager::UnknowActionTag;
+		update();
+	} else {
+		if (tag == d_ptr->mTag) {
+			update();
+		}
+	}
+}
+
+/*** End of inlined file: SARibbonActionsManager.cpp ***/
+
+/*** Start of inlined file: SARibbonLineEdit.cpp ***/
+#include <QStyleOption>
+
+SARibbonLineEdit::SARibbonLineEdit(QWidget* parent) : QLineEdit(parent)
+{
+}
+
+SARibbonLineEdit::SARibbonLineEdit(const QString& text, QWidget* parent) : QLineEdit(text, parent)
+{
+}
+
+SARibbonLineEdit::~SARibbonLineEdit()
+{
+}
+
+/*** End of inlined file: SARibbonLineEdit.cpp ***/
+
+/*** Start of inlined file: SARibbonCheckBox.cpp ***/
+#include <QStyleOption>
+
+SARibbonCheckBox::SARibbonCheckBox(QWidget* parent) : QCheckBox(parent)
+{
+}
+
+SARibbonCheckBox::SARibbonCheckBox(const QString& text, QWidget* parent) : QCheckBox(text, parent)
+{
+}
+
+SARibbonCheckBox::~SARibbonCheckBox()
+{
+}
+
+/*** End of inlined file: SARibbonCheckBox.cpp ***/
+
+/*** Start of inlined file: SARibbonComboBox.cpp ***/
+SARibbonComboBox::SARibbonComboBox(QWidget* parent) : QComboBox(parent)
+{
+}
+
+SARibbonComboBox::~SARibbonComboBox()
+{
+}
+
+/*** End of inlined file: SARibbonComboBox.cpp ***/
+
+/*** Start of inlined file: SARibbonButtonGroupWidget.cpp ***/
+#include <QHBoxLayout>
+#include <QDebug>
+#include <QMargins>
+#include <QChildEvent>
+#include <QActionEvent>
+#include <QWidgetAction>
+#include <QApplication>
+
+//===================================================
+// SARibbonButtonGroupWidget::PrivateData
+//===================================================
+class SARibbonButtonGroupWidget::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonButtonGroupWidget)
+public:
+	PrivateData(SARibbonButtonGroupWidget* p);
+	void init();
+	void removeAction(QAction* a);
+
+public:
+	QSize mIconSize { 20, 20 };
+};
+
+SARibbonButtonGroupWidget::PrivateData::PrivateData(SARibbonButtonGroupWidget* p) : q_ptr(p)
+{
+}
+
+void SARibbonButtonGroupWidget::PrivateData::init()
+{
+	QHBoxLayout* layout = new QHBoxLayout(q_ptr);
+	// 上下保留一点间隙
+	layout->setContentsMargins(0, 0, 0, 0);
+	layout->setSpacing(1);
+	q_ptr->setSizePolicy(QSizePolicy::Maximum, QSizePolicy::Maximum);
+}
+
+void SARibbonButtonGroupWidget::PrivateData::removeAction(QAction* a)
+{
+	QLayout* lay = q_ptr->layout();
+	int c        = lay->count();
+	QList< QLayoutItem* > willRemoveItems;
+	for (int i = 0; i < c; ++i) {
+		QLayoutItem* item          = lay->itemAt(i);
+		SARibbonControlButton* btn = qobject_cast< SARibbonControlButton* >(item->widget());
+		if (nullptr == btn) {
+			continue;
+		}
+		if (a == btn->defaultAction()) {
+			willRemoveItems.push_back(item);
+		}
+	}
+	// 从尾部删除
+	for (auto i = willRemoveItems.rbegin(); i != willRemoveItems.rend(); ++i) {
+		lay->removeItem(*i);
+	}
+}
+
+//===================================================
+// SARibbonButtonGroupWidget
+//===================================================
+
+SARibbonButtonGroupWidget::SARibbonButtonGroupWidget(QWidget* parent)
+    : QFrame(parent), d_ptr(new SARibbonButtonGroupWidget::PrivateData(this))
+{
+	d_ptr->init();
+}
+
+SARibbonButtonGroupWidget::~SARibbonButtonGroupWidget()
+{
+}
+
+/**
+ * @brief 设置图标尺寸
+ * @param iconSize
+ */
+void SARibbonButtonGroupWidget::setIconSize(const QSize& ic)
+{
+	d_ptr->mIconSize = ic;
+	iterate([ ic ](SARibbonControlButton* btn) -> bool {
+		btn->setIconSize(ic);
+		return true;
+	});
+}
+
+/**
+ * @brief 图标尺寸
+ * @return
+ */
+QSize SARibbonButtonGroupWidget::iconSize() const
+{
+	return d_ptr->mIconSize;
+}
+
+QAction* SARibbonButtonGroupWidget::addAction(QAction* a,
+                                              Qt::ToolButtonStyle buttonStyle,
+                                              QToolButton::ToolButtonPopupMode popMode)
+{
+	SARibbonPannel::setActionToolButtonStyleProperty(a, buttonStyle);
+	SARibbonPannel::setActionToolButtonPopupModeProperty(a, popMode);
+	QWidget::addAction(a);
+	return (a);
+}
+
+/**
+ * @brief 生成action
+ * @note action的所有权归SARibbonButtonGroupWidget
+ * @param text
+ * @param icon
+ * @param popMode
+ * @return
+ */
+QAction* SARibbonButtonGroupWidget::addAction(const QString& text,
+                                              const QIcon& icon,
+                                              Qt::ToolButtonStyle buttonStyle,
+                                              QToolButton::ToolButtonPopupMode popMode)
+{
+	QAction* a = new QAction(icon, text, this);
+	addAction(a, buttonStyle, popMode);
+	return (a);
+}
+
+QAction* SARibbonButtonGroupWidget::addMenu(QMenu* menu, Qt::ToolButtonStyle buttonStyle, QToolButton::ToolButtonPopupMode popMode)
+{
+	QAction* a = menu->menuAction();
+	addAction(a, buttonStyle, popMode);
+	return (a);
+}
+
+QAction* SARibbonButtonGroupWidget::addSeparator()
+{
+	QAction* a = new QAction(this);
+
+	a->setSeparator(true);
+	addAction(a);
+	return (a);
+}
+
+QAction* SARibbonButtonGroupWidget::addWidget(QWidget* w)
+{
+	QWidgetAction* a = new QWidgetAction(this);
+
+	a->setDefaultWidget(w);
+	w->setAttribute(Qt::WA_Hover);
+	addAction(a);
+	return (a);
+}
+
+SARibbonControlButton* SARibbonButtonGroupWidget::actionToRibbonControlToolButton(QAction* action)
+{
+	SARibbonControlButton* res = nullptr;
+	iterate([ &res, action ](SARibbonControlButton* btn) -> bool {
+		if (btn->defaultAction() == action) {
+			res = btn;
+			return false;  // 返回false退出迭代
+		}
+		return true;
+	});
+	return (res);
+}
+
+QSize SARibbonButtonGroupWidget::sizeHint() const
+{
+	return (layout()->sizeHint());
+}
+
+QSize SARibbonButtonGroupWidget::minimumSizeHint() const
+{
+	return (layout()->minimumSize());
+}
+
+/**
+ * @brief 此函数会遍历SARibbonButtonGroupWidget下的所有SARibbonControlButton，执行函数指针(bool(SARibbonControlButton*))，函数指针返回false则停止迭代
+ * @param fp
+ * @return 中途迭代退出返回false
+ */
+bool SARibbonButtonGroupWidget::iterate(SARibbonButtonGroupWidget::FpButtonIterate fp)
+{
+	QLayout* lay = layout();
+	int c        = lay->count();
+	for (int i = 0; i < c; ++i) {
+		auto item = lay->itemAt(i);
+		if (!item) {
+			continue;
+		}
+		SARibbonControlButton* btn = qobject_cast< SARibbonControlButton* >(item->widget());
+		if (!btn) {
+			continue;
+		}
+		if (!fp(btn)) {
+			return false;
+		}
+	}
+	return true;
+}
+
+/**
+ * @brief 处理action的事件
+ *
+ * 这里处理了ActionAdded，ActionChanged，ActionRemoved三个事件
+ * ActionAdded时会生成窗口
+ * @param e
+ */
+void SARibbonButtonGroupWidget::actionEvent(QActionEvent* e)
+{
+	QAction* a = e->action();
+	if (!a) {
+		return;
+	}
+
+	switch (e->type()) {
+	case QEvent::ActionAdded: {
+		QWidget* w = nullptr;
+		if (QWidgetAction* widgetAction = qobject_cast< QWidgetAction* >(a)) {
+			widgetAction->setParent(this);
+			w = widgetAction->requestWidget(this);
+			if (w != nullptr) {
+				w->setAttribute(Qt::WA_LayoutUsesWidgetRect);
+				w->show();
+			}
+		} else if (a->isSeparator()) {
+			SARibbonSeparatorWidget* sp = RibbonSubElementFactory->createRibbonSeparatorWidget(this);
+			w                           = sp;
+		}
+		// 不是widget，自动生成ButtonTyle
+		if (!w) {
+			SARibbonControlButton* button = RibbonSubElementFactory->createRibbonControlButton(this);
+			button->setAutoRaise(true);
+			button->setIconSize(d_ptr->mIconSize);
+			button->setFocusPolicy(Qt::NoFocus);
+			button->setDefaultAction(a);
+			// 属性设置
+			QToolButton::ToolButtonPopupMode popMode = SARibbonPannel::getActionToolButtonPopupModeProperty(a);
+			button->setPopupMode(popMode);
+			Qt::ToolButtonStyle buttonStyle = SARibbonPannel::getActionToolButtonStyleProperty(a);
+			button->setToolButtonStyle(buttonStyle);
+			// 根据QAction的属性设置按钮的大小
+
+			connect(button, &SARibbonToolButton::triggered, this, &SARibbonButtonGroupWidget::actionTriggered);
+			w = button;
+		}
+		layout()->addWidget(w);
+		updateGeometry();
+	} break;
+
+	case QEvent::ActionChanged: {
+		// 让布局重新绘制
+		layout()->invalidate();
+		updateGeometry();
+	} break;
+
+	case QEvent::ActionRemoved: {
+		d_ptr->removeAction(e->action());
+		updateGeometry();
+	} break;
+
+	default:
+		break;
+	}
+	QFrame::actionEvent(e);
+}
+
+/*** End of inlined file: SARibbonButtonGroupWidget.cpp ***/
+
+/*** Start of inlined file: SARibbonStackedWidget.cpp ***/
+#include <QEventLoop>
+#include <QResizeEvent>
+#include <QMouseEvent>
+#include <QDebug>
+#include <QApplication>
+
+/**
+ * @brief The SARibbonStackedWidgetPrivate class
+ */
+class SARibbonStackedWidget::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonStackedWidget)
+public:
+	QEventLoop* eventLoop { nullptr };
+
+public:
+	PrivateData(SARibbonStackedWidget* p) : q_ptr(p)
+	{
+	}
+
+	void init()
+	{
+		// Parent->setFocusPolicy(Qt::StrongFocus);
+	}
+};
+
+SARibbonStackedWidget::SARibbonStackedWidget(QWidget* parent)
+    : QStackedWidget(parent), d_ptr(new SARibbonStackedWidget::PrivateData(this))
+{
+	d_ptr->init();
+	setNormalMode();
+}
+
+SARibbonStackedWidget::~SARibbonStackedWidget()
+{
+	if (d_ptr->eventLoop) {
+		d_ptr->eventLoop->exit();
+	}
+}
+
+void SARibbonStackedWidget::setPopupMode()
+{
+	setMouseTracking(true);
+	setWindowFlags(Qt::Popup | Qt::FramelessWindowHint);
+	setFrameShape(QFrame::Panel);
+}
+
+bool SARibbonStackedWidget::isPopupMode() const
+{
+	return (windowFlags() & Qt::Popup);
+}
+
+void SARibbonStackedWidget::setNormalMode()
+{
+	if (d_ptr->eventLoop) {
+		d_ptr->eventLoop->exit();
+		d_ptr->eventLoop = nullptr;
+	}
+	setMouseTracking(false);
+	setWindowFlags(Qt::Widget | Qt::FramelessWindowHint);
+	setFrameShape(QFrame::NoFrame);
+}
+
+bool SARibbonStackedWidget::isNormalMode() const
+{
+	return (!isPopupMode());
+}
+
+void SARibbonStackedWidget::exec()
+{
+	show();
+	if (!isPopupMode()) {
+		d_ptr->eventLoop = nullptr;
+		return;
+	}
+	QEventLoop event;
+
+	d_ptr->eventLoop = &event;
+	event.exec();
+	d_ptr->eventLoop = nullptr;
+}
+
+void SARibbonStackedWidget::moveWidget(int from, int to)
+{
+	QWidget* w = widget(from);
+
+	removeWidget(w);
+	insertWidget(to, w);
+}
+
+void SARibbonStackedWidget::hideEvent(QHideEvent* e)
+{
+	if (isPopupMode()) {
+		if (d_ptr->eventLoop) {
+			d_ptr->eventLoop->exit();
+		}
+	}
+	setFocus();
+	Q_EMIT hidWindow();
+
+	QStackedWidget::hideEvent(e);
+}
+
+void SARibbonStackedWidget::resizeEvent(QResizeEvent* e)
+{
+	QStackedWidget::resizeEvent(e);
+	for (int i = 0; i < count(); ++i) {
+		if (i == currentIndex()) {
+			continue;
+		}
+		QEvent* layE = new QEvent(QEvent::LayoutRequest);
+		QApplication::postEvent(widget(i), layE);
+	}
+}
+
+/*** End of inlined file: SARibbonStackedWidget.cpp ***/
+
+/*** Start of inlined file: SARibbonSeparatorWidget.cpp ***/
+#include <QApplication>
+#include <QScreen>
+#include <QStylePainter>
+#include <QPainter>
+#include <QDebug>
+
+SARibbonSeparatorWidget::SARibbonSeparatorWidget(QWidget* parent) : QFrame(parent)
+{
+	setFrameShape(QFrame::VLine);
+	setFrameShadow(QFrame::Plain);
+
+    if (QScreen* screen = QApplication::primaryScreen()) {
+		qreal dpr           = screen->physicalDotsPerInch() / screen->logicalDotsPerInch();
+		int scaledLineWidth = qRound(1.0 * dpr);  // 假设基础 lineWidth 是 1
+		setLineWidth(scaledLineWidth);
+		//    qDebug() << "SARibbonSeparatorWidget:" << scaledLineWidth;
+    } else {
+		setLineWidth(1);
+	}
+}
+
+SARibbonSeparatorWidget::~SARibbonSeparatorWidget()
+{
+}
+
+/*** End of inlined file: SARibbonSeparatorWidget.cpp ***/
+
+/*** Start of inlined file: SARibbonCtrlContainer.cpp ***/
+#include <QHBoxLayout>
+#include <QPainter>
+#include <QPaintEvent>
+#include <QStylePainter>
+#include <QDebug>
+#include <QLabel>
+#include <QApplication>
+#include <QScreen>
+/**
+ * @brief The SARibbonCtrlContainerPrivate class
+ */
+class SARibbonCtrlContainer::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonCtrlContainer)
+public:
+	QWidget* mContainerWidget { nullptr };
+	QHBoxLayout* mHorizontalLayout { nullptr };
+	QLabel* mLabelPixmap { nullptr };
+	QLabel* mLabelText { nullptr };
+	QSize mIconSize { 24, 24 };
+	QIcon mIcon;
+	PrivateData(SARibbonCtrlContainer* p) : q_ptr(p)
+	{
+		mHorizontalLayout = new QHBoxLayout(p);
+		mHorizontalLayout->setSpacing(0);
+		mHorizontalLayout->setObjectName(QString::fromUtf8("horizontalLayout"));
+		mHorizontalLayout->setContentsMargins(0, 0, 0, 0);
+
+		mLabelPixmap = new QLabel(p);
+		mLabelPixmap->setObjectName(QString::fromUtf8("labelPixmap"));
+		mLabelPixmap->setAlignment(Qt::AlignCenter);
+		mHorizontalLayout->addWidget(mLabelPixmap);
+
+		mLabelText = new QLabel(p);
+		mLabelText->setObjectName(QString::fromUtf8("labelText"));
+		mHorizontalLayout->addWidget(mLabelText);
+	}
+
+	void setContainerWidget(QWidget* w)
+	{
+		if (mContainerWidget) {
+			// 原来有widget
+			QWidget* oldwidget = mContainerWidget;
+			takeContainerWidget(oldwidget);
+			oldwidget->deleteLater();
+		}
+		mContainerWidget = w;
+		if (!w) {
+			return;
+		}
+		if (w->parent() != q_ptr) {
+			w->setParent(q_ptr);
+		}
+		// ContainerWidget永远在最右边
+		mHorizontalLayout->insertWidget(mHorizontalLayout->count(), w);
+		QSizePolicy sizePolicy(QSizePolicy::Expanding, QSizePolicy::Preferred);
+		sizePolicy.setHorizontalStretch(0);
+		sizePolicy.setVerticalStretch(0);
+		w->setSizePolicy(sizePolicy);
+	}
+
+	void takeContainerWidget(QWidget* w)
+	{
+		int i = mHorizontalLayout->indexOf(w);
+		if (i >= 0) {
+			QLayoutItem* item = mHorizontalLayout->takeAt(i);
+			delete item;
+		}
+	}
+};
+
+//===================================================
+// SARibbonCtrlContainer
+//===================================================
+SARibbonCtrlContainer::SARibbonCtrlContainer(QWidget* parent)
+    : QWidget(parent), d_ptr(new SARibbonCtrlContainer::PrivateData(this))
+{
+}
+
+SARibbonCtrlContainer::~SARibbonCtrlContainer()
+{
+}
+
+QWidget* SARibbonCtrlContainer::containerWidget()
+{
+	return (d_ptr->mContainerWidget);
+}
+
+const QWidget* SARibbonCtrlContainer::containerWidget() const
+{
+	return (d_ptr->mContainerWidget);
+}
+
+void SARibbonCtrlContainer::setEnableShowIcon(bool b)
+{
+	d_ptr->mLabelPixmap->setVisible(b);
+}
+
+void SARibbonCtrlContainer::setEnableShowTitle(bool b)
+{
+	d_ptr->mLabelText->setVisible(b);
+}
+
+/**
+ * @brief 判断是否存在容器窗口
+ * @return
+ */
+bool SARibbonCtrlContainer::hasContainerWidget() const
+{
+	return (d_ptr->mContainerWidget != nullptr);
+}
+
+/**
+ * @brief 设置图标
+ * @param i
+ */
+void SARibbonCtrlContainer::setIcon(const QIcon& i)
+{
+	d_ptr->mIcon   = i;
+	QPixmap pixmap = i.pixmap(d_ptr->mIconSize);
+	d_ptr->mLabelPixmap->setPixmap(pixmap);
+}
+
+void SARibbonCtrlContainer::setIcon(const QPixmap& pixmap)
+{
+	d_ptr->mLabelPixmap->setPixmap(pixmap);
+}
+
+/**
+ * @brief 获取图标
+ * @return
+ */
+QIcon SARibbonCtrlContainer::icon() const
+{
+	return d_ptr->mIcon;
+}
+
+/**
+ * @brief 设置文字
+ * @param t
+ */
+void SARibbonCtrlContainer::setText(const QString& t)
+{
+	d_ptr->mLabelText->setText(t);
+}
+
+/**
+ * @brief 获取文字
+ * @return
+ */
+QString SARibbonCtrlContainer::text() const
+{
+	return d_ptr->mLabelText->text();
+}
+
+void SARibbonCtrlContainer::setContainerWidget(QWidget* w)
+{
+	d_ptr->setContainerWidget(w);
+}
+
+/**
+ * @brief 获取显示icon的窗口
+ * @return
+ */
+QWidget* SARibbonCtrlContainer::iconWidget() const
+{
+	return d_ptr->mLabelPixmap;
+}
+
+/*** End of inlined file: SARibbonCtrlContainer.cpp ***/
+
+/*** Start of inlined file: SARibbonQuickAccessBar.cpp ***/
+#include <QGuiApplication>
+
+/**
+ * @brief The SARibbonQuickAccessBarPrivate class
+ */
+class SARibbonQuickAccessBar::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonQuickAccessBar)
+public:
+	PrivateData(SARibbonQuickAccessBar* p);
+
+public:
+	SARibbonButtonGroupWidget* mGroupWidget { nullptr };
+};
+
+SARibbonQuickAccessBar::PrivateData::PrivateData(SARibbonQuickAccessBar* p) : q_ptr(p)
+{
+}
+
+//===================================================
+// SARibbonQuickAccessBar
+//===================================================
+SARibbonQuickAccessBar::SARibbonQuickAccessBar(QWidget* parent)
+    : SARibbonCtrlContainer(parent), d_ptr(new SARibbonQuickAccessBar::PrivateData(this))
+{
+	d_ptr->mGroupWidget = new SARibbonButtonGroupWidget(this);
+	d_ptr->mGroupWidget->setSizePolicy(QSizePolicy(QSizePolicy::Preferred, QSizePolicy::Expanding));
+	setContainerWidget(d_ptr->mGroupWidget);
+}
+
+SARibbonQuickAccessBar::~SARibbonQuickAccessBar()
+{
+}
+
+void SARibbonQuickAccessBar::addSeparator()
+{
+	d_ptr->mGroupWidget->addSeparator();
+}
+
+void SARibbonQuickAccessBar::addAction(QAction* act, Qt::ToolButtonStyle buttonStyle, QToolButton::ToolButtonPopupMode popMode)
+{
+	d_ptr->mGroupWidget->addAction(act, buttonStyle, popMode);
+}
+
+void SARibbonQuickAccessBar::addWidget(QWidget* w)
+{
+	d_ptr->mGroupWidget->addWidget(w);
+}
+
+void SARibbonQuickAccessBar::addMenu(QMenu* m, Qt::ToolButtonStyle buttonStyle, QToolButton::ToolButtonPopupMode popMode)
+{
+	d_ptr->mGroupWidget->addMenu(m, buttonStyle, popMode);
+}
+
+/**
+ * @brief 获取内部管理的ButtonGroupWidget
+ * @return
+ */
+SARibbonButtonGroupWidget* SARibbonQuickAccessBar::buttonGroupWidget()
+{
+	return d_ptr->mGroupWidget;
+}
+
+/**
+ * @brief 获取内部管理的ButtonGroupWidget
+ * @return
+ */
+const SARibbonButtonGroupWidget* SARibbonQuickAccessBar::buttonGroupWidget() const
+{
+	return d_ptr->mGroupWidget;
+}
+
+/**
+ * @brief 图标尺寸
+ * @param s
+ */
+void SARibbonQuickAccessBar::setIconSize(const QSize& s)
+{
+	d_ptr->mGroupWidget->setIconSize(s);
+}
+
+/**
+ * @brief SARibbonQuickAccessBar::iconSize
+ * @return
+ */
+QSize SARibbonQuickAccessBar::iconSize() const
+{
+	return d_ptr->mGroupWidget->iconSize();
+}
+
+/*** End of inlined file: SARibbonQuickAccessBar.cpp ***/
+
+/*** Start of inlined file: SARibbonTabBar.cpp ***/
+#include <QStyleOptionTab>
+#include <QFontMetrics>
+
+SARibbonTabBar::SARibbonTabBar(QWidget* parent) : QTabBar(parent), m_tabMargin(6, 0, 0, 0)
+{
+	setExpanding(false);
+}
+
+SARibbonTabBar::~SARibbonTabBar()
+{
+}
+
+const QMargins& SARibbonTabBar::tabMargin() const
+{
+	return (m_tabMargin);
+}
+
+void SARibbonTabBar::setTabMargin(const QMargins& tabMargin)
+{
+	m_tabMargin = tabMargin;
+}
+
+/**
+ * @brief tab的尺寸预估
+ *
+ * 有别于系统默认的tabbar，SARibbonTabBar的tab高度和tabbar高度一致，且不考虑纵向分布情况
+ * @param index
+ * @return
+ */
+QSize SARibbonTabBar::tabSizeHint(int index) const
+{
+	if (index < 0) {
+		return QSize();
+	}
+	QStyleOptionTab opt;
+	initStyleOption(&opt, index);
+	int hframe            = style()->pixelMetric(QStyle::PM_TabBarTabHSpace, &opt, this);
+	const QFontMetrics fm = fontMetrics();
+
+	int widgetWidth = 0;
+	int padding     = 0;
+	if (!opt.leftButtonSize.isEmpty()) {
+		padding += 4;
+		widgetWidth += opt.leftButtonSize.width();
+	}
+	if (!opt.rightButtonSize.isEmpty()) {
+		padding += 4;
+		widgetWidth += opt.rightButtonSize.width();
+	}
+	if (!opt.icon.isNull()) {
+		padding += 4;
+	}
+	const int textWidth = fm.size(Qt::TextShowMnemonic, opt.text).width();
+	QSize csz           = QSize(textWidth + opt.iconSize.width() + hframe + widgetWidth + padding, height());
+	return style()->sizeFromContents(QStyle::CT_TabBarTab, &opt, csz, this);
+}
+
+/*** End of inlined file: SARibbonTabBar.cpp ***/
+
+/*** Start of inlined file: SARibbonControlButton.cpp ***/
+SARibbonControlButton::SARibbonControlButton(QWidget* parent) : QToolButton(parent)
+{
+}
+
+SARibbonControlButton::~SARibbonControlButton()
+{
+}
+SARibbonControlToolButton::SARibbonControlToolButton(QWidget* parent) : QToolButton(parent)
+{
+}
+
+SARibbonControlToolButton::~SARibbonControlToolButton()
+{
+}
+
+/*** End of inlined file: SARibbonControlButton.cpp ***/
+
+/*** Start of inlined file: SARibbonMenu.cpp ***/
+#include <QWidgetAction>
+
+SARibbonMenu::SARibbonMenu(QWidget* parent) : QMenu(parent)
+{
+	setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
+}
+
+SARibbonMenu::SARibbonMenu(const QString& title, QWidget* parent) : QMenu(title, parent)
+{
+	setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
+}
+
+SARibbonMenu::~SARibbonMenu()
+{
+}
+
+QAction* SARibbonMenu::addRibbonMenu(SARibbonMenu* menu)
+{
+	return (QMenu::addMenu(menu));
+}
+
+SARibbonMenu* SARibbonMenu::addRibbonMenu(const QString& title)
+{
+    SARibbonMenu* menu = new SARibbonMenu(title, this);
+
+	return (menu);
+}
+
+SARibbonMenu* SARibbonMenu::addRibbonMenu(const QIcon& icon, const QString& title)
+{
+    SARibbonMenu* menu = new SARibbonMenu(title, this);
+
+	menu->setIcon(icon);
+	return (menu);
+}
+
+QAction* SARibbonMenu::addWidget(QWidget* w)
+{
+    QWidgetAction* action = new QWidgetAction(this);
+
+	action->setDefaultWidget(w);
+	addAction(action);
+	return (action);
+}
+
+/*** End of inlined file: SARibbonMenu.cpp ***/
+
+/*** Start of inlined file: SARibbonPannelOptionButton.cpp ***/
+#include <QAction>
+
+SARibbonPannelOptionButton::SARibbonPannelOptionButton(QWidget* parent) : QToolButton(parent)
+{
+	setAutoRaise(true);
+	setCheckable(false);
+	setToolButtonStyle(Qt::ToolButtonIconOnly);
+	setIconSize(QSize(10, 10));
+	static QIcon s_default_icon = QIcon(":/image/resource/ribbonPannelOptionButton.png");
+	setIcon(s_default_icon);
+}
+
+SARibbonPannelOptionButton::~SARibbonPannelOptionButton()
+{
+}
+
+/*** End of inlined file: SARibbonPannelOptionButton.cpp ***/
+
+/*** Start of inlined file: SARibbonPannelItem.cpp ***/
+SARibbonPannelItem::SARibbonPannelItem(QWidget* widget)
+    : QWidgetItem(widget), rowIndex(-1), columnIndex(-1), action(nullptr), customWidget(false), rowProportion(Large)
+{
+}
+
+SARibbonPannelItem::~SARibbonPannelItem()
+{
+}
+
+bool SARibbonPannelItem::isEmpty() const
+{
+	return (action == nullptr || !action->isVisible());
+}
+
+/*** End of inlined file: SARibbonPannelItem.cpp ***/
+
+/*** Start of inlined file: SARibbonPannelLayout.cpp ***/
+#include <QWidgetAction>
+#include <QQueue>
+
+#define SARibbonPannelLayout_DEBUG_PRINT 1
+#define HELP_DRAW_RECT(p, rect)                                                                                        \
+	do {                                                                                                               \
+		p.save();                                                                                                      \
+		QPen _pen(Qt::DashLine);                                                                                       \
+		_pen.setColor(Qt::blue);                                                                                       \
+		p.setPen(_pen);                                                                                                \
+		p.setBrush(QBrush());                                                                                          \
+		p.drawRect(rect);                                                                                              \
+		p.restore();                                                                                                   \
+	} while (0)
+
+SARibbonPannelLayout::SARibbonPannelLayout(QWidget* p) : QLayout(p), mColumnCount(0), mExpandFlag(false), mDirty(true)
+{
+	setSpacing(1);
+	SARibbonPannel* tb = qobject_cast< SARibbonPannel* >(p);
+
+	if (!tb) {
+		return;
+	}
+}
+
+SARibbonPannelLayout::~SARibbonPannelLayout()
+{
+	// 参考QToolBarLayout
+	while (!mItems.isEmpty()) {
+		SARibbonPannelItem* item = mItems.takeFirst();
+		if (QWidgetAction* widgetAction = qobject_cast< QWidgetAction* >(item->action)) {
+			if (item->customWidget) {
+				widgetAction->releaseWidget(item->widget());
+			}
+		}
+		delete item;
+	}
+}
+
+/**
+ * @brief 通过action查找索引，用于actionEvent添加action用
+ * @param action
+ * @return 没有查到返回-1
+ */
+int SARibbonPannelLayout::indexByAction(QAction* action) const
+{
+	for (int i = 0; i < mItems.count(); ++i) {
+		if (mItems.at(i)->action == action) {
+			return (i);
+		}
+	}
+	return (-1);
+}
+
+/**
+ * @brief 获取ribbonpannel
+ * @return
+ */
+SARibbonPannel* SARibbonPannelLayout::ribbonPannel() const
+{
+	return qobject_cast< SARibbonPannel* >(parentWidget());
+}
+
+void SARibbonPannelLayout::addItem(QLayoutItem* item)
+{
+	Q_UNUSED(item);
+	qWarning("SARibbonPannelLayout::addItem(): please use addAction() instead");
+	return;
+}
+
+/**
+ * @brief SARibbonPannel主要通过此函数来添加action
+ * @param act
+ * @param rp 布局策略
+ */
+void SARibbonPannelLayout::insertAction(int index, QAction* act, SARibbonPannelItem::RowProportion rp)
+{
+	index                    = qMax(0, index);
+	index                    = qMin(mItems.count(), index);
+	SARibbonPannelItem* item = createItem(act, rp);
+
+	if (item) {
+		mItems.insert(index, item);
+		// 标记需要重新计算尺寸
+		invalidate();
+	}
+}
+
+/**
+ * @brief 添加操作action，如果要去除，传入nullptr指针即可，SARibbonPannel不会对QAction的所有权进行管理
+ * @param action
+ * @note 要去除OptionAction直接传入nullptr即可
+ * @note SARibbonPannel不对QAction的destroy进行关联，如果外部对action进行delete，需要先传入nullptr给addOptionAction
+ */
+void SARibbonPannelLayout::setOptionAction(QAction* action)
+{
+	SARibbonPannel* p = ribbonPannel();
+	if (!p) {
+		return;
+	}
+	if (action) {
+		// 创建option action
+		if (nullptr == mOptionActionBtn) {
+			mOptionActionBtn = RibbonSubElementFactory->createRibbonPannelOptionButton(p);
+			QObject::connect(mOptionActionBtn, &SARibbonToolButton::triggered, p, &SARibbonPannel::actionTriggered);
+			// 确保m_optionActionBtn在label之上
+			if (mTitleLabel) {
+				mTitleLabel->stackUnder(mOptionActionBtn);
+			}
+		}
+		mOptionActionBtn->setDefaultAction(action);
+		if (action->icon().isNull()) {
+			mOptionActionBtn->setIcon(QIcon(":/image/resource/ribbonPannelOptionButton.png"));
+		}
+		// 标记需要重新计算尺寸
+		invalidate();
+	} else {
+		// 取消option action
+		if (mOptionActionBtn) {
+			mOptionActionBtn->hide();
+			mOptionActionBtn->deleteLater();
+			mOptionActionBtn = nullptr;
+			// 标记需要重新计算尺寸
+			invalidate();
+		}
+	}
+}
+
+/**
+ * @brief 判断是否存在OptionAction
+ * @return 存在返回true
+ */
+bool SARibbonPannelLayout::isHaveOptionAction() const
+{
+	return (mOptionActionBtn != nullptr);
+}
+
+QLayoutItem* SARibbonPannelLayout::itemAt(int index) const
+{
+	if ((index < 0) || (index >= mItems.count())) {
+		return (nullptr);
+	}
+	return (mItems.at(index));
+}
+
+QLayoutItem* SARibbonPannelLayout::takeAt(int index)
+{
+	if ((index < 0) || (index >= mItems.count())) {
+		return (nullptr);
+	}
+	SARibbonPannelItem* item = mItems.takeAt(index);
+
+	QWidgetAction* widgetAction = qobject_cast< QWidgetAction* >(item->action);
+
+	if ((widgetAction != 0) && item->customWidget) {
+		widgetAction->releaseWidget(item->widget());
+	} else {
+		// destroy the QToolButton/QToolBarSeparator
+		item->widget()->hide();
+		item->widget()->deleteLater();
+	}
+
+	invalidate();
+	return (item);
+}
+
+int SARibbonPannelLayout::count() const
+{
+	return (mItems.count());
+}
+
+bool SARibbonPannelLayout::isEmpty() const
+{
+
+	return (mItems.isEmpty());
+}
+
+void SARibbonPannelLayout::invalidate()
+{
+	mDirty = true;
+	QLayout::invalidate();
+}
+
+Qt::Orientations SARibbonPannelLayout::expandingDirections() const
+{
+	return (Qt::Horizontal);
+}
+
+QSize SARibbonPannelLayout::minimumSize() const
+{
+	return (mSizeHint);
+}
+
+QSize SARibbonPannelLayout::sizeHint() const
+{
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+	if (SARibbonPannel* pannel = ribbonPannel()) {
+		qDebug() << "| |-SARibbonPannelLayout sizeHint,sizeHint = " << m_sizeHint;
+	}
+#endif
+	return (mSizeHint);
+}
+
+/**
+ * @brief 通过action获取SARibbonPannelItem
+ * @param action
+ * @return 如果没有返回nullptr
+ */
+SARibbonPannelItem* SARibbonPannelLayout::pannelItem(QAction* action) const
+{
+	int index = indexByAction(action);
+
+	if (index >= 0) {
+		return (mItems[ index ]);
+	}
+	return (nullptr);
+}
+
+/**
+ * @brief 获取最后一个添加的item
+ * @return 如果没有返回nullptr
+ */
+SARibbonPannelItem* SARibbonPannelLayout::lastItem() const
+{
+	if (mItems.isEmpty()) {
+		return (nullptr);
+	}
+	return (mItems.last());
+}
+
+/**
+ * @brief 获取最后生成的窗口
+ * @return 如果无窗口或者item为空，返回nullptr
+ */
+QWidget* SARibbonPannelLayout::lastWidget() const
+{
+	SARibbonPannelItem* item = lastItem();
+
+	if (item) {
+		return (item->widget());
+	}
+	return (nullptr);
+}
+
+/**
+ * @brief 移动两个item
+ * @param from
+ * @param to
+ * @note 移动完后所有都失效，需要重新布局
+ */
+void SARibbonPannelLayout::move(int from, int to)
+{
+	if (from == to) {
+		return;
+	}
+	if (to < 0) {
+		to = 0;
+	}
+	if (to >= count()) {
+		to = count() - 1;
+	}
+	mItems.move(from, to);
+	invalidate();
+}
+
+/**
+ * @brief 判断是否需要重新布局
+ * @return
+ */
+bool SARibbonPannelLayout::isDirty() const
+{
+	return (mDirty);
+}
+
+void SARibbonPannelLayout::updateGeomArray()
+{
+	updateGeomArray(geometry());
+}
+
+/**
+ * @brief 布局所有action
+ */
+void SARibbonPannelLayout::doLayout()
+{
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+	if (SARibbonPannel* pannel = ribbonPannel()) {
+		qDebug() << "| |-SARibbonPannelLayout layoutActions,pannel name = " << pannel->pannelName();
+	}
+#endif
+	if (isDirty()) {
+		updateGeomArray();
+	}
+	QList< QWidget* > showWidgets, hideWidgets;
+	SARibbonPannel* pannel = ribbonPannel();
+	for (SARibbonPannelItem* item : qAsConst(mItems)) {
+		if (item->isEmpty()) {
+			hideWidgets << item->widget();
+		} else {
+			// 在category发现item->setGeometry有点奇怪的现象，这里统一使用item->widget->setgeo
+			// item->setGeometry(item->itemWillSetGeometry);
+			if (item->widget()) {
+				item->widget()->setGeometry(item->itemWillSetGeometry);
+			}
+			showWidgets << item->widget();
+		}
+	}
+
+	// 不在上面那里进行show和hide因为这会触发SARibbonPannelLayout的重绘，导致循环绘制，非常影响效率
+	for (QWidget* w : qAsConst(showWidgets)) {
+		if (!w->isVisible())
+			w->show();
+	}
+	for (QWidget* w : qAsConst(hideWidgets)) {
+		if (w->isVisible())
+			w->hide();
+	}
+	// 布局label
+	if (mTitleLabel) {
+		if (isEnableShowPannelTitle()) {
+			mTitleLabel->setGeometry(mTitleLabelGeometry);
+			if (!mTitleLabel->isVisibleTo(pannel)) {
+				mTitleLabel->show();
+			}
+		} else {
+			if (mTitleLabel->isVisibleTo(pannel)) {
+				mTitleLabel->hide();
+			}
+		}
+	}
+	// 布局m_optionActionBtn
+	if (mOptionActionBtn) {
+		mOptionActionBtn->setGeometry(mOptionActionBtnGeometry);
+		mOptionActionBtn->setIconSize(QSize(mOptionActionBtnGeometry.width(), mOptionActionBtnGeometry.height()));
+	}
+}
+
+/**
+ * @brief 把action转换为item
+ *
+ * 此函数参考QToolBarItem *QToolBarLayout::createItem(QAction *action)
+ *
+ * 对于普通QAction，此函数会创建SARibbonToolButton，SARibbonToolButton的类型参考SARibbonPannelItem::RowProportion，
+ * @param action
+ * @param rp 行高占比情况
+ * @return 转换的SARibbonPannelItem
+ * @note 每个SARibbonPannelItem最终都会携带一个widget，传入的是QWidgetAction的话，会直接使用QWidgetAction带的widget，
+ * 否则会内部生成一个SARibbonToolButton
+ *
+ */
+SARibbonPannelItem* SARibbonPannelLayout::createItem(QAction* action, SARibbonPannelItem::RowProportion rp)
+{
+	bool customWidget      = false;
+	QWidget* widget        = nullptr;
+	SARibbonPannel* pannel = qobject_cast< SARibbonPannel* >(parentWidget());
+
+	if (!pannel) {
+		// 在没有pannel这个函数会返回nullptr
+		return (nullptr);
+	}
+	if (QWidgetAction* widgetAction = qobject_cast< QWidgetAction* >(action)) {
+		widget = widgetAction->requestWidget(pannel);
+		if (widget != nullptr) {
+			widget->setAttribute(Qt::WA_LayoutUsesWidgetRect);
+			customWidget = true;  // 标记为true，在移除的时候是不会对这个窗口进行删除，false默认会进行删除如SARibbonSeparatorWidget和SARibbonToolButton
+		}
+	} else if (action->isSeparator()) {
+		SARibbonSeparatorWidget* sep = RibbonSubElementFactory->createRibbonSeparatorWidget(pannel);
+		widget                       = sep;
+	}
+	// 不是widget，自动生成SARibbonToolbutton
+	if (!widget) {
+        SARibbonToolButton::RibbonButtonType buttonType =
+            ((rp == SARibbonPannelItem::Large) ? SARibbonToolButton::LargeButton : SARibbonToolButton::SmallButton);
+
+		SARibbonToolButton* button = RibbonSubElementFactory->createRibbonToolButton(pannel);
+		button->setFocusPolicy(Qt::NoFocus);
+		button->setButtonType(buttonType);
+		button->setDefaultAction(action);
+		button->setIconSize(mDefaultToolButtonIconSize);
+		// 属性设置
+		QToolButton::ToolButtonPopupMode popMode = SARibbonPannel::getActionToolButtonPopupModeProperty(action);
+		button->setPopupMode(popMode);
+		// 根据QAction的属性设置按钮的大小
+
+		QObject::connect(button, &SARibbonToolButton::triggered, pannel, &SARibbonPannel::actionTriggered);
+		widget = button;
+	}
+	// 这时总会有widget
+	widget->hide();
+	SARibbonPannelItem* result = new SARibbonPannelItem(widget);
+
+	result->rowProportion = rp;
+	result->customWidget  = customWidget;
+	result->action        = action;
+	return (result);
+}
+
+/**
+ * @brief 更新尺寸
+ */
+void SARibbonPannelLayout::updateGeomArray(const QRect& setrect)
+{
+	SARibbonPannel* pannel = qobject_cast< SARibbonPannel* >(parentWidget());
+
+	if (!pannel) {
+		return;
+	}
+
+	const int height     = setrect.height();
+	const QMargins& mag  = contentsMargins();
+	const int spacing    = this->spacing();
+	const int spacingRow = 1;  // 高度间距，也就是行间距，不同行之间的距离
+	int x                = mag.left();
+	const int yBegin     = mag.top();
+	int titleH           = (mTitleHeight >= 0) ? mTitleHeight : 0;  // 防止负数影响
+	int titleSpace       = (mTitleHeight >= 0) ? mTitleSpace : 0;   // 对于没有标题的情况，spacing就不生效
+	if (!isEnableShowPannelTitle()) {
+		titleH     = 0;
+		titleSpace = 0;
+	}
+	// 获取pannel的布局模式 3行或者2行
+	//  rowcount 是ribbon的行，有2行和3行两种
+	const short rowCount = (pannel->pannelLayoutMode() == SARibbonPannel::ThreeRowMode) ? 3 : 2;
+	// largeHeight是对应large占比的高度
+	const int largeHeight = height - mag.bottom() - mag.top() - titleH - titleSpace;
+	const int yTitleBegin = height - mag.bottom() - titleH;
+	mLargeHeight          = largeHeight;
+	// 计算smallHeight的高度
+	const int smallHeight = (largeHeight - (rowCount - 1) * spacingRow) / rowCount;
+	// Medium行的y位置
+	const int yMediumRow0 = (2 == rowCount) ? yBegin : (yBegin + ((largeHeight - 2 * smallHeight) / 3));
+	const int yMediumRow1 = (2 == rowCount) ? (yBegin + smallHeight + spacingRow)
+                                            : (yBegin + ((largeHeight - 2 * smallHeight) / 3) * 2 + smallHeight);
+	// Small行的y位置
+	const int ySmallRow0 = yBegin;
+	const int ySmallRow1 = yBegin + smallHeight + spacingRow;
+	const int ySmallRow2 = yBegin + 2 * (smallHeight + spacingRow);
+	// row用于记录下个item应该属于第几行，item->rowIndex用于记录当前处于第几行，
+	// item->rowIndex主要用于SARibbonPannelItem::Medium
+	short row  = 0;
+	int column = 0;
+	// 记录每列最大的宽度
+	int columMaxWidth = 0;
+	// 记录总宽度
+	int totalWidth = 0;
+
+	int itemCount = mItems.count();
+
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+	QString debug_print__log__;
+#endif
+	// 本列第一、二行占比
+	SARibbonPannelItem::RowProportion thisColumnRP0 = SARibbonPannelItem::None;
+	SARibbonPannelItem* lastGeomItem                = nullptr;  // 记录最后一个设置位置的item
+	for (int i = 0; i < itemCount; ++i) {
+		SARibbonPannelItem* item = mItems.at(i);
+		if (item->isEmpty()) {
+			// 如果是hide就直接跳过
+			item->rowIndex    = -1;
+			item->columnIndex = -1;
+			continue;
+		}
+
+		QSize hint = item->sizeHint();
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+		if (SARibbonToolButton* tb = qobject_cast< SARibbonToolButton* >(item->widget())) {
+			auto ss__ = tb->sizeHint();
+			debug_print__log__ += QString("| | |-[%1]SARibbonToolButton.sizeHint=(%2,%3),ButtonText=%4\n")
+                                      .arg(i)
+                                      .arg(ss__.width())
+                                      .arg(ss__.height())
+                                      .arg(tb->text());
+		}
+#endif
+		Qt::Orientations exp = item->expandingDirections();
+		if (item->widget()) {
+			// 有窗口是水平扩展，则标记为扩展
+			if ((item->widget()->sizePolicy().horizontalPolicy() & QSizePolicy::ExpandFlag)) {
+				mExpandFlag = true;
+			}
+		}
+		SARibbonPannelItem::RowProportion rp = item->rowProportion;
+		if (SARibbonPannelItem::None == rp) {
+			// 为定义行占比但是垂直扩展，就定义为Large占比，否则就是small占比
+			if (exp & Qt::Vertical) {
+				rp = SARibbonPannelItem::Large;
+			} else {
+				rp = SARibbonPannelItem::Small;
+			}
+		}
+		// 开始根据占比和layoutmode来布局
+		switch (rp) {
+		case SARibbonPannelItem::Large: {
+			// ！！在Large，如果不是处于新列的第一行，就需要进行换列处理
+			// 把large一直设置在下一列的开始
+			if (row != 0) {
+				x += (columMaxWidth + spacing);
+				++column;
+			}
+			//
+			item->rowIndex            = 0;
+			item->columnIndex         = column;
+			item->itemWillSetGeometry = QRect(x, yBegin, hint.width(), largeHeight);
+			columMaxWidth             = hint.width();
+			// 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+			x += (columMaxWidth + spacing);
+			row           = 0;
+			columMaxWidth = 0;
+			++column;
+		} break;
+
+		case SARibbonPannelItem::Medium: {
+			// 2行模式下Medium和small等价
+			if (2 == rowCount) {
+				if (0 == row) {
+					item->rowIndex            = 0;
+					item->columnIndex         = column;
+					item->itemWillSetGeometry = QRect(x, yMediumRow0, hint.width(), smallHeight);
+					thisColumnRP0             = SARibbonPannelItem::Medium;
+					columMaxWidth             = hint.width();
+					// 下个row为1
+					row = 1;
+					// x不变
+				} else {
+					item->rowIndex            = 1;
+					item->columnIndex         = column;
+					item->itemWillSetGeometry = QRect(x, yMediumRow1, hint.width(), smallHeight);
+					// 和上个进行比较得到最长宽度
+					columMaxWidth = qMax(columMaxWidth, hint.width());
+					// 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+					x += (columMaxWidth + spacing);
+					row           = 0;
+					columMaxWidth = 0;
+					++column;
+				}
+			} else {
+				// 3行模式
+				if (0 == row) {
+					item->rowIndex            = 0;
+					item->columnIndex         = column;
+					item->itemWillSetGeometry = QRect(x, yMediumRow0, hint.width(), smallHeight);
+					thisColumnRP0             = SARibbonPannelItem::Medium;
+					columMaxWidth             = hint.width();
+					row                       = 1;
+					// x不变
+				} else if (1 == row) {
+					item->rowIndex            = 1;
+					item->columnIndex         = column;
+					item->itemWillSetGeometry = QRect(x, yMediumRow1, hint.width(), smallHeight);
+					columMaxWidth             = qMax(columMaxWidth, hint.width());
+					// 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+					x += (columMaxWidth + spacing);
+					row           = 0;
+					columMaxWidth = 0;
+					++column;
+				} else {
+					// 这种模式一般情况会发生在当前列前两行是Small，添加了一个Medium
+					// 这时需要先换列
+					// 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+					x += (columMaxWidth + spacing);
+					++column;
+					// 换列后此时等价于0 == row
+					item->rowIndex            = 0;
+					item->columnIndex         = column;
+					item->itemWillSetGeometry = QRect(x, yMediumRow0, hint.width(), smallHeight);
+					thisColumnRP0             = SARibbonPannelItem::Medium;
+					columMaxWidth             = hint.width();
+					row                       = 1;
+				}
+			}
+		} break;
+
+		case SARibbonPannelItem::Small: {
+			if (0 == row) {
+				// 第一行
+				item->rowIndex            = 0;
+				item->columnIndex         = column;
+				item->itemWillSetGeometry = QRect(x, ySmallRow0, hint.width(), smallHeight);
+				thisColumnRP0             = SARibbonPannelItem::Small;
+				columMaxWidth             = hint.width();
+				// 下个row为1
+				row = 1;
+				// x不变
+			} else if (1 == row) {
+				// 第二行
+				item->rowIndex            = 1;
+				item->columnIndex         = column;
+				item->itemWillSetGeometry = QRect(x, ySmallRow1, hint.width(), smallHeight);
+				if ((3 == rowCount) && (SARibbonPannelItem::Medium == thisColumnRP0)) {
+					// 三行模式，并且第一行是Medium
+					item->itemWillSetGeometry = QRect(x, yMediumRow1, hint.width(), smallHeight);
+				}
+				// 和上个进行比较得到最长宽度
+				columMaxWidth = qMax(columMaxWidth, hint.width());
+				// 这里要看两行还是三行，确定是否要换列
+				if (2 == rowCount) {
+					// 两行模式，换列
+					// 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+					x += (columMaxWidth + spacing);
+					row           = 0;
+					columMaxWidth = 0;
+					++column;
+				} else {
+					// 三行模式，继续增加行数
+					row = 2;
+					// x不变
+				}
+				if ((3 == rowCount) && (SARibbonPannelItem::Medium == thisColumnRP0)) {
+					// 三行模式，并且第一行是Medium，换列
+					// 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+					x += (columMaxWidth + spacing);
+					row           = 0;
+					columMaxWidth = 0;
+					++column;
+				}
+			} else {
+				// 第三行
+				item->rowIndex            = 2;
+				item->columnIndex         = column;
+				item->itemWillSetGeometry = QRect(x, ySmallRow2, hint.width(), smallHeight);
+				// 和上个进行比较得到最长宽度
+				columMaxWidth = qMax(columMaxWidth, hint.width());
+				// 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+				x += (columMaxWidth + spacing);
+				row           = 0;
+				columMaxWidth = 0;
+				++column;
+			}
+		} break;
+
+		default:
+			// 不可能出现
+			break;
+		}
+		lastGeomItem = item;
+	}
+	// 最后一个元素，更新列数
+	//  2022-06-20 此句本来在循环里面，如果最后一个元素隐藏，会导致无法到达此判断导致异常
+	if (lastGeomItem) {  // 最后一个元素，更新totalWidth
+		if (lastGeomItem->columnIndex != column) {
+			// 说明最后一个元素处于最后位置，触发了换列，此时真实列数需要减1，直接等于column索引
+			mColumnCount = column;
+			// 由于最后一个元素触发了换列，x值是新一列的位置，直接作为totalWidth要减去已经加入的spacing
+			totalWidth = x - spacing + mag.right();
+		} else {
+			// 说明最后一个元素处于非最后位置，没有触发下一个换列，此时真实列数等于column索引+1
+			mColumnCount = column + 1;
+			// 由于最后一个元素未触发换列，需要计算totalWidth
+			totalWidth = x + columMaxWidth + mag.right();
+		}
+	}
+
+	// 在设置完所有窗口后，再设置扩展属性的窗口
+	if (totalWidth < setrect.width() && (setrect.width() - totalWidth) > 10) {
+		// 说明可以设置扩展属性的窗口
+		recalcExpandGeomArray(setrect);
+	}
+	// 布局label
+	bool isTitleWidthThanPannel = false;
+	if (isEnableShowPannelTitle()) {
+		mTitleLabelGeometry.setRect(mag.left(), yTitleBegin, setrect.width() - mag.left() - mag.right(), titleH);
+		// 这里要确认标题宽度是否大于totalWidth，如果大于，则要把标题的宽度作为totalwidth
+		QFontMetrics fm = mTitleLabel->fontMetrics();
+		int textWidth   = SA_FONTMETRICS_WIDTH(fm, pannel->pannelName());
+		textWidth += 4;
+		if (totalWidth < textWidth) {
+			totalWidth             = textWidth;
+			isTitleWidthThanPannel = true;  // 说明标题的长度大于按钮布局的长度
+		}
+	}
+	// 布局optionActionButton
+
+	if (isHaveOptionAction()) {
+		QSize optBtnSize = optionActionButtonSize();
+		if (isEnableShowPannelTitle()) {
+			// 有标题
+			mOptionActionBtnGeometry.setRect(mTitleLabelGeometry.right() - mTitleLabelGeometry.height(),
+                                             mTitleLabelGeometry.y(),
+                                             mTitleLabelGeometry.height(),
+                                             mTitleLabelGeometry.height());
+
+			// 特殊情况，如果pannel的标题长度大于totalWidth，那么说明totalWidth比较短
+			// 这时候，optionActionBtn的宽度要加上到标题宽度上
+			if (isTitleWidthThanPannel) {
+				// 由于文字是居中对齐，因此要扩展2个按钮的宽度
+				totalWidth += (2 * titleH);
+			}
+		} else {
+			// 无标题
+			mOptionActionBtnGeometry.setRect(setrect.right() - optBtnSize.width() - mag.right(),
+                                             setrect.bottom() - optBtnSize.height() - mag.bottom(),
+                                             optBtnSize.width(),
+                                             optBtnSize.height());
+			totalWidth += optBtnSize.width();
+		}
+	}
+	// 刷新sizeHint
+	int heightHint  = SARibbonPannel::pannelHeightHint(pannel->fontMetrics(), pannel->pannelLayoutMode(), titleH);
+	this->mSizeHint = QSize(totalWidth, heightHint);
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "| |-SARibbonPannelLayout updateGeomArray(" << setrect << "),pannel name = " << pannel->pannelName()
+             << "\n| | |-size hint =" << this->m_sizeHint  //
+             << "\n| | |-totalWidth=" << totalWidth        //
+             << "\n| | |-last x=" << x                     //
+             << "\n| | |-columMaxWidth=" << columMaxWidth  //
+             << "\n| | |-spacing=" << spacing              //
+             << "\n| | |-mag=" << mag                      //
+             << "\n| | |-largeHeight=" << largeHeight      //
+             << "\n| | |-smallHeight=" << smallHeight      //
+        ;
+	qDebug().noquote() << debug_print__log__;
+#endif
+}
+
+void SARibbonPannelLayout::recalcExpandGeomArray(const QRect& setrect)
+{
+	// 计算能扩展的尺寸
+	int expandwidth = setrect.width() - this->mSizeHint.width();
+
+	if (expandwidth <= 0) {
+		// 没有必要设置
+		return;
+	}
+	// 列扩展信息
+	struct _columnExpandInfo
+	{
+		int oldColumnWidth      = 0;   ///< 原来的列宽
+		int columnMaximumWidth  = -1;  ///< 列的最大宽度
+		int columnExpandedWidth = 0;   ///< 扩展后列的宽度
+		QList< SARibbonPannelItem* > expandItems;
+	};
+	// 此变量用于记录可以水平扩展的列和控件，在布局结束后，如果还有空间，就把水平扩展的控件进行扩展
+	QMap< int, _columnExpandInfo > columnExpandInfo;
+
+	for (SARibbonPannelItem* item : qAsConst(mItems)) {
+		if ((!item->isEmpty()) && item->expandingDirections() & Qt::Horizontal) {
+			// 只获取可见的
+			QMap< int, _columnExpandInfo >::iterator i = columnExpandInfo.find(item->columnIndex);
+			if (i == columnExpandInfo.end()) {
+				i = columnExpandInfo.insert(item->columnIndex, _columnExpandInfo());
+			}
+			i.value().expandItems.append(item);
+		}
+	}
+	if (columnExpandInfo.size() <= 0) {
+		// 没有需要扩展的就退出
+		return;
+	}
+	// 获取完可扩展的列和控件后，计算对应的列的尺寸
+	// 计算能扩展的尺寸
+	int oneColCanexpandWidth = expandwidth / columnExpandInfo.size();
+
+	for (QMap< int, _columnExpandInfo >::iterator i = columnExpandInfo.begin(); i != columnExpandInfo.end();) {
+		int& oldColumnWidth     = i.value().oldColumnWidth;
+		int& columnMaximumWidth = i.value().columnMaximumWidth;
+		this->columnWidthInfo(i.key(), oldColumnWidth, columnMaximumWidth);
+		if ((oldColumnWidth <= 0) || (oldColumnWidth > columnMaximumWidth)) {
+			// 如果小于0说明没有这个列，这种属于异常，删除继续
+			//  oldColumnWidth > columnMaximumWidth也是异常
+			i = columnExpandInfo.erase(i);
+			continue;
+		}
+		// 开始调整
+		int colwidth = oneColCanexpandWidth + oldColumnWidth;  // 先扩展了
+		if (colwidth >= columnMaximumWidth) {
+			// 过最大宽度要求
+			i.value().columnExpandedWidth = columnMaximumWidth;
+		} else {
+			i.value().columnExpandedWidth = colwidth;
+		}
+		++i;
+	}
+	// 从新调整尺寸
+	// 由于会涉及其他列的变更，因此需要所有都遍历一下
+	for (auto i = columnExpandInfo.begin(); i != columnExpandInfo.end(); ++i) {
+		int moveXLen = i.value().columnExpandedWidth - i.value().oldColumnWidth;
+		for (SARibbonPannelItem* item : qAsConst(mItems)) {
+			if (item->isEmpty() || (item->columnIndex < i.key())) {
+				// 之前的列不用管
+				continue;
+			}
+			if (item->columnIndex == i.key()) {
+				// 此列的扩展
+				if (i.value().expandItems.contains(item)) {
+					// 此列需要扩展的item才扩展尺寸
+					item->itemWillSetGeometry.setWidth(i.value().columnExpandedWidth);
+				} else {
+					// 此列不扩展的模块保持原来的尺寸
+					continue;
+				}
+			} else {
+				// 后面的移动
+				item->itemWillSetGeometry.moveLeft(item->itemWillSetGeometry.x() + moveXLen);
+			}
+		}
+	}
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "| |-SARibbonPannelLayout recalcExpandGeomArray(" << setrect
+             << ") pannelName=" << ribbonPannel()->pannelName()  //
+             << ",expandwidth=" << expandwidth                   //
+        ;
+#endif
+}
+
+/**
+ * @brief 根据列数，计算窗口的宽度，以及最大宽度
+ * @param colindex
+ * @param width 如果传入没有这个列，返回-1
+ * @param maximum 如果传入没有这个列，返回-1
+ */
+void SARibbonPannelLayout::columnWidthInfo(int colindex, int& width, int& maximum) const
+{
+	width   = -1;
+	maximum = -1;
+	for (SARibbonPannelItem* item : mItems) {
+		if (!item->isEmpty() && (item->columnIndex == colindex)) {
+			width   = qMax(width, item->itemWillSetGeometry.width());
+			maximum = qMax(maximum, item->widget()->maximumWidth());
+		}
+	}
+}
+
+SARibbonPannelLabel* SARibbonPannelLayout::pannelTitleLabel() const
+{
+	return mTitleLabel;
+}
+
+void SARibbonPannelLayout::setToolButtonIconSize(const QSize& s)
+{
+	mDefaultToolButtonIconSize = s;
+}
+
+QSize SARibbonPannelLayout::toolButtonIconSize() const
+{
+	return mDefaultToolButtonIconSize;
+}
+
+/**
+ * @brief 获取optionAction 按钮尺寸
+ * @return
+ */
+QSize SARibbonPannelLayout::optionActionButtonSize() const
+{
+	return (isEnableShowPannelTitle() ? QSize(12, 12) : QSize(mTitleHeight, mTitleHeight));
+}
+
+void SARibbonPannelLayout::setPannelTitleLabel(SARibbonPannelLabel* newTitleLabel)
+{
+	mTitleLabel = newTitleLabel;
+	// 确保m_optionActionBtn在label之上
+	if (mOptionActionBtn) {
+		if (mTitleLabel) {
+			mTitleLabel->stackUnder(mOptionActionBtn);
+		}
+	}
+}
+
+/**
+ * @brief 标题区域和按钮的间隔
+ * @return
+ */
+int SARibbonPannelLayout::pannelTitleSpace() const
+{
+	return mTitleSpace;
+}
+
+/**
+ * @brief 设置标题区域和按钮的间隔
+ * @param newTitleSpace
+ */
+void SARibbonPannelLayout::setPannelTitleSpace(int newTitleSpace)
+{
+	if (mTitleSpace == newTitleSpace) {
+		return;
+	}
+	mTitleSpace = newTitleSpace;
+	invalidate();
+}
+
+/**
+ * @brief 标题高度
+ * @return
+ */
+int SARibbonPannelLayout::pannelTitleHeight() const
+{
+	return mTitleHeight;
+}
+
+/**
+ * @brief 设置标题高度
+ * @param newTitleHeight
+ */
+void SARibbonPannelLayout::setPannelTitleHeight(int newTitleHeight)
+{
+	if (mTitleHeight == newTitleHeight) {
+		return;
+	}
+	mTitleHeight = newTitleHeight;
+	invalidate();
+}
+
+/**
+ * @brief 判断是否存在标题
+ * @return
+ */
+bool SARibbonPannelLayout::isEnableShowPannelTitle() const
+{
+	return mEnableShowTitle;
+}
+
+/**
+ * @brief 设置显示标题
+ * @param on
+ */
+void SARibbonPannelLayout::setEnableShowPannelTitle(bool on)
+{
+	if (mEnableShowTitle == on) {
+		return;
+	}
+	mEnableShowTitle = on;
+	invalidate();
+}
+
+/**
+ * @brief 大按钮的高度
+ * @return
+ */
+int SARibbonPannelLayout::largeButtonHeight() const
+{
+	return mLargeHeight;
+}
+
+void SARibbonPannelLayout::setGeometry(const QRect& rect)
+{
+	QRect old = geometry();
+	if (old == rect) {
+		return;
+	}
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "| |----->SARibbonPannelLayout.setGeometry(" << rect << "(" << ribbonPannel()->pannelName() << ")=======";
+#endif
+	QLayout::setGeometry(rect);
+	mDirty = false;
+	updateGeomArray(rect);
+	doLayout();
+}
+
+/*** End of inlined file: SARibbonPannelLayout.cpp ***/
+
+/*** Start of inlined file: SARibbonPannel.cpp ***/
+#include <QAction>
+#include <QApplication>
+#include <QDebug>
+#include <QFontMetrics>
+#include <QGridLayout>
+#include <QIcon>
+#include <QMenu>
+#include <QPainter>
+#include <QResizeEvent>
+#include <QWidgetAction>
+
+#ifndef SARibbonPannel_DEBUG_PRINT
+#define SARibbonPannel_DEBUG_PRINT 0
+#endif
+
+#define HELP_DRAW_RECT(p, rect)                                                                                        \
+	do {                                                                                                               \
+		p.save();                                                                                                      \
+		QPen _pen(Qt::DashLine);                                                                                       \
+		_pen.setColor(Qt::blue);                                                                                       \
+		p.setPen(_pen);                                                                                                \
+		p.setBrush(QBrush());                                                                                          \
+		p.drawRect(rect);                                                                                              \
+		p.restore();                                                                                                   \
+	} while (0)
+//===============================================================
+// SARibbonPannelLabel
+//===============================================================
+
+SARibbonPannelLabel::SARibbonPannelLabel(QWidget* parent) : QLabel(parent)
+{
+}
+
+//===============================================================
+// SARibbonPannel::PrivateData
+//===============================================================
+
+class SARibbonPannel::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonPannel)
+public:
+	PrivateData(SARibbonPannel* p);
+	// 根据m_pannelLayoutMode返回gridLayout应该增加的行数
+	int rowadded();
+	void createLayout();
+	// 获取layout
+	SARibbonPannelLayout* pannelLayout() const;
+	// 返回最后一个添加的action对应的button，前提是最后一个是toolbutton，否则返回nullptr
+	SARibbonToolButton* lastAddActionButton();
+	// 重置labe的字体，这个主要是为了让pannel的标题字体能适应标题高度
+	void resetTitleLabelFont();
+	// 标题
+	QString pannelName() const;
+	void setPannelName(const QString& title);
+
+public:
+	bool m_isCanCustomize { true };                                                        ///< 记录是否可自定义
+	SARibbonPannel::PannelLayoutMode m_pannelLayoutMode { SARibbonPannel::ThreeRowMode };  ///< pannel的布局模式，默认为3行模式ThreeRowMode
+	SARibbonPannelOptionButton* m_optionActionButton { nullptr };  ///< 标题栏的y距离
+	SARibbonPannelLabel* m_label { nullptr };
+};
+
+SARibbonPannel::PrivateData::PrivateData(SARibbonPannel* p) : q_ptr(p)
+{
+	createLayout();
+}
+
+int SARibbonPannel::PrivateData::rowadded()
+{
+	switch (m_pannelLayoutMode) {
+	case SARibbonPannel::ThreeRowMode:
+		return (2);
+
+	case SARibbonPannel::TwoRowMode:
+		return (3);
+
+	default:
+		break;
+	}
+	return (2);
+}
+
+void SARibbonPannel::PrivateData::createLayout()
+{
+	m_label = new SARibbonPannelLabel(q_ptr);
+	m_label->setAlignment(Qt::AlignCenter);
+	SARibbonPannelLayout* lay = new SARibbonPannelLayout(q_ptr);
+	lay->setPannelTitleLabel(m_label);
+	lay->setSpacing(2);
+	lay->setContentsMargins(2, 2, 2, 2);
+}
+
+SARibbonPannelLayout* SARibbonPannel::PrivateData::pannelLayout() const
+{
+	return qobject_cast< SARibbonPannelLayout* >(q_ptr->layout());
+}
+
+SARibbonToolButton* SARibbonPannel::PrivateData::lastAddActionButton()
+{
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		return (qobject_cast< SARibbonToolButton* >(lay->lastWidget()));
+	}
+	return (nullptr);
+}
+
+/**
+ * @brief 重置label的字体
+ *
+ * @note 此函数必须在布局设置后调用
+ */
+void SARibbonPannel::PrivateData::resetTitleLabelFont()
+{
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		int h   = lay->pannelTitleHeight();
+		QFont f = q_ptr->font();
+		f.setPixelSize(h * 0.8);
+		if (m_label) {
+			m_label->setFont(f);
+		}
+	}
+}
+
+QString SARibbonPannel::PrivateData::pannelName() const
+{
+	if (m_label) {
+		return m_label->text();
+	}
+	return (QString());
+}
+
+void SARibbonPannel::PrivateData::setPannelName(const QString& title)
+{
+	if (m_label) {
+		m_label->setText(title);
+	}
+}
+
+//==================================================
+// SARibbonPannel
+//==================================================
+
+SARibbonPannel::SARibbonPannel(QWidget* parent) : QFrame(parent), d_ptr(new SARibbonPannel::PrivateData(this))
+{
+	setPannelLayoutMode(ThreeRowMode);
+}
+
+SARibbonPannel::SARibbonPannel(const QString& name, QWidget* parent)
+    : QFrame(parent), d_ptr(new SARibbonPannel::PrivateData(this))
+{
+	setPannelLayoutMode(ThreeRowMode);
+	setPannelName(name);
+}
+
+SARibbonPannel::~SARibbonPannel()
+{
+}
+
+/**
+ * @brief 把action的行属性设置进action中，action自身携带了行属性
+ * @param action
+ * @param rp
+ */
+void SARibbonPannel::setActionRowProportionProperty(QAction* action, SARibbonPannelItem::RowProportion rp)
+{
+	Q_CHECK_PTR(action);
+	action->setProperty(SA_ActionPropertyName_RowProportion, static_cast< int >(rp));
+}
+
+/**
+ * @brief 获取action的行属性
+ * @param action
+ * @return
+ */
+SARibbonPannelItem::RowProportion SARibbonPannel::getActionRowProportionProperty(QAction* action)
+{
+	bool isok = false;
+	int r     = action->property(SA_ActionPropertyName_RowProportion).toInt(&isok);
+
+	if (isok) {
+		return (static_cast< SARibbonPannelItem::RowProportion >(r));
+	}
+	return (SARibbonPannelItem::Large);
+}
+
+/**
+ * @brief 设置action的ToolButtonPopupMode属性
+ * @param action
+ * @param popMode
+ */
+void SARibbonPannel::setActionToolButtonPopupModeProperty(QAction* action, QToolButton::ToolButtonPopupMode popMode)
+{
+	Q_CHECK_PTR(action);
+	action->setProperty(SA_ActionPropertyName_ToolButtonPopupMode, static_cast< int >(popMode));
+}
+
+/**
+ * @brief 获取action的ToolButtonPopupMode属性
+ * @param action
+ * @return
+ */
+QToolButton::ToolButtonPopupMode SARibbonPannel::getActionToolButtonPopupModeProperty(QAction* action)
+{
+	bool isok = false;
+	int r     = action->property(SA_ActionPropertyName_ToolButtonPopupMode).toInt(&isok);
+
+	if (isok) {
+		return (static_cast< QToolButton::ToolButtonPopupMode >(r));
+	}
+	return (QToolButton::InstantPopup);
+}
+
+/**
+ * @brief 设置action的ToolButtonStyle属性
+ * @param action
+ * @param buttonStyle
+ */
+void SARibbonPannel::setActionToolButtonStyleProperty(QAction* action, Qt::ToolButtonStyle buttonStyle)
+{
+	Q_CHECK_PTR(action);
+	action->setProperty(SA_ActionPropertyName_ToolButtonStyle, static_cast< int >(buttonStyle));
+}
+
+/**
+ * @brief 获取action的ToolButtonStyle属性
+ * @param action
+ * @return
+ */
+Qt::ToolButtonStyle SARibbonPannel::getActionToolButtonStyleProperty(QAction* action)
+{
+	bool isok = false;
+	int r     = action->property(SA_ActionPropertyName_ToolButtonStyle).toInt(&isok);
+
+	if (isok) {
+		return (static_cast< Qt::ToolButtonStyle >(r));
+	}
+	return (Qt::ToolButtonIconOnly);
+}
+
+/**
+ * @brief 添加action
+ *
+ * action实际对应了一个toolbutton，如果想找到对应的toolbutton，使用@ref actionToRibbonToolButton
+ * @param action
+ * @param rp 指定action的行占比
+ * @param popMode 菜单弹出样式
+ */
+void SARibbonPannel::addAction(QAction* action, SARibbonPannelItem::RowProportion rp)
+{
+	Q_CHECK_PTR(action);
+	setActionRowProportionProperty(action, rp);
+	addAction(action);
+}
+
+/**
+ * @brief 添加一个action
+ * @param act
+ * @param popMode 按钮的样式
+ * @param rp action在pannel中的占位情况，默认是大图标
+ */
+void SARibbonPannel::addAction(QAction* act, QToolButton::ToolButtonPopupMode popMode, SARibbonPannelItem::RowProportion rp)
+{
+	Q_CHECK_PTR(act);
+	setActionRowProportionProperty(act, rp);
+	setActionToolButtonPopupModeProperty(act, popMode);
+	addAction(act);
+}
+
+/**
+   @brief 添加大图标
+
+   action实际对应了一个toolbutton，如果想找到对应的toolbutton，使用@ref actionToRibbonToolButton
+   @param action
+ */
+void SARibbonPannel::addLargeAction(QAction* action)
+{
+	addAction(action, SARibbonPannelItem::Large);
+}
+
+/**
+   @brief 在三栏模式下，强制加为2栏action
+   @note 在两行模式下，Medium和Small等价
+   主要应用在ThreeRowMode下
+
+   action实际对应了一个toolbutton，如果想找到对应的toolbutton，使用@ref actionToRibbonToolButton
+   @param action
+ */
+void SARibbonPannel::addMediumAction(QAction* action)
+{
+	addAction(action, SARibbonPannelItem::Medium);
+}
+
+/**
+   @brief 添加小图标
+
+   action实际对应了一个toolbutton，如果想找到对应的toolbutton，使用@ref actionToRibbonToolButton
+   @param action
+ */
+void SARibbonPannel::addSmallAction(QAction* action)
+{
+	addAction(action, SARibbonPannelItem::Small);
+}
+
+void SARibbonPannel::addSmallAction(QAction* action, QToolButton::ToolButtonPopupMode popMode)
+{
+	addAction(action, popMode, SARibbonPannelItem::Small);
+}
+
+void SARibbonPannel::addLargeAction(QAction* action, QToolButton::ToolButtonPopupMode popMode)
+{
+	addAction(action, popMode, SARibbonPannelItem::Large);
+}
+
+void SARibbonPannel::addMediumAction(QAction* action, QToolButton::ToolButtonPopupMode popMode)
+{
+	addAction(action, popMode, SARibbonPannelItem::Medium);
+}
+
+/**
+ * @brief 生成并添加一个action
+ *
+ * 如果不对此action做操作，SARibbonPannel将管理此action
+ *
+ * @note action的父对象将设置为SARibbonPannel，SARibbonPannel在删除时将会删除子对象，会把这个action也删除，
+ * 如果不想此action也删除，需要对action重新设置父对象
+ *
+ * @param text action的文字
+ * @param icon action的图标
+ * @param popMode 按钮的样式
+ * @param rp action在pannel中的占位情况，默认是大图标
+ * @return 返回添加的action
+ */
+QAction* SARibbonPannel::addAction(const QString& text,
+                                   const QIcon& icon,
+                                   QToolButton::ToolButtonPopupMode popMode,
+                                   SARibbonPannelItem::RowProportion rp)
+{
+	QAction* action = new QAction(icon, text, this);
+	addAction(action, popMode, rp);
+	return (action);
+}
+
+/**
+ * @brief 添加一个普通菜单
+ * @param menu
+ * @param rp
+ * @param popMode,菜单弹出模式，默认InstantPopup模式
+ * @return
+ */
+void SARibbonPannel::addMenu(QMenu* menu, SARibbonPannelItem::RowProportion rp, QToolButton::ToolButtonPopupMode popMode)
+{
+	Q_CHECK_PTR(menu);
+	QAction* action = menu->menuAction();
+	action->setIcon(menu->icon());
+	action->setText(menu->title());
+	action->setObjectName("action." + menu->objectName());
+	addAction(action, popMode, rp);
+}
+
+void SARibbonPannel::addLargeMenu(QMenu* menu, QToolButton::ToolButtonPopupMode popMode)
+{
+	addMenu(menu, SARibbonPannelItem::Large, popMode);
+}
+
+void SARibbonPannel::addSmallMenu(QMenu* menu, QToolButton::ToolButtonPopupMode popMode)
+{
+	addMenu(menu, SARibbonPannelItem::Small, popMode);
+}
+
+/**
+ * @brief 添加窗口
+ *
+ * @param w
+ * @param rp
+ * @return 返回action(QWidgetAction)
+ * @note SARibbonPannel并不会管理此窗口内存，在delete SARibbonPannel时，此窗口如果父对象不是SARibbonPannel将不会被删除
+ */
+QAction* SARibbonPannel::addWidget(QWidget* w, SARibbonPannelItem::RowProportion rp)
+{
+	QWidgetAction* action = new QWidgetAction(this);
+
+	action->setDefaultWidget(w);
+	action->setIcon(w->windowIcon());
+	action->setText(w->windowTitle());
+	action->setObjectName("action." + w->objectName());
+	w->setAttribute(Qt::WA_Hover);
+	setActionRowProportionProperty(action, rp);
+	addAction(action);
+	return (action);
+}
+
+/**
+ * @brief 添加窗口,占用ribbon的一行
+ * @param w
+ * @return 返回action(QWidgetAction)
+ */
+QAction* SARibbonPannel::addSmallWidget(QWidget* w)
+{
+	return (addWidget(w, SARibbonPannelItem::Small));
+}
+
+/**
+ * @brief 添加窗口,占用ribbon的一行
+ * @param w
+ * @return
+ */
+QAction* SARibbonPannel::addMediumWidget(QWidget* w)
+{
+	return (addWidget(w, SARibbonPannelItem::Medium));
+}
+
+/**
+ * @brief 添加窗口，占用所有行
+ * @param w
+ * @return 返回action(QWidgetAction)
+ */
+QAction* SARibbonPannel::addLargeWidget(QWidget* w)
+{
+	return (addWidget(w, SARibbonPannelItem::Large));
+}
+
+/**
+ * @brief SARibbonPannel::addGallery
+ * @return
+ * @note SARibbonPannel将拥有SARibbonGallery的管理权
+ */
+SARibbonGallery* SARibbonPannel::addGallery(bool expanding)
+{
+	SARibbonGallery* gallery = RibbonSubElementFactory->createRibbonGallery(this);
+
+	addWidget(gallery, SARibbonPannelItem::Large);
+	if (expanding) {
+		setExpanding(expanding);
+	}
+	return (gallery);
+}
+
+/**
+ * @brief 添加分割线
+ * @param top 上边距 @default 6
+ * @param bottom 下边距 @default 6
+ */
+QAction* SARibbonPannel::addSeparator()
+{
+	QAction* action = new QAction(this);
+
+	action->setSeparator(true);
+	setActionRowProportionProperty(action, SARibbonPannelItem::Large);
+	addAction(action);
+	return (action);
+}
+
+/**
+ * @brief 从pannel中把action对应的button提取出来，如果action没有对应的button，就返回nullptr
+ * @param action
+ * @return 如果action没有对应的button，就返回nullptr
+ */
+SARibbonToolButton* SARibbonPannel::actionToRibbonToolButton(QAction* action)
+{
+#if 0
+	SARibbonPannelLayout* lay = qobject_cast< SARibbonPannelLayout* >(layout());
+
+	if (lay) {
+		int index = lay->indexOf(action);
+		if (index == -1) {
+			return (nullptr);
+		}
+		QLayoutItem* item       = lay->takeAt(index);
+		SARibbonToolButton* btn = qobject_cast< SARibbonToolButton* >(item ? item->widget() : nullptr);
+		return (btn);
+	}
+	return (nullptr);
+#else
+	for (auto obj : qAsConst(children())) {
+		if (obj->isWidgetType()) {
+			if (SARibbonToolButton* btn = qobject_cast< SARibbonToolButton* >(obj)) {
+				if (btn->defaultAction() == action) {
+					return btn;
+				}
+			}
+		}
+	}
+	return (nullptr);
+#endif
+}
+
+/**
+ * @brief 获取pannel下面的所有toolbutton
+ * @return
+ */
+QList< SARibbonToolButton* > SARibbonPannel::ribbonToolButtons() const
+{
+	const QObjectList& objs = children();
+	QList< SARibbonToolButton* > res;
+
+	for (QObject* o : objs) {
+		SARibbonToolButton* b = qobject_cast< SARibbonToolButton* >(o);
+		if (b) {
+			res.append(b);
+		}
+	}
+	return (res);
+}
+
+/**
+ * @brief 设置PannelLayoutMode
+ * @param mode
+ */
+void SARibbonPannel::setPannelLayoutMode(SARibbonPannel::PannelLayoutMode mode)
+{
+	if (d_ptr->m_pannelLayoutMode == mode) {
+		return;
+	}
+	d_ptr->m_pannelLayoutMode = mode;
+	updateItemGeometry();
+}
+
+SARibbonPannel::PannelLayoutMode SARibbonPannel::pannelLayoutMode() const
+{
+	return (d_ptr->m_pannelLayoutMode);
+}
+
+/**
+ * @brief 添加操作action，如果要去除，传入nullptr指针即可，SARibbonPannel不会对QAction的所有权进行管理
+ * @param action
+ * @note 要去除OptionAction直接传入nullptr即可
+ * @note SARibbonPannel不对QAction的destroy进行关联，如果外部对action进行delete，需要先传入nullptr给addOptionAction
+ */
+void SARibbonPannel::setOptionAction(QAction* action)
+{
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		lay->setOptionAction(action);
+	}
+}
+
+/**
+ * @brief 判断是否存在OptionAction
+ * @return 存在返回true
+ */
+bool SARibbonPannel::isHaveOptionAction() const
+{
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		return lay->isHaveOptionAction();
+	}
+	return false;
+}
+
+QSize SARibbonPannel::sizeHint() const
+{
+	int shWidth  = 500;
+	int shHeight = 100;
+	if (QLayout* lay = layout()) {
+		QSize laySize = layout()->sizeHint();
+		shWidth       = laySize.width();
+		shHeight      = laySize.height();
+	}
+	return QSize(shWidth, shHeight);
+}
+
+QSize SARibbonPannel::minimumSizeHint() const
+{
+	return (layout()->minimumSize());
+}
+
+void SARibbonPannel::setToolButtonIconSize(const QSize& s)
+{
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		lay->setToolButtonIconSize(s);
+	}
+	// 对已经管理的QToolButton设置为iconsize
+	iterate([ s ](SARibbonToolButton* t) -> bool {
+		t->setIconSize(s);
+		return true;
+	});
+}
+
+QSize SARibbonPannel::toolButtonIconSize() const
+{
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		return lay->toolButtonIconSize();
+	}
+	return QSize();
+}
+
+/**
+ * @brief 遍历SARibbonPannel下的所有RibbonToolButton，执行函数指针(bool(SARibbonRibbonToolButton*))，函数指针返回false则停止迭代
+ * @param fp
+ * @return 返回false说明迭代中途退出，返回true则表示迭代完全
+ */
+bool SARibbonPannel::iterate(SARibbonPannel::FpRibbonToolButtonIterate fp)
+{
+	const QObjectList& ols = children();
+	for (QObject* obj : ols) {
+		if (SARibbonToolButton* t = qobject_cast< SARibbonToolButton* >(obj)) {
+			if (!fp(t)) {
+				return false;
+			}
+		}
+	}
+	return true;
+}
+
+/**
+ * @brief 把pannel设置为扩展模式，此时会撑大水平区域
+ * @param isExpanding
+ */
+void SARibbonPannel::setExpanding(bool isExpanding)
+{
+	setSizePolicy(isExpanding ? QSizePolicy::Expanding : QSizePolicy::Preferred, QSizePolicy::Fixed);
+}
+
+/**
+ * @brief 判断此pannel是否为（水平）扩展模式
+ * @return 是扩展模式返回true
+ */
+bool SARibbonPannel::isExpanding() const
+{
+	QSizePolicy sp = sizePolicy();
+
+	return (sp.horizontalPolicy() == QSizePolicy::Expanding);
+}
+
+/**
+   @brief 设置标题栏的高度
+   @param h
+ */
+void SARibbonPannel::setTitleHeight(int h)
+{
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		lay->setPannelTitleHeight(h);
+	}
+}
+
+/**
+ * @brief 标题栏高度
+ * @return
+ */
+int SARibbonPannel::titleHeight() const
+{
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		return lay->pannelTitleHeight();
+	}
+	return -1;
+}
+
+/**
+ * @brief 判断是否显示标题，只有标题的高度被设置，才会显示标题
+ * @return
+ */
+bool SARibbonPannel::isEnableShowTitle() const
+{
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		return lay->isEnableShowPannelTitle();
+	}
+	return false;
+}
+
+/**
+ * @brief 是否显示标题，显示标题后，标题的高度需要设置，默认高度为15
+ * @param on
+ */
+void SARibbonPannel::setEnableShowTitle(bool on)
+{
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		return lay->setEnableShowPannelTitle(on);
+	}
+}
+
+/**
+ * @brief action对应的布局index，此操作一般用于移动，其他意义不大
+ * @param act
+ * @return 没有查到返回-1
+ */
+int SARibbonPannel::actionIndex(QAction* act) const
+{
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		return (lay->indexByAction(act));
+	}
+	return (-1);
+}
+
+/**
+ * @brief 移动action
+ * @param from 要移动action的位置，通过@ref actionIndex 获取
+ * @param to 要移动的位置
+ */
+void SARibbonPannel::moveAction(int from, int to)
+{
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		return (lay->move(from, to));
+	}
+	updateGeometry();  // 通知layout进行重新布局
+}
+
+/**
+ * @brief 判断是否可以自定义
+ * @return
+ */
+bool SARibbonPannel::isCanCustomize() const
+{
+	return (d_ptr->m_isCanCustomize);
+}
+
+/**
+ * @brief 设置是否可以自定义
+ * @param b
+ */
+void SARibbonPannel::setCanCustomize(bool b)
+{
+	d_ptr->m_isCanCustomize = b;
+}
+
+/**
+ * @brief pannel名称
+ * @return
+ */
+QString SARibbonPannel::pannelName() const
+{
+	return (d_ptr->pannelName());
+}
+
+/**
+ * @brief pannel的名称
+ * @param title 标题
+ * @note 此函数会触发@sa pannelNameChanged 信号
+ */
+void SARibbonPannel::setPannelName(const QString& title)
+{
+	QString oldName = pannelName();
+	if (oldName != title) {
+		d_ptr->setPannelName(title);
+		Q_EMIT pannelNameChanged(title);
+	}
+}
+
+/**
+ * @brief 获取大图标的高度
+ * @return
+ */
+int SARibbonPannel::largeButtonHeight() const
+{
+	const QMargins& mag = contentsMargins();
+	return height() - mag.top() - mag.bottom() - titleHeight();
+}
+
+/**
+ * @brief 获取pannel layout
+ * @return
+ */
+SARibbonPannelLayout* SARibbonPannel::pannelLayout() const
+{
+	return d_ptr->pannelLayout();
+}
+
+/**
+ * @brief 更新布局
+ */
+void SARibbonPannel::updateItemGeometry()
+{
+#if SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "SARibbonPannel updateItemGeometry,pannelName=" << pannelName();
+#endif
+	// 此函数需要添加，否则SARibbonBar::setEnableWordWrap无法刷新按钮
+	resetToolButtonSize();
+	if (SARibbonPannelLayout* lay = pannelLayout()) {
+		lay->updateGeomArray();
+	}
+}
+
+/**
+   @brief 获取category指针，如果没有parent，或者不在category管理，返回nullptr
+   @return
+ */
+SARibbonCategory* SARibbonPannel::category() const
+{
+	return qobject_cast< SARibbonCategory* >(parent());
+}
+
+/**
+   @brief 获取ribbonBar指针，如果没有返回nullptr
+   @return
+ */
+SARibbonBar* SARibbonPannel::ribbonBar() const
+{
+	if (SARibbonCategory* c = category()) {
+		return c->ribbonBar();
+	}
+	return nullptr;
+}
+
+/**
+ * @brief 设置按钮之间的间隔
+ * @param n
+ */
+void SARibbonPannel::setSpacing(int n)
+{
+	if (auto lay = layout()) {
+		lay->setSpacing(n);
+	}
+}
+
+/**
+ * @brief 按钮之间的间隔
+ * @return
+ */
+int SARibbonPannel::spacing() const
+{
+	if (auto lay = layout()) {
+		return lay->spacing();
+	}
+	return 0;
+}
+
+/**
+ * @brief pannel高度推荐
+ * @param fm
+ * @param layMode
+ * @param pannelTitleHeight
+ * @return
+ */
+int SARibbonPannel::pannelHeightHint(const QFontMetrics& fm, PannelLayoutMode layMode, int pannelTitleHeight)
+{
+	int textH = fm.lineSpacing();  // 这里用linespace，因为在换行的情况下，行距是不可忽略的，ribbon的大按钮默认是2行
+	switch (layMode) {
+	case SARibbonPannel::ThreeRowMode: {
+		// 5.5=（3*1.6+1） （三行）,1是给panneltitle预留的
+		return textH * 4.8 + pannelTitleHeight;
+	} break;
+	case SARibbonPannel::TwoRowMode: {
+		// 3=2*1.6
+		return textH * 3.2 + pannelTitleHeight;
+	} break;
+	default: {
+		qWarning() << "unknow SARibbonPannel::PannelLayoutMode:" << layMode;
+	}
+	}
+	return (textH * 4.8 + pannelTitleHeight);
+}
+
+/**
+ * @brief 重置按钮的尺寸，在布局改变后（尤其高度变更），按钮的尺寸需要手动变更
+ */
+void SARibbonPannel::resetToolButtonSize()
+{
+	QList< SARibbonToolButton* > btns = ribbonToolButtons();
+
+	for (SARibbonToolButton* b : qAsConst(btns)) {
+		if ((nullptr == b)) {
+			continue;
+		}
+		b->updateRect();
+	}
+}
+
+bool SARibbonPannel::event(QEvent* e)
+{
+#if SA_DEBUG_PRINT_EVENT
+	if (e->type() != QEvent::Paint) {
+		qDebug() << "SARibbonPannel event(" << e->type() << "),name=" << pannelName();
+	}
+#endif
+	// if (SARibbonPannelLayout* lay = pannelLayout()) {
+	//     if (lay->isDirty() && e->type() == QEvent::LayoutRequest) {
+	//         if (QWidget* parw = parentWidget()) {
+	//             if (QLayout* pl = parw->layout()) {
+	//                 pl->invalidate();
+	//             }
+	//         }
+	//         lay->m_dirty = false;
+	//     }
+	// }
+	return QWidget::event(e);
+}
+
+/**
+ * @brief 处理action的事件
+ *
+ * 这里处理了ActionAdded，ActionChanged，ActionRemoved三个事件
+ *
+ * ActionAdded时向布局请求，添加action，布局中同时触发了@ref SARibbonPannelLayout::createItem 函数
+ * 此函数用于生成窗口，例如QRibbonToolButton
+ *
+ * ActionChanged时会让布局重新计算尺寸，并向category请求重新布局，有可能category的所有要重新调整尺寸
+ *
+ * ActionRemoved会移除布局管理的QLayoutItem，并进行内存清理，这时窗口也会隐藏，同时销毁
+ *
+ * @param e
+ * @note 所有action事件都会向category请求重新布局
+ *
+ */
+void SARibbonPannel::actionEvent(QActionEvent* e)
+{
+	QAction* action             = e->action();
+	QWidgetAction* widgetAction = qobject_cast< QWidgetAction* >(action);
+
+	switch (e->type()) {
+	case QEvent::ActionAdded: {
+		SARibbonPannelLayout* lay = pannelLayout();
+		if (nullptr != widgetAction) {
+			if (widgetAction->parent() != this) {
+				widgetAction->setParent(this);
+			}
+		}
+		int index = layout()->count();
+		if (e->before()) {
+			// 说明是插入
+			index = lay->indexByAction(e->before());
+			if (-1 == index) {
+				index = layout()->count();  // 找不到的时候就插入到最后
+			}
+		}
+		lay->insertAction(index, action, getActionRowProportionProperty(action));
+		// 由于pannel的尺寸发生变化，需要让category也调整
+		// if (QWidget* parw = parentWidget()) {
+		//     if (QLayout* pl = parw->layout()) {
+		//         pl->invalidate();
+		//     }
+		// }
+	} break;
+
+	case QEvent::ActionChanged: {
+		// 让布局重新绘制
+		layout()->invalidate();
+
+		// updateGeometry();
+		// 由于pannel的尺寸发生变化，需要让category也调整
+		if (QWidget* parw = parentWidget()) {
+			if (QLayout* pl = parw->layout()) {
+				pl->invalidate();
+			}
+			//! 强制发送一个resizeevent，让Category能重绘，如果没有这个函数，发现Category的layout虽然设置了invalidate（标记缓存失效）
+			//! 但并没有按顺序在pannel尺寸更新后更新Category的尺寸，导致有些pannel的尺寸识别出现异常
+			//! 重打印信息上看，pannel的尺寸有进行更新，category的尺寸也进行了更新，但更新的次数和调用invalidate的次数不一样，需要手动触发ResizeEvent
+			//! 尝试过调用QEvent::LayoutRequest没有效果：
+			//! @code
+			//! QEvent* el = new QEvent(QEvent::LayoutRequest);
+			//! QApplication::postEvent(parw, el);
+			//! @endcode
+			//!
+			//! 调用parw->updateGeometry();也没有效果，目前看使用resizeevent是最有效果的
+			//!
+			QResizeEvent* ersize = new QResizeEvent(parw->size(), QSize());
+			QApplication::postEvent(parw, ersize);
+		}
+	} break;
+
+	case QEvent::ActionRemoved: {
+		SARibbonPannelLayout* lay = pannelLayout();
+		action->disconnect(this);
+		int index = lay->indexByAction(action);
+		if (index != -1) {
+			QLayoutItem* item = lay->takeAt(index);
+			delete item;
+		}
+		// 由于pannel的尺寸发生变化，需要让category也调整
+		// if (QWidget* parw = parentWidget()) {
+		//     if (QLayout* pl = parw->layout()) {
+		//         pl->invalidate();
+		//     }
+		// }
+	} break;
+
+	default:
+		break;
+	}
+}
+
+/**
+ * @brief 追踪字体改变事件，把新字体设置到childwidget中
+ * @param e
+ */
+void SARibbonPannel::changeEvent(QEvent* e)
+{
+	if (nullptr == e) {
+		return;
+	}
+	if (e->type() == QEvent::FontChange) {
+		QFont f                       = font();
+		QList< QWidget* > listWidgets = findChildren< QWidget* >();
+		for (QWidget* w : listWidgets) {
+			w->setFont(f);
+		}
+		if (QLayout* lay = layout()) {
+			lay->invalidate();
+		}
+		d_ptr->resetTitleLabelFont();
+	}
+	QWidget::changeEvent(e);
+}
+
+/**
+ * @brief 获取布局item
+ * @return
+ */
+const QList< SARibbonPannelItem* >& SARibbonPannel::ribbonPannelItem() const
+{
+	return (pannelLayout()->mItems);
+}
+
+/**
+ * @brief 获取最近添加的按钮
+ * @return 刚才添加的按钮的指针
+ */
+SARibbonToolButton* SARibbonPannel::lastAddActionButton()
+{
+	return d_ptr->lastAddActionButton();
+}
+
+/*** End of inlined file: SARibbonPannel.cpp ***/
+
+/*** Start of inlined file: SARibbonCategory.cpp ***/
+#include <QList>
+#include <QResizeEvent>
+#include <QPainter>
+#include <QLinearGradient>
+#include <QDebug>
+#include <QApplication>
+#include <QHBoxLayout>
+#include <QList>
+#include <QMap>
+#include <QResizeEvent>
+
+///
+/// \brief ribbon页的代理类
+/// 如果需要修改重绘SARibbonCategory，可以通过设置SARibbonCategory::setProxy
+///
+class SARibbonCategory::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonCategory)
+public:
+	PrivateData(SARibbonCategory* p);
+
+	SARibbonPannel* addPannel(const QString& title);
+	SARibbonPannel* insertPannel(const QString& title, int index);
+	void addPannel(SARibbonPannel* pannel);
+	void insertPannel(int index, SARibbonPannel* pannel);
+
+	// 把pannel从Category中移除，不会销毁，此时pannel的所有权归还操作者
+	bool takePannel(SARibbonPannel* pannel);
+
+	// 移除Pannel，Category会直接回收SARibbonPannel内存
+	bool removePannel(SARibbonPannel* pannel);
+	SARibbonCategory* ribbonCategory();
+	const SARibbonCategory* ribbonCategory() const;
+
+	// 返回所有的Pannel
+	QList< SARibbonPannel* > pannelList();
+
+	// 更新item的布局,此函数会调用doItemLayout
+	void updateItemGeometry();
+
+	void doWheelEvent(QWheelEvent* event);
+	// 初始化
+	void init(SARibbonCategory* c);
+
+public:
+	bool mEnableShowPannelTitle { true };    ///< 是否运行pannel的标题栏显示
+	int mPannelTitleHeight { 15 };           ///< pannel的标题栏默认高度
+	bool mIsContextCategory { false };       ///< 标记是否是上下文标签
+	bool mIsCanCustomize { true };           ///< 标记是否可以自定义
+	int mPannelSpacing { 0 };                ///< pannel的spacing
+	QSize mPannelToolButtonSize { 22, 22 };  ///< 记录pannel的默认图标大小
+	SARibbonPannel::PannelLayoutMode mDefaultPannelLayoutMode { SARibbonPannel::ThreeRowMode };
+};
+SARibbonCategory::PrivateData::PrivateData(SARibbonCategory* p) : q_ptr(p)
+{
+}
+
+SARibbonPannel* SARibbonCategory::PrivateData::addPannel(const QString& title)
+{
+	if (SARibbonCategoryLayout* lay = q_ptr->categoryLayout()) {
+		SARibbonPannel* p = insertPannel(title, lay->pannelCount());
+		return p;
+	}
+	return nullptr;
+}
+
+SARibbonPannel* SARibbonCategory::PrivateData::insertPannel(const QString& title, int index)
+{
+	SARibbonPannel* pannel = RibbonSubElementFactory->createRibbonPannel(ribbonCategory());
+
+	pannel->setPannelName(title);
+	pannel->setObjectName(title);
+	insertPannel(index, pannel);
+	return (pannel);
+}
+
+void SARibbonCategory::PrivateData::addPannel(SARibbonPannel* pannel)
+{
+	if (SARibbonCategoryLayout* lay = q_ptr->categoryLayout()) {
+		insertPannel(lay->pannelCount(), pannel);
+	}
+}
+
+/**
+ * @brief 插入pannel到layout
+ *
+ * 所有的添加操作最终会调用此函数
+ * @param index
+ * @param pannel
+ */
+void SARibbonCategory::PrivateData::insertPannel(int index, SARibbonPannel* pannel)
+{
+	if (nullptr == pannel) {
+		return;
+	}
+	SARibbonCategoryLayout* lay = qobject_cast< SARibbonCategoryLayout* >(q_ptr->layout());
+	if (nullptr == lay) {
+		return;
+	}
+	if (pannel->parentWidget() != q_ptr) {
+		pannel->setParent(q_ptr);
+	}
+	// 同步状态
+	pannel->setEnableShowTitle(mEnableShowPannelTitle);
+	pannel->setTitleHeight(mPannelTitleHeight);
+	pannel->setPannelLayoutMode(mDefaultPannelLayoutMode);
+	pannel->setSpacing(mPannelSpacing);
+	pannel->setToolButtonIconSize(mPannelToolButtonSize);
+	index = qMax(0, index);
+	index = qMin(lay->pannelCount(), index);
+	lay->insertPannel(index, pannel);
+	pannel->setVisible(true);
+
+	QObject::connect(pannel, &SARibbonPannel::actionTriggered, ribbonCategory(), &SARibbonCategory::actionTriggered);
+}
+
+bool SARibbonCategory::PrivateData::takePannel(SARibbonPannel* pannel)
+{
+	SARibbonCategoryLayout* lay = qobject_cast< SARibbonCategoryLayout* >(q_ptr->layout());
+	if (nullptr == lay) {
+		return false;
+	}
+	return lay->takePannel(pannel);
+}
+
+bool SARibbonCategory::PrivateData::removePannel(SARibbonPannel* pannel)
+{
+	if (takePannel(pannel)) {
+		pannel->hide();
+		pannel->deleteLater();
+		return (true);
+	}
+	return (false);
+}
+
+QList< SARibbonPannel* > SARibbonCategory::PrivateData::pannelList()
+{
+	if (SARibbonCategoryLayout* lay = q_ptr->categoryLayout()) {
+		return lay->pannelList();
+	}
+	return QList< SARibbonPannel* >();
+}
+
+SARibbonCategory* SARibbonCategory::PrivateData::ribbonCategory()
+{
+	return (q_ptr);
+}
+
+const SARibbonCategory* SARibbonCategory::PrivateData::ribbonCategory() const
+{
+	return (q_ptr);
+}
+
+void SARibbonCategory::PrivateData::updateItemGeometry()
+{
+#if SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "SARibbonCategory::PrivateData::updateItemGeometry,categoryName=" << q_ptr->categoryName();
+#endif
+	SARibbonCategoryLayout* lay = qobject_cast< SARibbonCategoryLayout* >(q_ptr->layout());
+	if (!lay) {
+		return;
+	}
+	const QList< SARibbonPannel* > pannels = lay->pannelList();
+	for (auto pannel : pannels) {
+		pannel->updateItemGeometry();
+	}
+	lay->updateGeometryArr();
+	return;
+}
+
+void SARibbonCategory::PrivateData::doWheelEvent(QWheelEvent* event)
+{
+	SARibbonCategoryLayout* lay = q_ptr->categoryLayout();
+	if (nullptr == lay) {
+		return;
+	}
+	QSize contentSize = lay->categoryContentSize();
+	// 求总宽
+	int totalWidth = lay->categoryTotalWidth();
+
+	if (totalWidth > contentSize.width()) {
+		// 这个时候滚动有效
+		int scrollpix = 40;
+		// Qt6 取消了QWheelEvent::delta函数
+		// 是要下面方法可兼容qt5/6
+		QPoint numPixels  = event->pixelDelta();
+		QPoint numDegrees = event->angleDelta() / 8;
+		if (!numPixels.isNull()) {
+			if (numDegrees.y() < 0) {
+				scrollpix = -scrollpix;
+			}
+		} else if (!numDegrees.isNull()) {
+			if (numDegrees.y() < 0) {
+				scrollpix = -scrollpix;
+			}
+		}
+		lay->scroll(scrollpix);
+	} else {
+		// 这时候无需处理事件，把滚动事件上发让父级也能接收
+		event->ignore();
+		// 如滚动过就还原
+		if (lay->isScrolled()) {
+			lay->scroll(0);
+		}
+	}
+}
+
+void SARibbonCategory::PrivateData::init(SARibbonCategory* c)
+{
+	c->setLayout(new SARibbonCategoryLayout(c));
+	c->connect(c, &SARibbonCategory::windowTitleChanged, c, &SARibbonCategory::categoryNameChanged);
+}
+
+//----------------------------------------------------
+// SARibbonCategory
+//----------------------------------------------------
+
+SARibbonCategory::SARibbonCategory(QWidget* p) : QFrame(p), d_ptr(new SARibbonCategory::PrivateData(this))
+{
+	d_ptr->init(this);
+}
+
+SARibbonCategory::SARibbonCategory(const QString& name, QWidget* p)
+    : QFrame(p), d_ptr(new SARibbonCategory::PrivateData(this))
+{
+	setCategoryName(name);
+	d_ptr->init(this);
+}
+
+SARibbonCategory::~SARibbonCategory()
+{
+}
+
+/**
+ * @brief category的名字,等同windowTitle函数
+ * @return
+ */
+QString SARibbonCategory::categoryName() const
+{
+	return (windowTitle());
+}
+
+/**
+ * @brief 设置category名字，等同setWindowTitle
+ * @param title
+ */
+void SARibbonCategory::setCategoryName(const QString& title)
+{
+	setWindowTitle(title);
+}
+
+bool SARibbonCategory::event(QEvent* e)
+{
+#if SA_DEBUG_PRINT_EVENT
+	if (e->type() != QEvent::Paint) {
+		qDebug() << "SARibbonCategory event(" << e->type() << "),name=" << categoryName();
+	}
+#endif
+	return QWidget::event(e);
+}
+
+/**
+ * @brief pannel的模式
+ * @return
+ */
+SARibbonPannel::PannelLayoutMode SARibbonCategory::pannelLayoutMode() const
+{
+	return (d_ptr->mDefaultPannelLayoutMode);
+}
+
+/**
+ * @brief 设置pannel的模式
+ *
+ * 在@ref SARibbonBar 调用@ref SARibbonBar::setRibbonStyle 函数时，会对所有的SARibbonCategory调用此函数
+ * 把新的SARibbonPannel::PannelLayoutMode设置进去
+ * @param m
+ */
+void SARibbonCategory::setPannelLayoutMode(SARibbonPannel::PannelLayoutMode m)
+{
+	d_ptr->mDefaultPannelLayoutMode = m;
+	iterate([ m ](SARibbonPannel* p) -> bool {
+		p->setPannelLayoutMode(m);
+		return true;
+	});
+	updateItemGeometry();
+}
+
+/**
+ * @brief 添加pannel
+ *
+ * @note pannel的所有权由SARibbonCategory来管理，请不要在外部对其进行销毁
+ * @param title pannel的标题，在office/wps的三行模式下会显示在pannel的下方
+ * @return 返回生成的@ref SARibbonPannel 指针
+ * @see 对SARibbonPannel的其他操作，参考 @ref SARibbonCategory::takePannel
+ */
+SARibbonPannel* SARibbonCategory::addPannel(const QString& title)
+{
+	return (d_ptr->addPannel(title));
+}
+
+/**
+ * @brief 添加pannel
+ * @param pannel pannel的所有权SARibbonCategory来管理
+ */
+void SARibbonCategory::addPannel(SARibbonPannel* pannel)
+{
+	d_ptr->addPannel(pannel);
+}
+
+/**
+ * @brief qt designer专用
+ * @param pannel
+ */
+void SARibbonCategory::addPannel(QWidget* pannel)
+{
+	SARibbonPannel* p = qobject_cast< SARibbonPannel* >(pannel);
+	if (p) {
+		addPannel(p);
+	}
+}
+
+/**
+ * @brief 新建一个pannel，并插入到index位置
+ * @param title pannel的title
+ * @param index 插入的位置，如果index超出category里pannel的个数，将插入到最后
+ * @return 返回生成的@ref SARibbonPannel 指针
+ * @note 如果
+ */
+SARibbonPannel* SARibbonCategory::insertPannel(const QString& title, int index)
+{
+	return (d_ptr->insertPannel(title, index));
+}
+
+/**
+ * @brief 通过名字查找pannel
+ * @param title
+ * @return 如果有重名，只会返回第一个符合条件的
+ */
+SARibbonPannel* SARibbonCategory::pannelByName(const QString& title) const
+{
+	if (SARibbonCategoryLayout* lay = categoryLayout()) {
+		return lay->pannelByName(title);
+	}
+	return nullptr;
+}
+
+/**
+ * @brief 通过ObjectName查找pannel
+ * @param objname
+ * @return
+ */
+SARibbonPannel* SARibbonCategory::pannelByObjectName(const QString& objname) const
+{
+	if (SARibbonCategoryLayout* lay = categoryLayout()) {
+		return lay->pannelByObjectName(objname);
+	}
+	return nullptr;
+}
+
+/**
+ * @brief 通过索引找到pannel，如果超过索引范围，会返回nullptr
+ * @param index
+ * @return 如果超过索引范围，会返回nullptr
+ */
+SARibbonPannel* SARibbonCategory::pannelByIndex(int index) const
+{
+	if (SARibbonCategoryLayout* lay = categoryLayout()) {
+		return lay->pannelByIndex(index);
+	}
+	return nullptr;
+}
+
+/**
+ * @brief 查找pannel对应的索引
+ * @param p
+ * @return 如果找不到，返回-1
+ */
+int SARibbonCategory::pannelIndex(SARibbonPannel* p) const
+{
+	if (SARibbonCategoryLayout* lay = categoryLayout()) {
+		return lay->pannelIndex(p);
+	}
+	return -1;
+}
+
+/**
+ * @brief 移动一个Pannel从from index到to index
+ * @param from 要移动pannel的index
+ * @param to 要移动到的位置
+ */
+void SARibbonCategory::movePannel(int from, int to)
+{
+	if (from == to) {
+		return;
+	}
+	if (to < 0) {
+		to = 0;
+	}
+	if (to >= pannelCount()) {
+		to = pannelCount() - 1;
+	}
+	if (SARibbonCategoryLayout* lay = categoryLayout()) {
+		lay->movePannel(from, to);
+	}
+}
+
+/**
+ * @brief 把pannel脱离SARibbonCategory的管理
+ * @param pannel 需要提取的pannel
+ * @return 成功返回true，否则返回false
+ */
+bool SARibbonCategory::takePannel(SARibbonPannel* pannel)
+{
+	return (d_ptr->takePannel(pannel));
+}
+
+/**
+ * @brief 移除Pannel，Category会直接回收SARibbonPannel内存
+ * @param pannel 需要移除的pannel
+ * @note 移除后pannel为野指针，一般操作完建议把pannel指针设置为nullptr
+ *
+ * 此操作等同于：
+ *
+ * @code
+ * SARibbonPannel* pannel;
+ * ...
+ * category->takePannel(pannel);
+ * pannel->hide();
+ * pannel->deleteLater();
+ * @endcode
+ */
+bool SARibbonCategory::removePannel(SARibbonPannel* pannel)
+{
+	return (d_ptr->removePannel(pannel));
+}
+
+/**
+ * @brief 移除pannel
+ * @param index pannel的索引，如果超出会返回false
+ * @return 成功返回true
+ */
+bool SARibbonCategory::removePannel(int index)
+{
+	SARibbonPannel* p = pannelByIndex(index);
+
+	if (nullptr == p) {
+		return (false);
+	}
+	return (removePannel(p));
+}
+
+/**
+ * @brief 返回Category下的所有pannel
+ * @return
+ */
+QList< SARibbonPannel* > SARibbonCategory::pannelList() const
+{
+	return (d_ptr->pannelList());
+}
+
+QSize SARibbonCategory::sizeHint() const
+{
+	if (SARibbonCategoryLayout* lay = categoryLayout()) {
+		return lay->sizeHint();
+	}
+	return QSize(1000, 100);
+}
+
+/**
+ * @brief 如果是ContextCategory，此函数返回true
+ * @return
+ */
+bool SARibbonCategory::isContextCategory() const
+{
+	return (d_ptr->mIsContextCategory);
+}
+
+/**
+ * @brief 返回pannel的个数
+ * @return
+ */
+int SARibbonCategory::pannelCount() const
+{
+	if (SARibbonCategoryLayout* lay = categoryLayout()) {
+		return lay->pannelCount();
+	}
+	return -1;
+}
+
+/**
+ * @brief 判断是否可以自定义
+ * @return
+ */
+bool SARibbonCategory::isCanCustomize() const
+{
+	return (d_ptr->mIsCanCustomize);
+}
+
+/**
+ * @brief 设置是否可以自定义
+ * @param b
+ */
+void SARibbonCategory::setCanCustomize(bool b)
+{
+	d_ptr->mIsCanCustomize = b;
+}
+
+/**
+ * @brief pannel标题栏的高度
+ * @return
+ */
+int SARibbonCategory::pannelTitleHeight() const
+{
+	return d_ptr->mPannelTitleHeight;
+}
+/**
+ * @brief 设置pannel的高度
+ * @param h
+ */
+void SARibbonCategory::setPannelTitleHeight(int h)
+{
+	d_ptr->mPannelTitleHeight = h;
+	iterate([ h ](SARibbonPannel* p) -> bool {
+		p->setTitleHeight(h);
+		return true;
+	});
+}
+
+/**
+ * @brief 是否pannel显示标题栏
+ * @return
+ */
+bool SARibbonCategory::isEnableShowPannelTitle() const
+{
+	return d_ptr->mEnableShowPannelTitle;
+}
+
+/**
+ * @brief 设置显示pannel标题
+ * @param on
+ */
+void SARibbonCategory::setEnableShowPannelTitle(bool on)
+{
+	d_ptr->mEnableShowPannelTitle = on;
+	iterate([ on ](SARibbonPannel* p) -> bool {
+		p->setEnableShowTitle(on);
+		return true;
+	});
+}
+
+/**
+ * @brief 获取对应的ribbonbar
+ * @return 如果没有加入ribbonbar的管理，此值为null
+ */
+SARibbonBar* SARibbonCategory::ribbonBar() const
+{
+	// 第一个par是stackwidget
+	if (QWidget* par = parentWidget()) {
+		// 理论此时是ribbonbar
+		par = par->parentWidget();
+		while (par) {
+			if (SARibbonBar* ribbon = qobject_cast< SARibbonBar* >(par)) {
+				return ribbon;
+			}
+			par = par->parentWidget();
+		}
+	}
+	return nullptr;
+}
+
+/**
+ * @brief 刷新category的布局，适用于改变ribbon的模式之后调用
+ */
+void SARibbonCategory::updateItemGeometry()
+{
+#if SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "SARibbonCategory name=" << categoryName() << " updateItemGeometry";
+#endif
+	d_ptr->updateItemGeometry();
+}
+
+/**
+ * @brief 此函数会遍历Category下的所有pannel,执行函数指针
+ * @param fp 函数指针返回false则停止迭代
+ * @return 返回false代表没有迭代完所有的category，中途接收到回调函数的false返回而中断迭代
+ */
+bool SARibbonCategory::iterate(FpPannelIterate fp)
+{
+	const QList< SARibbonPannel* > ps = pannelList();
+	for (SARibbonPannel* p : ps) {
+		if (!fp(p)) {
+			return false;
+		}
+	}
+	return true;
+}
+
+/**
+   @brief 设置Category的对齐方式
+   @param al
+ */
+void SARibbonCategory::setCategoryAlignment(SARibbonAlignment al)
+{
+	SARibbonCategoryLayout* lay = qobject_cast< SARibbonCategoryLayout* >(layout());
+	if (lay) {
+		lay->setCategoryAlignment(al);
+	}
+}
+
+/**
+   @brief Category的对齐方式
+   @return
+ */
+SARibbonAlignment SARibbonCategory::categoryAlignment() const
+{
+	SARibbonCategoryLayout* lay = qobject_cast< SARibbonCategoryLayout* >(layout());
+	if (lay) {
+		return lay->categoryAlignment();
+	}
+	return SARibbonAlignment::AlignLeft;
+}
+
+/**
+ * @brief 设置pannel的spacing
+ * @param n
+ */
+void SARibbonCategory::setPannelSpacing(int n)
+{
+	d_ptr->mPannelSpacing = n;
+	iterate([ n ](SARibbonPannel* pannel) -> bool {
+		if (pannel) {
+			pannel->setSpacing(n);
+		}
+		return true;
+	});
+}
+
+/**
+ * @brief pannel的spacing
+ * @return
+ */
+int SARibbonCategory::pannelSpacing() const
+{
+	return d_ptr->mPannelSpacing;
+}
+
+/**
+ * @brief 设置pannel按钮的icon尺寸，large action不受此尺寸影响
+ * @param s
+ */
+void SARibbonCategory::setPannelToolButtonIconSize(const QSize& s)
+{
+	d_ptr->mPannelToolButtonSize = s;
+	iterate([ s ](SARibbonPannel* pannel) -> bool {
+		if (pannel) {
+			pannel->setToolButtonIconSize(s);
+		}
+		return true;
+	});
+}
+
+/**
+ * @brief pannel按钮的icon尺寸，large action不受此尺寸影响
+ * @return
+ */
+QSize SARibbonCategory::pannelToolButtonIconSize() const
+{
+	return d_ptr->mPannelToolButtonSize;
+}
+
+/**
+ * @brief 在超出边界情况下，滚轮可滚动pannel
+ * @param event
+ */
+void SARibbonCategory::wheelEvent(QWheelEvent* event)
+{
+	d_ptr->doWheelEvent(event);
+}
+
+void SARibbonCategory::changeEvent(QEvent* event)
+{
+	switch (event->type()) {
+	case QEvent::StyleChange: {
+		if (layout()) {
+#if SA_DEBUG_PRINT_SIZE_HINT
+			qDebug() << "SARibbonCategory changeEvent(StyleChange),categoryName=" << categoryName();
+#endif
+			layout()->invalidate();
+		}
+	} break;
+	case QEvent::FontChange: {
+#if SA_DEBUG_PRINT_SIZE_HINT
+		qDebug() << "SARibbonCategory changeEvent(FontChange),categoryName=" << categoryName();
+#endif
+		QFont f = font();
+		iterate([ f ](SARibbonPannel* p) -> bool {
+			p->setFont(f);
+			return true;
+		});
+		if (layout()) {
+			layout()->invalidate();
+		}
+	} break;
+	default:
+		break;
+	};
+	return QWidget::changeEvent(event);
+}
+
+/**
+ * @brief 标记这个是上下文标签
+ * @param isContextCategory
+ */
+void SARibbonCategory::markIsContextCategory(bool isContextCategory)
+{
+	d_ptr->mIsContextCategory = isContextCategory;
+}
+
+/**
+ * @brief 获取SARibbonCategoryLayoutlayout
+ * @return
+ */
+SARibbonCategoryLayout* SARibbonCategory::categoryLayout() const
+{
+	return qobject_cast< SARibbonCategoryLayout* >(layout());
+}
+
+//===================================================
+// SARibbonCategoryScrollButton
+//===================================================
+SARibbonCategoryScrollButton::SARibbonCategoryScrollButton(Qt::ArrowType arr, QWidget* p) : QToolButton(p)
+{
+	setArrowType(arr);
+}
+
+SARibbonCategoryScrollButton::~SARibbonCategoryScrollButton()
+{
+}
+
+/*** End of inlined file: SARibbonCategory.cpp ***/
+
+/*** Start of inlined file: SARibbonCategoryLayout.cpp ***/
+#include <QLayoutItem>
+
+#include <QApplication>
+#include <QDebug>
+
+#ifndef SARibbonCategoryLayout_DEBUG_PRINT
+#define SARibbonCategoryLayout_DEBUG_PRINT 1
+#endif
+/**
+ * @brief The SARibbonCategoryLayoutPrivate class
+ */
+class SARibbonCategoryLayout::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonCategoryLayout)
+public:
+	PrivateData(SARibbonCategoryLayout* p);
+	// 计算所有元素的sizehint总宽度
+	int totalSizeHintWidth() const;
+
+public:
+	bool mDirty { true };
+	bool mIsRightScrollBtnShow { false };                       ///< 标记右滚动按钮是否需要显示
+	bool mIsLeftScrollBtnShow { false };                        ///< 标记左滚动按钮是否需要显示
+	SARibbonCategoryScrollButton* mLeftScrollBtn { nullptr };   ///< 在区域无法显示时显示的按钮
+	SARibbonCategoryScrollButton* mRightScrollBtn { nullptr };  ///< 在区域无法显示时显示的按钮
+	int mTotalWidth { 0 };
+	int mXBase { 0 };
+	QSize mSizeHint;
+	QSize mMinSizeHint;
+	QList< SARibbonCategoryLayoutItem* > mItemList;
+	SARibbonAlignment mCategoryAlignment { SARibbonAlignment::AlignLeft };  ///< 对齐方式
+};
+
+//=============================================================
+// SARibbonCategoryLayoutPrivate
+//=============================================================
+
+SARibbonCategoryLayout::PrivateData::PrivateData(SARibbonCategoryLayout* p) : q_ptr(p)
+{
+}
+
+/**
+ * @brief 计算所有元素的SizeHint宽度总和
+ * @return
+ */
+int SARibbonCategoryLayout::PrivateData::totalSizeHintWidth() const
+{
+	int total    = 0;
+	QMargins mag = q_ptr->contentsMargins();
+#if SA_DEBUG_PRINT_SIZE_HINT
+	int debug_i__ = 0;
+	QString debug_totalSizeHintWidth__;
+#endif
+	if (!mag.isNull()) {
+		total += (mag.left() + mag.right());
+	}
+	// 先计算总长
+	for (SARibbonCategoryLayoutItem* item : qAsConst(mItemList)) {
+		if (item->isEmpty()) {
+// 如果是hide就直接跳过
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+			++debug_i__;
+            debug_totalSizeHintWidth__ +=
+                QString("   [%1](%2)is empty skip\n").arg(debug_i__).arg(item->toPannelWidget()->pannelName());
+#endif
+			continue;
+		}
+		// 这里要使用widget()->sizeHint()，因为pannel的标题会影总体布局，此处需要修改
+		//  TODO
+		QSize pannelSize = item->widget()->sizeHint();
+		QSize SeparatorSize(0, 0);
+		if (item->separatorWidget) {
+			SeparatorSize = item->separatorWidget->sizeHint();
+		}
+		total += pannelSize.width();
+		total += SeparatorSize.width();
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+		++debug_i__;
+		debug_totalSizeHintWidth__ += QString("|-[%1]pannelSize=(%2,%3),SeparatorSize=(%4,%5),name=(%6) \n")
+                                          .arg(debug_i__)
+                                          .arg(pannelSize.width())
+                                          .arg(pannelSize.height())
+                                          .arg(SeparatorSize.width())
+                                          .arg(SeparatorSize.height())
+                                          .arg(item->toPannelWidget()->pannelName());
+#endif
+	}
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "SARibbonCategoryLayout.totalSizeHintWidth=" << total;
+	qDebug().noquote() << debug_totalSizeHintWidth__;
+#endif
+	return (total);
+}
+
+//=============================================================
+// SARibbonCategoryLayout
+//=============================================================
+
+SARibbonCategoryLayout::SARibbonCategoryLayout(SARibbonCategory* parent)
+    : QLayout(parent), d_ptr(new SARibbonCategoryLayout::PrivateData(this))
+{
+	setContentsMargins(1, 1, 1, 1);
+	d_ptr->mLeftScrollBtn  = new SARibbonCategoryScrollButton(Qt::LeftArrow, parent);
+	d_ptr->mRightScrollBtn = new SARibbonCategoryScrollButton(Qt::RightArrow, parent);
+	d_ptr->mLeftScrollBtn->setVisible(false);
+	d_ptr->mRightScrollBtn->setVisible(false);
+	connect(d_ptr->mLeftScrollBtn, &QToolButton::clicked, this, &SARibbonCategoryLayout::onLeftScrollButtonClicked);
+	connect(d_ptr->mRightScrollBtn, &QToolButton::clicked, this, &SARibbonCategoryLayout::onRightScrollButtonClicked);
+}
+
+SARibbonCategoryLayout::~SARibbonCategoryLayout()
+{
+	while (auto item = takePannelItem(0)) {
+		delete item;
+	}
+}
+
+SARibbonCategory* SARibbonCategoryLayout::ribbonCategory() const
+{
+	return (qobject_cast< SARibbonCategory* >(parentWidget()));
+}
+
+void SARibbonCategoryLayout::addItem(QLayoutItem* item)
+{
+	Q_UNUSED(item);
+	qWarning() << tr("in SARibbonCategoryLayout cannot addItem,use addPannel instead");
+	invalidate();
+}
+
+/**
+ * @brief 返回pannel的layout
+ * @param index 索引
+ * @return
+ * @note 注意，pannel是和分割线一起的，但这个只返回一个pannel对应的layout
+ */
+QLayoutItem* SARibbonCategoryLayout::itemAt(int index) const
+{
+	SARibbonCategoryLayoutItem* item = d_ptr->mItemList.value(index, nullptr);
+
+	return (item);
+}
+
+/**
+ * @brief 提取layout
+ * @param index
+ * @return
+ */
+QLayoutItem* SARibbonCategoryLayout::takeAt(int index)
+{
+	QLayoutItem* r = takePannelItem(index);
+	invalidate();
+	return r;
+}
+
+SARibbonCategoryLayoutItem* SARibbonCategoryLayout::takePannelItem(int index)
+{
+	if ((index >= 0) && (index < d_ptr->mItemList.size())) {
+		SARibbonCategoryLayoutItem* item = d_ptr->mItemList.takeAt(index);
+		if (item->widget()) {
+			item->widget()->hide();
+		}
+		if (item->separatorWidget) {
+			item->separatorWidget->hide();
+		}
+		return (item);
+	}
+	return (nullptr);
+}
+
+SARibbonCategoryLayoutItem* SARibbonCategoryLayout::takePannelItem(SARibbonPannel* pannel)
+{
+	for (int i = 0; i < d_ptr->mItemList.size(); ++i) {
+		SARibbonCategoryLayoutItem* item = d_ptr->mItemList[ i ];
+		if (item->widget() == pannel) {
+			return (takePannelItem(i));
+		}
+	}
+	return (nullptr);
+}
+
+/**
+ * @brief 移除pannel，对应的分割线也会删除
+ * @param pannel
+ * @return
+ */
+bool SARibbonCategoryLayout::takePannel(SARibbonPannel* pannel)
+{
+	SARibbonCategoryLayoutItem* i = takePannelItem(pannel);
+	if (i) {
+		SARibbonSeparatorWidget* sp = i->separatorWidget;
+		if (sp) {
+			sp->deleteLater();
+		}
+		delete i;
+		invalidate();
+		return true;
+	}
+	return false;
+}
+
+int SARibbonCategoryLayout::count() const
+{
+	return (d_ptr->mItemList.size());
+}
+
+void SARibbonCategoryLayout::addPannel(SARibbonPannel* pannel)
+{
+	insertPannel(d_ptr->mItemList.count(), pannel);
+}
+
+/**
+ * @brief 插入一个pannel
+ * @param index 索引
+ * @param pannel
+ * @return 返回对应的分割线SARibbonSeparatorWidget
+ * @note 在SARibbonCategoryLayout的布局中，一个pannel会携带一个分割线
+ */
+void SARibbonCategoryLayout::insertPannel(int index, SARibbonPannel* pannel)
+{
+	index                            = qMax(0, index);
+	index                            = qMin(d_ptr->mItemList.count(), index);
+	SARibbonCategoryLayoutItem* item = new SARibbonCategoryLayoutItem(pannel);
+
+	// 分割线
+	item->separatorWidget = RibbonSubElementFactory->createRibbonSeparatorWidget(parentWidget());
+	// 插入list中
+	d_ptr->mItemList.insert(index, item);
+	// 标记需要重新计算尺寸
+	invalidate();
+}
+
+QSize SARibbonCategoryLayout::sizeHint() const
+{
+	if (d_ptr->mSizeHint.isNull()) {
+		SARibbonCategoryLayout* that = const_cast< SARibbonCategoryLayout* >(this);
+		that->updateGeometryArr();
+	}
+	return (d_ptr->mSizeHint);
+}
+
+QSize SARibbonCategoryLayout::minimumSize() const
+{
+	if (d_ptr->mMinSizeHint.isNull()) {
+		SARibbonCategoryLayout* that = const_cast< SARibbonCategoryLayout* >(this);
+		that->updateGeometryArr();
+	}
+	return (d_ptr->mMinSizeHint);
+}
+
+/**
+ * @brief SARibbonCategory充满整个stacked widget
+ * @return
+ */
+Qt::Orientations SARibbonCategoryLayout::expandingDirections() const
+{
+	return (Qt::Horizontal | Qt::Vertical);
+}
+
+void SARibbonCategoryLayout::invalidate()
+{
+	d_ptr->mDirty = true;
+	QLayout::invalidate();
+}
+/**
+ * @brief category的内容尺寸（把margins减去）
+ * @return
+ */
+QSize SARibbonCategoryLayout::categoryContentSize() const
+{
+	SARibbonCategory* category = ribbonCategory();
+	QSize s                    = category->size();
+	QMargins mag               = contentsMargins();
+	if (!mag.isNull()) {
+		s.rheight() -= (mag.top() + mag.bottom());
+		s.rwidth() -= (mag.right() + mag.left());
+	}
+	return (s);
+}
+
+/**
+ * @brief 更新尺寸
+ */
+void SARibbonCategoryLayout::updateGeometryArr()
+{
+	SARibbonCategory* category = ribbonCategory();
+	if (nullptr == category) {
+		return;
+	}
+	int categoryWidth = category->width();
+	QMargins mag      = contentsMargins();
+	int height        = category->height();
+	int y             = 0;
+
+	if (!mag.isNull()) {
+		y = mag.top();
+		height -= (mag.top() + mag.bottom());
+		// categoryWidth不能把mag减去，减去后会导致categoryWidth不是实际的categoryWidth
+		// categoryWidth -= (mag.right() + mag.left());
+	}
+	// total 是总宽，不是x坐标系，x才是坐标系
+	int total = d_ptr->totalSizeHintWidth();
+
+	// 扩展的宽度
+	int expandWidth = 0;
+
+// 如果total < categoryWidth,m_d->mXBase可以设置为0
+// 判断是否超过总长度
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "SARibbonCategoryLayout::updateGeometryArr" << "\n|-category name=" << category->categoryName()  //
+             << "\n|-category height=" << height                                                                 //
+             << "\n|-totalSizeHintWidth=" << total                                                               //
+             << "\n|-y=" << y                                                                                    //
+             << "\n|-expandWidth:" << expandWidth                                                                //
+             << "\n|-mag=" << mag;
+#endif
+	if (total > categoryWidth) {
+		// 超过总长度，需要显示滚动按钮
+		if (0 == d_ptr->mXBase) {
+			// 已经移动到最左，需要可以向右移动
+			d_ptr->mIsRightScrollBtnShow = true;
+			d_ptr->mIsLeftScrollBtnShow  = false;
+		} else if (d_ptr->mXBase <= (categoryWidth - total)) {
+			// 已经移动到最右，需要可以向左移动
+			d_ptr->mIsRightScrollBtnShow = false;
+			d_ptr->mIsLeftScrollBtnShow  = true;
+		} else {
+			// 移动到中间两边都可以动
+			d_ptr->mIsRightScrollBtnShow = true;
+			d_ptr->mIsLeftScrollBtnShow  = true;
+		}
+	} else {
+		// 说明total 小于 categoryWidth
+		// 记录可以扩展的数量
+		int canExpandingCount        = 0;
+		d_ptr->mIsRightScrollBtnShow = false;
+		d_ptr->mIsLeftScrollBtnShow  = false;
+		// 这个是避免一开始totalWidth > categorySize.width()，通过滚动按钮调整了m_d->mBaseX
+		// 随之调整了窗体尺寸，调整后totalWidth < categorySize.width()导致category在原来位置
+		// 无法显示，必须这里把mBaseX设置为0
+
+		d_ptr->mXBase = 0;
+		//
+
+		for (SARibbonCategoryLayoutItem* item : qAsConst(d_ptr->mItemList)) {
+			if (SARibbonPannel* p = qobject_cast< SARibbonPannel* >(item->widget())) {
+				if (p->isExpanding()) {
+					// pannel可扩展
+					++canExpandingCount;
+				}
+			}
+		}
+		// 计算可扩展的宽度
+		if (canExpandingCount > 0) {
+			expandWidth = (categoryWidth - total) / canExpandingCount;
+		} else {
+			expandWidth = 0;
+		}
+	}
+	int x = d_ptr->mXBase;
+	if ((categoryAlignment() == SARibbonAlignment::AlignCenter) && (total < categoryWidth) && (0 == expandWidth)) {
+		// 如果是居中对齐，同时没有伸缩的pannel，同时总宽度没有超过category的宽度
+		x = (categoryWidth - total) / 2;
+	}
+	total = 0;  // total重新计算
+	// 先按照sizeHint设置所有的尺寸
+	for (SARibbonCategoryLayoutItem* item : qAsConst(d_ptr->mItemList)) {
+		if (item->isEmpty()) {
+			// 如果是hide就直接跳过
+			if (item->separatorWidget) {
+				// pannel hide分割线也要hide
+				item->separatorWidget->hide();
+			}
+			item->mWillSetGeometry          = QRect(0, 0, 0, 0);
+			item->mWillSetSeparatorGeometry = QRect(0, 0, 0, 0);
+			continue;
+		}
+		SARibbonPannel* p = item->toPannelWidget();
+		if (nullptr == p) {
+			qDebug() << "unknow widget in SARibbonCategoryLayout";
+			continue;
+		}
+		// p->layout()->update();
+		QSize pannelSize = p->sizeHint();
+		QSize SeparatorSize(0, 0);
+		if (item->separatorWidget) {
+			SeparatorSize = item->separatorWidget->sizeHint();
+		}
+		if (p->isExpanding()) {
+			// 可扩展，就把pannel扩展到最大
+			pannelSize.setWidth(pannelSize.width() + expandWidth);
+		}
+		int w = pannelSize.width();
+
+		item->mWillSetGeometry = QRect(x, y, w, height);
+		x += w;
+		total += w;
+		w                               = SeparatorSize.width();
+		item->mWillSetSeparatorGeometry = QRect(x, y, w, height);
+		x += w;
+		total += w;
+	}
+	d_ptr->mTotalWidth  = total;
+	d_ptr->mSizeHint    = QSize(d_ptr->mTotalWidth, height);
+	d_ptr->mMinSizeHint = QSize(categoryWidth, height);
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "SARibbonCategoryLayout updateGeometryArr,SizeHint=" << d_ptr->mSizeHint
+             << ",Category name=" << category->categoryName();
+#endif
+}
+
+/**
+ * @brief 执行layout调整
+ */
+void SARibbonCategoryLayout::doLayout()
+{
+	if (d_ptr->mDirty) {
+		updateGeometryArr();
+	}
+	SARibbonCategory* category = ribbonCategory();
+	// 两个滚动按钮的位置永远不变
+	d_ptr->mLeftScrollBtn->setGeometry(0, 0, 12, category->height());
+	d_ptr->mRightScrollBtn->setGeometry(category->width() - 12, 0, 12, category->height());
+	QList< QWidget* > showWidgets, hideWidgets;
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+	int debug_i__(0);
+	qDebug() << "SARibbonCategoryLayout::doLayout(),name=" << category->categoryName();
+#endif
+	for (SARibbonCategoryLayoutItem* item : qAsConst(d_ptr->mItemList)) {
+		if (item->isEmpty()) {
+			hideWidgets << item->widget();
+			if (item->separatorWidget) {
+				hideWidgets << item->separatorWidget;
+			}
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+			qDebug() << "|-[" << debug_i__ << "]pannelName(" << item->toPannelWidget()->pannelName() << ",will hide";
+			++debug_i__;
+#endif
+		} else {
+			//! 这里不能用item->setGeometry(item->mWillSetGeometry);这样会得到一个很奇怪的显示效果
+			//! 就是窗口的最左边不会移出去，而是把最右边压缩，
+			item->widget()->setGeometry(item->mWillSetGeometry);
+			//            item->widget()->setFixedSize(item->mWillSetGeometry.size());
+			//            item->widget()->move(item->mWillSetGeometry.topLeft());
+			//            item->setGeometry(item->mWillSetGeometry);
+			showWidgets << item->widget();
+			if (item->separatorWidget) {
+				item->separatorWidget->setGeometry(item->mWillSetSeparatorGeometry);
+				showWidgets << item->separatorWidget;
+			}
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+			qDebug() << "|-[" << debug_i__ << "]pannelName(" << item->toPannelWidget()->pannelName()
+                     << "),willSetGeometry:" << item->mWillSetGeometry
+                     << ",WillSetSeparatorGeometry:" << item->mWillSetSeparatorGeometry;
+			++debug_i__;
+#endif
+		}
+	}
+
+	d_ptr->mRightScrollBtn->setVisible(d_ptr->mIsRightScrollBtnShow);
+	d_ptr->mLeftScrollBtn->setVisible(d_ptr->mIsLeftScrollBtnShow);
+	if (d_ptr->mIsRightScrollBtnShow) {
+		d_ptr->mRightScrollBtn->raise();
+	}
+	if (d_ptr->mIsLeftScrollBtnShow) {
+		d_ptr->mLeftScrollBtn->raise();
+	}
+	// 不在上面那里进行show和hide因为这会触发SARibbonPannelLayout的重绘，导致循环绘制，非常影响效率
+	for (QWidget* w : qAsConst(showWidgets)) {
+		if (!w->isVisible()) {
+			w->show();
+		}
+	}
+	for (QWidget* w : qAsConst(hideWidgets)) {
+		if (w->isVisible()) {
+			w->hide();
+		}
+	}
+}
+
+/**
+ * @brief 返回所有pannels
+ * @return
+ */
+QList< SARibbonPannel* > SARibbonCategoryLayout::pannels() const
+{
+	QList< SARibbonPannel* > res;
+
+	for (SARibbonCategoryLayoutItem* item : qAsConst(d_ptr->mItemList)) {
+		SARibbonPannel* p = item->toPannelWidget();
+		res.append(p);
+	}
+	return (res);
+}
+
+/**
+ * @brief 通过ObjectName查找pannel
+ * @param objname
+ * @return
+ */
+SARibbonPannel* SARibbonCategoryLayout::pannelByObjectName(const QString& objname) const
+{
+	for (SARibbonCategoryLayoutItem* item : d_ptr->mItemList) {
+		if (SARibbonPannel* pannel = item->toPannelWidget()) {
+			if (pannel->objectName() == objname) {
+				return pannel;
+			}
+		}
+	}
+	return nullptr;
+}
+
+/**
+ * @brief 通过名字查找pannel
+ * @param title
+ * @return 如果有重名，只会返回第一个符合条件的
+ */
+SARibbonPannel* SARibbonCategoryLayout::pannelByName(const QString& pannelname) const
+{
+	for (SARibbonCategoryLayoutItem* item : qAsConst(d_ptr->mItemList)) {
+		if (SARibbonPannel* pannel = item->toPannelWidget()) {
+			if (pannel->pannelName() == pannelname) {
+				return (pannel);
+			}
+		}
+	}
+	return (nullptr);
+}
+
+/**
+ * @brief 通过索引找到pannel，如果超过索引范围，会返回nullptr
+ * @param i
+ * @return
+ */
+SARibbonPannel* SARibbonCategoryLayout::pannelByIndex(int i) const
+{
+	if (i >= 0 && i < d_ptr->mItemList.size()) {
+		return d_ptr->mItemList[ i ]->toPannelWidget();
+	}
+	return nullptr;
+}
+
+/**
+ * @brief 移动pannel
+ * @param from
+ * @param to
+ */
+void SARibbonCategoryLayout::movePannel(int from, int to)
+{
+	d_ptr->mItemList.move(from, to);
+	doLayout();
+}
+
+/**
+ * @brief 返回pannel的个数
+ * @return
+ */
+int SARibbonCategoryLayout::pannelCount() const
+{
+	return d_ptr->mItemList.size();
+}
+
+/**
+ * @brief 查找pannel对应的索引
+ * @param p
+ * @return 如果找不到，返回-1
+ */
+int SARibbonCategoryLayout::pannelIndex(SARibbonPannel* p) const
+{
+	int c = pannelCount();
+
+	for (int i = 0; i < c; ++i) {
+		if (d_ptr->mItemList[ i ]->toPannelWidget() == p) {
+			return (i);
+		}
+	}
+	return (-1);
+}
+
+/**
+ * @brief 获取所有的pannel
+ * @return
+ */
+QList< SARibbonPannel* > SARibbonCategoryLayout::pannelList() const
+{
+	QList< SARibbonPannel* > res;
+
+	for (SARibbonCategoryLayoutItem* i : qAsConst(d_ptr->mItemList)) {
+		if (SARibbonPannel* p = i->toPannelWidget()) {
+			res.append(p);
+		}
+	}
+	return (res);
+}
+
+/**
+ * @brief 执行滚动
+ * @param px
+ */
+void SARibbonCategoryLayout::scroll(int px)
+{
+	QSize contentSize = categoryContentSize();
+	d_ptr->mXBase += px;
+	if (d_ptr->mXBase > 0) {
+		d_ptr->mXBase = 0;
+	} else if ((d_ptr->mXBase + d_ptr->mTotalWidth) < contentSize.width()) {
+		d_ptr->mXBase = contentSize.width() - d_ptr->mTotalWidth;
+	}
+	invalidate();
+}
+
+/**
+ * @brief 判断是否滚动过
+ * @return
+ */
+bool SARibbonCategoryLayout::isScrolled() const
+{
+	return (d_ptr->mXBase != 0);
+}
+
+/**
+ * @brief 这个宽度是实际内容的宽度，有可能大于size.width，也有可能小于
+ * @return
+ */
+int SARibbonCategoryLayout::categoryTotalWidth() const
+{
+	return d_ptr->mTotalWidth;
+}
+
+/**
+   @brief 设置Category的对齐方式
+
+   居中对齐会让pannel以居中进行对齐
+   @param al
+ */
+void SARibbonCategoryLayout::setCategoryAlignment(SARibbonAlignment al)
+{
+	d_ptr->mCategoryAlignment = al;
+}
+
+/**
+   @brief Category的对齐方式
+   @return
+ */
+SARibbonAlignment SARibbonCategoryLayout::categoryAlignment() const
+{
+	return d_ptr->mCategoryAlignment;
+}
+
+void SARibbonCategoryLayout::onLeftScrollButtonClicked()
+{
+	SARibbonCategory* category = qobject_cast< SARibbonCategory* >(parentWidget());
+	int width                  = category->width();
+	// 求总宽
+	int totalWidth = d_ptr->mTotalWidth;
+
+	if (totalWidth > width) {
+		int tmp = d_ptr->mXBase + width;
+		if (tmp > 0) {
+			tmp = 0;
+		}
+		d_ptr->mXBase = tmp;
+	} else {
+		d_ptr->mXBase = 0;
+	}
+	invalidate();
+}
+
+void SARibbonCategoryLayout::onRightScrollButtonClicked()
+{
+	SARibbonCategory* category = qobject_cast< SARibbonCategory* >(parentWidget());
+	int width                  = category->width();
+	// 求总宽
+	int totalWidth = d_ptr->mTotalWidth;
+
+	if (totalWidth > width) {
+		int tmp = d_ptr->mXBase - width;
+		if (tmp < (width - totalWidth)) {
+			tmp = width - totalWidth;
+		}
+		d_ptr->mXBase = tmp;
+	} else {
+		d_ptr->mXBase = 0;
+	}
+	invalidate();
+}
+
+void SARibbonCategoryLayout::setGeometry(const QRect& rect)
+{
+	QRect old = geometry();
+	if (old == rect) {
+		return;
+	}
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "===========SARibbonCategoryLayout.setGeometry(" << rect << "(" << ribbonCategory()->categoryName()
+             << ")=======";
+#endif
+	QLayout::setGeometry(rect);
+	d_ptr->mDirty = false;
+	updateGeometryArr();
+	doLayout();
+}
+//=============================================================
+// SARibbonCategoryLayoutItem
+//=============================================================
+
+SARibbonCategoryLayoutItem::SARibbonCategoryLayoutItem(SARibbonPannel* w) : QWidgetItem(w)
+{
+	separatorWidget = nullptr;
+}
+
+SARibbonCategoryLayoutItem::~SARibbonCategoryLayoutItem()
+{
+}
+
+SARibbonPannel* SARibbonCategoryLayoutItem::toPannelWidget()
+{
+	return qobject_cast< SARibbonPannel* >(widget());
+}
+
+/*** End of inlined file: SARibbonCategoryLayout.cpp ***/
+
+/*** Start of inlined file: SARibbonContextCategory.cpp ***/
+#include <QList>
+#include <QVariant>
+
+#include <QDebug>
+
+/**
+ * @brief The SARibbonCategoryData class
+ */
+class SAPrivateRibbonCategoryData
+{
+public:
+	SARibbonCategory* categoryPage;
+};
+
+/**
+ * @brief The SARibbonContextCategoryPrivate class
+ */
+class SARibbonContextCategory::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonContextCategory)
+public:
+	PrivateData(SARibbonContextCategory* p);
+
+public:
+	QList< SAPrivateRibbonCategoryData > mCategoryDataList;
+	QVariant mContextID;
+	QColor mContextColor;
+	QString mContextTitle;
+};
+SARibbonContextCategory::PrivateData::PrivateData(SARibbonContextCategory* p) : q_ptr(p)
+{
+}
+
+//===================================================
+// SARibbonContextCategory
+//===================================================
+SARibbonContextCategory::SARibbonContextCategory(QWidget* parent)
+    : QObject(parent), d_ptr(new SARibbonContextCategory::PrivateData(this))
+{
+}
+
+SARibbonContextCategory::~SARibbonContextCategory()
+{
+}
+
+/**
+ * @brief 添加标签
+ * @param title 标签名字
+ */
+SARibbonCategory* SARibbonContextCategory::addCategoryPage(const QString& title)
+{
+	SARibbonCategory* category = RibbonSubElementFactory->createRibbonCategory(parentWidget());
+	category->setCategoryName(title);
+	addCategoryPage(category);
+	return (category);
+}
+
+/**
+ * @brief 添加标签
+ * @param page
+ */
+void SARibbonContextCategory::addCategoryPage(SARibbonCategory* category)
+{
+	if (isHaveCategory(category)) {
+		// cn:SARibbonContextCategory已经持有标签：%1，将跳过
+		qWarning() << tr("SARibbonContextCategory have category %1,will skip").arg(category->categoryName());
+		return;
+	}
+	category->markIsContextCategory(true);
+	connect(category, &SARibbonCategory::categoryNameChanged, this, &SARibbonContextCategory::onCategoryTitleChanged);
+	SAPrivateRibbonCategoryData catData;
+	catData.categoryPage = category;
+	d_ptr->mCategoryDataList.append(catData);
+	category->installEventFilter(this);
+	Q_EMIT categoryPageAdded(category);
+}
+
+int SARibbonContextCategory::categoryCount() const
+{
+	return (d_ptr->mCategoryDataList.count());
+}
+
+void SARibbonContextCategory::setId(const QVariant& id)
+{
+	d_ptr->mContextID = id;
+}
+
+QVariant SARibbonContextCategory::id() const
+{
+	return (d_ptr->mContextID);
+}
+
+void SARibbonContextCategory::setContextColor(const QColor color)
+{
+	d_ptr->mContextColor = color;
+}
+
+QColor SARibbonContextCategory::contextColor() const
+{
+	return (d_ptr->mContextColor);
+}
+
+QWidget* SARibbonContextCategory::parentWidget() const
+{
+	return (qobject_cast< QWidget* >(parent()));
+}
+
+bool SARibbonContextCategory::eventFilter(QObject* watched, QEvent* e)
+{
+	if (nullptr == watched) {
+		return (false);
+	}
+	switch (e->type()) {
+	case QEvent::Close: {
+		SARibbonCategory* c = qobject_cast< SARibbonCategory* >(watched);
+		if (c) {
+#ifdef SA_RIBBON_DEBUG_HELP_DRAW
+			qDebug() << " -----------> close event";
+#endif
+			takeCategory(c);
+		}
+	} break;
+
+	default:
+		break;
+	}
+	return (false);
+}
+
+/**
+ * @brief 获取上下文标签的标题
+ * @return
+ */
+QString SARibbonContextCategory::contextTitle() const
+{
+	return (d_ptr->mContextTitle);
+}
+
+/**
+ * @brief 设置上下文标签的标题，标题仅在office模式下显示 @ref SARibbonBar::RibbonStyle
+ * @param contextTitle
+ * @note 此函数会触发信号@sa contextTitleChanged
+ */
+void SARibbonContextCategory::setContextTitle(const QString& contextTitle)
+{
+	d_ptr->mContextTitle = contextTitle;
+	Q_EMIT contextTitleChanged(contextTitle);
+}
+
+/**
+ * @brief 获取对应的tab页
+ * @param index
+ * @return
+ */
+SARibbonCategory* SARibbonContextCategory::categoryPage(int index)
+{
+	return (d_ptr->mCategoryDataList[ index ].categoryPage);
+}
+
+/**
+ * @brief 获取所有的SARibbonCategory*
+ * @return
+ */
+QList< SARibbonCategory* > SARibbonContextCategory::categoryList() const
+{
+	QList< SARibbonCategory* > res;
+
+	for (const SAPrivateRibbonCategoryData& c : qAsConst(d_ptr->mCategoryDataList)) {
+		res.append(c.categoryPage);
+	}
+	return (res);
+}
+
+/**
+ * @brief 移除这个category，这时SARibbonContextCategory不再管理这个category
+ * @param category
+ * @return 成功移除返回true
+ */
+bool SARibbonContextCategory::takeCategory(SARibbonCategory* category)
+{
+	for (int i = 0; i < d_ptr->mCategoryDataList.size(); ++i) {
+		if (d_ptr->mCategoryDataList[ i ].categoryPage == category) {
+			d_ptr->mCategoryDataList.takeAt(i);
+			return (true);
+		}
+	}
+	return (false);
+}
+
+/**
+ * @brief 判断上下文是否维护了此SARibbonCategory
+ * @param category
+ * @return
+ */
+bool SARibbonContextCategory::isHaveCategory(SARibbonCategory* category) const
+{
+	for (int i = 0; i < d_ptr->mCategoryDataList.size(); ++i) {
+		if (d_ptr->mCategoryDataList[ i ].categoryPage == category) {
+			return (true);
+		}
+	}
+	return (false);
+}
+
+void SARibbonContextCategory::onCategoryTitleChanged(const QString& title)
+{
+	SARibbonCategory* category = qobject_cast< SARibbonCategory* >(sender());
+	if (category) {
+		Q_EMIT categoryTitleChanged(category, title);
+	}
+}
+
+/*** End of inlined file: SARibbonContextCategory.cpp ***/
+
+/*** Start of inlined file: SARibbonGalleryItem.cpp ***/
+SARibbonGalleryItem::SARibbonGalleryItem() : mFlags(Qt::ItemIsEnabled | Qt::ItemIsSelectable), mAction(nullptr)
+{
+}
+
+SARibbonGalleryItem::SARibbonGalleryItem(const QString& text, const QIcon& icon)
+    : mFlags(Qt::ItemIsEnabled | Qt::ItemIsSelectable), mAction(nullptr)
+{
+	setText(text);
+	setIcon(icon);
+	setTextAlignment(Qt::AlignTop | Qt::AlignHCenter);
+}
+
+SARibbonGalleryItem::SARibbonGalleryItem(QAction* act) : mFlags(Qt::ItemIsEnabled | Qt::ItemIsSelectable)
+{
+	setTextAlignment(Qt::AlignTop | Qt::AlignHCenter);
+	setAction(act);
+}
+
+SARibbonGalleryItem::~SARibbonGalleryItem()
+{
+}
+
+void SARibbonGalleryItem::setData(int role, const QVariant& data)
+{
+	mDatas[ role ] = data;
+}
+
+QVariant SARibbonGalleryItem::data(int role) const
+{
+	if (mAction) {
+		switch (role) {
+		case Qt::DisplayRole:
+			return (mAction->text());
+
+		case Qt::ToolTipRole:
+			return (mAction->toolTip());
+
+		case Qt::DecorationRole:
+			return (mAction->icon());
+		default:
+			break;
+		}
+	}
+	return (mDatas.value(role));
+}
+
+void SARibbonGalleryItem::setText(const QString& text)
+{
+	setData(Qt::DisplayRole, text);
+}
+
+QString SARibbonGalleryItem::text() const
+{
+	if (mAction) {
+		return (mAction->text());
+	}
+	return (data(Qt::DisplayRole).toString());
+}
+
+void SARibbonGalleryItem::setToolTip(const QString& text)
+{
+	setData(Qt::ToolTipRole, text);
+}
+
+QString SARibbonGalleryItem::toolTip() const
+{
+	if (mAction) {
+		return (mAction->toolTip());
+	}
+	return (data(Qt::ToolTipRole).toString());
+}
+
+void SARibbonGalleryItem::setIcon(const QIcon& ico)
+{
+	setData(Qt::DecorationRole, ico);
+}
+
+QIcon SARibbonGalleryItem::icon() const
+{
+	if (mAction) {
+		return (mAction->icon());
+	}
+	return (qvariant_cast< QIcon >(data(Qt::DecorationRole)));
+}
+
+bool SARibbonGalleryItem::isSelectable() const
+{
+	return (mFlags & Qt::ItemIsSelectable);
+}
+
+void SARibbonGalleryItem::setSelectable(bool isSelectable)
+{
+	if (isSelectable) {
+		mFlags |= Qt::ItemIsSelectable;
+	} else {
+		mFlags = (mFlags & (~Qt::ItemIsSelectable));
+	}
+}
+
+bool SARibbonGalleryItem::isEnable() const
+{
+	if (mAction) {
+		return (mAction->isEnabled());
+	}
+	return (mFlags & Qt::ItemIsEnabled);
+}
+
+void SARibbonGalleryItem::setEnable(bool isEnable)
+{
+	if (mAction) {
+		mAction->setEnabled(isEnable);
+	}
+
+	if (isEnable) {
+		mFlags |= Qt::ItemIsEnabled;
+	} else {
+		mFlags = (mFlags & (~Qt::ItemIsEnabled));
+	}
+}
+
+void SARibbonGalleryItem::setFlags(Qt::ItemFlags flag)
+{
+	mFlags = flag;
+	if (mAction) {
+		mAction->setEnabled(flag & Qt::ItemIsEnabled);
+	}
+}
+
+Qt::ItemFlags SARibbonGalleryItem::flags() const
+{
+	return (mFlags);
+}
+
+void SARibbonGalleryItem::setAction(QAction* act)
+{
+	mAction = act;
+	if (nullptr == mAction) {
+		return;
+	}
+	if (act->isEnabled()) {
+		mFlags |= Qt::ItemIsEnabled;
+	} else {
+		mFlags = (mFlags & (~Qt::ItemIsEnabled));
+	}
+}
+
+QAction* SARibbonGalleryItem::action()
+{
+	return (mAction);
+}
+
+void SARibbonGalleryItem::setTextAlignment(Qt::Alignment a)
+{
+	setData(Qt::TextAlignmentRole, (int)a);
+}
+
+Qt::Alignment SARibbonGalleryItem::textAlignment() const
+{
+	return qvariant_cast< Qt::Alignment >(data(Qt::TextAlignmentRole));
+}
+
+/*** End of inlined file: SARibbonGalleryItem.cpp ***/
+
+/*** Start of inlined file: SARibbonGalleryGroup.cpp ***/
+#include <QPainter>
+#include <QDebug>
+#include <QActionGroup>
+#include <QItemSelectionModel>
+
+/**
+ * @brief The SARibbonGalleryGroupPrivate class
+ */
+class SARibbonGalleryGroup::PrivateData
+{
+public:
+	SARibbonGalleryGroup* q_ptr;
+	QString mGroupTitle;
+	SARibbonGalleryGroup::GalleryGroupStyle mPreStyle { SARibbonGalleryGroup::IconWithText };
+	SARibbonGalleryGroup::DisplayRow mDisplayRow { SARibbonGalleryGroup::DisplayOneRow };
+	bool mBlockRecalc { false };
+	int mGridMinimumWidth { 0 };             ///< grid最小宽度
+	int mGridMaximumWidth { 0 };             ///< grid最大宽度
+	QActionGroup* mActionGroup { nullptr };  ///< 所有GalleryGroup管理的actions都由这个actiongroup管理
+public:
+	PrivateData(SARibbonGalleryGroup* p) : q_ptr(p)
+	{
+		mActionGroup = new QActionGroup(p);
+		p->connect(mActionGroup, &QActionGroup::triggered, p, &SARibbonGalleryGroup::triggered);
+		p->connect(mActionGroup, &QActionGroup::hovered, p, &SARibbonGalleryGroup::hovered);
+	}
+};
+
+//===================================================
+// SARibbonGalleryGroupItemDelegate
+//===================================================
+
+SARibbonGalleryGroupItemDelegate::SARibbonGalleryGroupItemDelegate(SARibbonGalleryGroup* group, QObject* parent)
+    : QStyledItemDelegate(parent), mGroup(group)
+{
+}
+
+SARibbonGalleryGroupItemDelegate::~SARibbonGalleryGroupItemDelegate()
+{
+}
+
+void SARibbonGalleryGroupItemDelegate::paint(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const
+{
+	if (nullptr == mGroup) {
+		return;
+	}
+	switch (mGroup->galleryGroupStyle()) {
+	case SARibbonGalleryGroup::IconWithText:
+		paintIconWithText(painter, option, index);
+		break;
+	case SARibbonGalleryGroup::IconWithWordWrapText:
+		paintIconWithTextWordWrap(painter, option, index);
+		break;
+	case SARibbonGalleryGroup::IconOnly:
+		paintIconOnly(painter, option, index);
+		break;
+	default:
+		paintIconWithText(painter, option, index);
+		break;
+	}
+}
+
+void SARibbonGalleryGroupItemDelegate::paintIconOnly(QPainter* painter,
+                                                     const QStyleOptionViewItem& option,
+                                                     const QModelIndex& index) const
+{
+	QStyle* style = mGroup->style();
+	int sp        = mGroup->spacing();
+	sp += 3;
+	painter->save();
+	painter->setClipRect(option.rect);
+	style->drawPrimitive(QStyle::PE_PanelItemViewItem, &option, painter, mGroup);
+	// draw the icon
+	QRect iconRect = option.rect;
+
+	iconRect.adjust(sp, sp, -sp, -sp);
+	QIcon ico = qvariant_cast< QIcon >(index.data(Qt::DecorationRole));
+
+	ico.paint(painter, iconRect, Qt::AlignCenter, QIcon::Normal, QIcon::On);
+	painter->restore();
+}
+
+void SARibbonGalleryGroupItemDelegate::paintIconWithText(QPainter* painter,
+                                                         const QStyleOptionViewItem& option,
+                                                         const QModelIndex& index) const
+{
+	QStyledItemDelegate::paint(painter, option, index);
+}
+
+void SARibbonGalleryGroupItemDelegate::paintIconWithTextWordWrap(QPainter* painter,
+                                                                 const QStyleOptionViewItem& option,
+                                                                 const QModelIndex& index) const
+{
+	QStyledItemDelegate::paint(painter, option, index);
+}
+
+QSize SARibbonGalleryGroupItemDelegate::sizeHint(const QStyleOptionViewItem& option, const QModelIndex& index) const
+{
+	Q_UNUSED(index);
+	Q_UNUSED(option);
+	return mGroup->gridSize();
+}
+
+//===================================================
+// SARibbonGalleryGroupModel
+//===================================================
+
+SARibbonGalleryGroupModel::SARibbonGalleryGroupModel(QObject* parent) : QAbstractListModel(parent)
+{
+}
+
+SARibbonGalleryGroupModel::~SARibbonGalleryGroupModel()
+{
+	clear();
+}
+
+int SARibbonGalleryGroupModel::rowCount(const QModelIndex& parent) const
+{
+	return (parent.isValid() ? 0 : mItems.size());
+}
+
+Qt::ItemFlags SARibbonGalleryGroupModel::flags(const QModelIndex& index) const
+{
+	if (!index.isValid() || (index.row() >= mItems.size())) {
+		return (Qt::NoItemFlags);
+	}
+	return (mItems.at(index.row())->flags());
+}
+
+QVariant SARibbonGalleryGroupModel::data(const QModelIndex& index, int role) const
+{
+	if (!index.isValid() || (index.row() >= mItems.count())) {
+		return (QVariant());
+	}
+	return (mItems.at(index.row())->data(role));
+}
+
+QModelIndex SARibbonGalleryGroupModel::index(int row, int column, const QModelIndex& parent) const
+{
+	if (hasIndex(row, column, parent)) {
+		return (createIndex(row, column, mItems.at(row)));
+	}
+	return (QModelIndex());
+}
+
+bool SARibbonGalleryGroupModel::setData(const QModelIndex& index, const QVariant& value, int role)
+{
+	if (!index.isValid() || (index.row() >= mItems.count())) {
+		return (false);
+	}
+
+	mItems.at(index.row())->setData(role, value);
+	return (true);
+}
+
+void SARibbonGalleryGroupModel::clear()
+{
+	beginResetModel();
+	for (int i = 0; i < mItems.count(); ++i) {
+		if (mItems.at(i)) {
+			delete mItems.at(i);
+		}
+	}
+	mItems.clear();
+	endResetModel();
+}
+
+SARibbonGalleryItem* SARibbonGalleryGroupModel::at(int row) const
+{
+	return (mItems.value(row));
+}
+
+void SARibbonGalleryGroupModel::insert(int row, SARibbonGalleryItem* item)
+{
+	beginInsertRows(QModelIndex(), row, row);
+	mItems.insert(row, item);
+	endInsertRows();
+}
+
+SARibbonGalleryItem* SARibbonGalleryGroupModel::take(int row)
+{
+	if ((row < 0) || (row >= mItems.count())) {
+		return (0);
+	}
+
+	beginRemoveRows(QModelIndex(), row, row);
+	SARibbonGalleryItem* item = mItems.takeAt(row);
+
+	endRemoveRows();
+	return (item);
+}
+
+void SARibbonGalleryGroupModel::append(SARibbonGalleryItem* item)
+{
+	beginInsertRows(QModelIndex(), mItems.count(), mItems.count() + 1);
+	mItems.append(item);
+	endInsertRows();
+}
+
+//===================================================
+// SARibbonGalleryGroup
+//===================================================
+SARibbonGalleryGroup::SARibbonGalleryGroup(QWidget* w)
+    : QListView(w), d_ptr(new SARibbonGalleryGroup::PrivateData(this))
+{
+	setViewMode(QListView::IconMode);
+	setResizeMode(QListView::Adjust);
+	setSelectionRectVisible(true);
+	setUniformItemSizes(true);
+	setSpacing(1);
+	setItemDelegate(new SARibbonGalleryGroupItemDelegate(this, this));
+	connect(this, &QAbstractItemView::clicked, this, &SARibbonGalleryGroup::onItemClicked);
+	SARibbonGalleryGroupModel* m = new SARibbonGalleryGroupModel(this);
+	setModel(m);
+}
+
+SARibbonGalleryGroup::~SARibbonGalleryGroup()
+{
+}
+
+/**
+ * @brief 是否禁止计算
+ * @param on
+ */
+void SARibbonGalleryGroup::setRecalcGridSizeBlock(bool on)
+{
+	d_ptr->mBlockRecalc = on;
+}
+
+bool SARibbonGalleryGroup::isRecalcGridSizeBlock() const
+{
+	return d_ptr->mBlockRecalc;
+}
+
+/**
+ * @brief 重新计算grid和icon的尺寸
+ */
+void SARibbonGalleryGroup::recalcGridSize()
+{
+	recalcGridSize(height());
+}
+
+void SARibbonGalleryGroup::recalcGridSize(int galleryHeight)
+{
+	if (isRecalcGridSizeBlock()) {
+		return;
+	}
+	// 首先通过DisplayRow计算GridSize
+	int dr = static_cast< int >(displayRow());
+	if (dr < 1) {
+		dr = 1;
+	} else if (dr > 3) {
+		dr = 3;
+	}
+	int h = galleryHeight / dr;
+	if (h <= 1) {
+		h = galleryHeight;
+	}
+	int w = h;
+	if (gridMinimumWidth() > 0) {
+		if (w < gridMinimumWidth()) {
+			w = gridMinimumWidth();
+		}
+	}
+	if (gridMaximumWidth() > 0) {
+		if (w > gridMaximumWidth()) {
+			w = gridMaximumWidth();
+		}
+	}
+	setGridSize(QSize(w, h));
+	// 在通过GalleryGroupStyle确定icon的尺寸
+    const int shiftpix =
+        4;  // 这个是移动像素，qt在鼠标移动到图标上时会移动一下，给用户明确的动态，导致如果布局很满会超出显示范围，因此要在此基础上缩放一点
+	switch (galleryGroupStyle()) {
+	case IconWithText: {
+		int textHeight = fontMetrics().lineSpacing();
+		int iconHeight = h - textHeight - 2 * spacing() - shiftpix;
+		if (iconHeight > 0) {
+			setIconSize(QSize(w - 2 * spacing() - shiftpix, iconHeight));
+		} else {
+			setIconSize(QSize(w - 2 * spacing() - shiftpix, h - 2 * spacing() - shiftpix));
+		}
+		break;
+	}
+	case IconWithWordWrapText: {
+		int textHeight = fontMetrics().lineSpacing() * 2;
+		int iconHeight = h - textHeight;
+		if (iconHeight > 0) {
+			setIconSize(QSize(w - 2 * spacing() - shiftpix, iconHeight - 2 * spacing() - shiftpix));
+		} else {
+			setIconSize(QSize(w - 2 * spacing() - shiftpix, h - 2 * spacing() - shiftpix));
+		}
+		break;
+	}
+	case IconOnly: {
+		setIconSize(QSize(w - 2 * spacing() - shiftpix, h - 2 * spacing() - shiftpix));
+		break;
+	}
+	default: {
+		setIconSize(QSize(w - 2 * spacing() - shiftpix, h - 2 * spacing() - shiftpix));
+		break;
+	}
+	}
+#if 0
+	qDebug() << "SARibbonGalleryGroup::recalcGridSize(" << galleryHeight << "): gridSize=" << gridSize()
+			 << " iconSize=" << iconSize();
+#endif
+}
+
+///
+/// \brief 设置默认的预设样式
+/// \param style
+///
+void SARibbonGalleryGroup::setGalleryGroupStyle(SARibbonGalleryGroup::GalleryGroupStyle style)
+{
+	d_ptr->mPreStyle = style;
+	if (style == IconWithWordWrapText) {
+		setWordWrap(true);
+	}
+	recalcGridSize();
+}
+
+SARibbonGalleryGroup::GalleryGroupStyle SARibbonGalleryGroup::galleryGroupStyle() const
+{
+	return d_ptr->mPreStyle;
+}
+
+void SARibbonGalleryGroup::addItem(const QString& text, const QIcon& icon)
+{
+	if (nullptr == groupModel()) {
+		return;
+	}
+	addItem(new SARibbonGalleryItem(text, icon));
+}
+
+/**
+ * @brief 添加一个条目
+ *
+ * @param item 条目的内存所有权归属SARibbonGalleryGroup管理
+ */
+void SARibbonGalleryGroup::addItem(SARibbonGalleryItem* item)
+{
+	if (nullptr == groupModel()) {
+		return;
+	}
+	groupModel()->append(item);
+}
+
+void SARibbonGalleryGroup::addActionItem(QAction* act)
+{
+	if (nullptr == groupModel()) {
+		return;
+	}
+	d_ptr->mActionGroup->addAction(act);
+	groupModel()->append(new SARibbonGalleryItem(act));
+}
+
+void SARibbonGalleryGroup::addActionItemList(const QList< QAction* >& acts)
+{
+	SARibbonGalleryGroupModel* model = groupModel();
+
+	if (nullptr == model) {
+		return;
+	}
+	for (QAction* a : acts) {
+		d_ptr->mActionGroup->addAction(a);
+	}
+	for (int i = 0; i < acts.size(); ++i) {
+		model->append(new SARibbonGalleryItem(acts[ i ]));
+	}
+}
+
+///
+/// \brief 构建一个model，这个model的父类是SARibbonGalleryGroup，如果要共享model，需要手动处理model的父类
+///
+void SARibbonGalleryGroup::setupGroupModel()
+{
+	setModel(new SARibbonGalleryGroupModel(this));
+}
+
+SARibbonGalleryGroupModel* SARibbonGalleryGroup::groupModel()
+{
+	return (qobject_cast< SARibbonGalleryGroupModel* >(model()));
+}
+
+void SARibbonGalleryGroup::setGroupTitle(const QString& title)
+{
+	d_ptr->mGroupTitle = title;
+	Q_EMIT groupTitleChanged(d_ptr->mGroupTitle);
+}
+
+QString SARibbonGalleryGroup::groupTitle() const
+{
+	return (d_ptr->mGroupTitle);
+}
+
+void SARibbonGalleryGroup::selectByIndex(int i)
+{
+	SARibbonGalleryGroupModel* model = groupModel();
+
+	if (nullptr == model) {
+		return;
+	}
+	QModelIndex ind               = model->index(i, 0, QModelIndex());
+	QItemSelectionModel* selmodel = selectionModel();
+
+	if (selmodel) {
+		selmodel->select(ind, QItemSelectionModel::SelectCurrent);
+	}
+}
+
+/**
+ * @brief 设置显示的行数
+ * @param r
+ */
+void SARibbonGalleryGroup::setDisplayRow(DisplayRow r)
+{
+	d_ptr->mDisplayRow = r;
+	recalcGridSize();
+}
+
+/**
+ * @brief Gallery显示的行数
+ * @return
+ */
+SARibbonGalleryGroup::DisplayRow SARibbonGalleryGroup::displayRow() const
+{
+	return d_ptr->mDisplayRow;
+}
+
+/**
+ * @brief 设置grid最小的宽度，默认为0（不限制）
+ * @param w
+ */
+void SARibbonGalleryGroup::setGridMinimumWidth(int w)
+{
+	d_ptr->mGridMinimumWidth = w;
+}
+
+/**
+ * @brief grid最小的宽度，默认为0（不限制）
+ * @return
+ */
+int SARibbonGalleryGroup::gridMinimumWidth() const
+{
+	return d_ptr->mGridMinimumWidth;
+}
+
+/**
+ * @brief 设置grid最大的宽度，默认为0（不限制）
+ * @param w
+ */
+void SARibbonGalleryGroup::setGridMaximumWidth(int w)
+{
+	d_ptr->mGridMaximumWidth = w;
+}
+
+/**
+ * @brief grid最大的的宽度，默认为0（不限制）
+ * @param w
+ */
+int SARibbonGalleryGroup::gridMaximumWidth() const
+{
+	return d_ptr->mGridMaximumWidth;
+}
+
+/**
+ * @brief 获取SARibbonGalleryGroup管理的actiongroup
+ * @return
+ */
+QActionGroup* SARibbonGalleryGroup::actionGroup() const
+{
+	return d_ptr->mActionGroup;
+}
+
+void SARibbonGalleryGroup::onItemClicked(const QModelIndex& index)
+{
+	if (index.isValid()) {
+		SARibbonGalleryItem* item = (SARibbonGalleryItem*)index.internalPointer();
+		if (item) {
+			QAction* act = item->action();
+			if (act) {
+				act->activate(QAction::Trigger);
+			}
+		}
+	}
+}
+
+void SARibbonGalleryGroup::onItemEntered(const QModelIndex& index)
+{
+	if (index.isValid()) {
+		SARibbonGalleryItem* item = (SARibbonGalleryItem*)index.internalPointer();
+		if (item) {
+			QAction* act = item->action();
+			if (act) {
+				act->activate(QAction::Hover);
+			}
+		}
+	}
+}
+
+/*** End of inlined file: SARibbonGalleryGroup.cpp ***/
+
+/*** Start of inlined file: SARibbonGallery.cpp ***/
+#include <QIcon>
+#include <QApplication>
+#define ICON_ARROW_UP QIcon(":/image/resource/ArrowUp.png")
+#define ICON_ARROW_DOWN QIcon(":/image/resource/ArrowDown.png")
+#define ICON_ARROW_MORE QIcon(":/image/resource/ArrowMore.png")
+#include <QResizeEvent>
+#include <QDebug>
+#include <QVBoxLayout>
+#include <QScrollBar>
+#include <QLabel>
+
+#include <QActionGroup>
+
+/**
+ * @brief The SARibbonGalleryPrivate class
+ */
+class SARibbonGallery::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonGallery)
+public:
+	static int sGalleryButtonMaximumWidth;
+	SARibbonGalleryButton* mButtonUp { nullptr };
+	SARibbonGalleryButton* mButtonDown { nullptr };
+	SARibbonGalleryButton* mButtonMore { nullptr };
+#if 0
+	SARibbonMenu *popupWidget;
+#else
+	SARibbonGalleryViewport* mPopupWidget { nullptr };
+#endif
+	SARibbonGalleryGroup* mViewportGroup { nullptr };
+	QBoxLayout* mButtonLayout { nullptr };
+	QBoxLayout* mLayout { nullptr };
+	PrivateData(SARibbonGallery* p) : q_ptr(p)
+	{
+	}
+
+	void init()
+	{
+		mButtonUp   = new SARibbonGalleryButton(q_ptr);
+		mButtonDown = new SARibbonGalleryButton(q_ptr);
+		mButtonMore = new SARibbonGalleryButton(q_ptr);
+		mButtonUp->setToolButtonStyle(Qt::ToolButtonIconOnly);
+		mButtonDown->setToolButtonStyle(Qt::ToolButtonIconOnly);
+		mButtonMore->setToolButtonStyle(Qt::ToolButtonIconOnly);
+		mButtonUp->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Expanding);
+		mButtonDown->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Expanding);
+		mButtonMore->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Expanding);
+		mButtonUp->setObjectName(QStringLiteral("SARibbonGalleryButtonUp"));
+		mButtonDown->setObjectName(QStringLiteral("SARibbonGalleryButtonDown"));
+		mButtonMore->setObjectName(QStringLiteral("SARibbonGalleryButtonMore"));
+		mButtonUp->setMaximumWidth(sGalleryButtonMaximumWidth);
+		mButtonDown->setMaximumWidth(sGalleryButtonMaximumWidth);
+		mButtonMore->setMaximumWidth(sGalleryButtonMaximumWidth);
+		mButtonUp->setIcon(ICON_ARROW_UP);
+		mButtonDown->setIcon(ICON_ARROW_DOWN);
+		mButtonMore->setIcon(ICON_ARROW_MORE);
+		q_ptr->connect(mButtonUp, &QAbstractButton::clicked, q_ptr, &SARibbonGallery::pageUp);
+		q_ptr->connect(mButtonDown, &QAbstractButton::clicked, q_ptr, &SARibbonGallery::pageDown);
+		q_ptr->connect(mButtonMore, &QAbstractButton::clicked, q_ptr, &SARibbonGallery::showMoreDetail);
+		// 信号转发
+		q_ptr->connect(q_ptr, &SARibbonGallery::triggered, q_ptr, &SARibbonGallery::onTriggered);
+		mPopupWidget   = nullptr;
+		mViewportGroup = nullptr;
+		mButtonLayout  = new QBoxLayout(QBoxLayout::TopToBottom);
+		mButtonLayout->setSpacing(0);
+		mButtonLayout->setContentsMargins(0, 0, 0, 0);
+		mButtonLayout->addWidget(mButtonUp);
+		mButtonLayout->addWidget(mButtonDown);
+		mButtonLayout->addWidget(mButtonMore);
+		mLayout = new QBoxLayout(QBoxLayout::RightToLeft);
+		mLayout->setSpacing(0);
+		mLayout->setContentsMargins(0, 0, 0, 0);
+		mLayout->addLayout(mButtonLayout);
+		mLayout->addStretch();
+		q_ptr->setLayout(mLayout);
+	}
+
+	bool isValid() const
+	{
+		return (q_ptr != nullptr);
+	}
+
+	void createPopupWidget()
+	{
+		if (nullptr == mPopupWidget) {
+#if 0
+			popupWidget = new SARibbonMenu(Parent);
+#else
+			mPopupWidget = new SARibbonGalleryViewport(q_ptr);
+#endif
+		}
+	}
+
+	void setViewPort(SARibbonGalleryGroup* v)
+	{
+		if (nullptr == mViewportGroup) {
+			mViewportGroup = RibbonSubElementFactory->createRibbonGalleryGroup(q_ptr);
+			mLayout->addWidget(mViewportGroup, 1);
+		}
+		mViewportGroup->setRecalcGridSizeBlock(true);
+		mViewportGroup->setGalleryGroupStyle(v->galleryGroupStyle());
+		mViewportGroup->setDisplayRow(v->displayRow());
+		mViewportGroup->setSpacing(v->spacing());
+		mViewportGroup->setGridMaximumWidth(v->gridMaximumWidth());
+		mViewportGroup->setGridMinimumWidth(v->gridMinimumWidth());
+		mViewportGroup->setRecalcGridSizeBlock(false);
+		mViewportGroup->recalcGridSize(mViewportGroup->height());
+		mViewportGroup->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
+		mViewportGroup->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
+		mViewportGroup->setModel(v->model());
+		mViewportGroup->show();
+	}
+};
+
+// 静态变量初始化
+
+/**
+ * @brief SARibbonGalleryPrivate::sGalleryButtonMaximumWidth
+ */
+int SARibbonGallery::PrivateData::sGalleryButtonMaximumWidth = 15;
+
+//===================================================
+// SARibbonGalleryButton
+//===================================================
+
+SARibbonGalleryButton::SARibbonGalleryButton(QWidget* parent) : QToolButton(parent)
+{
+}
+
+SARibbonGalleryButton::~SARibbonGalleryButton()
+{
+}
+//===================================================
+// SARibbonGalleryViewport
+//===================================================
+
+SARibbonGalleryViewport::SARibbonGalleryViewport(QWidget* parent) : QWidget(parent)
+{
+	setWindowFlags(Qt::Popup);
+	QPalette pl = palette();
+	pl.setBrush(QPalette::Window, pl.brush(QPalette::Base));
+	setPalette(pl);
+	m_layout = new QVBoxLayout(this);
+	m_layout->setSpacing(0);
+	m_layout->setContentsMargins(0, 0, 0, 0);
+}
+
+/**
+ * @brief 添加窗口不带标题
+ * @param w
+ */
+void SARibbonGalleryViewport::addWidget(QWidget* w)
+{
+	w->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Minimum);
+	m_layout->addWidget(w);
+}
+
+/**
+ * @brief 添加窗口，带标题
+ * @param w
+ * @param title
+ */
+void SARibbonGalleryViewport::addWidget(QWidget* w, const QString& title)
+{
+	QLabel* label = new QLabel(this);
+	label->setText(title);
+	label->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Minimum);
+	m_layout->addWidget(label);
+	w->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Minimum);
+	m_layout->addWidget(w);
+	_widgetToTitleLable[ w ] = label;
+}
+
+/**
+ * @brief 通过SARibbonGalleryGroup获取对应的标题，用户可以通过此函数设置QLabel的属性
+ * @param g
+ * @return 如果没有管理group，将返回nullptr
+ */
+QLabel* SARibbonGalleryViewport::titleLabel(QWidget* w)
+{
+	return _widgetToTitleLable.value(w, nullptr);
+}
+
+/**
+ * @brief 移除窗口
+ * @param w
+ */
+void SARibbonGalleryViewport::removeWidget(QWidget* w)
+{
+	QLabel* label = titleLabel(w);
+	if (label) {
+		m_layout->removeWidget(label);
+	}
+	m_layout->removeWidget(w);
+}
+
+/**
+ * @brief widget的标题改变
+ * @param g
+ * @param title
+ */
+void SARibbonGalleryViewport::onTitleChanged(QWidget* w, const QString& title)
+{
+	QLabel* l = titleLabel(w);
+	if (l) {
+		l->setText(title);
+	}
+}
+
+//===================================================
+// SARibbonGallery
+//===================================================
+
+SARibbonGallery::SARibbonGallery(QWidget* parent) : QFrame(parent), d_ptr(new SARibbonGallery::PrivateData(this))
+{
+	d_ptr->init();
+	setFrameShape(QFrame::Box);
+	setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
+	setMinimumWidth(200);
+}
+
+SARibbonGallery::~SARibbonGallery()
+{
+}
+
+QSize SARibbonGallery::sizeHint() const
+{
+	return (QSize(100, 62));
+}
+
+/**
+ * @brief 获取一个空白SARibbonGalleryGroup
+ * @return
+ */
+SARibbonGalleryGroup* SARibbonGallery::addGalleryGroup()
+{
+	SARibbonGalleryGroup* group = RibbonSubElementFactory->createRibbonGalleryGroup(this);
+	addGalleryGroup(group);
+	return (group);
+}
+
+/**
+ * @brief 添加一组SARibbonGalleryGroup
+ * @param group
+ */
+void SARibbonGallery::addGalleryGroup(SARibbonGalleryGroup* group)
+{
+	group->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred);
+	SARibbonGalleryViewport* viewport = ensureGetPopupViewPort();
+	viewport->addWidget(group, group->groupTitle());
+	connect(group, &QAbstractItemView::clicked, this, &SARibbonGallery::onItemClicked);
+	connect(group, &SARibbonGalleryGroup::groupTitleChanged, this, [ group, viewport ](const QString& t) {
+		viewport->onTitleChanged(group, t);
+	});
+	connect(group, &SARibbonGalleryGroup::triggered, this, &SARibbonGallery::triggered);
+	connect(group, &SARibbonGalleryGroup::hovered, this, &SARibbonGallery::hovered);
+	setCurrentViewGroup(group);
+}
+
+/**
+ * @brief 添加一组actions
+ * @param title actions组的名字
+ * @param actions
+ * @return 返回SARibbonGalleryGroup，用户可以通过修改SARibbonGalleryGroup属性控制其显示方法
+ */
+SARibbonGalleryGroup* SARibbonGallery::addCategoryActions(const QString& title, QList< QAction* > actions)
+{
+	SARibbonGalleryGroup* group = RibbonSubElementFactory->createRibbonGalleryGroup(this);
+	if (!title.isEmpty()) {
+		group->setGroupTitle(title);
+	}
+	group->addActionItemList(actions);
+	addGalleryGroup(group);
+	return (group);
+}
+
+void SARibbonGallery::setCurrentViewGroup(SARibbonGalleryGroup* group)
+{
+	d_ptr->setViewPort(group);
+	QApplication::postEvent(this, new QResizeEvent(size(), size()));
+}
+
+SARibbonGalleryGroup* SARibbonGallery::currentViewGroup() const
+{
+	return (d_ptr->mViewportGroup);
+}
+
+/**
+ * @brief 获取弹出窗口
+ * @return
+ */
+SARibbonGalleryViewport* SARibbonGallery::getPopupViewPort() const
+{
+	return d_ptr->mPopupWidget;
+}
+
+/**
+ * @brief 设置最右边三个控制按钮的最大宽度（默认15）
+ * @param w
+ */
+void SARibbonGallery::setGalleryButtonMaximumWidth(int w)
+{
+	SARibbonGallery::PrivateData::sGalleryButtonMaximumWidth = w;
+}
+
+/**
+ * @brief 上翻页
+ */
+void SARibbonGallery::pageDown()
+{
+	if (d_ptr->mViewportGroup) {
+		QScrollBar* vscrollBar = d_ptr->mViewportGroup->verticalScrollBar();
+		int v                  = vscrollBar->value();
+		v += vscrollBar->singleStep();
+		vscrollBar->setValue(v);
+	}
+}
+
+/**
+ * @brief 下翻页
+ */
+void SARibbonGallery::pageUp()
+{
+	if (d_ptr->mViewportGroup) {
+		QScrollBar* vscrollBar = d_ptr->mViewportGroup->verticalScrollBar();
+		int v                  = vscrollBar->value();
+		v -= vscrollBar->singleStep();
+		vscrollBar->setValue(v);
+	}
+}
+
+/**
+ * @brief 显示更多触发，默认弹出内部管理的SARibbonGalleryViewport，用户可重载此函数实现自定义的弹出
+ */
+void SARibbonGallery::showMoreDetail()
+{
+	if (nullptr == d_ptr->mPopupWidget) {
+		return;
+	}
+	QSize popupMenuSize = d_ptr->mPopupWidget->sizeHint();
+	QPoint start        = mapToGlobal(QPoint(0, 0));
+
+	int width = d_ptr->mViewportGroup->width();  // viewport
+
+	width += qApp->style()->pixelMetric(QStyle::PM_ScrollBarExtent);  // scrollbar
+	d_ptr->mPopupWidget->setGeometry(start.x(), start.y(), width, popupMenuSize.height());
+	d_ptr->mPopupWidget->show();
+}
+
+void SARibbonGallery::onItemClicked(const QModelIndex& index)
+{
+	QObject* obj                = sender();
+	SARibbonGalleryGroup* group = qobject_cast< SARibbonGalleryGroup* >(obj);
+	if (group) {
+		setCurrentViewGroup(group);
+		SARibbonGalleryGroup* curGroup = currentViewGroup();
+		curGroup->scrollTo(index);
+		curGroup->setCurrentIndex(index);
+	}
+}
+
+void SARibbonGallery::onTriggered(QAction* action)
+{
+	Q_UNUSED(action);
+	// 点击后关闭弹出窗口
+	if (d_ptr->mPopupWidget) {
+		if (d_ptr->mPopupWidget->isVisible()) {
+			d_ptr->mPopupWidget->hide();
+		}
+	}
+}
+
+SARibbonGalleryViewport* SARibbonGallery::ensureGetPopupViewPort()
+{
+	if (nullptr == d_ptr->mPopupWidget) {
+		d_ptr->createPopupWidget();
+	}
+	return (d_ptr->mPopupWidget);
+}
+
+void SARibbonGallery::resizeEvent(QResizeEvent* event)
+{
+	QFrame::resizeEvent(event);
+	// 对SARibbonGalleryViewport所有SARibbonGalleryGroup重置尺寸
+	int h = layout()->contentsRect().height();
+	if (d_ptr->mViewportGroup) {
+		h = d_ptr->mViewportGroup->height();
+		d_ptr->mViewportGroup->recalcGridSize();
+	}
+	if (d_ptr->mPopupWidget) {
+		QLayout* lay = d_ptr->mPopupWidget->layout();
+		if (!lay) {
+			return;
+		}
+		int c = lay->count();
+		for (int i = 0; i < c; ++i) {
+			QLayoutItem* item = lay->itemAt(i);
+			if (!item) {
+				continue;
+			}
+			QWidget* w = item->widget();
+			if (!w) {
+				continue;
+			}
+			SARibbonGalleryGroup* g = qobject_cast< SARibbonGalleryGroup* >(w);
+			if (!g) {
+				continue;
+			}
+			g->recalcGridSize(h);
+		}
+	}
+}
+
+void SARibbonGallery::paintEvent(QPaintEvent* event)
+{
+	QFrame::paintEvent(event);
+}
+
+/*** End of inlined file: SARibbonGallery.cpp ***/
+
+/*** Start of inlined file: SARibbonBar.cpp ***/
+#include <QPointer>
+#include <QAction>
+#include <QApplication>
+#include <QDebug>
+#include <QHoverEvent>
+#include <QLinearGradient>
+#include <QPainter>
+#include <QResizeEvent>
+#include <QSet>
+#include <QStyleOptionMenuItem>
+#include <QTimer>
+#include <QVariant>
+
+#define HELP_DRAW_RECT(p, rect)                                                                                        \
+	do {                                                                                                               \
+		p.save();                                                                                                      \
+		QPen _pen(Qt::DashDotDotLine);                                                                                 \
+		_pen.setColor(QColor(219, 26, 59));                                                                            \
+		p.setPen(_pen);                                                                                                \
+		p.setBrush(QBrush());                                                                                          \
+		p.drawRect(rect);                                                                                              \
+		p.restore();                                                                                                   \
+	} while (0)
+
+class _SAContextCategoryManagerData
+{
+public:
+	SARibbonContextCategory* contextCategory;
+	QList< int > tabPageIndex;
+	bool operator==(const SARibbonContextCategory* contextPage)
+	{
+		return (this->contextCategory == contextPage);
+	}
+};
+
+/**
+ * @todo 此处要修改，此方式容易异常
+ */
+class _SARibbonTabData
+{
+public:
+	SARibbonCategory* category;
+	int index;
+	_SARibbonTabData() : category(nullptr), index(-1)
+	{
+	}
+};
+Q_DECLARE_METATYPE(_SARibbonTabData)
+
+class SARibbonBar::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonBar)
+public:
+	QPointer< QAbstractButton > mApplicationButton;
+	QPointer< SARibbonTabBar > mRibbonTabBar;
+	QPointer< SARibbonStackedWidget > mStackedContainerWidget;
+	QPointer< SARibbonButtonGroupWidget > mRightButtonGroup;  ///< 在tab bar右边的按钮群
+	QPointer< SARibbonQuickAccessBar > mQuickAccessBar;       ///< 快速响应栏
+	QAction* mMinimumCategoryButtonAction { nullptr };        ///< 隐藏面板按钮action
+	QList< _SAContextCategoryManagerData > mCurrentShowingContextCategory;
+	QList< SARibbonContextCategory* > mContextCategoryList;  ///< 存放所有的上下文标签
+	QList< _SARibbonTabData > mHidedCategory;
+	int mIconRightBorderPosition { 1 };  ///< 标题栏x值得最小值，在有图标和快捷启动按钮，此值都需要变化
+	SARibbonBar::RibbonStyles mRibbonStyle { SARibbonBar::RibbonStyleLooseThreeRow };  ///< ribbon的风格
+	SARibbonBar::RibbonMode mCurrentRibbonMode { SARibbonBar::NormalRibbonMode };      ///< 记录当前模式
+	QSize mWindowButtonSize;                    ///< 由SARibbonMainWindow告诉的windowbutton的尺寸
+	QList< QColor > mContextCategoryColorList;  ///< contextCategory的色系
+	int mContextCategoryColorListIndex { -1 };  ///< 记录contextCategory色系索引
+	QColor mTitleTextColor;  ///< 标题文字颜色,默认无效，无效的情况下和SARibbonBar的qss:color属性一致
+	QColor mTabBarBaseLineColor { QColor(186, 201, 219) };  ///< tabbar 底部会绘制一条线条，定义线条颜色
+	QColor mContextCategoryTitleTextColor { Qt::black };    ///< 记录Context category的标题字体颜色
+	Qt::Alignment mTitleAligment { Qt::AlignCenter };       ///< 标题对齐方式
+	bool mIsTitleVisible { true };                          ///< 标题是否显示
+	SARibbonAlignment mRibbonAlignment { SARibbonAlignment::AlignLeft };                         ///< 对齐方式
+	SARibbonPannel::PannelLayoutMode mDefaulePannelLayoutMode { SARibbonPannel::ThreeRowMode };  ///< 默认的PannelLayoutMode
+	bool mEnableShowPannelTitle { true };    ///< 是否运行pannel的标题栏显示
+	bool mIsTabOnTitle { false };            ///< 是否tab在标题栏上
+	int mTitleBarHeight { 30 };              ///< 标题栏高度
+	int mTabBarHeight { 28 };                ///< tabbar高度
+	int mPannelTitleHeight { 15 };           ///< pannel的标题栏默认高度
+	int mCategoryHeight { 60 };              ///< Category的高度
+	int mPannelSpacing { 0 };                ///< pannel的spacing
+	QSize mPannelToolButtonSize { 22, 22 };  ///< 记录pannel的默认图标大小
+	std::unique_ptr< int > mUserDefTitleBarHeight;  ///< 用户定义的标题栏高度，正常不使用用户设定的高度，而是使用自动计算的高度
+	std::unique_ptr< int > mUserDefTabBarHeight;  ///< 用户定义的tabbar高度，正常不使用用户设定的高度，而是使用自动计算的高度
+	std::unique_ptr< int > mUserDefCategoryHeight;  ///< 用户定义的Category的高度，正常不使用用户设定的高度，而是使用自动计算的高度
+public:
+	PrivateData(SARibbonBar* par) : q_ptr(par)
+	{
+		mContextCategoryColorList = SARibbonBar::defaultContextCategoryColorList();
+	}
+	void init();
+	int systemTabBarHeight() const;
+	// 计算tabbar高度
+	int calcTabBarHeight();
+	// 根据字体信息计算标题栏高度
+	int calcTitleBarHeight();
+	// 根据字体信息计算category的高度
+	int calcCategoryHeight();
+	// 计算tabbar高度
+    static int
+    calcMainBarHeight(int tabHegith, int titleHeight, int categoryHeight, bool tabOnTitle, SARibbonBar::RibbonMode rMode);
+	// 获取当前最小模式下的高度
+	int getCurrentMinimumModeMainBarHeight() const;
+	// 获取当前正常模式下的高度
+	int getCurrentNormalModeMainBarHeight() const;
+	// 重置尺寸
+	void resetSize();
+	// 获取标题栏高度
+	int titleBarHeight() const;
+	// tabbar 高度
+	int tabBarHeigth() const;
+	// category高度
+	int categoryHeight() const;
+	// 更新推荐的尺寸值
+	void updateHintSize();
+
+	void setApplicationButton(QAbstractButton* btn);
+
+	bool isContainContextCategoryInList(SARibbonContextCategory* contextCategory);
+
+	void setMinimumMode();
+
+	void setNormalMode();
+
+	QColor getContextCategoryColor();
+
+	void updateTabData();
+
+	/**
+	 * @brief 通过输入高度计算iconSize
+	 * @param h
+	 * @return
+	 */
+	static QSize calcIconSizeByHeight(int h);
+};
+
+void SARibbonBar::PrivateData::init()
+{
+	mApplicationButton = RibbonSubElementFactory->createRibbonApplicationButton(q_ptr);
+	q_ptr->connect(mApplicationButton.data(), &QAbstractButton::clicked, q_ptr, &SARibbonBar::applicationButtonClicked);
+	mRibbonTabBar = RibbonSubElementFactory->createRibbonTabBar(q_ptr);
+	mRibbonTabBar->setObjectName(QStringLiteral("objSARibbonTabBar"));
+	mRibbonTabBar->setDrawBase(false);
+	q_ptr->connect(mRibbonTabBar.data(), &QTabBar::currentChanged, q_ptr, &SARibbonBar::onCurrentRibbonTabChanged);
+	q_ptr->connect(mRibbonTabBar.data(), &QTabBar::tabBarClicked, q_ptr, &SARibbonBar::onCurrentRibbonTabClicked);
+	q_ptr->connect(mRibbonTabBar.data(), &QTabBar::tabBarDoubleClicked, q_ptr, &SARibbonBar::onCurrentRibbonTabDoubleClicked);
+	q_ptr->connect(mRibbonTabBar.data(), &QTabBar::tabMoved, q_ptr, &SARibbonBar::onTabMoved);
+	//
+	mStackedContainerWidget = RibbonSubElementFactory->createRibbonStackedWidget(q_ptr);
+	mStackedContainerWidget->setObjectName(QStringLiteral("objSARibbonStackedContainerWidget"));
+	q_ptr->connect(mStackedContainerWidget.data(), &SARibbonStackedWidget::hidWindow, q_ptr, &SARibbonBar::onStackWidgetHided);
+	// 捕获事件，在popmode时必须用到
+	mStackedContainerWidget->installEventFilter(q_ptr);
+	//
+	mQuickAccessBar = RibbonSubElementFactory->createQuickAccessBar(q_ptr);
+	mQuickAccessBar->setObjectName(QStringLiteral("objSARibbonQuickAccessBar"));
+	mQuickAccessBar->setIcon(q_ptr->windowIcon());
+	//
+	mRightButtonGroup = RibbonSubElementFactory->craeteButtonGroupWidget(q_ptr);
+	//
+	setNormalMode();
+}
+
+int SARibbonBar::PrivateData::systemTabBarHeight() const
+{
+	return q_ptr->style()->pixelMetric(QStyle::PM_TabBarBaseHeight)
+           + q_ptr->style()->pixelMetric(QStyle::PM_TabBarTabHSpace)
+           + q_ptr->style()->pixelMetric(QStyle::PM_TabBarTabOverlap);
+}
+
+/**
+ * @brief 估算tabbar的高度
+ * @param fm
+ * @return
+ */
+int SARibbonBar::PrivateData::calcTabBarHeight()
+{
+	int defaultHeight = systemTabBarHeight();
+	int fontHeight = q_ptr->fontMetrics().lineSpacing();  // 不要用height，像宋体这种字体，height=12，lineSpacing=14，有些就无法显示
+	int defaultHeight2 = fontHeight * 1.6;
+	if (defaultHeight2 < fontHeight + 10) {
+		defaultHeight2 = fontHeight + 10;  // 主要为了满足office2021主题，tab下有个4px的横杠
+	}
+	int r = qMax(defaultHeight, defaultHeight2);
+	if (r < 20) {
+		r = 20;
+	}
+	return r;
+}
+
+/**
+ * @brief 估算标题栏的高度
+ * @param fm
+ * @return
+ */
+int SARibbonBar::PrivateData::calcTitleBarHeight()
+{
+	int defaultHeight  = q_ptr->style()->pixelMetric(QStyle::PM_TitleBarHeight);
+	int defaultHeight2 = q_ptr->fontMetrics().height() * 1.8;
+	int r              = qMax(defaultHeight, defaultHeight2);
+	if (r < 25) {
+		r = 25;
+	}
+	return r;
+}
+
+/**
+ * @brief 估算category的高度
+ * @note 经过对照，1.6行高和office的高度比较接近
+ * @param fm
+ * @param s
+ * @return
+ */
+int SARibbonBar::PrivateData::calcCategoryHeight()
+{
+	int textH = q_ptr->fontMetrics().lineSpacing();  // 这里用linespace，因为在换行的情况下，行距是不可忽略的，ribbon的大按钮默认是2行
+	if (SARibbonPannel::ThreeRowMode == mDefaulePannelLayoutMode) {
+		// 5.5=（3*1.6+1） （三行）,1是给panneltitle预留的
+		return textH * 4.8 + mPannelTitleHeight;
+	} else {
+		// 3=2*1.6
+		return textH * 3.2 + mPannelTitleHeight;
+	}
+	return (textH * 4.8 + mPannelTitleHeight);
+}
+
+/**
+ * @brief 计算总高
+ *
+ * @note 此总高是普通模式下的总高
+ *
+ * @param tabHegith
+ * @param titleHeight
+ * @param categoryHeight
+ * @return
+ */
+int SARibbonBar::PrivateData::calcMainBarHeight(int tabHegith,
+                                                int titleHeight,
+                                                int categoryHeight,
+                                                bool tabOnTitle,
+                                                SARibbonBar::RibbonMode rMode)
+{
+	if (rMode == MinimumRibbonMode) {
+		// 最小模式，没有categoryHeight
+		if (tabOnTitle) {
+			return titleHeight;
+		} else {
+			return titleHeight + tabHegith;
+		}
+	} else {
+		if (tabOnTitle) {
+			return titleHeight + categoryHeight;
+		} else {
+			return tabHegith + titleHeight + categoryHeight;
+		}
+	}
+	return tabHegith + titleHeight + categoryHeight;
+}
+
+int SARibbonBar::PrivateData::getCurrentMinimumModeMainBarHeight() const
+{
+    return calcMainBarHeight(
+        tabBarHeigth(), titleBarHeight(), categoryHeight(), mIsTabOnTitle, SARibbonBar::MinimumRibbonMode);
+}
+
+int SARibbonBar::PrivateData::getCurrentNormalModeMainBarHeight() const
+{
+	return calcMainBarHeight(tabBarHeigth(), titleBarHeight(), categoryHeight(), mIsTabOnTitle, SARibbonBar::NormalRibbonMode);
+}
+
+/**
+ * @brief 重新计算尺寸
+ */
+void SARibbonBar::PrivateData::resetSize()
+{
+	updateHintSize();
+	const int th      = tabBarHeigth();
+	int mainBarHeight = calcMainBarHeight(th, titleBarHeight(), categoryHeight(), mIsTabOnTitle, mCurrentRibbonMode);
+	// 处于最小模式下时，bar的高度为tabbar的bottom,这个调整必须在resize event之后
+	q_ptr->setFixedHeight(mainBarHeight);
+}
+
+/**
+ * @brief 标题栏高度
+ * @return
+ */
+int SARibbonBar::PrivateData::titleBarHeight() const
+{
+	if (mUserDefTitleBarHeight) {
+		return *mUserDefTitleBarHeight;
+	}
+	return mTitleBarHeight;
+}
+
+/**
+ * @brief tab高度
+ * @return
+ */
+int SARibbonBar::PrivateData::tabBarHeigth() const
+{
+	if (mUserDefTabBarHeight) {
+		return *mUserDefTabBarHeight;
+	}
+	return mTabBarHeight;
+}
+
+/**
+ * @brief category高度
+ * @return
+ */
+int SARibbonBar::PrivateData::categoryHeight() const
+{
+	if (mUserDefCategoryHeight) {
+		return *mUserDefCategoryHeight;
+	} else {
+		return mCategoryHeight;
+	}
+}
+
+/**
+ * @brief 更新推荐的尺寸值
+ */
+void SARibbonBar::PrivateData::updateHintSize()
+{
+	mTitleBarHeight = calcTitleBarHeight();
+	// mTabBarHeight有大于0的值说明用户设置了，就使用用户设置的值
+	mTabBarHeight   = calcTabBarHeight();
+	mCategoryHeight = calcCategoryHeight();
+}
+
+void SARibbonBar::PrivateData::setApplicationButton(QAbstractButton* btn)
+{
+	if (mApplicationButton) {
+		mApplicationButton->hide();
+		mApplicationButton->deleteLater();
+	}
+	if (btn) {
+		if (btn->parent() != q_ptr) {
+			btn->setParent(q_ptr);
+		}
+		btn->move(0, q_ptr->titleBarHeight());
+		btn->show();
+		q_ptr->connect(btn, &QAbstractButton::clicked, q_ptr, &SARibbonBar::applicationButtonClicked);
+	}
+	mApplicationButton = btn;
+}
+
+bool SARibbonBar::PrivateData::isContainContextCategoryInList(SARibbonContextCategory* contextCategory)
+{
+	for (int i = 0; i < mCurrentShowingContextCategory.size(); ++i) {
+		if (mCurrentShowingContextCategory[ i ] == contextCategory) {
+			return (true);
+		}
+	}
+	return (false);
+}
+
+void SARibbonBar::PrivateData::setMinimumMode()
+{
+	mCurrentRibbonMode = SARibbonBar::MinimumRibbonMode;
+	mStackedContainerWidget->setPopupMode();
+	mStackedContainerWidget->setFocusPolicy(Qt::NoFocus);
+	mStackedContainerWidget->clearFocus();
+	mRibbonTabBar->setFocus();
+	mStackedContainerWidget->hide();
+	resetSize();
+}
+
+void SARibbonBar::PrivateData::setNormalMode()
+{
+	mCurrentRibbonMode = SARibbonBar::NormalRibbonMode;
+	mStackedContainerWidget->setNormalMode();
+	mStackedContainerWidget->setFocus();
+	mStackedContainerWidget->show();
+	resetSize();
+}
+
+QColor SARibbonBar::PrivateData::getContextCategoryColor()
+{
+	if (mContextCategoryColorList.isEmpty()) {
+		mContextCategoryColorListIndex = -1;
+		return (QColor());
+	}
+	++mContextCategoryColorListIndex;
+	if ((mContextCategoryColorListIndex >= mContextCategoryColorList.size()) || (mContextCategoryColorListIndex < 0)) {
+		mContextCategoryColorListIndex = 0;
+	}
+	return (mContextCategoryColorList.at(mContextCategoryColorListIndex));
+}
+
+void SARibbonBar::PrivateData::updateTabData()
+{
+	int tabcount = mRibbonTabBar->count();
+
+	for (int i = 0; i < tabcount; ++i) {
+		QVariant var = mRibbonTabBar->tabData(i);
+		if (var.isValid()) {
+			_SARibbonTabData p = var.value< _SARibbonTabData >();
+			p.index            = i;
+			mRibbonTabBar->setTabData(i, QVariant::fromValue(p));
+		}
+	}
+	// 刷新完tabdata信息也要接着刷新ContextCategory信息
+	for (_SAContextCategoryManagerData& cd : mCurrentShowingContextCategory) {
+		cd.tabPageIndex.clear();
+		for (int i = 0; i < cd.contextCategory->categoryCount(); ++i) {
+			SARibbonCategory* category = cd.contextCategory->categoryPage(i);
+			for (int t = 0; t < tabcount; ++t) {
+				QVariant v = mRibbonTabBar->tabData(t);
+				if (v.isValid()) {
+					_SARibbonTabData d = v.value< _SARibbonTabData >();
+					if (d.category == category) {
+						cd.tabPageIndex.append(t);
+					}
+				} else {
+					cd.tabPageIndex.append(-1);
+				}
+			}
+		}
+	}
+}
+
+QSize SARibbonBar::PrivateData::calcIconSizeByHeight(int h)
+{
+	if (h - 8 >= 20) {
+		return QSize(h - 8, h - 8);
+	}
+	return QSize(h - 4, h - 4);
+}
+
+//===================================================
+// SARibbonBar
+//===================================================
+
+/**
+ * @brief SARibbonBar构造函数
+ * @param parent
+ */
+SARibbonBar::SARibbonBar(QWidget* parent) : QMenuBar(parent), d_ptr(new SARibbonBar::PrivateData(this))
+{
+	d_ptr->init();
+	ensurePolished();
+	setNativeMenuBar(false);
+	// #ifdef Q_OS_MACOS
+	//     setNativeMenuBar(false);
+	// #endif
+	// #ifdef Q_OS_LINUX
+	//     setNativeMenuBar(false);
+	// #endif
+	if (parent) {
+		connect(parent, &QWidget::windowTitleChanged, this, &SARibbonBar::onWindowTitleChanged);
+		connect(parent, &QWidget::windowIconChanged, this, &SARibbonBar::onWindowIconChanged);
+	}
+	setRibbonStyle(RibbonStyleLooseThreeRow);
+}
+
+SARibbonBar::~SARibbonBar()
+{
+}
+
+/**
+ * @brief 判断样式是否为2行
+ * @param s
+ * @return 2行返回true，返回false代表当前是3行
+ */
+bool SARibbonBar::isTwoRowStyle(SARibbonBar::RibbonStyles s)
+{
+	return s.testFlag(SARibbonBar::RibbonStyleTwoRow);
+}
+
+/**
+ * @brief 判断样式是否为3行
+ * @param s
+ * @return 3行返回true，返回false代表当前是2行
+ */
+bool SARibbonBar::isThreeRowStyle(RibbonStyles s)
+{
+	return s.testFlag(SARibbonBar::RibbonStyleThreeRow);
+}
+
+/**
+ * @brief 判断是否是宽松样式
+ * @param s
+ * @return 宽松样式（带标题栏）返回true，否则就是紧凑样式
+ */
+bool SARibbonBar::isLooseStyle(SARibbonBar::RibbonStyles s)
+{
+	return s.testFlag(SARibbonBar::RibbonStyleLoose);
+}
+
+/**
+ * @brief 判断是否是紧凑样式
+ * @param s
+ * @return 紧凑样式（不带标题栏）返回true，否则就是宽松样式
+ */
+bool SARibbonBar::isCompactStyle(RibbonStyles s)
+{
+	return s.testFlag(SARibbonBar::RibbonStyleCompact);
+}
+
+/**
+ * @brief 获取版本信息
+ * @return {SA_RIBBON_BAR_VERSION_MAJ}.{SA_RIBBON_BAR_VERSION_MIN}.{SA_RIBBON_BAR_VERSION_PAT}
+ */
+QString SARibbonBar::versionString()
+{
+	return QString("%1.%2.%3").arg(SA_RIBBON_BAR_VERSION_MAJ).arg(SA_RIBBON_BAR_VERSION_MIN).arg(SA_RIBBON_BAR_VERSION_PAT);
+}
+
+/**
+   @brief 获取默认的上下文标签颜色列表
+   @return
+ */
+QList< QColor > SARibbonBar::defaultContextCategoryColorList()
+{
+	QList< QColor > res;
+	res                           //
+        << QColor(206, 232, 252)  // 蓝
+        << QColor(253, 238, 179)  // 黄
+        << QColor(212, 255, 174)  // 绿
+        << QColor(255, 196, 214)  // 红
+        << QColor(255, 216, 153)  // 橙
+        << QColor(255, 224, 243)  // 玫红
+        ;
+	return res;
+}
+
+/**
+ * @brief 提供高分屏的支持静态函数
+ *
+ * @note 此函数需要在main函数，QApplication生成之前调用
+ * @code
+ * int main(int argc, char* argv[]){
+ *    SARibbonBar::initHighDpi();
+ *    QApplication a(argc, argv);
+ *    ...
+ * }
+ * @endcode
+ */
+void SARibbonBar::initHighDpi()
+{
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 6, 0)) && (QT_VERSION < QT_VERSION_CHECK(6, 0, 0))
+	QApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
+	QApplication::setAttribute(Qt::AA_UseHighDpiPixmaps);
+#endif
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 14, 0))
+	// 在有些时候，无法显示分割线，是由于PassThrough导致的
+	QApplication::setHighDpiScaleFactorRoundingPolicy(Qt::HighDpiScaleFactorRoundingPolicy::PassThrough);
+#endif
+}
+
+/**
+ * @brief 返回applicationButton
+ * @return 默认的applicationButton是@ref SARibbonApplicationButton 生成，通过@ref setApplicationButton 可设置为其他button
+ */
+QAbstractButton* SARibbonBar::applicationButton()
+{
+	return (d_ptr->mApplicationButton);
+}
+
+/**
+ * @brief 设置applicationButton,如果想隐藏，可以传入nullptr
+ *
+ * 默认会有一个SARibbonApplicationButton，如果想取消，可传入nullptr，或者自定义的button也可以传入
+ *
+ * @note applicationButton的所有权归SARibbonBar所有，不要在外部对applicationButton进行delete操作
+ * @param btn applicationButton指针，可以传入@ref SARibbonApplicationButton，
+ * SA已经对SARibbonApplicationButton进行了样式设置
+ */
+void SARibbonBar::setApplicationButton(QAbstractButton* btn)
+{
+	d_ptr->setApplicationButton(btn);
+	if (btn) {
+		if (btn->objectName().isEmpty()) {
+			btn->setObjectName(QStringLiteral("SARibbonApplicationButton"));
+		}
+		btn->setVisible(true);
+		// btn->setGeometry(applicationButtonGeometry());
+	}
+	// 无论设置为什么都触发resize
+	QApplication::postEvent(this, new QResizeEvent(size(), size()));
+}
+
+/**
+ * @brief 返回tabbar
+ * @return SARibbonTabBar指针
+ * @sa SARibbonTabBar
+ */
+SARibbonTabBar* SARibbonBar::ribbonTabBar()
+{
+	return (d_ptr->mRibbonTabBar);
+}
+
+/**
+ * @brief 添加一个标签
+ * 如果需要删除，直接delete即可，SARibbonBar会对其进行处理
+ * @param title 标签名字，默认情况下SARibbonCategory的object name也被设置为title
+ * @return 返回一个窗口容器，在Category里可以添加其他控件
+ * @sa SARibbonCategory
+ */
+SARibbonCategory* SARibbonBar::addCategoryPage(const QString& title)
+{
+	SARibbonCategory* category = RibbonSubElementFactory->createRibbonCategory(this);
+
+	category->setObjectName(title);
+	category->setCategoryName(title);
+	addCategoryPage(category);
+	return (category);
+}
+
+/**
+ * @brief 添加一个标签
+ * @param category
+ */
+void SARibbonBar::addCategoryPage(SARibbonCategory* category)
+{
+	if (nullptr == category) {
+		return;
+	}
+	int index = d_ptr->mRibbonTabBar->count();
+	insertCategoryPage(category, index);
+}
+
+/**
+ * @brief qtdesigner专用
+ * @param category
+ */
+void SARibbonBar::addCategoryPage(QWidget* category)
+{
+	SARibbonCategory* c = qobject_cast< SARibbonCategory* >(category);
+
+	if (c) {
+		addCategoryPage(c);
+	}
+}
+
+/**
+ * @brief 添加一个category，category的位置在index，如果当前category数量少于index，将插入到最后
+ * @param title category的标题
+ * @param index category的位置
+ * @return
+ */
+SARibbonCategory* SARibbonBar::insertCategoryPage(const QString& title, int index)
+{
+	SARibbonCategory* category = RibbonSubElementFactory->createRibbonCategory(this);
+
+	category->setObjectName(title);
+	category->setCategoryName(title);
+	insertCategoryPage(category, index);
+	return (category);
+}
+
+/**
+ * @brief 插入一个category
+ * @param category SARibbonCategory指针
+ * @param index 插入的位置，如果超出范围，将默认插入到最后
+ */
+void SARibbonBar::insertCategoryPage(SARibbonCategory* category, int index)
+{
+	if (nullptr == category) {
+		return;
+	}
+	category->setPannelLayoutMode(d_ptr->mDefaulePannelLayoutMode);
+	category->setPannelSpacing(d_ptr->mPannelSpacing);
+	category->setPannelToolButtonIconSize(d_ptr->mPannelToolButtonSize);
+	int i = d_ptr->mRibbonTabBar->insertTab(index, category->categoryName());
+
+	_SARibbonTabData tabdata;
+
+	tabdata.category = category;
+	tabdata.index    = i;
+	d_ptr->mRibbonTabBar->setTabData(i, QVariant::fromValue(tabdata));
+	d_ptr->mStackedContainerWidget->insertWidget(index, category);
+	// 更新index信息
+	d_ptr->updateTabData();
+	QApplication::postEvent(this, new QResizeEvent(size(), size()));
+
+	connect(category, &QWidget::windowTitleChanged, this, &SARibbonBar::onCategoryWindowTitleChanged);
+	connect(category, &SARibbonCategory::actionTriggered, this, &SARibbonBar::actionTriggered);
+}
+
+/**
+ * @brief 通过名字查找Category
+ * @param title Category的名字，既标签的标题
+ * @return 如果没有找到，将返回nullptr，如果有重名，将返回第一个查询到的名字，因此，尽量避免重名标签
+ * @note 由于翻译等原因，可能title会变化，因此如果想通过固定内容查找category，应该使用 @ref categoryByObjectName
+ * @see categoryByObjectName
+ */
+SARibbonCategory* SARibbonBar::categoryByName(const QString& title) const
+{
+	int c = d_ptr->mStackedContainerWidget->count();
+
+	for (int i = 0; i < c; ++i) {
+		SARibbonCategory* w = qobject_cast< SARibbonCategory* >(d_ptr->mStackedContainerWidget->widget(i));
+		if (w) {
+			if (w->categoryName() == title) {
+				return (w);
+			}
+		}
+	}
+	return (nullptr);
+}
+
+/**
+ * @brief 通过ObjectName查找Category
+ * @param objname
+ * @return 如果没有找到，将返回nullptr，如果有同样的ObjectName，将返回第一个查询到的名字，因此，尽量避免ObjectName重名
+ * @see categoryByName
+ */
+SARibbonCategory* SARibbonBar::categoryByObjectName(const QString& objname) const
+{
+	int c = d_ptr->mStackedContainerWidget->count();
+
+	for (int i = 0; i < c; ++i) {
+		SARibbonCategory* w = qobject_cast< SARibbonCategory* >(d_ptr->mStackedContainerWidget->widget(i));
+		if (w) {
+			if (w->objectName() == objname) {
+				return (w);
+			}
+		}
+	}
+	return (nullptr);
+}
+
+/**
+ * @brief 通过索引找到category，如果超过索引范围，会返回nullptr
+ * @param index 索引
+ * @return 如果超过索引范围，会返回nullptr
+ * @note 如果此时有上下文标签，上下文的标签也会返回
+ * @note 通过索引查找的category必须是visible状态的category，如果通过@ref hideCategory 隐藏的标签，通过索引是找不到的
+ * @note 通过@ref categoryByObjectName 可以找到所有加入过的标签，
+ * 如果想得到ribbonbar管理的所有标签，可以通过函数@ref categoryPages 得到
+ * @see categoryIndex categoryByObjectName categoryByName
+ */
+SARibbonCategory* SARibbonBar::categoryByIndex(int index) const
+{
+	QVariant var = d_ptr->mRibbonTabBar->tabData(index);
+
+	if (var.isValid()) {
+		_SARibbonTabData p = var.value< _SARibbonTabData >();
+		return (p.category);
+	}
+	return (nullptr);
+}
+
+/**
+ * @brief 隐藏category,并不会删除或者取走，只是隐藏
+ * @param category
+ */
+void SARibbonBar::hideCategory(SARibbonCategory* category)
+{
+	int tabcount = d_ptr->mRibbonTabBar->count();
+
+	for (int i = 0; i < tabcount; ++i) {
+		QVariant var = d_ptr->mRibbonTabBar->tabData(i);
+		if (var.isValid()) {
+			_SARibbonTabData p = var.value< _SARibbonTabData >();
+			if (p.category == category) {
+				d_ptr->mHidedCategory.append(p);
+				d_ptr->mRibbonTabBar->removeTab(i);  // 仅仅把tab移除
+				// 注意Category隐藏后，contex的位置就会发生变化，需要更新
+				d_ptr->updateTabData();
+				return;
+			}
+		}
+	}
+}
+
+/**
+ * @brief 显示被隐藏的category
+ * @param category
+ */
+void SARibbonBar::showCategory(SARibbonCategory* category)
+{
+	for (auto i = d_ptr->mHidedCategory.begin(); i != d_ptr->mHidedCategory.end(); ++i) {
+		if (i->category == category) {
+			// 说明要显示
+			int index = d_ptr->mRibbonTabBar->insertTab(i->index, i->category->categoryName());
+			i->index  = index;
+			d_ptr->mRibbonTabBar->setTabData(index, QVariant::fromValue(*i));
+			d_ptr->mHidedCategory.erase(i);  // 移除
+			// 更新index信息
+			d_ptr->updateTabData();
+			raiseCategory(category);
+			return;
+		}
+	}
+	raiseCategory(category);
+}
+
+/**
+ * @brief 判断这个category是否在显示状态，也就是tabbar有这个category
+ * @param category
+ * @return
+ */
+bool SARibbonBar::isCategoryVisible(const SARibbonCategory* c) const
+{
+	int tabindex = categoryIndex(c);
+
+	return (tabindex >= 0);
+}
+
+/**
+ * @brief 获取category的索引
+ * @param c
+ * @return 如果找不到，返回-1
+ */
+int SARibbonBar::categoryIndex(const SARibbonCategory* c) const
+{
+	// category的顺序不能以stackedwidget为准，因为存在contextcategory，contextcategory正常是不显示的
+	int tabcount = d_ptr->mRibbonTabBar->count();
+
+	for (int i = 0; i < tabcount; ++i) {
+		QVariant var = d_ptr->mRibbonTabBar->tabData(i);
+		if (var.isValid()) {
+			_SARibbonTabData p = var.value< _SARibbonTabData >();
+			if (p.category == c) {
+				return (i);
+			}
+		}
+	}
+	return (-1);
+}
+
+/**
+ * @brief 移动一个Category从from index到to index
+ * @param from
+ * @param to
+ */
+void SARibbonBar::moveCategory(int from, int to)
+{
+	d_ptr->mRibbonTabBar->moveTab(from, to);
+	// 这时要刷新所有tabdata的index信息
+	d_ptr->updateTabData();
+	// 这里会触发tabMoved信号，在tabMoved信号中调整stacked里窗口的位置
+}
+
+/**
+ * @brief 获取当前显示的所有的SARibbonCategory，包含未显示的SARibbonContextCategory的SARibbonCategory也一并返回
+ *
+ * @return
+ */
+QList< SARibbonCategory* > SARibbonBar::categoryPages(bool getAll) const
+{
+	int c = d_ptr->mStackedContainerWidget->count();
+	QList< SARibbonCategory* > res;
+
+	for (int i = 0; i < c; ++i) {
+		SARibbonCategory* w = qobject_cast< SARibbonCategory* >(d_ptr->mStackedContainerWidget->widget(i));
+		if (w) {
+			if (!getAll && w->isContextCategory()) {
+				// 不是getall且是上下文时跳过
+				continue;
+			}
+			res.append(w);
+		}
+	}
+	return (res);
+}
+
+/**
+ * @brief 移除SARibbonCategory
+ *
+ * SARibbonBar不会delete SARibbonCategory*，但这个SARibbonCategory会脱离SARibbonBar的管理
+ * 表现在tabbar会移除，面板会移除，使用此函数后可以对SARibbonCategory进行delete
+ * @param category
+ */
+void SARibbonBar::removeCategory(SARibbonCategory* category)
+{
+	int index     = tabIndex(category);
+	bool isupdate = false;
+	if (index >= 0) {
+		d_ptr->mRibbonTabBar->removeTab(index);
+		isupdate = true;
+	}
+	d_ptr->mStackedContainerWidget->removeWidget(category);
+	// 同时验证这个category是否是contexcategory里的
+
+	for (SARibbonContextCategory* c : qAsConst(d_ptr->mContextCategoryList)) {
+		c->takeCategory(category);
+	}
+	// 这时要刷新所有tabdata的index信息
+	if (isupdate) {
+		d_ptr->updateTabData();
+	}
+	// 移除完后需要重绘
+	repaint();
+	QApplication::postEvent(this, new QResizeEvent(size(), size()));
+}
+
+/**
+ * @brief 添加上下文标签
+ *
+ * 上下文标签是特殊时候触发的标签，需要用户手动触发
+ *
+ * 调用@ref SARibbonContextCategory::addCategoryPage 可在上下文标签中添加SARibbonCategory，
+ * 在上下文标签添加的SARibbonCategory，只有在上下文标签显示的时候才会显示
+ * @param title 上下文标签的标题，在Office模式下会显示，在wps模式下不显示。默认情况下SARibbonContextCategory的object name也被设置为title
+ * @param color 上下文标签的颜色，如果指定为空QColor(),将会使用SARibbonBar的默认色系
+ * @param id 上下文标签的id，以便进行查找
+ * @return 返回上下文标签指针
+ * @note SARibbonBar拥有SARibbonContextCategory的管理权，用户避免在外部直接delete,如果要删除，调用@ref destroyContextCategory 函数
+ */
+SARibbonContextCategory* SARibbonBar::addContextCategory(const QString& title, const QColor& color, const QVariant& id)
+{
+	SARibbonContextCategory* context = RibbonSubElementFactory->createRibbonContextCategory(this);
+
+	context->setObjectName(title);
+	context->setContextTitle(title);
+	context->setId(id);
+	context->setContextColor(color.isValid() ? color : d_ptr->getContextCategoryColor());
+	addContextCategory(context);
+	return (context);
+}
+
+/**
+ * @brief 添加上下文标签
+ * @param context
+ */
+void SARibbonBar::addContextCategory(SARibbonContextCategory* context)
+{
+	if (nullptr == context) {
+		return;
+	}
+	connect(context, &SARibbonContextCategory::categoryPageAdded, this, &SARibbonBar::onContextsCategoryPageAdded);
+	connect(context, &SARibbonContextCategory::categoryTitleChanged, this, &SARibbonBar::onContextsCategoryCategoryNameChanged);
+	// remove并没有绑定，主要是remove后在stacked里也不会显示，remove且delete的话，stacked里也会删除
+	d_ptr->mContextCategoryList.append(context);
+}
+
+/**
+ * @brief 显示上下文标签
+ * @param context 上下文标签指针
+ */
+void SARibbonBar::showContextCategory(SARibbonContextCategory* context)
+{
+	if (isContextCategoryVisible(context)) {
+		return;
+	}
+	_SAContextCategoryManagerData contextCategoryData;
+
+	contextCategoryData.contextCategory = context;
+	for (int i = 0; i < context->categoryCount(); ++i) {
+		SARibbonCategory* category = context->categoryPage(i);
+		// 此句如果模式重复设置不会进行多余操作
+		category->setPannelLayoutMode(d_ptr->mDefaulePannelLayoutMode);
+		// 切换模式后会改变高度，上下文标签显示时要保证显示出来
+		int index = d_ptr->mRibbonTabBar->addTab(category->categoryName());
+		contextCategoryData.tabPageIndex.append(index);
+
+		_SARibbonTabData tabdata;
+		tabdata.category = category;
+		tabdata.index    = index;
+		d_ptr->mRibbonTabBar->setTabData(index, QVariant::fromValue(tabdata));
+	}
+	d_ptr->mCurrentShowingContextCategory.append(contextCategoryData);
+	// 由于上下文都是在最后追加，不需要调用updateTabData();
+	QApplication::postEvent(this, new QResizeEvent(size(), size()));
+}
+
+/**
+ * @brief 隐藏上下文标签
+ * @param context 上下文标签指针
+ */
+void SARibbonBar::hideContextCategory(SARibbonContextCategory* context)
+{
+	bool needResize = false;
+
+	for (int i = 0; i < d_ptr->mCurrentShowingContextCategory.size(); ++i) {
+		if (d_ptr->mCurrentShowingContextCategory[ i ].contextCategory == context) {
+			const QList< int >& indexs = d_ptr->mCurrentShowingContextCategory[ i ].tabPageIndex;
+			for (int j = indexs.size() - 1; j >= 0; --j) {
+				d_ptr->mRibbonTabBar->removeTab(indexs[ j ]);
+			}
+			// 注意，再删除ContextCategory后，tab的序号就会改变，这时，这个tab后面的都要调整它的序号
+			needResize = true;
+			d_ptr->mCurrentShowingContextCategory.removeAt(i);
+			// 移除了ContextCategory后需要break
+			break;
+		}
+	}
+	if (needResize) {
+		d_ptr->updateTabData();
+		QApplication::postEvent(this, new QResizeEvent(size(), size()));
+	}
+}
+
+/**
+ * @brief 判断上下文是否在显示状态
+ * @param context
+ * @return 在显示状态返回true
+ * @sa setContextCategoryVisible
+ */
+bool SARibbonBar::isContextCategoryVisible(SARibbonContextCategory* context)
+{
+	return (d_ptr->isContainContextCategoryInList(context));
+}
+
+/**
+ * @brief 设置上下文标签的显示状态
+ *
+ * 上下文标签的当前显示状态可通过 @ref isContextCategoryVisible 进行判断
+ * @param context 上下文标签
+ * @param visible 显示状态，true为显示
+ */
+void SARibbonBar::setContextCategoryVisible(SARibbonContextCategory* context, bool visible)
+{
+	if (nullptr == context) {
+		return;
+	}
+	if (visible) {
+		showContextCategory(context);
+	} else {
+		hideContextCategory(context);
+	}
+}
+
+/**
+ * @brief 获取所有的上下文标签
+ * @return 返回上下文标签列表
+ */
+QList< SARibbonContextCategory* > SARibbonBar::contextCategoryList() const
+{
+	return (d_ptr->mContextCategoryList);
+}
+
+/**
+ * @brief 销毁上下文标签，上下文标签的SARibbonCategory也会随之销毁
+ * @param context 需要销毁的上下文标签指针
+ */
+void SARibbonBar::destroyContextCategory(SARibbonContextCategory* context)
+{
+	if (nullptr == context) {
+		return;
+	}
+	//! 1、如果上下文标签显示中，先隐藏
+	if (isContextCategoryVisible(context)) {
+		hideContextCategory(context);
+	}
+	//! 2、删除上下文标签的相关内容
+	d_ptr->mContextCategoryList.removeAll(context);
+	//!
+	QList< SARibbonCategory* > res = context->categoryList();
+
+	for (SARibbonCategory* c : qAsConst(res)) {
+		c->hide();
+		c->deleteLater();
+	}
+	context->deleteLater();
+	QApplication::postEvent(this, new QResizeEvent(size(), size()));
+}
+
+/**
+ * @brief 设置为最小/正常模式
+ *
+ * 隐藏模式下，只会显示tabbar，不会显示内容，默认状态是显示模式
+ *
+ * 默认下双击tabbar会切换隐藏显示模式，如果想禁用此功能，可以重载 @ref onCurrentRibbonTabDoubleClicked
+ * 函数，不对函数进行任何处理即可
+ *
+ * @param isMinimum 参数为true时，切换为Minimum模式
+ * @see 此函数会改变@ref RibbonState 状态，通过@ref currentRibbonState 函数可以查看当前状态
+ */
+void SARibbonBar::setMinimumMode(bool isMinimum)
+{
+#ifdef SA_RIBBON_DEBUG_HELP_DRAW
+	qDebug() << "SARibbonBar::setHideMode " << isMinimum;
+#endif
+	if (isMinimum) {
+		d_ptr->setMinimumMode();
+	} else {
+		d_ptr->setNormalMode();
+	}
+	QResizeEvent resizeEvent(size(), size());
+	QApplication::sendEvent(this, &resizeEvent);
+	// 发射信号
+	Q_EMIT ribbonModeChanged(isMinimum ? MinimumRibbonMode : NormalRibbonMode);
+}
+
+///
+/// \brief 当前ribbon是否是隐藏模式
+/// \return
+///
+bool SARibbonBar::isMinimumMode() const
+{
+	return (d_ptr->mStackedContainerWidget->isPopupMode());
+}
+
+///
+/// \brief 设置显示隐藏ribbon按钮
+///
+void SARibbonBar::showMinimumModeButton(bool isShow)
+{
+	if (isShow) {
+		activeRightButtonGroup();
+
+		d_ptr->mMinimumCategoryButtonAction = new QAction(this);
+        d_ptr->mMinimumCategoryButtonAction->setIcon(style()->standardIcon(
+            isMinimumMode() ? QStyle::SP_TitleBarUnshadeButton : QStyle::SP_TitleBarShadeButton, nullptr));
+		connect(d_ptr->mMinimumCategoryButtonAction, &QAction::triggered, this, [ this ]() {
+			this->setMinimumMode(!isMinimumMode());
+            this->d_ptr->mMinimumCategoryButtonAction->setIcon(style()->standardIcon(
+                isMinimumMode() ? QStyle::SP_TitleBarUnshadeButton : QStyle::SP_TitleBarShadeButton, nullptr));
+		});
+		d_ptr->mRightButtonGroup->addAction(d_ptr->mMinimumCategoryButtonAction);
+
+	} else {
+		if (nullptr != d_ptr->mMinimumCategoryButtonAction) {
+			d_ptr->mMinimumCategoryButtonAction->deleteLater();
+			d_ptr->mMinimumCategoryButtonAction = nullptr;
+		}
+	}
+	QResizeEvent resizeEvent(size(), size());
+
+	QApplication::sendEvent(this, &resizeEvent);
+}
+
+/**
+ * @brief 是否显示隐藏ribbon按钮
+ * @return
+ */
+bool SARibbonBar::haveShowMinimumModeButton() const
+{
+	return (nullptr != d_ptr->mMinimumCategoryButtonAction);
+}
+
+/**
+   @brief 隐藏ribbon对应的action
+   @return
+ */
+QAction* SARibbonBar::minimumModeAction() const
+{
+	return d_ptr->mMinimumCategoryButtonAction;
+}
+
+/**
+ * @brief 当前ribbon的状态（正常|最小化）
+ * @return
+ */
+SARibbonBar::RibbonMode SARibbonBar::currentRibbonState() const
+{
+	return (d_ptr->mCurrentRibbonMode);
+}
+
+/**
+   @brief tabBar的高度
+   @return
+ */
+int SARibbonBar::tabBarHeight() const
+{
+	return d_ptr->tabBarHeigth();
+	// return d_ptr->mRibbonTabBar->height();
+}
+
+/**
+ * @brief 设置tabbar的高度
+ *
+ * 用户调用setTabBarHeight后，将使用用户设定的高度，而不使用自动计算的高度，这时tabbar高度不会跟随字体等信息重新计算
+ *
+ * @note 注意，在RibbonStyleCompact**模式下，tabbar高度要保证小于等于titlebar高度，否则会显示异常
+ * @note 此函数不会自动刷新，如果需要刷新调用此函数后需要调用@ref updateRibbonGeometry
+ * @param h
+ */
+void SARibbonBar::setTabBarHeight(int h, bool resizeByNow)
+{
+	if (nullptr == d_ptr->mUserDefTabBarHeight) {
+		d_ptr->mUserDefTabBarHeight = std::make_unique< int >(h);
+	} else {
+		*(d_ptr->mUserDefTabBarHeight) = h;
+	}
+	if (resizeByNow) {
+		updateRibbonGeometry();
+	}
+}
+
+/**
+   @brief 返回标题栏高度
+   @sa setTitleBarHeight
+   @return
+ */
+int SARibbonBar::titleBarHeight() const
+{
+	return d_ptr->titleBarHeight();
+}
+
+/**
+   @brief 设置标题栏的高度
+   @sa titleBarHeight
+   @note 此操作会发射@ref titleBarHeightChanged 信号
+   @param h
+ */
+void SARibbonBar::setTitleBarHeight(int h, bool resizeByNow)
+{
+	int oldHeight = d_ptr->mTitleBarHeight;
+	if (nullptr == d_ptr->mUserDefTitleBarHeight) {
+		d_ptr->mUserDefTitleBarHeight = std::make_unique< int >(h);
+	} else {
+		*(d_ptr->mUserDefTitleBarHeight) = h;
+		//
+		oldHeight = *(d_ptr->mUserDefTitleBarHeight);
+	}
+
+	if (resizeByNow) {
+		updateRibbonGeometry();
+	}
+	Q_EMIT titleBarHeightChanged(oldHeight, h);
+}
+
+/**
+ * @brief category的高度
+ * @return
+ */
+int SARibbonBar::categoryHeight() const
+{
+	return d_ptr->mStackedContainerWidget->height();
+}
+
+/**
+ * @brief 设置category的高度
+ * @param h
+ * @param resizeByNow
+ */
+void SARibbonBar::setCategoryHeight(int h, bool resizeByNow)
+{
+	if (nullptr == d_ptr->mUserDefCategoryHeight) {
+		d_ptr->mUserDefCategoryHeight = std::make_unique< int >(h);
+	} else {
+		*(d_ptr->mUserDefCategoryHeight) = h;
+	}
+	resizeStackedContainerWidget();
+	if (resizeByNow) {
+		updateRibbonGeometry();
+	}
+}
+
+void SARibbonBar::onWindowTitleChanged(const QString& title)
+{
+	Q_UNUSED(title);
+	update();
+}
+
+void SARibbonBar::onWindowIconChanged(const QIcon& i)
+{
+	if (quickAccessBar()) {
+		quickAccessBar()->setIcon(i);
+	}
+}
+
+/**
+ * @brief category的名字发生改变触发
+ * @param title
+ */
+void SARibbonBar::onCategoryWindowTitleChanged(const QString& title)
+{
+	// 全部更新一遍
+	Q_UNUSED(title);
+	updateCategoryTitleToTabName();
+}
+
+///
+/// \brief ribbon的显示界面隐藏
+///
+void SARibbonBar::onStackWidgetHided()
+{
+}
+
+/**
+ * @brief 标签切换触发槽函数
+ * @param index
+ */
+void SARibbonBar::onCurrentRibbonTabChanged(int index)
+{
+	QVariant var               = d_ptr->mRibbonTabBar->tabData(index);
+	SARibbonCategory* category = nullptr;
+
+	if (var.isValid()) {
+		_SARibbonTabData p = var.value< _SARibbonTabData >();
+		category           = p.category;
+	}
+	if (!category) {
+		return;
+	}
+	if (d_ptr->mStackedContainerWidget->currentWidget() != category) {
+		d_ptr->mStackedContainerWidget->setCurrentWidget(category);
+	}
+	Q_EMIT currentRibbonTabChanged(index);
+	if (isMinimumMode()) {
+		d_ptr->mRibbonTabBar->clearFocus();
+		if (!d_ptr->mStackedContainerWidget->isVisible()) {
+			if (d_ptr->mStackedContainerWidget->isPopupMode()) {
+				// 在stackedContainerWidget弹出前，先给tabbar一个QHoverEvent,让tabbar知道鼠标已经移开
+				QHoverEvent ehl(QEvent::HoverLeave,
+                                d_ptr->mRibbonTabBar->mapToGlobal(QCursor::pos()),
+                                d_ptr->mRibbonTabBar->mapToGlobal(QCursor::pos()));
+				QApplication::sendEvent(d_ptr->mRibbonTabBar, &ehl);
+				resizeStackedContainerWidget();
+				d_ptr->mStackedContainerWidget->setFocus();
+				// exec之前先发射信息号，否则会被exec阻塞
+				d_ptr->mStackedContainerWidget->show();
+			}
+		}
+	}
+}
+
+/**
+ * @brief ribbon tab bar单击
+ *
+ * 此实现必须在eventfilter中传递stackedwidget的QEvent::MouseButtonDblClick事件到tabbar中，否则会导致双击变两次单击
+ *
+ * 单击事件仅用于响应点击同一个tab时
+ * @param index
+ */
+void SARibbonBar::onCurrentRibbonTabClicked(int index)
+{
+	if (index != d_ptr->mRibbonTabBar->currentIndex()) {
+		// 点击的标签不一致通过changed槽去处理
+		return;
+	}
+	if (this->isMinimumMode()) {
+		if (!this->d_ptr->mStackedContainerWidget->isVisible()) {
+			if (this->d_ptr->mStackedContainerWidget->isPopupMode()) {
+				// 在stackedContainerWidget弹出前，先给tabbar一个QHoverEvent,让tabbar知道鼠标已经移开
+				QHoverEvent ehl(QEvent::HoverLeave,
+                                d_ptr->mRibbonTabBar->mapToGlobal(QCursor::pos()),
+                                d_ptr->mRibbonTabBar->mapToGlobal(QCursor::pos()));
+				QApplication::sendEvent(d_ptr->mRibbonTabBar, &ehl);
+				// 弹出前都调整一下位置，避免移动后位置异常
+				resizeStackedContainerWidget();
+				this->d_ptr->mStackedContainerWidget->setFocus();
+				this->d_ptr->mStackedContainerWidget->exec();
+			}
+		}
+	}
+}
+
+/**
+ * @brief ribbon tab bar双击
+ *
+ * 默认情况下双击会切换最小和正常模式
+ * @param index
+ */
+void SARibbonBar::onCurrentRibbonTabDoubleClicked(int index)
+{
+	Q_UNUSED(index);
+	setMinimumMode(!isMinimumMode());
+}
+
+void SARibbonBar::onContextsCategoryPageAdded(SARibbonCategory* category)
+{
+	Q_ASSERT_X(category != nullptr, "onContextsCategoryPageAdded", "add nullptr page");
+	d_ptr->mStackedContainerWidget->addWidget(category);  // 这里stackedWidget用append，其他地方都应该使用insert
+}
+
+/**
+ * @brief 上下文标签管理的标签的名字发生变换
+ * @param category
+ * @param title
+ */
+void SARibbonBar::onContextsCategoryCategoryNameChanged(SARibbonCategory* category, const QString& title)
+{
+	Q_UNUSED(category);
+	Q_UNUSED(title);
+	updateCategoryTitleToTabName();
+}
+
+/**
+ * @brief 标签移动的信号
+ * @param from
+ * @param to
+ */
+void SARibbonBar::onTabMoved(int from, int to)
+{
+	const QSignalBlocker blocker(d_ptr->mStackedContainerWidget);
+	// 调整stacked widget的顺序，调整顺序是为了调用categoryPages函数返回的QList<SARibbonCategory *>顺序和tabbar一致
+	d_ptr->mStackedContainerWidget->moveWidget(from, to);
+}
+
+/**
+ * @brief 根据SARibbonCategory*指针查找tabbar的index
+ *
+ * @param c SARibbonCategory对应的QObject指针
+ * @return 如果没有找到，返回-1
+ * @note 此函数不会调用SARibbonCategory*的任何方法，因此可以在SARibbonCategory的destroyed槽中调用
+ */
+int SARibbonBar::tabIndex(SARibbonCategory* obj)
+{
+	const int size = d_ptr->mRibbonTabBar->count();
+
+	for (int i = 0; i < size; ++i) {
+		QVariant v = d_ptr->mRibbonTabBar->tabData(i);
+		if (v.isValid()) {
+			_SARibbonTabData innervalue = v.value< _SARibbonTabData >();
+			if (innervalue.category == obj) {
+				return (i);
+			}
+		}
+	}
+	// 如果找不到就从stackedwidget中找
+
+	return (-1);
+}
+
+void SARibbonBar::resizeAll()
+{
+	if (isLooseStyle()) {
+		resizeInLooseStyle();
+	} else {
+		resizeInCompactStyle();
+	}
+	update();
+}
+
+/**
+ * @brief 把ribbonbar的内容，同步进各个category中
+ * @param autoUpdate
+ */
+void SARibbonBar::synchronousCategoryData(bool autoUpdate)
+{
+	iterate([ this ](SARibbonCategory* c) -> bool {
+		c->setEnableShowPannelTitle(this->isEnableShowPannelTitle());
+		c->setPannelTitleHeight(this->pannelTitleHeight());
+		c->setCategoryAlignment(this->ribbonAlignment());
+		c->setPannelLayoutMode(this->pannelLayoutMode());
+		return true;
+	});
+
+	//! 直接给一个resizeevent，让所有刷新
+	if (autoUpdate) {
+		QResizeEvent* e = new QResizeEvent(size(), QSize());
+		QApplication::postEvent(this, e);
+	}
+}
+
+/**
+   @brief 激活tabbar右边的按钮群
+   @return 返回右边的按钮群指针
+ */
+SARibbonButtonGroupWidget* SARibbonBar::activeRightButtonGroup()
+{
+	if (nullptr == d_ptr->mRightButtonGroup) {
+		d_ptr->mRightButtonGroup = RibbonSubElementFactory->craeteButtonGroupWidget(this);
+	}
+	d_ptr->mRightButtonGroup->show();
+	return d_ptr->mRightButtonGroup;
+}
+
+/**
+   @brief 返回右边的按钮群指针
+   @return 如果没有创建，返回nullptr
+ */
+SARibbonButtonGroupWidget* SARibbonBar::rightButtonGroup()
+{
+	return d_ptr->mRightButtonGroup;
+}
+
+/**
+   @brief 激活QuickAccessBar
+   @return
+ */
+SARibbonQuickAccessBar* SARibbonBar::activeQuickAccessBar()
+{
+	if (nullptr == d_ptr->mQuickAccessBar) {
+		d_ptr->mQuickAccessBar = RibbonSubElementFactory->createQuickAccessBar(this);
+		d_ptr->mQuickAccessBar->setObjectName(QStringLiteral("objSARibbonQuickAccessBar"));
+		d_ptr->mQuickAccessBar->setIcon(windowIcon());
+	}
+	d_ptr->mQuickAccessBar->show();
+	return d_ptr->mQuickAccessBar;
+}
+
+SARibbonQuickAccessBar* SARibbonBar::quickAccessBar()
+{
+	return (d_ptr->mQuickAccessBar);
+}
+
+/**
+ * @brief 设置ribbonbar的风格，此函数会重新设置所有元素，包括button的布局方式，
+ * 尤其是从三行变到两行的过程，重设的内容较多
+ * @note 此函数会自动触发ResizeEvent，不需要手动调用
+ * @note 默认情况下2行模式不换行,如果想在两行模式换行，在调用SARibbonBar::setRibbonStyle后，再SARibbonToolButton::setEnableWordWrap(true)
+ * ,同时再调用updateRibbonElementGeometry()刷新布局
+ * @param v 样式，见@ref SARibbonBar::RibbonStyle
+ */
+void SARibbonBar::setRibbonStyle(SARibbonBar::RibbonStyles v)
+{
+	// 先幅值给变量
+	d_ptr->mRibbonStyle = v;
+#if SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "setRibbonStyle(" << v << ")"                //
+             << "\n  isThreeRowStyle=" << isThreeRowStyle()  //
+             << "\n  isTwoRowStyle=" << isTwoRowStyle()      //
+             << "\n  isLooseStyle=" << isLooseStyle()        //
+             << "\n  isCompactStyle=" << isCompactStyle()    //
+        ;
+#endif
+	// 执行判断
+	setEnableWordWrap(isThreeRowStyle(v));
+	setTabOnTitle(isCompactStyle());
+	d_ptr->mQuickAccessBar->setEnableShowIcon(isLooseStyle());
+	setEnableShowPannelTitle(isThreeRowStyle(v));
+	setPannelLayoutMode(isThreeRowStyle(v) ? SARibbonPannel::ThreeRowMode : SARibbonPannel::TwoRowMode);
+
+	// 此函数会调用setFixedHeight
+	synchronousCategoryData(false);  // 这里不急着刷新，下面会继续刷新
+	d_ptr->resetSize();
+
+	Q_EMIT ribbonStyleChanged(d_ptr->mRibbonStyle);
+}
+
+/**
+   @brief 返回当前ribbon的风格
+   @return 返回当前ribbon的风格
+ */
+SARibbonBar::RibbonStyles SARibbonBar::currentRibbonStyle() const
+{
+	return (d_ptr->mRibbonStyle);
+}
+
+/**
+   @brief 切换到对应标签
+   @param index 标签索引
+ */
+void SARibbonBar::setCurrentIndex(int index)
+{
+	d_ptr->mRibbonTabBar->setCurrentIndex(index);
+	// onCurrentRibbonTabChanged(index);
+}
+
+/**
+ * @brief 返回当前的tab索引
+ * @return 当前的索引
+ */
+int SARibbonBar::currentIndex()
+{
+	return (d_ptr->mRibbonTabBar->currentIndex());
+}
+
+/**
+ * @brief 确保标签显示出来，tab并切换到对应页
+ * @param category 标签指针
+ */
+void SARibbonBar::raiseCategory(SARibbonCategory* category)
+{
+	int index = d_ptr->mStackedContainerWidget->indexOf(category);
+
+	if (index >= 0) {
+		setCurrentIndex(index);
+	}
+}
+
+/**
+ * @brief 判断当前的样式是否为2行
+ * @return
+ */
+bool SARibbonBar::isTwoRowStyle() const
+{
+	return (d_ptr->mDefaulePannelLayoutMode == SARibbonPannel::TwoRowMode);
+}
+
+/**
+ * @brief 判断当前的样式是否为3行
+ * @return
+ */
+bool SARibbonBar::isThreeRowStyle() const
+{
+	return (d_ptr->mDefaulePannelLayoutMode == SARibbonPannel::ThreeRowMode);
+}
+
+/**
+ * @brief 判断当前的样式是否为宽松样式
+ * @return
+ */
+bool SARibbonBar::isLooseStyle() const
+{
+	return (SARibbonBar::isLooseStyle(currentRibbonStyle()));
+}
+
+/**
+ * @brief 判断当前的样式是否为紧凑样式
+ * @return
+ */
+bool SARibbonBar::isCompactStyle() const
+{
+	return (SARibbonBar::isCompactStyle(currentRibbonStyle()));
+}
+
+/**
+ * @brief 设置标题的文字颜色
+ *
+ * 标题时mainwindow的windowTitle，如果要设置标题，直接调用SARibbonMainWindow::setWindowTitle 进行设置
+ *
+ * 如果不设置标题颜色，默认是SARibbonBar的qss的color属性
+ * @param clr
+ * @note 此函数不会刷新，刷新请自行调用repaint
+ */
+void SARibbonBar::setWindowTitleTextColor(const QColor& clr)
+{
+	d_ptr->mTitleTextColor = clr;
+}
+
+/**
+ * @brief 获取标题的文字颜色
+ * @return 如果返回的是无效颜色，!QColor::isValid()，说明没有手动设置颜色，颜色将跟随SARibbonBar的qss的文字颜色
+ */
+QColor SARibbonBar::windowTitleTextColor() const
+{
+	return d_ptr->mTitleTextColor;
+}
+
+/**
+ * @brief tabbar 底部会绘制一条线条，此接口定义线条颜色
+ * @param clr
+ */
+void SARibbonBar::setTabBarBaseLineColor(const QColor& clr)
+{
+	d_ptr->mTabBarBaseLineColor = clr;
+}
+
+/**
+ * @brief 获取tabbar底部基线颜色
+ * @return
+ */
+QColor SARibbonBar::tabBarBaseLineColor() const
+{
+	return d_ptr->mTabBarBaseLineColor;
+}
+
+/**
+ * @brief 更新ribbon的布局数据，此函数适用于一些关键性尺寸变化，换起ribbon下面元素的布局
+ *
+ * @note 此函数调用较慢，避免在高速要求场合调用
+ */
+void SARibbonBar::updateRibbonGeometry()
+{
+	d_ptr->resetSize();
+	iterate([](SARibbonCategory* c) -> bool {
+		c->updateItemGeometry();
+		return true;
+	});
+	// ！主题变更后，tabbar的长度需要进行刷新
+
+	//! 直接给一个resizeevent，让所有刷新
+	QResizeEvent* e = new QResizeEvent(size(), QSize());
+	QApplication::postEvent(this, e);
+}
+
+/**
+ * @brief SARibbonPannel的布局模式
+ * @return
+ */
+SARibbonPannel::PannelLayoutMode SARibbonBar::pannelLayoutMode() const
+{
+	return d_ptr->mDefaulePannelLayoutMode;
+}
+
+/**
+ * @brief SARibbonPannel的布局模式设置
+ * @param m
+ */
+void SARibbonBar::setPannelLayoutMode(SARibbonPannel::PannelLayoutMode m)
+{
+	d_ptr->mDefaulePannelLayoutMode = m;
+	iterate([ m ](SARibbonCategory* c) -> bool {
+		c->setPannelLayoutMode(m);
+		return true;
+	});
+}
+
+/**
+ * @brief 设置tab在title上面，这样可以省略title区域
+ * @param on
+ */
+void SARibbonBar::setTabOnTitle(bool on)
+{
+	if (d_ptr->mIsTabOnTitle != on) {
+		d_ptr->mIsTabOnTitle = on;
+		d_ptr->resetSize();
+	}
+}
+
+/**
+ * @brief tab是否在title上面
+ * @return
+ */
+bool SARibbonBar::isTabOnTitle() const
+{
+	return d_ptr->mIsTabOnTitle;
+}
+
+/**
+ * @brief 设置标题的对齐方式
+ * @param al
+ */
+void SARibbonBar::setWindowTitleAligment(Qt::Alignment al)
+{
+	d_ptr->mTitleAligment = al;
+}
+
+/**
+ * @brief 获取标题的对齐方式
+ * @return
+ */
+Qt::Alignment SARibbonBar::windowTitleAligment() const
+{
+	return d_ptr->mTitleAligment;
+}
+
+/**
+ * @brief 设置ribbonbar的按钮文字允许换行
+ * @param on
+ */
+void SARibbonBar::setEnableWordWrap(bool on)
+{
+	SARibbonToolButton::setEnableWordWrap(on);
+	updateRibbonGeometry();
+}
+
+/**
+ * @brief 判断是否允许换行
+ * @return
+ */
+bool SARibbonBar::isEnableWordWrap() const
+{
+	return SARibbonToolButton::isEnableWordWrap();
+}
+
+/**
+ * @brief pannel标题栏的高度
+ * @return
+ */
+int SARibbonBar::pannelTitleHeight() const
+{
+	return d_ptr->mPannelTitleHeight;
+}
+
+/**
+ * @brief 设置pannel的高度
+ * @param h
+ */
+void SARibbonBar::setPannelTitleHeight(int h)
+{
+	d_ptr->mPannelTitleHeight = h;
+	iterate([ h ](SARibbonCategory* c) -> bool {
+		c->setPannelTitleHeight(h);
+		return true;
+	});
+}
+
+/**
+ * @brief 是否pannel显示标题栏
+ * @return
+ */
+bool SARibbonBar::isEnableShowPannelTitle() const
+{
+	return d_ptr->mEnableShowPannelTitle;
+}
+
+/**
+ * @brief 设置显示pannel标题
+ * @param on
+ */
+void SARibbonBar::setEnableShowPannelTitle(bool on)
+{
+	d_ptr->mEnableShowPannelTitle = on;
+	iterate([ on ](SARibbonCategory* c) -> bool {
+		c->setEnableShowPannelTitle(on);
+		return true;
+	});
+}
+
+/**
+ * @brief 设置pannel的spacing
+ * @param n
+ */
+void SARibbonBar::setPannelSpacing(int n)
+{
+	d_ptr->mPannelSpacing = n;
+	// 同步当前被SARibbonBar管理的SARibbonCategory的PannelSpacing
+	iterate([ n ](SARibbonCategory* category) -> bool {
+		if (category) {
+			category->setPannelSpacing(n);
+		}
+		return true;
+	});
+}
+
+/**
+ * @brief pannel的spacing
+ * @return
+ */
+int SARibbonBar::pannelSpacing() const
+{
+	return d_ptr->mPannelSpacing;
+}
+
+/**
+ * @brief 设置pannel按钮的icon尺寸，large action不受此尺寸影响
+ * @param s
+ */
+void SARibbonBar::setPannelToolButtonIconSize(const QSize& s)
+{
+	d_ptr->mPannelToolButtonSize = s;
+	// 同步当前被SARibbonBar管理的SARibbonCategory的PannelSpacing
+	iterate([ s ](SARibbonCategory* category) -> bool {
+		if (category) {
+			category->setPannelToolButtonIconSize(s);
+		}
+		return true;
+	});
+}
+
+/**
+ * @brief pannel按钮的icon尺寸，large action不受此尺寸影响
+ * @return
+ */
+QSize SARibbonBar::pannelToolButtonIconSize() const
+{
+	return d_ptr->mPannelToolButtonSize;
+}
+
+/**
+ * @brief ribbonbar内部的StackedWidget
+ * 所有的category都放置在StackedWidget中
+ * @return
+ */
+SARibbonStackedWidget* SARibbonBar::ribbonStackedWidget()
+{
+	return d_ptr->mStackedContainerWidget;
+}
+
+/**
+ * @brief 设置是否显示标题
+ * @param on
+ */
+void SARibbonBar::setTitleVisible(bool on)
+{
+	d_ptr->mIsTitleVisible = on;
+}
+
+/**
+ * @brief 判断标题是否显示
+ * @return
+ */
+bool SARibbonBar::isTitleVisible() const
+{
+	return d_ptr->mIsTitleVisible;
+}
+
+/**
+   @brief 设置上下文标签的颜色列表
+
+    上下文标签显示的时候，会从颜色列表中取颜色进行标签的渲染
+   @param cls
+ */
+void SARibbonBar::setContextCategoryColorList(const QList< QColor >& cls)
+{
+	d_ptr->mContextCategoryColorList = cls;
+	if (d_ptr->mContextCategoryColorList.isEmpty()) {
+		d_ptr->mContextCategoryColorList = defaultContextCategoryColorList();
+	}
+	d_ptr->mContextCategoryColorListIndex = 0;
+	// 这时需要对已经显示的contextCategoryData的颜色进行重新设置
+	for (SARibbonContextCategory* c : d_ptr->mContextCategoryList) {
+		c->setContextColor(d_ptr->getContextCategoryColor());
+	}
+}
+
+/**
+   @brief 获取上下文标签的颜色列表
+   @return
+ */
+QList< QColor > SARibbonBar::contextCategoryColorList() const
+{
+	return d_ptr->mContextCategoryColorList;
+}
+
+/**
+ * @brief 设置contextCategory 标题的颜色
+ * @param clr
+ */
+void SARibbonBar::setContextCategoryTitleTextColor(const QColor& clr)
+{
+	d_ptr->mContextCategoryTitleTextColor = clr;
+}
+
+/**
+ * @brief contextCategory 标题的颜色
+ * @return
+ */
+QColor SARibbonBar::contextCategoryTitleTextColor() const
+{
+	return d_ptr->mContextCategoryTitleTextColor;
+}
+
+/**
+   @brief 设置ribbon的对齐方式
+   @param al
+ */
+void SARibbonBar::setRibbonAlignment(SARibbonAlignment al)
+{
+	d_ptr->mRibbonAlignment = al;
+	synchronousCategoryData();
+}
+
+/**
+   @brief ribbon的对齐方式
+   @return
+ */
+SARibbonAlignment SARibbonBar::ribbonAlignment() const
+{
+	return d_ptr->mRibbonAlignment;
+}
+
+/**
+ * @brief 此函数会遍历SARibbonBar下的所有Category，执行函数指针bool(SARibbonCategory*)
+ * @param fp 函数指针返回false则停止迭代
+ * @return 返回false代表没有迭代完所有的category，中途接收到回调函数的false返回而中断迭代
+ */
+bool SARibbonBar::iterate(FpCategoryIterate fp)
+{
+	const QList< SARibbonCategory* > cs = categoryPages(true);
+	for (SARibbonCategory* c : cs) {
+		if (!fp(c)) {
+			return false;
+		}
+	}
+	return true;
+}
+
+/**
+ * @brief 此函数会遍历SARibbonBar下的所有Category,并迭代所有的pannel，执行函数指针bool(SARibbonPannel*)
+ * @param fp 函数指针返回false则停止迭代
+ * @return 返回false代表没有迭代完所有的category，中途接收到回调函数的false返回而中断迭代
+ */
+bool SARibbonBar::iterate(FpPannelIterate fp)
+{
+	const QList< SARibbonCategory* > cs = categoryPages(true);
+	for (SARibbonCategory* c : cs) {
+		if (!c->iterate(fp)) {
+			return false;
+		}
+	}
+	return true;
+}
+
+/**
+ * @brief 设置边角widget可见性，对于mdi窗口，会出现TopLeftCorner和TopRightCorner两个corner widget
+ * @param on
+ * @param c
+ */
+void SARibbonBar::setCornerWidgetVisible(bool on, Qt::Corner c)
+{
+	if (QWidget* w = cornerWidget(c)) {
+		w->setVisible(on);
+	}
+}
+
+/**
+ * @brief SARibbonBar::eventFilter
+ * @param obj
+ * @param e
+ * @return
+ */
+bool SARibbonBar::eventFilter(QObject* obj, QEvent* e)
+{
+	if (obj) {
+		// 调整多文档时在窗口模式下的按钮更新
+		if ((obj == cornerWidget(Qt::TopLeftCorner)) || (obj == cornerWidget(Qt::TopRightCorner))) {
+			if ((QEvent::UpdateLater == e->type()) || (QEvent::MouseButtonRelease == e->type())
+                || (QEvent::WindowActivate == e->type())) {
+				QApplication::postEvent(this, new QResizeEvent(size(), size()));
+			}
+		} else if (obj == d_ptr->mStackedContainerWidget) {
+			// 在stack 是popup模式时，点击的是stackedContainerWidget区域外的时候，如果是在ribbonTabBar上点击
+			// 那么忽略掉这次点击，把点击下发到ribbonTabBar,这样可以避免stackedContainerWidget在点击ribbonTabBar后
+			// 隐藏又显示，出现闪烁
+			if ((QEvent::MouseButtonPress == e->type()) || (QEvent::MouseButtonDblClick == e->type())) {
+				if (d_ptr->mStackedContainerWidget->isPopupMode()) {
+					QMouseEvent* mouseEvent = static_cast< QMouseEvent* >(e);
+					if (!d_ptr->mStackedContainerWidget->rect().contains(mouseEvent->pos())) {
+						QWidget* clickedWidget = QApplication::widgetAt(mouseEvent->globalPos());
+						if (clickedWidget == d_ptr->mRibbonTabBar) {
+							const QPoint targetPoint = clickedWidget->mapFromGlobal(mouseEvent->globalPos());
+							QMouseEvent* evPress     = new QMouseEvent(mouseEvent->type(),
+                                                                   targetPoint,
+                                                                   mouseEvent->globalPos(),
+                                                                   mouseEvent->button(),
+                                                                   mouseEvent->buttons(),
+                                                                   mouseEvent->modifiers());
+							QApplication::postEvent(clickedWidget, evPress);
+							return (true);
+						}
+					}
+				}
+			}
+		}
+	}
+	return (QMenuBar::eventFilter(obj, e));
+}
+
+/**
+ * @brief 根据情况重置tabbar的宽度，主要针对wps模式
+ */
+int SARibbonBar::calcMinTabBarWidth() const
+{
+	// 20200831
+	// tabBarWidth的宽度原来为endX - x;，现需要根据实际进行调整
+	// 为了把tabbar没有tab的部分不占用，这里的宽度需要根据tab的size来进行设置，让tabbar的长度刚刚好，这样能让出
+	// mainwindow的空间，接受鼠标事件，从而实现拖动等操作，否则tabbar占用整个顶栏，鼠标无法点击到mainwindow
+	// 计算tab所占用的宽度
+	const QMargins& mg = d_ptr->mRibbonTabBar->tabMargin();
+	return d_ptr->mRibbonTabBar->sizeHint().width() + (mg.left() + mg.right());
+}
+
+/**
+ * @brief 正常模式下的高度
+ *
+ * 有可能SARibbonBar::height和mainBarHeight不相等，这种情况发生在RibbonState::MinimumRibbonMode状态下
+ * @return 高度
+ */
+int SARibbonBar::normalModeMainBarHeight() const
+{
+	return d_ptr->getCurrentNormalModeMainBarHeight();
+}
+
+/**
+   @brief 最小模式下的高度
+   @return
+ */
+int SARibbonBar::minimumModeMainBarHeight() const
+{
+	return d_ptr->getCurrentMinimumModeMainBarHeight();
+}
+
+/**
+ * @brief 更新所有的category title对应的tab名
+ *
+ * 此函数会对所有的category的名字和tab进行匹配，如果匹配不上会重新设置tab名
+ */
+void SARibbonBar::updateCategoryTitleToTabName()
+{
+	SARibbonTabBar* tab = d_ptr->mRibbonTabBar;
+	for (int i = 0; i < tab->count(); ++i) {
+		// 鉴于tab不会很多，不考虑效率问题
+		QVariant var = tab->tabData(i);
+		if (var.isValid()) {
+			_SARibbonTabData p = var.value< _SARibbonTabData >();
+			if (p.category && p.category->categoryName() != tab->tabText(i)) {
+				tab->setTabText(i, p.category->categoryName());
+			}
+		}
+	}
+	repaint();
+}
+
+/**
+ * @brief 告知WindowButtonGroup的尺寸
+ * @param s
+ */
+void SARibbonBar::setWindowButtonGroupSize(const QSize& s)
+{
+	d_ptr->mWindowButtonSize = s;
+}
+
+void SARibbonBar::paintEvent(QPaintEvent* e)
+{
+	Q_UNUSED(e);
+	if (isLooseStyle()) {
+		paintInLooseStyle();
+	} else {
+		paintInCompactStyle();
+	}
+#ifdef SA_RIBBON_DEBUG_HELP_DRAW
+	QPainter p(this);
+	HELP_DRAW_RECT(p, m_d->quickAccessBar->geometry());
+	HELP_DRAW_RECT(p, m_d->ribbonTabBar->geometry());
+	HELP_DRAW_RECT(p, m_d->stackedContainerWidget->geometry());
+#endif
+}
+
+void SARibbonBar::paintInLooseStyle()
+{
+	QPainter p(this);
+
+	//!绘制tabbar下的基线，这个函数仅仅对office2013主题有用，大部分主题都不绘制基线
+	paintTabbarBaseLine(p);
+
+	//! 显示上下文标签
+	p.save();
+	QList< _SAContextCategoryManagerData > contextCategoryDataList = d_ptr->mCurrentShowingContextCategory;
+	// bool isCurrentSelectContextCategoryPage                        = false;
+
+	QPoint contextCategoryRegion(width(), -1);
+	QMargins border = contentsMargins();
+
+	for (int i = 0; i < contextCategoryDataList.size(); ++i) {
+		QRect contextTitleRect;
+		QList< int > indexs = contextCategoryDataList[ i ].tabPageIndex;
+		QColor clr          = contextCategoryDataList[ i ].contextCategory->contextColor();
+		if (!indexs.isEmpty()) {
+			contextTitleRect = d_ptr->mRibbonTabBar->tabRect(indexs.first());
+			QRect endRect    = d_ptr->mRibbonTabBar->tabRect(indexs.last());
+			contextTitleRect.setRight(endRect.right());
+			contextTitleRect.translate(d_ptr->mRibbonTabBar->x(), d_ptr->mRibbonTabBar->y());
+			contextTitleRect.setHeight(d_ptr->mRibbonTabBar->height() - 1);  // 减1像素，避免tabbar基线覆盖
+			contextTitleRect -= d_ptr->mRibbonTabBar->tabMargin();
+			// 把区域顶部扩展到窗口顶部
+			contextTitleRect.setTop(border.top());
+			// 绘制
+			paintContextCategoryTab(p, contextCategoryDataList[ i ].contextCategory->contextTitle(), contextTitleRect, clr);
+			// 更新上下文标签的范围，用于控制标题栏的显示
+			if (contextTitleRect.left() < contextCategoryRegion.x()) {
+				contextCategoryRegion.setX(contextTitleRect.left());
+			}
+			if (contextTitleRect.right() > contextCategoryRegion.y()) {
+				contextCategoryRegion.setY(contextTitleRect.right());
+			}
+		}
+		// isCurrentSelectContextCategoryPage = indexs.contains(d_ptr->mRibbonTabBar->currentIndex());
+		// if (isCurrentSelectContextCategoryPage) {
+		//     QPen pen;
+		//     pen.setColor(clr);
+		//     pen.setWidth(1);
+		//     p.setPen(pen);
+		//     p.setBrush(Qt::NoBrush);
+		//     p.drawRect(d_ptr->mStackedContainerWidget->geometry());
+		//     isCurrentSelectContextCategoryPage = false;
+		// }
+	}
+	p.restore();
+	//! 显示标题等
+	QWidget* parWindow = parentWidget();
+
+	if (parWindow) {
+		QRect titleRegion;
+		if (contextCategoryRegion.y() < 0) {
+			titleRegion.setRect(d_ptr->mQuickAccessBar->geometry().right() + 1,
+                                border.top(),
+                                width() - d_ptr->mIconRightBorderPosition - border.right()
+                                    - d_ptr->mWindowButtonSize.width() - d_ptr->mQuickAccessBar->geometry().right() - 1,
+                                titleBarHeight());
+		} else {
+			int leftwidth = contextCategoryRegion.x() - d_ptr->mQuickAccessBar->geometry().right()
+                            - d_ptr->mIconRightBorderPosition;
+			int rightwidth = width() - contextCategoryRegion.y() - d_ptr->mWindowButtonSize.width();
+			//            if (width() - contextCategoryRegion.y() > contextCategoryRegion.x()-x) {
+			if (rightwidth > leftwidth) {
+				// 说明右边的区域大一点，标题显示在右，显示在右边需要减去windowbutton宽度
+				titleRegion.setRect(contextCategoryRegion.y(), border.top(), rightwidth, titleBarHeight());
+			} else {
+				// 说明左边的大一点
+				titleRegion.setRect(d_ptr->mIconRightBorderPosition + d_ptr->mQuickAccessBar->geometry().right(),
+                                    border.top(),
+                                    leftwidth,
+                                    titleBarHeight());
+			}
+		}
+#ifdef SA_RIBBON_DEBUG_HELP_DRAW
+		p.save();
+		p.setBrush(QColor(255, 0, 0, 120));
+		p.drawRect(titleRegion);
+		p.restore();
+#endif
+		paintWindowTitle(p, parWindow->windowTitle(), titleRegion);
+	}
+}
+
+void SARibbonBar::paintInCompactStyle()
+{
+	QPainter p(this);
+	//!
+	paintTabbarBaseLine(p);
+	//! 显示上下文标签
+	p.save();
+	QList< _SAContextCategoryManagerData > contextCategoryDataList = d_ptr->mCurrentShowingContextCategory;
+	QMargins border                                                = contentsMargins();
+	for (int i = 0; i < contextCategoryDataList.size(); ++i) {
+		QRect contextTitleRect;
+		QList< int > indexs = contextCategoryDataList[ i ].tabPageIndex;
+		QColor clr          = contextCategoryDataList[ i ].contextCategory->contextColor();
+		if (!indexs.isEmpty()) {
+			contextTitleRect = d_ptr->mRibbonTabBar->tabRect(indexs.first());
+			QRect endRect    = d_ptr->mRibbonTabBar->tabRect(indexs.last());
+			contextTitleRect.setRight(endRect.right());
+			contextTitleRect.translate(d_ptr->mRibbonTabBar->x(), d_ptr->mRibbonTabBar->y());
+			contextTitleRect.setHeight(d_ptr->mRibbonTabBar->height() - 1);
+			contextTitleRect -= d_ptr->mRibbonTabBar->tabMargin();
+			// 把区域顶部扩展到窗口顶部
+			contextTitleRect.setTop(border.top());
+			// 绘制
+			paintContextCategoryTab(p, QString(), contextTitleRect, clr);
+		}
+	}
+	p.restore();
+	//! 显示标题等
+
+	QWidget* parWindow = parentWidget();
+
+	if (parWindow) {
+		int start = d_ptr->mRibbonTabBar->x() + d_ptr->mRibbonTabBar->width();
+		int width = d_ptr->mQuickAccessBar->x() - start;
+		if (width > 20) {
+			QRect titleRegion(start, border.top(), width, titleBarHeight());
+#ifdef SA_RIBBON_DEBUG_HELP_DRAW
+			p.save();
+			p.setBrush(QColor(255, 0, 0, 120));
+			p.drawRect(titleRegion);
+			p.restore();
+#endif
+			paintWindowTitle(p, parWindow->windowTitle(), titleRegion);
+		}
+	}
+}
+
+void SARibbonBar::resizeStackedContainerWidget()
+{
+	QMargins border                   = contentsMargins();
+	const QRect& ribbonTabBarGeometry = d_ptr->mRibbonTabBar->geometry();
+
+	int x = border.left();
+	int y = ribbonTabBarGeometry.bottom() + 1;
+	int w = width() - border.left() - border.right();
+	int h = d_ptr->categoryHeight();
+	if (d_ptr->mStackedContainerWidget->isPopupMode()) {
+		// 弹出模式时，位置为全局位置
+		QPoint absPosition = mapToGlobal(QPoint(x, y));
+		x                  = absPosition.x();
+		y                  = absPosition.y();
+	}
+	d_ptr->mStackedContainerWidget->setFixedSize(QSize(w, h));
+	d_ptr->mStackedContainerWidget->setGeometry(x, y, w, h);
+}
+
+/**
+ * @brief 刷新所有ContextCategoryManagerData，这个在单独一个Category删除时调用
+ */
+void SARibbonBar::updateContextCategoryManagerData()
+{
+	const int c = d_ptr->mRibbonTabBar->count();
+
+	for (_SAContextCategoryManagerData& cd : d_ptr->mCurrentShowingContextCategory) {
+		cd.tabPageIndex.clear();
+		for (int i = 0; i < cd.contextCategory->categoryCount(); ++i) {
+			SARibbonCategory* category = cd.contextCategory->categoryPage(i);
+			for (int t = 0; t < c; ++t) {
+				QVariant v = d_ptr->mRibbonTabBar->tabData(t);
+				if (v.isValid()) {
+					_SARibbonTabData d = v.value< _SARibbonTabData >();
+					if (d.category == category) {
+						cd.tabPageIndex.append(t);
+					}
+				} else {
+					cd.tabPageIndex.append(-1);
+				}
+			}
+		}
+	}
+}
+
+/**
+ * @brief 绘制上下文标签的背景
+ * @param painter 绘图QPainter
+ * @param title 上下文标签的title
+ * @param contextRect 上下文标签的绘制区域
+ * @param color 上下文标签赋予的颜色
+ */
+void SARibbonBar::paintContextCategoryTab(QPainter& painter, const QString& title, const QRect& contextRect, const QColor& color)
+{
+	// 绘制上下文标签
+	// 首先有5像素的实体粗线位于顶部
+	QMargins border = contentsMargins();
+	painter.save();
+	painter.setPen(Qt::NoPen);
+	painter.setBrush(color);
+	painter.drawRect(contextRect);
+	const int contextLineWidth = 5;
+	// 绘制很线
+	QColor gColor = color.darker();
+	painter.fillRect(QRect(contextRect.x(), contextRect.y(), contextRect.width(), contextLineWidth), gColor);
+
+	// 只有在office模式下才需要绘制标题
+	if (isLooseStyle()) {
+		if (!title.isEmpty()) {
+			QRect textRect = QRect(contextRect.x(),
+                                   contextRect.y() + contextLineWidth,
+                                   contextRect.width(),
+                                   contextRect.height() - contextLineWidth - d_ptr->mRibbonTabBar->height());
+			painter.setPen(contextCategoryTitleTextColor());
+			painter.drawText(textRect, Qt::AlignCenter, title);
+		}
+	}
+	painter.restore();
+}
+
+void SARibbonBar::resizeEvent(QResizeEvent* e)
+{
+	Q_UNUSED(e);
+	if (isLooseStyle()) {
+		resizeInLooseStyle();
+	} else {
+		resizeInCompactStyle();
+	}
+	update();
+}
+
+/**
+ * @brief 重写moveevent是为了在移动时调整isPopupMode状态下的stackedContainerWidget位置
+ * @param event
+ */
+void SARibbonBar::moveEvent(QMoveEvent* e)
+{
+	if (d_ptr->mStackedContainerWidget) {
+		if (d_ptr->mStackedContainerWidget->isPopupMode()) {
+			// 弹出模式时，窗口发生了移动，同步调整StackedContainerWidget的位置
+			resizeStackedContainerWidget();
+		}
+	}
+	QMenuBar::moveEvent(e);
+}
+
+/**
+ * @brief 跟踪字体改变
+ * @param event
+ */
+void SARibbonBar::changeEvent(QEvent* e)
+{
+	if (nullptr == e) {
+		return;
+	}
+	switch (e->type()) {
+	case QEvent::FontChange: {
+		QFont f                       = font();
+		QList< QWidget* > listWidgets = findChildren< QWidget* >();
+		for (QWidget* w : listWidgets) {
+			w->setFont(f);
+		}
+		updateRibbonGeometry();
+	} break;
+	case QEvent::StyleChange: {
+		updateRibbonGeometry();
+	} break;
+	default:
+		break;
+	}
+	QMenuBar::changeEvent(e);
+}
+
+bool SARibbonBar::event(QEvent* e)
+{
+	switch (e->type()) {
+	case QEvent::Show:
+		// 第一次显示刷新
+		updateRibbonGeometry();
+		break;
+	default:
+		break;
+	}
+	return QMenuBar::event(e);
+}
+
+void SARibbonBar::resizeInLooseStyle()
+{
+	synchronousCategoryData(false);
+
+	QMargins border = contentsMargins();
+	int x           = border.left();
+	int y           = border.top();
+
+	// cornerWidget - TopLeftCorner
+	const int validTitleBarHeight = d_ptr->titleBarHeight();
+	const int tabH                = d_ptr->tabBarHeigth();
+	// tabbar的标签不会因为tabbar的高度而铺满，tabbar的标签是固定高度的，tabbar拉高只会把底部露出来，因此，systab是理论合理的高度
+	// 布局corner widget
+	x += d_ptr->mIconRightBorderPosition + 5;
+	if (QWidget* connerL = cornerWidget(Qt::TopLeftCorner)) {
+		if (connerL->isVisibleTo(this)) {
+			QSize connerSize = connerL->sizeHint();
+			if (connerSize.height() < validTitleBarHeight) {
+				int detal = (validTitleBarHeight - connerSize.height()) / 2;
+				connerL->setGeometry(x, y + detal, connerSize.width(), connerSize.height());
+			} else {
+				connerL->setGeometry(x, y, connerSize.width(), validTitleBarHeight);
+			}
+			x = connerL->geometry().right() + 5;
+		}
+	}
+	// quick access bar定位
+	if (d_ptr->mQuickAccessBar) {
+		if (d_ptr->mQuickAccessBar->isVisibleTo(this)) {
+			if (d_ptr->mQuickAccessBar->height() != validTitleBarHeight) {
+				d_ptr->mQuickAccessBar->setFixedHeight(validTitleBarHeight);
+			}
+			QSize quickAccessBarSize = d_ptr->mQuickAccessBar->sizeHint();
+			// 上下留1px的边线
+			d_ptr->mQuickAccessBar->setGeometry(x, y + 1, quickAccessBarSize.width(), validTitleBarHeight);
+		}
+	}
+	// 第二行，开始布局applicationButton，tabbar，tabBarRightSizeButtonGroupWidget，TopRightCorner
+	x = border.left();
+	y += validTitleBarHeight;  // 此时，y值在titlebar下面
+	// applicationButton 定位
+	if (d_ptr->mApplicationButton) {
+		if (d_ptr->mApplicationButton->isVisibleTo(this)) {
+			// 保证
+			d_ptr->mApplicationButton->setGeometry(x, y, d_ptr->mApplicationButton->sizeHint().width(), tabH);
+			x = d_ptr->mApplicationButton->geometry().right();
+		}
+	}
+	// top right是一定要配置的，对于多文档窗口，子窗口的缩放等按钮就是通过这个窗口实现，
+	// 由于这个窗口一定要在最右，因此先对这个窗口进行布局
+	// cornerWidget - TopRightCorner
+	// 获取最右边的位置
+	int endX = width() - border.right();
+
+	if (QWidget* connerW = cornerWidget(Qt::TopRightCorner)) {
+		if (connerW->isVisibleTo(this)) {
+			QSize connerSize = connerW->sizeHint();
+			endX -= connerSize.width();
+			if (connerSize.height() < tabH) {
+				int detal = (tabH - connerSize.height()) / 2;
+				connerW->setGeometry(endX, y + detal, connerSize.width(), connerSize.height());
+			} else {
+				connerW->setGeometry(endX, y, connerSize.width(), tabH);
+			}
+		}
+	}
+	// applicationButton和TopRightCorner完成定位，才可以定位tab bar
+	// tab bar 定位
+
+	// tabBar 右边的附加按钮组，这里一般会附加一些类似登录等按钮组
+	// 20231106 把visible的判断去掉 && d_ptr->mRightButtonGroup->isVisible()
+	if (d_ptr->mRightButtonGroup) {
+		QSize wSize = d_ptr->mRightButtonGroup->sizeHint();
+		endX -= wSize.width();
+		// 上下留1px的边线
+		d_ptr->mRightButtonGroup->setGeometry(endX, y + 1, wSize.width(), tabH - 2);
+	}
+	// 最后确定tabbar宽度
+	int tabBarAllowedWidth = endX - x;
+	if (ribbonAlignment() == SARibbonAlignment::AlignLeft) {
+		d_ptr->mRibbonTabBar->setGeometry(x, y, tabBarAllowedWidth, tabH);
+	} else {
+		// 居中对齐的情况下，Tab要居中显示
+		// 得到tab的推荐尺寸
+		int mintabBarWidth = calcMinTabBarWidth();
+		if (mintabBarWidth >= tabBarAllowedWidth) {
+			// 这时tabbar没有居中对齐的必要性，空间位置不够了
+			d_ptr->mRibbonTabBar->setGeometry(x, y, tabBarAllowedWidth, tabH);
+		} else {
+			// 说明tabbar的宽度有居中的可能性
+			int xoffset = (tabBarAllowedWidth - mintabBarWidth) / 2;
+			d_ptr->mRibbonTabBar->setGeometry(x + xoffset, y, mintabBarWidth, tabH);
+		}
+	}
+	resizeStackedContainerWidget();
+}
+
+void SARibbonBar::resizeInCompactStyle()
+{
+	synchronousCategoryData(false);
+	QMargins border = contentsMargins();
+	int x           = border.left();
+	int y           = border.top();
+
+	const int validTitleBarHeight = titleBarHeight();
+
+	// 先布局右边内容
+	//  cornerWidget - TopRightCorner
+	int endX = width() - border.right() - d_ptr->mWindowButtonSize.width();
+
+	if (QWidget* connerW = cornerWidget(Qt::TopRightCorner)) {
+		if (connerW->isVisibleTo(this)) {
+			QSize connerSize = connerW->sizeHint();
+			endX -= connerSize.width();
+			if (connerSize.height() < validTitleBarHeight) {
+				int detal = (validTitleBarHeight - connerSize.height()) / 2;
+				connerW->setGeometry(endX, y + detal, connerSize.width(), connerSize.height());
+			} else {
+				connerW->setGeometry(endX, y, connerSize.width(), validTitleBarHeight);
+			}
+		}
+	}
+
+	// tabBar 右边的附加按钮组
+	// 20231106 把visible的判断去掉 && d_ptr->mRightButtonGroup->isVisible()
+	if (d_ptr->mRightButtonGroup) {
+		QSize wSize = d_ptr->mRightButtonGroup->sizeHint();
+		endX -= wSize.width();
+		// 上下留1px的边线
+		d_ptr->mRightButtonGroup->setGeometry(endX, y + 1, wSize.width(), validTitleBarHeight - 2);
+	}
+	// quick access bar定位
+	if (d_ptr->mQuickAccessBar) {
+		if (d_ptr->mQuickAccessBar->isVisibleTo(this)) {
+			QSize quickAccessBarSize = d_ptr->mQuickAccessBar->sizeHint();
+			endX -= quickAccessBarSize.width();
+			// 上下留1px的边线
+			d_ptr->mQuickAccessBar->setGeometry(endX, y + 1, quickAccessBarSize.width(), validTitleBarHeight - 2);
+		}
+	}
+	// cornerWidget - TopLeftCorner
+	if (QWidget* connerL = cornerWidget(Qt::TopLeftCorner)) {
+		if (connerL->isVisibleTo(this)) {
+			QSize connerSize = connerL->sizeHint();
+			endX -= connerSize.width();
+			if (connerSize.height() < validTitleBarHeight) {
+				int detal = (validTitleBarHeight - connerSize.height()) / 2;
+				connerL->setGeometry(endX, y + detal, connerSize.width(), connerSize.height());
+			} else {
+				connerL->setGeometry(endX, y, connerSize.width(), validTitleBarHeight);
+			}
+		}
+	}
+
+	// tab 的y值需要重新计算
+	// 紧凑模式下，tabbarHeight不生效
+	int tabH = tabBarHeight();
+	if (tabH > validTitleBarHeight) {
+		// 这种直接把tabH设置为validTitleBarHeight
+		tabH = validTitleBarHeight;
+	}
+
+	y = y + validTitleBarHeight - tabH;  // 如果tabH较小，则下以，让tab底部和title的底部对齐
+
+	// applicationButton 定位，与TabBar同高
+	if (d_ptr->mApplicationButton) {
+		if (d_ptr->mApplicationButton->isVisibleTo(this)) {
+			d_ptr->mApplicationButton->setGeometry(x, y, d_ptr->mApplicationButton->sizeHint().width(), tabH);
+			x = d_ptr->mApplicationButton->geometry().right() + 2;
+		}
+	}
+	// tab bar 定位 wps模式下applicationButton的右边就是tab bar
+	int tabBarAllowedWidth = endX - x;
+	// 20200831
+	// tabBarWidth的宽度原来为endX - x;，现需要根据实际进行调整
+	// 为了把tabbar没有tab的部分不占用，这里的宽度需要根据tab的size来进行设置，让tabbar的长度刚刚好，这样能让出
+	// mainwindow的空间，接受鼠标事件，从而实现拖动等操作，否则tabbar占用整个顶栏，鼠标无法点击到mainwindow
+	// 计算tab所占用的宽度
+	int mintabBarWidth = calcMinTabBarWidth();
+
+	if (ribbonAlignment() == SARibbonAlignment::AlignLeft) {
+		if (mintabBarWidth < tabBarAllowedWidth) {
+			tabBarAllowedWidth = mintabBarWidth;
+		}
+		d_ptr->mRibbonTabBar->setGeometry(x, y, tabBarAllowedWidth, tabH);
+	} else {
+		// 居中对齐
+		if (mintabBarWidth >= tabBarAllowedWidth) {
+			// 这时tabbar没有居中对齐的必要性，空间位置不够了
+			d_ptr->mRibbonTabBar->setGeometry(x, y, tabBarAllowedWidth, tabH);
+		} else {
+			// 说明tabbar的宽度有居中的可能性
+			int xoffset = (tabBarAllowedWidth - mintabBarWidth) / 2;
+			d_ptr->mRibbonTabBar->setGeometry(x + xoffset, y, mintabBarWidth, tabH);
+		}
+	}
+	// 调整整个stackedContainer
+	resizeStackedContainerWidget();
+}
+
+/**
+ * @brief 绘制tabbar下的基准线，这个方法仅仅在office2013模式下需要
+ * @param painter
+ */
+void SARibbonBar::paintTabbarBaseLine(QPainter& painter)
+{
+	if (!d_ptr->mTabBarBaseLineColor.isValid()) {
+		return;
+	}
+	painter.save();
+	// 在tabbar下绘制一条线
+	const int lineY = d_ptr->mRibbonTabBar->geometry().bottom();
+	QPen pen(d_ptr->mTabBarBaseLineColor);
+	QMargins border = contentsMargins();
+
+	pen.setWidth(1);
+	pen.setStyle(Qt::SolidLine);
+	painter.setPen(pen);
+	painter.drawLine(QPoint(border.left(), lineY), QPoint(width() - border.right() - 1, lineY));
+	painter.restore();
+}
+
+///
+/// \brief 绘制标题栏
+/// \param painter
+/// \param title 标题
+/// \param contextCategoryRegion 当前显示的上下文标签的范围，上下文标签是可以遮挡标题栏的，因此需要知道上下文标签的范围
+/// x表示左边界，y表示右边界
+///
+void SARibbonBar::paintWindowTitle(QPainter& painter, const QString& title, const QRect& titleRegion)
+{
+	// 如果标题不显示直接跳出
+	if (!isTitleVisible()) {
+		return;
+	}
+	painter.save();
+	if (d_ptr->mTitleTextColor.isValid()) {
+		painter.setPen(d_ptr->mTitleTextColor);
+	}
+	painter.drawText(titleRegion, d_ptr->mTitleAligment, title);
+	painter.restore();
+}
+
+#if SA_DEBUG_PRINT_SARIBBONBAR
+QDebug operator<<(QDebug debug, const SARibbonBar& ribbon)
+{
+	QDebugStateSaver saver(debug);
+	QFontMetrics fm = ribbon.fontMetrics();
+	debug.nospace() << "SARibbonBar(" << ribbon.versionString() << ")"                            //
+                    << "\nribbon font metrics info:"                                              //
+                    << "\n - lineSpacing:" << fm.lineSpacing()                                    //
+                    << "\n - height:" << fm.height()                                              //
+                    << "\n - em:" << fm.boundingRect("M").width()                                 //
+                    << "\n - ex:" << fm.boundingRect("X").height()                                //
+                    << "\nribbon info:"                                                           //
+                    << "\n -mTitleBarHeight=" << ribbon.d_ptr->mTitleBarHeight                    //
+                    << "\n -mTabBarHeight=" << ribbon.d_ptr->mTabBarHeight                        //
+                    << "\n -mPannelTitleHeight=" << ribbon.d_ptr->mPannelTitleHeight              //
+                    << "\n -mCategoryHeight=" << ribbon.d_ptr->mCategoryHeight                    //
+                    << "\n -mIsTabOnTitle=" << ribbon.d_ptr->mIsTabOnTitle                        //
+                    << "\n -mEnableShowPannelTitle=" << ribbon.d_ptr->mEnableShowPannelTitle      //
+                    << "\n -mWindowButtonSize=" << ribbon.d_ptr->mWindowButtonSize                //
+                    << "\n -mIconRightBorderPosition=" << ribbon.d_ptr->mIconRightBorderPosition  //
+        ;
+
+	return debug;
+}
+#endif
+
+/*** End of inlined file: SARibbonBar.cpp ***/
+
+/*** Start of inlined file: SARibbonElementFactory.cpp ***/
+#include <QApplication>
+#include <QFontMetrics>
+
+SARibbonElementFactory::SARibbonElementFactory()
+{
+}
+
+SARibbonElementFactory::~SARibbonElementFactory()
+{
+}
+
+SARibbonBar* SARibbonElementFactory::createRibbonBar(QWidget* parent)
+{
+	return (new SARibbonBar(parent));
+}
+
+SARibbonTabBar* SARibbonElementFactory::createRibbonTabBar(QWidget* parent)
+{
+	return (new SARibbonTabBar(parent));
+}
+
+SARibbonApplicationButton* SARibbonElementFactory::createRibbonApplicationButton(QWidget* parent)
+{
+	return (new SARibbonApplicationButton(parent));
+}
+
+SARibbonCategory* SARibbonElementFactory::createRibbonCategory(QWidget* parent)
+{
+	return (new SARibbonCategory(parent));
+}
+
+SARibbonContextCategory* SARibbonElementFactory::createRibbonContextCategory(QWidget* parent)
+{
+	return (new SARibbonContextCategory(parent));
+}
+
+SARibbonPannel* SARibbonElementFactory::createRibbonPannel(QWidget* parent)
+{
+	return (new SARibbonPannel(parent));
+}
+
+SARibbonSeparatorWidget* SARibbonElementFactory::createRibbonSeparatorWidget(QWidget* parent)
+{
+	return (new SARibbonSeparatorWidget(parent));
+}
+
+SARibbonGallery* SARibbonElementFactory::createRibbonGallery(QWidget* parent)
+{
+	return (new SARibbonGallery(parent));
+}
+
+SARibbonGalleryGroup* SARibbonElementFactory::createRibbonGalleryGroup(QWidget* parent)
+{
+	return (new SARibbonGalleryGroup(parent));
+}
+
+SARibbonToolButton* SARibbonElementFactory::createRibbonToolButton(QWidget* parent)
+{
+	return (new SARibbonToolButton(parent));
+}
+
+SARibbonControlButton* SARibbonElementFactory::createRibbonControlButton(QWidget* parent)
+{
+	return (new SARibbonControlButton(parent));
+}
+
+SARibbonControlToolButton* SARibbonElementFactory::createRibbonControlToolButton(QWidget* parent)
+{
+	return (new SARibbonControlToolButton(parent));
+}
+
+SARibbonStackedWidget* SARibbonElementFactory::createRibbonStackedWidget(SARibbonBar* parent)
+{
+	return (new SARibbonStackedWidget(parent));
+}
+
+SARibbonButtonGroupWidget* SARibbonElementFactory::craeteButtonGroupWidget(QWidget* parent)
+{
+	return (new SARibbonButtonGroupWidget(parent));
+}
+
+SARibbonQuickAccessBar* SARibbonElementFactory::createQuickAccessBar(QWidget* parent)
+{
+	return (new SARibbonQuickAccessBar(parent));
+}
+
+SARibbonSystemButtonBar* SARibbonElementFactory::createWindowButtonGroup(QWidget* parent)
+{
+	return (new SARibbonSystemButtonBar(parent));
+}
+
+/**
+ * @brief 创建SARibbonPannelOptionButton
+ * @param pannel 附属的pannel
+ * @return
+ * @sa SARibbonPannelOptionButton
+ */
+SARibbonPannelOptionButton* SARibbonElementFactory::createRibbonPannelOptionButton(SARibbonPannel* pannel)
+{
+	return (new SARibbonPannelOptionButton(pannel));
+}
+
+/*** End of inlined file: SARibbonElementFactory.cpp ***/
+
+/*** Start of inlined file: SARibbonElementManager.cpp ***/
+SARibbonElementManager::SARibbonElementManager()
+{
+	mFactory.reset(new SARibbonElementFactory());
+}
+
+SARibbonElementManager::~SARibbonElementManager()
+{
+}
+
+SARibbonElementManager* SARibbonElementManager::instance()
+{
+	static SARibbonElementManager s_instance;
+
+	return (&(s_instance));
+}
+
+SARibbonElementFactory* SARibbonElementManager::factory()
+{
+	return (mFactory.data());
+}
+
+void SARibbonElementManager::setupFactory(SARibbonElementFactory* fac)
+{
+	mFactory.reset(fac);
+}
+
+/*** End of inlined file: SARibbonElementManager.cpp ***/
+
+/*** Start of inlined file: SARibbonCustomizeData.cpp ***/
+#include <QDebug>
+#include <QObject>
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+/// SARibbonCustomizeData
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+SARibbonCustomizeData::SARibbonCustomizeData()
+    : indexValue(-1)
+    , actionRowProportionValue(SARibbonPannelItem::Large)
+    , mType(UnknowActionType)
+    , mActionsManagerPointer(nullptr)
+{
+}
+
+SARibbonCustomizeData::SARibbonCustomizeData(ActionType type, SARibbonActionsManager* mgr)
+    : indexValue(-1), actionRowProportionValue(SARibbonPannelItem::Large), mType(type), mActionsManagerPointer(mgr)
+{
+}
+
+/**
+ * @brief 获取CustomizeData的action type
+ * @return
+ */
+SARibbonCustomizeData::ActionType SARibbonCustomizeData::actionType() const
+{
+	return (mType);
+}
+
+/**
+ * @brief 设置CustomizeData的action type
+ * @param a
+ */
+void SARibbonCustomizeData::setActionType(SARibbonCustomizeData::ActionType a)
+{
+	mType = a;
+}
+
+/**
+ * @brief 判断是否是一个正常的CustomizeData
+ *
+ * 实际逻辑actionType() != UnknowActionType
+ * @return 有用的CustomizeData返回true
+ */
+bool SARibbonCustomizeData::isValid() const
+{
+	return (actionType() != UnknowActionType);
+}
+
+/**
+ * @brief 应用SARibbonCustomizeData到SARibbonBar
+ * @param m
+ * @return 如果应用失败，返回false,如果actionType==UnknowActionType直接返回false
+ */
+bool SARibbonCustomizeData::apply(SARibbonBar* bar) const
+{
+	if (nullptr == bar) {
+		return (false);
+	}
+	switch (actionType()) {
+	case UnknowActionType:
+		return (false);
+
+	case AddCategoryActionType: {
+		// 添加标签
+		SARibbonCategory* c = bar->insertCategoryPage(keyValue, indexValue);
+		if (nullptr == c) {
+			return (false);
+		}
+		c->setObjectName(categoryObjNameValue);
+		SARibbonCustomizeData::setCanCustomize(c);
+		return (true);
+	}
+
+	case AddPannelActionType: {
+		// 添加pannel
+		SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+		if (nullptr == c) {
+			return (false);
+		}
+		SARibbonPannel* p = c->insertPannel(keyValue, indexValue);
+		p->setObjectName(pannelObjNameValue);
+		SARibbonCustomizeData::setCanCustomize(p);
+		return (true);
+	}
+
+	case AddActionActionType: {
+		if (nullptr == mActionsManagerPointer) {
+			return (false);
+		}
+		SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+		if (nullptr == c) {
+			return (false);
+		}
+		SARibbonPannel* pannel = c->pannelByObjectName(pannelObjNameValue);
+		if (nullptr == pannel) {
+			return (false);
+		}
+		QAction* act = mActionsManagerPointer->action(keyValue);
+		if (nullptr == act) {
+			return (false);
+		}
+		SARibbonCustomizeData::setCanCustomize(act);
+		pannel->addAction(act, actionRowProportionValue);
+		return (true);
+	}
+
+	case RemoveCategoryActionType: {
+		SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+		if (nullptr == c) {
+			return (false);
+		}
+		bar->removeCategory(c);
+		return (true);
+	}
+
+	case RemovePannelActionType: {
+		SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+		if (nullptr == c) {
+			return (false);
+		}
+		SARibbonPannel* pannel = c->pannelByObjectName(pannelObjNameValue);
+		if (nullptr == pannel) {
+			return (false);
+		}
+		c->removePannel(pannel);
+		return (true);
+	}
+
+	case RemoveActionActionType: {
+		SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+		if (nullptr == c) {
+			return (false);
+		}
+		SARibbonPannel* pannel = c->pannelByObjectName(pannelObjNameValue);
+		if (nullptr == pannel) {
+			return (false);
+		}
+		QAction* act = mActionsManagerPointer->action(keyValue);
+		if (nullptr == act) {
+			return (false);
+		}
+		pannel->removeAction(act);
+		return (true);
+	}
+
+	case ChangeCategoryOrderActionType: {
+		SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+		if (nullptr == c) {
+			return (false);
+		}
+		int currentindex = bar->categoryIndex(c);
+		if (-1 == currentindex) {
+			return (false);
+		}
+		int toindex = currentindex + indexValue;
+		bar->moveCategory(currentindex, toindex);
+		return (true);
+	}
+
+	case ChangePannelOrderActionType: {
+		SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+		if (nullptr == c) {
+			return (false);
+		}
+		SARibbonPannel* pannel = c->pannelByObjectName(pannelObjNameValue);
+		if (nullptr == pannel) {
+			return (false);
+		}
+		int pannelIndex = c->pannelIndex(pannel);
+		if (-1 == pannelIndex) {
+			return (false);
+		}
+		c->movePannel(pannelIndex, pannelIndex + indexValue);
+		return (true);
+	}
+
+	case ChangeActionOrderActionType: {
+		SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+		if (nullptr == c) {
+			return (false);
+		}
+		SARibbonPannel* pannel = c->pannelByObjectName(pannelObjNameValue);
+		if (nullptr == pannel) {
+			return (false);
+		}
+		QAction* act = mActionsManagerPointer->action(keyValue);
+		if (nullptr == act) {
+			return (false);
+		}
+		int actindex = pannel->actionIndex(act);
+		if (actindex <= -1) {
+			return (false);
+		}
+		pannel->moveAction(actindex, actindex + indexValue);
+		return (true);
+	}
+
+	case RenameCategoryActionType: {
+		SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+		if (nullptr == c) {
+			return (false);
+		}
+		c->setCategoryName(keyValue);
+		return (true);
+	}
+
+	case RenamePannelActionType: {
+		SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+		if (nullptr == c) {
+			return (false);
+		}
+		SARibbonPannel* pannel = c->pannelByObjectName(pannelObjNameValue);
+		if (nullptr == pannel) {
+			return (false);
+		}
+		pannel->setPannelName(keyValue);
+		return (true);
+	}
+
+	case VisibleCategoryActionType: {
+		SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+		if (nullptr == c) {
+			return (false);
+		}
+		if (1 == indexValue) {
+			bar->showCategory(c);
+		} else {
+			bar->hideCategory(c);
+		}
+		return (true);
+	}
+
+	default:
+		break;
+	}
+	return (false);
+}
+
+/**
+ * @brief 获取actionmanager指针
+ * @return
+ */
+SARibbonActionsManager* SARibbonCustomizeData::actionManager()
+{
+	return (mActionsManagerPointer);
+}
+
+/**
+ * @brief 设置ActionsManager
+ * @param mgr
+ */
+void SARibbonCustomizeData::setActionsManager(SARibbonActionsManager* mgr)
+{
+	mActionsManagerPointer = mgr;
+}
+
+/**
+ * @brief 创建一个AddCategoryActionType的SARibbonCustomizeData
+ * @param title category 的标题
+ * @param index category要插入的位置
+ * @param objName category的object name
+ * @return 返回AddCategoryActionType的SARibbonCustomizeData
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeAddCategoryCustomizeData(const QString& title, int index, const QString& objName)
+{
+	SARibbonCustomizeData d(AddCategoryActionType);
+
+	d.indexValue           = index;
+	d.keyValue             = title;
+	d.categoryObjNameValue = objName;
+	return (d);
+}
+
+/**
+ * @brief 创建一个AddPannelActionType的SARibbonCustomizeData
+ * @param title pannel的标题
+ * @param index pannel的index
+ * @param categoryobjName pannel的category的objectname
+ * @param objName pannel的objname
+ * @return 返回AddPannelActionType的SARibbonCustomizeData
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeAddPannelCustomizeData(const QString& title,
+                                                                        int index,
+                                                                        const QString& categoryobjName,
+                                                                        const QString& objName)
+{
+	SARibbonCustomizeData d(AddPannelActionType);
+
+	d.indexValue           = index;
+	d.keyValue             = title;
+	d.pannelObjNameValue   = objName;
+	d.categoryObjNameValue = categoryobjName;
+	return (d);
+}
+
+/**
+ * @brief 添加action
+ * @param key action的索引
+ * @param mgr action管理器
+ * @param rp 定义action的占位情况
+ * @param categoryObjName action添加到的category的objname
+ * @param pannelObjName action添加到的category下的pannel的objname
+ * @param index action添加到的pannel的索引
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeAddActionCustomizeData(const QString& key,
+                                                                        SARibbonActionsManager* mgr,
+                                                                        SARibbonPannelItem::RowProportion rp,
+                                                                        const QString& categoryObjName,
+                                                                        const QString& pannelObjName)
+{
+	SARibbonCustomizeData d(AddActionActionType, mgr);
+
+	d.keyValue                 = key;
+	d.categoryObjNameValue     = categoryObjName;
+	d.pannelObjNameValue       = pannelObjName;
+	d.actionRowProportionValue = rp;
+
+	return (d);
+}
+
+/**
+ * @brief 创建一个RenameCategoryActionType的SARibbonCustomizeData
+ * @param newname 新名字
+ * @param index category的索引
+ * @return 返回RenameCategoryActionType的SARibbonCustomizeData
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeRenameCategoryCustomizeData(const QString& newname,
+                                                                             const QString& categoryobjName)
+{
+	SARibbonCustomizeData d(RenameCategoryActionType);
+
+	if (categoryobjName.isEmpty()) {
+		qDebug() << QObject::tr("SARibbon Warning !!! customize rename category,"
+                                "but get an empty category object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+	}
+	d.keyValue             = newname;
+	d.categoryObjNameValue = categoryobjName;
+	return (d);
+}
+
+/**
+ * @brief 创建一个RenamePannelActionType的SARibbonCustomizeData
+ * @param newname pannel的名字
+ * @param indexValue pannel的索引
+ * @param categoryobjName pannel对应的category的object name
+ * @return 返回RenamePannelActionType的SARibbonCustomizeData
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeRenamePannelCustomizeData(const QString& newname,
+                                                                           const QString& categoryobjName,
+                                                                           const QString& pannelObjName)
+{
+	SARibbonCustomizeData d(RenamePannelActionType);
+
+	if (pannelObjName.isEmpty() || categoryobjName.isEmpty()) {
+		qDebug() << QObject::tr("SARibbon Warning !!! customize rename pannel,"
+                                "but get an empty category/pannel object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+	}
+	d.keyValue             = newname;
+	d.pannelObjNameValue   = pannelObjName;
+	d.categoryObjNameValue = categoryobjName;
+	return (d);
+}
+
+/**
+ * @brief 对应ChangeCategoryOrderActionType
+ * @param categoryobjName 需要移动的categoryobjName
+ * @param moveindex 移动位置，-1代表向上（向左）移动一个位置，1带表向下（向右）移动一个位置
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeChangeCategoryOrderCustomizeData(const QString& categoryobjName,
+                                                                                  int moveindex)
+{
+	SARibbonCustomizeData d(ChangeCategoryOrderActionType);
+
+	if (categoryobjName.isEmpty()) {
+		qDebug() << QObject::tr("SARibbon Warning !!! customize change category order,"
+                                "but get an empty category object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+	}
+	d.categoryObjNameValue = categoryobjName;
+	d.indexValue           = moveindex;
+	return (d);
+}
+
+/**
+ * @brief 对应ChangePannelOrderActionType
+ * @param categoryobjName 需要移动的pannel对应的categoryobjName
+ * @param pannelObjName 需要移动的pannelObjName
+ * @param moveindex 移动位置，-1代表向上（向左）移动一个位置，1带表向下（向右）移动一个位置
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeChangePannelOrderCustomizeData(const QString& categoryobjName,
+                                                                                const QString& pannelObjName,
+                                                                                int moveindex)
+{
+	SARibbonCustomizeData d(ChangePannelOrderActionType);
+
+	if (categoryobjName.isEmpty() || pannelObjName.isEmpty()) {
+		qDebug() << QObject::tr("SARibbon Warning !!! customize change pannel order,"
+                                "but get an empty category/pannel object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+	}
+	d.categoryObjNameValue = categoryobjName;
+	d.pannelObjNameValue   = pannelObjName;
+	d.indexValue           = moveindex;
+	return (d);
+}
+
+/**
+ * @brief 对应ChangeActionOrderActionType
+ * @param categoryobjName 需要移动的pannel对应的categoryobjName
+ * @param pannelObjName 需要移动的pannelObjName
+ * @param key SARibbonActionsManager管理的key名
+ * @param mgr SARibbonActionsManager指针
+ * @param moveindex 移动位置，-1代表向上（向左）移动一个位置，1带表向下（向右）移动一个位置
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeChangeActionOrderCustomizeData(const QString& categoryobjName,
+                                                                                const QString& pannelObjName,
+                                                                                const QString& key,
+                                                                                SARibbonActionsManager* mgr,
+                                                                                int moveindex)
+{
+	SARibbonCustomizeData d(ChangeActionOrderActionType, mgr);
+
+	if (categoryobjName.isEmpty() || pannelObjName.isEmpty() || key.isEmpty()) {
+		qDebug() << QObject::tr("SARibbon Warning !!! customize change action order,"
+                                "but get an empty category/pannel/action object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+	}
+	d.categoryObjNameValue = categoryobjName;
+	d.pannelObjNameValue   = pannelObjName;
+	d.keyValue             = key;
+	d.indexValue           = moveindex;
+	return (d);
+}
+
+/**
+ * @brief 对应RemoveCategoryActionType
+ * @param categoryobjName 需要移除的objname
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeRemoveCategoryCustomizeData(const QString& categoryobjName)
+{
+	SARibbonCustomizeData d(RemoveCategoryActionType);
+
+	if (categoryobjName.isEmpty()) {
+		qDebug() << QObject::tr("SARibbon Warning !!! customize remove category,"
+                                "but get an empty category object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+	}
+	d.categoryObjNameValue = categoryobjName;
+	return (d);
+}
+
+/**
+ * @brief 对应RemovePannelActionType
+ * @param categoryobjName pannel对应的category的obj name
+ * @param pannelObjName pannel对应的 obj name
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeRemovePannelCustomizeData(const QString& categoryobjName,
+                                                                           const QString& pannelObjName)
+{
+	SARibbonCustomizeData d(RemovePannelActionType);
+
+	if (categoryobjName.isEmpty() || pannelObjName.isEmpty()) {
+		qDebug() << QObject::tr("SARibbon Warning !!! customize remove pannel,"
+                                "but get an empty category/pannel object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+	}
+	d.categoryObjNameValue = categoryobjName;
+	d.pannelObjNameValue   = pannelObjName;
+	return (d);
+}
+
+/**
+ * @brief 对应RemoveActionActionType
+ * @param categoryobjName pannel对应的category的obj name
+ * @param pannelObjName pannel对应的 obj name
+ * @param key SARibbonActionsManager管理的key名
+ * @param mgr SARibbonActionsManager指针
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeRemoveActionCustomizeData(const QString& categoryobjName,
+                                                                           const QString& pannelObjName,
+                                                                           const QString& key,
+                                                                           SARibbonActionsManager* mgr)
+{
+	SARibbonCustomizeData d(RemoveActionActionType, mgr);
+
+	if (categoryobjName.isEmpty() || pannelObjName.isEmpty() || key.isEmpty()) {
+		qDebug() << QObject::tr("SARibbon Warning !!! customize remove action,"
+                                "but get an empty category/pannel/action object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+	}
+	d.categoryObjNameValue = categoryobjName;
+	d.pannelObjNameValue   = pannelObjName;
+	d.keyValue             = key;
+	return (d);
+}
+
+/**
+ * @brief SARibbonCustomizeData::makeVisibleCategoryCustomizeData
+ * @param categoryobjName
+ * @param isShow
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeVisibleCategoryCustomizeData(const QString& categoryobjName, bool isShow)
+{
+	SARibbonCustomizeData d(VisibleCategoryActionType);
+
+	if (categoryobjName.isEmpty()) {
+		qDebug() << QObject::tr("SARibbon Warning !!! customize visible category,"
+                                "but get an empty category object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+	}
+	d.categoryObjNameValue = categoryobjName;
+	d.indexValue           = isShow ? 1 : 0;
+	return (d);
+}
+
+/**
+ * @brief 判断外置属性，是否允许自定义
+ * @param obj
+ * @return
+ */
+bool SARibbonCustomizeData::isCanCustomize(QObject* obj)
+{
+	QVariant v = obj->property(SA_RIBBON_BAR_PROP_CAN_CUSTOMIZE);
+
+	if (v.isValid()) {
+		return (v.toBool());
+	}
+	return (false);
+}
+
+/**
+ * @brief 设置外置属性允许自定义
+ * @param obj
+ * @param canbe
+ */
+void SARibbonCustomizeData::setCanCustomize(QObject* obj, bool canbe)
+{
+	obj->setProperty(SA_RIBBON_BAR_PROP_CAN_CUSTOMIZE, canbe);
+}
+
+QList< SARibbonCustomizeData > remove_indexs(const QList< SARibbonCustomizeData >& csd, const QList< int >& willremoveIndex);
+
+QList< SARibbonCustomizeData > remove_indexs(const QList< SARibbonCustomizeData >& csd, const QList< int >& willremoveIndex)
+{
+	QList< SARibbonCustomizeData > res;
+
+	for (int i = 0; i < csd.size(); ++i) {
+		if (!willremoveIndex.contains(i)) {
+			res << csd[ i ];
+		}
+	}
+	return (res);
+}
+
+/**
+ * @brief 对QList<SARibbonCustomizeData>进行简化操作
+ *
+ * 此函数会执行如下操作：
+ * 1、针对同一个category/pannel连续出现的添加和删除操作进行移除（前一步添加，后一步删除）
+ *
+ * 2、针对VisibleCategoryActionType，对于连续出现的操作只保留最后一步
+ *
+ * 3、针对RenameCategoryActionType和RenamePannelActionType操作，只保留最后一个
+ *
+ * 4、针对连续的ChangeCategoryOrderActionType，ChangePannelOrderActionType，ChangeActionOrderActionType进行合并为一个动作，
+ * 如果合并后原地不动，则删除
+ *
+ * @param csd
+ * @return 返回简化的QList<SARibbonCustomizeData>
+ */
+QList< SARibbonCustomizeData > SARibbonCustomizeData::simplify(const QList< SARibbonCustomizeData >& csd)
+{
+	int size = csd.size();
+
+	if (size <= 1) {
+		return (csd);
+	}
+	QList< SARibbonCustomizeData > res;
+	QList< int > willremoveIndex;  // 记录要删除的index
+
+	//! 首先针对连续出现的添加和删除操作进行优化
+	for (int i = 1; i < size; ++i) {
+		if ((csd[ i - 1 ].actionType() == AddCategoryActionType) && (csd[ i ].actionType() == RemoveCategoryActionType)) {
+			if (csd[ i - 1 ].categoryObjNameValue == csd[ i ].categoryObjNameValue) {
+				willremoveIndex << i - 1 << i;
+			}
+		} else if ((csd[ i - 1 ].actionType() == AddPannelActionType) && (csd[ i ].actionType() == RemovePannelActionType)) {
+			if ((csd[ i - 1 ].pannelObjNameValue == csd[ i ].pannelObjNameValue)
+                && (csd[ i - 1 ].categoryObjNameValue == csd[ i ].categoryObjNameValue)) {
+				willremoveIndex << i - 1 << i;
+			}
+		} else if ((csd[ i - 1 ].actionType() == AddActionActionType) && (csd[ i ].actionType() == RemoveActionActionType)) {
+			if ((csd[ i - 1 ].keyValue == csd[ i ].keyValue)
+                && (csd[ i - 1 ].pannelObjNameValue == csd[ i ].pannelObjNameValue)
+                && (csd[ i - 1 ].categoryObjNameValue == csd[ i ].categoryObjNameValue)) {
+				willremoveIndex << i - 1 << i;
+			}
+		}
+	}
+	res = remove_indexs(csd, willremoveIndex);
+	willremoveIndex.clear();
+
+	//! 筛选VisibleCategoryActionType，对于连续出现的操作只保留最后一步
+	size = res.size();
+	for (int i = 1; i < size; ++i) {
+		if ((res[ i - 1 ].actionType() == VisibleCategoryActionType)
+            && (res[ i ].actionType() == VisibleCategoryActionType)) {
+			if (res[ i - 1 ].categoryObjNameValue == res[ i ].categoryObjNameValue) {
+				// 要保证操作的是同一个内容
+				willremoveIndex << i - 1;  // 删除前一个只保留最后一个
+			}
+		}
+	}
+	res = remove_indexs(res, willremoveIndex);
+	willremoveIndex.clear();
+
+	//! 针对RenameCategoryActionType和RenamePannelActionType操作，只需保留最后一个
+	size = res.size();
+	for (int i = 0; i < size; ++i) {
+		if (res[ i ].actionType() == RenameCategoryActionType) {
+			// 向后查询，如果查询到有同一个Category改名，把这个索引加入删除队列
+			for (int j = i + 1; j < size; ++j) {
+				if ((res[ j ].actionType() == RenameCategoryActionType)
+                    && (res[ i ].categoryObjNameValue == res[ j ].categoryObjNameValue)) {
+					willremoveIndex << i;
+				}
+			}
+		} else if (res[ i ].actionType() == RenamePannelActionType) {
+			// 向后查询，如果查询到有同一个pannel改名，把这个索引加入删除队列
+			for (int j = i + 1; j < size; ++j) {
+				if ((res[ j ].actionType() == RenamePannelActionType)
+                    && (res[ i ].pannelObjNameValue == res[ j ].pannelObjNameValue)
+                    && (res[ i ].categoryObjNameValue == res[ j ].categoryObjNameValue)) {
+					willremoveIndex << i;
+				}
+			}
+		}
+	}
+	res = remove_indexs(res, willremoveIndex);
+	willremoveIndex.clear();
+
+	//! 针对连续的ChangeCategoryOrderActionType，ChangePannelOrderActionType，ChangeActionOrderActionType进行合并
+	size = res.size();
+	for (int i = 1; i < size; ++i) {
+		if ((res[ i - 1 ].actionType() == ChangeCategoryOrderActionType)
+            && (res[ i ].actionType() == ChangeCategoryOrderActionType)
+            && (res[ i - 1 ].categoryObjNameValue == res[ i ].categoryObjNameValue)) {
+			// 说明连续两个顺序调整，把前一个indexvalue和后一个indexvalue相加，前一个删除
+			res[ i ].indexValue += res[ i - 1 ].indexValue;
+			willremoveIndex << i - 1;
+		} else if ((res[ i - 1 ].actionType() == ChangePannelOrderActionType)
+                   && (res[ i ].actionType() == ChangePannelOrderActionType)
+                   && (res[ i - 1 ].pannelObjNameValue == res[ i ].pannelObjNameValue)
+                   && (res[ i - 1 ].categoryObjNameValue == res[ i ].categoryObjNameValue)) {
+			// 说明连续两个顺序调整，把前一个indexvalue和后一个indexvalue相加，前一个删除
+			res[ i ].indexValue += res[ i - 1 ].indexValue;
+			willremoveIndex << i - 1;
+		} else if ((res[ i - 1 ].actionType() == ChangeActionOrderActionType)
+                   && (res[ i ].actionType() == ChangeActionOrderActionType) && (res[ i - 1 ].keyValue == res[ i ].keyValue)
+                   && (res[ i - 1 ].pannelObjNameValue == res[ i ].pannelObjNameValue)
+                   && (res[ i - 1 ].categoryObjNameValue == res[ i ].categoryObjNameValue)) {
+			// 说明连续两个顺序调整，把前一个indexvalue和后一个indexvalue相加，前一个删除
+			res[ i ].indexValue += res[ i - 1 ].indexValue;
+			willremoveIndex << i - 1;
+		}
+	}
+	res = remove_indexs(res, willremoveIndex);
+	willremoveIndex.clear();
+
+	//! 上一步操作可能会产生indexvalue为0的情况，此操作把indexvalue为0的删除
+	size = res.size();
+	for (int i = 0; i < size; ++i) {
+		if ((res[ i ].actionType() == ChangeCategoryOrderActionType) || (res[ i ].actionType() == ChangePannelOrderActionType)
+            || (res[ i ].actionType() == ChangeActionOrderActionType)) {
+			if (0 == res[ i ].indexValue) {
+				willremoveIndex << i;
+			}
+		}
+	}
+	res = remove_indexs(res, willremoveIndex);
+	willremoveIndex.clear();
+	return (res);
+}
+
+/*** End of inlined file: SARibbonCustomizeData.cpp ***/
+
+/*** Start of inlined file: SARibbonCustomizeWidget.cpp ***/
+#include <QDebug>
+#include <QtCore/QVariant>
+#include <QAction>
+#include <QtWidgets/QApplication>
+#include <QtWidgets/QButtonGroup>
+#include <QtWidgets/QComboBox>
+#include <QtWidgets/QHBoxLayout>
+#include <QtWidgets/QHeaderView>
+#include <QtWidgets/QLabel>
+#include <QtWidgets/QLineEdit>
+#include <QtWidgets/QPushButton>
+#include <QtWidgets/QRadioButton>
+#include <QtWidgets/QSpacerItem>
+#include <QtWidgets/QTreeView>
+#include <QtWidgets/QListView>
+#include <QtWidgets/QVBoxLayout>
+#include <QtWidgets/QWidget>
+
+#include <QStandardItemModel>
+#include <QButtonGroup>
+#include <QInputDialog>
+#include <QLineEdit>
+#include <QDateTime>
+#include <QXmlStreamWriter>
+#include <QXmlStreamReader>
+
+#include <QFile>
+#include <QMessageBox>
+
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+/// SARibbonCustomizeWidget
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+bool sa_customize_datas_to_xml(QXmlStreamWriter* xml, const QList< SARibbonCustomizeData >& cds)
+{
+	if (cds.size() <= 0) {
+		return (false);
+	}
+
+	xml->writeStartElement("sa-ribbon-customize");
+	for (const SARibbonCustomizeData& d : cds) {
+		xml->writeStartElement("customize-data");
+		xml->writeAttribute("type", QString::number(d.actionType()));
+		xml->writeAttribute("index", QString::number(d.indexValue));
+		xml->writeAttribute("key", d.keyValue);
+		xml->writeAttribute("category", d.categoryObjNameValue);
+		xml->writeAttribute("pannel", d.pannelObjNameValue);
+		xml->writeAttribute("row-prop", QString::number(d.actionRowProportionValue));
+
+		xml->writeEndElement();
+	}
+	xml->writeEndElement();
+	if (xml->hasError()) {
+		qWarning() << "write has error";
+	}
+	return (true);
+}
+
+QList< SARibbonCustomizeData > sa_customize_datas_from_xml(QXmlStreamReader* xml, SARibbonActionsManager* mgr)
+{
+	// 先找到"sa-ribbon-customize"
+	while (!xml->atEnd()) {
+
+		if (xml->isStartElement() && (xml->name().toString() == "sa-ribbon-customize")) {
+			break;
+		}
+		xml->readNext();
+	}
+	QList< SARibbonCustomizeData > res;
+
+	// 开始遍历"customize-data"
+	while (!xml->atEnd()) {
+		if (xml->isStartElement() && (xml->name().toString() == "customize-data")) {
+			// 首先读取属性type
+			SARibbonCustomizeData d;
+			QXmlStreamAttributes attrs = xml->attributes();
+			if (!attrs.hasAttribute("type")) {
+				// 说明异常，跳过这个
+				xml->readNextStartElement();
+				continue;
+			}
+			bool isOk = false;
+			int v     = xml->attributes().value("type").toInt(&isOk);
+			if (!isOk) {
+				// 说明异常，跳过这个
+				xml->readNextStartElement();
+				continue;
+			}
+			d.setActionType(static_cast< SARibbonCustomizeData::ActionType >(v));
+			// 开始读取子对象
+			if (attrs.hasAttribute("index")) {
+				v = xml->attributes().value("index").toInt(&isOk);
+				if (isOk) {
+					d.indexValue = v;
+				}
+			}
+			if (attrs.hasAttribute("key")) {
+				d.keyValue = attrs.value("key").toString();
+			}
+			if (attrs.hasAttribute("category")) {
+				d.categoryObjNameValue = attrs.value("category").toString();
+			}
+			if (attrs.hasAttribute("pannel")) {
+				d.pannelObjNameValue = attrs.value("pannel").toString();
+			}
+			if (attrs.hasAttribute("row-prop")) {
+				v = xml->attributes().value("row-prop").toInt(&isOk);
+				if (isOk) {
+					d.actionRowProportionValue = static_cast< SARibbonPannelItem::RowProportion >(v);
+				}
+			}
+			d.setActionsManager(mgr);
+			res.append(d);
+		}
+		xml->readNext();
+	}
+	if (xml->hasError()) {
+		qWarning() << xml->errorString();
+	}
+	return (res);
+}
+
+int sa_customize_datas_apply(const QList< SARibbonCustomizeData >& cds, SARibbonBar* bar)
+{
+	int c = 0;
+
+	for (const SARibbonCustomizeData& d : cds) {
+		if (d.apply(bar)) {
+			++c;
+		}
+	}
+	return (c);
+}
+
+int sa_customize_datas_reverse(const QList< SARibbonCustomizeData >& cds, SARibbonBar* bar)
+{
+	int c = 0;
+	// todo 支持反向操作
+	return (c);
+}
+
+bool sa_apply_customize_from_xml_file(const QString& filePath, SARibbonBar* bar, SARibbonActionsManager* mgr)
+{
+	QFile f(filePath);
+
+	if (!f.open(QIODevice::ReadOnly | QIODevice::Text)) {
+		return (false);
+	}
+	f.seek(0);
+	QXmlStreamReader xml(&f);
+
+	return (SARibbonCustomizeWidget::fromXml(&xml, bar, mgr));
+}
+
+/**
+ * @brief 构建SARibbonCustomizeWidget的Ui
+ */
+class SARibbonCustomizeWidgetUi
+{
+public:
+	QHBoxLayout* horizontalLayoutMain;
+	QVBoxLayout* verticalLayoutSelect;
+	QLabel* labelSelectAction;
+	QHBoxLayout* horizontalLayoutSearch;
+	QComboBox* comboBoxActionIndex;
+	QLineEdit* lineEditSearchAction;
+	QListView* listViewSelect;
+	QVBoxLayout* verticalLayoutMidButtons;
+	QSpacerItem* verticalSpacerUp;
+	QPushButton* pushButtonAdd;
+	QPushButton* pushButtonDelete;
+	QPushButton* pushButtonReset;
+	QSpacerItem* verticalSpacerDown;
+	QLabel* labelProportion;
+	QComboBox* comboBoxActionProportion;
+	QVBoxLayout* verticalLayoutResult;
+	QLabel* labelCustomize;
+	QHBoxLayout* horizontalLayoutCategorySelect;
+	QRadioButton* radioButtonMainCategory;
+	QRadioButton* radioButtonAllCategory;
+	QButtonGroup* radioButtonGroup;
+	QTreeView* treeViewResult;
+	QHBoxLayout* horizontalLayoutActionOptBtns;
+	QPushButton* pushButtonNewCategory;
+	QPushButton* pushButtonNewPannel;
+	QPushButton* pushButtonRename;
+	QVBoxLayout* verticalLayoutRightButtons;
+	QSpacerItem* verticalSpacerUp2;
+	QToolButton* toolButtonUp;
+	QToolButton* toolButtonDown;
+	QSpacerItem* verticalSpacerDown2;
+
+	void setupUi(QWidget* customizeWidget)
+	{
+		if (customizeWidget->objectName().isEmpty()) {
+			customizeWidget->setObjectName(QStringLiteral("SARibbonCustomizeWidget"));
+		}
+		customizeWidget->resize(800, 600);
+		horizontalLayoutMain = new QHBoxLayout(customizeWidget);
+		horizontalLayoutMain->setObjectName(QStringLiteral("horizontalLayoutMain"));
+		verticalLayoutSelect = new QVBoxLayout();
+		verticalLayoutSelect->setObjectName(QStringLiteral("verticalLayoutSelect"));
+		labelSelectAction = new QLabel(customizeWidget);
+		labelSelectAction->setObjectName(QStringLiteral("labelSelectAction"));
+
+		verticalLayoutSelect->addWidget(labelSelectAction);
+
+		horizontalLayoutSearch = new QHBoxLayout();
+		horizontalLayoutSearch->setObjectName(QStringLiteral("horizontalLayoutSearch"));
+		comboBoxActionIndex = new QComboBox(customizeWidget);
+		comboBoxActionIndex->setObjectName(QStringLiteral("comboBoxActionIndex"));
+		comboBoxActionIndex->setEditable(false);
+
+		horizontalLayoutSearch->addWidget(comboBoxActionIndex);
+
+		lineEditSearchAction = new QLineEdit(customizeWidget);
+		lineEditSearchAction->setObjectName(QStringLiteral("lineEditSearchAction"));
+
+		horizontalLayoutSearch->addWidget(lineEditSearchAction);
+
+		verticalLayoutSelect->addLayout(horizontalLayoutSearch);
+
+		listViewSelect = new QListView(customizeWidget);
+		listViewSelect->setObjectName(QStringLiteral("listViewSelect"));
+
+		verticalLayoutSelect->addWidget(listViewSelect);
+
+		horizontalLayoutMain->addLayout(verticalLayoutSelect);
+
+		verticalLayoutMidButtons = new QVBoxLayout();
+		verticalLayoutMidButtons->setObjectName(QStringLiteral("verticalLayoutMidButtons"));
+		verticalSpacerUp = new QSpacerItem(20, 40, QSizePolicy::Minimum, QSizePolicy::Expanding);
+
+		verticalLayoutMidButtons->addItem(verticalSpacerUp);
+
+		pushButtonAdd = new QPushButton(customizeWidget);
+		pushButtonAdd->setObjectName(QStringLiteral("pushButtonAdd"));
+		pushButtonAdd->setEnabled(false);
+
+		verticalLayoutMidButtons->addWidget(pushButtonAdd);
+
+		pushButtonDelete = new QPushButton(customizeWidget);
+		pushButtonDelete->setObjectName(QStringLiteral("pushButtonDelete"));
+		pushButtonDelete->setEnabled(false);
+
+		verticalLayoutMidButtons->addWidget(pushButtonDelete);
+
+		verticalSpacerDown = new QSpacerItem(20, 40, QSizePolicy::Minimum, QSizePolicy::Expanding);
+
+		verticalLayoutMidButtons->addItem(verticalSpacerDown);
+
+		labelProportion = new QLabel(customizeWidget);
+		labelProportion->setObjectName(QStringLiteral("labelProportion"));
+		verticalLayoutMidButtons->addWidget(labelProportion);
+
+		comboBoxActionProportion = new QComboBox(customizeWidget);
+		comboBoxActionProportion->setObjectName(QStringLiteral("comboBoxActionProportion"));
+		comboBoxActionProportion->setEditable(false);
+		verticalLayoutMidButtons->addWidget(comboBoxActionProportion);
+		horizontalLayoutMain->addLayout(verticalLayoutMidButtons);
+
+		verticalLayoutResult = new QVBoxLayout();
+		verticalLayoutResult->setObjectName(QStringLiteral("verticalLayoutResult"));
+		labelCustomize = new QLabel(customizeWidget);
+		labelCustomize->setObjectName(QStringLiteral("labelCustomize"));
+
+		verticalLayoutResult->addWidget(labelCustomize);
+
+		horizontalLayoutCategorySelect = new QHBoxLayout();
+		horizontalLayoutCategorySelect->setObjectName(QStringLiteral("horizontalLayoutCategorySelect"));
+		radioButtonMainCategory = new QRadioButton(customizeWidget);
+		radioButtonMainCategory->setObjectName(QStringLiteral("radioButtonMainCategory"));
+		radioButtonMainCategory->setChecked(false);
+
+		horizontalLayoutCategorySelect->addWidget(radioButtonMainCategory);
+
+		radioButtonAllCategory = new QRadioButton(customizeWidget);
+		radioButtonAllCategory->setObjectName(QStringLiteral("radioButtonAllCategory"));
+		radioButtonAllCategory->setChecked(true);
+
+		horizontalLayoutCategorySelect->addWidget(radioButtonAllCategory);
+
+		radioButtonGroup = new QButtonGroup(customizeWidget);
+		radioButtonGroup->addButton(radioButtonMainCategory);
+		radioButtonGroup->addButton(radioButtonAllCategory);
+
+		verticalLayoutResult->addLayout(horizontalLayoutCategorySelect);
+
+		treeViewResult = new QTreeView(customizeWidget);
+		treeViewResult->setObjectName(QStringLiteral("treeViewResult"));
+		treeViewResult->setHeaderHidden(true);
+		treeViewResult->setSelectionMode(QAbstractItemView::SingleSelection);
+		treeViewResult->setAnimated(true);                                   // 支持动画
+		treeViewResult->setEditTriggers(QAbstractItemView::NoEditTriggers);  // 不允许直接在item上重命名
+
+		verticalLayoutResult->addWidget(treeViewResult);
+
+		horizontalLayoutActionOptBtns = new QHBoxLayout();
+		horizontalLayoutActionOptBtns->setObjectName(QStringLiteral("horizontalLayoutActionOptBtns"));
+		pushButtonNewCategory = new QPushButton(customizeWidget);
+		pushButtonNewCategory->setObjectName(QStringLiteral("pushButtonNewCategory"));
+
+		horizontalLayoutActionOptBtns->addWidget(pushButtonNewCategory);
+
+		pushButtonNewPannel = new QPushButton(customizeWidget);
+		pushButtonNewPannel->setObjectName(QStringLiteral("pushButtonNewPannel"));
+
+		horizontalLayoutActionOptBtns->addWidget(pushButtonNewPannel);
+
+		pushButtonRename = new QPushButton(customizeWidget);
+		pushButtonRename->setObjectName(QStringLiteral("pushButtonRename"));
+
+		horizontalLayoutActionOptBtns->addWidget(pushButtonRename);
+
+		pushButtonReset = new QPushButton(customizeWidget);
+		pushButtonReset->setObjectName(QStringLiteral("pushButtonReset"));
+		horizontalLayoutActionOptBtns->addWidget(pushButtonReset);
+
+		verticalLayoutResult->addLayout(horizontalLayoutActionOptBtns);
+
+		horizontalLayoutMain->addLayout(verticalLayoutResult);
+
+		verticalLayoutRightButtons = new QVBoxLayout();
+		verticalLayoutRightButtons->setObjectName(QStringLiteral("verticalLayoutRightButtons"));
+		verticalSpacerUp2 = new QSpacerItem(20, 40, QSizePolicy::Minimum, QSizePolicy::Expanding);
+
+		verticalLayoutRightButtons->addItem(verticalSpacerUp2);
+
+		toolButtonUp = new QToolButton(customizeWidget);
+		toolButtonUp->setObjectName(QStringLiteral("pushButtonUp"));
+		toolButtonUp->setArrowType(Qt::UpArrow);
+		toolButtonUp->setAutoRaise(true);
+
+		verticalLayoutRightButtons->addWidget(toolButtonUp);
+
+		toolButtonDown = new QToolButton(customizeWidget);
+		toolButtonDown->setObjectName(QStringLiteral("pushButtonDown"));
+		toolButtonDown->setArrowType(Qt::DownArrow);
+		toolButtonDown->setAutoRaise(true);
+
+		verticalLayoutRightButtons->addWidget(toolButtonDown);
+
+		verticalSpacerDown2 = new QSpacerItem(20, 40, QSizePolicy::Minimum, QSizePolicy::Expanding);
+
+		verticalLayoutRightButtons->addItem(verticalSpacerDown2);
+
+		horizontalLayoutMain->addLayout(verticalLayoutRightButtons);
+
+		retranslateUi(customizeWidget);
+	}  // setupUi
+
+	void retranslateUi(QWidget* customizeWidget)
+	{
+		customizeWidget->setWindowTitle(QApplication::translate("SARibbonCustomizeWidget", "Customize Widget", Q_NULLPTR));
+		labelSelectAction->setText(QApplication::translate("SARibbonCustomizeWidget", "Please Select", Q_NULLPTR));  // cn:请选择
+		lineEditSearchAction->setInputMask(QString());
+		lineEditSearchAction->setText(QString());
+		lineEditSearchAction->setPlaceholderText(
+            QApplication::translate("SARibbonCustomizeWidget", "Find Command", Q_NULLPTR));  // cn:查找命令
+		pushButtonAdd->setText(QApplication::translate("SARibbonCustomizeWidget", "Add >>", Q_NULLPTR));  // cn:添加 >>
+		pushButtonDelete->setText(QApplication::translate("SARibbonCustomizeWidget", "<< Remove", Q_NULLPTR));  // cn:<< 移除
+		labelCustomize->setText(
+            QApplication::translate("SARibbonCustomizeWidget", "Customize the Ribbon", Q_NULLPTR));  // cn:自定义功能区
+		radioButtonMainCategory->setText(QApplication::translate("SARibbonCustomizeWidget", "Main Category", Q_NULLPTR));  // cn:主选项卡
+		radioButtonAllCategory->setText(QApplication::translate("SARibbonCustomizeWidget", "All Category", Q_NULLPTR));  // cn:所有选项卡
+		pushButtonNewCategory->setText(QApplication::translate("SARibbonCustomizeWidget", "New Category", Q_NULLPTR));  // cn:新建选项卡
+		pushButtonNewPannel->setText(QApplication::translate("SARibbonCustomizeWidget", "New Group", Q_NULLPTR));  // cn:新建组
+		pushButtonRename->setText(QApplication::translate("SARibbonCustomizeWidget", "Rename", Q_NULLPTR));  // cn:重命名
+		pushButtonReset->setText(QApplication::translate("SARibbonCustomizeWidget", "reset", Q_NULLPTR));  // cn:重置
+		labelProportion->setText(QApplication::translate("SARibbonCustomizeWidget", "proportion:", Q_NULLPTR));  // cn:比例
+	}  // retranslateUi
+};
+
+/**
+ * @brief 管理SARibbonCustomizeWidget的业务逻辑
+ */
+class SARibbonCustomizeWidget::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonCustomizeWidget)
+public:
+	SARibbonCustomizeWidget::RibbonTreeShowType mShowType { SARibbonCustomizeWidget::ShowAllCategory };  ///< 显示类型
+	SARibbonBar* mRibbonBar { nullptr };                   ///< 保存SARibbonMainWindow的指针
+	SARibbonActionsManager* mActionMgr { nullptr };        ///< action管理器
+	SARibbonActionsManagerModel* mAcionModel { nullptr };  ///< action管理器对应的model
+	QStandardItemModel* mRibbonModel { nullptr };          ///< 用于很成ribbon的树
+	int mCustomizeCategoryCount { 0 };                     ///< 记录自定义Category的个数
+	int mCustomizePannelCount { 0 };                       ///< 记录自定义Pannel的个数
+public:
+	PrivateData(SARibbonCustomizeWidget* p);
+	void updateModel();
+
+	QList< SARibbonCustomizeData > mCustomizeDatasCache;    ///< 缓存记录所有的自定义动作
+	QList< SARibbonCustomizeData > mCustomizeDatasApplied;  ///< 应用后的所有的自定义动作
+	QList< SARibbonCustomizeData > mOldCustomizeDatas;      ///< 记录旧的自定义动作,本地文件缓存
+	// 创建一个随机id，形如：pre_QDateTime::currentMSecsSinceEpoch_suf
+	static QString makeRandomObjName(const QString& pre);
+
+	int itemLevel(QStandardItem* item) const;
+
+	//
+	bool isCustomizeItem(QStandardItem* item) const;
+
+	// 把item转换为category
+	SARibbonCategory* itemToCategory(QStandardItem* item) const;
+
+	// 把item转换为SARibbonPannel
+	SARibbonPannel* itemToPannel(QStandardItem* item) const;
+
+	// 获取item对应的object name
+	QString itemObjectName(QStandardItem* item) const;
+
+	// 判断是否可以自定义
+	bool isItemCanCustomize(QStandardItem* item) const;
+
+	// 从item转为action
+	QAction* itemToAction(QStandardItem* item) const;
+};
+
+SARibbonCustomizeWidget::PrivateData::PrivateData(SARibbonCustomizeWidget* p)
+    : q_ptr(p), mAcionModel(new SARibbonActionsManagerModel(p)), mRibbonModel(new QStandardItemModel(p))
+{
+}
+
+void SARibbonCustomizeWidget::PrivateData::updateModel()
+{
+	if (mRibbonBar == nullptr) {
+		return;
+	}
+	mRibbonModel->clear();
+	SARibbonBar* ribbonbar               = mRibbonBar;
+	QList< SARibbonCategory* > categorys = ribbonbar->categoryPages();
+
+	for (const SARibbonCategory* c : qAsConst(categorys)) {
+		if ((mShowType == SARibbonCustomizeWidget::ShowMainCategory) && c->isContextCategory()) {
+			// 如果是只显示主内容，如果是上下文标签就忽略
+			continue;
+		}
+		QStandardItem* ci = new QStandardItem();
+		if (c->isContextCategory()) {
+			ci->setText(QString("[%1]").arg(c->categoryName()));
+		} else {
+			ci->setText(c->categoryName());
+		}
+		if (c->isCanCustomize() && !c->isContextCategory()) {
+			// 上下文标签不做显示隐藏处理
+			ci->setCheckable(true);
+			ci->setCheckState(ribbonbar->isCategoryVisible(c) ? Qt::Checked : Qt::Unchecked);
+			ci->setData(true, SARibbonCustomizeWidget::CanCustomizeRole);  // 标记这个是可以自定义的
+		}
+		ci->setData(0, SARibbonCustomizeWidget::LevelRole);
+		ci->setData(QVariant::fromValue< qintptr >(qintptr(c)), SARibbonCustomizeWidget::PointerRole);
+		QList< SARibbonPannel* > pannels = c->pannelList();
+		for (const SARibbonPannel* p : qAsConst(pannels)) {
+			QStandardItem* pi = new QStandardItem(p->pannelName());
+			pi->setData(1, SARibbonCustomizeWidget::LevelRole);
+			pi->setData(QVariant::fromValue< qintptr >(qintptr(p)), SARibbonCustomizeWidget::PointerRole);
+			if (p->isCanCustomize()) {
+				pi->setData(true, SARibbonCustomizeWidget::CanCustomizeRole);  // 标记这个是可以自定义的
+			}
+			ci->appendRow(pi);
+			const QList< SARibbonPannelItem* >& items = p->ribbonPannelItem();
+			for (SARibbonPannelItem* i : qAsConst(items)) {
+				if (i->action->isSeparator()) {
+					continue;
+				}
+				QStandardItem* ii = new QStandardItem();
+				//                if (i->customWidget) {
+				//                    //如果是自定义窗口
+				//                    if (i->widget()->windowTitle().isEmpty() && i->widget()->windowIcon().isNull()) {
+				//                        delete ii;
+				//                        continue;  //如果窗口啥也没有，就跳过
+				//                    }
+				//                    ii->setText(i->widget()->windowTitle());
+				//                    ii->setIcon(i->widget()->windowIcon());
+				//                    if (SARibbonCustomizeData::isCanCustomize(i->widget())) {
+				//                        ii->setData(true, SARibbonCustomizeWidget::CanCustomizeRole); //标记这个是可以自定义的
+				//                    }
+				//                } else {
+				//                    //不是自定义，说明是action
+				//                    ii->setText(i->action->text());
+				//                    ii->setIcon(i->action->icon());
+				//                    if (SARibbonCustomizeData::isCanCustomize(i->action)) {
+				//                        ii->setData(true, SARibbonCustomizeWidget::CanCustomizeRole); //标记这个是可以自定义的
+				//                    }
+				//                }
+				ii->setText(i->action->text());
+				ii->setIcon(i->action->icon());
+				if (SARibbonCustomizeData::isCanCustomize(i->action)) {
+					ii->setData(true, SARibbonCustomizeWidget::CanCustomizeRole);  // 标记这个是可以自定义的
+				}
+				ii->setData(2, SARibbonCustomizeWidget::LevelRole);
+				ii->setData(QVariant::fromValue< qintptr >(qintptr(i)), SARibbonCustomizeWidget::PointerRole);
+				pi->appendRow(ii);
+			}
+		}
+		mRibbonModel->appendRow(ci);
+	}
+}
+
+/**
+ * @brief 创建一个随机id，形如：pre_QDateTime::currentMSecsSinceEpoch
+ * @param pre 前缀
+ * @return
+ */
+QString SARibbonCustomizeWidget::PrivateData::makeRandomObjName(const QString& pre)
+{
+	return (QString("%1_%2").arg(pre).arg(QDateTime::currentMSecsSinceEpoch()));
+}
+
+/**
+ * @brief 获取item的level
+ * @param item
+ * @return
+ */
+int SARibbonCustomizeWidget::PrivateData::itemLevel(QStandardItem* item) const
+{
+	return (item->data(SARibbonCustomizeWidget::LevelRole).toInt());
+}
+
+/**
+ * @brief 判断itemn为自定义的item，自定义的item都带有CustomizeRole角色
+ * @param item
+ * @return
+ */
+bool SARibbonCustomizeWidget::PrivateData::isCustomizeItem(QStandardItem* item) const
+{
+	if (nullptr == item) {
+		return (false);
+	}
+	return (item->data(SARibbonCustomizeWidget::CustomizeRole).isValid());
+}
+
+/**
+ * @brief 把item转换为category
+ * @param item
+ * @return无法转换返回nullptr
+ */
+SARibbonCategory* SARibbonCustomizeWidget::PrivateData::itemToCategory(QStandardItem* item) const
+{
+	int level = item->data(SARibbonCustomizeWidget::LevelRole).toInt();
+
+	if (level != 0) {
+		return (nullptr);
+	}
+	qintptr p = item->data(SARibbonCustomizeWidget::PointerRole).value< qintptr >();
+
+	return (reinterpret_cast< SARibbonCategory* >(p));
+}
+
+/**
+ * @brief 把item转换为pannel
+ * @param item
+ * @return 无法转换返回nullptr
+ */
+SARibbonPannel* SARibbonCustomizeWidget::PrivateData::itemToPannel(QStandardItem* item) const
+{
+	int level = item->data(SARibbonCustomizeWidget::LevelRole).toInt();
+
+	if (level != 1) {
+		return (nullptr);
+	}
+	qintptr p = item->data(SARibbonCustomizeWidget::PointerRole).value< qintptr >();
+
+	return (reinterpret_cast< SARibbonPannel* >(p));
+}
+
+/**
+ * @brief 获取item对应的objectname
+ * @param item
+ * @return 如果无法获取，返回一个空的QString
+ */
+QString SARibbonCustomizeWidget::PrivateData::itemObjectName(QStandardItem* item) const
+{
+	QString objName;
+
+	if (isCustomizeItem(item)) {
+		// 说明是自定义的
+		objName = item->data(SARibbonCustomizeWidget::CustomizeObjNameRole).toString();
+	} else {
+		// 说明这个是非自定义的
+		int level = itemLevel(item);
+		if (0 == level) {
+			SARibbonCategory* category = itemToCategory(item);
+			if (category) {
+				objName = category->objectName();
+			}
+		} else if (1 == level) {
+			SARibbonPannel* pannel = itemToPannel(item);
+			if (pannel) {
+				objName = pannel->objectName();
+			}
+		}
+	}
+	return (objName);
+}
+
+/**
+ * @brief 判断item是否可自定义
+ * @param item
+ * @return
+ */
+bool SARibbonCustomizeWidget::PrivateData::isItemCanCustomize(QStandardItem* item) const
+{
+	if (nullptr == item) {
+		return (false);
+	}
+	QVariant v = item->data(SARibbonCustomizeWidget::CanCustomizeRole);
+
+	if (v.isValid()) {
+		return (v.toBool());
+	}
+	return (false);
+}
+
+/**
+ * @brief 从item 转为action
+ * @param item
+ * @return
+ */
+QAction* SARibbonCustomizeWidget::PrivateData::itemToAction(QStandardItem* item) const
+{
+	if (2 != itemLevel(item)) {
+		return (nullptr);
+	}
+	// 这里要非常注意，SARibbonCustomizeWidget::CustomizeRole为true时，说明这个是自定义的内容，
+	// 这时PointerRole里存放的是action指针，不是SARibbonPannelItem
+	QAction* act = nullptr;
+
+	if (item->data(SARibbonCustomizeWidget::CustomizeRole).toBool()) {
+		act = reinterpret_cast< QAction* >(item->data(SARibbonCustomizeWidget::PointerRole).value< qintptr >());
+	} else {
+        SARibbonPannelItem* pi =
+            reinterpret_cast< SARibbonPannelItem* >(item->data(SARibbonCustomizeWidget::PointerRole).value< qintptr >());
+		act = (pi->action);
+	}
+	return (act);
+}
+
+//===================================================
+// SARibbonCustomizeWidget
+//===================================================
+/**
+ * @brief SARibbonCustomizeWidget::SARibbonCustomizeWidget
+ * @param ribbonWindow 传入需要管理的SARibbonMainWindow指针
+ * @param parent 用于界面生成的parent，可以和SARibbonMainWindow一样
+ * @param f 同QWidget::QWidget的第二个参数
+ */
+SARibbonCustomizeWidget::SARibbonCustomizeWidget(SARibbonMainWindow* ribbonWindow, QWidget* parent, Qt::WindowFlags f)
+    : QWidget(parent, f), d_ptr(new SARibbonCustomizeWidget::PrivateData(this)), ui(new SARibbonCustomizeWidgetUi)
+{
+	init(ribbonWindow->ribbonBar());
+}
+
+SARibbonCustomizeWidget::SARibbonCustomizeWidget(SARibbonBar* ribbonbar, QWidget* parent, Qt::WindowFlags f)
+    : QWidget(parent, f), d_ptr(new SARibbonCustomizeWidget::PrivateData(this)), ui(new SARibbonCustomizeWidgetUi)
+{
+	init(ribbonbar);
+}
+
+void SARibbonCustomizeWidget::init(SARibbonBar* ribbonbar)
+{
+	d_ptr->mRibbonBar = ribbonbar;
+	ui->setupUi(this);
+	ui->listViewSelect->setModel(d_ptr->mAcionModel);
+	ui->treeViewResult->setModel(d_ptr->mRibbonModel);
+	initConnection();
+	updateModel();
+}
+
+SARibbonCustomizeWidget::~SARibbonCustomizeWidget()
+{
+	delete ui;
+}
+
+void SARibbonCustomizeWidget::initConnection()
+{
+	//    这个需要qt5.8以上支持
+	//    connect(ui->comboBoxActionIndex, QOverload<int>::of(&QComboBox::currentIndexChanged)
+	//        , this, &SARibbonCustomizeWidget::onComboBoxActionIndexCurrentIndexChanged);
+	connect(ui->comboBoxActionIndex,
+            static_cast< void (QComboBox::*)(int) >(&QComboBox::currentIndexChanged),
+            this,
+            &SARibbonCustomizeWidget::onComboBoxActionIndexCurrentIndexChanged);
+	//    这个需要qt5.8以上支持
+	//    connect(ui->radioButtonGroup, QOverload<QAbstractButton *>::of(&QButtonGroup::buttonClicked)
+	//        , this, &SARibbonCustomizeWidget::onRadioButtonGroupButtonClicked);
+	connect(ui->radioButtonGroup,
+            static_cast< void (QButtonGroup::*)(QAbstractButton*) >(&QButtonGroup::buttonClicked),
+            this,
+            &SARibbonCustomizeWidget::onRadioButtonGroupButtonClicked);
+	connect(ui->pushButtonNewCategory, &QPushButton::clicked, this, &SARibbonCustomizeWidget::onPushButtonNewCategoryClicked);
+	connect(ui->pushButtonNewPannel, &QPushButton::clicked, this, &SARibbonCustomizeWidget::onPushButtonNewPannelClicked);
+	connect(ui->pushButtonRename, &QPushButton::clicked, this, &SARibbonCustomizeWidget::onPushButtonRenameClicked);
+	connect(ui->pushButtonAdd, &QPushButton::clicked, this, &SARibbonCustomizeWidget::onPushButtonAddClicked);
+	connect(ui->pushButtonDelete, &QPushButton::clicked, this, &SARibbonCustomizeWidget::onPushButtonDeleteClicked);
+	connect(ui->listViewSelect, &QAbstractItemView::clicked, this, &SARibbonCustomizeWidget::onListViewSelectClicked);
+	connect(ui->treeViewResult, &QAbstractItemView::clicked, this, &SARibbonCustomizeWidget::onTreeViewResultClicked);
+	connect(ui->toolButtonUp, &QToolButton::clicked, this, &SARibbonCustomizeWidget::onToolButtonUpClicked);
+	connect(ui->toolButtonDown, &QToolButton::clicked, this, &SARibbonCustomizeWidget::onToolButtonDownClicked);
+	connect(d_ptr->mRibbonModel, &QStandardItemModel::itemChanged, this, &SARibbonCustomizeWidget::onItemChanged);
+	connect(ui->lineEditSearchAction, &QLineEdit::textEdited, this, &SARibbonCustomizeWidget::onLineEditSearchActionTextEdited);
+	connect(ui->pushButtonReset, &QPushButton::clicked, this, &SARibbonCustomizeWidget::onPushButtonResetClicked);
+}
+
+/**
+ * @brief 设置action管理器
+ * @param mgr
+ */
+void SARibbonCustomizeWidget::setupActionsManager(SARibbonActionsManager* mgr)
+{
+	d_ptr->mActionMgr = mgr;
+	if (d_ptr->mActionMgr) {
+		d_ptr->mAcionModel->uninstallActionsManager();
+	}
+	d_ptr->mAcionModel->setupActionsManager(mgr);
+	// 更新左边复选框
+	QList< int > tags = mgr->actionTags();
+
+	ui->comboBoxActionIndex->clear();
+	for (int tag : qAsConst(tags)) {
+		if (mgr->tagName(tag).isEmpty())
+			continue;
+		ui->comboBoxActionIndex->addItem(mgr->tagName(tag), tag);
+	}
+}
+
+/**
+ * @brief //判断用户是否有要存储的内容，对应save动作
+ * @return
+ */
+bool SARibbonCustomizeWidget::isApplied() const
+{
+	return (d_ptr->mCustomizeDatasApplied.size() > 0);
+}
+
+/**
+ * @brief 判断用户是否有改动内容，对应apply动作
+ * @return
+ */
+bool SARibbonCustomizeWidget::isCached() const
+{
+	return (d_ptr->mCustomizeDatasCache.size() > 0);
+}
+
+/**
+ * @brief 获取model
+ * @return
+ */
+const QStandardItemModel* SARibbonCustomizeWidget::model() const
+{
+	return (d_ptr->mRibbonModel);
+}
+
+/**
+ * @brief 根据当前的radiobutton选项来更新model
+ */
+void SARibbonCustomizeWidget::updateModel()
+{
+	updateModel(ui->radioButtonAllCategory->isChecked() ? ShowAllCategory : ShowMainCategory);
+	if (d_ptr->mRibbonBar) {
+		SARibbonBar* bar = d_ptr->mRibbonBar;
+		if (bar) {
+			ui->comboBoxActionProportion->clear();
+			if (bar->isTwoRowStyle()) {
+				ui->comboBoxActionProportion->addItem(tr("large"), SARibbonPannelItem::Large);
+				ui->comboBoxActionProportion->addItem(tr("small"), SARibbonPannelItem::Small);
+			} else {
+				ui->comboBoxActionProportion->addItem(tr("large"), SARibbonPannelItem::Large);
+				ui->comboBoxActionProportion->addItem(tr("medium"), SARibbonPannelItem::Medium);
+				ui->comboBoxActionProportion->addItem(tr("small"), SARibbonPannelItem::Small);
+			}
+		}
+	}
+}
+
+/**
+ * @brief 更新model
+ */
+void SARibbonCustomizeWidget::updateModel(RibbonTreeShowType type)
+{
+	d_ptr->mShowType = type;
+	d_ptr->updateModel();
+}
+
+/**
+ * @brief 应用所有设定
+ * @return 应用成功返回true
+ * @note 所有设定有一个应用成功都会返回true
+ */
+bool SARibbonCustomizeWidget::applys()
+{
+	simplify();
+	if (sa_customize_datas_apply(d_ptr->mCustomizeDatasCache, d_ptr->mRibbonBar) > 0) {
+		// 将临时操作存入已应用操作，并清空临时操作
+		makeActionsApplied();
+		clearCache();
+		return true;
+	} else {
+		return false;
+	}
+}
+
+/**
+ * @brief 转换为xml
+ *
+ * 此函数仅会写element，不会写document相关内容，因此如果需要写document，
+ * 需要在此函数前调用QXmlStreamWriter::writeStartDocument(),在此函数后调用QXmlStreamWriter::writeEndDocument()
+ *
+ * @note 注意，在传入QXmlStreamWriter之前，需要设置编码为utf-8:xml->setCodec("utf-8");
+ * @note 由于QXmlStreamWriter在QString作为io时，是不支持编码的，而此又无法保证自定义过程不出现中文字符，
+ * 因此，QXmlStreamWriter不应该通过QString进行构造，如果需要用到string，也需要通过QByteArray构造，如：
+ * @code
+ * SARibbonCustomizeDialog dlg(this);//this为SARibbonMainWindow的窗口
+ * dlg.setupActionsManager(m_actMgr);
+ * if (SARibbonCustomizeDialog::Accepted == dlg.exec()) {
+ *    dlg.applys();
+ *    QByteArray str;
+ *    QXmlStreamWriter xml(&str);//QXmlStreamWriter不建议通过QString构造，遇到中文会异常
+ *    xml.setAutoFormatting(true);
+ *    xml.setAutoFormattingIndent(2);
+ *    xml.setCodec("utf-8");//在writeStartDocument之前指定编码
+ *    xml.writeStartDocument();
+ *    bool isok = dlg.toXml(&xml);
+ *    xml.writeEndDocument();
+ *    if (isok) {
+ *        QFile f("customize.xml");
+ *        if (f.open(QIODevice::ReadWrite|QIODevice::Text|QIODevice::Truncate)) {
+ *            QTextStream s(&f);
+ *            s.setCodec("utf-8");//指定编码输出
+ *            s << str;
+ *            s.flush();
+ *        }
+ *        m_edit->append("write xml:");//m_edit的定义为：QTextEdit *m_edit;
+ *        m_edit->append(str);
+ *    }
+ * }
+ * @endcode
+ * @return 如果出现异常，返回false,如果没有自定义数据也会返回false
+ * @see sa_customize_datas_to_xml
+ */
+bool SARibbonCustomizeWidget::toXml(QXmlStreamWriter* xml) const
+{
+	QList< SARibbonCustomizeData > res = d_ptr->mOldCustomizeDatas;
+
+	if (isApplied())
+		res << d_ptr->mCustomizeDatasApplied;
+	if (isCached())
+		res << d_ptr->mCustomizeDatasCache;
+
+	res = SARibbonCustomizeData::simplify(res);
+	return (sa_customize_datas_to_xml(xml, res));
+}
+
+/**
+ * @brief 把配置写入文件中
+ * @param xmlpath
+ * @return
+ */
+bool SARibbonCustomizeWidget::toXml(const QString& xmlpath) const
+{
+	QFile f(xmlpath);
+
+	if (!f.open(QIODevice::ReadWrite | QIODevice::Truncate | QIODevice::Text)) {
+		return (false);
+	}
+	QXmlStreamWriter xml(&f);
+
+	xml.setAutoFormatting(true);
+	xml.setAutoFormattingIndent(2);
+#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)  // QXmlStreamWriter always encodes XML in UTF-8.
+	xml.setCodec("utf-8");                  // 在writeStartDocument之前指定编码
+#endif
+	xml.writeStartDocument();
+	bool isOK = toXml(&xml);
+
+	xml.writeEndDocument();
+	f.close();
+	return (isOK);
+}
+
+/**
+ * @brief 从xml中加载QList<SARibbonCustomizeData>
+ *
+ * 对于基于配置文件的设置，对话框显示前建议调用此函数，保证叠加设置的正确记录
+ * @param xml
+ * @return
+ * @note 此函数要在@ref setupActionsManager 函数之后调用
+ */
+void SARibbonCustomizeWidget::fromXml(QXmlStreamReader* xml)
+{
+	QList< SARibbonCustomizeData > cds = sa_customize_datas_from_xml(xml, d_ptr->mActionMgr);
+
+	d_ptr->mOldCustomizeDatas = cds;
+}
+
+/**
+ * @brief 从xml中加载QList<SARibbonCustomizeData>
+ *
+ * 对于基于配置文件的设置，对话框显示前建议调用此函数，保证叠加设置的正确记录
+ * @param xmlpath
+ * @note 此函数要在@ref setupActionsManager 函数之后调用
+ * @note 如果程序启动后加载了自定义配置，再调用此窗口时需要调用此函数，把原来的配置加载进来，
+ * 在生成新动作时会把旧动作保存，但在调用applys时不会调用此加载的动作
+ */
+void SARibbonCustomizeWidget::fromXml(const QString& xmlpath)
+{
+	QFile f(xmlpath);
+
+	if (!f.open(QIODevice::ReadOnly | QIODevice::Text)) {
+		return;
+	}
+	f.seek(0);
+	QXmlStreamReader xml(&f);
+
+	fromXml(&xml);
+}
+
+/**
+ * @brief 应用xml配置
+ *
+ * @note 重复加载一个配置文件会发生异常，为了避免此类事件发生，一般通过一个变量保证只加载一次，如：
+ * @code
+ * //只能调用一次
+ * static bool has_call = false;
+ * if (!has_call) {
+ *     QFile f("customize.xml");
+ *     if (!f.open(QIODevice::ReadWrite|QIODevice::Text)) {
+ *         return;
+ *     }
+ *     f.seek(0);
+ *     QXmlStreamReader xml(&f);
+ *     has_call = SARibbonCustomizeWidget::fromXml(&xml, this, m_actMgr);
+ * }
+ * @endcode
+ * @param xml
+ * @param bar SARibbonBar
+ * @return 所有设定有一个应用成功都会返回true
+ * @see sa_customize_datas_from_xml sa_customize_datas_apply sa_apply_customize_from_xml_file
+ */
+bool SARibbonCustomizeWidget::fromXml(QXmlStreamReader* xml, SARibbonBar* bar, SARibbonActionsManager* mgr)
+{
+	// 先找到sa-ribbon-customize标签
+	QList< SARibbonCustomizeData > cds = sa_customize_datas_from_xml(xml, mgr);
+
+	return (sa_customize_datas_apply(cds, bar) > 0);
+}
+
+/**
+ * @brief 清除已应用的动作
+ */
+void SARibbonCustomizeWidget::makeActionsApplied()
+{
+	d_ptr->mCustomizeDatasApplied << d_ptr->mCustomizeDatasCache;
+}
+
+/**
+ * @brief 清除applied的动作，cancel操作后需要清空已应用的动作
+ */
+void SARibbonCustomizeWidget::clearApplied()
+{
+	d_ptr->mCustomizeDatasApplied.clear();
+}
+
+/**
+ * @brief 清除缓存动作
+ *
+ * 在执行applys函数后，如果要继续调用，应该clear，否则会导致异常
+ */
+void SARibbonCustomizeWidget::clearCache()
+{
+	d_ptr->mCustomizeDatasCache.clear();
+}
+
+/**
+ * @brief 清除所有动作，不包含本地读取的数据
+ */
+void SARibbonCustomizeWidget::clear()
+{
+	clearApplied();
+	clearCache();
+}
+
+/**
+ * @brief 精简
+ */
+void SARibbonCustomizeWidget::simplify()
+{
+	d_ptr->mCustomizeDatasCache = SARibbonCustomizeData::simplify(d_ptr->mCustomizeDatasCache);
+}
+
+/**
+ * @brief 获取当前界面选中的行属性
+ * @return
+ */
+SARibbonPannelItem::RowProportion SARibbonCustomizeWidget::selectedRowProportion() const
+{
+	return (static_cast< SARibbonPannelItem::RowProportion >(ui->comboBoxActionProportion->currentData().toInt()));
+}
+
+/**
+ * @brief 获取listview中选中的action
+ * @return 如果没有选中action，返回nullptr
+ * @note 如果要获取treeview选中的action，使用@ref itemToAction 函数
+ */
+QAction* SARibbonCustomizeWidget::selectedAction() const
+{
+	QItemSelectionModel* m = ui->listViewSelect->selectionModel();
+
+	if ((nullptr == m) || !m->hasSelection()) {
+		return (nullptr);
+	}
+	QModelIndex i = m->currentIndex();
+
+	return (d_ptr->mAcionModel->indexToAction(i));
+}
+
+/**
+ * @brief 把item转换为action
+ * @param item
+ * @return 如果没有action可转换，返回nullptr
+ */
+QAction* SARibbonCustomizeWidget::itemToAction(QStandardItem* item) const
+{
+	return (d_ptr->itemToAction(item));
+}
+
+/**
+ * @brief 获取ribbon tree选中的item
+ * @return
+ */
+QStandardItem* SARibbonCustomizeWidget::selectedItem() const
+{
+	QItemSelectionModel* m = ui->treeViewResult->selectionModel();
+
+	if ((nullptr == m) || !m->hasSelection()) {
+		return (nullptr);
+	}
+	QModelIndex i = m->currentIndex();
+
+	return (d_ptr->mRibbonModel->itemFromIndex(i));
+}
+
+/**
+ * @brief 获取选中的ribbon tree 的level
+ * @return -1为选中异常，0代表选中了category 1代表选中了pannel 2代表选中了action
+ */
+int SARibbonCustomizeWidget::selectedRibbonLevel() const
+{
+	QStandardItem* item = selectedItem();
+
+	if (item) {
+		return (itemLevel(item));
+	}
+	return (-1);
+}
+
+/**
+ * @brief 获取StandardItem 的level
+ * @param item
+ * @return
+ */
+int SARibbonCustomizeWidget::itemLevel(QStandardItem* item) const
+{
+	return (d_ptr->itemLevel(item));
+}
+
+/**
+ * @brief 设置某个item被选中
+ * @param item
+ */
+void SARibbonCustomizeWidget::setSelectItem(QStandardItem* item, bool ensureVisible)
+{
+	QItemSelectionModel* m = ui->treeViewResult->selectionModel();
+
+	if (nullptr == m) {
+		return;
+	}
+	if (m) {
+		m->clearSelection();
+		m->setCurrentIndex(item->index(), QItemSelectionModel::SelectCurrent);
+	}
+	if (ensureVisible) {
+		ui->treeViewResult->scrollTo(item->index());
+	}
+}
+
+/**
+ * @brief 判断itemn能否改动，可以改动返回true
+ * @param item
+ * @return
+ */
+bool SARibbonCustomizeWidget::isItemCanCustomize(QStandardItem* item) const
+{
+	return (d_ptr->isItemCanCustomize(item));
+}
+
+bool SARibbonCustomizeWidget::isSelectedItemCanCustomize() const
+{
+	return (isItemCanCustomize(selectedItem()));
+}
+
+/**
+ * @brief 判断itemn能否改动，可以改动返回true
+ * @param item
+ * @return
+ */
+bool SARibbonCustomizeWidget::isCustomizeItem(QStandardItem* item) const
+{
+	return (d_ptr->isCustomizeItem(item));
+}
+
+bool SARibbonCustomizeWidget::isSelectedItemIsCustomize() const
+{
+	return (isCustomizeItem(selectedItem()));
+}
+
+void SARibbonCustomizeWidget::removeItem(QStandardItem* item)
+{
+	if (item->parent()) {
+		item->parent()->removeRow(item->row());
+	} else {
+		d_ptr->mRibbonModel->removeRow(item->row());
+	}
+}
+
+void SARibbonCustomizeWidget::onComboBoxActionIndexCurrentIndexChanged(int index)
+{
+	int tag = ui->comboBoxActionIndex->itemData(index).toInt();
+
+	d_ptr->mAcionModel->setFilter(tag);
+}
+
+void SARibbonCustomizeWidget::onRadioButtonGroupButtonClicked(QAbstractButton* b)
+{
+	updateModel(b == ui->radioButtonAllCategory ? ShowAllCategory : ShowMainCategory);
+}
+
+void SARibbonCustomizeWidget::onPushButtonNewCategoryClicked()
+{
+	int row                = d_ptr->mRibbonModel->rowCount();
+	QItemSelectionModel* m = ui->treeViewResult->selectionModel();
+
+	if (m && m->hasSelection()) {
+		QModelIndex i = m->currentIndex();
+		while (i.parent().isValid()) {
+			i = i.parent();
+		}
+		// 获取选中的最顶层item
+		row = i.row() + 1;
+	}
+	QStandardItem* ni = new QStandardItem(tr("new category[customize]%1").arg(++(d_ptr->mCustomizeCategoryCount)));
+
+	ni->setData(0, SARibbonCustomizeWidget::LevelRole);
+	d_ptr->mRibbonModel->insertRow(row, ni);
+	// 设置新增的为选中
+	setSelectItem(ni);
+	// 把动作插入动作列表中
+    SARibbonCustomizeData d = SARibbonCustomizeData::makeAddCategoryCustomizeData(
+        ni->text(), ni->row(), SARibbonCustomizeWidget::PrivateData::makeRandomObjName("category"));
+
+	d_ptr->mCustomizeDatasCache.append(d);
+	ni->setData(true, SARibbonCustomizeWidget::CanCustomizeRole);  // 有CustomizeRole，必有CanCustomizeRole
+	ni->setData(true, SARibbonCustomizeWidget::CustomizeRole);
+	ni->setData(d.categoryObjNameValue, SARibbonCustomizeWidget::CustomizeObjNameRole);
+}
+
+void SARibbonCustomizeWidget::onPushButtonNewPannelClicked()
+{
+	QStandardItem* item = selectedItem();
+
+	if (nullptr == item) {
+		return;
+	}
+	int level = selectedRibbonLevel();
+
+	QStandardItem* ni = new QStandardItem(tr("new pannel[customize]%1").arg(++(d_ptr->mCustomizePannelCount)));
+
+	ni->setData(1, SARibbonCustomizeWidget::LevelRole);
+
+	if (0 == level) {
+		// 说明是category,插入到最后
+		item->appendRow(ni);
+	} else if (1 == level) {
+		// 说明选择的是pannel，插入到此pannel之后
+		QStandardItem* categoryItem = item->parent();
+		if (nullptr == categoryItem) {
+			return;
+		}
+		categoryItem->insertRow(item->row() + 1, ni);
+	} else {
+		// 不符合就删除退出
+		delete ni;
+		ni = nullptr;
+		return;
+	}
+	// 查找category的object name
+	QStandardItem* categoryItem = ni->parent();
+	QString categoryObjName     = "";
+
+	categoryObjName         = d_ptr->itemObjectName(categoryItem);
+    SARibbonCustomizeData d = SARibbonCustomizeData::makeAddPannelCustomizeData(
+        ni->text(), ni->row(), categoryObjName, SARibbonCustomizeWidget::PrivateData::makeRandomObjName("pannel"));
+
+	d_ptr->mCustomizeDatasCache.append(d);
+	ni->setData(true, SARibbonCustomizeWidget::CanCustomizeRole);  // 有CustomizeRole，必有CanCustomizeRole
+	ni->setData(true, SARibbonCustomizeWidget::CustomizeRole);
+	ni->setData(d.pannelObjNameValue, SARibbonCustomizeWidget::CustomizeObjNameRole);
+	setSelectItem(ni);
+}
+
+void SARibbonCustomizeWidget::onPushButtonRenameClicked()
+{
+	QStandardItem* item = selectedItem();
+
+	if (nullptr == item) {
+		return;
+	}
+	bool ok;
+	QString text = "";
+
+	text = QInputDialog::getText(this, tr("rename"), tr("name:"), QLineEdit::Normal, item->text(), &ok);
+
+	if (!ok || text.isEmpty()) {
+		return;
+	}
+	int level = itemLevel(item);
+
+	if (0 == level) {
+		// 改Category名
+		QString cateObjName     = d_ptr->itemObjectName(item);
+		SARibbonCustomizeData d = SARibbonCustomizeData::makeRenameCategoryCustomizeData(text, cateObjName);
+		d_ptr->mCustomizeDatasCache.append(d);
+	} else if (1 == level) {
+		QString cateObjName   = d_ptr->itemObjectName(item->parent());
+		QString pannelObjName = d_ptr->itemObjectName(item);
+		SARibbonCustomizeData d = SARibbonCustomizeData::makeRenamePannelCustomizeData(text, cateObjName, pannelObjName);
+		d_ptr->mCustomizeDatasCache.append(d);
+	} else {
+		// action 不允许改名
+		return;
+	}
+	item->setText(text);
+}
+
+void SARibbonCustomizeWidget::onPushButtonAddClicked()
+{
+	QAction* act        = selectedAction();
+	QStandardItem* item = selectedItem();
+
+	if ((nullptr == act) || (nullptr == item)) {
+		return;
+	}
+	int level = itemLevel(item);
+
+	if (0 == level) {
+		// 选中category不进行操作
+		return;
+	} else if (2 == level) {
+		// 选中action，添加到这个action之后,把item设置为pannel
+		item = item->parent();
+	}
+	QString pannelObjName   = d_ptr->itemObjectName(item);
+	QString categoryObjName = d_ptr->itemObjectName(item->parent());
+	QString key             = d_ptr->mActionMgr->key(act);
+
+    SARibbonCustomizeData d = SARibbonCustomizeData::makeAddActionCustomizeData(
+        key, d_ptr->mActionMgr, selectedRowProportion(), categoryObjName, pannelObjName);
+
+	d_ptr->mCustomizeDatasCache.append(d);
+
+	QStandardItem* actItem = new QStandardItem(act->icon(), act->text());
+
+	actItem->setData(2, SARibbonCustomizeWidget::LevelRole);
+	actItem->setData(true, SARibbonCustomizeWidget::CanCustomizeRole);  // 有CustomizeRole，必有CanCustomizeRole
+	actItem->setData(true, SARibbonCustomizeWidget::CustomizeRole);
+	actItem->setData(act->objectName(), SARibbonCustomizeWidget::CustomizeObjNameRole);
+	actItem->setData(qintptr(act), SARibbonCustomizeWidget::PointerRole);  // 把action指针传入
+	item->appendRow(actItem);
+}
+
+void SARibbonCustomizeWidget::onPushButtonDeleteClicked()
+{
+	QStandardItem* item = selectedItem();
+
+	if (nullptr == item) {
+		return;
+	}
+	if (!isItemCanCustomize(item)) {
+		return;
+	}
+	int level = itemLevel(item);
+
+	if (0 == level) {
+		// 删除category
+		SARibbonCustomizeData d = SARibbonCustomizeData::makeRemoveCategoryCustomizeData(d_ptr->itemObjectName(item));
+		d_ptr->mCustomizeDatasCache.append(d);
+	} else if (1 == level) {
+		// 删除pannel
+		QString catObjName      = d_ptr->itemObjectName(item->parent());
+		QString pannelObjName   = d_ptr->itemObjectName(item);
+		SARibbonCustomizeData d = SARibbonCustomizeData::makeRemovePannelCustomizeData(catObjName, pannelObjName);
+		d_ptr->mCustomizeDatasCache.append(d);
+	} else if (2 == level) {
+		// 删除Action
+		QString catObjName    = d_ptr->itemObjectName(item->parent()->parent());
+		QString pannelObjName = d_ptr->itemObjectName(item->parent());
+		QAction* act          = itemToAction(item);
+		QString key           = d_ptr->mActionMgr->key(act);
+		if (key.isEmpty() || catObjName.isEmpty() || pannelObjName.isEmpty()) {
+			return;
+		}
+
+        SARibbonCustomizeData d =
+            SARibbonCustomizeData::makeRemoveActionCustomizeData(catObjName, pannelObjName, key, d_ptr->mActionMgr);
+		d_ptr->mCustomizeDatasCache.append(d);
+	}
+	// 执行删除操作
+	removeItem(item);
+	// 删除后重新识别
+	ui->pushButtonAdd->setEnabled(selectedAction() && isSelectedItemIsCustomize() && selectedRibbonLevel() > 0);
+	ui->pushButtonDelete->setEnabled(isSelectedItemIsCustomize());
+}
+
+void SARibbonCustomizeWidget::onListViewSelectClicked(const QModelIndex& index)
+{
+	// 每次点击，判断是否可以进行操作，决定pushButtonAdd和pushButtonDelete的显示状态
+	// 点击了listview，判断treeview的状态
+	Q_UNUSED(index);
+	ui->pushButtonAdd->setEnabled(isSelectedItemCanCustomize() && selectedRibbonLevel() > 0);
+	ui->pushButtonDelete->setEnabled(isSelectedItemCanCustomize());
+}
+
+void SARibbonCustomizeWidget::onTreeViewResultClicked(const QModelIndex& index)
+{
+	Q_UNUSED(index);
+	// 每次点击，判断是否可以进行操作，决定pushButtonAdd和pushButtonDelete的显示状态
+	QStandardItem* item = selectedItem();
+
+	if (nullptr == item) {
+		return;
+	}
+	int level = itemLevel(item);
+
+	ui->pushButtonAdd->setEnabled(selectedAction() && (level > 0) && isItemCanCustomize(item));
+	ui->pushButtonDelete->setEnabled(isItemCanCustomize(item));  // 有CustomizeRole，必有CanCustomizeRole
+	ui->pushButtonRename->setEnabled(
+        level != 2 || isItemCanCustomize(item));  // QAction 不能改名 ， 有CustomizeRole，必有CanCustomizeRole
+}
+
+void SARibbonCustomizeWidget::onToolButtonUpClicked()
+{
+	QStandardItem* item = selectedItem();
+
+	if ((nullptr == item) || (0 == item->row())) {
+		return;
+	}
+	int level = itemLevel(item);
+
+	if (0 == level) {
+		// 移动category
+        SARibbonCustomizeData d =
+            SARibbonCustomizeData::makeChangeCategoryOrderCustomizeData(d_ptr->itemObjectName(item), -1);
+		d_ptr->mCustomizeDatasCache.append(d);
+		int r = item->row();
+		item  = d_ptr->mRibbonModel->takeItem(r);
+		d_ptr->mRibbonModel->removeRow(r);
+		d_ptr->mRibbonModel->insertRow(r - 1, item);
+	} else if (1 == level) {
+        QStandardItem* paritem  = item->parent();
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeChangePannelOrderCustomizeData(
+            d_ptr->itemObjectName(paritem), d_ptr->itemObjectName(item), -1);
+		d_ptr->mCustomizeDatasCache.append(d);
+		int r = item->row();
+		item  = paritem->takeChild(r);
+		paritem->removeRow(r);
+		paritem->insertRow(r - 1, item);
+	} else if (2 == level) {
+		QStandardItem* pannelItem   = item->parent();
+		QStandardItem* categoryItem = pannelItem->parent();
+		QAction* act                = itemToAction(item);
+		if (!act) {
+			return;
+		}
+        QString key             = d_ptr->mActionMgr->key(act);
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeChangeActionOrderCustomizeData(
+            d_ptr->itemObjectName(categoryItem), d_ptr->itemObjectName(pannelItem), key, d_ptr->mActionMgr, -1);
+		d_ptr->mCustomizeDatasCache.append(d);
+		int r = item->row();
+		item  = pannelItem->takeChild(r);
+		pannelItem->removeRow(r);
+		pannelItem->insertRow(r - 1, item);
+	}
+
+	// 保持焦点，方便连续操作
+	setSelectItem(item);
+	onTreeViewResultClicked(item->index());
+}
+
+void SARibbonCustomizeWidget::onToolButtonDownClicked()
+{
+	QStandardItem* item = selectedItem();
+
+	if (item == nullptr) {
+		return;
+	}
+	int count = 0;
+
+	if (item->parent()) {
+		count = item->parent()->rowCount();
+	} else {
+		count = d_ptr->mRibbonModel->rowCount();
+	}
+	if ((nullptr == item) || ((count - 1) == item->row())) {
+		return;
+	}
+	int level = itemLevel(item);
+
+	if (0 == level) {
+		// 移动category
+        SARibbonCustomizeData d =
+            SARibbonCustomizeData::makeChangeCategoryOrderCustomizeData(d_ptr->itemObjectName(item), 1);
+		d_ptr->mCustomizeDatasCache.append(d);
+		int r = item->row();
+		item  = d_ptr->mRibbonModel->takeItem(item->row());
+		d_ptr->mRibbonModel->removeRow(r);
+		d_ptr->mRibbonModel->insertRow(r + 1, item);
+	} else if (1 == level) {
+        QStandardItem* paritem  = item->parent();
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeChangePannelOrderCustomizeData(
+            d_ptr->itemObjectName(paritem), d_ptr->itemObjectName(item), 1);
+		d_ptr->mCustomizeDatasCache.append(d);
+		int r = item->row();
+		item  = paritem->takeChild(r);
+		paritem->removeRow(r);
+		paritem->insertRow(r + 1, item);
+	} else if (2 == level) {
+		QStandardItem* pannelItem   = item->parent();
+		QStandardItem* categoryItem = pannelItem->parent();
+		QAction* act                = itemToAction(item);
+		if (!act) {
+			return;
+		}
+        QString key             = d_ptr->mActionMgr->key(act);
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeChangeActionOrderCustomizeData(
+            d_ptr->itemObjectName(categoryItem), d_ptr->itemObjectName(pannelItem), key, d_ptr->mActionMgr, -1);
+		d_ptr->mCustomizeDatasCache.append(d);
+		int r = item->row();
+		item  = pannelItem->takeChild(r);
+		pannelItem->removeRow(r);
+		pannelItem->insertRow(r + 1, item);
+	}
+
+	// 保持焦点，方便连续操作
+	setSelectItem(item);
+	onTreeViewResultClicked(item->index());
+}
+
+void SARibbonCustomizeWidget::onItemChanged(QStandardItem* item)
+{
+	if (item == nullptr) {
+		return;
+	}
+	int level = itemLevel(item);
+
+	if (0 == level) {
+		if (item->isCheckable()) {
+            QString objname = d_ptr->itemObjectName(item);
+            SARibbonCustomizeData d =
+                SARibbonCustomizeData::makeVisibleCategoryCustomizeData(objname, item->checkState() == Qt::Checked);
+			d_ptr->mCustomizeDatasCache.append(d);
+		}
+	}
+}
+
+void SARibbonCustomizeWidget::onLineEditSearchActionTextEdited(const QString& text)
+{
+	d_ptr->mAcionModel->search(text);
+}
+
+void SARibbonCustomizeWidget::onPushButtonResetClicked()
+{
+	int btn = QMessageBox::warning(this,
+                                   tr("Warning"),
+                                   tr("Are you sure reset all customize setting?"),
+                                   QMessageBox::Yes | QMessageBox::No,
+                                   QMessageBox::No);
+
+	if (btn == QMessageBox::Yes) {
+		clear();
+	}
+}
+
+/*** End of inlined file: SARibbonCustomizeWidget.cpp ***/
+
+/*** Start of inlined file: SARibbonCustomizeDialog.cpp ***/
+#include <QApplication>
+#include <QPushButton>
+#include <QVBoxLayout>
+#include <QSpacerItem>
+
+/**
+ * @brief The SARibbonCustomizeDialogUi class
+ */
+class SARibbonCustomizeDialogUi
+{
+public:
+    SARibbonCustomizeWidget* customWidget;
+    QVBoxLayout* verticalLayoutMain;
+    QHBoxLayout* horizontalLayoutButtonGroup;
+    QPushButton* pushButtonCancel;
+    QPushButton* pushButtonOk;
+    QSpacerItem* spacerItemleft;
+    void setupUi(SARibbonMainWindow* ribbonWindow, QWidget* customizeDialog)
+	{
+		if (customizeDialog->objectName().isEmpty()) {
+			customizeDialog->setObjectName(QStringLiteral("SARibbonCustomizeDialog"));
+		}
+		customizeDialog->resize(800, 600);
+		verticalLayoutMain = new QVBoxLayout(customizeDialog);
+		verticalLayoutMain->setObjectName(QStringLiteral("verticalLayoutMain"));
+
+		customWidget = new SARibbonCustomizeWidget(ribbonWindow, customizeDialog);
+		customWidget->setObjectName(QStringLiteral("customWidget"));
+		verticalLayoutMain->addWidget(customWidget);
+
+		horizontalLayoutButtonGroup = new QHBoxLayout();
+		horizontalLayoutButtonGroup->setObjectName(QStringLiteral("horizontalLayoutButtonGroup"));
+
+		spacerItemleft = new QSpacerItem(40, 20, QSizePolicy::Expanding, QSizePolicy::Minimum);
+		horizontalLayoutButtonGroup->addItem(spacerItemleft);
+
+		pushButtonCancel = new QPushButton(customizeDialog);
+		pushButtonCancel->setObjectName(QStringLiteral("pushButtonCancel"));
+		horizontalLayoutButtonGroup->addWidget(pushButtonCancel);
+
+		pushButtonOk = new QPushButton(customizeDialog);
+		pushButtonOk->setObjectName(QStringLiteral("pushButtonCancel"));
+		horizontalLayoutButtonGroup->addWidget(pushButtonOk);
+		verticalLayoutMain->addItem(horizontalLayoutButtonGroup);
+		retranslateUi(customizeDialog);
+	}
+
+    void retranslateUi(QWidget* customizeDialog)
+	{
+		customizeDialog->setWindowTitle(QApplication::translate("SARibbonCustomizeDialog", "Customize Dialog", Q_NULLPTR));
+		pushButtonCancel->setText(QApplication::translate("SARibbonCustomizeDialog", "Cancel", Q_NULLPTR));
+		pushButtonOk->setText(QApplication::translate("SARibbonCustomizeDialog", "OK", Q_NULLPTR));
+	}
+};
+
+////////////////////////////////////////////////////////////////////
+
+SARibbonCustomizeDialog::SARibbonCustomizeDialog(SARibbonMainWindow* ribbonWindow, QWidget* p, Qt::WindowFlags f)
+    : QDialog(p, f), ui(new SARibbonCustomizeDialogUi)
+{
+	ui->setupUi(ribbonWindow, this);
+	initConnection();
+}
+
+/**
+ * @brief 设置action管理器
+ *
+ * 等同@ref SARibbonCustomizeWidget::setupActionsManager
+ * @param mgr
+ */
+SARibbonCustomizeDialog::~SARibbonCustomizeDialog()
+{
+}
+void SARibbonCustomizeDialog::setupActionsManager(SARibbonActionsManager* mgr)
+{
+	ui->customWidget->setupActionsManager(mgr);
+}
+
+/**
+ * @brief //判断用户是否有要存储的内容，对应save动作
+ * @return
+ */
+bool SARibbonCustomizeDialog::isApplied() const
+{
+	return ui->customWidget->isApplied();
+}
+
+/**
+ * @brief 判断用户是否有改动内容，对应apply动作
+ * @return
+ */
+bool SARibbonCustomizeDialog::isCached() const
+{
+	return ui->customWidget->isCached();
+}
+
+void SARibbonCustomizeDialog::initConnection()
+{
+	connect(ui->pushButtonOk, &QPushButton::clicked, this, &QDialog::accept);
+	connect(ui->pushButtonCancel, &QPushButton::clicked, this, &QDialog::reject);
+}
+
+/**
+ * @brief 等同SARibbonCustomizeWidget::applys
+ *
+ * @ref SARibbonCustomizeWidget::applys
+ * @return
+ */
+bool SARibbonCustomizeDialog::applys()
+{
+	return ui->customWidget->applys();
+}
+
+/**
+ * @brief 清除所有动作
+ *
+ * @ref SARibbonCustomizeWidget::clear
+ */
+void SARibbonCustomizeDialog::clear()
+{
+	ui->customWidget->clear();
+}
+
+/**
+ * @brief 转换为xml
+ *
+ * @ref SARibbonCustomizeWidget::toXml
+ * @param xml
+ * @return
+ */
+bool SARibbonCustomizeDialog::toXml(QXmlStreamWriter* xml) const
+{
+	return (ui->customWidget->toXml(xml));
+}
+
+/**
+ * @brief 等同SARibbonCustomizeWidget::toXml
+ * @ref SARibbonCustomizeWidget::toXml
+ * @param xmlpath
+ * @return
+ */
+bool SARibbonCustomizeDialog::toXml(const QString& xmlpath) const
+{
+	return (ui->customWidget->toXml(xmlpath));
+}
+
+/**
+ * @brief 等同SARibbonCustomizeWidget::fromXml
+ * @param xml
+ */
+void SARibbonCustomizeDialog::fromXml(QXmlStreamReader* xml)
+{
+	ui->customWidget->fromXml(xml);
+}
+
+/**
+ * @brief 等同SARibbonCustomizeWidget::fromXml
+ * @param xmlpath
+ */
+void SARibbonCustomizeDialog::fromXml(const QString& xmlpath)
+{
+	ui->customWidget->fromXml(xmlpath);
+}
+
+/**
+ * @brief 返回SARibbonCustomizeWidget窗口指针
+ *
+ * 通过SARibbonCustomizeWidget窗口可以操作更多的内容
+ *
+ * @return SARibbonCustomizeWidget指针，参考@ref SARibbonCustomizeWidget
+ */
+SARibbonCustomizeWidget* SARibbonCustomizeDialog::customizeWidget() const
+{
+	return (ui->customWidget);
+}
+
+/*** End of inlined file: SARibbonCustomizeDialog.cpp ***/
+
+/*** Start of inlined file: SARibbonMainWindow.cpp ***/
+#include <QApplication>
+#include <QDebug>
+#include <QFile>
+#include <QHash>
+#include <QWindowStateChangeEvent>
+#include <QScreen>
+
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+#include <QWKWidgets/widgetwindowagent.h>
+
+#else
+
+#endif
+
+/**
+ * @brief The SARibbonMainWindowPrivate class
+ */
+class SARibbonMainWindow::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonMainWindow)
+public:
+	PrivateData(SARibbonMainWindow* p);
+	void installFrameless(SARibbonMainWindow* p);
+
+public:
+	SARibbonTheme mCurrentRibbonTheme { SARibbonTheme::RibbonThemeOffice2021Blue };
+	SARibbonSystemButtonBar* mWindowButtonGroup { nullptr };
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+	QWK::WidgetWindowAgent* mFramelessHelper { nullptr };
+#else
+	SAFramelessHelper* mFramelessHelper { nullptr };
+#endif
+	SARibbonMainWindowEventFilter* mEventFilter { nullptr };
+};
+
+SARibbonMainWindow::PrivateData::PrivateData(SARibbonMainWindow* p) : q_ptr(p)
+{
+}
+
+void SARibbonMainWindow::PrivateData::installFrameless(SARibbonMainWindow* p)
+{
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+	mFramelessHelper = new QWK::WidgetWindowAgent(p);
+	mFramelessHelper->setup(p);
+#else
+	mFramelessHelper = new SAFramelessHelper(p);
+#endif
+}
+
+//===================================================
+// SARibbonMainWindow
+//===================================================
+SARibbonMainWindow::SARibbonMainWindow(QWidget* parent, bool useRibbon, const Qt::WindowFlags flags)
+    : QMainWindow(parent, flags), d_ptr(new SARibbonMainWindow::PrivateData(this))
+{
+	connect(qApp, &QApplication::primaryScreenChanged, this, &SARibbonMainWindow::onPrimaryScreenChanged);
+	if (useRibbon) {
+		d_ptr->installFrameless(this);
+		setRibbonBar(createRibbonBar());
+		setRibbonTheme(ribbonTheme());
+	}
+}
+
+SARibbonMainWindow::~SARibbonMainWindow()
+{
+}
+
+/**
+ * @brief 返回ribbonbar，如果不是使用ribbon模式，返回nullptr
+ * @return
+ */
+SARibbonBar* SARibbonMainWindow::ribbonBar() const
+{
+	return qobject_cast< SARibbonBar* >(menuWidget());
+}
+
+/**
+ * @brief 设置ribbonbar
+ * @param bar
+ */
+void SARibbonMainWindow::setRibbonBar(SARibbonBar* ribbon)
+{
+	QWidget* old = QMainWindow::menuWidget();
+	if (old) {
+		// 如果之前已经设置了menubar，要把之前的删除
+		old->deleteLater();
+	}
+	QMainWindow::setMenuWidget(ribbon);
+	const int th = ribbon->titleBarHeight();
+	// 设置window按钮
+	if (nullptr == d_ptr->mWindowButtonGroup) {
+		d_ptr->mWindowButtonGroup = RibbonSubElementFactory->createWindowButtonGroup(this);
+		// SARibbonSystemButtonBar的eventfilter捕获mainwindow的事件
+		// 通过eventerfilter来处理mainwindow的事件，避免用户错误的继承resizeEvent导致systembar的位置异常
+		installEventFilter(d_ptr->mWindowButtonGroup);
+	}
+	SARibbonSystemButtonBar* sysBar = d_ptr->mWindowButtonGroup;
+	sysBar->setWindowStates(windowState());
+	sysBar->setWindowTitleHeight(th);
+	sysBar->raise();  // 确保sysbar在最顶层，避免第二次设置ribbonbar的时候，被ribbonbar覆盖了sysbar
+	sysBar->show();
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+	auto helper = d_ptr->mFramelessHelper;
+	helper->setTitleBar(ribbon);
+	// 以下这些窗口，需要允许点击
+	helper->setHitTestVisible(sysBar);                         // IMPORTANT!
+	helper->setHitTestVisible(ribbon->ribbonTabBar());         // IMPORTANT!
+	helper->setHitTestVisible(ribbon->rightButtonGroup());     // IMPORTANT!
+	helper->setHitTestVisible(ribbon->applicationButton());    // IMPORTANT!
+	helper->setHitTestVisible(ribbon->quickAccessBar());       // IMPORTANT!
+	helper->setHitTestVisible(ribbon->ribbonStackedWidget());  // IMPORTANT!
+#if SARIBBON_ENABLE_SNAP_LAYOUT
+	if (sysBar->closeButton()) {
+		helper->setSystemButton(QWK::WindowAgentBase::Close, sysBar->closeButton());
+	}
+	if (sysBar->minimizeButton()) {
+		helper->setSystemButton(QWK::WindowAgentBase::Minimize, sysBar->minimizeButton());
+	}
+	if (sysBar->maximizeButton()) {
+		helper->setSystemButton(QWK::WindowAgentBase::Maximize, sysBar->maximizeButton());
+	}
+#endif
+#else
+	// 捕获ribbonbar的事件
+	ribbon->installEventFilter(this);
+	// 设置窗体的标题栏高度
+	d_ptr->mFramelessHelper->setTitleHeight(th);
+	d_ptr->mFramelessHelper->setRubberBandOnResize(false);
+#endif
+	if (!d_ptr->mEventFilter) {
+		d_ptr->mEventFilter = new SARibbonMainWindowEventFilter(this);
+		installEventFilter(d_ptr->mEventFilter);
+	}
+	// 最后要提升，否则新加入的会被覆盖
+	if (d_ptr->mWindowButtonGroup) {
+		d_ptr->mWindowButtonGroup->raise();
+	}
+}
+
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+
+/**
+ * @brief 如果ribbon中有自定义的窗口在标题栏等非点击区域加入后，想能点击，需要调用此接口告知可点击
+ * @param w
+ * @param visible
+ */
+void SARibbonMainWindow::setFramelessHitTestVisible(QWidget* w, bool visible)
+{
+	auto helper = d_ptr->mFramelessHelper;
+    helper->setHitTestVisible(const_cast< QWidget* >(w), visible);
+}
+#else
+
+SAFramelessHelper* SARibbonMainWindow::framelessHelper()
+{
+	return (d_ptr->mFramelessHelper);
+}
+
+#endif
+
+bool SARibbonMainWindow::eventFilter(QObject* obj, QEvent* e)
+{
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+#else
+	// 这个过滤是为了把ribbonBar上的动作传递到mainwindow，再传递到frameless，
+	// 由于ribbonbar会遮挡掉frameless的区域，导致frameless无法捕获这些消息
+	// 因此必须ribbonBar()->installEventFilter(this);
+	// 20240101发现installEventFilter后，SARibbonMainWindow没有执行这个回调
+	if (obj == ribbonBar()) {
+		switch (e->type()) {
+		case QEvent::MouseButtonPress:
+		case QEvent::MouseButtonRelease:
+		case QEvent::MouseMove:
+		case QEvent::Leave:
+		case QEvent::HoverMove:
+		case QEvent::MouseButtonDblClick:
+			QApplication::sendEvent(this, e);
+
+		default:
+			break;
+		}
+	}
+#endif
+	return (QMainWindow::eventFilter(obj, e));
+}
+
+/**
+ * @brief 获取系统按钮组，可以在此基础上添加其他按钮
+ * @return
+ */
+SARibbonSystemButtonBar* SARibbonMainWindow::windowButtonBar() const
+{
+	return d_ptr->mWindowButtonGroup;
+}
+
+/**
+ * @brief 此函数仅用于控制最小最大化和关闭按钮的显示
+ */
+void SARibbonMainWindow::updateWindowFlag(Qt::WindowFlags flags)
+{
+	if (SARibbonSystemButtonBar* g = d_ptr->mWindowButtonGroup) {
+		g->updateWindowFlag(flags);
+	}
+}
+
+/**
+ * @brief SARibbonMainWindow::setRibbonTheme
+ *
+ * 注意主题在构造函数设置主题会不完全生效，使用QTimer投放到队列最后执行即可
+ * @code
+ * QTimer::singleShot(0, this, [ this ]() { this->setRibbonTheme(SARibbonMainWindow::RibbonThemeDark); });
+ * @endcode
+ * @param theme
+ */
+void SARibbonMainWindow::setRibbonTheme(SARibbonTheme theme)
+{
+	sa_set_ribbon_theme(this, theme);
+	d_ptr->mCurrentRibbonTheme = theme;
+	if (SARibbonBar* bar = ribbonBar()) {
+		auto theme = ribbonTheme();
+		// 尺寸修正
+		switch (theme) {
+		case SARibbonTheme::RibbonThemeWindows7:
+		case SARibbonTheme::RibbonThemeOffice2013:
+		case SARibbonTheme::RibbonThemeOffice2016Blue:
+		case SARibbonTheme::RibbonThemeDark:
+		case SARibbonTheme::RibbonThemeDark2: {
+			//! 在设置qss后需要针对margin信息重新设置进SARibbonTabBar中
+			//! office2013.qss的margin信息如下设置
+			//! margin-top: 0px;
+			//! margin-right: 0px;
+			//! margin-left: 5px;
+			//! margin-bottom: 0px;
+			SARibbonTabBar* tab = bar->ribbonTabBar();
+			if (!tab) {
+				break;
+			}
+			tab->setTabMargin(QMargins(5, 0, 0, 0));
+		} break;
+		case SARibbonTheme::RibbonThemeOffice2021Blue: {
+			SARibbonTabBar* tab = bar->ribbonTabBar();
+			if (!tab) {
+				break;
+			}
+			//! 在设置qss后需要针对margin信息重新设置进SARibbonTabBar中
+			//! office2021.qss的margin信息如下设置
+			//! margin-top: 0px;
+			//! margin-right: 5px;
+			//! margin-left: 5px;
+			//! margin-bottom: 0px;
+			tab->setTabMargin(QMargins(5, 0, 5, 0));
+		}
+		default:
+			break;
+		}
+		// 上下文标签颜色设置,以及基线颜色设置
+		switch (theme) {
+		case SARibbonTheme::RibbonThemeWindows7:
+		case SARibbonTheme::RibbonThemeOffice2013:
+		case SARibbonTheme::RibbonThemeDark:
+			bar->setContextCategoryColorList(QList< QColor >());  //< 设置空颜色列表会重置为默认色系
+			break;
+		case SARibbonTheme::RibbonThemeOffice2016Blue:
+			bar->setContextCategoryColorList(QList< QColor >() << QColor(18, 64, 120));  //< 设置空颜色列表会重置为默认色系
+			break;
+		case SARibbonTheme::RibbonThemeOffice2021Blue:
+			bar->setContextCategoryColorList(QList< QColor >() << QColor(209, 207, 209));  //< 设置空颜色列表会重置为默认色系
+			break;
+		default:
+			break;
+		}
+		// 基线颜色设置
+		if (SARibbonTheme::RibbonThemeOffice2013 == theme) {
+			bar->setTabBarBaseLineColor(QColor(186, 201, 219));
+		} else {
+			bar->setTabBarBaseLineColor(QColor());
+		}
+	}
+}
+
+SARibbonTheme SARibbonMainWindow::ribbonTheme() const
+{
+	return (d_ptr->mCurrentRibbonTheme);
+}
+
+bool SARibbonMainWindow::isUseRibbon() const
+{
+	return (nullptr != ribbonBar());
+}
+
+/**
+ * @brief 创建ribbonbar的工厂函数
+ *
+ * 用户如果重写了SARibbonBar，可以通过重新此虚函数返回自己的Ribbon实例
+ * @return
+ */
+SARibbonBar* SARibbonMainWindow::createRibbonBar()
+{
+	SARibbonBar* bar = RibbonSubElementFactory->createRibbonBar(this);
+	bar->setContentsMargins(3, 0, 3, 0);
+	return bar;
+}
+
+/**
+ * @brief 主屏幕切换触发的信号
+ * @param screen
+ */
+void SARibbonMainWindow::onPrimaryScreenChanged(QScreen* screen)
+{
+	Q_UNUSED(screen);
+	// 主屏幕切换后，从新计算所有尺寸
+	if (SARibbonBar* bar = ribbonBar()) {
+		qDebug() << "Primary Screen Changed";
+		bar->updateRibbonGeometry();
+	}
+}
+
+void sa_set_ribbon_theme(QWidget* w, SARibbonTheme theme)
+{
+	QFile file;
+	switch (theme) {
+	case SARibbonTheme::RibbonThemeWindows7:
+		file.setFileName(":/theme/resource/theme-win7.qss");
+		break;
+	case SARibbonTheme::RibbonThemeOffice2013:
+		file.setFileName(":/theme/resource/theme-office2013.qss");
+		break;
+	case SARibbonTheme::RibbonThemeOffice2016Blue:
+		file.setFileName(":/theme/resource/theme-office2016-blue.qss");
+		break;
+	case SARibbonTheme::RibbonThemeOffice2021Blue:
+		file.setFileName(":/theme/resource/theme-office2021-blue.qss");
+		break;
+	case SARibbonTheme::RibbonThemeDark:
+		file.setFileName(":/theme/resource/theme-dark.qss");
+		break;
+	case SARibbonTheme::RibbonThemeDark2:
+		file.setFileName(":/theme/resource/theme-dark2.qss");
+		break;
+	default:
+		file.setFileName(":/theme/resource/theme-office2013.qss");
+		break;
+	}
+	if (!file.open(QIODevice::ReadOnly | QIODevice::Text)) {
+		return;
+	}
+	// 有反馈用qstring接住文件内容，再设置进去才能生效（qt5.7版本）
+	QString qss = QString::fromUtf8(file.readAll());
+	w->setStyleSheet(qss);
+}
+
+//----------------------------------------------------
+// SARibbonMainWindowEventFilter
+//----------------------------------------------------
+SARibbonMainWindowEventFilter::SARibbonMainWindowEventFilter(QObject* par) : QObject(par)
+{
+}
+
+SARibbonMainWindowEventFilter::~SARibbonMainWindowEventFilter()
+{
+}
+
+bool SARibbonMainWindowEventFilter::eventFilter(QObject* obj, QEvent* e)
+{
+	if (e) {
+		if (e->type() == QEvent::Resize) {
+			if (SARibbonMainWindow* m = qobject_cast< SARibbonMainWindow* >(obj)) {
+				if (SARibbonBar* ribbon = m->ribbonBar()) {
+					ribbon->setFixedWidth(m->size().width());
+				}
+			}
+		}
+	}
+	return QObject::eventFilter(obj, e);
+}
+
+/*** End of inlined file: SARibbonMainWindow.cpp ***/
+
+/*** Start of inlined file: SARibbonWidget.cpp ***/
+#include <QApplication>
+#include <QDebug>
+#include <QFile>
+#include <QScreen>
+
+/**
+ * @brief The SARibbonWidget::PrivateData class
+ */
+class SARibbonWidget::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonWidget)
+public:
+	PrivateData(SARibbonWidget* p);
+	void installFrameless(SARibbonWidget* p);
+
+public:
+	SARibbonTheme mCurrentRibbonTheme { SARibbonTheme::RibbonThemeOffice2021Blue };
+};
+
+SARibbonWidget::PrivateData::PrivateData(SARibbonWidget* p) : q_ptr(p)
+{
+}
+
+//===================================================
+// SARibbonWidget
+//===================================================
+SARibbonWidget::SARibbonWidget(QWidget* parent) : QWidget(parent), d_ptr(new SARibbonWidget::PrivateData(this))
+{
+	// 直接创建SARibbonBar
+	QVBoxLayout* verticalLayout = new QVBoxLayout(this);
+	verticalLayout->setSpacing(1);
+	verticalLayout->setObjectName("verticalLayout");
+	verticalLayout->setContentsMargins(0, 0, 0, 0);
+	SARibbonBar* ribbon = new SARibbonBar(this);
+	setRibbonBar(ribbon);
+	connect(qApp, &QApplication::primaryScreenChanged, this, &SARibbonWidget::onPrimaryScreenChanged);
+}
+
+SARibbonWidget::~SARibbonWidget()
+{
+}
+
+/**
+ * @brief 返回ribbonbar，如果不是使用ribbon模式，返回nullptr
+ * @return
+ */
+SARibbonBar* SARibbonWidget::ribbonBar() const
+{
+	QLayout* lay = layout();
+	if (lay) {
+		return qobject_cast< SARibbonBar* >(lay->menuBar());
+	}
+	return nullptr;
+}
+
+/**
+ * @brief 设置ribbonbar
+ * @param bar
+ */
+void SARibbonWidget::setRibbonBar(SARibbonBar* bar)
+{
+	QLayout* lay = layout();
+	if (lay) {
+		lay->setMenuBar(bar);
+	}
+}
+
+/**
+ * @brief SARibbonMainWindow::setRibbonTheme
+ *
+ * 注意主题在构造函数设置主题会不完全生效，使用QTimer投放到队列最后执行即可
+ * @code
+ * QTimer::singleShot(0, this, [ this ]() { this->setRibbonTheme(SARibbonMainWindow::RibbonThemeDark); });
+ * @endcode
+ * @param theme
+ */
+void SARibbonWidget::setRibbonTheme(SARibbonTheme theme)
+{
+	sa_set_ribbon_theme(this, theme);
+	d_ptr->mCurrentRibbonTheme = theme;
+	if (SARibbonBar* bar = ribbonBar()) {
+		auto theme = ribbonTheme();
+		// 尺寸修正
+		switch (theme) {
+		case SARibbonTheme::RibbonThemeWindows7:
+		case SARibbonTheme::RibbonThemeOffice2013:
+		case SARibbonTheme::RibbonThemeOffice2016Blue:
+		case SARibbonTheme::RibbonThemeDark:
+		case SARibbonTheme::RibbonThemeDark2: {
+			//! 在设置qss后需要针对margin信息重新设置进SARibbonTabBar中
+			//! office2013.qss的margin信息如下设置
+			//! margin-top: 0px;
+			//! margin-right: 0px;
+			//! margin-left: 5px;
+			//! margin-bottom: 0px;
+			SARibbonTabBar* tab = bar->ribbonTabBar();
+			if (!tab) {
+				break;
+			}
+			tab->setTabMargin(QMargins(5, 0, 0, 0));
+		} break;
+		case SARibbonTheme::RibbonThemeOffice2021Blue: {
+			SARibbonTabBar* tab = bar->ribbonTabBar();
+			if (!tab) {
+				break;
+			}
+			//! 在设置qss后需要针对margin信息重新设置进SARibbonTabBar中
+			//! office2021.qss的margin信息如下设置
+			//! margin-top: 0px;
+			//! margin-right: 5px;
+			//! margin-left: 5px;
+			//! margin-bottom: 0px;
+			tab->setTabMargin(QMargins(5, 0, 5, 0));
+		}
+		default:
+			break;
+		}
+		// 上下文标签颜色设置,以及基线颜色设置
+		switch (theme) {
+		case SARibbonTheme::RibbonThemeWindows7:
+		case SARibbonTheme::RibbonThemeOffice2013:
+		case SARibbonTheme::RibbonThemeDark:
+			bar->setContextCategoryColorList(QList< QColor >());  //< 设置空颜色列表会重置为默认色系
+			break;
+		case SARibbonTheme::RibbonThemeOffice2016Blue:
+			bar->setContextCategoryColorList(QList< QColor >() << QColor(18, 64, 120));  //< 设置空颜色列表会重置为默认色系
+			break;
+		case SARibbonTheme::RibbonThemeOffice2021Blue:
+			bar->setContextCategoryColorList(QList< QColor >() << QColor(209, 207, 209));  //< 设置空颜色列表会重置为默认色系
+			break;
+		default:
+			break;
+		}
+		// 基线颜色设置
+		if (SARibbonTheme::RibbonThemeOffice2013 == theme) {
+			bar->setTabBarBaseLineColor(QColor(186, 201, 219));
+		} else {
+			bar->setTabBarBaseLineColor(QColor());
+		}
+	}
+}
+
+SARibbonTheme SARibbonWidget::ribbonTheme() const
+{
+	return (d_ptr->mCurrentRibbonTheme);
+}
+
+bool SARibbonWidget::isUseRibbon() const
+{
+	return (nullptr != ribbonBar());
+}
+
+/**
+   @brief 设置窗口
+
+   @param 窗口指针
+   @note 窗口的所有权归SARibbonWidget管理
+   @sa widget
+   @note 原来设置的窗口会被delete
+ */
+void SARibbonWidget::setWidget(QWidget* w)
+{
+	QWidget* oldwidget = takeWidget();
+	if (oldwidget) {
+		oldwidget->hide();
+		oldwidget->deleteLater();
+	}
+	if (QLayout* lay = layout()) {
+		lay->addWidget(w);
+	}
+}
+
+/**
+   @brief 获取设置的窗口
+
+    @return 如果没有，返回nullptr
+ */
+QWidget* SARibbonWidget::widget() const
+{
+	QLayout* lay = layout();
+	if (lay) {
+		if (lay->count() == 0) {
+			return nullptr;
+		}
+		return lay->itemAt(0)->widget();
+	}
+	return nullptr;
+}
+
+QWidget* SARibbonWidget::takeWidget()
+{
+	QLayout* lay = layout();
+	if (nullptr == lay) {
+		return nullptr;
+	}
+	if (lay->count() == 0) {
+		return nullptr;
+	}
+	auto item = lay->itemAt(0);
+	if (nullptr == item) {
+		return nullptr;
+	}
+	lay->removeItem(item);
+	auto w = item->widget();
+	delete item;
+	if (!w) {
+		return nullptr;
+	}
+	return w;
+}
+
+/**
+ * @brief 主屏幕切换触发的信号
+ * @param screen
+ */
+void SARibbonWidget::onPrimaryScreenChanged(QScreen* screen)
+{
+	Q_UNUSED(screen);
+	// 主屏幕切换后，从新计算所有尺寸
+	if (SARibbonBar* bar = ribbonBar()) {
+		qDebug() << "Primary Screen Changed";
+		bar->updateRibbonGeometry();
+	}
+}
+
+/*** End of inlined file: SARibbonWidget.cpp ***/
+
+#ifdef _MSC_VER
+#pragma warning(pop)
+#pragma pop_macro("_CRT_SECURE_NO_WARNINGS")
+#endif
diff --git a/gui/SARibbon/src/SARibbon.h b/gui/SARibbon/src/SARibbon.h
new file mode 100644
index 0000000..bc1993c
--- /dev/null
+++ b/gui/SARibbon/src/SARibbon.h
@@ -0,0 +1,3778 @@
+#ifndef SA_RIBBON_H
+#define SA_RIBBON_H
+// 定义此宏，将SA_RIBBON_EXPORT定义为空
+#ifndef SA_RIBBON_BAR_NO_EXPORT
+#define SA_RIBBON_BAR_NO_EXPORT
+#endif
+// 定义此宏，将SA_COLOR_WIDGETS_API定义为空
+#ifndef SA_COLOR_WIDGETS_NO_DLL
+#define SA_COLOR_WIDGETS_NO_DLL
+#endif
+
+/*** Start of inlined file: SARibbonAmalgamTemplatePublicHeaders.h ***/
+// Global
+
+/*** Start of inlined file: SAColorWidgetsGlobal.h ***/
+#ifndef SACOLORWIDGETSGLOBAL_H
+#define SACOLORWIDGETSGLOBAL_H
+#include <QScopedPointer>
+
+/**
+ * @def color-widgets的数字版本 MAJ.MIN.PAT
+ */
+#ifndef SA_COLOR_WIDGETS_VERSION_MAJ
+#define SA_COLOR_WIDGETS_VERSION_MAJ 0
+#endif
+/**
+ * @def color-widgets的数字版本 MAJ.MIN.PAT
+ */
+#ifndef SA_COLOR_WIDGETS_VERSION_MIN
+#define SA_COLOR_WIDGETS_VERSION_MIN 1
+#endif
+/**
+ * @def color-widgets的数字版本 MAJ.MIN.PAT
+ */
+#ifndef SA_COLOR_WIDGETS_VERSION_PAT
+#define SA_COLOR_WIDGETS_VERSION_PAT 0
+#endif
+
+/**
+ * @def   模仿Q_DECLARE_PRIVATE，但不用前置声明而是作为一个内部类
+ */
+#ifndef SA_COLOR_WIDGETS_DECLARE_PRIVATE
+#define SA_COLOR_WIDGETS_DECLARE_PRIVATE(classname)                                                                    \
+	class PrivateData;                                                                                                 \
+	friend class classname::PrivateData;                                                                               \
+	QScopedPointer< PrivateData > d_ptr;
+#endif
+/**
+ * @def   模仿Q_DECLARE_PUBLIC
+ */
+#ifndef SA_COLOR_WIDGETS_DECLARE_PUBLIC
+#define SA_COLOR_WIDGETS_DECLARE_PUBLIC(classname)                                                                     \
+	friend class classname;                                                                                            \
+	classname* q_ptr { nullptr };
+#endif
+
+#ifndef SA_COLOR_WIDGETS_NO_DLL
+#if defined(SA_COLOR_WIDGETS_MAKE_LIB)  // 定义此宏将构建library
+#ifndef SA_COLOR_WIDGETS_API
+#define SA_COLOR_WIDGETS_API Q_DECL_EXPORT
+#endif
+#else
+#ifndef SA_COLOR_WIDGETS_API
+#define SA_COLOR_WIDGETS_API Q_DECL_IMPORT
+#endif
+#endif
+#else
+#ifndef SA_COLOR_WIDGETS_API
+#define SA_COLOR_WIDGETS_API
+#endif
+#endif
+
+#endif  // SACOLORWIDGETSGLOBAL_H
+
+/*** End of inlined file: SAColorWidgetsGlobal.h ***/
+
+/*** Start of inlined file: SARibbonBarVersionInfo.h ***/
+#ifndef SARIBBONVERSIONINFO_H
+#define SARIBBONVERSIONINFO_H
+/**
+ * @file 此文档由cmake根据SARibbonBarVersionInfo.h.in自动生成，任何在此文件上的改动都将覆写
+ */
+
+/**
+ * @def ribbon的数字版本 {MAJ}.MIN.PAT
+ */
+#ifndef SA_RIBBON_BAR_VERSION_MAJ
+#define SA_RIBBON_BAR_VERSION_MAJ 2
+#endif
+/**
+ * @def ribbon的数字版本 MAJ.{MIN}.PAT
+ */
+#ifndef SA_RIBBON_BAR_VERSION_MIN
+#define SA_RIBBON_BAR_VERSION_MIN 2
+#endif
+/**
+ * @def ribbon的数字版本 MAJ.MIN.{PAT}
+ */
+#ifndef SA_RIBBON_BAR_VERSION_PAT
+#define SA_RIBBON_BAR_VERSION_PAT 5
+#endif
+
+/**
+ * @def 版本号（字符串）
+ */
+#ifndef SARIBBON_VERSION
+#define SARIBBON_VERSION "2.2.5"
+#endif
+
+#endif  // SARIBBONVERSIONINFO_H
+
+/*** End of inlined file: SARibbonBarVersionInfo.h ***/
+
+/*** Start of inlined file: SARibbonGlobal.h ***/
+#ifndef SARIBBONGLOBAL_H
+#define SARIBBONGLOBAL_H
+#include <memory>
+#include <QtGlobal>
+#include <QObject>
+
+class QWidget;
+
+#ifndef SA_RIBBON_BAR_NO_EXPORT
+#if defined(SA_RIBBON_BAR_MAKE_LIB)  // 定义此宏将构建library
+#define SA_RIBBON_EXPORT Q_DECL_EXPORT
+#else
+#define SA_RIBBON_EXPORT Q_DECL_IMPORT
+#endif
+#endif
+#ifndef SA_RIBBON_EXPORT
+#define SA_RIBBON_EXPORT
+#endif
+
+/**
+ * @def   模仿Q_DECLARE_PRIVATE，但不用前置声明而是作为一个内部类
+ */
+#ifndef SA_RIBBON_DECLARE_PRIVATE
+#define SA_RIBBON_DECLARE_PRIVATE(classname)                                                                           \
+	class PrivateData;                                                                                                 \
+	friend class classname::PrivateData;                                                                               \
+	std::unique_ptr< PrivateData > d_ptr;
+#endif
+/**
+ * @def   模仿Q_DECLARE_PUBLIC
+ */
+#ifndef SA_RIBBON_DECLARE_PUBLIC
+#define SA_RIBBON_DECLARE_PUBLIC(classname)                                                                            \
+	friend class classname;                                                                                            \
+	classname* q_ptr { nullptr };                                                                                      \
+	PrivateData(const PrivateData&)            = delete;                                                               \
+	PrivateData& operator=(const PrivateData&) = delete;
+#endif
+
+/**
+ * @brief 定义Ribbon的对其方式，目前支持左对齐和居中对其
+ *
+ * @note 如果你编译器提示：成员声明的限定名称非法，那么留意一下文件换行是否为LF，如果是把文件换行改为CRLF
+ */
+enum class SARibbonAlignment
+{
+	AlignLeft,   ///< 左对齐，tab栏左对齐，同时category也是左对齐
+	AlignCenter  ///< 居中对其，tab栏居中对齐，同时category也是居中对齐
+};
+
+/**
+ * @brief ribbon主题
+ *
+ * 注意，由于有些qss的尺寸，在C++代码中无法获取到，因此针对用户自定义的qss主题，有些尺寸是需要手动设置进去的
+ *
+ * 例如ribbon tab的margin信息，在QTabBar是无法获取到，而这个影响了SARibbonContextCategory的绘制，
+ * 因此，在设置qss后需要针对margin信息重新设置进SARibbonTabBar中
+ */
+enum class SARibbonTheme
+{
+	RibbonThemeOffice2013,      ///< office2013主题
+	RibbonThemeOffice2016Blue,  ///< office2016-蓝色主题
+	RibbonThemeOffice2021Blue,  ///< office2021-蓝色主题
+	RibbonThemeWindows7,        ///< win7主题
+	RibbonThemeDark,            ///< 暗色主题
+	RibbonThemeDark2
+};
+
+/**
+ * @def 属性，用于标记是否可以进行自定义，用于动态设置到@ref SARibbonCategory 和@ref SARibbonPannel
+ * 值为bool，在为true时，可以通过@ref SARibbonCustomizeWidget 改变这个SARibbonCategory和SARibbonPannel的布局，
+ * 默认不会有此属性，仅在有此属性且为true时才会在SARibbonCustomizeWidget中能显示为可设置
+ */
+#ifndef SA_RIBBON_BAR_PROP_CAN_CUSTOMIZE
+#define SA_RIBBON_BAR_PROP_CAN_CUSTOMIZE "_sa_isCanCustomize"
+#endif
+
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 11, 0))
+#ifndef SA_FONTMETRICS_WIDTH
+#define SA_FONTMETRICS_WIDTH(fm, str) fm.horizontalAdvance(str)
+#endif
+#else
+#ifndef SA_FONTMETRICS_WIDTH
+#define SA_FONTMETRICS_WIDTH(fm, str) fm.width(str)
+#endif
+#endif
+
+#if (QT_VERSION >= QT_VERSION_CHECK(6, 0, 0))
+#ifndef SA_MOUSEEVENT_GLOBALPOS_POINT
+#define SA_MOUSEEVENT_GLOBALPOS_POINT(MouseEventPtr) MouseEventPtr->globalPosition().toPoint()
+#endif
+#else
+#ifndef SA_MOUSEEVENT_GLOBALPOS_POINT
+#define SA_MOUSEEVENT_GLOBALPOS_POINT(MouseEventPtr) MouseEventPtr->globalPos()
+#endif
+#endif
+
+#if (QT_VERSION >= QT_VERSION_CHECK(6, 0, 0))
+#ifndef SA_HOVEREVENT_POS_POINT
+#define SA_HOVEREVENT_POS_POINT(HoverEventPtr) HoverEventPtr->position().toPoint()
+#endif
+#else
+#ifndef SA_HOVEREVENT_POS_POINT
+#define SA_HOVEREVENT_POS_POINT(HoverEventPtr) HoverEventPtr->pos()
+#endif
+#endif
+
+/**
+  @def 定义此宏，将打印和尺寸刷新相关的信息
+
+    仅用于调试
+ */
+#ifndef SA_DEBUG_PRINT_SIZE_HINT
+#define SA_DEBUG_PRINT_SIZE_HINT 0
+#endif
+
+/**
+  @def 定义此宏，将打印事件
+
+    仅用于调试
+ */
+#ifndef SA_DEBUG_PRINT_EVENT
+#define SA_DEBUG_PRINT_EVENT 0
+#endif
+
+/**
+  @def 定义此宏，qDebug将支持SARibbonBar的属性打印
+
+    仅用于调试
+ */
+#ifndef SA_DEBUG_PRINT_SARIBBONBAR
+#define SA_DEBUG_PRINT_SARIBBONBAR 0
+#endif
+
+/**
+ * @brief 全局的设置ribbon theme函数
+ *
+ * 之所以提供此函数，是因为在某些情况下，SARibbonBar不用在SARibbonMainWindow情况下的时候，也需要设置主题，
+ * 但主题设置是在SARibbonMainWindow下的为了能在非SARibbonMainWindow下也能设置主题，这里提供@sa sa_set_ribbon_theme函数，
+ * 可以这样使用：
+ * @code
+ * @endcode
+ *
+ * @param w
+ * @param theme
+ */
+void SA_RIBBON_EXPORT sa_set_ribbon_theme(QWidget* w, SARibbonTheme theme);
+
+#endif  // SARIBBONGLOBAL_H
+
+/*** End of inlined file: SARibbonGlobal.h ***/
+
+// color widget
+
+/*** Start of inlined file: SAColorMenu.h ***/
+#ifndef SACOLORMENU_H
+#define SACOLORMENU_H
+#include <QMenu>
+
+class QWidgetAction;
+class SAColorPaletteGridWidget;
+class SAColorGridWidget;
+class SAColorToolButton;
+/**
+ * @brief 标准颜色菜单
+ */
+class SA_COLOR_WIDGETS_API SAColorMenu : public QMenu
+{
+	Q_OBJECT
+	SA_COLOR_WIDGETS_DECLARE_PRIVATE(SAColorMenu)
+public:
+	explicit SAColorMenu(QWidget* parent = nullptr);
+	explicit SAColorMenu(const QString& title, QWidget* parent = nullptr);
+	~SAColorMenu();
+	// 快速绑定colorbtn
+	void bindToColorToolButton(SAColorToolButton* btn);
+	// ThemeColorsPalette对应的action
+	QWidgetAction* themeColorsPaletteAction() const;
+	// CustomColorsWidget对应的action
+	QWidgetAction* getCustomColorsWidgetAction() const;
+	// 自定义颜色action
+	QAction* customColorAction() const;
+	// 获取ThemeColorsPalette
+	SAColorPaletteGridWidget* colorPaletteGridWidget() const;
+	// 获取自定义颜色grid
+	SAColorGridWidget* customColorsWidget() const;
+	// 构建无颜色action，默认无颜色action是没有的
+	void enableNoneColorAction(bool on = true);
+	// 获取None Color Action,注意，enableNoneColorAction(true),之后才不是nullptr
+	QAction* noneColorAction() const;
+public Q_SLOTS:
+	// 这是一个辅助槽函数，为了让用户自定义的其他action也能关联menu，可以调用此槽函数，实现selectedColor信号以及menu的隐藏
+	void emitSelectedColor(const QColor& c);
+Q_SIGNALS:
+	/**
+	 * @brief 选择了颜色触发的信号
+	 * @param c
+	 */
+	void selectedColor(const QColor& c);
+private Q_SLOTS:
+	void onCustomColorActionTriggered(bool on);
+	void onNoneColorActionTriggered(bool on);
+
+private:
+	void init(const QList< QColor >& themeCls);
+};
+
+#endif  // SACOLORMENU_H
+
+/*** End of inlined file: SAColorMenu.h ***/
+
+/*** Start of inlined file: SAColorGridWidget.h ***/
+#ifndef SACOLORGRIDWIDGET_H
+#define SACOLORGRIDWIDGET_H
+#include <QWidget>
+#include <functional>
+
+class QAbstractButton;
+class SAColorToolButton;
+/**
+ * @brief 一个grid的Color布局
+ *
+ * 一个形如下面的颜色grid：
+ *
+ * □□□□□□□□□
+ *
+ * □□□□□□□□□
+ *
+ * □□□□□□□□□
+ */
+class SA_COLOR_WIDGETS_API SAColorGridWidget : public QWidget
+{
+	Q_OBJECT
+	SA_COLOR_WIDGETS_DECLARE_PRIVATE(SAColorGridWidget)
+	Q_PROPERTY(int spacing READ spacing WRITE setSpacing)
+public:
+	using FunColorBtn = std::function< void(SAColorToolButton*) >;
+
+public:
+	SAColorGridWidget(QWidget* par = nullptr);
+	~SAColorGridWidget();
+	// 设置列数，行数量会根据列数量来匹配,如果设置-1或者0，说明不限定列数量，这样会只有一行
+	void setColumnCount(int c);
+	int columnCount() const;
+	// 设置当前的颜色列表
+	void setColorList(const QList< QColor >& cls);
+	QList< QColor > getColorList() const;
+	// 间隔
+	int spacing() const;
+	void setSpacing(int v);
+	// 获取颜色的数量
+	int colorCount() const;
+	// 图标的尺寸
+	void setColorIconSize(const QSize& s);
+	QSize colorIconSize() const;
+	// 设置颜色是否是checkable
+	void setColorCheckable(bool on = true);
+	bool isColorCheckable() const;
+	// 获取当前选中的颜色
+	QColor currentCheckedColor() const;
+	// 获取index对于的colorbutton
+	SAColorToolButton* colorButton(int index) const;
+	// 垂直间距
+	void setVerticalSpacing(int v);
+	int verticalSpacing() const;
+	// 水平间距
+	void setHorizontalSpacing(int v);
+	int horizontalSpacing() const;
+	// 清除当前选中状态，这时没有颜色是选中的
+	void clearCheckedState();
+	// 对所有的colorbtn就行遍历处理，可以通过此函数进行tooltip设置等操作
+	void iterationColorBtns(FunColorBtn fn);
+	// 设置行最小高度
+	void setRowMinimumHeight(int row, int minSize);
+	// 让颜色块左对齐
+	void setHorizontalSpacerToRight(bool on = true);
+private Q_SLOTS:
+	void onButtonClicked(QAbstractButton* btn);
+	void onButtonPressed(QAbstractButton* btn);
+	void onButtonReleased(QAbstractButton* btn);
+	void onButtonToggled(QAbstractButton* btn, bool on);
+
+Q_SIGNALS:
+	/**
+	 * @brief 对于check模式，check的颜色触发的信号
+	 * @param c
+	 * @param on
+	 */
+	void colorClicked(const QColor& c);
+	void colorPressed(const QColor& c);
+	void colorReleased(const QColor& c);
+	void colorToggled(const QColor& c, bool on);
+
+public:
+	virtual QSize sizeHint() const Q_DECL_OVERRIDE;
+};
+namespace SA
+{
+/**
+ * @brief 获取标准色列表（一共10种颜色）
+ * @return
+ */
+SA_COLOR_WIDGETS_API QList< QColor > getStandardColorList();
+}
+#endif  // SACOLORGRIDWIDGET_H
+
+/*** End of inlined file: SAColorGridWidget.h ***/
+
+/*** Start of inlined file: SAColorPaletteGridWidget.h ***/
+#ifndef SACOLORPALETTEGRIDWIDGET_H
+#define SACOLORPALETTEGRIDWIDGET_H
+#include <QWidget>
+
+class QMenu;
+class SAColorToolButton;
+/**
+ * @brief 类似office的颜色选择窗口，有一排标准色，下面有一个颜色板，有3行浅色，有2行深色
+ */
+class SA_COLOR_WIDGETS_API SAColorPaletteGridWidget : public QWidget
+{
+	Q_OBJECT
+	SA_COLOR_WIDGETS_DECLARE_PRIVATE(SAColorPaletteGridWidget)
+public:
+	SAColorPaletteGridWidget(QWidget* par = nullptr);
+	SAColorPaletteGridWidget(const QList< QColor >& cls, QWidget* par = nullptr);
+	~SAColorPaletteGridWidget();
+	// 设置窗口维护的colorList
+	void setColorList(const QList< QColor >& cls);
+	QList< QColor > colorList() const;
+	// 设置颜色深浅比例factor，默认为{ 180, 160, 140, 75, 50 }
+	void setFactor(const QList< int >& factor);
+	QList< int > factor() const;
+	// 设置iconsize
+	void setColorIconSize(const QSize& s);
+	QSize colorIconSize() const;
+	// 设置颜色是否是checkable
+	void setColorCheckable(bool on = true);
+	bool isColorCheckable() const;
+private Q_SLOTS:
+	void onMainColorClicked(const QColor& c);
+	void onPaletteColorClicked(const QColor& c);
+
+private:
+	void init();
+Q_SIGNALS:
+	/**
+	 * @brief 对于check模式，check的颜色触发的信号
+	 * @param c
+	 * @param on
+	 */
+	void colorClicked(const QColor& c);
+};
+
+#endif  // SACOLORPALETTEGRIDWIDGET_H
+
+/*** End of inlined file: SAColorPaletteGridWidget.h ***/
+
+/*** Start of inlined file: SAColorToolButton.h ***/
+#ifndef SACOLORTOOLBUTTON_H
+#define SACOLORTOOLBUTTON_H
+#include <QToolButton>
+
+class QPaintEvent;
+class QResizeEvent;
+class QPainter;
+class QStylePainter;
+class SAColorMenu;
+/**
+ * @brief 这是一个只显示颜色的toolbutton
+ *
+ *
+ * 在ToolButtonIconOnly模式下，如果没有setIcon,则颜色占用所有区域，如下图所示
+ *
+ * ┌─────┐
+ * │color│
+ * └─────┘
+ *
+ * 如果在ToolButtonIconOnly模式下有图标，图标在上面显示，下面显示颜色，如下图所示
+ *
+ * ┌─────┐
+ * │icon │
+ * │color│
+ * └─────┘
+ *
+ * 在ToolButtonTextBesideIcon，ToolButtonTextUnderIcon下，setIconSize 可以指定颜色的大小，
+ * 但只在ToolButtonTextBesideIcon，ToolButtonTextUnderIcon下有效
+ *
+ * 如果没有设置图标，也就是setIcon(QIcon()),iconSize作为颜色块的大小
+ *
+ * ┌─────────┐
+ * │┌─┐      │
+ * │└─┘      │
+ * └─────────┘
+ *
+ * 如果有图标，颜色条会在图标下方，为图标高度的1/4 为图标宽度一致，如若超过控件的大小，会自动缩小体积
+ *
+ */
+class SA_COLOR_WIDGETS_API SAColorToolButton : public QToolButton
+{
+	Q_OBJECT
+	SA_COLOR_WIDGETS_DECLARE_PRIVATE(SAColorToolButton)
+public:
+	/**
+	 * @brief 颜色按钮的内置样式
+	 * @param parent
+	 * @return
+	 */
+	enum ColorToolButtonStyle
+	{
+		WithColorMenu,  ///< 默认会构建一个SAColorMenu
+		NoColorMenu     ///< 没有ColorMenu
+	};
+
+public:
+	explicit SAColorToolButton(QWidget* parent = nullptr);
+	explicit SAColorToolButton(ColorToolButtonStyle style, QWidget* parent = nullptr);
+	~SAColorToolButton();
+	// 获取颜色
+	QColor color() const;
+	// 设置Margins
+	void setMargins(const QMargins& mg);
+	QMargins margins() const;
+	// 绘制无颜色
+	static void paintNoneColor(QPainter* p, const QRect& colorRect);
+	// 设置颜色按钮的样式
+	void setColorToolButtonStyle(ColorToolButtonStyle s);
+	ColorToolButtonStyle colorToolButtonStyle() const;
+	// 获取colorMenu，注意，这个函数很有可能会返回nullptr，如果ColorToolButtonStyle设置为NoColorMenu或者自己设置了菜单，此函数返回nullptr
+	SAColorMenu* colorMenu() const;
+	// 建立标准的颜色菜单
+	SAColorMenu* createColorMenu();
+public Q_SLOTS:
+	// 设置颜色,会发射colorChanged信号
+	void setColor(const QColor& c);
+
+protected:
+	// 获取关键的三个rect位置
+	virtual void calcRect(const QStyleOptionToolButton& opt, QRect& iconRect, QRect& textRect, QRect& colorRect);
+	virtual void paintButton(QStylePainter* p, const QStyleOptionToolButton& opt);
+	virtual void paintIcon(QStylePainter* p, const QRect& iconRect, const QStyleOptionToolButton& opt);
+	virtual void paintText(QStylePainter* p, const QRect& textRect, const QStyleOptionToolButton& opt);
+	virtual void paintColor(QStylePainter* p, const QRect& colorRect, const QColor& color, const QStyleOptionToolButton& opt);
+
+protected:
+	virtual void paintEvent(QPaintEvent* e) Q_DECL_OVERRIDE;
+	virtual void resizeEvent(QResizeEvent* e) Q_DECL_OVERRIDE;
+	virtual QSize sizeHint() const Q_DECL_OVERRIDE;
+private Q_SLOTS:
+	void onButtonClicked(bool checked = false);
+Q_SIGNALS:
+	/**
+	 * @brief 颜色被点击的响应
+	 * @param color
+	 */
+	void colorClicked(const QColor& color, bool checked = false);
+	/**
+	 * @brief 颜色改变信号
+	 * @param color
+	 */
+	void colorChanged(const QColor& color);
+};
+
+#endif  // SACOLORTOOLBUTTON_H
+
+/*** End of inlined file: SAColorToolButton.h ***/
+
+// sa ribbon
+
+/*** Start of inlined file: SAFramelessHelper.h ***/
+#ifndef SAFRAMELESSHELPER_H
+#define SAFRAMELESSHELPER_H
+
+#include <QObject>
+
+class QWidget;
+
+class SA_RIBBON_EXPORT SAFramelessHelper : public QObject
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SAFramelessHelper)
+	friend class SAPrivateFramelessWidgetData;
+
+public:
+	explicit SAFramelessHelper(QObject* parent);
+	~SAFramelessHelper();
+	// 激活窗体
+	void activateOn(QWidget* topLevelWidget);
+
+	// 移除窗体
+	void removeFrom(QWidget* topLevelWidget);
+
+	// 设置窗体移动
+	void setWidgetMovable(bool movable);
+
+	// 设置窗体缩放
+	void setWidgetResizable(bool resizable);
+
+	// 设置橡皮筋移动
+	void setRubberBandOnMove(bool movable);
+
+	// 设置橡皮筋缩放
+	void setRubberBandOnResize(bool resizable);
+
+	// 设置边框的宽度
+	void setBorderWidth(int width);
+
+	// 设置标题栏高度
+	void setTitleHeight(int height);
+	bool widgetResizable();
+	bool widgetMovable();
+	bool rubberBandOnMove();
+	bool rubberBandOnResisze();
+	uint borderWidth();
+	uint titleHeight();
+
+protected:
+	// 事件过滤，进行移动、缩放等
+	virtual bool eventFilter(QObject* obj, QEvent* event);
+};
+
+#endif  // FRAMELESSHELPER_H
+
+/*** End of inlined file: SAFramelessHelper.h ***/
+
+/*** Start of inlined file: SARibbonApplicationButton.h ***/
+#ifndef SARIBBONAPPLICATIONBUTTON_H
+#define SARIBBONAPPLICATIONBUTTON_H
+#include <QToolButton>
+
+/**
+ * @brief The SARibbonApplicationButton class
+ *
+ * 默认的plicationButton,可以通过样式指定不一样的ApplicationButton
+ */
+class SA_RIBBON_EXPORT SARibbonApplicationButton : public QToolButton
+{
+	Q_OBJECT
+public:
+	explicit SARibbonApplicationButton(QWidget* parent = nullptr);
+	explicit SARibbonApplicationButton(const QString& text, QWidget* parent = nullptr);
+	explicit SARibbonApplicationButton(const QIcon& icon, const QString& text, QWidget* parent = nullptr);
+	~SARibbonApplicationButton();
+};
+
+#endif  // SARIBBONAPPLICATIONBUTTON_H
+
+/*** End of inlined file: SARibbonApplicationButton.h ***/
+
+/*** Start of inlined file: SARibbonSystemButtonBar.h ***/
+#ifndef SARIBBONSYSTEMBUTTONBAR_H
+#define SARIBBONSYSTEMBUTTONBAR_H
+
+#include <QFrame>
+#include <QToolButton>
+
+/**
+ * @brief 窗口的最大最小化按钮
+ * @note 内部有个SARibbonButtonGroupWidget，其ObjectName = SASystemButtonGroup
+ * 如果需要qss，可以进行特化处理:
+ *
+ * @code
+ * SARibbonButtonGroupWidget#SASystemButtonGroup
+ * @endcode
+ *
+ */
+class SA_RIBBON_EXPORT SARibbonSystemButtonBar : public QFrame
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonSystemButtonBar)
+public:
+	explicit SARibbonSystemButtonBar(QWidget* parent);
+	explicit SARibbonSystemButtonBar(QWidget* parent, Qt::WindowFlags flags);
+	~SARibbonSystemButtonBar();
+	void setupMinimizeButton(bool on);
+	void setupMaximizeButton(bool on);
+	void setupCloseButton(bool on);
+	// 以最顶层的widget的WindowFlag作为WindowFlag
+	void updateWindowFlag();
+	void updateWindowFlag(Qt::WindowFlags flags);
+	// 设置按钮的宽度比例,最终按钮宽度将按照此比例进行设置
+	void setButtonWidthStretch(int close = 4, int max = 3, int min = 3);
+	// 标题栏高度
+	void setWindowTitleHeight(int h);
+	int windowTitleHeight() const;
+	// 设置标准系统按钮的宽度
+	void setWindowButtonWidth(int w);
+	int windowButtonWidth() const;
+	// 设置Qt::WindowStates
+	void setWindowStates(Qt::WindowStates s);
+	// 仅获取按钮的状态
+	Qt::WindowFlags windowButtonFlags() const;
+	// 三个标准系统窗口按钮
+	QAbstractButton* minimizeButton() const;
+	QAbstractButton* maximizeButton() const;
+	QAbstractButton* closeButton() const;
+
+	// 图标尺寸
+	void setIconSize(const QSize& ic);
+	QSize iconSize() const;
+	// 生成并添加一个action
+	QAction* addAction(QAction* a,
+					   Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+					   QToolButton::ToolButtonPopupMode popMode = QToolButton::DelayedPopup);
+	QAction* addAction(const QString& text,
+					   const QIcon& icon,
+					   Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+					   QToolButton::ToolButtonPopupMode popMode = QToolButton::DelayedPopup);
+	QAction* addMenu(QMenu* menu,
+					 Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+					 QToolButton::ToolButtonPopupMode popMode = QToolButton::InstantPopup);
+	QAction* addSeparator();
+	QAction* addWidget(QWidget* w);
+
+	virtual QSize sizeHint() const Q_DECL_OVERRIDE;
+	// 捕获mainwindow的事件
+	bool eventFilter(QObject* obj, QEvent* event) override;
+
+protected:
+	virtual void resizeEvent(QResizeEvent* e) Q_DECL_OVERRIDE;
+
+protected Q_SLOTS:
+	Q_SLOT void closeWindow();
+	Q_SLOT void minimizeWindow();
+	Q_SLOT void maximizeWindow();
+};
+
+/**
+ * @brief The SARibbonSystemToolButton class
+ */
+class SARibbonSystemToolButton : public QToolButton
+{
+	Q_OBJECT
+public:
+	SARibbonSystemToolButton(QWidget* p = nullptr);
+};
+
+#endif  // SARIBBONSYSTEMBUTTONBAR_H
+
+/*** End of inlined file: SARibbonSystemButtonBar.h ***/
+
+/*** Start of inlined file: SARibbonToolButton.h ***/
+#ifndef SARIBBONTOOLBUTTON_H
+#define SARIBBONTOOLBUTTON_H
+
+#include <QToolButton>
+#include <QDebug>
+/**
+ * @brief Ribbon界面适用的toolButton
+ *
+ * 相对于普通toolbutton，主要多了两个类型设置，@ref setButtonType 和 @ref setLargeButtonType
+ *
+ * @note @sa setIconSize 函数不在起作用，iconsize是根据当前尺寸动态调整的
+ */
+class SA_RIBBON_EXPORT SARibbonToolButton : public QToolButton
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonToolButton)
+public:
+	/**
+	 * @brief 按钮样式
+	 */
+	enum RibbonButtonType
+	{
+		LargeButton,
+		SmallButton
+	};
+	Q_ENUM(RibbonButtonType)
+
+public:
+	explicit SARibbonToolButton(QWidget* parent = nullptr);
+	explicit SARibbonToolButton(QAction* defaultAction, QWidget* parent = nullptr);
+	~SARibbonToolButton();
+	// 标记按钮的样式，按钮的样式有不同的渲染方式
+	RibbonButtonType buttonType() const;
+	void setButtonType(const RibbonButtonType& buttonType);
+	// 是否是小按钮
+	bool isSmallRibbonButton() const;
+	// 是否是大按钮
+	bool isLargeRibbonButton() const;
+	// 最小尺寸提示
+	virtual QSize minimumSizeHint() const Q_DECL_OVERRIDE;
+
+	// 获取间距
+	int spacing() const;
+	// 更新尺寸
+	void updateRect();
+
+	virtual QSize sizeHint() const Q_DECL_OVERRIDE;
+
+public:
+	// 在lite模式下是否允许文字换行
+	static void setEnableWordWrap(bool on);
+	static bool isEnableWordWrap();
+
+protected:
+	virtual void paintEvent(QPaintEvent* e) Q_DECL_OVERRIDE;
+	virtual void resizeEvent(QResizeEvent* e) Q_DECL_OVERRIDE;
+	virtual void mouseMoveEvent(QMouseEvent* e) Q_DECL_OVERRIDE;
+	virtual void mousePressEvent(QMouseEvent* e) Q_DECL_OVERRIDE;
+	virtual void mouseReleaseEvent(QMouseEvent* e) Q_DECL_OVERRIDE;
+	virtual void focusOutEvent(QFocusEvent* e) Q_DECL_OVERRIDE;
+	virtual void leaveEvent(QEvent* e) Q_DECL_OVERRIDE;
+	virtual bool hitButton(const QPoint& pos) const Q_DECL_OVERRIDE;
+	virtual bool event(QEvent* e) Q_DECL_OVERRIDE;
+	// 事件改变 - 主要为了捕获字体的改变
+	virtual void changeEvent(QEvent* e) Q_DECL_OVERRIDE;
+	virtual void actionEvent(QActionEvent* e) Q_DECL_OVERRIDE;
+
+protected:
+	// 绘制按钮
+	virtual void paintButton(QPainter& p, const QStyleOptionToolButton& opt);
+	// 绘制图标
+	virtual void paintIcon(QPainter& p, const QStyleOptionToolButton& opt, const QRect& iconDrawRect);
+	// 绘制文本
+	virtual void paintText(QPainter& p, const QStyleOptionToolButton& opt, const QRect& textDrawRect);
+	// 绘制Indicator
+	virtual void paintIndicator(QPainter& p, const QStyleOptionToolButton& opt, const QRect& indicatorDrawRect);
+
+private:
+	static void drawArrow(const QStyle* style,
+						  const QStyleOptionToolButton* toolbutton,
+						  const QRect& rect,
+						  QPainter* painter,
+						  const QWidget* widget = 0);
+
+protected:
+};
+
+namespace SA
+{
+QDebug operator<<(QDebug debug, const QStyleOptionToolButton& opt);
+}
+#endif  // SARIBBONTOOLBUTTON_H
+
+/*** End of inlined file: SARibbonToolButton.h ***/
+
+/*** Start of inlined file: SARibbonColorToolButton.h ***/
+#ifndef SARIBBONCOLORTOOLBUTTON_H
+#define SARIBBONCOLORTOOLBUTTON_H
+
+class SAColorMenu;
+/**
+ * @brief Refer to the color setting button in the office, which can display the color below the icon(参考office的颜色设置按钮，可以显示颜色在图标下方)
+ */
+class SA_RIBBON_EXPORT SARibbonColorToolButton : public SARibbonToolButton
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonColorToolButton)
+public:
+	/**
+	 * @brief 颜色样式
+	 */
+	enum ColorStyle
+	{
+		ColorUnderIcon,  ///< 颜色在icon下方，这个要求必须设置icon
+		ColorFillToIcon  ///< 颜色作为icon，这个模式下在setColor会自动生成一个颜色icon替换掉原来的icon，因此setIcon函数没有作用
+	};
+
+public:
+	explicit SARibbonColorToolButton(QWidget* parent = nullptr);
+	explicit SARibbonColorToolButton(QAction* defaultAction, QWidget* parent = nullptr);
+	~SARibbonColorToolButton();
+	// 获取颜色
+	QColor color() const;
+	// 设置颜色显示方案
+	void setColorStyle(ColorStyle s);
+	ColorStyle colorStyle() const;
+	// 建立标准的颜色菜单
+	SAColorMenu* setupStandardColorMenu();
+public Q_SLOTS:
+	// 设置颜色,会发射colorChanged信号
+	void setColor(const QColor& c);
+private Q_SLOTS:
+	void onButtonClicked(bool checked = false);
+Q_SIGNALS:
+	/**
+	 * @brief 颜色被点击的响应
+	 * @param color
+	 */
+	void colorClicked(const QColor& color, bool checked = false);
+	/**
+	 * @brief 颜色改变信号
+	 * @param color
+	 */
+	void colorChanged(const QColor& color);
+
+protected:
+	void paintIcon(QPainter& p, const QStyleOptionToolButton& opt, const QRect& iconDrawRect);
+};
+
+#endif  // SARIBBONCOLORTOOLBUTTON_H
+
+/*** End of inlined file: SARibbonColorToolButton.h ***/
+
+/*** Start of inlined file: SARibbonLineWidgetContainer.h ***/
+#ifndef SARIBBONLINEWIDGETCONTAINER_H
+#define SARIBBONLINEWIDGETCONTAINER_H
+
+#include <QtCore/qglobal.h>
+#include <QWidget>
+#include <QLabel>
+
+/**
+ * @brief 一个窗口容器，把窗口放置中间，前面后面都可以设置文本，主要用于放置在pannel上的小窗口
+ *
+ * 实现如下效果：
+ *
+ * PrefixLabel|_Widget_|SuffixLabel
+ *
+ */
+class SA_RIBBON_EXPORT SARibbonLineWidgetContainer : public QWidget
+{
+public:
+	explicit SARibbonLineWidgetContainer(QWidget* par = nullptr);
+	~SARibbonLineWidgetContainer();
+	// 设置widget,不允许设置一个nullptr
+	void setWidget(QWidget* innerWidget);
+
+	// 设置前缀
+	void setPrefix(const QString& str);
+
+	// 设置后缀
+	void setSuffix(const QString& str);
+
+	// 前缀文本框
+	QLabel* labelPrefix() const;
+
+	// 后缀文本框
+	QLabel* labelSuffix() const;
+
+private:
+	// 两个文本
+	QLabel* m_labelPrefix;
+	QLabel* m_labelSuffix;
+	QWidget* m_innerWidget;
+};
+
+#endif  // SARIBBONWIDGETCONTAINER_H
+
+/*** End of inlined file: SARibbonLineWidgetContainer.h ***/
+
+/*** Start of inlined file: SARibbonActionsManager.h ***/
+#ifndef SARIBBONACTIONSMANAGER_H
+#define SARIBBONACTIONSMANAGER_H
+
+#include <QObject>
+#include <QAbstractListModel>
+#include <QAction>
+#include <QMap>
+#include <QString>
+#include <QSet>
+class SARibbonBar;
+class SARibbonCategory;
+
+/**
+ * @brief 用于管理SARibbon的所有Action
+ *
+ * SARibbonActionsManager维护着两个表，一个是tag（标签）对应的Action list，
+ * 一个是所有接受SARibbonActionsManager管理的action list。
+ *
+ * SARibbonActionsManager的标签对应一组actions，每个标签对应的action可以重复出现，
+ * 但SARibbonActionsManager维护的action list里只有一份action，不会重复出现。
+ *
+ * tag用于对action list分组，每个tag的实体名字通过@ref setTagName 进行设置，在语言变化时需要及时调用
+ * setTagName设置新的标签对应的文本。
+ *
+ * SARibbonActionsManager默认预设了6个常用标签见@ref SARibbonActionsManager::ActionTag ，用户自定义标签需要在
+ * SARibbonActionsManager::UserDefineActionTag值的基础上进行累加。
+ *
+ * @ref filter （等同@ref actions ）函数用于提取标签管理的action list，@ref allActions 函数返回SARibbonActionsManager
+ * 管理的所有标签。
+ *
+ * 通过@ref autoRegisteActions 函数可以快速的建立action的管理，此函数会遍历@ref SARibbonBar下所有@ref SARibbonPannel
+ * 添加的action,并给予Category建立tag，正常使用用户仅需关注此autoRegisteActions函数即可
+ *
+ *
+ */
+class SA_RIBBON_EXPORT SARibbonActionsManager : public QObject
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonActionsManager)
+	friend class SARibbonActionsManagerModel;
+
+public:
+	/**
+	 * @brief 定义action的标签
+	 */
+	enum ActionTag
+	{
+		UnknowActionTag              = 0,     ///< 未知的tag
+		CommonlyUsedActionTag        = 0x01,  ///< 预设tag-常用命令
+		NotInFunctionalAreaActionTag = 0x02,  ///< 预设tag-不在功能区命令
+		AutoCategoryDistinguishBeginTag = 0x1000,  ///< 自动按Category划分的标签起始，在@ref autoRegisteActions 函数会用到
+		AutoCategoryDistinguishEndTag = 0x2000,  ///< 自动按Category划分的标签结束，在@ref autoRegisteActions 函数会用到
+		NotInRibbonCategoryTag = 0x2001,  ///< 不在功能区的标签@ref autoRegisteActions 函数会遍历所有category的action
+		UserDefineActionTag = 0x8000  ///< 自定义标签，所有用户自定义tag要大于此tag
+	};
+	explicit SARibbonActionsManager(SARibbonBar* bar);
+	~SARibbonActionsManager();
+	// 设置tag对应的名字
+	void setTagName(int tag, const QString& name);
+
+	// 获取tag对应的名字
+	QString tagName(int tag) const;
+
+	// 移除tag，注意，这个函数非常耗时
+	void removeTag(int tag);
+
+	// 注册action
+	bool registeAction(QAction* act, int tag, const QString& key = QString(), bool enableEmit = true);
+
+	// 取消action的注册
+	void unregisteAction(QAction* act, bool enableEmit = true);
+
+	// 过滤得到actions对应的引用，实际是一个迭代器
+	QList< QAction* >& filter(int tag);
+
+	// 通过tag筛选出系列action
+	QList< QAction* >& actions(int tag);
+	const QList< QAction* > actions(int tag) const;
+
+	// 获取所有的标签
+	QList< int > actionTags() const;
+
+	// 通过key获取action
+	QAction* action(const QString& key) const;
+
+	// 通过action找到key
+	QString key(QAction* act) const;
+
+	// 返回所有管理的action数
+	int count() const;
+
+	// 返回所有管理的actions
+	QList< QAction* > allActions() const;
+
+	// 自动加载action,返回tag对应的Category指针
+	QMap< int, SARibbonCategory* > autoRegisteActions(SARibbonBar* bar);
+
+	// 自动加载widget下的actions函数返回的action,返回加载的数量，这些
+	QSet< QAction* > autoRegisteWidgetActions(QWidget* w, int tag, bool enableEmit = false);
+
+	// 根据标题查找action
+	QList< QAction* > search(const QString& text);
+
+	// 清除
+	void clear();
+
+Q_SIGNALS:
+
+	/**
+	 * @brief 标签变化触发的信号，变化包括新增和删除
+	 */
+	void actionTagChanged(int tag, bool isdelete);
+
+private Q_SLOTS:
+	void onActionDestroyed(QObject* o);
+	void onCategoryTitleChanged(const QString& title);
+
+private:
+	void removeAction(QAction* act, bool enableEmit = true);
+};
+
+/**
+ * @brief SARibbonActionsManager 对应的model
+ */
+class SA_RIBBON_EXPORT SARibbonActionsManagerModel : public QAbstractListModel
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonActionsManagerModel)
+public:
+	explicit SARibbonActionsManagerModel(QObject* p = nullptr);
+	explicit SARibbonActionsManagerModel(SARibbonActionsManager* m, QObject* p = nullptr);
+	~SARibbonActionsManagerModel();
+	virtual int rowCount(const QModelIndex& parent) const override;
+	virtual QVariant headerData(int section, Qt::Orientation orientation, int role = Qt::DisplayRole) const override;
+	virtual Qt::ItemFlags flags(const QModelIndex& index) const override;
+	virtual QVariant data(const QModelIndex& index, int role) const override;
+	void setFilter(int tag);
+	void update();
+	void setupActionsManager(SARibbonActionsManager* m);
+	void uninstallActionsManager();
+	QAction* indexToAction(QModelIndex index) const;
+	void search(const QString& text);
+
+private Q_SLOTS:
+	void onActionTagChanged(int tag, bool isdelete);
+};
+
+#endif  // SARIBBONACTIONSMANAGER_H
+
+/*** End of inlined file: SARibbonActionsManager.h ***/
+
+/*** Start of inlined file: SARibbonLineEdit.h ***/
+#ifndef SARIBBONLINEEDIT_H
+#define SARIBBONLINEEDIT_H
+
+#include <QLineEdit>
+
+/**
+ * @brief The SARibbonLineEdit class
+ */
+class SA_RIBBON_EXPORT SARibbonLineEdit : public QLineEdit
+{
+	Q_OBJECT
+public:
+	explicit SARibbonLineEdit(QWidget* parent = nullptr);
+	explicit SARibbonLineEdit(const QString& text, QWidget* parent = nullptr);
+	~SARibbonLineEdit();
+};
+
+#endif  // SARIBBONLINEEDIT_H
+
+/*** End of inlined file: SARibbonLineEdit.h ***/
+
+/*** Start of inlined file: SARibbonCheckBox.h ***/
+#ifndef SARIBBONCHECKBOX_H
+#define SARIBBONCHECKBOX_H
+
+#include <QCheckBox>
+
+/**
+ * @brief The SARibbonCheckBox class
+ */
+class SA_RIBBON_EXPORT SARibbonCheckBox : public QCheckBox
+{
+	Q_OBJECT
+public:
+	explicit SARibbonCheckBox(QWidget* parent = nullptr);
+	explicit SARibbonCheckBox(const QString& text, QWidget* parent = nullptr);
+	~SARibbonCheckBox();
+};
+
+#endif  // SARIBBONCHECKBOX_H
+
+/*** End of inlined file: SARibbonCheckBox.h ***/
+
+/*** Start of inlined file: SARibbonComboBox.h ***/
+#ifndef SARIBBONCOMBOBOX_H
+#define SARIBBONCOMBOBOX_H
+
+#include <QComboBox>
+
+/**
+ * @brief QComboBox的Ribbon显示，可以显示QIcon和windowTitle在左侧
+ */
+class SA_RIBBON_EXPORT SARibbonComboBox : public QComboBox
+{
+	Q_OBJECT
+public:
+	explicit SARibbonComboBox(QWidget* parent = nullptr);
+	~SARibbonComboBox();
+};
+
+#endif  // SARIBBONCOMBOBOX_H
+
+/*** End of inlined file: SARibbonComboBox.h ***/
+
+/*** Start of inlined file: SARibbonButtonGroupWidget.h ***/
+#ifndef SARIBBONBUTTONGROUPWIDGET_H
+#define SARIBBONBUTTONGROUPWIDGET_H
+
+#include <QToolButton>
+#include <QMenu>
+#include <QFrame>
+class SARibbonControlButton;
+/**
+ * @brief 用于管理一组Action,类似于QToolBar
+ */
+class SA_RIBBON_EXPORT SARibbonButtonGroupWidget : public QFrame
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonButtonGroupWidget)
+public:
+	using FpButtonIterate = std::function< bool(SARibbonControlButton*) >;
+
+public:
+	explicit SARibbonButtonGroupWidget(QWidget* parent = nullptr);
+	~SARibbonButtonGroupWidget();
+
+	// 图标尺寸
+	void setIconSize(const QSize& ic);
+	QSize iconSize() const;
+	// 生成并添加一个action
+	QAction* addAction(QAction* a,
+					   Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+					   QToolButton::ToolButtonPopupMode popMode = QToolButton::DelayedPopup);
+	QAction* addAction(const QString& text,
+					   const QIcon& icon,
+					   Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+					   QToolButton::ToolButtonPopupMode popMode = QToolButton::DelayedPopup);
+	QAction* addMenu(QMenu* menu,
+					 Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+					 QToolButton::ToolButtonPopupMode popMode = QToolButton::InstantPopup);
+	QAction* addSeparator();
+	QAction* addWidget(QWidget* w);
+	// 从ButtonGroupWidget中把action对应的button提取出来，如果action没有对应的button，就返回nullptr
+	SARibbonControlButton* actionToRibbonControlToolButton(QAction* action);
+
+	QSize sizeHint() const override;
+	QSize minimumSizeHint() const override;
+
+public:
+	bool iterate(FpButtonIterate fp);
+Q_SIGNALS:
+
+	/**
+	 * @brief 参考QToolBar::actionTriggered的信号
+	 * @param action
+	 */
+	void actionTriggered(QAction* action);
+
+protected:
+	virtual void actionEvent(QActionEvent* e) override;
+};
+
+#endif  // SARIBBONBUTTONGROUPWIDGET_H
+
+/*** End of inlined file: SARibbonButtonGroupWidget.h ***/
+
+/*** Start of inlined file: SARibbonStackedWidget.h ***/
+#ifndef SARIBBONSTACKEDWIDGET_H
+#define SARIBBONSTACKEDWIDGET_H
+#include <QStackedWidget>
+
+class QHideEvent;
+class QResizeEvent;
+
+/**
+ * @brief 有qdialog功能的stackwidget，用于在最小化时stack能像dialog那样弹出来
+ */
+class SA_RIBBON_EXPORT SARibbonStackedWidget : public QStackedWidget
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonStackedWidget)
+public:
+	explicit SARibbonStackedWidget(QWidget* parent);
+	~SARibbonStackedWidget();
+	void setPopupMode();
+	bool isPopupMode() const;
+	void setNormalMode();
+	bool isNormalMode() const;
+	void exec();
+
+	/**
+	 * @brief 类似tabbar的moveTab函数，交换两个窗口的index
+	 * @param from
+	 * @param to
+	 * @note 此操作会触发widgetRemoved(int index)信号
+	 */
+	void moveWidget(int from, int to);
+
+protected:
+	//    void mouseReleaseEvent(QMouseEvent *e);
+	void hideEvent(QHideEvent* e) Q_DECL_OVERRIDE;
+	virtual void resizeEvent(QResizeEvent* e) Q_DECL_OVERRIDE;
+Q_SIGNALS:
+	/**
+	 * @brief hidWindow
+	 */
+	void hidWindow();
+};
+
+#endif  // SARIBBONSTACKEDWIDGET_H
+
+/*** End of inlined file: SARibbonStackedWidget.h ***/
+
+/*** Start of inlined file: SARibbonSeparatorWidget.h ***/
+#ifndef SARIBBONSEPARATORWIDGET_H
+#define SARIBBONSEPARATORWIDGET_H
+
+#include <QFrame>
+#include <QStyleOption>
+
+///
+/// \brief 用于显示分割线
+///
+class SA_RIBBON_EXPORT SARibbonSeparatorWidget : public QFrame
+{
+	Q_OBJECT
+public:
+	explicit SARibbonSeparatorWidget(QWidget* parent = nullptr);
+	~SARibbonSeparatorWidget();
+};
+
+#endif  // SARIBBONSEPARATORWIDGET_H
+
+/*** End of inlined file: SARibbonSeparatorWidget.h ***/
+
+/*** Start of inlined file: SARibbonCtrlContainer.h ***/
+#ifndef SARIBBONCTROLCONTAINER_H
+#define SARIBBONCTROLCONTAINER_H
+
+#include <QWidget>
+#include <QScopedPointer>
+class QStyleOption;
+
+/**
+ * @brief 用于装载一个窗体的容器，这个窗体会布满整个SARibbonCtrlContainer，但会预留空间显示icon或者title
+ *
+ * ----------------------
+ * |icon|text|  widget  |
+ * ----------------------
+ */
+class SA_RIBBON_EXPORT SARibbonCtrlContainer : public QWidget
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonCtrlContainer)
+public:
+	explicit SARibbonCtrlContainer(QWidget* parent = nullptr);
+	~SARibbonCtrlContainer();
+
+	void setEnableShowIcon(bool b);
+	void setEnableShowTitle(bool b);
+	// 判断是否存在容器窗口
+	bool hasContainerWidget() const;
+	// 图标
+	void setIcon(const QIcon& i);
+	void setIcon(const QPixmap& pixmap);
+	QIcon icon() const;
+	// 图标
+	void setText(const QString& t);
+	QString text() const;
+	// 设置窗口
+	void setContainerWidget(QWidget* w);
+	QWidget* containerWidget();
+	const QWidget* containerWidget() const;
+	// 获取线索icon的窗口
+	QWidget* iconWidget() const;
+};
+
+#endif  // SARIBBONCTROLCONTAINER_H
+
+/*** End of inlined file: SARibbonCtrlContainer.h ***/
+
+/*** Start of inlined file: SARibbonQuickAccessBar.h ***/
+#ifndef SARIBBONQUICKACCESSBAR_H
+#define SARIBBONQUICKACCESSBAR_H
+
+#include <QMenu>
+#include <QToolButton>
+class SARibbonToolButton;
+class SARibbonButtonGroupWidget;
+///
+/// \brief ribbon左上顶部的快速响应栏
+///
+class SA_RIBBON_EXPORT SARibbonQuickAccessBar : public SARibbonCtrlContainer
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonQuickAccessBar)
+public:
+	explicit SARibbonQuickAccessBar(QWidget* parent = nullptr);
+	~SARibbonQuickAccessBar();
+	void addSeparator();
+	void addAction(QAction* act,
+				   Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+				   QToolButton::ToolButtonPopupMode popMode = QToolButton::DelayedPopup);
+	void addWidget(QWidget* w);
+	void addMenu(QMenu* m,
+				 Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+				 QToolButton::ToolButtonPopupMode popMode = QToolButton::InstantPopup);
+	// 获取内部管理的ButtonGroupWidget
+	SARibbonButtonGroupWidget* buttonGroupWidget();
+	const SARibbonButtonGroupWidget* buttonGroupWidget() const;
+	// 设置图标尺寸
+	void setIconSize(const QSize& s);
+	QSize iconSize() const;
+};
+
+#endif  // SARIBBONQUICKACCESSBAR_H
+
+/*** End of inlined file: SARibbonQuickAccessBar.h ***/
+
+/*** Start of inlined file: SARibbonTabBar.h ***/
+#ifndef SARIBBONTABBAR_H
+#define SARIBBONTABBAR_H
+
+#include <QTabBar>
+#include <QMargins>
+
+/**
+ * @brief The SARibbonTabBar class
+ */
+class SA_RIBBON_EXPORT SARibbonTabBar : public QTabBar
+{
+	Q_OBJECT
+public:
+	explicit SARibbonTabBar(QWidget* parent = nullptr);
+	~SARibbonTabBar();
+	const QMargins& tabMargin() const;
+	void setTabMargin(const QMargins& tabMargin);
+
+protected:
+	QSize tabSizeHint(int index) const;
+
+private:
+	QMargins m_tabMargin;
+};
+
+#endif  // SARIBBONTABBAR_H
+
+/*** End of inlined file: SARibbonTabBar.h ***/
+
+/*** Start of inlined file: SARibbonControlButton.h ***/
+#ifndef SARIBBONCONTROLBUTTON_H
+#define SARIBBONCONTROLBUTTON_H
+#include <QToolButton>
+
+/**
+ * @brief 用于SARibbonGallery的control button
+ *
+ * 为了防止外部qss的影响，单独继承一个类
+ */
+class SA_RIBBON_EXPORT SARibbonControlButton : public QToolButton
+{
+	Q_OBJECT
+public:
+	explicit SARibbonControlButton(QWidget* parent = nullptr);
+	~SARibbonControlButton();
+};
+
+/**
+ * @brief 用于SARibbonButtonGroupWidget的control button
+ *
+ * 为了防止SARibbonToolButton qss的影响，单独继承一个类
+ */
+class SA_RIBBON_EXPORT SARibbonControlToolButton : public QToolButton
+{
+	Q_OBJECT
+public:
+	explicit SARibbonControlToolButton(QWidget* parent = nullptr);
+	~SARibbonControlToolButton();
+};
+
+#endif  // SARIBBONPANNELTOOLBUTTON_H
+
+/*** End of inlined file: SARibbonControlButton.h ***/
+
+/*** Start of inlined file: SARibbonMenu.h ***/
+#ifndef SARIBBONMENU_H
+#define SARIBBONMENU_H
+
+#include <QMenu>
+
+///
+/// \brief 用在ribbon的menu
+/// 可以通过StyleSheet设置样式而不影响QMenu
+///
+class SA_RIBBON_EXPORT SARibbonMenu : public QMenu
+{
+	Q_OBJECT
+public:
+	explicit SARibbonMenu(QWidget* parent = nullptr);
+	explicit SARibbonMenu(const QString& title, QWidget* parent = nullptr);
+	~SARibbonMenu();
+	QAction* addRibbonMenu(SARibbonMenu* menu);
+	SARibbonMenu* addRibbonMenu(const QString& title);
+	SARibbonMenu* addRibbonMenu(const QIcon& icon, const QString& title);
+	QAction* addWidget(QWidget* w);
+};
+
+#endif  // SARIBBONMENU_H
+
+/*** End of inlined file: SARibbonMenu.h ***/
+
+/*** Start of inlined file: SARibbonPannelOptionButton.h ***/
+#ifndef SARIBBONPANNELOPTIONBUTTON_H
+#define SARIBBONPANNELOPTIONBUTTON_H
+#include <QToolButton>
+
+class QAction;
+
+/**
+ * @brief Pannel右下角的操作按钮
+ *
+ * 此按钮和一个action关联，使用@ref SARibbonPannel::addOptionAction 函数用于生成此按钮，正常来说
+ * 用户并不需要直接操作此类，仅仅用于样式设计
+ * 如果一定要重载此按钮，可以通过重载@ref SARibbonElementFactory
+ * 的 @ref SARibbonElementFactory::createRibbonPannelOptionButton来实现新的OptionButton
+ *
+ */
+class SA_RIBBON_EXPORT SARibbonPannelOptionButton : public QToolButton
+{
+	Q_OBJECT
+public:
+	explicit SARibbonPannelOptionButton(QWidget* parent = nullptr);
+	~SARibbonPannelOptionButton();
+};
+
+#endif  // SAROBBONPANNELOPTIONBUTTON_H
+
+/*** End of inlined file: SARibbonPannelOptionButton.h ***/
+
+/*** Start of inlined file: SARibbonPannelItem.h ***/
+#ifndef SARIBBONPANNELITEM_H
+#define SARIBBONPANNELITEM_H
+
+#include <QWidgetItem>
+#include <QAction>
+class SARibbonToolButton;
+/**
+ * @brief 是对pannel所有子窗口的抽象，参考qt的toolbar
+ *
+ * 参考qt的toolbar，pannel所有子窗口内容都通过QAction进行抽象，包括gallery这些窗口，也是通过QAction进行抽象
+ * QAction最终会转换为SARibbonPannelItem，每个SARibbonPannelItem都含有一个widget，SARibbonPannel的布局
+ * 就基于SARibbonPannelItem
+ *
+ * 无窗口的action会在内部生成一个SARibbonToolButton，
+ */
+class SA_RIBBON_EXPORT SARibbonPannelItem : public QWidgetItem
+{
+public:
+	/**
+	 * @brief 定义了行的占比，ribbon中有large，media和small三种占比
+	 */
+	enum RowProportion
+	{
+		None,  ///< 为定义占比，这时候将会依据expandingDirections来判断，如果能有Qt::Vertical，就等同于Large，否则就是Small
+		Large,   ///< 大占比，一个widget的高度会充满整个pannel
+		Medium,  ///< 中占比，在@ref SARibbonPannel::pannelLayoutMode 为 @ref SARibbonPannel::ThreeRowMode 时才会起作用，且要同一列里两个都是Medium时，会在三行中占据两行
+		Small  ///< 小占比，占SARibbonPannel的一行，Medium在不满足条件时也会变为Small，但不会变为Large
+	};
+	explicit SARibbonPannelItem(QWidget* widget);
+	~SARibbonPannelItem();
+
+	bool isEmpty() const Q_DECL_OVERRIDE;
+
+	short rowIndex;             ///< 记录当前item属于第几行，hide模式下为-1
+	int columnIndex;            ///< 记录当前item属于第几列，hide模式下为-1
+	QRect itemWillSetGeometry;  ///< 在调用SARibbonPannelLayout::updateGeomArray会更新这个此处，实际设置的时候会QWidgetItem::setGeometry设置Geometry
+	QAction* action;            /// < 记录action，参考QToolBarLayoutItem
+	bool customWidget;  ///< 对于没有窗口的action，实际也会有一个SARibbonToolButton，在销毁时要delete掉
+	SARibbonPannelItem::RowProportion rowProportion;  ///< 行的占比，ribbon中有large，media和small三种占比,见@ref RowProportion
+};
+#ifndef SA_ActionPropertyName_RowProportion
+#define SA_ActionPropertyName_RowProportion "_sa_RowProportion"
+#endif
+#ifndef SA_ActionPropertyName_ToolButtonPopupMode
+#define SA_ActionPropertyName_ToolButtonPopupMode "_sa_ToolButtonPopupMode"
+#endif
+#ifndef SA_ActionPropertyName_ToolButtonStyle
+#define SA_ActionPropertyName_ToolButtonStyle "_sa_ToolButtonStyle"
+#endif
+#endif  // SARIBBONPANNELITEM_H
+
+/*** End of inlined file: SARibbonPannelItem.h ***/
+
+/*** Start of inlined file: SARibbonPannelLayout.h ***/
+#ifndef SARIBBONPANNELLAYOUT_H
+#define SARIBBONPANNELLAYOUT_H
+
+#include <QLayout>
+
+class QToolButton;
+class SARibbonPannel;
+class SARibbonPannelLabel;
+/**
+ * @brief 针对SARibbonPannel的布局
+ *
+ * SARibbonPannelLayout实际是一个列布局，每一列有2~3行，看窗口定占几行
+ *
+ * 核心函数： @ref SARibbonPannelLayout::createItem
+ *
+ * @note QLayout::contentsMargins 函数不会启作用,如果要设置contentsMargins，使用@sa setPannelContentsMargins
+ */
+class SA_RIBBON_EXPORT SARibbonPannelLayout : public QLayout
+{
+	Q_OBJECT
+	friend class SARibbonPannel;
+
+public:
+	explicit SARibbonPannelLayout(QWidget* p = nullptr);
+	~SARibbonPannelLayout();
+	// SARibbonPannelLayout additem 无效
+	void addItem(QLayoutItem* item) Q_DECL_OVERRIDE;
+	// QLayout 所必须的重载函数
+	QLayoutItem* itemAt(int index) const Q_DECL_OVERRIDE;
+	QLayoutItem* takeAt(int index) Q_DECL_OVERRIDE;
+	int count() const Q_DECL_OVERRIDE;
+	bool isEmpty() const Q_DECL_OVERRIDE;
+	void invalidate() Q_DECL_OVERRIDE;
+	Qt::Orientations expandingDirections() const Q_DECL_OVERRIDE;
+	void setGeometry(const QRect& rect) Q_DECL_OVERRIDE;
+	QSize minimumSize() const Q_DECL_OVERRIDE;
+	QSize sizeHint() const Q_DECL_OVERRIDE;
+
+	// 获取ribbonpannel
+	SARibbonPannel* ribbonPannel() const;
+	// SARibbonPannel主要通过此函数来添加action
+	void insertAction(int index, QAction* act, SARibbonPannelItem::RowProportion rp = SARibbonPannelItem::None);
+	// 设置OptionAction，如果要去除，传入nullptr指针即可
+	void setOptionAction(QAction* action);
+	bool isHaveOptionAction() const;
+	// 通过action获取SARibbonPannelItem
+	SARibbonPannelItem* pannelItem(QAction* action) const;
+	// 获取最后一个添加的item
+	SARibbonPannelItem* lastItem() const;
+	// 获取最后生成的窗口
+	QWidget* lastWidget() const;
+	// 移动两个item
+	void move(int from, int to);
+	// 判断是否需要重新布局
+	bool isDirty() const;
+	// 更新尺寸
+	void updateGeomArray();
+	// 通过action获取SARibbonPannelItem的索引
+	int indexByAction(QAction* action) const;
+	// 标题高度
+	int pannelTitleHeight() const;
+	void setPannelTitleHeight(int newTitleHeight);
+	// 判断是否存在标题
+	bool isEnableShowPannelTitle() const;
+	void setEnableShowPannelTitle(bool on);
+	// 返回大按钮的高度
+	int largeButtonHeight() const;
+	// 标题区域和按钮的间隔
+	int pannelTitleSpace() const;
+	void setPannelTitleSpace(int newTitleSpace);
+	// pannel 标题的label
+	SARibbonPannelLabel* pannelTitleLabel() const;
+	// 设置按钮的icon尺寸，large action不受此尺寸影响
+	void setToolButtonIconSize(const QSize& s);
+	QSize toolButtonIconSize() const;
+
+protected:
+	// 获取optionAction 按钮尺寸
+	QSize optionActionButtonSize() const;
+	// 布局action
+	void doLayout();
+	// 把action转换为item，对于纯Action，此函数会创建SARibbonToolButton,
+	//  rp用于告诉Layout生成什么样的窗口，详细见SARibbonPannelItem::RowProportion
+	SARibbonPannelItem* createItem(QAction* action, SARibbonPannelItem::RowProportion rp = SARibbonPannelItem::None);
+	void updateGeomArray(const QRect& setrect);
+	// 重新计算扩展条码，此函数必须在updateGeomArray函数之后调用
+	void recalcExpandGeomArray(const QRect& setrect);
+	// 返回optionActionButton的尺寸
+
+private:
+	// 根据列数，计算窗口的宽度，以及最大宽度
+	void columnWidthInfo(int colindex, int& width, int& maximum) const;
+	// 设置titlelabel
+	void setPannelTitleLabel(SARibbonPannelLabel* newTitleLabel);
+
+private:
+	QList< SARibbonPannelItem* > mItems;
+	int mColumnCount { 0 };                       ///< 记录有多少列
+	bool mExpandFlag { false };                   ///< 标记是否是会扩展的
+	QSize mSizeHint;                              ///< sizeHint返回的尺寸
+	QSize mDefaultToolButtonIconSize { 22, 22 };  ///< 记录默认的按钮图标尺寸
+	bool mDirty { true };                         ///< 用于标记是否需要刷新元素，参考QToolBarLayout源码
+	int mLargeHeight { 0 };                       ///< 记录大图标的高度
+	int mTitleHeight { 15 };                      ///< 标题区域高度
+	int mTitleSpace { 2 };                        ///< 标题区域和按钮的间隔
+	bool mEnableShowTitle { true };               ///< 是否运行显示pannel标题
+	SARibbonPannelLabel* mTitleLabel { nullptr };  ///< titlelabel指针
+	QRect mTitleLabelGeometry;                     ///< titlelabel的位置
+	QToolButton* mOptionActionBtn { nullptr };     ///< optionAction对应的button
+	QRect mOptionActionBtnGeometry;                ///< optionAction的位置
+};
+
+#endif  // SARIBBONPANNELLAYOUT_H
+
+/*** End of inlined file: SARibbonPannelLayout.h ***/
+
+/*** Start of inlined file: SARibbonPannel.h ***/
+#ifndef SARIBBONPANNEL_H
+#define SARIBBONPANNEL_H
+
+#include <QLayout>
+#include <QWidget>
+#include <QLabel>
+class SARibbonMenu;
+class SARibbonGallery;
+class QGridLayout;
+class SARibbonPannelOptionButton;
+class SARibbonPannelLayout;
+class SARibbonCategory;
+class SARibbonBar;
+
+/**
+ * @brief SARibbonPannel的标题label，此类用于qss
+ */
+class SA_RIBBON_EXPORT SARibbonPannelLabel : public QLabel
+{
+	Q_OBJECT
+public:
+	SARibbonPannelLabel(QWidget* parent = nullptr);
+};
+
+/**
+ * @brief pannel页窗口，pannel是ribbon的面板用于承放控件
+ *
+ * ribbon的pannel分为两行模式和三行模式，以office为代表的ribbon为3行模式，以WPS为代表的“紧凑派”就是2行模式，
+ * SARibbon可通过SARibbonBar的@ref SARibbonBar::RibbonStyle 来指定模式(通过函数@ref SARibbonBar::setRibbonStyle )
+ *
+ * 在pannel中，可以通过@ref setExpanding 函数指定pannel水平扩展，如果pannel里面没有能水平扩展的控件，将会留白，因此，
+ * 建议在pannel里面有水平扩展的控件如（@ref SARibbonGallery ）才指定这个函数
+ *
+ * pannel的布局通过@ref SARibbonPannelLayout 来实现，如果有其他布局，可以通过继承@ref
+ * SARibbonElementCreateDelegate::createRibbonPannel 函数返回带有自己布局的pannel，但你必须继承对应的虚函数
+ */
+class SA_RIBBON_EXPORT SARibbonPannel : public QFrame
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonPannel)
+	friend class SARibbonCategory;
+	friend class SARibbonCategoryPrivate;
+	friend class SARibbonCustomizeWidgetPrivate;
+	friend class SARibbonPannelLayout;
+	Q_PROPERTY(bool isCanCustomize READ isCanCustomize WRITE setCanCustomize)
+	Q_PROPERTY(bool isExpanding READ isExpanding WRITE setExpanding)
+	Q_PROPERTY(QString pannelName READ pannelName WRITE setPannelName)
+public:
+	enum PannelLayoutMode
+	{
+		ThreeRowMode,  ///< 三行布局模式，office就是三行布局模式，pannel能布置3行小toolbutton，默认模式
+		TwoRowMode  ///< 两行布局模式，wps的后续布局模式就是两行布局模式，pannel能布置2行小toolbutton
+	};
+	Q_ENUM(PannelLayoutMode)
+public:
+	using FpRibbonToolButtonIterate = std::function< bool(SARibbonToolButton*) >;
+
+public:
+	explicit SARibbonPannel(QWidget* parent = nullptr);
+	explicit SARibbonPannel(const QString& name, QWidget* parent = nullptr);
+	~SARibbonPannel() Q_DECL_OVERRIDE;
+	using QWidget::addAction;
+
+	// 把action加入到pannel
+	void addAction(QAction* action, SARibbonPannelItem::RowProportion rp);
+	// 生成并添加一个action
+	void addAction(QAction* act,
+				   QToolButton::ToolButtonPopupMode popMode,
+				   SARibbonPannelItem::RowProportion rp = SARibbonPannelItem::Large);
+	// 把action加入到pannel，并以大图标显示
+	void addLargeAction(QAction* action);
+	// 把action加入到pannel，在三行模式下会以中图标显示
+	void addMediumAction(QAction* action);
+	// 把action加入到pannel，并以小图标显示
+	void addSmallAction(QAction* action);
+
+	// 把action加入到pannel，并以小图标显示
+	void addSmallAction(QAction* action, QToolButton::ToolButtonPopupMode popMode);
+	// 把action加入到pannel，并以大图标显示
+	void addLargeAction(QAction* action, QToolButton::ToolButtonPopupMode popMode);
+	// 把action加入到pannel，在三行模式下会以中图标显示
+	void addMediumAction(QAction* action, QToolButton::ToolButtonPopupMode popMode);
+
+	QAction* addAction(const QString& text,
+					   const QIcon& icon,
+					   QToolButton::ToolButtonPopupMode popMode,
+					   SARibbonPannelItem::RowProportion rp = SARibbonPannelItem::Large);
+
+	// 添加menu
+	void addMenu(QMenu* menu,
+				 SARibbonPannelItem::RowProportion rp,
+				 QToolButton::ToolButtonPopupMode popMode = QToolButton::InstantPopup);
+
+	// 添加普通大菜单
+	void addLargeMenu(QMenu* menu, QToolButton::ToolButtonPopupMode popMode = QToolButton::InstantPopup);
+
+	// 添加普通小按钮菜单
+	void addSmallMenu(QMenu* menu, QToolButton::ToolButtonPopupMode popMode = QToolButton::InstantPopup);
+
+	// 添加窗口
+	QAction* addWidget(QWidget* w, SARibbonPannelItem::RowProportion rp);
+
+	// 添加窗口,占用ribbon的一行
+	QAction* addSmallWidget(QWidget* w);
+
+	// 添加窗口,占用ribbon的一行
+	QAction* addMediumWidget(QWidget* w);
+
+	// 添加窗口，占用所有行
+	QAction* addLargeWidget(QWidget* w);
+
+	// 添加一个Gallery
+	SARibbonGallery* addGallery(bool expanding = true);
+
+	// 添加分割线
+	QAction* addSeparator();
+
+	// 从pannel中把action对应的button提取出来，如果action没有对应的button，就返回nullptr
+	SARibbonToolButton* actionToRibbonToolButton(QAction* action);
+
+	// 设置操作action，如果要去除，传入nullptr指针即可，SARibbonPannel不会对QAction的所有权进行管理
+	// OptionAction也会触发actionTriggered信号
+	void setOptionAction(QAction* action);
+
+	// 判断是否存在OptionAction
+	bool isHaveOptionAction() const;
+
+	// 获取所有的buttons
+	QList< SARibbonToolButton* > ribbonToolButtons() const;
+
+	// 获取PannelLayoutMode
+	PannelLayoutMode pannelLayoutMode() const;
+	void setPannelLayoutMode(PannelLayoutMode mode);
+	// 更新按钮的尺寸，这个函数在pannel的布局状态变换后需要调用刷新
+	void resetToolButtonSize();
+
+	// 判断是否为2行模式
+	bool isTwoRow() const
+	{
+		return (TwoRowMode == pannelLayoutMode());
+	}
+
+	// 把pannel设置为扩展模式，此时会撑大水平区域
+	void setExpanding(bool isExpanding = true);
+
+	// 是否是扩展模式
+	bool isExpanding() const;
+
+	// 标题栏高度
+	void setTitleHeight(int h);
+	int titleHeight() const;
+
+	// 是否显示标题，显示标题后，标题的高度需要设置，默认高度为15
+	bool isEnableShowTitle() const;
+	void setEnableShowTitle(bool on);
+
+	// action对应的布局index，此操作一般用于移动moveAction，其他意义不大
+	int actionIndex(QAction* act) const;
+
+	// 移动action
+	void moveAction(int from, int to);
+
+	// 判断是否可以自定义
+	bool isCanCustomize() const;
+	void setCanCustomize(bool b);
+
+	// 标题
+	QString pannelName() const;
+	void setPannelName(const QString& title);
+
+	// 大图标的高度
+	int largeButtonHeight() const;
+	// 获取布局对应的item,此函数目前仅仅在自定义过程中用到
+	const QList< SARibbonPannelItem* >& ribbonPannelItem() const;
+	// 获取pannel layout
+	SARibbonPannelLayout* pannelLayout() const;
+	// 更新布局
+	void updateItemGeometry();
+	// 获取category指针，如果没有parent，或者不在category管理，返回nullptr
+	SARibbonCategory* category() const;
+	// 获取ribbonBar指针，如果没有返回nullptr
+	SARibbonBar* ribbonBar() const;
+	// 设置按钮之间的间隔
+	void setSpacing(int n);
+	int spacing() const;
+	//
+	virtual QSize sizeHint() const Q_DECL_OVERRIDE;
+	virtual QSize minimumSizeHint() const Q_DECL_OVERRIDE;
+	// 设置按钮的icon尺寸，large action不受此尺寸影响
+	void setToolButtonIconSize(const QSize& s);
+	QSize toolButtonIconSize() const;
+	// 此函数会遍历SARibbonPannel下的所有RibbonToolButton，执行函数指针(bool(SARibbonRibbonToolButton*))，函数指针返回false则停止迭代
+	bool iterate(FpRibbonToolButtonIterate fp);
+
+	// 获取最近添加的按钮
+	SARibbonToolButton* lastAddActionButton();
+
+Q_SIGNALS:
+
+	/**
+	 * @brief 等同于QToolBar::actionTriggered
+	 * @param action
+	 */
+	void actionTriggered(QAction* action);
+
+	/**
+	 * @brief pannel的标题发生了改变
+	 * @param n
+	 */
+	void pannelNameChanged(const QString& n);
+
+public:
+	// pannel高度推荐
+	static int pannelHeightHint(const QFontMetrics& fm, PannelLayoutMode layMode, int pannelTitleHeight);
+	// 把action的行属性设置进action中，action自身携带了行属性
+	static void setActionRowProportionProperty(QAction* action, SARibbonPannelItem::RowProportion rp);
+	// 获取action的行属性
+	static SARibbonPannelItem::RowProportion getActionRowProportionProperty(QAction* action);
+	// 把action的PopupMode属性设置进action中，action自身携带了PopupMode属性
+	static void setActionToolButtonPopupModeProperty(QAction* action, QToolButton::ToolButtonPopupMode popMode);
+	// 获取action的PopupMode属性
+	static QToolButton::ToolButtonPopupMode getActionToolButtonPopupModeProperty(QAction* action);
+	// 把action的ToolButtonStyle属性设置进action中，action自身携带了ToolButtonStyle属性
+	static void setActionToolButtonStyleProperty(QAction* action, Qt::ToolButtonStyle buttonStyle);
+	// 获取action的ToolButtonStyle属性
+	static Qt::ToolButtonStyle getActionToolButtonStyleProperty(QAction* action);
+
+protected:
+	virtual bool event(QEvent* e) Q_DECL_OVERRIDE;
+	virtual void actionEvent(QActionEvent* e) Q_DECL_OVERRIDE;
+	virtual void changeEvent(QEvent* e) Q_DECL_OVERRIDE;
+};
+
+#endif  // SARIBBONPANNEL_H
+
+/*** End of inlined file: SARibbonPannel.h ***/
+
+/*** Start of inlined file: SARibbonCategory.h ***/
+#ifndef SARIBBONCATEGORY_H
+#define SARIBBONCATEGORY_H
+
+#include <QFrame>
+
+#include <QScopedPointer>
+#include <QPushButton>
+#include <QWheelEvent>
+
+class QAction;
+class QHBoxLayout;
+class QWheelEvent;
+class SARibbonBar;
+class SARibbonCategoryLayout;
+/**
+ * @brief 一项ribbon tab页
+ * @note SARibbonCategory的windowTitle影响了其在SARibbonBar的标签显示，
+ * 如果要改标签名字，直接调用SARibbonCategory的setWindowTitle函数
+ */
+class SA_RIBBON_EXPORT SARibbonCategory : public QFrame
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonCategory)
+	friend class SARibbonBar;
+	friend class SARibbonContextCategory;
+	Q_PROPERTY(bool isCanCustomize READ isCanCustomize WRITE setCanCustomize)
+	Q_PROPERTY(QString categoryName READ categoryName WRITE setCategoryName)
+public:
+	using FpPannelIterate = std::function< bool(SARibbonPannel*) >;
+
+public:
+	explicit SARibbonCategory(QWidget* p = nullptr);
+	explicit SARibbonCategory(const QString& name, QWidget* p = nullptr);
+	~SARibbonCategory();
+
+	// category的名字
+	QString categoryName() const;
+
+	// 设置category名字，等同setWindowTitle
+	void setCategoryName(const QString& title);
+
+	// 设置pannel的模式
+	SARibbonPannel::PannelLayoutMode pannelLayoutMode() const;
+	void setPannelLayoutMode(SARibbonPannel::PannelLayoutMode m);
+
+	// 添加pannel
+	SARibbonPannel* addPannel(const QString& title);
+
+	// 添加pannel
+	void addPannel(SARibbonPannel* pannel);
+
+	// qt designer专用
+	Q_INVOKABLE void addPannel(QWidget* pannel);
+
+	// 插入pannel
+	SARibbonPannel* insertPannel(const QString& title, int index);
+
+	// 通过名字查找pannel
+	SARibbonPannel* pannelByName(const QString& title) const;
+
+	// 通过ObjectName查找pannel
+	SARibbonPannel* pannelByObjectName(const QString& objname) const;
+
+	// 通过索引找到pannel，如果超过索引范围，会返回nullptr
+	SARibbonPannel* pannelByIndex(int index) const;
+
+	// 查找pannel的index
+	int pannelIndex(SARibbonPannel* p) const;
+
+	// 移动一个Pannel从from index到to index
+	void movePannel(int from, int to);
+
+	// 把pannel从Category中移除，不会销毁，此时pannel的所有权归还操作者
+	bool takePannel(SARibbonPannel* pannel);
+
+	// 移除Pannel，Category会直接回收SARibbonPannel内存
+	bool removePannel(SARibbonPannel* pannel);
+	bool removePannel(int index);
+
+	// 返回所有的Pannel
+	QList< SARibbonPannel* > pannelList() const;
+
+	//
+	QSize sizeHint() const Q_DECL_OVERRIDE;
+
+	// 如果是ContextCategory，此函数返回true
+	bool isContextCategory() const;
+
+	// pannel的个数
+	int pannelCount() const;
+
+	// 判断是否可以自定义
+	bool isCanCustomize() const;
+	void setCanCustomize(bool b);
+
+	// 设置pannel的标题栏高度
+	int pannelTitleHeight() const;
+	void setPannelTitleHeight(int h);
+
+	// 设置pannel是否显示标题栏
+	bool isEnableShowPannelTitle() const;
+	void setEnableShowPannelTitle(bool on);
+
+	// 设置Category的对齐方式
+	void setCategoryAlignment(SARibbonAlignment al);
+	SARibbonAlignment categoryAlignment() const;
+
+	// 设置pannel的spacing
+	void setPannelSpacing(int n);
+	int pannelSpacing() const;
+
+	// 设置pannel按钮的icon尺寸，large action不受此尺寸影响
+	void setPannelToolButtonIconSize(const QSize& s);
+	QSize pannelToolButtonIconSize() const;
+
+	// 获取对应的ribbonbar，如果没有加入ribbonbar的管理，此值为null
+	SARibbonBar* ribbonBar() const;
+
+	// 刷新category的尺寸布局
+	void updateItemGeometry();
+
+	// 此函数会遍历Category下的所有pannel,执行函数指针，函数指针返回false则停止迭代
+	bool iterate(FpPannelIterate fp);
+Q_SIGNALS:
+	/**
+	 * @brief category标题发生了改变信号
+	 * @param n
+	 */
+	void categoryNameChanged(const QString& n);
+
+	/**
+	 * @brief 参考QToolBar::actionTriggered的信号
+	 * @param action
+	 */
+	void actionTriggered(QAction* action);
+
+protected:
+	virtual bool event(QEvent* e) override;
+	// 处理滚轮事件
+	void wheelEvent(QWheelEvent* event) override;
+	//
+	void changeEvent(QEvent* event) override;
+
+	// 标记这个是上下文标签
+	void markIsContextCategory(bool isContextCategory = true);
+
+	// 获取SARibbonCategoryLayoutlayout
+	SARibbonCategoryLayout* categoryLayout() const;
+};
+
+/**
+ * @brief SARibbonCategory无法完全显示时，显示的调整按钮
+ *
+ * 重新定义是为了防止被外部的样式影响,同时可以使用SARibbonCategoryScrollButton的样式定义
+ */
+class SA_RIBBON_EXPORT SARibbonCategoryScrollButton : public QToolButton
+{
+	Q_OBJECT
+public:
+	explicit SARibbonCategoryScrollButton(Qt::ArrowType arr, QWidget* p = nullptr);
+	~SARibbonCategoryScrollButton();
+};
+
+#endif  // SARIBBONCATEGORY_H
+
+/*** End of inlined file: SARibbonCategory.h ***/
+
+/*** Start of inlined file: SARibbonCategoryLayout.h ***/
+#ifndef SARIBBONCATEGORYLAYOUT_H
+#define SARIBBONCATEGORYLAYOUT_H
+
+#include <QLayout>
+#include <QList>
+#include <QMap>
+
+class SARibbonPannel;
+class SARibbonCategoryLayoutItem;
+class SARibbonSeparatorWidget;
+
+/**
+ * @brief The SARibbonCategoryLayout class
+ */
+class SA_RIBBON_EXPORT SARibbonCategoryLayout : public QLayout
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonCategoryLayout)
+public:
+	explicit SARibbonCategoryLayout(SARibbonCategory* parent);
+	~SARibbonCategoryLayout();
+
+	SARibbonCategory* ribbonCategory() const;
+
+	virtual void addItem(QLayoutItem* item) override;
+	virtual QLayoutItem* itemAt(int index) const override;
+	virtual QLayoutItem* takeAt(int index) override;
+	SARibbonCategoryLayoutItem* takePannelItem(int index);
+	SARibbonCategoryLayoutItem* takePannelItem(SARibbonPannel* pannel);
+	bool takePannel(SARibbonPannel* pannel);
+	virtual int count() const override;
+	void setGeometry(const QRect& rect) override;
+	QSize sizeHint() const override;
+	QSize minimumSize() const override;
+	Qt::Orientations expandingDirections() const override;
+	void invalidate() override;
+	// 追加一个pannel
+	void addPannel(SARibbonPannel* pannel);
+	// 插入一个pannel
+	void insertPannel(int index, SARibbonPannel* pannel);
+	//
+	QSize categoryContentSize() const;
+	// 更新尺寸
+	void updateGeometryArr();
+
+	// 执行位置调整
+	void doLayout();
+
+	// 返回所有pannels
+	QList< SARibbonPannel* > pannels() const;
+
+	// 通过obj name获取pannel
+	SARibbonPannel* pannelByObjectName(const QString& objname) const;
+	// 通过pannel name获取pannel
+	SARibbonPannel* pannelByName(const QString& pannelname) const;
+	// 通过索引找到pannel，如果超过索引范围，会返回nullptr
+	SARibbonPannel* pannelByIndex(int i) const;
+	// 移动pannel
+	void movePannel(int from, int to);
+	// pannel的数量
+	int pannelCount() const;
+	// pannel的索引
+	int pannelIndex(SARibbonPannel* p) const;
+	// 获取所有的pannel
+	QList< SARibbonPannel* > pannelList() const;
+	// 执行滚轮事件
+	void scroll(int px);
+	// 判断是否有滚动过
+	bool isScrolled() const;
+	// category的总宽度
+	int categoryTotalWidth() const;
+	// 设置Category的对齐方式
+	void setCategoryAlignment(SARibbonAlignment al);
+	SARibbonAlignment categoryAlignment() const;
+private Q_SLOTS:
+	void onLeftScrollButtonClicked();
+	void onRightScrollButtonClicked();
+};
+
+/**
+ * @brief SARibbonCategoryLayoutItem，用于标识SARibbonCategoryLayout的item
+ */
+class SA_RIBBON_EXPORT SARibbonCategoryLayoutItem : public QWidgetItem
+{
+public:
+	explicit SARibbonCategoryLayoutItem(SARibbonPannel* w);
+	~SARibbonCategoryLayoutItem();
+	SARibbonSeparatorWidget* separatorWidget;
+	// 把内部的widget转换为pannel
+	SARibbonPannel* toPannelWidget();
+	QRect mWillSetGeometry;           ///< pannel将要设置的Geometry
+	QRect mWillSetSeparatorGeometry;  ///< pannel将要设置的Separator的Geometry
+};
+#endif  // SARIBBONCATEGORYLAYOUT_H
+
+/*** End of inlined file: SARibbonCategoryLayout.h ***/
+
+/*** Start of inlined file: SARibbonContextCategory.h ***/
+#ifndef SARIBBONCONTEXTCATEGORY_H
+#define SARIBBONCONTEXTCATEGORY_H
+
+#include <QWidget>
+
+/**
+ * @brief 管理上下文标签的类
+ */
+class SA_RIBBON_EXPORT SARibbonContextCategory : public QObject
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonContextCategory)
+public:
+	explicit SARibbonContextCategory(QWidget* parent = nullptr);
+	~SARibbonContextCategory();
+	// 上下文目录添加下属目录
+	SARibbonCategory* addCategoryPage(const QString& title);
+	void addCategoryPage(SARibbonCategory* category);
+	// 获取上下文标签下管理的标签个数
+	int categoryCount() const;
+
+	// 设置id
+	void setId(const QVariant& id);
+	QVariant id() const;
+
+	// 设置上下文颜色
+	void setContextColor(const QColor color);
+	QColor contextColor() const;
+
+	// 上下文标签的内容
+	QString contextTitle() const;
+	void setContextTitle(const QString& contextTitle);
+
+	// 获取对应的tab页
+	SARibbonCategory* categoryPage(int index);
+
+	// 获取所有的SARibbonCategory*
+	QList< SARibbonCategory* > categoryList() const;
+
+	// 移除category
+	bool takeCategory(SARibbonCategory* category);
+
+	// 判断上下文是否维护了此SARibbonCategory
+	bool isHaveCategory(SARibbonCategory* category) const;
+Q_SIGNALS:
+	/**
+	 * @brief 标签加入上下文
+	 * @param category
+	 */
+	void categoryPageAdded(SARibbonCategory* category);
+
+	/**
+	 * @brief 标签从上下文移除
+	 * @param category
+	 */
+	void categoryPageRemoved(SARibbonCategory* category);
+
+	/**
+	 * @brief 上下文的标题发生改变
+	 * @param title
+	 */
+	void contextTitleChanged(const QString& title);
+
+	/**
+	 * @brief 上下文标签维护的标签页名字发生了改变
+	 * @param category 发生改变的上下文标签页
+	 * @param title 新名字
+	 */
+	void categoryTitleChanged(SARibbonCategory* category, const QString& title);
+private Q_SLOTS:
+	void onCategoryTitleChanged(const QString& title);
+
+protected:
+	// 获取父级窗口
+	QWidget* parentWidget() const;
+	virtual bool eventFilter(QObject* watched, QEvent* e) override;
+};
+
+#endif  // SARIBBONCONTEXTCATEGORY_H
+
+/*** End of inlined file: SARibbonContextCategory.h ***/
+
+/*** Start of inlined file: SARibbonGalleryItem.h ***/
+#ifndef SARIBBONGALLERYITEM_H
+#define SARIBBONGALLERYITEM_H
+
+#include <QIcon>
+#include <QVariant>
+#include <QMap>
+#include <QAction>
+class SARibbonGalleryGroup;
+
+///
+/// \brief 类似QStandardItem的GalleryItem
+///
+class SA_RIBBON_EXPORT SARibbonGalleryItem
+{
+	friend class SARibbonGalleryGroupModel;
+
+public:
+	explicit SARibbonGalleryItem();
+	explicit SARibbonGalleryItem(const QString& text, const QIcon& icon);
+	explicit SARibbonGalleryItem(QAction* act);
+	virtual ~SARibbonGalleryItem();
+	// 设置角色
+	void setData(int role, const QVariant& data);
+	virtual QVariant data(int role) const;
+
+	// 设置文字描述
+	void setText(const QString& text);
+	QString text() const;
+
+	// 设置tooltip
+	void setToolTip(const QString& text);
+	QString toolTip() const;
+
+	// 设置图标
+	void setIcon(const QIcon& ico);
+	QIcon icon() const;
+
+	// 设置是否可见
+	bool isSelectable() const;
+	void setSelectable(bool isSelectable);
+
+	// 设置是否可选
+	bool isEnable() const;
+	void setEnable(bool isEnable);
+
+	// 设置item的flag
+	void setFlags(Qt::ItemFlags flag);
+	virtual Qt::ItemFlags flags() const;
+
+	// 设置action
+	void setAction(QAction* act);
+	QAction* action();
+
+	// 文字对齐方式
+	void setTextAlignment(Qt::Alignment a);
+	Qt::Alignment textAlignment() const;
+
+private:
+	QMap< int, QVariant > mDatas;
+	Qt::ItemFlags mFlags;
+	QAction* mAction;
+};
+
+#endif  // SARIBBONGALLERYITEM_H
+
+/*** End of inlined file: SARibbonGalleryItem.h ***/
+
+/*** Start of inlined file: SARibbonGalleryGroup.h ***/
+#ifndef SARIBBONGALLERYGROUP_H
+#define SARIBBONGALLERYGROUP_H
+
+#include <QList>
+#include <QListView>
+#include <QStyledItemDelegate>
+
+///
+/// \brief SARibbonGalleryGroup对应的显示代理
+///
+class SA_RIBBON_EXPORT SARibbonGalleryGroupItemDelegate : public QStyledItemDelegate
+{
+public:
+	explicit SARibbonGalleryGroupItemDelegate(SARibbonGalleryGroup* group, QObject* parent = nullptr);
+	~SARibbonGalleryGroupItemDelegate();
+	virtual void paint(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const override;
+
+	virtual QSize sizeHint(const QStyleOptionViewItem& option, const QModelIndex& index) const override;
+	virtual void paintIconOnly(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const;
+	virtual void paintIconWithText(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const;
+	virtual void
+	paintIconWithTextWordWrap(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const;
+
+private:
+	SARibbonGalleryGroup* mGroup;
+};
+
+///
+/// \brief SARibbonGalleryGroup对应的model
+///
+class SA_RIBBON_EXPORT SARibbonGalleryGroupModel : public QAbstractListModel
+{
+	Q_OBJECT
+public:
+	SARibbonGalleryGroupModel(QObject* parent = Q_NULLPTR);
+	~SARibbonGalleryGroupModel();
+	virtual int rowCount(const QModelIndex& parent) const Q_DECL_OVERRIDE;
+	virtual Qt::ItemFlags flags(const QModelIndex& index) const Q_DECL_OVERRIDE;
+	virtual QVariant data(const QModelIndex& index, int role) const Q_DECL_OVERRIDE;
+	virtual QModelIndex index(int row, int column, const QModelIndex& parent) const Q_DECL_OVERRIDE;
+	virtual bool setData(const QModelIndex& index, const QVariant& value, int role) Q_DECL_OVERRIDE;
+	void clear();
+	SARibbonGalleryItem* at(int row) const;
+	void insert(int row, SARibbonGalleryItem* item);
+	SARibbonGalleryItem* take(int row);
+	void append(SARibbonGalleryItem* item);
+
+private:
+	QList< SARibbonGalleryItem* > mItems;
+};
+
+/**
+ * @brief Gallery的组
+ *
+ * 组负责显示管理Gallery Item
+ */
+class SA_RIBBON_EXPORT SARibbonGalleryGroup : public QListView
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonGalleryGroup)
+public:
+	/**
+	 * @brief GalleryGroup显示的样式
+	 */
+	enum GalleryGroupStyle
+	{
+		IconWithText,          ///< 图标带文字
+		IconWithWordWrapText,  ///< 图标带文字,文字会换行显示，此模式只会对DisplayOneRow生效，如果不是DisplayOneRow，等同IconWithText
+		IconOnly               ///< 只有图标
+	};
+
+	/**
+	 * @brief 定义Gallery在一个pannel下面显示的图标行数
+	 */
+	enum DisplayRow
+	{
+		DisplayOneRow   = 1,  ///< 显示1行，默认
+		DisplayTwoRow   = 2,
+		DisplayThreeRow = 3
+	};
+
+	SARibbonGalleryGroup(QWidget* w = 0);
+
+	virtual ~SARibbonGalleryGroup();
+	// 重新计算grid尺寸
+	void setRecalcGridSizeBlock(bool on = true);
+	bool isRecalcGridSizeBlock() const;
+	void recalcGridSize();
+	void recalcGridSize(int galleryHeight);
+	// 设置显示的样式
+	void setGalleryGroupStyle(GalleryGroupStyle style);
+	GalleryGroupStyle galleryGroupStyle() const;
+	// 添加一个item
+	void addItem(const QString& text, const QIcon& icon);
+	void addItem(SARibbonGalleryItem* item);
+	// 以一个aciton作为item添加
+	void addActionItem(QAction* act);
+	void addActionItemList(const QList< QAction* >& acts);
+
+	// 构建一个model，这个model的父类是SARibbonGalleryGroup，如果要共享model，需要手动处理model的父类
+	void setupGroupModel();
+	SARibbonGalleryGroupModel* groupModel();
+	// 标题
+	void setGroupTitle(const QString& title);
+	QString groupTitle() const;
+	void selectByIndex(int i);
+	// 设置显示的行数
+	void setDisplayRow(DisplayRow r);
+	DisplayRow displayRow() const;
+	// 设置grid最小的宽度，默认为0（不限制），可以限定grid的宽度
+	void setGridMinimumWidth(int w);
+	int gridMinimumWidth() const;
+	// 设置grid最大的宽度，默认为0（不限制），可以限定grid的宽度
+	void setGridMaximumWidth(int w);
+	int gridMaximumWidth() const;
+	// 获取SARibbonGalleryGroup管理的actiongroup
+	QActionGroup* actionGroup() const;
+private Q_SLOTS:
+	void onItemClicked(const QModelIndex& index);
+	void onItemEntered(const QModelIndex& index);
+Q_SIGNALS:
+	void groupTitleChanged(const QString& title);
+	/**
+	 * @brief 等同QActionGroup的triggered
+	 * 所有加入SARibbonGalleryGroup的action都会被一个QActionGroup管理,可以通过@sa getActionGroup 获取到对应的actiongroup
+	 * @param action
+	 */
+	void triggered(QAction* action);
+	/**
+	 * @brief 等同QActionGroup的triggered
+	 * 所有加入SARibbonGalleryGroup的action都会被一个QActionGroup管理,可以通过@sa getActionGroup 获取到对应的actiongroup
+	 * @note 此属性需要通过QAbstractItemView::entered(const QModelIndex &index)激活，因此要保证设置了setMouseTracking(true)
+	 * @param action
+	 */
+	void hovered(QAction* action);
+};
+
+#endif  // SARIBBONGALLERYGROUP_H
+
+/*** End of inlined file: SARibbonGalleryGroup.h ***/
+
+/*** Start of inlined file: SARibbonGallery.h ***/
+#ifndef SARIBBONGALLERY_H
+#define SARIBBONGALLERY_H
+
+#include <QFrame>
+#include <QToolButton>
+
+#include <QSizeGrip>
+class QLabel;
+class QVBoxLayout;
+class SARibbonGalleryViewport;
+
+/**
+ * @brief 针对SARibbonGallery控件的按钮
+ */
+class SA_RIBBON_EXPORT SARibbonGalleryButton : public QToolButton
+{
+	Q_OBJECT
+public:
+	explicit SARibbonGalleryButton(QWidget* parent = nullptr);
+	~SARibbonGalleryButton();
+};
+
+/**
+ * @brief Gallery控件
+ *
+ * Gallery控件是由一个当前激活的@sa SARibbonGalleryGroup 和弹出的 @sa SARibbonGalleryViewport 组成
+ *
+ * @sa SARibbonGalleryGroup 是继承@sa QListView actions通过icon展示出来，相关的属性可以按照QListView设置
+ *
+ * @sa SARibbonGalleryViewport 是一个内部有垂直布局的窗体，在弹出激活时，把管理的SARibbonGalleryGroup都展示出来
+ *
+ * 示例如下：
+ * @code
+ * SARibbonGallery* gallery = pannel1->addGallery();
+ * QList< QAction* > galleryActions;
+ * ...create many actions ...
+ * SARibbonGalleryGroup* group1 = gallery->addCategoryActions(tr("Files"), galleryActions);
+ * galleryActions.clear();
+ * ...create many actions ...
+ * gallery->addCategoryActions(tr("Apps"), galleryActions);
+ * gallery->setCurrentViewGroup(group1);
+ * @endcode
+ */
+class SA_RIBBON_EXPORT SARibbonGallery : public QFrame
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonGallery)
+public:
+	explicit SARibbonGallery(QWidget* parent = nullptr);
+	virtual ~SARibbonGallery();
+	virtual QSize sizeHint() const override;
+	// 添加一个GalleryGroup
+	SARibbonGalleryGroup* addGalleryGroup();
+	// 添加一个GalleryGroup
+	void addGalleryGroup(SARibbonGalleryGroup* group);
+	// 快速添加一组actions
+	SARibbonGalleryGroup* addCategoryActions(const QString& title, QList< QAction* > actions);
+	// 设置当前显示的SARibbonGalleryGroup
+	void setCurrentViewGroup(SARibbonGalleryGroup* group);
+	// 获取当前显示的SARibbonGalleryGroup
+	SARibbonGalleryGroup* currentViewGroup() const;
+	// 获取弹出窗口指针
+	SARibbonGalleryViewport* getPopupViewPort() const;
+
+public:
+	// 设置最右边三个控制按钮的最大宽度（默认15）
+	static void setGalleryButtonMaximumWidth(int w);
+Q_SIGNALS:
+	/**
+	 * @brief 转发管理的SARibbonGalleryGroup::triggered
+	 * 所有加入SARibbonGallery的action都会被一个QActionGroup管理,可以通过@sa getActionGroup 获取到对应的actiongroup
+	 * @param action
+	 */
+	void triggered(QAction* action);
+	/**
+	 * @brief 转发管理的SARibbonGalleryGroup::hovered
+	 * @note 此属性需要确保SARibbonGalleryGroup::setMouseTracking(true)
+	 * @param action
+	 */
+	void hovered(QAction* action);
+
+public Q_SLOTS:
+	// 上翻页
+	virtual void pageUp();
+	// 下翻页
+	virtual void pageDown();
+	// 显示更多触发，默认弹出内部管理的SARibbonGalleryViewport，用户可重载此函数实现自定义的弹出
+	virtual void showMoreDetail();
+protected Q_SLOTS:
+	void onItemClicked(const QModelIndex& index);
+	virtual void onTriggered(QAction* action);
+
+private:
+	SARibbonGalleryViewport* ensureGetPopupViewPort();
+
+protected:
+	void resizeEvent(QResizeEvent* event) override;
+	void paintEvent(QPaintEvent* event) override;
+};
+
+///
+/// \brief SARibbonGallery的Viewport class
+///
+class SARibbonGalleryViewport : public QWidget
+{
+	Q_OBJECT
+public:
+	SARibbonGalleryViewport(QWidget* parent);
+	// 添加窗口不带标题
+	void addWidget(QWidget* w);
+	// 添加窗口，带标题
+	void addWidget(QWidget* w, const QString& title);
+	// 通过SARibbonGalleryGroup获取对应的标题，用户可以通过此函数设置QLabel的属性
+	QLabel* titleLabel(QWidget* w);
+	// 移除窗口
+	void removeWidget(QWidget* w);
+public Q_SLOTS:
+	void onTitleChanged(QWidget* w, const QString& title);
+
+private:
+	QVBoxLayout* m_layout;
+	QMap< QWidget*, QLabel* > _widgetToTitleLable;  ///< QWidget和lable的对应
+};
+
+#endif  // SARIBBONGALLERY_H
+
+/*** End of inlined file: SARibbonGallery.h ***/
+
+/*** Start of inlined file: SARibbonBar.h ***/
+#ifndef SARIBBONBAR_H
+#define SARIBBONBAR_H
+
+#include <QMenuBar>
+#include <QScopedPointer>
+#include <QVariant>
+
+class QAction;
+class QAbstractButton;
+class SARibbonElementFactory;
+class SARibbonTabBar;
+class SARibbonButtonGroupWidget;
+class SARibbonQuickAccessBar;
+class SARibbonStackedWidget;
+
+/**
+  @brief SARibbonBar继承于QMenuBar,在SARibbonMainWindow中直接替换了原来的QMenuBar
+
+  通过setRibbonStyle函数设置ribbon的风格:
+
+  @code
+  void setRibbonStyle(RibbonStyles v);
+  @endcode
+
+  SARibbonBar参考office和wps，提供了四种风格的Ribbon模式,@ref SARibbonBar::RibbonStyles
+
+  如果想ribbon占用的空间足够小，WpsLiteStyleTwoRow模式能比OfficeStyle节省35%的高度空间
+
+  如何生成ribbon?先看看一个传统的Menu/ToolBar是如何生成的：
+
+  @code
+  void MainWindow::MainWindow()
+  {
+     QMenu *fileMenu = menuBar()->addMenu(tr("&File"));
+     QToolBar *fileToolBar = addToolBar(tr("File"));
+     //生成action
+     QAction *newAct = new QAction(newIcon, tr("&New"), this);
+     fileMenu->addAction(newAct);
+     fileToolBar->addAction(newAct);
+
+     QAction *openAct = new QAction(openIcon, tr("&Open..."), this);
+     fileMenu->addAction(openAct);
+     fileToolBar->addAction(openAct);
+  }
+  @endcode
+
+  传统的Menu/ToolBar主要通过QMenu的addMenu添加菜单,通过QMainWindow::addToolBar生成QToolBar,
+  再把QAction设置进QMenu和QToolBar中
+
+  SARibbonBar和传统方法相似，不过相对于传统的Menu/ToolBar QMenu和QToolBar是平级的，
+  Ribbon是有明显的层级关系，SARibbonBar下面是 @ref SARibbonCategory，
+  SARibbonCategory下面是@ref SARibbonPannel ，SARibbonPannel下面是@ref SARibbonToolButton ，
+  SARibbonToolButton管理着QAction
+
+  因此，生成一个ribbon只需以下几个函数：
+  @code
+  SARibbonCategory * SARibbonBar::addCategoryPage(const QString& title);
+  SARibbonPannel * SARibbonCategory::addPannel(const QString& title);
+  SARibbonToolButton * SARibbonPannel::addLargeAction(QAction *action);
+  SARibbonToolButton * SARibbonPannel::addSmallAction(QAction *action);
+  @endcode
+
+  因此生成步骤如下：
+
+  @code
+  //成员变量
+  SARibbonCategory* categoryMain;
+  SARibbonPannel* FilePannel;
+
+  //建立ui
+  void setupRibbonUi()
+  {
+      ......
+      //ribbonwindow为SARibbonMainWindow
+      SARibbonBar* ribbon = ribbonwindow->ribbonBar();
+      ribbon->setRibbonStyle(SARibbonBar::WpsLiteStyle);
+      //添加一个Main标签
+      categoryMain = ribbon->addCategoryPage(QStringLiteral("Main"));
+      //Main标签下添加一个File Pannel
+      FilePannel = categoryMain->addPannel(QStringLiteral("FilePannel"));
+      //开始为File Pannel添加action
+      FilePannel->addLargeAction(actionNew);
+      FilePannel->addLargeAction(actionOpen);
+      FilePannel->addLargeAction(actionSave);
+      FilePannel->addSmallAction(actionImportMesh);
+      FilePannel->addSmallAction(actionImportGeometry);
+  }
+  @endcode
+ */
+class SA_RIBBON_EXPORT SARibbonBar : public QMenuBar
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonBar)
+	friend class SARibbonMainWindow;
+	friend class SARibbonSystemButtonBar;
+	Q_PROPERTY(RibbonStyles ribbonStyle READ currentRibbonStyle WRITE setRibbonStyle)
+	Q_PROPERTY(bool minimumMode READ isMinimumMode WRITE setMinimumMode)
+	Q_PROPERTY(bool minimumModeButton READ haveShowMinimumModeButton WRITE showMinimumModeButton)
+	Q_PROPERTY(QColor windowTitleTextColor READ windowTitleTextColor WRITE setWindowTitleTextColor)
+	Q_PROPERTY(QColor tabBarBaseLineColor READ tabBarBaseLineColor WRITE setTabBarBaseLineColor)
+	Q_PROPERTY(Qt::Alignment windowTitleAligment READ windowTitleAligment WRITE setWindowTitleAligment)
+	Q_PROPERTY(bool enableWordWrap READ isEnableWordWrap WRITE setEnableWordWrap)
+	Q_PROPERTY(bool enableShowPannelTitle READ isEnableShowPannelTitle WRITE setEnableShowPannelTitle)
+	Q_PROPERTY(bool tabOnTitle READ isTabOnTitle WRITE setTabOnTitle)
+	Q_PROPERTY(SARibbonPannel::PannelLayoutMode pannelLayoutMode READ pannelLayoutMode WRITE setPannelLayoutMode)
+
+public:
+	enum RibbonStyleFlag
+	{
+		RibbonStyleLoose    = 0x0001,  // bit:0000 0001
+		RibbonStyleCompact  = 0x0002,  // bit:0000 0010
+		RibbonStyleThreeRow = 0x0010,  // bit:0001 0000
+		RibbonStyleTwoRow   = 0x0020,  // bit:0010 0000
+
+		RibbonStyleLooseThreeRow   = RibbonStyleLoose | RibbonStyleThreeRow,    ///< 宽松结构，3行模式
+		RibbonStyleCompactThreeRow = RibbonStyleCompact | RibbonStyleThreeRow,  ///< 紧凑结构，3行模式
+		RibbonStyleLooseTwoRow     = RibbonStyleLoose | RibbonStyleTwoRow,      ///< 宽松结构，2行模式
+		RibbonStyleCompactTwoRow   = RibbonStyleCompact | RibbonStyleTwoRow     ///< 紧凑结构，2行模式
+	};
+	Q_ENUM(RibbonStyleFlag)
+	Q_DECLARE_FLAGS(RibbonStyles, RibbonStyleFlag)
+	Q_FLAG(RibbonStyles)
+
+	/**
+	 * @brief 定义当前ribbon 的状态
+	 */
+	enum RibbonMode
+	{
+		MinimumRibbonMode,  ///< 缩小模式
+		NormalRibbonMode    ///< 正常模式
+	};
+	Q_ENUM(RibbonMode)
+
+	using FpCategoryIterate = std::function< bool(SARibbonCategory*) >;
+	using FpPannelIterate   = SARibbonCategory::FpPannelIterate;
+
+public:
+	// 判断RibbonStyle是否为2行模式
+	static bool isTwoRowStyle(RibbonStyles s);
+	static bool isThreeRowStyle(RibbonStyles s);
+	// 判断是否是office样式
+	static bool isLooseStyle(RibbonStyles s);
+	static bool isCompactStyle(RibbonStyles s);
+	// 获取版本信息
+	static QString versionString();
+
+	// 获取默认的上下文标签颜色列表
+	static QList< QColor > defaultContextCategoryColorList();
+
+	//
+	static void initHighDpi();
+
+public:
+	// 构造函数
+	explicit SARibbonBar(QWidget* parent = nullptr);
+	~SARibbonBar();
+	// 获取applicationButton
+	QAbstractButton* applicationButton();
+
+	// 设置applicationButton
+	void setApplicationButton(QAbstractButton* btn);
+
+	// 获取tabbar
+	SARibbonTabBar* ribbonTabBar();
+
+	// 添加一个标签
+	SARibbonCategory* addCategoryPage(const QString& title);
+	void addCategoryPage(SARibbonCategory* category);
+
+	// 为了支持Qt designer,添加的一个重载函数
+	Q_INVOKABLE void addCategoryPage(QWidget* category);
+
+	// 添加一个category，category的位置在index，如果当前category数量少于index，将插入到最后
+	SARibbonCategory* insertCategoryPage(const QString& title, int index);
+	void insertCategoryPage(SARibbonCategory* category, int index);
+
+	// 通过名字查找Category
+	SARibbonCategory* categoryByName(const QString& title) const;
+
+	// 通过ObjectName查找Category
+	SARibbonCategory* categoryByObjectName(const QString& objname) const;
+
+	// 通过索引找到category，如果超过索引范围，会返回nullptr
+	SARibbonCategory* categoryByIndex(int index) const;
+
+	// 隐藏category,并不会删除或者取走，只是隐藏
+	void hideCategory(SARibbonCategory* category);
+
+	// 显示被隐藏的category
+	void showCategory(SARibbonCategory* category);
+
+	// 判断这个category是否在显示状态，也就是tabbar有这个category
+	bool isCategoryVisible(const SARibbonCategory* c) const;
+
+	// 获取category的索引
+	int categoryIndex(const SARibbonCategory* c) const;
+
+	// 移动一个Category从from index到to index
+	void moveCategory(int from, int to);
+
+	// 获取当前显示的所有的SARibbonCategory，包含未显示的SARibbonContextCategory的SARibbonCategory也一并返回
+	QList< SARibbonCategory* > categoryPages(bool getAll = true) const;
+
+	// 移除SARibbonCategory
+	void removeCategory(SARibbonCategory* category);
+
+	// 添加一个上下文标签
+	SARibbonContextCategory*
+	addContextCategory(const QString& title, const QColor& color = QColor(), const QVariant& id = QVariant());
+	void addContextCategory(SARibbonContextCategory* context);
+
+	// 显示一个上下文标签
+	void showContextCategory(SARibbonContextCategory* context);
+
+	// 隐藏一个上下文标签
+	void hideContextCategory(SARibbonContextCategory* context);
+
+	// 判断上下文是否是在显示状态
+	bool isContextCategoryVisible(SARibbonContextCategory* context);
+
+	// 设置上下文标签的显示或隐藏
+	void setContextCategoryVisible(SARibbonContextCategory* context, bool visible);
+
+	// 获取所有的上下文标签
+	QList< SARibbonContextCategory* > contextCategoryList() const;
+
+	// 移除ContextCategory
+	void destroyContextCategory(SARibbonContextCategory* context);
+
+	// 设置为隐藏模式
+	void setMinimumMode(bool isHide);
+
+	// 当前Ribbon是否是隐藏模式
+	bool isMinimumMode() const;
+
+	// 设置显示隐藏ribbon按钮
+	void showMinimumModeButton(bool isShow = true);
+
+	// 是否显示隐藏ribbon按钮
+	bool haveShowMinimumModeButton() const;
+
+	// 隐藏ribbon对应的action
+	QAction* minimumModeAction() const;
+
+	// 当前的模式
+	RibbonMode currentRibbonState() const;
+
+	// ribbon tab的高度
+	int tabBarHeight() const;
+	void setTabBarHeight(int h, bool resizeByNow = true);
+
+	// 标题栏的高度
+	int titleBarHeight() const;
+	void setTitleBarHeight(int h, bool resizeByNow = true);
+
+	// category的高度
+	int categoryHeight() const;
+	void setCategoryHeight(int h, bool resizeByNow = true);
+
+	// 获取正常模式下的mainBar的高度
+	int normalModeMainBarHeight() const;
+
+	// 最小模式下的MainBar高度
+	int minimumModeMainBarHeight() const;
+
+	// 激活tabbar右边的按钮群
+	SARibbonButtonGroupWidget* activeRightButtonGroup();
+
+	// 右侧按钮群
+	SARibbonButtonGroupWidget* rightButtonGroup();
+
+	// 激活QuickAccessBar
+	SARibbonQuickAccessBar* activeQuickAccessBar();
+
+	// 快速响应栏
+	SARibbonQuickAccessBar* quickAccessBar();
+
+	// 设置ribbon的风格
+	void setRibbonStyle(RibbonStyles v);
+	RibbonStyles currentRibbonStyle() const;
+
+	// 设置当前ribbon的index
+	void setCurrentIndex(int index);
+
+	// 返回当前的tab索引
+	int currentIndex();
+
+	// 确保标签显示出来
+	void raiseCategory(SARibbonCategory* category);
+
+	// 判断当前的行数
+	bool isTwoRowStyle() const;
+	bool isThreeRowStyle() const;
+
+	// 判断当前的样式
+	bool isLooseStyle() const;
+	bool isCompactStyle() const;
+
+	// 更新ribbon的布局数据，此函数适用于一些关键性尺寸变化，换起ribbon下面元素的布局,在发现刷新问题时，可以调用此函数
+	void updateRibbonGeometry();
+
+	// 设置pannel的模式
+	SARibbonPannel::PannelLayoutMode pannelLayoutMode() const;
+	void setPannelLayoutMode(SARibbonPannel::PannelLayoutMode m);
+
+	// 设置tab在title上面，这样可以省略title区域
+	void setTabOnTitle(bool on);
+	bool isTabOnTitle() const;
+
+	// tabbar 底部会绘制一条线条，此接口定义线条颜色
+	void setTabBarBaseLineColor(const QColor& clr);
+	QColor tabBarBaseLineColor() const;
+
+	// 设置标题颜色,如果不设置标题颜色，默认是SARibbonBar的qss的color属性
+	void setWindowTitleTextColor(const QColor& clr);
+	QColor windowTitleTextColor() const;
+
+	// 设置标题的对齐方式
+	void setWindowTitleAligment(Qt::Alignment al);
+	Qt::Alignment windowTitleAligment() const;
+
+	// 设置按钮允许换行，注意图标大小是由文字决定的，两行文字会让图标变小，如果想图标变大，文字不换行是最好的
+	void setEnableWordWrap(bool on);
+	bool isEnableWordWrap() const;
+
+	// 设置pannel的标题栏高度
+	int pannelTitleHeight() const;
+	void setPannelTitleHeight(int h);
+
+	// 设置pannel是否显示标题栏
+	bool isEnableShowPannelTitle() const;
+	void setEnableShowPannelTitle(bool on);
+
+	// 设置pannel的spacing
+	void setPannelSpacing(int n);
+	int pannelSpacing() const;
+
+	// 设置pannel按钮的icon尺寸，large action不受此尺寸影响
+	void setPannelToolButtonIconSize(const QSize& s);
+	QSize pannelToolButtonIconSize() const;
+
+	// 获取SARibbonStackedWidget，谨慎使用此函数
+	SARibbonStackedWidget* ribbonStackedWidget();
+
+	// 设置是否显示标题
+	void setTitleVisible(bool on = false);
+	bool isTitleVisible() const;
+
+	// 上下文标签的颜色列表，上下文标签显示的时候，会从颜色列表中取颜色进行标签的渲染
+	void setContextCategoryColorList(const QList< QColor >& cls);
+	QList< QColor > contextCategoryColorList() const;
+
+	// 设置context category 标题的文字颜色
+	void setContextCategoryTitleTextColor(const QColor& clr);
+	QColor contextCategoryTitleTextColor() const;
+
+	// 设置ribbon的对齐方式
+	void setRibbonAlignment(SARibbonAlignment al);
+	SARibbonAlignment ribbonAlignment() const;
+
+	// 此函数会遍历SARibbonBar下的所有Category，执行函数指针(bool(SARibbonCategory*))，函数指针返回false则停止迭代
+	bool iterate(FpCategoryIterate fp);
+	// 此函数会遍历SARibbonBar下的所有Category,并迭代所有的pannel，执行函数指针(bool(SARibbonPannel*))，函数指针返回false则停止迭代
+	bool iterate(FpPannelIterate fp);
+
+	// 设置边角widget可见性，对于mdi窗口，会出现TopLeftCorner和TopRightCorner两个corner widget
+	void setCornerWidgetVisible(bool on, Qt::Corner c = Qt::TopLeftCorner);
+Q_SIGNALS:
+
+	/**
+	 @brief 应用按钮点击响应 - 左上角的按钮，通过关联此信号触发应用按钮点击的效果
+
+	 例如想点击按钮后弹出一个全屏的窗口（如office这些）
+	 */
+	void applicationButtonClicked();
+
+	/**
+	 @brief 标签页变化触发的信号
+	 @param index
+	 */
+	void currentRibbonTabChanged(int index);
+
+	/**
+	 @brief ribbon的状态发生了变化后触发此信号
+	 @param nowState 变更之后的ribbon状态
+	 */
+	void ribbonModeChanged(SARibbonBar::RibbonMode nowState);
+
+	/**
+	 @brief ribbon的状态发生了变化后触发此信号
+	 @param nowStyle 变更之后的ribbon样式
+	 */
+	void ribbonStyleChanged(SARibbonBar::RibbonStyles nowStyle);
+
+	/**
+	   @brief 标题栏高度发生了变化的信号
+	   @param oldHeight
+	   @param newHeight
+	 */
+	void titleBarHeightChanged(int oldHeight, int newHeight);
+
+	/**
+	 * @brief 参考QToolBar::actionTriggered的信号
+	 * @param action
+	 */
+	void actionTriggered(QAction* action);
+
+protected:
+	bool eventFilter(QObject* obj, QEvent* e) override;
+	// 根据情况重置tabbar的宽度，主要针对wps模式
+	int calcMinTabBarWidth() const;
+	// 更新
+	void updateCategoryTitleToTabName();
+	// 告知WindowButtonGroup的尺寸
+	void setWindowButtonGroupSize(const QSize& s);
+protected Q_SLOTS:
+	void onWindowTitleChanged(const QString& title);
+	void onWindowIconChanged(const QIcon& i);
+	void onCategoryWindowTitleChanged(const QString& title);
+	void onStackWidgetHided();
+	virtual void onCurrentRibbonTabChanged(int index);
+	virtual void onCurrentRibbonTabClicked(int index);
+	virtual void onCurrentRibbonTabDoubleClicked(int index);
+	void onContextsCategoryPageAdded(SARibbonCategory* category);
+	void onContextsCategoryCategoryNameChanged(SARibbonCategory* category, const QString& title);
+	void onTabMoved(int from, int to);
+
+private:
+	int tabIndex(SARibbonCategory* obj);
+	void resizeAll();
+	void resizeInLooseStyle();
+	void resizeInCompactStyle();
+	void paintInLooseStyle();
+	void paintInCompactStyle();
+	void resizeStackedContainerWidget();
+
+	// 刷新所有ContextCategoryManagerData，这个在单独一个Category删除时调用
+	void updateContextCategoryManagerData();
+	void synchronousCategoryData(bool autoUpdate = true);
+
+protected:
+	virtual void paintEvent(QPaintEvent* e) override;
+	virtual void resizeEvent(QResizeEvent* e) override;
+	virtual void moveEvent(QMoveEvent* e) override;
+	virtual void changeEvent(QEvent* e) override;
+	virtual bool event(QEvent* e) override;
+	virtual void paintTabbarBaseLine(QPainter& painter);
+	virtual void paintWindowTitle(QPainter& painter, const QString& title, const QRect& titleRegion);
+	virtual void
+	paintContextCategoryTab(QPainter& painter, const QString& title, const QRect& contextRect, const QColor& color);
+#if SA_DEBUG_PRINT_SARIBBONBAR
+	SA_RIBBON_EXPORT friend QDebug operator<<(QDebug debug, const SARibbonBar& ribbon);
+#endif
+};
+Q_DECLARE_OPERATORS_FOR_FLAGS(SARibbonBar::RibbonStyles)
+
+#endif  // SARIBBONBAR_H
+
+/*** End of inlined file: SARibbonBar.h ***/
+
+/*** Start of inlined file: SARibbonElementFactory.h ***/
+#ifndef SARIBBONELEMENTFACTORY_H
+#define SARIBBONELEMENTFACTORY_H
+
+#include <QColor>
+#include <QMargins>
+#include <QSize>
+#include <QScopedPointer>
+
+class QWidget;
+class SARibbonBar;
+class SARibbonTabBar;
+class SARibbonApplicationButton;
+class SARibbonCategory;
+class SARibbonContextCategory;
+class SARibbonPannel;
+class SARibbonSeparatorWidget;
+class SARibbonGallery;
+class SARibbonGalleryGroup;
+class SARibbonToolButton;
+class SARibbonControlButton;
+class SARibbonControlToolButton;
+class SARibbonButtonGroupWidget;
+class SARibbonStackedWidget;
+class SARibbonQuickAccessBar;
+class SARibbonPannelOptionButton;
+class SARibbonSystemButtonBar;
+
+///
+/// \brief SARibbon的子元素创建的工厂，SARibbon内部创建子元素都通过SARibbonElementFactory来创建
+///
+/// 由于SARibbonBar是一个复合控件，很多子窗口组合而成，有些部件的创建如果想继承，那么就需要这个工厂类来处理
+/// 如SARibbonCategory，可以重载此类的createRibbonCategory,返回重载的类的实例
+///
+class SA_RIBBON_EXPORT SARibbonElementFactory
+{
+public:
+	SARibbonElementFactory();
+	virtual ~SARibbonElementFactory();
+	virtual SARibbonBar* createRibbonBar(QWidget* parent);
+	virtual SARibbonTabBar* createRibbonTabBar(QWidget* parent);
+	virtual SARibbonApplicationButton* createRibbonApplicationButton(QWidget* parent);
+	virtual SARibbonCategory* createRibbonCategory(QWidget* parent);
+	virtual SARibbonContextCategory* createRibbonContextCategory(QWidget* parent);
+	virtual SARibbonPannel* createRibbonPannel(QWidget* parent);
+	virtual SARibbonSeparatorWidget* createRibbonSeparatorWidget(QWidget* parent);
+	virtual SARibbonGallery* createRibbonGallery(QWidget* parent);
+	virtual SARibbonGalleryGroup* createRibbonGalleryGroup(QWidget* parent);
+	virtual SARibbonToolButton* createRibbonToolButton(QWidget* parent);
+	virtual SARibbonControlButton* createRibbonControlButton(QWidget* parent);
+	virtual SARibbonControlToolButton* createRibbonControlToolButton(QWidget* parent);
+	virtual SARibbonStackedWidget* createRibbonStackedWidget(SARibbonBar* parent);
+	virtual SARibbonButtonGroupWidget* craeteButtonGroupWidget(QWidget* parent);
+	virtual SARibbonQuickAccessBar* createQuickAccessBar(QWidget* parent);
+	virtual SARibbonSystemButtonBar* createWindowButtonGroup(QWidget* parent);
+	virtual SARibbonPannelOptionButton* createRibbonPannelOptionButton(SARibbonPannel* pannel);
+};
+
+#endif  // SARIBBONELEMENTFACTORY_H
+
+/*** End of inlined file: SARibbonElementFactory.h ***/
+
+/*** Start of inlined file: SARibbonElementManager.h ***/
+#ifndef SARIBBONELEMENTMANAGER_H
+#define SARIBBONELEMENTMANAGER_H
+
+/**
+   @brief 此类是一个全局单例，用于管理SARibbonElementFactory
+
+    如果你有自己的某个部件要重写，首先你需要有自己的ElementFactory
+    @code
+    class MyRibbonElementFactory : public SARibbonElementFactory{
+    public:
+        ...
+        virtual SARibbonPannel* createRibbonPannel(QWidget* parent){
+            return new MyRibbonPannel(parent);
+        }
+    };
+    @endcode
+
+    然后，你需要在ribbonbar创建之前把自己的ElementFactory设置进去
+
+    这个一般会在main函数中进行
+
+    @code
+    SARibbonElementManager::instance()->setupFactory(new MyRibbonElementFactory);
+    @endcode
+
+    这样，SARibbon创建的pannel就是你自己重写的MyRibbonPannel
+
+ */
+class SA_RIBBON_EXPORT SARibbonElementManager
+{
+protected:
+	SARibbonElementManager();
+
+public:
+	virtual ~SARibbonElementManager();
+	static SARibbonElementManager* instance();
+	SARibbonElementFactory* factory();
+	void setupFactory(SARibbonElementFactory* fac);
+
+private:
+	QScopedPointer< SARibbonElementFactory > mFactory;
+};
+#ifndef RibbonSubElementMgr
+#define RibbonSubElementMgr SARibbonElementManager::instance()
+#endif
+#ifndef RibbonSubElementFactory
+#define RibbonSubElementFactory SARibbonElementManager::instance()->factory()
+#endif
+
+#endif  // SARIBBONELEMENTMANAGER_H
+
+/*** End of inlined file: SARibbonElementManager.h ***/
+
+/*** Start of inlined file: SARibbonCustomizeData.h ***/
+#ifndef SARIBBONCUSTOMIZEDATA_H
+#define SARIBBONCUSTOMIZEDATA_H
+
+#include <QList>
+class SARibbonBar;
+class SARibbonMainWindow;
+
+/**
+ * @brief 记录所有自定义操作的数据类
+ * @note 此数据依赖于@ref SARibbonActionsManager 要在SARibbonActionsManager之后使用此类
+ */
+class SA_RIBBON_EXPORT SARibbonCustomizeData
+{
+public:
+	enum ActionType
+	{
+		UnknowActionType = 0,           ///< 未知操作
+		AddCategoryActionType,          ///< 添加category操作(1)
+		AddPannelActionType,            ///< 添加pannel操作(2)
+		AddActionActionType,            ///< 添加action操作(3)
+		RemoveCategoryActionType,       ///< 删除category操作(4)
+		RemovePannelActionType,         ///< 删除pannel操作(5)
+		RemoveActionActionType,         ///< 删除action操作(6)
+		ChangeCategoryOrderActionType,  ///< 改变category顺序的操作(7)
+		ChangePannelOrderActionType,    ///< 改变pannel顺序的操作(8)
+		ChangeActionOrderActionType,    ///< 改变action顺序的操作(9)
+		RenameCategoryActionType,       ///< 对category更名操作(10)
+		RenamePannelActionType,         ///< 对Pannel更名操作(11)
+		VisibleCategoryActionType       ///< 对category执行隐藏/显示操作(12)
+	};
+	SARibbonCustomizeData();
+	SARibbonCustomizeData(ActionType type, SARibbonActionsManager* mgr = nullptr);
+	// 获取CustomizeData的action type
+	ActionType actionType() const;
+
+	// 设置CustomizeData的action type
+	void setActionType(ActionType a);
+
+	// 判断是否是一个正常的CustomizeData
+	bool isValid() const;
+
+	// 应用SARibbonCustomizeData
+	bool apply(SARibbonBar* bar) const;
+
+	// 获取actionmanager指针
+	SARibbonActionsManager* actionManager();
+
+	// 设置ActionsManager
+	void setActionsManager(SARibbonActionsManager* mgr);
+
+	// 对应AddCategoryActionType
+	static SARibbonCustomizeData makeAddCategoryCustomizeData(const QString& title, int index, const QString& objName);
+
+	// 对应AddPannelActionType
+	static SARibbonCustomizeData
+	makeAddPannelCustomizeData(const QString& title, int index, const QString& categoryobjName, const QString& objName);
+
+	// 对应AddActionActionType
+	static SARibbonCustomizeData makeAddActionCustomizeData(const QString& key,
+															SARibbonActionsManager* mgr,
+															SARibbonPannelItem::RowProportion rp,
+															const QString& categoryObjName,
+															const QString& pannelObjName);
+
+	// 对应RenameCategoryActionType
+	static SARibbonCustomizeData makeRenameCategoryCustomizeData(const QString& newname, const QString& categoryobjName);
+
+	// 对应RenamePannelActionType
+	static SARibbonCustomizeData
+	makeRenamePannelCustomizeData(const QString& newname, const QString& categoryobjName, const QString& pannelObjName);
+
+	// 对应RemoveCategoryActionType
+	static SARibbonCustomizeData makeRemoveCategoryCustomizeData(const QString& categoryobjName);
+
+	// 对应ChangeCategoryOrderActionType
+	static SARibbonCustomizeData makeChangeCategoryOrderCustomizeData(const QString& categoryobjName, int moveindex);
+
+	// 对应ChangePannelOrderActionType
+	static SARibbonCustomizeData
+	makeChangePannelOrderCustomizeData(const QString& categoryobjName, const QString& pannelObjName, int moveindex);
+
+	// 对应ChangeActionOrderActionType
+	static SARibbonCustomizeData makeChangeActionOrderCustomizeData(const QString& categoryobjName,
+																	const QString& pannelObjName,
+																	const QString& key,
+																	SARibbonActionsManager* mgr,
+																	int moveindex);
+
+	// 对应RemovePannelActionType
+	static SARibbonCustomizeData makeRemovePannelCustomizeData(const QString& categoryobjName, const QString& pannelObjName);
+
+	// 对应RemoveActionActionType
+	static SARibbonCustomizeData makeRemoveActionCustomizeData(const QString& categoryobjName,
+															   const QString& pannelObjName,
+															   const QString& key,
+															   SARibbonActionsManager* mgr);
+
+	// 对应VisibleCategoryActionType
+	static SARibbonCustomizeData makeVisibleCategoryCustomizeData(const QString& categoryobjName, bool isShow);
+
+	// 判断是否可以自定义,如果某个action不想被编辑，可以通过此函数设置
+	static bool isCanCustomize(QObject* obj);
+	static void setCanCustomize(QObject* obj, bool canbe = true);
+
+	// 对QList<SARibbonCustomizeData>进行简化
+	static QList< SARibbonCustomizeData > simplify(const QList< SARibbonCustomizeData >& csd);
+
+public:
+	/**
+	 * @brief 记录顺序的参数
+	 *
+	 * 在actionType==AddCategoryActionType时，此参数记录Category的insert位置,
+	 * 在actionType==AddPannelActionType时，此参数记录pannel的insert位置,
+	 * 在actionType==AddActionActionType时，此参数记录pannel的insert位置
+	 */
+	int indexValue;
+
+	/**
+	 * @brief 记录标题、索引等参数
+	 *
+	 * 在actionType==AddCategoryActionType时，key为category标题，
+	 * 在actionType==AddPannelActionType时，key为pannel标题，
+	 * 在actionType==AddActionActionType时，key为action的查询依据，基于SARibbonActionsManager::action查询
+	 */
+	QString keyValue;
+
+	/**
+	 * @brief 记录categoryObjName，用于定位Category
+	 */
+	QString categoryObjNameValue;
+
+	/**
+	 * @brief 记录pannelObjName，saribbon的Customize索引大部分基于objname
+	 */
+	QString pannelObjNameValue;
+
+	SARibbonPannelItem::RowProportion actionRowProportionValue;  ///< 行的占比，ribbon中有large，media和small三种占比,见@ref RowProportion
+private:
+	ActionType mType;  ///< 标记这个data是category还是pannel亦或是action
+	SARibbonActionsManager* mActionsManagerPointer;
+};
+Q_DECLARE_METATYPE(SARibbonCustomizeData)
+
+typedef QList< SARibbonCustomizeData > SARibbonCustomizeDataList;
+
+#endif  // SARIBBONCUSTOMIZEDATA_H
+
+/*** End of inlined file: SARibbonCustomizeData.h ***/
+
+/*** Start of inlined file: SARibbonCustomizeWidget.h ***/
+#ifndef SARIBBONCUSTOMIZEWIDGET_H
+#define SARIBBONCUSTOMIZEWIDGET_H
+
+#include <QWidget>
+
+// SARibbonCustomizeWidget 特有
+class SARibbonCustomizeWidgetUi;
+class SARibbonMainWindow;
+class SARibbonBar;
+//
+class QStandardItemModel;
+class QStandardItem;
+class QAbstractButton;
+//
+class QXmlStreamWriter;
+class QXmlStreamReader;
+
+/**
+ * @brief 自定义界面窗口
+ *
+ * @note SARibbon的自定义是基于步骤的，如果在窗口生成前调用了@ref sa_apply_customize_from_xml_file 类似函数
+ * 那么在对话框生成前为了保证同步需要调用@ref SARibbonCustomizeWidget::fromXml 同步配置文件，这样再次修改后的配置文件就一致
+ */
+class SA_RIBBON_EXPORT SARibbonCustomizeWidget : public QWidget
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonCustomizeWidget)
+public:
+	// 保留接口
+	explicit SARibbonCustomizeWidget(SARibbonMainWindow* ribbonWindow,
+									 QWidget* parent   = nullptr,
+									 Qt::WindowFlags f = Qt::WindowFlags());
+	// 对于不使用SARibbonMainWindow的情况，使用此构造函数
+	explicit SARibbonCustomizeWidget(SARibbonBar* ribbonbar,
+									 QWidget* parent   = nullptr,
+									 Qt::WindowFlags f = Qt::WindowFlags());
+	~SARibbonCustomizeWidget();
+
+	/**
+	 * @brief 定义ribbon树的显示类型
+	 */
+	enum RibbonTreeShowType
+	{
+		ShowAllCategory,  ///< 显示所有Category，包括contextcategory
+		ShowMainCategory  ///< 显示主要的category，不包含上下文
+	};
+
+	/**
+	 * @brief QStandardItem对应的role
+	 */
+	enum ItemRole
+	{
+		LevelRole        = Qt::UserRole + 1,  ///< 代表这是层级，有0：category 1：pannel 2：item
+		PointerRole      = Qt::UserRole + 2,  ///< 代表这是存放指针。根据LevelRole来进行转
+		CanCustomizeRole = Qt::UserRole + 3,  ///< 代表个item是可以自定义的.bool
+		CustomizeRole = Qt::UserRole + 4,  ///< 代表这个是自定义的item,bool,主要用于那些自己添加的标签和pannel，有此角色必有CanCustomizeRole
+		CustomizeObjNameRole = Qt::UserRole + 5  ///< 记录了临时的自定义内容的obj名 QString
+	};
+
+	// 设置action管理器
+	void setupActionsManager(SARibbonActionsManager* mgr);
+
+	// 判断用户是否有要存储的内容，对应save动作
+	bool isApplied() const;
+
+	// 判断用户是否有改动内容，对应apply动作
+	bool isCached() const;
+
+	// 获取model
+	const QStandardItemModel* model() const;
+
+	// 根据当前的radiobutton选项来更新model
+	void updateModel();
+
+	// 更新model
+	void updateModel(RibbonTreeShowType type);
+
+	// 应用所有的设定
+	bool applys();
+
+	// 转换为xml
+	bool toXml(QXmlStreamWriter* xml) const;
+	bool toXml(const QString& xmlpath) const;
+
+	// 从xml中加载QList<SARibbonCustomizeData>，对于基于配置文件的设置，对话框显示前建议调用此函数，保证叠加设置的正确记录
+	void fromXml(QXmlStreamReader* xml);
+	void fromXml(const QString& xmlpath);
+
+	// 应用xml配置，可以结合customize_datas_from_xml和customize_datas_apply函数
+	static bool fromXml(QXmlStreamReader* xml, SARibbonBar* bar, SARibbonActionsManager* mgr);
+
+	// 缓存应用的动作,这些动作不会被clear清除，用于本地存储
+	void makeActionsApplied();
+
+	// 清除applied的动作，cancel操作后需要清空已应用的动作
+	void clearApplied();
+	// 清除缓存动作，在执行applys函数后，如果要继续调用，应该clear，否则会导致异常
+	void clearCache();
+	// 清除所有动作，不包含本地读取的数据
+	void clear();
+
+protected:
+	// 把QList<SARibbonCustomizeData>进行裁剪,把一些动作合并
+	void simplify();
+
+	SARibbonPannelItem::RowProportion selectedRowProportion() const;
+
+	QAction* selectedAction() const;
+	QAction* itemToAction(QStandardItem* item) const;
+
+	QStandardItem* selectedItem() const;
+
+	// 获取选中的ribbon tree 的level
+	int selectedRibbonLevel() const;
+
+	// 根据选中的item判断
+	int itemLevel(QStandardItem* item) const;
+
+	// 设置某个item被选中
+	void setSelectItem(QStandardItem* item, bool ensureVisible = true);
+
+	// 判断itemn能否改动，可以改动返回true
+	bool isItemCanCustomize(QStandardItem* item) const;
+	bool isSelectedItemCanCustomize() const;
+
+	// 判断item是否是自定义的item
+	bool isCustomizeItem(QStandardItem* item) const;
+	bool isSelectedItemIsCustomize() const;
+
+	// 删除一个item
+	void removeItem(QStandardItem* item);
+
+private Q_SLOTS:
+	void onComboBoxActionIndexCurrentIndexChanged(int index);
+	void onRadioButtonGroupButtonClicked(QAbstractButton* b);
+	void onPushButtonNewCategoryClicked();
+	void onPushButtonNewPannelClicked();
+	void onPushButtonRenameClicked();
+	void onPushButtonAddClicked();
+	void onPushButtonDeleteClicked();
+	void onListViewSelectClicked(const QModelIndex& index);
+	void onTreeViewResultClicked(const QModelIndex& index);
+	void onToolButtonUpClicked();
+	void onToolButtonDownClicked();
+	void onItemChanged(QStandardItem* item);
+	void onLineEditSearchActionTextEdited(const QString& text);
+	void onPushButtonResetClicked();
+
+private:
+	void init(SARibbonBar* ribbonbar);
+	void initConnection();
+
+private:
+	SARibbonCustomizeWidgetUi* ui;
+};
+
+/**
+ * @brief 转换为xml
+ *
+ * 此函数仅会写element，不会写document相关内容，因此如果需要写document，
+ * 需要在此函数前调用QXmlStreamWriter::writeStartDocument(),在此函数后调用QXmlStreamWriter::writeEndDocument()
+ * @param xml QXmlStreamWriter指针
+ * @note 注意，在传入QXmlStreamWriter之前，需要设置编码为utf-8:xml->setCodec("utf-8");
+ * @note 由于QXmlStreamWriter在QString作为io时，是不支持编码的，而此又无法保证自定义过程不出现中文字符，
+ * 因此，QXmlStreamWriter不应该通过QString进行构造，如果需要用到string，也需要通过QByteArray构造，如：
+ * @param cds 基于QList<SARibbonCustomizeData>生成的步骤
+ * @return 如果出现异常，返回false,如果没有自定义数据也会返回false
+ */
+bool SA_RIBBON_EXPORT sa_customize_datas_to_xml(QXmlStreamWriter* xml, const QList< SARibbonCustomizeData >& cds);
+
+/**
+ * @brief 通过xml获取QList<SARibbonCustomizeData>
+ * @param xml
+ * @return QList<SARibbonCustomizeData>
+ */
+QList< SARibbonCustomizeData > SA_RIBBON_EXPORT sa_customize_datas_from_xml(QXmlStreamReader* xml,
+                                                                            SARibbonActionsManager* mgr);
+
+/**
+ * @brief 应用QList<SARibbonCustomizeData>
+ * @param cds
+ * @param w SARibbonBar指针
+ * @return 成功应用的个数
+ */
+int SA_RIBBON_EXPORT sa_customize_datas_apply(const QList< SARibbonCustomizeData >& cds, SARibbonBar* w);
+
+/**
+ * @brief 反向取消应用
+ * @param cds
+ * @param w SARibbonBar指针
+ * @return 成功应用的个数
+ */
+int SA_RIBBON_EXPORT sa_customize_datas_reverse(const QList< SARibbonCustomizeData >& cds, SARibbonBar* w);
+
+/**
+ * @brief 直接加载xml自定义ribbon配置文件用于ribbon的自定义显示
+ * @param filePath xml配置文件
+ * @param w 主窗体
+ * @param mgr action管理器
+ * @return 成功返回true
+ * @note 重复加载一个配置文件会发生异常，为了避免此类事件发生，一般通过一个变量保证只加载一次，如：
+ * @code
+ * static bool has_call = false;
+ * if (!has_call) {
+ *     has_call = sa_apply_customize_from_xml_file("customize.xml", this, m_actMgr);
+ * }
+ * @endcode
+ */
+bool SA_RIBBON_EXPORT sa_apply_customize_from_xml_file(const QString& filePath, SARibbonBar* bar, SARibbonActionsManager* mgr);
+
+#endif  // SARIBBONCUSTOMIZEWIDGET_H
+
+/*** End of inlined file: SARibbonCustomizeWidget.h ***/
+
+/*** Start of inlined file: SARibbonCustomizeDialog.h ***/
+#ifndef SARIBBONCUSTOMIZEDIALOG_H
+#define SARIBBONCUSTOMIZEDIALOG_H
+
+#include <QDialog>
+
+class SARibbonActionsManager;
+class SARibbonCustomizeDialogUi;
+class QXmlStreamWriter;
+
+/**
+ * @brief SARibbonCustomizeWidget的对话框封装
+ *
+ * 此功能依赖于@ref SARibbonActionsManager ，SARibbonActionsManager建议作为mianwindow的成员变量，
+ * SARibbonActionsManager可以快速绑定所有QAction，详细见SARibbonActionsManager的说明
+ *
+ * @note SARibbon的自定义是基于步骤的，如果在窗口生成前调用了@ref sa_apply_customize_from_xml_file 类似函数
+ * 那么在对话框生成前为了保证同步需要调用@ref SARibbonCustomizeDialog::fromXml 同步配置文件，这样再次修改后的配置文件就一致
+ */
+class SA_RIBBON_EXPORT SARibbonCustomizeDialog : public QDialog
+{
+	Q_OBJECT
+public:
+	explicit SARibbonCustomizeDialog(SARibbonMainWindow* ribbonWindow,
+									 QWidget* p        = nullptr,
+									 Qt::WindowFlags f = Qt::WindowFlags());
+	~SARibbonCustomizeDialog();
+	// 设置action管理器
+	void setupActionsManager(SARibbonActionsManager* mgr);
+
+	// 判断用户是否有要存储的内容，对应save动作
+	bool isApplied() const;
+
+	// 判断用户是否有改动内容，对应apply动作
+	bool isCached() const;
+
+	// 应用所有的设定
+	bool applys();
+
+	// 清除所有动作
+	void clear();
+
+	// 转换为xml
+	bool toXml(QXmlStreamWriter* xml) const;
+	bool toXml(const QString& xmlpath) const;
+
+	// 从xml中加载QList<SARibbonCustomizeData>，对于基于配置文件的设置，对话框显示前建议调用此函数，保证叠加设置的正确记录
+	void fromXml(QXmlStreamReader* xml);
+	void fromXml(const QString& xmlpath);
+
+	// 返回SARibbonCustomizeWidget窗口指针
+	SARibbonCustomizeWidget* customizeWidget() const;
+
+private:
+	void initConnection();
+
+	SARibbonCustomizeDialogUi* ui;
+};
+
+#endif  // SARIBBONCUSTOMIZEDIALOG_H
+
+/*** End of inlined file: SARibbonCustomizeDialog.h ***/
+
+/*** Start of inlined file: SARibbonMainWindow.h ***/
+#ifndef SARIBBONMAINWINDOW_H
+#define SARIBBONMAINWINDOW_H
+
+#include <QMainWindow>
+
+#if !SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+class SAFramelessHelper;
+#endif
+class QAction;
+class SARibbonBar;
+class SARibbonSystemButtonBar;
+class QScreen;
+/**
+ * @brief 如果要使用SARibbonBar，必须使用此类代替QMainWindow
+ *
+ * 由于ribbon的风格和传统的Toolbar风格差异较大，
+ * SARibbonBar使用需要把原有的QMainWindow替换为SARibbonMainWindow,
+ * SARibbonMainWindow是个无边框窗体，继承自QMainWindow（目前使用第三方的无边框方案https://github.com/wangwenx190/framelesshelper），
+ * 其构造函数的参数useRibbon用于指定是否使用ribbon风格，默认为true
+ *
+ * @code
+ * SARibbonMainWindow(QWidget* parent = nullptr,bool useRibbon = true);
+ * @endcode
+ *
+ * 如果想换回非ribbon风格，只需要把useRibbon设置为false即可,
+ * 成员函数isUseRibbon用于判断当前是否为ribbon模式，这个函数在兼容传统Toolbar风格和ribbon风格时非常有用
+ *
+ * 但这个不支持动态切换，因此，实际工程中，你若要进行切换，需要写配置文件，程序在构造时传入模式，
+ * 并且，你的程序要做好判断，因为非Ribbon模式下，所有Ribbon相关的接口都会返回空指针
+ *
+ * @code
+ * bool isUseRibbon() const;
+ * @endcode
+ *
+ * @ref SARibbonMainWindow 提供了几种常用的ribbon样式
+ * 通过@ref setRibbonTheme 可改变ribbon的样式，用户也可通过qss自己定义自己的样式
+ *
+ * 如果你自己继承了SARibbonBar，你可以通过@ref setRibbonBar 设置自己的ribbonbar进去
+ *
+ * 另外有个一个更加高效的方法，来实现自定义的Ribbon，就是继承一个@ref SARibbonElementFactory
+ *
+ * @code
+ * class MyRibbonFactory:public SARibbonElementFactory{
+ * ...
+ * virtual SARibbonBar* createRibbonBar(QWidget* parent){
+ *     return new MyRibbonBar(parent);
+ * }
+ * };
+ * @endcode
+ *
+ * SARibbonMainWindow生成之前(一般在main函数），设置元件工厂：
+ *
+ * @code
+ * SARibbonElementManager::instance()->setupFactory(new MyRibbonFactory());
+ * @endcode
+ *
+ * 此时，Ribbon的元素会通过MyRibbonFactory的接口来生成
+ */
+class SA_RIBBON_EXPORT SARibbonMainWindow : public QMainWindow
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonMainWindow)
+	friend class SARibbonBar;
+	Q_PROPERTY(SARibbonTheme ribbonTheme READ ribbonTheme WRITE setRibbonTheme)
+
+public:
+	explicit SARibbonMainWindow(QWidget* parent = nullptr, bool useRibbon = true, const Qt::WindowFlags flags = {});
+	~SARibbonMainWindow() override;
+	// 返回SARibbonBar
+	SARibbonBar* ribbonBar() const;
+	// 设置ribbonbar
+	void setRibbonBar(SARibbonBar* ribbon);
+#if !SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+	// 返回SAFramelessHelper
+	SAFramelessHelper* framelessHelper();
+#else
+	// 如果ribbon中有自定义的窗口在标题栏等非点击区域加入后，想能点击，需要调用此接口告知可点击
+	void setFramelessHitTestVisible(QWidget* w, bool visible = true);
+#endif
+	// 此函数仅用于控制最小最大化和关闭按钮的显示
+	void updateWindowFlag(Qt::WindowFlags flags);
+
+	// 注意主题在构造函数设置主题会不完全生效，使用QTimer投放到队列最后执行即可
+	// QTimer::singleShot(0, this, [ this ]() { this->setRibbonTheme(SARibbonMainWindow::RibbonThemeDark); });
+	void setRibbonTheme(SARibbonTheme theme);
+	SARibbonTheme ribbonTheme() const;
+	// 判断当前是否使用ribbon模式
+	bool isUseRibbon() const;
+	// 把ribbonbar的事件传递到frameless
+	virtual bool eventFilter(QObject* obj, QEvent* e) Q_DECL_OVERRIDE;
+	// 获取最大化，最小化，关闭按钮所在的bar。可以通过此函数在最大最小化按钮旁边设置内容
+	SARibbonSystemButtonBar* windowButtonBar() const;
+
+protected:
+	// 创建ribbonbar的工厂函数
+	SARibbonBar* createRibbonBar();
+private Q_SLOTS:
+	void onPrimaryScreenChanged(QScreen* screen);
+};
+
+/**
+ * @brief 针对SARibbonMainWindow的事件处理器，主要处理systembar的位置调整
+ */
+class SA_RIBBON_EXPORT SARibbonMainWindowEventFilter : public QObject
+{
+	Q_OBJECT
+public:
+	explicit SARibbonMainWindowEventFilter(QObject* par);
+	~SARibbonMainWindowEventFilter();
+	virtual bool eventFilter(QObject* obj, QEvent* e) override;
+};
+
+#endif  // SARIBBONMAINWINDOW_H
+
+/*** End of inlined file: SARibbonMainWindow.h ***/
+
+/*** Start of inlined file: SARibbonWidget.h ***/
+#ifndef SARIBBONWIDGET_H
+#define SARIBBONWIDGET_H
+
+#include <QWidget>
+
+class SARibbonBar;
+class QScreen;
+/**
+ * @brief 带SARibbonBar的Widget
+ *
+ * @note 注意，SARibbonWidget利用了布局来把ribbonbar放到最顶部，不要给此widget添加布局，否则会导致布局异常，
+ * 正确的做法是把布局的窗口通过setWidget设置进SARibbonWidget
+ *
+ */
+class SA_RIBBON_EXPORT SARibbonWidget : public QWidget
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonWidget)
+	friend class SARibbonBar;
+	Q_PROPERTY(SARibbonTheme ribbonTheme READ ribbonTheme WRITE setRibbonTheme)
+
+public:
+	explicit SARibbonWidget(QWidget* parent = nullptr);
+	~SARibbonWidget();
+	// 返回SARibbonBar
+	SARibbonBar* ribbonBar() const;
+	// 设置ribbonbar
+	void setRibbonBar(SARibbonBar* bar);
+
+	// 注意主题在构造函数设置主题会不完全生效，使用QTimer投放到队列最后执行即可
+	// QTimer::singleShot(0, this, [ this ]() { this->setRibbonTheme(SARibbonTheme::RibbonThemeDark); });
+	void setRibbonTheme(SARibbonTheme theme);
+	SARibbonTheme ribbonTheme() const;
+	// 判断当前是否使用ribbon模式
+	bool isUseRibbon() const;
+	// 设置窗口
+	void setWidget(QWidget* w);
+	QWidget* widget() const;
+	//
+	QWidget* takeWidget();
+private Q_SLOTS:
+	void onPrimaryScreenChanged(QScreen* screen);
+};
+
+#endif  // SARIBBONWIDGET_H
+
+/*** End of inlined file: SARibbonWidget.h ***/
+
+/*** End of inlined file: SARibbonAmalgamTemplatePublicHeaders.h ***/
+
+#endif
diff --git a/gui/SARibbon/src/SARibbon.pri b/gui/SARibbon/src/SARibbon.pri
new file mode 100644
index 0000000..c8e05f3
--- /dev/null
+++ b/gui/SARibbon/src/SARibbon.pri
@@ -0,0 +1,51 @@
+#-------------------------------------------------
+#
+# 此文件给SARibbon静态编译使用
+# 适用于SARibbon.h/SARibbon.cpp这两个文件
+# 如果使用动态库，不要使用此文件
+#
+#
+# 使用方法见例子：src\example\SimpleExample\
+#
+#-------------------------------------------------
+
+
+######################################
+# Config  |  配置
+######################################
+#SA_RIBBON_CONFIG 用于定义一些编译选项：
+# SA_RIBBON_CONFIG+=use_frameless
+#     此选项将使用frameless第三方库，这个选项在SARibbonBar.pri中会自动判断，如果，达到frameless的使用要求将会自动定义
+#     frameless第三方库必须C++17且只有几个版本的qt可用，目前支持（qt5.14,qt5.15,qt6.4以上）
+#     除了上诉版本SA_RIBBON_CONFIG中不会加入use_frameless
+#     frameless库能实现Ubuntu下和mac下的显示，同时多屏幕的支持也较好
+# 使用frameless库，需要定义QWindowKit的安装目录，默认在SARIBBON_BIN_DIR
+# SA_RIBBON_QWindowKit_Install_DIR = $$SARIBBON_BIN_DIR
+######################################
+# 集成模式默认不使用frameless，如果使用，需要自己引入qwk依赖
+SA_RIBBON_CONFIG -= use_frameless
+
+
+# 这里判断SA_RIBBON_CONFIG是否包含use_frameless，如果包含将引入frameless库，并定义SARIBBON_USE_3RDPARTY_FRAMELESSHELPER为1
+contains( SA_RIBBON_CONFIG, use_frameless ) {
+    !contains(CONFIG,C++17){
+        CONFIG += c++17
+    }
+    # 定义SARIBBON_USE_3RDPARTY_FRAMELESSHELPER为1
+    DEFINES += SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1
+}else{
+    DEFINES += SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=0
+}
+
+
+SOURCES += \
+    $$PWD/SARibbon.cpp
+    
+HEADERS  += \
+    $$PWD/SARibbon.h
+    
+RESOURCES += \
+    $$PWD/SARibbonBar/resource.qrc
+    
+INCLUDEPATH += $$PWD
+DEPENDPATH += $$PWD
diff --git a/gui/SARibbon/src/SARibbonBar/3rdparty/CMakeLists.txt b/gui/SARibbon/src/SARibbonBar/3rdparty/CMakeLists.txt
new file mode 100644
index 0000000..97994b7
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/3rdparty/CMakeLists.txt
@@ -0,0 +1,59 @@
+
+# Cmake的命令不区分打下写，例如message，set等命令；但Cmake的变量区分大小写
+# 为统一风格，本项目的Cmake命令全部采用小写，变量全部采用大写加下划线组合。
+
+cmake_minimum_required(VERSION 3.5)
+project(SARibbon-3rdparty-build
+        LANGUAGES CXX
+        DESCRIPTION "SARibbon : 3rdparty build"
+)
+
+set(CMAKE_CXX_STANDARD 17)
+set(CMAKE_CXX_STANDARD_REQUIRED ON)
+if(MSVC)
+    # CMAKE_CXX_STANDARD对有些版本的msvc无效
+    set(CMAKE_CXX_FLAGS"${CMAKE_CXX_FLAGS} /std:c++17")
+endif()
+# 编译错误error C2039: “max”: 不是“std”的成员
+# 避免和min/max宏冲突
+add_definitions(-DNOMINMAX)
+
+########################################################
+# 安装路径设置
+########################################################
+# load Qt library, minimum version required is 5.12
+# cn:Qt库加载,最低版本要求为5.12
+set(SARIBBON_MIN_QT_VERSION 5.12)
+find_package(QT NAMES Qt6 Qt5 COMPONENTS Core REQUIRED)
+find_package(Qt${QT_VERSION_MAJOR} ${SARIBBON_MIN_QT_VERSION} COMPONENTS
+    Core
+    Gui
+    Widgets
+    REQUIRED
+)
+# 平台判断
+if("${CMAKE_SIZEOF_VOID_P}" STREQUAL "4")
+    set(SARIBBON_PLATFORM "x86")
+else()
+    set(SARIBBON_PLATFORM "x64")
+endif()
+# The bin file directory is one level above the current directory
+# cn:bin文件目录在当前目录的上上一级
+set(SARIBBON_BIN_NAME bin_qt${QT_VERSION}_${CMAKE_CXX_COMPILER_ID}_${SARIBBON_PLATFORM})
+set(SARIBBON_BIN_DIR ${CMAKE_CURRENT_LIST_DIR}/../../../${SARIBBON_BIN_NAME})
+# windows系统下，默认直接安装到当前文件夹下
+if(WIN32)
+    set(CMAKE_INSTALL_PREFIX "${SARIBBON_BIN_DIR}")
+endif()
+########################################################
+# 第三方库参数设置
+########################################################
+# 
+set(QWINDOWKIT_BUILD_WIDGETS ON CACHE BOOL "force set QWINDOWKIT_BUILD_WIDGETS ON" FORCE)
+set(QWINDOWKIT_BUILD_EXAMPLES OFF CACHE BOOL "force set QWINDOWKIT_BUILD_EXAMPLES OFF" FORCE)
+set(QWINDOWKIT_BUILD_QUICK OFF CACHE BOOL "force set QWINDOWKIT_BUILD_QUICK OFF" FORCE)
+set(QWINDOWKIT_INSTALL ON CACHE BOOL "force set QWINDOWKIT_INSTALL ON" FORCE)
+########################################################
+# 安装第三方库
+########################################################
+add_subdirectory(qwindowkit)
diff --git a/gui/SARibbon/src/SARibbonBar/3rdparty/cmd-build-example.sh b/gui/SARibbon/src/SARibbonBar/3rdparty/cmd-build-example.sh
new file mode 100644
index 0000000..b3628fe
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/3rdparty/cmd-build-example.sh
@@ -0,0 +1,6 @@
+# 这里演示如何再windows下通过命令行编译
+# 如果你的操作系统安装了很多版本的qt和vs，你可以参考下面的命令，这里演示使用vs2017 qt5.14.2来编译qwk，
+# qwk要求的cmake版本比较高，vs2017的默认cmake是不支持，这里做个演示如何通过命令行编译，具体路径需要实际使用时更改
+"C:\Program Files (x86)\cmake3.27.9\bin\cmake.exe" -B build -S . -G "Visual Studio 15 2017" -A x64 -DQt5_DIR="C:\Qt\Qt5.14.2\5.14.2\msvc2017_64\lib\cmake\Qt5"
+"C:\Program Files (x86)\cmake3.27.9\bin\cmake.exe" --build build --target install --config Debug
+"C:\Program Files (x86)\cmake3.27.9\bin\cmake.exe" --build build --target install --config Release
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/CMakeLists.txt b/gui/SARibbon/src/SARibbonBar/CMakeLists.txt
new file mode 100644
index 0000000..9c2df13
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/CMakeLists.txt
@@ -0,0 +1,289 @@
+cmake_minimum_required(VERSION 3.5)
+project(SARibbonBar LANGUAGES CXX VERSION ${SARIBBON_VERSION})
+set(SARIBBON_LIB_NAME SARibbonBar)
+message(STATUS "SARIBBON_LIB_NAME=${SARIBBON_LIB_NAME}")
+set(CMAKE_INCLUDE_CURRENT_DIR ON)
+
+#################################################
+# SAColorWidgets相关
+# https://github.com/czyt1988/SAColorWidgets
+#################################################
+SET(SACOLOR_DIR ${CMAKE_CURRENT_SOURCE_DIR}/colorWidgets)
+SET(SACOLOR_HEADER_FILES
+    ${SACOLOR_DIR}/SAColorWidgetsGlobal.h
+    ${SACOLOR_DIR}/SAColorToolButton.h
+    ${SACOLOR_DIR}/SAColorGridWidget.h
+    ${SACOLOR_DIR}/SAColorPaletteGridWidget.h
+    ${SACOLOR_DIR}/SAColorMenu.h
+)
+SET(SACOLOR_SOURCE_FILES
+    ${SACOLOR_DIR}/SAColorToolButton.cpp
+    ${SACOLOR_DIR}/SAColorGridWidget.cpp
+    ${SACOLOR_DIR}/SAColorPaletteGridWidget.cpp
+    ${SACOLOR_DIR}/SAColorMenu.cpp
+)
+
+#################################################
+# SARibbonBar相关
+#################################################
+
+
+# header files
+# cn:头文件
+SET(SARIBBON_HEADER_FILES
+    SARibbonBarVersionInfo.h
+    SARibbonGlobal.h
+    SAFramelessHelper.h
+    SARibbonActionsManager.h
+    SARibbonBar.h
+    SARibbonCustomizeData.h
+    SARibbonCustomizeDialog.h
+    SARibbonCustomizeWidget.h
+    SARibbonMainWindow.h
+    SARibbonWidget.h
+    SARibbonSystemButtonBar.h
+    SARibbonApplicationButton.h
+    SARibbonTabBar.h
+    SARibbonCategory.h
+    SARibbonContextCategory.h
+    SARibbonPannel.h
+    SARibbonToolButton.h
+    SARibbonMenu.h
+    SARibbonPannelOptionButton.h
+    SARibbonSeparatorWidget.h
+    SARibbonCategoryLayout.h
+    SARibbonGallery.h
+    SARibbonControlButton.h
+    SARibbonGalleryGroup.h
+    SARibbonGalleryItem.h
+    SARibbonComboBox.h
+    SARibbonElementFactory.h
+    SARibbonElementManager.h
+    SARibbonLineEdit.h
+    SARibbonCheckBox.h
+    SARibbonButtonGroupWidget.h
+    SARibbonStackedWidget.h
+    SARibbonQuickAccessBar.h
+    SARibbonCtrlContainer.h
+    SARibbonPannelLayout.h
+    SARibbonPannelItem.h
+    SARibbonLineWidgetContainer.h
+    SARibbonColorToolButton.h
+)
+
+# source files
+# cn:cpp文件
+SET(SARIBBON_SOURCE_FILES
+    SAFramelessHelper.cpp
+    SARibbonActionsManager.cpp
+    SARibbonBar.cpp
+    SARibbonCustomizeData.cpp
+    SARibbonCustomizeDialog.cpp
+    SARibbonCustomizeWidget.cpp
+    SARibbonMainWindow.cpp
+    SARibbonWidget.cpp
+    SARibbonSystemButtonBar.cpp
+    SARibbonApplicationButton.cpp
+    SARibbonTabBar.cpp
+    SARibbonCategory.cpp
+    SARibbonContextCategory.cpp
+    SARibbonPannel.cpp
+    SARibbonToolButton.cpp
+    SARibbonMenu.cpp
+    SARibbonPannelOptionButton.cpp
+    SARibbonSeparatorWidget.cpp
+    SARibbonCategoryLayout.cpp
+    SARibbonGallery.cpp
+    SARibbonControlButton.cpp
+    SARibbonGalleryGroup.cpp
+    SARibbonGalleryItem.cpp
+    SARibbonComboBox.cpp
+    SARibbonElementFactory.cpp
+    SARibbonElementManager.cpp
+    SARibbonLineEdit.cpp
+    SARibbonCheckBox.cpp
+    SARibbonButtonGroupWidget.cpp
+    SARibbonStackedWidget.cpp
+    SARibbonQuickAccessBar.cpp
+    SARibbonCtrlContainer.cpp
+    SARibbonPannelLayout.cpp
+    SARibbonPannelItem.cpp
+    SARibbonLineWidgetContainer.cpp
+    SARibbonColorToolButton.cpp
+)
+
+# resource files
+# cn:资源文件
+SET(SARIBBON_RESOURCE_FILES
+    resource.qrc
+)
+
+################################################################
+
+add_library(${SARIBBON_LIB_NAME} SHARED
+    ${SARIBBON_HEADER_FILES}
+    ${SARIBBON_SOURCE_FILES}
+    ${SARIBBON_RESOURCE_FILES}
+    ${SACOLOR_HEADER_FILES}
+    ${SACOLOR_SOURCE_FILES}
+)
+add_library(${SARIBBON_LIB_NAME}::${SARIBBON_LIB_NAME} ALIAS ${SARIBBON_LIB_NAME})
+#################################################
+# Qt相关的依赖
+#################################################
+target_link_libraries(${SARIBBON_LIB_NAME} PUBLIC
+                      Qt${QT_VERSION_MAJOR}::Core
+                      Qt${QT_VERSION_MAJOR}::Gui
+                      Qt${QT_VERSION_MAJOR}::Widgets)
+message(STATUS "link ${SARIBBON_LIB_NAME} PUBLIC Qt${QT_VERSION_MAJOR}::Core Qt${QT_VERSION_MAJOR}::Gui Qt${QT_VERSION_MAJOR}::Widgets")
+
+#################################################
+# frameless相关的依赖
+# qwindowkit库 https://github.com/stdware/qwindowkit
+#################################################
+# Qt X11Extras was first introduced in 5.1 and got removed in 6.0
+# But it was again brought back as a private feature of QtGui in 6.2
+if(_SARIBBON_USE_FRAMELESS_LIB)
+    find_package(QWindowKit REQUIRED)
+    target_link_libraries(${SARIBBON_LIB_NAME} PRIVATE QWindowKit::Widgets)
+    message(STATUS "link ${SARIBBON_LIB_NAME} PRIVATE QWindowKit::Widgets")
+endif()
+#################################################
+include(GNUInstallDirs)
+set_target_properties(${SARIBBON_LIB_NAME} PROPERTIES
+    AUTOMOC ON
+    AUTOUIC ON
+    AUTORCC ON
+    CXX_EXTENSIONS OFF
+    DEBUG_POSTFIX ${CMAKE_DEBUG_POSTFIX}
+    VERSION ${SARIBBON_VERSION}
+    EXPORT_NAME ${SARIBBON_LIB_NAME}
+    ARCHIVE_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/${CMAKE_INSTALL_LIBDIR}"
+    LIBRARY_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/${CMAKE_INSTALL_LIBDIR}"
+    RUNTIME_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/${CMAKE_INSTALL_BINDIR}"
+)
+# 构建库定义的宏,此宏必须为PRIVATE
+target_compile_definitions(${SARIBBON_LIB_NAME} PRIVATE SA_RIBBON_BAR_MAKE_LIB)
+message(STATUS "macros predefined:#define SA_RIBBON_BAR_MAKE_LIB")
+# 使用SAColorWidgets但不作为库使用定义的宏,此宏必须为PRIVATE
+target_compile_definitions(${SARIBBON_LIB_NAME} PRIVATE SA_COLOR_WIDGETS_MAKE_LIB)
+message(STATUS "macros predefined:#define SA_COLOR_WIDGETS_MAKE_LIB")
+if(_SARIBBON_USE_FRAMELESS_LIB)
+    #使用frameless必须设置SARIBBON_USE_3RDPARTY_FRAMELESSHELPER宏为1,此宏必须为PUBLIC
+    target_compile_definitions(${SARIBBON_LIB_NAME} PUBLIC SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1)
+    message(STATUS "macros predefined:#define SARIBBON_USE_3RDPARTY_FRAMELESSHELPER 1")
+    if(SARIBBON_ENABLE_SNAPLAYOUT)
+        # 是否开启windows11的snap layout效果，目前这个在不同qt版本下有bug
+        target_compile_definitions(${SARIBBON_LIB_NAME} PUBLIC SARIBBON_ENABLE_SNAP_LAYOUT=1)
+        message(STATUS "macros predefined:#define SARIBBON_ENABLE_SNAP_LAYOUT 1")
+    else()
+        target_compile_definitions(${SARIBBON_LIB_NAME} PUBLIC SARIBBON_ENABLE_SNAP_LAYOUT=0)
+        message(STATUS "macros predefined:#define SARIBBON_ENABLE_SNAP_LAYOUT 0")
+    endif()
+else()
+    #不使用frameless必须设置SARIBBON_USE_3RDPARTY_FRAMELESSHELPER宏为0,此宏必须为PUBLIC
+    target_compile_definitions(${SARIBBON_LIB_NAME} PUBLIC SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=0)
+    message(STATUS "macros predefined:#define SARIBBON_USE_3RDPARTY_FRAMELESSHELPER 0")
+endif()
+
+target_include_directories(${SARIBBON_LIB_NAME} PUBLIC
+    $<INSTALL_INTERFACE:include/${SARIBBON_LIB_NAME}>
+    $<BUILD_INTERFACE:${CMAKE_CURRENT_LIST_DIR}>
+)
+if(MSVC)
+    # To unbreak std::min/max
+    target_compile_definitions(${SARIBBON_LIB_NAME} PRIVATE NOMINMAX)
+    message(STATUS "macros predefined:#define NOMINMAX")
+endif()
+
+# ------------------------------- install script -------------------------------
+
+# 头文件
+install(FILES
+    ${SARIBBON_HEADER_FILES}
+    DESTINATION include/${SARIBBON_LIB_NAME}
+    COMPONENT headers
+)
+# SAColorWidget的头文件
+install(FILES
+    ${SACOLOR_HEADER_FILES}
+    DESTINATION include/${SARIBBON_LIB_NAME}/colorWidgets
+    COMPONENT headers
+)
+
+# 生成单一文件
+# 单一文件是把整个SARibbon打包为一个h和一个cpp，方便集成
+set(SARIBBON_AMALGAMATE_FILES 
+    ${CMAKE_CURRENT_SOURCE_DIR}/../SARibbon.h 
+    ${CMAKE_CURRENT_SOURCE_DIR}/../SARibbon.cpp 
+    ${CMAKE_CURRENT_SOURCE_DIR}/../SARibbon.pri
+)
+install(FILES
+    ${SARIBBON_AMALGAMATE_FILES}
+    DESTINATION ${SARIBBON_LIB_NAME}_amalgamate
+)
+# 复制resource目录到install/amalgamate目录
+install(DIRECTORY
+    ${CMAKE_CURRENT_SOURCE_DIR}/resource
+    DESTINATION ${SARIBBON_LIB_NAME}_amalgamate/SARibbonBar
+)
+# resource.qrc
+install(FILES
+    ${SARIBBON_RESOURCE_FILES}
+    DESTINATION ${SARIBBON_LIB_NAME}_amalgamate/SARibbonBar
+)
+# 复制3rdparty目录到install/amalgamate目录
+install(DIRECTORY
+    ${CMAKE_CURRENT_SOURCE_DIR}/3rdparty
+    DESTINATION ${SARIBBON_LIB_NAME}_amalgamate/SARibbonBar
+)
+
+
+include(CMakePackageConfigHelpers)
+
+# SARibbonBarConfig.cmake.in中，会让此变量和“${PACKAGE_PREFIX_DIR}/”进行拼接，也就是${PACKAGE_PREFIX_DIR}/@SARIBBON_LIB_INCLUDE_INSTALL_DIR@
+# PACKAGE_PREFIX_DIR等于${CMAKE_CURRENT_LIST_DIR}/../..
+# 最终变为${CMAKE_CURRENT_LIST_DIR}/../../include
+# 注意此处是替换，不要出现引号
+set(SARIBBON_LIB_INCLUDE_INSTALL_DIR include/${SARIBBON_LIB_NAME})
+write_basic_package_version_file(
+    ${CMAKE_CURRENT_BINARY_DIR}/${SARIBBON_LIB_NAME}ConfigVersion.cmake
+    VERSION ${SARIBBON_VERSION}
+    COMPATIBILITY SameMajorVersion
+)
+configure_package_config_file(
+    "${CMAKE_CURRENT_SOURCE_DIR}/SARibbonBarConfig.cmake.in"
+    "${CMAKE_CURRENT_BINARY_DIR}/${SARIBBON_LIB_NAME}Config.cmake"
+    INSTALL_DESTINATION lib/cmake/${SARIBBON_LIB_NAME}
+    PATH_VARS SARIBBON_LIB_INCLUDE_INSTALL_DIR
+)
+
+install(TARGETS ${SARIBBON_LIB_NAME}
+    EXPORT ${SARIBBON_LIB_NAME}Targets
+    RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}
+    LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR}
+    ARCHIVE DESTINATION ${CMAKE_INSTALL_LIBDIR}
+    INCLUDES DESTINATION ${CMAKE_INSTALL_INCLUDEDIR}/${SARIBBON_LIB_NAME}
+)
+install(EXPORT ${SARIBBON_LIB_NAME}Targets
+    FILE ${SARIBBON_LIB_NAME}Targets.cmake
+    NAMESPACE ${SARIBBON_LIB_NAME}::
+    DESTINATION ${CMAKE_INSTALL_LIBDIR}/cmake/${SARIBBON_LIB_NAME}
+)
+
+install(FILES
+    "${CMAKE_CURRENT_BINARY_DIR}/${SARIBBON_LIB_NAME}Config.cmake"
+    "${CMAKE_CURRENT_BINARY_DIR}/${SARIBBON_LIB_NAME}ConfigVersion.cmake"
+    DESTINATION ${CMAKE_INSTALL_LIBDIR}/cmake/${SARIBBON_LIB_NAME}
+)
+
+# 资源文件生成
+
+if(WIN32)
+	create_win32_resource_version(
+                TARGET ${SARIBBON_LIB_NAME}
+                FILENAME ${SARIBBON_LIB_NAME}
+		EXT "dll"
+		DESCRIPTION "Ribbon control library for Qt"
+	)
+endif()
diff --git a/gui/SARibbon/src/SARibbonBar/SAFramelessHelper.cpp b/gui/SARibbon/src/SARibbonBar/SAFramelessHelper.cpp
new file mode 100644
index 0000000..f5a722e
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SAFramelessHelper.cpp
@@ -0,0 +1,616 @@
+#include "SAFramelessHelper.h"
+#include <QRect>
+#include <QRubberBand>
+#include <QMouseEvent>
+#include <QHoverEvent>
+#include <QApplication>
+#include <QDebug>
+#include "SARibbonMainWindow.h"
+class SAPrivateFramelessWidgetData;
+
+/*****
+ * FramelessHelperPrivate
+ * 存储界面对应的数据集合，以及是否可移动、可缩放属性
+ *****/
+class SAFramelessHelper::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SAFramelessHelper)
+    friend class SAPrivateFramelessWidgetData;
+
+public:
+    PrivateData(SAFramelessHelper* p);
+    QHash< QWidget*, SAPrivateFramelessWidgetData* > m_widgetDataHash;
+    bool m_bWidgetMovable { true };
+    bool m_bWidgetResizable { true };
+    bool m_bRubberBandOnResize { true };
+    bool m_bRubberBandOnMove { true };
+};
+
+SAFramelessHelper::PrivateData::PrivateData(SAFramelessHelper* p) : q_ptr(p)
+{
+}
+
+/*****
+ * CursorPosCalculator
+ * 计算鼠标是否位于左、上、右、下、左上角、左下角、右上角、右下角
+ *****/
+class SAPrivateFramelessCursorPosCalculator
+{
+public:
+    explicit SAPrivateFramelessCursorPosCalculator();
+    void reset();
+    void recalculate(const QPoint& globalMousePos, const QRect& frameRect);
+
+public:
+    bool mIsOnEdges { true };
+    bool mIsOnLeftEdge { true };
+    bool mIsOnRightEdge { true };
+    bool mIsOnTopEdge { true };
+    bool mIsOnBottomEdge { true };
+    bool mIsOnTopLeftEdge { true };
+    bool mIsOnBottomLeftEdge { true };
+    bool mIsOnTopRightEdge { true };
+    bool mIsOnBottomRightEdge { true };
+
+    static int s_borderWidth;
+    static int s_titleHeight;
+};
+
+int SAPrivateFramelessCursorPosCalculator::s_borderWidth = 5;
+int SAPrivateFramelessCursorPosCalculator::s_titleHeight = 30;
+
+/***** CursorPosCalculator *****/
+SAPrivateFramelessCursorPosCalculator::SAPrivateFramelessCursorPosCalculator()
+{
+    reset();
+}
+
+void SAPrivateFramelessCursorPosCalculator::reset()
+{
+    mIsOnEdges           = false;
+    mIsOnLeftEdge        = false;
+    mIsOnRightEdge       = false;
+    mIsOnTopEdge         = false;
+    mIsOnBottomEdge      = false;
+    mIsOnTopLeftEdge     = false;
+    mIsOnBottomLeftEdge  = false;
+    mIsOnTopRightEdge    = false;
+    mIsOnBottomRightEdge = false;
+}
+
+void SAPrivateFramelessCursorPosCalculator::recalculate(const QPoint& gMousePos, const QRect& frameRect)
+{
+    int globalMouseX = gMousePos.x();
+    int globalMouseY = gMousePos.y();
+
+    int frameX = frameRect.x();
+    int frameY = frameRect.y();
+
+    int frameWidth  = frameRect.width();
+    int frameHeight = frameRect.height();
+
+    mIsOnLeftEdge = (globalMouseX >= frameX && globalMouseX <= frameX + s_borderWidth);
+
+    mIsOnRightEdge = (globalMouseX >= frameX + frameWidth - s_borderWidth && globalMouseX <= frameX + frameWidth);
+
+    mIsOnTopEdge = (globalMouseY >= frameY && globalMouseY <= frameY + s_borderWidth);
+
+    mIsOnBottomEdge = (globalMouseY >= frameY + frameHeight - s_borderWidth && globalMouseY <= frameY + frameHeight);
+
+    mIsOnTopLeftEdge     = mIsOnTopEdge && mIsOnLeftEdge;
+    mIsOnBottomLeftEdge  = mIsOnBottomEdge && mIsOnLeftEdge;
+    mIsOnTopRightEdge    = mIsOnTopEdge && mIsOnRightEdge;
+    mIsOnBottomRightEdge = mIsOnBottomEdge && mIsOnRightEdge;
+
+    mIsOnEdges = mIsOnLeftEdge || mIsOnRightEdge || mIsOnTopEdge || mIsOnBottomEdge;
+}
+
+/*****
+ * WidgetData
+ * 更新鼠标样式、移动窗体、缩放窗体
+ *****/
+class SAPrivateFramelessWidgetData
+{
+public:
+    explicit SAPrivateFramelessWidgetData(SAFramelessHelper::PrivateData* pd, QWidget* pTopLevelWidget);
+    ~SAPrivateFramelessWidgetData();
+    QWidget* widget();
+
+    // 处理鼠标事件-划过、按下、释放、移动
+    bool handleWidgetEvent(QEvent* event);
+
+    // 更新橡皮筋状态
+    void updateRubberBandStatus();
+
+private:
+    // 更新鼠标样式
+    void updateCursorShape(const QPoint& gMousePos);
+
+    // 重置窗体大小
+    void resizeWidget(const QPoint& gMousePos);
+
+    // 移动窗体
+    void moveWidget(const QPoint& gMousePos);
+
+    // 处理鼠标按下
+    bool handleMousePressEvent(QMouseEvent* event);
+
+    // 处理鼠标释放
+    bool handleMouseReleaseEvent(QMouseEvent* event);
+
+    // 处理鼠标移动
+    bool handleMouseMoveEvent(QMouseEvent* event);
+
+    // 处理鼠标离开
+    bool handleLeaveEvent(QEvent* event);
+
+    // 处理鼠标进入
+    bool handleHoverMoveEvent(QHoverEvent* event);
+
+    // 处理鼠标双击事件
+    bool handleDoubleClickedMouseEvent(QMouseEvent* event);
+
+private:
+    SAFramelessHelper::PrivateData* d;
+    QRubberBand* m_pRubberBand;
+    QWidget* m_pWidget;
+    QPoint m_ptDragPos;
+    SAPrivateFramelessCursorPosCalculator m_pressedMousePos;
+    SAPrivateFramelessCursorPosCalculator m_moveMousePos;
+    bool m_bLeftButtonPressed;
+    bool m_bCursorShapeChanged;
+    bool m_bLeftButtonTitlePressed;
+    Qt::WindowFlags m_windowFlags;
+};
+
+/***** WidgetData *****/
+SAPrivateFramelessWidgetData::SAPrivateFramelessWidgetData(SAFramelessHelper::PrivateData* pd, QWidget* pTopLevelWidget)
+{
+    d                         = pd;
+    m_pWidget                 = pTopLevelWidget;
+    m_bLeftButtonPressed      = false;
+    m_bCursorShapeChanged     = false;
+    m_bLeftButtonTitlePressed = false;
+    m_pRubberBand             = NULL;
+
+    m_windowFlags = m_pWidget->windowFlags();
+    m_pWidget->setMouseTracking(true);
+    m_pWidget->setAttribute(Qt::WA_Hover, true);
+
+    updateRubberBandStatus();
+}
+
+SAPrivateFramelessWidgetData::~SAPrivateFramelessWidgetData()
+{
+    m_pWidget->setMouseTracking(false);
+    m_pWidget->setWindowFlags(m_windowFlags);
+    m_pWidget->setAttribute(Qt::WA_Hover, false);
+
+    delete m_pRubberBand;
+    m_pRubberBand = NULL;
+}
+
+QWidget* SAPrivateFramelessWidgetData::widget()
+{
+    return (m_pWidget);
+}
+
+bool SAPrivateFramelessWidgetData::handleWidgetEvent(QEvent* event)
+{
+    switch (event->type()) {
+    case QEvent::MouseButtonPress:
+        return (handleMousePressEvent(static_cast< QMouseEvent* >(event)));
+
+    case QEvent::MouseButtonRelease:
+        return (handleMouseReleaseEvent(static_cast< QMouseEvent* >(event)));
+
+    case QEvent::MouseMove:
+        return (handleMouseMoveEvent(static_cast< QMouseEvent* >(event)));
+
+    case QEvent::Leave:
+        return (handleLeaveEvent(static_cast< QMouseEvent* >(event)));
+
+    case QEvent::HoverMove:
+        return (handleHoverMoveEvent(static_cast< QHoverEvent* >(event)));
+
+    case QEvent::MouseButtonDblClick:
+        return (handleDoubleClickedMouseEvent(static_cast< QMouseEvent* >(event)));
+
+    default:
+        break;
+    }
+    return (false);
+}
+
+void SAPrivateFramelessWidgetData::updateRubberBandStatus()
+{
+    if (d->m_bRubberBandOnMove || d->m_bRubberBandOnResize) {
+        if (NULL == m_pRubberBand) {
+            m_pRubberBand = new QRubberBand(QRubberBand::Rectangle);
+        }
+    } else {
+        delete m_pRubberBand;
+        m_pRubberBand = NULL;
+    }
+}
+
+void SAPrivateFramelessWidgetData::updateCursorShape(const QPoint& gMousePos)
+{
+    if (m_pWidget->isFullScreen() || m_pWidget->isMaximized()) {
+        if (m_bCursorShapeChanged) {
+            m_pWidget->unsetCursor();
+        }
+        return;
+    }
+
+    m_moveMousePos.recalculate(gMousePos, m_pWidget->frameGeometry());
+
+    if (m_moveMousePos.mIsOnTopLeftEdge || m_moveMousePos.mIsOnBottomRightEdge) {
+        m_pWidget->setCursor(Qt::SizeFDiagCursor);
+        m_bCursorShapeChanged = true;
+    } else if (m_moveMousePos.mIsOnTopRightEdge || m_moveMousePos.mIsOnBottomLeftEdge) {
+        m_pWidget->setCursor(Qt::SizeBDiagCursor);
+        m_bCursorShapeChanged = true;
+    } else if (m_moveMousePos.mIsOnLeftEdge || m_moveMousePos.mIsOnRightEdge) {
+        m_pWidget->setCursor(Qt::SizeHorCursor);
+        m_bCursorShapeChanged = true;
+    } else if (m_moveMousePos.mIsOnTopEdge || m_moveMousePos.mIsOnBottomEdge) {
+        m_pWidget->setCursor(Qt::SizeVerCursor);
+        m_bCursorShapeChanged = true;
+    } else {
+        if (m_bCursorShapeChanged) {
+            m_pWidget->unsetCursor();
+            m_bCursorShapeChanged = false;
+        }
+    }
+}
+
+void SAPrivateFramelessWidgetData::resizeWidget(const QPoint& gMousePos)
+{
+    QRect origRect;
+
+    if (d->m_bRubberBandOnResize) {
+        origRect = m_pRubberBand->frameGeometry();
+    } else {
+        origRect = m_pWidget->frameGeometry();
+    }
+
+    int left   = origRect.left();
+    int top    = origRect.top();
+    int right  = origRect.right();
+    int bottom = origRect.bottom();
+
+    origRect.getCoords(&left, &top, &right, &bottom);
+
+    int minWidth  = m_pWidget->minimumWidth();
+    int minHeight = m_pWidget->minimumHeight();
+
+    if (m_pressedMousePos.mIsOnTopLeftEdge) {
+        left = gMousePos.x();
+        top  = gMousePos.y();
+    } else if (m_pressedMousePos.mIsOnBottomLeftEdge) {
+        left   = gMousePos.x();
+        bottom = gMousePos.y();
+    } else if (m_pressedMousePos.mIsOnTopRightEdge) {
+        right = gMousePos.x();
+        top   = gMousePos.y();
+    } else if (m_pressedMousePos.mIsOnBottomRightEdge) {
+        right  = gMousePos.x();
+        bottom = gMousePos.y();
+    } else if (m_pressedMousePos.mIsOnLeftEdge) {
+        left = gMousePos.x();
+    } else if (m_pressedMousePos.mIsOnRightEdge) {
+        right = gMousePos.x();
+    } else if (m_pressedMousePos.mIsOnTopEdge) {
+        top = gMousePos.y();
+    } else if (m_pressedMousePos.mIsOnBottomEdge) {
+        bottom = gMousePos.y();
+    }
+
+    QRect newRect(QPoint(left, top), QPoint(right, bottom));
+
+    if (newRect.isValid()) {
+        if (minWidth > newRect.width()) {
+            if (left != origRect.left()) {
+                newRect.setLeft(origRect.left());
+            } else {
+                newRect.setRight(origRect.right());
+            }
+        }
+        if (minHeight > newRect.height()) {
+            if (top != origRect.top()) {
+                newRect.setTop(origRect.top());
+            } else {
+                newRect.setBottom(origRect.bottom());
+            }
+        }
+
+        if (d->m_bRubberBandOnResize) {
+            m_pRubberBand->setGeometry(newRect);
+        } else {
+            m_pWidget->setGeometry(newRect);
+        }
+    }
+}
+
+void SAPrivateFramelessWidgetData::moveWidget(const QPoint& gMousePos)
+{
+    if (d->m_bRubberBandOnMove) {
+        m_pRubberBand->move(gMousePos - m_ptDragPos);
+    } else {
+        m_pWidget->move(gMousePos - m_ptDragPos);
+    }
+}
+
+bool SAPrivateFramelessWidgetData::handleMousePressEvent(QMouseEvent* event)
+{
+    if (event->button() == Qt::LeftButton) {
+        m_bLeftButtonPressed      = true;
+        m_bLeftButtonTitlePressed = event->pos().y() < m_moveMousePos.s_titleHeight;
+
+        QRect frameRect = m_pWidget->frameGeometry();
+        auto gp         = SA_MOUSEEVENT_GLOBALPOS_POINT(event);
+        m_pressedMousePos.recalculate(gp, frameRect);
+
+        m_ptDragPos = gp - frameRect.topLeft();
+
+        if (m_pressedMousePos.mIsOnEdges) {
+            if (m_pWidget->isMaximized()) {
+                // 窗口在最大化状态时，点击边界不做任何处理
+                return (false);
+            }
+            if (d->m_bRubberBandOnResize) {
+                m_pRubberBand->setGeometry(frameRect);
+                m_pRubberBand->show();
+                return (true);
+            }
+        } else if (d->m_bRubberBandOnMove && m_bLeftButtonTitlePressed) {
+            if (m_pWidget->isMaximized()) {
+                // 窗口在最大化状态时，点击标题栏不做任何处理
+                return (false);
+            }
+            m_pRubberBand->setGeometry(frameRect);
+            m_pRubberBand->show();
+            return (true);
+        }
+    }
+    return (false);
+}
+
+bool SAPrivateFramelessWidgetData::handleMouseReleaseEvent(QMouseEvent* event)
+{
+    if (event->button() == Qt::LeftButton) {
+        m_bLeftButtonPressed      = false;
+        m_bLeftButtonTitlePressed = false;
+        m_pressedMousePos.reset();
+        if (m_pRubberBand && m_pRubberBand->isVisible()) {
+            m_pRubberBand->hide();
+            m_pWidget->setGeometry(m_pRubberBand->geometry());
+            return (true);
+        }
+    }
+    return (false);
+}
+
+bool SAPrivateFramelessWidgetData::handleMouseMoveEvent(QMouseEvent* event)
+{
+    QPoint p = SA_MOUSEEVENT_GLOBALPOS_POINT(event);
+    if (m_bLeftButtonPressed) {
+        if (d->m_bWidgetResizable && m_pressedMousePos.mIsOnEdges) {
+            if (m_pWidget->isMaximized()) {
+                // 窗口在最大化状态时，点击边界不做任何处理
+                return (false);
+            }
+            resizeWidget(p);
+            return (true);
+        } else if (d->m_bWidgetMovable && m_bLeftButtonTitlePressed) {
+            if (m_pWidget->isMaximized()) {
+                // 先求出窗口到鼠标的相对位置
+                QRect normalGeometry = m_pWidget->normalGeometry();
+                m_pWidget->showNormal();
+                p.ry() -= 10;
+                p.rx() -= (normalGeometry.width() / 2);
+                m_pWidget->move(p);
+                // 这时要重置m_ptDragPos
+                m_ptDragPos = QPoint(normalGeometry.width() / 2, 10);
+                return (true);
+            }
+            moveWidget(p);
+            return (true);
+        }
+        return (false);
+    } else if (d->m_bWidgetResizable) {
+        updateCursorShape(p);
+    }
+    return (false);
+}
+
+bool SAPrivateFramelessWidgetData::handleLeaveEvent(QEvent* event)
+{
+    Q_UNUSED(event)
+    if (!m_bLeftButtonPressed) {
+        m_pWidget->unsetCursor();
+        return (true);
+    }
+    return (false);
+}
+
+bool SAPrivateFramelessWidgetData::handleHoverMoveEvent(QHoverEvent* event)
+{
+    if (d->m_bWidgetResizable) {
+        updateCursorShape(m_pWidget->mapToGlobal(SA_HOVEREVENT_POS_POINT(event)));
+    }
+    return (false);
+}
+
+bool SAPrivateFramelessWidgetData::handleDoubleClickedMouseEvent(QMouseEvent* event)
+{
+    if (event->button() == Qt::LeftButton) {
+        if (m_pWidget) {
+            SARibbonMainWindow* mainwindow = qobject_cast< SARibbonMainWindow* >(m_pWidget);
+            if (mainwindow) {
+                if (mainwindow->windowFlags() & Qt::WindowMaximizeButtonHint) {
+                    // 在最大化按钮显示时才进行shownormal处理
+                    bool titlePressed = event->pos().y() < m_moveMousePos.s_titleHeight;
+                    if (titlePressed) {
+                        if (m_pWidget->isMaximized()) {
+                            m_pWidget->showNormal();
+                        } else {
+                            m_pWidget->showMaximized();
+                        }
+                        return (true);
+                    }
+                }
+            }
+        }
+    }
+    return (false);
+}
+
+//===================================================
+// SAFramelessHelper
+//===================================================
+SAFramelessHelper::SAFramelessHelper(QObject* parent) : QObject(parent), d_ptr(new SAFramelessHelper::PrivateData(this))
+{
+    d_ptr->m_bWidgetMovable      = true;
+    d_ptr->m_bWidgetResizable    = true;
+    d_ptr->m_bRubberBandOnResize = false;
+    d_ptr->m_bRubberBandOnMove   = false;
+    if (parent) {
+        QWidget* w = qobject_cast< QWidget* >(parent);
+        if (w) {
+            w->setWindowFlags(w->windowFlags() | Qt::FramelessWindowHint);
+            setWidgetMovable(true);       // 设置窗体可移动
+            setWidgetResizable(true);     // 设置窗体可缩放
+            setRubberBandOnMove(false);   // 设置橡皮筋效果-可移动
+            setRubberBandOnResize(true);  // 设置橡皮筋效果-可缩放
+            activateOn(w);                // 激活当前窗体
+        }
+    }
+}
+
+SAFramelessHelper::~SAFramelessHelper()
+{
+    QList< QWidget* > keys = d_ptr->m_widgetDataHash.keys();
+    int size               = keys.size();
+
+    for (int i = 0; i < size; ++i) {
+        delete d_ptr->m_widgetDataHash.take(keys[ i ]);
+    }
+}
+
+bool SAFramelessHelper::eventFilter(QObject* obj, QEvent* event)
+{
+    switch (event->type()) {
+    case QEvent::MouseMove:
+    case QEvent::HoverMove:
+    case QEvent::MouseButtonPress:
+    case QEvent::MouseButtonRelease:
+    case QEvent::MouseButtonDblClick:
+    case QEvent::Leave: {
+        SAPrivateFramelessWidgetData* data = d_ptr->m_widgetDataHash.value(static_cast< QWidget* >(obj));
+        if (data) {
+            return (data->handleWidgetEvent(event));
+        }
+        break;
+    }
+
+    default:
+        break;
+    }
+    return (QObject::eventFilter(obj, event));
+}
+
+void SAFramelessHelper::activateOn(QWidget* topLevelWidget)
+{
+    if (!d_ptr->m_widgetDataHash.contains(topLevelWidget)) {
+        SAPrivateFramelessWidgetData* data = new SAPrivateFramelessWidgetData(d_ptr.get(), topLevelWidget);
+        d_ptr->m_widgetDataHash.insert(topLevelWidget, data);
+
+        topLevelWidget->installEventFilter(this);
+    }
+}
+
+void SAFramelessHelper::removeFrom(QWidget* topLevelWidget)
+{
+    SAPrivateFramelessWidgetData* data = d_ptr->m_widgetDataHash.take(topLevelWidget);
+
+    if (data) {
+        topLevelWidget->removeEventFilter(this);
+        delete data;
+    }
+}
+
+void SAFramelessHelper::setRubberBandOnMove(bool movable)
+{
+    d_ptr->m_bRubberBandOnMove                  = movable;
+    QList< SAPrivateFramelessWidgetData* > list = d_ptr->m_widgetDataHash.values();
+
+    foreach (SAPrivateFramelessWidgetData* data, list) {
+        data->updateRubberBandStatus();
+    }
+}
+
+void SAFramelessHelper::setWidgetMovable(bool movable)
+{
+    d_ptr->m_bWidgetMovable = movable;
+}
+
+void SAFramelessHelper::setWidgetResizable(bool resizable)
+{
+    d_ptr->m_bWidgetResizable = resizable;
+}
+
+void SAFramelessHelper::setRubberBandOnResize(bool resizable)
+{
+    d_ptr->m_bRubberBandOnResize                = resizable;
+    QList< SAPrivateFramelessWidgetData* > list = d_ptr->m_widgetDataHash.values();
+
+    foreach (SAPrivateFramelessWidgetData* data, list) {
+        data->updateRubberBandStatus();
+    }
+}
+
+void SAFramelessHelper::setBorderWidth(int width)
+{
+    if (width > 0) {
+        SAPrivateFramelessCursorPosCalculator::s_borderWidth = width;
+    }
+}
+
+void SAFramelessHelper::setTitleHeight(int height)
+{
+    if (height > 0) {
+        SAPrivateFramelessCursorPosCalculator::s_titleHeight = height;
+    }
+}
+
+bool SAFramelessHelper::widgetMovable()
+{
+    return (d_ptr->m_bWidgetMovable);
+}
+
+bool SAFramelessHelper::widgetResizable()
+{
+    return (d_ptr->m_bWidgetResizable);
+}
+
+bool SAFramelessHelper::rubberBandOnMove()
+{
+    return (d_ptr->m_bRubberBandOnMove);
+}
+
+bool SAFramelessHelper::rubberBandOnResisze()
+{
+    return (d_ptr->m_bRubberBandOnResize);
+}
+
+uint SAFramelessHelper::borderWidth()
+{
+    return (SAPrivateFramelessCursorPosCalculator::s_borderWidth);
+}
+
+uint SAFramelessHelper::titleHeight()
+{
+    return (SAPrivateFramelessCursorPosCalculator::s_titleHeight);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SAFramelessHelper.h b/gui/SARibbon/src/SARibbonBar/SAFramelessHelper.h
new file mode 100644
index 0000000..b06dd17
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SAFramelessHelper.h
@@ -0,0 +1,53 @@
+#ifndef SAFRAMELESSHELPER_H
+#define SAFRAMELESSHELPER_H
+
+#include "SARibbonGlobal.h"
+#include <QObject>
+
+class QWidget;
+
+class SA_RIBBON_EXPORT SAFramelessHelper : public QObject
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SAFramelessHelper)
+    friend class SAPrivateFramelessWidgetData;
+
+public:
+    explicit SAFramelessHelper(QObject* parent);
+    ~SAFramelessHelper();
+    // 激活窗体
+    void activateOn(QWidget* topLevelWidget);
+
+    // 移除窗体
+    void removeFrom(QWidget* topLevelWidget);
+
+    // 设置窗体移动
+    void setWidgetMovable(bool movable);
+
+    // 设置窗体缩放
+    void setWidgetResizable(bool resizable);
+
+    // 设置橡皮筋移动
+    void setRubberBandOnMove(bool movable);
+
+    // 设置橡皮筋缩放
+    void setRubberBandOnResize(bool resizable);
+
+    // 设置边框的宽度
+    void setBorderWidth(int width);
+
+    // 设置标题栏高度
+    void setTitleHeight(int height);
+    bool widgetResizable();
+    bool widgetMovable();
+    bool rubberBandOnMove();
+    bool rubberBandOnResisze();
+    uint borderWidth();
+    uint titleHeight();
+
+protected:
+    // 事件过滤，进行移动、缩放等
+    virtual bool eventFilter(QObject* obj, QEvent* event);
+};
+
+#endif  // FRAMELESSHELPER_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonActionsManager.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonActionsManager.cpp
new file mode 100644
index 0000000..8fd800a
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonActionsManager.cpp
@@ -0,0 +1,638 @@
+#include "SARibbonActionsManager.h"
+#include <QMap>
+#include <QHash>
+#include <QDebug>
+#include <QWidgetAction>
+#include "SARibbonBar.h"
+
+class SARibbonActionsManager::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonActionsManager)
+public:
+	PrivateData(SARibbonActionsManager* p);
+	void clear();
+
+	QMap< int, QList< QAction* > > mTagToActions;   ///< tag : QList<QAction*>
+	QMap< int, QString > mTagToName;                ///< tag对应的名字
+	QHash< QString, QAction* > mKeyToAction;        ///< key对应action
+	QMap< QAction*, QString > mActionToKey;         ///< action对应key
+	QMap< int, SARibbonCategory* > mTagToCategory;  ///< 仅仅在autoRegisteActions函数会有用
+	int mSale;  ///< 盐用于生成固定的id，在用户不主动设置key时，id基于msale生成，只要SARibbonActionsManager的调用registeAction顺序不变，生成的id都不变，因为它是基于自增实现的
+};
+
+SARibbonActionsManager::PrivateData::PrivateData(SARibbonActionsManager* p) : q_ptr(p), mSale(0)
+{
+}
+
+void SARibbonActionsManager::PrivateData::clear()
+{
+	mTagToActions.clear();
+	mTagToName.clear();
+	mKeyToAction.clear();
+	mActionToKey.clear();
+	mTagToCategory.clear();
+	mSale = 0;
+}
+
+SARibbonActionsManager::SARibbonActionsManager(SARibbonBar* bar)
+    : QObject(bar), d_ptr(new SARibbonActionsManager::PrivateData(this))
+{
+    autoRegisteActions(bar);
+}
+
+SARibbonActionsManager::~SARibbonActionsManager()
+{
+}
+
+/**
+ * @brief 设置tag对应的名字，通过这个可以得到tag和文本的映射
+ * @param tag
+ * @param name
+ * @note 在支持多语言的环境下，在语言切换时需要重新设置，以更新名字
+ */
+void SARibbonActionsManager::setTagName(int tag, const QString& name)
+{
+    d_ptr->mTagToName[ tag ] = name;
+}
+
+/**
+ * @brief 获取tag对应的中文名字
+ * @param tag
+ * @return
+ */
+QString SARibbonActionsManager::tagName(int tag) const
+{
+    return (d_ptr->mTagToName.value(tag, ""));
+}
+
+/**
+ * @brief 移除tag
+ * @note 注意，这个函数非常耗时
+ * @param tag
+ */
+void SARibbonActionsManager::removeTag(int tag)
+{
+	QList< QAction* > oldacts = actions(tag);
+
+	// 开始移除
+	d_ptr->mTagToActions.remove(tag);
+	d_ptr->mTagToName.remove(tag);
+	// 开始查找需要移出总表的action
+	QList< QAction* > needRemoveAct;
+	QList< QAction* > total;
+
+	for (auto i = d_ptr->mTagToActions.begin(); i != d_ptr->mTagToActions.end(); ++i) {
+		total += i.value();
+	}
+	for (QAction* a : qAsConst(oldacts)) {
+		if (!total.contains(a)) {
+			needRemoveAct.append(a);
+		}
+	}
+	// 从总表移除action
+	for (QAction* a : qAsConst(needRemoveAct)) {
+		auto i = d_ptr->mActionToKey.find(a);
+		if (i != d_ptr->mActionToKey.end()) {
+			d_ptr->mKeyToAction.remove(i.value());
+			d_ptr->mActionToKey.erase(i);
+		}
+	}
+}
+
+/**
+ * @brief 把action注册到管理器中，实现action的管理
+ * @param act
+ * @param tag tag是可以按照位进行叠加，见 @ref ActionTag 如果
+ * 要定义自己的标签，建议定义大于@ref ActionTag::UserDefineActionTag 的值，
+ * registeAction的tag是直接记录进去的，如果要多个标签并存，在registe之前先或好tag
+ * @param key key是action对应的key，一个key只对应一个action，是查找action的关键
+ * ,默认情况为一个QString(),这时key是QAction的objectName
+ * @param enableEmit 控制是否发射@ref actionTagChanged 信号
+ * @note 同一个action多次注册不同的tag可以通过tag索引到action，但通过action只能索引到最后一个注册的tag
+ * @note tag的新增会触发actionTagChanged信号
+ */
+bool SARibbonActionsManager::registeAction(QAction* act, int tag, const QString& key, bool enableEmit)
+{
+	if (nullptr == act) {
+		return (false);
+	}
+	QString k = key;
+
+	if (k.isEmpty()) {
+		k = QString("id_%1_%2").arg(d_ptr->mSale++).arg(act->objectName());
+	}
+	if (d_ptr->mKeyToAction.contains(k)) {
+		qWarning() << "key: "
+				   << k << " have been exist,you can set key in an unique value when use SARibbonActionsManager::registeAction";
+		return (false);
+	}
+	d_ptr->mKeyToAction[ k ]   = act;
+	d_ptr->mActionToKey[ act ] = k;
+	// 记录tag 对 action
+	bool isneedemit = !(d_ptr->mTagToActions.contains(tag));  // 记录是否需要发射信号
+	d_ptr->mTagToActions[ tag ].append(act);
+	// 绑定槽
+	connect(act, &QObject::destroyed, this, &SARibbonActionsManager::onActionDestroyed);
+	if (isneedemit && enableEmit) {
+		// 说明新增tag
+		Q_EMIT actionTagChanged(tag, false);
+	}
+	return (true);
+}
+
+/**
+ * @brief 取消action的注册
+ *
+ * 如果tag对应的最后一个action被撤销，tag也将一块删除
+ * @param act
+ * @note tag的删除会触发actionTagChanged信号
+ * @note 如果action关联了多个tag，这些tag里的action都会被删除，对应的key也同理
+ */
+void SARibbonActionsManager::unregisteAction(QAction* act, bool enableEmit)
+{
+	if (nullptr == act) {
+		return;
+	}
+	// 绑定槽
+	disconnect(act, &QObject::destroyed, this, &SARibbonActionsManager::onActionDestroyed);
+	removeAction(act, enableEmit);
+}
+
+/**
+ * @brief 移除action
+ *
+ * 仅移除内存内容
+ * @param act
+ * @param enableEmit
+ */
+void SARibbonActionsManager::removeAction(QAction* act, bool enableEmit)
+{
+	QList< int > deletedTags;                     // 记录删除的tag，用于触发actionTagChanged
+	QMap< int, QList< QAction* > > tagToActions;  ///< tag : QList<QAction*>
+
+	for (auto i = d_ptr->mTagToActions.begin(); i != d_ptr->mTagToActions.end(); ++i) {
+		// 把不是act的内容转移到tagToActions和tagToActionKeys中，之后再和m_d里的替换
+		auto tmpi = tagToActions.insert(i.key(), QList< QAction* >());
+		int count = 0;
+		for (int j = 0; j < i.value().size(); ++j) {
+			if (i.value()[ j ] != act) {
+				tmpi.value().append(act);
+				++count;
+			}
+		}
+		if (0 == count) {
+			// 说明这个tag没有内容
+			tagToActions.erase(tmpi);
+			deletedTags.append(i.key());
+		}
+	}
+	// 删除mKeyToAction
+	QString key = d_ptr->mActionToKey.value(act);
+
+	d_ptr->mActionToKey.remove(act);
+	d_ptr->mKeyToAction.remove(key);
+
+	// 置换
+	d_ptr->mTagToActions.swap(tagToActions);
+	// 发射信号
+	if (enableEmit) {
+		for (int tagdelete : qAsConst(deletedTags)) {
+			Q_EMIT actionTagChanged(tagdelete, true);
+		}
+	}
+}
+
+/**
+ * @brief 等同actions
+ * @param tag
+ * @return
+ */
+QList< QAction* >& SARibbonActionsManager::filter(int tag)
+{
+    return (actions(tag));
+}
+
+/**
+ * @brief 根据tag得到actions
+ * @param tag
+ * @return
+ */
+QList< QAction* >& SARibbonActionsManager::actions(int tag)
+{
+    return (d_ptr->mTagToActions[ tag ]);
+}
+
+const QList< QAction* > SARibbonActionsManager::actions(int tag) const
+{
+    return (d_ptr->mTagToActions[ tag ]);
+}
+
+/**
+ * @brief 获取所有的标签
+ * @return
+ */
+QList< int > SARibbonActionsManager::actionTags() const
+{
+    return (d_ptr->mTagToActions.keys());
+}
+
+/**
+ * @brief 通过key获取action
+ * @param key
+ * @return 如果没有key，返回nullptr
+ */
+QAction* SARibbonActionsManager::action(const QString& key) const
+{
+    return (d_ptr->mKeyToAction.value(key, nullptr));
+}
+
+/**
+ * @brief 通过action找到key
+ * @param act
+ * @return 如果找不到，返回QString()
+ */
+QString SARibbonActionsManager::key(QAction* act) const
+{
+    return (d_ptr->mActionToKey.value(act, QString()));
+}
+
+/**
+ * @brief 返回所有管理的action数
+ * @return
+ */
+int SARibbonActionsManager::count() const
+{
+    return (d_ptr->mKeyToAction.size());
+}
+
+/**
+ * @brief 返回所有管理的actions
+ * @return
+ */
+QList< QAction* > SARibbonActionsManager::allActions() const
+{
+    return (d_ptr->mKeyToAction.values());
+}
+
+/**
+ * @brief 自动加载SARibbonBar的action
+ * 此函数会遍历@ref SARibbonBar的父窗口(一般是SARibbonMainWindow)下的所有子object，找到action注册，
+ * 并会遍历所有@ref SARibbonCategory,把SARibbonCategory下的action按SARibbonCategory的title name进行分类
+ *
+ * 此函数会把所有category下的action生成tag并注册，返回的QMap<int, SARibbonCategory *>是记录了category对应的tag
+ *
+ * 此函数还会把SARibbonBar的父窗口(一般是SARibbonMainWindow)下面的action，但不在任何一个category下的作为NotInRibbonCategoryTag标签注册，默认名字会赋予not
+ * in ribbon， 可以通过@ref setTagName 改变
+ *
+ * @param w
+ * @return
+ * @note 此函数的调用最好在category设置了标题后调用，因为会以category的标题作为标签的命名
+ */
+QMap< int, SARibbonCategory* > SARibbonActionsManager::autoRegisteActions(SARibbonBar* bar)
+{
+	QMap< int, SARibbonCategory* > res;
+	// 先遍历SARibbonBar的父窗口(一般是SARibbonMainWindow)下的所有子对象，把所有action找到
+	QWidget* parWidget = bar->parentWidget();
+	QSet< QAction* > mainwindowActions;
+	if (parWidget) {
+		for (QObject* o : qAsConst(parWidget->children())) {
+			if (QAction* a = qobject_cast< QAction* >(o)) {
+				// 说明是action
+				if (!a->objectName().isEmpty()) {
+					mainwindowActions.insert(a);
+				}
+			}
+		}
+	}
+	// 开始遍历每个category，加入action
+
+	if (nullptr == bar) {
+		// 非ribbon模式，直接退出
+		return (res);
+	}
+	QSet< QAction* > categoryActions;
+	QList< SARibbonCategory* > categorys = bar->categoryPages();
+	int tag                              = AutoCategoryDistinguishBeginTag;
+
+	for (SARibbonCategory* c : qAsConst(categorys)) {
+		QList< SARibbonPannel* > pannels = c->pannelList();
+		for (SARibbonPannel* p : qAsConst(pannels)) {
+			categoryActions += autoRegisteWidgetActions(p, tag, false);
+		}
+		setTagName(tag, c->categoryName());
+		res[ tag ] = c;
+		++tag;
+	}
+	// 找到不在功能区的actions
+	QSet< QAction* > notincategory = mainwindowActions - categoryActions;
+
+	for (QAction* a : qAsConst(notincategory)) {
+		if (!a->objectName().isEmpty()) {
+			registeAction(a, NotInRibbonCategoryTag, a->objectName(), false);
+		}
+	}
+	if (notincategory.size() > 0) {
+		setTagName(NotInRibbonCategoryTag, tr("not in ribbon"));
+	}
+	for (auto i = res.begin(); i != res.end(); ++i) {
+		connect(i.value(), &SARibbonCategory::categoryNameChanged, this, &SARibbonActionsManager::onCategoryTitleChanged);
+	}
+	d_ptr->mTagToCategory = res;
+	return (res);
+}
+
+/**
+ * @brief 自动加载action
+ * @param w
+ * @param tag
+ * @param enableEmit
+ * @return 返回成功加入SARibbonActionsManager管理的action
+ */
+QSet< QAction* > SARibbonActionsManager::autoRegisteWidgetActions(QWidget* w, int tag, bool enableEmit)
+{
+	QSet< QAction* > res;
+	QList< QAction* > was = w->actions();
+
+	for (QAction* a : qAsConst(was)) {
+		if (res.contains(a) || a->objectName().isEmpty()) {
+			// 重复内容不重复加入
+			// 没有object name不加入
+			continue;
+		}
+		if (registeAction(a, tag, a->objectName(), enableEmit)) {
+			res.insert(a);
+		}
+	}
+	return (res);
+}
+
+/**
+ * @brief 根据标题查找action
+ * @param text
+ * @return
+ */
+QList< QAction* > SARibbonActionsManager::search(const QString& text)
+{
+	QList< QAction* > res;
+
+	if (text.isEmpty()) {
+		return (res);
+	}
+	QStringList kws = text.split(" ");
+
+	if (kws.isEmpty()) {
+		kws.append(text);
+	}
+	QList< QAction* > acts = d_ptr->mActionToKey.keys();
+
+	for (const QString& k : qAsConst(kws)) {
+		for (auto i = d_ptr->mActionToKey.begin(); i != d_ptr->mActionToKey.end(); ++i) {
+			if (i.key()->text().contains(k, Qt::CaseInsensitive)) {
+				res.append(i.key());
+			}
+		}
+	}
+	return (res);
+}
+
+void SARibbonActionsManager::clear()
+{
+    d_ptr->clear();
+}
+
+/**
+ * @brief action 被delete时，将触发此槽把管理的action删除
+ * @param o
+ * @note 这个函数不会触发actionTagChanged信号
+ */
+void SARibbonActionsManager::onActionDestroyed(QObject* o)
+{
+	QAction* act = static_cast< QAction* >(o);
+
+	removeAction(act, false);
+}
+
+/**
+ * @brief autoRegisteActions函数会关联此槽，在标签内容改变时改变tag 对应 文本
+ * @param title
+ */
+void SARibbonActionsManager::onCategoryTitleChanged(const QString& title)
+{
+	SARibbonCategory* c = qobject_cast< SARibbonCategory* >(sender());
+
+	if (nullptr == c) {
+		return;
+	}
+	int tag = d_ptr->mTagToCategory.key(c, -1);
+
+	if (tag == -1) {
+		return;
+	}
+	setTagName(tag, title);
+}
+
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+/// SARibbonActionsModel
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+class SARibbonActionsManagerModel::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonActionsManagerModel)
+public:
+	PrivateData(SARibbonActionsManagerModel* p);
+	void updateRef();
+	int count() const;
+	QAction* at(int index);
+	bool isNull() const;
+
+public:
+	SARibbonActionsManager* mMgr { nullptr };
+	int mTag { SARibbonActionsManager::CommonlyUsedActionTag };
+	QString mSeatchText;
+	QList< QAction* > mActions;
+};
+
+SARibbonActionsManagerModel::PrivateData::PrivateData(SARibbonActionsManagerModel* p) : q_ptr(p)
+{
+}
+
+void SARibbonActionsManagerModel::PrivateData::updateRef()
+{
+	if (isNull()) {
+		return;
+	}
+	if (!mSeatchText.isEmpty()) {
+		mActions = mMgr->search(mSeatchText);
+	} else {
+		mActions = mMgr->actions(mTag);
+	}
+}
+
+int SARibbonActionsManagerModel::PrivateData::count() const
+{
+	if (isNull()) {
+		return (0);
+	}
+	return (mActions.size());
+}
+
+QAction* SARibbonActionsManagerModel::PrivateData::at(int index)
+{
+	if (isNull()) {
+		return (nullptr);
+	}
+	if (index >= count()) {
+		return (nullptr);
+	}
+	return (mActions.at(index));
+}
+
+bool SARibbonActionsManagerModel::PrivateData::isNull() const
+{
+	return (mMgr == nullptr);
+}
+
+//===================================================
+// SARibbonActionsManagerModel
+//===================================================
+
+SARibbonActionsManagerModel::SARibbonActionsManagerModel(QObject* p)
+    : QAbstractListModel(p), d_ptr(new SARibbonActionsManagerModel::PrivateData(this))
+{
+}
+
+SARibbonActionsManagerModel::SARibbonActionsManagerModel(SARibbonActionsManager* m, QObject* p)
+    : QAbstractListModel(p), d_ptr(new SARibbonActionsManagerModel::PrivateData(this))
+{
+    setupActionsManager(m);
+}
+
+SARibbonActionsManagerModel::~SARibbonActionsManagerModel()
+{
+}
+
+int SARibbonActionsManagerModel::rowCount(const QModelIndex& parent) const
+{
+	if (parent.isValid()) {  // 非顶层
+		return (0);
+	}
+	// 顶层
+	return (d_ptr->count());
+}
+
+QVariant SARibbonActionsManagerModel::headerData(int section, Qt::Orientation orientation, int role) const
+{
+	Q_UNUSED(section);
+	if (role != Qt::DisplayRole) {
+		return (QVariant());
+	}
+	if (Qt::Horizontal == orientation) {
+		return (tr("action name"));
+	}
+	return (QVariant());
+}
+
+Qt::ItemFlags SARibbonActionsManagerModel::flags(const QModelIndex& index) const
+{
+	if (!index.isValid()) {
+		return (Qt::NoItemFlags);
+	}
+	return (Qt::ItemIsSelectable | Qt::ItemIsEnabled);
+}
+
+QVariant SARibbonActionsManagerModel::data(const QModelIndex& index, int role) const
+{
+	QAction* act = indexToAction(index);
+
+	if (nullptr == act) {
+		return (QVariant());
+	}
+
+	switch (role) {
+	case Qt::DisplayRole: {
+		QString str = act->text();
+		if (!str.isEmpty()) {
+			return str;
+		}
+		// 如果文本为空，一般是没有设置文本，或者是窗口，如果是窗口，那么用windowtitle作为文本
+		if (QWidgetAction* wa = qobject_cast< QWidgetAction* >(act)) {
+			if (QWidget* w = wa->defaultWidget()) {
+				str = w->windowTitle();
+			}
+		}
+		return str;
+	}
+	case Qt::DecorationRole:
+		return (act->icon());
+
+	default:
+		break;
+	}
+	return (QVariant());
+}
+
+void SARibbonActionsManagerModel::setFilter(int tag)
+{
+	d_ptr->mTag = tag;
+	update();
+}
+
+void SARibbonActionsManagerModel::update()
+{
+	beginResetModel();
+	d_ptr->updateRef();
+	endResetModel();
+}
+
+void SARibbonActionsManagerModel::setupActionsManager(SARibbonActionsManager* m)
+{
+	d_ptr->mMgr     = m;
+	d_ptr->mTag     = SARibbonActionsManager::CommonlyUsedActionTag;
+	d_ptr->mActions = m->filter(d_ptr->mTag);
+	connect(m, &SARibbonActionsManager::actionTagChanged, this, &SARibbonActionsManagerModel::onActionTagChanged);
+	update();
+}
+
+void SARibbonActionsManagerModel::uninstallActionsManager()
+{
+	if (!d_ptr->isNull()) {
+		disconnect(
+			d_ptr->mMgr, &SARibbonActionsManager::actionTagChanged, this, &SARibbonActionsManagerModel::onActionTagChanged);
+		d_ptr->mMgr = nullptr;
+		d_ptr->mTag = SARibbonActionsManager::CommonlyUsedActionTag;
+	}
+	update();
+}
+
+QAction* SARibbonActionsManagerModel::indexToAction(QModelIndex index) const
+{
+	if (!index.isValid()) {
+		return (nullptr);
+	}
+	if (index.row() >= d_ptr->count()) {
+		return (nullptr);
+	}
+	return (d_ptr->at(index.row()));
+}
+
+/**
+ * @brief 查找
+ * @param text
+ */
+void SARibbonActionsManagerModel::search(const QString& text)
+{
+	d_ptr->mSeatchText = text;
+	update();
+}
+
+void SARibbonActionsManagerModel::onActionTagChanged(int tag, bool isdelete)
+{
+	if (isdelete && (tag == d_ptr->mTag)) {
+		d_ptr->mTag = SARibbonActionsManager::UnknowActionTag;
+		update();
+	} else {
+		if (tag == d_ptr->mTag) {
+			update();
+		}
+	}
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonActionsManager.h b/gui/SARibbon/src/SARibbonBar/SARibbonActionsManager.h
new file mode 100644
index 0000000..be4ac02
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonActionsManager.h
@@ -0,0 +1,147 @@
+#ifndef SARIBBONACTIONSMANAGER_H
+#define SARIBBONACTIONSMANAGER_H
+#include "SARibbonGlobal.h"
+#include <QObject>
+#include <QAbstractListModel>
+#include <QAction>
+#include <QMap>
+#include <QString>
+#include <QSet>
+class SARibbonBar;
+class SARibbonCategory;
+
+/**
+ * @brief 用于管理SARibbon的所有Action
+ *
+ * SARibbonActionsManager维护着两个表，一个是tag（标签）对应的Action list，
+ * 一个是所有接受SARibbonActionsManager管理的action list。
+ *
+ * SARibbonActionsManager的标签对应一组actions，每个标签对应的action可以重复出现，
+ * 但SARibbonActionsManager维护的action list里只有一份action，不会重复出现。
+ *
+ * tag用于对action list分组，每个tag的实体名字通过@ref setTagName 进行设置，在语言变化时需要及时调用
+ * setTagName设置新的标签对应的文本。
+ *
+ * SARibbonActionsManager默认预设了6个常用标签见@ref SARibbonActionsManager::ActionTag ，用户自定义标签需要在
+ * SARibbonActionsManager::UserDefineActionTag值的基础上进行累加。
+ *
+ * @ref filter （等同@ref actions ）函数用于提取标签管理的action list，@ref allActions 函数返回SARibbonActionsManager
+ * 管理的所有标签。
+ *
+ * 通过@ref autoRegisteActions 函数可以快速的建立action的管理，此函数会遍历@ref SARibbonBar下所有@ref SARibbonPannel 添加的action,并给予Category建立tag，正常使用用户仅需关注此autoRegisteActions函数即可
+ *
+ *
+ */
+class SA_RIBBON_EXPORT SARibbonActionsManager : public QObject
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonActionsManager)
+    friend class SARibbonActionsManagerModel;
+
+public:
+    /**
+     * @brief 定义action的标签
+     */
+    enum ActionTag
+    {
+        UnknowActionTag              = 0,     ///< 未知的tag
+        CommonlyUsedActionTag        = 0x01,  ///< 预设tag-常用命令
+        NotInFunctionalAreaActionTag = 0x02,  ///< 预设tag-不在功能区命令
+        AutoCategoryDistinguishBeginTag = 0x1000,  ///< 自动按Category划分的标签起始，在@ref autoRegisteActions 函数会用到
+        AutoCategoryDistinguishEndTag = 0x2000,  ///< 自动按Category划分的标签结束，在@ref autoRegisteActions 函数会用到
+        NotInRibbonCategoryTag = 0x2001,  ///< 不在功能区的标签@ref autoRegisteActions 函数会遍历所有category的action
+        UserDefineActionTag = 0x8000  ///< 自定义标签，所有用户自定义tag要大于此tag
+    };
+    explicit SARibbonActionsManager(SARibbonBar* bar);
+    ~SARibbonActionsManager();
+    //设置tag对应的名字
+    void setTagName(int tag, const QString& name);
+
+    //获取tag对应的名字
+    QString tagName(int tag) const;
+
+    //移除tag，注意，这个函数非常耗时
+    void removeTag(int tag);
+
+    //注册action
+    bool registeAction(QAction* act, int tag, const QString& key = QString(), bool enableEmit = true);
+
+    //取消action的注册
+    void unregisteAction(QAction* act, bool enableEmit = true);
+
+    //过滤得到actions对应的引用，实际是一个迭代器
+    QList< QAction* >& filter(int tag);
+
+    //通过tag筛选出系列action
+    QList< QAction* >& actions(int tag);
+    const QList< QAction* > actions(int tag) const;
+
+    //获取所有的标签
+    QList< int > actionTags() const;
+
+    //通过key获取action
+    QAction* action(const QString& key) const;
+
+    //通过action找到key
+    QString key(QAction* act) const;
+
+    //返回所有管理的action数
+    int count() const;
+
+    //返回所有管理的actions
+    QList< QAction* > allActions() const;
+
+    //自动加载action,返回tag对应的Category指针
+    QMap< int, SARibbonCategory* > autoRegisteActions(SARibbonBar* bar);
+
+    //自动加载widget下的actions函数返回的action,返回加载的数量，这些
+    QSet< QAction* > autoRegisteWidgetActions(QWidget* w, int tag, bool enableEmit = false);
+
+    //根据标题查找action
+    QList< QAction* > search(const QString& text);
+
+    //清除
+    void clear();
+
+Q_SIGNALS:
+
+    /**
+     * @brief 标签变化触发的信号，变化包括新增和删除
+     */
+    void actionTagChanged(int tag, bool isdelete);
+
+private Q_SLOTS:
+    void onActionDestroyed(QObject* o);
+    void onCategoryTitleChanged(const QString& title);
+
+private:
+    void removeAction(QAction* act, bool enableEmit = true);
+};
+
+/**
+ * @brief SARibbonActionsManager 对应的model
+ */
+class SA_RIBBON_EXPORT SARibbonActionsManagerModel : public QAbstractListModel
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonActionsManagerModel)
+public:
+    explicit SARibbonActionsManagerModel(QObject* p = nullptr);
+    explicit SARibbonActionsManagerModel(SARibbonActionsManager* m, QObject* p = nullptr);
+    ~SARibbonActionsManagerModel();
+    virtual int rowCount(const QModelIndex& parent) const override;
+    virtual QVariant headerData(int section, Qt::Orientation orientation, int role = Qt::DisplayRole) const override;
+    virtual Qt::ItemFlags flags(const QModelIndex& index) const override;
+    virtual QVariant data(const QModelIndex& index, int role) const override;
+    void setFilter(int tag);
+    void update();
+    void setupActionsManager(SARibbonActionsManager* m);
+    void uninstallActionsManager();
+    QAction* indexToAction(QModelIndex index) const;
+    void search(const QString& text);
+
+private Q_SLOTS:
+    void onActionTagChanged(int tag, bool isdelete);
+};
+
+#endif  // SARIBBONACTIONSMANAGER_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonApplicationButton.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonApplicationButton.cpp
new file mode 100644
index 0000000..adc85d6
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonApplicationButton.cpp
@@ -0,0 +1,33 @@
+#include "SARibbonApplicationButton.h"
+
+SARibbonApplicationButton::SARibbonApplicationButton(QWidget* parent) : QToolButton(parent)
+{
+    setFocusPolicy(Qt::NoFocus);
+    setAutoRaise(true);
+    setPopupMode(QToolButton::InstantPopup);
+    setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
+}
+
+SARibbonApplicationButton::SARibbonApplicationButton(const QString& text, QWidget* parent) : QToolButton(parent)
+{
+    setFocusPolicy(Qt::NoFocus);
+    setAutoRaise(true);
+    setPopupMode(QToolButton::InstantPopup);
+    setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
+    setText(text);
+}
+
+SARibbonApplicationButton::SARibbonApplicationButton(const QIcon& icon, const QString& text, QWidget* parent)
+    : QToolButton(parent)
+{
+    setFocusPolicy(Qt::NoFocus);
+    setAutoRaise(true);
+    setPopupMode(QToolButton::InstantPopup);
+    setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
+    setIcon(icon);
+    setText(text);
+}
+
+SARibbonApplicationButton::~SARibbonApplicationButton()
+{
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonApplicationButton.h b/gui/SARibbon/src/SARibbonBar/SARibbonApplicationButton.h
new file mode 100644
index 0000000..ace735a
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonApplicationButton.h
@@ -0,0 +1,21 @@
+#ifndef SARIBBONAPPLICATIONBUTTON_H
+#define SARIBBONAPPLICATIONBUTTON_H
+#include <QToolButton>
+#include "SARibbonGlobal.h"
+
+/**
+ * @brief The SARibbonApplicationButton class
+ *
+ * 默认的plicationButton,可以通过样式指定不一样的ApplicationButton
+ */
+class SA_RIBBON_EXPORT SARibbonApplicationButton : public QToolButton
+{
+    Q_OBJECT
+public:
+    explicit SARibbonApplicationButton(QWidget* parent = nullptr);
+    explicit SARibbonApplicationButton(const QString& text, QWidget* parent = nullptr);
+    explicit SARibbonApplicationButton(const QIcon& icon, const QString& text, QWidget* parent = nullptr);
+    ~SARibbonApplicationButton();
+};
+
+#endif  // SARIBBONAPPLICATIONBUTTON_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonBar.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonBar.cpp
new file mode 100644
index 0000000..e0eccdc
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonBar.cpp
@@ -0,0 +1,2636 @@
+#include "SARibbonBar.h"
+#include <QPointer>
+#include <QAction>
+#include <QApplication>
+#include <QDebug>
+#include <QHoverEvent>
+#include <QLinearGradient>
+#include <QPainter>
+#include <QResizeEvent>
+#include <QSet>
+#include <QStyleOptionMenuItem>
+#include <QTimer>
+#include <QVariant>
+#include "SARibbonButtonGroupWidget.h"
+#include "SARibbonElementManager.h"
+#include "SARibbonQuickAccessBar.h"
+#include "SARibbonStackedWidget.h"
+#include "SARibbonTabBar.h"
+#include "SARibbonApplicationButton.h"
+
+#define HELP_DRAW_RECT(p, rect)                                                                                        \
+	do {                                                                                                               \
+		p.save();                                                                                                      \
+		QPen _pen(Qt::DashDotDotLine);                                                                                 \
+		_pen.setColor(QColor(219, 26, 59));                                                                            \
+		p.setPen(_pen);                                                                                                \
+		p.setBrush(QBrush());                                                                                          \
+		p.drawRect(rect);                                                                                              \
+		p.restore();                                                                                                   \
+	} while (0)
+
+class _SAContextCategoryManagerData
+{
+public:
+	SARibbonContextCategory* contextCategory;
+	QList< int > tabPageIndex;
+	bool operator==(const SARibbonContextCategory* contextPage)
+	{
+		return (this->contextCategory == contextPage);
+	}
+};
+
+/**
+ * @todo 此处要修改，此方式容易异常
+ */
+class _SARibbonTabData
+{
+public:
+	SARibbonCategory* category;
+	int index;
+	_SARibbonTabData() : category(nullptr), index(-1)
+	{
+	}
+};
+Q_DECLARE_METATYPE(_SARibbonTabData)
+
+class SARibbonBar::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonBar)
+public:
+	QPointer< QAbstractButton > mApplicationButton;
+	QPointer< SARibbonTabBar > mRibbonTabBar;
+	QPointer< SARibbonStackedWidget > mStackedContainerWidget;
+	QPointer< SARibbonButtonGroupWidget > mRightButtonGroup;  ///< 在tab bar右边的按钮群
+	QPointer< SARibbonQuickAccessBar > mQuickAccessBar;       ///< 快速响应栏
+	QAction* mMinimumCategoryButtonAction { nullptr };        ///< 隐藏面板按钮action
+	QList< _SAContextCategoryManagerData > mCurrentShowingContextCategory;
+	QList< SARibbonContextCategory* > mContextCategoryList;  ///< 存放所有的上下文标签
+	QList< _SARibbonTabData > mHidedCategory;
+	int mIconRightBorderPosition { 1 };  ///< 标题栏x值得最小值，在有图标和快捷启动按钮，此值都需要变化
+	SARibbonBar::RibbonStyles mRibbonStyle { SARibbonBar::RibbonStyleLooseThreeRow };  ///< ribbon的风格
+	SARibbonBar::RibbonMode mCurrentRibbonMode { SARibbonBar::NormalRibbonMode };      ///< 记录当前模式
+	QSize mWindowButtonSize;                    ///< 由SARibbonMainWindow告诉的windowbutton的尺寸
+	QList< QColor > mContextCategoryColorList;  ///< contextCategory的色系
+	int mContextCategoryColorListIndex { -1 };  ///< 记录contextCategory色系索引
+	QColor mTitleTextColor;  ///< 标题文字颜色,默认无效，无效的情况下和SARibbonBar的qss:color属性一致
+	QColor mTabBarBaseLineColor { QColor(186, 201, 219) };  ///< tabbar 底部会绘制一条线条，定义线条颜色
+	QColor mContextCategoryTitleTextColor { Qt::black };    ///< 记录Context category的标题字体颜色
+	Qt::Alignment mTitleAligment { Qt::AlignCenter };       ///< 标题对齐方式
+	bool mIsTitleVisible { true };                          ///< 标题是否显示
+	SARibbonAlignment mRibbonAlignment { SARibbonAlignment::AlignLeft };                         ///< 对齐方式
+	SARibbonPannel::PannelLayoutMode mDefaulePannelLayoutMode { SARibbonPannel::ThreeRowMode };  ///< 默认的PannelLayoutMode
+    bool mEnableShowPannelTitle { true };    ///< 是否运行pannel的标题栏显示
+    bool mIsTabOnTitle { false };            ///< 是否tab在标题栏上
+    int mTitleBarHeight { 30 };              ///< 标题栏高度
+    int mTabBarHeight { 28 };                ///< tabbar高度
+    int mPannelTitleHeight { 15 };           ///< pannel的标题栏默认高度
+    int mCategoryHeight { 60 };              ///< Category的高度
+    int mPannelSpacing { 0 };                ///< pannel的spacing
+    QSize mPannelToolButtonSize { 22, 22 };  ///< 记录pannel的默认图标大小
+	std::unique_ptr< int > mUserDefTitleBarHeight;  ///< 用户定义的标题栏高度，正常不使用用户设定的高度，而是使用自动计算的高度
+	std::unique_ptr< int > mUserDefTabBarHeight;  ///< 用户定义的tabbar高度，正常不使用用户设定的高度，而是使用自动计算的高度
+	std::unique_ptr< int > mUserDefCategoryHeight;  ///< 用户定义的Category的高度，正常不使用用户设定的高度，而是使用自动计算的高度
+public:
+	PrivateData(SARibbonBar* par) : q_ptr(par)
+	{
+		mContextCategoryColorList = SARibbonBar::defaultContextCategoryColorList();
+	}
+	void init();
+	int systemTabBarHeight() const;
+	// 计算tabbar高度
+	int calcTabBarHeight();
+	// 根据字体信息计算标题栏高度
+	int calcTitleBarHeight();
+	// 根据字体信息计算category的高度
+	int calcCategoryHeight();
+	// 计算tabbar高度
+	static int calcMainBarHeight(int tabHegith, int titleHeight, int categoryHeight, bool tabOnTitle, SARibbonBar::RibbonMode rMode);
+	// 获取当前最小模式下的高度
+	int getCurrentMinimumModeMainBarHeight() const;
+	// 获取当前正常模式下的高度
+	int getCurrentNormalModeMainBarHeight() const;
+	// 重置尺寸
+	void resetSize();
+	// 获取标题栏高度
+	int titleBarHeight() const;
+	// tabbar 高度
+	int tabBarHeigth() const;
+	// category高度
+	int categoryHeight() const;
+	// 更新推荐的尺寸值
+	void updateHintSize();
+
+	void setApplicationButton(QAbstractButton* btn);
+
+	bool isContainContextCategoryInList(SARibbonContextCategory* contextCategory);
+
+	void setMinimumMode();
+
+	void setNormalMode();
+
+	QColor getContextCategoryColor();
+
+	void updateTabData();
+
+	/**
+	 * @brief 通过输入高度计算iconSize
+	 * @param h
+	 * @return
+	 */
+	static QSize calcIconSizeByHeight(int h);
+};
+
+void SARibbonBar::PrivateData::init()
+{
+	mApplicationButton = RibbonSubElementFactory->createRibbonApplicationButton(q_ptr);
+	q_ptr->connect(mApplicationButton.data(), &QAbstractButton::clicked, q_ptr, &SARibbonBar::applicationButtonClicked);
+	mRibbonTabBar = RibbonSubElementFactory->createRibbonTabBar(q_ptr);
+	mRibbonTabBar->setObjectName(QStringLiteral("objSARibbonTabBar"));
+	mRibbonTabBar->setDrawBase(false);
+	q_ptr->connect(mRibbonTabBar.data(), &QTabBar::currentChanged, q_ptr, &SARibbonBar::onCurrentRibbonTabChanged);
+	q_ptr->connect(mRibbonTabBar.data(), &QTabBar::tabBarClicked, q_ptr, &SARibbonBar::onCurrentRibbonTabClicked);
+	q_ptr->connect(mRibbonTabBar.data(), &QTabBar::tabBarDoubleClicked, q_ptr, &SARibbonBar::onCurrentRibbonTabDoubleClicked);
+	q_ptr->connect(mRibbonTabBar.data(), &QTabBar::tabMoved, q_ptr, &SARibbonBar::onTabMoved);
+	//
+	mStackedContainerWidget = RibbonSubElementFactory->createRibbonStackedWidget(q_ptr);
+	mStackedContainerWidget->setObjectName(QStringLiteral("objSARibbonStackedContainerWidget"));
+	q_ptr->connect(mStackedContainerWidget.data(), &SARibbonStackedWidget::hidWindow, q_ptr, &SARibbonBar::onStackWidgetHided);
+	// 捕获事件，在popmode时必须用到
+	mStackedContainerWidget->installEventFilter(q_ptr);
+	//
+	mQuickAccessBar = RibbonSubElementFactory->createQuickAccessBar(q_ptr);
+	mQuickAccessBar->setObjectName(QStringLiteral("objSARibbonQuickAccessBar"));
+	mQuickAccessBar->setIcon(q_ptr->windowIcon());
+	//
+	mRightButtonGroup = RibbonSubElementFactory->craeteButtonGroupWidget(q_ptr);
+	//
+	setNormalMode();
+}
+
+int SARibbonBar::PrivateData::systemTabBarHeight() const
+{
+	return q_ptr->style()->pixelMetric(QStyle::PM_TabBarBaseHeight)
+           + q_ptr->style()->pixelMetric(QStyle::PM_TabBarTabHSpace)
+           + q_ptr->style()->pixelMetric(QStyle::PM_TabBarTabOverlap);
+}
+
+/**
+ * @brief 估算tabbar的高度
+ * @param fm
+ * @return
+ */
+int SARibbonBar::PrivateData::calcTabBarHeight()
+{
+	int defaultHeight = systemTabBarHeight();
+	int fontHeight = q_ptr->fontMetrics().lineSpacing();  // 不要用height，像宋体这种字体，height=12，lineSpacing=14，有些就无法显示
+	int defaultHeight2 = fontHeight * 1.6;
+	if (defaultHeight2 < fontHeight + 10) {
+		defaultHeight2 = fontHeight + 10;  // 主要为了满足office2021主题，tab下有个4px的横杠
+	}
+	int r = qMax(defaultHeight, defaultHeight2);
+	if (r < 20) {
+		r = 20;
+	}
+	return r;
+}
+
+/**
+ * @brief 估算标题栏的高度
+ * @param fm
+ * @return
+ */
+int SARibbonBar::PrivateData::calcTitleBarHeight()
+{
+	int defaultHeight  = q_ptr->style()->pixelMetric(QStyle::PM_TitleBarHeight);
+	int defaultHeight2 = q_ptr->fontMetrics().height() * 1.8;
+	int r              = qMax(defaultHeight, defaultHeight2);
+	if (r < 25) {
+		r = 25;
+	}
+	return r;
+}
+
+/**
+ * @brief 估算category的高度
+ * @note 经过对照，1.6行高和office的高度比较接近
+ * @param fm
+ * @param s
+ * @return
+ */
+int SARibbonBar::PrivateData::calcCategoryHeight()
+{
+	int textH = q_ptr->fontMetrics().lineSpacing();  // 这里用linespace，因为在换行的情况下，行距是不可忽略的，ribbon的大按钮默认是2行
+	if (SARibbonPannel::ThreeRowMode == mDefaulePannelLayoutMode) {
+		// 5.5=（3*1.6+1） （三行）,1是给panneltitle预留的
+		return textH * 4.8 + mPannelTitleHeight;
+	} else {
+		// 3=2*1.6
+		return textH * 3.2 + mPannelTitleHeight;
+	}
+	return (textH * 4.8 + mPannelTitleHeight);
+}
+
+/**
+ * @brief 计算总高
+ *
+ * @note 此总高是普通模式下的总高
+ *
+ * @param tabHegith
+ * @param titleHeight
+ * @param categoryHeight
+ * @return
+ */
+int SARibbonBar::PrivateData::calcMainBarHeight(int tabHegith,
+                                                int titleHeight,
+                                                int categoryHeight,
+                                                bool tabOnTitle,
+                                                SARibbonBar::RibbonMode rMode)
+{
+	if (rMode == MinimumRibbonMode) {
+		// 最小模式，没有categoryHeight
+		if (tabOnTitle) {
+			return titleHeight;
+		} else {
+			return titleHeight + tabHegith;
+		}
+	} else {
+		if (tabOnTitle) {
+			return titleHeight + categoryHeight;
+		} else {
+			return tabHegith + titleHeight + categoryHeight;
+		}
+	}
+	return tabHegith + titleHeight + categoryHeight;
+}
+
+int SARibbonBar::PrivateData::getCurrentMinimumModeMainBarHeight() const
+{
+	return calcMainBarHeight(tabBarHeigth(), titleBarHeight(), categoryHeight(), mIsTabOnTitle, SARibbonBar::MinimumRibbonMode);
+}
+
+int SARibbonBar::PrivateData::getCurrentNormalModeMainBarHeight() const
+{
+    return calcMainBarHeight(tabBarHeigth(), titleBarHeight(), categoryHeight(), mIsTabOnTitle, SARibbonBar::NormalRibbonMode);
+}
+
+/**
+ * @brief 重新计算尺寸
+ */
+void SARibbonBar::PrivateData::resetSize()
+{
+	updateHintSize();
+	const int th      = tabBarHeigth();
+	int mainBarHeight = calcMainBarHeight(th, titleBarHeight(), categoryHeight(), mIsTabOnTitle, mCurrentRibbonMode);
+	// 处于最小模式下时，bar的高度为tabbar的bottom,这个调整必须在resize event之后
+	q_ptr->setFixedHeight(mainBarHeight);
+}
+
+/**
+ * @brief 标题栏高度
+ * @return
+ */
+int SARibbonBar::PrivateData::titleBarHeight() const
+{
+	if (mUserDefTitleBarHeight) {
+		return *mUserDefTitleBarHeight;
+	}
+	return mTitleBarHeight;
+}
+
+/**
+ * @brief tab高度
+ * @return
+ */
+int SARibbonBar::PrivateData::tabBarHeigth() const
+{
+	if (mUserDefTabBarHeight) {
+		return *mUserDefTabBarHeight;
+	}
+	return mTabBarHeight;
+}
+
+/**
+ * @brief category高度
+ * @return
+ */
+int SARibbonBar::PrivateData::categoryHeight() const
+{
+	if (mUserDefCategoryHeight) {
+		return *mUserDefCategoryHeight;
+	} else {
+		return mCategoryHeight;
+	}
+}
+
+/**
+ * @brief 更新推荐的尺寸值
+ */
+void SARibbonBar::PrivateData::updateHintSize()
+{
+	mTitleBarHeight = calcTitleBarHeight();
+	// mTabBarHeight有大于0的值说明用户设置了，就使用用户设置的值
+	mTabBarHeight   = calcTabBarHeight();
+	mCategoryHeight = calcCategoryHeight();
+}
+
+void SARibbonBar::PrivateData::setApplicationButton(QAbstractButton* btn)
+{
+	if (mApplicationButton) {
+		mApplicationButton->hide();
+		mApplicationButton->deleteLater();
+	}
+	if (btn) {
+		if (btn->parent() != q_ptr) {
+			btn->setParent(q_ptr);
+		}
+		btn->move(0, q_ptr->titleBarHeight());
+		btn->show();
+		q_ptr->connect(btn, &QAbstractButton::clicked, q_ptr, &SARibbonBar::applicationButtonClicked);
+	}
+	mApplicationButton = btn;
+}
+
+bool SARibbonBar::PrivateData::isContainContextCategoryInList(SARibbonContextCategory* contextCategory)
+{
+	for (int i = 0; i < mCurrentShowingContextCategory.size(); ++i) {
+		if (mCurrentShowingContextCategory[ i ] == contextCategory) {
+			return (true);
+		}
+	}
+	return (false);
+}
+
+void SARibbonBar::PrivateData::setMinimumMode()
+{
+	mCurrentRibbonMode = SARibbonBar::MinimumRibbonMode;
+	mStackedContainerWidget->setPopupMode();
+	mStackedContainerWidget->setFocusPolicy(Qt::NoFocus);
+	mStackedContainerWidget->clearFocus();
+	mRibbonTabBar->setFocus();
+	mStackedContainerWidget->hide();
+	resetSize();
+}
+
+void SARibbonBar::PrivateData::setNormalMode()
+{
+	mCurrentRibbonMode = SARibbonBar::NormalRibbonMode;
+	mStackedContainerWidget->setNormalMode();
+	mStackedContainerWidget->setFocus();
+	mStackedContainerWidget->show();
+	resetSize();
+}
+
+QColor SARibbonBar::PrivateData::getContextCategoryColor()
+{
+	if (mContextCategoryColorList.isEmpty()) {
+		mContextCategoryColorListIndex = -1;
+		return (QColor());
+	}
+	++mContextCategoryColorListIndex;
+	if ((mContextCategoryColorListIndex >= mContextCategoryColorList.size()) || (mContextCategoryColorListIndex < 0)) {
+		mContextCategoryColorListIndex = 0;
+	}
+	return (mContextCategoryColorList.at(mContextCategoryColorListIndex));
+}
+
+void SARibbonBar::PrivateData::updateTabData()
+{
+	int tabcount = mRibbonTabBar->count();
+
+	for (int i = 0; i < tabcount; ++i) {
+		QVariant var = mRibbonTabBar->tabData(i);
+		if (var.isValid()) {
+			_SARibbonTabData p = var.value< _SARibbonTabData >();
+			p.index            = i;
+			mRibbonTabBar->setTabData(i, QVariant::fromValue(p));
+		}
+	}
+	// 刷新完tabdata信息也要接着刷新ContextCategory信息
+	for (_SAContextCategoryManagerData& cd : mCurrentShowingContextCategory) {
+		cd.tabPageIndex.clear();
+		for (int i = 0; i < cd.contextCategory->categoryCount(); ++i) {
+			SARibbonCategory* category = cd.contextCategory->categoryPage(i);
+			for (int t = 0; t < tabcount; ++t) {
+				QVariant v = mRibbonTabBar->tabData(t);
+				if (v.isValid()) {
+					_SARibbonTabData d = v.value< _SARibbonTabData >();
+					if (d.category == category) {
+						cd.tabPageIndex.append(t);
+					}
+				} else {
+					cd.tabPageIndex.append(-1);
+				}
+			}
+		}
+	}
+}
+
+QSize SARibbonBar::PrivateData::calcIconSizeByHeight(int h)
+{
+	if (h - 8 >= 20) {
+		return QSize(h - 8, h - 8);
+	}
+	return QSize(h - 4, h - 4);
+}
+
+//===================================================
+// SARibbonBar
+//===================================================
+
+/**
+ * @brief SARibbonBar构造函数
+ * @param parent
+ */
+SARibbonBar::SARibbonBar(QWidget* parent) : QMenuBar(parent), d_ptr(new SARibbonBar::PrivateData(this))
+{
+	d_ptr->init();
+	ensurePolished();
+	setNativeMenuBar(false);
+	// #ifdef Q_OS_MACOS
+	//     setNativeMenuBar(false);
+	// #endif
+	// #ifdef Q_OS_LINUX
+	//     setNativeMenuBar(false);
+	// #endif
+	if (parent) {
+		connect(parent, &QWidget::windowTitleChanged, this, &SARibbonBar::onWindowTitleChanged);
+		connect(parent, &QWidget::windowIconChanged, this, &SARibbonBar::onWindowIconChanged);
+	}
+	setRibbonStyle(RibbonStyleLooseThreeRow);
+}
+
+SARibbonBar::~SARibbonBar()
+{
+}
+
+/**
+ * @brief 判断样式是否为2行
+ * @param s
+ * @return 2行返回true，返回false代表当前是3行
+ */
+bool SARibbonBar::isTwoRowStyle(SARibbonBar::RibbonStyles s)
+{
+    return s.testFlag(SARibbonBar::RibbonStyleTwoRow);
+}
+
+/**
+ * @brief 判断样式是否为3行
+ * @param s
+ * @return 3行返回true，返回false代表当前是2行
+ */
+bool SARibbonBar::isThreeRowStyle(RibbonStyles s)
+{
+    return s.testFlag(SARibbonBar::RibbonStyleThreeRow);
+}
+
+/**
+ * @brief 判断是否是宽松样式
+ * @param s
+ * @return 宽松样式（带标题栏）返回true，否则就是紧凑样式
+ */
+bool SARibbonBar::isLooseStyle(SARibbonBar::RibbonStyles s)
+{
+    return s.testFlag(SARibbonBar::RibbonStyleLoose);
+}
+
+/**
+ * @brief 判断是否是紧凑样式
+ * @param s
+ * @return 紧凑样式（不带标题栏）返回true，否则就是宽松样式
+ */
+bool SARibbonBar::isCompactStyle(RibbonStyles s)
+{
+    return s.testFlag(SARibbonBar::RibbonStyleCompact);
+}
+
+/**
+ * @brief 获取版本信息
+ * @return {SA_RIBBON_BAR_VERSION_MAJ}.{SA_RIBBON_BAR_VERSION_MIN}.{SA_RIBBON_BAR_VERSION_PAT}
+ */
+QString SARibbonBar::versionString()
+{
+    return QString("%1.%2.%3").arg(SA_RIBBON_BAR_VERSION_MAJ).arg(SA_RIBBON_BAR_VERSION_MIN).arg(SA_RIBBON_BAR_VERSION_PAT);
+}
+
+/**
+   @brief 获取默认的上下文标签颜色列表
+   @return
+ */
+QList< QColor > SARibbonBar::defaultContextCategoryColorList()
+{
+	QList< QColor > res;
+	res                           //
+        << QColor(206, 232, 252)  // 蓝
+        << QColor(253, 238, 179)  // 黄
+        << QColor(212, 255, 174)  // 绿
+        << QColor(255, 196, 214)  // 红
+        << QColor(255, 216, 153)  // 橙
+        << QColor(255, 224, 243)  // 玫红
+        ;
+	return res;
+}
+
+/**
+ * @brief 提供高分屏的支持静态函数
+ *
+ * @note 此函数需要在main函数，QApplication生成之前调用
+ * @code
+ * int main(int argc, char* argv[]){
+ *    SARibbonBar::initHighDpi();
+ *    QApplication a(argc, argv);
+ *    ...
+ * }
+ * @endcode
+ */
+void SARibbonBar::initHighDpi()
+{
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 6, 0)) && (QT_VERSION < QT_VERSION_CHECK(6, 0, 0))
+	QApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
+	QApplication::setAttribute(Qt::AA_UseHighDpiPixmaps);
+#endif
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 14, 0))
+	// 在有些时候，无法显示分割线，是由于PassThrough导致的
+	QApplication::setHighDpiScaleFactorRoundingPolicy(Qt::HighDpiScaleFactorRoundingPolicy::PassThrough);
+#endif
+}
+
+/**
+ * @brief 返回applicationButton
+ * @return 默认的applicationButton是@ref SARibbonApplicationButton 生成，通过@ref setApplicationButton 可设置为其他button
+ */
+QAbstractButton* SARibbonBar::applicationButton()
+{
+    return (d_ptr->mApplicationButton);
+}
+
+/**
+ * @brief 设置applicationButton,如果想隐藏，可以传入nullptr
+ *
+ * 默认会有一个SARibbonApplicationButton，如果想取消，可传入nullptr，或者自定义的button也可以传入
+ *
+ * @note applicationButton的所有权归SARibbonBar所有，不要在外部对applicationButton进行delete操作
+ * @param btn applicationButton指针，可以传入@ref SARibbonApplicationButton，
+ * SA已经对SARibbonApplicationButton进行了样式设置
+ */
+void SARibbonBar::setApplicationButton(QAbstractButton* btn)
+{
+	d_ptr->setApplicationButton(btn);
+	if (btn) {
+		if (btn->objectName().isEmpty()) {
+			btn->setObjectName(QStringLiteral("SARibbonApplicationButton"));
+		}
+		btn->setVisible(true);
+		// btn->setGeometry(applicationButtonGeometry());
+	}
+	// 无论设置为什么都触发resize
+	QApplication::postEvent(this, new QResizeEvent(size(), size()));
+}
+
+/**
+ * @brief 返回tabbar
+ * @return SARibbonTabBar指针
+ * @sa SARibbonTabBar
+ */
+SARibbonTabBar* SARibbonBar::ribbonTabBar()
+{
+    return (d_ptr->mRibbonTabBar);
+}
+
+/**
+ * @brief 添加一个标签
+ * 如果需要删除，直接delete即可，SARibbonBar会对其进行处理
+ * @param title 标签名字，默认情况下SARibbonCategory的object name也被设置为title
+ * @return 返回一个窗口容器，在Category里可以添加其他控件
+ * @sa SARibbonCategory
+ */
+SARibbonCategory* SARibbonBar::addCategoryPage(const QString& title)
+{
+	SARibbonCategory* category = RibbonSubElementFactory->createRibbonCategory(this);
+
+	category->setObjectName(title);
+	category->setCategoryName(title);
+	addCategoryPage(category);
+	return (category);
+}
+
+/**
+ * @brief 添加一个标签
+ * @param category
+ */
+void SARibbonBar::addCategoryPage(SARibbonCategory* category)
+{
+	if (nullptr == category) {
+		return;
+	}
+	int index = d_ptr->mRibbonTabBar->count();
+	insertCategoryPage(category, index);
+}
+
+/**
+ * @brief qtdesigner专用
+ * @param category
+ */
+void SARibbonBar::addCategoryPage(QWidget* category)
+{
+	SARibbonCategory* c = qobject_cast< SARibbonCategory* >(category);
+
+	if (c) {
+		addCategoryPage(c);
+	}
+}
+
+/**
+ * @brief 添加一个category，category的位置在index，如果当前category数量少于index，将插入到最后
+ * @param title category的标题
+ * @param index category的位置
+ * @return
+ */
+SARibbonCategory* SARibbonBar::insertCategoryPage(const QString& title, int index)
+{
+	SARibbonCategory* category = RibbonSubElementFactory->createRibbonCategory(this);
+
+	category->setObjectName(title);
+	category->setCategoryName(title);
+	insertCategoryPage(category, index);
+	return (category);
+}
+
+/**
+ * @brief 插入一个category
+ * @param category SARibbonCategory指针
+ * @param index 插入的位置，如果超出范围，将默认插入到最后
+ */
+void SARibbonBar::insertCategoryPage(SARibbonCategory* category, int index)
+{
+	if (nullptr == category) {
+		return;
+	}
+	category->setPannelLayoutMode(d_ptr->mDefaulePannelLayoutMode);
+    category->setPannelSpacing(d_ptr->mPannelSpacing);
+    category->setPannelToolButtonIconSize(d_ptr->mPannelToolButtonSize);
+    int i = d_ptr->mRibbonTabBar->insertTab(index, category->categoryName());
+
+    _SARibbonTabData tabdata;
+
+    tabdata.category = category;
+    tabdata.index    = i;
+    d_ptr->mRibbonTabBar->setTabData(i, QVariant::fromValue(tabdata));
+	d_ptr->mStackedContainerWidget->insertWidget(index, category);
+    // 更新index信息
+    d_ptr->updateTabData();
+    QApplication::postEvent(this, new QResizeEvent(size(), size()));
+
+    connect(category, &QWidget::windowTitleChanged, this, &SARibbonBar::onCategoryWindowTitleChanged);
+    connect(category, &SARibbonCategory::actionTriggered, this, &SARibbonBar::actionTriggered);
+}
+
+/**
+ * @brief 通过名字查找Category
+ * @param title Category的名字，既标签的标题
+ * @return 如果没有找到，将返回nullptr，如果有重名，将返回第一个查询到的名字，因此，尽量避免重名标签
+ * @note 由于翻译等原因，可能title会变化，因此如果想通过固定内容查找category，应该使用 @ref categoryByObjectName
+ * @see categoryByObjectName
+ */
+SARibbonCategory* SARibbonBar::categoryByName(const QString& title) const
+{
+	int c = d_ptr->mStackedContainerWidget->count();
+
+	for (int i = 0; i < c; ++i) {
+		SARibbonCategory* w = qobject_cast< SARibbonCategory* >(d_ptr->mStackedContainerWidget->widget(i));
+		if (w) {
+			if (w->categoryName() == title) {
+				return (w);
+			}
+		}
+	}
+	return (nullptr);
+}
+
+/**
+ * @brief 通过ObjectName查找Category
+ * @param objname
+ * @return 如果没有找到，将返回nullptr，如果有同样的ObjectName，将返回第一个查询到的名字，因此，尽量避免ObjectName重名
+ * @see categoryByName
+ */
+SARibbonCategory* SARibbonBar::categoryByObjectName(const QString& objname) const
+{
+	int c = d_ptr->mStackedContainerWidget->count();
+
+	for (int i = 0; i < c; ++i) {
+		SARibbonCategory* w = qobject_cast< SARibbonCategory* >(d_ptr->mStackedContainerWidget->widget(i));
+		if (w) {
+			if (w->objectName() == objname) {
+				return (w);
+			}
+		}
+	}
+	return (nullptr);
+}
+
+/**
+ * @brief 通过索引找到category，如果超过索引范围，会返回nullptr
+ * @param index 索引
+ * @return 如果超过索引范围，会返回nullptr
+ * @note 如果此时有上下文标签，上下文的标签也会返回
+ * @note 通过索引查找的category必须是visible状态的category，如果通过@ref hideCategory 隐藏的标签，通过索引是找不到的
+ * @note 通过@ref categoryByObjectName 可以找到所有加入过的标签，
+ * 如果想得到ribbonbar管理的所有标签，可以通过函数@ref categoryPages 得到
+ * @see categoryIndex categoryByObjectName categoryByName
+ */
+SARibbonCategory* SARibbonBar::categoryByIndex(int index) const
+{
+	QVariant var = d_ptr->mRibbonTabBar->tabData(index);
+
+	if (var.isValid()) {
+		_SARibbonTabData p = var.value< _SARibbonTabData >();
+		return (p.category);
+	}
+	return (nullptr);
+}
+
+/**
+ * @brief 隐藏category,并不会删除或者取走，只是隐藏
+ * @param category
+ */
+void SARibbonBar::hideCategory(SARibbonCategory* category)
+{
+	int tabcount = d_ptr->mRibbonTabBar->count();
+
+	for (int i = 0; i < tabcount; ++i) {
+		QVariant var = d_ptr->mRibbonTabBar->tabData(i);
+		if (var.isValid()) {
+			_SARibbonTabData p = var.value< _SARibbonTabData >();
+			if (p.category == category) {
+				d_ptr->mHidedCategory.append(p);
+				d_ptr->mRibbonTabBar->removeTab(i);  // 仅仅把tab移除
+				// 注意Category隐藏后，contex的位置就会发生变化，需要更新
+				d_ptr->updateTabData();
+				return;
+			}
+		}
+	}
+}
+
+/**
+ * @brief 显示被隐藏的category
+ * @param category
+ */
+void SARibbonBar::showCategory(SARibbonCategory* category)
+{
+	for (auto i = d_ptr->mHidedCategory.begin(); i != d_ptr->mHidedCategory.end(); ++i) {
+		if (i->category == category) {
+			// 说明要显示
+			int index = d_ptr->mRibbonTabBar->insertTab(i->index, i->category->categoryName());
+			i->index  = index;
+			d_ptr->mRibbonTabBar->setTabData(index, QVariant::fromValue(*i));
+			d_ptr->mHidedCategory.erase(i);  // 移除
+			// 更新index信息
+			d_ptr->updateTabData();
+			raiseCategory(category);
+			return;
+		}
+	}
+	raiseCategory(category);
+}
+
+/**
+ * @brief 判断这个category是否在显示状态，也就是tabbar有这个category
+ * @param category
+ * @return
+ */
+bool SARibbonBar::isCategoryVisible(const SARibbonCategory* c) const
+{
+	int tabindex = categoryIndex(c);
+
+	return (tabindex >= 0);
+}
+
+/**
+ * @brief 获取category的索引
+ * @param c
+ * @return 如果找不到，返回-1
+ */
+int SARibbonBar::categoryIndex(const SARibbonCategory* c) const
+{
+	// category的顺序不能以stackedwidget为准，因为存在contextcategory，contextcategory正常是不显示的
+	int tabcount = d_ptr->mRibbonTabBar->count();
+
+	for (int i = 0; i < tabcount; ++i) {
+		QVariant var = d_ptr->mRibbonTabBar->tabData(i);
+		if (var.isValid()) {
+			_SARibbonTabData p = var.value< _SARibbonTabData >();
+			if (p.category == c) {
+				return (i);
+			}
+		}
+	}
+	return (-1);
+}
+
+/**
+ * @brief 移动一个Category从from index到to index
+ * @param from
+ * @param to
+ */
+void SARibbonBar::moveCategory(int from, int to)
+{
+	d_ptr->mRibbonTabBar->moveTab(from, to);
+	// 这时要刷新所有tabdata的index信息
+	d_ptr->updateTabData();
+	// 这里会触发tabMoved信号，在tabMoved信号中调整stacked里窗口的位置
+}
+
+/**
+ * @brief 获取当前显示的所有的SARibbonCategory，包含未显示的SARibbonContextCategory的SARibbonCategory也一并返回
+ *
+ * @return
+ */
+QList< SARibbonCategory* > SARibbonBar::categoryPages(bool getAll) const
+{
+	int c = d_ptr->mStackedContainerWidget->count();
+	QList< SARibbonCategory* > res;
+
+	for (int i = 0; i < c; ++i) {
+		SARibbonCategory* w = qobject_cast< SARibbonCategory* >(d_ptr->mStackedContainerWidget->widget(i));
+		if (w) {
+			if (!getAll && w->isContextCategory()) {
+				// 不是getall且是上下文时跳过
+				continue;
+			}
+			res.append(w);
+		}
+	}
+	return (res);
+}
+
+/**
+ * @brief 移除SARibbonCategory
+ *
+ * SARibbonBar不会delete SARibbonCategory*，但这个SARibbonCategory会脱离SARibbonBar的管理
+ * 表现在tabbar会移除，面板会移除，使用此函数后可以对SARibbonCategory进行delete
+ * @param category
+ */
+void SARibbonBar::removeCategory(SARibbonCategory* category)
+{
+	int index     = tabIndex(category);
+	bool isupdate = false;
+	if (index >= 0) {
+		d_ptr->mRibbonTabBar->removeTab(index);
+		isupdate = true;
+	}
+	d_ptr->mStackedContainerWidget->removeWidget(category);
+	// 同时验证这个category是否是contexcategory里的
+
+	for (SARibbonContextCategory* c : qAsConst(d_ptr->mContextCategoryList)) {
+		c->takeCategory(category);
+	}
+	// 这时要刷新所有tabdata的index信息
+	if (isupdate) {
+		d_ptr->updateTabData();
+	}
+	// 移除完后需要重绘
+	repaint();
+	QApplication::postEvent(this, new QResizeEvent(size(), size()));
+}
+
+/**
+ * @brief 添加上下文标签
+ *
+ * 上下文标签是特殊时候触发的标签，需要用户手动触发
+ *
+ * 调用@ref SARibbonContextCategory::addCategoryPage 可在上下文标签中添加SARibbonCategory，
+ * 在上下文标签添加的SARibbonCategory，只有在上下文标签显示的时候才会显示
+ * @param title 上下文标签的标题，在Office模式下会显示，在wps模式下不显示。默认情况下SARibbonContextCategory的object name也被设置为title
+ * @param color 上下文标签的颜色，如果指定为空QColor(),将会使用SARibbonBar的默认色系
+ * @param id 上下文标签的id，以便进行查找
+ * @return 返回上下文标签指针
+ * @note SARibbonBar拥有SARibbonContextCategory的管理权，用户避免在外部直接delete,如果要删除，调用@ref destroyContextCategory 函数
+ */
+SARibbonContextCategory* SARibbonBar::addContextCategory(const QString& title, const QColor& color, const QVariant& id)
+{
+	SARibbonContextCategory* context = RibbonSubElementFactory->createRibbonContextCategory(this);
+
+	context->setObjectName(title);
+	context->setContextTitle(title);
+	context->setId(id);
+	context->setContextColor(color.isValid() ? color : d_ptr->getContextCategoryColor());
+	addContextCategory(context);
+	return (context);
+}
+
+/**
+ * @brief 添加上下文标签
+ * @param context
+ */
+void SARibbonBar::addContextCategory(SARibbonContextCategory* context)
+{
+	if (nullptr == context) {
+		return;
+	}
+	connect(context, &SARibbonContextCategory::categoryPageAdded, this, &SARibbonBar::onContextsCategoryPageAdded);
+	connect(context, &SARibbonContextCategory::categoryTitleChanged, this, &SARibbonBar::onContextsCategoryCategoryNameChanged);
+	// remove并没有绑定，主要是remove后在stacked里也不会显示，remove且delete的话，stacked里也会删除
+	d_ptr->mContextCategoryList.append(context);
+}
+
+/**
+ * @brief 显示上下文标签
+ * @param context 上下文标签指针
+ */
+void SARibbonBar::showContextCategory(SARibbonContextCategory* context)
+{
+	if (isContextCategoryVisible(context)) {
+		return;
+	}
+	_SAContextCategoryManagerData contextCategoryData;
+
+	contextCategoryData.contextCategory = context;
+	for (int i = 0; i < context->categoryCount(); ++i) {
+		SARibbonCategory* category = context->categoryPage(i);
+		// 此句如果模式重复设置不会进行多余操作
+		category->setPannelLayoutMode(d_ptr->mDefaulePannelLayoutMode);
+		// 切换模式后会改变高度，上下文标签显示时要保证显示出来
+		int index = d_ptr->mRibbonTabBar->addTab(category->categoryName());
+		contextCategoryData.tabPageIndex.append(index);
+
+		_SARibbonTabData tabdata;
+		tabdata.category = category;
+		tabdata.index    = index;
+		d_ptr->mRibbonTabBar->setTabData(index, QVariant::fromValue(tabdata));
+	}
+	d_ptr->mCurrentShowingContextCategory.append(contextCategoryData);
+	// 由于上下文都是在最后追加，不需要调用updateTabData();
+	QApplication::postEvent(this, new QResizeEvent(size(), size()));
+}
+
+/**
+ * @brief 隐藏上下文标签
+ * @param context 上下文标签指针
+ */
+void SARibbonBar::hideContextCategory(SARibbonContextCategory* context)
+{
+	bool needResize = false;
+
+	for (int i = 0; i < d_ptr->mCurrentShowingContextCategory.size(); ++i) {
+		if (d_ptr->mCurrentShowingContextCategory[ i ].contextCategory == context) {
+			const QList< int >& indexs = d_ptr->mCurrentShowingContextCategory[ i ].tabPageIndex;
+			for (int j = indexs.size() - 1; j >= 0; --j) {
+				d_ptr->mRibbonTabBar->removeTab(indexs[ j ]);
+			}
+			// 注意，再删除ContextCategory后，tab的序号就会改变，这时，这个tab后面的都要调整它的序号
+			needResize = true;
+			d_ptr->mCurrentShowingContextCategory.removeAt(i);
+			// 移除了ContextCategory后需要break
+			break;
+		}
+	}
+	if (needResize) {
+		d_ptr->updateTabData();
+		QApplication::postEvent(this, new QResizeEvent(size(), size()));
+	}
+}
+
+/**
+ * @brief 判断上下文是否在显示状态
+ * @param context
+ * @return 在显示状态返回true
+ * @sa setContextCategoryVisible
+ */
+bool SARibbonBar::isContextCategoryVisible(SARibbonContextCategory* context)
+{
+    return (d_ptr->isContainContextCategoryInList(context));
+}
+
+/**
+ * @brief 设置上下文标签的显示状态
+ *
+ * 上下文标签的当前显示状态可通过 @ref isContextCategoryVisible 进行判断
+ * @param context 上下文标签
+ * @param visible 显示状态，true为显示
+ */
+void SARibbonBar::setContextCategoryVisible(SARibbonContextCategory* context, bool visible)
+{
+	if (nullptr == context) {
+		return;
+	}
+	if (visible) {
+		showContextCategory(context);
+	} else {
+		hideContextCategory(context);
+	}
+}
+
+/**
+ * @brief 获取所有的上下文标签
+ * @return 返回上下文标签列表
+ */
+QList< SARibbonContextCategory* > SARibbonBar::contextCategoryList() const
+{
+    return (d_ptr->mContextCategoryList);
+}
+
+/**
+ * @brief 销毁上下文标签，上下文标签的SARibbonCategory也会随之销毁
+ * @param context 需要销毁的上下文标签指针
+ */
+void SARibbonBar::destroyContextCategory(SARibbonContextCategory* context)
+{
+	if (nullptr == context) {
+		return;
+	}
+	//! 1、如果上下文标签显示中，先隐藏
+	if (isContextCategoryVisible(context)) {
+		hideContextCategory(context);
+	}
+	//! 2、删除上下文标签的相关内容
+	d_ptr->mContextCategoryList.removeAll(context);
+	//!
+	QList< SARibbonCategory* > res = context->categoryList();
+
+	for (SARibbonCategory* c : qAsConst(res)) {
+		c->hide();
+		c->deleteLater();
+	}
+	context->deleteLater();
+	QApplication::postEvent(this, new QResizeEvent(size(), size()));
+}
+
+/**
+ * @brief 设置为最小/正常模式
+ *
+ * 隐藏模式下，只会显示tabbar，不会显示内容，默认状态是显示模式
+ *
+ * 默认下双击tabbar会切换隐藏显示模式，如果想禁用此功能，可以重载 @ref onCurrentRibbonTabDoubleClicked
+ * 函数，不对函数进行任何处理即可
+ *
+ * @param isMinimum 参数为true时，切换为Minimum模式
+ * @see 此函数会改变@ref RibbonState 状态，通过@ref currentRibbonState 函数可以查看当前状态
+ */
+void SARibbonBar::setMinimumMode(bool isMinimum)
+{
+#ifdef SA_RIBBON_DEBUG_HELP_DRAW
+	qDebug() << "SARibbonBar::setHideMode " << isMinimum;
+#endif
+	if (isMinimum) {
+		d_ptr->setMinimumMode();
+	} else {
+		d_ptr->setNormalMode();
+	}
+	QResizeEvent resizeEvent(size(), size());
+	QApplication::sendEvent(this, &resizeEvent);
+	// 发射信号
+	Q_EMIT ribbonModeChanged(isMinimum ? MinimumRibbonMode : NormalRibbonMode);
+}
+
+///
+/// \brief 当前ribbon是否是隐藏模式
+/// \return
+///
+bool SARibbonBar::isMinimumMode() const
+{
+	return (d_ptr->mStackedContainerWidget->isPopupMode());
+}
+
+///
+/// \brief 设置显示隐藏ribbon按钮
+///
+void SARibbonBar::showMinimumModeButton(bool isShow)
+{
+	if (isShow) {
+		activeRightButtonGroup();
+
+		d_ptr->mMinimumCategoryButtonAction = new QAction(this);
+		d_ptr->mMinimumCategoryButtonAction->setIcon(
+            style()->standardIcon(isMinimumMode() ? QStyle::SP_TitleBarUnshadeButton : QStyle::SP_TitleBarShadeButton,
+                                  nullptr));
+		connect(d_ptr->mMinimumCategoryButtonAction, &QAction::triggered, this, [ this ]() {
+			this->setMinimumMode(!isMinimumMode());
+			this->d_ptr->mMinimumCategoryButtonAction->setIcon(
+                style()->standardIcon(isMinimumMode() ? QStyle::SP_TitleBarUnshadeButton : QStyle::SP_TitleBarShadeButton,
+                                      nullptr));
+		});
+		d_ptr->mRightButtonGroup->addAction(d_ptr->mMinimumCategoryButtonAction);
+
+	} else {
+		if (nullptr != d_ptr->mMinimumCategoryButtonAction) {
+			d_ptr->mMinimumCategoryButtonAction->deleteLater();
+			d_ptr->mMinimumCategoryButtonAction = nullptr;
+		}
+	}
+	QResizeEvent resizeEvent(size(), size());
+
+	QApplication::sendEvent(this, &resizeEvent);
+}
+
+/**
+ * @brief 是否显示隐藏ribbon按钮
+ * @return
+ */
+bool SARibbonBar::haveShowMinimumModeButton() const
+{
+    return (nullptr != d_ptr->mMinimumCategoryButtonAction);
+}
+
+/**
+   @brief 隐藏ribbon对应的action
+   @return
+ */
+QAction* SARibbonBar::minimumModeAction() const
+{
+    return d_ptr->mMinimumCategoryButtonAction;
+}
+
+/**
+ * @brief 当前ribbon的状态（正常|最小化）
+ * @return
+ */
+SARibbonBar::RibbonMode SARibbonBar::currentRibbonState() const
+{
+    return (d_ptr->mCurrentRibbonMode);
+}
+
+/**
+   @brief tabBar的高度
+   @return
+ */
+int SARibbonBar::tabBarHeight() const
+{
+	return d_ptr->tabBarHeigth();
+	// return d_ptr->mRibbonTabBar->height();
+}
+
+/**
+ * @brief 设置tabbar的高度
+ *
+ * 用户调用setTabBarHeight后，将使用用户设定的高度，而不使用自动计算的高度，这时tabbar高度不会跟随字体等信息重新计算
+ *
+ * @note 注意，在RibbonStyleCompact**模式下，tabbar高度要保证小于等于titlebar高度，否则会显示异常
+ * @note 此函数不会自动刷新，如果需要刷新调用此函数后需要调用@ref updateRibbonGeometry
+ * @param h
+ */
+void SARibbonBar::setTabBarHeight(int h, bool resizeByNow)
+{
+	if (nullptr == d_ptr->mUserDefTabBarHeight) {
+		d_ptr->mUserDefTabBarHeight = std::make_unique< int >(h);
+	} else {
+		*(d_ptr->mUserDefTabBarHeight) = h;
+	}
+	if (resizeByNow) {
+		updateRibbonGeometry();
+	}
+}
+
+/**
+   @brief 返回标题栏高度
+   @sa setTitleBarHeight
+   @return
+ */
+int SARibbonBar::titleBarHeight() const
+{
+    return d_ptr->titleBarHeight();
+}
+
+/**
+   @brief 设置标题栏的高度
+   @sa titleBarHeight
+   @note 此操作会发射@ref titleBarHeightChanged 信号
+   @param h
+ */
+void SARibbonBar::setTitleBarHeight(int h, bool resizeByNow)
+{
+	int oldHeight = d_ptr->mTitleBarHeight;
+	if (nullptr == d_ptr->mUserDefTitleBarHeight) {
+		d_ptr->mUserDefTitleBarHeight = std::make_unique< int >(h);
+	} else {
+		*(d_ptr->mUserDefTitleBarHeight) = h;
+		//
+		oldHeight = *(d_ptr->mUserDefTitleBarHeight);
+	}
+
+	if (resizeByNow) {
+		updateRibbonGeometry();
+	}
+	Q_EMIT titleBarHeightChanged(oldHeight, h);
+}
+
+/**
+ * @brief category的高度
+ * @return
+ */
+int SARibbonBar::categoryHeight() const
+{
+    return d_ptr->mStackedContainerWidget->height();
+}
+
+/**
+ * @brief 设置category的高度
+ * @param h
+ * @param resizeByNow
+ */
+void SARibbonBar::setCategoryHeight(int h, bool resizeByNow)
+{
+	if (nullptr == d_ptr->mUserDefCategoryHeight) {
+		d_ptr->mUserDefCategoryHeight = std::make_unique< int >(h);
+	} else {
+		*(d_ptr->mUserDefCategoryHeight) = h;
+	}
+	resizeStackedContainerWidget();
+	if (resizeByNow) {
+		updateRibbonGeometry();
+	}
+}
+
+void SARibbonBar::onWindowTitleChanged(const QString& title)
+{
+	Q_UNUSED(title);
+	update();
+}
+
+void SARibbonBar::onWindowIconChanged(const QIcon& i)
+{
+	if (quickAccessBar()) {
+		quickAccessBar()->setIcon(i);
+	}
+}
+
+/**
+ * @brief category的名字发生改变触发
+ * @param title
+ */
+void SARibbonBar::onCategoryWindowTitleChanged(const QString& title)
+{
+	// 全部更新一遍
+	Q_UNUSED(title);
+	updateCategoryTitleToTabName();
+}
+
+///
+/// \brief ribbon的显示界面隐藏
+///
+void SARibbonBar::onStackWidgetHided()
+{
+}
+
+/**
+ * @brief 标签切换触发槽函数
+ * @param index
+ */
+void SARibbonBar::onCurrentRibbonTabChanged(int index)
+{
+	QVariant var               = d_ptr->mRibbonTabBar->tabData(index);
+	SARibbonCategory* category = nullptr;
+
+	if (var.isValid()) {
+		_SARibbonTabData p = var.value< _SARibbonTabData >();
+		category           = p.category;
+	}
+	if (!category) {
+		return;
+	}
+	if (d_ptr->mStackedContainerWidget->currentWidget() != category) {
+		d_ptr->mStackedContainerWidget->setCurrentWidget(category);
+	}
+	Q_EMIT currentRibbonTabChanged(index);
+	if (isMinimumMode()) {
+		d_ptr->mRibbonTabBar->clearFocus();
+		if (!d_ptr->mStackedContainerWidget->isVisible()) {
+			if (d_ptr->mStackedContainerWidget->isPopupMode()) {
+				// 在stackedContainerWidget弹出前，先给tabbar一个QHoverEvent,让tabbar知道鼠标已经移开
+				QHoverEvent ehl(QEvent::HoverLeave,
+                                d_ptr->mRibbonTabBar->mapToGlobal(QCursor::pos()),
+                                d_ptr->mRibbonTabBar->mapToGlobal(QCursor::pos()));
+				QApplication::sendEvent(d_ptr->mRibbonTabBar, &ehl);
+				resizeStackedContainerWidget();
+				d_ptr->mStackedContainerWidget->setFocus();
+				// exec之前先发射信息号，否则会被exec阻塞
+				d_ptr->mStackedContainerWidget->show();
+			}
+		}
+	}
+}
+
+/**
+ * @brief ribbon tab bar单击
+ *
+ * 此实现必须在eventfilter中传递stackedwidget的QEvent::MouseButtonDblClick事件到tabbar中，否则会导致双击变两次单击
+ *
+ * 单击事件仅用于响应点击同一个tab时
+ * @param index
+ */
+void SARibbonBar::onCurrentRibbonTabClicked(int index)
+{
+	if (index != d_ptr->mRibbonTabBar->currentIndex()) {
+		// 点击的标签不一致通过changed槽去处理
+		return;
+	}
+	if (this->isMinimumMode()) {
+		if (!this->d_ptr->mStackedContainerWidget->isVisible()) {
+			if (this->d_ptr->mStackedContainerWidget->isPopupMode()) {
+				// 在stackedContainerWidget弹出前，先给tabbar一个QHoverEvent,让tabbar知道鼠标已经移开
+				QHoverEvent ehl(QEvent::HoverLeave,
+                                d_ptr->mRibbonTabBar->mapToGlobal(QCursor::pos()),
+                                d_ptr->mRibbonTabBar->mapToGlobal(QCursor::pos()));
+				QApplication::sendEvent(d_ptr->mRibbonTabBar, &ehl);
+				// 弹出前都调整一下位置，避免移动后位置异常
+				resizeStackedContainerWidget();
+				this->d_ptr->mStackedContainerWidget->setFocus();
+				this->d_ptr->mStackedContainerWidget->exec();
+			}
+		}
+	}
+}
+
+/**
+ * @brief ribbon tab bar双击
+ *
+ * 默认情况下双击会切换最小和正常模式
+ * @param index
+ */
+void SARibbonBar::onCurrentRibbonTabDoubleClicked(int index)
+{
+	Q_UNUSED(index);
+	setMinimumMode(!isMinimumMode());
+}
+
+void SARibbonBar::onContextsCategoryPageAdded(SARibbonCategory* category)
+{
+	Q_ASSERT_X(category != nullptr, "onContextsCategoryPageAdded", "add nullptr page");
+	d_ptr->mStackedContainerWidget->addWidget(category);  // 这里stackedWidget用append，其他地方都应该使用insert
+}
+
+/**
+ * @brief 上下文标签管理的标签的名字发生变换
+ * @param category
+ * @param title
+ */
+void SARibbonBar::onContextsCategoryCategoryNameChanged(SARibbonCategory* category, const QString& title)
+{
+	Q_UNUSED(category);
+	Q_UNUSED(title);
+	updateCategoryTitleToTabName();
+}
+
+/**
+ * @brief 标签移动的信号
+ * @param from
+ * @param to
+ */
+void SARibbonBar::onTabMoved(int from, int to)
+{
+	const QSignalBlocker blocker(d_ptr->mStackedContainerWidget);
+	// 调整stacked widget的顺序，调整顺序是为了调用categoryPages函数返回的QList<SARibbonCategory *>顺序和tabbar一致
+	d_ptr->mStackedContainerWidget->moveWidget(from, to);
+}
+
+/**
+ * @brief 根据SARibbonCategory*指针查找tabbar的index
+ *
+ * @param c SARibbonCategory对应的QObject指针
+ * @return 如果没有找到，返回-1
+ * @note 此函数不会调用SARibbonCategory*的任何方法，因此可以在SARibbonCategory的destroyed槽中调用
+ */
+int SARibbonBar::tabIndex(SARibbonCategory* obj)
+{
+	const int size = d_ptr->mRibbonTabBar->count();
+
+	for (int i = 0; i < size; ++i) {
+		QVariant v = d_ptr->mRibbonTabBar->tabData(i);
+		if (v.isValid()) {
+			_SARibbonTabData innervalue = v.value< _SARibbonTabData >();
+			if (innervalue.category == obj) {
+				return (i);
+			}
+		}
+	}
+	// 如果找不到就从stackedwidget中找
+
+	return (-1);
+}
+
+void SARibbonBar::resizeAll()
+{
+	if (isLooseStyle()) {
+		resizeInLooseStyle();
+	} else {
+		resizeInCompactStyle();
+	}
+	update();
+}
+
+/**
+ * @brief 把ribbonbar的内容，同步进各个category中
+ * @param autoUpdate
+ */
+void SARibbonBar::synchronousCategoryData(bool autoUpdate)
+{
+	iterate([ this ](SARibbonCategory* c) -> bool {
+		c->setEnableShowPannelTitle(this->isEnableShowPannelTitle());
+		c->setPannelTitleHeight(this->pannelTitleHeight());
+		c->setCategoryAlignment(this->ribbonAlignment());
+		c->setPannelLayoutMode(this->pannelLayoutMode());
+		return true;
+	});
+
+	//! 直接给一个resizeevent，让所有刷新
+	if (autoUpdate) {
+		QResizeEvent* e = new QResizeEvent(size(), QSize());
+		QApplication::postEvent(this, e);
+	}
+}
+
+/**
+   @brief 激活tabbar右边的按钮群
+   @return 返回右边的按钮群指针
+ */
+SARibbonButtonGroupWidget* SARibbonBar::activeRightButtonGroup()
+{
+	if (nullptr == d_ptr->mRightButtonGroup) {
+		d_ptr->mRightButtonGroup = RibbonSubElementFactory->craeteButtonGroupWidget(this);
+	}
+	d_ptr->mRightButtonGroup->show();
+	return d_ptr->mRightButtonGroup;
+}
+
+/**
+   @brief 返回右边的按钮群指针
+   @return 如果没有创建，返回nullptr
+ */
+SARibbonButtonGroupWidget* SARibbonBar::rightButtonGroup()
+{
+    return d_ptr->mRightButtonGroup;
+}
+
+/**
+   @brief 激活QuickAccessBar
+   @return
+ */
+SARibbonQuickAccessBar* SARibbonBar::activeQuickAccessBar()
+{
+	if (nullptr == d_ptr->mQuickAccessBar) {
+		d_ptr->mQuickAccessBar = RibbonSubElementFactory->createQuickAccessBar(this);
+		d_ptr->mQuickAccessBar->setObjectName(QStringLiteral("objSARibbonQuickAccessBar"));
+		d_ptr->mQuickAccessBar->setIcon(windowIcon());
+	}
+	d_ptr->mQuickAccessBar->show();
+	return d_ptr->mQuickAccessBar;
+}
+
+SARibbonQuickAccessBar* SARibbonBar::quickAccessBar()
+{
+    return (d_ptr->mQuickAccessBar);
+}
+
+/**
+ * @brief 设置ribbonbar的风格，此函数会重新设置所有元素，包括button的布局方式，
+ * 尤其是从三行变到两行的过程，重设的内容较多
+ * @note 此函数会自动触发ResizeEvent，不需要手动调用
+ * @note 默认情况下2行模式不换行,如果想在两行模式换行，在调用SARibbonBar::setRibbonStyle后，再SARibbonToolButton::setEnableWordWrap(true)
+ * ,同时再调用updateRibbonElementGeometry()刷新布局
+ * @param v 样式，见@ref SARibbonBar::RibbonStyle
+ */
+void SARibbonBar::setRibbonStyle(SARibbonBar::RibbonStyles v)
+{
+	// 先幅值给变量
+	d_ptr->mRibbonStyle = v;
+#if SA_DEBUG_PRINT_SIZE_HINT
+	qDebug() << "setRibbonStyle(" << v << ")"                //
+             << "\n  isThreeRowStyle=" << isThreeRowStyle()  //
+             << "\n  isTwoRowStyle=" << isTwoRowStyle()      //
+             << "\n  isLooseStyle=" << isLooseStyle()        //
+             << "\n  isCompactStyle=" << isCompactStyle()    //
+        ;
+#endif
+	// 执行判断
+	setEnableWordWrap(isThreeRowStyle(v));
+	setTabOnTitle(isCompactStyle());
+	d_ptr->mQuickAccessBar->setEnableShowIcon(isLooseStyle());
+	setEnableShowPannelTitle(isThreeRowStyle(v));
+	setPannelLayoutMode(isThreeRowStyle(v) ? SARibbonPannel::ThreeRowMode : SARibbonPannel::TwoRowMode);
+
+	// 此函数会调用setFixedHeight
+	synchronousCategoryData(false);  // 这里不急着刷新，下面会继续刷新
+	d_ptr->resetSize();
+
+	Q_EMIT ribbonStyleChanged(d_ptr->mRibbonStyle);
+}
+
+/**
+   @brief 返回当前ribbon的风格
+   @return 返回当前ribbon的风格
+ */
+SARibbonBar::RibbonStyles SARibbonBar::currentRibbonStyle() const
+{
+    return (d_ptr->mRibbonStyle);
+}
+
+/**
+   @brief 切换到对应标签
+   @param index 标签索引
+ */
+void SARibbonBar::setCurrentIndex(int index)
+{
+	d_ptr->mRibbonTabBar->setCurrentIndex(index);
+	// onCurrentRibbonTabChanged(index);
+}
+
+/**
+ * @brief 返回当前的tab索引
+ * @return 当前的索引
+ */
+int SARibbonBar::currentIndex()
+{
+    return (d_ptr->mRibbonTabBar->currentIndex());
+}
+
+/**
+ * @brief 确保标签显示出来，tab并切换到对应页
+ * @param category 标签指针
+ */
+void SARibbonBar::raiseCategory(SARibbonCategory* category)
+{
+	int index = d_ptr->mStackedContainerWidget->indexOf(category);
+
+	if (index >= 0) {
+		setCurrentIndex(index);
+	}
+}
+
+/**
+ * @brief 判断当前的样式是否为2行
+ * @return
+ */
+bool SARibbonBar::isTwoRowStyle() const
+{
+    return (d_ptr->mDefaulePannelLayoutMode == SARibbonPannel::TwoRowMode);
+}
+
+/**
+ * @brief 判断当前的样式是否为3行
+ * @return
+ */
+bool SARibbonBar::isThreeRowStyle() const
+{
+    return (d_ptr->mDefaulePannelLayoutMode == SARibbonPannel::ThreeRowMode);
+}
+
+/**
+ * @brief 判断当前的样式是否为宽松样式
+ * @return
+ */
+bool SARibbonBar::isLooseStyle() const
+{
+    return (SARibbonBar::isLooseStyle(currentRibbonStyle()));
+}
+
+/**
+ * @brief 判断当前的样式是否为紧凑样式
+ * @return
+ */
+bool SARibbonBar::isCompactStyle() const
+{
+    return (SARibbonBar::isCompactStyle(currentRibbonStyle()));
+}
+
+/**
+ * @brief 设置标题的文字颜色
+ *
+ * 标题时mainwindow的windowTitle，如果要设置标题，直接调用SARibbonMainWindow::setWindowTitle 进行设置
+ *
+ * 如果不设置标题颜色，默认是SARibbonBar的qss的color属性
+ * @param clr
+ * @note 此函数不会刷新，刷新请自行调用repaint
+ */
+void SARibbonBar::setWindowTitleTextColor(const QColor& clr)
+{
+    d_ptr->mTitleTextColor = clr;
+}
+
+/**
+ * @brief 获取标题的文字颜色
+ * @return 如果返回的是无效颜色，!QColor::isValid()，说明没有手动设置颜色，颜色将跟随SARibbonBar的qss的文字颜色
+ */
+QColor SARibbonBar::windowTitleTextColor() const
+{
+    return d_ptr->mTitleTextColor;
+}
+
+/**
+ * @brief tabbar 底部会绘制一条线条，此接口定义线条颜色
+ * @param clr
+ */
+void SARibbonBar::setTabBarBaseLineColor(const QColor& clr)
+{
+    d_ptr->mTabBarBaseLineColor = clr;
+}
+
+/**
+ * @brief 获取tabbar底部基线颜色
+ * @return
+ */
+QColor SARibbonBar::tabBarBaseLineColor() const
+{
+    return d_ptr->mTabBarBaseLineColor;
+}
+
+/**
+ * @brief 更新ribbon的布局数据，此函数适用于一些关键性尺寸变化，换起ribbon下面元素的布局
+ *
+ * @note 此函数调用较慢，避免在高速要求场合调用
+ */
+void SARibbonBar::updateRibbonGeometry()
+{
+	d_ptr->resetSize();
+	iterate([](SARibbonCategory* c) -> bool {
+		c->updateItemGeometry();
+		return true;
+	});
+	// ！主题变更后，tabbar的长度需要进行刷新
+
+	//! 直接给一个resizeevent，让所有刷新
+	QResizeEvent* e = new QResizeEvent(size(), QSize());
+	QApplication::postEvent(this, e);
+}
+
+/**
+ * @brief SARibbonPannel的布局模式
+ * @return
+ */
+SARibbonPannel::PannelLayoutMode SARibbonBar::pannelLayoutMode() const
+{
+    return d_ptr->mDefaulePannelLayoutMode;
+}
+
+/**
+ * @brief SARibbonPannel的布局模式设置
+ * @param m
+ */
+void SARibbonBar::setPannelLayoutMode(SARibbonPannel::PannelLayoutMode m)
+{
+	d_ptr->mDefaulePannelLayoutMode = m;
+	iterate([ m ](SARibbonCategory* c) -> bool {
+		c->setPannelLayoutMode(m);
+		return true;
+	});
+}
+
+/**
+ * @brief 设置tab在title上面，这样可以省略title区域
+ * @param on
+ */
+void SARibbonBar::setTabOnTitle(bool on)
+{
+	if (d_ptr->mIsTabOnTitle != on) {
+		d_ptr->mIsTabOnTitle = on;
+		d_ptr->resetSize();
+	}
+}
+
+/**
+ * @brief tab是否在title上面
+ * @return
+ */
+bool SARibbonBar::isTabOnTitle() const
+{
+    return d_ptr->mIsTabOnTitle;
+}
+
+/**
+ * @brief 设置标题的对齐方式
+ * @param al
+ */
+void SARibbonBar::setWindowTitleAligment(Qt::Alignment al)
+{
+    d_ptr->mTitleAligment = al;
+}
+
+/**
+ * @brief 获取标题的对齐方式
+ * @return
+ */
+Qt::Alignment SARibbonBar::windowTitleAligment() const
+{
+    return d_ptr->mTitleAligment;
+}
+
+/**
+ * @brief 设置ribbonbar的按钮文字允许换行
+ * @param on
+ */
+void SARibbonBar::setEnableWordWrap(bool on)
+{
+	SARibbonToolButton::setEnableWordWrap(on);
+	updateRibbonGeometry();
+}
+
+/**
+ * @brief 判断是否允许换行
+ * @return
+ */
+bool SARibbonBar::isEnableWordWrap() const
+{
+    return SARibbonToolButton::isEnableWordWrap();
+}
+
+/**
+ * @brief pannel标题栏的高度
+ * @return
+ */
+int SARibbonBar::pannelTitleHeight() const
+{
+    return d_ptr->mPannelTitleHeight;
+}
+
+/**
+ * @brief 设置pannel的高度
+ * @param h
+ */
+void SARibbonBar::setPannelTitleHeight(int h)
+{
+	d_ptr->mPannelTitleHeight = h;
+	iterate([ h ](SARibbonCategory* c) -> bool {
+		c->setPannelTitleHeight(h);
+		return true;
+	});
+}
+
+/**
+ * @brief 是否pannel显示标题栏
+ * @return
+ */
+bool SARibbonBar::isEnableShowPannelTitle() const
+{
+    return d_ptr->mEnableShowPannelTitle;
+}
+
+/**
+ * @brief 设置显示pannel标题
+ * @param on
+ */
+void SARibbonBar::setEnableShowPannelTitle(bool on)
+{
+	d_ptr->mEnableShowPannelTitle = on;
+	iterate([ on ](SARibbonCategory* c) -> bool {
+		c->setEnableShowPannelTitle(on);
+		return true;
+    });
+}
+
+/**
+ * @brief 设置pannel的spacing
+ * @param n
+ */
+void SARibbonBar::setPannelSpacing(int n)
+{
+    d_ptr->mPannelSpacing = n;
+    // 同步当前被SARibbonBar管理的SARibbonCategory的PannelSpacing
+    iterate([ n ](SARibbonCategory* category) -> bool {
+        if (category) {
+            category->setPannelSpacing(n);
+        }
+        return true;
+    });
+}
+
+/**
+ * @brief pannel的spacing
+ * @return
+ */
+int SARibbonBar::pannelSpacing() const
+{
+    return d_ptr->mPannelSpacing;
+}
+
+/**
+ * @brief 设置pannel按钮的icon尺寸，large action不受此尺寸影响
+ * @param s
+ */
+void SARibbonBar::setPannelToolButtonIconSize(const QSize& s)
+{
+    d_ptr->mPannelToolButtonSize = s;
+    // 同步当前被SARibbonBar管理的SARibbonCategory的PannelSpacing
+    iterate([ s ](SARibbonCategory* category) -> bool {
+        if (category) {
+            category->setPannelToolButtonIconSize(s);
+        }
+        return true;
+    });
+}
+
+/**
+ * @brief pannel按钮的icon尺寸，large action不受此尺寸影响
+ * @return
+ */
+QSize SARibbonBar::pannelToolButtonIconSize() const
+{
+    return d_ptr->mPannelToolButtonSize;
+}
+
+/**
+ * @brief ribbonbar内部的StackedWidget
+ * 所有的category都放置在StackedWidget中
+ * @return
+ */
+SARibbonStackedWidget* SARibbonBar::ribbonStackedWidget()
+{
+    return d_ptr->mStackedContainerWidget;
+}
+
+/**
+ * @brief 设置是否显示标题
+ * @param on
+ */
+void SARibbonBar::setTitleVisible(bool on)
+{
+    d_ptr->mIsTitleVisible = on;
+}
+
+/**
+ * @brief 判断标题是否显示
+ * @return
+ */
+bool SARibbonBar::isTitleVisible() const
+{
+    return d_ptr->mIsTitleVisible;
+}
+
+/**
+   @brief 设置上下文标签的颜色列表
+
+    上下文标签显示的时候，会从颜色列表中取颜色进行标签的渲染
+   @param cls
+ */
+void SARibbonBar::setContextCategoryColorList(const QList< QColor >& cls)
+{
+	d_ptr->mContextCategoryColorList = cls;
+	if (d_ptr->mContextCategoryColorList.isEmpty()) {
+		d_ptr->mContextCategoryColorList = defaultContextCategoryColorList();
+	}
+	d_ptr->mContextCategoryColorListIndex = 0;
+	// 这时需要对已经显示的contextCategoryData的颜色进行重新设置
+	for (SARibbonContextCategory* c : d_ptr->mContextCategoryList) {
+		c->setContextColor(d_ptr->getContextCategoryColor());
+	}
+}
+
+/**
+   @brief 获取上下文标签的颜色列表
+   @return
+ */
+QList< QColor > SARibbonBar::contextCategoryColorList() const
+{
+    return d_ptr->mContextCategoryColorList;
+}
+
+/**
+ * @brief 设置contextCategory 标题的颜色
+ * @param clr
+ */
+void SARibbonBar::setContextCategoryTitleTextColor(const QColor& clr)
+{
+    d_ptr->mContextCategoryTitleTextColor = clr;
+}
+
+/**
+ * @brief contextCategory 标题的颜色
+ * @return
+ */
+QColor SARibbonBar::contextCategoryTitleTextColor() const
+{
+    return d_ptr->mContextCategoryTitleTextColor;
+}
+
+/**
+   @brief 设置ribbon的对齐方式
+   @param al
+ */
+void SARibbonBar::setRibbonAlignment(SARibbonAlignment al)
+{
+	d_ptr->mRibbonAlignment = al;
+	synchronousCategoryData();
+}
+
+/**
+   @brief ribbon的对齐方式
+   @return
+ */
+SARibbonAlignment SARibbonBar::ribbonAlignment() const
+{
+    return d_ptr->mRibbonAlignment;
+}
+
+/**
+ * @brief 此函数会遍历SARibbonBar下的所有Category，执行函数指针bool(SARibbonCategory*)
+ * @param fp 函数指针返回false则停止迭代
+ * @return 返回false代表没有迭代完所有的category，中途接收到回调函数的false返回而中断迭代
+ */
+bool SARibbonBar::iterate(FpCategoryIterate fp)
+{
+	const QList< SARibbonCategory* > cs = categoryPages(true);
+	for (SARibbonCategory* c : cs) {
+		if (!fp(c)) {
+			return false;
+		}
+	}
+	return true;
+}
+
+/**
+ * @brief 此函数会遍历SARibbonBar下的所有Category,并迭代所有的pannel，执行函数指针bool(SARibbonPannel*)
+ * @param fp 函数指针返回false则停止迭代
+ * @return 返回false代表没有迭代完所有的category，中途接收到回调函数的false返回而中断迭代
+ */
+bool SARibbonBar::iterate(FpPannelIterate fp)
+{
+	const QList< SARibbonCategory* > cs = categoryPages(true);
+	for (SARibbonCategory* c : cs) {
+		if (!c->iterate(fp)) {
+			return false;
+		}
+	}
+	return true;
+}
+
+/**
+ * @brief 设置边角widget可见性，对于mdi窗口，会出现TopLeftCorner和TopRightCorner两个corner widget
+ * @param on
+ * @param c
+ */
+void SARibbonBar::setCornerWidgetVisible(bool on, Qt::Corner c)
+{
+	if (QWidget* w = cornerWidget(c)) {
+		w->setVisible(on);
+	}
+}
+
+/**
+ * @brief SARibbonBar::eventFilter
+ * @param obj
+ * @param e
+ * @return
+ */
+bool SARibbonBar::eventFilter(QObject* obj, QEvent* e)
+{
+	if (obj) {
+		// 调整多文档时在窗口模式下的按钮更新
+		if ((obj == cornerWidget(Qt::TopLeftCorner)) || (obj == cornerWidget(Qt::TopRightCorner))) {
+			if ((QEvent::UpdateLater == e->type()) || (QEvent::MouseButtonRelease == e->type())
+                || (QEvent::WindowActivate == e->type())) {
+				QApplication::postEvent(this, new QResizeEvent(size(), size()));
+			}
+		} else if (obj == d_ptr->mStackedContainerWidget) {
+			// 在stack 是popup模式时，点击的是stackedContainerWidget区域外的时候，如果是在ribbonTabBar上点击
+			// 那么忽略掉这次点击，把点击下发到ribbonTabBar,这样可以避免stackedContainerWidget在点击ribbonTabBar后
+			// 隐藏又显示，出现闪烁
+			if ((QEvent::MouseButtonPress == e->type()) || (QEvent::MouseButtonDblClick == e->type())) {
+				if (d_ptr->mStackedContainerWidget->isPopupMode()) {
+					QMouseEvent* mouseEvent = static_cast< QMouseEvent* >(e);
+					if (!d_ptr->mStackedContainerWidget->rect().contains(mouseEvent->pos())) {
+						QWidget* clickedWidget = QApplication::widgetAt(mouseEvent->globalPos());
+						if (clickedWidget == d_ptr->mRibbonTabBar) {
+							const QPoint targetPoint = clickedWidget->mapFromGlobal(mouseEvent->globalPos());
+							QMouseEvent* evPress     = new QMouseEvent(mouseEvent->type(),
+                                                                   targetPoint,
+                                                                   mouseEvent->globalPos(),
+                                                                   mouseEvent->button(),
+                                                                   mouseEvent->buttons(),
+                                                                   mouseEvent->modifiers());
+                            QApplication::postEvent(clickedWidget, evPress);
+                            return (true);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    return (QMenuBar::eventFilter(obj, e));
+}
+
+/**
+ * @brief 根据情况重置tabbar的宽度，主要针对wps模式
+ */
+int SARibbonBar::calcMinTabBarWidth() const
+{
+	// 20200831
+	// tabBarWidth的宽度原来为endX - x;，现需要根据实际进行调整
+	// 为了把tabbar没有tab的部分不占用，这里的宽度需要根据tab的size来进行设置，让tabbar的长度刚刚好，这样能让出
+	// mainwindow的空间，接受鼠标事件，从而实现拖动等操作，否则tabbar占用整个顶栏，鼠标无法点击到mainwindow
+	// 计算tab所占用的宽度
+	const QMargins& mg = d_ptr->mRibbonTabBar->tabMargin();
+	return d_ptr->mRibbonTabBar->sizeHint().width() + (mg.left() + mg.right());
+}
+
+/**
+ * @brief 正常模式下的高度
+ *
+ * 有可能SARibbonBar::height和mainBarHeight不相等，这种情况发生在RibbonState::MinimumRibbonMode状态下
+ * @return 高度
+ */
+int SARibbonBar::normalModeMainBarHeight() const
+{
+    return d_ptr->getCurrentNormalModeMainBarHeight();
+}
+
+/**
+   @brief 最小模式下的高度
+   @return
+ */
+int SARibbonBar::minimumModeMainBarHeight() const
+{
+    return d_ptr->getCurrentMinimumModeMainBarHeight();
+}
+
+/**
+ * @brief 更新所有的category title对应的tab名
+ *
+ * 此函数会对所有的category的名字和tab进行匹配，如果匹配不上会重新设置tab名
+ */
+void SARibbonBar::updateCategoryTitleToTabName()
+{
+	SARibbonTabBar* tab = d_ptr->mRibbonTabBar;
+	for (int i = 0; i < tab->count(); ++i) {
+		// 鉴于tab不会很多，不考虑效率问题
+		QVariant var = tab->tabData(i);
+		if (var.isValid()) {
+			_SARibbonTabData p = var.value< _SARibbonTabData >();
+			if (p.category && p.category->categoryName() != tab->tabText(i)) {
+				tab->setTabText(i, p.category->categoryName());
+			}
+		}
+	}
+	repaint();
+}
+
+/**
+ * @brief 告知WindowButtonGroup的尺寸
+ * @param s
+ */
+void SARibbonBar::setWindowButtonGroupSize(const QSize& s)
+{
+    d_ptr->mWindowButtonSize = s;
+}
+
+void SARibbonBar::paintEvent(QPaintEvent* e)
+{
+	Q_UNUSED(e);
+	if (isLooseStyle()) {
+		paintInLooseStyle();
+	} else {
+		paintInCompactStyle();
+	}
+#ifdef SA_RIBBON_DEBUG_HELP_DRAW
+	QPainter p(this);
+	HELP_DRAW_RECT(p, m_d->quickAccessBar->geometry());
+	HELP_DRAW_RECT(p, m_d->ribbonTabBar->geometry());
+	HELP_DRAW_RECT(p, m_d->stackedContainerWidget->geometry());
+#endif
+}
+
+void SARibbonBar::paintInLooseStyle()
+{
+	QPainter p(this);
+
+	//!绘制tabbar下的基线，这个函数仅仅对office2013主题有用，大部分主题都不绘制基线
+	paintTabbarBaseLine(p);
+
+	//! 显示上下文标签
+	p.save();
+	QList< _SAContextCategoryManagerData > contextCategoryDataList = d_ptr->mCurrentShowingContextCategory;
+	// bool isCurrentSelectContextCategoryPage                        = false;
+
+	QPoint contextCategoryRegion(width(), -1);
+	QMargins border = contentsMargins();
+
+	for (int i = 0; i < contextCategoryDataList.size(); ++i) {
+		QRect contextTitleRect;
+		QList< int > indexs = contextCategoryDataList[ i ].tabPageIndex;
+		QColor clr          = contextCategoryDataList[ i ].contextCategory->contextColor();
+		if (!indexs.isEmpty()) {
+			contextTitleRect = d_ptr->mRibbonTabBar->tabRect(indexs.first());
+			QRect endRect    = d_ptr->mRibbonTabBar->tabRect(indexs.last());
+			contextTitleRect.setRight(endRect.right());
+			contextTitleRect.translate(d_ptr->mRibbonTabBar->x(), d_ptr->mRibbonTabBar->y());
+			contextTitleRect.setHeight(d_ptr->mRibbonTabBar->height() - 1);  // 减1像素，避免tabbar基线覆盖
+			contextTitleRect -= d_ptr->mRibbonTabBar->tabMargin();
+			// 把区域顶部扩展到窗口顶部
+			contextTitleRect.setTop(border.top());
+			// 绘制
+			paintContextCategoryTab(p, contextCategoryDataList[ i ].contextCategory->contextTitle(), contextTitleRect, clr);
+			// 更新上下文标签的范围，用于控制标题栏的显示
+			if (contextTitleRect.left() < contextCategoryRegion.x()) {
+				contextCategoryRegion.setX(contextTitleRect.left());
+			}
+			if (contextTitleRect.right() > contextCategoryRegion.y()) {
+				contextCategoryRegion.setY(contextTitleRect.right());
+			}
+		}
+		// isCurrentSelectContextCategoryPage = indexs.contains(d_ptr->mRibbonTabBar->currentIndex());
+		// if (isCurrentSelectContextCategoryPage) {
+		//     QPen pen;
+		//     pen.setColor(clr);
+		//     pen.setWidth(1);
+		//     p.setPen(pen);
+		//     p.setBrush(Qt::NoBrush);
+		//     p.drawRect(d_ptr->mStackedContainerWidget->geometry());
+		//     isCurrentSelectContextCategoryPage = false;
+		// }
+	}
+	p.restore();
+	//! 显示标题等
+	QWidget* parWindow = parentWidget();
+
+	if (parWindow) {
+		QRect titleRegion;
+		if (contextCategoryRegion.y() < 0) {
+			titleRegion.setRect(d_ptr->mQuickAccessBar->geometry().right() + 1,
+                                border.top(),
+                                width() - d_ptr->mIconRightBorderPosition - border.right()
+                                    - d_ptr->mWindowButtonSize.width() - d_ptr->mQuickAccessBar->geometry().right() - 1,
+                                titleBarHeight());
+		} else {
+			int leftwidth = contextCategoryRegion.x() - d_ptr->mQuickAccessBar->geometry().right()
+                            - d_ptr->mIconRightBorderPosition;
+			int rightwidth = width() - contextCategoryRegion.y() - d_ptr->mWindowButtonSize.width();
+			//            if (width() - contextCategoryRegion.y() > contextCategoryRegion.x()-x) {
+			if (rightwidth > leftwidth) {
+				// 说明右边的区域大一点，标题显示在右，显示在右边需要减去windowbutton宽度
+				titleRegion.setRect(contextCategoryRegion.y(), border.top(), rightwidth, titleBarHeight());
+			} else {
+				// 说明左边的大一点
+				titleRegion.setRect(d_ptr->mIconRightBorderPosition + d_ptr->mQuickAccessBar->geometry().right(),
+                                    border.top(),
+                                    leftwidth,
+                                    titleBarHeight());
+			}
+		}
+#ifdef SA_RIBBON_DEBUG_HELP_DRAW
+		p.save();
+		p.setBrush(QColor(255, 0, 0, 120));
+		p.drawRect(titleRegion);
+		p.restore();
+#endif
+		paintWindowTitle(p, parWindow->windowTitle(), titleRegion);
+	}
+}
+
+void SARibbonBar::paintInCompactStyle()
+{
+	QPainter p(this);
+	//!
+	paintTabbarBaseLine(p);
+	//! 显示上下文标签
+	p.save();
+	QList< _SAContextCategoryManagerData > contextCategoryDataList = d_ptr->mCurrentShowingContextCategory;
+	QMargins border                                                = contentsMargins();
+	for (int i = 0; i < contextCategoryDataList.size(); ++i) {
+		QRect contextTitleRect;
+		QList< int > indexs = contextCategoryDataList[ i ].tabPageIndex;
+		QColor clr          = contextCategoryDataList[ i ].contextCategory->contextColor();
+		if (!indexs.isEmpty()) {
+			contextTitleRect = d_ptr->mRibbonTabBar->tabRect(indexs.first());
+			QRect endRect    = d_ptr->mRibbonTabBar->tabRect(indexs.last());
+			contextTitleRect.setRight(endRect.right());
+			contextTitleRect.translate(d_ptr->mRibbonTabBar->x(), d_ptr->mRibbonTabBar->y());
+			contextTitleRect.setHeight(d_ptr->mRibbonTabBar->height() - 1);
+			contextTitleRect -= d_ptr->mRibbonTabBar->tabMargin();
+			// 把区域顶部扩展到窗口顶部
+			contextTitleRect.setTop(border.top());
+			// 绘制
+			paintContextCategoryTab(p, QString(), contextTitleRect, clr);
+		}
+	}
+	p.restore();
+	//! 显示标题等
+
+	QWidget* parWindow = parentWidget();
+
+	if (parWindow) {
+		int start = d_ptr->mRibbonTabBar->x() + d_ptr->mRibbonTabBar->width();
+		int width = d_ptr->mQuickAccessBar->x() - start;
+		if (width > 20) {
+			QRect titleRegion(start, border.top(), width, titleBarHeight());
+#ifdef SA_RIBBON_DEBUG_HELP_DRAW
+			p.save();
+			p.setBrush(QColor(255, 0, 0, 120));
+			p.drawRect(titleRegion);
+			p.restore();
+#endif
+			paintWindowTitle(p, parWindow->windowTitle(), titleRegion);
+		}
+	}
+}
+
+void SARibbonBar::resizeStackedContainerWidget()
+{
+	QMargins border                   = contentsMargins();
+	const QRect& ribbonTabBarGeometry = d_ptr->mRibbonTabBar->geometry();
+
+	int x = border.left();
+	int y = ribbonTabBarGeometry.bottom() + 1;
+	int w = width() - border.left() - border.right();
+	int h = d_ptr->categoryHeight();
+	if (d_ptr->mStackedContainerWidget->isPopupMode()) {
+		// 弹出模式时，位置为全局位置
+		QPoint absPosition = mapToGlobal(QPoint(x, y));
+		x                  = absPosition.x();
+		y                  = absPosition.y();
+	}
+	d_ptr->mStackedContainerWidget->setFixedSize(QSize(w, h));
+	d_ptr->mStackedContainerWidget->setGeometry(x, y, w, h);
+}
+
+/**
+ * @brief 刷新所有ContextCategoryManagerData，这个在单独一个Category删除时调用
+ */
+void SARibbonBar::updateContextCategoryManagerData()
+{
+	const int c = d_ptr->mRibbonTabBar->count();
+
+	for (_SAContextCategoryManagerData& cd : d_ptr->mCurrentShowingContextCategory) {
+		cd.tabPageIndex.clear();
+		for (int i = 0; i < cd.contextCategory->categoryCount(); ++i) {
+			SARibbonCategory* category = cd.contextCategory->categoryPage(i);
+			for (int t = 0; t < c; ++t) {
+				QVariant v = d_ptr->mRibbonTabBar->tabData(t);
+				if (v.isValid()) {
+					_SARibbonTabData d = v.value< _SARibbonTabData >();
+					if (d.category == category) {
+						cd.tabPageIndex.append(t);
+					}
+				} else {
+					cd.tabPageIndex.append(-1);
+				}
+			}
+		}
+	}
+}
+
+/**
+ * @brief 绘制上下文标签的背景
+ * @param painter 绘图QPainter
+ * @param title 上下文标签的title
+ * @param contextRect 上下文标签的绘制区域
+ * @param color 上下文标签赋予的颜色
+ */
+void SARibbonBar::paintContextCategoryTab(QPainter& painter, const QString& title, const QRect& contextRect, const QColor& color)
+{
+	// 绘制上下文标签
+	// 首先有5像素的实体粗线位于顶部
+	QMargins border = contentsMargins();
+	painter.save();
+	painter.setPen(Qt::NoPen);
+	painter.setBrush(color);
+	painter.drawRect(contextRect);
+	const int contextLineWidth = 5;
+	// 绘制很线
+	QColor gColor = color.darker();
+	painter.fillRect(QRect(contextRect.x(), contextRect.y(), contextRect.width(), contextLineWidth), gColor);
+
+	// 只有在office模式下才需要绘制标题
+	if (isLooseStyle()) {
+		if (!title.isEmpty()) {
+			QRect textRect = QRect(contextRect.x(),
+                                   contextRect.y() + contextLineWidth,
+                                   contextRect.width(),
+                                   contextRect.height() - contextLineWidth - d_ptr->mRibbonTabBar->height());
+			painter.setPen(contextCategoryTitleTextColor());
+			painter.drawText(textRect, Qt::AlignCenter, title);
+		}
+	}
+	painter.restore();
+}
+
+void SARibbonBar::resizeEvent(QResizeEvent* e)
+{
+	Q_UNUSED(e);
+	if (isLooseStyle()) {
+		resizeInLooseStyle();
+	} else {
+		resizeInCompactStyle();
+	}
+	update();
+}
+
+/**
+ * @brief 重写moveevent是为了在移动时调整isPopupMode状态下的stackedContainerWidget位置
+ * @param event
+ */
+void SARibbonBar::moveEvent(QMoveEvent* e)
+{
+	if (d_ptr->mStackedContainerWidget) {
+		if (d_ptr->mStackedContainerWidget->isPopupMode()) {
+			// 弹出模式时，窗口发生了移动，同步调整StackedContainerWidget的位置
+			resizeStackedContainerWidget();
+		}
+	}
+	QMenuBar::moveEvent(e);
+}
+
+/**
+ * @brief 跟踪字体改变
+ * @param event
+ */
+void SARibbonBar::changeEvent(QEvent* e)
+{
+	if (nullptr == e) {
+		return;
+	}
+	switch (e->type()) {
+	case QEvent::FontChange: {
+		QFont f                       = font();
+		QList< QWidget* > listWidgets = findChildren< QWidget* >();
+		for (QWidget* w : listWidgets) {
+			w->setFont(f);
+		}
+		updateRibbonGeometry();
+	} break;
+	case QEvent::StyleChange: {
+		updateRibbonGeometry();
+	} break;
+	default:
+		break;
+	}
+	QMenuBar::changeEvent(e);
+}
+
+bool SARibbonBar::event(QEvent* e)
+{
+	switch (e->type()) {
+	case QEvent::Show:
+		// 第一次显示刷新
+		updateRibbonGeometry();
+		break;
+	default:
+		break;
+	}
+	return QMenuBar::event(e);
+}
+
+void SARibbonBar::resizeInLooseStyle()
+{
+	synchronousCategoryData(false);
+
+	QMargins border = contentsMargins();
+	int x           = border.left();
+	int y           = border.top();
+
+	// cornerWidget - TopLeftCorner
+	const int validTitleBarHeight = d_ptr->titleBarHeight();
+	const int tabH                = d_ptr->tabBarHeigth();
+	// tabbar的标签不会因为tabbar的高度而铺满，tabbar的标签是固定高度的，tabbar拉高只会把底部露出来，因此，systab是理论合理的高度
+	// 布局corner widget
+	x += d_ptr->mIconRightBorderPosition + 5;
+	if (QWidget* connerL = cornerWidget(Qt::TopLeftCorner)) {
+		if (connerL->isVisibleTo(this)) {
+			QSize connerSize = connerL->sizeHint();
+			if (connerSize.height() < validTitleBarHeight) {
+				int detal = (validTitleBarHeight - connerSize.height()) / 2;
+				connerL->setGeometry(x, y + detal, connerSize.width(), connerSize.height());
+			} else {
+				connerL->setGeometry(x, y, connerSize.width(), validTitleBarHeight);
+			}
+			x = connerL->geometry().right() + 5;
+		}
+	}
+	// quick access bar定位
+	if (d_ptr->mQuickAccessBar) {
+		if (d_ptr->mQuickAccessBar->isVisibleTo(this)) {
+			if (d_ptr->mQuickAccessBar->height() != validTitleBarHeight) {
+				d_ptr->mQuickAccessBar->setFixedHeight(validTitleBarHeight);
+			}
+			QSize quickAccessBarSize = d_ptr->mQuickAccessBar->sizeHint();
+			// 上下留1px的边线
+			d_ptr->mQuickAccessBar->setGeometry(x, y + 1, quickAccessBarSize.width(), validTitleBarHeight);
+		}
+	}
+	// 第二行，开始布局applicationButton，tabbar，tabBarRightSizeButtonGroupWidget，TopRightCorner
+	x = border.left();
+	y += validTitleBarHeight;  // 此时，y值在titlebar下面
+	// applicationButton 定位
+	if (d_ptr->mApplicationButton) {
+		if (d_ptr->mApplicationButton->isVisibleTo(this)) {
+			// 保证
+			d_ptr->mApplicationButton->setGeometry(x, y, d_ptr->mApplicationButton->sizeHint().width(), tabH);
+			x = d_ptr->mApplicationButton->geometry().right();
+		}
+	}
+	// top right是一定要配置的，对于多文档窗口，子窗口的缩放等按钮就是通过这个窗口实现，
+	// 由于这个窗口一定要在最右，因此先对这个窗口进行布局
+	// cornerWidget - TopRightCorner
+	// 获取最右边的位置
+	int endX = width() - border.right();
+
+	if (QWidget* connerW = cornerWidget(Qt::TopRightCorner)) {
+		if (connerW->isVisibleTo(this)) {
+			QSize connerSize = connerW->sizeHint();
+			endX -= connerSize.width();
+			if (connerSize.height() < tabH) {
+				int detal = (tabH - connerSize.height()) / 2;
+				connerW->setGeometry(endX, y + detal, connerSize.width(), connerSize.height());
+			} else {
+				connerW->setGeometry(endX, y, connerSize.width(), tabH);
+			}
+		}
+	}
+	// applicationButton和TopRightCorner完成定位，才可以定位tab bar
+	// tab bar 定位
+
+	// tabBar 右边的附加按钮组，这里一般会附加一些类似登录等按钮组
+	// 20231106 把visible的判断去掉 && d_ptr->mRightButtonGroup->isVisible()
+	if (d_ptr->mRightButtonGroup) {
+		QSize wSize = d_ptr->mRightButtonGroup->sizeHint();
+		endX -= wSize.width();
+		// 上下留1px的边线
+		d_ptr->mRightButtonGroup->setGeometry(endX, y + 1, wSize.width(), tabH - 2);
+	}
+	// 最后确定tabbar宽度
+	int tabBarAllowedWidth = endX - x;
+	if (ribbonAlignment() == SARibbonAlignment::AlignLeft) {
+		d_ptr->mRibbonTabBar->setGeometry(x, y, tabBarAllowedWidth, tabH);
+	} else {
+		// 居中对齐的情况下，Tab要居中显示
+		// 得到tab的推荐尺寸
+		int mintabBarWidth = calcMinTabBarWidth();
+		if (mintabBarWidth >= tabBarAllowedWidth) {
+			// 这时tabbar没有居中对齐的必要性，空间位置不够了
+			d_ptr->mRibbonTabBar->setGeometry(x, y, tabBarAllowedWidth, tabH);
+		} else {
+			// 说明tabbar的宽度有居中的可能性
+			int xoffset = (tabBarAllowedWidth - mintabBarWidth) / 2;
+			d_ptr->mRibbonTabBar->setGeometry(x + xoffset, y, mintabBarWidth, tabH);
+		}
+	}
+	resizeStackedContainerWidget();
+}
+
+void SARibbonBar::resizeInCompactStyle()
+{
+	synchronousCategoryData(false);
+	QMargins border = contentsMargins();
+	int x           = border.left();
+	int y           = border.top();
+
+	const int validTitleBarHeight = titleBarHeight();
+
+	// 先布局右边内容
+	//  cornerWidget - TopRightCorner
+	int endX = width() - border.right() - d_ptr->mWindowButtonSize.width();
+
+	if (QWidget* connerW = cornerWidget(Qt::TopRightCorner)) {
+		if (connerW->isVisibleTo(this)) {
+			QSize connerSize = connerW->sizeHint();
+			endX -= connerSize.width();
+			if (connerSize.height() < validTitleBarHeight) {
+				int detal = (validTitleBarHeight - connerSize.height()) / 2;
+				connerW->setGeometry(endX, y + detal, connerSize.width(), connerSize.height());
+			} else {
+				connerW->setGeometry(endX, y, connerSize.width(), validTitleBarHeight);
+			}
+		}
+	}
+
+	// tabBar 右边的附加按钮组
+	// 20231106 把visible的判断去掉 && d_ptr->mRightButtonGroup->isVisible()
+	if (d_ptr->mRightButtonGroup) {
+		QSize wSize = d_ptr->mRightButtonGroup->sizeHint();
+		endX -= wSize.width();
+		// 上下留1px的边线
+		d_ptr->mRightButtonGroup->setGeometry(endX, y + 1, wSize.width(), validTitleBarHeight - 2);
+	}
+	// quick access bar定位
+	if (d_ptr->mQuickAccessBar) {
+		if (d_ptr->mQuickAccessBar->isVisibleTo(this)) {
+			QSize quickAccessBarSize = d_ptr->mQuickAccessBar->sizeHint();
+			endX -= quickAccessBarSize.width();
+			// 上下留1px的边线
+			d_ptr->mQuickAccessBar->setGeometry(endX, y + 1, quickAccessBarSize.width(), validTitleBarHeight - 2);
+		}
+	}
+	// cornerWidget - TopLeftCorner
+	if (QWidget* connerL = cornerWidget(Qt::TopLeftCorner)) {
+		if (connerL->isVisibleTo(this)) {
+			QSize connerSize = connerL->sizeHint();
+			endX -= connerSize.width();
+			if (connerSize.height() < validTitleBarHeight) {
+				int detal = (validTitleBarHeight - connerSize.height()) / 2;
+				connerL->setGeometry(endX, y + detal, connerSize.width(), connerSize.height());
+			} else {
+				connerL->setGeometry(endX, y, connerSize.width(), validTitleBarHeight);
+			}
+		}
+	}
+
+	// tab 的y值需要重新计算
+	// 紧凑模式下，tabbarHeight不生效
+	int tabH = tabBarHeight();
+	if (tabH > validTitleBarHeight) {
+		// 这种直接把tabH设置为validTitleBarHeight
+		tabH = validTitleBarHeight;
+	}
+
+	y = y + validTitleBarHeight - tabH;  // 如果tabH较小，则下以，让tab底部和title的底部对齐
+
+	// applicationButton 定位，与TabBar同高
+	if (d_ptr->mApplicationButton) {
+		if (d_ptr->mApplicationButton->isVisibleTo(this)) {
+			d_ptr->mApplicationButton->setGeometry(x, y, d_ptr->mApplicationButton->sizeHint().width(), tabH);
+			x = d_ptr->mApplicationButton->geometry().right() + 2;
+		}
+	}
+	// tab bar 定位 wps模式下applicationButton的右边就是tab bar
+	int tabBarAllowedWidth = endX - x;
+	// 20200831
+	// tabBarWidth的宽度原来为endX - x;，现需要根据实际进行调整
+	// 为了把tabbar没有tab的部分不占用，这里的宽度需要根据tab的size来进行设置，让tabbar的长度刚刚好，这样能让出
+	// mainwindow的空间，接受鼠标事件，从而实现拖动等操作，否则tabbar占用整个顶栏，鼠标无法点击到mainwindow
+	// 计算tab所占用的宽度
+	int mintabBarWidth = calcMinTabBarWidth();
+
+	if (ribbonAlignment() == SARibbonAlignment::AlignLeft) {
+		if (mintabBarWidth < tabBarAllowedWidth) {
+			tabBarAllowedWidth = mintabBarWidth;
+		}
+		d_ptr->mRibbonTabBar->setGeometry(x, y, tabBarAllowedWidth, tabH);
+	} else {
+		// 居中对齐
+		if (mintabBarWidth >= tabBarAllowedWidth) {
+			// 这时tabbar没有居中对齐的必要性，空间位置不够了
+			d_ptr->mRibbonTabBar->setGeometry(x, y, tabBarAllowedWidth, tabH);
+		} else {
+			// 说明tabbar的宽度有居中的可能性
+			int xoffset = (tabBarAllowedWidth - mintabBarWidth) / 2;
+			d_ptr->mRibbonTabBar->setGeometry(x + xoffset, y, mintabBarWidth, tabH);
+		}
+	}
+	// 调整整个stackedContainer
+	resizeStackedContainerWidget();
+}
+
+/**
+ * @brief 绘制tabbar下的基准线，这个方法仅仅在office2013模式下需要
+ * @param painter
+ */
+void SARibbonBar::paintTabbarBaseLine(QPainter& painter)
+{
+	if (!d_ptr->mTabBarBaseLineColor.isValid()) {
+		return;
+	}
+	painter.save();
+	// 在tabbar下绘制一条线
+	const int lineY = d_ptr->mRibbonTabBar->geometry().bottom();
+	QPen pen(d_ptr->mTabBarBaseLineColor);
+	QMargins border = contentsMargins();
+
+	pen.setWidth(1);
+	pen.setStyle(Qt::SolidLine);
+	painter.setPen(pen);
+	painter.drawLine(QPoint(border.left(), lineY), QPoint(width() - border.right() - 1, lineY));
+	painter.restore();
+}
+
+///
+/// \brief 绘制标题栏
+/// \param painter
+/// \param title 标题
+/// \param contextCategoryRegion 当前显示的上下文标签的范围，上下文标签是可以遮挡标题栏的，因此需要知道上下文标签的范围
+/// x表示左边界，y表示右边界
+///
+void SARibbonBar::paintWindowTitle(QPainter& painter, const QString& title, const QRect& titleRegion)
+{
+	// 如果标题不显示直接跳出
+	if (!isTitleVisible()) {
+		return;
+	}
+	painter.save();
+	if (d_ptr->mTitleTextColor.isValid()) {
+		painter.setPen(d_ptr->mTitleTextColor);
+	}
+	painter.drawText(titleRegion, d_ptr->mTitleAligment, title);
+	painter.restore();
+}
+
+#if SA_DEBUG_PRINT_SARIBBONBAR
+QDebug operator<<(QDebug debug, const SARibbonBar& ribbon)
+{
+	QDebugStateSaver saver(debug);
+	QFontMetrics fm = ribbon.fontMetrics();
+	debug.nospace() << "SARibbonBar(" << ribbon.versionString() << ")"                            //
+                    << "\nribbon font metrics info:"                                              //
+                    << "\n - lineSpacing:" << fm.lineSpacing()                                    //
+                    << "\n - height:" << fm.height()                                              //
+                    << "\n - em:" << fm.boundingRect("M").width()                                 //
+                    << "\n - ex:" << fm.boundingRect("X").height()                                //
+                    << "\nribbon info:"                                                           //
+                    << "\n -mTitleBarHeight=" << ribbon.d_ptr->mTitleBarHeight                    //
+                    << "\n -mTabBarHeight=" << ribbon.d_ptr->mTabBarHeight                        //
+                    << "\n -mPannelTitleHeight=" << ribbon.d_ptr->mPannelTitleHeight              //
+                    << "\n -mCategoryHeight=" << ribbon.d_ptr->mCategoryHeight                    //
+                    << "\n -mIsTabOnTitle=" << ribbon.d_ptr->mIsTabOnTitle                        //
+                    << "\n -mEnableShowPannelTitle=" << ribbon.d_ptr->mEnableShowPannelTitle      //
+                    << "\n -mWindowButtonSize=" << ribbon.d_ptr->mWindowButtonSize                //
+                    << "\n -mIconRightBorderPosition=" << ribbon.d_ptr->mIconRightBorderPosition  //
+        ;
+
+	return debug;
+}
+#endif
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonBar.h b/gui/SARibbon/src/SARibbonBar/SARibbonBar.h
new file mode 100644
index 0000000..41e382e
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonBar.h
@@ -0,0 +1,459 @@
+#ifndef SARIBBONBAR_H
+#define SARIBBONBAR_H
+#include "SARibbonCategory.h"
+#include "SARibbonContextCategory.h"
+#include "SARibbonGlobal.h"
+#include <QMenuBar>
+#include <QScopedPointer>
+#include <QVariant>
+
+class QAction;
+class QAbstractButton;
+class SARibbonElementFactory;
+class SARibbonTabBar;
+class SARibbonButtonGroupWidget;
+class SARibbonQuickAccessBar;
+class SARibbonStackedWidget;
+
+/**
+  @brief SARibbonBar继承于QMenuBar,在SARibbonMainWindow中直接替换了原来的QMenuBar
+
+  通过setRibbonStyle函数设置ribbon的风格:
+
+  @code
+  void setRibbonStyle(RibbonStyles v);
+  @endcode
+
+  SARibbonBar参考office和wps，提供了四种风格的Ribbon模式,@ref SARibbonBar::RibbonStyles
+
+  如果想ribbon占用的空间足够小，WpsLiteStyleTwoRow模式能比OfficeStyle节省35%的高度空间
+
+  如何生成ribbon?先看看一个传统的Menu/ToolBar是如何生成的：
+
+  @code
+  void MainWindow::MainWindow()
+  {
+     QMenu *fileMenu = menuBar()->addMenu(tr("&File"));
+     QToolBar *fileToolBar = addToolBar(tr("File"));
+     //生成action
+     QAction *newAct = new QAction(newIcon, tr("&New"), this);
+     fileMenu->addAction(newAct);
+     fileToolBar->addAction(newAct);
+
+     QAction *openAct = new QAction(openIcon, tr("&Open..."), this);
+     fileMenu->addAction(openAct);
+     fileToolBar->addAction(openAct);
+  }
+  @endcode
+
+  传统的Menu/ToolBar主要通过QMenu的addMenu添加菜单,通过QMainWindow::addToolBar生成QToolBar,
+  再把QAction设置进QMenu和QToolBar中
+
+  SARibbonBar和传统方法相似，不过相对于传统的Menu/ToolBar QMenu和QToolBar是平级的，
+  Ribbon是有明显的层级关系，SARibbonBar下面是 @ref SARibbonCategory，
+  SARibbonCategory下面是@ref SARibbonPannel ，SARibbonPannel下面是@ref SARibbonToolButton ，
+  SARibbonToolButton管理着QAction
+
+  因此，生成一个ribbon只需以下几个函数：
+  @code
+  SARibbonCategory * SARibbonBar::addCategoryPage(const QString& title);
+  SARibbonPannel * SARibbonCategory::addPannel(const QString& title);
+  SARibbonToolButton * SARibbonPannel::addLargeAction(QAction *action);
+  SARibbonToolButton * SARibbonPannel::addSmallAction(QAction *action);
+  @endcode
+
+  因此生成步骤如下：
+
+  @code
+  //成员变量
+  SARibbonCategory* categoryMain;
+  SARibbonPannel* FilePannel;
+
+  //建立ui
+  void setupRibbonUi()
+  {
+      ......
+      //ribbonwindow为SARibbonMainWindow
+      SARibbonBar* ribbon = ribbonwindow->ribbonBar();
+      ribbon->setRibbonStyle(SARibbonBar::WpsLiteStyle);
+      //添加一个Main标签
+      categoryMain = ribbon->addCategoryPage(QStringLiteral("Main"));
+      //Main标签下添加一个File Pannel
+      FilePannel = categoryMain->addPannel(QStringLiteral("FilePannel"));
+      //开始为File Pannel添加action
+      FilePannel->addLargeAction(actionNew);
+      FilePannel->addLargeAction(actionOpen);
+      FilePannel->addLargeAction(actionSave);
+      FilePannel->addSmallAction(actionImportMesh);
+      FilePannel->addSmallAction(actionImportGeometry);
+  }
+  @endcode
+ */
+class SA_RIBBON_EXPORT SARibbonBar : public QMenuBar
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonBar)
+    friend class SARibbonMainWindow;
+    friend class SARibbonSystemButtonBar;
+    Q_PROPERTY(RibbonStyles ribbonStyle READ currentRibbonStyle WRITE setRibbonStyle)
+    Q_PROPERTY(bool minimumMode READ isMinimumMode WRITE setMinimumMode)
+    Q_PROPERTY(bool minimumModeButton READ haveShowMinimumModeButton WRITE showMinimumModeButton)
+    Q_PROPERTY(QColor windowTitleTextColor READ windowTitleTextColor WRITE setWindowTitleTextColor)
+    Q_PROPERTY(QColor tabBarBaseLineColor READ tabBarBaseLineColor WRITE setTabBarBaseLineColor)
+    Q_PROPERTY(Qt::Alignment windowTitleAligment READ windowTitleAligment WRITE setWindowTitleAligment)
+    Q_PROPERTY(bool enableWordWrap READ isEnableWordWrap WRITE setEnableWordWrap)
+    Q_PROPERTY(bool enableShowPannelTitle READ isEnableShowPannelTitle WRITE setEnableShowPannelTitle)
+    Q_PROPERTY(bool tabOnTitle READ isTabOnTitle WRITE setTabOnTitle)
+    Q_PROPERTY(SARibbonPannel::PannelLayoutMode pannelLayoutMode READ pannelLayoutMode WRITE setPannelLayoutMode)
+
+public:
+    enum RibbonStyleFlag
+    {
+        RibbonStyleLoose    = 0x0001,  // bit:0000 0001
+        RibbonStyleCompact  = 0x0002,  // bit:0000 0010
+        RibbonStyleThreeRow = 0x0010,  // bit:0001 0000
+        RibbonStyleTwoRow   = 0x0020,  // bit:0010 0000
+
+        RibbonStyleLooseThreeRow   = RibbonStyleLoose | RibbonStyleThreeRow,    ///< 宽松结构，3行模式
+        RibbonStyleCompactThreeRow = RibbonStyleCompact | RibbonStyleThreeRow,  ///< 紧凑结构，3行模式
+        RibbonStyleLooseTwoRow     = RibbonStyleLoose | RibbonStyleTwoRow,      ///< 宽松结构，2行模式
+        RibbonStyleCompactTwoRow   = RibbonStyleCompact | RibbonStyleTwoRow     ///< 紧凑结构，2行模式
+    };
+    Q_ENUM(RibbonStyleFlag)
+    Q_DECLARE_FLAGS(RibbonStyles, RibbonStyleFlag)
+    Q_FLAG(RibbonStyles)
+
+    /**
+     * @brief 定义当前ribbon 的状态
+     */
+    enum RibbonMode
+    {
+        MinimumRibbonMode,  ///< 缩小模式
+        NormalRibbonMode    ///< 正常模式
+    };
+    Q_ENUM(RibbonMode)
+
+    using FpCategoryIterate = std::function< bool(SARibbonCategory*) >;
+    using FpPannelIterate   = SARibbonCategory::FpPannelIterate;
+
+public:
+    // 判断RibbonStyle是否为2行模式
+    static bool isTwoRowStyle(RibbonStyles s);
+    static bool isThreeRowStyle(RibbonStyles s);
+    // 判断是否是office样式
+    static bool isLooseStyle(RibbonStyles s);
+    static bool isCompactStyle(RibbonStyles s);
+    // 获取版本信息
+    static QString versionString();
+
+    // 获取默认的上下文标签颜色列表
+    static QList< QColor > defaultContextCategoryColorList();
+
+    //
+    static void initHighDpi();
+
+public:
+    // 构造函数
+    explicit SARibbonBar(QWidget* parent = nullptr);
+    ~SARibbonBar();
+    // 获取applicationButton
+    QAbstractButton* applicationButton();
+
+    // 设置applicationButton
+    void setApplicationButton(QAbstractButton* btn);
+
+    // 获取tabbar
+    SARibbonTabBar* ribbonTabBar();
+
+    // 添加一个标签
+    SARibbonCategory* addCategoryPage(const QString& title);
+    void addCategoryPage(SARibbonCategory* category);
+
+    // 为了支持Qt designer,添加的一个重载函数
+    Q_INVOKABLE void addCategoryPage(QWidget* category);
+
+    // 添加一个category，category的位置在index，如果当前category数量少于index，将插入到最后
+    SARibbonCategory* insertCategoryPage(const QString& title, int index);
+    void insertCategoryPage(SARibbonCategory* category, int index);
+
+    // 通过名字查找Category
+    SARibbonCategory* categoryByName(const QString& title) const;
+
+    // 通过ObjectName查找Category
+    SARibbonCategory* categoryByObjectName(const QString& objname) const;
+
+    // 通过索引找到category，如果超过索引范围，会返回nullptr
+    SARibbonCategory* categoryByIndex(int index) const;
+
+    // 隐藏category,并不会删除或者取走，只是隐藏
+    void hideCategory(SARibbonCategory* category);
+
+    // 显示被隐藏的category
+    void showCategory(SARibbonCategory* category);
+
+    // 判断这个category是否在显示状态，也就是tabbar有这个category
+    bool isCategoryVisible(const SARibbonCategory* c) const;
+
+    // 获取category的索引
+    int categoryIndex(const SARibbonCategory* c) const;
+
+    // 移动一个Category从from index到to index
+    void moveCategory(int from, int to);
+
+    // 获取当前显示的所有的SARibbonCategory，包含未显示的SARibbonContextCategory的SARibbonCategory也一并返回
+    QList< SARibbonCategory* > categoryPages(bool getAll = true) const;
+
+    // 移除SARibbonCategory
+    void removeCategory(SARibbonCategory* category);
+
+    // 添加一个上下文标签
+    SARibbonContextCategory* addContextCategory(const QString& title,
+                                                const QColor& color = QColor(),
+                                                const QVariant& id  = QVariant());
+    void addContextCategory(SARibbonContextCategory* context);
+
+    // 显示一个上下文标签
+    void showContextCategory(SARibbonContextCategory* context);
+
+    // 隐藏一个上下文标签
+    void hideContextCategory(SARibbonContextCategory* context);
+
+    // 判断上下文是否是在显示状态
+    bool isContextCategoryVisible(SARibbonContextCategory* context);
+
+    // 设置上下文标签的显示或隐藏
+    void setContextCategoryVisible(SARibbonContextCategory* context, bool visible);
+
+    // 获取所有的上下文标签
+    QList< SARibbonContextCategory* > contextCategoryList() const;
+
+    // 移除ContextCategory
+    void destroyContextCategory(SARibbonContextCategory* context);
+
+    // 设置为隐藏模式
+    void setMinimumMode(bool isHide);
+
+    // 当前Ribbon是否是隐藏模式
+    bool isMinimumMode() const;
+
+    // 设置显示隐藏ribbon按钮
+    void showMinimumModeButton(bool isShow = true);
+
+    // 是否显示隐藏ribbon按钮
+    bool haveShowMinimumModeButton() const;
+
+    // 隐藏ribbon对应的action
+    QAction* minimumModeAction() const;
+
+    // 当前的模式
+    RibbonMode currentRibbonState() const;
+
+    // ribbon tab的高度
+    int tabBarHeight() const;
+    void setTabBarHeight(int h, bool resizeByNow = true);
+
+    // 标题栏的高度
+    int titleBarHeight() const;
+    void setTitleBarHeight(int h, bool resizeByNow = true);
+
+    // category的高度
+    int categoryHeight() const;
+    void setCategoryHeight(int h, bool resizeByNow = true);
+
+    // 获取正常模式下的mainBar的高度
+    int normalModeMainBarHeight() const;
+
+    // 最小模式下的MainBar高度
+    int minimumModeMainBarHeight() const;
+
+    // 激活tabbar右边的按钮群
+    SARibbonButtonGroupWidget* activeRightButtonGroup();
+
+    // 右侧按钮群
+    SARibbonButtonGroupWidget* rightButtonGroup();
+
+    // 激活QuickAccessBar
+    SARibbonQuickAccessBar* activeQuickAccessBar();
+
+    // 快速响应栏
+    SARibbonQuickAccessBar* quickAccessBar();
+
+    // 设置ribbon的风格
+    void setRibbonStyle(RibbonStyles v);
+    RibbonStyles currentRibbonStyle() const;
+
+    // 设置当前ribbon的index
+    void setCurrentIndex(int index);
+
+    // 返回当前的tab索引
+    int currentIndex();
+
+    // 确保标签显示出来
+    void raiseCategory(SARibbonCategory* category);
+
+    // 判断当前的行数
+    bool isTwoRowStyle() const;
+    bool isThreeRowStyle() const;
+
+    // 判断当前的样式
+    bool isLooseStyle() const;
+    bool isCompactStyle() const;
+
+    // 更新ribbon的布局数据，此函数适用于一些关键性尺寸变化，换起ribbon下面元素的布局,在发现刷新问题时，可以调用此函数
+    void updateRibbonGeometry();
+
+    // 设置pannel的模式
+    SARibbonPannel::PannelLayoutMode pannelLayoutMode() const;
+    void setPannelLayoutMode(SARibbonPannel::PannelLayoutMode m);
+
+    // 设置tab在title上面，这样可以省略title区域
+    void setTabOnTitle(bool on);
+    bool isTabOnTitle() const;
+
+    // tabbar 底部会绘制一条线条，此接口定义线条颜色
+    void setTabBarBaseLineColor(const QColor& clr);
+    QColor tabBarBaseLineColor() const;
+
+    // 设置标题颜色,如果不设置标题颜色，默认是SARibbonBar的qss的color属性
+    void setWindowTitleTextColor(const QColor& clr);
+    QColor windowTitleTextColor() const;
+
+    // 设置标题的对齐方式
+    void setWindowTitleAligment(Qt::Alignment al);
+    Qt::Alignment windowTitleAligment() const;
+
+    // 设置按钮允许换行，注意图标大小是由文字决定的，两行文字会让图标变小，如果想图标变大，文字不换行是最好的
+    void setEnableWordWrap(bool on);
+    bool isEnableWordWrap() const;
+
+    // 设置pannel的标题栏高度
+    int pannelTitleHeight() const;
+    void setPannelTitleHeight(int h);
+
+    // 设置pannel是否显示标题栏
+    bool isEnableShowPannelTitle() const;
+    void setEnableShowPannelTitle(bool on);
+
+    // 设置pannel的spacing
+    void setPannelSpacing(int n);
+    int pannelSpacing() const;
+
+    // 设置pannel按钮的icon尺寸，large action不受此尺寸影响
+    void setPannelToolButtonIconSize(const QSize& s);
+    QSize pannelToolButtonIconSize() const;
+
+    // 获取SARibbonStackedWidget，谨慎使用此函数
+    SARibbonStackedWidget* ribbonStackedWidget();
+
+    // 设置是否显示标题
+    void setTitleVisible(bool on = false);
+    bool isTitleVisible() const;
+
+    // 上下文标签的颜色列表，上下文标签显示的时候，会从颜色列表中取颜色进行标签的渲染
+    void setContextCategoryColorList(const QList< QColor >& cls);
+    QList< QColor > contextCategoryColorList() const;
+
+    // 设置context category 标题的文字颜色
+    void setContextCategoryTitleTextColor(const QColor& clr);
+    QColor contextCategoryTitleTextColor() const;
+
+    // 设置ribbon的对齐方式
+    void setRibbonAlignment(SARibbonAlignment al);
+    SARibbonAlignment ribbonAlignment() const;
+
+    // 此函数会遍历SARibbonBar下的所有Category，执行函数指针(bool(SARibbonCategory*))，函数指针返回false则停止迭代
+    bool iterate(FpCategoryIterate fp);
+    // 此函数会遍历SARibbonBar下的所有Category,并迭代所有的pannel，执行函数指针(bool(SARibbonPannel*))，函数指针返回false则停止迭代
+    bool iterate(FpPannelIterate fp);
+
+    // 设置边角widget可见性，对于mdi窗口，会出现TopLeftCorner和TopRightCorner两个corner widget
+    void setCornerWidgetVisible(bool on, Qt::Corner c = Qt::TopLeftCorner);
+Q_SIGNALS:
+
+    /**
+     @brief 应用按钮点击响应 - 左上角的按钮，通过关联此信号触发应用按钮点击的效果
+
+     例如想点击按钮后弹出一个全屏的窗口（如office这些）
+     */
+    void applicationButtonClicked();
+
+    /**
+     @brief 标签页变化触发的信号
+     @param index
+     */
+    void currentRibbonTabChanged(int index);
+
+    /**
+     @brief ribbon的状态发生了变化后触发此信号
+     @param nowState 变更之后的ribbon状态
+     */
+    void ribbonModeChanged(SARibbonBar::RibbonMode nowState);
+
+    /**
+     @brief ribbon的状态发生了变化后触发此信号
+     @param nowStyle 变更之后的ribbon样式
+     */
+    void ribbonStyleChanged(SARibbonBar::RibbonStyles nowStyle);
+
+    /**
+       @brief 标题栏高度发生了变化的信号
+       @param oldHeight
+       @param newHeight
+     */
+    void titleBarHeightChanged(int oldHeight, int newHeight);
+
+    /**
+     * @brief 参考QToolBar::actionTriggered的信号
+     * @param action
+     */
+    void actionTriggered(QAction* action);
+
+protected:
+    bool eventFilter(QObject* obj, QEvent* e) override;
+    // 根据情况重置tabbar的宽度，主要针对wps模式
+    int calcMinTabBarWidth() const;
+    // 更新
+    void updateCategoryTitleToTabName();
+    // 告知WindowButtonGroup的尺寸
+    void setWindowButtonGroupSize(const QSize& s);
+protected Q_SLOTS:
+    void onWindowTitleChanged(const QString& title);
+    void onWindowIconChanged(const QIcon& i);
+    void onCategoryWindowTitleChanged(const QString& title);
+    void onStackWidgetHided();
+    virtual void onCurrentRibbonTabChanged(int index);
+    virtual void onCurrentRibbonTabClicked(int index);
+    virtual void onCurrentRibbonTabDoubleClicked(int index);
+    void onContextsCategoryPageAdded(SARibbonCategory* category);
+    void onContextsCategoryCategoryNameChanged(SARibbonCategory* category, const QString& title);
+    void onTabMoved(int from, int to);
+
+private:
+    int tabIndex(SARibbonCategory* obj);
+    void resizeAll();
+    void resizeInLooseStyle();
+    void resizeInCompactStyle();
+    void paintInLooseStyle();
+    void paintInCompactStyle();
+    void resizeStackedContainerWidget();
+
+    // 刷新所有ContextCategoryManagerData，这个在单独一个Category删除时调用
+    void updateContextCategoryManagerData();
+    void synchronousCategoryData(bool autoUpdate = true);
+
+protected:
+    virtual void paintEvent(QPaintEvent* e) override;
+    virtual void resizeEvent(QResizeEvent* e) override;
+    virtual void moveEvent(QMoveEvent* e) override;
+    virtual void changeEvent(QEvent* e) override;
+    virtual bool event(QEvent* e) override;
+    virtual void paintTabbarBaseLine(QPainter& painter);
+    virtual void paintWindowTitle(QPainter& painter, const QString& title, const QRect& titleRegion);
+    virtual void paintContextCategoryTab(QPainter& painter, const QString& title, const QRect& contextRect, const QColor& color);
+#if SA_DEBUG_PRINT_SARIBBONBAR
+    SA_RIBBON_EXPORT friend QDebug operator<<(QDebug debug, const SARibbonBar& ribbon);
+#endif
+};
+Q_DECLARE_OPERATORS_FOR_FLAGS(SARibbonBar::RibbonStyles)
+
+#endif  // SARIBBONBAR_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonBar.pri b/gui/SARibbon/src/SARibbonBar/SARibbonBar.pri
new file mode 100644
index 0000000..f878f18
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonBar.pri
@@ -0,0 +1,123 @@
+
+
+# 这里要做如下改动：
+# 1.framelesshelper/qmake/inc/core/framelesshelper.config中的FRAMELESSHELPER_FEATURE_static_build设置为-1
+# 2.要预定义FRAMELESSHELPER_CORE_LIBRARY宏，这样才能导出符号
+# 3.要预定义FRAMELESSHELPER_WIDGETS_LIBRARY宏，这样才能导出符号
+contains( SA_RIBBON_CONFIG, use_frameless ) {
+    message("use frameless lib,compile with c+=17")
+    # 引入第三方库frameless后，必须要求c++17
+    !contains(CONFIG,C++17){
+        CONFIG += c++17
+    }
+    !exists($$SA_RIBBON_QWindowKit_Install_DIR){
+        message("SA_RIBBON_QWindowKit_Install_DIR not define,set to $$SARIBBON_BIN_DIR")
+        SA_RIBBON_QWindowKit_Install_DIR = $$SARIBBON_BIN_DIR
+    }
+    SA_RIBBON_QWindowKit_QMake_DIR = $$SA_RIBBON_QWindowKit_Install_DIR/share/QWindowKit/qmake
+    include($$SA_RIBBON_QWindowKit_QMake_DIR/QWKCore.pri)
+    include($$SA_RIBBON_QWindowKit_QMake_DIR/QWKWidgets.pri)
+    # 定义SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1是的使用framelss库
+    DEFINES += SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=1
+    contains( SA_RIBBON_CONFIG, enable_snap_layout ) {
+		DEFINES += SARIBBON_ENABLE_SNAP_LAYOUT=1
+    }
+}else{
+    message("do not use_frameless lib,compile with c+=14")
+    !contains(CONFIG,C++14){
+        CONFIG += c++14
+    }
+    DEFINES += SARIBBON_USE_3RDPARTY_FRAMELESSHELPER=0
+}
+message("SA_RIBBON_CONFIG="$${SA_RIBBON_CONFIG})
+#-------------------------------------------------
+#
+# SARibbon的文件
+#
+#-------------------------------------------------
+
+SOURCES += \
+    $$PWD/SAFramelessHelper.cpp \
+    $$PWD/SARibbonActionsManager.cpp \
+    $$PWD/SARibbonBar.cpp \
+    $$PWD/SARibbonColorToolButton.cpp \
+    $$PWD/SARibbonCustomizeData.cpp \
+    $$PWD/SARibbonCustomizeDialog.cpp \
+    $$PWD/SARibbonCustomizeWidget.cpp \
+    $$PWD/SARibbonElementFactory.cpp \
+    $$PWD/SARibbonMainWindow.cpp \
+    $$PWD/SARibbonSystemButtonBar.cpp \
+    $$PWD/SARibbonApplicationButton.cpp \
+    $$PWD/SARibbonTabBar.cpp \
+    $$PWD/SARibbonCategory.cpp \
+    $$PWD/SARibbonContextCategory.cpp \
+    $$PWD/SARibbonPannel.cpp \
+    $$PWD/SARibbonToolButton.cpp \
+    $$PWD/SARibbonMenu.cpp \
+    $$PWD/SARibbonPannelOptionButton.cpp \
+    $$PWD/SARibbonSeparatorWidget.cpp \
+    $$PWD/SARibbonCategoryLayout.cpp \
+    $$PWD/SARibbonGallery.cpp \
+    $$PWD/SARibbonControlButton.cpp \
+    $$PWD/SARibbonGalleryGroup.cpp \
+    $$PWD/SARibbonGalleryItem.cpp \
+    $$PWD/SARibbonComboBox.cpp \
+    $$PWD/SARibbonElementManager.cpp \
+    $$PWD/SARibbonLineEdit.cpp \
+    $$PWD/SARibbonCheckBox.cpp \
+    $$PWD/SARibbonButtonGroupWidget.cpp \
+    $$PWD/SARibbonStackedWidget.cpp \
+    $$PWD/SARibbonQuickAccessBar.cpp \
+    $$PWD/SARibbonCtrlContainer.cpp \
+    $$PWD/SARibbonPannelLayout.cpp \
+    $$PWD/SARibbonPannelItem.cpp \
+    $$PWD/SARibbonLineWidgetContainer.cpp \
+    $$PWD/SARibbonWidget.cpp
+
+HEADERS  += \
+    $$PWD/SAFramelessHelper.h \
+    $$PWD/SARibbonActionsManager.h \
+    $$PWD/SARibbonBar.h \
+    $$PWD/SARibbonColorToolButton.h \
+    $$PWD/SARibbonCustomizeData.h \
+    $$PWD/SARibbonCustomizeDialog.h \
+    $$PWD/SARibbonCustomizeWidget.h \
+    $$PWD/SARibbonElementFactory.h \
+    $$PWD/SARibbonMainWindow.h \
+    $$PWD/SARibbonSystemButtonBar.h \
+    $$PWD/SARibbonApplicationButton.h \
+    $$PWD/SARibbonTabBar.h \
+    $$PWD/SARibbonCategory.h \
+    $$PWD/SARibbonContextCategory.h \
+    $$PWD/SARibbonPannel.h \
+    $$PWD/SARibbonToolButton.h \
+    $$PWD/SARibbonMenu.h \
+    $$PWD/SARibbonGlobal.h \
+    $$PWD/SARibbonPannelOptionButton.h \
+    $$PWD/SARibbonSeparatorWidget.h \
+    $$PWD/SARibbonCategoryLayout.h \
+    $$PWD/SARibbonGallery.h \
+    $$PWD/SARibbonControlButton.h \
+    $$PWD/SARibbonGalleryGroup.h \
+    $$PWD/SARibbonGalleryItem.h \
+    $$PWD/SARibbonComboBox.h \
+    $$PWD/SARibbonElementManager.h \
+    $$PWD/SARibbonLineEdit.h \
+    $$PWD/SARibbonCheckBox.h \
+    $$PWD/SARibbonButtonGroupWidget.h \
+    $$PWD/SARibbonStackedWidget.h \
+    $$PWD/SARibbonQuickAccessBar.h \
+    $$PWD/SARibbonCtrlContainer.h \
+    $$PWD/SARibbonPannelLayout.h \
+    $$PWD/SARibbonPannelItem.h \
+    $$PWD/SARibbonLineWidgetContainer.h \
+    $$PWD/SARibbonWidget.h
+
+RESOURCES += \
+    $$PWD/resource.qrc
+
+# 加入SAColorWidgets组件
+include($$PWD/colorWidgets/SAColorWidgets.pri)
+
+INCLUDEPATH += $$PWD
+DEPENDPATH += $$PWD
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonBar.pro b/gui/SARibbon/src/SARibbonBar/SARibbonBar.pro
new file mode 100644
index 0000000..a799b54
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonBar.pro
@@ -0,0 +1,22 @@
+#-------------------------------------------------
+#
+# Project created by QtCreator 2017-09-21T14:04:12
+#
+#-------------------------------------------------
+
+QT       += core gui
+
+TEMPLATE = lib
+
+DEFINES += SA_RIBBON_BAR_MAKE_LIB #定义此宏将构建库
+DEFINES += SA_COLOR_WIDGETS_MAKE_LIB #定义此宏将构建ColorWidgets库
+#DEFINES += SA_RIBBON_DEBUG_HELP_DRAW # 此宏将绘制辅助线用于调试
+
+greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
+include($$PWD/../../common.pri)
+
+TARGET = $${SARIBBON_LIB_NAME}
+DESTDIR = $${SARIBBON_BIN_DIR}/bin
+
+
+include($$PWD/SARibbonBar.pri)
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonBarConfig.cmake.in b/gui/SARibbon/src/SARibbonBar/SARibbonBarConfig.cmake.in
new file mode 100644
index 0000000..54a43d2
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonBarConfig.cmake.in
@@ -0,0 +1,15 @@
+# This module defines
+# @PROJECT_NAME@_FOUND, if false, do not try to link to @PROJECT_NAME@
+# @PROJECT_NAME@_INCLUDE_DIR, where to find the headers
+# @PROJECT_NAME@_LIBRARIES, where to find the libs
+@PACKAGE_INIT@
+
+set (PackageName @SARIBBON_LIB_NAME@)
+set (@SARIBBON_LIB_NAME@_VERSION @SARIBBON_VERSION@)
+
+include ( ${CMAKE_CURRENT_LIST_DIR}/${PackageName}Targets.cmake )
+set_and_check ( ${PackageName}_INCLUDE_DIR ${PACKAGE_PREFIX_DIR}/@SARIBBON_LIB_INCLUDE_INSTALL_DIR@ )
+set ( ${PackageName}_LIBRARIES)
+list ( APPEND ${PackageName}_LIBRARIES ${PackageName})
+
+check_required_components(${PackageName})
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonBarVersionInfo.h b/gui/SARibbon/src/SARibbonBar/SARibbonBarVersionInfo.h
new file mode 100644
index 0000000..a2de9b0
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonBarVersionInfo.h
@@ -0,0 +1,33 @@
+#ifndef SARIBBONVERSIONINFO_H
+#define SARIBBONVERSIONINFO_H
+/**
+ * @file 此文档由cmake根据SARibbonBarVersionInfo.h.in自动生成，任何在此文件上的改动都将覆写
+ */
+ 
+/**
+ * @def ribbon的数字版本 {MAJ}.MIN.PAT
+ */
+#ifndef SA_RIBBON_BAR_VERSION_MAJ
+#define SA_RIBBON_BAR_VERSION_MAJ 2
+#endif
+/**
+ * @def ribbon的数字版本 MAJ.{MIN}.PAT
+ */
+#ifndef SA_RIBBON_BAR_VERSION_MIN
+#define SA_RIBBON_BAR_VERSION_MIN 2
+#endif
+/**
+ * @def ribbon的数字版本 MAJ.MIN.{PAT}
+ */
+#ifndef SA_RIBBON_BAR_VERSION_PAT
+#define SA_RIBBON_BAR_VERSION_PAT 5
+#endif
+
+/**
+ * @def 版本号（字符串）
+ */
+#ifndef SARIBBON_VERSION
+#define SARIBBON_VERSION "2.2.5"
+#endif
+
+#endif // SARIBBONVERSIONINFO_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonBarVersionInfo.h.in b/gui/SARibbon/src/SARibbonBar/SARibbonBarVersionInfo.h.in
new file mode 100644
index 0000000..7d57bf8
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonBarVersionInfo.h.in
@@ -0,0 +1,33 @@
+#ifndef SARIBBONVERSIONINFO_H
+#define SARIBBONVERSIONINFO_H
+/**
+ * @file 此文档由cmake根据SARibbonBarVersionInfo.h.in自动生成，任何在此文件上的改动都将覆写
+ */
+ 
+/**
+ * @def ribbon的数字版本 {MAJ}.MIN.PAT
+ */
+#ifndef SA_RIBBON_BAR_VERSION_MAJ
+#define SA_RIBBON_BAR_VERSION_MAJ @SARIBBON_VERSION_MAJOR@
+#endif
+/**
+ * @def ribbon的数字版本 MAJ.{MIN}.PAT
+ */
+#ifndef SA_RIBBON_BAR_VERSION_MIN
+#define SA_RIBBON_BAR_VERSION_MIN @SARIBBON_VERSION_MINOR@
+#endif
+/**
+ * @def ribbon的数字版本 MAJ.MIN.{PAT}
+ */
+#ifndef SA_RIBBON_BAR_VERSION_PAT
+#define SA_RIBBON_BAR_VERSION_PAT @SARIBBON_VERSION_PATCH@
+#endif
+
+/**
+ * @def 版本号（字符串）
+ */
+#ifndef SARIBBON_VERSION
+#cmakedefine SARIBBON_VERSION "@SARIBBON_VERSION@"
+#endif
+
+#endif // SARIBBONVERSIONINFO_H
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonButtonGroupWidget.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonButtonGroupWidget.cpp
new file mode 100644
index 0000000..2e3bd12
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonButtonGroupWidget.cpp
@@ -0,0 +1,260 @@
+#include "SARibbonButtonGroupWidget.h"
+#include <QHBoxLayout>
+#include <QDebug>
+#include <QMargins>
+#include <QChildEvent>
+#include <QActionEvent>
+#include <QWidgetAction>
+#include <QApplication>
+#include "SARibbonControlButton.h"
+#include "SARibbonElementManager.h"
+#include "SARibbonSeparatorWidget.h"
+#include "SARibbonPannel.h"
+
+//===================================================
+// SARibbonButtonGroupWidget::PrivateData
+//===================================================
+class SARibbonButtonGroupWidget::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonButtonGroupWidget)
+public:
+    PrivateData(SARibbonButtonGroupWidget* p);
+    void init();
+    void removeAction(QAction* a);
+
+public:
+    QSize mIconSize { 20, 20 };
+};
+
+SARibbonButtonGroupWidget::PrivateData::PrivateData(SARibbonButtonGroupWidget* p) : q_ptr(p)
+{
+}
+
+void SARibbonButtonGroupWidget::PrivateData::init()
+{
+    QHBoxLayout* layout = new QHBoxLayout(q_ptr);
+    // 上下保留一点间隙
+    layout->setContentsMargins(0, 0, 0, 0);
+    layout->setSpacing(1);
+    q_ptr->setSizePolicy(QSizePolicy::Maximum, QSizePolicy::Maximum);
+}
+
+void SARibbonButtonGroupWidget::PrivateData::removeAction(QAction* a)
+{
+    QLayout* lay = q_ptr->layout();
+    int c        = lay->count();
+    QList< QLayoutItem* > willRemoveItems;
+    for (int i = 0; i < c; ++i) {
+        QLayoutItem* item          = lay->itemAt(i);
+        SARibbonControlButton* btn = qobject_cast< SARibbonControlButton* >(item->widget());
+        if (nullptr == btn) {
+            continue;
+        }
+        if (a == btn->defaultAction()) {
+            willRemoveItems.push_back(item);
+        }
+    }
+    // 从尾部删除
+    for (auto i = willRemoveItems.rbegin(); i != willRemoveItems.rend(); ++i) {
+        lay->removeItem(*i);
+    }
+}
+
+//===================================================
+// SARibbonButtonGroupWidget
+//===================================================
+
+SARibbonButtonGroupWidget::SARibbonButtonGroupWidget(QWidget* parent)
+    : QFrame(parent), d_ptr(new SARibbonButtonGroupWidget::PrivateData(this))
+{
+    d_ptr->init();
+}
+
+SARibbonButtonGroupWidget::~SARibbonButtonGroupWidget()
+{
+}
+
+/**
+ * @brief 设置图标尺寸
+ * @param iconSize
+ */
+void SARibbonButtonGroupWidget::setIconSize(const QSize& ic)
+{
+    d_ptr->mIconSize = ic;
+    iterate([ ic ](SARibbonControlButton* btn) -> bool {
+        btn->setIconSize(ic);
+        return true;
+    });
+}
+
+/**
+ * @brief 图标尺寸
+ * @return
+ */
+QSize SARibbonButtonGroupWidget::iconSize() const
+{
+    return d_ptr->mIconSize;
+}
+
+QAction* SARibbonButtonGroupWidget::addAction(QAction* a, Qt::ToolButtonStyle buttonStyle, QToolButton::ToolButtonPopupMode popMode)
+{
+    SARibbonPannel::setActionToolButtonStyleProperty(a, buttonStyle);
+    SARibbonPannel::setActionToolButtonPopupModeProperty(a, popMode);
+    QWidget::addAction(a);
+    return (a);
+}
+
+/**
+ * @brief 生成action
+ * @note action的所有权归SARibbonButtonGroupWidget
+ * @param text
+ * @param icon
+ * @param popMode
+ * @return
+ */
+QAction* SARibbonButtonGroupWidget::addAction(const QString& text, const QIcon& icon, Qt::ToolButtonStyle buttonStyle, QToolButton::ToolButtonPopupMode popMode)
+{
+    QAction* a = new QAction(icon, text, this);
+    addAction(a, buttonStyle, popMode);
+    return (a);
+}
+
+QAction* SARibbonButtonGroupWidget::addMenu(QMenu* menu, Qt::ToolButtonStyle buttonStyle, QToolButton::ToolButtonPopupMode popMode)
+{
+    QAction* a = menu->menuAction();
+    addAction(a, buttonStyle, popMode);
+    return (a);
+}
+
+QAction* SARibbonButtonGroupWidget::addSeparator()
+{
+    QAction* a = new QAction(this);
+
+    a->setSeparator(true);
+    addAction(a);
+    return (a);
+}
+
+QAction* SARibbonButtonGroupWidget::addWidget(QWidget* w)
+{
+    QWidgetAction* a = new QWidgetAction(this);
+
+    a->setDefaultWidget(w);
+    w->setAttribute(Qt::WA_Hover);
+    addAction(a);
+    return (a);
+}
+
+SARibbonControlButton* SARibbonButtonGroupWidget::actionToRibbonControlToolButton(QAction* action)
+{
+    SARibbonControlButton* res = nullptr;
+    iterate([ &res, action ](SARibbonControlButton* btn) -> bool {
+        if (btn->defaultAction() == action) {
+            res = btn;
+            return false;  // 返回false退出迭代
+        }
+        return true;
+    });
+    return (res);
+}
+
+QSize SARibbonButtonGroupWidget::sizeHint() const
+{
+    return (layout()->sizeHint());
+}
+
+QSize SARibbonButtonGroupWidget::minimumSizeHint() const
+{
+    return (layout()->minimumSize());
+}
+
+/**
+ * @brief 此函数会遍历SARibbonButtonGroupWidget下的所有SARibbonControlButton，执行函数指针(bool(SARibbonControlButton*))，函数指针返回false则停止迭代
+ * @param fp
+ * @return 中途迭代退出返回false
+ */
+bool SARibbonButtonGroupWidget::iterate(SARibbonButtonGroupWidget::FpButtonIterate fp)
+{
+    QLayout* lay = layout();
+    int c        = lay->count();
+    for (int i = 0; i < c; ++i) {
+        auto item = lay->itemAt(i);
+        if (!item) {
+            continue;
+        }
+        SARibbonControlButton* btn = qobject_cast< SARibbonControlButton* >(item->widget());
+        if (!btn) {
+            continue;
+        }
+        if (!fp(btn)) {
+            return false;
+        }
+    }
+    return true;
+}
+
+/**
+ * @brief 处理action的事件
+ *
+ * 这里处理了ActionAdded，ActionChanged，ActionRemoved三个事件
+ * ActionAdded时会生成窗口
+ * @param e
+ */
+void SARibbonButtonGroupWidget::actionEvent(QActionEvent* e)
+{
+    QAction* a = e->action();
+    if (!a) {
+        return;
+    }
+
+    switch (e->type()) {
+    case QEvent::ActionAdded: {
+        QWidget* w = nullptr;
+        if (QWidgetAction* widgetAction = qobject_cast< QWidgetAction* >(a)) {
+            widgetAction->setParent(this);
+            w = widgetAction->requestWidget(this);
+            if (w != nullptr) {
+                w->setAttribute(Qt::WA_LayoutUsesWidgetRect);
+                w->show();
+            }
+        } else if (a->isSeparator()) {
+            SARibbonSeparatorWidget* sp = RibbonSubElementFactory->createRibbonSeparatorWidget(this);
+            w                           = sp;
+        }
+        // 不是widget，自动生成ButtonTyle
+        if (!w) {
+            SARibbonControlButton* button = RibbonSubElementFactory->createRibbonControlButton(this);
+            button->setAutoRaise(true);
+            button->setIconSize(d_ptr->mIconSize);
+            button->setFocusPolicy(Qt::NoFocus);
+            button->setDefaultAction(a);
+            // 属性设置
+            QToolButton::ToolButtonPopupMode popMode = SARibbonPannel::getActionToolButtonPopupModeProperty(a);
+            button->setPopupMode(popMode);
+            Qt::ToolButtonStyle buttonStyle = SARibbonPannel::getActionToolButtonStyleProperty(a);
+            button->setToolButtonStyle(buttonStyle);
+            // 根据QAction的属性设置按钮的大小
+
+            connect(button, &SARibbonToolButton::triggered, this, &SARibbonButtonGroupWidget::actionTriggered);
+            w = button;
+        }
+        layout()->addWidget(w);
+        updateGeometry();
+    } break;
+
+    case QEvent::ActionChanged: {
+        // 让布局重新绘制
+        layout()->invalidate();
+        updateGeometry();
+    } break;
+
+    case QEvent::ActionRemoved: {
+        d_ptr->removeAction(e->action());
+        updateGeometry();
+    } break;
+
+    default:
+        break;
+    }
+    QFrame::actionEvent(e);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonButtonGroupWidget.h b/gui/SARibbon/src/SARibbonBar/SARibbonButtonGroupWidget.h
new file mode 100644
index 0000000..9c6a293
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonButtonGroupWidget.h
@@ -0,0 +1,58 @@
+#ifndef SARIBBONBUTTONGROUPWIDGET_H
+#define SARIBBONBUTTONGROUPWIDGET_H
+#include "SARibbonGlobal.h"
+#include <QToolButton>
+#include <QMenu>
+#include <QFrame>
+class SARibbonControlButton;
+/**
+ * @brief 用于管理一组Action,类似于QToolBar
+ */
+class SA_RIBBON_EXPORT SARibbonButtonGroupWidget : public QFrame
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonButtonGroupWidget)
+public:
+    using FpButtonIterate = std::function< bool(SARibbonControlButton*) >;
+
+public:
+    explicit SARibbonButtonGroupWidget(QWidget* parent = nullptr);
+    ~SARibbonButtonGroupWidget();
+
+    // 图标尺寸
+    void setIconSize(const QSize& ic);
+    QSize iconSize() const;
+    // 生成并添加一个action
+    QAction* addAction(QAction* a,
+                       Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+                       QToolButton::ToolButtonPopupMode popMode = QToolButton::DelayedPopup);
+    QAction* addAction(const QString& text,
+                       const QIcon& icon,
+                       Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+                       QToolButton::ToolButtonPopupMode popMode = QToolButton::DelayedPopup);
+    QAction* addMenu(QMenu* menu,
+                     Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+                     QToolButton::ToolButtonPopupMode popMode = QToolButton::InstantPopup);
+    QAction* addSeparator();
+    QAction* addWidget(QWidget* w);
+    // 从ButtonGroupWidget中把action对应的button提取出来，如果action没有对应的button，就返回nullptr
+    SARibbonControlButton* actionToRibbonControlToolButton(QAction* action);
+
+    QSize sizeHint() const override;
+    QSize minimumSizeHint() const override;
+
+public:
+    bool iterate(FpButtonIterate fp);
+Q_SIGNALS:
+
+    /**
+     * @brief 参考QToolBar::actionTriggered的信号
+     * @param action
+     */
+    void actionTriggered(QAction* action);
+
+protected:
+    virtual void actionEvent(QActionEvent* e) override;
+};
+
+#endif  // SARIBBONBUTTONGROUPWIDGET_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCategory.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonCategory.cpp
new file mode 100644
index 0000000..c0eef92
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCategory.cpp
@@ -0,0 +1,741 @@
+#include "SARibbonCategory.h"
+#include <QList>
+#include <QResizeEvent>
+#include <QPainter>
+#include <QLinearGradient>
+#include <QDebug>
+#include <QApplication>
+#include <QHBoxLayout>
+#include <QList>
+#include <QMap>
+#include <QResizeEvent>
+#include "SARibbonCategoryLayout.h"
+#include "SARibbonElementManager.h"
+
+///
+/// \brief ribbon页的代理类
+/// 如果需要修改重绘SARibbonCategory，可以通过设置SARibbonCategory::setProxy
+///
+class SARibbonCategory::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonCategory)
+public:
+    PrivateData(SARibbonCategory* p);
+
+    SARibbonPannel* addPannel(const QString& title);
+    SARibbonPannel* insertPannel(const QString& title, int index);
+    void addPannel(SARibbonPannel* pannel);
+    void insertPannel(int index, SARibbonPannel* pannel);
+
+    // 把pannel从Category中移除，不会销毁，此时pannel的所有权归还操作者
+    bool takePannel(SARibbonPannel* pannel);
+
+    // 移除Pannel，Category会直接回收SARibbonPannel内存
+    bool removePannel(SARibbonPannel* pannel);
+    SARibbonCategory* ribbonCategory();
+    const SARibbonCategory* ribbonCategory() const;
+
+    // 返回所有的Pannel
+    QList< SARibbonPannel* > pannelList();
+
+    // 更新item的布局,此函数会调用doItemLayout
+    void updateItemGeometry();
+
+    void doWheelEvent(QWheelEvent* event);
+    // 初始化
+    void init(SARibbonCategory* c);
+
+public:
+    bool mEnableShowPannelTitle { true };    ///< 是否运行pannel的标题栏显示
+    int mPannelTitleHeight { 15 };           ///< pannel的标题栏默认高度
+    bool mIsContextCategory { false };       ///< 标记是否是上下文标签
+    bool mIsCanCustomize { true };           ///< 标记是否可以自定义
+    int mPannelSpacing { 0 };                ///< pannel的spacing
+    QSize mPannelToolButtonSize { 22, 22 };  ///< 记录pannel的默认图标大小
+    SARibbonPannel::PannelLayoutMode mDefaultPannelLayoutMode { SARibbonPannel::ThreeRowMode };
+};
+SARibbonCategory::PrivateData::PrivateData(SARibbonCategory* p) : q_ptr(p)
+{
+}
+
+SARibbonPannel* SARibbonCategory::PrivateData::addPannel(const QString& title)
+{
+    if (SARibbonCategoryLayout* lay = q_ptr->categoryLayout()) {
+        SARibbonPannel* p = insertPannel(title, lay->pannelCount());
+        return p;
+    }
+    return nullptr;
+}
+
+SARibbonPannel* SARibbonCategory::PrivateData::insertPannel(const QString& title, int index)
+{
+    SARibbonPannel* pannel = RibbonSubElementFactory->createRibbonPannel(ribbonCategory());
+
+    pannel->setPannelName(title);
+    pannel->setObjectName(title);
+    insertPannel(index, pannel);
+    return (pannel);
+}
+
+void SARibbonCategory::PrivateData::addPannel(SARibbonPannel* pannel)
+{
+    if (SARibbonCategoryLayout* lay = q_ptr->categoryLayout()) {
+        insertPannel(lay->pannelCount(), pannel);
+    }
+}
+
+/**
+ * @brief 插入pannel到layout
+ *
+ * 所有的添加操作最终会调用此函数
+ * @param index
+ * @param pannel
+ */
+void SARibbonCategory::PrivateData::insertPannel(int index, SARibbonPannel* pannel)
+{
+    if (nullptr == pannel) {
+        return;
+    }
+    SARibbonCategoryLayout* lay = qobject_cast< SARibbonCategoryLayout* >(q_ptr->layout());
+    if (nullptr == lay) {
+        return;
+    }
+    if (pannel->parentWidget() != q_ptr) {
+        pannel->setParent(q_ptr);
+    }
+    // 同步状态
+    pannel->setEnableShowTitle(mEnableShowPannelTitle);
+    pannel->setTitleHeight(mPannelTitleHeight);
+    pannel->setPannelLayoutMode(mDefaultPannelLayoutMode);
+    pannel->setSpacing(mPannelSpacing);
+    pannel->setToolButtonIconSize(mPannelToolButtonSize);
+    index = qMax(0, index);
+    index = qMin(lay->pannelCount(), index);
+    lay->insertPannel(index, pannel);
+    pannel->setVisible(true);
+
+    QObject::connect(pannel, &SARibbonPannel::actionTriggered, ribbonCategory(), &SARibbonCategory::actionTriggered);
+}
+
+bool SARibbonCategory::PrivateData::takePannel(SARibbonPannel* pannel)
+{
+    SARibbonCategoryLayout* lay = qobject_cast< SARibbonCategoryLayout* >(q_ptr->layout());
+    if (nullptr == lay) {
+        return false;
+    }
+    return lay->takePannel(pannel);
+}
+
+bool SARibbonCategory::PrivateData::removePannel(SARibbonPannel* pannel)
+{
+    if (takePannel(pannel)) {
+        pannel->hide();
+        pannel->deleteLater();
+        return (true);
+    }
+    return (false);
+}
+
+QList< SARibbonPannel* > SARibbonCategory::PrivateData::pannelList()
+{
+    if (SARibbonCategoryLayout* lay = q_ptr->categoryLayout()) {
+        return lay->pannelList();
+    }
+    return QList< SARibbonPannel* >();
+}
+
+SARibbonCategory* SARibbonCategory::PrivateData::ribbonCategory()
+{
+    return (q_ptr);
+}
+
+const SARibbonCategory* SARibbonCategory::PrivateData::ribbonCategory() const
+{
+    return (q_ptr);
+}
+
+void SARibbonCategory::PrivateData::updateItemGeometry()
+{
+#if SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "SARibbonCategory::PrivateData::updateItemGeometry,categoryName=" << q_ptr->categoryName();
+#endif
+    SARibbonCategoryLayout* lay = qobject_cast< SARibbonCategoryLayout* >(q_ptr->layout());
+    if (!lay) {
+        return;
+    }
+    const QList< SARibbonPannel* > pannels = lay->pannelList();
+    for (auto pannel : pannels) {
+        pannel->updateItemGeometry();
+    }
+    lay->updateGeometryArr();
+    return;
+}
+
+void SARibbonCategory::PrivateData::doWheelEvent(QWheelEvent* event)
+{
+    SARibbonCategoryLayout* lay = q_ptr->categoryLayout();
+    if (nullptr == lay) {
+        return;
+    }
+    QSize contentSize = lay->categoryContentSize();
+    // 求总宽
+    int totalWidth = lay->categoryTotalWidth();
+
+    if (totalWidth > contentSize.width()) {
+        // 这个时候滚动有效
+        int scrollpix = 40;
+        // Qt6 取消了QWheelEvent::delta函数
+        // 是要下面方法可兼容qt5/6
+        QPoint numPixels  = event->pixelDelta();
+        QPoint numDegrees = event->angleDelta() / 8;
+        if (!numPixels.isNull()) {
+            if (numDegrees.y() < 0) {
+                scrollpix = -scrollpix;
+            }
+        } else if (!numDegrees.isNull()) {
+            if (numDegrees.y() < 0) {
+                scrollpix = -scrollpix;
+            }
+        }
+        lay->scroll(scrollpix);
+    } else {
+        // 这时候无需处理事件，把滚动事件上发让父级也能接收
+        event->ignore();
+        // 如滚动过就还原
+        if (lay->isScrolled()) {
+            lay->scroll(0);
+        }
+    }
+}
+
+void SARibbonCategory::PrivateData::init(SARibbonCategory* c)
+{
+    c->setLayout(new SARibbonCategoryLayout(c));
+    c->connect(c, &SARibbonCategory::windowTitleChanged, c, &SARibbonCategory::categoryNameChanged);
+}
+
+//----------------------------------------------------
+// SARibbonCategory
+//----------------------------------------------------
+
+SARibbonCategory::SARibbonCategory(QWidget* p) : QFrame(p), d_ptr(new SARibbonCategory::PrivateData(this))
+{
+    d_ptr->init(this);
+}
+
+SARibbonCategory::SARibbonCategory(const QString& name, QWidget* p)
+    : QFrame(p), d_ptr(new SARibbonCategory::PrivateData(this))
+{
+    setCategoryName(name);
+    d_ptr->init(this);
+}
+
+SARibbonCategory::~SARibbonCategory()
+{
+}
+
+/**
+ * @brief category的名字,等同windowTitle函数
+ * @return
+ */
+QString SARibbonCategory::categoryName() const
+{
+    return (windowTitle());
+}
+
+/**
+ * @brief 设置category名字，等同setWindowTitle
+ * @param title
+ */
+void SARibbonCategory::setCategoryName(const QString& title)
+{
+    setWindowTitle(title);
+}
+
+bool SARibbonCategory::event(QEvent* e)
+{
+#if SA_DEBUG_PRINT_EVENT
+    if (e->type() != QEvent::Paint) {
+        qDebug() << "SARibbonCategory event(" << e->type() << "),name=" << categoryName();
+    }
+#endif
+    return QWidget::event(e);
+}
+
+/**
+ * @brief pannel的模式
+ * @return
+ */
+SARibbonPannel::PannelLayoutMode SARibbonCategory::pannelLayoutMode() const
+{
+    return (d_ptr->mDefaultPannelLayoutMode);
+}
+
+/**
+ * @brief 设置pannel的模式
+ *
+ * 在@ref SARibbonBar 调用@ref SARibbonBar::setRibbonStyle 函数时，会对所有的SARibbonCategory调用此函数
+ * 把新的SARibbonPannel::PannelLayoutMode设置进去
+ * @param m
+ */
+void SARibbonCategory::setPannelLayoutMode(SARibbonPannel::PannelLayoutMode m)
+{
+    d_ptr->mDefaultPannelLayoutMode = m;
+    iterate([ m ](SARibbonPannel* p) -> bool {
+        p->setPannelLayoutMode(m);
+        return true;
+    });
+    updateItemGeometry();
+}
+
+/**
+ * @brief 添加pannel
+ *
+ * @note pannel的所有权由SARibbonCategory来管理，请不要在外部对其进行销毁
+ * @param title pannel的标题，在office/wps的三行模式下会显示在pannel的下方
+ * @return 返回生成的@ref SARibbonPannel 指针
+ * @see 对SARibbonPannel的其他操作，参考 @ref SARibbonCategory::takePannel
+ */
+SARibbonPannel* SARibbonCategory::addPannel(const QString& title)
+{
+    return (d_ptr->addPannel(title));
+}
+
+/**
+ * @brief 添加pannel
+ * @param pannel pannel的所有权SARibbonCategory来管理
+ */
+void SARibbonCategory::addPannel(SARibbonPannel* pannel)
+{
+    d_ptr->addPannel(pannel);
+}
+
+/**
+ * @brief qt designer专用
+ * @param pannel
+ */
+void SARibbonCategory::addPannel(QWidget* pannel)
+{
+    SARibbonPannel* p = qobject_cast< SARibbonPannel* >(pannel);
+    if (p) {
+        addPannel(p);
+    }
+}
+
+/**
+ * @brief 新建一个pannel，并插入到index位置
+ * @param title pannel的title
+ * @param index 插入的位置，如果index超出category里pannel的个数，将插入到最后
+ * @return 返回生成的@ref SARibbonPannel 指针
+ * @note 如果
+ */
+SARibbonPannel* SARibbonCategory::insertPannel(const QString& title, int index)
+{
+    return (d_ptr->insertPannel(title, index));
+}
+
+/**
+ * @brief 通过名字查找pannel
+ * @param title
+ * @return 如果有重名，只会返回第一个符合条件的
+ */
+SARibbonPannel* SARibbonCategory::pannelByName(const QString& title) const
+{
+    if (SARibbonCategoryLayout* lay = categoryLayout()) {
+        return lay->pannelByName(title);
+    }
+    return nullptr;
+}
+
+/**
+ * @brief 通过ObjectName查找pannel
+ * @param objname
+ * @return
+ */
+SARibbonPannel* SARibbonCategory::pannelByObjectName(const QString& objname) const
+{
+    if (SARibbonCategoryLayout* lay = categoryLayout()) {
+        return lay->pannelByObjectName(objname);
+    }
+    return nullptr;
+}
+
+/**
+ * @brief 通过索引找到pannel，如果超过索引范围，会返回nullptr
+ * @param index
+ * @return 如果超过索引范围，会返回nullptr
+ */
+SARibbonPannel* SARibbonCategory::pannelByIndex(int index) const
+{
+    if (SARibbonCategoryLayout* lay = categoryLayout()) {
+        return lay->pannelByIndex(index);
+    }
+    return nullptr;
+}
+
+/**
+ * @brief 查找pannel对应的索引
+ * @param p
+ * @return 如果找不到，返回-1
+ */
+int SARibbonCategory::pannelIndex(SARibbonPannel* p) const
+{
+    if (SARibbonCategoryLayout* lay = categoryLayout()) {
+        return lay->pannelIndex(p);
+    }
+    return -1;
+}
+
+/**
+ * @brief 移动一个Pannel从from index到to index
+ * @param from 要移动pannel的index
+ * @param to 要移动到的位置
+ */
+void SARibbonCategory::movePannel(int from, int to)
+{
+    if (from == to) {
+        return;
+    }
+    if (to < 0) {
+        to = 0;
+    }
+    if (to >= pannelCount()) {
+        to = pannelCount() - 1;
+    }
+    if (SARibbonCategoryLayout* lay = categoryLayout()) {
+        lay->movePannel(from, to);
+    }
+}
+
+/**
+ * @brief 把pannel脱离SARibbonCategory的管理
+ * @param pannel 需要提取的pannel
+ * @return 成功返回true，否则返回false
+ */
+bool SARibbonCategory::takePannel(SARibbonPannel* pannel)
+{
+    return (d_ptr->takePannel(pannel));
+}
+
+/**
+ * @brief 移除Pannel，Category会直接回收SARibbonPannel内存
+ * @param pannel 需要移除的pannel
+ * @note 移除后pannel为野指针，一般操作完建议把pannel指针设置为nullptr
+ *
+ * 此操作等同于：
+ *
+ * @code
+ * SARibbonPannel* pannel;
+ * ...
+ * category->takePannel(pannel);
+ * pannel->hide();
+ * pannel->deleteLater();
+ * @endcode
+ */
+bool SARibbonCategory::removePannel(SARibbonPannel* pannel)
+{
+    return (d_ptr->removePannel(pannel));
+}
+
+/**
+ * @brief 移除pannel
+ * @param index pannel的索引，如果超出会返回false
+ * @return 成功返回true
+ */
+bool SARibbonCategory::removePannel(int index)
+{
+    SARibbonPannel* p = pannelByIndex(index);
+
+    if (nullptr == p) {
+        return (false);
+    }
+    return (removePannel(p));
+}
+
+/**
+ * @brief 返回Category下的所有pannel
+ * @return
+ */
+QList< SARibbonPannel* > SARibbonCategory::pannelList() const
+{
+    return (d_ptr->pannelList());
+}
+
+QSize SARibbonCategory::sizeHint() const
+{
+    if (SARibbonCategoryLayout* lay = categoryLayout()) {
+        return lay->sizeHint();
+    }
+    return QSize(1000, 100);
+}
+
+/**
+ * @brief 如果是ContextCategory，此函数返回true
+ * @return
+ */
+bool SARibbonCategory::isContextCategory() const
+{
+    return (d_ptr->mIsContextCategory);
+}
+
+/**
+ * @brief 返回pannel的个数
+ * @return
+ */
+int SARibbonCategory::pannelCount() const
+{
+    if (SARibbonCategoryLayout* lay = categoryLayout()) {
+        return lay->pannelCount();
+    }
+    return -1;
+}
+
+/**
+ * @brief 判断是否可以自定义
+ * @return
+ */
+bool SARibbonCategory::isCanCustomize() const
+{
+    return (d_ptr->mIsCanCustomize);
+}
+
+/**
+ * @brief 设置是否可以自定义
+ * @param b
+ */
+void SARibbonCategory::setCanCustomize(bool b)
+{
+    d_ptr->mIsCanCustomize = b;
+}
+
+/**
+ * @brief pannel标题栏的高度
+ * @return
+ */
+int SARibbonCategory::pannelTitleHeight() const
+{
+    return d_ptr->mPannelTitleHeight;
+}
+/**
+ * @brief 设置pannel的高度
+ * @param h
+ */
+void SARibbonCategory::setPannelTitleHeight(int h)
+{
+    d_ptr->mPannelTitleHeight = h;
+    iterate([ h ](SARibbonPannel* p) -> bool {
+        p->setTitleHeight(h);
+        return true;
+    });
+}
+
+/**
+ * @brief 是否pannel显示标题栏
+ * @return
+ */
+bool SARibbonCategory::isEnableShowPannelTitle() const
+{
+    return d_ptr->mEnableShowPannelTitle;
+}
+
+/**
+ * @brief 设置显示pannel标题
+ * @param on
+ */
+void SARibbonCategory::setEnableShowPannelTitle(bool on)
+{
+    d_ptr->mEnableShowPannelTitle = on;
+    iterate([ on ](SARibbonPannel* p) -> bool {
+        p->setEnableShowTitle(on);
+        return true;
+    });
+}
+
+/**
+ * @brief 获取对应的ribbonbar
+ * @return 如果没有加入ribbonbar的管理，此值为null
+ */
+SARibbonBar* SARibbonCategory::ribbonBar() const
+{
+    // 第一个par是stackwidget
+    if (QWidget* par = parentWidget()) {
+        // 理论此时是ribbonbar
+        par = par->parentWidget();
+        while (par) {
+            if (SARibbonBar* ribbon = qobject_cast< SARibbonBar* >(par)) {
+                return ribbon;
+            }
+            par = par->parentWidget();
+        }
+    }
+    return nullptr;
+}
+
+/**
+ * @brief 刷新category的布局，适用于改变ribbon的模式之后调用
+ */
+void SARibbonCategory::updateItemGeometry()
+{
+#if SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "SARibbonCategory name=" << categoryName() << " updateItemGeometry";
+#endif
+    d_ptr->updateItemGeometry();
+}
+
+/**
+ * @brief 此函数会遍历Category下的所有pannel,执行函数指针
+ * @param fp 函数指针返回false则停止迭代
+ * @return 返回false代表没有迭代完所有的category，中途接收到回调函数的false返回而中断迭代
+ */
+bool SARibbonCategory::iterate(FpPannelIterate fp)
+{
+    const QList< SARibbonPannel* > ps = pannelList();
+    for (SARibbonPannel* p : ps) {
+        if (!fp(p)) {
+            return false;
+        }
+    }
+    return true;
+}
+
+/**
+   @brief 设置Category的对齐方式
+   @param al
+ */
+void SARibbonCategory::setCategoryAlignment(SARibbonAlignment al)
+{
+    SARibbonCategoryLayout* lay = qobject_cast< SARibbonCategoryLayout* >(layout());
+    if (lay) {
+        lay->setCategoryAlignment(al);
+    }
+}
+
+/**
+   @brief Category的对齐方式
+   @return
+ */
+SARibbonAlignment SARibbonCategory::categoryAlignment() const
+{
+    SARibbonCategoryLayout* lay = qobject_cast< SARibbonCategoryLayout* >(layout());
+    if (lay) {
+        return lay->categoryAlignment();
+    }
+    return SARibbonAlignment::AlignLeft;
+}
+
+/**
+ * @brief 设置pannel的spacing
+ * @param n
+ */
+void SARibbonCategory::setPannelSpacing(int n)
+{
+    d_ptr->mPannelSpacing = n;
+    iterate([ n ](SARibbonPannel* pannel) -> bool {
+        if (pannel) {
+            pannel->setSpacing(n);
+        }
+        return true;
+    });
+}
+
+/**
+ * @brief pannel的spacing
+ * @return
+ */
+int SARibbonCategory::pannelSpacing() const
+{
+    return d_ptr->mPannelSpacing;
+}
+
+/**
+ * @brief 设置pannel按钮的icon尺寸，large action不受此尺寸影响
+ * @param s
+ */
+void SARibbonCategory::setPannelToolButtonIconSize(const QSize& s)
+{
+    d_ptr->mPannelToolButtonSize = s;
+    iterate([ s ](SARibbonPannel* pannel) -> bool {
+        if (pannel) {
+            pannel->setToolButtonIconSize(s);
+        }
+        return true;
+    });
+}
+
+/**
+ * @brief pannel按钮的icon尺寸，large action不受此尺寸影响
+ * @return
+ */
+QSize SARibbonCategory::pannelToolButtonIconSize() const
+{
+    return d_ptr->mPannelToolButtonSize;
+}
+
+/**
+ * @brief 在超出边界情况下，滚轮可滚动pannel
+ * @param event
+ */
+void SARibbonCategory::wheelEvent(QWheelEvent* event)
+{
+    d_ptr->doWheelEvent(event);
+}
+
+void SARibbonCategory::changeEvent(QEvent* event)
+{
+    switch (event->type()) {
+    case QEvent::StyleChange: {
+        if (layout()) {
+#if SA_DEBUG_PRINT_SIZE_HINT
+            qDebug() << "SARibbonCategory changeEvent(StyleChange),categoryName=" << categoryName();
+#endif
+            layout()->invalidate();
+        }
+    } break;
+    case QEvent::FontChange: {
+#if SA_DEBUG_PRINT_SIZE_HINT
+        qDebug() << "SARibbonCategory changeEvent(FontChange),categoryName=" << categoryName();
+#endif
+        QFont f = font();
+        iterate([ f ](SARibbonPannel* p) -> bool {
+            p->setFont(f);
+            return true;
+        });
+        if (layout()) {
+            layout()->invalidate();
+        }
+    } break;
+    default:
+        break;
+    };
+    return QWidget::changeEvent(event);
+}
+
+/**
+ * @brief 标记这个是上下文标签
+ * @param isContextCategory
+ */
+void SARibbonCategory::markIsContextCategory(bool isContextCategory)
+{
+    d_ptr->mIsContextCategory = isContextCategory;
+}
+
+/**
+ * @brief 获取SARibbonCategoryLayoutlayout
+ * @return
+ */
+SARibbonCategoryLayout* SARibbonCategory::categoryLayout() const
+{
+    return qobject_cast< SARibbonCategoryLayout* >(layout());
+}
+
+//===================================================
+// SARibbonCategoryScrollButton
+//===================================================
+SARibbonCategoryScrollButton::SARibbonCategoryScrollButton(Qt::ArrowType arr, QWidget* p) : QToolButton(p)
+{
+    setArrowType(arr);
+}
+
+SARibbonCategoryScrollButton::~SARibbonCategoryScrollButton()
+{
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCategory.h b/gui/SARibbon/src/SARibbonBar/SARibbonCategory.h
new file mode 100644
index 0000000..1e35aef
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCategory.h
@@ -0,0 +1,164 @@
+#ifndef SARIBBONCATEGORY_H
+#define SARIBBONCATEGORY_H
+#include "SARibbonGlobal.h"
+#include <QFrame>
+#include "SARibbonPannel.h"
+#include <QScopedPointer>
+#include <QPushButton>
+#include <QWheelEvent>
+
+class QAction;
+class QHBoxLayout;
+class QWheelEvent;
+class SARibbonBar;
+class SARibbonCategoryLayout;
+/**
+ * @brief 一项ribbon tab页
+ * @note SARibbonCategory的windowTitle影响了其在SARibbonBar的标签显示，
+ * 如果要改标签名字，直接调用SARibbonCategory的setWindowTitle函数
+ */
+class SA_RIBBON_EXPORT SARibbonCategory : public QFrame
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonCategory)
+    friend class SARibbonBar;
+    friend class SARibbonContextCategory;
+    Q_PROPERTY(bool isCanCustomize READ isCanCustomize WRITE setCanCustomize)
+    Q_PROPERTY(QString categoryName READ categoryName WRITE setCategoryName)
+public:
+    using FpPannelIterate = std::function< bool(SARibbonPannel*) >;
+
+public:
+    explicit SARibbonCategory(QWidget* p = nullptr);
+    explicit SARibbonCategory(const QString& name, QWidget* p = nullptr);
+    ~SARibbonCategory();
+
+    // category的名字
+    QString categoryName() const;
+
+    // 设置category名字，等同setWindowTitle
+    void setCategoryName(const QString& title);
+
+    // 设置pannel的模式
+    SARibbonPannel::PannelLayoutMode pannelLayoutMode() const;
+    void setPannelLayoutMode(SARibbonPannel::PannelLayoutMode m);
+
+    // 添加pannel
+    SARibbonPannel* addPannel(const QString& title);
+
+    // 添加pannel
+    void addPannel(SARibbonPannel* pannel);
+
+    // qt designer专用
+    Q_INVOKABLE void addPannel(QWidget* pannel);
+
+    // 插入pannel
+    SARibbonPannel* insertPannel(const QString& title, int index);
+
+    // 通过名字查找pannel
+    SARibbonPannel* pannelByName(const QString& title) const;
+
+    // 通过ObjectName查找pannel
+    SARibbonPannel* pannelByObjectName(const QString& objname) const;
+
+    // 通过索引找到pannel，如果超过索引范围，会返回nullptr
+    SARibbonPannel* pannelByIndex(int index) const;
+
+    // 查找pannel的index
+    int pannelIndex(SARibbonPannel* p) const;
+
+    // 移动一个Pannel从from index到to index
+    void movePannel(int from, int to);
+
+    // 把pannel从Category中移除，不会销毁，此时pannel的所有权归还操作者
+    bool takePannel(SARibbonPannel* pannel);
+
+    // 移除Pannel，Category会直接回收SARibbonPannel内存
+    bool removePannel(SARibbonPannel* pannel);
+    bool removePannel(int index);
+
+    // 返回所有的Pannel
+    QList< SARibbonPannel* > pannelList() const;
+
+    //
+    QSize sizeHint() const Q_DECL_OVERRIDE;
+
+    // 如果是ContextCategory，此函数返回true
+    bool isContextCategory() const;
+
+    // pannel的个数
+    int pannelCount() const;
+
+    // 判断是否可以自定义
+    bool isCanCustomize() const;
+    void setCanCustomize(bool b);
+
+    // 设置pannel的标题栏高度
+    int pannelTitleHeight() const;
+    void setPannelTitleHeight(int h);
+
+    // 设置pannel是否显示标题栏
+    bool isEnableShowPannelTitle() const;
+    void setEnableShowPannelTitle(bool on);
+
+    // 设置Category的对齐方式
+    void setCategoryAlignment(SARibbonAlignment al);
+    SARibbonAlignment categoryAlignment() const;
+
+    // 设置pannel的spacing
+    void setPannelSpacing(int n);
+    int pannelSpacing() const;
+
+    // 设置pannel按钮的icon尺寸，large action不受此尺寸影响
+    void setPannelToolButtonIconSize(const QSize& s);
+    QSize pannelToolButtonIconSize() const;
+
+    // 获取对应的ribbonbar，如果没有加入ribbonbar的管理，此值为null
+    SARibbonBar* ribbonBar() const;
+
+    // 刷新category的尺寸布局
+    void updateItemGeometry();
+
+    // 此函数会遍历Category下的所有pannel,执行函数指针，函数指针返回false则停止迭代
+    bool iterate(FpPannelIterate fp);
+Q_SIGNALS:
+    /**
+     * @brief category标题发生了改变信号
+     * @param n
+     */
+    void categoryNameChanged(const QString& n);
+
+    /**
+     * @brief 参考QToolBar::actionTriggered的信号
+     * @param action
+     */
+    void actionTriggered(QAction* action);
+
+protected:
+    virtual bool event(QEvent* e) override;
+    // 处理滚轮事件
+    void wheelEvent(QWheelEvent* event) override;
+    //
+    void changeEvent(QEvent* event) override;
+
+    // 标记这个是上下文标签
+    void markIsContextCategory(bool isContextCategory = true);
+
+    // 获取SARibbonCategoryLayoutlayout
+    SARibbonCategoryLayout* categoryLayout() const;
+};
+
+/**
+ * @brief SARibbonCategory无法完全显示时，显示的调整按钮
+ *
+ * 重新定义是为了防止被外部的样式影响,同时可以使用SARibbonCategoryScrollButton的样式定义
+ */
+class SA_RIBBON_EXPORT SARibbonCategoryScrollButton : public QToolButton
+{
+    Q_OBJECT
+public:
+    explicit SARibbonCategoryScrollButton(Qt::ArrowType arr, QWidget* p = nullptr);
+    ~SARibbonCategoryScrollButton();
+};
+
+#endif  // SARIBBONCATEGORY_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCategoryLayout.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonCategoryLayout.cpp
new file mode 100644
index 0000000..caf56fe
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCategoryLayout.cpp
@@ -0,0 +1,723 @@
+#include "SARibbonCategoryLayout.h"
+#include <QLayoutItem>
+#include "SARibbonPannel.h"
+#include "SARibbonElementManager.h"
+#include "SARibbonSeparatorWidget.h"
+#include <QApplication>
+#include <QDebug>
+
+#ifndef SARibbonCategoryLayout_DEBUG_PRINT
+#define SARibbonCategoryLayout_DEBUG_PRINT 1
+#endif
+/**
+ * @brief The SARibbonCategoryLayoutPrivate class
+ */
+class SARibbonCategoryLayout::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonCategoryLayout)
+public:
+    PrivateData(SARibbonCategoryLayout* p);
+    // 计算所有元素的sizehint总宽度
+    int totalSizeHintWidth() const;
+
+public:
+    bool mDirty { true };
+    bool mIsRightScrollBtnShow { false };                       ///< 标记右滚动按钮是否需要显示
+    bool mIsLeftScrollBtnShow { false };                        ///< 标记左滚动按钮是否需要显示
+    SARibbonCategoryScrollButton* mLeftScrollBtn { nullptr };   ///< 在区域无法显示时显示的按钮
+    SARibbonCategoryScrollButton* mRightScrollBtn { nullptr };  ///< 在区域无法显示时显示的按钮
+    int mTotalWidth { 0 };
+    int mXBase { 0 };
+    QSize mSizeHint;
+    QSize mMinSizeHint;
+    QList< SARibbonCategoryLayoutItem* > mItemList;
+    SARibbonAlignment mCategoryAlignment { SARibbonAlignment::AlignLeft };  ///< 对齐方式
+};
+
+//=============================================================
+// SARibbonCategoryLayoutPrivate
+//=============================================================
+
+SARibbonCategoryLayout::PrivateData::PrivateData(SARibbonCategoryLayout* p) : q_ptr(p)
+{
+}
+
+/**
+ * @brief 计算所有元素的SizeHint宽度总和
+ * @return
+ */
+int SARibbonCategoryLayout::PrivateData::totalSizeHintWidth() const
+{
+    int total    = 0;
+    QMargins mag = q_ptr->contentsMargins();
+#if SA_DEBUG_PRINT_SIZE_HINT
+    int debug_i__ = 0;
+    QString debug_totalSizeHintWidth__;
+#endif
+    if (!mag.isNull()) {
+        total += (mag.left() + mag.right());
+    }
+    // 先计算总长
+    for (SARibbonCategoryLayoutItem* item : qAsConst(mItemList)) {
+        if (item->isEmpty()) {
+// 如果是hide就直接跳过
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+            ++debug_i__;
+            debug_totalSizeHintWidth__ += QString("   [%1](%2)is empty skip\n")
+                                              .arg(debug_i__)
+                                              .arg(item->toPannelWidget()->pannelName());
+#endif
+            continue;
+        }
+        // 这里要使用widget()->sizeHint()，因为pannel的标题会影总体布局，此处需要修改
+        //  TODO
+        QSize pannelSize = item->widget()->sizeHint();
+        QSize SeparatorSize(0, 0);
+        if (item->separatorWidget) {
+            SeparatorSize = item->separatorWidget->sizeHint();
+        }
+        total += pannelSize.width();
+        total += SeparatorSize.width();
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+        ++debug_i__;
+        debug_totalSizeHintWidth__ += QString("|-[%1]pannelSize=(%2,%3),SeparatorSize=(%4,%5),name=(%6) \n")
+                                          .arg(debug_i__)
+                                          .arg(pannelSize.width())
+                                          .arg(pannelSize.height())
+                                          .arg(SeparatorSize.width())
+                                          .arg(SeparatorSize.height())
+                                          .arg(item->toPannelWidget()->pannelName());
+#endif
+    }
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "SARibbonCategoryLayout.totalSizeHintWidth=" << total;
+    qDebug().noquote() << debug_totalSizeHintWidth__;
+#endif
+    return (total);
+}
+
+//=============================================================
+// SARibbonCategoryLayout
+//=============================================================
+
+SARibbonCategoryLayout::SARibbonCategoryLayout(SARibbonCategory* parent)
+    : QLayout(parent), d_ptr(new SARibbonCategoryLayout::PrivateData(this))
+{
+    setContentsMargins(1, 1, 1, 1);
+    d_ptr->mLeftScrollBtn  = new SARibbonCategoryScrollButton(Qt::LeftArrow, parent);
+    d_ptr->mRightScrollBtn = new SARibbonCategoryScrollButton(Qt::RightArrow, parent);
+    d_ptr->mLeftScrollBtn->setVisible(false);
+    d_ptr->mRightScrollBtn->setVisible(false);
+    connect(d_ptr->mLeftScrollBtn, &QToolButton::clicked, this, &SARibbonCategoryLayout::onLeftScrollButtonClicked);
+    connect(d_ptr->mRightScrollBtn, &QToolButton::clicked, this, &SARibbonCategoryLayout::onRightScrollButtonClicked);
+}
+
+SARibbonCategoryLayout::~SARibbonCategoryLayout()
+{
+    while (auto item = takePannelItem(0)) {
+        delete item;
+    }
+}
+
+SARibbonCategory* SARibbonCategoryLayout::ribbonCategory() const
+{
+    return (qobject_cast< SARibbonCategory* >(parentWidget()));
+}
+
+void SARibbonCategoryLayout::addItem(QLayoutItem* item)
+{
+    Q_UNUSED(item);
+    qWarning() << tr("in SARibbonCategoryLayout cannot addItem,use addPannel instead");
+    invalidate();
+}
+
+/**
+ * @brief 返回pannel的layout
+ * @param index 索引
+ * @return
+ * @note 注意，pannel是和分割线一起的，但这个只返回一个pannel对应的layout
+ */
+QLayoutItem* SARibbonCategoryLayout::itemAt(int index) const
+{
+    SARibbonCategoryLayoutItem* item = d_ptr->mItemList.value(index, nullptr);
+
+    return (item);
+}
+
+/**
+ * @brief 提取layout
+ * @param index
+ * @return
+ */
+QLayoutItem* SARibbonCategoryLayout::takeAt(int index)
+{
+    QLayoutItem* r = takePannelItem(index);
+    invalidate();
+    return r;
+}
+
+SARibbonCategoryLayoutItem* SARibbonCategoryLayout::takePannelItem(int index)
+{
+    if ((index >= 0) && (index < d_ptr->mItemList.size())) {
+        SARibbonCategoryLayoutItem* item = d_ptr->mItemList.takeAt(index);
+        if (item->widget()) {
+            item->widget()->hide();
+        }
+        if (item->separatorWidget) {
+            item->separatorWidget->hide();
+        }
+        return (item);
+    }
+    return (nullptr);
+}
+
+SARibbonCategoryLayoutItem* SARibbonCategoryLayout::takePannelItem(SARibbonPannel* pannel)
+{
+    for (int i = 0; i < d_ptr->mItemList.size(); ++i) {
+        SARibbonCategoryLayoutItem* item = d_ptr->mItemList[ i ];
+        if (item->widget() == pannel) {
+            return (takePannelItem(i));
+        }
+    }
+    return (nullptr);
+}
+
+/**
+ * @brief 移除pannel，对应的分割线也会删除
+ * @param pannel
+ * @return
+ */
+bool SARibbonCategoryLayout::takePannel(SARibbonPannel* pannel)
+{
+    SARibbonCategoryLayoutItem* i = takePannelItem(pannel);
+    if (i) {
+        SARibbonSeparatorWidget* sp = i->separatorWidget;
+        if (sp) {
+            sp->deleteLater();
+        }
+        delete i;
+        invalidate();
+        return true;
+    }
+    return false;
+}
+
+int SARibbonCategoryLayout::count() const
+{
+    return (d_ptr->mItemList.size());
+}
+
+void SARibbonCategoryLayout::addPannel(SARibbonPannel* pannel)
+{
+    insertPannel(d_ptr->mItemList.count(), pannel);
+}
+
+/**
+ * @brief 插入一个pannel
+ * @param index 索引
+ * @param pannel
+ * @return 返回对应的分割线SARibbonSeparatorWidget
+ * @note 在SARibbonCategoryLayout的布局中，一个pannel会携带一个分割线
+ */
+void SARibbonCategoryLayout::insertPannel(int index, SARibbonPannel* pannel)
+{
+    index                            = qMax(0, index);
+    index                            = qMin(d_ptr->mItemList.count(), index);
+    SARibbonCategoryLayoutItem* item = new SARibbonCategoryLayoutItem(pannel);
+
+    // 分割线
+    item->separatorWidget = RibbonSubElementFactory->createRibbonSeparatorWidget(parentWidget());
+    // 插入list中
+    d_ptr->mItemList.insert(index, item);
+    // 标记需要重新计算尺寸
+    invalidate();
+}
+
+QSize SARibbonCategoryLayout::sizeHint() const
+{
+    if (d_ptr->mSizeHint.isNull()) {
+        SARibbonCategoryLayout* that = const_cast< SARibbonCategoryLayout* >(this);
+        that->updateGeometryArr();
+    }
+    return (d_ptr->mSizeHint);
+}
+
+QSize SARibbonCategoryLayout::minimumSize() const
+{
+    if (d_ptr->mMinSizeHint.isNull()) {
+        SARibbonCategoryLayout* that = const_cast< SARibbonCategoryLayout* >(this);
+        that->updateGeometryArr();
+    }
+    return (d_ptr->mMinSizeHint);
+}
+
+/**
+ * @brief SARibbonCategory充满整个stacked widget
+ * @return
+ */
+Qt::Orientations SARibbonCategoryLayout::expandingDirections() const
+{
+    return (Qt::Horizontal | Qt::Vertical);
+}
+
+void SARibbonCategoryLayout::invalidate()
+{
+    d_ptr->mDirty = true;
+    QLayout::invalidate();
+}
+/**
+ * @brief category的内容尺寸（把margins减去）
+ * @return
+ */
+QSize SARibbonCategoryLayout::categoryContentSize() const
+{
+    SARibbonCategory* category = ribbonCategory();
+    QSize s                    = category->size();
+    QMargins mag               = contentsMargins();
+    if (!mag.isNull()) {
+        s.rheight() -= (mag.top() + mag.bottom());
+        s.rwidth() -= (mag.right() + mag.left());
+    }
+    return (s);
+}
+
+/**
+ * @brief 更新尺寸
+ */
+void SARibbonCategoryLayout::updateGeometryArr()
+{
+    SARibbonCategory* category = ribbonCategory();
+    if (nullptr == category) {
+        return;
+    }
+    int categoryWidth = category->width();
+    QMargins mag      = contentsMargins();
+    int height        = category->height();
+    int y             = 0;
+
+    if (!mag.isNull()) {
+        y = mag.top();
+        height -= (mag.top() + mag.bottom());
+        // categoryWidth不能把mag减去，减去后会导致categoryWidth不是实际的categoryWidth
+        // categoryWidth -= (mag.right() + mag.left());
+    }
+    // total 是总宽，不是x坐标系，x才是坐标系
+    int total = d_ptr->totalSizeHintWidth();
+
+    // 扩展的宽度
+    int expandWidth = 0;
+
+// 如果total < categoryWidth,m_d->mXBase可以设置为0
+// 判断是否超过总长度
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "SARibbonCategoryLayout::updateGeometryArr"
+             << "\n|-category name=" << category->categoryName()  //
+             << "\n|-category height=" << height                  //
+             << "\n|-totalSizeHintWidth=" << total                //
+             << "\n|-y=" << y                                     //
+             << "\n|-expandWidth:" << expandWidth                 //
+             << "\n|-mag=" << mag;
+#endif
+    if (total > categoryWidth) {
+        // 超过总长度，需要显示滚动按钮
+        if (0 == d_ptr->mXBase) {
+            // 已经移动到最左，需要可以向右移动
+            d_ptr->mIsRightScrollBtnShow = true;
+            d_ptr->mIsLeftScrollBtnShow  = false;
+        } else if (d_ptr->mXBase <= (categoryWidth - total)) {
+            // 已经移动到最右，需要可以向左移动
+            d_ptr->mIsRightScrollBtnShow = false;
+            d_ptr->mIsLeftScrollBtnShow  = true;
+        } else {
+            // 移动到中间两边都可以动
+            d_ptr->mIsRightScrollBtnShow = true;
+            d_ptr->mIsLeftScrollBtnShow  = true;
+        }
+    } else {
+        // 说明total 小于 categoryWidth
+        // 记录可以扩展的数量
+        int canExpandingCount        = 0;
+        d_ptr->mIsRightScrollBtnShow = false;
+        d_ptr->mIsLeftScrollBtnShow  = false;
+        // 这个是避免一开始totalWidth > categorySize.width()，通过滚动按钮调整了m_d->mBaseX
+        // 随之调整了窗体尺寸，调整后totalWidth < categorySize.width()导致category在原来位置
+        // 无法显示，必须这里把mBaseX设置为0
+
+        d_ptr->mXBase = 0;
+        //
+
+        for (SARibbonCategoryLayoutItem* item : qAsConst(d_ptr->mItemList)) {
+            if (SARibbonPannel* p = qobject_cast< SARibbonPannel* >(item->widget())) {
+                if (p->isExpanding()) {
+                    // pannel可扩展
+                    ++canExpandingCount;
+                }
+            }
+        }
+        // 计算可扩展的宽度
+        if (canExpandingCount > 0) {
+            expandWidth = (categoryWidth - total) / canExpandingCount;
+        } else {
+            expandWidth = 0;
+        }
+    }
+    int x = d_ptr->mXBase;
+    if ((categoryAlignment() == SARibbonAlignment::AlignCenter) && (total < categoryWidth) && (0 == expandWidth)) {
+        // 如果是居中对齐，同时没有伸缩的pannel，同时总宽度没有超过category的宽度
+        x = (categoryWidth - total) / 2;
+    }
+    total = 0;  // total重新计算
+    // 先按照sizeHint设置所有的尺寸
+    for (SARibbonCategoryLayoutItem* item : qAsConst(d_ptr->mItemList)) {
+        if (item->isEmpty()) {
+            // 如果是hide就直接跳过
+            if (item->separatorWidget) {
+                // pannel hide分割线也要hide
+                item->separatorWidget->hide();
+            }
+            item->mWillSetGeometry          = QRect(0, 0, 0, 0);
+            item->mWillSetSeparatorGeometry = QRect(0, 0, 0, 0);
+            continue;
+        }
+        SARibbonPannel* p = item->toPannelWidget();
+        if (nullptr == p) {
+            qDebug() << "unknow widget in SARibbonCategoryLayout";
+            continue;
+        }
+        // p->layout()->update();
+        QSize pannelSize = p->sizeHint();
+        QSize SeparatorSize(0, 0);
+        if (item->separatorWidget) {
+            SeparatorSize = item->separatorWidget->sizeHint();
+        }
+        if (p->isExpanding()) {
+            // 可扩展，就把pannel扩展到最大
+            pannelSize.setWidth(pannelSize.width() + expandWidth);
+        }
+        int w = pannelSize.width();
+
+        item->mWillSetGeometry = QRect(x, y, w, height);
+        x += w;
+        total += w;
+        w                               = SeparatorSize.width();
+        item->mWillSetSeparatorGeometry = QRect(x, y, w, height);
+        x += w;
+        total += w;
+    }
+    d_ptr->mTotalWidth  = total;
+    d_ptr->mSizeHint    = QSize(d_ptr->mTotalWidth, height);
+    d_ptr->mMinSizeHint = QSize(categoryWidth, height);
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "SARibbonCategoryLayout updateGeometryArr,SizeHint=" << d_ptr->mSizeHint
+             << ",Category name=" << category->categoryName();
+#endif
+}
+
+/**
+ * @brief 执行layout调整
+ */
+void SARibbonCategoryLayout::doLayout()
+{
+    if (d_ptr->mDirty) {
+        updateGeometryArr();
+    }
+    SARibbonCategory* category = ribbonCategory();
+    // 两个滚动按钮的位置永远不变
+    d_ptr->mLeftScrollBtn->setGeometry(0, 0, 12, category->height());
+    d_ptr->mRightScrollBtn->setGeometry(category->width() - 12, 0, 12, category->height());
+    QList< QWidget* > showWidgets, hideWidgets;
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    int debug_i__(0);
+    qDebug() << "SARibbonCategoryLayout::doLayout(),name=" << category->categoryName();
+#endif
+    for (SARibbonCategoryLayoutItem* item : qAsConst(d_ptr->mItemList)) {
+        if (item->isEmpty()) {
+            hideWidgets << item->widget();
+            if (item->separatorWidget) {
+                hideWidgets << item->separatorWidget;
+            }
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+            qDebug() << "|-[" << debug_i__ << "]pannelName(" << item->toPannelWidget()->pannelName() << ",will hide";
+            ++debug_i__;
+#endif
+        } else {
+            //! 这里不能用item->setGeometry(item->mWillSetGeometry);这样会得到一个很奇怪的显示效果
+            //! 就是窗口的最左边不会移出去，而是把最右边压缩，
+            item->widget()->setGeometry(item->mWillSetGeometry);
+            //            item->widget()->setFixedSize(item->mWillSetGeometry.size());
+            //            item->widget()->move(item->mWillSetGeometry.topLeft());
+            //            item->setGeometry(item->mWillSetGeometry);
+            showWidgets << item->widget();
+            if (item->separatorWidget) {
+                item->separatorWidget->setGeometry(item->mWillSetSeparatorGeometry);
+                showWidgets << item->separatorWidget;
+            }
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+            qDebug() << "|-[" << debug_i__ << "]pannelName(" << item->toPannelWidget()->pannelName()
+                     << "),willSetGeometry:" << item->mWillSetGeometry
+                     << ",WillSetSeparatorGeometry:" << item->mWillSetSeparatorGeometry;
+            ++debug_i__;
+#endif
+        }
+    }
+
+    d_ptr->mRightScrollBtn->setVisible(d_ptr->mIsRightScrollBtnShow);
+    d_ptr->mLeftScrollBtn->setVisible(d_ptr->mIsLeftScrollBtnShow);
+    if (d_ptr->mIsRightScrollBtnShow) {
+        d_ptr->mRightScrollBtn->raise();
+    }
+    if (d_ptr->mIsLeftScrollBtnShow) {
+        d_ptr->mLeftScrollBtn->raise();
+    }
+    // 不在上面那里进行show和hide因为这会触发SARibbonPannelLayout的重绘，导致循环绘制，非常影响效率
+    for (QWidget* w : qAsConst(showWidgets)) {
+        if (!w->isVisible()) {
+            w->show();
+        }
+    }
+    for (QWidget* w : qAsConst(hideWidgets)) {
+        if (w->isVisible()) {
+            w->hide();
+        }
+    }
+}
+
+/**
+ * @brief 返回所有pannels
+ * @return
+ */
+QList< SARibbonPannel* > SARibbonCategoryLayout::pannels() const
+{
+    QList< SARibbonPannel* > res;
+
+    for (SARibbonCategoryLayoutItem* item : qAsConst(d_ptr->mItemList)) {
+        SARibbonPannel* p = item->toPannelWidget();
+        res.append(p);
+    }
+    return (res);
+}
+
+/**
+ * @brief 通过ObjectName查找pannel
+ * @param objname
+ * @return
+ */
+SARibbonPannel* SARibbonCategoryLayout::pannelByObjectName(const QString& objname) const
+{
+    for (SARibbonCategoryLayoutItem* item : d_ptr->mItemList) {
+        if (SARibbonPannel* pannel = item->toPannelWidget()) {
+            if (pannel->objectName() == objname) {
+                return pannel;
+            }
+        }
+    }
+    return nullptr;
+}
+
+/**
+ * @brief 通过名字查找pannel
+ * @param title
+ * @return 如果有重名，只会返回第一个符合条件的
+ */
+SARibbonPannel* SARibbonCategoryLayout::pannelByName(const QString& pannelname) const
+{
+    for (SARibbonCategoryLayoutItem* item : qAsConst(d_ptr->mItemList)) {
+        if (SARibbonPannel* pannel = item->toPannelWidget()) {
+            if (pannel->pannelName() == pannelname) {
+                return (pannel);
+            }
+        }
+    }
+    return (nullptr);
+}
+
+/**
+ * @brief 通过索引找到pannel，如果超过索引范围，会返回nullptr
+ * @param i
+ * @return
+ */
+SARibbonPannel* SARibbonCategoryLayout::pannelByIndex(int i) const
+{
+    if (i >= 0 && i < d_ptr->mItemList.size()) {
+        return d_ptr->mItemList[ i ]->toPannelWidget();
+    }
+    return nullptr;
+}
+
+/**
+ * @brief 移动pannel
+ * @param from
+ * @param to
+ */
+void SARibbonCategoryLayout::movePannel(int from, int to)
+{
+    d_ptr->mItemList.move(from, to);
+    doLayout();
+}
+
+/**
+ * @brief 返回pannel的个数
+ * @return
+ */
+int SARibbonCategoryLayout::pannelCount() const
+{
+    return d_ptr->mItemList.size();
+}
+
+/**
+ * @brief 查找pannel对应的索引
+ * @param p
+ * @return 如果找不到，返回-1
+ */
+int SARibbonCategoryLayout::pannelIndex(SARibbonPannel* p) const
+{
+    int c = pannelCount();
+
+    for (int i = 0; i < c; ++i) {
+        if (d_ptr->mItemList[ i ]->toPannelWidget() == p) {
+            return (i);
+        }
+    }
+    return (-1);
+}
+
+/**
+ * @brief 获取所有的pannel
+ * @return
+ */
+QList< SARibbonPannel* > SARibbonCategoryLayout::pannelList() const
+{
+    QList< SARibbonPannel* > res;
+
+    for (SARibbonCategoryLayoutItem* i : qAsConst(d_ptr->mItemList)) {
+        if (SARibbonPannel* p = i->toPannelWidget()) {
+            res.append(p);
+        }
+    }
+    return (res);
+}
+
+/**
+ * @brief 执行滚动
+ * @param px
+ */
+void SARibbonCategoryLayout::scroll(int px)
+{
+    QSize contentSize = categoryContentSize();
+    d_ptr->mXBase += px;
+    if (d_ptr->mXBase > 0) {
+        d_ptr->mXBase = 0;
+    } else if ((d_ptr->mXBase + d_ptr->mTotalWidth) < contentSize.width()) {
+        d_ptr->mXBase = contentSize.width() - d_ptr->mTotalWidth;
+    }
+    invalidate();
+}
+
+/**
+ * @brief 判断是否滚动过
+ * @return
+ */
+bool SARibbonCategoryLayout::isScrolled() const
+{
+    return (d_ptr->mXBase != 0);
+}
+
+/**
+ * @brief 这个宽度是实际内容的宽度，有可能大于size.width，也有可能小于
+ * @return
+ */
+int SARibbonCategoryLayout::categoryTotalWidth() const
+{
+    return d_ptr->mTotalWidth;
+}
+
+/**
+   @brief 设置Category的对齐方式
+
+   居中对齐会让pannel以居中进行对齐
+   @param al
+ */
+void SARibbonCategoryLayout::setCategoryAlignment(SARibbonAlignment al)
+{
+    d_ptr->mCategoryAlignment = al;
+}
+
+/**
+   @brief Category的对齐方式
+   @return
+ */
+SARibbonAlignment SARibbonCategoryLayout::categoryAlignment() const
+{
+    return d_ptr->mCategoryAlignment;
+}
+
+void SARibbonCategoryLayout::onLeftScrollButtonClicked()
+{
+    SARibbonCategory* category = qobject_cast< SARibbonCategory* >(parentWidget());
+    int width                  = category->width();
+    // 求总宽
+    int totalWidth = d_ptr->mTotalWidth;
+
+    if (totalWidth > width) {
+        int tmp = d_ptr->mXBase + width;
+        if (tmp > 0) {
+            tmp = 0;
+        }
+        d_ptr->mXBase = tmp;
+    } else {
+        d_ptr->mXBase = 0;
+    }
+    invalidate();
+}
+
+void SARibbonCategoryLayout::onRightScrollButtonClicked()
+{
+    SARibbonCategory* category = qobject_cast< SARibbonCategory* >(parentWidget());
+    int width                  = category->width();
+    // 求总宽
+    int totalWidth = d_ptr->mTotalWidth;
+
+    if (totalWidth > width) {
+        int tmp = d_ptr->mXBase - width;
+        if (tmp < (width - totalWidth)) {
+            tmp = width - totalWidth;
+        }
+        d_ptr->mXBase = tmp;
+    } else {
+        d_ptr->mXBase = 0;
+    }
+    invalidate();
+}
+
+void SARibbonCategoryLayout::setGeometry(const QRect& rect)
+{
+    QRect old = geometry();
+    if (old == rect) {
+        return;
+    }
+#if SARibbonCategoryLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "===========SARibbonCategoryLayout.setGeometry(" << rect << "(" << ribbonCategory()->categoryName()
+             << ")=======";
+#endif
+    QLayout::setGeometry(rect);
+    d_ptr->mDirty = false;
+    updateGeometryArr();
+    doLayout();
+}
+//=============================================================
+// SARibbonCategoryLayoutItem
+//=============================================================
+
+SARibbonCategoryLayoutItem::SARibbonCategoryLayoutItem(SARibbonPannel* w) : QWidgetItem(w)
+{
+    separatorWidget = nullptr;
+}
+
+SARibbonCategoryLayoutItem::~SARibbonCategoryLayoutItem()
+{
+}
+
+SARibbonPannel* SARibbonCategoryLayoutItem::toPannelWidget()
+{
+    return qobject_cast< SARibbonPannel* >(widget());
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCategoryLayout.h b/gui/SARibbon/src/SARibbonBar/SARibbonCategoryLayout.h
new file mode 100644
index 0000000..839a0f9
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCategoryLayout.h
@@ -0,0 +1,95 @@
+#ifndef SARIBBONCATEGORYLAYOUT_H
+#define SARIBBONCATEGORYLAYOUT_H
+#include "SARibbonGlobal.h"
+#include <QLayout>
+#include <QList>
+#include <QMap>
+#include "SARibbonCategory.h"
+
+class SARibbonPannel;
+class SARibbonCategoryLayoutItem;
+class SARibbonSeparatorWidget;
+
+/**
+ * @brief The SARibbonCategoryLayout class
+ */
+class SA_RIBBON_EXPORT SARibbonCategoryLayout : public QLayout
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonCategoryLayout)
+public:
+    explicit SARibbonCategoryLayout(SARibbonCategory* parent);
+    ~SARibbonCategoryLayout();
+
+    SARibbonCategory* ribbonCategory() const;
+
+    virtual void addItem(QLayoutItem* item) override;
+    virtual QLayoutItem* itemAt(int index) const override;
+    virtual QLayoutItem* takeAt(int index) override;
+    SARibbonCategoryLayoutItem* takePannelItem(int index);
+    SARibbonCategoryLayoutItem* takePannelItem(SARibbonPannel* pannel);
+    bool takePannel(SARibbonPannel* pannel);
+    virtual int count() const override;
+    void setGeometry(const QRect& rect) override;
+    QSize sizeHint() const override;
+    QSize minimumSize() const override;
+    Qt::Orientations expandingDirections() const override;
+    void invalidate() override;
+    // 追加一个pannel
+    void addPannel(SARibbonPannel* pannel);
+    // 插入一个pannel
+    void insertPannel(int index, SARibbonPannel* pannel);
+    //
+    QSize categoryContentSize() const;
+    // 更新尺寸
+    void updateGeometryArr();
+
+    // 执行位置调整
+    void doLayout();
+
+    // 返回所有pannels
+    QList< SARibbonPannel* > pannels() const;
+
+    // 通过obj name获取pannel
+    SARibbonPannel* pannelByObjectName(const QString& objname) const;
+    // 通过pannel name获取pannel
+    SARibbonPannel* pannelByName(const QString& pannelname) const;
+    // 通过索引找到pannel，如果超过索引范围，会返回nullptr
+    SARibbonPannel* pannelByIndex(int i) const;
+    // 移动pannel
+    void movePannel(int from, int to);
+    // pannel的数量
+    int pannelCount() const;
+    // pannel的索引
+    int pannelIndex(SARibbonPannel* p) const;
+    // 获取所有的pannel
+    QList< SARibbonPannel* > pannelList() const;
+    // 执行滚轮事件
+    void scroll(int px);
+    // 判断是否有滚动过
+    bool isScrolled() const;
+    // category的总宽度
+    int categoryTotalWidth() const;
+    // 设置Category的对齐方式
+    void setCategoryAlignment(SARibbonAlignment al);
+    SARibbonAlignment categoryAlignment() const;
+private Q_SLOTS:
+    void onLeftScrollButtonClicked();
+    void onRightScrollButtonClicked();
+};
+
+/**
+ * @brief SARibbonCategoryLayoutItem，用于标识SARibbonCategoryLayout的item
+ */
+class SA_RIBBON_EXPORT SARibbonCategoryLayoutItem : public QWidgetItem
+{
+public:
+    explicit SARibbonCategoryLayoutItem(SARibbonPannel* w);
+    ~SARibbonCategoryLayoutItem();
+    SARibbonSeparatorWidget* separatorWidget;
+    // 把内部的widget转换为pannel
+    SARibbonPannel* toPannelWidget();
+    QRect mWillSetGeometry;           ///< pannel将要设置的Geometry
+    QRect mWillSetSeparatorGeometry;  ///< pannel将要设置的Separator的Geometry
+};
+#endif  // SARIBBONCATEGORYLAYOUT_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCheckBox.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonCheckBox.cpp
new file mode 100644
index 0000000..7cd527b
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCheckBox.cpp
@@ -0,0 +1,17 @@
+#include "SARibbonCheckBox.h"
+#include <QStyleOption>
+
+SARibbonCheckBox::SARibbonCheckBox(QWidget *parent)
+    : QCheckBox(parent)
+{
+}
+
+SARibbonCheckBox::SARibbonCheckBox(const QString &text, QWidget *parent)
+    : QCheckBox(text, parent)
+{
+
+}
+
+SARibbonCheckBox::~SARibbonCheckBox()
+{
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCheckBox.h b/gui/SARibbon/src/SARibbonBar/SARibbonCheckBox.h
new file mode 100644
index 0000000..39d2d96
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCheckBox.h
@@ -0,0 +1,18 @@
+#ifndef SARIBBONCHECKBOX_H
+#define SARIBBONCHECKBOX_H
+#include "SARibbonGlobal.h"
+#include <QCheckBox>
+
+/**
+ * @brief The SARibbonCheckBox class
+ */
+class SA_RIBBON_EXPORT SARibbonCheckBox : public QCheckBox
+{
+    Q_OBJECT
+public:
+	explicit SARibbonCheckBox(QWidget *parent = nullptr);
+	explicit SARibbonCheckBox(const QString &text, QWidget *parent = nullptr);
+    ~SARibbonCheckBox();
+};
+
+#endif // SARIBBONCHECKBOX_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonColorToolButton.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonColorToolButton.cpp
new file mode 100644
index 0000000..74ab68a
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonColorToolButton.cpp
@@ -0,0 +1,208 @@
+#include "SARibbonColorToolButton.h"
+#include <QStylePainter>
+#include <QStyleOptionToolButton>
+#include <QDebug>
+#include "colorWidgets/SAColorMenu.h"
+//===================================================
+// SARibbonColorToolButton::PrivateData
+//===================================================
+const int c_ribbonbutton_color_height = 5;  ///< 颜色块的高度
+
+class SARibbonColorToolButton::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonColorToolButton)
+public:
+    PrivateData(SARibbonColorToolButton* p);
+    QPixmap createIconPixmap(const QStyleOptionToolButton& opt, const QSize& iconsize) const;
+    QIcon createColorIcon(const QColor& c, const QSize& size) const;
+
+public:
+    QColor mColor;                                                                                ///< 记录颜色
+    SARibbonColorToolButton::ColorStyle mColorStyle { SARibbonColorToolButton::ColorUnderIcon };  ///< 颜色显示样式
+    QIcon mOldIcon;                                                                               ///< 记录旧的icon
+};
+
+SARibbonColorToolButton::PrivateData::PrivateData(SARibbonColorToolButton* p) : q_ptr(p)
+{
+}
+
+QPixmap SARibbonColorToolButton::PrivateData::createIconPixmap(const QStyleOptionToolButton& opt, const QSize& iconsize) const
+{
+    if (opt.icon.isNull()) {  // 没有有图标
+        return QPixmap();
+    }
+    // 有icon，在icon下方加入颜色
+    QIcon::State state = (opt.state & QStyle::State_On) ? QIcon::On : QIcon::Off;
+    QIcon::Mode mode;
+    if (!(opt.state & QStyle::State_Enabled)) {
+        mode = QIcon::Disabled;
+    } else if ((opt.state & QStyle::State_MouseOver) && (opt.state & QStyle::State_AutoRaise)) {
+        mode = QIcon::Active;
+    } else {
+        mode = QIcon::Normal;
+    }
+    QSize realIconSize = iconsize - QSize(0, c_ribbonbutton_color_height + 1);
+    QPixmap pixmap     = opt.icon.pixmap(q_ptr->window()->windowHandle(), realIconSize, mode, state);
+    QPixmap res(pixmap.size() + QSize(4, c_ribbonbutton_color_height + 4));  // 宽度上，颜色块多出2px
+    res.fill(Qt::transparent);
+    QPainter painter(&res);
+    int xpixmap = (res.width() - pixmap.width()) / 2;
+    int ypixmap = (res.height() - c_ribbonbutton_color_height - 2 - pixmap.height()) / 2;  // 这里要减去2而不是1，这样奇数偶数都不会影响
+    int w         = pixmap.width();
+    int h         = pixmap.height();
+    QRect rpixmap = QRect(xpixmap, ypixmap, w, h);
+    painter.drawPixmap(rpixmap, pixmap);
+    QRect colorRect = rpixmap.adjusted(0, h + 1, 0, c_ribbonbutton_color_height + 1);
+    if (mColor.isValid()) {
+        painter.fillRect(colorRect, mColor);
+    } else {
+        QPen pen(Qt::red, 1, Qt::SolidLine, Qt::RoundCap);
+        painter.setPen(pen);
+        painter.setRenderHint(QPainter::SmoothPixmapTransform, true);
+        painter.setRenderHint(QPainter::Antialiasing, true);
+        int ss = colorRect.width() / 3;
+        painter.drawLine(QPoint(colorRect.x() + ss, colorRect.bottom()), QPoint(colorRect.right() - ss, colorRect.top()));
+        pen.setColor(Qt::black);
+        painter.setPen(pen);
+        painter.drawRect(colorRect);
+    }
+    return res;
+}
+
+QIcon SARibbonColorToolButton::PrivateData::createColorIcon(const QColor& c, const QSize& size) const
+{
+    QPixmap res(size);
+    res.fill(Qt::transparent);
+    QPainter painter(&res);
+    if (c.isValid()) {
+        painter.fillRect(QRect(1, 1, res.height() - 2, res.width() - 2), c);
+    } else {
+        QPen pen(Qt::black, 1, Qt::SolidLine, Qt::RoundCap);
+        painter.setPen(pen);
+        painter.drawRect(QRect(1, 1, res.height() - 2, res.width() - 2));
+        pen.setColor(Qt::red);
+        painter.setPen(pen);
+        painter.setRenderHint(QPainter::SmoothPixmapTransform, true);
+        painter.setRenderHint(QPainter::Antialiasing, true);
+        painter.drawLine(QPoint(1, size.height()), QPoint(size.width() - 1, 1));
+    }
+    return QIcon(res);
+}
+
+//===================================================
+// SARibbonColorToolButton
+//===================================================
+
+SARibbonColorToolButton::SARibbonColorToolButton(QWidget* parent)
+    : SARibbonToolButton(parent), d_ptr(new SARibbonColorToolButton::PrivateData(this))
+{
+    connect(this, &QAbstractButton::clicked, this, &SARibbonColorToolButton::onButtonClicked);
+}
+
+SARibbonColorToolButton::SARibbonColorToolButton(QAction* defaultAction, QWidget* parent)
+    : SARibbonToolButton(defaultAction, parent), d_ptr(new SARibbonColorToolButton::PrivateData(this))
+{
+    connect(this, &QAbstractButton::clicked, this, &SARibbonColorToolButton::onButtonClicked);
+}
+
+SARibbonColorToolButton::~SARibbonColorToolButton()
+{
+}
+
+/**
+ * @brief 获取按钮维护的颜色
+ * @return
+ */
+QColor SARibbonColorToolButton::color() const
+{
+    return d_ptr->mColor;
+}
+
+/**
+ * @brief 设置颜色显示的样式
+ * @param s
+ */
+void SARibbonColorToolButton::setColorStyle(SARibbonColorToolButton::ColorStyle s)
+{
+    if (d_ptr->mColorStyle == s) {
+        return;
+    }
+    d_ptr->mColorStyle = s;
+    if (ColorUnderIcon == s) {
+        setIcon(d_ptr->mOldIcon);
+    } else {
+        d_ptr->mOldIcon = icon();
+        setIcon(d_ptr->createColorIcon(d_ptr->mColor, QSize(32, 32)));
+    }
+    repaint();
+}
+
+/**
+ * @brief 颜色显示的样式
+ * @return
+ */
+SARibbonColorToolButton::ColorStyle SARibbonColorToolButton::colorStyle() const
+{
+    return d_ptr->mColorStyle;
+}
+
+/**
+ * @brief 建立标准的颜色菜单
+ * @return
+ */
+SAColorMenu* SARibbonColorToolButton::setupStandardColorMenu()
+{
+    setPopupMode(QToolButton::MenuButtonPopup);
+    SAColorMenu* m = new SAColorMenu(this);
+    m->enableNoneColorAction(true);
+    QAction* customColor = m->customColorAction();
+    if (customColor) {
+        customColor->setIcon(QIcon(":/image/resource/define-color.svg"));
+    }
+    connect(m, &SAColorMenu::selectedColor, this, &SARibbonColorToolButton::setColor);
+    setMenu(m);
+
+    updateRect();
+    return m;
+}
+
+/**
+ * @brief 设置按钮的颜色
+ *
+ * 此时会生成一个新的icon
+ * @note 会发射@sa colorChanged 信号
+ * @param c
+ */
+void SARibbonColorToolButton::setColor(const QColor& c)
+{
+    if (d_ptr->mColor != c) {
+        d_ptr->mColor = c;
+        if (ColorFillToIcon == colorStyle()) {
+            setIcon(d_ptr->createColorIcon(c, QSize(32, 32)));
+        }
+        repaint();
+        Q_EMIT colorChanged(c);
+    }
+}
+
+void SARibbonColorToolButton::onButtonClicked(bool checked)
+{
+    Q_EMIT colorClicked(d_ptr->mColor, checked);
+}
+
+/**
+ * @brief 重写paintIcon函数，把颜色加到icon下面
+ * @param p
+ * @param opt
+ * @param iconDrawRect
+ */
+void SARibbonColorToolButton::paintIcon(QPainter& p, const QStyleOptionToolButton& opt, const QRect& iconDrawRect)
+{
+    if (ColorUnderIcon == colorStyle()) {
+        // 有icon
+        QPixmap pm = d_ptr->createIconPixmap(opt, iconDrawRect.size());
+        style()->drawItemPixmap(&p, iconDrawRect, Qt::AlignCenter, pm);
+    } else {
+        SARibbonToolButton::paintIcon(p, opt, iconDrawRect);
+    }
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonColorToolButton.h b/gui/SARibbon/src/SARibbonBar/SARibbonColorToolButton.h
new file mode 100644
index 0000000..37f1925
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonColorToolButton.h
@@ -0,0 +1,55 @@
+#ifndef SARIBBONCOLORTOOLBUTTON_H
+#define SARIBBONCOLORTOOLBUTTON_H
+#include "SARibbonToolButton.h"
+#include "SARibbonGlobal.h"
+class SAColorMenu;
+/**
+ * @brief Refer to the color setting button in the office, which can display the color below the icon(参考office的颜色设置按钮，可以显示颜色在图标下方)
+ */
+class SA_RIBBON_EXPORT SARibbonColorToolButton : public SARibbonToolButton
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonColorToolButton)
+public:
+    /**
+     * @brief 颜色样式
+     */
+    enum ColorStyle
+    {
+        ColorUnderIcon,  ///< 颜色在icon下方，这个要求必须设置icon
+        ColorFillToIcon  ///< 颜色作为icon，这个模式下在setColor会自动生成一个颜色icon替换掉原来的icon，因此setIcon函数没有作用
+    };
+
+public:
+    explicit SARibbonColorToolButton(QWidget* parent = nullptr);
+    explicit SARibbonColorToolButton(QAction* defaultAction, QWidget* parent = nullptr);
+    ~SARibbonColorToolButton();
+    // 获取颜色
+    QColor color() const;
+    // 设置颜色显示方案
+    void setColorStyle(ColorStyle s);
+    ColorStyle colorStyle() const;
+    // 建立标准的颜色菜单
+    SAColorMenu* setupStandardColorMenu();
+public Q_SLOTS:
+    // 设置颜色,会发射colorChanged信号
+    void setColor(const QColor& c);
+private Q_SLOTS:
+    void onButtonClicked(bool checked = false);
+Q_SIGNALS:
+    /**
+     * @brief 颜色被点击的响应
+     * @param color
+     */
+    void colorClicked(const QColor& color, bool checked = false);
+    /**
+     * @brief 颜色改变信号
+     * @param color
+     */
+    void colorChanged(const QColor& color);
+
+protected:
+    void paintIcon(QPainter& p, const QStyleOptionToolButton& opt, const QRect& iconDrawRect);
+};
+
+#endif  // SARIBBONCOLORTOOLBUTTON_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonComboBox.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonComboBox.cpp
new file mode 100644
index 0000000..a267b30
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonComboBox.cpp
@@ -0,0 +1,11 @@
+#include "SARibbonComboBox.h"
+
+
+SARibbonComboBox::SARibbonComboBox(QWidget *parent)
+    : QComboBox(parent)
+{
+}
+
+SARibbonComboBox::~SARibbonComboBox()
+{
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonComboBox.h b/gui/SARibbon/src/SARibbonBar/SARibbonComboBox.h
new file mode 100644
index 0000000..6e15e74
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonComboBox.h
@@ -0,0 +1,19 @@
+#ifndef SARIBBONCOMBOBOX_H
+#define SARIBBONCOMBOBOX_H
+#include "SARibbonGlobal.h"
+#include <QComboBox>
+
+
+
+/**
+ * @brief QComboBox的Ribbon显示，可以显示QIcon和windowTitle在左侧
+ */
+class SA_RIBBON_EXPORT SARibbonComboBox : public QComboBox
+{
+    Q_OBJECT
+public:
+    explicit SARibbonComboBox(QWidget *parent = nullptr);
+    ~SARibbonComboBox();
+};
+
+#endif // SARIBBONCOMBOBOX_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonContextCategory.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonContextCategory.cpp
new file mode 100644
index 0000000..e68fde9
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonContextCategory.cpp
@@ -0,0 +1,212 @@
+#include "SARibbonContextCategory.h"
+#include <QList>
+#include <QVariant>
+#include "SARibbonElementManager.h"
+#include <QDebug>
+
+/**
+ * @brief The SARibbonCategoryData class
+ */
+class SAPrivateRibbonCategoryData
+{
+public:
+    SARibbonCategory* categoryPage;
+};
+
+/**
+ * @brief The SARibbonContextCategoryPrivate class
+ */
+class SARibbonContextCategory::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonContextCategory)
+public:
+    PrivateData(SARibbonContextCategory* p);
+
+public:
+    QList< SAPrivateRibbonCategoryData > mCategoryDataList;
+    QVariant mContextID;
+    QColor mContextColor;
+    QString mContextTitle;
+};
+SARibbonContextCategory::PrivateData::PrivateData(SARibbonContextCategory* p) : q_ptr(p)
+{
+}
+
+//===================================================
+// SARibbonContextCategory
+//===================================================
+SARibbonContextCategory::SARibbonContextCategory(QWidget* parent)
+    : QObject(parent), d_ptr(new SARibbonContextCategory::PrivateData(this))
+{
+}
+
+SARibbonContextCategory::~SARibbonContextCategory()
+{
+}
+
+/**
+ * @brief 添加标签
+ * @param title 标签名字
+ */
+SARibbonCategory* SARibbonContextCategory::addCategoryPage(const QString& title)
+{
+    SARibbonCategory* category = RibbonSubElementFactory->createRibbonCategory(parentWidget());
+    category->setCategoryName(title);
+    addCategoryPage(category);
+    return (category);
+}
+
+/**
+ * @brief 添加标签
+ * @param page
+ */
+void SARibbonContextCategory::addCategoryPage(SARibbonCategory* category)
+{
+    if (isHaveCategory(category)) {
+        // cn:SARibbonContextCategory已经持有标签：%1，将跳过
+        qWarning() << tr("SARibbonContextCategory have category %1,will skip").arg(category->categoryName());
+        return;
+    }
+    category->markIsContextCategory(true);
+    connect(category, &SARibbonCategory::categoryNameChanged, this, &SARibbonContextCategory::onCategoryTitleChanged);
+    SAPrivateRibbonCategoryData catData;
+    catData.categoryPage = category;
+    d_ptr->mCategoryDataList.append(catData);
+    category->installEventFilter(this);
+    Q_EMIT categoryPageAdded(category);
+}
+
+int SARibbonContextCategory::categoryCount() const
+{
+    return (d_ptr->mCategoryDataList.count());
+}
+
+void SARibbonContextCategory::setId(const QVariant& id)
+{
+    d_ptr->mContextID = id;
+}
+
+QVariant SARibbonContextCategory::id() const
+{
+    return (d_ptr->mContextID);
+}
+
+void SARibbonContextCategory::setContextColor(const QColor color)
+{
+    d_ptr->mContextColor = color;
+}
+
+QColor SARibbonContextCategory::contextColor() const
+{
+    return (d_ptr->mContextColor);
+}
+
+QWidget* SARibbonContextCategory::parentWidget() const
+{
+    return (qobject_cast< QWidget* >(parent()));
+}
+
+bool SARibbonContextCategory::eventFilter(QObject* watched, QEvent* e)
+{
+    if (nullptr == watched) {
+        return (false);
+    }
+    switch (e->type()) {
+    case QEvent::Close: {
+        SARibbonCategory* c = qobject_cast< SARibbonCategory* >(watched);
+        if (c) {
+#ifdef SA_RIBBON_DEBUG_HELP_DRAW
+            qDebug() << " -----------> close event";
+#endif
+            takeCategory(c);
+        }
+    } break;
+
+    default:
+        break;
+    }
+    return (false);
+}
+
+/**
+ * @brief 获取上下文标签的标题
+ * @return
+ */
+QString SARibbonContextCategory::contextTitle() const
+{
+    return (d_ptr->mContextTitle);
+}
+
+/**
+ * @brief 设置上下文标签的标题，标题仅在office模式下显示 @ref SARibbonBar::RibbonStyle
+ * @param contextTitle
+ * @note 此函数会触发信号@sa contextTitleChanged
+ */
+void SARibbonContextCategory::setContextTitle(const QString& contextTitle)
+{
+    d_ptr->mContextTitle = contextTitle;
+    Q_EMIT contextTitleChanged(contextTitle);
+}
+
+/**
+ * @brief 获取对应的tab页
+ * @param index
+ * @return
+ */
+SARibbonCategory* SARibbonContextCategory::categoryPage(int index)
+{
+    return (d_ptr->mCategoryDataList[ index ].categoryPage);
+}
+
+/**
+ * @brief 获取所有的SARibbonCategory*
+ * @return
+ */
+QList< SARibbonCategory* > SARibbonContextCategory::categoryList() const
+{
+    QList< SARibbonCategory* > res;
+
+    for (const SAPrivateRibbonCategoryData& c : qAsConst(d_ptr->mCategoryDataList)) {
+        res.append(c.categoryPage);
+    }
+    return (res);
+}
+
+/**
+ * @brief 移除这个category，这时SARibbonContextCategory不再管理这个category
+ * @param category
+ * @return 成功移除返回true
+ */
+bool SARibbonContextCategory::takeCategory(SARibbonCategory* category)
+{
+    for (int i = 0; i < d_ptr->mCategoryDataList.size(); ++i) {
+        if (d_ptr->mCategoryDataList[ i ].categoryPage == category) {
+            d_ptr->mCategoryDataList.takeAt(i);
+            return (true);
+        }
+    }
+    return (false);
+}
+
+/**
+ * @brief 判断上下文是否维护了此SARibbonCategory
+ * @param category
+ * @return
+ */
+bool SARibbonContextCategory::isHaveCategory(SARibbonCategory* category) const
+{
+    for (int i = 0; i < d_ptr->mCategoryDataList.size(); ++i) {
+        if (d_ptr->mCategoryDataList[ i ].categoryPage == category) {
+            return (true);
+        }
+    }
+    return (false);
+}
+
+void SARibbonContextCategory::onCategoryTitleChanged(const QString& title)
+{
+    SARibbonCategory* category = qobject_cast< SARibbonCategory* >(sender());
+    if (category) {
+        Q_EMIT categoryTitleChanged(category, title);
+    }
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonContextCategory.h b/gui/SARibbon/src/SARibbonBar/SARibbonContextCategory.h
new file mode 100644
index 0000000..561bef5
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonContextCategory.h
@@ -0,0 +1,80 @@
+#ifndef SARIBBONCONTEXTCATEGORY_H
+#define SARIBBONCONTEXTCATEGORY_H
+#include "SARibbonGlobal.h"
+#include "SARibbonCategory.h"
+#include <QWidget>
+
+/**
+ * @brief 管理上下文标签的类
+ */
+class SA_RIBBON_EXPORT SARibbonContextCategory : public QObject
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonContextCategory)
+public:
+    explicit SARibbonContextCategory(QWidget* parent = nullptr);
+    ~SARibbonContextCategory();
+    //上下文目录添加下属目录
+    SARibbonCategory* addCategoryPage(const QString& title);
+    void addCategoryPage(SARibbonCategory* category);
+    //获取上下文标签下管理的标签个数
+    int categoryCount() const;
+
+    //设置id
+    void setId(const QVariant& id);
+    QVariant id() const;
+
+    //设置上下文颜色
+    void setContextColor(const QColor color);
+    QColor contextColor() const;
+
+    //上下文标签的内容
+    QString contextTitle() const;
+    void setContextTitle(const QString& contextTitle);
+
+    //获取对应的tab页
+    SARibbonCategory* categoryPage(int index);
+
+    //获取所有的SARibbonCategory*
+    QList< SARibbonCategory* > categoryList() const;
+
+    //移除category
+    bool takeCategory(SARibbonCategory* category);
+
+    //判断上下文是否维护了此SARibbonCategory
+    bool isHaveCategory(SARibbonCategory* category) const;
+Q_SIGNALS:
+    /**
+     * @brief 标签加入上下文
+     * @param category
+     */
+    void categoryPageAdded(SARibbonCategory* category);
+
+    /**
+     * @brief 标签从上下文移除
+     * @param category
+     */
+    void categoryPageRemoved(SARibbonCategory* category);
+
+    /**
+     * @brief 上下文的标题发生改变
+     * @param title
+     */
+    void contextTitleChanged(const QString& title);
+
+    /**
+     * @brief 上下文标签维护的标签页名字发生了改变
+     * @param category 发生改变的上下文标签页
+     * @param title 新名字
+     */
+    void categoryTitleChanged(SARibbonCategory* category, const QString& title);
+private Q_SLOTS:
+    void onCategoryTitleChanged(const QString& title);
+
+protected:
+    //获取父级窗口
+    QWidget* parentWidget() const;
+    virtual bool eventFilter(QObject* watched, QEvent* e) override;
+};
+
+#endif  // SARIBBONCONTEXTCATEGORY_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonControlButton.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonControlButton.cpp
new file mode 100644
index 0000000..d309ef6
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonControlButton.cpp
@@ -0,0 +1,16 @@
+#include "SARibbonControlButton.h"
+
+SARibbonControlButton::SARibbonControlButton(QWidget* parent) : QToolButton(parent)
+{
+}
+
+SARibbonControlButton::~SARibbonControlButton()
+{
+}
+SARibbonControlToolButton::SARibbonControlToolButton(QWidget* parent) : QToolButton(parent)
+{
+}
+
+SARibbonControlToolButton::~SARibbonControlToolButton()
+{
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonControlButton.h b/gui/SARibbon/src/SARibbonBar/SARibbonControlButton.h
new file mode 100644
index 0000000..90c31f2
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonControlButton.h
@@ -0,0 +1,33 @@
+#ifndef SARIBBONCONTROLBUTTON_H
+#define SARIBBONCONTROLBUTTON_H
+#include <QToolButton>
+#include "SARibbonGlobal.h"
+#include "SARibbonToolButton.h"
+
+/**
+ * @brief 用于SARibbonGallery的control button
+ *
+ * 为了防止外部qss的影响，单独继承一个类
+ */
+class SA_RIBBON_EXPORT SARibbonControlButton : public QToolButton
+{
+    Q_OBJECT
+public:
+    explicit SARibbonControlButton(QWidget* parent = nullptr);
+    ~SARibbonControlButton();
+};
+
+/**
+ * @brief 用于SARibbonButtonGroupWidget的control button
+ *
+ * 为了防止SARibbonToolButton qss的影响，单独继承一个类
+ */
+class SA_RIBBON_EXPORT SARibbonControlToolButton : public QToolButton
+{
+    Q_OBJECT
+public:
+    explicit SARibbonControlToolButton(QWidget* parent = nullptr);
+    ~SARibbonControlToolButton();
+};
+
+#endif  // SARIBBONPANNELTOOLBUTTON_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCtrlContainer.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonCtrlContainer.cpp
new file mode 100644
index 0000000..3ca4a08
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCtrlContainer.cpp
@@ -0,0 +1,169 @@
+#include "SARibbonCtrlContainer.h"
+#include <QHBoxLayout>
+#include <QPainter>
+#include <QPaintEvent>
+#include <QStylePainter>
+#include <QDebug>
+#include <QLabel>
+#include <QApplication>
+#include <QScreen>
+/**
+ * @brief The SARibbonCtrlContainerPrivate class
+ */
+class SARibbonCtrlContainer::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonCtrlContainer)
+public:
+    QWidget* mContainerWidget { nullptr };
+    QHBoxLayout* mHorizontalLayout { nullptr };
+    QLabel* mLabelPixmap { nullptr };
+    QLabel* mLabelText { nullptr };
+    QSize mIconSize { 24, 24 };
+    QIcon mIcon;
+    PrivateData(SARibbonCtrlContainer* p) : q_ptr(p)
+    {
+        mHorizontalLayout = new QHBoxLayout(p);
+        mHorizontalLayout->setSpacing(0);
+        mHorizontalLayout->setObjectName(QString::fromUtf8("horizontalLayout"));
+        mHorizontalLayout->setContentsMargins(0, 0, 0, 0);
+
+        mLabelPixmap = new QLabel(p);
+        mLabelPixmap->setObjectName(QString::fromUtf8("labelPixmap"));
+        mLabelPixmap->setAlignment(Qt::AlignCenter);
+        mHorizontalLayout->addWidget(mLabelPixmap);
+
+        mLabelText = new QLabel(p);
+        mLabelText->setObjectName(QString::fromUtf8("labelText"));
+        mHorizontalLayout->addWidget(mLabelText);
+    }
+
+    void setContainerWidget(QWidget* w)
+    {
+        if (mContainerWidget) {
+            // 原来有widget
+            QWidget* oldwidget = mContainerWidget;
+            takeContainerWidget(oldwidget);
+            oldwidget->deleteLater();
+        }
+        mContainerWidget = w;
+        if (!w) {
+            return;
+        }
+        if (w->parent() != q_ptr) {
+            w->setParent(q_ptr);
+        }
+        // ContainerWidget永远在最右边
+        mHorizontalLayout->insertWidget(mHorizontalLayout->count(), w);
+        QSizePolicy sizePolicy(QSizePolicy::Expanding, QSizePolicy::Preferred);
+        sizePolicy.setHorizontalStretch(0);
+        sizePolicy.setVerticalStretch(0);
+        w->setSizePolicy(sizePolicy);
+    }
+
+    void takeContainerWidget(QWidget* w)
+    {
+        int i = mHorizontalLayout->indexOf(w);
+        if (i >= 0) {
+            QLayoutItem* item = mHorizontalLayout->takeAt(i);
+            delete item;
+        }
+    }
+};
+
+//===================================================
+// SARibbonCtrlContainer
+//===================================================
+SARibbonCtrlContainer::SARibbonCtrlContainer(QWidget* parent)
+    : QWidget(parent), d_ptr(new SARibbonCtrlContainer::PrivateData(this))
+{
+}
+
+SARibbonCtrlContainer::~SARibbonCtrlContainer()
+{
+}
+
+QWidget* SARibbonCtrlContainer::containerWidget()
+{
+    return (d_ptr->mContainerWidget);
+}
+
+const QWidget* SARibbonCtrlContainer::containerWidget() const
+{
+    return (d_ptr->mContainerWidget);
+}
+
+void SARibbonCtrlContainer::setEnableShowIcon(bool b)
+{
+    d_ptr->mLabelPixmap->setVisible(b);
+}
+
+void SARibbonCtrlContainer::setEnableShowTitle(bool b)
+{
+    d_ptr->mLabelText->setVisible(b);
+}
+
+/**
+ * @brief 判断是否存在容器窗口
+ * @return
+ */
+bool SARibbonCtrlContainer::hasContainerWidget() const
+{
+    return (d_ptr->mContainerWidget != nullptr);
+}
+
+/**
+ * @brief 设置图标
+ * @param i
+ */
+void SARibbonCtrlContainer::setIcon(const QIcon& i)
+{
+    d_ptr->mIcon   = i;
+    QPixmap pixmap = i.pixmap(d_ptr->mIconSize);
+    d_ptr->mLabelPixmap->setPixmap(pixmap);
+}
+
+void SARibbonCtrlContainer::setIcon(const QPixmap& pixmap)
+{
+    d_ptr->mLabelPixmap->setPixmap(pixmap);
+}
+
+/**
+ * @brief 获取图标
+ * @return
+ */
+QIcon SARibbonCtrlContainer::icon() const
+{
+    return d_ptr->mIcon;
+}
+
+/**
+ * @brief 设置文字
+ * @param t
+ */
+void SARibbonCtrlContainer::setText(const QString& t)
+{
+    d_ptr->mLabelText->setText(t);
+}
+
+/**
+ * @brief 获取文字
+ * @return
+ */
+QString SARibbonCtrlContainer::text() const
+{
+    return d_ptr->mLabelText->text();
+}
+
+void SARibbonCtrlContainer::setContainerWidget(QWidget* w)
+{
+    d_ptr->setContainerWidget(w);
+}
+
+/**
+ * @brief 获取显示icon的窗口
+ * @return
+ */
+QWidget* SARibbonCtrlContainer::iconWidget() const
+{
+    return d_ptr->mLabelPixmap;
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCtrlContainer.h b/gui/SARibbon/src/SARibbonBar/SARibbonCtrlContainer.h
new file mode 100644
index 0000000..e1ad533
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCtrlContainer.h
@@ -0,0 +1,42 @@
+#ifndef SARIBBONCTROLCONTAINER_H
+#define SARIBBONCTROLCONTAINER_H
+#include "SARibbonGlobal.h"
+#include <QWidget>
+#include <QScopedPointer>
+class QStyleOption;
+
+/**
+ * @brief 用于装载一个窗体的容器，这个窗体会布满整个SARibbonCtrlContainer，但会预留空间显示icon或者title
+ *
+ * ----------------------
+ * |icon|text|  widget  |
+ * ----------------------
+ */
+class SA_RIBBON_EXPORT SARibbonCtrlContainer : public QWidget
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonCtrlContainer)
+public:
+    explicit SARibbonCtrlContainer(QWidget* parent = nullptr);
+    ~SARibbonCtrlContainer();
+
+    void setEnableShowIcon(bool b);
+    void setEnableShowTitle(bool b);
+    // 判断是否存在容器窗口
+    bool hasContainerWidget() const;
+    // 图标
+    void setIcon(const QIcon& i);
+    void setIcon(const QPixmap& pixmap);
+    QIcon icon() const;
+    // 图标
+    void setText(const QString& t);
+    QString text() const;
+    // 设置窗口
+    void setContainerWidget(QWidget* w);
+    QWidget* containerWidget();
+    const QWidget* containerWidget() const;
+    // 获取线索icon的窗口
+    QWidget* iconWidget() const;
+};
+
+#endif  // SARIBBONCTROLCONTAINER_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeData.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeData.cpp
new file mode 100644
index 0000000..ec310e5
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeData.cpp
@@ -0,0 +1,704 @@
+#include "SARibbonCustomizeData.h"
+#include "SARibbonBar.h"
+#include <QDebug>
+#include <QObject>
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+/// SARibbonCustomizeData
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+SARibbonCustomizeData::SARibbonCustomizeData()
+    : indexValue(-1)
+    , actionRowProportionValue(SARibbonPannelItem::Large)
+    , mType(UnknowActionType)
+    , mActionsManagerPointer(nullptr)
+{
+}
+
+SARibbonCustomizeData::SARibbonCustomizeData(ActionType type, SARibbonActionsManager* mgr)
+    : indexValue(-1), actionRowProportionValue(SARibbonPannelItem::Large), mType(type), mActionsManagerPointer(mgr)
+{
+}
+
+/**
+ * @brief 获取CustomizeData的action type
+ * @return
+ */
+SARibbonCustomizeData::ActionType SARibbonCustomizeData::actionType() const
+{
+    return (mType);
+}
+
+/**
+ * @brief 设置CustomizeData的action type
+ * @param a
+ */
+void SARibbonCustomizeData::setActionType(SARibbonCustomizeData::ActionType a)
+{
+    mType = a;
+}
+
+/**
+ * @brief 判断是否是一个正常的CustomizeData
+ *
+ * 实际逻辑actionType() != UnknowActionType
+ * @return 有用的CustomizeData返回true
+ */
+bool SARibbonCustomizeData::isValid() const
+{
+    return (actionType() != UnknowActionType);
+}
+
+/**
+ * @brief 应用SARibbonCustomizeData到SARibbonBar
+ * @param m
+ * @return 如果应用失败，返回false,如果actionType==UnknowActionType直接返回false
+ */
+bool SARibbonCustomizeData::apply(SARibbonBar* bar) const
+{
+    if (nullptr == bar) {
+        return (false);
+    }
+    switch (actionType()) {
+    case UnknowActionType:
+        return (false);
+
+    case AddCategoryActionType: {
+        // 添加标签
+        SARibbonCategory* c = bar->insertCategoryPage(keyValue, indexValue);
+        if (nullptr == c) {
+            return (false);
+        }
+        c->setObjectName(categoryObjNameValue);
+        SARibbonCustomizeData::setCanCustomize(c);
+        return (true);
+    }
+
+    case AddPannelActionType: {
+        // 添加pannel
+        SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+        if (nullptr == c) {
+            return (false);
+        }
+        SARibbonPannel* p = c->insertPannel(keyValue, indexValue);
+        p->setObjectName(pannelObjNameValue);
+        SARibbonCustomizeData::setCanCustomize(p);
+        return (true);
+    }
+
+    case AddActionActionType: {
+        if (nullptr == mActionsManagerPointer) {
+            return (false);
+        }
+        SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+        if (nullptr == c) {
+            return (false);
+        }
+        SARibbonPannel* pannel = c->pannelByObjectName(pannelObjNameValue);
+        if (nullptr == pannel) {
+            return (false);
+        }
+        QAction* act = mActionsManagerPointer->action(keyValue);
+        if (nullptr == act) {
+            return (false);
+        }
+        SARibbonCustomizeData::setCanCustomize(act);
+        pannel->addAction(act, actionRowProportionValue);
+        return (true);
+    }
+
+    case RemoveCategoryActionType: {
+        SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+        if (nullptr == c) {
+            return (false);
+        }
+        bar->removeCategory(c);
+        return (true);
+    }
+
+    case RemovePannelActionType: {
+        SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+        if (nullptr == c) {
+            return (false);
+        }
+        SARibbonPannel* pannel = c->pannelByObjectName(pannelObjNameValue);
+        if (nullptr == pannel) {
+            return (false);
+        }
+        c->removePannel(pannel);
+        return (true);
+    }
+
+    case RemoveActionActionType: {
+        SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+        if (nullptr == c) {
+            return (false);
+        }
+        SARibbonPannel* pannel = c->pannelByObjectName(pannelObjNameValue);
+        if (nullptr == pannel) {
+            return (false);
+        }
+        QAction* act = mActionsManagerPointer->action(keyValue);
+        if (nullptr == act) {
+            return (false);
+        }
+        pannel->removeAction(act);
+        return (true);
+    }
+
+    case ChangeCategoryOrderActionType: {
+        SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+        if (nullptr == c) {
+            return (false);
+        }
+        int currentindex = bar->categoryIndex(c);
+        if (-1 == currentindex) {
+            return (false);
+        }
+        int toindex = currentindex + indexValue;
+        bar->moveCategory(currentindex, toindex);
+        return (true);
+    }
+
+    case ChangePannelOrderActionType: {
+        SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+        if (nullptr == c) {
+            return (false);
+        }
+        SARibbonPannel* pannel = c->pannelByObjectName(pannelObjNameValue);
+        if (nullptr == pannel) {
+            return (false);
+        }
+        int pannelIndex = c->pannelIndex(pannel);
+        if (-1 == pannelIndex) {
+            return (false);
+        }
+        c->movePannel(pannelIndex, pannelIndex + indexValue);
+        return (true);
+    }
+
+    case ChangeActionOrderActionType: {
+        SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+        if (nullptr == c) {
+            return (false);
+        }
+        SARibbonPannel* pannel = c->pannelByObjectName(pannelObjNameValue);
+        if (nullptr == pannel) {
+            return (false);
+        }
+        QAction* act = mActionsManagerPointer->action(keyValue);
+        if (nullptr == act) {
+            return (false);
+        }
+        int actindex = pannel->actionIndex(act);
+        if (actindex <= -1) {
+            return (false);
+        }
+        pannel->moveAction(actindex, actindex + indexValue);
+        return (true);
+    }
+
+    case RenameCategoryActionType: {
+        SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+        if (nullptr == c) {
+            return (false);
+        }
+        c->setCategoryName(keyValue);
+        return (true);
+    }
+
+    case RenamePannelActionType: {
+        SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+        if (nullptr == c) {
+            return (false);
+        }
+        SARibbonPannel* pannel = c->pannelByObjectName(pannelObjNameValue);
+        if (nullptr == pannel) {
+            return (false);
+        }
+        pannel->setPannelName(keyValue);
+        return (true);
+    }
+
+    case VisibleCategoryActionType: {
+        SARibbonCategory* c = bar->categoryByObjectName(categoryObjNameValue);
+        if (nullptr == c) {
+            return (false);
+        }
+        if (1 == indexValue) {
+            bar->showCategory(c);
+        } else {
+            bar->hideCategory(c);
+        }
+        return (true);
+    }
+
+    default:
+        break;
+    }
+    return (false);
+}
+
+/**
+ * @brief 获取actionmanager指针
+ * @return
+ */
+SARibbonActionsManager* SARibbonCustomizeData::actionManager()
+{
+    return (mActionsManagerPointer);
+}
+
+/**
+ * @brief 设置ActionsManager
+ * @param mgr
+ */
+void SARibbonCustomizeData::setActionsManager(SARibbonActionsManager* mgr)
+{
+    mActionsManagerPointer = mgr;
+}
+
+/**
+ * @brief 创建一个AddCategoryActionType的SARibbonCustomizeData
+ * @param title category 的标题
+ * @param index category要插入的位置
+ * @param objName category的object name
+ * @return 返回AddCategoryActionType的SARibbonCustomizeData
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeAddCategoryCustomizeData(const QString& title, int index, const QString& objName)
+{
+    SARibbonCustomizeData d(AddCategoryActionType);
+
+    d.indexValue           = index;
+    d.keyValue             = title;
+    d.categoryObjNameValue = objName;
+    return (d);
+}
+
+/**
+ * @brief 创建一个AddPannelActionType的SARibbonCustomizeData
+ * @param title pannel的标题
+ * @param index pannel的index
+ * @param categoryobjName pannel的category的objectname
+ * @param objName pannel的objname
+ * @return 返回AddPannelActionType的SARibbonCustomizeData
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeAddPannelCustomizeData(const QString& title,
+                                                                        int index,
+                                                                        const QString& categoryobjName,
+                                                                        const QString& objName)
+{
+    SARibbonCustomizeData d(AddPannelActionType);
+
+    d.indexValue           = index;
+    d.keyValue             = title;
+    d.pannelObjNameValue   = objName;
+    d.categoryObjNameValue = categoryobjName;
+    return (d);
+}
+
+/**
+ * @brief 添加action
+ * @param key action的索引
+ * @param mgr action管理器
+ * @param rp 定义action的占位情况
+ * @param categoryObjName action添加到的category的objname
+ * @param pannelObjName action添加到的category下的pannel的objname
+ * @param index action添加到的pannel的索引
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeAddActionCustomizeData(const QString& key,
+                                                                        SARibbonActionsManager* mgr,
+                                                                        SARibbonPannelItem::RowProportion rp,
+                                                                        const QString& categoryObjName,
+                                                                        const QString& pannelObjName)
+{
+    SARibbonCustomizeData d(AddActionActionType, mgr);
+
+    d.keyValue                 = key;
+    d.categoryObjNameValue     = categoryObjName;
+    d.pannelObjNameValue       = pannelObjName;
+    d.actionRowProportionValue = rp;
+
+    return (d);
+}
+
+/**
+ * @brief 创建一个RenameCategoryActionType的SARibbonCustomizeData
+ * @param newname 新名字
+ * @param index category的索引
+ * @return 返回RenameCategoryActionType的SARibbonCustomizeData
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeRenameCategoryCustomizeData(const QString& newname,
+                                                                             const QString& categoryobjName)
+{
+    SARibbonCustomizeData d(RenameCategoryActionType);
+
+    if (categoryobjName.isEmpty()) {
+        qDebug() << QObject::tr("SARibbon Warning !!! customize rename category,"
+                                "but get an empty category object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+    }
+    d.keyValue             = newname;
+    d.categoryObjNameValue = categoryobjName;
+    return (d);
+}
+
+/**
+ * @brief 创建一个RenamePannelActionType的SARibbonCustomizeData
+ * @param newname pannel的名字
+ * @param indexValue pannel的索引
+ * @param categoryobjName pannel对应的category的object name
+ * @return 返回RenamePannelActionType的SARibbonCustomizeData
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeRenamePannelCustomizeData(const QString& newname,
+                                                                           const QString& categoryobjName,
+                                                                           const QString& pannelObjName)
+{
+    SARibbonCustomizeData d(RenamePannelActionType);
+
+    if (pannelObjName.isEmpty() || categoryobjName.isEmpty()) {
+        qDebug() << QObject::tr("SARibbon Warning !!! customize rename pannel,"
+                                "but get an empty category/pannel object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+    }
+    d.keyValue             = newname;
+    d.pannelObjNameValue   = pannelObjName;
+    d.categoryObjNameValue = categoryobjName;
+    return (d);
+}
+
+/**
+ * @brief 对应ChangeCategoryOrderActionType
+ * @param categoryobjName 需要移动的categoryobjName
+ * @param moveindex 移动位置，-1代表向上（向左）移动一个位置，1带表向下（向右）移动一个位置
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeChangeCategoryOrderCustomizeData(const QString& categoryobjName,
+                                                                                  int moveindex)
+{
+    SARibbonCustomizeData d(ChangeCategoryOrderActionType);
+
+    if (categoryobjName.isEmpty()) {
+        qDebug() << QObject::tr("SARibbon Warning !!! customize change category order,"
+                                "but get an empty category object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+    }
+    d.categoryObjNameValue = categoryobjName;
+    d.indexValue           = moveindex;
+    return (d);
+}
+
+/**
+ * @brief 对应ChangePannelOrderActionType
+ * @param categoryobjName 需要移动的pannel对应的categoryobjName
+ * @param pannelObjName 需要移动的pannelObjName
+ * @param moveindex 移动位置，-1代表向上（向左）移动一个位置，1带表向下（向右）移动一个位置
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeChangePannelOrderCustomizeData(const QString& categoryobjName,
+                                                                                const QString& pannelObjName,
+                                                                                int moveindex)
+{
+    SARibbonCustomizeData d(ChangePannelOrderActionType);
+
+    if (categoryobjName.isEmpty() || pannelObjName.isEmpty()) {
+        qDebug() << QObject::tr("SARibbon Warning !!! customize change pannel order,"
+                                "but get an empty category/pannel object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+    }
+    d.categoryObjNameValue = categoryobjName;
+    d.pannelObjNameValue   = pannelObjName;
+    d.indexValue           = moveindex;
+    return (d);
+}
+
+/**
+ * @brief 对应ChangeActionOrderActionType
+ * @param categoryobjName 需要移动的pannel对应的categoryobjName
+ * @param pannelObjName 需要移动的pannelObjName
+ * @param key SARibbonActionsManager管理的key名
+ * @param mgr SARibbonActionsManager指针
+ * @param moveindex 移动位置，-1代表向上（向左）移动一个位置，1带表向下（向右）移动一个位置
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeChangeActionOrderCustomizeData(const QString& categoryobjName,
+                                                                                const QString& pannelObjName,
+                                                                                const QString& key,
+                                                                                SARibbonActionsManager* mgr,
+                                                                                int moveindex)
+{
+    SARibbonCustomizeData d(ChangeActionOrderActionType, mgr);
+
+    if (categoryobjName.isEmpty() || pannelObjName.isEmpty() || key.isEmpty()) {
+        qDebug() << QObject::tr("SARibbon Warning !!! customize change action order,"
+                                "but get an empty category/pannel/action object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+    }
+    d.categoryObjNameValue = categoryobjName;
+    d.pannelObjNameValue   = pannelObjName;
+    d.keyValue             = key;
+    d.indexValue           = moveindex;
+    return (d);
+}
+
+/**
+ * @brief 对应RemoveCategoryActionType
+ * @param categoryobjName 需要移除的objname
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeRemoveCategoryCustomizeData(const QString& categoryobjName)
+{
+    SARibbonCustomizeData d(RemoveCategoryActionType);
+
+    if (categoryobjName.isEmpty()) {
+        qDebug() << QObject::tr("SARibbon Warning !!! customize remove category,"
+                                "but get an empty category object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+    }
+    d.categoryObjNameValue = categoryobjName;
+    return (d);
+}
+
+/**
+ * @brief 对应RemovePannelActionType
+ * @param categoryobjName pannel对应的category的obj name
+ * @param pannelObjName pannel对应的 obj name
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeRemovePannelCustomizeData(const QString& categoryobjName,
+                                                                           const QString& pannelObjName)
+{
+    SARibbonCustomizeData d(RemovePannelActionType);
+
+    if (categoryobjName.isEmpty() || pannelObjName.isEmpty()) {
+        qDebug() << QObject::tr("SARibbon Warning !!! customize remove pannel,"
+                                "but get an empty category/pannel object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+    }
+    d.categoryObjNameValue = categoryobjName;
+    d.pannelObjNameValue   = pannelObjName;
+    return (d);
+}
+
+/**
+ * @brief 对应RemoveActionActionType
+ * @param categoryobjName pannel对应的category的obj name
+ * @param pannelObjName pannel对应的 obj name
+ * @param key SARibbonActionsManager管理的key名
+ * @param mgr SARibbonActionsManager指针
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeRemoveActionCustomizeData(const QString& categoryobjName,
+                                                                           const QString& pannelObjName,
+                                                                           const QString& key,
+                                                                           SARibbonActionsManager* mgr)
+{
+    SARibbonCustomizeData d(RemoveActionActionType, mgr);
+
+    if (categoryobjName.isEmpty() || pannelObjName.isEmpty() || key.isEmpty()) {
+        qDebug() << QObject::tr("SARibbon Warning !!! customize remove action,"
+                                "but get an empty category/pannel/action object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+    }
+    d.categoryObjNameValue = categoryobjName;
+    d.pannelObjNameValue   = pannelObjName;
+    d.keyValue             = key;
+    return (d);
+}
+
+/**
+ * @brief SARibbonCustomizeData::makeVisibleCategoryCustomizeData
+ * @param categoryobjName
+ * @param isShow
+ * @return
+ */
+SARibbonCustomizeData SARibbonCustomizeData::makeVisibleCategoryCustomizeData(const QString& categoryobjName, bool isShow)
+{
+    SARibbonCustomizeData d(VisibleCategoryActionType);
+
+    if (categoryobjName.isEmpty()) {
+        qDebug() << QObject::tr("SARibbon Warning !!! customize visible category,"
+                                "but get an empty category object name,"
+                                "if you want to customize SARibbon,"
+                                "please make sure every element has been set object name.");
+    }
+    d.categoryObjNameValue = categoryobjName;
+    d.indexValue           = isShow ? 1 : 0;
+    return (d);
+}
+
+/**
+ * @brief 判断外置属性，是否允许自定义
+ * @param obj
+ * @return
+ */
+bool SARibbonCustomizeData::isCanCustomize(QObject* obj)
+{
+    QVariant v = obj->property(SA_RIBBON_BAR_PROP_CAN_CUSTOMIZE);
+
+    if (v.isValid()) {
+        return (v.toBool());
+    }
+    return (false);
+}
+
+/**
+ * @brief 设置外置属性允许自定义
+ * @param obj
+ * @param canbe
+ */
+void SARibbonCustomizeData::setCanCustomize(QObject* obj, bool canbe)
+{
+    obj->setProperty(SA_RIBBON_BAR_PROP_CAN_CUSTOMIZE, canbe);
+}
+
+QList< SARibbonCustomizeData > remove_indexs(const QList< SARibbonCustomizeData >& csd, const QList< int >& willremoveIndex);
+
+QList< SARibbonCustomizeData > remove_indexs(const QList< SARibbonCustomizeData >& csd, const QList< int >& willremoveIndex)
+{
+    QList< SARibbonCustomizeData > res;
+
+    for (int i = 0; i < csd.size(); ++i) {
+        if (!willremoveIndex.contains(i)) {
+            res << csd[ i ];
+        }
+    }
+    return (res);
+}
+
+/**
+ * @brief 对QList<SARibbonCustomizeData>进行简化操作
+ *
+ * 此函数会执行如下操作：
+ * 1、针对同一个category/pannel连续出现的添加和删除操作进行移除（前一步添加，后一步删除）
+ *
+ * 2、针对VisibleCategoryActionType，对于连续出现的操作只保留最后一步
+ *
+ * 3、针对RenameCategoryActionType和RenamePannelActionType操作，只保留最后一个
+ *
+ * 4、针对连续的ChangeCategoryOrderActionType，ChangePannelOrderActionType，ChangeActionOrderActionType进行合并为一个动作，
+ * 如果合并后原地不动，则删除
+ *
+ * @param csd
+ * @return 返回简化的QList<SARibbonCustomizeData>
+ */
+QList< SARibbonCustomizeData > SARibbonCustomizeData::simplify(const QList< SARibbonCustomizeData >& csd)
+{
+    int size = csd.size();
+
+    if (size <= 1) {
+        return (csd);
+    }
+    QList< SARibbonCustomizeData > res;
+    QList< int > willremoveIndex;  // 记录要删除的index
+
+    //! 首先针对连续出现的添加和删除操作进行优化
+    for (int i = 1; i < size; ++i) {
+        if ((csd[ i - 1 ].actionType() == AddCategoryActionType) && (csd[ i ].actionType() == RemoveCategoryActionType)) {
+            if (csd[ i - 1 ].categoryObjNameValue == csd[ i ].categoryObjNameValue) {
+                willremoveIndex << i - 1 << i;
+            }
+        } else if ((csd[ i - 1 ].actionType() == AddPannelActionType) && (csd[ i ].actionType() == RemovePannelActionType)) {
+            if ((csd[ i - 1 ].pannelObjNameValue == csd[ i ].pannelObjNameValue)
+                && (csd[ i - 1 ].categoryObjNameValue == csd[ i ].categoryObjNameValue)) {
+                willremoveIndex << i - 1 << i;
+            }
+        } else if ((csd[ i - 1 ].actionType() == AddActionActionType) && (csd[ i ].actionType() == RemoveActionActionType)) {
+            if ((csd[ i - 1 ].keyValue == csd[ i ].keyValue)
+                && (csd[ i - 1 ].pannelObjNameValue == csd[ i ].pannelObjNameValue)
+                && (csd[ i - 1 ].categoryObjNameValue == csd[ i ].categoryObjNameValue)) {
+                willremoveIndex << i - 1 << i;
+            }
+        }
+    }
+    res = remove_indexs(csd, willremoveIndex);
+    willremoveIndex.clear();
+
+    //! 筛选VisibleCategoryActionType，对于连续出现的操作只保留最后一步
+    size = res.size();
+    for (int i = 1; i < size; ++i) {
+        if ((res[ i - 1 ].actionType() == VisibleCategoryActionType)
+            && (res[ i ].actionType() == VisibleCategoryActionType)) {
+            if (res[ i - 1 ].categoryObjNameValue == res[ i ].categoryObjNameValue) {
+                // 要保证操作的是同一个内容
+                willremoveIndex << i - 1;  // 删除前一个只保留最后一个
+            }
+        }
+    }
+    res = remove_indexs(res, willremoveIndex);
+    willremoveIndex.clear();
+
+    //! 针对RenameCategoryActionType和RenamePannelActionType操作，只需保留最后一个
+    size = res.size();
+    for (int i = 0; i < size; ++i) {
+        if (res[ i ].actionType() == RenameCategoryActionType) {
+            // 向后查询，如果查询到有同一个Category改名，把这个索引加入删除队列
+            for (int j = i + 1; j < size; ++j) {
+                if ((res[ j ].actionType() == RenameCategoryActionType)
+                    && (res[ i ].categoryObjNameValue == res[ j ].categoryObjNameValue)) {
+                    willremoveIndex << i;
+                }
+            }
+        } else if (res[ i ].actionType() == RenamePannelActionType) {
+            // 向后查询，如果查询到有同一个pannel改名，把这个索引加入删除队列
+            for (int j = i + 1; j < size; ++j) {
+                if ((res[ j ].actionType() == RenamePannelActionType)
+                    && (res[ i ].pannelObjNameValue == res[ j ].pannelObjNameValue)
+                    && (res[ i ].categoryObjNameValue == res[ j ].categoryObjNameValue)) {
+                    willremoveIndex << i;
+                }
+            }
+        }
+    }
+    res = remove_indexs(res, willremoveIndex);
+    willremoveIndex.clear();
+
+    //! 针对连续的ChangeCategoryOrderActionType，ChangePannelOrderActionType，ChangeActionOrderActionType进行合并
+    size = res.size();
+    for (int i = 1; i < size; ++i) {
+        if ((res[ i - 1 ].actionType() == ChangeCategoryOrderActionType)
+            && (res[ i ].actionType() == ChangeCategoryOrderActionType)
+            && (res[ i - 1 ].categoryObjNameValue == res[ i ].categoryObjNameValue)) {
+            // 说明连续两个顺序调整，把前一个indexvalue和后一个indexvalue相加，前一个删除
+            res[ i ].indexValue += res[ i - 1 ].indexValue;
+            willremoveIndex << i - 1;
+        } else if ((res[ i - 1 ].actionType() == ChangePannelOrderActionType)
+                   && (res[ i ].actionType() == ChangePannelOrderActionType)
+                   && (res[ i - 1 ].pannelObjNameValue == res[ i ].pannelObjNameValue)
+                   && (res[ i - 1 ].categoryObjNameValue == res[ i ].categoryObjNameValue)) {
+            // 说明连续两个顺序调整，把前一个indexvalue和后一个indexvalue相加，前一个删除
+            res[ i ].indexValue += res[ i - 1 ].indexValue;
+            willremoveIndex << i - 1;
+        } else if ((res[ i - 1 ].actionType() == ChangeActionOrderActionType)
+                   && (res[ i ].actionType() == ChangeActionOrderActionType) && (res[ i - 1 ].keyValue == res[ i ].keyValue)
+                   && (res[ i - 1 ].pannelObjNameValue == res[ i ].pannelObjNameValue)
+                   && (res[ i - 1 ].categoryObjNameValue == res[ i ].categoryObjNameValue)) {
+            // 说明连续两个顺序调整，把前一个indexvalue和后一个indexvalue相加，前一个删除
+            res[ i ].indexValue += res[ i - 1 ].indexValue;
+            willremoveIndex << i - 1;
+        }
+    }
+    res = remove_indexs(res, willremoveIndex);
+    willremoveIndex.clear();
+
+    //! 上一步操作可能会产生indexvalue为0的情况，此操作把indexvalue为0的删除
+    size = res.size();
+    for (int i = 0; i < size; ++i) {
+        if ((res[ i ].actionType() == ChangeCategoryOrderActionType) || (res[ i ].actionType() == ChangePannelOrderActionType)
+            || (res[ i ].actionType() == ChangeActionOrderActionType)) {
+            if (0 == res[ i ].indexValue) {
+                willremoveIndex << i;
+            }
+        }
+    }
+    res = remove_indexs(res, willremoveIndex);
+    willremoveIndex.clear();
+    return (res);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeData.h b/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeData.h
new file mode 100644
index 0000000..6a5b24d
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeData.h
@@ -0,0 +1,152 @@
+#ifndef SARIBBONCUSTOMIZEDATA_H
+#define SARIBBONCUSTOMIZEDATA_H
+#include "SARibbonGlobal.h"
+#include "SARibbonActionsManager.h"
+#include "SARibbonPannel.h"
+#include <QList>
+class SARibbonBar;
+class SARibbonMainWindow;
+
+/**
+ * @brief 记录所有自定义操作的数据类
+ * @note 此数据依赖于@ref SARibbonActionsManager 要在SARibbonActionsManager之后使用此类
+ */
+class SA_RIBBON_EXPORT SARibbonCustomizeData
+{
+public:
+    enum ActionType
+    {
+        UnknowActionType = 0,           ///< 未知操作
+        AddCategoryActionType,          ///< 添加category操作(1)
+        AddPannelActionType,            ///< 添加pannel操作(2)
+        AddActionActionType,            ///< 添加action操作(3)
+        RemoveCategoryActionType,       ///< 删除category操作(4)
+        RemovePannelActionType,         ///< 删除pannel操作(5)
+        RemoveActionActionType,         ///< 删除action操作(6)
+        ChangeCategoryOrderActionType,  ///< 改变category顺序的操作(7)
+        ChangePannelOrderActionType,    ///< 改变pannel顺序的操作(8)
+        ChangeActionOrderActionType,    ///< 改变action顺序的操作(9)
+        RenameCategoryActionType,       ///< 对category更名操作(10)
+        RenamePannelActionType,         ///< 对Pannel更名操作(11)
+        VisibleCategoryActionType       ///< 对category执行隐藏/显示操作(12)
+    };
+    SARibbonCustomizeData();
+    SARibbonCustomizeData(ActionType type, SARibbonActionsManager* mgr = nullptr);
+    // 获取CustomizeData的action type
+    ActionType actionType() const;
+
+    // 设置CustomizeData的action type
+    void setActionType(ActionType a);
+
+    // 判断是否是一个正常的CustomizeData
+    bool isValid() const;
+
+    // 应用SARibbonCustomizeData
+    bool apply(SARibbonBar* bar) const;
+
+    // 获取actionmanager指针
+    SARibbonActionsManager* actionManager();
+
+    // 设置ActionsManager
+    void setActionsManager(SARibbonActionsManager* mgr);
+
+    // 对应AddCategoryActionType
+    static SARibbonCustomizeData makeAddCategoryCustomizeData(const QString& title, int index, const QString& objName);
+
+    // 对应AddPannelActionType
+    static SARibbonCustomizeData makeAddPannelCustomizeData(const QString& title,
+                                                            int index,
+                                                            const QString& categoryobjName,
+                                                            const QString& objName);
+
+    // 对应AddActionActionType
+    static SARibbonCustomizeData makeAddActionCustomizeData(const QString& key,
+                                                            SARibbonActionsManager* mgr,
+                                                            SARibbonPannelItem::RowProportion rp,
+                                                            const QString& categoryObjName,
+                                                            const QString& pannelObjName);
+
+    // 对应RenameCategoryActionType
+    static SARibbonCustomizeData makeRenameCategoryCustomizeData(const QString& newname, const QString& categoryobjName);
+
+    // 对应RenamePannelActionType
+    static SARibbonCustomizeData makeRenamePannelCustomizeData(const QString& newname,
+                                                               const QString& categoryobjName,
+                                                               const QString& pannelObjName);
+
+    // 对应RemoveCategoryActionType
+    static SARibbonCustomizeData makeRemoveCategoryCustomizeData(const QString& categoryobjName);
+
+    // 对应ChangeCategoryOrderActionType
+    static SARibbonCustomizeData makeChangeCategoryOrderCustomizeData(const QString& categoryobjName, int moveindex);
+
+    // 对应ChangePannelOrderActionType
+    static SARibbonCustomizeData makeChangePannelOrderCustomizeData(const QString& categoryobjName,
+                                                                    const QString& pannelObjName,
+                                                                    int moveindex);
+
+    // 对应ChangeActionOrderActionType
+    static SARibbonCustomizeData makeChangeActionOrderCustomizeData(const QString& categoryobjName,
+                                                                    const QString& pannelObjName,
+                                                                    const QString& key,
+                                                                    SARibbonActionsManager* mgr,
+                                                                    int moveindex);
+
+    // 对应RemovePannelActionType
+    static SARibbonCustomizeData makeRemovePannelCustomizeData(const QString& categoryobjName, const QString& pannelObjName);
+
+    // 对应RemoveActionActionType
+    static SARibbonCustomizeData makeRemoveActionCustomizeData(const QString& categoryobjName,
+                                                               const QString& pannelObjName,
+                                                               const QString& key,
+                                                               SARibbonActionsManager* mgr);
+
+    // 对应VisibleCategoryActionType
+    static SARibbonCustomizeData makeVisibleCategoryCustomizeData(const QString& categoryobjName, bool isShow);
+
+    // 判断是否可以自定义,如果某个action不想被编辑，可以通过此函数设置
+    static bool isCanCustomize(QObject* obj);
+    static void setCanCustomize(QObject* obj, bool canbe = true);
+
+    // 对QList<SARibbonCustomizeData>进行简化
+    static QList< SARibbonCustomizeData > simplify(const QList< SARibbonCustomizeData >& csd);
+
+public:
+    /**
+     * @brief 记录顺序的参数
+     *
+     * 在actionType==AddCategoryActionType时，此参数记录Category的insert位置,
+     * 在actionType==AddPannelActionType时，此参数记录pannel的insert位置,
+     * 在actionType==AddActionActionType时，此参数记录pannel的insert位置
+     */
+    int indexValue;
+
+    /**
+     * @brief 记录标题、索引等参数
+     *
+     * 在actionType==AddCategoryActionType时，key为category标题，
+     * 在actionType==AddPannelActionType时，key为pannel标题，
+     * 在actionType==AddActionActionType时，key为action的查询依据，基于SARibbonActionsManager::action查询
+     */
+    QString keyValue;
+
+    /**
+     * @brief 记录categoryObjName，用于定位Category
+     */
+    QString categoryObjNameValue;
+
+    /**
+     * @brief 记录pannelObjName，saribbon的Customize索引大部分基于objname
+     */
+    QString pannelObjNameValue;
+
+    SARibbonPannelItem::RowProportion actionRowProportionValue;  ///< 行的占比，ribbon中有large，media和small三种占比,见@ref RowProportion
+private:
+    ActionType mType;  ///< 标记这个data是category还是pannel亦或是action
+    SARibbonActionsManager* mActionsManagerPointer;
+};
+Q_DECLARE_METATYPE(SARibbonCustomizeData)
+
+typedef QList< SARibbonCustomizeData > SARibbonCustomizeDataList;
+
+#endif  // SARIBBONCUSTOMIZEDATA_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeDialog.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeDialog.cpp
new file mode 100644
index 0000000..c4ec77e
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeDialog.cpp
@@ -0,0 +1,187 @@
+#include "SARibbonCustomizeDialog.h"
+#include <QApplication>
+#include <QPushButton>
+#include <QVBoxLayout>
+#include <QSpacerItem>
+
+/**
+ * @brief The SARibbonCustomizeDialogUi class
+ */
+class SARibbonCustomizeDialogUi {
+public:
+    SARibbonCustomizeWidget *customWidget;
+    QVBoxLayout *verticalLayoutMain;
+    QHBoxLayout *horizontalLayoutButtonGroup;
+    QPushButton *pushButtonCancel;
+    QPushButton *pushButtonOk;
+    QSpacerItem *spacerItemleft;
+    void setupUi(SARibbonMainWindow *ribbonWindow, QWidget *customizeDialog)
+    {
+        if (customizeDialog->objectName().isEmpty()) {
+            customizeDialog->setObjectName(QStringLiteral("SARibbonCustomizeDialog"));
+        }
+        customizeDialog->resize(800, 600);
+        verticalLayoutMain = new QVBoxLayout(customizeDialog);
+        verticalLayoutMain->setObjectName(QStringLiteral("verticalLayoutMain"));
+
+        customWidget = new SARibbonCustomizeWidget(ribbonWindow, customizeDialog);
+        customWidget->setObjectName(QStringLiteral("customWidget"));
+        verticalLayoutMain->addWidget(customWidget);
+
+        horizontalLayoutButtonGroup = new QHBoxLayout();
+        horizontalLayoutButtonGroup->setObjectName(QStringLiteral("horizontalLayoutButtonGroup"));
+
+        spacerItemleft = new QSpacerItem(40, 20, QSizePolicy::Expanding, QSizePolicy::Minimum);
+        horizontalLayoutButtonGroup->addItem(spacerItemleft);
+
+        pushButtonCancel = new QPushButton(customizeDialog);
+        pushButtonCancel->setObjectName(QStringLiteral("pushButtonCancel"));
+        horizontalLayoutButtonGroup->addWidget(pushButtonCancel);
+
+        pushButtonOk = new QPushButton(customizeDialog);
+        pushButtonOk->setObjectName(QStringLiteral("pushButtonCancel"));
+        horizontalLayoutButtonGroup->addWidget(pushButtonOk);
+        verticalLayoutMain->addItem(horizontalLayoutButtonGroup);
+        retranslateUi(customizeDialog);
+    }
+
+
+    void retranslateUi(QWidget *customizeDialog)
+    {
+        customizeDialog->setWindowTitle(QApplication::translate("SARibbonCustomizeDialog", "Customize Dialog", Q_NULLPTR));
+        pushButtonCancel->setText(QApplication::translate("SARibbonCustomizeDialog", "Cancel", Q_NULLPTR));
+        pushButtonOk->setText(QApplication::translate("SARibbonCustomizeDialog", "OK", Q_NULLPTR));
+    }
+};
+
+
+////////////////////////////////////////////////////////////////////
+
+SARibbonCustomizeDialog::SARibbonCustomizeDialog(SARibbonMainWindow *ribbonWindow, QWidget *p, Qt::WindowFlags f)
+    : QDialog(p, f)
+    , ui(new SARibbonCustomizeDialogUi)
+{
+    ui->setupUi(ribbonWindow, this);
+    initConnection();
+}
+
+
+/**
+ * @brief 设置action管理器
+ *
+ * 等同@ref SARibbonCustomizeWidget::setupActionsManager
+ * @param mgr
+ */
+     SARibbonCustomizeDialog::~SARibbonCustomizeDialog()
+ {
+ }
+ void SARibbonCustomizeDialog::setupActionsManager(SARibbonActionsManager *mgr)
+{
+    ui->customWidget->setupActionsManager(mgr);
+}
+
+/**
+ * @brief //判断用户是否有要存储的内容，对应save动作
+ * @return
+ */
+bool SARibbonCustomizeDialog::isApplied() const
+{
+    return ui->customWidget->isApplied();
+}
+
+/**
+ * @brief 判断用户是否有改动内容，对应apply动作
+ * @return
+ */
+bool SARibbonCustomizeDialog::isCached() const
+{
+    return ui->customWidget->isCached();
+}
+
+
+void SARibbonCustomizeDialog::initConnection()
+{
+    connect(ui->pushButtonOk, &QPushButton::clicked, this, &QDialog::accept);
+    connect(ui->pushButtonCancel, &QPushButton::clicked, this, &QDialog::reject);
+}
+
+
+/**
+ * @brief 等同SARibbonCustomizeWidget::applys
+ *
+ * @ref SARibbonCustomizeWidget::applys
+ * @return
+ */
+bool SARibbonCustomizeDialog::applys()
+{
+    return ui->customWidget->applys();
+}
+
+
+/**
+ * @brief 清除所有动作
+ *
+ * @ref SARibbonCustomizeWidget::clear
+ */
+void SARibbonCustomizeDialog::clear()
+{
+    ui->customWidget->clear();
+}
+
+
+/**
+ * @brief 转换为xml
+ *
+ * @ref SARibbonCustomizeWidget::toXml
+ * @param xml
+ * @return
+ */
+bool SARibbonCustomizeDialog::toXml(QXmlStreamWriter *xml) const
+{
+    return (ui->customWidget->toXml(xml));
+}
+
+
+/**
+ * @brief 等同SARibbonCustomizeWidget::toXml
+ * @ref SARibbonCustomizeWidget::toXml
+ * @param xmlpath
+ * @return
+ */
+bool SARibbonCustomizeDialog::toXml(const QString& xmlpath) const
+{
+    return (ui->customWidget->toXml(xmlpath));
+}
+
+
+/**
+ * @brief 等同SARibbonCustomizeWidget::fromXml
+ * @param xml
+ */
+void SARibbonCustomizeDialog::fromXml(QXmlStreamReader *xml)
+{
+    ui->customWidget->fromXml(xml);
+}
+
+
+/**
+ * @brief 等同SARibbonCustomizeWidget::fromXml
+ * @param xmlpath
+ */
+void SARibbonCustomizeDialog::fromXml(const QString& xmlpath)
+{
+    ui->customWidget->fromXml(xmlpath);
+}
+
+
+/**
+ * @brief 返回SARibbonCustomizeWidget窗口指针
+ *
+ * 通过SARibbonCustomizeWidget窗口可以操作更多的内容
+ *
+ * @return SARibbonCustomizeWidget指针，参考@ref SARibbonCustomizeWidget
+ */
+SARibbonCustomizeWidget *SARibbonCustomizeDialog::customizeWidget() const
+{
+    return (ui->customWidget);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeDialog.h b/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeDialog.h
new file mode 100644
index 0000000..79d261b
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeDialog.h
@@ -0,0 +1,58 @@
+#ifndef SARIBBONCUSTOMIZEDIALOG_H
+#define SARIBBONCUSTOMIZEDIALOG_H
+#include "SARibbonGlobal.h"
+#include <QDialog>
+#include "SARibbonCustomizeWidget.h"
+class SARibbonActionsManager;
+class SARibbonCustomizeDialogUi;
+class QXmlStreamWriter;
+
+
+/**
+ * @brief SARibbonCustomizeWidget的对话框封装
+ *
+ * 此功能依赖于@ref SARibbonActionsManager ，SARibbonActionsManager建议作为mianwindow的成员变量，
+ * SARibbonActionsManager可以快速绑定所有QAction，详细见SARibbonActionsManager的说明
+ *
+ * @note SARibbon的自定义是基于步骤的，如果在窗口生成前调用了@ref sa_apply_customize_from_xml_file 类似函数
+ * 那么在对话框生成前为了保证同步需要调用@ref SARibbonCustomizeDialog::fromXml 同步配置文件，这样再次修改后的配置文件就一致
+ */
+class SA_RIBBON_EXPORT SARibbonCustomizeDialog : public QDialog
+{
+    Q_OBJECT
+public:
+    explicit SARibbonCustomizeDialog(SARibbonMainWindow *ribbonWindow, QWidget *p = nullptr, Qt::WindowFlags f = Qt::WindowFlags());
+    ~SARibbonCustomizeDialog();
+    //设置action管理器
+    void setupActionsManager(SARibbonActionsManager *mgr);
+
+	//判断用户是否有要存储的内容，对应save动作
+	bool isApplied() const;
+
+	//判断用户是否有改动内容，对应apply动作
+	bool isCached() const;
+
+    //应用所有的设定
+    bool applys();
+
+    //清除所有动作
+    void clear();
+
+    //转换为xml
+    bool toXml(QXmlStreamWriter *xml) const;
+    bool toXml(const QString& xmlpath) const;
+
+    //从xml中加载QList<SARibbonCustomizeData>，对于基于配置文件的设置，对话框显示前建议调用此函数，保证叠加设置的正确记录
+    void fromXml(QXmlStreamReader *xml);
+    void fromXml(const QString& xmlpath);
+
+    //返回SARibbonCustomizeWidget窗口指针
+    SARibbonCustomizeWidget *customizeWidget() const;
+
+private:
+    void initConnection();
+
+    SARibbonCustomizeDialogUi *ui;
+};
+
+#endif // SARIBBONCUSTOMIZEDIALOG_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeWidget.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeWidget.cpp
new file mode 100644
index 0000000..159e7f5
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeWidget.cpp
@@ -0,0 +1,1513 @@
+#include "SARibbonCustomizeWidget.h"
+#include <QDebug>
+#include <QtCore/QVariant>
+#include <QAction>
+#include <QtWidgets/QApplication>
+#include <QtWidgets/QButtonGroup>
+#include <QtWidgets/QComboBox>
+#include <QtWidgets/QHBoxLayout>
+#include <QtWidgets/QHeaderView>
+#include <QtWidgets/QLabel>
+#include <QtWidgets/QLineEdit>
+#include <QtWidgets/QPushButton>
+#include <QtWidgets/QRadioButton>
+#include <QtWidgets/QSpacerItem>
+#include <QtWidgets/QTreeView>
+#include <QtWidgets/QListView>
+#include <QtWidgets/QVBoxLayout>
+#include <QtWidgets/QWidget>
+#include "SARibbonMainWindow.h"
+#include "SARibbonPannel.h"
+#include <QStandardItemModel>
+#include <QButtonGroup>
+#include <QInputDialog>
+#include <QLineEdit>
+#include <QDateTime>
+#include <QXmlStreamWriter>
+#include <QXmlStreamReader>
+#include "SARibbonCustomizeData.h"
+#include "SARibbonBar.h"
+#include <QFile>
+#include <QMessageBox>
+
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+/// SARibbonCustomizeWidget
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+bool sa_customize_datas_to_xml(QXmlStreamWriter* xml, const QList< SARibbonCustomizeData >& cds)
+{
+    if (cds.size() <= 0) {
+        return (false);
+    }
+
+    xml->writeStartElement("sa-ribbon-customize");
+    for (const SARibbonCustomizeData& d : cds) {
+        xml->writeStartElement("customize-data");
+        xml->writeAttribute("type", QString::number(d.actionType()));
+        xml->writeAttribute("index", QString::number(d.indexValue));
+        xml->writeAttribute("key", d.keyValue);
+        xml->writeAttribute("category", d.categoryObjNameValue);
+        xml->writeAttribute("pannel", d.pannelObjNameValue);
+        xml->writeAttribute("row-prop", QString::number(d.actionRowProportionValue));
+
+        xml->writeEndElement();
+    }
+    xml->writeEndElement();
+    if (xml->hasError()) {
+        qWarning() << "write has error";
+    }
+    return (true);
+}
+
+QList< SARibbonCustomizeData > sa_customize_datas_from_xml(QXmlStreamReader* xml, SARibbonActionsManager* mgr)
+{
+    // 先找到"sa-ribbon-customize"
+    while (!xml->atEnd()) {
+
+        if (xml->isStartElement() && (xml->name().toString() == "sa-ribbon-customize")) {
+            break;
+        }
+        xml->readNext();
+    }
+    QList< SARibbonCustomizeData > res;
+
+    // 开始遍历"customize-data"
+    while (!xml->atEnd()) {
+        if (xml->isStartElement() && (xml->name().toString() == "customize-data")) {
+            // 首先读取属性type
+            SARibbonCustomizeData d;
+            QXmlStreamAttributes attrs = xml->attributes();
+            if (!attrs.hasAttribute("type")) {
+                // 说明异常，跳过这个
+                xml->readNextStartElement();
+                continue;
+            }
+            bool isOk = false;
+            int v     = xml->attributes().value("type").toInt(&isOk);
+            if (!isOk) {
+                // 说明异常，跳过这个
+                xml->readNextStartElement();
+                continue;
+            }
+            d.setActionType(static_cast< SARibbonCustomizeData::ActionType >(v));
+            // 开始读取子对象
+            if (attrs.hasAttribute("index")) {
+                v = xml->attributes().value("index").toInt(&isOk);
+                if (isOk) {
+                    d.indexValue = v;
+                }
+            }
+            if (attrs.hasAttribute("key")) {
+                d.keyValue = attrs.value("key").toString();
+            }
+            if (attrs.hasAttribute("category")) {
+                d.categoryObjNameValue = attrs.value("category").toString();
+            }
+            if (attrs.hasAttribute("pannel")) {
+                d.pannelObjNameValue = attrs.value("pannel").toString();
+            }
+            if (attrs.hasAttribute("row-prop")) {
+                v = xml->attributes().value("row-prop").toInt(&isOk);
+                if (isOk) {
+                    d.actionRowProportionValue = static_cast< SARibbonPannelItem::RowProportion >(v);
+                }
+            }
+            d.setActionsManager(mgr);
+            res.append(d);
+        }
+        xml->readNext();
+    }
+    if (xml->hasError()) {
+        qWarning() << xml->errorString();
+    }
+    return (res);
+}
+
+int sa_customize_datas_apply(const QList< SARibbonCustomizeData >& cds, SARibbonBar* bar)
+{
+    int c = 0;
+
+    for (const SARibbonCustomizeData& d : cds) {
+        if (d.apply(bar)) {
+            ++c;
+        }
+    }
+    return (c);
+}
+
+int sa_customize_datas_reverse(const QList< SARibbonCustomizeData >& cds, SARibbonBar* bar)
+{
+	int c = 0;
+    // todo 支持反向操作
+	return (c);
+}
+
+bool sa_apply_customize_from_xml_file(const QString& filePath, SARibbonBar* bar, SARibbonActionsManager* mgr)
+{
+    QFile f(filePath);
+
+    if (!f.open(QIODevice::ReadOnly | QIODevice::Text)) {
+        return (false);
+    }
+    f.seek(0);
+    QXmlStreamReader xml(&f);
+
+    return (SARibbonCustomizeWidget::fromXml(&xml, bar, mgr));
+}
+
+/**
+ * @brief 构建SARibbonCustomizeWidget的Ui
+ */
+class SARibbonCustomizeWidgetUi
+{
+public:
+    QHBoxLayout* horizontalLayoutMain;
+    QVBoxLayout* verticalLayoutSelect;
+    QLabel* labelSelectAction;
+    QHBoxLayout* horizontalLayoutSearch;
+    QComboBox* comboBoxActionIndex;
+    QLineEdit* lineEditSearchAction;
+    QListView* listViewSelect;
+    QVBoxLayout* verticalLayoutMidButtons;
+    QSpacerItem* verticalSpacerUp;
+    QPushButton* pushButtonAdd;
+    QPushButton* pushButtonDelete;
+    QPushButton* pushButtonReset;
+    QSpacerItem* verticalSpacerDown;
+    QLabel* labelProportion;
+    QComboBox* comboBoxActionProportion;
+    QVBoxLayout* verticalLayoutResult;
+    QLabel* labelCustomize;
+    QHBoxLayout* horizontalLayoutCategorySelect;
+    QRadioButton* radioButtonMainCategory;
+    QRadioButton* radioButtonAllCategory;
+    QButtonGroup* radioButtonGroup;
+    QTreeView* treeViewResult;
+    QHBoxLayout* horizontalLayoutActionOptBtns;
+    QPushButton* pushButtonNewCategory;
+    QPushButton* pushButtonNewPannel;
+    QPushButton* pushButtonRename;
+    QVBoxLayout* verticalLayoutRightButtons;
+    QSpacerItem* verticalSpacerUp2;
+    QToolButton* toolButtonUp;
+    QToolButton* toolButtonDown;
+    QSpacerItem* verticalSpacerDown2;
+
+    void setupUi(QWidget* customizeWidget)
+    {
+        if (customizeWidget->objectName().isEmpty()) {
+            customizeWidget->setObjectName(QStringLiteral("SARibbonCustomizeWidget"));
+        }
+        customizeWidget->resize(800, 600);
+        horizontalLayoutMain = new QHBoxLayout(customizeWidget);
+        horizontalLayoutMain->setObjectName(QStringLiteral("horizontalLayoutMain"));
+        verticalLayoutSelect = new QVBoxLayout();
+        verticalLayoutSelect->setObjectName(QStringLiteral("verticalLayoutSelect"));
+        labelSelectAction = new QLabel(customizeWidget);
+        labelSelectAction->setObjectName(QStringLiteral("labelSelectAction"));
+
+        verticalLayoutSelect->addWidget(labelSelectAction);
+
+        horizontalLayoutSearch = new QHBoxLayout();
+        horizontalLayoutSearch->setObjectName(QStringLiteral("horizontalLayoutSearch"));
+        comboBoxActionIndex = new QComboBox(customizeWidget);
+        comboBoxActionIndex->setObjectName(QStringLiteral("comboBoxActionIndex"));
+        comboBoxActionIndex->setEditable(false);
+
+        horizontalLayoutSearch->addWidget(comboBoxActionIndex);
+
+        lineEditSearchAction = new QLineEdit(customizeWidget);
+        lineEditSearchAction->setObjectName(QStringLiteral("lineEditSearchAction"));
+
+        horizontalLayoutSearch->addWidget(lineEditSearchAction);
+
+        verticalLayoutSelect->addLayout(horizontalLayoutSearch);
+
+        listViewSelect = new QListView(customizeWidget);
+        listViewSelect->setObjectName(QStringLiteral("listViewSelect"));
+
+        verticalLayoutSelect->addWidget(listViewSelect);
+
+        horizontalLayoutMain->addLayout(verticalLayoutSelect);
+
+        verticalLayoutMidButtons = new QVBoxLayout();
+        verticalLayoutMidButtons->setObjectName(QStringLiteral("verticalLayoutMidButtons"));
+        verticalSpacerUp = new QSpacerItem(20, 40, QSizePolicy::Minimum, QSizePolicy::Expanding);
+
+        verticalLayoutMidButtons->addItem(verticalSpacerUp);
+
+        pushButtonAdd = new QPushButton(customizeWidget);
+        pushButtonAdd->setObjectName(QStringLiteral("pushButtonAdd"));
+        pushButtonAdd->setEnabled(false);
+
+        verticalLayoutMidButtons->addWidget(pushButtonAdd);
+
+        pushButtonDelete = new QPushButton(customizeWidget);
+        pushButtonDelete->setObjectName(QStringLiteral("pushButtonDelete"));
+        pushButtonDelete->setEnabled(false);
+
+        verticalLayoutMidButtons->addWidget(pushButtonDelete);
+
+        verticalSpacerDown = new QSpacerItem(20, 40, QSizePolicy::Minimum, QSizePolicy::Expanding);
+
+        verticalLayoutMidButtons->addItem(verticalSpacerDown);
+
+        labelProportion = new QLabel(customizeWidget);
+        labelProportion->setObjectName(QStringLiteral("labelProportion"));
+        verticalLayoutMidButtons->addWidget(labelProportion);
+
+        comboBoxActionProportion = new QComboBox(customizeWidget);
+        comboBoxActionProportion->setObjectName(QStringLiteral("comboBoxActionProportion"));
+        comboBoxActionProportion->setEditable(false);
+        verticalLayoutMidButtons->addWidget(comboBoxActionProportion);
+        horizontalLayoutMain->addLayout(verticalLayoutMidButtons);
+
+        verticalLayoutResult = new QVBoxLayout();
+        verticalLayoutResult->setObjectName(QStringLiteral("verticalLayoutResult"));
+        labelCustomize = new QLabel(customizeWidget);
+        labelCustomize->setObjectName(QStringLiteral("labelCustomize"));
+
+        verticalLayoutResult->addWidget(labelCustomize);
+
+        horizontalLayoutCategorySelect = new QHBoxLayout();
+        horizontalLayoutCategorySelect->setObjectName(QStringLiteral("horizontalLayoutCategorySelect"));
+        radioButtonMainCategory = new QRadioButton(customizeWidget);
+        radioButtonMainCategory->setObjectName(QStringLiteral("radioButtonMainCategory"));
+        radioButtonMainCategory->setChecked(false);
+
+        horizontalLayoutCategorySelect->addWidget(radioButtonMainCategory);
+
+        radioButtonAllCategory = new QRadioButton(customizeWidget);
+        radioButtonAllCategory->setObjectName(QStringLiteral("radioButtonAllCategory"));
+        radioButtonAllCategory->setChecked(true);
+
+        horizontalLayoutCategorySelect->addWidget(radioButtonAllCategory);
+
+        radioButtonGroup = new QButtonGroup(customizeWidget);
+        radioButtonGroup->addButton(radioButtonMainCategory);
+        radioButtonGroup->addButton(radioButtonAllCategory);
+
+        verticalLayoutResult->addLayout(horizontalLayoutCategorySelect);
+
+        treeViewResult = new QTreeView(customizeWidget);
+        treeViewResult->setObjectName(QStringLiteral("treeViewResult"));
+        treeViewResult->setHeaderHidden(true);
+        treeViewResult->setSelectionMode(QAbstractItemView::SingleSelection);
+        treeViewResult->setAnimated(true);                                   // 支持动画
+        treeViewResult->setEditTriggers(QAbstractItemView::NoEditTriggers);  // 不允许直接在item上重命名
+
+        verticalLayoutResult->addWidget(treeViewResult);
+
+        horizontalLayoutActionOptBtns = new QHBoxLayout();
+        horizontalLayoutActionOptBtns->setObjectName(QStringLiteral("horizontalLayoutActionOptBtns"));
+        pushButtonNewCategory = new QPushButton(customizeWidget);
+        pushButtonNewCategory->setObjectName(QStringLiteral("pushButtonNewCategory"));
+
+        horizontalLayoutActionOptBtns->addWidget(pushButtonNewCategory);
+
+        pushButtonNewPannel = new QPushButton(customizeWidget);
+        pushButtonNewPannel->setObjectName(QStringLiteral("pushButtonNewPannel"));
+
+        horizontalLayoutActionOptBtns->addWidget(pushButtonNewPannel);
+
+        pushButtonRename = new QPushButton(customizeWidget);
+        pushButtonRename->setObjectName(QStringLiteral("pushButtonRename"));
+
+        horizontalLayoutActionOptBtns->addWidget(pushButtonRename);
+
+        pushButtonReset = new QPushButton(customizeWidget);
+        pushButtonReset->setObjectName(QStringLiteral("pushButtonReset"));
+        horizontalLayoutActionOptBtns->addWidget(pushButtonReset);
+
+        verticalLayoutResult->addLayout(horizontalLayoutActionOptBtns);
+
+        horizontalLayoutMain->addLayout(verticalLayoutResult);
+
+        verticalLayoutRightButtons = new QVBoxLayout();
+        verticalLayoutRightButtons->setObjectName(QStringLiteral("verticalLayoutRightButtons"));
+        verticalSpacerUp2 = new QSpacerItem(20, 40, QSizePolicy::Minimum, QSizePolicy::Expanding);
+
+        verticalLayoutRightButtons->addItem(verticalSpacerUp2);
+
+        toolButtonUp = new QToolButton(customizeWidget);
+        toolButtonUp->setObjectName(QStringLiteral("pushButtonUp"));
+        toolButtonUp->setArrowType(Qt::UpArrow);
+        toolButtonUp->setAutoRaise(true);
+
+        verticalLayoutRightButtons->addWidget(toolButtonUp);
+
+        toolButtonDown = new QToolButton(customizeWidget);
+        toolButtonDown->setObjectName(QStringLiteral("pushButtonDown"));
+        toolButtonDown->setArrowType(Qt::DownArrow);
+        toolButtonDown->setAutoRaise(true);
+
+        verticalLayoutRightButtons->addWidget(toolButtonDown);
+
+        verticalSpacerDown2 = new QSpacerItem(20, 40, QSizePolicy::Minimum, QSizePolicy::Expanding);
+
+        verticalLayoutRightButtons->addItem(verticalSpacerDown2);
+
+        horizontalLayoutMain->addLayout(verticalLayoutRightButtons);
+
+        retranslateUi(customizeWidget);
+    }  // setupUi
+
+    void retranslateUi(QWidget* customizeWidget)
+    {
+        customizeWidget->setWindowTitle(QApplication::translate("SARibbonCustomizeWidget", "Customize Widget", Q_NULLPTR));
+        labelSelectAction->setText(QApplication::translate("SARibbonCustomizeWidget", "Please Select", Q_NULLPTR));  // cn:请选择
+        lineEditSearchAction->setInputMask(QString());
+        lineEditSearchAction->setText(QString());
+        lineEditSearchAction->setPlaceholderText(
+            QApplication::translate("SARibbonCustomizeWidget", "Find Command", Q_NULLPTR));  // cn:查找命令
+        pushButtonAdd->setText(QApplication::translate("SARibbonCustomizeWidget", "Add >>", Q_NULLPTR));  // cn:添加 >>
+        pushButtonDelete->setText(QApplication::translate("SARibbonCustomizeWidget", "<< Remove", Q_NULLPTR));  // cn:<< 移除
+        labelCustomize->setText(
+            QApplication::translate("SARibbonCustomizeWidget", "Customize the Ribbon", Q_NULLPTR));  // cn:自定义功能区
+        radioButtonMainCategory->setText(QApplication::translate("SARibbonCustomizeWidget", "Main Category", Q_NULLPTR));  // cn:主选项卡
+        radioButtonAllCategory->setText(QApplication::translate("SARibbonCustomizeWidget", "All Category", Q_NULLPTR));  // cn:所有选项卡
+        pushButtonNewCategory->setText(QApplication::translate("SARibbonCustomizeWidget", "New Category", Q_NULLPTR));  // cn:新建选项卡
+        pushButtonNewPannel->setText(QApplication::translate("SARibbonCustomizeWidget", "New Group", Q_NULLPTR));  // cn:新建组
+        pushButtonRename->setText(QApplication::translate("SARibbonCustomizeWidget", "Rename", Q_NULLPTR));  // cn:重命名
+        pushButtonReset->setText(QApplication::translate("SARibbonCustomizeWidget", "reset", Q_NULLPTR));  // cn:重置
+        labelProportion->setText(QApplication::translate("SARibbonCustomizeWidget", "proportion:", Q_NULLPTR));  // cn:比例
+    }  // retranslateUi
+};
+
+/**
+ * @brief 管理SARibbonCustomizeWidget的业务逻辑
+ */
+class SARibbonCustomizeWidget::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonCustomizeWidget)
+public:
+    SARibbonCustomizeWidget::RibbonTreeShowType mShowType { SARibbonCustomizeWidget::ShowAllCategory };  ///< 显示类型
+    SARibbonBar* mRibbonBar { nullptr };                   ///< 保存SARibbonMainWindow的指针
+    SARibbonActionsManager* mActionMgr { nullptr };        ///< action管理器
+    SARibbonActionsManagerModel* mAcionModel { nullptr };  ///< action管理器对应的model
+    QStandardItemModel* mRibbonModel { nullptr };          ///< 用于很成ribbon的树
+    int mCustomizeCategoryCount { 0 };                     ///< 记录自定义Category的个数
+    int mCustomizePannelCount { 0 };                       ///< 记录自定义Pannel的个数
+public:
+    PrivateData(SARibbonCustomizeWidget* p);
+    void updateModel();
+
+    QList< SARibbonCustomizeData > mCustomizeDatasCache;    ///< 缓存记录所有的自定义动作
+    QList< SARibbonCustomizeData > mCustomizeDatasApplied;  ///< 应用后的所有的自定义动作
+    QList< SARibbonCustomizeData > mOldCustomizeDatas;      ///< 记录旧的自定义动作,本地文件缓存
+    // 创建一个随机id，形如：pre_QDateTime::currentMSecsSinceEpoch_suf
+    static QString makeRandomObjName(const QString& pre);
+
+    int itemLevel(QStandardItem* item) const;
+
+    //
+    bool isCustomizeItem(QStandardItem* item) const;
+
+    // 把item转换为category
+    SARibbonCategory* itemToCategory(QStandardItem* item) const;
+
+    // 把item转换为SARibbonPannel
+    SARibbonPannel* itemToPannel(QStandardItem* item) const;
+
+    // 获取item对应的object name
+    QString itemObjectName(QStandardItem* item) const;
+
+    // 判断是否可以自定义
+    bool isItemCanCustomize(QStandardItem* item) const;
+
+    // 从item转为action
+    QAction* itemToAction(QStandardItem* item) const;
+};
+
+SARibbonCustomizeWidget::PrivateData::PrivateData(SARibbonCustomizeWidget* p)
+    : q_ptr(p), mAcionModel(new SARibbonActionsManagerModel(p)), mRibbonModel(new QStandardItemModel(p))
+{
+}
+
+void SARibbonCustomizeWidget::PrivateData::updateModel()
+{
+    if (mRibbonBar == nullptr) {
+        return;
+    }
+    mRibbonModel->clear();
+    SARibbonBar* ribbonbar               = mRibbonBar;
+    QList< SARibbonCategory* > categorys = ribbonbar->categoryPages();
+
+    for (const SARibbonCategory* c : qAsConst(categorys)) {
+        if ((mShowType == SARibbonCustomizeWidget::ShowMainCategory) && c->isContextCategory()) {
+            // 如果是只显示主内容，如果是上下文标签就忽略
+            continue;
+        }
+        QStandardItem* ci = new QStandardItem();
+        if (c->isContextCategory()) {
+            ci->setText(QString("[%1]").arg(c->categoryName()));
+        } else {
+            ci->setText(c->categoryName());
+        }
+        if (c->isCanCustomize() && !c->isContextCategory()) {
+            // 上下文标签不做显示隐藏处理
+            ci->setCheckable(true);
+            ci->setCheckState(ribbonbar->isCategoryVisible(c) ? Qt::Checked : Qt::Unchecked);
+            ci->setData(true, SARibbonCustomizeWidget::CanCustomizeRole);  // 标记这个是可以自定义的
+        }
+        ci->setData(0, SARibbonCustomizeWidget::LevelRole);
+        ci->setData(QVariant::fromValue< qintptr >(qintptr(c)), SARibbonCustomizeWidget::PointerRole);
+        QList< SARibbonPannel* > pannels = c->pannelList();
+        for (const SARibbonPannel* p : qAsConst(pannels)) {
+            QStandardItem* pi = new QStandardItem(p->pannelName());
+            pi->setData(1, SARibbonCustomizeWidget::LevelRole);
+            pi->setData(QVariant::fromValue< qintptr >(qintptr(p)), SARibbonCustomizeWidget::PointerRole);
+            if (p->isCanCustomize()) {
+                pi->setData(true, SARibbonCustomizeWidget::CanCustomizeRole);  // 标记这个是可以自定义的
+            }
+            ci->appendRow(pi);
+            const QList< SARibbonPannelItem* >& items = p->ribbonPannelItem();
+            for (SARibbonPannelItem* i : qAsConst(items)) {
+                if (i->action->isSeparator()) {
+                    continue;
+                }
+                QStandardItem* ii = new QStandardItem();
+                //                if (i->customWidget) {
+                //                    //如果是自定义窗口
+                //                    if (i->widget()->windowTitle().isEmpty() && i->widget()->windowIcon().isNull()) {
+                //                        delete ii;
+                //                        continue;  //如果窗口啥也没有，就跳过
+                //                    }
+                //                    ii->setText(i->widget()->windowTitle());
+                //                    ii->setIcon(i->widget()->windowIcon());
+                //                    if (SARibbonCustomizeData::isCanCustomize(i->widget())) {
+                //                        ii->setData(true, SARibbonCustomizeWidget::CanCustomizeRole); //标记这个是可以自定义的
+                //                    }
+                //                } else {
+                //                    //不是自定义，说明是action
+                //                    ii->setText(i->action->text());
+                //                    ii->setIcon(i->action->icon());
+                //                    if (SARibbonCustomizeData::isCanCustomize(i->action)) {
+                //                        ii->setData(true, SARibbonCustomizeWidget::CanCustomizeRole); //标记这个是可以自定义的
+                //                    }
+                //                }
+				ii->setText(i->action->text());
+				ii->setIcon(i->action->icon());
+				if (SARibbonCustomizeData::isCanCustomize(i->action)) {
+                    ii->setData(true, SARibbonCustomizeWidget::CanCustomizeRole);  // 标记这个是可以自定义的
+				}
+                ii->setData(2, SARibbonCustomizeWidget::LevelRole);
+                ii->setData(QVariant::fromValue< qintptr >(qintptr(i)), SARibbonCustomizeWidget::PointerRole);
+                pi->appendRow(ii);
+            }
+        }
+        mRibbonModel->appendRow(ci);
+    }
+}
+
+/**
+ * @brief 创建一个随机id，形如：pre_QDateTime::currentMSecsSinceEpoch
+ * @param pre 前缀
+ * @return
+ */
+QString SARibbonCustomizeWidget::PrivateData::makeRandomObjName(const QString& pre)
+{
+    return (QString("%1_%2").arg(pre).arg(QDateTime::currentMSecsSinceEpoch()));
+}
+
+/**
+ * @brief 获取item的level
+ * @param item
+ * @return
+ */
+int SARibbonCustomizeWidget::PrivateData::itemLevel(QStandardItem* item) const
+{
+    return (item->data(SARibbonCustomizeWidget::LevelRole).toInt());
+}
+
+/**
+ * @brief 判断itemn为自定义的item，自定义的item都带有CustomizeRole角色
+ * @param item
+ * @return
+ */
+bool SARibbonCustomizeWidget::PrivateData::isCustomizeItem(QStandardItem* item) const
+{
+    if (nullptr == item) {
+        return (false);
+    }
+    return (item->data(SARibbonCustomizeWidget::CustomizeRole).isValid());
+}
+
+/**
+ * @brief 把item转换为category
+ * @param item
+ * @return无法转换返回nullptr
+ */
+SARibbonCategory* SARibbonCustomizeWidget::PrivateData::itemToCategory(QStandardItem* item) const
+{
+    int level = item->data(SARibbonCustomizeWidget::LevelRole).toInt();
+
+    if (level != 0) {
+        return (nullptr);
+    }
+    qintptr p = item->data(SARibbonCustomizeWidget::PointerRole).value< qintptr >();
+
+    return (reinterpret_cast< SARibbonCategory* >(p));
+}
+
+/**
+ * @brief 把item转换为pannel
+ * @param item
+ * @return 无法转换返回nullptr
+ */
+SARibbonPannel* SARibbonCustomizeWidget::PrivateData::itemToPannel(QStandardItem* item) const
+{
+    int level = item->data(SARibbonCustomizeWidget::LevelRole).toInt();
+
+    if (level != 1) {
+        return (nullptr);
+    }
+    qintptr p = item->data(SARibbonCustomizeWidget::PointerRole).value< qintptr >();
+
+    return (reinterpret_cast< SARibbonPannel* >(p));
+}
+
+/**
+ * @brief 获取item对应的objectname
+ * @param item
+ * @return 如果无法获取，返回一个空的QString
+ */
+QString SARibbonCustomizeWidget::PrivateData::itemObjectName(QStandardItem* item) const
+{
+    QString objName;
+
+    if (isCustomizeItem(item)) {
+        // 说明是自定义的
+        objName = item->data(SARibbonCustomizeWidget::CustomizeObjNameRole).toString();
+    } else {
+        // 说明这个是非自定义的
+        int level = itemLevel(item);
+        if (0 == level) {
+            SARibbonCategory* category = itemToCategory(item);
+            if (category) {
+                objName = category->objectName();
+            }
+        } else if (1 == level) {
+            SARibbonPannel* pannel = itemToPannel(item);
+            if (pannel) {
+                objName = pannel->objectName();
+            }
+        }
+    }
+    return (objName);
+}
+
+/**
+ * @brief 判断item是否可自定义
+ * @param item
+ * @return
+ */
+bool SARibbonCustomizeWidget::PrivateData::isItemCanCustomize(QStandardItem* item) const
+{
+    if (nullptr == item) {
+        return (false);
+    }
+    QVariant v = item->data(SARibbonCustomizeWidget::CanCustomizeRole);
+
+    if (v.isValid()) {
+        return (v.toBool());
+    }
+    return (false);
+}
+
+/**
+ * @brief 从item 转为action
+ * @param item
+ * @return
+ */
+QAction* SARibbonCustomizeWidget::PrivateData::itemToAction(QStandardItem* item) const
+{
+    if (2 != itemLevel(item)) {
+        return (nullptr);
+    }
+    // 这里要非常注意，SARibbonCustomizeWidget::CustomizeRole为true时，说明这个是自定义的内容，
+    // 这时PointerRole里存放的是action指针，不是SARibbonPannelItem
+    QAction* act = nullptr;
+
+    if (item->data(SARibbonCustomizeWidget::CustomizeRole).toBool()) {
+        act = reinterpret_cast< QAction* >(item->data(SARibbonCustomizeWidget::PointerRole).value< qintptr >());
+    } else {
+        SARibbonPannelItem* pi = reinterpret_cast< SARibbonPannelItem* >(
+            item->data(SARibbonCustomizeWidget::PointerRole).value< qintptr >());
+        act = (pi->action);
+    }
+    return (act);
+}
+
+//===================================================
+// SARibbonCustomizeWidget
+//===================================================
+/**
+ * @brief SARibbonCustomizeWidget::SARibbonCustomizeWidget
+ * @param ribbonWindow 传入需要管理的SARibbonMainWindow指针
+ * @param parent 用于界面生成的parent，可以和SARibbonMainWindow一样
+ * @param f 同QWidget::QWidget的第二个参数
+ */
+SARibbonCustomizeWidget::SARibbonCustomizeWidget(SARibbonMainWindow* ribbonWindow, QWidget* parent, Qt::WindowFlags f)
+    : QWidget(parent, f), d_ptr(new SARibbonCustomizeWidget::PrivateData(this)), ui(new SARibbonCustomizeWidgetUi)
+{
+    init(ribbonWindow->ribbonBar());
+}
+
+SARibbonCustomizeWidget::SARibbonCustomizeWidget(SARibbonBar* ribbonbar, QWidget* parent, Qt::WindowFlags f)
+    : QWidget(parent, f), d_ptr(new SARibbonCustomizeWidget::PrivateData(this)), ui(new SARibbonCustomizeWidgetUi)
+{
+    init(ribbonbar);
+}
+
+void SARibbonCustomizeWidget::init(SARibbonBar* ribbonbar)
+{
+    d_ptr->mRibbonBar = ribbonbar;
+    ui->setupUi(this);
+    ui->listViewSelect->setModel(d_ptr->mAcionModel);
+    ui->treeViewResult->setModel(d_ptr->mRibbonModel);
+    initConnection();
+    updateModel();
+}
+
+SARibbonCustomizeWidget::~SARibbonCustomizeWidget()
+{
+    delete ui;
+}
+
+void SARibbonCustomizeWidget::initConnection()
+{
+    //    这个需要qt5.8以上支持
+    //    connect(ui->comboBoxActionIndex, QOverload<int>::of(&QComboBox::currentIndexChanged)
+    //        , this, &SARibbonCustomizeWidget::onComboBoxActionIndexCurrentIndexChanged);
+    connect(ui->comboBoxActionIndex,
+            static_cast< void (QComboBox::*)(int) >(&QComboBox::currentIndexChanged),
+            this,
+            &SARibbonCustomizeWidget::onComboBoxActionIndexCurrentIndexChanged);
+    //    这个需要qt5.8以上支持
+    //    connect(ui->radioButtonGroup, QOverload<QAbstractButton *>::of(&QButtonGroup::buttonClicked)
+    //        , this, &SARibbonCustomizeWidget::onRadioButtonGroupButtonClicked);
+    connect(ui->radioButtonGroup,
+            static_cast< void (QButtonGroup::*)(QAbstractButton*) >(&QButtonGroup::buttonClicked),
+            this,
+            &SARibbonCustomizeWidget::onRadioButtonGroupButtonClicked);
+    connect(ui->pushButtonNewCategory, &QPushButton::clicked, this, &SARibbonCustomizeWidget::onPushButtonNewCategoryClicked);
+    connect(ui->pushButtonNewPannel, &QPushButton::clicked, this, &SARibbonCustomizeWidget::onPushButtonNewPannelClicked);
+    connect(ui->pushButtonRename, &QPushButton::clicked, this, &SARibbonCustomizeWidget::onPushButtonRenameClicked);
+    connect(ui->pushButtonAdd, &QPushButton::clicked, this, &SARibbonCustomizeWidget::onPushButtonAddClicked);
+    connect(ui->pushButtonDelete, &QPushButton::clicked, this, &SARibbonCustomizeWidget::onPushButtonDeleteClicked);
+    connect(ui->listViewSelect, &QAbstractItemView::clicked, this, &SARibbonCustomizeWidget::onListViewSelectClicked);
+    connect(ui->treeViewResult, &QAbstractItemView::clicked, this, &SARibbonCustomizeWidget::onTreeViewResultClicked);
+    connect(ui->toolButtonUp, &QToolButton::clicked, this, &SARibbonCustomizeWidget::onToolButtonUpClicked);
+    connect(ui->toolButtonDown, &QToolButton::clicked, this, &SARibbonCustomizeWidget::onToolButtonDownClicked);
+    connect(d_ptr->mRibbonModel, &QStandardItemModel::itemChanged, this, &SARibbonCustomizeWidget::onItemChanged);
+    connect(ui->lineEditSearchAction, &QLineEdit::textEdited, this, &SARibbonCustomizeWidget::onLineEditSearchActionTextEdited);
+    connect(ui->pushButtonReset, &QPushButton::clicked, this, &SARibbonCustomizeWidget::onPushButtonResetClicked);
+}
+
+/**
+ * @brief 设置action管理器
+ * @param mgr
+ */
+void SARibbonCustomizeWidget::setupActionsManager(SARibbonActionsManager* mgr)
+{
+    d_ptr->mActionMgr = mgr;
+    if (d_ptr->mActionMgr) {
+        d_ptr->mAcionModel->uninstallActionsManager();
+    }
+    d_ptr->mAcionModel->setupActionsManager(mgr);
+    // 更新左边复选框
+    QList< int > tags = mgr->actionTags();
+
+    ui->comboBoxActionIndex->clear();
+    for (int tag : qAsConst(tags)) {
+        if (mgr->tagName(tag).isEmpty())
+            continue;
+        ui->comboBoxActionIndex->addItem(mgr->tagName(tag), tag);
+    }
+}
+
+/**
+ * @brief //判断用户是否有要存储的内容，对应save动作
+ * @return
+ */
+bool SARibbonCustomizeWidget::isApplied() const
+{
+    return (d_ptr->mCustomizeDatasApplied.size() > 0);
+}
+
+/**
+ * @brief 判断用户是否有改动内容，对应apply动作
+ * @return
+ */
+bool SARibbonCustomizeWidget::isCached() const
+{
+    return (d_ptr->mCustomizeDatasCache.size() > 0);
+}
+
+/**
+ * @brief 获取model
+ * @return
+ */
+const QStandardItemModel* SARibbonCustomizeWidget::model() const
+{
+    return (d_ptr->mRibbonModel);
+}
+
+/**
+ * @brief 根据当前的radiobutton选项来更新model
+ */
+void SARibbonCustomizeWidget::updateModel()
+{
+    updateModel(ui->radioButtonAllCategory->isChecked() ? ShowAllCategory : ShowMainCategory);
+    if (d_ptr->mRibbonBar) {
+        SARibbonBar* bar = d_ptr->mRibbonBar;
+        if (bar) {
+            ui->comboBoxActionProportion->clear();
+            if (bar->isTwoRowStyle()) {
+                ui->comboBoxActionProportion->addItem(tr("large"), SARibbonPannelItem::Large);
+                ui->comboBoxActionProportion->addItem(tr("small"), SARibbonPannelItem::Small);
+            } else {
+                ui->comboBoxActionProportion->addItem(tr("large"), SARibbonPannelItem::Large);
+                ui->comboBoxActionProportion->addItem(tr("medium"), SARibbonPannelItem::Medium);
+                ui->comboBoxActionProportion->addItem(tr("small"), SARibbonPannelItem::Small);
+            }
+        }
+    }
+}
+
+/**
+ * @brief 更新model
+ */
+void SARibbonCustomizeWidget::updateModel(RibbonTreeShowType type)
+{
+	d_ptr->mShowType = type;
+	d_ptr->updateModel();
+}
+
+/**
+ * @brief 应用所有设定
+ * @return 应用成功返回true
+ * @note 所有设定有一个应用成功都会返回true
+ */
+bool SARibbonCustomizeWidget::applys()
+{
+	simplify();
+    if (sa_customize_datas_apply(d_ptr->mCustomizeDatasCache, d_ptr->mRibbonBar) > 0) {
+        // 将临时操作存入已应用操作，并清空临时操作
+		makeActionsApplied();
+		clearCache();
+		return true;
+    } else {
+		return false;
+	}
+}
+
+/**
+ * @brief 转换为xml
+ *
+ * 此函数仅会写element，不会写document相关内容，因此如果需要写document，
+ * 需要在此函数前调用QXmlStreamWriter::writeStartDocument(),在此函数后调用QXmlStreamWriter::writeEndDocument()
+ *
+ * @note 注意，在传入QXmlStreamWriter之前，需要设置编码为utf-8:xml->setCodec("utf-8");
+ * @note 由于QXmlStreamWriter在QString作为io时，是不支持编码的，而此又无法保证自定义过程不出现中文字符，
+ * 因此，QXmlStreamWriter不应该通过QString进行构造，如果需要用到string，也需要通过QByteArray构造，如：
+ * @code
+ * SARibbonCustomizeDialog dlg(this);//this为SARibbonMainWindow的窗口
+ * dlg.setupActionsManager(m_actMgr);
+ * if (SARibbonCustomizeDialog::Accepted == dlg.exec()) {
+ *    dlg.applys();
+ *    QByteArray str;
+ *    QXmlStreamWriter xml(&str);//QXmlStreamWriter不建议通过QString构造，遇到中文会异常
+ *    xml.setAutoFormatting(true);
+ *    xml.setAutoFormattingIndent(2);
+ *    xml.setCodec("utf-8");//在writeStartDocument之前指定编码
+ *    xml.writeStartDocument();
+ *    bool isok = dlg.toXml(&xml);
+ *    xml.writeEndDocument();
+ *    if (isok) {
+ *        QFile f("customize.xml");
+ *        if (f.open(QIODevice::ReadWrite|QIODevice::Text|QIODevice::Truncate)) {
+ *            QTextStream s(&f);
+ *            s.setCodec("utf-8");//指定编码输出
+ *            s << str;
+ *            s.flush();
+ *        }
+ *        m_edit->append("write xml:");//m_edit的定义为：QTextEdit *m_edit;
+ *        m_edit->append(str);
+ *    }
+ * }
+ * @endcode
+ * @return 如果出现异常，返回false,如果没有自定义数据也会返回false
+ * @see sa_customize_datas_to_xml
+ */
+bool SARibbonCustomizeWidget::toXml(QXmlStreamWriter* xml) const
+{
+	QList< SARibbonCustomizeData > res = d_ptr->mOldCustomizeDatas;
+
+    if (isApplied())
+		res << d_ptr->mCustomizeDatasApplied;
+    if (isCached())
+		res << d_ptr->mCustomizeDatasCache;
+
+    res = SARibbonCustomizeData::simplify(res);
+    return (sa_customize_datas_to_xml(xml, res));
+}
+
+/**
+ * @brief 把配置写入文件中
+ * @param xmlpath
+ * @return
+ */
+bool SARibbonCustomizeWidget::toXml(const QString& xmlpath) const
+{
+    QFile f(xmlpath);
+
+    if (!f.open(QIODevice::ReadWrite | QIODevice::Truncate | QIODevice::Text)) {
+        return (false);
+    }
+    QXmlStreamWriter xml(&f);
+
+    xml.setAutoFormatting(true);
+    xml.setAutoFormattingIndent(2);
+#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)  // QXmlStreamWriter always encodes XML in UTF-8.
+    xml.setCodec("utf-8");                  // 在writeStartDocument之前指定编码
+#endif
+    xml.writeStartDocument();
+    bool isOK = toXml(&xml);
+
+    xml.writeEndDocument();
+    f.close();
+    return (isOK);
+}
+
+/**
+ * @brief 从xml中加载QList<SARibbonCustomizeData>
+ *
+ * 对于基于配置文件的设置，对话框显示前建议调用此函数，保证叠加设置的正确记录
+ * @param xml
+ * @return
+ * @note 此函数要在@ref setupActionsManager 函数之后调用
+ */
+void SARibbonCustomizeWidget::fromXml(QXmlStreamReader* xml)
+{
+    QList< SARibbonCustomizeData > cds = sa_customize_datas_from_xml(xml, d_ptr->mActionMgr);
+
+    d_ptr->mOldCustomizeDatas = cds;
+}
+
+/**
+ * @brief 从xml中加载QList<SARibbonCustomizeData>
+ *
+ * 对于基于配置文件的设置，对话框显示前建议调用此函数，保证叠加设置的正确记录
+ * @param xmlpath
+ * @note 此函数要在@ref setupActionsManager 函数之后调用
+ * @note 如果程序启动后加载了自定义配置，再调用此窗口时需要调用此函数，把原来的配置加载进来，
+ * 在生成新动作时会把旧动作保存，但在调用applys时不会调用此加载的动作
+ */
+void SARibbonCustomizeWidget::fromXml(const QString& xmlpath)
+{
+    QFile f(xmlpath);
+
+    if (!f.open(QIODevice::ReadOnly | QIODevice::Text)) {
+        return;
+    }
+    f.seek(0);
+    QXmlStreamReader xml(&f);
+
+    fromXml(&xml);
+}
+
+/**
+ * @brief 应用xml配置
+ *
+ * @note 重复加载一个配置文件会发生异常，为了避免此类事件发生，一般通过一个变量保证只加载一次，如：
+ * @code
+ * //只能调用一次
+ * static bool has_call = false;
+ * if (!has_call) {
+ *     QFile f("customize.xml");
+ *     if (!f.open(QIODevice::ReadWrite|QIODevice::Text)) {
+ *         return;
+ *     }
+ *     f.seek(0);
+ *     QXmlStreamReader xml(&f);
+ *     has_call = SARibbonCustomizeWidget::fromXml(&xml, this, m_actMgr);
+ * }
+ * @endcode
+ * @param xml
+ * @param bar SARibbonBar
+ * @return 所有设定有一个应用成功都会返回true
+ * @see sa_customize_datas_from_xml sa_customize_datas_apply sa_apply_customize_from_xml_file
+ */
+bool SARibbonCustomizeWidget::fromXml(QXmlStreamReader* xml, SARibbonBar* bar, SARibbonActionsManager* mgr)
+{
+    // 先找到sa-ribbon-customize标签
+    QList< SARibbonCustomizeData > cds = sa_customize_datas_from_xml(xml, mgr);
+
+    return (sa_customize_datas_apply(cds, bar) > 0);
+}
+
+/**
+ * @brief 清除已应用的动作
+ */
+void SARibbonCustomizeWidget::makeActionsApplied()
+{
+    d_ptr->mCustomizeDatasApplied << d_ptr->mCustomizeDatasCache;
+}
+
+/**
+ * @brief 清除applied的动作，cancel操作后需要清空已应用的动作
+ */
+void SARibbonCustomizeWidget::clearApplied()
+{
+    d_ptr->mCustomizeDatasApplied.clear();
+}
+
+/**
+ * @brief 清除缓存动作
+ *
+ * 在执行applys函数后，如果要继续调用，应该clear，否则会导致异常
+ */
+void SARibbonCustomizeWidget::clearCache()
+{
+    d_ptr->mCustomizeDatasCache.clear();
+}
+
+/**
+ * @brief 清除所有动作，不包含本地读取的数据
+ */
+void SARibbonCustomizeWidget::clear()
+{
+	clearApplied();
+	clearCache();
+}
+
+/**
+ * @brief 精简
+ */
+void SARibbonCustomizeWidget::simplify()
+{
+    d_ptr->mCustomizeDatasCache = SARibbonCustomizeData::simplify(d_ptr->mCustomizeDatasCache);
+}
+
+/**
+ * @brief 获取当前界面选中的行属性
+ * @return
+ */
+SARibbonPannelItem::RowProportion SARibbonCustomizeWidget::selectedRowProportion() const
+{
+    return (static_cast< SARibbonPannelItem::RowProportion >(ui->comboBoxActionProportion->currentData().toInt()));
+}
+
+/**
+ * @brief 获取listview中选中的action
+ * @return 如果没有选中action，返回nullptr
+ * @note 如果要获取treeview选中的action，使用@ref itemToAction 函数
+ */
+QAction* SARibbonCustomizeWidget::selectedAction() const
+{
+    QItemSelectionModel* m = ui->listViewSelect->selectionModel();
+
+    if ((nullptr == m) || !m->hasSelection()) {
+        return (nullptr);
+    }
+    QModelIndex i = m->currentIndex();
+
+    return (d_ptr->mAcionModel->indexToAction(i));
+}
+
+/**
+ * @brief 把item转换为action
+ * @param item
+ * @return 如果没有action可转换，返回nullptr
+ */
+QAction* SARibbonCustomizeWidget::itemToAction(QStandardItem* item) const
+{
+    return (d_ptr->itemToAction(item));
+}
+
+/**
+ * @brief 获取ribbon tree选中的item
+ * @return
+ */
+QStandardItem* SARibbonCustomizeWidget::selectedItem() const
+{
+    QItemSelectionModel* m = ui->treeViewResult->selectionModel();
+
+    if ((nullptr == m) || !m->hasSelection()) {
+        return (nullptr);
+    }
+    QModelIndex i = m->currentIndex();
+
+    return (d_ptr->mRibbonModel->itemFromIndex(i));
+}
+
+/**
+ * @brief 获取选中的ribbon tree 的level
+ * @return -1为选中异常，0代表选中了category 1代表选中了pannel 2代表选中了action
+ */
+int SARibbonCustomizeWidget::selectedRibbonLevel() const
+{
+    QStandardItem* item = selectedItem();
+
+    if (item) {
+        return (itemLevel(item));
+    }
+    return (-1);
+}
+
+/**
+ * @brief 获取StandardItem 的level
+ * @param item
+ * @return
+ */
+int SARibbonCustomizeWidget::itemLevel(QStandardItem* item) const
+{
+    return (d_ptr->itemLevel(item));
+}
+
+/**
+ * @brief 设置某个item被选中
+ * @param item
+ */
+void SARibbonCustomizeWidget::setSelectItem(QStandardItem* item, bool ensureVisible)
+{
+    QItemSelectionModel* m = ui->treeViewResult->selectionModel();
+
+    if (nullptr == m) {
+        return;
+    }
+    if (m) {
+        m->clearSelection();
+        m->setCurrentIndex(item->index(), QItemSelectionModel::SelectCurrent);
+    }
+    if (ensureVisible) {
+        ui->treeViewResult->scrollTo(item->index());
+    }
+}
+
+/**
+ * @brief 判断itemn能否改动，可以改动返回true
+ * @param item
+ * @return
+ */
+bool SARibbonCustomizeWidget::isItemCanCustomize(QStandardItem* item) const
+{
+    return (d_ptr->isItemCanCustomize(item));
+}
+
+bool SARibbonCustomizeWidget::isSelectedItemCanCustomize() const
+{
+    return (isItemCanCustomize(selectedItem()));
+}
+
+/**
+ * @brief 判断itemn能否改动，可以改动返回true
+ * @param item
+ * @return
+ */
+bool SARibbonCustomizeWidget::isCustomizeItem(QStandardItem* item) const
+{
+    return (d_ptr->isCustomizeItem(item));
+}
+
+bool SARibbonCustomizeWidget::isSelectedItemIsCustomize() const
+{
+    return (isCustomizeItem(selectedItem()));
+}
+
+void SARibbonCustomizeWidget::removeItem(QStandardItem* item)
+{
+    if (item->parent()) {
+        item->parent()->removeRow(item->row());
+    } else {
+        d_ptr->mRibbonModel->removeRow(item->row());
+    }
+}
+
+void SARibbonCustomizeWidget::onComboBoxActionIndexCurrentIndexChanged(int index)
+{
+    int tag = ui->comboBoxActionIndex->itemData(index).toInt();
+
+    d_ptr->mAcionModel->setFilter(tag);
+}
+
+void SARibbonCustomizeWidget::onRadioButtonGroupButtonClicked(QAbstractButton* b)
+{
+    updateModel(b == ui->radioButtonAllCategory ? ShowAllCategory : ShowMainCategory);
+}
+
+void SARibbonCustomizeWidget::onPushButtonNewCategoryClicked()
+{
+    int row                = d_ptr->mRibbonModel->rowCount();
+    QItemSelectionModel* m = ui->treeViewResult->selectionModel();
+
+    if (m && m->hasSelection()) {
+        QModelIndex i = m->currentIndex();
+        while (i.parent().isValid()) {
+            i = i.parent();
+        }
+        // 获取选中的最顶层item
+        row = i.row() + 1;
+    }
+    QStandardItem* ni = new QStandardItem(tr("new category[customize]%1").arg(++(d_ptr->mCustomizeCategoryCount)));
+
+    ni->setData(0, SARibbonCustomizeWidget::LevelRole);
+    d_ptr->mRibbonModel->insertRow(row, ni);
+    // 设置新增的为选中
+    setSelectItem(ni);
+    // 把动作插入动作列表中
+    SARibbonCustomizeData d = SARibbonCustomizeData::makeAddCategoryCustomizeData(ni->text(),
+                                                                                  ni->row(),
+                                                                                  SARibbonCustomizeWidget::PrivateData::makeRandomObjName(
+                                                                                      "category"));
+
+    d_ptr->mCustomizeDatasCache.append(d);
+    ni->setData(true, SARibbonCustomizeWidget::CanCustomizeRole);  // 有CustomizeRole，必有CanCustomizeRole
+    ni->setData(true, SARibbonCustomizeWidget::CustomizeRole);
+    ni->setData(d.categoryObjNameValue, SARibbonCustomizeWidget::CustomizeObjNameRole);
+}
+
+void SARibbonCustomizeWidget::onPushButtonNewPannelClicked()
+{
+    QStandardItem* item = selectedItem();
+
+    if (nullptr == item) {
+        return;
+    }
+    int level = selectedRibbonLevel();
+
+    QStandardItem* ni = new QStandardItem(tr("new pannel[customize]%1").arg(++(d_ptr->mCustomizePannelCount)));
+
+    ni->setData(1, SARibbonCustomizeWidget::LevelRole);
+
+    if (0 == level) {
+        // 说明是category,插入到最后
+        item->appendRow(ni);
+    } else if (1 == level) {
+        // 说明选择的是pannel，插入到此pannel之后
+        QStandardItem* categoryItem = item->parent();
+        if (nullptr == categoryItem) {
+            return;
+        }
+        categoryItem->insertRow(item->row() + 1, ni);
+    } else {
+        // 不符合就删除退出
+        delete ni;
+        ni = nullptr;
+        return;
+    }
+    // 查找category的object name
+    QStandardItem* categoryItem = ni->parent();
+    QString categoryObjName     = "";
+
+    categoryObjName         = d_ptr->itemObjectName(categoryItem);
+    SARibbonCustomizeData d = SARibbonCustomizeData::makeAddPannelCustomizeData(ni->text(),
+                                                                                ni->row(),
+                                                                                categoryObjName,
+                                                                                SARibbonCustomizeWidget::PrivateData::makeRandomObjName(
+                                                                                    "pannel"));
+
+    d_ptr->mCustomizeDatasCache.append(d);
+    ni->setData(true, SARibbonCustomizeWidget::CanCustomizeRole);  // 有CustomizeRole，必有CanCustomizeRole
+    ni->setData(true, SARibbonCustomizeWidget::CustomizeRole);
+    ni->setData(d.pannelObjNameValue, SARibbonCustomizeWidget::CustomizeObjNameRole);
+    setSelectItem(ni);
+}
+
+void SARibbonCustomizeWidget::onPushButtonRenameClicked()
+{
+    QStandardItem* item = selectedItem();
+
+    if (nullptr == item) {
+        return;
+    }
+    bool ok;
+    QString text = "";
+
+    text = QInputDialog::getText(this, tr("rename"), tr("name:"), QLineEdit::Normal, item->text(), &ok);
+
+    if (!ok || text.isEmpty()) {
+        return;
+    }
+    int level = itemLevel(item);
+
+    if (0 == level) {
+        // 改Category名
+        QString cateObjName     = d_ptr->itemObjectName(item);
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeRenameCategoryCustomizeData(text, cateObjName);
+        d_ptr->mCustomizeDatasCache.append(d);
+    } else if (1 == level) {
+        QString cateObjName   = d_ptr->itemObjectName(item->parent());
+        QString pannelObjName = d_ptr->itemObjectName(item);
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeRenamePannelCustomizeData(text, cateObjName, pannelObjName);
+        d_ptr->mCustomizeDatasCache.append(d);
+    } else {
+        // action 不允许改名
+        return;
+    }
+    item->setText(text);
+}
+
+void SARibbonCustomizeWidget::onPushButtonAddClicked()
+{
+    QAction* act        = selectedAction();
+    QStandardItem* item = selectedItem();
+
+    if ((nullptr == act) || (nullptr == item)) {
+        return;
+    }
+    int level = itemLevel(item);
+
+    if (0 == level) {
+        // 选中category不进行操作
+        return;
+    } else if (2 == level) {
+        // 选中action，添加到这个action之后,把item设置为pannel
+        item = item->parent();
+    }
+    QString pannelObjName   = d_ptr->itemObjectName(item);
+    QString categoryObjName = d_ptr->itemObjectName(item->parent());
+    QString key             = d_ptr->mActionMgr->key(act);
+
+    SARibbonCustomizeData d = SARibbonCustomizeData::makeAddActionCustomizeData(key,
+                                                                                d_ptr->mActionMgr,
+                                                                                selectedRowProportion(),
+                                                                                categoryObjName,
+                                                                                pannelObjName);
+
+    d_ptr->mCustomizeDatasCache.append(d);
+
+    QStandardItem* actItem = new QStandardItem(act->icon(), act->text());
+
+    actItem->setData(2, SARibbonCustomizeWidget::LevelRole);
+    actItem->setData(true, SARibbonCustomizeWidget::CanCustomizeRole);  // 有CustomizeRole，必有CanCustomizeRole
+    actItem->setData(true, SARibbonCustomizeWidget::CustomizeRole);
+    actItem->setData(act->objectName(), SARibbonCustomizeWidget::CustomizeObjNameRole);
+    actItem->setData(qintptr(act), SARibbonCustomizeWidget::PointerRole);  // 把action指针传入
+    item->appendRow(actItem);
+}
+
+void SARibbonCustomizeWidget::onPushButtonDeleteClicked()
+{
+    QStandardItem* item = selectedItem();
+
+    if (nullptr == item) {
+        return;
+    }
+    if (!isItemCanCustomize(item)) {
+        return;
+    }
+    int level = itemLevel(item);
+
+    if (0 == level) {
+        // 删除category
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeRemoveCategoryCustomizeData(d_ptr->itemObjectName(item));
+        d_ptr->mCustomizeDatasCache.append(d);
+    } else if (1 == level) {
+        // 删除pannel
+        QString catObjName      = d_ptr->itemObjectName(item->parent());
+        QString pannelObjName   = d_ptr->itemObjectName(item);
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeRemovePannelCustomizeData(catObjName, pannelObjName);
+        d_ptr->mCustomizeDatasCache.append(d);
+    } else if (2 == level) {
+        // 删除Action
+        QString catObjName    = d_ptr->itemObjectName(item->parent()->parent());
+        QString pannelObjName = d_ptr->itemObjectName(item->parent());
+        QAction* act          = itemToAction(item);
+        QString key           = d_ptr->mActionMgr->key(act);
+        if (key.isEmpty() || catObjName.isEmpty() || pannelObjName.isEmpty()) {
+            return;
+        }
+
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeRemoveActionCustomizeData(catObjName,
+                                                                                       pannelObjName,
+                                                                                       key,
+                                                                                       d_ptr->mActionMgr);
+        d_ptr->mCustomizeDatasCache.append(d);
+    }
+    // 执行删除操作
+    removeItem(item);
+    // 删除后重新识别
+    ui->pushButtonAdd->setEnabled(selectedAction() && isSelectedItemIsCustomize() && selectedRibbonLevel() > 0);
+    ui->pushButtonDelete->setEnabled(isSelectedItemIsCustomize());
+}
+
+void SARibbonCustomizeWidget::onListViewSelectClicked(const QModelIndex& index)
+{
+    // 每次点击，判断是否可以进行操作，决定pushButtonAdd和pushButtonDelete的显示状态
+    // 点击了listview，判断treeview的状态
+    Q_UNUSED(index);
+    ui->pushButtonAdd->setEnabled(isSelectedItemCanCustomize() && selectedRibbonLevel() > 0);
+    ui->pushButtonDelete->setEnabled(isSelectedItemCanCustomize());
+}
+
+void SARibbonCustomizeWidget::onTreeViewResultClicked(const QModelIndex& index)
+{
+    Q_UNUSED(index);
+    // 每次点击，判断是否可以进行操作，决定pushButtonAdd和pushButtonDelete的显示状态
+    QStandardItem* item = selectedItem();
+
+    if (nullptr == item) {
+        return;
+    }
+    int level = itemLevel(item);
+
+    ui->pushButtonAdd->setEnabled(selectedAction() && (level > 0) && isItemCanCustomize(item));
+    ui->pushButtonDelete->setEnabled(isItemCanCustomize(item));  // 有CustomizeRole，必有CanCustomizeRole
+    ui->pushButtonRename->setEnabled(
+        level != 2 || isItemCanCustomize(item));  // QAction 不能改名 ， 有CustomizeRole，必有CanCustomizeRole
+}
+
+void SARibbonCustomizeWidget::onToolButtonUpClicked()
+{
+    QStandardItem* item = selectedItem();
+
+    if ((nullptr == item) || (0 == item->row())) {
+        return;
+    }
+    int level = itemLevel(item);
+
+    if (0 == level) {
+        // 移动category
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeChangeCategoryOrderCustomizeData(d_ptr->itemObjectName(item),
+                                                                                              -1);
+        d_ptr->mCustomizeDatasCache.append(d);
+        int r = item->row();
+        item  = d_ptr->mRibbonModel->takeItem(r);
+        d_ptr->mRibbonModel->removeRow(r);
+        d_ptr->mRibbonModel->insertRow(r - 1, item);
+    } else if (1 == level) {
+        QStandardItem* paritem = item->parent();
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeChangePannelOrderCustomizeData(d_ptr->itemObjectName(paritem),
+                                                                                            d_ptr->itemObjectName(item),
+                                                                                            -1);
+        d_ptr->mCustomizeDatasCache.append(d);
+        int r = item->row();
+        item  = paritem->takeChild(r);
+        paritem->removeRow(r);
+        paritem->insertRow(r - 1, item);
+    } else if (2 == level) {
+        QStandardItem* pannelItem   = item->parent();
+        QStandardItem* categoryItem = pannelItem->parent();
+        QAction* act                = itemToAction(item);
+        if (!act) {
+            return;
+        }
+        QString key = d_ptr->mActionMgr->key(act);
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeChangeActionOrderCustomizeData(d_ptr->itemObjectName(categoryItem),
+                                                                                            d_ptr->itemObjectName(pannelItem),
+                                                                                            key,
+                                                                                            d_ptr->mActionMgr,
+                                                                                            -1);
+        d_ptr->mCustomizeDatasCache.append(d);
+        int r = item->row();
+        item  = pannelItem->takeChild(r);
+        pannelItem->removeRow(r);
+        pannelItem->insertRow(r - 1, item);
+    }
+
+    // 保持焦点，方便连续操作
+	setSelectItem(item);
+	onTreeViewResultClicked(item->index());
+}
+
+void SARibbonCustomizeWidget::onToolButtonDownClicked()
+{
+    QStandardItem* item = selectedItem();
+
+    if (item == nullptr) {
+        return;
+    }
+    int count = 0;
+
+    if (item->parent()) {
+        count = item->parent()->rowCount();
+    } else {
+        count = d_ptr->mRibbonModel->rowCount();
+    }
+    if ((nullptr == item) || ((count - 1) == item->row())) {
+        return;
+    }
+    int level = itemLevel(item);
+
+    if (0 == level) {
+        // 移动category
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeChangeCategoryOrderCustomizeData(d_ptr->itemObjectName(item),
+                                                                                              1);
+        d_ptr->mCustomizeDatasCache.append(d);
+        int r = item->row();
+        item  = d_ptr->mRibbonModel->takeItem(item->row());
+        d_ptr->mRibbonModel->removeRow(r);
+        d_ptr->mRibbonModel->insertRow(r + 1, item);
+    } else if (1 == level) {
+        QStandardItem* paritem = item->parent();
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeChangePannelOrderCustomizeData(d_ptr->itemObjectName(paritem),
+                                                                                            d_ptr->itemObjectName(item),
+                                                                                            1);
+        d_ptr->mCustomizeDatasCache.append(d);
+        int r = item->row();
+        item  = paritem->takeChild(r);
+        paritem->removeRow(r);
+        paritem->insertRow(r + 1, item);
+    } else if (2 == level) {
+        QStandardItem* pannelItem   = item->parent();
+        QStandardItem* categoryItem = pannelItem->parent();
+        QAction* act                = itemToAction(item);
+        if (!act) {
+            return;
+        }
+        QString key = d_ptr->mActionMgr->key(act);
+        SARibbonCustomizeData d = SARibbonCustomizeData::makeChangeActionOrderCustomizeData(d_ptr->itemObjectName(categoryItem),
+                                                                                            d_ptr->itemObjectName(pannelItem),
+                                                                                            key,
+                                                                                            d_ptr->mActionMgr,
+                                                                                            -1);
+        d_ptr->mCustomizeDatasCache.append(d);
+        int r = item->row();
+        item  = pannelItem->takeChild(r);
+        pannelItem->removeRow(r);
+        pannelItem->insertRow(r + 1, item);
+    }
+
+    // 保持焦点，方便连续操作
+	setSelectItem(item);
+	onTreeViewResultClicked(item->index());
+}
+
+void SARibbonCustomizeWidget::onItemChanged(QStandardItem* item)
+{
+    if (item == nullptr) {
+        return;
+    }
+    int level = itemLevel(item);
+
+    if (0 == level) {
+        if (item->isCheckable()) {
+            QString objname         = d_ptr->itemObjectName(item);
+            SARibbonCustomizeData d = SARibbonCustomizeData::makeVisibleCategoryCustomizeData(objname,
+                                                                                              item->checkState()
+                                                                                                  == Qt::Checked);
+            d_ptr->mCustomizeDatasCache.append(d);
+        }
+    }
+}
+
+void SARibbonCustomizeWidget::onLineEditSearchActionTextEdited(const QString& text)
+{
+    d_ptr->mAcionModel->search(text);
+}
+
+void SARibbonCustomizeWidget::onPushButtonResetClicked()
+{
+    int btn = QMessageBox::warning(this,
+                                   tr("Warning"),
+                                   tr("Are you sure reset all customize setting?"),
+                                   QMessageBox::Yes | QMessageBox::No,
+                                   QMessageBox::No);
+
+    if (btn == QMessageBox::Yes) {
+        clear();
+    }
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeWidget.h b/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeWidget.h
new file mode 100644
index 0000000..8a1d32b
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonCustomizeWidget.h
@@ -0,0 +1,209 @@
+#ifndef SARIBBONCUSTOMIZEWIDGET_H
+#define SARIBBONCUSTOMIZEWIDGET_H
+#include "SARibbonGlobal.h"
+#include <QWidget>
+#include "SARibbonActionsManager.h"
+#include "SARibbonPannel.h"
+#include "SARibbonCustomizeData.h"
+
+// SARibbonCustomizeWidget 特有
+class SARibbonCustomizeWidgetUi;
+class SARibbonMainWindow;
+class SARibbonBar;
+//
+class QStandardItemModel;
+class QStandardItem;
+class QAbstractButton;
+//
+class QXmlStreamWriter;
+class QXmlStreamReader;
+
+/**
+ * @brief 自定义界面窗口
+ *
+ * @note SARibbon的自定义是基于步骤的，如果在窗口生成前调用了@ref sa_apply_customize_from_xml_file 类似函数
+ * 那么在对话框生成前为了保证同步需要调用@ref SARibbonCustomizeWidget::fromXml 同步配置文件，这样再次修改后的配置文件就一致
+ */
+class SA_RIBBON_EXPORT SARibbonCustomizeWidget : public QWidget
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonCustomizeWidget)
+public:
+    //保留接口
+    explicit SARibbonCustomizeWidget(SARibbonMainWindow* ribbonWindow, QWidget* parent = nullptr, Qt::WindowFlags f = Qt::WindowFlags());
+    //对于不使用SARibbonMainWindow的情况，使用此构造函数
+    explicit SARibbonCustomizeWidget(SARibbonBar* ribbonbar, QWidget* parent = nullptr, Qt::WindowFlags f = Qt::WindowFlags());
+    ~SARibbonCustomizeWidget();
+
+    /**
+     * @brief 定义ribbon树的显示类型
+     */
+    enum RibbonTreeShowType
+    {
+        ShowAllCategory,  ///< 显示所有Category，包括contextcategory
+        ShowMainCategory  ///< 显示主要的category，不包含上下文
+    };
+
+    /**
+     * @brief QStandardItem对应的role
+     */
+    enum ItemRole
+    {
+        LevelRole            = Qt::UserRole + 1,  ///< 代表这是层级，有0：category 1：pannel 2：item
+        PointerRole          = Qt::UserRole + 2,  ///< 代表这是存放指针。根据LevelRole来进行转
+        CanCustomizeRole     = Qt::UserRole + 3,  ///< 代表个item是可以自定义的.bool
+        CustomizeRole        = Qt::UserRole + 4,  ///< 代表这个是自定义的item,bool,主要用于那些自己添加的标签和pannel，有此角色必有CanCustomizeRole
+        CustomizeObjNameRole = Qt::UserRole + 5   ///< 记录了临时的自定义内容的obj名 QString
+    };
+
+    //设置action管理器
+    void setupActionsManager(SARibbonActionsManager* mgr);
+
+    //判断用户是否有要存储的内容，对应save动作
+    bool isApplied() const;
+
+	//判断用户是否有改动内容，对应apply动作
+	bool isCached() const;
+
+    //获取model
+    const QStandardItemModel* model() const;
+
+    //根据当前的radiobutton选项来更新model
+    void updateModel();
+
+    //更新model
+    void updateModel(RibbonTreeShowType type);
+
+    //应用所有的设定
+    bool applys();
+
+    //转换为xml
+    bool toXml(QXmlStreamWriter* xml) const;
+    bool toXml(const QString& xmlpath) const;
+
+    //从xml中加载QList<SARibbonCustomizeData>，对于基于配置文件的设置，对话框显示前建议调用此函数，保证叠加设置的正确记录
+    void fromXml(QXmlStreamReader* xml);
+    void fromXml(const QString& xmlpath);
+
+    //应用xml配置，可以结合customize_datas_from_xml和customize_datas_apply函数
+    static bool fromXml(QXmlStreamReader* xml, SARibbonBar* bar, SARibbonActionsManager* mgr);
+
+	//缓存应用的动作,这些动作不会被clear清除，用于本地存储
+	void makeActionsApplied();
+
+	//清除applied的动作，cancel操作后需要清空已应用的动作
+	void clearApplied();
+	//清除缓存动作，在执行applys函数后，如果要继续调用，应该clear，否则会导致异常
+	void clearCache();
+	//清除所有动作，不包含本地读取的数据
+	void clear();
+
+protected:
+    //把QList<SARibbonCustomizeData>进行裁剪,把一些动作合并
+    void simplify();
+
+    SARibbonPannelItem::RowProportion selectedRowProportion() const;
+
+    QAction* selectedAction() const;
+    QAction* itemToAction(QStandardItem* item) const;
+
+    QStandardItem* selectedItem() const;
+
+    //获取选中的ribbon tree 的level
+    int selectedRibbonLevel() const;
+
+    //根据选中的item判断
+    int itemLevel(QStandardItem* item) const;
+
+    //设置某个item被选中
+    void setSelectItem(QStandardItem* item, bool ensureVisible = true);
+
+    //判断itemn能否改动，可以改动返回true
+    bool isItemCanCustomize(QStandardItem* item) const;
+    bool isSelectedItemCanCustomize() const;
+
+    //判断item是否是自定义的item
+    bool isCustomizeItem(QStandardItem* item) const;
+    bool isSelectedItemIsCustomize() const;
+
+    //删除一个item
+    void removeItem(QStandardItem* item);
+
+private Q_SLOTS:
+    void onComboBoxActionIndexCurrentIndexChanged(int index);
+    void onRadioButtonGroupButtonClicked(QAbstractButton* b);
+    void onPushButtonNewCategoryClicked();
+    void onPushButtonNewPannelClicked();
+    void onPushButtonRenameClicked();
+    void onPushButtonAddClicked();
+    void onPushButtonDeleteClicked();
+    void onListViewSelectClicked(const QModelIndex& index);
+    void onTreeViewResultClicked(const QModelIndex& index);
+    void onToolButtonUpClicked();
+    void onToolButtonDownClicked();
+    void onItemChanged(QStandardItem* item);
+    void onLineEditSearchActionTextEdited(const QString& text);
+    void onPushButtonResetClicked();
+
+private:
+    void init(SARibbonBar* ribbonbar);
+    void initConnection();
+
+private:
+    SARibbonCustomizeWidgetUi* ui;
+};
+
+/**
+ * @brief 转换为xml
+ *
+ * 此函数仅会写element，不会写document相关内容，因此如果需要写document，
+ * 需要在此函数前调用QXmlStreamWriter::writeStartDocument(),在此函数后调用QXmlStreamWriter::writeEndDocument()
+ * @param xml QXmlStreamWriter指针
+ * @note 注意，在传入QXmlStreamWriter之前，需要设置编码为utf-8:xml->setCodec("utf-8");
+ * @note 由于QXmlStreamWriter在QString作为io时，是不支持编码的，而此又无法保证自定义过程不出现中文字符，
+ * 因此，QXmlStreamWriter不应该通过QString进行构造，如果需要用到string，也需要通过QByteArray构造，如：
+ * @param cds 基于QList<SARibbonCustomizeData>生成的步骤
+ * @return 如果出现异常，返回false,如果没有自定义数据也会返回false
+ */
+bool SA_RIBBON_EXPORT sa_customize_datas_to_xml(QXmlStreamWriter* xml, const QList< SARibbonCustomizeData >& cds);
+
+/**
+ * @brief 通过xml获取QList<SARibbonCustomizeData>
+ * @param xml
+ * @return QList<SARibbonCustomizeData>
+ */
+QList< SARibbonCustomizeData > SA_RIBBON_EXPORT sa_customize_datas_from_xml(QXmlStreamReader* xml, SARibbonActionsManager* mgr);
+
+/**
+ * @brief 应用QList<SARibbonCustomizeData>
+ * @param cds
+ * @param w SARibbonBar指针
+ * @return 成功应用的个数
+ */
+int SA_RIBBON_EXPORT sa_customize_datas_apply(const QList< SARibbonCustomizeData >& cds, SARibbonBar* w);
+
+/**
+ * @brief 反向取消应用
+ * @param cds
+ * @param w SARibbonBar指针
+ * @return 成功应用的个数
+ */
+int SA_RIBBON_EXPORT sa_customize_datas_reverse(const QList< SARibbonCustomizeData >& cds, SARibbonBar* w);
+
+/**
+ * @brief 直接加载xml自定义ribbon配置文件用于ribbon的自定义显示
+ * @param filePath xml配置文件
+ * @param w 主窗体
+ * @param mgr action管理器
+ * @return 成功返回true
+ * @note 重复加载一个配置文件会发生异常，为了避免此类事件发生，一般通过一个变量保证只加载一次，如：
+ * @code
+ * static bool has_call = false;
+ * if (!has_call) {
+ *     has_call = sa_apply_customize_from_xml_file("customize.xml", this, m_actMgr);
+ * }
+ * @endcode
+ */
+bool SA_RIBBON_EXPORT sa_apply_customize_from_xml_file(const QString& filePath, SARibbonBar* bar, SARibbonActionsManager* mgr);
+
+#endif  // SARIBBONCUSTOMIZEWIDGET_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonElementFactory.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonElementFactory.cpp
new file mode 100644
index 0000000..8b2e71b
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonElementFactory.cpp
@@ -0,0 +1,118 @@
+#include "SARibbonElementFactory.h"
+#include <QApplication>
+#include <QFontMetrics>
+#include "SARibbonApplicationButton.h"
+#include "SARibbonBar.h"
+#include "SARibbonTabBar.h"
+#include "SARibbonCategory.h"
+#include "SARibbonContextCategory.h"
+#include "SARibbonSeparatorWidget.h"
+#include "SARibbonGallery.h"
+#include "SARibbonGalleryGroup.h"
+#include "SARibbonToolButton.h"
+#include "SARibbonControlButton.h"
+#include "SARibbonButtonGroupWidget.h"
+#include "SARibbonStackedWidget.h"
+#include "SARibbonQuickAccessBar.h"
+#include "SARibbonPannelOptionButton.h"
+#include "SARibbonPannelLayout.h"
+#include "SARibbonSystemButtonBar.h"
+
+SARibbonElementFactory::SARibbonElementFactory()
+{
+}
+
+SARibbonElementFactory::~SARibbonElementFactory()
+{
+}
+
+SARibbonBar* SARibbonElementFactory::createRibbonBar(QWidget* parent)
+{
+    return (new SARibbonBar(parent));
+}
+
+SARibbonTabBar* SARibbonElementFactory::createRibbonTabBar(QWidget* parent)
+{
+    return (new SARibbonTabBar(parent));
+}
+
+SARibbonApplicationButton* SARibbonElementFactory::createRibbonApplicationButton(QWidget* parent)
+{
+    return (new SARibbonApplicationButton(parent));
+}
+
+SARibbonCategory* SARibbonElementFactory::createRibbonCategory(QWidget* parent)
+{
+    return (new SARibbonCategory(parent));
+}
+
+SARibbonContextCategory* SARibbonElementFactory::createRibbonContextCategory(QWidget* parent)
+{
+    return (new SARibbonContextCategory(parent));
+}
+
+SARibbonPannel* SARibbonElementFactory::createRibbonPannel(QWidget* parent)
+{
+    return (new SARibbonPannel(parent));
+}
+
+SARibbonSeparatorWidget* SARibbonElementFactory::createRibbonSeparatorWidget(QWidget* parent)
+{
+    return (new SARibbonSeparatorWidget(parent));
+}
+
+SARibbonGallery* SARibbonElementFactory::createRibbonGallery(QWidget* parent)
+{
+    return (new SARibbonGallery(parent));
+}
+
+SARibbonGalleryGroup* SARibbonElementFactory::createRibbonGalleryGroup(QWidget* parent)
+{
+    return (new SARibbonGalleryGroup(parent));
+}
+
+SARibbonToolButton* SARibbonElementFactory::createRibbonToolButton(QWidget* parent)
+{
+    return (new SARibbonToolButton(parent));
+}
+
+SARibbonControlButton* SARibbonElementFactory::createRibbonControlButton(QWidget* parent)
+{
+    return (new SARibbonControlButton(parent));
+}
+
+SARibbonControlToolButton* SARibbonElementFactory::createRibbonControlToolButton(QWidget* parent)
+{
+    return (new SARibbonControlToolButton(parent));
+}
+
+SARibbonStackedWidget* SARibbonElementFactory::createRibbonStackedWidget(SARibbonBar* parent)
+{
+    return (new SARibbonStackedWidget(parent));
+}
+
+SARibbonButtonGroupWidget* SARibbonElementFactory::craeteButtonGroupWidget(QWidget* parent)
+{
+    return (new SARibbonButtonGroupWidget(parent));
+}
+
+SARibbonQuickAccessBar* SARibbonElementFactory::createQuickAccessBar(QWidget* parent)
+{
+    return (new SARibbonQuickAccessBar(parent));
+}
+
+SARibbonSystemButtonBar* SARibbonElementFactory::createWindowButtonGroup(QWidget* parent)
+{
+    return (new SARibbonSystemButtonBar(parent));
+}
+
+/**
+ * @brief 创建SARibbonPannelOptionButton
+ * @param pannel 附属的pannel
+ * @return
+ * @sa SARibbonPannelOptionButton
+ */
+SARibbonPannelOptionButton* SARibbonElementFactory::createRibbonPannelOptionButton(SARibbonPannel* pannel)
+{
+    return (new SARibbonPannelOptionButton(pannel));
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonElementFactory.h b/gui/SARibbon/src/SARibbonBar/SARibbonElementFactory.h
new file mode 100644
index 0000000..c147d19
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonElementFactory.h
@@ -0,0 +1,59 @@
+#ifndef SARIBBONELEMENTFACTORY_H
+#define SARIBBONELEMENTFACTORY_H
+#include "SARibbonGlobal.h"
+#include <QColor>
+#include <QMargins>
+#include <QSize>
+#include <QScopedPointer>
+#include "SARibbonBar.h"
+#include "SARibbonPannel.h"
+class QWidget;
+class SARibbonBar;
+class SARibbonTabBar;
+class SARibbonApplicationButton;
+class SARibbonCategory;
+class SARibbonContextCategory;
+class SARibbonPannel;
+class SARibbonSeparatorWidget;
+class SARibbonGallery;
+class SARibbonGalleryGroup;
+class SARibbonToolButton;
+class SARibbonControlButton;
+class SARibbonControlToolButton;
+class SARibbonButtonGroupWidget;
+class SARibbonStackedWidget;
+class SARibbonQuickAccessBar;
+class SARibbonPannelOptionButton;
+class SARibbonSystemButtonBar;
+
+///
+/// \brief SARibbon的子元素创建的工厂，SARibbon内部创建子元素都通过SARibbonElementFactory来创建
+///
+/// 由于SARibbonBar是一个复合控件，很多子窗口组合而成，有些部件的创建如果想继承，那么就需要这个工厂类来处理
+/// 如SARibbonCategory，可以重载此类的createRibbonCategory,返回重载的类的实例
+///
+class SA_RIBBON_EXPORT SARibbonElementFactory
+{
+public:
+    SARibbonElementFactory();
+    virtual ~SARibbonElementFactory();
+    virtual SARibbonBar* createRibbonBar(QWidget* parent);
+    virtual SARibbonTabBar* createRibbonTabBar(QWidget* parent);
+    virtual SARibbonApplicationButton* createRibbonApplicationButton(QWidget* parent);
+    virtual SARibbonCategory* createRibbonCategory(QWidget* parent);
+    virtual SARibbonContextCategory* createRibbonContextCategory(QWidget* parent);
+    virtual SARibbonPannel* createRibbonPannel(QWidget* parent);
+    virtual SARibbonSeparatorWidget* createRibbonSeparatorWidget(QWidget* parent);
+    virtual SARibbonGallery* createRibbonGallery(QWidget* parent);
+    virtual SARibbonGalleryGroup* createRibbonGalleryGroup(QWidget* parent);
+    virtual SARibbonToolButton* createRibbonToolButton(QWidget* parent);
+    virtual SARibbonControlButton* createRibbonControlButton(QWidget* parent);
+    virtual SARibbonControlToolButton* createRibbonControlToolButton(QWidget* parent);
+    virtual SARibbonStackedWidget* createRibbonStackedWidget(SARibbonBar* parent);
+    virtual SARibbonButtonGroupWidget* craeteButtonGroupWidget(QWidget* parent);
+    virtual SARibbonQuickAccessBar* createQuickAccessBar(QWidget* parent);
+    virtual SARibbonSystemButtonBar* createWindowButtonGroup(QWidget* parent);
+    virtual SARibbonPannelOptionButton* createRibbonPannelOptionButton(SARibbonPannel* pannel);
+};
+
+#endif  // SARIBBONELEMENTFACTORY_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonElementManager.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonElementManager.cpp
new file mode 100644
index 0000000..f9d76ca
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonElementManager.cpp
@@ -0,0 +1,27 @@
+#include "SARibbonElementManager.h"
+
+SARibbonElementManager::SARibbonElementManager()
+{
+    mFactory.reset(new SARibbonElementFactory());
+}
+
+SARibbonElementManager::~SARibbonElementManager()
+{
+}
+
+SARibbonElementManager* SARibbonElementManager::instance()
+{
+    static SARibbonElementManager s_instance;
+
+    return (&(s_instance));
+}
+
+SARibbonElementFactory* SARibbonElementManager::factory()
+{
+    return (mFactory.data());
+}
+
+void SARibbonElementManager::setupFactory(SARibbonElementFactory* fac)
+{
+    mFactory.reset(fac);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonElementManager.h b/gui/SARibbon/src/SARibbonBar/SARibbonElementManager.h
new file mode 100644
index 0000000..f1a01e9
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonElementManager.h
@@ -0,0 +1,52 @@
+#ifndef SARIBBONELEMENTMANAGER_H
+#define SARIBBONELEMENTMANAGER_H
+#include "SARibbonElementFactory.h"
+#include "SARibbonGlobal.h"
+
+/**
+   @brief 此类是一个全局单例，用于管理SARibbonElementFactory
+
+    如果你有自己的某个部件要重写，首先你需要有自己的ElementFactory
+    @code
+    class MyRibbonElementFactory : public SARibbonElementFactory{
+    public:
+        ...
+        virtual SARibbonPannel* createRibbonPannel(QWidget* parent){
+            return new MyRibbonPannel(parent);
+        }
+    };
+    @endcode
+
+    然后，你需要在ribbonbar创建之前把自己的ElementFactory设置进去
+
+    这个一般会在main函数中进行
+
+    @code
+    SARibbonElementManager::instance()->setupFactory(new MyRibbonElementFactory);
+    @endcode
+
+    这样，SARibbon创建的pannel就是你自己重写的MyRibbonPannel
+
+ */
+class SA_RIBBON_EXPORT SARibbonElementManager
+{
+protected:
+    SARibbonElementManager();
+
+public:
+    virtual ~SARibbonElementManager();
+    static SARibbonElementManager* instance();
+    SARibbonElementFactory* factory();
+    void setupFactory(SARibbonElementFactory* fac);
+
+private:
+    QScopedPointer< SARibbonElementFactory > mFactory;
+};
+#ifndef RibbonSubElementMgr
+#define RibbonSubElementMgr SARibbonElementManager::instance()
+#endif
+#ifndef RibbonSubElementFactory
+#define RibbonSubElementFactory SARibbonElementManager::instance()->factory()
+#endif
+
+#endif  // SARIBBONELEMENTMANAGER_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonGallery.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonGallery.cpp
new file mode 100644
index 0000000..4575fca
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonGallery.cpp
@@ -0,0 +1,421 @@
+#include "SARibbonGallery.h"
+#include "SARibbonControlButton.h"
+#include <QIcon>
+#include <QApplication>
+#define ICON_ARROW_UP QIcon(":/image/resource/ArrowUp.png")
+#define ICON_ARROW_DOWN QIcon(":/image/resource/ArrowDown.png")
+#define ICON_ARROW_MORE QIcon(":/image/resource/ArrowMore.png")
+#include <QResizeEvent>
+#include <QDebug>
+#include <QVBoxLayout>
+#include <QScrollBar>
+#include <QLabel>
+#include "SARibbonElementManager.h"
+#include <QActionGroup>
+
+/**
+ * @brief The SARibbonGalleryPrivate class
+ */
+class SARibbonGallery::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonGallery)
+public:
+    static int sGalleryButtonMaximumWidth;
+    SARibbonGalleryButton* mButtonUp { nullptr };
+    SARibbonGalleryButton* mButtonDown { nullptr };
+    SARibbonGalleryButton* mButtonMore { nullptr };
+#if 0
+    SARibbonMenu *popupWidget;
+#else
+    SARibbonGalleryViewport* mPopupWidget { nullptr };
+#endif
+    SARibbonGalleryGroup* mViewportGroup { nullptr };
+    QBoxLayout* mButtonLayout { nullptr };
+    QBoxLayout* mLayout { nullptr };
+    PrivateData(SARibbonGallery* p) : q_ptr(p)
+    {
+    }
+
+    void init()
+    {
+        mButtonUp   = new SARibbonGalleryButton(q_ptr);
+        mButtonDown = new SARibbonGalleryButton(q_ptr);
+        mButtonMore = new SARibbonGalleryButton(q_ptr);
+        mButtonUp->setToolButtonStyle(Qt::ToolButtonIconOnly);
+        mButtonDown->setToolButtonStyle(Qt::ToolButtonIconOnly);
+        mButtonMore->setToolButtonStyle(Qt::ToolButtonIconOnly);
+        mButtonUp->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Expanding);
+        mButtonDown->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Expanding);
+        mButtonMore->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Expanding);
+        mButtonUp->setObjectName(QStringLiteral("SARibbonGalleryButtonUp"));
+        mButtonDown->setObjectName(QStringLiteral("SARibbonGalleryButtonDown"));
+        mButtonMore->setObjectName(QStringLiteral("SARibbonGalleryButtonMore"));
+        mButtonUp->setMaximumWidth(sGalleryButtonMaximumWidth);
+        mButtonDown->setMaximumWidth(sGalleryButtonMaximumWidth);
+        mButtonMore->setMaximumWidth(sGalleryButtonMaximumWidth);
+        mButtonUp->setIcon(ICON_ARROW_UP);
+        mButtonDown->setIcon(ICON_ARROW_DOWN);
+        mButtonMore->setIcon(ICON_ARROW_MORE);
+        q_ptr->connect(mButtonUp, &QAbstractButton::clicked, q_ptr, &SARibbonGallery::pageUp);
+        q_ptr->connect(mButtonDown, &QAbstractButton::clicked, q_ptr, &SARibbonGallery::pageDown);
+        q_ptr->connect(mButtonMore, &QAbstractButton::clicked, q_ptr, &SARibbonGallery::showMoreDetail);
+        // 信号转发
+        q_ptr->connect(q_ptr, &SARibbonGallery::triggered, q_ptr, &SARibbonGallery::onTriggered);
+        mPopupWidget   = nullptr;
+        mViewportGroup = nullptr;
+        mButtonLayout  = new QBoxLayout(QBoxLayout::TopToBottom);
+        mButtonLayout->setSpacing(0);
+        mButtonLayout->setContentsMargins(0, 0, 0, 0);
+        mButtonLayout->addWidget(mButtonUp);
+        mButtonLayout->addWidget(mButtonDown);
+        mButtonLayout->addWidget(mButtonMore);
+        mLayout = new QBoxLayout(QBoxLayout::RightToLeft);
+        mLayout->setSpacing(0);
+        mLayout->setContentsMargins(0, 0, 0, 0);
+        mLayout->addLayout(mButtonLayout);
+        mLayout->addStretch();
+        q_ptr->setLayout(mLayout);
+    }
+
+    bool isValid() const
+    {
+        return (q_ptr != nullptr);
+    }
+
+    void createPopupWidget()
+    {
+        if (nullptr == mPopupWidget) {
+#if 0
+            popupWidget = new SARibbonMenu(Parent);
+#else
+            mPopupWidget = new SARibbonGalleryViewport(q_ptr);
+#endif
+        }
+    }
+
+    void setViewPort(SARibbonGalleryGroup* v)
+    {
+        if (nullptr == mViewportGroup) {
+            mViewportGroup = RibbonSubElementFactory->createRibbonGalleryGroup(q_ptr);
+            mLayout->addWidget(mViewportGroup, 1);
+        }
+        mViewportGroup->setRecalcGridSizeBlock(true);
+        mViewportGroup->setGalleryGroupStyle(v->galleryGroupStyle());
+        mViewportGroup->setDisplayRow(v->displayRow());
+        mViewportGroup->setSpacing(v->spacing());
+        mViewportGroup->setGridMaximumWidth(v->gridMaximumWidth());
+        mViewportGroup->setGridMinimumWidth(v->gridMinimumWidth());
+        mViewportGroup->setRecalcGridSizeBlock(false);
+        mViewportGroup->recalcGridSize(mViewportGroup->height());
+        mViewportGroup->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
+        mViewportGroup->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
+        mViewportGroup->setModel(v->model());
+        mViewportGroup->show();
+    }
+};
+
+// 静态变量初始化
+
+/**
+ * @brief SARibbonGalleryPrivate::sGalleryButtonMaximumWidth
+ */
+int SARibbonGallery::PrivateData::sGalleryButtonMaximumWidth = 15;
+
+//===================================================
+// SARibbonGalleryButton
+//===================================================
+
+SARibbonGalleryButton::SARibbonGalleryButton(QWidget* parent) : QToolButton(parent)
+{
+}
+
+SARibbonGalleryButton::~SARibbonGalleryButton()
+{
+}
+//===================================================
+// SARibbonGalleryViewport
+//===================================================
+
+SARibbonGalleryViewport::SARibbonGalleryViewport(QWidget* parent) : QWidget(parent)
+{
+    setWindowFlags(Qt::Popup);
+    QPalette pl = palette();
+    pl.setBrush(QPalette::Window, pl.brush(QPalette::Base));
+    setPalette(pl);
+    m_layout = new QVBoxLayout(this);
+    m_layout->setSpacing(0);
+    m_layout->setContentsMargins(0, 0, 0, 0);
+}
+
+/**
+ * @brief 添加窗口不带标题
+ * @param w
+ */
+void SARibbonGalleryViewport::addWidget(QWidget* w)
+{
+    w->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Minimum);
+    m_layout->addWidget(w);
+}
+
+/**
+ * @brief 添加窗口，带标题
+ * @param w
+ * @param title
+ */
+void SARibbonGalleryViewport::addWidget(QWidget* w, const QString& title)
+{
+    QLabel* label = new QLabel(this);
+    label->setText(title);
+    label->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Minimum);
+    m_layout->addWidget(label);
+    w->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Minimum);
+    m_layout->addWidget(w);
+    _widgetToTitleLable[ w ] = label;
+}
+
+/**
+ * @brief 通过SARibbonGalleryGroup获取对应的标题，用户可以通过此函数设置QLabel的属性
+ * @param g
+ * @return 如果没有管理group，将返回nullptr
+ */
+QLabel* SARibbonGalleryViewport::titleLabel(QWidget* w)
+{
+    return _widgetToTitleLable.value(w, nullptr);
+}
+
+/**
+ * @brief 移除窗口
+ * @param w
+ */
+void SARibbonGalleryViewport::removeWidget(QWidget* w)
+{
+    QLabel* label = titleLabel(w);
+    if (label) {
+        m_layout->removeWidget(label);
+    }
+    m_layout->removeWidget(w);
+}
+
+/**
+ * @brief widget的标题改变
+ * @param g
+ * @param title
+ */
+void SARibbonGalleryViewport::onTitleChanged(QWidget* w, const QString& title)
+{
+    QLabel* l = titleLabel(w);
+    if (l) {
+        l->setText(title);
+    }
+}
+
+//===================================================
+// SARibbonGallery
+//===================================================
+
+SARibbonGallery::SARibbonGallery(QWidget* parent) : QFrame(parent), d_ptr(new SARibbonGallery::PrivateData(this))
+{
+    d_ptr->init();
+    setFrameShape(QFrame::Box);
+    setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
+    setMinimumWidth(200);
+}
+
+SARibbonGallery::~SARibbonGallery()
+{
+}
+
+QSize SARibbonGallery::sizeHint() const
+{
+    return (QSize(100, 62));
+}
+
+/**
+ * @brief 获取一个空白SARibbonGalleryGroup
+ * @return
+ */
+SARibbonGalleryGroup* SARibbonGallery::addGalleryGroup()
+{
+    SARibbonGalleryGroup* group = RibbonSubElementFactory->createRibbonGalleryGroup(this);
+    addGalleryGroup(group);
+    return (group);
+}
+
+/**
+ * @brief 添加一组SARibbonGalleryGroup
+ * @param group
+ */
+void SARibbonGallery::addGalleryGroup(SARibbonGalleryGroup* group)
+{
+    group->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred);
+    SARibbonGalleryViewport* viewport = ensureGetPopupViewPort();
+    viewport->addWidget(group, group->groupTitle());
+    connect(group, &QAbstractItemView::clicked, this, &SARibbonGallery::onItemClicked);
+    connect(group, &SARibbonGalleryGroup::groupTitleChanged, this, [ group, viewport ](const QString& t) {
+        viewport->onTitleChanged(group, t);
+    });
+    connect(group, &SARibbonGalleryGroup::triggered, this, &SARibbonGallery::triggered);
+    connect(group, &SARibbonGalleryGroup::hovered, this, &SARibbonGallery::hovered);
+    setCurrentViewGroup(group);
+}
+
+/**
+ * @brief 添加一组actions
+ * @param title actions组的名字
+ * @param actions
+ * @return 返回SARibbonGalleryGroup，用户可以通过修改SARibbonGalleryGroup属性控制其显示方法
+ */
+SARibbonGalleryGroup* SARibbonGallery::addCategoryActions(const QString& title, QList< QAction* > actions)
+{
+    SARibbonGalleryGroup* group = RibbonSubElementFactory->createRibbonGalleryGroup(this);
+    if (!title.isEmpty()) {
+        group->setGroupTitle(title);
+    }
+    group->addActionItemList(actions);
+    addGalleryGroup(group);
+    return (group);
+}
+
+void SARibbonGallery::setCurrentViewGroup(SARibbonGalleryGroup* group)
+{
+    d_ptr->setViewPort(group);
+    QApplication::postEvent(this, new QResizeEvent(size(), size()));
+}
+
+SARibbonGalleryGroup* SARibbonGallery::currentViewGroup() const
+{
+    return (d_ptr->mViewportGroup);
+}
+
+/**
+ * @brief 获取弹出窗口
+ * @return
+ */
+SARibbonGalleryViewport* SARibbonGallery::getPopupViewPort() const
+{
+    return d_ptr->mPopupWidget;
+}
+
+/**
+ * @brief 设置最右边三个控制按钮的最大宽度（默认15）
+ * @param w
+ */
+void SARibbonGallery::setGalleryButtonMaximumWidth(int w)
+{
+    SARibbonGallery::PrivateData::sGalleryButtonMaximumWidth = w;
+}
+
+/**
+ * @brief 上翻页
+ */
+void SARibbonGallery::pageDown()
+{
+    if (d_ptr->mViewportGroup) {
+        QScrollBar* vscrollBar = d_ptr->mViewportGroup->verticalScrollBar();
+        int v                  = vscrollBar->value();
+        v += vscrollBar->singleStep();
+        vscrollBar->setValue(v);
+    }
+}
+
+/**
+ * @brief 下翻页
+ */
+void SARibbonGallery::pageUp()
+{
+    if (d_ptr->mViewportGroup) {
+        QScrollBar* vscrollBar = d_ptr->mViewportGroup->verticalScrollBar();
+        int v                  = vscrollBar->value();
+        v -= vscrollBar->singleStep();
+        vscrollBar->setValue(v);
+    }
+}
+
+/**
+ * @brief 显示更多触发，默认弹出内部管理的SARibbonGalleryViewport，用户可重载此函数实现自定义的弹出
+ */
+void SARibbonGallery::showMoreDetail()
+{
+    if (nullptr == d_ptr->mPopupWidget) {
+        return;
+    }
+    QSize popupMenuSize = d_ptr->mPopupWidget->sizeHint();
+    QPoint start        = mapToGlobal(QPoint(0, 0));
+
+    int width = d_ptr->mViewportGroup->width();  // viewport
+
+    width += qApp->style()->pixelMetric(QStyle::PM_ScrollBarExtent);  // scrollbar
+    d_ptr->mPopupWidget->setGeometry(start.x(), start.y(), width, popupMenuSize.height());
+    d_ptr->mPopupWidget->show();
+}
+
+void SARibbonGallery::onItemClicked(const QModelIndex& index)
+{
+    QObject* obj                = sender();
+    SARibbonGalleryGroup* group = qobject_cast< SARibbonGalleryGroup* >(obj);
+    if (group) {
+        setCurrentViewGroup(group);
+        SARibbonGalleryGroup* curGroup = currentViewGroup();
+        curGroup->scrollTo(index);
+        curGroup->setCurrentIndex(index);
+    }
+}
+
+void SARibbonGallery::onTriggered(QAction* action)
+{
+    Q_UNUSED(action);
+    // 点击后关闭弹出窗口
+    if (d_ptr->mPopupWidget) {
+        if (d_ptr->mPopupWidget->isVisible()) {
+            d_ptr->mPopupWidget->hide();
+        }
+    }
+}
+
+SARibbonGalleryViewport* SARibbonGallery::ensureGetPopupViewPort()
+{
+    if (nullptr == d_ptr->mPopupWidget) {
+        d_ptr->createPopupWidget();
+    }
+    return (d_ptr->mPopupWidget);
+}
+
+void SARibbonGallery::resizeEvent(QResizeEvent* event)
+{
+    QFrame::resizeEvent(event);
+    // 对SARibbonGalleryViewport所有SARibbonGalleryGroup重置尺寸
+    int h = layout()->contentsRect().height();
+    if (d_ptr->mViewportGroup) {
+        h = d_ptr->mViewportGroup->height();
+        d_ptr->mViewportGroup->recalcGridSize();
+    }
+    if (d_ptr->mPopupWidget) {
+        QLayout* lay = d_ptr->mPopupWidget->layout();
+        if (!lay) {
+            return;
+        }
+        int c = lay->count();
+        for (int i = 0; i < c; ++i) {
+            QLayoutItem* item = lay->itemAt(i);
+            if (!item) {
+                continue;
+            }
+            QWidget* w = item->widget();
+            if (!w) {
+                continue;
+            }
+            SARibbonGalleryGroup* g = qobject_cast< SARibbonGalleryGroup* >(w);
+            if (!g) {
+                continue;
+            }
+            g->recalcGridSize(h);
+        }
+    }
+}
+
+void SARibbonGallery::paintEvent(QPaintEvent* event)
+{
+    QFrame::paintEvent(event);
+}
+
+
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonGallery.h b/gui/SARibbon/src/SARibbonBar/SARibbonGallery.h
new file mode 100644
index 0000000..f9929ab
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonGallery.h
@@ -0,0 +1,125 @@
+#ifndef SARIBBONGALLERY_H
+#define SARIBBONGALLERY_H
+#include "SARibbonGlobal.h"
+#include <QFrame>
+#include <QToolButton>
+#include "SARibbonGalleryGroup.h"
+#include <QSizeGrip>
+class QLabel;
+class QVBoxLayout;
+class SARibbonGalleryViewport;
+
+/**
+ * @brief 针对SARibbonGallery控件的按钮
+ */
+class SA_RIBBON_EXPORT SARibbonGalleryButton : public QToolButton
+{
+    Q_OBJECT
+public:
+    explicit SARibbonGalleryButton(QWidget* parent = nullptr);
+    ~SARibbonGalleryButton();
+};
+
+/**
+ * @brief Gallery控件
+ *
+ * Gallery控件是由一个当前激活的@sa SARibbonGalleryGroup 和弹出的 @sa SARibbonGalleryViewport 组成
+ *
+ * @sa SARibbonGalleryGroup 是继承@sa QListView actions通过icon展示出来，相关的属性可以按照QListView设置
+ *
+ * @sa SARibbonGalleryViewport 是一个内部有垂直布局的窗体，在弹出激活时，把管理的SARibbonGalleryGroup都展示出来
+ *
+ * 示例如下：
+ * @code
+ * SARibbonGallery* gallery = pannel1->addGallery();
+ * QList< QAction* > galleryActions;
+ * ...create many actions ...
+ * SARibbonGalleryGroup* group1 = gallery->addCategoryActions(tr("Files"), galleryActions);
+ * galleryActions.clear();
+ * ...create many actions ...
+ * gallery->addCategoryActions(tr("Apps"), galleryActions);
+ * gallery->setCurrentViewGroup(group1);
+ * @endcode
+ */
+class SA_RIBBON_EXPORT SARibbonGallery : public QFrame
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonGallery)
+public:
+    explicit SARibbonGallery(QWidget* parent = nullptr);
+    virtual ~SARibbonGallery();
+    virtual QSize sizeHint() const override;
+    // 添加一个GalleryGroup
+    SARibbonGalleryGroup* addGalleryGroup();
+    // 添加一个GalleryGroup
+    void addGalleryGroup(SARibbonGalleryGroup* group);
+    // 快速添加一组actions
+    SARibbonGalleryGroup* addCategoryActions(const QString& title, QList< QAction* > actions);
+    // 设置当前显示的SARibbonGalleryGroup
+    void setCurrentViewGroup(SARibbonGalleryGroup* group);
+    // 获取当前显示的SARibbonGalleryGroup
+    SARibbonGalleryGroup* currentViewGroup() const;
+    // 获取弹出窗口指针
+    SARibbonGalleryViewport* getPopupViewPort() const;
+
+public:
+    // 设置最右边三个控制按钮的最大宽度（默认15）
+    static void setGalleryButtonMaximumWidth(int w);
+Q_SIGNALS:
+    /**
+     * @brief 转发管理的SARibbonGalleryGroup::triggered
+     * 所有加入SARibbonGallery的action都会被一个QActionGroup管理,可以通过@sa getActionGroup 获取到对应的actiongroup
+     * @param action
+     */
+    void triggered(QAction* action);
+    /**
+     * @brief 转发管理的SARibbonGalleryGroup::hovered
+     * @note 此属性需要确保SARibbonGalleryGroup::setMouseTracking(true)
+     * @param action
+     */
+    void hovered(QAction* action);
+
+public Q_SLOTS:
+    // 上翻页
+    virtual void pageUp();
+    // 下翻页
+    virtual void pageDown();
+    // 显示更多触发，默认弹出内部管理的SARibbonGalleryViewport，用户可重载此函数实现自定义的弹出
+    virtual void showMoreDetail();
+protected Q_SLOTS:
+    void onItemClicked(const QModelIndex& index);
+    virtual void onTriggered(QAction* action);
+
+private:
+    SARibbonGalleryViewport* ensureGetPopupViewPort();
+
+protected:
+    void resizeEvent(QResizeEvent* event) override;
+    void paintEvent(QPaintEvent* event) override;
+};
+
+///
+/// \brief SARibbonGallery的Viewport class
+///
+class SARibbonGalleryViewport : public QWidget
+{
+    Q_OBJECT
+public:
+    SARibbonGalleryViewport(QWidget* parent);
+    // 添加窗口不带标题
+    void addWidget(QWidget* w);
+    // 添加窗口，带标题
+    void addWidget(QWidget* w, const QString& title);
+    // 通过SARibbonGalleryGroup获取对应的标题，用户可以通过此函数设置QLabel的属性
+    QLabel* titleLabel(QWidget* w);
+    // 移除窗口
+    void removeWidget(QWidget* w);
+public Q_SLOTS:
+    void onTitleChanged(QWidget* w, const QString& title);
+
+private:
+    QVBoxLayout* m_layout;
+    QMap< QWidget*, QLabel* > _widgetToTitleLable;  ///< QWidget和lable的对应
+};
+
+#endif  // SARIBBONGALLERY_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonGalleryGroup.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonGalleryGroup.cpp
new file mode 100644
index 0000000..469b585
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonGalleryGroup.cpp
@@ -0,0 +1,496 @@
+#include "SARibbonGalleryGroup.h"
+#include <QPainter>
+#include <QDebug>
+#include <QActionGroup>
+#include <QItemSelectionModel>
+#include "SARibbonElementManager.h"
+/**
+ * @brief The SARibbonGalleryGroupPrivate class
+ */
+class SARibbonGalleryGroup::PrivateData
+{
+public:
+    SARibbonGalleryGroup* q_ptr;
+    QString mGroupTitle;
+    SARibbonGalleryGroup::GalleryGroupStyle mPreStyle { SARibbonGalleryGroup::IconWithText };
+    SARibbonGalleryGroup::DisplayRow mDisplayRow { SARibbonGalleryGroup::DisplayOneRow };
+    bool mBlockRecalc { false };
+    int mGridMinimumWidth { 0 };             ///< grid最小宽度
+    int mGridMaximumWidth { 0 };             ///< grid最大宽度
+    QActionGroup* mActionGroup { nullptr };  ///< 所有GalleryGroup管理的actions都由这个actiongroup管理
+public:
+    PrivateData(SARibbonGalleryGroup* p) : q_ptr(p)
+    {
+        mActionGroup = new QActionGroup(p);
+        p->connect(mActionGroup, &QActionGroup::triggered, p, &SARibbonGalleryGroup::triggered);
+        p->connect(mActionGroup, &QActionGroup::hovered, p, &SARibbonGalleryGroup::hovered);
+    }
+};
+
+//===================================================
+// SARibbonGalleryGroupItemDelegate
+//===================================================
+
+SARibbonGalleryGroupItemDelegate::SARibbonGalleryGroupItemDelegate(SARibbonGalleryGroup* group, QObject* parent)
+    : QStyledItemDelegate(parent), mGroup(group)
+{
+}
+
+SARibbonGalleryGroupItemDelegate::~SARibbonGalleryGroupItemDelegate()
+{
+}
+
+void SARibbonGalleryGroupItemDelegate::paint(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const
+{
+    if (nullptr == mGroup) {
+        return;
+    }
+    switch (mGroup->galleryGroupStyle()) {
+    case SARibbonGalleryGroup::IconWithText:
+        paintIconWithText(painter, option, index);
+        break;
+    case SARibbonGalleryGroup::IconWithWordWrapText:
+        paintIconWithTextWordWrap(painter, option, index);
+        break;
+    case SARibbonGalleryGroup::IconOnly:
+        paintIconOnly(painter, option, index);
+        break;
+    default:
+        paintIconWithText(painter, option, index);
+        break;
+    }
+}
+
+void SARibbonGalleryGroupItemDelegate::paintIconOnly(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const
+{
+    QStyle* style = mGroup->style();
+    int sp        = mGroup->spacing();
+    sp += 3;
+    painter->save();
+    painter->setClipRect(option.rect);
+    style->drawPrimitive(QStyle::PE_PanelItemViewItem, &option, painter, mGroup);
+    // draw the icon
+    QRect iconRect = option.rect;
+
+    iconRect.adjust(sp, sp, -sp, -sp);
+    QIcon ico = qvariant_cast< QIcon >(index.data(Qt::DecorationRole));
+
+    ico.paint(painter, iconRect, Qt::AlignCenter, QIcon::Normal, QIcon::On);
+    painter->restore();
+}
+
+void SARibbonGalleryGroupItemDelegate::paintIconWithText(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const
+{
+    QStyledItemDelegate::paint(painter, option, index);
+}
+
+void SARibbonGalleryGroupItemDelegate::paintIconWithTextWordWrap(QPainter* painter,
+                                                                 const QStyleOptionViewItem& option,
+                                                                 const QModelIndex& index) const
+{
+    QStyledItemDelegate::paint(painter, option, index);
+}
+
+QSize SARibbonGalleryGroupItemDelegate::sizeHint(const QStyleOptionViewItem& option, const QModelIndex& index) const
+{
+    Q_UNUSED(index);
+    Q_UNUSED(option);
+    return mGroup->gridSize();
+}
+
+//===================================================
+// SARibbonGalleryGroupModel
+//===================================================
+
+SARibbonGalleryGroupModel::SARibbonGalleryGroupModel(QObject* parent) : QAbstractListModel(parent)
+{
+}
+
+SARibbonGalleryGroupModel::~SARibbonGalleryGroupModel()
+{
+    clear();
+}
+
+int SARibbonGalleryGroupModel::rowCount(const QModelIndex& parent) const
+{
+    return (parent.isValid() ? 0 : mItems.size());
+}
+
+Qt::ItemFlags SARibbonGalleryGroupModel::flags(const QModelIndex& index) const
+{
+    if (!index.isValid() || (index.row() >= mItems.size())) {
+        return (Qt::NoItemFlags);
+    }
+    return (mItems.at(index.row())->flags());
+}
+
+QVariant SARibbonGalleryGroupModel::data(const QModelIndex& index, int role) const
+{
+    if (!index.isValid() || (index.row() >= mItems.count())) {
+        return (QVariant());
+    }
+    return (mItems.at(index.row())->data(role));
+}
+
+QModelIndex SARibbonGalleryGroupModel::index(int row, int column, const QModelIndex& parent) const
+{
+    if (hasIndex(row, column, parent)) {
+        return (createIndex(row, column, mItems.at(row)));
+    }
+    return (QModelIndex());
+}
+
+bool SARibbonGalleryGroupModel::setData(const QModelIndex& index, const QVariant& value, int role)
+{
+    if (!index.isValid() || (index.row() >= mItems.count())) {
+        return (false);
+    }
+
+    mItems.at(index.row())->setData(role, value);
+    return (true);
+}
+
+void SARibbonGalleryGroupModel::clear()
+{
+    beginResetModel();
+    for (int i = 0; i < mItems.count(); ++i) {
+        if (mItems.at(i)) {
+            delete mItems.at(i);
+        }
+    }
+    mItems.clear();
+    endResetModel();
+}
+
+SARibbonGalleryItem* SARibbonGalleryGroupModel::at(int row) const
+{
+    return (mItems.value(row));
+}
+
+void SARibbonGalleryGroupModel::insert(int row, SARibbonGalleryItem* item)
+{
+    beginInsertRows(QModelIndex(), row, row);
+    mItems.insert(row, item);
+    endInsertRows();
+}
+
+SARibbonGalleryItem* SARibbonGalleryGroupModel::take(int row)
+{
+    if ((row < 0) || (row >= mItems.count())) {
+        return (0);
+    }
+
+    beginRemoveRows(QModelIndex(), row, row);
+    SARibbonGalleryItem* item = mItems.takeAt(row);
+
+    endRemoveRows();
+    return (item);
+}
+
+void SARibbonGalleryGroupModel::append(SARibbonGalleryItem* item)
+{
+    beginInsertRows(QModelIndex(), mItems.count(), mItems.count() + 1);
+    mItems.append(item);
+    endInsertRows();
+}
+
+//===================================================
+// SARibbonGalleryGroup
+//===================================================
+SARibbonGalleryGroup::SARibbonGalleryGroup(QWidget* w)
+    : QListView(w), d_ptr(new SARibbonGalleryGroup::PrivateData(this))
+{
+    setViewMode(QListView::IconMode);
+    setResizeMode(QListView::Adjust);
+    setSelectionRectVisible(true);
+    setUniformItemSizes(true);
+    setSpacing(1);
+    setItemDelegate(new SARibbonGalleryGroupItemDelegate(this, this));
+    connect(this, &QAbstractItemView::clicked, this, &SARibbonGalleryGroup::onItemClicked);
+    SARibbonGalleryGroupModel* m = new SARibbonGalleryGroupModel(this);
+    setModel(m);
+}
+
+SARibbonGalleryGroup::~SARibbonGalleryGroup()
+{
+}
+
+/**
+ * @brief 是否禁止计算
+ * @param on
+ */
+void SARibbonGalleryGroup::setRecalcGridSizeBlock(bool on)
+{
+    d_ptr->mBlockRecalc = on;
+}
+
+bool SARibbonGalleryGroup::isRecalcGridSizeBlock() const
+{
+    return d_ptr->mBlockRecalc;
+}
+
+/**
+ * @brief 重新计算grid和icon的尺寸
+ */
+void SARibbonGalleryGroup::recalcGridSize()
+{
+    recalcGridSize(height());
+}
+
+void SARibbonGalleryGroup::recalcGridSize(int galleryHeight)
+{
+    if (isRecalcGridSizeBlock()) {
+        return;
+    }
+    // 首先通过DisplayRow计算GridSize
+    int dr = static_cast< int >(displayRow());
+    if (dr < 1) {
+        dr = 1;
+    } else if (dr > 3) {
+        dr = 3;
+    }
+    int h = galleryHeight / dr;
+    if (h <= 1) {
+        h = galleryHeight;
+    }
+    int w = h;
+    if (gridMinimumWidth() > 0) {
+        if (w < gridMinimumWidth()) {
+            w = gridMinimumWidth();
+        }
+    }
+    if (gridMaximumWidth() > 0) {
+        if (w > gridMaximumWidth()) {
+            w = gridMaximumWidth();
+        }
+    }
+    setGridSize(QSize(w, h));
+    // 在通过GalleryGroupStyle确定icon的尺寸
+    const int shiftpix = 4;  // 这个是移动像素，qt在鼠标移动到图标上时会移动一下，给用户明确的动态，导致如果布局很满会超出显示范围，因此要在此基础上缩放一点
+    switch (galleryGroupStyle()) {
+    case IconWithText: {
+        int textHeight = fontMetrics().lineSpacing();
+        int iconHeight = h - textHeight - 2 * spacing() - shiftpix;
+        if (iconHeight > 0) {
+            setIconSize(QSize(w - 2 * spacing() - shiftpix, iconHeight));
+        } else {
+            setIconSize(QSize(w - 2 * spacing() - shiftpix, h - 2 * spacing() - shiftpix));
+        }
+        break;
+    }
+    case IconWithWordWrapText: {
+        int textHeight = fontMetrics().lineSpacing() * 2;
+        int iconHeight = h - textHeight;
+        if (iconHeight > 0) {
+            setIconSize(QSize(w - 2 * spacing() - shiftpix, iconHeight - 2 * spacing() - shiftpix));
+        } else {
+            setIconSize(QSize(w - 2 * spacing() - shiftpix, h - 2 * spacing() - shiftpix));
+        }
+        break;
+    }
+    case IconOnly: {
+        setIconSize(QSize(w - 2 * spacing() - shiftpix, h - 2 * spacing() - shiftpix));
+        break;
+    }
+    default: {
+        setIconSize(QSize(w - 2 * spacing() - shiftpix, h - 2 * spacing() - shiftpix));
+        break;
+    }
+    }
+#if 0
+    qDebug() << "SARibbonGalleryGroup::recalcGridSize(" << galleryHeight << "): gridSize=" << gridSize()
+             << " iconSize=" << iconSize();
+#endif
+}
+
+///
+/// \brief 设置默认的预设样式
+/// \param style
+///
+void SARibbonGalleryGroup::setGalleryGroupStyle(SARibbonGalleryGroup::GalleryGroupStyle style)
+{
+    d_ptr->mPreStyle = style;
+    if (style == IconWithWordWrapText) {
+        setWordWrap(true);
+    }
+    recalcGridSize();
+}
+
+SARibbonGalleryGroup::GalleryGroupStyle SARibbonGalleryGroup::galleryGroupStyle() const
+{
+    return d_ptr->mPreStyle;
+}
+
+void SARibbonGalleryGroup::addItem(const QString& text, const QIcon& icon)
+{
+    if (nullptr == groupModel()) {
+        return;
+    }
+    addItem(new SARibbonGalleryItem(text, icon));
+}
+
+/**
+ * @brief 添加一个条目
+ *
+ * @param item 条目的内存所有权归属SARibbonGalleryGroup管理
+ */
+void SARibbonGalleryGroup::addItem(SARibbonGalleryItem* item)
+{
+    if (nullptr == groupModel()) {
+        return;
+    }
+    groupModel()->append(item);
+}
+
+void SARibbonGalleryGroup::addActionItem(QAction* act)
+{
+    if (nullptr == groupModel()) {
+        return;
+    }
+    d_ptr->mActionGroup->addAction(act);
+    groupModel()->append(new SARibbonGalleryItem(act));
+}
+
+void SARibbonGalleryGroup::addActionItemList(const QList< QAction* >& acts)
+{
+    SARibbonGalleryGroupModel* model = groupModel();
+
+    if (nullptr == model) {
+        return;
+    }
+    for (QAction* a : acts) {
+        d_ptr->mActionGroup->addAction(a);
+    }
+    for (int i = 0; i < acts.size(); ++i) {
+        model->append(new SARibbonGalleryItem(acts[ i ]));
+    }
+}
+
+///
+/// \brief 构建一个model，这个model的父类是SARibbonGalleryGroup，如果要共享model，需要手动处理model的父类
+///
+void SARibbonGalleryGroup::setupGroupModel()
+{
+    setModel(new SARibbonGalleryGroupModel(this));
+}
+
+SARibbonGalleryGroupModel* SARibbonGalleryGroup::groupModel()
+{
+    return (qobject_cast< SARibbonGalleryGroupModel* >(model()));
+}
+
+void SARibbonGalleryGroup::setGroupTitle(const QString& title)
+{
+    d_ptr->mGroupTitle = title;
+    Q_EMIT groupTitleChanged(d_ptr->mGroupTitle);
+}
+
+QString SARibbonGalleryGroup::groupTitle() const
+{
+    return (d_ptr->mGroupTitle);
+}
+
+void SARibbonGalleryGroup::selectByIndex(int i)
+{
+    SARibbonGalleryGroupModel* model = groupModel();
+
+    if (nullptr == model) {
+        return;
+    }
+    QModelIndex ind               = model->index(i, 0, QModelIndex());
+    QItemSelectionModel* selmodel = selectionModel();
+
+    if (selmodel) {
+        selmodel->select(ind, QItemSelectionModel::SelectCurrent);
+    }
+}
+
+/**
+ * @brief 设置显示的行数
+ * @param r
+ */
+void SARibbonGalleryGroup::setDisplayRow(DisplayRow r)
+{
+    d_ptr->mDisplayRow = r;
+    recalcGridSize();
+}
+
+/**
+ * @brief Gallery显示的行数
+ * @return
+ */
+SARibbonGalleryGroup::DisplayRow SARibbonGalleryGroup::displayRow() const
+{
+    return d_ptr->mDisplayRow;
+}
+
+/**
+ * @brief 设置grid最小的宽度，默认为0（不限制）
+ * @param w
+ */
+void SARibbonGalleryGroup::setGridMinimumWidth(int w)
+{
+    d_ptr->mGridMinimumWidth = w;
+}
+
+/**
+ * @brief grid最小的宽度，默认为0（不限制）
+ * @return
+ */
+int SARibbonGalleryGroup::gridMinimumWidth() const
+{
+    return d_ptr->mGridMinimumWidth;
+}
+
+/**
+ * @brief 设置grid最大的宽度，默认为0（不限制）
+ * @param w
+ */
+void SARibbonGalleryGroup::setGridMaximumWidth(int w)
+{
+    d_ptr->mGridMaximumWidth = w;
+}
+
+/**
+ * @brief grid最大的的宽度，默认为0（不限制）
+ * @param w
+ */
+int SARibbonGalleryGroup::gridMaximumWidth() const
+{
+    return d_ptr->mGridMaximumWidth;
+}
+
+/**
+ * @brief 获取SARibbonGalleryGroup管理的actiongroup
+ * @return
+ */
+QActionGroup* SARibbonGalleryGroup::actionGroup() const
+{
+    return d_ptr->mActionGroup;
+}
+
+void SARibbonGalleryGroup::onItemClicked(const QModelIndex& index)
+{
+    if (index.isValid()) {
+        SARibbonGalleryItem* item = (SARibbonGalleryItem*)index.internalPointer();
+        if (item) {
+            QAction* act = item->action();
+            if (act) {
+                act->activate(QAction::Trigger);
+            }
+        }
+    }
+}
+
+void SARibbonGalleryGroup::onItemEntered(const QModelIndex& index)
+{
+    if (index.isValid()) {
+        SARibbonGalleryItem* item = (SARibbonGalleryItem*)index.internalPointer();
+        if (item) {
+            QAction* act = item->action();
+            if (act) {
+                act->activate(QAction::Hover);
+            }
+        }
+    }
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonGalleryGroup.h b/gui/SARibbon/src/SARibbonBar/SARibbonGalleryGroup.h
new file mode 100644
index 0000000..5116fea
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonGalleryGroup.h
@@ -0,0 +1,138 @@
+#ifndef SARIBBONGALLERYGROUP_H
+#define SARIBBONGALLERYGROUP_H
+#include "SARibbonGlobal.h"
+#include <QList>
+#include <QListView>
+#include <QStyledItemDelegate>
+#include "SARibbonGalleryItem.h"
+
+///
+/// \brief SARibbonGalleryGroup对应的显示代理
+///
+class SA_RIBBON_EXPORT SARibbonGalleryGroupItemDelegate : public QStyledItemDelegate
+{
+public:
+    explicit SARibbonGalleryGroupItemDelegate(SARibbonGalleryGroup* group, QObject* parent = nullptr);
+    ~SARibbonGalleryGroupItemDelegate();
+    virtual void paint(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const override;
+
+    virtual QSize sizeHint(const QStyleOptionViewItem& option, const QModelIndex& index) const override;
+    virtual void paintIconOnly(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const;
+    virtual void paintIconWithText(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const;
+    virtual void paintIconWithTextWordWrap(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const;
+
+private:
+    SARibbonGalleryGroup* mGroup;
+};
+
+///
+/// \brief SARibbonGalleryGroup对应的model
+///
+class SA_RIBBON_EXPORT SARibbonGalleryGroupModel : public QAbstractListModel
+{
+    Q_OBJECT
+public:
+    SARibbonGalleryGroupModel(QObject* parent = Q_NULLPTR);
+    ~SARibbonGalleryGroupModel();
+    virtual int rowCount(const QModelIndex& parent) const Q_DECL_OVERRIDE;
+    virtual Qt::ItemFlags flags(const QModelIndex& index) const Q_DECL_OVERRIDE;
+    virtual QVariant data(const QModelIndex& index, int role) const Q_DECL_OVERRIDE;
+    virtual QModelIndex index(int row, int column, const QModelIndex& parent) const Q_DECL_OVERRIDE;
+    virtual bool setData(const QModelIndex& index, const QVariant& value, int role) Q_DECL_OVERRIDE;
+    void clear();
+    SARibbonGalleryItem* at(int row) const;
+    void insert(int row, SARibbonGalleryItem* item);
+    SARibbonGalleryItem* take(int row);
+    void append(SARibbonGalleryItem* item);
+
+private:
+    QList< SARibbonGalleryItem* > mItems;
+};
+
+/**
+ * @brief Gallery的组
+ *
+ * 组负责显示管理Gallery Item
+ */
+class SA_RIBBON_EXPORT SARibbonGalleryGroup : public QListView
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonGalleryGroup)
+public:
+    /**
+     * @brief GalleryGroup显示的样式
+     */
+    enum GalleryGroupStyle
+    {
+        IconWithText,          ///< 图标带文字
+        IconWithWordWrapText,  ///< 图标带文字,文字会换行显示，此模式只会对DisplayOneRow生效，如果不是DisplayOneRow，等同IconWithText
+        IconOnly               ///< 只有图标
+    };
+
+    /**
+     * @brief 定义Gallery在一个pannel下面显示的图标行数
+     */
+    enum DisplayRow
+    {
+        DisplayOneRow   = 1,  ///< 显示1行，默认
+        DisplayTwoRow   = 2,
+        DisplayThreeRow = 3
+    };
+
+    SARibbonGalleryGroup(QWidget* w = 0);
+
+    virtual ~SARibbonGalleryGroup();
+    // 重新计算grid尺寸
+    void setRecalcGridSizeBlock(bool on = true);
+    bool isRecalcGridSizeBlock() const;
+    void recalcGridSize();
+    void recalcGridSize(int galleryHeight);
+    // 设置显示的样式
+    void setGalleryGroupStyle(GalleryGroupStyle style);
+    GalleryGroupStyle galleryGroupStyle() const;
+    // 添加一个item
+    void addItem(const QString& text, const QIcon& icon);
+    void addItem(SARibbonGalleryItem* item);
+    // 以一个aciton作为item添加
+    void addActionItem(QAction* act);
+    void addActionItemList(const QList< QAction* >& acts);
+
+    // 构建一个model，这个model的父类是SARibbonGalleryGroup，如果要共享model，需要手动处理model的父类
+    void setupGroupModel();
+    SARibbonGalleryGroupModel* groupModel();
+    // 标题
+    void setGroupTitle(const QString& title);
+    QString groupTitle() const;
+    void selectByIndex(int i);
+    // 设置显示的行数
+    void setDisplayRow(DisplayRow r);
+    DisplayRow displayRow() const;
+    // 设置grid最小的宽度，默认为0（不限制），可以限定grid的宽度
+    void setGridMinimumWidth(int w);
+    int gridMinimumWidth() const;
+    // 设置grid最大的宽度，默认为0（不限制），可以限定grid的宽度
+    void setGridMaximumWidth(int w);
+    int gridMaximumWidth() const;
+    // 获取SARibbonGalleryGroup管理的actiongroup
+    QActionGroup* actionGroup() const;
+private Q_SLOTS:
+    void onItemClicked(const QModelIndex& index);
+    void onItemEntered(const QModelIndex& index);
+Q_SIGNALS:
+    void groupTitleChanged(const QString& title);
+    /**
+     * @brief 等同QActionGroup的triggered
+     * 所有加入SARibbonGalleryGroup的action都会被一个QActionGroup管理,可以通过@sa getActionGroup 获取到对应的actiongroup
+     * @param action
+     */
+    void triggered(QAction* action);
+    /**
+     * @brief 等同QActionGroup的triggered
+     * 所有加入SARibbonGalleryGroup的action都会被一个QActionGroup管理,可以通过@sa getActionGroup 获取到对应的actiongroup
+     * @note 此属性需要通过QAbstractItemView::entered(const QModelIndex &index)激活，因此要保证设置了setMouseTracking(true)
+     * @param action
+     */
+    void hovered(QAction* action);
+};
+
+#endif  // SARIBBONGALLERYGROUP_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonGalleryItem.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonGalleryItem.cpp
new file mode 100644
index 0000000..f1f6edc
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonGalleryItem.cpp
@@ -0,0 +1,163 @@
+#include "SARibbonGalleryItem.h"
+#include "SARibbonGalleryGroup.h"
+
+SARibbonGalleryItem::SARibbonGalleryItem() : mFlags(Qt::ItemIsEnabled | Qt::ItemIsSelectable), mAction(nullptr)
+{
+}
+
+SARibbonGalleryItem::SARibbonGalleryItem(const QString& text, const QIcon& icon)
+    : mFlags(Qt::ItemIsEnabled | Qt::ItemIsSelectable), mAction(nullptr)
+{
+    setText(text);
+    setIcon(icon);
+    setTextAlignment(Qt::AlignTop | Qt::AlignHCenter);
+}
+
+SARibbonGalleryItem::SARibbonGalleryItem(QAction* act) : mFlags(Qt::ItemIsEnabled | Qt::ItemIsSelectable)
+{
+    setTextAlignment(Qt::AlignTop | Qt::AlignHCenter);
+    setAction(act);
+}
+
+SARibbonGalleryItem::~SARibbonGalleryItem()
+{
+}
+
+void SARibbonGalleryItem::setData(int role, const QVariant& data)
+{
+    mDatas[ role ] = data;
+}
+
+QVariant SARibbonGalleryItem::data(int role) const
+{
+    if (mAction) {
+        switch (role) {
+        case Qt::DisplayRole:
+            return (mAction->text());
+
+        case Qt::ToolTipRole:
+            return (mAction->toolTip());
+
+        case Qt::DecorationRole:
+            return (mAction->icon());
+        default:
+            break;
+        }
+    }
+    return (mDatas.value(role));
+}
+
+void SARibbonGalleryItem::setText(const QString& text)
+{
+    setData(Qt::DisplayRole, text);
+}
+
+QString SARibbonGalleryItem::text() const
+{
+    if (mAction) {
+        return (mAction->text());
+    }
+    return (data(Qt::DisplayRole).toString());
+}
+
+void SARibbonGalleryItem::setToolTip(const QString& text)
+{
+    setData(Qt::ToolTipRole, text);
+}
+
+QString SARibbonGalleryItem::toolTip() const
+{
+    if (mAction) {
+        return (mAction->toolTip());
+    }
+    return (data(Qt::ToolTipRole).toString());
+}
+
+void SARibbonGalleryItem::setIcon(const QIcon& ico)
+{
+    setData(Qt::DecorationRole, ico);
+}
+
+QIcon SARibbonGalleryItem::icon() const
+{
+    if (mAction) {
+        return (mAction->icon());
+    }
+    return (qvariant_cast< QIcon >(data(Qt::DecorationRole)));
+}
+
+bool SARibbonGalleryItem::isSelectable() const
+{
+    return (mFlags & Qt::ItemIsSelectable);
+}
+
+void SARibbonGalleryItem::setSelectable(bool isSelectable)
+{
+    if (isSelectable) {
+        mFlags |= Qt::ItemIsSelectable;
+    } else {
+        mFlags = (mFlags & (~Qt::ItemIsSelectable));
+    }
+}
+
+bool SARibbonGalleryItem::isEnable() const
+{
+    if (mAction) {
+        return (mAction->isEnabled());
+    }
+    return (mFlags & Qt::ItemIsEnabled);
+}
+
+void SARibbonGalleryItem::setEnable(bool isEnable)
+{
+    if (mAction) {
+        mAction->setEnabled(isEnable);
+    }
+
+    if (isEnable) {
+        mFlags |= Qt::ItemIsEnabled;
+    } else {
+        mFlags = (mFlags & (~Qt::ItemIsEnabled));
+    }
+}
+
+void SARibbonGalleryItem::setFlags(Qt::ItemFlags flag)
+{
+    mFlags = flag;
+    if (mAction) {
+        mAction->setEnabled(flag & Qt::ItemIsEnabled);
+    }
+}
+
+Qt::ItemFlags SARibbonGalleryItem::flags() const
+{
+    return (mFlags);
+}
+
+void SARibbonGalleryItem::setAction(QAction* act)
+{
+    mAction = act;
+    if (nullptr == mAction) {
+        return;
+    }
+    if (act->isEnabled()) {
+        mFlags |= Qt::ItemIsEnabled;
+    } else {
+        mFlags = (mFlags & (~Qt::ItemIsEnabled));
+    }
+}
+
+QAction* SARibbonGalleryItem::action()
+{
+    return (mAction);
+}
+
+void SARibbonGalleryItem::setTextAlignment(Qt::Alignment a)
+{
+    setData(Qt::TextAlignmentRole, (int)a);
+}
+
+Qt::Alignment SARibbonGalleryItem::textAlignment() const
+{
+    return qvariant_cast< Qt::Alignment >(data(Qt::TextAlignmentRole));
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonGalleryItem.h b/gui/SARibbon/src/SARibbonBar/SARibbonGalleryItem.h
new file mode 100644
index 0000000..eaa0b4b
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonGalleryItem.h
@@ -0,0 +1,64 @@
+#ifndef SARIBBONGALLERYITEM_H
+#define SARIBBONGALLERYITEM_H
+#include "SARibbonGlobal.h"
+#include <QIcon>
+#include <QVariant>
+#include <QMap>
+#include <QAction>
+class SARibbonGalleryGroup;
+
+///
+/// \brief 类似QStandardItem的GalleryItem
+///
+class SA_RIBBON_EXPORT SARibbonGalleryItem
+{
+    friend class SARibbonGalleryGroupModel;
+
+public:
+    explicit SARibbonGalleryItem();
+    explicit SARibbonGalleryItem(const QString& text, const QIcon& icon);
+    explicit SARibbonGalleryItem(QAction* act);
+    virtual ~SARibbonGalleryItem();
+    // 设置角色
+    void setData(int role, const QVariant& data);
+    virtual QVariant data(int role) const;
+
+    // 设置文字描述
+    void setText(const QString& text);
+    QString text() const;
+
+    // 设置tooltip
+    void setToolTip(const QString& text);
+    QString toolTip() const;
+
+    // 设置图标
+    void setIcon(const QIcon& ico);
+    QIcon icon() const;
+
+    // 设置是否可见
+    bool isSelectable() const;
+    void setSelectable(bool isSelectable);
+
+    // 设置是否可选
+    bool isEnable() const;
+    void setEnable(bool isEnable);
+
+    // 设置item的flag
+    void setFlags(Qt::ItemFlags flag);
+    virtual Qt::ItemFlags flags() const;
+
+    // 设置action
+    void setAction(QAction* act);
+    QAction* action();
+
+    // 文字对齐方式
+    void setTextAlignment(Qt::Alignment a);
+    Qt::Alignment textAlignment() const;
+
+private:
+    QMap< int, QVariant > mDatas;
+    Qt::ItemFlags mFlags;
+    QAction* mAction;
+};
+
+#endif  // SARIBBONGALLERYITEM_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonGlobal.h b/gui/SARibbon/src/SARibbonBar/SARibbonGlobal.h
new file mode 100644
index 0000000..36f62c8
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonGlobal.h
@@ -0,0 +1,149 @@
+#ifndef SARIBBONGLOBAL_H
+#define SARIBBONGLOBAL_H
+#include <memory>
+#include <QtGlobal>
+#include <QObject>
+#include "SARibbonBarVersionInfo.h"
+class QWidget;
+
+#ifndef SA_RIBBON_BAR_NO_EXPORT
+#if defined(SA_RIBBON_BAR_MAKE_LIB)  // 定义此宏将构建library
+#define SA_RIBBON_EXPORT Q_DECL_EXPORT
+#else
+#define SA_RIBBON_EXPORT Q_DECL_IMPORT
+#endif
+#endif
+#ifndef SA_RIBBON_EXPORT
+#define SA_RIBBON_EXPORT
+#endif
+
+/**
+ * @def   模仿Q_DECLARE_PRIVATE，但不用前置声明而是作为一个内部类
+ */
+#ifndef SA_RIBBON_DECLARE_PRIVATE
+#define SA_RIBBON_DECLARE_PRIVATE(classname)                                                                           \
+	class PrivateData;                                                                                                 \
+	friend class classname::PrivateData;                                                                               \
+	std::unique_ptr< PrivateData > d_ptr;
+#endif
+/**
+ * @def   模仿Q_DECLARE_PUBLIC
+ */
+#ifndef SA_RIBBON_DECLARE_PUBLIC
+#define SA_RIBBON_DECLARE_PUBLIC(classname)                                                                            \
+	friend class classname;                                                                                            \
+	classname* q_ptr { nullptr };                                                                                      \
+	PrivateData(const PrivateData&)            = delete;                                                               \
+	PrivateData& operator=(const PrivateData&) = delete;
+#endif
+
+/**
+ * @brief 定义Ribbon的对其方式，目前支持左对齐和居中对其
+ *
+ * @note 如果你编译器提示：成员声明的限定名称非法，那么留意一下文件换行是否为LF，如果是把文件换行改为CRLF
+ */
+enum class SARibbonAlignment
+{
+	AlignLeft,   ///< 左对齐，tab栏左对齐，同时category也是左对齐
+	AlignCenter  ///< 居中对其，tab栏居中对齐，同时category也是居中对齐
+};
+
+/**
+ * @brief ribbon主题
+ *
+ * 注意，由于有些qss的尺寸，在C++代码中无法获取到，因此针对用户自定义的qss主题，有些尺寸是需要手动设置进去的
+ *
+ * 例如ribbon tab的margin信息，在QTabBar是无法获取到，而这个影响了SARibbonContextCategory的绘制，
+ * 因此，在设置qss后需要针对margin信息重新设置进SARibbonTabBar中
+ */
+enum class SARibbonTheme
+{
+	RibbonThemeOffice2013,      ///< office2013主题
+	RibbonThemeOffice2016Blue,  ///< office2016-蓝色主题
+	RibbonThemeOffice2021Blue,  ///< office2021-蓝色主题
+	RibbonThemeWindows7,        ///< win7主题
+	RibbonThemeDark,            ///< 暗色主题
+	RibbonThemeDark2
+};
+
+/**
+ * @def 属性，用于标记是否可以进行自定义，用于动态设置到@ref SARibbonCategory 和@ref SARibbonPannel
+ * 值为bool，在为true时，可以通过@ref SARibbonCustomizeWidget 改变这个SARibbonCategory和SARibbonPannel的布局，
+ * 默认不会有此属性，仅在有此属性且为true时才会在SARibbonCustomizeWidget中能显示为可设置
+ */
+#ifndef SA_RIBBON_BAR_PROP_CAN_CUSTOMIZE
+#define SA_RIBBON_BAR_PROP_CAN_CUSTOMIZE "_sa_isCanCustomize"
+#endif
+
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 11, 0))
+#ifndef SA_FONTMETRICS_WIDTH
+#define SA_FONTMETRICS_WIDTH(fm, str) fm.horizontalAdvance(str)
+#endif
+#else
+#ifndef SA_FONTMETRICS_WIDTH
+#define SA_FONTMETRICS_WIDTH(fm, str) fm.width(str)
+#endif
+#endif
+
+#if (QT_VERSION >= QT_VERSION_CHECK(6, 0, 0))
+#ifndef SA_MOUSEEVENT_GLOBALPOS_POINT
+#define SA_MOUSEEVENT_GLOBALPOS_POINT(MouseEventPtr) MouseEventPtr->globalPosition().toPoint()
+#endif
+#else
+#ifndef SA_MOUSEEVENT_GLOBALPOS_POINT
+#define SA_MOUSEEVENT_GLOBALPOS_POINT(MouseEventPtr) MouseEventPtr->globalPos()
+#endif
+#endif
+
+#if (QT_VERSION >= QT_VERSION_CHECK(6, 0, 0))
+#ifndef SA_HOVEREVENT_POS_POINT
+#define SA_HOVEREVENT_POS_POINT(HoverEventPtr) HoverEventPtr->position().toPoint()
+#endif
+#else
+#ifndef SA_HOVEREVENT_POS_POINT
+#define SA_HOVEREVENT_POS_POINT(HoverEventPtr) HoverEventPtr->pos()
+#endif
+#endif
+
+/**
+  @def 定义此宏，将打印和尺寸刷新相关的信息
+
+    仅用于调试
+ */
+#ifndef SA_DEBUG_PRINT_SIZE_HINT
+#define SA_DEBUG_PRINT_SIZE_HINT 0
+#endif
+
+/**
+  @def 定义此宏，将打印事件
+
+    仅用于调试
+ */
+#ifndef SA_DEBUG_PRINT_EVENT
+#define SA_DEBUG_PRINT_EVENT 0
+#endif
+
+/**
+  @def 定义此宏，qDebug将支持SARibbonBar的属性打印
+
+    仅用于调试
+ */
+#ifndef SA_DEBUG_PRINT_SARIBBONBAR
+#define SA_DEBUG_PRINT_SARIBBONBAR 0
+#endif
+
+/**
+ * @brief 全局的设置ribbon theme函数
+ *
+ * 之所以提供此函数，是因为在某些情况下，SARibbonBar不用在SARibbonMainWindow情况下的时候，也需要设置主题，
+ * 但主题设置是在SARibbonMainWindow下的为了能在非SARibbonMainWindow下也能设置主题，这里提供@sa sa_set_ribbon_theme函数，
+ * 可以这样使用：
+ * @code
+ * @endcode
+ *
+ * @param w
+ * @param theme
+ */
+void SA_RIBBON_EXPORT sa_set_ribbon_theme(QWidget* w, SARibbonTheme theme);
+
+#endif  // SARIBBONGLOBAL_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonLineEdit.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonLineEdit.cpp
new file mode 100644
index 0000000..b347b53
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonLineEdit.cpp
@@ -0,0 +1,17 @@
+#include "SARibbonLineEdit.h"
+#include <QStyleOption>
+
+SARibbonLineEdit::SARibbonLineEdit(QWidget *parent)
+    : QLineEdit(parent)
+{
+}
+
+SARibbonLineEdit::SARibbonLineEdit(const QString &text, QWidget *parent)
+    : QLineEdit(text, parent)
+{
+
+}
+
+SARibbonLineEdit::~SARibbonLineEdit()
+{
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonLineEdit.h b/gui/SARibbon/src/SARibbonBar/SARibbonLineEdit.h
new file mode 100644
index 0000000..2f18dbd
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonLineEdit.h
@@ -0,0 +1,19 @@
+#ifndef SARIBBONLINEEDIT_H
+#define SARIBBONLINEEDIT_H
+#include "SARibbonGlobal.h"
+#include <QLineEdit>
+
+
+/**
+ * @brief The SARibbonLineEdit class
+ */
+class SA_RIBBON_EXPORT SARibbonLineEdit : public QLineEdit
+{
+    Q_OBJECT
+public:
+	explicit SARibbonLineEdit(QWidget *parent = nullptr);
+	explicit SARibbonLineEdit(const QString &text, QWidget *parent = nullptr);
+    ~SARibbonLineEdit();
+};
+
+#endif // SARIBBONLINEEDIT_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonLineWidgetContainer.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonLineWidgetContainer.cpp
new file mode 100644
index 0000000..9fa5651
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonLineWidgetContainer.cpp
@@ -0,0 +1,57 @@
+#include "SARibbonLineWidgetContainer.h"
+#include <QHBoxLayout>
+
+SARibbonLineWidgetContainer::SARibbonLineWidgetContainer(QWidget *par) : QWidget(par)
+    , m_innerWidget(nullptr)
+{
+    m_labelPrefix = new QLabel(this);
+    m_labelSuffix = new QLabel(this);
+    QHBoxLayout *lay = new QHBoxLayout();
+
+    lay->setContentsMargins(0, 0, 0, 0);
+    lay->setSpacing(0);
+    lay->addWidget(m_labelPrefix);
+    lay->addWidget(m_labelSuffix);
+    setLayout(lay);
+}
+
+SARibbonLineWidgetContainer::~SARibbonLineWidgetContainer()
+{
+}
+
+
+void SARibbonLineWidgetContainer::setWidget(QWidget *innerWidget)
+{
+    QHBoxLayout *lay = static_cast<QHBoxLayout *>(layout());
+
+    if (m_innerWidget) {
+        lay->replaceWidget(m_innerWidget, innerWidget);
+    }else{
+        lay->insertWidget(1, innerWidget);
+    }
+    m_innerWidget = innerWidget;
+}
+
+
+void SARibbonLineWidgetContainer::setPrefix(const QString& str)
+{
+    m_labelPrefix->setText(str);
+}
+
+
+void SARibbonLineWidgetContainer::setSuffix(const QString& str)
+{
+    m_labelSuffix->setText(str);
+}
+
+
+QLabel *SARibbonLineWidgetContainer::labelPrefix() const
+{
+    return (m_labelPrefix);
+}
+
+
+QLabel *SARibbonLineWidgetContainer::labelSuffix() const
+{
+    return (m_labelSuffix);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonLineWidgetContainer.h b/gui/SARibbon/src/SARibbonBar/SARibbonLineWidgetContainer.h
new file mode 100644
index 0000000..8930fdb
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonLineWidgetContainer.h
@@ -0,0 +1,44 @@
+#ifndef SARIBBONLINEWIDGETCONTAINER_H
+#define SARIBBONLINEWIDGETCONTAINER_H
+
+#include <QtCore/qglobal.h>
+#include <QWidget>
+#include <QLabel>
+#include "SARibbonGlobal.h"
+
+/**
+ * @brief 一个窗口容器，把窗口放置中间，前面后面都可以设置文本，主要用于放置在pannel上的小窗口
+ *
+ * 实现如下效果：
+ *
+ * PrefixLabel|_Widget_|SuffixLabel
+ *
+ */
+class SA_RIBBON_EXPORT SARibbonLineWidgetContainer : public QWidget
+{
+public:
+    explicit SARibbonLineWidgetContainer(QWidget* par = nullptr);
+    ~SARibbonLineWidgetContainer();
+    //设置widget,不允许设置一个nullptr
+    void setWidget(QWidget* innerWidget);
+
+    //设置前缀
+    void setPrefix(const QString& str);
+
+    //设置后缀
+    void setSuffix(const QString& str);
+
+    //前缀文本框
+    QLabel* labelPrefix() const;
+
+    //后缀文本框
+    QLabel* labelSuffix() const;
+
+private:
+    //两个文本
+    QLabel* m_labelPrefix;
+    QLabel* m_labelSuffix;
+    QWidget* m_innerWidget;
+};
+
+#endif  // SARIBBONWIDGETCONTAINER_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonMainWindow.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonMainWindow.cpp
new file mode 100644
index 0000000..a4ef65d
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonMainWindow.cpp
@@ -0,0 +1,382 @@
+#include "SARibbonMainWindow.h"
+#include "SARibbonBar.h"
+#include "SARibbonElementManager.h"
+#include "SARibbonTabBar.h"
+#include <QApplication>
+#include <QDebug>
+#include <QFile>
+#include <QHash>
+#include <QWindowStateChangeEvent>
+#include <QScreen>
+
+#include "SARibbonSystemButtonBar.h"
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+#include <QWKWidgets/widgetwindowagent.h>
+#include "SARibbonButtonGroupWidget.h"
+#include "SARibbonQuickAccessBar.h"
+#include "SARibbonStackedWidget.h"
+#else
+#include "SAFramelessHelper.h"
+#endif
+
+/**
+ * @brief The SARibbonMainWindowPrivate class
+ */
+class SARibbonMainWindow::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonMainWindow)
+public:
+	PrivateData(SARibbonMainWindow* p);
+	void installFrameless(SARibbonMainWindow* p);
+
+public:
+	SARibbonTheme mCurrentRibbonTheme { SARibbonTheme::RibbonThemeOffice2021Blue };
+	SARibbonSystemButtonBar* mWindowButtonGroup { nullptr };
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+	QWK::WidgetWindowAgent* mFramelessHelper { nullptr };
+#else
+	SAFramelessHelper* mFramelessHelper { nullptr };
+#endif
+	SARibbonMainWindowEventFilter* mEventFilter { nullptr };
+};
+
+SARibbonMainWindow::PrivateData::PrivateData(SARibbonMainWindow* p) : q_ptr(p)
+{
+}
+
+void SARibbonMainWindow::PrivateData::installFrameless(SARibbonMainWindow* p)
+{
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+	mFramelessHelper = new QWK::WidgetWindowAgent(p);
+	mFramelessHelper->setup(p);
+#else
+	mFramelessHelper = new SAFramelessHelper(p);
+#endif
+}
+
+//===================================================
+// SARibbonMainWindow
+//===================================================
+SARibbonMainWindow::SARibbonMainWindow(QWidget* parent, bool useRibbon, const Qt::WindowFlags flags)
+    : QMainWindow(parent, flags), d_ptr(new SARibbonMainWindow::PrivateData(this))
+{
+	connect(qApp, &QApplication::primaryScreenChanged, this, &SARibbonMainWindow::onPrimaryScreenChanged);
+	if (useRibbon) {
+		d_ptr->installFrameless(this);
+		setRibbonBar(createRibbonBar());
+		setRibbonTheme(ribbonTheme());
+	}
+}
+
+SARibbonMainWindow::~SARibbonMainWindow()
+{
+}
+
+/**
+ * @brief 返回ribbonbar，如果不是使用ribbon模式，返回nullptr
+ * @return
+ */
+SARibbonBar* SARibbonMainWindow::ribbonBar() const
+{
+    return qobject_cast< SARibbonBar* >(menuWidget());
+}
+
+/**
+ * @brief 设置ribbonbar
+ * @param bar
+ */
+void SARibbonMainWindow::setRibbonBar(SARibbonBar* ribbon)
+{
+	QWidget* old = QMainWindow::menuWidget();
+	if (old) {
+		// 如果之前已经设置了menubar，要把之前的删除
+		old->deleteLater();
+	}
+	QMainWindow::setMenuWidget(ribbon);
+	const int th = ribbon->titleBarHeight();
+	// 设置window按钮
+	if (nullptr == d_ptr->mWindowButtonGroup) {
+		d_ptr->mWindowButtonGroup = RibbonSubElementFactory->createWindowButtonGroup(this);
+		// SARibbonSystemButtonBar的eventfilter捕获mainwindow的事件
+		// 通过eventerfilter来处理mainwindow的事件，避免用户错误的继承resizeEvent导致systembar的位置异常
+		installEventFilter(d_ptr->mWindowButtonGroup);
+	}
+	SARibbonSystemButtonBar* sysBar = d_ptr->mWindowButtonGroup;
+	sysBar->setWindowStates(windowState());
+	sysBar->setWindowTitleHeight(th);
+	sysBar->raise();  // 确保sysbar在最顶层，避免第二次设置ribbonbar的时候，被ribbonbar覆盖了sysbar
+	sysBar->show();
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+	auto helper = d_ptr->mFramelessHelper;
+	helper->setTitleBar(ribbon);
+	// 以下这些窗口，需要允许点击
+	helper->setHitTestVisible(sysBar);                         // IMPORTANT!
+	helper->setHitTestVisible(ribbon->ribbonTabBar());         // IMPORTANT!
+	helper->setHitTestVisible(ribbon->rightButtonGroup());     // IMPORTANT!
+	helper->setHitTestVisible(ribbon->applicationButton());    // IMPORTANT!
+	helper->setHitTestVisible(ribbon->quickAccessBar());       // IMPORTANT!
+	helper->setHitTestVisible(ribbon->ribbonStackedWidget());  // IMPORTANT!
+#if SARIBBON_ENABLE_SNAP_LAYOUT
+	if (sysBar->closeButton()) {
+		helper->setSystemButton(QWK::WindowAgentBase::Close, sysBar->closeButton());
+	}
+	if (sysBar->minimizeButton()) {
+		helper->setSystemButton(QWK::WindowAgentBase::Minimize, sysBar->minimizeButton());
+	}
+	if (sysBar->maximizeButton()) {
+		helper->setSystemButton(QWK::WindowAgentBase::Maximize, sysBar->maximizeButton());
+	}
+#endif
+#else
+	// 捕获ribbonbar的事件
+	ribbon->installEventFilter(this);
+	// 设置窗体的标题栏高度
+	d_ptr->mFramelessHelper->setTitleHeight(th);
+	d_ptr->mFramelessHelper->setRubberBandOnResize(false);
+#endif
+	if (!d_ptr->mEventFilter) {
+		d_ptr->mEventFilter = new SARibbonMainWindowEventFilter(this);
+		installEventFilter(d_ptr->mEventFilter);
+	}
+	// 最后要提升，否则新加入的会被覆盖
+	if (d_ptr->mWindowButtonGroup) {
+		d_ptr->mWindowButtonGroup->raise();
+	}
+}
+
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+
+/**
+ * @brief 如果ribbon中有自定义的窗口在标题栏等非点击区域加入后，想能点击，需要调用此接口告知可点击
+ * @param w
+ * @param visible
+ */
+void SARibbonMainWindow::setFramelessHitTestVisible(QWidget* w, bool visible)
+{
+	auto helper = d_ptr->mFramelessHelper;
+	helper->setHitTestVisible(const_cast<QWidget*>(w), visible);
+}
+#else
+
+SAFramelessHelper* SARibbonMainWindow::framelessHelper()
+{
+	return (d_ptr->mFramelessHelper);
+}
+
+#endif
+
+bool SARibbonMainWindow::eventFilter(QObject* obj, QEvent* e)
+{
+#if SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+#else
+	// 这个过滤是为了把ribbonBar上的动作传递到mainwindow，再传递到frameless，
+	// 由于ribbonbar会遮挡掉frameless的区域，导致frameless无法捕获这些消息
+	// 因此必须ribbonBar()->installEventFilter(this);
+	// 20240101发现installEventFilter后，SARibbonMainWindow没有执行这个回调
+	if (obj == ribbonBar()) {
+		switch (e->type()) {
+		case QEvent::MouseButtonPress:
+		case QEvent::MouseButtonRelease:
+		case QEvent::MouseMove:
+		case QEvent::Leave:
+		case QEvent::HoverMove:
+		case QEvent::MouseButtonDblClick:
+			QApplication::sendEvent(this, e);
+
+		default:
+			break;
+		}
+	}
+#endif
+	return (QMainWindow::eventFilter(obj, e));
+}
+
+/**
+ * @brief 获取系统按钮组，可以在此基础上添加其他按钮
+ * @return
+ */
+SARibbonSystemButtonBar* SARibbonMainWindow::windowButtonBar() const
+{
+    return d_ptr->mWindowButtonGroup;
+}
+
+/**
+ * @brief 此函数仅用于控制最小最大化和关闭按钮的显示
+ */
+void SARibbonMainWindow::updateWindowFlag(Qt::WindowFlags flags)
+{
+	if (SARibbonSystemButtonBar* g = d_ptr->mWindowButtonGroup) {
+		g->updateWindowFlag(flags);
+	}
+}
+
+/**
+ * @brief SARibbonMainWindow::setRibbonTheme
+ *
+ * 注意主题在构造函数设置主题会不完全生效，使用QTimer投放到队列最后执行即可
+ * @code
+ * QTimer::singleShot(0, this, [ this ]() { this->setRibbonTheme(SARibbonMainWindow::RibbonThemeDark); });
+ * @endcode
+ * @param theme
+ */
+void SARibbonMainWindow::setRibbonTheme(SARibbonTheme theme)
+{
+	sa_set_ribbon_theme(this, theme);
+	d_ptr->mCurrentRibbonTheme = theme;
+	if (SARibbonBar* bar = ribbonBar()) {
+		auto theme = ribbonTheme();
+		// 尺寸修正
+		switch (theme) {
+		case SARibbonTheme::RibbonThemeWindows7:
+		case SARibbonTheme::RibbonThemeOffice2013:
+		case SARibbonTheme::RibbonThemeOffice2016Blue:
+		case SARibbonTheme::RibbonThemeDark:
+		case SARibbonTheme::RibbonThemeDark2: {
+			//! 在设置qss后需要针对margin信息重新设置进SARibbonTabBar中
+			//! office2013.qss的margin信息如下设置
+			//! margin-top: 0px;
+			//! margin-right: 0px;
+			//! margin-left: 5px;
+			//! margin-bottom: 0px;
+			SARibbonTabBar* tab = bar->ribbonTabBar();
+			if (!tab) {
+				break;
+			}
+			tab->setTabMargin(QMargins(5, 0, 0, 0));
+		} break;
+		case SARibbonTheme::RibbonThemeOffice2021Blue: {
+			SARibbonTabBar* tab = bar->ribbonTabBar();
+			if (!tab) {
+				break;
+			}
+			//! 在设置qss后需要针对margin信息重新设置进SARibbonTabBar中
+			//! office2021.qss的margin信息如下设置
+			//! margin-top: 0px;
+			//! margin-right: 5px;
+			//! margin-left: 5px;
+			//! margin-bottom: 0px;
+			tab->setTabMargin(QMargins(5, 0, 5, 0));
+		}
+		default:
+			break;
+		}
+		// 上下文标签颜色设置,以及基线颜色设置
+		switch (theme) {
+		case SARibbonTheme::RibbonThemeWindows7:
+		case SARibbonTheme::RibbonThemeOffice2013:
+		case SARibbonTheme::RibbonThemeDark:
+			bar->setContextCategoryColorList(QList< QColor >());  //< 设置空颜色列表会重置为默认色系
+			break;
+		case SARibbonTheme::RibbonThemeOffice2016Blue:
+			bar->setContextCategoryColorList(QList< QColor >() << QColor(18, 64, 120));  //< 设置空颜色列表会重置为默认色系
+			break;
+		case SARibbonTheme::RibbonThemeOffice2021Blue:
+			bar->setContextCategoryColorList(QList< QColor >() << QColor(209, 207, 209));  //< 设置空颜色列表会重置为默认色系
+			break;
+		default:
+			break;
+		}
+		// 基线颜色设置
+		if (SARibbonTheme::RibbonThemeOffice2013 == theme) {
+			bar->setTabBarBaseLineColor(QColor(186, 201, 219));
+		} else {
+			bar->setTabBarBaseLineColor(QColor());
+		}
+	}
+}
+
+SARibbonTheme SARibbonMainWindow::ribbonTheme() const
+{
+	return (d_ptr->mCurrentRibbonTheme);
+}
+
+bool SARibbonMainWindow::isUseRibbon() const
+{
+    return (nullptr != ribbonBar());
+}
+
+/**
+ * @brief 创建ribbonbar的工厂函数
+ *
+ * 用户如果重写了SARibbonBar，可以通过重新此虚函数返回自己的Ribbon实例
+ * @return
+ */
+SARibbonBar* SARibbonMainWindow::createRibbonBar()
+{
+	SARibbonBar* bar = RibbonSubElementFactory->createRibbonBar(this);
+	bar->setContentsMargins(3, 0, 3, 0);
+	return bar;
+}
+
+/**
+ * @brief 主屏幕切换触发的信号
+ * @param screen
+ */
+void SARibbonMainWindow::onPrimaryScreenChanged(QScreen* screen)
+{
+	Q_UNUSED(screen);
+	// 主屏幕切换后，从新计算所有尺寸
+	if (SARibbonBar* bar = ribbonBar()) {
+		qDebug() << "Primary Screen Changed";
+		bar->updateRibbonGeometry();
+	}
+}
+
+void sa_set_ribbon_theme(QWidget* w, SARibbonTheme theme)
+{
+	QFile file;
+	switch (theme) {
+	case SARibbonTheme::RibbonThemeWindows7:
+		file.setFileName(":/theme/resource/theme-win7.qss");
+		break;
+	case SARibbonTheme::RibbonThemeOffice2013:
+		file.setFileName(":/theme/resource/theme-office2013.qss");
+		break;
+	case SARibbonTheme::RibbonThemeOffice2016Blue:
+		file.setFileName(":/theme/resource/theme-office2016-blue.qss");
+		break;
+	case SARibbonTheme::RibbonThemeOffice2021Blue:
+		file.setFileName(":/theme/resource/theme-office2021-blue.qss");
+		break;
+	case SARibbonTheme::RibbonThemeDark:
+		file.setFileName(":/theme/resource/theme-dark.qss");
+		break;
+	case SARibbonTheme::RibbonThemeDark2:
+		file.setFileName(":/theme/resource/theme-dark2.qss");
+		break;
+	default:
+		file.setFileName(":/theme/resource/theme-office2013.qss");
+		break;
+	}
+	if (!file.open(QIODevice::ReadOnly | QIODevice::Text)) {
+		return;
+	}
+	// 有反馈用qstring接住文件内容，再设置进去才能生效（qt5.7版本）
+	QString qss = QString::fromUtf8(file.readAll());
+	w->setStyleSheet(qss);
+}
+
+//----------------------------------------------------
+// SARibbonMainWindowEventFilter
+//----------------------------------------------------
+SARibbonMainWindowEventFilter::SARibbonMainWindowEventFilter(QObject* par) : QObject(par)
+{
+}
+
+SARibbonMainWindowEventFilter::~SARibbonMainWindowEventFilter()
+{
+}
+
+bool SARibbonMainWindowEventFilter::eventFilter(QObject* obj, QEvent* e)
+{
+	if (e) {
+		if (e->type() == QEvent::Resize) {
+			if (SARibbonMainWindow* m = qobject_cast< SARibbonMainWindow* >(obj)) {
+				if (SARibbonBar* ribbon = m->ribbonBar()) {
+					ribbon->setFixedWidth(m->size().width());
+				}
+			}
+		}
+	}
+	return QObject::eventFilter(obj, e);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonMainWindow.h b/gui/SARibbon/src/SARibbonBar/SARibbonMainWindow.h
new file mode 100644
index 0000000..a1ac961
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonMainWindow.h
@@ -0,0 +1,114 @@
+#ifndef SARIBBONMAINWINDOW_H
+#define SARIBBONMAINWINDOW_H
+#include "SARibbonGlobal.h"
+#include <QMainWindow>
+
+#if !SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+class SAFramelessHelper;
+#endif
+class QAction;
+class SARibbonBar;
+class SARibbonSystemButtonBar;
+class QScreen;
+/**
+ * @brief 如果要使用SARibbonBar，必须使用此类代替QMainWindow
+ *
+ * 由于ribbon的风格和传统的Toolbar风格差异较大，
+ * SARibbonBar使用需要把原有的QMainWindow替换为SARibbonMainWindow,
+ * SARibbonMainWindow是个无边框窗体，继承自QMainWindow（目前使用第三方的无边框方案https://github.com/wangwenx190/framelesshelper），
+ * 其构造函数的参数useRibbon用于指定是否使用ribbon风格，默认为true
+ *
+ * @code
+ * SARibbonMainWindow(QWidget* parent = nullptr,bool useRibbon = true);
+ * @endcode
+ *
+ * 如果想换回非ribbon风格，只需要把useRibbon设置为false即可,
+ * 成员函数isUseRibbon用于判断当前是否为ribbon模式，这个函数在兼容传统Toolbar风格和ribbon风格时非常有用
+ *
+ * 但这个不支持动态切换，因此，实际工程中，你若要进行切换，需要写配置文件，程序在构造时传入模式，
+ * 并且，你的程序要做好判断，因为非Ribbon模式下，所有Ribbon相关的接口都会返回空指针
+ *
+ * @code
+ * bool isUseRibbon() const;
+ * @endcode
+ *
+ * @ref SARibbonMainWindow 提供了几种常用的ribbon样式
+ * 通过@ref setRibbonTheme 可改变ribbon的样式，用户也可通过qss自己定义自己的样式
+ *
+ * 如果你自己继承了SARibbonBar，你可以通过@ref setRibbonBar 设置自己的ribbonbar进去
+ *
+ * 另外有个一个更加高效的方法，来实现自定义的Ribbon，就是继承一个@ref SARibbonElementFactory
+ *
+ * @code
+ * class MyRibbonFactory:public SARibbonElementFactory{
+ * ...
+ * virtual SARibbonBar* createRibbonBar(QWidget* parent){
+ *     return new MyRibbonBar(parent);
+ * }
+ * };
+ * @endcode
+ *
+ * SARibbonMainWindow生成之前(一般在main函数），设置元件工厂：
+ *
+ * @code
+ * SARibbonElementManager::instance()->setupFactory(new MyRibbonFactory());
+ * @endcode
+ *
+ * 此时，Ribbon的元素会通过MyRibbonFactory的接口来生成
+ */
+class SA_RIBBON_EXPORT SARibbonMainWindow : public QMainWindow
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonMainWindow)
+	friend class SARibbonBar;
+	Q_PROPERTY(SARibbonTheme ribbonTheme READ ribbonTheme WRITE setRibbonTheme)
+
+public:
+	explicit SARibbonMainWindow(QWidget* parent = nullptr, bool useRibbon = true, const Qt::WindowFlags flags = {});
+	~SARibbonMainWindow() override;
+	// 返回SARibbonBar
+	SARibbonBar* ribbonBar() const;
+	// 设置ribbonbar
+	void setRibbonBar(SARibbonBar* ribbon);
+#if !SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+	// 返回SAFramelessHelper
+	SAFramelessHelper* framelessHelper();
+#else
+	// 如果ribbon中有自定义的窗口在标题栏等非点击区域加入后，想能点击，需要调用此接口告知可点击
+	void setFramelessHitTestVisible(QWidget* w, bool visible = true);
+#endif
+	// 此函数仅用于控制最小最大化和关闭按钮的显示
+	void updateWindowFlag(Qt::WindowFlags flags);
+
+	// 注意主题在构造函数设置主题会不完全生效，使用QTimer投放到队列最后执行即可
+	// QTimer::singleShot(0, this, [ this ]() { this->setRibbonTheme(SARibbonMainWindow::RibbonThemeDark); });
+	void setRibbonTheme(SARibbonTheme theme);
+	SARibbonTheme ribbonTheme() const;
+	// 判断当前是否使用ribbon模式
+	bool isUseRibbon() const;
+	// 把ribbonbar的事件传递到frameless
+	virtual bool eventFilter(QObject* obj, QEvent* e) Q_DECL_OVERRIDE;
+	// 获取最大化，最小化，关闭按钮所在的bar。可以通过此函数在最大最小化按钮旁边设置内容
+	SARibbonSystemButtonBar* windowButtonBar() const;
+
+protected:
+    // 创建ribbonbar的工厂函数
+    SARibbonBar* createRibbonBar();
+private Q_SLOTS:
+    void onPrimaryScreenChanged(QScreen* screen);
+};
+
+
+/**
+ * @brief 针对SARibbonMainWindow的事件处理器，主要处理systembar的位置调整
+ */
+class SA_RIBBON_EXPORT SARibbonMainWindowEventFilter : public QObject
+{
+	Q_OBJECT
+public:
+	explicit SARibbonMainWindowEventFilter(QObject* par);
+    ~SARibbonMainWindowEventFilter();
+	virtual bool eventFilter(QObject* obj, QEvent* e) override;
+};
+
+#endif  // SARIBBONMAINWINDOW_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonMenu.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonMenu.cpp
new file mode 100644
index 0000000..49436d3
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonMenu.cpp
@@ -0,0 +1,50 @@
+#include "SARibbonMenu.h"
+#include <QWidgetAction>
+
+SARibbonMenu::SARibbonMenu(QWidget *parent) : QMenu(parent)
+{
+    setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
+}
+
+
+SARibbonMenu::SARibbonMenu(const QString& title, QWidget *parent) : QMenu(title, parent)
+{
+    setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
+}
+
+SARibbonMenu::~SARibbonMenu()
+{
+}
+
+
+QAction *SARibbonMenu::addRibbonMenu(SARibbonMenu *menu)
+{
+    return (QMenu::addMenu(menu));
+}
+
+
+SARibbonMenu *SARibbonMenu::addRibbonMenu(const QString& title)
+{
+    SARibbonMenu *menu = new SARibbonMenu(title, this);
+
+    return (menu);
+}
+
+
+SARibbonMenu *SARibbonMenu::addRibbonMenu(const QIcon& icon, const QString& title)
+{
+    SARibbonMenu *menu = new SARibbonMenu(title, this);
+
+    menu->setIcon(icon);
+    return (menu);
+}
+
+
+QAction *SARibbonMenu::addWidget(QWidget *w)
+{
+    QWidgetAction *action = new QWidgetAction(this);
+
+    action->setDefaultWidget(w);
+    addAction(action);
+    return (action);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonMenu.h b/gui/SARibbon/src/SARibbonBar/SARibbonMenu.h
new file mode 100644
index 0000000..ab9ca18
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonMenu.h
@@ -0,0 +1,23 @@
+#ifndef SARIBBONMENU_H
+#define SARIBBONMENU_H
+#include "SARibbonGlobal.h"
+#include <QMenu>
+
+///
+/// \brief 用在ribbon的menu
+/// 可以通过StyleSheet设置样式而不影响QMenu
+///
+class SA_RIBBON_EXPORT SARibbonMenu : public QMenu
+{
+    Q_OBJECT
+public:
+    explicit SARibbonMenu(QWidget* parent = nullptr);
+    explicit SARibbonMenu(const QString& title, QWidget* parent = nullptr);
+    ~SARibbonMenu();
+    QAction* addRibbonMenu(SARibbonMenu* menu);
+    SARibbonMenu* addRibbonMenu(const QString& title);
+    SARibbonMenu* addRibbonMenu(const QIcon& icon, const QString& title);
+    QAction* addWidget(QWidget* w);
+};
+
+#endif  // SARIBBONMENU_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonPannel.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonPannel.cpp
new file mode 100644
index 0000000..61874e7
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonPannel.cpp
@@ -0,0 +1,1013 @@
+#include "SARibbonPannel.h"
+#include "SARibbonCategory.h"
+#include "SARibbonElementManager.h"
+#include "SARibbonGallery.h"
+#include "SARibbonPannelLayout.h"
+#include "SARibbonPannelOptionButton.h"
+#include "SARibbonToolButton.h"
+#include <QAction>
+#include <QApplication>
+#include <QDebug>
+#include <QFontMetrics>
+#include <QGridLayout>
+#include <QIcon>
+#include <QMenu>
+#include <QPainter>
+#include <QResizeEvent>
+#include <QWidgetAction>
+
+#ifndef SARibbonPannel_DEBUG_PRINT
+#define SARibbonPannel_DEBUG_PRINT 0
+#endif
+
+#define HELP_DRAW_RECT(p, rect)                                                                                        \
+    do {                                                                                                               \
+        p.save();                                                                                                      \
+        QPen _pen(Qt::DashLine);                                                                                       \
+        _pen.setColor(Qt::blue);                                                                                       \
+        p.setPen(_pen);                                                                                                \
+        p.setBrush(QBrush());                                                                                          \
+        p.drawRect(rect);                                                                                              \
+        p.restore();                                                                                                   \
+    } while (0)
+//===============================================================
+// SARibbonPannelLabel
+//===============================================================
+
+SARibbonPannelLabel::SARibbonPannelLabel(QWidget* parent) : QLabel(parent)
+{
+}
+
+//===============================================================
+// SARibbonPannel::PrivateData
+//===============================================================
+
+class SARibbonPannel::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonPannel)
+public:
+    PrivateData(SARibbonPannel* p);
+    // 根据m_pannelLayoutMode返回gridLayout应该增加的行数
+    int rowadded();
+    void createLayout();
+    // 获取layout
+    SARibbonPannelLayout* pannelLayout() const;
+    // 返回最后一个添加的action对应的button，前提是最后一个是toolbutton，否则返回nullptr
+    SARibbonToolButton* lastAddActionButton();
+    // 重置labe的字体，这个主要是为了让pannel的标题字体能适应标题高度
+    void resetTitleLabelFont();
+    // 标题
+    QString pannelName() const;
+    void setPannelName(const QString& title);
+
+public:
+    bool m_isCanCustomize { true };                                                        ///< 记录是否可自定义
+    SARibbonPannel::PannelLayoutMode m_pannelLayoutMode { SARibbonPannel::ThreeRowMode };  ///< pannel的布局模式，默认为3行模式ThreeRowMode
+    SARibbonPannelOptionButton* m_optionActionButton { nullptr };  ///< 标题栏的y距离
+    SARibbonPannelLabel* m_label { nullptr };
+};
+
+SARibbonPannel::PrivateData::PrivateData(SARibbonPannel* p) : q_ptr(p)
+{
+    createLayout();
+}
+
+int SARibbonPannel::PrivateData::rowadded()
+{
+    switch (m_pannelLayoutMode) {
+    case SARibbonPannel::ThreeRowMode:
+        return (2);
+
+    case SARibbonPannel::TwoRowMode:
+        return (3);
+
+    default:
+        break;
+    }
+    return (2);
+}
+
+void SARibbonPannel::PrivateData::createLayout()
+{
+    m_label = new SARibbonPannelLabel(q_ptr);
+    m_label->setAlignment(Qt::AlignCenter);
+    SARibbonPannelLayout* lay = new SARibbonPannelLayout(q_ptr);
+    lay->setPannelTitleLabel(m_label);
+    lay->setSpacing(2);
+    lay->setContentsMargins(2, 2, 2, 2);
+}
+
+SARibbonPannelLayout* SARibbonPannel::PrivateData::pannelLayout() const
+{
+    return qobject_cast< SARibbonPannelLayout* >(q_ptr->layout());
+}
+
+SARibbonToolButton* SARibbonPannel::PrivateData::lastAddActionButton()
+{
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        return (qobject_cast< SARibbonToolButton* >(lay->lastWidget()));
+    }
+    return (nullptr);
+}
+
+/**
+ * @brief 重置label的字体
+ *
+ * @note 此函数必须在布局设置后调用
+ */
+void SARibbonPannel::PrivateData::resetTitleLabelFont()
+{
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        int h   = lay->pannelTitleHeight();
+        QFont f = q_ptr->font();
+        f.setPixelSize(h * 0.8);
+        if (m_label) {
+            m_label->setFont(f);
+        }
+    }
+}
+
+QString SARibbonPannel::PrivateData::pannelName() const
+{
+    if (m_label) {
+        return m_label->text();
+    }
+    return (QString());
+}
+
+void SARibbonPannel::PrivateData::setPannelName(const QString& title)
+{
+    if (m_label) {
+        m_label->setText(title);
+    }
+}
+
+//==================================================
+// SARibbonPannel
+//==================================================
+
+SARibbonPannel::SARibbonPannel(QWidget* parent) : QFrame(parent), d_ptr(new SARibbonPannel::PrivateData(this))
+{
+    setPannelLayoutMode(ThreeRowMode);
+}
+
+SARibbonPannel::SARibbonPannel(const QString& name, QWidget* parent)
+    : QFrame(parent), d_ptr(new SARibbonPannel::PrivateData(this))
+{
+    setPannelLayoutMode(ThreeRowMode);
+    setPannelName(name);
+}
+
+SARibbonPannel::~SARibbonPannel()
+{
+}
+
+/**
+ * @brief 把action的行属性设置进action中，action自身携带了行属性
+ * @param action
+ * @param rp
+ */
+void SARibbonPannel::setActionRowProportionProperty(QAction* action, SARibbonPannelItem::RowProportion rp)
+{
+    Q_CHECK_PTR(action);
+    action->setProperty(SA_ActionPropertyName_RowProportion, static_cast< int >(rp));
+}
+
+/**
+ * @brief 获取action的行属性
+ * @param action
+ * @return
+ */
+SARibbonPannelItem::RowProportion SARibbonPannel::getActionRowProportionProperty(QAction* action)
+{
+    bool isok = false;
+    int r     = action->property(SA_ActionPropertyName_RowProportion).toInt(&isok);
+
+    if (isok) {
+        return (static_cast< SARibbonPannelItem::RowProportion >(r));
+    }
+    return (SARibbonPannelItem::Large);
+}
+
+/**
+ * @brief 设置action的ToolButtonPopupMode属性
+ * @param action
+ * @param popMode
+ */
+void SARibbonPannel::setActionToolButtonPopupModeProperty(QAction* action, QToolButton::ToolButtonPopupMode popMode)
+{
+    Q_CHECK_PTR(action);
+    action->setProperty(SA_ActionPropertyName_ToolButtonPopupMode, static_cast< int >(popMode));
+}
+
+/**
+ * @brief 获取action的ToolButtonPopupMode属性
+ * @param action
+ * @return
+ */
+QToolButton::ToolButtonPopupMode SARibbonPannel::getActionToolButtonPopupModeProperty(QAction* action)
+{
+    bool isok = false;
+    int r     = action->property(SA_ActionPropertyName_ToolButtonPopupMode).toInt(&isok);
+
+    if (isok) {
+        return (static_cast< QToolButton::ToolButtonPopupMode >(r));
+    }
+    return (QToolButton::InstantPopup);
+}
+
+/**
+ * @brief 设置action的ToolButtonStyle属性
+ * @param action
+ * @param buttonStyle
+ */
+void SARibbonPannel::setActionToolButtonStyleProperty(QAction* action, Qt::ToolButtonStyle buttonStyle)
+{
+    Q_CHECK_PTR(action);
+    action->setProperty(SA_ActionPropertyName_ToolButtonStyle, static_cast< int >(buttonStyle));
+}
+
+/**
+ * @brief 获取action的ToolButtonStyle属性
+ * @param action
+ * @return
+ */
+Qt::ToolButtonStyle SARibbonPannel::getActionToolButtonStyleProperty(QAction* action)
+{
+    bool isok = false;
+    int r     = action->property(SA_ActionPropertyName_ToolButtonStyle).toInt(&isok);
+
+    if (isok) {
+        return (static_cast< Qt::ToolButtonStyle >(r));
+    }
+    return (Qt::ToolButtonIconOnly);
+}
+
+/**
+ * @brief 添加action
+ *
+ * action实际对应了一个toolbutton，如果想找到对应的toolbutton，使用@ref actionToRibbonToolButton
+ * @param action
+ * @param rp 指定action的行占比
+ * @param popMode 菜单弹出样式
+ */
+void SARibbonPannel::addAction(QAction* action, SARibbonPannelItem::RowProportion rp)
+{
+    Q_CHECK_PTR(action);
+    setActionRowProportionProperty(action, rp);
+    addAction(action);
+}
+
+/**
+ * @brief 添加一个action
+ * @param act
+ * @param popMode 按钮的样式
+ * @param rp action在pannel中的占位情况，默认是大图标
+ */
+void SARibbonPannel::addAction(QAction* act, QToolButton::ToolButtonPopupMode popMode, SARibbonPannelItem::RowProportion rp)
+{
+    Q_CHECK_PTR(act);
+    setActionRowProportionProperty(act, rp);
+    setActionToolButtonPopupModeProperty(act, popMode);
+    addAction(act);
+}
+
+/**
+   @brief 添加大图标
+
+   action实际对应了一个toolbutton，如果想找到对应的toolbutton，使用@ref actionToRibbonToolButton
+   @param action
+ */
+void SARibbonPannel::addLargeAction(QAction* action)
+{
+    addAction(action, SARibbonPannelItem::Large);
+}
+
+/**
+   @brief 在三栏模式下，强制加为2栏action
+   @note 在两行模式下，Medium和Small等价
+   主要应用在ThreeRowMode下
+
+   action实际对应了一个toolbutton，如果想找到对应的toolbutton，使用@ref actionToRibbonToolButton
+   @param action
+ */
+void SARibbonPannel::addMediumAction(QAction* action)
+{
+    addAction(action, SARibbonPannelItem::Medium);
+}
+
+/**
+   @brief 添加小图标
+
+   action实际对应了一个toolbutton，如果想找到对应的toolbutton，使用@ref actionToRibbonToolButton
+   @param action
+ */
+void SARibbonPannel::addSmallAction(QAction* action)
+{
+    addAction(action, SARibbonPannelItem::Small);
+}
+
+void SARibbonPannel::addSmallAction(QAction* action, QToolButton::ToolButtonPopupMode popMode)
+{
+    addAction(action, popMode, SARibbonPannelItem::Small);
+}
+
+void SARibbonPannel::addLargeAction(QAction* action, QToolButton::ToolButtonPopupMode popMode)
+{
+    addAction(action, popMode, SARibbonPannelItem::Large);
+}
+
+void SARibbonPannel::addMediumAction(QAction* action, QToolButton::ToolButtonPopupMode popMode)
+{
+    addAction(action, popMode, SARibbonPannelItem::Medium);
+}
+
+/**
+ * @brief 生成并添加一个action
+ *
+ * 如果不对此action做操作，SARibbonPannel将管理此action
+ *
+ * @note action的父对象将设置为SARibbonPannel，SARibbonPannel在删除时将会删除子对象，会把这个action也删除，
+ * 如果不想此action也删除，需要对action重新设置父对象
+ *
+ * @param text action的文字
+ * @param icon action的图标
+ * @param popMode 按钮的样式
+ * @param rp action在pannel中的占位情况，默认是大图标
+ * @return 返回添加的action
+ */
+QAction* SARibbonPannel::addAction(const QString& text,
+                                   const QIcon& icon,
+                                   QToolButton::ToolButtonPopupMode popMode,
+                                   SARibbonPannelItem::RowProportion rp)
+{
+    QAction* action = new QAction(icon, text, this);
+    addAction(action, popMode, rp);
+    return (action);
+}
+
+/**
+ * @brief 添加一个普通菜单
+ * @param menu
+ * @param rp
+ * @param popMode,菜单弹出模式，默认InstantPopup模式
+ * @return
+ */
+void SARibbonPannel::addMenu(QMenu* menu, SARibbonPannelItem::RowProportion rp, QToolButton::ToolButtonPopupMode popMode)
+{
+    Q_CHECK_PTR(menu);
+    QAction* action = menu->menuAction();
+    action->setIcon(menu->icon());
+    action->setText(menu->title());
+    action->setObjectName("action." + menu->objectName());
+    addAction(action, popMode, rp);
+}
+
+void SARibbonPannel::addLargeMenu(QMenu* menu, QToolButton::ToolButtonPopupMode popMode)
+{
+    addMenu(menu, SARibbonPannelItem::Large, popMode);
+}
+
+void SARibbonPannel::addSmallMenu(QMenu* menu, QToolButton::ToolButtonPopupMode popMode)
+{
+    addMenu(menu, SARibbonPannelItem::Small, popMode);
+}
+
+/**
+ * @brief 添加窗口
+ *
+ * @param w
+ * @param rp
+ * @return 返回action(QWidgetAction)
+ * @note SARibbonPannel并不会管理此窗口内存，在delete SARibbonPannel时，此窗口如果父对象不是SARibbonPannel将不会被删除
+ */
+QAction* SARibbonPannel::addWidget(QWidget* w, SARibbonPannelItem::RowProportion rp)
+{
+    QWidgetAction* action = new QWidgetAction(this);
+
+    action->setDefaultWidget(w);
+    action->setIcon(w->windowIcon());
+    action->setText(w->windowTitle());
+    action->setObjectName("action." + w->objectName());
+    w->setAttribute(Qt::WA_Hover);
+    setActionRowProportionProperty(action, rp);
+    addAction(action);
+    return (action);
+}
+
+/**
+ * @brief 添加窗口,占用ribbon的一行
+ * @param w
+ * @return 返回action(QWidgetAction)
+ */
+QAction* SARibbonPannel::addSmallWidget(QWidget* w)
+{
+    return (addWidget(w, SARibbonPannelItem::Small));
+}
+
+/**
+ * @brief 添加窗口,占用ribbon的一行
+ * @param w
+ * @return
+ */
+QAction* SARibbonPannel::addMediumWidget(QWidget* w)
+{
+    return (addWidget(w, SARibbonPannelItem::Medium));
+}
+
+/**
+ * @brief 添加窗口，占用所有行
+ * @param w
+ * @return 返回action(QWidgetAction)
+ */
+QAction* SARibbonPannel::addLargeWidget(QWidget* w)
+{
+    return (addWidget(w, SARibbonPannelItem::Large));
+}
+
+/**
+ * @brief SARibbonPannel::addGallery
+ * @return
+ * @note SARibbonPannel将拥有SARibbonGallery的管理权
+ */
+SARibbonGallery* SARibbonPannel::addGallery(bool expanding)
+{
+    SARibbonGallery* gallery = RibbonSubElementFactory->createRibbonGallery(this);
+
+    addWidget(gallery, SARibbonPannelItem::Large);
+    if (expanding) {
+        setExpanding(expanding);
+    }
+    return (gallery);
+}
+
+/**
+ * @brief 添加分割线
+ * @param top 上边距 @default 6
+ * @param bottom 下边距 @default 6
+ */
+QAction* SARibbonPannel::addSeparator()
+{
+    QAction* action = new QAction(this);
+
+    action->setSeparator(true);
+    setActionRowProportionProperty(action, SARibbonPannelItem::Large);
+    addAction(action);
+    return (action);
+}
+
+/**
+ * @brief 从pannel中把action对应的button提取出来，如果action没有对应的button，就返回nullptr
+ * @param action
+ * @return 如果action没有对应的button，就返回nullptr
+ */
+SARibbonToolButton* SARibbonPannel::actionToRibbonToolButton(QAction* action)
+{
+#if 0
+    SARibbonPannelLayout* lay = qobject_cast< SARibbonPannelLayout* >(layout());
+
+    if (lay) {
+        int index = lay->indexOf(action);
+        if (index == -1) {
+            return (nullptr);
+        }
+        QLayoutItem* item       = lay->takeAt(index);
+        SARibbonToolButton* btn = qobject_cast< SARibbonToolButton* >(item ? item->widget() : nullptr);
+        return (btn);
+    }
+    return (nullptr);
+#else
+    for (auto obj : qAsConst(children())) {
+        if (obj->isWidgetType()) {
+            if (SARibbonToolButton* btn = qobject_cast< SARibbonToolButton* >(obj)) {
+                if (btn->defaultAction() == action) {
+                    return btn;
+                }
+            }
+        }
+    }
+    return (nullptr);
+#endif
+}
+
+/**
+ * @brief 获取pannel下面的所有toolbutton
+ * @return
+ */
+QList< SARibbonToolButton* > SARibbonPannel::ribbonToolButtons() const
+{
+    const QObjectList& objs = children();
+    QList< SARibbonToolButton* > res;
+
+    for (QObject* o : objs) {
+        SARibbonToolButton* b = qobject_cast< SARibbonToolButton* >(o);
+        if (b) {
+            res.append(b);
+        }
+    }
+    return (res);
+}
+
+/**
+ * @brief 设置PannelLayoutMode
+ * @param mode
+ */
+void SARibbonPannel::setPannelLayoutMode(SARibbonPannel::PannelLayoutMode mode)
+{
+    if (d_ptr->m_pannelLayoutMode == mode) {
+        return;
+    }
+    d_ptr->m_pannelLayoutMode = mode;
+    updateItemGeometry();
+}
+
+SARibbonPannel::PannelLayoutMode SARibbonPannel::pannelLayoutMode() const
+{
+    return (d_ptr->m_pannelLayoutMode);
+}
+
+/**
+ * @brief 添加操作action，如果要去除，传入nullptr指针即可，SARibbonPannel不会对QAction的所有权进行管理
+ * @param action
+ * @note 要去除OptionAction直接传入nullptr即可
+ * @note SARibbonPannel不对QAction的destroy进行关联，如果外部对action进行delete，需要先传入nullptr给addOptionAction
+ */
+void SARibbonPannel::setOptionAction(QAction* action)
+{
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        lay->setOptionAction(action);
+    }
+}
+
+/**
+ * @brief 判断是否存在OptionAction
+ * @return 存在返回true
+ */
+bool SARibbonPannel::isHaveOptionAction() const
+{
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        return lay->isHaveOptionAction();
+    }
+    return false;
+}
+
+QSize SARibbonPannel::sizeHint() const
+{
+    int shWidth  = 500;
+    int shHeight = 100;
+    if (QLayout* lay = layout()) {
+        QSize laySize = layout()->sizeHint();
+        shWidth       = laySize.width();
+        shHeight      = laySize.height();
+    }
+    return QSize(shWidth, shHeight);
+}
+
+QSize SARibbonPannel::minimumSizeHint() const
+{
+    return (layout()->minimumSize());
+}
+
+void SARibbonPannel::setToolButtonIconSize(const QSize& s)
+{
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        lay->setToolButtonIconSize(s);
+    }
+    // 对已经管理的QToolButton设置为iconsize
+    iterate([ s ](SARibbonToolButton* t) -> bool {
+        t->setIconSize(s);
+        return true;
+    });
+}
+
+QSize SARibbonPannel::toolButtonIconSize() const
+{
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        return lay->toolButtonIconSize();
+    }
+    return QSize();
+}
+
+/**
+ * @brief 遍历SARibbonPannel下的所有RibbonToolButton，执行函数指针(bool(SARibbonRibbonToolButton*))，函数指针返回false则停止迭代
+ * @param fp
+ * @return 返回false说明迭代中途退出，返回true则表示迭代完全
+ */
+bool SARibbonPannel::iterate(SARibbonPannel::FpRibbonToolButtonIterate fp)
+{
+    const QObjectList& ols = children();
+    for (QObject* obj : ols) {
+        if (SARibbonToolButton* t = qobject_cast< SARibbonToolButton* >(obj)) {
+            if (!fp(t)) {
+                return false;
+            }
+        }
+    }
+    return true;
+}
+
+/**
+ * @brief 把pannel设置为扩展模式，此时会撑大水平区域
+ * @param isExpanding
+ */
+void SARibbonPannel::setExpanding(bool isExpanding)
+{
+    setSizePolicy(isExpanding ? QSizePolicy::Expanding : QSizePolicy::Preferred, QSizePolicy::Fixed);
+}
+
+/**
+ * @brief 判断此pannel是否为（水平）扩展模式
+ * @return 是扩展模式返回true
+ */
+bool SARibbonPannel::isExpanding() const
+{
+    QSizePolicy sp = sizePolicy();
+
+    return (sp.horizontalPolicy() == QSizePolicy::Expanding);
+}
+
+/**
+   @brief 设置标题栏的高度
+   @param h
+ */
+void SARibbonPannel::setTitleHeight(int h)
+{
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        lay->setPannelTitleHeight(h);
+    }
+}
+
+/**
+ * @brief 标题栏高度
+ * @return
+ */
+int SARibbonPannel::titleHeight() const
+{
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        return lay->pannelTitleHeight();
+    }
+    return -1;
+}
+
+/**
+ * @brief 判断是否显示标题，只有标题的高度被设置，才会显示标题
+ * @return
+ */
+bool SARibbonPannel::isEnableShowTitle() const
+{
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        return lay->isEnableShowPannelTitle();
+    }
+    return false;
+}
+
+/**
+ * @brief 是否显示标题，显示标题后，标题的高度需要设置，默认高度为15
+ * @param on
+ */
+void SARibbonPannel::setEnableShowTitle(bool on)
+{
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        return lay->setEnableShowPannelTitle(on);
+    }
+}
+
+/**
+ * @brief action对应的布局index，此操作一般用于移动，其他意义不大
+ * @param act
+ * @return 没有查到返回-1
+ */
+int SARibbonPannel::actionIndex(QAction* act) const
+{
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        return (lay->indexByAction(act));
+    }
+    return (-1);
+}
+
+/**
+ * @brief 移动action
+ * @param from 要移动action的位置，通过@ref actionIndex 获取
+ * @param to 要移动的位置
+ */
+void SARibbonPannel::moveAction(int from, int to)
+{
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        return (lay->move(from, to));
+    }
+    updateGeometry();  // 通知layout进行重新布局
+}
+
+/**
+ * @brief 判断是否可以自定义
+ * @return
+ */
+bool SARibbonPannel::isCanCustomize() const
+{
+    return (d_ptr->m_isCanCustomize);
+}
+
+/**
+ * @brief 设置是否可以自定义
+ * @param b
+ */
+void SARibbonPannel::setCanCustomize(bool b)
+{
+    d_ptr->m_isCanCustomize = b;
+}
+
+/**
+ * @brief pannel名称
+ * @return
+ */
+QString SARibbonPannel::pannelName() const
+{
+    return (d_ptr->pannelName());
+}
+
+/**
+ * @brief pannel的名称
+ * @param title 标题
+ * @note 此函数会触发@sa pannelNameChanged 信号
+ */
+void SARibbonPannel::setPannelName(const QString& title)
+{
+    QString oldName = pannelName();
+    if (oldName != title) {
+        d_ptr->setPannelName(title);
+        Q_EMIT pannelNameChanged(title);
+    }
+}
+
+/**
+ * @brief 获取大图标的高度
+ * @return
+ */
+int SARibbonPannel::largeButtonHeight() const
+{
+    const QMargins& mag = contentsMargins();
+    return height() - mag.top() - mag.bottom() - titleHeight();
+}
+
+/**
+ * @brief 获取pannel layout
+ * @return
+ */
+SARibbonPannelLayout* SARibbonPannel::pannelLayout() const
+{
+    return d_ptr->pannelLayout();
+}
+
+/**
+ * @brief 更新布局
+ */
+void SARibbonPannel::updateItemGeometry()
+{
+#if SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "SARibbonPannel updateItemGeometry,pannelName=" << pannelName();
+#endif
+    // 此函数需要添加，否则SARibbonBar::setEnableWordWrap无法刷新按钮
+    resetToolButtonSize();
+    if (SARibbonPannelLayout* lay = pannelLayout()) {
+        lay->updateGeomArray();
+    }
+}
+
+/**
+   @brief 获取category指针，如果没有parent，或者不在category管理，返回nullptr
+   @return
+ */
+SARibbonCategory* SARibbonPannel::category() const
+{
+    return qobject_cast< SARibbonCategory* >(parent());
+}
+
+/**
+   @brief 获取ribbonBar指针，如果没有返回nullptr
+   @return
+ */
+SARibbonBar* SARibbonPannel::ribbonBar() const
+{
+    if (SARibbonCategory* c = category()) {
+        return c->ribbonBar();
+    }
+    return nullptr;
+}
+
+/**
+ * @brief 设置按钮之间的间隔
+ * @param n
+ */
+void SARibbonPannel::setSpacing(int n)
+{
+    if (auto lay = layout()) {
+        lay->setSpacing(n);
+    }
+}
+
+/**
+ * @brief 按钮之间的间隔
+ * @return
+ */
+int SARibbonPannel::spacing() const
+{
+    if (auto lay = layout()) {
+        return lay->spacing();
+    }
+    return 0;
+}
+
+/**
+ * @brief pannel高度推荐
+ * @param fm
+ * @param layMode
+ * @param pannelTitleHeight
+ * @return
+ */
+int SARibbonPannel::pannelHeightHint(const QFontMetrics& fm, PannelLayoutMode layMode, int pannelTitleHeight)
+{
+    int textH = fm.lineSpacing();  // 这里用linespace，因为在换行的情况下，行距是不可忽略的，ribbon的大按钮默认是2行
+    switch (layMode) {
+    case SARibbonPannel::ThreeRowMode: {
+        // 5.5=（3*1.6+1） （三行）,1是给panneltitle预留的
+        return textH * 4.8 + pannelTitleHeight;
+    } break;
+    case SARibbonPannel::TwoRowMode: {
+        // 3=2*1.6
+        return textH * 3.2 + pannelTitleHeight;
+    } break;
+    default: {
+        qWarning() << "unknow SARibbonPannel::PannelLayoutMode:" << layMode;
+    }
+    }
+    return (textH * 4.8 + pannelTitleHeight);
+}
+
+/**
+ * @brief 重置按钮的尺寸，在布局改变后（尤其高度变更），按钮的尺寸需要手动变更
+ */
+void SARibbonPannel::resetToolButtonSize()
+{
+    QList< SARibbonToolButton* > btns = ribbonToolButtons();
+
+    for (SARibbonToolButton* b : qAsConst(btns)) {
+        if ((nullptr == b)) {
+            continue;
+        }
+        b->updateRect();
+    }
+}
+
+bool SARibbonPannel::event(QEvent* e)
+{
+#if SA_DEBUG_PRINT_EVENT
+    if (e->type() != QEvent::Paint) {
+        qDebug() << "SARibbonPannel event(" << e->type() << "),name=" << pannelName();
+    }
+#endif
+    // if (SARibbonPannelLayout* lay = pannelLayout()) {
+    //     if (lay->isDirty() && e->type() == QEvent::LayoutRequest) {
+    //         if (QWidget* parw = parentWidget()) {
+    //             if (QLayout* pl = parw->layout()) {
+    //                 pl->invalidate();
+    //             }
+    //         }
+    //         lay->m_dirty = false;
+    //     }
+    // }
+    return QWidget::event(e);
+}
+
+/**
+ * @brief 处理action的事件
+ *
+ * 这里处理了ActionAdded，ActionChanged，ActionRemoved三个事件
+ *
+ * ActionAdded时向布局请求，添加action，布局中同时触发了@ref SARibbonPannelLayout::createItem 函数
+ * 此函数用于生成窗口，例如QRibbonToolButton
+ *
+ * ActionChanged时会让布局重新计算尺寸，并向category请求重新布局，有可能category的所有要重新调整尺寸
+ *
+ * ActionRemoved会移除布局管理的QLayoutItem，并进行内存清理，这时窗口也会隐藏，同时销毁
+ *
+ * @param e
+ * @note 所有action事件都会向category请求重新布局
+ *
+ */
+void SARibbonPannel::actionEvent(QActionEvent* e)
+{
+    QAction* action             = e->action();
+    QWidgetAction* widgetAction = qobject_cast< QWidgetAction* >(action);
+
+    switch (e->type()) {
+    case QEvent::ActionAdded: {
+        SARibbonPannelLayout* lay = pannelLayout();
+        if (nullptr != widgetAction) {
+            if (widgetAction->parent() != this) {
+                widgetAction->setParent(this);
+            }
+        }
+        int index = layout()->count();
+        if (e->before()) {
+            // 说明是插入
+            index = lay->indexByAction(e->before());
+            if (-1 == index) {
+                index = layout()->count();  // 找不到的时候就插入到最后
+            }
+        }
+        lay->insertAction(index, action, getActionRowProportionProperty(action));
+        // 由于pannel的尺寸发生变化，需要让category也调整
+        // if (QWidget* parw = parentWidget()) {
+        //     if (QLayout* pl = parw->layout()) {
+        //         pl->invalidate();
+        //     }
+        // }
+    } break;
+
+    case QEvent::ActionChanged: {
+        // 让布局重新绘制
+        layout()->invalidate();
+
+        // updateGeometry();
+        // 由于pannel的尺寸发生变化，需要让category也调整
+        if (QWidget* parw = parentWidget()) {
+            if (QLayout* pl = parw->layout()) {
+                pl->invalidate();
+            }
+            //! 强制发送一个resizeevent，让Category能重绘，如果没有这个函数，发现Category的layout虽然设置了invalidate（标记缓存失效）
+            //! 但并没有按顺序在pannel尺寸更新后更新Category的尺寸，导致有些pannel的尺寸识别出现异常
+            //! 重打印信息上看，pannel的尺寸有进行更新，category的尺寸也进行了更新，但更新的次数和调用invalidate的次数不一样，需要手动触发ResizeEvent
+            //! 尝试过调用QEvent::LayoutRequest没有效果：
+            //! @code
+            //! QEvent* el = new QEvent(QEvent::LayoutRequest);
+            //! QApplication::postEvent(parw, el);
+            //! @endcode
+            //!
+            //! 调用parw->updateGeometry();也没有效果，目前看使用resizeevent是最有效果的
+            //!
+            QResizeEvent* ersize = new QResizeEvent(parw->size(), QSize());
+            QApplication::postEvent(parw, ersize);
+        }
+    } break;
+
+    case QEvent::ActionRemoved: {
+        SARibbonPannelLayout* lay = pannelLayout();
+        action->disconnect(this);
+        int index = lay->indexByAction(action);
+        if (index != -1) {
+            QLayoutItem* item = lay->takeAt(index);
+            delete item;
+        }
+        // 由于pannel的尺寸发生变化，需要让category也调整
+        // if (QWidget* parw = parentWidget()) {
+        //     if (QLayout* pl = parw->layout()) {
+        //         pl->invalidate();
+        //     }
+        // }
+    } break;
+
+    default:
+        break;
+    }
+}
+
+/**
+ * @brief 追踪字体改变事件，把新字体设置到childwidget中
+ * @param e
+ */
+void SARibbonPannel::changeEvent(QEvent* e)
+{
+    if (nullptr == e) {
+        return;
+    }
+    if (e->type() == QEvent::FontChange) {
+        QFont f                       = font();
+        QList< QWidget* > listWidgets = findChildren< QWidget* >();
+        for (QWidget* w : listWidgets) {
+            w->setFont(f);
+        }
+        if (QLayout* lay = layout()) {
+            lay->invalidate();
+        }
+        d_ptr->resetTitleLabelFont();
+    }
+    QWidget::changeEvent(e);
+}
+
+/**
+ * @brief 获取布局item
+ * @return
+ */
+const QList< SARibbonPannelItem* >& SARibbonPannel::ribbonPannelItem() const
+{
+    return (pannelLayout()->mItems);
+}
+
+/**
+ * @brief 获取最近添加的按钮
+ * @return 刚才添加的按钮的指针
+ */
+SARibbonToolButton* SARibbonPannel::lastAddActionButton()
+{
+    return d_ptr->lastAddActionButton();
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonPannel.h b/gui/SARibbon/src/SARibbonBar/SARibbonPannel.h
new file mode 100644
index 0000000..32d4839
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonPannel.h
@@ -0,0 +1,237 @@
+#ifndef SARIBBONPANNEL_H
+#define SARIBBONPANNEL_H
+#include "SARibbonGlobal.h"
+#include "SARibbonPannelItem.h"
+#include "SARibbonPannelLayout.h"
+#include "SARibbonToolButton.h"
+#include <QLayout>
+#include <QWidget>
+#include <QLabel>
+class SARibbonMenu;
+class SARibbonGallery;
+class QGridLayout;
+class SARibbonPannelOptionButton;
+class SARibbonPannelLayout;
+class SARibbonCategory;
+class SARibbonBar;
+
+/**
+ * @brief SARibbonPannel的标题label，此类用于qss
+ */
+class SA_RIBBON_EXPORT SARibbonPannelLabel : public QLabel
+{
+    Q_OBJECT
+public:
+    SARibbonPannelLabel(QWidget* parent = nullptr);
+};
+
+/**
+ * @brief pannel页窗口，pannel是ribbon的面板用于承放控件
+ *
+ * ribbon的pannel分为两行模式和三行模式，以office为代表的ribbon为3行模式，以WPS为代表的“紧凑派”就是2行模式，
+ * SARibbon可通过SARibbonBar的@ref SARibbonBar::RibbonStyle 来指定模式(通过函数@ref SARibbonBar::setRibbonStyle )
+ *
+ * 在pannel中，可以通过@ref setExpanding 函数指定pannel水平扩展，如果pannel里面没有能水平扩展的控件，将会留白，因此，
+ * 建议在pannel里面有水平扩展的控件如（@ref SARibbonGallery ）才指定这个函数
+ *
+ * pannel的布局通过@ref SARibbonPannelLayout 来实现，如果有其他布局，可以通过继承@ref
+ * SARibbonElementCreateDelegate::createRibbonPannel 函数返回带有自己布局的pannel，但你必须继承对应的虚函数
+ */
+class SA_RIBBON_EXPORT SARibbonPannel : public QFrame
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonPannel)
+    friend class SARibbonCategory;
+    friend class SARibbonCategoryPrivate;
+    friend class SARibbonCustomizeWidgetPrivate;
+    friend class SARibbonPannelLayout;
+    Q_PROPERTY(bool isCanCustomize READ isCanCustomize WRITE setCanCustomize)
+    Q_PROPERTY(bool isExpanding READ isExpanding WRITE setExpanding)
+    Q_PROPERTY(QString pannelName READ pannelName WRITE setPannelName)
+public:
+    enum PannelLayoutMode
+    {
+        ThreeRowMode,  ///< 三行布局模式，office就是三行布局模式，pannel能布置3行小toolbutton，默认模式
+        TwoRowMode  ///< 两行布局模式，wps的后续布局模式就是两行布局模式，pannel能布置2行小toolbutton
+    };
+    Q_ENUM(PannelLayoutMode)
+public:
+    using FpRibbonToolButtonIterate = std::function< bool(SARibbonToolButton*) >;
+
+public:
+    explicit SARibbonPannel(QWidget* parent = nullptr);
+    explicit SARibbonPannel(const QString& name, QWidget* parent = nullptr);
+    ~SARibbonPannel() Q_DECL_OVERRIDE;
+    using QWidget::addAction;
+
+    // 把action加入到pannel
+    void addAction(QAction* action, SARibbonPannelItem::RowProportion rp);
+    // 生成并添加一个action
+    void addAction(QAction* act,
+                   QToolButton::ToolButtonPopupMode popMode,
+                   SARibbonPannelItem::RowProportion rp = SARibbonPannelItem::Large);
+    // 把action加入到pannel，并以大图标显示
+    void addLargeAction(QAction* action);
+    // 把action加入到pannel，在三行模式下会以中图标显示
+    void addMediumAction(QAction* action);
+    // 把action加入到pannel，并以小图标显示
+    void addSmallAction(QAction* action);
+
+    // 把action加入到pannel，并以小图标显示
+    void addSmallAction(QAction* action, QToolButton::ToolButtonPopupMode popMode);
+    // 把action加入到pannel，并以大图标显示
+    void addLargeAction(QAction* action, QToolButton::ToolButtonPopupMode popMode);
+    // 把action加入到pannel，在三行模式下会以中图标显示
+    void addMediumAction(QAction* action, QToolButton::ToolButtonPopupMode popMode);
+
+    QAction* addAction(const QString& text,
+                       const QIcon& icon,
+                       QToolButton::ToolButtonPopupMode popMode,
+                       SARibbonPannelItem::RowProportion rp = SARibbonPannelItem::Large);
+
+    // 添加menu
+    void addMenu(QMenu* menu,
+                 SARibbonPannelItem::RowProportion rp,
+                 QToolButton::ToolButtonPopupMode popMode = QToolButton::InstantPopup);
+
+    // 添加普通大菜单
+    void addLargeMenu(QMenu* menu, QToolButton::ToolButtonPopupMode popMode = QToolButton::InstantPopup);
+
+    // 添加普通小按钮菜单
+    void addSmallMenu(QMenu* menu, QToolButton::ToolButtonPopupMode popMode = QToolButton::InstantPopup);
+
+    // 添加窗口
+    QAction* addWidget(QWidget* w, SARibbonPannelItem::RowProportion rp);
+
+    // 添加窗口,占用ribbon的一行
+    QAction* addSmallWidget(QWidget* w);
+
+    // 添加窗口,占用ribbon的一行
+    QAction* addMediumWidget(QWidget* w);
+
+    // 添加窗口，占用所有行
+    QAction* addLargeWidget(QWidget* w);
+
+    // 添加一个Gallery
+    SARibbonGallery* addGallery(bool expanding = true);
+
+    // 添加分割线
+    QAction* addSeparator();
+
+    // 从pannel中把action对应的button提取出来，如果action没有对应的button，就返回nullptr
+    SARibbonToolButton* actionToRibbonToolButton(QAction* action);
+
+    // 设置操作action，如果要去除，传入nullptr指针即可，SARibbonPannel不会对QAction的所有权进行管理
+    // OptionAction也会触发actionTriggered信号
+    void setOptionAction(QAction* action);
+
+    // 判断是否存在OptionAction
+    bool isHaveOptionAction() const;
+
+    // 获取所有的buttons
+    QList< SARibbonToolButton* > ribbonToolButtons() const;
+
+    // 获取PannelLayoutMode
+    PannelLayoutMode pannelLayoutMode() const;
+    void setPannelLayoutMode(PannelLayoutMode mode);
+    // 更新按钮的尺寸，这个函数在pannel的布局状态变换后需要调用刷新
+    void resetToolButtonSize();
+
+    // 判断是否为2行模式
+    bool isTwoRow() const
+    {
+        return (TwoRowMode == pannelLayoutMode());
+    }
+
+    // 把pannel设置为扩展模式，此时会撑大水平区域
+    void setExpanding(bool isExpanding = true);
+
+    // 是否是扩展模式
+    bool isExpanding() const;
+
+    // 标题栏高度
+    void setTitleHeight(int h);
+    int titleHeight() const;
+
+    // 是否显示标题，显示标题后，标题的高度需要设置，默认高度为15
+    bool isEnableShowTitle() const;
+    void setEnableShowTitle(bool on);
+
+    // action对应的布局index，此操作一般用于移动moveAction，其他意义不大
+    int actionIndex(QAction* act) const;
+
+    // 移动action
+    void moveAction(int from, int to);
+
+    // 判断是否可以自定义
+    bool isCanCustomize() const;
+    void setCanCustomize(bool b);
+
+    // 标题
+    QString pannelName() const;
+    void setPannelName(const QString& title);
+
+    // 大图标的高度
+    int largeButtonHeight() const;
+    // 获取布局对应的item,此函数目前仅仅在自定义过程中用到
+    const QList< SARibbonPannelItem* >& ribbonPannelItem() const;
+    // 获取pannel layout
+    SARibbonPannelLayout* pannelLayout() const;
+    // 更新布局
+    void updateItemGeometry();
+    // 获取category指针，如果没有parent，或者不在category管理，返回nullptr
+    SARibbonCategory* category() const;
+    // 获取ribbonBar指针，如果没有返回nullptr
+    SARibbonBar* ribbonBar() const;
+    // 设置按钮之间的间隔
+    void setSpacing(int n);
+    int spacing() const;
+    //
+    virtual QSize sizeHint() const Q_DECL_OVERRIDE;
+    virtual QSize minimumSizeHint() const Q_DECL_OVERRIDE;
+    // 设置按钮的icon尺寸，large action不受此尺寸影响
+    void setToolButtonIconSize(const QSize& s);
+    QSize toolButtonIconSize() const;
+    // 此函数会遍历SARibbonPannel下的所有RibbonToolButton，执行函数指针(bool(SARibbonRibbonToolButton*))，函数指针返回false则停止迭代
+    bool iterate(FpRibbonToolButtonIterate fp);
+    
+    // 获取最近添加的按钮
+    SARibbonToolButton* lastAddActionButton();
+    
+Q_SIGNALS:
+
+    /**
+     * @brief 等同于QToolBar::actionTriggered
+     * @param action
+     */
+    void actionTriggered(QAction* action);
+
+    /**
+     * @brief pannel的标题发生了改变
+     * @param n
+     */
+    void pannelNameChanged(const QString& n);
+
+public:
+    // pannel高度推荐
+    static int pannelHeightHint(const QFontMetrics& fm, PannelLayoutMode layMode, int pannelTitleHeight);
+    // 把action的行属性设置进action中，action自身携带了行属性
+    static void setActionRowProportionProperty(QAction* action, SARibbonPannelItem::RowProportion rp);
+    // 获取action的行属性
+    static SARibbonPannelItem::RowProportion getActionRowProportionProperty(QAction* action);
+    // 把action的PopupMode属性设置进action中，action自身携带了PopupMode属性
+    static void setActionToolButtonPopupModeProperty(QAction* action, QToolButton::ToolButtonPopupMode popMode);
+    // 获取action的PopupMode属性
+    static QToolButton::ToolButtonPopupMode getActionToolButtonPopupModeProperty(QAction* action);
+    // 把action的ToolButtonStyle属性设置进action中，action自身携带了ToolButtonStyle属性
+    static void setActionToolButtonStyleProperty(QAction* action, Qt::ToolButtonStyle buttonStyle);
+    // 获取action的ToolButtonStyle属性
+    static Qt::ToolButtonStyle getActionToolButtonStyleProperty(QAction* action);
+
+protected:
+    virtual bool event(QEvent* e) Q_DECL_OVERRIDE;
+    virtual void actionEvent(QActionEvent* e) Q_DECL_OVERRIDE;
+    virtual void changeEvent(QEvent* e) Q_DECL_OVERRIDE;
+};
+
+#endif  // SARIBBONPANNEL_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonPannelItem.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonPannelItem.cpp
new file mode 100644
index 0000000..2698788
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonPannelItem.cpp
@@ -0,0 +1,15 @@
+#include "SARibbonPannelItem.h"
+
+SARibbonPannelItem::SARibbonPannelItem(QWidget* widget)
+    : QWidgetItem(widget), rowIndex(-1), columnIndex(-1), action(nullptr), customWidget(false), rowProportion(Large)
+{
+}
+
+SARibbonPannelItem::~SARibbonPannelItem()
+{
+}
+
+bool SARibbonPannelItem::isEmpty() const
+{
+    return (action == nullptr || !action->isVisible());
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonPannelItem.h b/gui/SARibbon/src/SARibbonBar/SARibbonPannelItem.h
new file mode 100644
index 0000000..b18f6cb
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonPannelItem.h
@@ -0,0 +1,50 @@
+#ifndef SARIBBONPANNELITEM_H
+#define SARIBBONPANNELITEM_H
+#include "SARibbonGlobal.h"
+#include <QWidgetItem>
+#include <QAction>
+class SARibbonToolButton;
+/**
+ * @brief 是对pannel所有子窗口的抽象，参考qt的toolbar
+ *
+ * 参考qt的toolbar，pannel所有子窗口内容都通过QAction进行抽象，包括gallery这些窗口，也是通过QAction进行抽象
+ * QAction最终会转换为SARibbonPannelItem，每个SARibbonPannelItem都含有一个widget，SARibbonPannel的布局
+ * 就基于SARibbonPannelItem
+ *
+ * 无窗口的action会在内部生成一个SARibbonToolButton，
+ */
+class SA_RIBBON_EXPORT SARibbonPannelItem : public QWidgetItem
+{
+public:
+    /**
+     * @brief 定义了行的占比，ribbon中有large，media和small三种占比
+     */
+    enum RowProportion
+    {
+        None,  ///< 为定义占比，这时候将会依据expandingDirections来判断，如果能有Qt::Vertical，就等同于Large，否则就是Small
+        Large,   ///< 大占比，一个widget的高度会充满整个pannel
+        Medium,  ///< 中占比，在@ref SARibbonPannel::pannelLayoutMode 为 @ref SARibbonPannel::ThreeRowMode 时才会起作用，且要同一列里两个都是Medium时，会在三行中占据两行
+        Small  ///< 小占比，占SARibbonPannel的一行，Medium在不满足条件时也会变为Small，但不会变为Large
+    };
+    explicit SARibbonPannelItem(QWidget* widget);
+    ~SARibbonPannelItem();
+
+    bool isEmpty() const Q_DECL_OVERRIDE;
+
+    short rowIndex;             ///< 记录当前item属于第几行，hide模式下为-1
+    int columnIndex;            ///< 记录当前item属于第几列，hide模式下为-1
+    QRect itemWillSetGeometry;  ///< 在调用SARibbonPannelLayout::updateGeomArray会更新这个此处，实际设置的时候会QWidgetItem::setGeometry设置Geometry
+    QAction* action;            /// < 记录action，参考QToolBarLayoutItem
+    bool customWidget;  ///< 对于没有窗口的action，实际也会有一个SARibbonToolButton，在销毁时要delete掉
+    SARibbonPannelItem::RowProportion rowProportion;  ///< 行的占比，ribbon中有large，media和small三种占比,见@ref RowProportion
+};
+#ifndef SA_ActionPropertyName_RowProportion
+#define SA_ActionPropertyName_RowProportion "_sa_RowProportion"
+#endif
+#ifndef SA_ActionPropertyName_ToolButtonPopupMode
+#define SA_ActionPropertyName_ToolButtonPopupMode "_sa_ToolButtonPopupMode"
+#endif
+#ifndef SA_ActionPropertyName_ToolButtonStyle
+#define SA_ActionPropertyName_ToolButtonStyle "_sa_ToolButtonStyle"
+#endif
+#endif  // SARIBBONPANNELITEM_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonPannelLayout.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonPannelLayout.cpp
new file mode 100644
index 0000000..d893968
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonPannelLayout.cpp
@@ -0,0 +1,952 @@
+#include "SARibbonPannelLayout.h"
+#include "SARibbonPannelOptionButton.h"
+#include "SARibbonSeparatorWidget.h"
+#include "SARibbonElementManager.h"
+#include <QWidgetAction>
+#include <QQueue>
+#include "SARibbonPannel.h"
+#include "SARibbonPannelItem.h"
+#define SARibbonPannelLayout_DEBUG_PRINT 1
+#define HELP_DRAW_RECT(p, rect)                                                                                        \
+    do {                                                                                                               \
+        p.save();                                                                                                      \
+        QPen _pen(Qt::DashLine);                                                                                       \
+        _pen.setColor(Qt::blue);                                                                                       \
+        p.setPen(_pen);                                                                                                \
+        p.setBrush(QBrush());                                                                                          \
+        p.drawRect(rect);                                                                                              \
+        p.restore();                                                                                                   \
+    } while (0)
+
+SARibbonPannelLayout::SARibbonPannelLayout(QWidget* p) : QLayout(p), mColumnCount(0), mExpandFlag(false), mDirty(true)
+{
+    setSpacing(1);
+    SARibbonPannel* tb = qobject_cast< SARibbonPannel* >(p);
+
+    if (!tb) {
+        return;
+    }
+}
+
+SARibbonPannelLayout::~SARibbonPannelLayout()
+{
+    // 参考QToolBarLayout
+    while (!mItems.isEmpty()) {
+        SARibbonPannelItem* item = mItems.takeFirst();
+        if (QWidgetAction* widgetAction = qobject_cast< QWidgetAction* >(item->action)) {
+            if (item->customWidget) {
+                widgetAction->releaseWidget(item->widget());
+            }
+        }
+        delete item;
+    }
+}
+
+/**
+ * @brief 通过action查找索引，用于actionEvent添加action用
+ * @param action
+ * @return 没有查到返回-1
+ */
+int SARibbonPannelLayout::indexByAction(QAction* action) const
+{
+    for (int i = 0; i < mItems.count(); ++i) {
+        if (mItems.at(i)->action == action) {
+            return (i);
+        }
+    }
+    return (-1);
+}
+
+/**
+ * @brief 获取ribbonpannel
+ * @return
+ */
+SARibbonPannel* SARibbonPannelLayout::ribbonPannel() const
+{
+    return qobject_cast< SARibbonPannel* >(parentWidget());
+}
+
+void SARibbonPannelLayout::addItem(QLayoutItem* item)
+{
+    Q_UNUSED(item);
+    qWarning("SARibbonPannelLayout::addItem(): please use addAction() instead");
+    return;
+}
+
+/**
+ * @brief SARibbonPannel主要通过此函数来添加action
+ * @param act
+ * @param rp 布局策略
+ */
+void SARibbonPannelLayout::insertAction(int index, QAction* act, SARibbonPannelItem::RowProportion rp)
+{
+    index                    = qMax(0, index);
+    index                    = qMin(mItems.count(), index);
+    SARibbonPannelItem* item = createItem(act, rp);
+
+    if (item) {
+        mItems.insert(index, item);
+        // 标记需要重新计算尺寸
+        invalidate();
+    }
+}
+
+/**
+ * @brief 添加操作action，如果要去除，传入nullptr指针即可，SARibbonPannel不会对QAction的所有权进行管理
+ * @param action
+ * @note 要去除OptionAction直接传入nullptr即可
+ * @note SARibbonPannel不对QAction的destroy进行关联，如果外部对action进行delete，需要先传入nullptr给addOptionAction
+ */
+void SARibbonPannelLayout::setOptionAction(QAction* action)
+{
+    SARibbonPannel* p = ribbonPannel();
+    if (!p) {
+        return;
+    }
+    if (action) {
+        // 创建option action
+        if (nullptr == mOptionActionBtn) {
+            mOptionActionBtn = RibbonSubElementFactory->createRibbonPannelOptionButton(p);
+            QObject::connect(mOptionActionBtn, &SARibbonToolButton::triggered, p, &SARibbonPannel::actionTriggered);
+            // 确保m_optionActionBtn在label之上
+            if (mTitleLabel) {
+                mTitleLabel->stackUnder(mOptionActionBtn);
+            }
+        }
+        mOptionActionBtn->setDefaultAction(action);
+        if (action->icon().isNull()) {
+            mOptionActionBtn->setIcon(QIcon(":/image/resource/ribbonPannelOptionButton.png"));
+        }
+        // 标记需要重新计算尺寸
+        invalidate();
+    } else {
+        // 取消option action
+        if (mOptionActionBtn) {
+            mOptionActionBtn->hide();
+            mOptionActionBtn->deleteLater();
+            mOptionActionBtn = nullptr;
+            // 标记需要重新计算尺寸
+            invalidate();
+        }
+    }
+}
+
+/**
+ * @brief 判断是否存在OptionAction
+ * @return 存在返回true
+ */
+bool SARibbonPannelLayout::isHaveOptionAction() const
+{
+    return (mOptionActionBtn != nullptr);
+}
+
+QLayoutItem* SARibbonPannelLayout::itemAt(int index) const
+{
+    if ((index < 0) || (index >= mItems.count())) {
+        return (nullptr);
+    }
+    return (mItems.at(index));
+}
+
+QLayoutItem* SARibbonPannelLayout::takeAt(int index)
+{
+    if ((index < 0) || (index >= mItems.count())) {
+        return (nullptr);
+    }
+    SARibbonPannelItem* item = mItems.takeAt(index);
+
+    QWidgetAction* widgetAction = qobject_cast< QWidgetAction* >(item->action);
+
+    if ((widgetAction != 0) && item->customWidget) {
+        widgetAction->releaseWidget(item->widget());
+    } else {
+        // destroy the QToolButton/QToolBarSeparator
+        item->widget()->hide();
+        item->widget()->deleteLater();
+    }
+
+    invalidate();
+    return (item);
+}
+
+int SARibbonPannelLayout::count() const
+{
+    return (mItems.count());
+}
+
+bool SARibbonPannelLayout::isEmpty() const
+{
+
+    return (mItems.isEmpty());
+}
+
+void SARibbonPannelLayout::invalidate()
+{
+    mDirty = true;
+    QLayout::invalidate();
+}
+
+Qt::Orientations SARibbonPannelLayout::expandingDirections() const
+{
+    return (Qt::Horizontal);
+}
+
+QSize SARibbonPannelLayout::minimumSize() const
+{
+    return (mSizeHint);
+}
+
+QSize SARibbonPannelLayout::sizeHint() const
+{
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    if (SARibbonPannel* pannel = ribbonPannel()) {
+        qDebug() << "| |-SARibbonPannelLayout sizeHint,sizeHint = " << m_sizeHint;
+    }
+#endif
+    return (mSizeHint);
+}
+
+/**
+ * @brief 通过action获取SARibbonPannelItem
+ * @param action
+ * @return 如果没有返回nullptr
+ */
+SARibbonPannelItem* SARibbonPannelLayout::pannelItem(QAction* action) const
+{
+    int index = indexByAction(action);
+
+    if (index >= 0) {
+        return (mItems[ index ]);
+    }
+    return (nullptr);
+}
+
+/**
+ * @brief 获取最后一个添加的item
+ * @return 如果没有返回nullptr
+ */
+SARibbonPannelItem* SARibbonPannelLayout::lastItem() const
+{
+    if (mItems.isEmpty()) {
+        return (nullptr);
+    }
+    return (mItems.last());
+}
+
+/**
+ * @brief 获取最后生成的窗口
+ * @return 如果无窗口或者item为空，返回nullptr
+ */
+QWidget* SARibbonPannelLayout::lastWidget() const
+{
+    SARibbonPannelItem* item = lastItem();
+
+    if (item) {
+        return (item->widget());
+    }
+    return (nullptr);
+}
+
+/**
+ * @brief 移动两个item
+ * @param from
+ * @param to
+ * @note 移动完后所有都失效，需要重新布局
+ */
+void SARibbonPannelLayout::move(int from, int to)
+{
+    if (from == to) {
+        return;
+    }
+    if (to < 0) {
+        to = 0;
+    }
+    if (to >= count()) {
+        to = count() - 1;
+    }
+    mItems.move(from, to);
+    invalidate();
+}
+
+/**
+ * @brief 判断是否需要重新布局
+ * @return
+ */
+bool SARibbonPannelLayout::isDirty() const
+{
+    return (mDirty);
+}
+
+void SARibbonPannelLayout::updateGeomArray()
+{
+    updateGeomArray(geometry());
+}
+
+/**
+ * @brief 布局所有action
+ */
+void SARibbonPannelLayout::doLayout()
+{
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    if (SARibbonPannel* pannel = ribbonPannel()) {
+        qDebug() << "| |-SARibbonPannelLayout layoutActions,pannel name = " << pannel->pannelName();
+    }
+#endif
+    if (isDirty()) {
+        updateGeomArray();
+    }
+    QList< QWidget* > showWidgets, hideWidgets;
+    SARibbonPannel* pannel = ribbonPannel();
+    for (SARibbonPannelItem* item : qAsConst(mItems)) {
+        if (item->isEmpty()) {
+            hideWidgets << item->widget();
+        } else {
+            // 在category发现item->setGeometry有点奇怪的现象，这里统一使用item->widget->setgeo
+            // item->setGeometry(item->itemWillSetGeometry);
+            if (item->widget()) {
+                item->widget()->setGeometry(item->itemWillSetGeometry);
+            }
+            showWidgets << item->widget();
+        }
+    }
+
+    // 不在上面那里进行show和hide因为这会触发SARibbonPannelLayout的重绘，导致循环绘制，非常影响效率
+    for (QWidget* w : qAsConst(showWidgets)) {
+        if (!w->isVisible())
+            w->show();
+    }
+    for (QWidget* w : qAsConst(hideWidgets)) {
+        if (w->isVisible())
+            w->hide();
+    }
+    // 布局label
+    if (mTitleLabel) {
+        if (isEnableShowPannelTitle()) {
+            mTitleLabel->setGeometry(mTitleLabelGeometry);
+            if (!mTitleLabel->isVisibleTo(pannel)) {
+                mTitleLabel->show();
+            }
+        } else {
+            if (mTitleLabel->isVisibleTo(pannel)) {
+                mTitleLabel->hide();
+            }
+        }
+    }
+    // 布局m_optionActionBtn
+    if (mOptionActionBtn) {
+        mOptionActionBtn->setGeometry(mOptionActionBtnGeometry);
+        mOptionActionBtn->setIconSize(QSize(mOptionActionBtnGeometry.width(), mOptionActionBtnGeometry.height()));
+    }
+}
+
+/**
+ * @brief 把action转换为item
+ *
+ * 此函数参考QToolBarItem *QToolBarLayout::createItem(QAction *action)
+ *
+ * 对于普通QAction，此函数会创建SARibbonToolButton，SARibbonToolButton的类型参考SARibbonPannelItem::RowProportion，
+ * @param action
+ * @param rp 行高占比情况
+ * @return 转换的SARibbonPannelItem
+ * @note 每个SARibbonPannelItem最终都会携带一个widget，传入的是QWidgetAction的话，会直接使用QWidgetAction带的widget，
+ * 否则会内部生成一个SARibbonToolButton
+ *
+ */
+SARibbonPannelItem* SARibbonPannelLayout::createItem(QAction* action, SARibbonPannelItem::RowProportion rp)
+{
+    bool customWidget      = false;
+    QWidget* widget        = nullptr;
+    SARibbonPannel* pannel = qobject_cast< SARibbonPannel* >(parentWidget());
+
+    if (!pannel) {
+        // 在没有pannel这个函数会返回nullptr
+        return (nullptr);
+    }
+    if (QWidgetAction* widgetAction = qobject_cast< QWidgetAction* >(action)) {
+        widget = widgetAction->requestWidget(pannel);
+        if (widget != nullptr) {
+            widget->setAttribute(Qt::WA_LayoutUsesWidgetRect);
+            customWidget = true;  // 标记为true，在移除的时候是不会对这个窗口进行删除，false默认会进行删除如SARibbonSeparatorWidget和SARibbonToolButton
+        }
+    } else if (action->isSeparator()) {
+        SARibbonSeparatorWidget* sep = RibbonSubElementFactory->createRibbonSeparatorWidget(pannel);
+        widget                       = sep;
+    }
+    // 不是widget，自动生成SARibbonToolbutton
+    if (!widget) {
+        SARibbonToolButton::RibbonButtonType buttonType = ((rp == SARibbonPannelItem::Large)
+                                                               ? SARibbonToolButton::LargeButton
+                                                               : SARibbonToolButton::SmallButton);
+
+        SARibbonToolButton* button = RibbonSubElementFactory->createRibbonToolButton(pannel);
+        button->setFocusPolicy(Qt::NoFocus);
+        button->setButtonType(buttonType);
+        button->setDefaultAction(action);
+        button->setIconSize(mDefaultToolButtonIconSize);
+        // 属性设置
+        QToolButton::ToolButtonPopupMode popMode = SARibbonPannel::getActionToolButtonPopupModeProperty(action);
+        button->setPopupMode(popMode);
+        // 根据QAction的属性设置按钮的大小
+
+        QObject::connect(button, &SARibbonToolButton::triggered, pannel, &SARibbonPannel::actionTriggered);
+        widget = button;
+    }
+    // 这时总会有widget
+    widget->hide();
+    SARibbonPannelItem* result = new SARibbonPannelItem(widget);
+
+    result->rowProportion = rp;
+    result->customWidget  = customWidget;
+    result->action        = action;
+    return (result);
+}
+
+/**
+ * @brief 更新尺寸
+ */
+void SARibbonPannelLayout::updateGeomArray(const QRect& setrect)
+{
+    SARibbonPannel* pannel = qobject_cast< SARibbonPannel* >(parentWidget());
+
+    if (!pannel) {
+        return;
+    }
+
+    const int height     = setrect.height();
+    const QMargins& mag  = contentsMargins();
+    const int spacing    = this->spacing();
+    const int spacingRow = 1;  // 高度间距，也就是行间距，不同行之间的距离
+    int x                = mag.left();
+    const int yBegin     = mag.top();
+    int titleH           = (mTitleHeight >= 0) ? mTitleHeight : 0;  // 防止负数影响
+    int titleSpace       = (mTitleHeight >= 0) ? mTitleSpace : 0;   // 对于没有标题的情况，spacing就不生效
+    if (!isEnableShowPannelTitle()) {
+        titleH     = 0;
+        titleSpace = 0;
+    }
+    // 获取pannel的布局模式 3行或者2行
+    //  rowcount 是ribbon的行，有2行和3行两种
+    const short rowCount = (pannel->pannelLayoutMode() == SARibbonPannel::ThreeRowMode) ? 3 : 2;
+    // largeHeight是对应large占比的高度
+    const int largeHeight = height - mag.bottom() - mag.top() - titleH - titleSpace;
+    const int yTitleBegin = height - mag.bottom() - titleH;
+    mLargeHeight          = largeHeight;
+    // 计算smallHeight的高度
+    const int smallHeight = (largeHeight - (rowCount - 1) * spacingRow) / rowCount;
+    // Medium行的y位置
+    const int yMediumRow0 = (2 == rowCount) ? yBegin : (yBegin + ((largeHeight - 2 * smallHeight) / 3));
+    const int yMediumRow1 = (2 == rowCount) ? (yBegin + smallHeight + spacingRow)
+                                            : (yBegin + ((largeHeight - 2 * smallHeight) / 3) * 2 + smallHeight);
+    // Small行的y位置
+    const int ySmallRow0 = yBegin;
+    const int ySmallRow1 = yBegin + smallHeight + spacingRow;
+    const int ySmallRow2 = yBegin + 2 * (smallHeight + spacingRow);
+    // row用于记录下个item应该属于第几行，item->rowIndex用于记录当前处于第几行，
+    // item->rowIndex主要用于SARibbonPannelItem::Medium
+    short row  = 0;
+    int column = 0;
+    // 记录每列最大的宽度
+    int columMaxWidth = 0;
+    // 记录总宽度
+    int totalWidth = 0;
+
+    int itemCount = mItems.count();
+
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    QString debug_print__log__;
+#endif
+    // 本列第一、二行占比
+    SARibbonPannelItem::RowProportion thisColumnRP0 = SARibbonPannelItem::None;
+    SARibbonPannelItem* lastGeomItem                = nullptr;  // 记录最后一个设置位置的item
+    for (int i = 0; i < itemCount; ++i) {
+        SARibbonPannelItem* item = mItems.at(i);
+        if (item->isEmpty()) {
+            // 如果是hide就直接跳过
+            item->rowIndex    = -1;
+            item->columnIndex = -1;
+            continue;
+        }
+
+        QSize hint = item->sizeHint();
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+        if (SARibbonToolButton* tb = qobject_cast< SARibbonToolButton* >(item->widget())) {
+            auto ss__ = tb->sizeHint();
+            debug_print__log__ += QString("| | |-[%1]SARibbonToolButton.sizeHint=(%2,%3),ButtonText=%4\n")
+                                      .arg(i)
+                                      .arg(ss__.width())
+                                      .arg(ss__.height())
+                                      .arg(tb->text());
+        }
+#endif
+        Qt::Orientations exp = item->expandingDirections();
+        if (item->widget()) {
+            // 有窗口是水平扩展，则标记为扩展
+            if ((item->widget()->sizePolicy().horizontalPolicy() & QSizePolicy::ExpandFlag)) {
+                mExpandFlag = true;
+            }
+        }
+        SARibbonPannelItem::RowProportion rp = item->rowProportion;
+        if (SARibbonPannelItem::None == rp) {
+            // 为定义行占比但是垂直扩展，就定义为Large占比，否则就是small占比
+            if (exp & Qt::Vertical) {
+                rp = SARibbonPannelItem::Large;
+            } else {
+                rp = SARibbonPannelItem::Small;
+            }
+        }
+        // 开始根据占比和layoutmode来布局
+        switch (rp) {
+        case SARibbonPannelItem::Large: {
+            // ！！在Large，如果不是处于新列的第一行，就需要进行换列处理
+            // 把large一直设置在下一列的开始
+            if (row != 0) {
+                x += (columMaxWidth + spacing);
+                ++column;
+            }
+            //
+            item->rowIndex            = 0;
+            item->columnIndex         = column;
+            item->itemWillSetGeometry = QRect(x, yBegin, hint.width(), largeHeight);
+            columMaxWidth             = hint.width();
+            // 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+            x += (columMaxWidth + spacing);
+            row           = 0;
+            columMaxWidth = 0;
+            ++column;
+        } break;
+
+        case SARibbonPannelItem::Medium: {
+            // 2行模式下Medium和small等价
+            if (2 == rowCount) {
+                if (0 == row) {
+                    item->rowIndex            = 0;
+                    item->columnIndex         = column;
+                    item->itemWillSetGeometry = QRect(x, yMediumRow0, hint.width(), smallHeight);
+                    thisColumnRP0             = SARibbonPannelItem::Medium;
+                    columMaxWidth             = hint.width();
+                    // 下个row为1
+                    row = 1;
+                    // x不变
+                } else {
+                    item->rowIndex            = 1;
+                    item->columnIndex         = column;
+                    item->itemWillSetGeometry = QRect(x, yMediumRow1, hint.width(), smallHeight);
+                    // 和上个进行比较得到最长宽度
+                    columMaxWidth = qMax(columMaxWidth, hint.width());
+                    // 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+                    x += (columMaxWidth + spacing);
+                    row           = 0;
+                    columMaxWidth = 0;
+                    ++column;
+                }
+            } else {
+                // 3行模式
+                if (0 == row) {
+                    item->rowIndex            = 0;
+                    item->columnIndex         = column;
+                    item->itemWillSetGeometry = QRect(x, yMediumRow0, hint.width(), smallHeight);
+                    thisColumnRP0             = SARibbonPannelItem::Medium;
+                    columMaxWidth             = hint.width();
+                    row                       = 1;
+                    // x不变
+                } else if (1 == row) {
+                    item->rowIndex            = 1;
+                    item->columnIndex         = column;
+                    item->itemWillSetGeometry = QRect(x, yMediumRow1, hint.width(), smallHeight);
+                    columMaxWidth             = qMax(columMaxWidth, hint.width());
+                    // 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+                    x += (columMaxWidth + spacing);
+                    row           = 0;
+                    columMaxWidth = 0;
+                    ++column;
+                } else {
+                    // 这种模式一般情况会发生在当前列前两行是Small，添加了一个Medium
+                    // 这时需要先换列
+                    // 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+                    x += (columMaxWidth + spacing);
+                    ++column;
+                    // 换列后此时等价于0 == row
+                    item->rowIndex            = 0;
+                    item->columnIndex         = column;
+                    item->itemWillSetGeometry = QRect(x, yMediumRow0, hint.width(), smallHeight);
+                    thisColumnRP0             = SARibbonPannelItem::Medium;
+                    columMaxWidth             = hint.width();
+                    row                       = 1;
+                }
+            }
+        } break;
+
+        case SARibbonPannelItem::Small: {
+            if (0 == row) {
+                // 第一行
+                item->rowIndex            = 0;
+                item->columnIndex         = column;
+                item->itemWillSetGeometry = QRect(x, ySmallRow0, hint.width(), smallHeight);
+                thisColumnRP0             = SARibbonPannelItem::Small;
+                columMaxWidth             = hint.width();
+                // 下个row为1
+                row = 1;
+                // x不变
+            } else if (1 == row) {
+                // 第二行
+                item->rowIndex            = 1;
+                item->columnIndex         = column;
+                item->itemWillSetGeometry = QRect(x, ySmallRow1, hint.width(), smallHeight);
+                if ((3 == rowCount) && (SARibbonPannelItem::Medium == thisColumnRP0)) {
+                    // 三行模式，并且第一行是Medium
+                    item->itemWillSetGeometry = QRect(x, yMediumRow1, hint.width(), smallHeight);
+                }
+                // 和上个进行比较得到最长宽度
+                columMaxWidth = qMax(columMaxWidth, hint.width());
+                // 这里要看两行还是三行，确定是否要换列
+                if (2 == rowCount) {
+                    // 两行模式，换列
+                    // 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+                    x += (columMaxWidth + spacing);
+                    row           = 0;
+                    columMaxWidth = 0;
+                    ++column;
+                } else {
+                    // 三行模式，继续增加行数
+                    row = 2;
+                    // x不变
+                }
+                if ((3 == rowCount) && (SARibbonPannelItem::Medium == thisColumnRP0)) {
+                    // 三行模式，并且第一行是Medium，换列
+                    // 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+                    x += (columMaxWidth + spacing);
+                    row           = 0;
+                    columMaxWidth = 0;
+                    ++column;
+                }
+            } else {
+                // 第三行
+                item->rowIndex            = 2;
+                item->columnIndex         = column;
+                item->itemWillSetGeometry = QRect(x, ySmallRow2, hint.width(), smallHeight);
+                // 和上个进行比较得到最长宽度
+                columMaxWidth = qMax(columMaxWidth, hint.width());
+                // 换列，x自动递增到下个坐标，列数增加，行数归零，最大列宽归零
+                x += (columMaxWidth + spacing);
+                row           = 0;
+                columMaxWidth = 0;
+                ++column;
+            }
+        } break;
+
+        default:
+            // 不可能出现
+            break;
+        }
+        lastGeomItem = item;
+    }
+    // 最后一个元素，更新列数
+    //  2022-06-20 此句本来在循环里面，如果最后一个元素隐藏，会导致无法到达此判断导致异常
+    if (lastGeomItem) {  // 最后一个元素，更新totalWidth
+        if (lastGeomItem->columnIndex != column) {
+            // 说明最后一个元素处于最后位置，触发了换列，此时真实列数需要减1，直接等于column索引
+            mColumnCount = column;
+            // 由于最后一个元素触发了换列，x值是新一列的位置，直接作为totalWidth要减去已经加入的spacing
+            totalWidth = x - spacing + mag.right();
+        } else {
+            // 说明最后一个元素处于非最后位置，没有触发下一个换列，此时真实列数等于column索引+1
+            mColumnCount = column + 1;
+            // 由于最后一个元素未触发换列，需要计算totalWidth
+            totalWidth = x + columMaxWidth + mag.right();
+        }
+    }
+
+    // 在设置完所有窗口后，再设置扩展属性的窗口
+    if (totalWidth < setrect.width() && (setrect.width() - totalWidth) > 10) {
+        // 说明可以设置扩展属性的窗口
+        recalcExpandGeomArray(setrect);
+    }
+    // 布局label
+    bool isTitleWidthThanPannel = false;
+    if (isEnableShowPannelTitle()) {
+        mTitleLabelGeometry.setRect(mag.left(), yTitleBegin, setrect.width() - mag.left() - mag.right(), titleH);
+        // 这里要确认标题宽度是否大于totalWidth，如果大于，则要把标题的宽度作为totalwidth
+        QFontMetrics fm = mTitleLabel->fontMetrics();
+        int textWidth   = SA_FONTMETRICS_WIDTH(fm, pannel->pannelName());
+        textWidth += 4;
+        if (totalWidth < textWidth) {
+            totalWidth             = textWidth;
+            isTitleWidthThanPannel = true;  // 说明标题的长度大于按钮布局的长度
+        }
+    }
+    // 布局optionActionButton
+
+    if (isHaveOptionAction()) {
+        QSize optBtnSize = optionActionButtonSize();
+        if (isEnableShowPannelTitle()) {
+            // 有标题
+            mOptionActionBtnGeometry.setRect(mTitleLabelGeometry.right() - mTitleLabelGeometry.height(),
+                                             mTitleLabelGeometry.y(),
+                                             mTitleLabelGeometry.height(),
+                                             mTitleLabelGeometry.height());
+
+            // 特殊情况，如果pannel的标题长度大于totalWidth，那么说明totalWidth比较短
+            // 这时候，optionActionBtn的宽度要加上到标题宽度上
+            if (isTitleWidthThanPannel) {
+                // 由于文字是居中对齐，因此要扩展2个按钮的宽度
+                totalWidth += (2 * titleH);
+            }
+        } else {
+            // 无标题
+            mOptionActionBtnGeometry.setRect(setrect.right() - optBtnSize.width() - mag.right(),
+                                             setrect.bottom() - optBtnSize.height() - mag.bottom(),
+                                             optBtnSize.width(),
+                                             optBtnSize.height());
+            totalWidth += optBtnSize.width();
+        }
+    }
+    // 刷新sizeHint
+    int heightHint  = SARibbonPannel::pannelHeightHint(pannel->fontMetrics(), pannel->pannelLayoutMode(), titleH);
+    this->mSizeHint = QSize(totalWidth, heightHint);
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "| |-SARibbonPannelLayout updateGeomArray(" << setrect << "),pannel name = " << pannel->pannelName()
+             << "\n| | |-size hint =" << this->m_sizeHint  //
+             << "\n| | |-totalWidth=" << totalWidth        //
+             << "\n| | |-last x=" << x                     //
+             << "\n| | |-columMaxWidth=" << columMaxWidth  //
+             << "\n| | |-spacing=" << spacing              //
+             << "\n| | |-mag=" << mag                      //
+             << "\n| | |-largeHeight=" << largeHeight      //
+             << "\n| | |-smallHeight=" << smallHeight      //
+        ;
+    qDebug().noquote() << debug_print__log__;
+#endif
+}
+
+void SARibbonPannelLayout::recalcExpandGeomArray(const QRect& setrect)
+{
+    // 计算能扩展的尺寸
+    int expandwidth = setrect.width() - this->mSizeHint.width();
+
+    if (expandwidth <= 0) {
+        // 没有必要设置
+        return;
+    }
+    // 列扩展信息
+    struct _columnExpandInfo
+    {
+        int oldColumnWidth      = 0;   ///< 原来的列宽
+        int columnMaximumWidth  = -1;  ///< 列的最大宽度
+        int columnExpandedWidth = 0;   ///< 扩展后列的宽度
+        QList< SARibbonPannelItem* > expandItems;
+    };
+    // 此变量用于记录可以水平扩展的列和控件，在布局结束后，如果还有空间，就把水平扩展的控件进行扩展
+    QMap< int, _columnExpandInfo > columnExpandInfo;
+
+    for (SARibbonPannelItem* item : qAsConst(mItems)) {
+        if ((!item->isEmpty()) && item->expandingDirections() & Qt::Horizontal) {
+            // 只获取可见的
+            QMap< int, _columnExpandInfo >::iterator i = columnExpandInfo.find(item->columnIndex);
+            if (i == columnExpandInfo.end()) {
+                i = columnExpandInfo.insert(item->columnIndex, _columnExpandInfo());
+            }
+            i.value().expandItems.append(item);
+        }
+    }
+    if (columnExpandInfo.size() <= 0) {
+        // 没有需要扩展的就退出
+        return;
+    }
+    // 获取完可扩展的列和控件后，计算对应的列的尺寸
+    // 计算能扩展的尺寸
+    int oneColCanexpandWidth = expandwidth / columnExpandInfo.size();
+
+    for (QMap< int, _columnExpandInfo >::iterator i = columnExpandInfo.begin(); i != columnExpandInfo.end();) {
+        int& oldColumnWidth     = i.value().oldColumnWidth;
+        int& columnMaximumWidth = i.value().columnMaximumWidth;
+        this->columnWidthInfo(i.key(), oldColumnWidth, columnMaximumWidth);
+        if ((oldColumnWidth <= 0) || (oldColumnWidth > columnMaximumWidth)) {
+            // 如果小于0说明没有这个列，这种属于异常，删除继续
+            //  oldColumnWidth > columnMaximumWidth也是异常
+            i = columnExpandInfo.erase(i);
+            continue;
+        }
+        // 开始调整
+        int colwidth = oneColCanexpandWidth + oldColumnWidth;  // 先扩展了
+        if (colwidth >= columnMaximumWidth) {
+            // 过最大宽度要求
+            i.value().columnExpandedWidth = columnMaximumWidth;
+        } else {
+            i.value().columnExpandedWidth = colwidth;
+        }
+        ++i;
+    }
+    // 从新调整尺寸
+    // 由于会涉及其他列的变更，因此需要所有都遍历一下
+    for (auto i = columnExpandInfo.begin(); i != columnExpandInfo.end(); ++i) {
+        int moveXLen = i.value().columnExpandedWidth - i.value().oldColumnWidth;
+        for (SARibbonPannelItem* item : qAsConst(mItems)) {
+            if (item->isEmpty() || (item->columnIndex < i.key())) {
+                // 之前的列不用管
+                continue;
+            }
+            if (item->columnIndex == i.key()) {
+                // 此列的扩展
+                if (i.value().expandItems.contains(item)) {
+                    // 此列需要扩展的item才扩展尺寸
+                    item->itemWillSetGeometry.setWidth(i.value().columnExpandedWidth);
+                } else {
+                    // 此列不扩展的模块保持原来的尺寸
+                    continue;
+                }
+            } else {
+                // 后面的移动
+                item->itemWillSetGeometry.moveLeft(item->itemWillSetGeometry.x() + moveXLen);
+            }
+        }
+    }
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "| |-SARibbonPannelLayout recalcExpandGeomArray(" << setrect
+             << ") pannelName=" << ribbonPannel()->pannelName()  //
+             << ",expandwidth=" << expandwidth                   //
+        ;
+#endif
+}
+
+/**
+ * @brief 根据列数，计算窗口的宽度，以及最大宽度
+ * @param colindex
+ * @param width 如果传入没有这个列，返回-1
+ * @param maximum 如果传入没有这个列，返回-1
+ */
+void SARibbonPannelLayout::columnWidthInfo(int colindex, int& width, int& maximum) const
+{
+    width   = -1;
+    maximum = -1;
+    for (SARibbonPannelItem* item : mItems) {
+        if (!item->isEmpty() && (item->columnIndex == colindex)) {
+            width   = qMax(width, item->itemWillSetGeometry.width());
+            maximum = qMax(maximum, item->widget()->maximumWidth());
+        }
+    }
+}
+
+SARibbonPannelLabel* SARibbonPannelLayout::pannelTitleLabel() const
+{
+    return mTitleLabel;
+}
+
+void SARibbonPannelLayout::setToolButtonIconSize(const QSize& s)
+{
+    mDefaultToolButtonIconSize = s;
+}
+
+QSize SARibbonPannelLayout::toolButtonIconSize() const
+{
+    return mDefaultToolButtonIconSize;
+}
+
+/**
+ * @brief 获取optionAction 按钮尺寸
+ * @return
+ */
+QSize SARibbonPannelLayout::optionActionButtonSize() const
+{
+    return (isEnableShowPannelTitle() ? QSize(12, 12) : QSize(mTitleHeight, mTitleHeight));
+}
+
+void SARibbonPannelLayout::setPannelTitleLabel(SARibbonPannelLabel* newTitleLabel)
+{
+    mTitleLabel = newTitleLabel;
+    // 确保m_optionActionBtn在label之上
+    if (mOptionActionBtn) {
+        if (mTitleLabel) {
+            mTitleLabel->stackUnder(mOptionActionBtn);
+        }
+    }
+}
+
+/**
+ * @brief 标题区域和按钮的间隔
+ * @return
+ */
+int SARibbonPannelLayout::pannelTitleSpace() const
+{
+    return mTitleSpace;
+}
+
+/**
+ * @brief 设置标题区域和按钮的间隔
+ * @param newTitleSpace
+ */
+void SARibbonPannelLayout::setPannelTitleSpace(int newTitleSpace)
+{
+    if (mTitleSpace == newTitleSpace) {
+        return;
+    }
+    mTitleSpace = newTitleSpace;
+    invalidate();
+}
+
+/**
+ * @brief 标题高度
+ * @return
+ */
+int SARibbonPannelLayout::pannelTitleHeight() const
+{
+    return mTitleHeight;
+}
+
+/**
+ * @brief 设置标题高度
+ * @param newTitleHeight
+ */
+void SARibbonPannelLayout::setPannelTitleHeight(int newTitleHeight)
+{
+    if (mTitleHeight == newTitleHeight) {
+        return;
+    }
+    mTitleHeight = newTitleHeight;
+    invalidate();
+}
+
+/**
+ * @brief 判断是否存在标题
+ * @return
+ */
+bool SARibbonPannelLayout::isEnableShowPannelTitle() const
+{
+    return mEnableShowTitle;
+}
+
+/**
+ * @brief 设置显示标题
+ * @param on
+ */
+void SARibbonPannelLayout::setEnableShowPannelTitle(bool on)
+{
+    if (mEnableShowTitle == on) {
+        return;
+    }
+    mEnableShowTitle = on;
+    invalidate();
+}
+
+/**
+ * @brief 大按钮的高度
+ * @return
+ */
+int SARibbonPannelLayout::largeButtonHeight() const
+{
+    return mLargeHeight;
+}
+
+void SARibbonPannelLayout::setGeometry(const QRect& rect)
+{
+    QRect old = geometry();
+    if (old == rect) {
+        return;
+    }
+#if SARibbonPannelLayout_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "| |----->SARibbonPannelLayout.setGeometry(" << rect << "(" << ribbonPannel()->pannelName() << ")=======";
+#endif
+    QLayout::setGeometry(rect);
+    mDirty = false;
+    updateGeomArray(rect);
+    doLayout();
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonPannelLayout.h b/gui/SARibbon/src/SARibbonBar/SARibbonPannelLayout.h
new file mode 100644
index 0000000..d45abf2
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonPannelLayout.h
@@ -0,0 +1,113 @@
+#ifndef SARIBBONPANNELLAYOUT_H
+#define SARIBBONPANNELLAYOUT_H
+#include "SARibbonGlobal.h"
+#include <QLayout>
+#include "SARibbonPannelItem.h"
+class QToolButton;
+class SARibbonPannel;
+class SARibbonPannelLabel;
+/**
+ * @brief 针对SARibbonPannel的布局
+ *
+ * SARibbonPannelLayout实际是一个列布局，每一列有2~3行，看窗口定占几行
+ *
+ * 核心函数： @ref SARibbonPannelLayout::createItem
+ *
+ * @note QLayout::contentsMargins 函数不会启作用,如果要设置contentsMargins，使用@sa setPannelContentsMargins
+ */
+class SA_RIBBON_EXPORT SARibbonPannelLayout : public QLayout
+{
+    Q_OBJECT
+    friend class SARibbonPannel;
+
+public:
+    explicit SARibbonPannelLayout(QWidget* p = nullptr);
+    ~SARibbonPannelLayout();
+    // SARibbonPannelLayout additem 无效
+    void addItem(QLayoutItem* item) Q_DECL_OVERRIDE;
+    // QLayout 所必须的重载函数
+    QLayoutItem* itemAt(int index) const Q_DECL_OVERRIDE;
+    QLayoutItem* takeAt(int index) Q_DECL_OVERRIDE;
+    int count() const Q_DECL_OVERRIDE;
+    bool isEmpty() const Q_DECL_OVERRIDE;
+    void invalidate() Q_DECL_OVERRIDE;
+    Qt::Orientations expandingDirections() const Q_DECL_OVERRIDE;
+    void setGeometry(const QRect& rect) Q_DECL_OVERRIDE;
+    QSize minimumSize() const Q_DECL_OVERRIDE;
+    QSize sizeHint() const Q_DECL_OVERRIDE;
+
+    // 获取ribbonpannel
+    SARibbonPannel* ribbonPannel() const;
+    // SARibbonPannel主要通过此函数来添加action
+    void insertAction(int index, QAction* act, SARibbonPannelItem::RowProportion rp = SARibbonPannelItem::None);
+    // 设置OptionAction，如果要去除，传入nullptr指针即可
+    void setOptionAction(QAction* action);
+    bool isHaveOptionAction() const;
+    // 通过action获取SARibbonPannelItem
+    SARibbonPannelItem* pannelItem(QAction* action) const;
+    // 获取最后一个添加的item
+    SARibbonPannelItem* lastItem() const;
+    // 获取最后生成的窗口
+    QWidget* lastWidget() const;
+    // 移动两个item
+    void move(int from, int to);
+    // 判断是否需要重新布局
+    bool isDirty() const;
+    // 更新尺寸
+    void updateGeomArray();
+    // 通过action获取SARibbonPannelItem的索引
+    int indexByAction(QAction* action) const;
+    // 标题高度
+    int pannelTitleHeight() const;
+    void setPannelTitleHeight(int newTitleHeight);
+    // 判断是否存在标题
+    bool isEnableShowPannelTitle() const;
+    void setEnableShowPannelTitle(bool on);
+    // 返回大按钮的高度
+    int largeButtonHeight() const;
+    // 标题区域和按钮的间隔
+    int pannelTitleSpace() const;
+    void setPannelTitleSpace(int newTitleSpace);
+    // pannel 标题的label
+    SARibbonPannelLabel* pannelTitleLabel() const;
+    // 设置按钮的icon尺寸，large action不受此尺寸影响
+    void setToolButtonIconSize(const QSize& s);
+    QSize toolButtonIconSize() const;
+
+protected:
+    // 获取optionAction 按钮尺寸
+    QSize optionActionButtonSize() const;
+    // 布局action
+    void doLayout();
+    // 把action转换为item，对于纯Action，此函数会创建SARibbonToolButton,
+    //  rp用于告诉Layout生成什么样的窗口，详细见SARibbonPannelItem::RowProportion
+    SARibbonPannelItem* createItem(QAction* action, SARibbonPannelItem::RowProportion rp = SARibbonPannelItem::None);
+    void updateGeomArray(const QRect& setrect);
+    // 重新计算扩展条码，此函数必须在updateGeomArray函数之后调用
+    void recalcExpandGeomArray(const QRect& setrect);
+    // 返回optionActionButton的尺寸
+
+private:
+    // 根据列数，计算窗口的宽度，以及最大宽度
+    void columnWidthInfo(int colindex, int& width, int& maximum) const;
+    // 设置titlelabel
+    void setPannelTitleLabel(SARibbonPannelLabel* newTitleLabel);
+
+private:
+    QList< SARibbonPannelItem* > mItems;
+    int mColumnCount { 0 };                       ///< 记录有多少列
+    bool mExpandFlag { false };                   ///< 标记是否是会扩展的
+    QSize mSizeHint;                              ///< sizeHint返回的尺寸
+    QSize mDefaultToolButtonIconSize { 22, 22 };  ///< 记录默认的按钮图标尺寸
+    bool mDirty { true };                         ///< 用于标记是否需要刷新元素，参考QToolBarLayout源码
+    int mLargeHeight { 0 };                       ///< 记录大图标的高度
+    int mTitleHeight { 15 };                      ///< 标题区域高度
+    int mTitleSpace { 2 };                        ///< 标题区域和按钮的间隔
+    bool mEnableShowTitle { true };               ///< 是否运行显示pannel标题
+    SARibbonPannelLabel* mTitleLabel { nullptr };  ///< titlelabel指针
+    QRect mTitleLabelGeometry;                     ///< titlelabel的位置
+    QToolButton* mOptionActionBtn { nullptr };     ///< optionAction对应的button
+    QRect mOptionActionBtnGeometry;                ///< optionAction的位置
+};
+
+#endif  // SARIBBONPANNELLAYOUT_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonPannelOptionButton.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonPannelOptionButton.cpp
new file mode 100644
index 0000000..7db387a
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonPannelOptionButton.cpp
@@ -0,0 +1,16 @@
+#include "SARibbonPannelOptionButton.h"
+#include <QAction>
+
+SARibbonPannelOptionButton::SARibbonPannelOptionButton(QWidget* parent) : QToolButton(parent)
+{
+    setAutoRaise(true);
+    setCheckable(false);
+    setToolButtonStyle(Qt::ToolButtonIconOnly);
+    setIconSize(QSize(10, 10));
+    static QIcon s_default_icon = QIcon(":/image/resource/ribbonPannelOptionButton.png");
+    setIcon(s_default_icon);
+}
+
+SARibbonPannelOptionButton::~SARibbonPannelOptionButton()
+{
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonPannelOptionButton.h b/gui/SARibbon/src/SARibbonBar/SARibbonPannelOptionButton.h
new file mode 100644
index 0000000..4753696
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonPannelOptionButton.h
@@ -0,0 +1,24 @@
+#ifndef SARIBBONPANNELOPTIONBUTTON_H
+#define SARIBBONPANNELOPTIONBUTTON_H
+#include <QToolButton>
+#include "SARibbonGlobal.h"
+class QAction;
+
+/**
+ * @brief Pannel右下角的操作按钮
+ *
+ * 此按钮和一个action关联，使用@ref SARibbonPannel::addOptionAction 函数用于生成此按钮，正常来说
+ * 用户并不需要直接操作此类，仅仅用于样式设计
+ * 如果一定要重载此按钮，可以通过重载@ref SARibbonElementFactory
+ * 的 @ref SARibbonElementFactory::createRibbonPannelOptionButton来实现新的OptionButton
+ *
+ */
+class SA_RIBBON_EXPORT SARibbonPannelOptionButton : public QToolButton
+{
+    Q_OBJECT
+public:
+    explicit SARibbonPannelOptionButton(QWidget* parent = nullptr);
+    ~SARibbonPannelOptionButton();
+};
+
+#endif  // SAROBBONPANNELOPTIONBUTTON_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonQuickAccessBar.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonQuickAccessBar.cpp
new file mode 100644
index 0000000..33ce838
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonQuickAccessBar.cpp
@@ -0,0 +1,92 @@
+#include "SARibbonQuickAccessBar.h"
+#include "SARibbonButtonGroupWidget.h"
+#include "SARibbonSeparatorWidget.h"
+#include <QGuiApplication>
+
+/**
+ * @brief The SARibbonQuickAccessBarPrivate class
+ */
+class SARibbonQuickAccessBar::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonQuickAccessBar)
+public:
+    PrivateData(SARibbonQuickAccessBar* p);
+
+public:
+    SARibbonButtonGroupWidget* mGroupWidget { nullptr };
+};
+
+SARibbonQuickAccessBar::PrivateData::PrivateData(SARibbonQuickAccessBar* p) : q_ptr(p)
+{
+}
+
+//===================================================
+// SARibbonQuickAccessBar
+//===================================================
+SARibbonQuickAccessBar::SARibbonQuickAccessBar(QWidget* parent)
+    : SARibbonCtrlContainer(parent), d_ptr(new SARibbonQuickAccessBar::PrivateData(this))
+{
+    d_ptr->mGroupWidget = new SARibbonButtonGroupWidget(this);
+    d_ptr->mGroupWidget->setSizePolicy(QSizePolicy(QSizePolicy::Preferred, QSizePolicy::Expanding));
+    setContainerWidget(d_ptr->mGroupWidget);
+}
+
+SARibbonQuickAccessBar::~SARibbonQuickAccessBar()
+{
+}
+
+void SARibbonQuickAccessBar::addSeparator()
+{
+    d_ptr->mGroupWidget->addSeparator();
+}
+
+void SARibbonQuickAccessBar::addAction(QAction* act, Qt::ToolButtonStyle buttonStyle, QToolButton::ToolButtonPopupMode popMode)
+{
+    d_ptr->mGroupWidget->addAction(act, buttonStyle, popMode);
+}
+
+void SARibbonQuickAccessBar::addWidget(QWidget* w)
+{
+    d_ptr->mGroupWidget->addWidget(w);
+}
+
+void SARibbonQuickAccessBar::addMenu(QMenu* m, Qt::ToolButtonStyle buttonStyle, QToolButton::ToolButtonPopupMode popMode)
+{
+    d_ptr->mGroupWidget->addMenu(m, buttonStyle, popMode);
+}
+
+/**
+ * @brief 获取内部管理的ButtonGroupWidget
+ * @return
+ */
+SARibbonButtonGroupWidget* SARibbonQuickAccessBar::buttonGroupWidget()
+{
+    return d_ptr->mGroupWidget;
+}
+
+/**
+ * @brief 获取内部管理的ButtonGroupWidget
+ * @return
+ */
+const SARibbonButtonGroupWidget* SARibbonQuickAccessBar::buttonGroupWidget() const
+{
+    return d_ptr->mGroupWidget;
+}
+
+/**
+ * @brief 图标尺寸
+ * @param s
+ */
+void SARibbonQuickAccessBar::setIconSize(const QSize& s)
+{
+    d_ptr->mGroupWidget->setIconSize(s);
+}
+
+/**
+ * @brief SARibbonQuickAccessBar::iconSize
+ * @return
+ */
+QSize SARibbonQuickAccessBar::iconSize() const
+{
+    return d_ptr->mGroupWidget->iconSize();
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonQuickAccessBar.h b/gui/SARibbon/src/SARibbonBar/SARibbonQuickAccessBar.h
new file mode 100644
index 0000000..38a04e6
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonQuickAccessBar.h
@@ -0,0 +1,35 @@
+#ifndef SARIBBONQUICKACCESSBAR_H
+#define SARIBBONQUICKACCESSBAR_H
+#include "SARibbonGlobal.h"
+#include "SARibbonCtrlContainer.h"
+#include <QMenu>
+#include <QToolButton>
+class SARibbonToolButton;
+class SARibbonButtonGroupWidget;
+///
+/// \brief ribbon左上顶部的快速响应栏
+///
+class SA_RIBBON_EXPORT SARibbonQuickAccessBar : public SARibbonCtrlContainer
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonQuickAccessBar)
+public:
+    explicit SARibbonQuickAccessBar(QWidget* parent = nullptr);
+    ~SARibbonQuickAccessBar();
+    void addSeparator();
+    void addAction(QAction* act,
+                   Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+                   QToolButton::ToolButtonPopupMode popMode = QToolButton::DelayedPopup);
+    void addWidget(QWidget* w);
+    void addMenu(QMenu* m,
+                 Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+                 QToolButton::ToolButtonPopupMode popMode = QToolButton::InstantPopup);
+    // 获取内部管理的ButtonGroupWidget
+    SARibbonButtonGroupWidget* buttonGroupWidget();
+    const SARibbonButtonGroupWidget* buttonGroupWidget() const;
+    // 设置图标尺寸
+    void setIconSize(const QSize& s);
+    QSize iconSize() const;
+};
+
+#endif  // SARIBBONQUICKACCESSBAR_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonSeparatorWidget.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonSeparatorWidget.cpp
new file mode 100644
index 0000000..c49a0fd
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonSeparatorWidget.cpp
@@ -0,0 +1,26 @@
+#include "SARibbonSeparatorWidget.h"
+#include <QApplication>
+#include <QScreen>
+#include <QStylePainter>
+#include <QPainter>
+#include <QDebug>
+
+SARibbonSeparatorWidget::SARibbonSeparatorWidget(QWidget* parent) : QFrame(parent)
+{
+    setFrameShape(QFrame::VLine);
+    setFrameShadow(QFrame::Plain);
+
+    if(QScreen* screen     = QApplication::primaryScreen()){
+        qreal dpr           = screen->physicalDotsPerInch() / screen->logicalDotsPerInch();
+        int scaledLineWidth = qRound(1.0 * dpr);  // 假设基础 lineWidth 是 1
+        setLineWidth(scaledLineWidth);
+        //    qDebug() << "SARibbonSeparatorWidget:" << scaledLineWidth;
+    }else{
+        setLineWidth(1);
+    }
+
+}
+
+SARibbonSeparatorWidget::~SARibbonSeparatorWidget()
+{
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonSeparatorWidget.h b/gui/SARibbon/src/SARibbonBar/SARibbonSeparatorWidget.h
new file mode 100644
index 0000000..2009730
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonSeparatorWidget.h
@@ -0,0 +1,18 @@
+#ifndef SARIBBONSEPARATORWIDGET_H
+#define SARIBBONSEPARATORWIDGET_H
+#include "SARibbonGlobal.h"
+#include <QFrame>
+#include <QStyleOption>
+
+///
+/// \brief 用于显示分割线
+///
+class SA_RIBBON_EXPORT SARibbonSeparatorWidget : public QFrame
+{
+    Q_OBJECT
+public:
+    explicit SARibbonSeparatorWidget(QWidget* parent = nullptr);
+    ~SARibbonSeparatorWidget();
+};
+
+#endif  // SARIBBONSEPARATORWIDGET_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonStackedWidget.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonStackedWidget.cpp
new file mode 100644
index 0000000..213366f
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonStackedWidget.cpp
@@ -0,0 +1,115 @@
+#include "SARibbonStackedWidget.h"
+#include <QEventLoop>
+#include <QResizeEvent>
+#include <QMouseEvent>
+#include <QDebug>
+#include <QApplication>
+
+/**
+ * @brief The SARibbonStackedWidgetPrivate class
+ */
+class SARibbonStackedWidget::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonStackedWidget)
+public:
+    QEventLoop* eventLoop { nullptr };
+
+public:
+    PrivateData(SARibbonStackedWidget* p) : q_ptr(p)
+    {
+    }
+
+    void init()
+    {
+        // Parent->setFocusPolicy(Qt::StrongFocus);
+    }
+};
+
+SARibbonStackedWidget::SARibbonStackedWidget(QWidget* parent)
+    : QStackedWidget(parent), d_ptr(new SARibbonStackedWidget::PrivateData(this))
+{
+    d_ptr->init();
+    setNormalMode();
+}
+
+SARibbonStackedWidget::~SARibbonStackedWidget()
+{
+    if (d_ptr->eventLoop) {
+        d_ptr->eventLoop->exit();
+    }
+}
+
+void SARibbonStackedWidget::setPopupMode()
+{
+    setMouseTracking(true);
+    setWindowFlags(Qt::Popup | Qt::FramelessWindowHint);
+    setFrameShape(QFrame::Panel);
+}
+
+bool SARibbonStackedWidget::isPopupMode() const
+{
+    return (windowFlags() & Qt::Popup);
+}
+
+void SARibbonStackedWidget::setNormalMode()
+{
+    if (d_ptr->eventLoop) {
+        d_ptr->eventLoop->exit();
+        d_ptr->eventLoop = nullptr;
+    }
+    setMouseTracking(false);
+    setWindowFlags(Qt::Widget | Qt::FramelessWindowHint);
+    setFrameShape(QFrame::NoFrame);
+}
+
+bool SARibbonStackedWidget::isNormalMode() const
+{
+    return (!isPopupMode());
+}
+
+void SARibbonStackedWidget::exec()
+{
+    show();
+    if (!isPopupMode()) {
+        d_ptr->eventLoop = nullptr;
+        return;
+    }
+    QEventLoop event;
+
+    d_ptr->eventLoop = &event;
+    event.exec();
+    d_ptr->eventLoop = nullptr;
+}
+
+void SARibbonStackedWidget::moveWidget(int from, int to)
+{
+    QWidget* w = widget(from);
+
+    removeWidget(w);
+    insertWidget(to, w);
+}
+
+void SARibbonStackedWidget::hideEvent(QHideEvent* e)
+{
+    if (isPopupMode()) {
+        if (d_ptr->eventLoop) {
+            d_ptr->eventLoop->exit();
+        }
+    }
+    setFocus();
+    Q_EMIT hidWindow();
+
+    QStackedWidget::hideEvent(e);
+}
+
+void SARibbonStackedWidget::resizeEvent(QResizeEvent* e)
+{
+    QStackedWidget::resizeEvent(e);
+    for (int i = 0; i < count(); ++i) {
+        if (i == currentIndex()) {
+            continue;
+        }
+        QEvent* layE = new QEvent(QEvent::LayoutRequest);
+        QApplication::postEvent(widget(i), layE);
+    }
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonStackedWidget.h b/gui/SARibbon/src/SARibbonBar/SARibbonStackedWidget.h
new file mode 100644
index 0000000..c841ccc
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonStackedWidget.h
@@ -0,0 +1,43 @@
+#ifndef SARIBBONSTACKEDWIDGET_H
+#define SARIBBONSTACKEDWIDGET_H
+#include <QStackedWidget>
+#include "SARibbonGlobal.h"
+class QHideEvent;
+class QResizeEvent;
+
+/**
+ * @brief 有qdialog功能的stackwidget，用于在最小化时stack能像dialog那样弹出来
+ */
+class SA_RIBBON_EXPORT SARibbonStackedWidget : public QStackedWidget
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonStackedWidget)
+public:
+    explicit SARibbonStackedWidget(QWidget* parent);
+    ~SARibbonStackedWidget();
+    void setPopupMode();
+    bool isPopupMode() const;
+    void setNormalMode();
+    bool isNormalMode() const;
+    void exec();
+
+    /**
+     * @brief 类似tabbar的moveTab函数，交换两个窗口的index
+     * @param from
+     * @param to
+     * @note 此操作会触发widgetRemoved(int index)信号
+     */
+    void moveWidget(int from, int to);
+
+protected:
+    //    void mouseReleaseEvent(QMouseEvent *e);
+    void hideEvent(QHideEvent* e) Q_DECL_OVERRIDE;
+    virtual void resizeEvent(QResizeEvent* e) Q_DECL_OVERRIDE;
+Q_SIGNALS:
+    /**
+     * @brief hidWindow
+     */
+    void hidWindow();
+};
+
+#endif  // SARIBBONSTACKEDWIDGET_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonSystemButtonBar.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonSystemButtonBar.cpp
new file mode 100644
index 0000000..dd6b2fe
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonSystemButtonBar.cpp
@@ -0,0 +1,467 @@
+#include "SARibbonSystemButtonBar.h"
+#include <QToolButton>
+#include <QResizeEvent>
+#include <QStyle>
+#include <QDebug>
+#include <QScopedPointer>
+#include <QWindowStateChangeEvent>
+#include "SARibbonMainWindow.h"
+#include "SARibbonBar.h"
+#include "SARibbonElementManager.h"
+#include "SARibbonButtonGroupWidget.h"
+
+// 为了避免使用此框架的app设置了全局的qpushbutton 的 qss样式影响此按钮，定义了一个类
+
+/**
+ * @brief The SARibbonSystemButtonBar class
+ */
+class SARibbonSystemButtonBar::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonSystemButtonBar)
+public:
+    SARibbonSystemToolButton* buttonClose { nullptr };
+    SARibbonSystemToolButton* buttonMinimize { nullptr };
+    SARibbonSystemToolButton* buttonMaximize { nullptr };
+    int mCloseStretch { 4 };
+    int mMaxStretch { 3 };
+    int mMinStretch { 3 };
+    int mWindowButtonWidth { 35 };
+    int mTitleBarHeight { 28 };
+    Qt::WindowFlags mFlags { Qt::WindowMinMaxButtonsHint | Qt::WindowCloseButtonHint };
+    SARibbonButtonGroupWidget* mButtonGroup;
+
+public:
+    PrivateData(SARibbonSystemButtonBar* p) : q_ptr(p)
+    {
+        mButtonGroup = new SARibbonButtonGroupWidget(p);
+        mButtonGroup->setObjectName("SASystemButtonGroup");
+    }
+
+    void setupMinimizeButton(bool on)
+    {
+        SARibbonSystemButtonBar* par = q_ptr;
+
+        if (on) {
+            if (buttonMinimize) {
+                buttonMinimize->deleteLater();
+                buttonMinimize = nullptr;
+            }
+            buttonMinimize = new SARibbonSystemToolButton(par);
+            buttonMinimize->setObjectName(QStringLiteral("SAMinimizeWindowButton"));
+            buttonMinimize->setFocusPolicy(Qt::NoFocus);  // 避免铺抓到
+            buttonMinimize->show();
+            par->connect(buttonMinimize, &QAbstractButton::clicked, par, &SARibbonSystemButtonBar::minimizeWindow);
+        } else {
+            if (buttonMinimize) {
+                buttonMinimize->deleteLater();
+                buttonMinimize = nullptr;
+            }
+        }
+        updateSize();
+    }
+
+    void setupMaximizeButton(bool on)
+    {
+        SARibbonSystemButtonBar* par = q_ptr;
+
+        if (on) {
+            if (buttonMaximize) {
+                buttonMaximize->deleteLater();
+                buttonMaximize = nullptr;
+            }
+            buttonMaximize = new SARibbonSystemToolButton(par);
+            buttonMaximize->setObjectName(QStringLiteral("SAMaximizeWindowButton"));
+            buttonMaximize->setCheckable(true);
+            buttonMaximize->setFocusPolicy(Qt::NoFocus);  // 避免铺抓到
+            //            buttonMaximize->setIconSize(buttonMaximize->size() * mIconscale);
+            buttonMaximize->show();
+            par->connect(buttonMaximize, &QAbstractButton::clicked, par, &SARibbonSystemButtonBar::maximizeWindow);
+        } else {
+            if (buttonMaximize) {
+                buttonMaximize->deleteLater();
+                ;
+                buttonMaximize = nullptr;
+            }
+        }
+        updateSize();
+    }
+
+    void setupCloseButton(bool on)
+    {
+        SARibbonSystemButtonBar* par = q_ptr;
+
+        if (on) {
+            if (buttonClose) {
+                buttonClose->deleteLater();
+                buttonClose = nullptr;
+            }
+            buttonClose = new SARibbonSystemToolButton(par);
+            buttonClose->setObjectName(QStringLiteral("SACloseWindowButton"));
+            buttonClose->setFocusPolicy(Qt::NoFocus);  // 避免铺抓到
+            // buttonClose->setFlat(true);
+            par->connect(buttonClose, &QAbstractButton::clicked, par, &SARibbonSystemButtonBar::closeWindow);
+            //            buttonClose->setIconSize(buttonClose->size() * mIconscale);
+            buttonClose->show();
+        } else {
+            if (buttonClose) {
+                buttonClose->deleteLater();
+                ;
+                buttonClose = nullptr;
+            }
+        }
+        updateSize();
+    }
+
+    void updateSize()
+    {
+        resizeElement(q_ptr->size());
+    }
+
+    void resizeElement(QSize size)
+    {
+        int x = size.width();
+        if (buttonClose) {
+            int w = closeButtonWidthHint();
+            x -= w;
+            buttonClose->setGeometry(x, 0, w, size.height());
+        }
+        if (buttonMaximize) {
+            int w = maxButtonWidthHint();
+            x -= w;
+            buttonMaximize->setGeometry(x, 0, w, size.height());
+        }
+        if (buttonMinimize) {
+            int w = minButtonWidthHint();
+            x -= w;
+            buttonMinimize->setGeometry(x, 0, w, size.height());
+        }
+        if (mButtonGroup) {
+            mButtonGroup->setGeometry(0, 0, x, size.height());
+        }
+    }
+
+    int closeButtonWidthHint() const
+    {
+        qreal t = mCloseStretch + mMaxStretch + mMinStretch;
+        return (mCloseStretch * (3 * mWindowButtonWidth)) / t;
+    }
+
+    int maxButtonWidthHint() const
+    {
+        qreal t = mCloseStretch + mMaxStretch + mMinStretch;
+        return (mMaxStretch * (3 * mWindowButtonWidth)) / t;
+    }
+
+    int minButtonWidthHint() const
+    {
+        qreal t = mCloseStretch + mMaxStretch + mMinStretch;
+        return (mMinStretch * (3 * mWindowButtonWidth)) / t;
+    }
+
+    QSize sizeHint() const
+    {
+        int height = mTitleBarHeight;
+        if (height < 20) {
+            height = 20;
+        }
+        QSize res(0, 0);
+        if (mButtonGroup) {
+            res = mButtonGroup->sizeHint();
+        }
+        res.setHeight(height);
+        if (buttonClose) {
+            res.setWidth(res.width() + closeButtonWidthHint());
+        }
+        if (buttonMaximize) {
+            res.setWidth(res.width() + maxButtonWidthHint());
+        }
+        if (buttonMinimize) {
+            res.setWidth(res.width() + minButtonWidthHint());
+        }
+        return res;
+    }
+};
+
+//===================================================
+// SARibbonSystemToolButton
+//===================================================
+SARibbonSystemToolButton::SARibbonSystemToolButton(QWidget* p) : QToolButton(p)
+{
+    setAutoRaise(true);
+}
+//===================================================
+// SARibbonSystemButtonBar
+//===================================================
+SARibbonSystemButtonBar::SARibbonSystemButtonBar(QWidget* parent)
+    : QFrame(parent), d_ptr(new SARibbonSystemButtonBar::PrivateData(this))
+{
+    updateWindowFlag();
+}
+
+/**
+ * @brief 构造函数，强制使用flags，而不是用parent的flags进行构造
+ * @param parent
+ * @param flags
+ */
+SARibbonSystemButtonBar::SARibbonSystemButtonBar(QWidget* parent, Qt::WindowFlags flags)
+    : QFrame(parent), d_ptr(new SARibbonSystemButtonBar::PrivateData(this))
+{
+    d_ptr->mFlags = flags;
+    updateWindowFlag();
+}
+
+SARibbonSystemButtonBar::~SARibbonSystemButtonBar()
+{
+}
+
+void SARibbonSystemButtonBar::setupMinimizeButton(bool on)
+{
+    d_ptr->setupMinimizeButton(on);
+}
+
+void SARibbonSystemButtonBar::setupMaximizeButton(bool on)
+{
+    d_ptr->setupMaximizeButton(on);
+}
+
+void SARibbonSystemButtonBar::setupCloseButton(bool on)
+{
+    d_ptr->setupCloseButton(on);
+}
+
+void SARibbonSystemButtonBar::updateWindowFlag()
+{
+    QWidget* topedWidget = this;
+    // 找到最顶层窗口
+    while (topedWidget->parentWidget()) {
+        topedWidget = topedWidget->parentWidget();
+    }
+    Qt::WindowFlags flags = topedWidget->windowFlags();
+    updateWindowFlag(flags);
+}
+
+/**
+ * @brief 此函数仅用于控制最小最大化和关闭按钮的显示
+ * @param flags
+ */
+void SARibbonSystemButtonBar::updateWindowFlag(Qt::WindowFlags flags)
+{
+    d_ptr->mFlags = flags;
+    setupMinimizeButton(flags & Qt::WindowMinimizeButtonHint);
+    setupMaximizeButton(flags & Qt::WindowMaximizeButtonHint);
+    setupCloseButton(flags & Qt::WindowCloseButtonHint);
+}
+
+/**
+ * @brief 设置按钮的宽度比例,最终按钮宽度将按照此比例进行设置
+ * @param close 关闭按钮比例
+ * @param max 最大化按钮比例
+ * @param min 最小化按钮比例
+ */
+void SARibbonSystemButtonBar::setButtonWidthStretch(int close, int max, int min)
+{
+    d_ptr->mMaxStretch   = max;
+    d_ptr->mMinStretch   = min;
+    d_ptr->mCloseStretch = close;
+}
+
+/**
+ * @brief 标题栏高度
+ *
+ * 标题栏高度会影响sizeHint
+ * @param h
+ */
+void SARibbonSystemButtonBar::setWindowTitleHeight(int h)
+{
+    d_ptr->mTitleBarHeight = h;
+}
+
+/**
+ * @brief 标题栏高度
+ * @return
+ */
+int SARibbonSystemButtonBar::windowTitleHeight() const
+{
+    return d_ptr->mTitleBarHeight;
+}
+
+/**
+ * @brief 系统按钮的宽度
+ * @param w
+ */
+void SARibbonSystemButtonBar::setWindowButtonWidth(int w)
+{
+    d_ptr->mWindowButtonWidth = w;
+}
+
+/**
+ * @brief 系统按钮的宽度
+ * @param w
+ */
+int SARibbonSystemButtonBar::windowButtonWidth() const
+{
+    return d_ptr->mWindowButtonWidth;
+}
+
+/**
+ * @brief 设置窗口状态（最大最小化按钮状态）
+ * @param s
+ */
+void SARibbonSystemButtonBar::setWindowStates(Qt::WindowStates s)
+{
+    if (d_ptr->buttonMaximize) {
+        bool on = s.testFlag(Qt::WindowMaximized);
+        d_ptr->buttonMaximize->setChecked(on);
+        d_ptr->buttonMaximize->setToolTip(on ? tr("Restore") : tr("Maximize"));
+    }
+}
+
+/**
+ * @brief 此函数返回的flags仅包括 Qt::WindowCloseButtonHint，Qt::WindowMaximizeButtonHint，Qt::WindowMinimizeButtonHint
+ * 三个
+ *
+ * @return
+ */
+Qt::WindowFlags SARibbonSystemButtonBar::windowButtonFlags() const
+{
+    Qt::WindowFlags f = Qt::Widget;  // widget是000
+
+    if (d_ptr->mFlags & Qt::WindowCloseButtonHint) {
+        f |= Qt::WindowCloseButtonHint;
+    }
+    if (d_ptr->mFlags & Qt::WindowMaximizeButtonHint) {
+        f |= Qt::WindowMaximizeButtonHint;
+    }
+    if (d_ptr->mFlags & Qt::WindowMinimizeButtonHint) {
+        f |= Qt::WindowMinimizeButtonHint;
+    }
+
+    return (f);
+}
+
+QSize SARibbonSystemButtonBar::sizeHint() const
+{
+    return (d_ptr->sizeHint());
+}
+
+bool SARibbonSystemButtonBar::eventFilter(QObject* obj, QEvent* event)
+{
+    if (obj == parent()) {
+        // SARibbonMainWindow的事件
+        if (event->type() == QEvent::Resize) {
+            SARibbonMainWindow* mainWindow = qobject_cast< SARibbonMainWindow* >(obj);
+            if (!mainWindow) {
+                // 所有事件都不消费
+                return QFrame::eventFilter(obj, event);
+            }
+            SARibbonBar* ribbonBar = mainWindow->ribbonBar();
+            if (!ribbonBar) {
+                // 所有事件都不消费
+                return QFrame::eventFilter(obj, event);
+            }
+            const int th = ribbonBar->titleBarHeight();
+            if (th != height()) {
+                setWindowTitleHeight(th);
+            }
+            QRect fr         = mainWindow->geometry();
+            QSize wgSizeHint = sizeHint();
+            setGeometry(fr.width() - wgSizeHint.width(), 0, wgSizeHint.width(), wgSizeHint.height());
+            // 把设置好的尺寸给ribbonbar
+            ribbonBar->setWindowButtonGroupSize(size());
+        } else if (event->type() == QEvent::WindowStateChange) {
+            SARibbonMainWindow* mainWindow = qobject_cast< SARibbonMainWindow* >(obj);
+            if (!mainWindow) {
+                // 所有事件都不消费
+                return QFrame::eventFilter(obj, event);
+            }
+            setWindowStates(mainWindow->windowState());
+        }
+    }
+    return QFrame::eventFilter(obj, event);
+}
+
+QAbstractButton* SARibbonSystemButtonBar::minimizeButton() const
+{
+    return d_ptr->buttonMinimize;
+}
+
+QAbstractButton* SARibbonSystemButtonBar::maximizeButton() const
+{
+    return d_ptr->buttonMaximize;
+}
+
+QAbstractButton* SARibbonSystemButtonBar::closeButton() const
+{
+    return d_ptr->buttonClose;
+}
+
+void SARibbonSystemButtonBar::setIconSize(const QSize& ic)
+{
+    d_ptr->mButtonGroup->setIconSize(ic);
+}
+
+QSize SARibbonSystemButtonBar::iconSize() const
+{
+    return d_ptr->mButtonGroup->iconSize();
+}
+
+QAction* SARibbonSystemButtonBar::addAction(QAction* a, Qt::ToolButtonStyle buttonStyle, QToolButton::ToolButtonPopupMode popMode)
+{
+    return d_ptr->mButtonGroup->addAction(a, buttonStyle, popMode);
+}
+
+QAction* SARibbonSystemButtonBar::addAction(const QString& text,
+                                            const QIcon& icon,
+                                            Qt::ToolButtonStyle buttonStyle,
+                                            QToolButton::ToolButtonPopupMode popMode)
+{
+    return d_ptr->mButtonGroup->addAction(text, icon, buttonStyle, popMode);
+}
+
+QAction* SARibbonSystemButtonBar::addMenu(QMenu* menu, Qt::ToolButtonStyle buttonStyle, QToolButton::ToolButtonPopupMode popMode)
+{
+    return d_ptr->mButtonGroup->addMenu(menu, buttonStyle, popMode);
+}
+
+QAction* SARibbonSystemButtonBar::addSeparator()
+{
+    return d_ptr->mButtonGroup->addSeparator();
+}
+
+QAction* SARibbonSystemButtonBar::addWidget(QWidget* w)
+{
+    return d_ptr->mButtonGroup->addWidget(w);
+}
+
+void SARibbonSystemButtonBar::resizeEvent(QResizeEvent* e)
+{
+    Q_UNUSED(e);
+    d_ptr->resizeElement(size());
+}
+
+void SARibbonSystemButtonBar::closeWindow()
+{
+    if (parentWidget()) {
+        parentWidget()->close();
+    }
+}
+
+void SARibbonSystemButtonBar::minimizeWindow()
+{
+    if (parentWidget()) {
+        parentWidget()->showMinimized();
+    }
+}
+
+void SARibbonSystemButtonBar::maximizeWindow()
+{
+    QWidget* par = parentWidget();
+
+    if (par) {
+        if (par->isMaximized()) {
+            par->showNormal();
+        } else {
+            par->showMaximized();
+        }
+    }
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonSystemButtonBar.h b/gui/SARibbon/src/SARibbonBar/SARibbonSystemButtonBar.h
new file mode 100644
index 0000000..ed17d3d
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonSystemButtonBar.h
@@ -0,0 +1,88 @@
+#ifndef SARIBBONSYSTEMBUTTONBAR_H
+#define SARIBBONSYSTEMBUTTONBAR_H
+#include "SARibbonGlobal.h"
+#include <QFrame>
+#include <QToolButton>
+
+/**
+ * @brief 窗口的最大最小化按钮
+ * @note 内部有个SARibbonButtonGroupWidget，其ObjectName = SASystemButtonGroup
+ * 如果需要qss，可以进行特化处理:
+ *
+ * @code
+ * SARibbonButtonGroupWidget#SASystemButtonGroup
+ * @endcode
+ *
+ */
+class SA_RIBBON_EXPORT SARibbonSystemButtonBar : public QFrame
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonSystemButtonBar)
+public:
+    explicit SARibbonSystemButtonBar(QWidget* parent);
+    explicit SARibbonSystemButtonBar(QWidget* parent, Qt::WindowFlags flags);
+    ~SARibbonSystemButtonBar();
+    void setupMinimizeButton(bool on);
+    void setupMaximizeButton(bool on);
+    void setupCloseButton(bool on);
+    // 以最顶层的widget的WindowFlag作为WindowFlag
+    void updateWindowFlag();
+    void updateWindowFlag(Qt::WindowFlags flags);
+    // 设置按钮的宽度比例,最终按钮宽度将按照此比例进行设置
+    void setButtonWidthStretch(int close = 4, int max = 3, int min = 3);
+    // 标题栏高度
+    void setWindowTitleHeight(int h);
+    int windowTitleHeight() const;
+    // 设置标准系统按钮的宽度
+    void setWindowButtonWidth(int w);
+    int windowButtonWidth() const;
+    // 设置Qt::WindowStates
+    void setWindowStates(Qt::WindowStates s);
+    // 仅获取按钮的状态
+    Qt::WindowFlags windowButtonFlags() const;
+    // 三个标准系统窗口按钮
+    QAbstractButton* minimizeButton() const;
+    QAbstractButton* maximizeButton() const;
+    QAbstractButton* closeButton() const;
+
+    // 图标尺寸
+    void setIconSize(const QSize& ic);
+    QSize iconSize() const;
+    // 生成并添加一个action
+    QAction* addAction(QAction* a,
+                       Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+                       QToolButton::ToolButtonPopupMode popMode = QToolButton::DelayedPopup);
+    QAction* addAction(const QString& text,
+                       const QIcon& icon,
+                       Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+                       QToolButton::ToolButtonPopupMode popMode = QToolButton::DelayedPopup);
+    QAction* addMenu(QMenu* menu,
+                     Qt::ToolButtonStyle buttonStyle          = Qt::ToolButtonIconOnly,
+                     QToolButton::ToolButtonPopupMode popMode = QToolButton::InstantPopup);
+    QAction* addSeparator();
+    QAction* addWidget(QWidget* w);
+
+    virtual QSize sizeHint() const Q_DECL_OVERRIDE;
+    // 捕获mainwindow的事件
+    bool eventFilter(QObject* obj, QEvent* event) override;
+
+protected:
+    virtual void resizeEvent(QResizeEvent* e) Q_DECL_OVERRIDE;
+
+protected Q_SLOTS:
+    Q_SLOT void closeWindow();
+    Q_SLOT void minimizeWindow();
+    Q_SLOT void maximizeWindow();
+};
+
+/**
+ * @brief The SARibbonSystemToolButton class
+ */
+class SARibbonSystemToolButton : public QToolButton
+{
+    Q_OBJECT
+public:
+    SARibbonSystemToolButton(QWidget* p = nullptr);
+};
+
+#endif  // SARIBBONSYSTEMBUTTONBAR_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonTabBar.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonTabBar.cpp
new file mode 100644
index 0000000..dc4fded
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonTabBar.cpp
@@ -0,0 +1,57 @@
+#include "SARibbonTabBar.h"
+#include <QStyleOptionTab>
+#include <QFontMetrics>
+
+SARibbonTabBar::SARibbonTabBar(QWidget* parent) : QTabBar(parent), m_tabMargin(6, 0, 0, 0)
+{
+	setExpanding(false);
+}
+
+SARibbonTabBar::~SARibbonTabBar()
+{
+}
+
+const QMargins& SARibbonTabBar::tabMargin() const
+{
+	return (m_tabMargin);
+}
+
+void SARibbonTabBar::setTabMargin(const QMargins& tabMargin)
+{
+	m_tabMargin = tabMargin;
+}
+
+/**
+ * @brief tab的尺寸预估
+ *
+ * 有别于系统默认的tabbar，SARibbonTabBar的tab高度和tabbar高度一致，且不考虑纵向分布情况
+ * @param index
+ * @return
+ */
+QSize SARibbonTabBar::tabSizeHint(int index) const
+{
+    if (index < 0) {
+        return QSize();
+    }
+	QStyleOptionTab opt;
+	initStyleOption(&opt, index);
+	int hframe            = style()->pixelMetric(QStyle::PM_TabBarTabHSpace, &opt, this);
+	const QFontMetrics fm = fontMetrics();
+
+	int widgetWidth = 0;
+	int padding     = 0;
+	if (!opt.leftButtonSize.isEmpty()) {
+		padding += 4;
+		widgetWidth += opt.leftButtonSize.width();
+	}
+	if (!opt.rightButtonSize.isEmpty()) {
+		padding += 4;
+		widgetWidth += opt.rightButtonSize.width();
+	}
+	if (!opt.icon.isNull()) {
+		padding += 4;
+	}
+	const int textWidth = fm.size(Qt::TextShowMnemonic, opt.text).width();
+    QSize csz           = QSize(textWidth + opt.iconSize.width() + hframe + widgetWidth + padding, height());
+    return style()->sizeFromContents(QStyle::CT_TabBarTab, &opt, csz, this);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonTabBar.h b/gui/SARibbon/src/SARibbonBar/SARibbonTabBar.h
new file mode 100644
index 0000000..33de7fb
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonTabBar.h
@@ -0,0 +1,26 @@
+#ifndef SARIBBONTABBAR_H
+#define SARIBBONTABBAR_H
+#include "SARibbonGlobal.h"
+#include <QTabBar>
+#include <QMargins>
+
+/**
+ * @brief The SARibbonTabBar class
+ */
+class SA_RIBBON_EXPORT SARibbonTabBar : public QTabBar
+{
+	Q_OBJECT
+public:
+	explicit SARibbonTabBar(QWidget* parent = nullptr);
+    ~SARibbonTabBar();
+	const QMargins& tabMargin() const;
+	void setTabMargin(const QMargins& tabMargin);
+
+protected:
+	QSize tabSizeHint(int index) const;
+
+private:
+	QMargins m_tabMargin;
+};
+
+#endif  // SARIBBONTABBAR_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonToolButton.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonToolButton.cpp
new file mode 100644
index 0000000..df0e55b
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonToolButton.cpp
@@ -0,0 +1,1229 @@
+#include "SARibbonToolButton.h"
+#include "SARibbonPannel.h"
+
+#include <QAction>
+#include <QApplication>
+#include <QCursor>
+#include <QMouseEvent>
+#include <QPaintEvent>
+#include <QStyleOption>
+#include <QStyleOptionFocusRect>
+#include <QStyleOptionToolButton>
+#include <QStylePainter>
+#include <QTextOption>
+#include <QApplication>
+#include <QScreen>
+#include <QProxyStyle>
+
+/**
+ * @def 定义文字换行时2行文本的矩形高度系数，此系数决定文字区域的高度
+ *
+ * fontMetrics.lineSpacing*系数 = 文本区域高度
+ */
+#define SARIBBONTOOLBUTTON_WORDWRAP_TEXT_FACTOR 2.05
+
+/**
+ * @def 定义文字不换行时单行文本的矩形高度系数，此系数决定文字区域的高度
+ *
+ * fontMetrics.lineSpacing*系数 = 文本区域高度
+ */
+#define SARIBBONTOOLBUTTON_NOWORDWRAP_TEXT_FACTOR 1.2
+
+/**
+ * @def 定义小按钮的矩形高度系数，此系数决定文字区域的高度
+ *
+ * fontMetrics.lineSpacing*系数 = 文本区域高度
+ */
+#define SARIBBONTOOLBUTTON_SMALLBUTTON_TEXT_FACTOR 1.4
+
+/**
+ * @def 文本宽度估算时的宽度比高度系数
+ *
+ * 超过此系数的宽度时，开始尝试换行，例如按钮高度为h，如果单行文本的宽度大于h*系数，则触发换行估算
+ */
+#define SARIBBONTOOLBUTTON_WORDWRAP_WIDTH_PER_HEIGHT_RATIO 1.4
+
+/**
+ * @def 开启此宏会打印一些常见信息
+ */
+#define SA_RIBBON_TOOLBUTTON_DEBUG_PRINT 0
+
+#define SARIBBONTOOLBUTTON_DEBUG_DRAW 0
+
+#if SARIBBONTOOLBUTTON_DEBUG_DRAW
+#define SARIBBONTOOLBUTTON_DEBUG_DRAW_RECT(p, rect)                                                                    \
+    do {                                                                                                               \
+        p.save();                                                                                                      \
+        p.setPen(Qt::red);                                                                                             \
+        p.setBrush(QBrush());                                                                                          \
+        p.drawRect(rect);                                                                                              \
+        p.restore();                                                                                                   \
+    } while (0)
+
+#else
+#define SARIBBONTOOLBUTTON_DEBUG_DRAW_RECT(p, rect)
+#endif
+namespace SA
+{
+
+QDebug operator<<(QDebug debug, const QStyleOptionToolButton& opt)
+{
+    debug << "==============" << "\nQStyleOption(" << (QStyleOption)opt << ")"
+          << "\n  QStyleOptionComplex:"
+             "\n     subControls("
+          << opt.subControls
+          << " ) "
+             "\n     activeSubControls("
+          << opt.activeSubControls
+          << "\n  QStyleOptionToolButton"
+             "\n     features("
+          << opt.features
+          << ")"
+             "\n     toolButtonStyle("
+          << opt.toolButtonStyle << ")";
+
+    return (debug);
+}
+}
+
+//===================================================
+// SARibbonToolButtonProxyStyle
+//===================================================
+
+class SARibbonToolButtonProxyStyle : public QProxyStyle
+{
+public:
+    void drawPrimitive(PrimitiveElement pe, const QStyleOption* opt, QPainter* p, const QWidget* widget = nullptr) const override
+	{
+        if (pe == PE_IndicatorArrowUp || pe == PE_IndicatorArrowDown || pe == PE_IndicatorArrowRight
+            || pe == PE_IndicatorArrowLeft) {
+			if (opt->rect.width() <= 1 || opt->rect.height() <= 1)
+				return;
+
+            QRect r  = opt->rect;
+			int size = qMin(r.height(), r.width());
+			QPixmap pixmap;
+			qreal pixelRatio = p->device()->devicePixelRatio();
+            int border       = qRound(pixelRatio * (size / 4));
+            int sqsize       = qRound(pixelRatio * (2 * (size / 2)));
+			QImage image(sqsize, sqsize, QImage::Format_ARGB32_Premultiplied);
+			image.fill(Qt::transparent);
+			QPainter imagePainter(&image);
+
+			QPolygon a;
+			switch (pe) {
+			case PE_IndicatorArrowUp:
+                a.setPoints(3, border, sqsize / 2, sqsize / 2, border, sqsize - border, sqsize / 2);
+				break;
+			case PE_IndicatorArrowDown:
+                a.setPoints(3, border, sqsize / 2, sqsize / 2, sqsize - border, sqsize - border, sqsize / 2);
+				break;
+			case PE_IndicatorArrowRight:
+                a.setPoints(3, sqsize - border, sqsize / 2, sqsize / 2, border, sqsize / 2, sqsize - border);
+				break;
+			case PE_IndicatorArrowLeft:
+                a.setPoints(3, border, sqsize / 2, sqsize / 2, border, sqsize / 2, sqsize - border);
+				break;
+			default:
+				break;
+			}
+
+			int bsx = 0;
+			int bsy = 0;
+
+			if (opt->state & State_Sunken) {
+				bsx = proxy()->pixelMetric(PM_ButtonShiftHorizontal, opt, widget);
+				bsy = proxy()->pixelMetric(PM_ButtonShiftVertical, opt, widget);
+			}
+
+			QRect bounds = a.boundingRect();
+            int sx       = sqsize / 2 - bounds.center().x() - 1;
+            int sy       = sqsize / 2 - bounds.center().y() - 1;
+			imagePainter.translate(sx + bsx, sy + bsy);
+			imagePainter.setPen(QPen(opt->palette.buttonText().color(), 1.4));
+			imagePainter.setBrush(Qt::NoBrush);
+
+			if (!(opt->state & State_Enabled)) {
+				imagePainter.translate(1, 1);
+				imagePainter.setPen(QPen(opt->palette.light().color(), 1.4));
+				imagePainter.drawPolyline(a);
+				imagePainter.translate(-1, -1);
+				imagePainter.setPen(QPen(opt->palette.mid().color(), 1.4));
+			}
+
+			imagePainter.drawPolyline(a);
+			imagePainter.end();
+			pixmap = QPixmap::fromImage(image);
+			pixmap.setDevicePixelRatio(pixelRatio);
+
+            int xOffset = r.x() + (r.width() - size) / 2;
+            int yOffset = r.y() + (r.height() - size) / 2;
+			p->drawPixmap(xOffset, yOffset, pixmap);
+        } else {
+			QProxyStyle::drawPrimitive(pe, opt, p, widget);
+		}
+	}
+};
+
+//===================================================
+// SARibbonToolButton::PrivateData
+//===================================================
+
+class SARibbonToolButton::PrivateData
+{
+    SA_RIBBON_DECLARE_PUBLIC(SARibbonToolButton)
+public:
+    PrivateData(SARibbonToolButton* p);
+    // 根据鼠标位置更新按钮的信息
+    void updateStatusByMousePosition(const QPoint& pos);
+    // 更新绘图相关的尺寸
+    void updateDrawRect(const QStyleOptionToolButton& opt);
+    // 更新SizeHint
+    void updateSizeHint(const QStyleOptionToolButton& opt);
+    // 计算涉及到的rect尺寸
+    void calcDrawRects(const QStyleOptionToolButton& opt,
+                       QRect& iconRect,
+                       QRect& textRect,
+                       QRect& indicatorArrowRect,
+                       int spacing,
+                       int indicatorLen) const;
+    // 计算小按钮模式下的尺寸
+    void calcSmallButtonDrawRects(const QStyleOptionToolButton& opt,
+                                  QRect& iconRect,
+                                  QRect& textRect,
+                                  QRect& indicatorArrowRect,
+                                  int spacing,
+                                  int indicatorLen) const;
+    // 计算大按钮模式下的尺寸
+    void calcLargeButtonDrawRects(const QStyleOptionToolButton& opt,
+                                  QRect& iconRect,
+                                  QRect& textRect,
+                                  QRect& indicatorArrowRect,
+                                  int spacing,
+                                  int indicatorLen) const;
+    // 根据按钮的尺寸调节iconsize(注意这里的buttonRect是已经减去mSpacing的情况)
+    QSize adjustIconSize(const QRect& buttonRect, const QSize& originIconSize) const;
+    // 判断是否有Indicator
+    bool hasIndicator(const QStyleOptionToolButton& opt) const;
+    // 计算sizehint
+    QSize calcSizeHint(const QStyleOptionToolButton& opt);
+    QSize calcSmallButtonSizeHint(const QStyleOptionToolButton& opt);
+    QSize calcLargeButtonSizeHint(const QStyleOptionToolButton& opt);
+
+    // 计算文本绘制矩形的高度
+    int calcTextDrawRectHeight(const QStyleOptionToolButton& opt) const;
+    // 估算一个最优的文本宽度
+    int estimateLargeButtonTextWidth(int buttonHeight,
+                                     int textDrawRectHeight,
+                                     const QString& text,
+                                     const QFontMetrics& fm,
+                                     float widthHeightRatio = SARIBBONTOOLBUTTON_WORDWRAP_WIDTH_PER_HEIGHT_RATIO,
+                                     int maxTrycount        = 3);
+    QPixmap createIconPixmap(const QStyleOptionToolButton& opt, const QSize& iconsize) const;
+    // 获取文字的对其方式
+    int getTextAlignment() const;
+    // 确认文字是否确切要换行显示
+    bool isTextNeedWrap() const;
+    // 仅仅对\n进行剔除，和QString::simplified不一样
+    static QString simplified(const QString& str);
+
+public:
+    bool mMouseOnSubControl { false };  ///< 这个用于标记MenuButtonPopup模式下，鼠标在文本区域
+    bool mMenuButtonPressed { false };  ///< 由于Indicator改变，因此hitButton不能用QToolButton的hitButton
+    bool mWordWrap { false };           ///< 标记是否文字换行 @default false
+    SARibbonToolButton::RibbonButtonType mButtonType { SARibbonToolButton::LargeButton };
+    int mSpacing { 1 };              ///< 按钮和边框的距离
+    int mIndicatorLen { 8 };         ///< Indicator的长度
+    QRect mDrawIconRect;             ///< 记录icon的绘制位置
+    QRect mDrawTextRect;             ///< 记录text的绘制位置
+    QRect mDrawIndicatorArrowRect;   ///< 记录IndicatorArrow的绘制位置
+    QSize mSizeHint;                 ///< 保存计算好的sizehint
+    bool mIsTextNeedWrap { false };  ///< 标记文字是否需要换行显示
+public:
+    static bool s_enableWordWrap;  ///< 在lite模式下是否允许文字换行，如果允许，则图标相对比较小，默认不允许
+};
+
+// 静态参数初始化
+bool SARibbonToolButton::PrivateData::s_enableWordWrap = false;
+
+SARibbonToolButton::PrivateData::PrivateData(SARibbonToolButton* p) : q_ptr(p)
+{
+	auto proxy = new SARibbonToolButtonProxyStyle();
+    proxy->setParent(p);  // take ownership to avoid memleak
+	p->setStyle(proxy);
+}
+
+/**
+ * @brief 根据鼠标的位置更新状态，主要用于判断鼠标是否位于subcontrol
+ *
+ * 此函数主要应用在action menu模式下
+ * @param pos
+ */
+void SARibbonToolButton::PrivateData::updateStatusByMousePosition(const QPoint& pos)
+{
+    bool isMouseOnSubControl(false);
+    if (SARibbonToolButton::LargeButton == mButtonType) {
+        isMouseOnSubControl = mDrawTextRect.united(mDrawIndicatorArrowRect).contains(pos);
+    } else {
+        // 小按钮模式就和普通toolbutton一样
+        isMouseOnSubControl = mDrawIndicatorArrowRect.contains(pos);
+    }
+
+    if (mMouseOnSubControl != isMouseOnSubControl) {
+        mMouseOnSubControl = isMouseOnSubControl;
+        // 从icon变到text过程中刷新一次
+        q_ptr->update();
+    }
+}
+
+/**
+ * @brief 更新绘图的几个关键尺寸
+ *
+ * 包括：
+ *
+ * - DrawIconRect 绘制图标的矩形区域
+ *
+ * - DrawTextRect 绘制文本的矩形区域
+ *
+ * - DrawIndicatorArrowRect 绘制菜单下箭头的矩形区域
+ *
+ * @param opt
+ */
+void SARibbonToolButton::PrivateData::updateDrawRect(const QStyleOptionToolButton& opt)
+{
+    if (!mSizeHint.isValid()) {
+        updateSizeHint(opt);
+    }
+    // 先更新IndicatorLen
+    mIndicatorLen = q_ptr->style()->pixelMetric(QStyle::PM_MenuButtonIndicator, &opt, q_ptr);
+    if (mIndicatorLen < 3) {
+        if (SARibbonToolButton::LargeButton == mButtonType) {
+            mIndicatorLen = 8;
+        } else {
+            mIndicatorLen = 12;  // 小按钮模式下设置为10
+        }
+    }
+    calcDrawRects(opt, mDrawIconRect, mDrawTextRect, mDrawIndicatorArrowRect, mSpacing, mIndicatorLen);
+}
+
+/**
+ * @brief 更新sizehint
+ * @param opt
+ */
+void SARibbonToolButton::PrivateData::updateSizeHint(const QStyleOptionToolButton& opt)
+{
+    mSizeHint = calcSizeHint(opt);
+}
+
+/**
+ * @brief 计算绘图的几个关键区域
+ * @param opt
+ * @param iconRect  绘制图标的矩形区域
+ * @param textRect 绘制文本的矩形区域
+ * @param indicatorArrowRect 绘制菜单下箭头的矩形区域
+ * @param spacing
+ * @param indicatorLen
+ */
+void SARibbonToolButton::PrivateData::calcDrawRects(const QStyleOptionToolButton& opt,
+                                                    QRect& iconRect,
+                                                    QRect& textRect,
+                                                    QRect& indicatorArrowRect,
+                                                    int spacing,
+                                                    int indicatorLen) const
+{
+    if (SARibbonToolButton::LargeButton == mButtonType) {
+        calcLargeButtonDrawRects(opt, iconRect, textRect, indicatorArrowRect, spacing, indicatorLen);
+
+    } else {
+        calcSmallButtonDrawRects(opt, iconRect, textRect, indicatorArrowRect, spacing, indicatorLen);
+    }
+}
+
+/**
+ * @brief 计算小按钮模式下的绘制尺寸
+ * @param opt
+ * @param iconRect
+ * @param textRect
+ * @param indicatorArrowRect
+ * @param spacing
+ * @param indicatorLen
+ */
+void SARibbonToolButton::PrivateData::calcSmallButtonDrawRects(const QStyleOptionToolButton& opt,
+                                                               QRect& iconRect,
+                                                               QRect& textRect,
+                                                               QRect& indicatorArrowRect,
+                                                               int spacing,
+                                                               int indicatorLen) const
+{
+    switch (opt.toolButtonStyle) {
+    case Qt::ToolButtonIconOnly: {
+        if (hasIndicator(opt)) {
+            // 在仅有图标的小模式显示时，预留一个下拉箭头位置
+            iconRect           = opt.rect.adjusted(spacing, spacing, -indicatorLen - spacing, -spacing);
+            indicatorArrowRect = QRect(opt.rect.right() - indicatorLen - spacing,
+                                       iconRect.y(),
+                                       indicatorLen,
+                                       iconRect.height());
+        } else {
+            iconRect           = opt.rect.adjusted(spacing, spacing, -spacing, -spacing);
+            indicatorArrowRect = QRect();
+        }
+        // 文本区域为空
+        textRect = QRect();
+    } break;
+    case Qt::ToolButtonTextOnly: {
+        if (hasIndicator(opt)) {
+            // 在仅有图标的小模式显示时，预留一个下拉箭头位置
+            textRect = opt.rect.adjusted(spacing, spacing, -indicatorLen - spacing, -spacing);
+            indicatorArrowRect = QRect(opt.rect.right() - indicatorLen - spacing, spacing, indicatorLen, textRect.height());
+        } else {
+            textRect           = opt.rect.adjusted(spacing, spacing, -spacing, -spacing);
+            indicatorArrowRect = QRect();
+        }
+        // 绘图区域为空
+        iconRect = QRect();
+    } break;
+    default: {
+        bool hasInd = hasIndicator(opt);
+        // icon Beside和under都是一样的
+        QRect buttonRect = q_ptr->rect();
+        buttonRect.adjust(spacing, spacing, -spacing, -spacing);
+        // 先设置IconRect
+        if (opt.icon.isNull()) {
+            // 没有图标
+            iconRect = QRect();
+        } else {
+            QSize iconSize = adjustIconSize(buttonRect, opt.iconSize);
+            iconRect = QRect(buttonRect.x(), buttonRect.y(), iconSize.width(), qMax(iconSize.height(), buttonRect.height()));
+        }
+        // 后设置TextRect
+        if (opt.text.isEmpty()) {
+            textRect = QRect();
+        } else {
+            // 分有菜单和没菜单两种情况
+            int adjx = iconRect.isValid() ? (iconRect.width() + spacing)
+                                          : 0;  // 在buttonRect上变换，因此如果没有图标是不用偏移spacing
+            if (hasInd) {
+                textRect = buttonRect.adjusted(adjx, 0, -indicatorLen, 0);
+            } else {
+                textRect = buttonRect.adjusted(adjx, 0, 0, 0);  // 在buttonRect上变换，因此如果没有图标是不用偏移spacing
+            }
+        }
+        // 最后设置Indicator
+        if (hasInd) {
+            if (textRect.isValid()) {
+                indicatorArrowRect = QRect(buttonRect.right() - indicatorLen + 1,
+                                           textRect.y(),
+                                           indicatorLen,
+                                           textRect.height());
+            } else if (iconRect.isValid()) {
+                indicatorArrowRect = QRect(buttonRect.right() - indicatorLen + 1,
+                                           iconRect.y(),
+                                           indicatorLen,
+                                           iconRect.height());
+            } else {
+                indicatorArrowRect = buttonRect;
+            }
+        } else {
+            indicatorArrowRect = QRect();
+        }
+    }
+    }
+}
+
+/**
+ * @brief 计算大按钮模式下的绘制尺寸（普通）
+ * @param opt
+ * @param iconRect
+ * @param textRect
+ * @param indicatorArrowRect
+ * @param spacing
+ * @param indicatorLen
+ */
+void SARibbonToolButton::PrivateData::calcLargeButtonDrawRects(const QStyleOptionToolButton& opt,
+                                                               QRect& iconRect,
+                                                               QRect& textRect,
+                                                               QRect& indicatorArrowRect,
+                                                               int spacing,
+                                                               int indicatorLen) const
+{
+    //! 3行模式的图标比较大，文字换行情况下，indicator会动态调整
+    // 先获取文字矩形的高度
+    int textHeight  = calcTextDrawRectHeight(opt);
+    bool hIndicator = hasIndicator(opt);
+    if (!hIndicator) {
+        // 没有菜单，把len设置为0
+        indicatorLen       = 0;
+        indicatorArrowRect = QRect();
+    }
+    // 这里要判断文字是否要换行显示，换行显示的文字的indicatorArrowRect所处的位置不一样
+    // 先布置textRect
+    if (isEnableWordWrap()) {
+        // 在换行模式下
+        if (isTextNeedWrap()) {
+            // 如果文字的确换行，indicator放在最右边
+            textRect = QRect(spacing,
+                             opt.rect.bottom() - spacing - textHeight,
+                             opt.rect.width() - 2 * spacing - indicatorLen,
+                             textHeight);
+            if (hIndicator) {
+                indicatorArrowRect = QRect(textRect.right(), textRect.y() + textRect.height() / 2, indicatorLen, textHeight / 2);
+            }
+        } else {
+            // 如果文字不需要换行，indicator在下板行
+            textRect = QRect(spacing, opt.rect.bottom() - spacing - textHeight, opt.rect.width() - 2 * spacing, textHeight);
+            if (hIndicator) {
+                int dy = textRect.height() / 2;
+                dy += (dy - indicatorLen) / 2;
+                indicatorArrowRect = QRect(textRect.x(), textRect.y() + dy, textRect.width(), indicatorLen);
+            }
+        }
+    } else {
+        // 文字不换行，indicator放在最右边
+        int y = opt.rect.bottom() - spacing - textHeight;
+        if (hIndicator) {
+            // 先布置indicator
+            indicatorArrowRect = QRect(opt.rect.right() - indicatorLen - spacing, y, indicatorLen, textHeight);
+            textRect           = QRect(spacing, y, indicatorArrowRect.x() - spacing, textHeight);
+        } else {
+            textRect = QRect(spacing, y, opt.rect.width() - 2 * spacing, textHeight);
+        }
+    }
+    // 剩下就是icon区域
+    iconRect = QRect(spacing, spacing, opt.rect.width() - 2 * spacing, textRect.top() - 2 * spacing);
+}
+
+/**
+ * @brief 适应iconsize
+ * @param buttonRect
+ * @param originIconSize
+ * @return
+ */
+QSize SARibbonToolButton::PrivateData::adjustIconSize(const QRect& buttonRect, const QSize& originIconSize) const
+{
+    QSize iconSize = originIconSize;
+    if (iconSize.height() > buttonRect.height()) {
+        // 说明图标的icon过大，要匹配到buttonRect
+        iconSize.setHeight(buttonRect.height());
+        // 等比例设置宽度
+        iconSize.setWidth(originIconSize.width() * iconSize.height() / originIconSize.height());
+    }
+    return iconSize;
+}
+
+/**
+ * @brief 判断是否有Indicator
+ * @param opt
+ * @return
+ */
+bool SARibbonToolButton::PrivateData::hasIndicator(const QStyleOptionToolButton& opt) const
+{
+    return ((opt.features & QStyleOptionToolButton::MenuButtonPopup) || (opt.features & QStyleOptionToolButton::HasMenu));
+}
+
+/**
+ * @brief 计算sizehint
+ *
+ * 此函数非常关键，因为所有尺寸计算都是基于原始的rect来的
+ * @param opt
+ * @return
+ */
+QSize SARibbonToolButton::PrivateData::calcSizeHint(const QStyleOptionToolButton& opt)
+{
+    if (SARibbonToolButton::LargeButton == mButtonType) {
+        return calcLargeButtonSizeHint(opt);
+    }
+    return calcSmallButtonSizeHint(opt);
+}
+
+QSize SARibbonToolButton::PrivateData::calcSmallButtonSizeHint(const QStyleOptionToolButton& opt)
+{
+    int w = 0, h = 0;
+
+    switch (opt.toolButtonStyle) {
+    case Qt::ToolButtonIconOnly: {
+        w = opt.iconSize.width() + 2 * mSpacing;
+        h = opt.iconSize.height() + 2 * mSpacing;
+    } break;
+    case Qt::ToolButtonTextOnly: {
+        QSize textSize = opt.fontMetrics.size(Qt::TextShowMnemonic, simplified(opt.text));
+        textSize.setWidth(textSize.width() + SA_FONTMETRICS_WIDTH(opt.fontMetrics, (QLatin1Char(' '))) * 2);
+        textSize.setHeight(calcTextDrawRectHeight(opt));
+        w = textSize.width() + 2 * mSpacing;
+        h = textSize.height() + 2 * mSpacing;
+    } break;
+    default: {
+        // 先加入icon的尺寸
+        w = opt.iconSize.width() + 2 * mSpacing;
+        h = opt.iconSize.height() + 2 * mSpacing;
+        // 再加入文本的长度
+        if (!opt.text.isEmpty()) {
+            QSize textSize = opt.fontMetrics.size(Qt::TextShowMnemonic, simplified(opt.text));
+            textSize.setWidth(textSize.width() + SA_FONTMETRICS_WIDTH(opt.fontMetrics, (QLatin1Char(' '))) * 2);
+            textSize.setHeight(calcTextDrawRectHeight(opt));
+            w += mSpacing;
+            w += textSize.width();
+            h = qMax(h, (textSize.height() + (2 * mSpacing)));
+        } else {
+            // 没有文本的时候也要设置一下高度
+            QSize textSize = opt.fontMetrics.size(Qt::TextShowMnemonic, " ");
+            h              = qMax(h, (textSize.height() + (2 * mSpacing)));
+        }
+    }
+    }
+    if (hasIndicator(opt)) {
+        // 存在indicator的按钮，宽度尺寸要扩展
+        w += mIndicatorLen;
+    }
+    if (w < 16) {
+        w = 16;
+    }
+    //! Qt6.4 取消了QApplication::globalStrut
+    return QSize(w, h).expandedTo(QSize(2, 2));
+}
+
+QSize SARibbonToolButton::PrivateData::calcLargeButtonSizeHint(const QStyleOptionToolButton& opt)
+{
+    int w    = 0;
+    int h    = opt.fontMetrics.lineSpacing() * 4.8;  // 3*1.6
+    int minW = h * 0.75;  // 最小宽度，在pannel里面的按钮，最小宽度要和icon适应
+
+    if (SARibbonPannel* pannel = qobject_cast< SARibbonPannel* >(q_ptr->parent())) {
+        // 对于建立在SARibbonPannel的基础上的大按钮，把高度设置为SARibbonPannel计算的大按钮高度
+        h = pannel->largeButtonHeight();
+    }
+    int textHeight = calcTextDrawRectHeight(opt);
+    // 估算字体的宽度作为宽度
+    w = estimateLargeButtonTextWidth(h, textHeight, opt.text, opt.fontMetrics);
+    w += (2 * mSpacing);
+    // 判断是否需要加上indicator
+    if (isEnableWordWrap() && isTextNeedWrap()) {
+        w += mIndicatorLen;
+    }
+
+#if SA_RIBBON_TOOLBUTTON_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "| | |-SARibbonToolButton::PrivateData::calcLargeButtonSizeHint,text=" << opt.text
+             << "\n| | | |-lineSpacing*4.5=" << opt.fontMetrics.lineSpacing() * 4.5  //
+             << "\n| | | |-textHeight=" << textHeight                                //
+             << "\n| | | |-mDrawIconRect=" << mDrawIconRect                          //
+             << "\n| | | |-minW=" << minW                                            //
+             << "\n| | | |-w=" << w                                                  //
+        ;
+#endif
+    //! Qt6.4 取消了QApplication::globalStrut
+    return QSize(w, h).expandedTo(QSize(minW, textHeight));
+}
+
+/**
+ * @brief 计算文本高度
+ * @param opt
+ * @return
+ */
+int SARibbonToolButton::PrivateData::calcTextDrawRectHeight(const QStyleOptionToolButton& opt) const
+{
+    if (SARibbonToolButton::LargeButton == mButtonType) {
+        if (isEnableWordWrap()) {
+            return opt.fontMetrics.lineSpacing() * SARIBBONTOOLBUTTON_WORDWRAP_TEXT_FACTOR + opt.fontMetrics.leading();
+        } else {
+            return opt.fontMetrics.lineSpacing() * SARIBBONTOOLBUTTON_NOWORDWRAP_TEXT_FACTOR;
+        }
+    }
+    // 小按钮
+    return opt.fontMetrics.lineSpacing() * SARIBBONTOOLBUTTON_SMALLBUTTON_TEXT_FACTOR;
+}
+
+/**
+ * @brief 估算一个最优的文字尺寸，在可以换行的情况下会进行换行，且只会换一行
+ * @param buttonHeight 按钮的高度
+ * @param textDrawRectHeight 文本绘制的高度
+ * @param fm QFontMetrics
+ * @param widthHeightRatio 宽高比，宽度/高度的比值，如果大于这个比值，则会进行尝试换行以获取更低的宽度
+ * @param maxTrycount 尝试次数
+ * @return
+ */
+int SARibbonToolButton::PrivateData::estimateLargeButtonTextWidth(int buttonHeight,
+                                                                  int textDrawRectHeight,
+                                                                  const QString& text,
+                                                                  const QFontMetrics& fm,
+                                                                  float widthHeightRatio,
+                                                                  int maxTrycount)
+{
+    QSize textSize;
+    int space        = SA_FONTMETRICS_WIDTH(fm, (QLatin1Char(' '))) * 2;
+    int hintMaxWidth = buttonHeight * widthHeightRatio;  ///< 建议的宽度
+    if (isEnableWordWrap()) {
+        textSize = fm.size(Qt::TextShowMnemonic, text);
+        textSize.setWidth(textSize.width() + space);
+
+        if (textSize.height() > fm.lineSpacing() * 1.1) {
+            //! 说明文字带有换行符，是用户手动换行，这种情况就直接返回字体尺寸，不进行估算
+            mIsTextNeedWrap = true;  // 文字需要换行显示，标记起来
+            return textSize.width();
+        }
+
+        // 这时候需要估算文本的长度
+        if (textSize.width() <= hintMaxWidth) {
+            // 范围合理，直接返回
+            mIsTextNeedWrap = false;  // 文字不需要换行显示，标记起来
+            return textSize.width();
+        }
+
+        //! 大于宽高比尝试进行文字换行
+        //! 这里先对文本长度逐渐加长估算，一直到和原来长度一致为止
+        int trycount  = 0;
+        int alignment = Qt::TextShowMnemonic | Qt::TextWordWrap;
+        // 对于英文字体，直接宽度减半是无法满足完全显示两行的，需要进行预估
+        QRect textRect(0, 0, textSize.width(), textDrawRectHeight);
+        do {
+            //! 先计算两行文本的紧凑矩形
+            //! 从一半开始逐渐递增
+            //! 第1次为 w/2 + w/2 * (0/3)
+            //! 第2次为 w/2 + w/2 * (1/3)
+            //! 第3次为 w/2 + w/2 * (2/3)
+            textRect.setWidth(textSize.width() / 2 + (textSize.width() / 2) * (float(trycount) / maxTrycount));
+            textRect = fm.boundingRect(textRect, alignment, text);
+            if (textRect.height() <= (fm.lineSpacing() * 2)) {
+                // 保证在两行
+                mIsTextNeedWrap = true;  // 文字需要换行显示，标记起来
+                return textRect.width();
+            }
+            ++trycount;
+#if SARIBBONTOOLBUTTON_DEBUG_DRAW
+            if (trycount > 1) {
+                qDebug() << "estimateLargeButtonTextWidth,origin textSize=" << textSize << ",trycount=" << trycount
+                         << ",textRect=" << textRect;
+            }
+#endif
+        } while (trycount < 3);
+        // 到这里说明前面的尝试失败，最终使用原始的长度
+        return textSize.width();
+    }
+
+    //! 说明是不换行
+
+    mIsTextNeedWrap = false;  // 文字不需要换行显示，标记起来
+    // 文字不换行情况下，做simplified处理
+    textSize = fm.size(Qt::TextShowMnemonic, simplified(text));
+    textSize.setWidth(textSize.width() + space);
+    if (textSize.width() < hintMaxWidth) {
+        // 范围合理，直接返回
+        return textSize.width();
+    }
+    if (textSize.width() > q_ptr->maximumWidth()) {
+        // 超出了极限，就返回极限
+        return q_ptr->maximumWidth();
+    }
+    return hintMaxWidth;
+}
+
+QPixmap SARibbonToolButton::PrivateData::createIconPixmap(const QStyleOptionToolButton& opt, const QSize& iconsize) const
+{
+    if (opt.icon.isNull()) {  // 没有有图标
+        return (QPixmap());
+    }
+    QIcon::State state = (opt.state & QStyle::State_On) ? QIcon::On : QIcon::Off;
+    QIcon::Mode mode;
+    if (!(opt.state & QStyle::State_Enabled)) {
+        mode = QIcon::Disabled;
+    } else if ((opt.state & QStyle::State_MouseOver) && (opt.state & QStyle::State_AutoRaise)) {
+        mode = QIcon::Active;
+    } else {
+        mode = QIcon::Normal;
+    }
+    // 添加高分屏支持
+    QSize pxiampSize = iconsize - QSize(2, 2);
+    return opt.icon.pixmap(pxiampSize, mode, state);
+}
+
+int SARibbonToolButton::PrivateData::getTextAlignment() const
+{
+    int alignment = Qt::TextShowMnemonic;
+    if (SARibbonToolButton::LargeButton == mButtonType) {
+        if (isEnableWordWrap()) {
+            alignment |= Qt::TextWordWrap | Qt::AlignTop | Qt::AlignHCenter;  // 换行的情况下，顶部对齐
+        } else {
+            alignment |= Qt::AlignCenter;
+        }
+    } else {
+        alignment |= Qt::AlignCenter;
+    }
+    return alignment;
+}
+
+/**
+ * @brief 确认文字是否确切要换行显示
+ * @return
+ */
+bool SARibbonToolButton::PrivateData::isTextNeedWrap() const
+{
+    return mIsTextNeedWrap;
+}
+
+/**
+ * @brief 仅仅对\n进行剔除
+ * @param str
+ * @return
+ */
+QString SARibbonToolButton::PrivateData::simplified(const QString& str)
+{
+    QString res = str;
+    res.remove('\n');
+    return res;
+}
+//===================================================
+// SARibbonToolButton
+//===================================================
+
+SARibbonToolButton::SARibbonToolButton(QWidget* parent)
+    : QToolButton(parent), d_ptr(new SARibbonToolButton::PrivateData(this))
+{
+    setAutoRaise(true);
+    setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
+    setButtonType(SmallButton);
+    setMouseTracking(true);
+}
+
+SARibbonToolButton::SARibbonToolButton(QAction* defaultAction, QWidget* parent)
+    : QToolButton(parent), d_ptr(new SARibbonToolButton::PrivateData(this))
+{
+    setAutoRaise(true);
+    setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
+    setDefaultAction(defaultAction);
+    setButtonType(SmallButton);
+    setMouseTracking(true);
+}
+
+SARibbonToolButton::~SARibbonToolButton()
+{
+}
+
+/**
+ * @brief 鼠标移动事件
+ *
+ * 由于Ribbon的Indicator和正常的Toolbutton不一样，因此无法用QStyleOptionToolButton的activeSubControls的状态
+ *
+ * 因此需要重新捕获鼠标的位置来更新按钮当前的一些状态
+ * @param e
+ */
+void SARibbonToolButton::mouseMoveEvent(QMouseEvent* e)
+{
+    d_ptr->updateStatusByMousePosition(e->pos());
+    QToolButton::mouseMoveEvent(e);
+}
+
+/**
+ * @brief SARibbonToolButton::mousePressEvent
+ * @param e
+ */
+void SARibbonToolButton::mousePressEvent(QMouseEvent* e)
+{
+    if ((e->button() == Qt::LeftButton) && (popupMode() == MenuButtonPopup)) {
+        d_ptr->updateStatusByMousePosition(e->pos());
+        if (d_ptr->mMouseOnSubControl) {
+            d_ptr->mMenuButtonPressed = true;
+            showMenu();
+            // showmenu结束后，在判断当前的鼠标位置是否是在subcontrol
+            d_ptr->updateStatusByMousePosition(mapFromGlobal(QCursor::pos()));
+            return;
+        }
+    }
+    d_ptr->mMenuButtonPressed = false;
+    //! 注意这里要用QAbstractButton的mousePressEvent，而不是QToolButton的mousePressEvent
+    //! QToolButton的mousePressEvent主要是为了弹出菜单，这里弹出菜单的方式是不一样的，因此不能执行QToolButton的mousePressEvent
+    QAbstractButton::mousePressEvent(e);
+}
+
+void SARibbonToolButton::mouseReleaseEvent(QMouseEvent* e)
+{
+    d_ptr->mMenuButtonPressed = false;
+    QToolButton::mouseReleaseEvent(e);
+}
+
+void SARibbonToolButton::focusOutEvent(QFocusEvent* e)
+{
+    d_ptr->mMouseOnSubControl = false;
+    QToolButton::focusOutEvent(e);
+}
+
+void SARibbonToolButton::leaveEvent(QEvent* e)
+{
+    d_ptr->mMouseOnSubControl = false;
+    QToolButton::leaveEvent(e);
+}
+
+bool SARibbonToolButton::hitButton(const QPoint& pos) const
+{
+    if (QToolButton::hitButton(pos)) {
+        return (!d_ptr->mMenuButtonPressed);
+    }
+    return (false);
+}
+
+/**
+ * @brief 在resizeevent计算绘图所需的尺寸，避免在绘图过程中实时绘制提高效率
+ * @param e
+ */
+void SARibbonToolButton::resizeEvent(QResizeEvent* e)
+{
+    // 在resizeevent计算绘图所需的尺寸，避免在绘图过程中实时绘制提高效率
+    QToolButton::resizeEvent(e);
+    updateRect();
+}
+
+/**
+ * @brief toolbutton的尺寸确定是先定下字体的尺寸，再定下icon的尺寸，自底向上，保证字体能显示两行
+ * @note m_sizeHint的刷新需要注意
+ * @return
+ */
+QSize SARibbonToolButton::sizeHint() const
+{
+    //    if (!d_ptr->mSizeHint.isValid()) {  // 22是给与sizehint的最小值，如果小于这个值，重新计算一下
+    //        QStyleOptionToolButton opt;
+    //        initStyleOption(&opt);
+    //        d_ptr->updateSizeHint(opt);
+    //    }
+#if SA_RIBBON_TOOLBUTTON_DEBUG_PRINT && SA_DEBUG_PRINT_SIZE_HINT
+    qDebug() << "| | |-SARibbonToolButton::sizeHint";
+#endif
+    QStyleOptionToolButton opt;
+    initStyleOption(&opt);
+    d_ptr->updateSizeHint(opt);
+    return d_ptr->mSizeHint;
+}
+
+void SARibbonToolButton::paintEvent(QPaintEvent* e)
+{
+    Q_UNUSED(e);
+    QPainter p(this);
+    QStyleOptionToolButton opt;
+    initStyleOption(&opt);
+    if (opt.features & QStyleOptionToolButton::MenuButtonPopup || opt.features & QStyleOptionToolButton::HasMenu) {
+        // 在菜单弹出消失后，需要通过此方法取消掉鼠标停留
+        if (!rect().contains(mapFromGlobal(QCursor::pos()))) {
+            opt.state &= ~QStyle::State_MouseOver;
+        }
+    }
+    paintButton(p, opt);
+    paintIcon(p, opt, d_ptr->mDrawIconRect);
+    paintText(p, opt, d_ptr->mDrawTextRect);
+    paintIndicator(p, opt, d_ptr->mDrawIndicatorArrowRect);
+}
+
+/**
+ * @brief 绘制按钮
+ * @param p
+ * @param opt
+ */
+void SARibbonToolButton::paintButton(QPainter& p, const QStyleOptionToolButton& opt)
+{
+    // QStyle::State_Sunken 代表按钮按下去了
+    // QStyle::State_On 代表按钮按checked
+    // QStyle::State_MouseOver 代表当前鼠标位于按钮上面
+    QStyleOption tool = opt;
+    bool autoRaise    = opt.state & QStyle::State_AutoRaise;
+    // 绘制按钮
+    if (autoRaise) {
+        // 这个是为了实现按钮点击下去后(QStyle::State_Sunken),能出现选中的状态
+        // 先绘制一个鼠标不在按钮上的状态
+        if (opt.state & QStyle::State_Sunken) {
+            tool.state &= ~QStyle::State_MouseOver;
+        }
+        style()->drawPrimitive(QStyle::PE_PanelButtonTool, &tool, &p, this);
+    } else {
+        style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &tool, &p, this);
+    }
+    // 针对MenuButtonPopup的ribbon样式的特殊绘制
+    if ((opt.subControls & QStyle::SC_ToolButton) && (opt.features & QStyleOptionToolButton::MenuButtonPopup)) {
+        if (opt.state & QStyle::State_MouseOver) {                       // 鼠标在按钮上才进行绘制
+            if (!(opt.activeSubControls & QStyle::SC_ToolButtonMenu)) {  // 按钮的菜单弹出时不做处理
+                if (LargeButton == d_ptr->mButtonType) {                 // 大按钮模式
+                    if (d_ptr->mMouseOnSubControl) {                     // 此时鼠标在indecater那
+                        // 鼠标在文字区，把图标显示为正常（就是鼠标不放上去的状态）
+                        tool.rect = d_ptr->mDrawIconRect;
+                        tool.state |= (QStyle::State_Raised);  // 把图标区域显示为正常
+                        tool.state &= ~QStyle::State_MouseOver;
+                        if (autoRaise) {
+                            style()->drawPrimitive(QStyle::PE_PanelButtonTool, &tool, &p, this);
+                        } else {
+                            style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &tool, &p, this);
+                        }
+                    } else {
+                        // 鼠标在图标区，把文字显示为正常
+                        if (!tool.state.testFlag(QStyle::State_Sunken)) {
+                            // State_Sunken说明此按钮正在按下，这时候，文本区域不需要绘制，只有在非按下状态才需要绘制
+                            tool.state |= (QStyle::State_Raised);  // 把图标区域显示为正常
+                            tool.state &= ~QStyle::State_MouseOver;
+                            // 文字和Indicator都显示正常
+                            tool.rect = d_ptr->mDrawTextRect.united(d_ptr->mDrawIndicatorArrowRect);
+                            if (autoRaise) {
+                                style()->drawPrimitive(QStyle::PE_PanelButtonTool, &tool, &p, this);
+                            } else {
+                                style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &tool, &p, this);
+                            }
+                        }
+                    }
+                } else {                              // 小按钮模式
+                    if (d_ptr->mMouseOnSubControl) {  // 此时鼠标在indecater那
+                        // 鼠标在文字区，把图标和文字显示为正常
+                        tool.rect  = d_ptr->mDrawIconRect.united(d_ptr->mDrawTextRect);
+                        tool.state = (QStyle::State_Raised);  // 把图标区域显示为正常
+                        if (autoRaise) {
+                            style()->drawPrimitive(QStyle::PE_PanelButtonTool, &tool, &p, this);
+                        } else {
+                            style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &tool, &p, this);
+                        }
+                    } else {
+                        // 鼠标在图标区，把文字显示为正常
+                        tool.state = (QStyle::State_Raised);  // 把图标区域显示为正常
+                        // 文字和Indicator都显示正常
+                        tool.rect = d_ptr->mDrawIndicatorArrowRect;
+                        if (autoRaise) {
+                            style()->drawPrimitive(QStyle::PE_PanelButtonTool, &tool, &p, this);
+                        } else {
+                            style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &tool, &p, this);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    // 绘制Focus
+    //     if (opt.state & QStyle::State_HasFocus) {
+    //         QStyleOptionFocusRect fr;
+    //         fr.QStyleOption::operator=(opt);
+    //         fr.rect.adjust(d_ptr->mSpacing, d_ptr->mSpacing, -d_ptr->mSpacing, -d_ptr->mSpacing);
+    //         style()->drawPrimitive(QStyle::PE_FrameFocusRect, &fr, &p, this);
+    //     }
+}
+
+/**
+ * @brief 绘制图标
+ * @param p
+ * @param opt
+ */
+void SARibbonToolButton::paintIcon(QPainter& p, const QStyleOptionToolButton& opt, const QRect& iconDrawRect)
+{
+    if (!iconDrawRect.isValid()) {
+        return;
+    }
+
+    QPixmap pm = d_ptr->createIconPixmap(opt, iconDrawRect.size());
+    style()->drawItemPixmap(&p, iconDrawRect, Qt::AlignCenter, pm);
+    SARIBBONTOOLBUTTON_DEBUG_DRAW_RECT(p, iconDrawRect);
+}
+
+/**
+ * @brief 绘制文本
+ * @param p
+ * @param opt
+ */
+void SARibbonToolButton::paintText(QPainter& p, const QStyleOptionToolButton& opt, const QRect& textDrawRect)
+{
+    int alignment = d_ptr->getTextAlignment();
+
+    if (!style()->styleHint(QStyle::SH_UnderlineShortcut, &opt, this)) {
+        alignment |= Qt::TextHideMnemonic;
+    }
+    QString text;
+    if (isSmallRibbonButton()) {
+        text = opt.fontMetrics.elidedText(PrivateData::simplified(opt.text), Qt::ElideRight, textDrawRect.width(), alignment);
+    } else {
+        if (!isEnableWordWrap()) {
+            text = opt.fontMetrics.elidedText(PrivateData::simplified(opt.text), Qt::ElideRight, textDrawRect.width(), alignment);
+        } else {
+            text = opt.text;
+        }
+    }
+    //! 以下内容参考QCommonStyle.cpp
+    //! void QCommonStyle::drawComplexControl(ComplexControl cc, const QStyleOptionComplex *opt,QPainter *p, const QWidget *widget) const
+    //! case CC_ToolButton:
+    QStyle::State bflags = opt.state & ~QStyle::State_Sunken;
+    if (bflags & QStyle::State_AutoRaise) {
+        if (!(bflags & QStyle::State_MouseOver) || !(bflags & QStyle::State_Enabled)) {
+            bflags &= ~QStyle::State_Raised;
+        }
+    }
+    if (opt.state & QStyle::State_Sunken) {
+        if (opt.activeSubControls & QStyle::SC_ToolButton) {
+            bflags |= QStyle::State_Sunken;
+        }
+    }
+    QStyleOptionToolButton label = opt;
+    label.state                  = bflags;
+    style()->drawItemText(&p, textDrawRect, alignment, label.palette, label.state & QStyle::State_Enabled, text, QPalette::ButtonText);
+    SARIBBONTOOLBUTTON_DEBUG_DRAW_RECT(p, textDrawRect);
+}
+
+/**
+ * @brief 绘制Indicator
+ * @param p
+ * @param opt
+ */
+void SARibbonToolButton::paintIndicator(QPainter& p, const QStyleOptionToolButton& opt, const QRect& indicatorDrawRect)
+{
+    if (!indicatorDrawRect.isValid() || !d_ptr->hasIndicator(opt)) {
+        return;
+    }
+
+    QStyleOption tool = opt;
+    tool.rect         = indicatorDrawRect;
+    style()->drawPrimitive(QStyle::PE_IndicatorArrowDown, &tool, &p, this);
+    SARIBBONTOOLBUTTON_DEBUG_DRAW_RECT(p, indicatorDrawRect);
+}
+
+void SARibbonToolButton::drawArrow(const QStyle* style,
+                                   const QStyleOptionToolButton* toolbutton,
+                                   const QRect& rect,
+                                   QPainter* painter,
+                                   const QWidget* widget)
+{
+    QStyle::PrimitiveElement pe;
+
+    switch (toolbutton->arrowType) {
+    case Qt::LeftArrow:
+        pe = QStyle::PE_IndicatorArrowLeft;
+        break;
+
+    case Qt::RightArrow:
+        pe = QStyle::PE_IndicatorArrowRight;
+        break;
+
+    case Qt::UpArrow:
+        pe = QStyle::PE_IndicatorArrowUp;
+        break;
+
+    case Qt::DownArrow:
+        pe = QStyle::PE_IndicatorArrowDown;
+        break;
+
+    default:
+        return;
+    }
+    QStyleOption arrowOpt = *toolbutton;
+
+    arrowOpt.rect = rect;
+    style->drawPrimitive(pe, &arrowOpt, painter, widget);
+}
+
+void SARibbonToolButton::actionEvent(QActionEvent* e)
+{
+    QToolButton::actionEvent(e);
+    updateRect();
+}
+
+/**
+ * @brief 按钮样式
+ * @sa setButtonType
+ * @return
+ */
+SARibbonToolButton::RibbonButtonType SARibbonToolButton::buttonType() const
+{
+    return (d_ptr->mButtonType);
+}
+
+/**
+ * @brief 设置按钮样式
+ * @note 设置按钮样式过程会调用setToolButtonStyle，如果要改变toolButtonStyle,如设置为Qt::ToolButtonIconOnly,需要在此函数之后设置
+ * @param buttonType
+ */
+void SARibbonToolButton::setButtonType(const RibbonButtonType& buttonType)
+{
+    d_ptr->mButtonType = buttonType;
+    // 计算iconrect
+    // 根据字体计算文字的高度
+
+    if (LargeButton == buttonType) {
+        setSizePolicy(QSizePolicy::Maximum, QSizePolicy::Expanding);
+    } else {
+        setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Maximum);
+    }
+
+    updateRect();
+}
+
+/**
+ * @brief 是否是小按钮
+ * @return
+ */
+bool SARibbonToolButton::isSmallRibbonButton() const
+{
+    return (d_ptr->mButtonType == SmallButton);
+}
+
+/**
+ * @brief 是否是大按钮
+ * @return
+ */
+bool SARibbonToolButton::isLargeRibbonButton() const
+{
+    return (d_ptr->mButtonType == LargeButton);
+}
+
+QSize SARibbonToolButton::minimumSizeHint() const
+{
+    return (sizeHint());
+}
+
+/**
+ * @brief 间距是几个重要矩形的间隔
+ * @return
+ */
+int SARibbonToolButton::spacing() const
+{
+    return d_ptr->mSpacing;
+}
+
+void SARibbonToolButton::updateRect()
+{
+    QStyleOptionToolButton opt;
+    initStyleOption(&opt);
+    d_ptr->updateDrawRect(opt);
+}
+
+/**
+ * @brief 设置在lite模式下是否允许文字换行，如果允许，则图标相对比较小，默认不允许
+ * @param on
+ */
+void SARibbonToolButton::setEnableWordWrap(bool on)
+{
+    SARibbonToolButton::PrivateData::s_enableWordWrap = on;
+}
+
+/**
+ * @brief 在lite模式下是否允许文字换行
+ * @return
+ */
+bool SARibbonToolButton::isEnableWordWrap()
+{
+    return SARibbonToolButton::PrivateData::s_enableWordWrap;
+}
+
+bool SARibbonToolButton::event(QEvent* e)
+{
+    switch (e->type()) {
+    case QEvent::WindowDeactivate:
+        d_ptr->mMouseOnSubControl = false;
+        break;
+    case QEvent::ActionChanged:
+    case QEvent::ActionRemoved:
+    case QEvent::ActionAdded: {
+        d_ptr->mMouseOnSubControl = false;
+        updateRect();
+    } break;
+    default:
+        break;
+    }
+
+    return (QToolButton::event(e));
+}
+
+void SARibbonToolButton::changeEvent(QEvent* e)
+{
+    if (e) {
+        if (e->type() == QEvent::FontChange) {
+            // 说明字体改变，需要重新计算和字体相关的信息
+            updateRect();
+        }
+    }
+    QToolButton::changeEvent(e);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonToolButton.h b/gui/SARibbon/src/SARibbonBar/SARibbonToolButton.h
new file mode 100644
index 0000000..ae2987c
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonToolButton.h
@@ -0,0 +1,92 @@
+#ifndef SARIBBONTOOLBUTTON_H
+#define SARIBBONTOOLBUTTON_H
+#include "SARibbonGlobal.h"
+#include <QToolButton>
+#include <QDebug>
+/**
+ * @brief Ribbon界面适用的toolButton
+ *
+ * 相对于普通toolbutton，主要多了两个类型设置，@ref setButtonType 和 @ref setLargeButtonType
+ *
+ * @note @sa setIconSize 函数不在起作用，iconsize是根据当前尺寸动态调整的
+ */
+class SA_RIBBON_EXPORT SARibbonToolButton : public QToolButton
+{
+    Q_OBJECT
+    SA_RIBBON_DECLARE_PRIVATE(SARibbonToolButton)
+public:
+    /**
+     * @brief 按钮样式
+     */
+    enum RibbonButtonType
+    {
+        LargeButton,
+        SmallButton
+    };
+    Q_ENUM(RibbonButtonType)
+
+public:
+    explicit SARibbonToolButton(QWidget* parent = nullptr);
+    explicit SARibbonToolButton(QAction* defaultAction, QWidget* parent = nullptr);
+    ~SARibbonToolButton();
+    //标记按钮的样式，按钮的样式有不同的渲染方式
+    RibbonButtonType buttonType() const;
+    void setButtonType(const RibbonButtonType& buttonType);
+    //是否是小按钮
+    bool isSmallRibbonButton() const;
+    //是否是大按钮
+    bool isLargeRibbonButton() const;
+    //最小尺寸提示
+    virtual QSize minimumSizeHint() const Q_DECL_OVERRIDE;
+
+    //获取间距
+    int spacing() const;
+    //更新尺寸
+    void updateRect();
+
+    virtual QSize sizeHint() const Q_DECL_OVERRIDE;
+
+public:
+    //在lite模式下是否允许文字换行
+    static void setEnableWordWrap(bool on);
+    static bool isEnableWordWrap();
+
+protected:
+    virtual void paintEvent(QPaintEvent* e) Q_DECL_OVERRIDE;
+    virtual void resizeEvent(QResizeEvent* e) Q_DECL_OVERRIDE;
+    virtual void mouseMoveEvent(QMouseEvent* e) Q_DECL_OVERRIDE;
+    virtual void mousePressEvent(QMouseEvent* e) Q_DECL_OVERRIDE;
+    virtual void mouseReleaseEvent(QMouseEvent* e) Q_DECL_OVERRIDE;
+    virtual void focusOutEvent(QFocusEvent* e) Q_DECL_OVERRIDE;
+    virtual void leaveEvent(QEvent* e) Q_DECL_OVERRIDE;
+    virtual bool hitButton(const QPoint& pos) const Q_DECL_OVERRIDE;
+    virtual bool event(QEvent* e) Q_DECL_OVERRIDE;
+    //事件改变 - 主要为了捕获字体的改变
+    virtual void changeEvent(QEvent* e) Q_DECL_OVERRIDE;
+    virtual void actionEvent(QActionEvent* e) Q_DECL_OVERRIDE;
+
+protected:
+    //绘制按钮
+    virtual void paintButton(QPainter& p, const QStyleOptionToolButton& opt);
+    //绘制图标
+    virtual void paintIcon(QPainter& p, const QStyleOptionToolButton& opt, const QRect& iconDrawRect);
+    //绘制文本
+    virtual void paintText(QPainter& p, const QStyleOptionToolButton& opt, const QRect& textDrawRect);
+    //绘制Indicator
+    virtual void paintIndicator(QPainter& p, const QStyleOptionToolButton& opt, const QRect& indicatorDrawRect);
+
+private:
+    static void drawArrow(const QStyle* style,
+                          const QStyleOptionToolButton* toolbutton,
+                          const QRect& rect,
+                          QPainter* painter,
+                          const QWidget* widget = 0);
+
+protected:
+};
+
+namespace SA
+{
+QDebug operator<<(QDebug debug, const QStyleOptionToolButton& opt);
+}
+#endif  // SARIBBONTOOLBUTTON_H
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonWidget.cpp b/gui/SARibbon/src/SARibbonBar/SARibbonWidget.cpp
new file mode 100644
index 0000000..a67e788
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonWidget.cpp
@@ -0,0 +1,227 @@
+#include "SARibbonWidget.h"
+#include "SARibbonBar.h"
+#include "SARibbonTabBar.h"
+#include <QApplication>
+#include <QDebug>
+#include <QFile>
+#include <QScreen>
+
+/**
+ * @brief The SARibbonWidget::PrivateData class
+ */
+class SARibbonWidget::PrivateData
+{
+	SA_RIBBON_DECLARE_PUBLIC(SARibbonWidget)
+public:
+	PrivateData(SARibbonWidget* p);
+	void installFrameless(SARibbonWidget* p);
+
+public:
+	SARibbonTheme mCurrentRibbonTheme { SARibbonTheme::RibbonThemeOffice2021Blue };
+};
+
+SARibbonWidget::PrivateData::PrivateData(SARibbonWidget* p) : q_ptr(p)
+{
+}
+
+//===================================================
+// SARibbonWidget
+//===================================================
+SARibbonWidget::SARibbonWidget(QWidget* parent) : QWidget(parent), d_ptr(new SARibbonWidget::PrivateData(this))
+{
+	// 直接创建SARibbonBar
+	QVBoxLayout* verticalLayout = new QVBoxLayout(this);
+	verticalLayout->setSpacing(1);
+	verticalLayout->setObjectName("verticalLayout");
+	verticalLayout->setContentsMargins(0, 0, 0, 0);
+	SARibbonBar* ribbon = new SARibbonBar(this);
+	setRibbonBar(ribbon);
+	connect(qApp, &QApplication::primaryScreenChanged, this, &SARibbonWidget::onPrimaryScreenChanged);
+}
+
+SARibbonWidget::~SARibbonWidget()
+{
+}
+
+/**
+ * @brief 返回ribbonbar，如果不是使用ribbon模式，返回nullptr
+ * @return
+ */
+SARibbonBar* SARibbonWidget::ribbonBar() const
+{
+	QLayout* lay = layout();
+	if (lay) {
+		return qobject_cast< SARibbonBar* >(lay->menuBar());
+	}
+	return nullptr;
+}
+
+/**
+ * @brief 设置ribbonbar
+ * @param bar
+ */
+void SARibbonWidget::setRibbonBar(SARibbonBar* bar)
+{
+	QLayout* lay = layout();
+	if (lay) {
+		lay->setMenuBar(bar);
+	}
+}
+
+/**
+ * @brief SARibbonMainWindow::setRibbonTheme
+ *
+ * 注意主题在构造函数设置主题会不完全生效，使用QTimer投放到队列最后执行即可
+ * @code
+ * QTimer::singleShot(0, this, [ this ]() { this->setRibbonTheme(SARibbonMainWindow::RibbonThemeDark); });
+ * @endcode
+ * @param theme
+ */
+void SARibbonWidget::setRibbonTheme(SARibbonTheme theme)
+{
+	sa_set_ribbon_theme(this, theme);
+	d_ptr->mCurrentRibbonTheme = theme;
+	if (SARibbonBar* bar = ribbonBar()) {
+		auto theme = ribbonTheme();
+		// 尺寸修正
+		switch (theme) {
+		case SARibbonTheme::RibbonThemeWindows7:
+		case SARibbonTheme::RibbonThemeOffice2013:
+		case SARibbonTheme::RibbonThemeOffice2016Blue:
+		case SARibbonTheme::RibbonThemeDark:
+		case SARibbonTheme::RibbonThemeDark2: {
+			//! 在设置qss后需要针对margin信息重新设置进SARibbonTabBar中
+			//! office2013.qss的margin信息如下设置
+			//! margin-top: 0px;
+			//! margin-right: 0px;
+			//! margin-left: 5px;
+			//! margin-bottom: 0px;
+			SARibbonTabBar* tab = bar->ribbonTabBar();
+			if (!tab) {
+				break;
+			}
+			tab->setTabMargin(QMargins(5, 0, 0, 0));
+		} break;
+		case SARibbonTheme::RibbonThemeOffice2021Blue: {
+			SARibbonTabBar* tab = bar->ribbonTabBar();
+			if (!tab) {
+				break;
+			}
+			//! 在设置qss后需要针对margin信息重新设置进SARibbonTabBar中
+			//! office2021.qss的margin信息如下设置
+			//! margin-top: 0px;
+			//! margin-right: 5px;
+			//! margin-left: 5px;
+			//! margin-bottom: 0px;
+			tab->setTabMargin(QMargins(5, 0, 5, 0));
+		}
+		default:
+			break;
+		}
+		// 上下文标签颜色设置,以及基线颜色设置
+		switch (theme) {
+		case SARibbonTheme::RibbonThemeWindows7:
+		case SARibbonTheme::RibbonThemeOffice2013:
+		case SARibbonTheme::RibbonThemeDark:
+			bar->setContextCategoryColorList(QList< QColor >());  //< 设置空颜色列表会重置为默认色系
+			break;
+		case SARibbonTheme::RibbonThemeOffice2016Blue:
+			bar->setContextCategoryColorList(QList< QColor >() << QColor(18, 64, 120));  //< 设置空颜色列表会重置为默认色系
+			break;
+		case SARibbonTheme::RibbonThemeOffice2021Blue:
+			bar->setContextCategoryColorList(QList< QColor >() << QColor(209, 207, 209));  //< 设置空颜色列表会重置为默认色系
+			break;
+		default:
+			break;
+		}
+		// 基线颜色设置
+		if (SARibbonTheme::RibbonThemeOffice2013 == theme) {
+			bar->setTabBarBaseLineColor(QColor(186, 201, 219));
+		} else {
+			bar->setTabBarBaseLineColor(QColor());
+		}
+	}
+}
+
+SARibbonTheme SARibbonWidget::ribbonTheme() const
+{
+	return (d_ptr->mCurrentRibbonTheme);
+}
+
+bool SARibbonWidget::isUseRibbon() const
+{
+	return (nullptr != ribbonBar());
+}
+
+/**
+   @brief 设置窗口
+
+   @param 窗口指针
+   @note 窗口的所有权归SARibbonWidget管理
+   @sa widget
+   @note 原来设置的窗口会被delete
+ */
+void SARibbonWidget::setWidget(QWidget* w)
+{
+	QWidget* oldwidget = takeWidget();
+	if (oldwidget) {
+		oldwidget->hide();
+		oldwidget->deleteLater();
+	}
+	if (QLayout* lay = layout()) {
+		lay->addWidget(w);
+	}
+}
+
+/**
+   @brief 获取设置的窗口
+
+    @return 如果没有，返回nullptr
+ */
+QWidget* SARibbonWidget::widget() const
+{
+	QLayout* lay = layout();
+	if (lay) {
+		if (lay->count() == 0) {
+			return nullptr;
+		}
+		return lay->itemAt(0)->widget();
+	}
+	return nullptr;
+}
+
+QWidget* SARibbonWidget::takeWidget()
+{
+	QLayout* lay = layout();
+	if (nullptr == lay) {
+		return nullptr;
+	}
+	if (lay->count() == 0) {
+		return nullptr;
+	}
+	auto item = lay->itemAt(0);
+	if (nullptr == item) {
+		return nullptr;
+	}
+	lay->removeItem(item);
+	auto w = item->widget();
+	delete item;
+	if (!w) {
+		return nullptr;
+	}
+	return w;
+}
+
+/**
+ * @brief 主屏幕切换触发的信号
+ * @param screen
+ */
+void SARibbonWidget::onPrimaryScreenChanged(QScreen* screen)
+{
+	Q_UNUSED(screen);
+	// 主屏幕切换后，从新计算所有尺寸
+	if (SARibbonBar* bar = ribbonBar()) {
+		qDebug() << "Primary Screen Changed";
+		bar->updateRibbonGeometry();
+	}
+}
diff --git a/gui/SARibbon/src/SARibbonBar/SARibbonWidget.h b/gui/SARibbon/src/SARibbonBar/SARibbonWidget.h
new file mode 100644
index 0000000..d202b67
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/SARibbonWidget.h
@@ -0,0 +1,45 @@
+#ifndef SARIBBONWIDGET_H
+#define SARIBBONWIDGET_H
+#include "SARibbonGlobal.h"
+#include <QWidget>
+
+class SARibbonBar;
+class QScreen;
+/**
+ * @brief 带SARibbonBar的Widget
+ *
+ * @note 注意，SARibbonWidget利用了布局来把ribbonbar放到最顶部，不要给此widget添加布局，否则会导致布局异常，
+ * 正确的做法是把布局的窗口通过setWidget设置进SARibbonWidget
+ *
+ */
+class SA_RIBBON_EXPORT SARibbonWidget : public QWidget
+{
+	Q_OBJECT
+	SA_RIBBON_DECLARE_PRIVATE(SARibbonWidget)
+	friend class SARibbonBar;
+	Q_PROPERTY(SARibbonTheme ribbonTheme READ ribbonTheme WRITE setRibbonTheme)
+
+public:
+	explicit SARibbonWidget(QWidget* parent = nullptr);
+	~SARibbonWidget();
+	// 返回SARibbonBar
+	SARibbonBar* ribbonBar() const;
+	// 设置ribbonbar
+	void setRibbonBar(SARibbonBar* bar);
+
+	// 注意主题在构造函数设置主题会不完全生效，使用QTimer投放到队列最后执行即可
+    // QTimer::singleShot(0, this, [ this ]() { this->setRibbonTheme(SARibbonTheme::RibbonThemeDark); });
+	void setRibbonTheme(SARibbonTheme theme);
+	SARibbonTheme ribbonTheme() const;
+	// 判断当前是否使用ribbon模式
+	bool isUseRibbon() const;
+    // 设置窗口
+	void setWidget(QWidget* w);
+	QWidget* widget() const;
+    //
+    QWidget* takeWidget();
+private Q_SLOTS:
+	void onPrimaryScreenChanged(QScreen* screen);
+};
+
+#endif  // SARIBBONWIDGET_H
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorGridWidget.cpp b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorGridWidget.cpp
new file mode 100644
index 0000000..c68c159
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorGridWidget.cpp
@@ -0,0 +1,504 @@
+#include "SAColorGridWidget.h"
+#include "SAColorToolButton.h"
+#include <QGridLayout>
+#include <cmath>
+#include <QButtonGroup>
+
+class SAColorGridWidget::PrivateData
+{
+    SA_COLOR_WIDGETS_DECLARE_PUBLIC(SAColorGridWidget)
+public:
+    PrivateData(SAColorGridWidget* p);
+    // 获取ColorToolButton
+    SAColorToolButton* getColorToolButtonAt(int index);
+    SAColorToolButton* getColorToolButtonAt(int r, int c);
+    SAColorToolButton* getCheckedButton() const;
+    void updateGridColor(bool isRemoveSpacer = false);
+    void updateGridColorSize();
+    void updateGridColorCheckable();
+    void iterationColorBtns(SAColorGridWidget::FunColorBtn fn);
+    void removeAt(int r, int c);
+    void setColorAt(const QColor& clr, int r, int c);
+    bool isSpacer(int r, int c) const;
+
+public:
+    QList< QColor > mColors;
+    QGridLayout* mGridLayout { nullptr };
+    QButtonGroup* mButtonGroup { nullptr };
+    QSize mIconSize { 16, 16 };
+    int mColumnCount { 8 };  ///< 列数，行数量会根据列数量来匹配,如果设置-1或者0，说明不限定列数量，这样会只有一行
+    bool mColorCheckable;    ///< 设置颜色是否是checkable
+    bool mHorizontalSpacerToRight { false };  ///< 最右边是否有弹簧
+};
+
+SAColorGridWidget::PrivateData::PrivateData(SAColorGridWidget* p) : q_ptr(p)
+{
+    mGridLayout = new QGridLayout(p);
+    p->setLayout(mGridLayout);
+    mGridLayout->setSpacing(0);
+    mGridLayout->setContentsMargins(1, 1, 1, 1);
+    mButtonGroup = new QButtonGroup(p);
+    mButtonGroup->setExclusive(true);
+    p->setMinimumHeight(mIconSize.height());
+    p->setMinimumWidth(mIconSize.width());
+}
+
+SAColorToolButton* SAColorGridWidget::PrivateData::getColorToolButtonAt(int index)
+{
+    QLayoutItem* item = mGridLayout->itemAt(index);
+    if (nullptr == item) {
+        return nullptr;
+    }
+    return qobject_cast< SAColorToolButton* >(item->widget());
+}
+
+SAColorToolButton* SAColorGridWidget::PrivateData::getColorToolButtonAt(int r, int c)
+{
+    QLayoutItem* item = mGridLayout->itemAtPosition(r, c);
+    if (nullptr == item) {
+        return nullptr;
+    }
+    return qobject_cast< SAColorToolButton* >(item->widget());
+}
+
+SAColorToolButton* SAColorGridWidget::PrivateData::getCheckedButton() const
+{
+    return qobject_cast< SAColorToolButton* >(mButtonGroup->checkedButton());
+}
+
+/**
+ * @brief 根据mColors更新布局
+ */
+void SAColorGridWidget::PrivateData::updateGridColor(bool isRemoveSpacer)
+{
+    int row = 1;
+    int col = mColumnCount;
+    if (col <= 0) {
+        col = mColors.size();
+    } else {
+        row = std::ceil(mColors.size() / (float)col);
+    }
+    int index = 0;
+    for (int r = 0; r < row; ++r) {
+        for (int c = 0; c < col; ++c) {
+            if (index < mColors.size()) {
+                setColorAt(mColors[ index ], r, c);
+                ++index;
+            } else {
+                removeAt(r, c);
+            }
+        }
+    }
+    // 清除多余单元格
+    int nowGridRow = mGridLayout->rowCount();
+    int nowGridCol = mGridLayout->columnCount();
+    if (nowGridRow > row) {
+        // 多余的清除
+        for (int r = row; r < nowGridRow; ++r) {
+            for (int c = 0; c < nowGridCol; ++c) {
+                removeAt(r, c);
+            }
+        }
+    }
+    if (nowGridCol > col) {
+        // 多余的列清除
+        for (int r = 0; r < row; ++r) {
+            for (int c = col; c < nowGridCol; ++c) {
+                if (isRemoveSpacer) {
+                    removeAt(r, c);
+                } else {
+                    if (!isSpacer(r, c)) {
+                        removeAt(r, c);
+                    }
+                }
+            }
+        }
+    }
+}
+
+/**
+ * @brief 更新colorsize
+ */
+void SAColorGridWidget::PrivateData::updateGridColorSize()
+{
+    QSize s = mIconSize;
+    iterationColorBtns([ s ](SAColorToolButton* btn) {
+        if (btn) {
+            btn->setIconSize(s);
+        }
+    });
+}
+
+void SAColorGridWidget::PrivateData::updateGridColorCheckable()
+{
+    bool v = mColorCheckable;
+    iterationColorBtns([ v ](SAColorToolButton* btn) {
+        if (btn) {
+            btn->setCheckable(v);
+        }
+    });
+}
+
+/**
+ * @brief 遍历所有的button
+ * @param fn
+ */
+void SAColorGridWidget::PrivateData::iterationColorBtns(FunColorBtn fn)
+{
+    int cnt = mGridLayout->count();
+    for (int i = 0; i < cnt; ++i) {
+        SAColorToolButton* tl = getColorToolButtonAt(i);
+        fn(tl);
+    }
+}
+
+/**
+ * @brief 删除网格窗口
+ * @param r
+ * @param c
+ */
+void SAColorGridWidget::PrivateData::removeAt(int r, int c)
+{
+    QLayoutItem* item = mGridLayout->itemAtPosition(r, c);
+    if (item) {
+        QWidget* w = item->widget();
+        mGridLayout->removeItem(item);
+        delete item;
+        if (w) {
+            w->deleteLater();
+        }
+    }
+}
+
+void SAColorGridWidget::PrivateData::setColorAt(const QColor& clr, int r, int c)
+{
+    QLayoutItem* item = mGridLayout->itemAtPosition(r, c);
+    if (item) {
+        SAColorToolButton* tl = qobject_cast< SAColorToolButton* >(item->widget());
+        if (tl) {
+            tl->setColor(clr);
+        }
+    } else {
+        SAColorToolButton* tl = new SAColorToolButton(SAColorToolButton::NoColorMenu, q_ptr);
+        tl->setToolButtonStyle(Qt::ToolButtonIconOnly);
+        tl->setIconSize(mIconSize);
+        tl->setMargins(QMargins(4, 4, 4, 4));
+        tl->setColor(clr);
+        tl->setCheckable(mColorCheckable);
+        tl->setAutoRaise(true);
+        mButtonGroup->addButton(tl, r + c);
+        mGridLayout->addWidget(tl, r, c);
+    }
+}
+
+bool SAColorGridWidget::PrivateData::isSpacer(int r, int c) const
+{
+    QLayoutItem* item = mGridLayout->itemAtPosition(r, c);
+    if (item) {
+        if (QSpacerItem* si = dynamic_cast< QSpacerItem* >(item)) {
+            return true;
+        }
+    }
+    return false;
+}
+
+//==============================================================
+// SAColorGridWidget
+//==============================================================
+
+SAColorGridWidget::SAColorGridWidget(QWidget* par) : QWidget(par), d_ptr(new SAColorGridWidget::PrivateData(this))
+{
+    connect(d_ptr->mButtonGroup,
+            QOverload< QAbstractButton* >::of(&QButtonGroup::buttonClicked),
+            this,
+            &SAColorGridWidget::onButtonClicked);
+    connect(d_ptr->mButtonGroup,
+            QOverload< QAbstractButton* >::of(&QButtonGroup::buttonPressed),
+            this,
+            &SAColorGridWidget::onButtonPressed);
+    connect(d_ptr->mButtonGroup,
+            QOverload< QAbstractButton* >::of(&QButtonGroup::buttonReleased),
+            this,
+            &SAColorGridWidget::onButtonReleased);
+    connect(d_ptr->mButtonGroup,
+            QOverload< QAbstractButton*, bool >::of(&QButtonGroup::buttonToggled),
+            this,
+            &SAColorGridWidget::onButtonToggled);
+}
+
+SAColorGridWidget::~SAColorGridWidget()
+{
+}
+
+/**
+ * @brief 设置列数，行数量会根据列数量来匹配,如果设置-1或者0，说明不限定列数量，这样会只有一行
+ * @param c
+ */
+void SAColorGridWidget::setColumnCount(int c)
+{
+    d_ptr->mColumnCount = c;
+    d_ptr->updateGridColor(true);
+    if (d_ptr->mHorizontalSpacerToRight) {
+        setHorizontalSpacerToRight();
+    }
+    updateGeometry();
+}
+
+/**
+ * @brief 设置颜色列表
+ * @param c
+ */
+void SAColorGridWidget::setColorList(const QList< QColor >& cls)
+{
+    d_ptr->mColors = cls;
+    d_ptr->updateGridColor();
+    updateGeometry();
+}
+
+/**
+ * @brief 获取颜色列表
+ * @return
+ */
+QList< QColor > SAColorGridWidget::getColorList() const
+{
+    return d_ptr->mColors;
+}
+
+/**
+ * @brief 获取间隔
+ * @return
+ */
+int SAColorGridWidget::spacing() const
+{
+    return d_ptr->mGridLayout->spacing();
+}
+
+/**
+ * @brief 设置间隔
+ * @param v
+ */
+void SAColorGridWidget::setSpacing(int v)
+{
+    d_ptr->mGridLayout->setSpacing(v);
+}
+
+/**
+ * @brief 获取颜色的数量
+ * @return
+ */
+int SAColorGridWidget::colorCount() const
+{
+    return d_ptr->mColors.size();
+}
+
+/**
+ * @brief 设置图标 size
+ * @return
+ */
+void SAColorGridWidget::setColorIconSize(const QSize& s)
+{
+    d_ptr->mIconSize = s;
+    setMinimumHeight(s.height());
+    setMinimumWidth(s.width());
+    d_ptr->updateGridColorSize();
+}
+
+/**
+ * @brief 获取图标 size
+ * @return
+ */
+QSize SAColorGridWidget::colorIconSize() const
+{
+    return d_ptr->mIconSize;
+}
+
+/**
+ * @brief 设置颜色是否是checkable
+ *
+ * checkable的颜色按钮是可checked的
+ * @param on
+ */
+void SAColorGridWidget::setColorCheckable(bool on)
+{
+    d_ptr->mColorCheckable = on;
+    d_ptr->updateGridColorCheckable();
+}
+
+/**
+ * @brief 颜色是否是checkable
+ * @return
+ */
+bool SAColorGridWidget::isColorCheckable() const
+{
+    return d_ptr->mColorCheckable;
+}
+
+/**
+ * @brief 获取当前选中的颜色
+ * @return
+ */
+QColor SAColorGridWidget::currentCheckedColor() const
+{
+    QAbstractButton* btn = d_ptr->mButtonGroup->checkedButton();
+    if (nullptr == btn) {
+        return QColor();
+    }
+    SAColorToolButton* t = qobject_cast< SAColorToolButton* >(btn);
+    if (nullptr == t) {
+        return QColor();
+    }
+    return t->color();
+}
+
+/**
+ * @brief 获取index对应的colorbutton
+ * @param index
+ * @return 如果没有返回nullptr
+ */
+SAColorToolButton* SAColorGridWidget::colorButton(int index) const
+{
+    return d_ptr->getColorToolButtonAt(index);
+}
+
+/**
+ * @brief 等同GridLayout的VerticalSpacing属性
+ * @param v
+ */
+void SAColorGridWidget::setVerticalSpacing(int v)
+{
+    d_ptr->mGridLayout->setVerticalSpacing(v);
+}
+/**
+ * @brief 等同GridLayout的VerticalSpacing属性
+ * @return
+ */
+int SAColorGridWidget::verticalSpacing() const
+{
+    return d_ptr->mGridLayout->verticalSpacing();
+}
+/**
+ * @brief 等同GridLayout的HorizontalSpacing属性
+ * @param v
+ */
+void SAColorGridWidget::setHorizontalSpacing(int v)
+{
+    d_ptr->mGridLayout->setHorizontalSpacing(v);
+}
+/**
+ * @brief 等同GridLayout的HorizontalSpacing属性
+ * @return
+ */
+int SAColorGridWidget::horizontalSpacing() const
+{
+    return d_ptr->mGridLayout->horizontalSpacing();
+}
+
+/**
+ * @brief 清除选中状态，这时没有颜色是选中的
+ */
+void SAColorGridWidget::clearCheckedState()
+{
+    if (d_ptr->mButtonGroup->exclusive()) {
+        SAColorToolButton* btn = d_ptr->getCheckedButton();
+        if (btn) {
+            d_ptr->mButtonGroup->setExclusive(false);
+            btn->setChecked(false);
+            d_ptr->mButtonGroup->setExclusive(true);
+        }
+    } else {
+        d_ptr->iterationColorBtns([](SAColorToolButton* btn) {
+            if (btn->isChecked()) {
+                btn->setChecked(false);
+            }
+        });
+    }
+}
+
+void SAColorGridWidget::iterationColorBtns(SAColorGridWidget::FunColorBtn fn)
+{
+    d_ptr->iterationColorBtns(fn);
+}
+
+void SAColorGridWidget::setRowMinimumHeight(int row, int minSize)
+{
+    d_ptr->mGridLayout->setRowMinimumHeight(row, minSize);
+}
+
+void SAColorGridWidget::setHorizontalSpacerToRight(bool on)
+{
+    if (on) {
+        QSpacerItem* horizontalSpacer = new QSpacerItem(40, 20, QSizePolicy::Expanding, QSizePolicy::Minimum);
+        d_ptr->mGridLayout->addItem(horizontalSpacer, 0, d_ptr->mColumnCount, 1, 1);
+    } else {
+        d_ptr->removeAt(0, d_ptr->mColumnCount);
+    }
+    d_ptr->mHorizontalSpacerToRight = on;
+}
+
+void SAColorGridWidget::onButtonClicked(QAbstractButton* btn)
+{
+    SAColorToolButton* t = qobject_cast< SAColorToolButton* >(btn);
+    if (t) {
+        Q_EMIT colorClicked(t->color());
+    }
+}
+
+void SAColorGridWidget::onButtonPressed(QAbstractButton* btn)
+{
+    SAColorToolButton* t = qobject_cast< SAColorToolButton* >(btn);
+    if (t) {
+        Q_EMIT colorPressed(t->color());
+    }
+}
+
+void SAColorGridWidget::onButtonToggled(QAbstractButton* btn, bool on)
+{
+    SAColorToolButton* t = qobject_cast< SAColorToolButton* >(btn);
+    if (t) {
+        Q_EMIT colorToggled(t->color(), on);
+    }
+}
+
+QSize SAColorGridWidget::sizeHint() const
+{
+    return d_ptr->mGridLayout->sizeHint();
+    //    int w = d_ptr->mIconSize.width() + d_ptr->mGridLayout->verticalSpacing();
+    //    int h = d_ptr->mIconSize.height();
+    //    if (d_ptr->mColumnCount > 0) {
+    //        h *= d_ptr->mColumnCount;
+    //        if (!d_ptr->mColors.empty()) {
+    //            int r = std::ceil(d_ptr->mColors.size() / (float)(d_ptr->mColumnCount));
+    //            if (r > 0) {
+    //                w *= r;
+    //            }
+    //        }
+    //    }
+    //    return QSize(w, h);
+}
+
+void SAColorGridWidget::onButtonReleased(QAbstractButton* btn)
+{
+    SAColorToolButton* t = qobject_cast< SAColorToolButton* >(btn);
+    if (t) {
+        Q_EMIT colorReleased(t->color());
+    }
+}
+
+namespace SA
+{
+
+QList< QColor > getStandardColorList()
+{
+    static QList< QColor > s_standardColorList({ QColor(192, 0, 0),
+                                                 QColor(255, 0, 0),
+                                                 QColor(255, 192, 0),
+                                                 QColor(255, 255, 0),
+                                                 QColor(146, 208, 80),
+                                                 QColor(0, 176, 80),
+                                                 QColor(0, 176, 240),
+                                                 QColor(0, 112, 192),
+                                                 QColor(0, 32, 96),
+                                                 QColor(112, 48, 160) });
+    return s_standardColorList;
+}
+}
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorGridWidget.h b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorGridWidget.h
new file mode 100644
index 0000000..f8cd89a
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorGridWidget.h
@@ -0,0 +1,93 @@
+#ifndef SACOLORGRIDWIDGET_H
+#define SACOLORGRIDWIDGET_H
+#include <QWidget>
+#include <functional>
+#include "SAColorWidgetsGlobal.h"
+class QAbstractButton;
+class SAColorToolButton;
+/**
+ * @brief 一个grid的Color布局
+ *
+ * 一个形如下面的颜色grid：
+ *
+ * □□□□□□□□□
+ *
+ * □□□□□□□□□
+ *
+ * □□□□□□□□□
+ */
+class SA_COLOR_WIDGETS_API SAColorGridWidget : public QWidget
+{
+    Q_OBJECT
+    SA_COLOR_WIDGETS_DECLARE_PRIVATE(SAColorGridWidget)
+    Q_PROPERTY(int spacing READ spacing WRITE setSpacing)
+public:
+    using FunColorBtn = std::function< void(SAColorToolButton*) >;
+
+public:
+    SAColorGridWidget(QWidget* par = nullptr);
+    ~SAColorGridWidget();
+    // 设置列数，行数量会根据列数量来匹配,如果设置-1或者0，说明不限定列数量，这样会只有一行
+    void setColumnCount(int c);
+    int columnCount() const;
+    // 设置当前的颜色列表
+    void setColorList(const QList< QColor >& cls);
+    QList< QColor > getColorList() const;
+    // 间隔
+    int spacing() const;
+    void setSpacing(int v);
+    // 获取颜色的数量
+    int colorCount() const;
+    // 图标的尺寸
+    void setColorIconSize(const QSize& s);
+    QSize colorIconSize() const;
+    // 设置颜色是否是checkable
+    void setColorCheckable(bool on = true);
+    bool isColorCheckable() const;
+    // 获取当前选中的颜色
+    QColor currentCheckedColor() const;
+    // 获取index对于的colorbutton
+    SAColorToolButton* colorButton(int index) const;
+    // 垂直间距
+    void setVerticalSpacing(int v);
+    int verticalSpacing() const;
+    // 水平间距
+    void setHorizontalSpacing(int v);
+    int horizontalSpacing() const;
+    // 清除当前选中状态，这时没有颜色是选中的
+    void clearCheckedState();
+    // 对所有的colorbtn就行遍历处理，可以通过此函数进行tooltip设置等操作
+    void iterationColorBtns(FunColorBtn fn);
+    // 设置行最小高度
+    void setRowMinimumHeight(int row, int minSize);
+    // 让颜色块左对齐
+    void setHorizontalSpacerToRight(bool on = true);
+private Q_SLOTS:
+    void onButtonClicked(QAbstractButton* btn);
+    void onButtonPressed(QAbstractButton* btn);
+    void onButtonReleased(QAbstractButton* btn);
+    void onButtonToggled(QAbstractButton* btn, bool on);
+
+Q_SIGNALS:
+    /**
+     * @brief 对于check模式，check的颜色触发的信号
+     * @param c
+     * @param on
+     */
+    void colorClicked(const QColor& c);
+    void colorPressed(const QColor& c);
+    void colorReleased(const QColor& c);
+    void colorToggled(const QColor& c, bool on);
+
+public:
+    virtual QSize sizeHint() const Q_DECL_OVERRIDE;
+};
+namespace SA
+{
+/**
+ * @brief 获取标准色列表（一共10种颜色）
+ * @return
+ */
+SA_COLOR_WIDGETS_API QList< QColor > getStandardColorList();
+}
+#endif  // SACOLORGRIDWIDGET_H
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorMenu.cpp b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorMenu.cpp
new file mode 100644
index 0000000..1af0d4b
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorMenu.cpp
@@ -0,0 +1,260 @@
+#include "SAColorMenu.h"
+#include <QWidgetAction>
+#include <QColorDialog>
+#include <QDebug>
+#include <QLabel>
+#include <QGridLayout>
+#include <QPainter>
+#include "SAColorGridWidget.h"
+#include "SAColorPaletteGridWidget.h"
+#include "SAColorToolButton.h"
+class SAColorMenu::PrivateData
+{
+    SA_COLOR_WIDGETS_DECLARE_PUBLIC(SAColorMenu)
+public:
+    PrivateData(SAColorMenu* p);
+    QColor getColorByDialog();
+    void recordCustomColor(const QColor& c);
+    QWidgetAction* addWidget(QWidget* w);
+    //创建一个无颜色的icon
+    QIcon createNoneColorIcon(QSize baseSize = QSize(32, 32));
+
+public:
+    QLabel* mTitleLabel { nullptr };  ///< 主题颜色标题
+    QWidgetAction* mTitleLabelAction { nullptr };
+    SAColorPaletteGridWidget* mThemeColorsWidget { nullptr };  ///< 主题颜色
+    QWidgetAction* mThemeColorPaletteAction { nullptr };       ///< ThemeColorsPalette对应的action
+    QAction* mCustomColorAction { nullptr };                   ///< 自定义颜色action
+    SAColorGridWidget* mCustomColorsWidget { nullptr };        ///< 自定义颜色记录
+    QWidgetAction* mCustomColorsWidgetAction { nullptr };      ///< 自定义颜色窗口对应的action
+    QAction* mNoneColorAction { nullptr };                     ///< 无颜色action
+    QList< QColor > mCustomColors;
+    int mMaxCustomColorSize { 10 };                        ///< 记录最多的自定义颜色数量
+    QScopedPointer< QColorDialog > mColorDlg { nullptr };  ///<颜色对话框
+};
+
+SAColorMenu::PrivateData::PrivateData(SAColorMenu* p) : q_ptr(p)
+{
+}
+
+QColor SAColorMenu::PrivateData::getColorByDialog()
+{
+    if (nullptr == mColorDlg) {
+        mColorDlg.reset(new QColorDialog());
+    }
+    if (QDialog::Accepted == mColorDlg->exec()) {
+        return mColorDlg->currentColor();
+    }
+    return QColor();
+}
+
+void SAColorMenu::PrivateData::recordCustomColor(const QColor& c)
+{
+    if (mCustomColors.size() < mMaxCustomColorSize) {
+        mCustomColors.push_back(c);
+    } else {
+        //超过数量，就左移动
+        for (int i = 1; i < mCustomColors.size(); ++i) {
+            mCustomColors[ i - 1 ] = mCustomColors[ i ];
+        }
+        mCustomColors.back() = c;
+    }
+}
+
+QWidgetAction* SAColorMenu::PrivateData::addWidget(QWidget* w)
+{
+    QWidgetAction* wa = new QWidgetAction(q_ptr);
+    wa->setDefaultWidget(w);
+    q_ptr->addAction(wa);
+    return wa;
+}
+
+QIcon SAColorMenu::PrivateData::createNoneColorIcon(QSize baseSize)
+{
+    QPixmap pixmap(baseSize);
+    pixmap.fill(Qt::transparent);
+    QPainter p(&pixmap);
+    SAColorToolButton::paintNoneColor(&p, QRect(0, 0, pixmap.width(), pixmap.height()).adjusted(1, 1, -1, -1));
+    return QIcon(pixmap);
+}
+//===================================================
+// SAColorMenu
+//===================================================
+
+SAColorMenu::SAColorMenu(QWidget* parent) : QMenu(parent), d_ptr(new SAColorMenu::PrivateData(this))
+{
+    init(SA::getStandardColorList());
+}
+
+SAColorMenu::SAColorMenu(const QString& title, QWidget* parent)
+    : QMenu(title, parent), d_ptr(new SAColorMenu::PrivateData(this))
+{
+    init(SA::getStandardColorList());
+}
+
+SAColorMenu::~SAColorMenu()
+{
+}
+
+/**
+ * @brief 快速绑定ColorToolButton
+ * @param btn
+ */
+void SAColorMenu::bindToColorToolButton(SAColorToolButton* btn)
+{
+    if (!btn) {
+        return;
+    }
+    if (btn->menu() != this) {
+        btn->setMenu(this);
+    }
+    connect(this, &SAColorMenu::selectedColor, btn, &SAColorToolButton::setColor);
+}
+
+/**
+ * @brief ThemeColorsPalette对应的action
+ * @return
+ */
+QWidgetAction* SAColorMenu::themeColorsPaletteAction() const
+{
+    return d_ptr->mThemeColorPaletteAction;
+}
+
+/**
+ * @brief CustomColorsWidget对应的action
+ * @return
+ */
+QWidgetAction* SAColorMenu::getCustomColorsWidgetAction() const
+{
+    return d_ptr->mCustomColorsWidgetAction;
+}
+
+/**
+ * @brief 自定义颜色action
+ * @return
+ */
+QAction* SAColorMenu::customColorAction() const
+{
+    return d_ptr->mCustomColorAction;
+}
+
+/**
+ * @brief 获取ThemeColorsPalette
+ * @return
+ */
+SAColorPaletteGridWidget* SAColorMenu::colorPaletteGridWidget() const
+{
+    return d_ptr->mThemeColorsWidget;
+}
+
+/**
+ * @brief 获取自定义颜色grid
+ * @return
+ */
+SAColorGridWidget* SAColorMenu::customColorsWidget() const
+{
+    return d_ptr->mCustomColorsWidget;
+}
+
+/**
+ * @brief 建立没有颜色的action，可以选择无颜色
+ *
+ * 无颜色选中会发射selectedColor(QColor())
+ * @param on
+ */
+void SAColorMenu::enableNoneColorAction(bool on)
+{
+    //无颜色默认是在自定义颜色的上方
+    if (on) {
+        if (d_ptr->mNoneColorAction) {
+            if (actions().contains(d_ptr->mNoneColorAction)) {
+                //已经包含了NoneColorAction,退出
+                return;
+            } else {
+                insertAction(d_ptr->mCustomColorAction, d_ptr->mNoneColorAction);
+            }
+        } else {
+            QIcon ic                = d_ptr->createNoneColorIcon();
+            d_ptr->mNoneColorAction = new QAction(ic, tr("None"), this);
+            connect(d_ptr->mNoneColorAction, &QAction::triggered, this, &SAColorMenu::onNoneColorActionTriggered);
+            insertAction(d_ptr->mCustomColorAction, d_ptr->mNoneColorAction);
+        }
+    } else {
+        removeAction(d_ptr->mNoneColorAction);
+        // remove后暂时不删除action
+    }
+}
+
+/**
+ * @brief 获取None Color Action
+ *
+ * @note 注意，enableNoneColorAction(true),之后才不是nullptr
+ * @return 如果没有建立NoneColorAction，会返回nullptr
+ */
+QAction* SAColorMenu::noneColorAction() const
+{
+    return d_ptr->mNoneColorAction;
+}
+
+/**
+ * @brief 这是一个辅助槽函数，为了让用户自定义的其他action也能关联menu，可以调用此槽函数，实现selectedColor信号以及menu的隐藏
+ * @param c
+ */
+void SAColorMenu::emitSelectedColor(const QColor& c)
+{
+    Q_EMIT selectedColor(c);
+    hide();
+}
+
+void SAColorMenu::init(const QList< QColor >& themeCls)
+{
+    d_ptr->mTitleLabel = new QLabel(this);
+    d_ptr->mTitleLabel->setText(tr("Theme Colors"));
+    d_ptr->mTitleLabelAction = d_ptr->addWidget(d_ptr->mTitleLabel);
+
+    d_ptr->mThemeColorsWidget = new SAColorPaletteGridWidget(themeCls, this);
+    d_ptr->mThemeColorsWidget->setColorCheckable(false);
+    d_ptr->mThemeColorPaletteAction = d_ptr->addWidget(d_ptr->mThemeColorsWidget);
+
+    d_ptr->mCustomColorAction = new QAction(tr("Custom Color"), this);  // cn:自定义颜色
+    addAction(d_ptr->mCustomColorAction);
+
+    QSize clrSize              = d_ptr->mThemeColorsWidget->colorIconSize();
+    d_ptr->mCustomColorsWidget = new SAColorGridWidget(this);
+    d_ptr->mCustomColorsWidget->setRowMinimumHeight(0, clrSize.height());
+    d_ptr->mCustomColorsWidget->setHorizontalSpacerToRight();
+    d_ptr->mCustomColorsWidget->setColorIconSize(clrSize);
+    d_ptr->mCustomColorsWidget->setColumnCount(d_ptr->mMaxCustomColorSize);
+    d_ptr->mCustomColorsWidget->setColorCheckable(false);
+    d_ptr->mCustomColorsWidgetAction = d_ptr->addWidget(d_ptr->mCustomColorsWidget);
+
+    connect(d_ptr->mCustomColorAction, &QAction::triggered, this, &SAColorMenu::onCustomColorActionTriggered);
+    connect(d_ptr->mThemeColorsWidget, &SAColorPaletteGridWidget::colorClicked, this, &SAColorMenu::emitSelectedColor);
+    connect(d_ptr->mCustomColorsWidget, &SAColorGridWidget::colorClicked, this, &SAColorMenu::emitSelectedColor);
+}
+
+/**
+ * @brief 自定义颜色
+ * @param on
+ */
+void SAColorMenu::onCustomColorActionTriggered(bool on)
+{
+    Q_UNUSED(on);
+    QColor c = d_ptr->getColorByDialog();
+    if (c.isValid()) {
+        d_ptr->recordCustomColor(c);
+        d_ptr->mCustomColorsWidget->setColorList(d_ptr->mCustomColors);
+        updateGeometry();
+        emitSelectedColor(c);
+    }
+}
+
+/**
+ * @brief 无颜色
+ * @param on
+ */
+void SAColorMenu::onNoneColorActionTriggered(bool on)
+{
+    Q_UNUSED(on);
+    emitSelectedColor(QColor());
+}
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorMenu.h b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorMenu.h
new file mode 100644
index 0000000..b90d2ab
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorMenu.h
@@ -0,0 +1,53 @@
+#ifndef SACOLORMENU_H
+#define SACOLORMENU_H
+#include <QMenu>
+#include "SAColorWidgetsGlobal.h"
+class QWidgetAction;
+class SAColorPaletteGridWidget;
+class SAColorGridWidget;
+class SAColorToolButton;
+/**
+ * @brief 标准颜色菜单
+ */
+class SA_COLOR_WIDGETS_API SAColorMenu : public QMenu
+{
+    Q_OBJECT
+    SA_COLOR_WIDGETS_DECLARE_PRIVATE(SAColorMenu)
+public:
+    explicit SAColorMenu(QWidget* parent = nullptr);
+    explicit SAColorMenu(const QString& title, QWidget* parent = nullptr);
+    ~SAColorMenu();
+    // 快速绑定colorbtn
+    void bindToColorToolButton(SAColorToolButton* btn);
+    // ThemeColorsPalette对应的action
+    QWidgetAction* themeColorsPaletteAction() const;
+    // CustomColorsWidget对应的action
+    QWidgetAction* getCustomColorsWidgetAction() const;
+    // 自定义颜色action
+    QAction* customColorAction() const;
+    // 获取ThemeColorsPalette
+    SAColorPaletteGridWidget* colorPaletteGridWidget() const;
+    // 获取自定义颜色grid
+    SAColorGridWidget* customColorsWidget() const;
+    // 构建无颜色action，默认无颜色action是没有的
+    void enableNoneColorAction(bool on = true);
+    // 获取None Color Action,注意，enableNoneColorAction(true),之后才不是nullptr
+    QAction* noneColorAction() const;
+public Q_SLOTS:
+    // 这是一个辅助槽函数，为了让用户自定义的其他action也能关联menu，可以调用此槽函数，实现selectedColor信号以及menu的隐藏
+    void emitSelectedColor(const QColor& c);
+Q_SIGNALS:
+    /**
+     * @brief 选择了颜色触发的信号
+     * @param c
+     */
+    void selectedColor(const QColor& c);
+private Q_SLOTS:
+    void onCustomColorActionTriggered(bool on);
+    void onNoneColorActionTriggered(bool on);
+
+private:
+    void init(const QList< QColor >& themeCls);
+};
+
+#endif  // SACOLORMENU_H
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorPaletteGridWidget.cpp b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorPaletteGridWidget.cpp
new file mode 100644
index 0000000..de7ebc7
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorPaletteGridWidget.cpp
@@ -0,0 +1,171 @@
+#include "SAColorPaletteGridWidget.h"
+// Qt
+#include <QMenu>
+#include <QWidgetAction>
+#include <QVBoxLayout>
+#include <QColorDialog>
+// SA
+#include "SAColorGridWidget.h"
+class SAColorPaletteGridWidget::PrivateData
+{
+    SA_COLOR_WIDGETS_DECLARE_PUBLIC(SAColorPaletteGridWidget)
+public:
+    PrivateData(SAColorPaletteGridWidget* p);
+    //生成color palette
+    QList< QColor > makeColorPalette(const QList< QColor >& clrList) const;
+
+public:
+    QList< int > mFactor { 180, 160, 140, 75, 50 };  ///< palette的比例因子，将调用QColor的lighter函数执行
+    QVBoxLayout* mLayout { nullptr };                ///< 垂直布局
+    SAColorGridWidget* mMainColorList { nullptr };   ///< 这个用于显示标准颜色
+    SAColorGridWidget* mPaletteColorGrid { nullptr };  ///< 这个用于生成3行亮色，2行暗色的palette
+};
+
+SAColorPaletteGridWidget::PrivateData::PrivateData(SAColorPaletteGridWidget* p) : q_ptr(p)
+{
+    mLayout = new QVBoxLayout(p);
+    p->setLayout(mLayout);
+    mMainColorList    = new SAColorGridWidget(p);
+    mPaletteColorGrid = new SAColorGridWidget(p);
+    mLayout->addWidget(mMainColorList);
+    mLayout->addWidget(mPaletteColorGrid);
+    mLayout->setContentsMargins(1, 1, 1, 1);
+    mLayout->setSpacing(8);
+    QSizePolicy sizePolicy(QSizePolicy::Maximum, QSizePolicy::Maximum);
+    mMainColorList->setSizePolicy(sizePolicy);
+    mPaletteColorGrid->setSizePolicy(sizePolicy);
+    mMainColorList->setColumnCount(0);
+    mPaletteColorGrid->setVerticalSpacing(0);
+}
+
+QList< QColor > SAColorPaletteGridWidget::PrivateData::makeColorPalette(const QList< QColor >& clrList) const
+{
+    QList< QColor > res;
+    for (int f : qAsConst(mFactor)) {
+        for (const QColor& c : qAsConst(clrList)) {
+            res.append(c.lighter(f));
+        }
+    }
+    return res;
+}
+//==============================================================
+// name
+//==============================================================
+
+/**
+ * @brief 使用默认的标准颜色生成一个color palette
+ * @param par
+ */
+SAColorPaletteGridWidget::SAColorPaletteGridWidget(QWidget* par) : QWidget(par), d_ptr(new PrivateData(this))
+{
+    init();
+    setColorList(SA::getStandardColorList());
+}
+
+/**
+ * @brief 根据指定的颜色生成一个color palette
+ * @param cls
+ * @param par
+ */
+SAColorPaletteGridWidget::SAColorPaletteGridWidget(const QList< QColor >& cls, QWidget* par)
+    : QWidget(par), d_ptr(new PrivateData(this))
+{
+    init();
+    setColorList(cls);
+}
+
+SAColorPaletteGridWidget::~SAColorPaletteGridWidget()
+{
+}
+void SAColorPaletteGridWidget::init()
+{
+    connect(d_ptr->mMainColorList, &SAColorGridWidget::colorClicked, this, &SAColorPaletteGridWidget::onMainColorClicked);
+    connect(d_ptr->mPaletteColorGrid, &SAColorGridWidget::colorClicked, this, &SAColorPaletteGridWidget::onPaletteColorClicked);
+    QSizePolicy sizePolicy(QSizePolicy::Maximum, QSizePolicy::Maximum);
+    setSizePolicy(sizePolicy);
+    setColorIconSize(QSize(10, 10));
+}
+
+/**
+ * @brief 设置颜色系列，颜色系列的个数决定了主色卡的数量，palette色卡会根据factor进行生成
+ * @param cls
+ */
+void SAColorPaletteGridWidget::setColorList(const QList< QColor >& cls)
+{
+    d_ptr->mMainColorList->setColumnCount(0);
+    d_ptr->mMainColorList->setColorList(cls);
+    d_ptr->mPaletteColorGrid->setColumnCount(cls.size());
+    d_ptr->mPaletteColorGrid->setColorList(d_ptr->makeColorPalette(cls));
+}
+
+/**
+ * @brief 获取颜色系列
+ * @return
+ */
+QList< QColor > SAColorPaletteGridWidget::colorList() const
+{
+    return d_ptr->mMainColorList->getColorList();
+}
+
+/**
+ * @brief 设置颜色深浅比例factor，factor决定了palette的行数，factor有5个，就有5行
+ *
+ * 默认为{ 180, 160, 140, 75, 50 },相当于会有5行，每个系数会对标准颜色执行QColor::lighter操作
+ * @param factor
+ */
+void SAColorPaletteGridWidget::setFactor(const QList< int >& factor)
+{
+    d_ptr->mFactor = factor;
+    d_ptr->mPaletteColorGrid->setColorList(d_ptr->makeColorPalette(d_ptr->mMainColorList->getColorList()));
+}
+
+/**
+ * @brief 获取色卡
+ * @return
+ */
+QList< int > SAColorPaletteGridWidget::factor() const
+{
+    return d_ptr->mFactor;
+}
+
+/**
+ * @brief 设置颜色块的尺寸，默认为10*10
+ * @param s
+ */
+void SAColorPaletteGridWidget::setColorIconSize(const QSize& s)
+{
+    d_ptr->mMainColorList->setColorIconSize(s);
+    d_ptr->mPaletteColorGrid->setColorIconSize(s);
+}
+
+QSize SAColorPaletteGridWidget::colorIconSize() const
+{
+    return d_ptr->mMainColorList->colorIconSize();
+}
+
+/**
+ * @brief 设置颜色块是否能被checked
+ * @param on
+ */
+void SAColorPaletteGridWidget::setColorCheckable(bool on)
+{
+    d_ptr->mMainColorList->setColorCheckable(on);
+    d_ptr->mPaletteColorGrid->setColorCheckable(on);
+}
+
+bool SAColorPaletteGridWidget::isColorCheckable() const
+{
+    return d_ptr->mMainColorList->isColorCheckable();
+}
+
+void SAColorPaletteGridWidget::onMainColorClicked(const QColor& c)
+{
+    d_ptr->mPaletteColorGrid->clearCheckedState();
+    Q_EMIT colorClicked(c);
+}
+
+void SAColorPaletteGridWidget::onPaletteColorClicked(const QColor& c)
+{
+    d_ptr->mMainColorList->clearCheckedState();
+    Q_EMIT colorClicked(c);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorPaletteGridWidget.h b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorPaletteGridWidget.h
new file mode 100644
index 0000000..6e359d8
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorPaletteGridWidget.h
@@ -0,0 +1,45 @@
+#ifndef SACOLORPALETTEGRIDWIDGET_H
+#define SACOLORPALETTEGRIDWIDGET_H
+#include <QWidget>
+#include "SAColorWidgetsGlobal.h"
+class QMenu;
+class SAColorToolButton;
+/**
+ * @brief 类似office的颜色选择窗口，有一排标准色，下面有一个颜色板，有3行浅色，有2行深色
+ */
+class SA_COLOR_WIDGETS_API SAColorPaletteGridWidget : public QWidget
+{
+    Q_OBJECT
+    SA_COLOR_WIDGETS_DECLARE_PRIVATE(SAColorPaletteGridWidget)
+public:
+    SAColorPaletteGridWidget(QWidget* par = nullptr);
+    SAColorPaletteGridWidget(const QList< QColor >& cls, QWidget* par = nullptr);
+    ~SAColorPaletteGridWidget();
+    // 设置窗口维护的colorList
+    void setColorList(const QList< QColor >& cls);
+    QList< QColor > colorList() const;
+    // 设置颜色深浅比例factor，默认为{ 180, 160, 140, 75, 50 }
+    void setFactor(const QList< int >& factor);
+    QList< int > factor() const;
+    // 设置iconsize
+    void setColorIconSize(const QSize& s);
+    QSize colorIconSize() const;
+    // 设置颜色是否是checkable
+    void setColorCheckable(bool on = true);
+    bool isColorCheckable() const;
+private Q_SLOTS:
+    void onMainColorClicked(const QColor& c);
+    void onPaletteColorClicked(const QColor& c);
+
+private:
+    void init();
+Q_SIGNALS:
+    /**
+     * @brief 对于check模式，check的颜色触发的信号
+     * @param c
+     * @param on
+     */
+    void colorClicked(const QColor& c);
+};
+
+#endif  // SACOLORPALETTEGRIDWIDGET_H
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorToolButton.cpp b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorToolButton.cpp
new file mode 100644
index 0000000..2d4b4fd
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorToolButton.cpp
@@ -0,0 +1,631 @@
+#include "SAColorToolButton.h"
+#include <QApplication>
+#include <QPaintEvent>
+#include <QStylePainter>
+#include <QStyleOption>
+#include <QStyleOptionToolButton>
+#include <QResizeEvent>
+#include <QDebug>
+#include "SAColorMenu.h"
+
+#define SAColorToolButton_DEBUG_PRINT 0
+class SAColorToolButton::PrivateData
+{
+    SA_COLOR_WIDGETS_DECLARE_PUBLIC(SAColorToolButton)
+public:
+    PrivateData(SAColorToolButton* p);
+    void calcSizeOfToolButtonIconOnly(const QStyleOptionToolButton& opt, QRect& iconRect, QRect& textRect, QRect& colorRect);
+    void calcSizeOfToolButtonTextOnly(const QStyleOptionToolButton& opt, QRect& iconRect, QRect& textRect, QRect& colorRect);
+    void calcSizeOfToolButtonTextBesideIcon(const QStyleOptionToolButton& opt, QRect& iconRect, QRect& textRect, QRect& colorRect);
+    void calcSizeOfToolButtonTextUnderIcon(const QStyleOptionToolButton& opt, QRect& iconRect, QRect& textRect, QRect& colorRect);
+    QPixmap createIconPixmap(const QStyleOptionToolButton& opt, const QRect& iconRect);
+    QRect getButtonRect(const QStyleOptionToolButton& opt);
+    QRect getIndicatorRect(const QStyleOptionToolButton& opt);
+    QStyle::State getButtonStyleState(const QStyleOptionToolButton& opt);
+    QStyle::State getButtonMenuStyleState(const QStyleOptionToolButton& opt);
+    void removeMenu();
+
+public:
+    QColor mColor { Qt::white };
+    int mSpacing { 2 };                                        ///< 间隔
+    QMargins mMargins { 3, 3, 3, 3 };                          ///< box
+    ColorToolButtonStyle mColorButtonStyle { WithColorMenu };  ///< 样式
+    static int s_indicatorArrorWidth;                          ///< 菜单宽度
+};
+
+int SAColorToolButton::PrivateData::s_indicatorArrorWidth = 8;
+
+SAColorToolButton::PrivateData::PrivateData(SAColorToolButton* p) : q_ptr(p)
+{
+}
+
+void SAColorToolButton::PrivateData::calcSizeOfToolButtonIconOnly(const QStyleOptionToolButton& opt,
+                                                                  QRect& iconRect,
+                                                                  QRect& textRect,
+                                                                  QRect& colorRect)
+{
+    // 确定文本区域
+    textRect         = QRect();
+    QRect buttonRect = getButtonRect(opt);
+    if (opt.icon.isNull()) {
+        colorRect = buttonRect;
+        iconRect  = QRect();
+    } else {
+        QSize tmpSize = opt.iconSize;
+        if (tmpSize.isNull()) {
+            tmpSize = QSize(16, 16);
+        }
+        tmpSize         = buttonRect.size().boundedTo(tmpSize);
+        int colorHeight = tmpSize.height() / 4;
+        int totalHeight = colorHeight + tmpSize.height() + mSpacing;
+        if (totalHeight > buttonRect.height()) {
+            // 过高，这时要通过高度反推tmpSize和colorHeight
+            colorHeight = (buttonRect.height() - mSpacing) / 5;
+            tmpSize.setHeight(colorHeight * 4);
+            if (opt.iconSize.height() > 0) {
+                tmpSize.setWidth(tmpSize.height() * opt.iconSize.width() / opt.iconSize.height());  // 等比例
+            }
+            tmpSize = buttonRect.size().boundedTo(tmpSize);
+        }
+        // 有icon，颜色位于图标下面
+        int y = (buttonRect.height() - colorHeight - mSpacing - tmpSize.height()) / 2;  //(ButtonHeight-TotalHeight)/2
+        int x = (buttonRect.width() - tmpSize.width()) / 2;
+        iconRect  = QRect(buttonRect.left() + x, buttonRect.top() + y, tmpSize.width(), tmpSize.height());
+        colorRect = QRect(iconRect.x(), iconRect.bottom() + mSpacing, iconRect.width(), colorHeight);
+    }
+}
+
+/**
+ * @brief 纯文本情况，左边有5像素显示颜色
+ * @param opt
+ * @param iconRect
+ * @param textRect
+ * @param colorRect 左边有5像素显示颜色
+ */
+void SAColorToolButton::PrivateData::calcSizeOfToolButtonTextOnly(const QStyleOptionToolButton& opt,
+                                                                  QRect& iconRect,
+                                                                  QRect& textRect,
+                                                                  QRect& colorRect)
+{
+    QRect buttonRect = getButtonRect(opt);
+    iconRect         = QRect();
+    QSize colorSize  = opt.iconSize;
+    if (colorSize.isNull()) {
+        colorSize = QSize(16, 16);
+    }
+    colorSize = buttonRect.size().boundedTo(colorSize);
+    colorRect = QRect(buttonRect.left(),
+                      buttonRect.top() + (buttonRect.height() - colorSize.height()) / 2,
+                      colorSize.width(),
+                      colorSize.height());
+    textRect  = buttonRect.adjusted(colorRect.right() + mSpacing, 0, 0, 0);
+}
+
+void SAColorToolButton::PrivateData::calcSizeOfToolButtonTextBesideIcon(const QStyleOptionToolButton& opt,
+                                                                        QRect& iconRect,
+                                                                        QRect& textRect,
+                                                                        QRect& colorRect)
+{
+    QRect buttonRect = getButtonRect(opt);
+    if (opt.icon.isNull()) {
+        QSize colorSize = opt.iconSize;
+        if (colorSize.isNull()) {
+            colorSize = QSize(16, 16);
+        }
+        // 说明没有icon
+        // 这时所有都是color
+        // iconRect=Null
+        colorSize = buttonRect.size().boundedTo(colorSize);
+        iconRect  = QRect();
+        colorRect = QRect(buttonRect.left(),
+                          buttonRect.top() + (buttonRect.height() - colorSize.height()) / 2,
+                          colorSize.width(),
+                          colorSize.height());
+        textRect  = buttonRect.adjusted(colorRect.width() + mSpacing, 0, 0, 0);
+    } else {  // 有图标
+        QSize tmpSize = opt.iconSize;
+        if (tmpSize.isNull()) {
+            tmpSize = QSize(16, 16);
+        }
+        tmpSize         = buttonRect.size().boundedTo(tmpSize);
+        int colorHeight = tmpSize.height() / 4;
+        int totalHeight = colorHeight + tmpSize.height() + mSpacing;
+        if (totalHeight > buttonRect.height()) {
+            // 过高，这时要通过高度反推tmpSize和colorHeight
+            colorHeight = (buttonRect.height() - mSpacing) / 5;
+            tmpSize.setHeight(colorHeight * 4);
+            tmpSize.setWidth(tmpSize.height());  // 对于异形也设置为正方行
+        }
+        // 有icon，颜色位于图标下面
+        int y = (buttonRect.height() - colorHeight - mSpacing - tmpSize.height()) / 2;  //(ButtonHeight-TotalHeight)/2
+        iconRect  = QRect(buttonRect.left(), buttonRect.top() + y, tmpSize.width(), tmpSize.height());
+        colorRect = QRect(iconRect.x(), iconRect.bottom() + mSpacing, iconRect.width(), colorHeight);
+        textRect  = buttonRect.adjusted(iconRect.right() + mSpacing, 0, 0, 0);
+    }
+}
+
+void SAColorToolButton::PrivateData::calcSizeOfToolButtonTextUnderIcon(const QStyleOptionToolButton& opt,
+                                                                       QRect& iconRect,
+                                                                       QRect& textRect,
+                                                                       QRect& colorRect)
+{
+    QRect buttonRect = getButtonRect(opt);
+    QSize tmpSize    = opt.iconSize;
+    if (tmpSize.isNull()) {
+        tmpSize = QSize(16, 16);
+    }
+    // 获取字体高度
+    int textHeight = opt.fontMetrics.height();
+    tmpSize        = buttonRect.size().boundedTo(tmpSize);
+    if (opt.icon.isNull()) {
+        int totalHeight = textHeight + opt.iconSize.height() + mSpacing;
+        if (totalHeight < buttonRect.height()) {
+            // 足够高
+            colorRect = QRect(buttonRect.left() + (buttonRect.width() - tmpSize.width()) / 2,
+                              buttonRect.top() + (buttonRect.height() - totalHeight) / 2,
+                              tmpSize.width(),
+                              opt.iconSize.height());
+        } else {
+            // 空间不足
+            colorRect = QRect(buttonRect.left() + (buttonRect.width() - tmpSize.width()) / 2,
+                              buttonRect.top() + mSpacing,
+                              tmpSize.width(),
+                              opt.iconSize.height());
+        }
+        iconRect = QRect();
+        textRect = QRect(buttonRect.left(), colorRect.bottom() + mSpacing, buttonRect.width(), textHeight);
+
+    } else {
+        // 有图标
+        int colorHeight = tmpSize.height() / 4;
+        int totalHeight = textHeight + opt.iconSize.height() + colorHeight + 2 * mSpacing;
+        if (totalHeight < buttonRect.height()) {
+            // 高度空间足够
+            // 先布置icon
+            iconRect = QRect(buttonRect.left() + (buttonRect.width() - tmpSize.width()) / 2,
+                             buttonRect.top() + (buttonRect.height() - totalHeight) / 2,
+                             tmpSize.width(),
+                             opt.iconSize.height());
+
+        } else {
+            // 空间不足
+            iconRect = QRect(buttonRect.left() + (buttonRect.width() - tmpSize.width()) / 2,
+                             buttonRect.top() + mSpacing,
+                             tmpSize.width(),
+                             opt.iconSize.height());
+        }
+        colorRect = QRect(iconRect.x(), iconRect.bottom() + mSpacing, iconRect.width(), colorHeight);
+        textRect  = QRect(buttonRect.left(), colorRect.bottom() + mSpacing, buttonRect.width(), textHeight);
+    }
+}
+
+QPixmap SAColorToolButton::PrivateData::createIconPixmap(const QStyleOptionToolButton& opt, const QRect& iconRect)
+{
+    if (opt.icon.isNull()) {
+        return (QPixmap());
+    }
+    // 有图标
+    QIcon::State state = opt.state & QStyle::State_On ? QIcon::On : QIcon::Off;
+    QIcon::Mode mode;
+    if (!(opt.state & QStyle::State_Enabled)) {
+        mode = QIcon::Disabled;
+    } else if ((opt.state & QStyle::State_MouseOver) && (opt.state & QStyle::State_AutoRaise)) {
+        mode = QIcon::Active;
+    } else {
+        mode = QIcon::Normal;
+    }
+    // return (opt.icon.pixmap(this->window()->windowHandle(), opt.rect.size().boundedTo(realConSize), mode, state));
+    return (opt.icon.pixmap(iconRect.size(), mode, state));
+}
+
+/**
+ * @brief 获取按钮的矩形区域
+ * @param opt
+ * @return
+ */
+QRect SAColorToolButton::PrivateData::getButtonRect(const QStyleOptionToolButton& opt)
+{
+    QRect btnRect = q_ptr->style()->subControlRect(QStyle::CC_ToolButton, &opt, QStyle::SC_ToolButton, q_ptr);
+    return btnRect.marginsRemoved(mMargins);
+}
+
+/**
+ * @brief 获取ToolButtonMenu的区域
+ * @note 注意，如果不是QStyleOptionToolButton::MenuButtonPopup|QStyleOptionToolButton::HasMenu下调用此函数，返回的是QRect()
+ * @param opt
+ * @return
+ */
+QRect SAColorToolButton::PrivateData::getIndicatorRect(const QStyleOptionToolButton& opt)
+{
+    if (opt.features & QStyleOptionToolButton::MenuButtonPopup || opt.features & QStyleOptionToolButton::HasMenu) {
+        return q_ptr->style()->subControlRect(QStyle::CC_ToolButton, &opt, QStyle::SC_ToolButtonMenu, q_ptr);
+    }
+    return QRect();
+}
+
+/**
+ * @brief 基于Qt qcommonStyle源码，对QStyleOptionToolButton的style修正
+ * @param opt
+ * @return
+ */
+QStyle::State SAColorToolButton::PrivateData::getButtonStyleState(const QStyleOptionToolButton& opt)
+{
+    QStyle::State bflags = opt.state & ~QStyle::State_Sunken;
+    if (bflags & QStyle::State_AutoRaise) {
+        if (!(bflags & QStyle::State_MouseOver) || !(bflags & QStyle::State_Enabled)) {
+            bflags &= ~QStyle::State_Raised;
+        }
+    }
+    if (opt.state & QStyle::State_Sunken) {
+        if (opt.activeSubControls & QStyle::SC_ToolButton) {
+            bflags |= QStyle::State_Sunken;
+        }
+    }
+    return bflags;
+}
+
+/**
+ * @brief 基于Qt qcommonStyle源码，对QStyleOptionToolButton的style修正
+ * @param opt
+ * @return
+ */
+QStyle::State SAColorToolButton::PrivateData::getButtonMenuStyleState(const QStyleOptionToolButton& opt)
+{
+    QStyle::State mflags = opt.state & ~QStyle::State_Sunken;
+    if (mflags & QStyle::State_AutoRaise) {
+        if (!(mflags & QStyle::State_MouseOver) || !(mflags & QStyle::State_Enabled)) {
+            mflags &= ~QStyle::State_Raised;
+        }
+    }
+    if (opt.state & QStyle::State_Sunken) {
+        mflags |= QStyle::State_Sunken;
+    }
+    return mflags;
+}
+
+void SAColorToolButton::PrivateData::removeMenu()
+{
+    QMenu* m = q_ptr->menu();
+    if (m) {
+        q_ptr->setMenu(nullptr);
+        m->deleteLater();
+    }
+}
+
+//==============================================================
+// SAColorToolButton
+//==============================================================
+
+SAColorToolButton::SAColorToolButton(QWidget* parent) : QToolButton(parent), d_ptr(new PrivateData(this))
+{
+    setColorToolButtonStyle(WithColorMenu);
+    connect(this, &QToolButton::clicked, this, &SAColorToolButton::onButtonClicked);
+}
+
+SAColorToolButton::SAColorToolButton(ColorToolButtonStyle style, QWidget* parent)
+    : QToolButton(parent), d_ptr(new PrivateData(this))
+{
+    setColorToolButtonStyle(style);
+    connect(this, &QToolButton::clicked, this, &SAColorToolButton::onButtonClicked);
+}
+
+SAColorToolButton::~SAColorToolButton()
+{
+}
+
+/**
+ * @brief 获取颜色
+ * @return
+ */
+QColor SAColorToolButton::color() const
+{
+    return d_ptr->mColor;
+}
+
+/**
+ * @brief 设置Margins
+ * @param mg
+ */
+void SAColorToolButton::setMargins(const QMargins& mg)
+{
+    d_ptr->mMargins = mg;
+    repaint();
+}
+
+QMargins SAColorToolButton::margins() const
+{
+    return d_ptr->mMargins;
+}
+
+/**
+ * @brief 绘制无颜色表示
+ * @param p
+ * @param colorRect 绘制的区域
+ */
+void SAColorToolButton::paintNoneColor(QPainter* p, const QRect& colorRect)
+{
+    p->save();
+    QPen pen(Qt::red, 1, Qt::SolidLine, Qt::RoundCap);
+    p->setPen(pen);
+    p->setRenderHint(QPainter::SmoothPixmapTransform, true);
+    p->setRenderHint(QPainter::Antialiasing, true);
+    int ss = colorRect.width() / 3;
+    p->drawLine(QPoint(colorRect.x() + ss, colorRect.bottom()), QPoint(colorRect.right() - ss, colorRect.top()));
+    pen.setColor(Qt::black);
+    p->setPen(pen);
+    p->drawRect(colorRect);
+    p->restore();
+}
+
+/**
+ * @brief 设置颜色按钮的样式
+ * @param s
+ */
+void SAColorToolButton::setColorToolButtonStyle(ColorToolButtonStyle s)
+{
+    if (NoColorMenu == s) {
+        d_ptr->removeMenu();
+    } else {
+        createColorMenu();
+    }
+    d_ptr->mColorButtonStyle = s;
+}
+
+/**
+ * @brief 颜色按钮的样式
+ * @return
+ */
+SAColorToolButton::ColorToolButtonStyle SAColorToolButton::colorToolButtonStyle() const
+{
+    return d_ptr->mColorButtonStyle;
+}
+
+/**
+ * @brief 获取colorMenu
+ *
+ * @note 注意，这个函数很有可能会返回nullptr，如果ColorToolButtonStyle设置为NoColorMenu或者自己设置了菜单，此函数返回nullptr
+ * @return SAColorMenu指针，如果没有，返回nullptr
+ */
+SAColorMenu* SAColorToolButton::colorMenu() const
+{
+    return qobject_cast< SAColorMenu* >(menu());
+}
+
+/**
+ * @brief 建立标准的颜色菜单
+ * @return
+ */
+SAColorMenu* SAColorToolButton::createColorMenu()
+{
+    setPopupMode(QToolButton::InstantPopup);
+    SAColorMenu* m = new SAColorMenu(this);
+    m->enableNoneColorAction(true);
+    QAction* customColor = m->customColorAction();
+    if (customColor) {
+        customColor->setIcon(QIcon(":/image/resource/define-color.svg"));
+    }
+    connect(m, &SAColorMenu::selectedColor, this, &SAColorToolButton::setColor);
+    setMenu(m);
+    return m;
+}
+
+/**
+ * @brief 设置颜色
+ * @note 会发射@sa colorChanged 信号
+ * @param c
+ */
+void SAColorToolButton::setColor(const QColor& c)
+{
+    if (d_ptr->mColor != c) {
+        d_ptr->mColor = c;
+        repaint();
+        Q_EMIT colorChanged(c);
+    }
+}
+
+/**
+ * @brief 计算各个基本组件的位置
+ * @param opt
+ * @param iconRect 图标区域
+ * @param textRect 文本区域
+ * @param colorRect 颜色区域
+ */
+void SAColorToolButton::calcRect(const QStyleOptionToolButton& opt, QRect& iconRect, QRect& textRect, QRect& colorRect)
+{
+    switch (opt.toolButtonStyle) {
+    case Qt::ToolButtonTextOnly:
+        d_ptr->calcSizeOfToolButtonTextOnly(opt, iconRect, textRect, colorRect);
+        break;
+    case Qt::ToolButtonTextBesideIcon:
+        d_ptr->calcSizeOfToolButtonTextBesideIcon(opt, iconRect, textRect, colorRect);
+        break;
+    case Qt::ToolButtonTextUnderIcon:
+        d_ptr->calcSizeOfToolButtonTextUnderIcon(opt, iconRect, textRect, colorRect);
+        break;
+    case Qt::ToolButtonFollowStyle:
+    case Qt::ToolButtonIconOnly:
+        d_ptr->calcSizeOfToolButtonIconOnly(opt, iconRect, textRect, colorRect);
+        break;
+    default:
+        d_ptr->calcSizeOfToolButtonIconOnly(opt, iconRect, textRect, colorRect);
+        break;
+    }
+}
+
+void SAColorToolButton::paintEvent(QPaintEvent* e)
+{
+    Q_UNUSED(e);
+    QStylePainter p(this);
+
+    QStyleOptionToolButton opt;
+
+    initStyleOption(&opt);
+    QRect iconRect, colorRect, textRect;
+    calcRect(opt, iconRect, textRect, colorRect);
+    paintButton(&p, opt);
+    // 绘制图标
+    paintIcon(&p, iconRect, opt);
+    // 绘制文字
+    paintText(&p, textRect, opt);
+    // 绘制颜色
+    paintColor(&p, colorRect, d_ptr->mColor, opt);
+}
+
+void SAColorToolButton::resizeEvent(QResizeEvent* e)
+{
+    // 在resizeevent计算绘图所需的尺寸，避免在绘图过程中实时绘制提高效率
+    QToolButton::resizeEvent(e);
+}
+
+/**
+ * @brief sizeHint重载
+ * @return
+ */
+QSize SAColorToolButton::sizeHint() const
+{
+    ensurePolished();
+    QStyleOptionToolButton opt;
+    initStyleOption(&opt);
+    int w = 0, h = 0;
+    if (Qt::ToolButtonIconOnly == opt.toolButtonStyle || Qt::ToolButtonFollowStyle == opt.toolButtonStyle) {
+        // 和文本无关
+        w = opt.iconSize.width() + d_ptr->mMargins.left() + d_ptr->mMargins.right();
+        h = opt.iconSize.height() + d_ptr->mMargins.top() + d_ptr->mMargins.bottom();
+    } else if (Qt::ToolButtonTextOnly == opt.toolButtonStyle || Qt::ToolButtonTextBesideIcon == opt.toolButtonStyle) {
+        QSize textSize = opt.fontMetrics.size(Qt::TextSingleLine | Qt::TextShowMnemonic, opt.text);
+        textSize.setHeight(textSize.height() + 4);
+        QSize iconSize = opt.iconSize;
+        if (!opt.icon.isNull()) {
+            // 有图标，要有iconsize高度的1/4给颜色
+            iconSize.setHeight(iconSize.height() + iconSize.height() / 4 + d_ptr->mSpacing);
+        }
+        w = textSize.width() + d_ptr->mSpacing + iconSize.width() + d_ptr->mMargins.left() + d_ptr->mMargins.right();
+        h = qMax(textSize.height(), iconSize.height()) + d_ptr->mMargins.top() + d_ptr->mMargins.bottom();
+    } else if (Qt::ToolButtonTextUnderIcon == opt.toolButtonStyle) {
+        QSize textSize = opt.fontMetrics.size(Qt::TextSingleLine | Qt::TextShowMnemonic, opt.text);
+        textSize.setHeight(textSize.height() + 4);
+        QSize iconSize = opt.iconSize;
+        if (!opt.icon.isNull()) {
+            // 有图标，要有iconsize高度的1/4给颜色
+            iconSize.setHeight(iconSize.height() + iconSize.height() / 4 + d_ptr->mSpacing);
+        }
+        w = qMax(textSize.width(), iconSize.width()) + d_ptr->mMargins.left() + d_ptr->mMargins.right();
+        h = textSize.height() + iconSize.height() + d_ptr->mSpacing + d_ptr->mMargins.top() + d_ptr->mMargins.bottom();
+    }
+    opt.rect.setSize(QSize(w, h));  // PM_MenuButtonIndicator depends on the height
+    if (opt.features & QStyleOptionToolButton::MenuButtonPopup || opt.features & QStyleOptionToolButton::HasMenu) {
+        w += style()->pixelMetric(QStyle::PM_MenuButtonIndicator, &opt, this);
+    }
+    //! Qt6.4 取消了QApplication::globalStrut
+    return style()->sizeFromContents(QStyle::CT_ToolButton, &opt, QSize(w, h), this).expandedTo(QSize(2, 2));
+}
+
+void SAColorToolButton::onButtonClicked(bool checked)
+{
+    Q_EMIT colorClicked(color(), checked);
+}
+
+/**
+ * @brief 绘制按钮
+ * @param p
+ * @param opt
+ */
+void SAColorToolButton::paintButton(QStylePainter* p, const QStyleOptionToolButton& opt)
+{
+    bool autoRaise = opt.state & QStyle::State_AutoRaise;
+    // 绘制按钮
+    if (autoRaise) {
+        style()->drawPrimitive(QStyle::PE_PanelButtonTool, &opt, p, this);
+    } else {
+        style()->drawPrimitive(QStyle::PE_PanelButtonBevel, &opt, p, this);
+    }
+    if (opt.features & QStyleOptionToolButton::MenuButtonPopup) {
+        QStyleOption tool = opt;
+        tool.state        = d_ptr->getButtonMenuStyleState(opt);
+        tool.rect         = d_ptr->getIndicatorRect(opt);
+        //        if (tool.state & (QStyle::State_Sunken | QStyle::State_On | QStyle::State_Raised)) {
+        //            style()->drawPrimitive(QStyle::PE_IndicatorButtonDropDown, &tool, &p, this);
+        //        }
+        style()->drawPrimitive(QStyle::PE_IndicatorArrowDown, &tool, p, this);
+    }
+
+    // 绘制focus
+    if (opt.state & QStyle::State_HasFocus) {
+        QStyleOptionFocusRect fr;
+        fr.QStyleOption::operator=(opt);
+        fr.rect.adjust(3, 3, -3, -3);
+        if (opt.features & QStyleOptionToolButton::MenuButtonPopup) {
+            fr.rect.adjust(0, 0, style()->pixelMetric(QStyle::PM_MenuButtonIndicator, &opt, this), 0);
+        }
+        style()->drawPrimitive(QStyle::PE_FrameFocusRect, &fr, p, this);
+    }
+}
+
+/**
+ * @brief 绘制icon
+ * @param p
+ * @param iconRect
+ * @param opt icon信息从QStyleOptionToolButton获取
+ */
+void SAColorToolButton::paintIcon(QStylePainter* p, const QRect& iconRect, const QStyleOptionToolButton& opt)
+{
+    if (!iconRect.isNull()) {
+        QPixmap pm = d_ptr->createIconPixmap(opt, iconRect);
+        style()->drawItemPixmap(p, iconRect, Qt::AlignCenter, pm);
+    }
+}
+
+/**
+ * @brief 绘制文本
+ * @param p
+ * @param textRect
+ * @param opt
+ */
+void SAColorToolButton::paintText(QStylePainter* p, const QRect& textRect, const QStyleOptionToolButton& opt)
+{
+    if (opt.text.isEmpty()) {
+        return;
+    }
+    if (Qt::ToolButtonIconOnly == opt.toolButtonStyle) {
+        return;
+    }
+    p->save();
+    p->setFont(opt.font);
+    int alignment = Qt::TextShowMnemonic;
+    // 快捷键的下划线
+    if (!style()->styleHint(QStyle::SH_UnderlineShortcut, &opt, this)) {
+        alignment |= Qt::TextHideMnemonic;
+    }
+    alignment |= Qt::AlignHCenter | Qt::AlignVCenter;
+    style()->drawItemText(p,
+                          QStyle::visualRect(opt.direction, opt.rect, textRect),
+                          alignment,
+                          opt.palette,
+                          opt.state & QStyle::State_Enabled,
+                          opt.text,
+                          QPalette::ButtonText);
+    p->restore();
+}
+
+/**
+ * @brief 绘制color
+ * @param p
+ * @param iconRect
+ * @param opt
+ */
+void SAColorToolButton::paintColor(QStylePainter* p,
+                                   const QRect& colorRect,
+                                   const QColor& color,
+                                   const QStyleOptionToolButton& opt)
+{
+    Q_UNUSED(opt);
+    if (colorRect.isNull()) {
+        return;
+    }
+    // 绘制颜色
+    if (color.isValid()) {
+        p->fillRect(colorRect, color);
+    } else {
+        paintNoneColor(p, colorRect);
+    }
+}
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorToolButton.h b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorToolButton.h
new file mode 100644
index 0000000..a3eff47
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorToolButton.h
@@ -0,0 +1,105 @@
+#ifndef SACOLORTOOLBUTTON_H
+#define SACOLORTOOLBUTTON_H
+#include <QToolButton>
+#include "SAColorWidgetsGlobal.h"
+class QPaintEvent;
+class QResizeEvent;
+class QPainter;
+class QStylePainter;
+class SAColorMenu;
+/**
+ * @brief 这是一个只显示颜色的toolbutton
+ *
+ *
+ * 在ToolButtonIconOnly模式下，如果没有setIcon,则颜色占用所有区域，如下图所示
+ *
+ * ┌─────┐
+ * │color│
+ * └─────┘
+ *
+ * 如果在ToolButtonIconOnly模式下有图标，图标在上面显示，下面显示颜色，如下图所示
+ *
+ * ┌─────┐
+ * │icon │
+ * │color│
+ * └─────┘
+ *
+ * 在ToolButtonTextBesideIcon，ToolButtonTextUnderIcon下，setIconSize 可以指定颜色的大小，
+ * 但只在ToolButtonTextBesideIcon，ToolButtonTextUnderIcon下有效
+ *
+ * 如果没有设置图标，也就是setIcon(QIcon()),iconSize作为颜色块的大小
+ *
+ * ┌─────────┐
+ * │┌─┐      │
+ * │└─┘      │
+ * └─────────┘
+ *
+ * 如果有图标，颜色条会在图标下方，为图标高度的1/4 为图标宽度一致，如若超过控件的大小，会自动缩小体积
+ *
+ */
+class SA_COLOR_WIDGETS_API SAColorToolButton : public QToolButton
+{
+    Q_OBJECT
+    SA_COLOR_WIDGETS_DECLARE_PRIVATE(SAColorToolButton)
+public:
+    /**
+     * @brief 颜色按钮的内置样式
+     * @param parent
+     * @return
+     */
+    enum ColorToolButtonStyle
+    {
+        WithColorMenu,  ///< 默认会构建一个SAColorMenu
+        NoColorMenu     ///< 没有ColorMenu
+    };
+
+public:
+    explicit SAColorToolButton(QWidget* parent = nullptr);
+    explicit SAColorToolButton(ColorToolButtonStyle style, QWidget* parent = nullptr);
+    ~SAColorToolButton();
+    // 获取颜色
+    QColor color() const;
+    // 设置Margins
+    void setMargins(const QMargins& mg);
+    QMargins margins() const;
+    // 绘制无颜色
+    static void paintNoneColor(QPainter* p, const QRect& colorRect);
+    // 设置颜色按钮的样式
+    void setColorToolButtonStyle(ColorToolButtonStyle s);
+    ColorToolButtonStyle colorToolButtonStyle() const;
+    // 获取colorMenu，注意，这个函数很有可能会返回nullptr，如果ColorToolButtonStyle设置为NoColorMenu或者自己设置了菜单，此函数返回nullptr
+    SAColorMenu* colorMenu() const;
+    // 建立标准的颜色菜单
+    SAColorMenu* createColorMenu();
+public Q_SLOTS:
+    // 设置颜色,会发射colorChanged信号
+    void setColor(const QColor& c);
+
+protected:
+    // 获取关键的三个rect位置
+    virtual void calcRect(const QStyleOptionToolButton& opt, QRect& iconRect, QRect& textRect, QRect& colorRect);
+    virtual void paintButton(QStylePainter* p, const QStyleOptionToolButton& opt);
+    virtual void paintIcon(QStylePainter* p, const QRect& iconRect, const QStyleOptionToolButton& opt);
+    virtual void paintText(QStylePainter* p, const QRect& textRect, const QStyleOptionToolButton& opt);
+    virtual void paintColor(QStylePainter* p, const QRect& colorRect, const QColor& color, const QStyleOptionToolButton& opt);
+
+protected:
+    virtual void paintEvent(QPaintEvent* e) Q_DECL_OVERRIDE;
+    virtual void resizeEvent(QResizeEvent* e) Q_DECL_OVERRIDE;
+    virtual QSize sizeHint() const Q_DECL_OVERRIDE;
+private Q_SLOTS:
+    void onButtonClicked(bool checked = false);
+Q_SIGNALS:
+    /**
+     * @brief 颜色被点击的响应
+     * @param color
+     */
+    void colorClicked(const QColor& color, bool checked = false);
+    /**
+     * @brief 颜色改变信号
+     * @param color
+     */
+    void colorChanged(const QColor& color);
+};
+
+#endif  // SACOLORTOOLBUTTON_H
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorWidgets.pri b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorWidgets.pri
new file mode 100644
index 0000000..3822f08
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorWidgets.pri
@@ -0,0 +1,13 @@
+INCLUDEPATH += $$PWD
+HEADERS += \
+    $$PWD/SAColorGridWidget.h \
+    $$PWD/SAColorMenu.h \
+    $$PWD/SAColorPaletteGridWidget.h \
+    $$PWD/SAColorToolButton.h \
+    $$PWD/SAColorWidgetsGlobal.h
+
+SOURCES += \
+    $$PWD/SAColorGridWidget.cpp \
+    $$PWD/SAColorMenu.cpp \
+    $$PWD/SAColorPaletteGridWidget.cpp \
+    $$PWD/SAColorToolButton.cpp
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorWidgetsGlobal.h b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorWidgetsGlobal.h
new file mode 100644
index 0000000..1884a3c
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorWidgetsGlobal.h
@@ -0,0 +1,58 @@
+#ifndef SACOLORWIDGETSGLOBAL_H
+#define SACOLORWIDGETSGLOBAL_H
+#include <QScopedPointer>
+
+/**
+ * @def color-widgets的数字版本 MAJ.MIN.PAT
+ */
+#ifndef SA_COLOR_WIDGETS_VERSION_MAJ
+#define SA_COLOR_WIDGETS_VERSION_MAJ 0
+#endif
+/**
+ * @def color-widgets的数字版本 MAJ.MIN.PAT
+ */
+#ifndef SA_COLOR_WIDGETS_VERSION_MIN
+#define SA_COLOR_WIDGETS_VERSION_MIN 1
+#endif
+/**
+ * @def color-widgets的数字版本 MAJ.MIN.PAT
+ */
+#ifndef SA_COLOR_WIDGETS_VERSION_PAT
+#define SA_COLOR_WIDGETS_VERSION_PAT 0
+#endif
+
+/**
+ * @def   模仿Q_DECLARE_PRIVATE，但不用前置声明而是作为一个内部类
+ */
+#ifndef SA_COLOR_WIDGETS_DECLARE_PRIVATE
+#define SA_COLOR_WIDGETS_DECLARE_PRIVATE(classname)                                                                    \
+    class PrivateData;                                                                                                 \
+    friend class classname::PrivateData;                                                                               \
+    QScopedPointer< PrivateData > d_ptr;
+#endif
+/**
+ * @def   模仿Q_DECLARE_PUBLIC
+ */
+#ifndef SA_COLOR_WIDGETS_DECLARE_PUBLIC
+#define SA_COLOR_WIDGETS_DECLARE_PUBLIC(classname)                                                                     \
+    friend class classname;                                                                                            \
+    classname* q_ptr { nullptr };
+#endif
+
+#ifndef SA_COLOR_WIDGETS_NO_DLL
+#if defined(SA_COLOR_WIDGETS_MAKE_LIB)  // 定义此宏将构建library
+#ifndef SA_COLOR_WIDGETS_API
+#define SA_COLOR_WIDGETS_API Q_DECL_EXPORT
+#endif
+#else
+#ifndef SA_COLOR_WIDGETS_API
+#define SA_COLOR_WIDGETS_API Q_DECL_IMPORT
+#endif
+#endif
+#else
+#ifndef SA_COLOR_WIDGETS_API
+#define SA_COLOR_WIDGETS_API
+#endif
+#endif
+
+#endif  // SACOLORWIDGETSGLOBAL_H
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/Widget.cpp b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/Widget.cpp
new file mode 100644
index 0000000..fce19f0
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/Widget.cpp
@@ -0,0 +1,134 @@
+#include "Widget.h"
+#include "ui_Widget.h"
+#include <QMenu>
+#include <cstdlib>
+#include <iostream>
+#include <ctime>
+#include <QDebug>
+#include <random>
+
+Widget::Widget(QWidget* parent) : QWidget(parent), ui(new Ui::Widget)
+{
+    ui->setupUi(this);
+    setColor(Qt::blue);
+
+    QMenu* menu = new QMenu(this);
+    menu->addAction("1");
+    menu->addAction("2");
+    menu->addAction("3");
+    menu->addAction("4");
+    menu->addAction("5");
+
+    ui->toolButtonIconOnlyHaveIconMenuPopupMode->setMenu(menu);
+    ui->toolButtonIconOnlyHaveIconMenuPopupMode2->setMenu(menu);
+    ui->toolButtonIconOnlyHaveIconInstantPop->setMenu(menu);
+    ui->toolButtonIconOnlyHaveIconInstantPop2->setMenu(menu);
+    ui->toolButtonIconOnlyHaveIconDelayedPop->setMenu(menu);
+    ui->toolButtonIconOnlyHaveIconDelayedPop2->setMenu(menu);
+
+    ui->toolButtonIconOnlyTextHaveIconMenuPopupMode->setMenu(menu);
+    ui->toolButtonIconOnlyTextHaveIconMenuPopupMode_1->setMenu(menu);
+    ui->toolButtonIconOnlyTextHaveIconDelayedPop->setMenu(menu);
+    ui->toolButtonIconOnlyTextHaveIconDelayedPop_1->setMenu(menu);
+    ui->toolButtonIconOnlyTextHaveIconInstantPop->setMenu(menu);
+    ui->toolButtonIconOnlyTextHaveIconInstantPop_1->setMenu(menu);
+
+    //
+    QList< QColor > clrs = SA::getStandardColorList();
+    ui->colorGrid1->setColumnCount(0);
+    ui->colorGrid1->setColorList(clrs);
+
+    QList< QColor > clrs2;
+    for (int i = 0; i < 30; ++i) {
+        clrs2.append(makeRandColor());
+    }
+    ui->colorGrid2->setColumnCount(5);
+    ui->colorGrid2->setColorList(clrs2);
+
+    connect(ui->colorGrid1, &SAColorGridWidget::colorClicked, this, &Widget::onGridColorWidgetClicked);
+    connect(ui->colorGrid2, &SAColorGridWidget::colorClicked, this, &Widget::onGridColorWidgetClicked);
+}
+
+Widget::~Widget()
+{
+    delete ui;
+}
+
+QColor Widget::makeRandColor() const
+{
+    static std::random_device s_rd;
+    static std::mt19937 s_gen(s_rd());
+    static std::uniform_int_distribution<> s_dis(0, 255);
+    return QColor(s_dis(s_gen), s_dis(s_gen), s_dis(s_gen));
+}
+
+void Widget::setColor(const QColor& clr)
+{
+    ui->toolButtonIconOnlyNoIcon->setColor(clr);
+    ui->toolButtonIconOnlyNoIcon2->setColor(clr);
+    ui->toolButtonIconOnlyHaveIcon->setColor(clr);
+    ui->toolButtonIconOnlyHaveIcon2->setColor(clr);
+    ui->toolButtonIconOnlyHaveIconSmall->setColor(clr);
+    ui->toolButtonIconOnlyHaveIconSmall2->setColor(clr);
+    ui->toolButtonIconOnlyHaveIconLarge->setColor(clr);
+    ui->toolButtonIconOnlyHaveIconLarge2->setColor(clr);
+    ui->toolButtonIconOnlyHaveIconMenuPopupMode->setColor(clr);
+    ui->toolButtonIconOnlyHaveIconMenuPopupMode2->setColor(clr);
+    ui->toolButtonIconOnlyHaveIconInstantPop->setColor(clr);
+    ui->toolButtonIconOnlyHaveIconInstantPop2->setColor(clr);
+    ui->toolButtonIconOnlyHaveIconDelayedPop->setColor(clr);
+    ui->toolButtonIconOnlyHaveIconDelayedPop2->setColor(clr);
+
+    // Text Only
+    ui->toolButtonIconOnlyText->setColor(clr);
+    ui->toolButtonIconOnlyText_1->setColor(clr);
+    ui->toolButtonIconOnlyTextHaveIcon->setColor(clr);
+    ui->toolButtonIconOnlyTextHaveIcon_1->setColor(clr);
+    ui->toolButtonIconOnlyTextHaveIconSmall->setColor(clr);
+    ui->toolButtonIconOnlyTextHaveIconSmall_1->setColor(clr);
+    ui->toolButtonIconOnlyTextHaveIconLarge->setColor(clr);
+    ui->toolButtonIconOnlyTextHaveIconLarge_1->setColor(clr);
+    ui->toolButtonIconOnlyTextHaveIconMenuPopupMode->setColor(clr);
+    ui->toolButtonIconOnlyTextHaveIconMenuPopupMode_1->setColor(clr);
+    ui->toolButtonIconOnlyTextHaveIconDelayedPop->setColor(clr);
+    ui->toolButtonIconOnlyTextHaveIconDelayedPop_1->setColor(clr);
+    ui->toolButtonIconOnlyTextHaveIconInstantPop->setColor(clr);
+    ui->toolButtonIconOnlyTextHaveIconInstantPop_1->setColor(clr);
+
+    // Text beside
+    ui->toolButtonIconTextBeside->setColor(clr);
+    ui->toolButtonIconTextBeside1->setColor(clr);
+    ui->toolButtonTextBesideHaveIcon->setColor(clr);
+    ui->toolButtonTextBesideHaveIcon1->setColor(clr);
+    ui->toolButtonTextBesideHaveIconSmall->setColor(clr);
+    ui->toolButtonTextBesideHaveIconSmall1->setColor(clr);
+    ui->toolButtonTextBesideHaveIconLarge->setColor(clr);
+    ui->toolButtonTextBesideHaveIconLarge1->setColor(clr);
+    ui->toolButtonTextBesideHaveIconInstantPop->setColor(clr);
+    ui->toolButtonTextBesideHaveIconInstantPop1->setColor(clr);
+    ui->toolButtonTextBesideHaveIconDelayedPop->setColor(clr);
+    ui->toolButtonTextBesideHaveIconDelayedPop1->setColor(clr);
+    ui->toolButtonTextBesideMenuPopupMode->setColor(clr);
+    ui->toolButtonTextBesideMenuPopupMode1->setColor(clr);
+
+    // TextUnderIcon
+    ui->toolButtonTextUnderIcon->setColor(clr);
+    ui->toolButtonTextUnderIcon1->setColor(clr);
+    ui->toolButtonTextUnderIconHaveIcon->setColor(clr);
+    ui->toolButtonTextUnderIconHaveIcon1->setColor(clr);
+    ui->toolButtonTextUnderIconHaveIconSmall->setColor(clr);
+    ui->toolButtonTextUnderIconHaveIconSmall1->setColor(clr);
+    ui->toolButtonTextUnderIconHaveIconLarge->setColor(clr);
+    ui->toolButtonTextUnderIconHaveIconLarge1->setColor(clr);
+    ui->toolButtonTextUnderIconMenuPopupMode->setColor(clr);
+    ui->toolButtonTextUnderIconMenuPopupMode1->setColor(clr);
+    ui->toolButtonTextUnderIconInstantPop->setColor(clr);
+    ui->toolButtonTextUnderIconInstantPop1->setColor(clr);
+    ui->toolButtonTextUnderIconDelayedPop->setColor(clr);
+    ui->toolButtonTextUnderIconDelayedPop1->setColor(clr);
+}
+
+void Widget::onGridColorWidgetClicked(const QColor& c)
+{
+    setColor(c);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/Widget.h b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/Widget.h
new file mode 100644
index 0000000..695c9ec
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/Widget.h
@@ -0,0 +1,29 @@
+#ifndef WIDGET_H
+#define WIDGET_H
+
+#include <QWidget>
+
+QT_BEGIN_NAMESPACE
+namespace Ui
+{
+class Widget;
+}
+QT_END_NAMESPACE
+
+class Widget : public QWidget
+{
+    Q_OBJECT
+
+public:
+    Widget(QWidget* parent = nullptr);
+    ~Widget();
+    QColor makeRandColor() const;
+    //
+    void setColor(const QColor& clr);
+private Q_SLOTS:
+    void onGridColorWidgetClicked(const QColor& c);
+
+private:
+    Ui::Widget* ui;
+};
+#endif  // WIDGET_H
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/Widget.ui b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/Widget.ui
new file mode 100644
index 0000000..45896d2
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/Widget.ui
@@ -0,0 +1,1363 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>Widget</class>
+ <widget class="QWidget" name="Widget">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>666</width>
+    <height>592</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Widget</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="SAColorGridWidget" name="colorGrid1" native="true"/>
+   </item>
+   <item>
+    <widget class="QTabWidget" name="tabWidget">
+     <property name="currentIndex">
+      <number>0</number>
+     </property>
+     <widget class="QWidget" name="tab">
+      <attribute name="title">
+       <string>ToolButtonIconOnly</string>
+      </attribute>
+      <layout class="QGridLayout" name="gridLayout">
+       <item row="0" column="0">
+        <widget class="QLabel" name="label">
+         <property name="text">
+          <string>No Icon</string>
+         </property>
+        </widget>
+       </item>
+       <item row="0" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyNoIcon">
+         <property name="text">
+          <string/>
+         </property>
+        </widget>
+       </item>
+       <item row="0" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyNoIcon2">
+         <property name="text">
+          <string/>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="0">
+        <widget class="QLabel" name="label_2">
+         <property name="text">
+          <string>Have Icon</string>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyHaveIcon">
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyHaveIcon2">
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="0">
+        <widget class="QLabel" name="label_3">
+         <property name="text">
+          <string>Have Icon(small)</string>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyHaveIconSmall">
+         <property name="maximumSize">
+          <size>
+           <width>16</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyHaveIconSmall2">
+         <property name="maximumSize">
+          <size>
+           <width>16</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="0">
+        <widget class="QLabel" name="label_4">
+         <property name="text">
+          <string>Have Icon(large)</string>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyHaveIconLarge">
+         <property name="minimumSize">
+          <size>
+           <width>60</width>
+           <height>60</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>ToolButtonIconOnly,Have Icon(large)</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyHaveIconLarge2">
+         <property name="minimumSize">
+          <size>
+           <width>60</width>
+           <height>60</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>ToolButtonIconOnly,Have Icon(large)</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="0">
+        <widget class="QLabel" name="label_5">
+         <property name="text">
+          <string>MenuPopMode</string>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyHaveIconMenuPopupMode">
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::MenuButtonPopup</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyHaveIconMenuPopupMode2">
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::MenuButtonPopup</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="5" column="0">
+        <widget class="QLabel" name="label_6">
+         <property name="text">
+          <string>InstantPop</string>
+         </property>
+        </widget>
+       </item>
+       <item row="5" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyHaveIconInstantPop">
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::InstantPopup</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="5" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyHaveIconInstantPop2">
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::InstantPopup</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="6" column="0">
+        <widget class="QLabel" name="label_7">
+         <property name="text">
+          <string>DelayedPop</string>
+         </property>
+        </widget>
+       </item>
+       <item row="6" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyHaveIconDelayedPop">
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::DelayedPopup</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="6" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyHaveIconDelayedPop2">
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::DelayedPopup</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </widget>
+     <widget class="QWidget" name="tab_2">
+      <attribute name="title">
+       <string>ToolButtonTextOnly</string>
+      </attribute>
+      <layout class="QGridLayout" name="gridLayout_3">
+       <item row="0" column="0">
+        <widget class="QLabel" name="label_12">
+         <property name="text">
+          <string>No Icon</string>
+         </property>
+        </widget>
+       </item>
+       <item row="0" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyText">
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+        </widget>
+       </item>
+       <item row="0" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyText_1">
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="0">
+        <widget class="QLabel" name="label_10">
+         <property name="text">
+          <string>Have Icon</string>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyTextHaveIcon">
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyTextHaveIcon_1">
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="0">
+        <widget class="QLabel" name="label_9">
+         <property name="text">
+          <string>Have Icon(small)</string>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyTextHaveIconSmall">
+         <property name="maximumSize">
+          <size>
+           <width>16</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyTextHaveIconSmall_1">
+         <property name="maximumSize">
+          <size>
+           <width>16</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="0">
+        <widget class="QLabel" name="label_11">
+         <property name="text">
+          <string>Have Icon(large)</string>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyTextHaveIconLarge">
+         <property name="minimumSize">
+          <size>
+           <width>60</width>
+           <height>60</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyTextHaveIconLarge_1">
+         <property name="minimumSize">
+          <size>
+           <width>60</width>
+           <height>60</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="0">
+        <widget class="QLabel" name="label_14">
+         <property name="text">
+          <string>MenuPopMode</string>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyTextHaveIconMenuPopupMode">
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::MenuButtonPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyTextHaveIconMenuPopupMode_1">
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::MenuButtonPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="5" column="0">
+        <widget class="QLabel" name="label_13">
+         <property name="text">
+          <string>InstantPop</string>
+         </property>
+        </widget>
+       </item>
+       <item row="5" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyTextHaveIconInstantPop">
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::InstantPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="5" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyTextHaveIconInstantPop_1">
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::InstantPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="6" column="0">
+        <widget class="QLabel" name="label_8">
+         <property name="text">
+          <string>DelayedPop</string>
+         </property>
+        </widget>
+       </item>
+       <item row="6" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyTextHaveIconDelayedPop">
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::DelayedPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="6" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconOnlyTextHaveIconDelayedPop_1">
+         <property name="text">
+          <string>Text Only</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::DelayedPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextOnly</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </widget>
+     <widget class="QWidget" name="tab_3">
+      <attribute name="title">
+       <string>TextBesideIcon</string>
+      </attribute>
+      <layout class="QGridLayout" name="gridLayout_4">
+       <item row="0" column="0">
+        <widget class="QLabel" name="label_18">
+         <property name="text">
+          <string>No Icon</string>
+         </property>
+        </widget>
+       </item>
+       <item row="0" column="1">
+        <widget class="SAColorToolButton" name="toolButtonIconTextBeside">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+        </widget>
+       </item>
+       <item row="0" column="2">
+        <widget class="SAColorToolButton" name="toolButtonIconTextBeside1">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="0">
+        <widget class="QLabel" name="label_17">
+         <property name="text">
+          <string>Have Icon</string>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextBesideHaveIcon">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextBesideHaveIcon1">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="0">
+        <widget class="QLabel" name="label_20">
+         <property name="text">
+          <string>Have Icon(small)</string>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextBesideHaveIconSmall">
+         <property name="maximumSize">
+          <size>
+           <width>16</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextBesideHaveIconSmall1">
+         <property name="maximumSize">
+          <size>
+           <width>16</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="0">
+        <widget class="QLabel" name="label_21">
+         <property name="text">
+          <string>Have Icon(large)</string>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextBesideHaveIconLarge">
+         <property name="minimumSize">
+          <size>
+           <width>60</width>
+           <height>60</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextBesideHaveIconLarge1">
+         <property name="minimumSize">
+          <size>
+           <width>60</width>
+           <height>60</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="0">
+        <widget class="QLabel" name="label_16">
+         <property name="text">
+          <string>MenuPopMode</string>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextBesideMenuPopupMode">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::MenuButtonPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextBesideMenuPopupMode1">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::MenuButtonPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="5" column="0">
+        <widget class="QLabel" name="label_15">
+         <property name="text">
+          <string>InstantPop</string>
+         </property>
+        </widget>
+       </item>
+       <item row="5" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextBesideHaveIconInstantPop">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::InstantPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="5" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextBesideHaveIconInstantPop1">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::InstantPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="6" column="0">
+        <widget class="QLabel" name="label_19">
+         <property name="text">
+          <string>DelayedPop</string>
+         </property>
+        </widget>
+       </item>
+       <item row="6" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextBesideHaveIconDelayedPop">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::DelayedPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="6" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextBesideHaveIconDelayedPop1">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::DelayedPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextBesideIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </widget>
+     <widget class="QWidget" name="tab_4">
+      <attribute name="title">
+       <string>TextUnderIcon</string>
+      </attribute>
+      <layout class="QGridLayout" name="gridLayout_5">
+       <item row="0" column="0">
+        <widget class="QLabel" name="label_27">
+         <property name="text">
+          <string>No Icon</string>
+         </property>
+        </widget>
+       </item>
+       <item row="0" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIcon">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+        </widget>
+       </item>
+       <item row="0" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIcon1">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="0">
+        <widget class="QLabel" name="label_23">
+         <property name="text">
+          <string>Have Icon</string>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIconHaveIcon">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="1" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIconHaveIcon1">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="0">
+        <widget class="QLabel" name="label_22">
+         <property name="text">
+          <string>Have Icon(small)</string>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIconHaveIconSmall">
+         <property name="maximumSize">
+          <size>
+           <width>16</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="2" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIconHaveIconSmall1">
+         <property name="maximumSize">
+          <size>
+           <width>16</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="0">
+        <widget class="QLabel" name="label_25">
+         <property name="text">
+          <string>Have Icon(large)</string>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIconHaveIconLarge">
+         <property name="minimumSize">
+          <size>
+           <width>60</width>
+           <height>60</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="3" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIconHaveIconLarge1">
+         <property name="minimumSize">
+          <size>
+           <width>60</width>
+           <height>60</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="0">
+        <widget class="QLabel" name="label_28">
+         <property name="text">
+          <string>MenuPopMode</string>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIconMenuPopupMode">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::MenuButtonPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="4" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIconMenuPopupMode1">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::MenuButtonPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="5" column="0">
+        <widget class="QLabel" name="label_24">
+         <property name="text">
+          <string>InstantPop</string>
+         </property>
+        </widget>
+       </item>
+       <item row="5" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIconInstantPop">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::InstantPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="5" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIconInstantPop1">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::InstantPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="6" column="0">
+        <widget class="QLabel" name="label_26">
+         <property name="text">
+          <string>DelayedPop</string>
+         </property>
+        </widget>
+       </item>
+       <item row="6" column="1">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIconDelayedPop">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::DelayedPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>false</bool>
+         </property>
+        </widget>
+       </item>
+       <item row="6" column="2">
+        <widget class="SAColorToolButton" name="toolButtonTextUnderIconDelayedPop1">
+         <property name="text">
+          <string>Text</string>
+         </property>
+         <property name="icon">
+          <iconset resource="icon.qrc">
+           <normaloff>:/colorWidgetTst/icon/text.svg</normaloff>:/colorWidgetTst/icon/text.svg</iconset>
+         </property>
+         <property name="popupMode">
+          <enum>QToolButton::DelayedPopup</enum>
+         </property>
+         <property name="toolButtonStyle">
+          <enum>Qt::ToolButtonTextUnderIcon</enum>
+         </property>
+         <property name="autoRaise">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </widget>
+     <widget class="QWidget" name="tab_5">
+      <attribute name="title">
+       <string>ColorGridWidget</string>
+      </attribute>
+      <layout class="QVBoxLayout" name="verticalLayout_2">
+       <item>
+        <widget class="QLabel" name="label_30">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Preferred" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="text">
+          <string>row=5,col=5</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="SAColorGridWidget" name="colorGrid2" native="true">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Maximum" vsizetype="Maximum">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QLabel" name="label_31">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Preferred" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="text">
+          <string>colorPaletteGrid</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="SAColorPaletteGridWidget" name="colorGrid2_2" native="true">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Maximum" vsizetype="Maximum">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </widget>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>SAColorToolButton</class>
+   <extends>QToolButton</extends>
+   <header>SAColorToolButton.h</header>
+  </customwidget>
+  <customwidget>
+   <class>SAColorGridWidget</class>
+   <extends>QWidget</extends>
+   <header>SAColorGridWidget.h</header>
+   <container>1</container>
+  </customwidget>
+  <customwidget>
+   <class>SAColorPaletteGridWidget</class>
+   <extends>QWidget</extends>
+   <header>SAColorPaletteGridWidget.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources>
+  <include location="icon.qrc"/>
+ </resources>
+ <connections/>
+</ui>
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/colorWidgetTst.pro b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/colorWidgetTst.pro
new file mode 100644
index 0000000..a1f056a
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/colorWidgetTst.pro
@@ -0,0 +1,41 @@
+QT       += core gui
+
+greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
+
+CONFIG += c++17
+
+# The following define makes your compiler emit warnings if you use
+# any Qt feature that has been marked deprecated (the exact warnings
+# depend on your compiler). Please consult the documentation of the
+# deprecated API in order to know how to port your code away from it.
+DEFINES += QT_DEPRECATED_WARNINGS
+
+# You can also make your code fail to compile if it uses deprecated APIs.
+# In order to do so, uncomment the following line.
+# You can also select to disable deprecated APIs only up to a certain version of Qt.
+#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0
+INCLUDEPATH += $$PWD/../
+SOURCES += \
+    ../SAColorGridWidget.cpp \
+    ../SAColorPaletteGridWidget.cpp \
+    ../SAColorToolButton.cpp \
+    main.cpp \
+    Widget.cpp
+
+HEADERS += \
+    ../SAColorGridWidget.h \
+    ../SAColorPaletteGridWidget.h \
+    ../SAColorToolButton.h \
+    ../SAColorWidgetsGlobal.h \
+    Widget.h
+
+FORMS += \
+    Widget.ui
+
+# Default rules for deployment.
+qnx: target.path = /tmp/$${TARGET}/bin
+else: unix:!android: target.path = /opt/$${TARGET}/bin
+!isEmpty(target.path): INSTALLS += target
+
+RESOURCES += \
+    icon.qrc
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/icon.qrc b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/icon.qrc
new file mode 100644
index 0000000..9561580
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/icon.qrc
@@ -0,0 +1,5 @@
+<RCC>
+    <qresource prefix="/colorWidgetTst">
+        <file>icon/text.svg</file>
+    </qresource>
+</RCC>
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/icon/text.svg b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/icon/text.svg
new file mode 100644
index 0000000..5add8fa
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/icon/text.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1655772271161" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5012" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M64.1 66v303.7l39.5-1.3c13.6-110.8 102.6-186.4 153.2-199 50.7-12.6 148.3 1.1 148.3 1.1s-1.3 625.2-1.3 669.2c0 44.1-59.3 63-59.3 63l-79 1.3-1.2 55.4h493.1v-54.1h-90.2c-40.8-3.8-65.4-56.7-65.4-56.7l1.1-684.5s61.8-11.3 150.8 5.1c89 16.4 164.3 204.1 164.3 204.1h39.5V66H64.1z" p-id="5013" fill="#497cad"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/main.cpp b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/main.cpp
new file mode 100644
index 0000000..a8f1b0b
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/colorWidgets/tst/main.cpp
@@ -0,0 +1,11 @@
+#include "Widget.h"
+
+#include <QApplication>
+
+int main(int argc, char *argv[])
+{
+    QApplication a(argc, argv);
+    Widget w;
+    w.show();
+    return a.exec();
+}
diff --git a/gui/SARibbon/src/SARibbonBar/resource.qrc b/gui/SARibbon/src/SARibbonBar/resource.qrc
new file mode 100644
index 0000000..662ef1c
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource.qrc
@@ -0,0 +1,27 @@
+<RCC>
+    <qresource prefix="/image">
+        <file>resource/ribbonPannelOptionButton.png</file>
+        <file>resource/ArrowDown.png</file>
+        <file>resource/ArrowMore.png</file>
+        <file>resource/ArrowUp.png</file>
+        <file>resource/Titlebar_Shade.png</file>
+        <file>resource/Titlebar_Unshade.png</file>
+        <file>resource/define-color.svg</file>
+        <file>resource/Titlebar_Close.svg</file>
+        <file>resource/Titlebar_Close_Hover.svg</file>
+        <file>resource/Titlebar_Max.svg</file>
+        <file>resource/Titlebar_Max_Hover.svg</file>
+        <file>resource/Titlebar_Min.svg</file>
+        <file>resource/Titlebar_Min_Hover.svg</file>
+        <file>resource/Titlebar_Normal.svg</file>
+        <file>resource/Titlebar_Normal_Hover.svg</file>
+    </qresource>
+    <qresource prefix="/theme">
+        <file>resource/theme-win7.qss</file>
+        <file>resource/theme-office2013.qss</file>
+        <file>resource/theme-dark.qss</file>
+        <file>resource/theme-office2016-blue.qss</file>
+        <file>resource/theme-office2021-blue.qss</file>
+        <file>resource/theme-dark2.qss</file>
+    </qresource>
+</RCC>
diff --git a/gui/SARibbon/src/SARibbonBar/resource/ArrowDown.png b/gui/SARibbon/src/SARibbonBar/resource/ArrowDown.png
new file mode 100644
index 0000000..163f92e
Binary files /dev/null and b/gui/SARibbon/src/SARibbonBar/resource/ArrowDown.png differ
diff --git a/gui/SARibbon/src/SARibbonBar/resource/ArrowMore.png b/gui/SARibbon/src/SARibbonBar/resource/ArrowMore.png
new file mode 100644
index 0000000..137e8ca
Binary files /dev/null and b/gui/SARibbon/src/SARibbonBar/resource/ArrowMore.png differ
diff --git a/gui/SARibbon/src/SARibbonBar/resource/ArrowUp.png b/gui/SARibbon/src/SARibbonBar/resource/ArrowUp.png
new file mode 100644
index 0000000..ea4d592
Binary files /dev/null and b/gui/SARibbon/src/SARibbonBar/resource/ArrowUp.png differ
diff --git a/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Close.svg b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Close.svg
new file mode 100644
index 0000000..01dc425
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Close.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1702019068256" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="50671" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M810.666667 273.493333L750.506667 213.333333 512 451.84 273.493333 213.333333 213.333333 273.493333 451.84 512 213.333333 750.506667 273.493333 810.666667 512 572.16 750.506667 810.666667 810.666667 750.506667 572.16 512 810.666667 273.493333z" p-id="50672"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Close_Hover.svg b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Close_Hover.svg
new file mode 100644
index 0000000..5f07a92
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Close_Hover.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1702019068256" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="50671" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M810.666667 273.493333L750.506667 213.333333 512 451.84 273.493333 213.333333 213.333333 273.493333 451.84 512 213.333333 750.506667 273.493333 810.666667 512 572.16 750.506667 810.666667 810.666667 750.506667 572.16 512 810.666667 273.493333z" p-id="50672" fill="#e6e6e6"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Max.svg b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Max.svg
new file mode 100644
index 0000000..d0f0306
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Max.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1702019492633" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="57418" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M839.26016 819.2H194.56V194.74432h644.70016M235.3152 235.61216v542.30016h563.61984V235.61216H235.3152z m0 0" fill="#000000" p-id="57419"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Max_Hover.svg b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Max_Hover.svg
new file mode 100644
index 0000000..e3238a0
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Max_Hover.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1702019492633" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="57418" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M839.26016 819.2H194.56V194.74432h644.70016M235.3152 235.61216v542.30016h563.61984V235.61216H235.3152z m0 0" fill="#e6e6e6" p-id="57419"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Min.svg b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Min.svg
new file mode 100644
index 0000000..f6cfd19
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Min.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1702019560505" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="59719" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M65.23884 456.152041 958.760137 456.152041l0 111.695918L65.23884 567.847959 65.23884 456.152041z" p-id="59720" fill="#000000"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Min_Hover.svg b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Min_Hover.svg
new file mode 100644
index 0000000..f9f4a7e
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Min_Hover.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1702019560505" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="59719" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M65.23884 456.152041 958.760137 456.152041l0 111.695918L65.23884 567.847959 65.23884 456.152041z" p-id="59720" fill="#e6e6e6"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Normal.svg b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Normal.svg
new file mode 100644
index 0000000..e86f22d
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Normal.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1702019428387" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="56626" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M246.7 178v117h-117c-15.3 0-27.8 12.4-27.8 27.8V846c0 15.3 12.4 27.8 27.8 27.8h619.8c15.3 0 27.8-12.4 27.8-27.8V729h117c15.3 0 27.8-12.4 27.8-27.8V178c0-15.3-12.4-27.8-27.8-27.8H274.5c-15.4 0-27.8 12.5-27.8 27.8z m0 165.2h482.4v482.4H150.2V343.2h96.5z m48.2-48.3v-96.5h578.8v482.4h-96.5V322.7c0-15.3-12.4-27.8-27.8-27.8H294.9z m0 0" p-id="56627" fill="#000000"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Normal_Hover.svg b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Normal_Hover.svg
new file mode 100644
index 0000000..c285a88
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Normal_Hover.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1702019428387" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="56626" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M246.7 178v117h-117c-15.3 0-27.8 12.4-27.8 27.8V846c0 15.3 12.4 27.8 27.8 27.8h619.8c15.3 0 27.8-12.4 27.8-27.8V729h117c15.3 0 27.8-12.4 27.8-27.8V178c0-15.3-12.4-27.8-27.8-27.8H274.5c-15.4 0-27.8 12.5-27.8 27.8z m0 165.2h482.4v482.4H150.2V343.2h96.5z m48.2-48.3v-96.5h578.8v482.4h-96.5V322.7c0-15.3-12.4-27.8-27.8-27.8H294.9z m0 0" p-id="56627" fill="#e6e6e6"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Shade.png b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Shade.png
new file mode 100644
index 0000000..757be35
Binary files /dev/null and b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Shade.png differ
diff --git a/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Unshade.png b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Unshade.png
new file mode 100644
index 0000000..ce0e36e
Binary files /dev/null and b/gui/SARibbon/src/SARibbonBar/resource/Titlebar_Unshade.png differ
diff --git a/gui/SARibbon/src/SARibbonBar/resource/define-color.svg b/gui/SARibbon/src/SARibbonBar/resource/define-color.svg
new file mode 100644
index 0000000..678c82d
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/define-color.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1683292507312" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5045" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M204.4 524.9c-14.5 1.5-26.2 13.2-27.7 27.7-2.1 19.9 14.6 36.7 34.6 34.6 14.5-1.5 26.2-13.2 27.8-27.8 2-19.9-14.8-36.6-34.7-34.5zM265.4 473.7c21.8-1.9 39.4-19.5 41.4-41.4 2.5-28.5-21.2-52.3-49.7-49.7-21.8 1.9-39.4 19.5-41.4 41.4-2.6 28.4 21.2 52.2 49.7 49.7zM415.8 266.9c-28.5 1.8-51.6 24.9-53.4 53.4-2.2 34.5 26.4 63.1 60.9 60.9 28.5-1.8 51.6-24.9 53.4-53.4 2.1-34.6-26.4-63.1-60.9-60.9zM621.9 253.8c-35.1 2.2-63.4 30.6-65.6 65.6-2.7 42.4 32.4 77.6 74.8 74.8 35.1-2.2 63.4-30.6 65.6-65.6 2.8-42.4-32.3-77.5-74.8-74.8zM966.5 276.4c-0.5-7.6-4-14.6-9.8-19.6l-0.7-0.6c-5.2-4.5-11.9-7-18.8-7-8.3 0-16.2 3.6-21.6 9.9L574 652.4l-43.5 85.5 1.1 0.9-4.9 11.3 11.1-5.9 1.5 1.3 78-54.3 342.3-394c5-5.8 7.4-13.2 6.9-20.8z" p-id="5046"></path><path d="M897.8 476.3c-13.8-1.4-26.7 7.4-30.4 20.7-6.9 24.6-19.3 64.5-35.1 97.8C809.5 643 767.4 710.1 696.7 756c-72.2 46.9-142.7 56.7-189.2 56.7-37 0-72.2-6.1-101.7-17.7-26.9-10.5-46.4-24.6-54.9-39.7-3.4-6.1-7.2-12.9-11.2-20.2-17.2-31.1-36.6-66.5-49.7-77.4-15.9-13.2-39.1-15-59.8-15-8.1 0-40.8 1.3-48.5 1.3-33.1 0-49.4-6.5-56.1-22.4-17.8-42.3-7.3-114.3 26.8-183.4C205.2 331.4 300 253.3 412.6 224c40-10.6 81.2-18.9 121.3-18.9 85.6 0 187.8 32.8 252.5 77.2 11.4 7.8 26.9 5.8 35.7-4.9 10.4-12.6 7.1-31.4-6.8-39.8-23.3-14-57.9-34-86.3-47.1-60.3-27.9-123.7-41.9-189.2-41.9-68.1 0-148.8 16.4-217.2 47.2-78.1 35-135.2 85-179.4 147.5-36.4 51.4-67.8 111.1-80.1 168.7-7.5 35.1-6.8 57.4-2.4 87.8 4.2 29.2 13.4 52.5 26.9 67.5 22.4 25.1 51.5 37.4 89 37.4 13.9 0 56.3-5 63.1-5 7.4 0 12.2 1.2 14.4 3.8 6.4 7.4 14.4 22.4 23.7 39.9 7.5 14.1 15.9 30.1 25.4 45.3 12.1 19.5 36.9 40.4 66.5 55.9 27 14.1 71.9 31 132.2 31 72 0 148.3-23.6 226.7-70.1 74.9-44.4 123-118.9 150.2-173.6 19-38.3 34.7-87.2 43.8-119.1 4.8-17.3-7-34.7-24.8-36.5z" p-id="5047"></path></svg>
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/resource/office2013-px.qss b/gui/SARibbon/src/SARibbonBar/resource/office2013-px.qss
new file mode 100644
index 0000000..562492d
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/office2013-px.qss
@@ -0,0 +1,388 @@
+/* start ribbon set*/
+
+SARibbonMainWindow {
+  background-color: white;
+  border: 1px solid #707070;
+}
+
+/*SARibbonBar*/
+
+SARibbonBar {
+  background-color: white;
+  border: solid #707070;
+  border-width: 1px 1px 0px 1px;
+}
+
+/*SARibbonButtonGroupWidget*/
+
+SARibbonButtonGroupWidget {
+  background-color: transparent;
+}
+
+SARibbonPannel > SARibbonButtonGroupWidget {
+  border: 1pt solid #c2d0df;
+}
+
+/*SARibbonQuickAccessBar*/
+
+SARibbonQuickAccessBar {
+  background-color: #cee8fc;
+}
+
+/*SARibbonCtrlContainer*/
+
+SARibbonCtrlContainer {
+  background-color: transparent;
+}
+
+/*SARibbonCategory*/
+
+SARibbonCategory:focus {
+  outline: none;
+}
+
+SARibbonCategory {
+  background-color: #fcfdfe;
+}
+
+/*SARibbonStackedWidget*/
+
+SARibbonStackedWidget {
+  background-color: white;
+  border: 1pt solid #c5d2e0;
+  border-top-width: 0px;
+}
+
+SARibbonStackedWidget:focus {
+  outline: none;
+}
+
+/*SARibbonApplicationButton*/
+
+SARibbonApplicationButton {
+  color: white;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+  background-color: #2b579a;
+}
+
+SARibbonApplicationButton::hover {
+  background-color: #5888d0;
+}
+
+SARibbonApplicationButton::pressed {
+  background-color: #3369b9;
+}
+
+SARibbonApplicationButton:focus {
+  outline: none;
+}
+
+/*SARibbonTabBar*/
+
+SARibbonTabBar {
+  background-color: transparent;
+}
+
+SARibbonTabBar::tab {
+  color: #5779af;
+  border: none;
+  background: transparent;
+  margin-top: 0px;
+  margin-right: 0px;
+  margin-left: 6px;
+  margin-bottom: 0px;
+  min-width: 60px;
+  max-width: 200px;
+  min-height: 30px;
+  max-height: 30px;
+  padding-left: 1px;
+  padding-right: 1px;
+  padding-top: -3px;
+  padding-bottom: 1px;
+}
+
+
+SARibbonTabBar::tab:selected, SARibbonTabBar::tab:hover {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+SARibbonTabBar::tab:selected {
+  color: #5779af;
+  border: 1px solid #c5d2e0;
+  background: white;
+  border-bottom-color: #FFFFFF;
+}
+
+SARibbonTabBar::tab:hover:!selected {
+  border:1px solid #c5d2e0;
+  border-bottom-color: #FFFFFF;
+  color: #5779af;
+}
+
+SARibbonTabBar::tab:!selected {
+  margin-top: 0px;
+}
+
+/*SARibbonToolButton*/
+
+SARibbonToolButton {
+  border: 1px solid transparent;
+  color: #333;
+  background-color: white;
+}
+
+SARibbonToolButton:focus {
+  border: 1px solid #b9defa;
+  color: #333;
+  background-color: #fcfdfe;
+}
+
+SARibbonToolButton::pressed {
+  color: #000;
+  border: 1px solid #269bf4;
+  background-color: #9ed2f9;
+}
+
+SARibbonToolButton::checked {
+  color: #333;
+  border: 1px solid #b9defa;
+  background-color: #cee8fc;
+}
+
+SARibbonToolButton::hover {
+  color: #000;
+  border: 1px solid #badffa;
+  background-color: #cee7fc;
+}
+
+/*SARibbonControlButton*/
+
+SARibbonControlButton {
+  background-color: transparent;
+  border: 1px solid transparent;
+  color: #333;
+}
+
+SARibbonControlButton#SARibbonGalleryButtonUp, #SARibbonGalleryButtonDown, #SARibbonGalleryButtonMore {
+  border: 1px solid #cee8fc;
+}
+
+SARibbonControlButton#SARibbonBarHidePannelButton {
+  border: 1px solid transparent;
+}
+
+SARibbonControlButton::pressed {
+  border: 1px solid #269bf4;
+  background-color: #9ed2f9;
+}
+
+SARibbonControlButton::checked {
+  border: 1px solid #b9defa;
+  background-color: #cee8fc;
+}
+
+SARibbonControlButton::hover {
+  border: 1px solid #badffa;
+  background-color: #cee7fc;
+}
+
+/*SARibbonMenu*/
+
+SARibbonMenu {
+  color: #333;
+  background-color: #FCFCFC;
+  border: 1px solid #c2d0df;
+}
+
+SARibbonMenu::item {
+  padding: 5px 5px 5px 5px;
+  background-color: transparent;
+}
+
+SARibbonMenu::item:selected {
+  background-color: #cee8fc;
+}
+
+SARibbonMenu::item:hover {
+  color: #000;
+  background-color: #cee7fc;
+  border: 1px solid #badffa;
+}
+
+SARibbonMenu::icon {
+  margin-left: 1px;
+}
+
+/*SARibbonPannelOptionButton*/
+
+SARibbonPannelOptionButton {
+  background-color: transparent;
+  color: #333;
+}
+
+SARibbonPannelOptionButton::hover {
+  background-color: #cee7fc;
+  border: 0px;
+}
+
+/*SARibbonPannel*/
+
+SARibbonPannel {
+  background-color: white;
+  border: 0px;
+  color: #666666;
+}
+
+/*SARibbonGallery*/
+
+SARibbonGallery {
+  border: 1px solid #c2d0df;
+  background-color: transparent;
+  color: #333;
+}
+
+/*SARibbonGalleryGroup*/
+
+SARibbonGalleryGroup {
+  show-decoration-selected: 1;
+  background-color: transparent;
+  color: #333;
+  border: 1px solid #c2d0df;
+}
+
+SARibbonGalleryGroup::item:selected {
+  background-color: #9ed2f9;
+  color: black;
+}
+
+SARibbonGalleryGroup::item:hover {
+  border: 2px solid #badffa;
+  background-color: #cee7fc;
+}
+
+/*RibbonGalleryViewport*/
+
+RibbonGalleryViewport {
+  background-color: white;
+}
+
+/*SARibbonLineEdit*/
+
+SARibbonLineEdit {
+  border: 1px solid #C0C2C4;
+  background: #FFF;
+  selection-background-color: #9BBBF7;
+  selection-color: #000;
+}
+
+/*SARibbonComboBox*/
+
+SARibbonComboBox {
+  border: 1px solid #c2d0df;
+}
+
+SARibbonComboBox:hover {
+  border: 1px solid #269bf4;
+  color: #000;
+}
+
+SARibbonComboBox:editable {
+  color: #000;
+  background: white;
+  selection-background-color: #9BBBF7;
+  selection-color: #000;
+}
+
+SARibbonComboBox::drop-down {
+  subcontrol-origin: padding;
+  subcontrol-position: top right;
+  width: 15px;
+  border-left: none;
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+
+SARibbonComboBox::drop-down:hover {
+  border: 1px solid #FDEEB3;
+  background-color: #9ed2f9;
+}
+
+SARibbonComboBox::down-arrow {
+  image: url(:/image/resource/ArrowDown.png);
+}
+
+/*SARibbonSeparatorWidget*/
+
+SARibbonSeparatorWidget {
+  /*background-color: transparent;*/
+  background-color: white;
+}
+
+SARibbonCategoryScrollButton {
+  border: 0px solid #c5d2e0;
+  color: #333;
+  background-color: white;
+}
+
+SARibbonCategoryScrollButton[arrowType="3"] {
+  border-right-width: 1px;
+}
+
+SARibbonCategoryScrollButton[arrowType="4"] {
+  border-left-width: 1px;
+}
+
+SARibbonCategoryScrollButton::hover {
+  color: #000000;
+  background-color: #cee7fc;
+}
+
+SAWindowToolButton { 
+  background-color: transparent; 
+  border:none;
+}
+
+SAWindowToolButton:focus {
+  outline: none;
+}
+
+SAWindowToolButton#SAMinimizeWindowButton {
+  image: url(:/image/resource/Titlebar_Min.png);
+}
+
+SAWindowToolButton#SAMaximizeWindowButton:checked {
+  image:url(:/image/resource/Titlebar_Normal.png);
+}
+
+SAWindowToolButton#SAMaximizeWindowButton {
+  image:url(:/image/resource/Titlebar_Max.png);
+}
+
+SAWindowToolButton#SAMinimizeWindowButton:hover,#SAMaximizeWindowButton:hover {
+  background-color: #e5e5e5;
+}
+
+SAWindowToolButton#SAMinimizeWindowButton:pressed,#SAMaximizeWindowButton:pressed {
+  background-color: #cacacb;
+}
+
+SAWindowToolButton#SACloseWindowButton {
+  image: url(:/image/resource/Titlebar_Close.png);
+}
+
+SAWindowToolButton#SACloseWindowButton:hover {
+  background-color: #e81123;
+  image: url(:/image/resource/Titlebar_Close_Hover.png);
+}
+
+SAWindowToolButton#SACloseWindowButton:pressed {
+  background-color: #f1707a;
+  image: url(:/image/resource/Titlebar_Close_Hover.png);
+}
+
+SAWindowToolButton#SARibbonBarHidePannelButton {
+  titlebar-shade-icon: url(:/image/resource/Titlebar_Shade.png);
+  titlebar-unshade-icon: url(:/image/resource/Titlebar_Unshade.png);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/resource/removePNGWarning.py b/gui/SARibbon/src/SARibbonBar/resource/removePNGWarning.py
new file mode 100644
index 0000000..4e4d84f
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/removePNGWarning.py
@@ -0,0 +1,24 @@
+import os
+from tqdm import tqdm
+import cv2
+from skimage import io
+path = r"./"
+#西瓜6的代码
+fileList = os.listdir(path)
+for i in tqdm(fileList):
+    image = io.imread(path+i)
+    image = cv2.cvtColor(image, cv2.COLOR_RGBA2BGRA)
+    cv2.imencode('.png',image)[1].tofile(path+i)
+
+convert.exe E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/ArrowUp.png E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/ArrowUp.png
+convert.exe E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/ribbonPannelOptionButton.png E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/ribbonPannelOptionButton.png
+convert.exe E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/Titlebar_Close.png E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/Titlebar_Close.png
+convert.exe E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/Titlebar_Close_Hover.png E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/Titlebar_Close_Hover.png
+convert.exe E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/Titlebar_Max.png E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/Titlebar_Max.png
+convert.exe E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/Titlebar_Min.png E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/Titlebar_Min.png
+convert.exe E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/Titlebar_Normal.png E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/Titlebar_Normal.png
+convert.exe E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/Titlebar_Shade.png E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/Titlebar_Shade.png
+convert.exe E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/ribbonPannelOptionButton.png E:/cloudDisk/Qt/sa/src/SARibbonBar/SARibbon/src/SARibbonBar/resource/ribbonPannelOptionButton.png
+
+
+QSyntaxHighlighter 或者第三方控件Qscitinlla（https://www.cnblogs.com/pinking/p/7788447.html）
\ No newline at end of file
diff --git a/gui/SARibbon/src/SARibbonBar/resource/ribbonPannelOptionButton.png b/gui/SARibbon/src/SARibbonBar/resource/ribbonPannelOptionButton.png
new file mode 100644
index 0000000..71a95db
Binary files /dev/null and b/gui/SARibbon/src/SARibbonBar/resource/ribbonPannelOptionButton.png differ
diff --git a/gui/SARibbon/src/SARibbonBar/resource/theme-dark.qss b/gui/SARibbon/src/SARibbonBar/resource/theme-dark.qss
new file mode 100644
index 0000000..be54994
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/theme-dark.qss
@@ -0,0 +1,384 @@
+/* 
+start ribbon set
+dark style theme
+*/
+
+/*SARibbonBar*/
+SARibbonBar{
+  background-color: #2b2b2b;
+  border: solid #2b2b2b;
+  color:#b2b2b2;
+}
+
+/*SARibbonQuickAccessBar*/
+SARibbonQuickAccessBar{
+   background-color: transparent;
+}
+
+
+/*SARibbonCtrlContainer*/
+SARibbonCtrlContainer {
+  background-color: transparent;
+}
+
+/*
+SARibbonSeparatorWidget
+注意，SARibbonSeparatorWidget的背景颜色是使用color
+*/
+SARibbonSeparatorWidget {
+  color: #9b9b9b;
+}
+
+/*SARibbonCategory*/
+SARibbonCategory {
+  background-color: #b2b2b2;
+}
+SARibbonCategory:focus {
+  outline: none;
+}
+
+/*SARibbonPannel*/
+
+SARibbonPannel {
+  background-color: transparent;
+  border: none;
+}
+
+/*SARibbonPannelLabel Pannel下标题栏*/
+
+SARibbonPannelLabel {
+    background-color: transparent;
+    color: #242424;
+}
+
+/*SARibbonPannelOptionButton*/
+SARibbonPannelOptionButton {
+  border:none;
+  background-color: transparent;
+  color:#242424;
+}
+
+SARibbonPannelOptionButton:hover {
+  background-color:#a0a0a0;
+}
+
+/*SARibbonButtonGroupWidget*/
+SARibbonButtonGroupWidget{
+  background-color: transparent;
+  color: #242424;
+}
+
+SARibbonPannel > SARibbonButtonGroupWidget {
+  border: 1px solid #888888;
+  background-color: transparent;
+}
+
+
+/*SARibbonStackedWidget*/
+SARibbonStackedWidget{
+  border-top-width: 0px;
+}
+SARibbonStackedWidget:focus{
+  outline: none;
+
+}
+/*SARibbonApplicationButton*/
+SARibbonApplicationButton{
+  color:#242424;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  background-color: #b2b2b2;
+}
+
+SARibbonApplicationButton:hover{
+  background-color: #a0a0a0;
+}
+
+SARibbonApplicationButton:pressed{
+  background-color: #858585;
+}
+
+SARibbonApplicationButton:focus{
+  outline: none;
+}
+
+SARibbonApplicationButton::menu-indicator {
+  /*subcontrol-position: right;*/
+  width:0px;
+}
+
+/*SARibbonTabBar*/
+SARibbonTabBar{
+    background-color: transparent;
+}
+
+SARibbonTabBar::tab {
+  color: #f0f1f2;
+  border:1px solid transparent;/*加上边框，否则选中后加入边框后会有1px的偏移*/
+  background: transparent;
+  margin-top: 0px;
+  margin-right: 0px;
+  margin-left: 5px;
+  margin-bottom: 0px;
+  min-width: 50px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+SARibbonTabBar::tab:selected {
+  color: #242424;
+  background-color: #b2b2b2;
+  border: 1px solid #737373;
+}
+
+SARibbonTabBar::tab:hover:!selected {
+  border:1px solid #a6a6a6;
+  color: white;
+}
+
+SARibbonTabBar::tab:!selected {
+  color: #a0a0a0;
+  border:1px solid transparent;
+  background: transparent;
+}
+
+/*SARibbonCheckBox*/
+SARibbonCheckBox{
+    color:#242424;
+    background-color:transparent;
+}
+
+/*SARibbonToolButton*/
+
+SARibbonToolButton{
+    border:none;
+    color:#242424;
+    background-color:#b2b2b2;
+} 
+
+SARibbonToolButton:focus {
+  border: 1px solid #858585;
+  color: #242424;
+  background-color: #a0a0a0;
+}
+SARibbonToolButton:pressed{
+    color:#242424;
+    background-color: #858585;
+}
+SARibbonToolButton:checked{
+    color:#242424;
+    background-color: #9b9b9b;
+}
+SARibbonToolButton:hover {
+    color:#242424;
+    background-color: #a0a0a0;
+}
+
+/*SARibbonControlToolButton*/
+
+SARibbonControlToolButton {
+  background-color: transparent;/*{ControlToolButton.BKColor}*/
+  color: #a0a0a0;
+  border: 1px solid transparent;
+}
+
+SARibbonControlToolButton:pressed {
+  background-color: #858585;/*{ControlToolButton.BKColor:pressed}*/
+}
+
+SARibbonControlToolButton:checked {
+  border: 1px solid #888888;/*{ControlToolButton.BorderColor:checked}*/
+  background-color: #9b9b9b;/*{ControlToolButton.BKColor:checked}*/
+}
+
+SARibbonControlToolButton:hover {
+  color: black;
+  border: 1px solid #888888;/*{ControlToolButton.BorderColor:hover}*/
+  background-color: #a0a0a0;/*{ControlToolButton.BKColor:hover}*/
+}
+
+/*SARibbonControlButton*/
+SARibbonControlButton{
+  background-color:transparent;
+  border: none;
+  color:#242424;
+}
+SARibbonControlButton:pressed{
+  background-color: #858585;
+}
+SARibbonControlButton:checked{
+  border: 1px solid #888888;
+  background-color: #9b9b9b;
+}
+SARibbonControlButton:hover {
+  border: 1px solid #888888;
+  background-color: #a0a0a0;
+ }
+
+SARibbonGalleryButton{
+  background-color:#b2b2b2;
+  border: 1px solid #888888;
+  color: #242424;
+}
+
+
+/*SARibbonMenu*/
+SARibbonMenu {
+  color:#242424;
+  background-color: #b2b2b2;
+
+}
+SARibbonMenu::item {
+  padding: 5px;
+  background-color: transparent;
+}
+SARibbonMenu::item:selected {
+  background-color: #9b9b9b;
+}
+SARibbonMenu::item:hover {
+    color:#242424;
+    border: 1px solid #fcfcfc;
+}
+SARibbonMenu::icon{
+  margin-left: 1px;
+}
+
+/*SARibbonGallery*/
+SARibbonGallery {
+  background-color: #cccccc;
+  color: #242424;
+  border: 1px solid #888888;
+}
+
+/*SARibbonGalleryGroup*/
+SARibbonGalleryGroup {
+  show-decoration-selected: 1;
+  background-color: transparent;
+  color: #242424;
+}
+SARibbonGalleryGroup::item:selected {
+  background-color: #9b9b9b;
+}
+SARibbonGalleryGroup::item:hover {
+  border: 1px solid #a0a0a0;
+}
+SARibbonGalleryGroup::item {
+  color: #242424;
+}
+
+/*RibbonGalleryViewport*/
+
+SARibbonGalleryViewport {
+  background-color: #ffffff;
+}
+
+/*SARibbonLineEdit*/
+SARibbonLineEdit {
+  border:1px solid #888888;
+  background-color: white;
+  color: #242424;
+  selection-background-color: #6a9eff;
+  selection-color: white;
+}
+
+
+/*SARibbonComboBox*/
+SARibbonComboBox {
+  border: 1px  solid #888888;
+  background-color: white;
+}
+
+SARibbonComboBox:hover{
+  border: 1px solid #cfcecc;
+  color : #242424;
+}
+
+SARibbonComboBox:editable {
+  color : #242424;
+  background-color: white;
+  selection-background-color: #6a9eff;
+  selection-color: white;
+}
+
+SARibbonComboBox::drop-down {
+  subcontrol-origin: padding;
+  subcontrol-position: top right;
+  width: 1em;
+  border: none;
+}
+
+SARibbonComboBox::drop-down:hover {
+  border: none;
+  background-color: #a0a0a0;
+}
+
+SARibbonComboBox::down-arrow {
+  image: url(:/image/resource/ArrowDown.png);
+}
+
+
+
+/*SARibbonCategoryScrollButton*/
+SARibbonCategoryScrollButton {
+  border: 1px solid #888888;
+  color: #242424;
+  background-color: #b2b2b2;
+}
+
+SARibbonCategoryScrollButton[arrowType="3"] {
+  border-right-width: 1px;
+}
+
+SARibbonCategoryScrollButton[arrowType="4"] {
+  border-left-width: 1px;
+}
+/*SARibbonSystemToolButton*/
+
+SARibbonSystemToolButton {
+  background-color: transparent;
+  border:none;
+}
+
+SARibbonSystemToolButton:focus {
+  outline: none;
+}
+
+/* 深色模式的系统按钮设置 */
+/*Min*/
+SARibbonSystemToolButton#SAMinimizeWindowButton {
+  background-position:center;
+  background-repeat: no-repeat;
+  background-image: url(:/image/resource/Titlebar_Min_Hover.svg);
+}
+SARibbonSystemToolButton#SAMinimizeWindowButton:hover{
+  background-color: #b2b2b2;
+}
+SARibbonSystemToolButton#SAMinimizeWindowButton:pressed{
+  background-color: #cacacb;
+}
+/*Max*/
+SARibbonSystemToolButton#SAMaximizeWindowButton {
+    background-position:center;
+    background-repeat: no-repeat;
+    background-image: url(:/image/resource/Titlebar_Max_Hover.svg);
+}
+SARibbonSystemToolButton#SAMaximizeWindowButton:hover {
+    background-color: #b2b2b2;
+}
+SARibbonSystemToolButton#SAMaximizeWindowButton:checked {
+    background-image: url(:/image/resource/Titlebar_Normal_Hover.svg) center;
+}
+
+
+/*Close*/
+SARibbonSystemToolButton#SACloseWindowButton {
+    background-position:center;
+    background-repeat: no-repeat;
+    background-image: url(:/image/resource/Titlebar_Close_Hover.svg);
+}
+SARibbonSystemToolButton#SACloseWindowButton:hover {
+  background-color: #e81123;
+}
+SARibbonSystemToolButton#SACloseWindowButton:pressed {
+    background-color: #f1707a;
+}
diff --git a/gui/SARibbon/src/SARibbonBar/resource/theme-dark2.qss b/gui/SARibbon/src/SARibbonBar/resource/theme-dark2.qss
new file mode 100644
index 0000000..f7eecdd
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/theme-dark2.qss
@@ -0,0 +1,407 @@
+/* 
+start ribbon set
+dark style theme 2
+参考AutoCAD 2021的界面配色
+
+深色背景颜色:#192430
+浅色背景颜色:#344253
+更浅一层背景颜色:#4d5973 一般是控件的编辑区域颜色
+字体颜色:#dadada
+按钮背景颜色：#344253
+按钮hover背景:#435c76
+选中边框颜色:#2a8db5
+*/
+
+/*SARibbonBar*/
+SARibbonBar{
+  background-color: #192430;
+  border: solid #192430;
+  color:#dadada;
+}
+
+/*SARibbonQuickAccessBar*/
+SARibbonQuickAccessBar{
+   background-color: transparent;
+}
+
+
+/*SARibbonCtrlContainer*/
+SARibbonCtrlContainer {
+  background-color: transparent;
+}
+
+/*
+SARibbonSeparatorWidget
+注意，SARibbonSeparatorWidget的背景颜色是使用color
+*/
+SARibbonSeparatorWidget {
+  color: #5d636a;
+}
+
+/*SARibbonCategory*/
+SARibbonCategory {
+  background-color: #192430;
+  /*顶部有一条线*/
+  border-top:1px solid #344253;
+}
+SARibbonCategory:focus {
+  outline: none;
+}
+
+/*
+SARibbonCategory下的SARibbonSeparatorWidget
+注意，SARibbonSeparatorWidget的背景颜色是使用color
+*/
+SARibbonCategory > SARibbonSeparatorWidget {
+  color: transparent;
+}
+
+/*SARibbonPannel*/
+
+SARibbonPannel {
+  background-color: #344253;
+  border: none;
+}
+
+/*
+SARibbonPannel下的SARibbonSeparatorWidget
+注意，SARibbonSeparatorWidget的背景颜色是使用color
+*/
+SARibbonPannel > SARibbonSeparatorWidget {
+  color: #5d636a;
+}
+
+/*SARibbonPannelLabel Pannel下标题栏*/
+SARibbonPannelLabel {
+    background-color: #4d5973;
+    color: #dadada;
+}
+
+/*SARibbonPannelOptionButton*/
+SARibbonPannelOptionButton {
+  border:none;
+  background-color: transparent;
+  color:#dadada;
+}
+
+SARibbonPannelOptionButton:hover {
+  background-color:#375d77;
+}
+
+/*SARibbonButtonGroupWidget*/
+SARibbonButtonGroupWidget{
+  background-color: transparent;
+  color: #dadada;
+}
+
+SARibbonPannel > SARibbonButtonGroupWidget {
+  border: 1px solid #2a8db5;
+  background-color: transparent;
+}
+
+/*SARibbonApplicationButton*/
+SARibbonApplicationButton{
+  color:#dadada;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  background-color: #344253;
+}
+
+SARibbonApplicationButton:hover{
+  background-color: #435c76;
+}
+
+SARibbonApplicationButton:pressed{
+  background-color: #435c76;
+}
+
+SARibbonApplicationButton:focus{
+  outline: none;
+}
+
+SARibbonApplicationButton::menu-indicator {
+  /*subcontrol-position: right;*/
+  width:0px;
+}
+
+/*SARibbonTabBar*/
+SARibbonTabBar{
+    background-color: transparent;
+}
+
+SARibbonTabBar::tab {
+  color: #afafa6;
+  border:1px solid transparent;/*加上边框，否则选中后加入边框后会有1px的偏移*/
+  background: transparent;
+  margin-top: 0px;
+  margin-right: 0px;
+  margin-left: 5px;
+  margin-bottom: 0px;
+  min-width: 50px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+SARibbonTabBar::tab:selected {
+  color: #dadada;
+  background-color: #344253;
+}
+
+SARibbonTabBar::tab:hover:!selected {
+  /*border:1px solid #344253;*/
+  border-top:1px solid #344253;
+  border-right:1px solid #344253;
+  border-left:1px solid #344253;
+  border-bottom:1px solid transparent;
+  color: white;
+}
+
+SARibbonTabBar::tab:!selected {
+  color: #afafa6;
+}
+
+/*SARibbonCheckBox*/
+SARibbonCheckBox{
+    color:#dadada;
+    background-color:transparent;
+}
+
+/*SARibbonToolButton*/
+
+SARibbonToolButton{
+    border:none;
+    color:#dadada;
+    background-color:#344253;
+} 
+
+SARibbonToolButton:focus {
+  border: 1px solid #2a8db5;
+}
+SARibbonToolButton:pressed{
+    color:#dadada;
+    background-color: #435c76;
+}
+SARibbonToolButton:checked{
+    color:#dadada;
+    border: 1px solid #2a8db5;
+    background-color: #435c76;
+}
+SARibbonToolButton:hover {
+    color:#dadada;
+    background-color: #435c76;
+}
+
+/*SARibbonControlToolButton*/
+
+SARibbonControlToolButton {
+  background-color: transparent;/*{ControlToolButton.BKColor}*/
+  color: #dadada;
+  border: 1px solid transparent;
+}
+
+SARibbonControlToolButton:pressed {
+  background-color: #435c76;/*{ControlToolButton.BKColor:pressed}*/
+}
+
+SARibbonControlToolButton:checked {
+  border: 1px solid #2a8db5;/*{ControlToolButton.BorderColor:checked}*/
+  background-color: #435c76;/*{ControlToolButton.BKColor:checked}*/
+}
+
+SARibbonControlToolButton:hover {
+  color: #dadada;
+  border: 1px solid transparent;/*{ControlToolButton.BorderColor:hover}*/
+  background-color: #435c76;/*{ControlToolButton.BKColor:hover}*/
+}
+
+/*SARibbonControlButton*/
+SARibbonControlButton{
+  background-color:transparent;
+  border: none;
+  color:#dadada;
+}
+SARibbonControlButton:pressed{
+  background-color: #435c76;
+}
+SARibbonControlButton:checked{
+  border: 1px solid #2a8db5;
+  background-color: #435c76;
+}
+SARibbonControlButton:hover {
+  border: 1px solid transparent;
+  background-color: #344253;
+ }
+
+SARibbonGalleryButton{
+  background-color:#344253;
+  border: 1px solid #435c76;
+  color: #dadada;
+}
+
+
+/*SARibbonMenu*/
+SARibbonMenu {
+  color:#dadada;
+  background-color: #4d5973;
+
+}
+SARibbonMenu::item {
+  padding: 5px;
+  background-color: #344253;
+}
+SARibbonMenu::item:selected {
+  border: 1px solid #2a8db5;
+  background-color: #435c76;
+}
+SARibbonMenu::item:hover {
+    color:#dadada;
+    border: 1px solid transparent;
+    background-color: #435c76;
+}
+SARibbonMenu::icon{
+  margin-left: 1px;
+}
+
+/*SARibbonGallery*/
+SARibbonGallery {
+  background-color: #4d5973;
+  color: #dadada;
+  border: 1px solid #888888;
+}
+
+/*SARibbonGalleryGroup*/
+SARibbonGalleryGroup {
+  show-decoration-selected: 1;
+  background-color: transparent;
+  color: #dadada;
+}
+SARibbonGalleryGroup::item {
+  color: #dadada;
+}
+SARibbonGalleryGroup::item:selected {
+  background-color: #435c76;
+  border: 1px solid #2a8db5;
+}
+SARibbonGalleryGroup::item:hover {
+  background-color: #435c76;
+  border: 1px solid transparent;
+}
+
+
+/*RibbonGalleryViewport*/
+
+SARibbonGalleryViewport {
+  background-color: #4d5973;
+}
+
+/*SARibbonLineEdit*/
+SARibbonLineEdit {
+  border:1px solid #192430;
+  background-color: #4d5973;
+  color: #dadada;
+  selection-background-color: #2a8db5;
+  selection-color: #dadada;
+}
+
+
+/*SARibbonComboBox*/
+SARibbonComboBox {
+  color : #dadada;
+  border: 1px solid #192430;
+  background-color: #344253;
+}
+
+SARibbonComboBox:hover{
+  border: 1px solid #2a8db5;
+}
+
+SARibbonComboBox:editable {
+  color : #dadada;
+  background-color: #4d5973;
+  selection-background-color: #2a8db5;
+  selection-color: #dadada;
+}
+
+SARibbonComboBox::drop-down {
+  subcontrol-origin: padding;
+  subcontrol-position: top right;
+  width: 1em;
+  border: none;
+}
+
+SARibbonComboBox::drop-down:hover {
+  border: none;
+  background-color: #2a8db5;
+}
+
+SARibbonComboBox::down-arrow {
+  image: url(:/image/resource/ArrowDown.png);
+}
+
+
+
+
+/*SARibbonCategoryScrollButton*/
+SARibbonCategoryScrollButton {
+  border: 1px solid #2a8db5;
+  color: #dadada;
+  background-color: #344253;
+}
+
+SARibbonCategoryScrollButton[arrowType="3"] {
+  border-right-width: 1px;
+}
+
+SARibbonCategoryScrollButton[arrowType="4"] {
+  border-left-width: 1px;
+}
+/*SARibbonSystemToolButton*/
+
+SARibbonSystemToolButton {
+  background-color: transparent;
+  border:none;
+}
+
+SARibbonSystemToolButton:focus {
+  outline: none;
+}
+
+/* 深色模式的系统按钮设置 */
+/*Min*/
+SARibbonSystemToolButton#SAMinimizeWindowButton {
+  background-position:center;
+  background-repeat: no-repeat;
+  background-image: url(:/image/resource/Titlebar_Min_Hover.svg);
+}
+SARibbonSystemToolButton#SAMinimizeWindowButton:hover{
+  background-color: #b2b2b2;
+}
+SARibbonSystemToolButton#SAMinimizeWindowButton:pressed{
+  background-color: #cacacb;
+}
+/*Max*/
+SARibbonSystemToolButton#SAMaximizeWindowButton {
+    background-position:center;
+    background-repeat: no-repeat;
+    background-image: url(:/image/resource/Titlebar_Max_Hover.svg);
+}
+SARibbonSystemToolButton#SAMaximizeWindowButton:hover {
+    background-color: #b2b2b2;
+}
+SARibbonSystemToolButton#SAMaximizeWindowButton:checked {
+    background-image: url(:/image/resource/Titlebar_Normal_Hover.svg) center;
+}
+
+
+/*Close*/
+SARibbonSystemToolButton#SACloseWindowButton {
+    background-position:center;
+    background-repeat: no-repeat;
+    background-image: url(:/image/resource/Titlebar_Close_Hover.svg);
+}
+SARibbonSystemToolButton#SACloseWindowButton:hover {
+  background-color: #e81123;
+}
+SARibbonSystemToolButton#SACloseWindowButton:pressed {
+    background-color: #f1707a;
+}
diff --git a/gui/SARibbon/src/SARibbonBar/resource/theme-office2013-em.qss b/gui/SARibbon/src/SARibbonBar/resource/theme-office2013-em.qss
new file mode 100644
index 0000000..6f8b8de
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/theme-office2013-em.qss
@@ -0,0 +1,387 @@
+/*
+这是模仿office2013的白色风格主题
+start ribbon set
+*/
+
+/*SARibbonBar*/
+SARibbonBar {
+  background-color: white;
+  border: solid #707070;
+  color:#b2b2b2;
+  /* border-width: 0.02em 0.02em 0em 0.02em; */
+}
+
+/*SARibbonButtonGroupWidget*/
+SARibbonButtonGroupWidget {
+  background-color: transparent;
+}
+
+
+/*SARibbonQuickAccessBar*/
+SARibbonQuickAccessBar {
+  background-color: #cee8fc;
+}
+
+/*SARibbonCtrlContainer*/
+SARibbonCtrlContainer {
+  background-color: transparent;
+}
+
+/*SARibbonCategory*/
+SARibbonCategory:focus {
+  outline: none;
+}
+
+SARibbonCategory {
+  background-color: #fcfdfe;
+}
+
+/*SARibbonStackedWidget*/
+SARibbonStackedWidget {
+  background-color: white;
+  border: 1pt solid #c5d2e0;
+  border-top-width: 0px;
+}
+
+SARibbonStackedWidget:focus {
+  outline: none;
+}
+
+/*SARibbonApplicationButton*/
+SARibbonApplicationButton {
+  color: white;
+  border-top-left-radius: 0.1em;
+  border-top-right-radius: 0.1em;
+  background-color: #2b579a;
+}
+
+SARibbonApplicationButton:hover {
+  background-color: #5888d0;
+}
+
+SARibbonApplicationButton:pressed {
+  background-color: #3369b9;
+}
+
+SARibbonApplicationButton:focus {
+  outline: none;
+}
+
+SARibbonApplicationButton::menu-indicator {
+  subcontrol-position: right;
+}
+
+/*SARibbonTabBar*/
+SARibbonTabBar {
+  background-color: transparent;
+}
+
+
+SARibbonTabBar::tab {
+  color: #5779af;
+  border: none;
+  background: transparent;
+  margin-top: 0em;
+  margin-right: 0em;
+  margin-left: 0.2em;
+  margin-bottom: 0em;
+  min-width: 3em;
+  max-width: 10em;
+  min-height: 1.2em;
+  max-height: 1.2em;
+  padding-left: 0.2em;
+  padding-right: 0.2em;
+  padding-top: 0.1em;
+  padding-bottom: 0.2em;
+}
+
+SARibbonTabBar::tab:selected, SARibbonTabBar::tab:hover {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+SARibbonTabBar::tab:selected {
+  color: #5779af;
+  border: 0.05em solid #c5d2e0;
+  background: white;
+  border-bottom: none;
+}
+
+SARibbonTabBar::tab:hover:!selected {
+  border:0.05em solid #c5d2e0;
+  border-bottom: none;
+  color: #5779af;
+}
+
+SARibbonTabBar::tab:!selected {
+  margin-top: 0px;
+}
+
+/*SARibbonToolButton*/
+/* 
+SARibbonToolButton的背景颜色必须和pannel或者category的颜色一致
+不能设置为transparent，否则在ActionMenu模式下，上下区分的按钮无法显示 
+*/
+SARibbonToolButton {
+  border: none;
+  color: #333;
+  background-color: white;
+}
+
+SARibbonToolButton:focus {
+  border: 0.05em solid #b9defa;
+  color: #333;
+  background-color: #fcfdfe;
+}
+
+SARibbonToolButton:pressed {
+  color: #000;
+  border: 0.05em solid #269bf4;
+  background-color: #9ed2f9;
+}
+
+SARibbonToolButton:checked {
+  color: #333;
+  border: 0.05em solid #b9defa;
+  background-color: #cee8fc;
+}
+
+SARibbonToolButton:hover {
+  color: #000;
+  border: 0.05em solid #badffa;
+  background-color: #cee7fc;
+}
+
+/*SARibbonControlButton*/
+
+SARibbonControlButton {
+  background-color: transparent;
+  border: 0.05em solid transparent;
+  color: #333;
+}
+
+SARibbonControlButton:pressed {
+  border: 0.05em solid #269bf4;
+  background-color: #9ed2f9;
+}
+
+SARibbonControlButton:checked {
+  border: 0.05em solid #b9defa;
+  background-color: #cee8fc;
+}
+
+SARibbonControlButton:hover {
+  border: 0.05em solid #badffa;
+  background-color: #cee7fc;
+}
+SARibbonControlButton#SARibbonGalleryButtonUp, #SARibbonGalleryButtonDown, #SARibbonGalleryButtonMore {
+  border: 0.05em solid #cee8fc;
+}
+
+SARibbonControlButton#SARibbonBarHidePannelButton {
+  border: 0.05em solid transparent;
+}
+
+
+
+/*SARibbonMenu*/
+
+SARibbonMenu {
+  color: #333;
+  background-color: #FCFCFC;
+  border: 0.05em solid #c2d0df;
+}
+
+SARibbonMenu::item {
+  padding: 5px 5px 5px 5px;
+  background-color: transparent;
+}
+
+SARibbonMenu::item:selected {
+  background-color: #cee8fc;
+}
+
+SARibbonMenu::item:hover {
+  color: #000;
+  background-color: #cee7fc;
+  border: 0.05em solid #badffa;
+}
+
+SARibbonMenu::icon {
+  margin-left: 0.05em;
+}
+
+/*SARibbonPannelOptionButton*/
+
+SARibbonPannelOptionButton {
+  background-color: transparent;
+  color: #333;
+}
+
+SARibbonPannelOptionButton:hover {
+  background-color: #cee7fc;
+  border: 0px;
+}
+
+/*SARibbonPannel*/
+
+SARibbonPannel {
+  background-color: white;
+  border: 0px;
+  color: #666666;
+}
+
+SARibbonPannel > SARibbonButtonGroupWidget {
+  border: 0.05em solid #c2d0df;
+}
+
+/*SARibbonGallery*/
+
+SARibbonGallery {
+  border: 0.05em solid #c2d0df;
+  background-color: transparent;
+  color: #333;
+}
+
+/*SARibbonGalleryGroup*/
+
+SARibbonGalleryGroup {
+  show-decoration-selected: 1;
+  background-color: transparent;
+  color: #333;
+  border: 0.05em solid #c2d0df;
+}
+
+SARibbonGalleryGroup::item:selected {
+  background-color: #9ed2f9;
+  color: black;
+}
+
+SARibbonGalleryGroup::item:hover {
+  border: 0.1em solid #badffa;
+  background-color: #cee7fc;
+}
+
+/*RibbonGalleryViewport*/
+
+SARibbonGalleryViewport {
+  background-color: #ffffff;
+}
+
+/*SARibbonLineEdit*/
+
+SARibbonLineEdit {
+  border: 0.05em solid #C0C2C4;
+  background: #FFF;
+  selection-background-color: #9BBBF7;
+  selection-color: #000;
+}
+
+/*SARibbonComboBox*/
+
+SARibbonComboBox {
+  border: 0.05em solid #c2d0df;
+  background-color: white;
+}
+
+SARibbonComboBox:hover {
+  border: 0.05em solid #269bf4;
+  color: #000;
+}
+
+SARibbonComboBox:editable {
+  color: #000;
+  background: white;
+  selection-background-color: #9BBBF7;
+  selection-color: #000;
+}
+
+SARibbonComboBox::drop-down {
+  subcontrol-origin: padding;
+  subcontrol-position: top right;
+  width: 1em;
+  border: none;
+}
+
+SARibbonComboBox::drop-down:hover {
+  border: 0.05em solid #FDEEB3;
+  background-color: #9ed2f9;
+}
+
+SARibbonComboBox::down-arrow {
+  image: url(:/image/resource/ArrowDown.png);
+}
+
+/*SARibbonSeparatorWidget*/
+
+SARibbonSeparatorWidget {
+  /*background-color: transparent;*/
+  background-color: white;
+}
+
+SARibbonCategoryScrollButton {
+  border: 0.05em solid #c5d2e0;
+  color: #333;
+  background-color: white;
+}
+
+SARibbonCategoryScrollButton[arrowType="3"] {
+  border-right-width: 0.05em;
+}
+
+SARibbonCategoryScrollButton[arrowType="4"] {
+  border-left-width: 0.05em;
+}
+
+SARibbonCategoryScrollButton:hover {
+  color: #000000;
+  background-color: #cee7fc;
+}
+
+SAWindowToolButton { 
+  background-color: transparent; 
+  border:none;
+}
+
+SAWindowToolButton:focus {
+  outline: none;
+}
+
+SAWindowToolButton#SAMinimizeWindowButton {
+  image: url(:/image/resource/Titlebar_Min.png);
+}
+
+SAWindowToolButton#SAMaximizeWindowButton:checked {
+  image:url(:/image/resource/Titlebar_Normal.png);
+}
+
+SAWindowToolButton#SAMaximizeWindowButton {
+  image:url(:/image/resource/Titlebar_Max.png);
+}
+
+SAWindowToolButton#SAMinimizeWindowButton:hover,#SAMaximizeWindowButton:hover {
+  background-color: #e5e5e5;
+}
+
+SAWindowToolButton#SAMinimizeWindowButton:pressed,#SAMaximizeWindowButton:pressed {
+  background-color: #cacacb;
+}
+
+SAWindowToolButton#SACloseWindowButton {
+  image: url(:/image/resource/Titlebar_Close.png);
+}
+
+SAWindowToolButton#SACloseWindowButton:hover {
+  background-color: #e81123;
+  image: url(:/image/resource/Titlebar_Close_Hover.png);
+}
+
+SAWindowToolButton#SACloseWindowButton:pressed {
+  background-color: #f1707a;
+  image: url(:/image/resource/Titlebar_Close_Hover.png);
+}
+
+SAWindowToolButton#SARibbonBarHidePannelButton {
+  titlebar-shade-icon: url(:/image/resource/Titlebar_Shade.png);
+  titlebar-unshade-icon: url(:/image/resource/Titlebar_Unshade.png);
+}
diff --git a/gui/SARibbon/src/SARibbonBar/resource/theme-office2013.qss b/gui/SARibbon/src/SARibbonBar/resource/theme-office2013.qss
new file mode 100644
index 0000000..bea6ba1
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/theme-office2013.qss
@@ -0,0 +1,407 @@
+/*
+这是模仿office2013的白色风格主题
+start ribbon set
+*/
+
+/*SARibbonBar*/
+SARibbonBar {
+  background-color: white;
+  border: solid #707070;
+  color:#b2b2b2;
+}
+
+
+/*SARibbonQuickAccessBar*/
+SARibbonQuickAccessBar {
+  background-color: #cee8fc;
+}
+
+/*SARibbonCtrlContainer*/
+SARibbonCtrlContainer {
+  background-color: transparent;
+}
+
+
+/*SARibbonStackedWidget*/
+SARibbonStackedWidget {
+  border: 1pt solid #c5d2e0;
+  border-top-width: 0px;
+}
+
+SARibbonStackedWidget:focus {
+  outline: none;
+}
+
+
+/*
+SARibbonSeparatorWidget
+注意，SARibbonSeparatorWidget的背景颜色是使用color
+如果想给不同的部件下的分割线设置不同风格，可以使用如SARibbonCategory > SARibbonSeparatorWidget的方式，参考theme-dark2.qss
+*/
+SARibbonSeparatorWidget {
+  color: #bec0c2;
+}
+
+/*SARibbonCategory*/
+SARibbonCategory {
+  background-color: white;
+}
+SARibbonCategory:focus {
+  outline: none;
+}
+
+/*
+SARibbonCategory下的SARibbonSeparatorWidget
+注意，SARibbonSeparatorWidget的背景颜色是使用color
+*/
+SARibbonCategory > SARibbonSeparatorWidget {
+  color: #bec0c2;
+  margin-top:3px;
+  margin-bottom:3px;
+}
+
+/*SARibbonPannel*/
+
+SARibbonPannel {
+  background-color: white;
+  border: none;
+  color: #666666;
+}
+
+SARibbonPannel > SARibbonButtonGroupWidget {
+  border: 1px solid #c2d0df;
+}
+/*SARibbonButtonGroupWidget*/
+SARibbonButtonGroupWidget {
+  background-color: transparent;
+}
+
+/*SARibbonPannelLabel Pannel下标题栏*/
+
+SARibbonPannelLabel {
+    background-color: transparent;
+    color: #666666;
+}
+
+/*SARibbonPannelOptionButton*/
+
+SARibbonPannelOptionButton {
+  background-color: transparent;
+  color: #333;
+}
+
+SARibbonPannelOptionButton:hover {
+  background-color: #cee7fc;
+  border: 0px;
+}
+
+
+/*SARibbonApplicationButton*/
+SARibbonApplicationButton {
+  color: white;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+  background-color: #2b579a;
+}
+
+SARibbonApplicationButton:hover {
+  background-color: #5888d0;
+}
+
+SARibbonApplicationButton:pressed {
+  background-color: #3369b9;
+}
+
+SARibbonApplicationButton:focus {
+  outline: none;
+}
+
+SARibbonApplicationButton::menu-indicator {
+  /*subcontrol-position: right;*/
+  width:0px;
+}
+
+/*SARibbonTabBar*/
+SARibbonTabBar {
+  background-color: transparent;
+}
+
+
+SARibbonTabBar::tab {
+  color: #5779af;
+  border: 1px solid transparent;
+  background: transparent;
+  margin-top: 0px;
+  margin-right: 0px;
+  margin-left: 5px;
+  margin-bottom: 0px;
+  min-width: 50px;
+}
+
+SARibbonTabBar::tab:selected {
+  color: #5779af;
+  background: white;
+  /*border: 1px solid #c5d2e0;*/
+  border-top:1px solid #c5d2e0;
+  border-right:1px solid #c5d2e0;
+  border-left:1px solid #c5d2e0;
+  border-bottom:1px solid white;
+}
+
+SARibbonTabBar::tab:hover:!selected {
+    color: #5779af;
+    background: white;
+    /*border: 1px solid #c5d2e0;*/
+    border-top:1px solid #c5d2e0;
+    border-right:1px solid #c5d2e0;
+    border-left:1px solid #c5d2e0;
+    border-bottom:1px solid white;
+}
+
+
+/*SARibbonToolButton*/
+/* 
+SARibbonToolButton的背景颜色必须和pannel或者category的颜色一致
+不能设置为transparent，否则在ActionMenu模式下，上下区分的按钮无法显示 
+*/
+SARibbonToolButton {
+  border: none;
+  color: #333;
+  background-color: white;
+}
+
+SARibbonToolButton:focus {
+  border: 1px solid #b9defa;
+  color: #333;
+  background-color: #fcfdfe;
+}
+
+SARibbonToolButton:pressed {
+  color: #000;
+  border: 1px solid #269bf4;
+  background-color: #9ed2f9;
+}
+
+SARibbonToolButton:checked {
+  color: #333;
+  border: 1px solid #b9defa;
+  background-color: #cee8fc;
+}
+
+SARibbonToolButton:hover {
+  color: #000;
+  border: 1px solid #badffa;
+  background-color: #cee7fc;
+}
+
+/*SARibbonControlButton*/
+
+SARibbonControlButton {
+  background-color: transparent;
+  border: 1px solid transparent;
+  color: #333;
+}
+
+SARibbonControlButton:pressed {
+  border: 1px solid #269bf4;
+  background-color: #9ed2f9;
+}
+
+SARibbonControlButton:checked {
+  border: 1px solid #b9defa;
+  background-color: #cee8fc;
+}
+
+SARibbonControlButton:hover {
+  border: 1px solid #badffa;
+  background-color: #cee7fc;
+}
+
+SARibbonGalleryButton {
+  border: 1px solid #cee8fc;
+}
+
+
+
+
+/*SARibbonMenu*/
+
+SARibbonMenu {
+  color: #333;
+  background-color: #FCFCFC;
+  border: 1px solid #c2d0df;
+}
+
+SARibbonMenu::item {
+  padding: 5px 5px 5px 5px;
+  background-color: transparent;
+}
+
+SARibbonMenu::item:selected {
+  background-color: #cee8fc;
+}
+
+SARibbonMenu::item:hover {
+  color: #000;
+  background-color: #cee7fc;
+  border: 1px solid #badffa;
+}
+
+SARibbonMenu::icon {
+  margin-left: 1px;
+}
+
+
+
+/*SARibbonGallery*/
+
+SARibbonGallery {
+  border: 1px solid #c2d0df;
+  background-color: transparent;
+  color: #333;
+}
+
+/*SARibbonGalleryGroup*/
+
+SARibbonGalleryGroup {
+  show-decoration-selected: 1;
+  background-color: transparent;
+  color: #333;
+  border: 1px solid #c2d0df;
+}
+
+SARibbonGalleryGroup::item:selected {
+  background-color: #9ed2f9;
+  color: black;
+}
+
+SARibbonGalleryGroup::item:hover {
+  border: 1px solid #badffa;
+  background-color: #cee7fc;
+}
+
+/*RibbonGalleryViewport*/
+
+SARibbonGalleryViewport {
+  background-color: #ffffff;
+}
+
+/*SARibbonLineEdit*/
+
+SARibbonLineEdit {
+  border: 1px solid #C0C2C4;
+  background: #FFF;
+  selection-background-color: #9BBBF7;
+  selection-color: #000;
+}
+
+/*SARibbonComboBox*/
+
+SARibbonComboBox {
+  border: 1px solid #c2d0df;
+  background-color: white;
+}
+
+SARibbonComboBox:hover {
+  border: 1px solid #269bf4;
+  color: #000;
+}
+
+SARibbonComboBox:editable {
+  color: #000;
+  background: white;
+  selection-background-color: #9BBBF7;
+  selection-color: #000;
+}
+
+SARibbonComboBox::drop-down {
+  subcontrol-origin: padding;
+  subcontrol-position: top right;
+  width: 1em;
+  border: none;
+}
+
+SARibbonComboBox::drop-down:hover {
+  border: 1px solid #FDEEB3;
+  background-color: #9ed2f9;
+}
+
+SARibbonComboBox::down-arrow {
+  image: url(:/image/resource/ArrowDown.png);
+}
+
+/*SARibbonSeparatorWidget*/
+
+SARibbonSeparatorWidget {
+  /*background-color: transparent;*/
+  background-color: white;
+}
+
+SARibbonCategoryScrollButton {
+  border: 1px solid #c5d2e0;
+  color: #333;
+  background-color: white;
+}
+
+SARibbonCategoryScrollButton[arrowType="3"] {
+  border-right-width: 1px;
+}
+
+SARibbonCategoryScrollButton[arrowType="4"] {
+  border-left-width: 1px;
+}
+
+SARibbonCategoryScrollButton:hover {
+  color: #000000;
+  background-color: #cee7fc;
+}
+
+
+/*SARibbonSystemToolButton*/
+
+SARibbonSystemToolButton {
+  background-color: transparent; 
+  border:none;
+}
+
+SARibbonSystemToolButton:focus {
+  outline: none;
+}
+/*Min*/
+SARibbonSystemToolButton#SAMinimizeWindowButton {
+  background-position:center;
+  background-repeat: no-repeat;
+  background-image: url(:/image/resource/Titlebar_Min.svg);
+}
+SARibbonSystemToolButton#SAMinimizeWindowButton:hover{
+  background-color: #e5e5e5;
+}
+SARibbonSystemToolButton#SAMinimizeWindowButton:pressed{
+  background-color: #cacacb;
+}
+/*Max*/
+SARibbonSystemToolButton#SAMaximizeWindowButton {
+    background-position:center;
+    background-repeat: no-repeat;
+    background-image: url(:/image/resource/Titlebar_Max.svg);
+}
+SARibbonSystemToolButton#SAMaximizeWindowButton:hover {
+    background-color: #e5e5e5;
+}
+SARibbonSystemToolButton#SAMaximizeWindowButton:checked {
+    background-image: url(:/image/resource/Titlebar_Normal.svg) center;
+}
+
+
+/*Close*/
+SARibbonSystemToolButton#SACloseWindowButton {
+    background-position:center;
+    background-repeat: no-repeat;
+    background-image: url(:/image/resource/Titlebar_Close.svg);
+}
+SARibbonSystemToolButton#SACloseWindowButton:hover {
+  background-color: #e81123;
+}
+SARibbonSystemToolButton#SACloseWindowButton:pressed {
+    background-color: #f1707a;
+}
diff --git a/gui/SARibbon/src/SARibbonBar/resource/theme-office2016-blue.qss b/gui/SARibbon/src/SARibbonBar/resource/theme-office2016-blue.qss
new file mode 100644
index 0000000..8001389
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/theme-office2016-blue.qss
@@ -0,0 +1,491 @@
+/*
+这是模仿office2016的主题模板
+通过替换占位符实现主题的设置
+{Ribbon.BKColor} : ribbon的背景颜色，决定标题栏等位置的颜色
+
+{Category.BKColor} : Category的背景颜色，SARibbonStackedWidget的背景颜色应该和SARibbonCategory的背景颜色一致
+{Category.BorderColor}:Category的边框颜色，默认{Category.BKColor}一致
+
+{CategoryScrollButton.BorderColor}:Category的移动按钮的边框颜色，建议等于{ToolButton.BorderColor:hover}
+{CategoryScrollButton.BKColor}:Category的移动按钮的背景颜色，建议等于{ToolButton.BKColor}
+{CategoryScrollButton.BKColor:hover}:Category的移动按钮hover下的背景颜色，建议等于{ToolButton.BKColor:hover}
+
+{ApplicationButton.BKColor}:建议和{Ribbon.BKColor}一致
+{ApplicationButton.BKColor:hover}:{ApplicationButton.BKColor}hover状态的颜色
+{ApplicationButton.BKColor:pressed}:{ApplicationButton.BKColor}pressed状态的颜色
+
+{Tab.Color} : Tab的文字颜色，建议和{Ribbon.BKColor}颜色的反色，区分度要高
+{Tab.Color:selected}: 选中Tab的文字颜色，建议和{Ribbon.BKColor}一致
+{Tab.BorderColor:selected}:选中Tab的边框颜色，建议和{Tab.Color:selected}一致
+{Tab.BKColor:selected}:选中Tab的背景颜色，建议和{Category.BKColor}一致
+{Tab.BorderColor:hover:!selected}:tab没被选中，但出于hover状态下的边框颜色，建议和{Tab.Color}一致
+{Tab.Color:hover:!selected}:tab没被选中，但出于hover状态下的文字颜色，建议和{Tab.Color}一致
+{Tab.BKColor:hover:!selected}:tab没被选中，但出于hover状态下的背景颜色
+
+{ToolButton.BKColor}:按钮的背景颜色，应该和{Category.BKColor}一致
+{ToolButton.Color}:按钮的文字色
+{ToolButton.Color:pressed}:按钮按下状态的文字色
+{ToolButton.BorderColor:pressed}:按钮按下状态的边框颜色
+{ToolButton.BKColor:pressed}:按钮按下状态的背景颜色
+{ToolButton.Color:checked}:按钮选中状态的文字色
+{ToolButton.BorderColor:checked}:按钮选中状态的边框颜色
+{ToolButton.BKColor:checked}:按钮选中状态的背景颜色
+{ToolButton.Color:hover}:按钮hover状态的文字色
+{ToolButton.BorderColor:hover}:按钮hover状态的边框颜色
+{ToolButton.BKColor:hover}:按钮hover状态的背景颜色
+
+{PannelButtonGroup.BorderColor}:Pannel下的buttongroup的边框颜色，建议和{ToolButton.BorderColor:hover}一致
+
+{ControlButton.BKColor}:工具栏按钮的背景颜色，建议为透明
+{ControlButton.BorderColor}:工具栏按钮的边框颜色，建议为透明
+{ControlButton.BorderColor:pressed}:工具栏按钮按下后的边框颜色
+{ControlButton.BKColor:pressed}:工具栏按钮按下后的背景颜色
+{ControlButton.BorderColor:checked}:工具栏按钮checked状态的背景颜色
+{ControlButton.BKColor:checked}:工具栏按钮checked状态的背景颜色
+{ControlButton.BorderColor:hover}:工具栏按钮hover状态的背景颜色
+{ControlButton.BKColor:hover}:工具栏按钮hover状态的背景颜色
+
+{GalleryButton.BKColor}:GalleryButton按钮的背景颜色，建议为透明
+{GalleryButton.BorderColor}:GalleryButton按钮的边框颜色，建议为透明
+{GalleryButton.BorderColor:hover}:GalleryButton按钮hover状态的背景颜色
+{GalleryButton.BKColor:hover}:GalleryButton按钮hover状态的背景颜色
+{Gallery.BorderColor}:Gallery的边框颜色，建议为{ToolButton.BKColor:hover}
+{Gallery.BKColor}:Gallery的背景颜色，建议为transparent
+{Gallery.Color}:Gallery的文字颜色，建议为{ToolButton.Color}
+{GalleryGroup.BKColor}:GalleryGroup的背景颜色，建议为transparent
+{GalleryGroup.BorderColor}:GalleryGroup的BorderColor，建议为{Gallery.BorderColor}
+{GalleryGroup.BKColor:selected}:GalleryGroup选中的条目的背景颜色建议为{ToolButton.BKColor:selected}
+{GalleryGroup.Color:selected}:GalleryGroup选中的条目的文字颜色建议为{ToolButton.Color}
+
+{Menu.Color}:菜单文字颜色，建议为{ToolButton.Color}
+{Menu.BKColor}:菜单背景颜色，建议为{ToolButton.Color}
+{Menu.BorderColor}:菜单边框颜色，建议为{Menu.BKColor}
+{Menu.BKColor:selected}菜单选中条目的背景颜色，建议为{ToolButton.BKColor:checked}
+{Menu.BKColor:hover}菜单hover条目的背景颜色，建议为 {ToolButton.BKColor:hover}
+
+{OptionButton.BKColor}:pannel下的OptionButton的背景颜色，建议为transparent
+{OptionButton.Color}:pannel下的OptionButton的文字颜色，建议为{ToolButton.Color}
+{OptionButton.BKColor:hover}:pannel下的OptionButton在hover状态下的背景颜色，建议为{ToolButton.BKColor:hover}
+*/
+
+
+
+/*SARibbonBar*/
+SARibbonBar {
+  background-color: #225497;/* {Ribbon.BKColor} */
+  border: solid #707070;
+  color:#b2b2b2;
+}
+
+
+/*SARibbonQuickAccessBar*/
+SARibbonQuickAccessBar {
+  background-color: transparent;
+}
+
+/*SARibbonCtrlContainer*/
+SARibbonCtrlContainer {
+  background-color: transparent;
+}
+
+
+/*
+SARibbonSeparatorWidget
+注意，SARibbonSeparatorWidget的背景颜色是使用color
+如果想给不同的部件下的分割线设置不同风格，可以使用如SARibbonCategory > SARibbonSeparatorWidget的方式，参考theme-dark2.qss
+*/
+SARibbonSeparatorWidget {
+  color: #bec0c2;
+}
+
+/*SARibbonCategory*/
+
+SARibbonCategory {
+  background-color: #f1f1f1;/* {Category.BKColor} */
+}
+SARibbonCategory:focus {
+  outline: none;
+}
+
+/*
+SARibbonCategory下的SARibbonSeparatorWidget
+注意，SARibbonSeparatorWidget的背景颜色是使用color
+*/
+SARibbonCategory > SARibbonSeparatorWidget {
+  color: #bec0c2;
+  margin-top:3px;
+  margin-bottom:3px;
+}
+
+/*SARibbonPannel*/
+
+SARibbonPannel {
+  background-color: #f1f1f1;
+  border: none;
+  color: #666666;
+}
+
+/*SARibbonPannelLabel Pannel下标题栏*/
+
+SARibbonPannelLabel {
+    background-color: transparent;
+    color: #666666;
+}
+
+
+/*SARibbonButtonGroupWidget*/
+SARibbonButtonGroupWidget {
+  background-color: transparent;
+}
+SARibbonPannel > SARibbonButtonGroupWidget {
+  border: 1px solid #c6c6c6;/* {PannelButtonGroup.BorderColor} */
+}
+
+
+/*SARibbonPannelOptionButton*/
+
+SARibbonPannelOptionButton {
+  background-color: transparent;/*{OptionButton.BKColor}*/
+  color: #333;/*{OptionButton.Color}*/
+}
+
+SARibbonPannelOptionButton:hover {
+  background-color: #c5c5c5;/*{OptionButton.BKColor:hover}*/
+  border: 0px;
+}
+
+/*SARibbonCategoryScrollButton*/
+
+SARibbonCategoryScrollButton {
+  border: 1px solid #c5c5c5;/*{CategoryScrollButton.BorderColor}*/
+  background-color: #f1f1f1;/*{CategoryScrollButton.BKColor}*/
+}
+
+SARibbonCategoryScrollButton[arrowType="3"] {
+  border-right-width: 1px;
+}
+
+SARibbonCategoryScrollButton[arrowType="4"] {
+  border-left-width: 1px;
+}
+
+SARibbonCategoryScrollButton:hover {
+  background-color: #c5c5c5;/*{CategoryScrollButton.BKColor:hover}*/
+}
+
+
+/*SARibbonStackedWidget*/
+SARibbonStackedWidget {
+  border: 1pt solid #f1f1f1;/* {Category.BorderColor} */
+  border-top-width: 0px;
+}
+
+SARibbonStackedWidget:focus {
+  outline: none;
+}
+
+/*SARibbonApplicationButton*/
+SARibbonApplicationButton {
+  color: white;
+  border:none;
+  background-color: #225497;/* {ApplicationButton.BKColor} */
+}
+
+SARibbonApplicationButton:hover {
+  background-color: #3e6db5;/* {ApplicationButton.BKColor:hover} */
+}
+
+SARibbonApplicationButton::pressed {
+  background-color: #225497;/* {ApplicationButton.BKColor:hover} */
+}
+
+SARibbonApplicationButton:focus {
+  outline: none;
+}
+
+SARibbonApplicationButton::menu-indicator {
+  /*subcontrol-position: right;*/
+  width:0px;
+}
+
+/*SARibbonTabBar*/
+SARibbonTabBar {
+  background-color: transparent;
+}
+
+
+SARibbonTabBar::tab {
+  color: #d2e4ff;/* {Tab.Color} */
+  border:1px solid transparent;
+  background: transparent;
+  margin-top: 0px;
+  margin-right: 0px;
+  margin-left: 5px;
+  margin-bottom: 0px;
+  min-width: 50px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+SARibbonTabBar::tab:selected {
+  color: #225497;/* {Tab.Color:selected} */
+  background: #f1f1f1;/* {Tab.BKColor:selected} */
+  border:1px solid #f1f1f1;
+}
+
+SARibbonTabBar::tab:hover:!selected {
+  border:1px solid #3e6db6;/* {Tab.BorderColor:hover:!selected} */
+  color:#d2e4ff;/* {Tab.Color:hover:!selected} */
+  background:#3e6db6;/* {Tab.BKColor:hover:!selected} */
+}
+
+
+/*SARibbonToolButton*/
+/* 
+SARibbonToolButton的背景颜色必须和pannel或者category的颜色一致
+不能设置为transparent，否则在ActionMenu模式下，上下区分的按钮无法显示 
+*/
+SARibbonToolButton {
+  border: none;
+  color: #333;/* {ToolButton.Color} */
+  background-color: #f1f1f1;/* {ToolButton.BKColor} */
+}
+
+SARibbonToolButton:pressed {
+  color: #000;/* {ToolButton.Color:pressed} */
+  border: 1px solid #c5c3c6;/* {ToolButton.BorderColor:pressed} */
+  background-color: #c5c3c6;/* {ToolButton.BKColor:pressed} */
+}
+
+SARibbonToolButton:checked {
+  color: #333;/* {ToolButton.Color:checked} */
+  border: 1px solid #c6c6c6;/* {ToolButton.BorderColor:checked} */
+  background-color: #c6c6c6;/* {ToolButton.BKColor:checked} */
+}
+
+SARibbonToolButton:hover {
+  color: #000;/* {ToolButton.Color:hover} */
+  border: 1px solid #c5c5c5;/* {ToolButton.BorderColor:hover} */
+  background-color: #c5c5c5;/* {ToolButton.BKColor:hover} */
+}
+
+/*SARibbonControlToolButton*/
+
+SARibbonControlToolButton {
+  background-color: transparent;/*{ControlToolButton.BKColor}*/
+  color: #d2e4ff;
+  border: 1px solid transparent;
+}
+
+SARibbonControlToolButton:pressed {
+  border: 1px solid #124078;/*{ControlToolButton.BorderColor:pressed}*/
+  background-color: #12427b;/*{ControlToolButton.BKColor:pressed}*/
+}
+
+SARibbonControlToolButton:checked {
+  border: 1px solid #12427b;/*{ControlToolButton.BorderColor:checked}*/
+  background-color: #12427b;/*{ControlToolButton.BKColor:checked}*/
+}
+
+SARibbonControlToolButton:hover {
+  border: 1px solid #3e6db6;/*{ControlToolButton.BorderColor:hover}*/
+  color: white;/* {ControlToolButton.Color:hover} */
+  background-color: #3e6db6;/*{ControlToolButton.BKColor:hover}*/
+}
+
+/*SARibbonControlButton*/
+
+SARibbonControlButton {
+  background-color: transparent;/*{ControlButton.BKColor}*/
+  border: 1px solid transparent;/*{ControlButton.BorderColor}*/
+  color: #333;
+}
+
+SARibbonControlButton:pressed {
+  border: 1px solid #124078;/*{ControlButton.BorderColor:pressed}*/
+  background-color: #124078;/*{ControlButton.BKColor:pressed}*/
+}
+
+SARibbonControlButton:checked {
+  border: 1px solid #12427b;/*{ControlButton.BorderColor:checked}*/
+  background-color: #12427b;/*{ControlButton.BKColor:checked}*/
+}
+
+SARibbonControlButton:hover {
+  border: 1px solid #3e6db6;/*{ControlButton.BorderColor:hover}*/
+  background-color: #3e6db6;/*{ControlButton.BKColor:hover}*/
+}
+
+SARibbonGalleryButton {
+  border: 1px solid #f1f1f1;/*{GalleryButton.BorderColor}*/
+  background-color: #f1f1f1;/*{GalleryButton.BKColor}*/
+}
+SARibbonGalleryButton:hover {
+  border: 1px solid #c5c5c5;/*{GalleryButton.BorderColor:hover}*/
+  background-color: #c5c5c5;/*{GalleryButton.BKColor:hover}*/
+}
+
+
+
+/*SARibbonGallery*/
+
+SARibbonGallery {
+  border: 1px solid #c5c5c5;/*{Gallery.BorderColor}*/
+  background-color: transparent;/*{Gallery.BKColor}*/
+  color: #333;/*{Gallery.Color}*/
+}
+
+/*SARibbonGalleryGroup*/
+
+SARibbonGalleryGroup {
+  show-decoration-selected: 1;
+  background-color: transparent;/*{GalleryGroup.BKColor}*/
+  color: #333;
+  border: 1px solid #c5c5c5;/*{GalleryGroup.BorderColor}*/
+}
+
+SARibbonGalleryGroup::item:selected {
+  background-color: #c5c5c5;/*{GalleryGroup.BKColor:selected}*/
+  color: black;/*{GalleryGroup.Color:selected}*/
+}
+
+SARibbonGalleryGroup::item:hover {
+  border: 1px solid #c5c5c5;
+  background-color: #c5c5c5;
+}
+
+/*RibbonGalleryViewport*/
+
+SARibbonGalleryViewport {
+  background-color: #ffffff;
+}
+
+/*SARibbonMenu*/
+
+SARibbonMenu {
+  color: #333;/*{Menu.Color}*/
+  background-color: #f1f1f1;/*{Menu.BKColor}*/
+  border: 1px solid #FCFCFC;/*{Menu.BorderColor}*/
+}
+
+SARibbonMenu::item {
+  padding: 5px 5px 5px 5px;
+  background-color: transparent;
+}
+
+SARibbonMenu::item:selected {
+  background-color: #c6c6c6;/*{Menu.BKColor:selected}*/
+}
+
+SARibbonMenu::item:hover {
+  color: #000;
+  background-color: #c5c5c5;/*{Menu.BKColor:hover}*/
+  border: 1px solid #c5c5c5;/*{Menu.BorderColor:hover}*/
+}
+
+SARibbonMenu::icon {
+  margin-left: 1px;
+}
+
+
+/*SARibbonLineEdit*/
+
+SARibbonLineEdit {
+  border: 1px solid #C0C2C4;
+  background: #FFF;
+  selection-background-color: #9BBBF7;
+  selection-color: #000;
+}
+
+/*SARibbonComboBox*/
+
+SARibbonComboBox {
+  border: 1px solid #c2d0df;
+  background-color: white;
+}
+
+SARibbonComboBox:hover {
+  border: 1px solid #269bf4;
+  color: #000;
+}
+
+SARibbonComboBox:editable {
+  color: #000;
+  background: white;
+  selection-background-color: #9BBBF7;
+  selection-color: #000;
+}
+
+SARibbonComboBox::drop-down {
+  subcontrol-origin: padding;
+  subcontrol-position: top right;
+  width: 1em;
+  border: none;
+}
+
+SARibbonComboBox::drop-down:hover {
+  border: 1px solid #FDEEB3;
+  background-color: #9ed2f9;
+}
+
+SARibbonComboBox::down-arrow {
+  image: url(:/image/resource/ArrowDown.png);
+}
+
+/*SARibbonSeparatorWidget*/
+
+SARibbonSeparatorWidget {
+  /*background-color: transparent;*/
+  background-color: white;
+}
+
+/*SARibbonSystemToolButton*/
+
+SARibbonSystemToolButton {
+  background-color: transparent;
+  border:none;
+}
+
+SARibbonSystemToolButton:focus {
+  outline: none;
+}
+/* 深色模式的系统按钮设置 */
+/*Min*/
+SARibbonSystemToolButton#SAMinimizeWindowButton {
+  background-position:center;
+  background-repeat: no-repeat;
+  background-image: url(:/image/resource/Titlebar_Min_Hover.svg);
+}
+SARibbonSystemToolButton#SAMinimizeWindowButton:hover{
+  background-color: #b8b8b8;
+}
+SARibbonSystemToolButton#SAMinimizeWindowButton:pressed{
+  background-color: #cacacb;
+}
+/*Max*/
+SARibbonSystemToolButton#SAMaximizeWindowButton {
+    background-position:center;
+    background-repeat: no-repeat;
+    background-image: url(:/image/resource/Titlebar_Max_Hover.svg);
+}
+SARibbonSystemToolButton#SAMaximizeWindowButton:hover {
+    background-color: #b8b8b8;
+}
+SARibbonSystemToolButton#SAMaximizeWindowButton:checked {
+    background-image: url(:/image/resource/Titlebar_Normal_Hover.svg) center;
+}
+
+
+/*Close*/
+SARibbonSystemToolButton#SACloseWindowButton {
+    background-position:center;
+    background-repeat: no-repeat;
+    background-image: url(:/image/resource/Titlebar_Close_Hover.svg);
+}
+SARibbonSystemToolButton#SACloseWindowButton:hover {
+  background-color: #e81123;
+}
+SARibbonSystemToolButton#SACloseWindowButton:pressed {
+    background-color: #f1707a;
+}
+
diff --git a/gui/SARibbon/src/SARibbonBar/resource/theme-office2021-blue.qss b/gui/SARibbon/src/SARibbonBar/resource/theme-office2021-blue.qss
new file mode 100644
index 0000000..68e4794
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/theme-office2021-blue.qss
@@ -0,0 +1,523 @@
+/*
+这是模仿office2016的主题模板
+通过替换占位符实现主题的设置
+{Ribbon.BKColor} : ribbon的背景颜色，决定标题栏等位置的颜色
+
+{Category.BKColor} : Category的背景颜色，SARibbonStackedWidget的背景颜色应该和SARibbonCategory的背景颜色一致
+{Category.BorderColor}:Category的边框颜色，默认{Category.BKColor}一致
+
+{CategoryScrollButton.BorderColor}:Category的移动按钮的边框颜色，建议等于{ToolButton.BorderColor:hover}
+{CategoryScrollButton.BKColor}:Category的移动按钮的背景颜色，建议等于{ToolButton.BKColor}
+{CategoryScrollButton.BKColor:hover}:Category的移动按钮hover下的背景颜色，建议等于{ToolButton.BKColor:hover}
+
+{ApplicationButton.BKColor}:建议和{Ribbon.BKColor}一致
+{ApplicationButton.BKColor:hover}:{ApplicationButton.BKColor}hover状态的颜色
+{ApplicationButton.BKColor:pressed}:{ApplicationButton.BKColor}pressed状态的颜色
+
+{Tab.Color} : Tab的文字颜色，建议和{Ribbon.BKColor}颜色的反色，区分度要高
+{Tab.Color:selected}: 选中Tab的文字颜色，建议和{Ribbon.BKColor}一致
+{Tab.BorderColor:selected}:选中Tab的边框颜色，建议和{Tab.Color:selected}一致
+{Tab.BKColor:selected}:选中Tab的背景颜色，建议和{Category.BKColor}一致
+{Tab.BorderColor:hover:!selected}:tab没被选中，但出于hover状态下的边框颜色，建议和{Tab.Color}一致
+{Tab.Color:hover:!selected}:tab没被选中，但出于hover状态下的文字颜色，建议和{Tab.Color}一致
+
+{ToolButton.BKColor}:按钮的背景颜色，应该和{Category.BKColor}一致
+{ToolButton.Color}:按钮的文字色
+{ToolButton.Color:pressed}:按钮按下状态的文字色
+{ToolButton.BorderColor:pressed}:按钮按下状态的边框颜色
+{ToolButton.BKColor:pressed}:按钮按下状态的背景颜色
+{ToolButton.Color:checked}:按钮选中状态的文字色
+{ToolButton.BorderColor:checked}:按钮选中状态的边框颜色
+{ToolButton.BKColor:checked}:按钮选中状态的背景颜色
+{ToolButton.Color:hover}:按钮hover状态的文字色
+{ToolButton.BorderColor:hover}:按钮hover状态的边框颜色
+{ToolButton.BKColor:hover}:按钮hover状态的背景颜色
+
+{PannelButtonGroup.BorderColor}:Pannel下的buttongroup的边框颜色，建议和{ToolButton.BorderColor:hover}一致
+
+{ControlButton.BKColor}:工具栏按钮的背景颜色，建议为透明
+{ControlButton.BorderColor}:工具栏按钮的边框颜色，建议为透明
+{ControlButton.BorderColor:pressed}:工具栏按钮按下后的边框颜色
+{ControlButton.BKColor:pressed}:工具栏按钮按下后的背景颜色
+{ControlButton.BorderColor:checked}:工具栏按钮checked状态的背景颜色
+{ControlButton.BKColor:checked}:工具栏按钮checked状态的背景颜色
+{ControlButton.BorderColor:hover}:工具栏按钮hover状态的背景颜色
+{ControlButton.BKColor:hover}:工具栏按钮hover状态的背景颜色
+
+{GalleryButton.BKColor}:GalleryButton按钮的背景颜色，建议为透明
+{GalleryButton.BorderColor}:GalleryButton按钮的边框颜色，建议为透明
+{GalleryButton.BorderColor:hover}:GalleryButton按钮hover状态的背景颜色
+{GalleryButton.BKColor:hover}:GalleryButton按钮hover状态的背景颜色
+{Gallery.BorderColor}:Gallery的边框颜色，建议为{ToolButton.BKColor:hover}
+{Gallery.BKColor}:Gallery的背景颜色，建议为transparent
+{Gallery.Color}:Gallery的文字颜色，建议为{ToolButton.Color}
+{GalleryGroup.BKColor}:GalleryGroup的背景颜色，建议为transparent
+{GalleryGroup.BorderColor}:GalleryGroup的BorderColor，建议为{Gallery.BorderColor}
+{GalleryGroup.BKColor:selected}:GalleryGroup选中的条目的背景颜色建议为{ToolButton.BKColor:selected}
+{GalleryGroup.Color:selected}:GalleryGroup选中的条目的文字颜色建议为{ToolButton.Color}
+
+{Menu.Color}:菜单文字颜色，建议为{ToolButton.Color}
+{Menu.BKColor}:菜单背景颜色，建议为{ToolButton.Color}
+{Menu.BorderColor}:菜单边框颜色，建议为{Menu.BKColor}
+{Menu.BKColor:selected}菜单选中条目的背景颜色，建议为{ToolButton.BKColor:checked}
+{Menu.BKColor:hover}菜单hover条目的背景颜色，建议为 {ToolButton.BKColor:hover}
+
+{OptionButton.BKColor}:pannel下的OptionButton的背景颜色，建议为transparent
+{OptionButton.Color}:pannel下的OptionButton的文字颜色，建议为{ToolButton.Color}
+{OptionButton.BKColor:hover}:pannel下的OptionButton在hover状态下的背景颜色，建议为{ToolButton.BKColor:hover}
+*/
+
+
+
+/*SARibbonBar*/
+SARibbonBar {
+  background-color: #e5e3e5;/* {Ribbon.BKColor} */
+  border: solid #e5e3e5;
+  color:#242424;
+}
+
+
+
+
+/*SARibbonQuickAccessBar*/
+SARibbonQuickAccessBar {
+  background-color: transparent;
+}
+
+/*SARibbonCtrlContainer*/
+SARibbonCtrlContainer {
+  background-color: transparent;
+}
+
+/*
+SARibbonSeparatorWidget
+注意，SARibbonSeparatorWidget的背景颜色是使用color
+如果想给不同的部件下的分割线设置不同风格，可以使用如SARibbonCategory > SARibbonSeparatorWidget的方式，参考theme-dark2.qss
+*/
+SARibbonSeparatorWidget {
+  color: #bec0c2;
+}
+
+/*SARibbonCategory*/
+SARibbonCategory:focus {
+  outline: none;
+}
+
+SARibbonCategory {
+  background-color: #ffffff;/* {Category.BKColor} */
+}
+
+/*
+SARibbonCategory下的SARibbonSeparatorWidget
+注意，SARibbonSeparatorWidget的背景颜色是使用color
+*/
+SARibbonCategory > SARibbonSeparatorWidget {
+  color: #bec0c2;
+  margin-top:3px;
+  margin-bottom:3px;
+}
+
+/*SARibbonPannel*/
+
+SARibbonPannel {
+  background-color: #ffffff;
+  border: none;
+  color: #666666;
+}
+
+/*SARibbonButtonGroupWidget*/
+SARibbonButtonGroupWidget {
+  background-color: transparent;
+}
+
+SARibbonPannel > SARibbonButtonGroupWidget {
+  border: 1px solid #606060;/* {PannelButtonGroup.BorderColor} */
+}
+
+/*SARibbonPannelLabel Pannel下标题栏*/
+
+SARibbonPannelLabel {
+    background-color: transparent;
+    color: #666666;
+}
+
+/*SARibbonPannelOptionButton*/
+
+SARibbonPannelOptionButton {
+  background-color: transparent;/*{OptionButton.BKColor}*/
+  color: #333;/*{OptionButton.Color}*/
+}
+
+SARibbonPannelOptionButton:hover {
+  background-color: #c5c5c5;/*{OptionButton.BKColor:hover}*/
+  border: 0px;
+}
+
+
+
+
+/*SARibbonCategoryScrollButton*/
+
+SARibbonCategoryScrollButton {
+  border: 1px solid #c5c5c5;/*{CategoryScrollButton.BorderColor}*/
+  background-color: #f1f1f1;/*{CategoryScrollButton.BKColor}*/
+}
+
+SARibbonCategoryScrollButton[arrowType="3"] {
+  border-right-width: 1px;
+}
+
+SARibbonCategoryScrollButton[arrowType="4"] {
+  border-left-width: 1px;
+}
+
+SARibbonCategoryScrollButton:hover {
+  background-color: #c5c5c5;/*{CategoryScrollButton.BKColor:hover}*/
+}
+
+
+/*SARibbonStackedWidget*/
+SARibbonStackedWidget {
+  border: 1pt solid #ffffff;/* {Category.BorderColor} */
+  border-top-width: 0px;
+}
+
+SARibbonStackedWidget:focus {
+  outline: none;
+}
+
+/*SARibbonApplicationButton*/
+SARibbonApplicationButton {
+  border:none;
+  color: #242424;
+  background-color: transparent;/* {ApplicationButton.BKColor} */
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: -5px;
+  padding-bottom: -5px;
+}
+
+SARibbonApplicationButton:hover {
+  /* 上下等高文字不移动 */
+  border-top:5px solid transparent;
+  border-bottom: 5px solid #d0ced1;
+  border-right:none;
+  border-left:none;
+}
+
+SARibbonApplicationButton:pressed {
+  /* 上下等高文字不移动 */
+  border-top:5px solid transparent;
+  border-bottom: 5px solid #2760a7;
+  border-right:none;
+  border-left:none;
+}
+
+SARibbonApplicationButton:focus {
+  outline: none;
+}
+
+SARibbonApplicationButton::menu-indicator {
+  /*subcontrol-position: right;*/
+  width:0px;
+}
+
+/*SARibbonTabBar*/
+SARibbonTabBar {
+  background-color: transparent;
+}
+
+
+SARibbonTabBar::tab {
+  color: #242424;/* {Tab.Color} */
+  border: none;
+  background: transparent;
+  margin-top: 0px;
+  margin-right: 5px;
+  margin-left: 5px;
+  margin-bottom: 0px;
+  min-width: 50px;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: -4px;
+  padding-bottom: -4px;
+}
+
+SARibbonTabBar::tab:selected {
+  color: #2760a7;/* {Tab.Color:selected} */
+  /*顶部要给一个透明的border高度，否则文字会向上偏移*/
+  border-top:4px solid transparent;
+  border-bottom: 4px solid #2760a7;
+}
+
+SARibbonTabBar::tab:hover:!selected {
+  /*顶部要给一个透明的border高度，否则文字会向上偏移*/
+  border-top:4px solid transparent;
+  border-bottom: 4px solid #d0ced1;
+  color: #242424;/* {Tab.Color:hover:!selected} */
+}
+
+
+/*SARibbonToolButton*/
+/* 
+SARibbonToolButton的背景颜色必须和pannel或者category的颜色一致
+不能设置为transparent，否则在ActionMenu模式下，上下区分的按钮无法显示 
+*/
+SARibbonToolButton {
+  border-radius:4px;
+  border: 1px solid #ffffff;
+  color: #242424;/* {ToolButton.Color} */
+  background-color: #ffffff;/* {ToolButton.BKColor} */
+}
+
+SARibbonToolButton:pressed {
+  border-radius:4px;
+  border: 1px solid #ffffff;
+  color: #000;/* {ToolButton.Color:pressed} */
+  background-color: #e1e1e1;/* {ToolButton.BKColor:pressed} */
+}
+
+SARibbonToolButton:hover {
+  border-radius:4px;
+  border: 1px solid #ffffff;
+  color: #e1e1e1;/* {ToolButton.Color:hover} */
+  background-color: #f5f6f6;/* {ToolButton.BKColor:hover} */
+}
+
+SARibbonToolButton:checked {
+  border: 1px solid #5f5f5f;/* {ToolButton.BorderColor:checked} */
+  border-radius:4px;
+  color: #242424;/* {ToolButton.Color:checked} */
+  background-color: #ebebeb;/* {ToolButton.BKColor:checked} */
+}
+
+SARibbonToolButton:checked:hover {
+  border: 1px solid #5f5f5f;/* {ToolButton.BorderColor:checked} */
+  border-radius:4px;
+  color: #242424;/* {ToolButton.Color:checked} */
+  background-color: #e1e1e1;/* {ToolButton.BKColor:checked} */
+}
+
+/*SARibbonControlToolButton*/
+
+SARibbonControlToolButton {
+  background-color: #e5e3e5;/*{ControlButton.BKColor}*/
+  color: #333;
+  border: 1px solid #e5e3e5;
+}
+
+SARibbonControlToolButton:pressed {
+  border: 1px solid transparent;/*{ControlButton.BorderColor:pressed}*/
+  background-color: #f0f0f0;/*{ControlButton.BKColor:pressed}*/
+}
+
+SARibbonControlToolButton:checked {
+  border: 1px solid #5f5f5f;/*{ControlButton.BorderColor:checked}*/
+  border-radius:4px;
+  background-color: #ebebeb;/*{ControlButton.BKColor:checked}*/
+}
+
+SARibbonControlToolButton:hover {
+  border: 1px solid #d5d3d5;/*{ControlButton.BorderColor:hover}*/
+  color: #e1e1e1;/* {ToolButton.Color:hover} */
+  background-color: #f5f6f6;/*{ControlButton.BKColor:hover}*/
+}
+
+/*SARibbonControlButton*/
+
+SARibbonControlButton {
+  background-color: transparent;/*{ControlButton.BKColor}*/
+  border: 1px solid transparent;/*{ControlButton.BorderColor}*/
+  color: #333;
+}
+
+SARibbonControlButton:pressed {
+  border: 1px solid transparent;/*{ControlButton.BorderColor:pressed}*/
+  background-color: #e1e1e1;/*{ControlButton.BKColor:pressed}*/
+}
+
+SARibbonControlButton:checked {
+  border: 1px solid #5f5f5f;/*{ControlButton.BorderColor:checked}*/
+  border-radius:4px;
+  background-color: #ebebeb;/*{ControlButton.BKColor:checked}*/
+}
+
+SARibbonControlButton:hover {
+  border: 1px solid transparent;/*{ControlButton.BorderColor:hover}*/
+  background-color: #f5f6f6;/*{ControlButton.BKColor:hover}*/
+}
+
+SARibbonGalleryButton {
+  border: 1px solid #f1f1f1;/*{GalleryButton.BorderColor}*/
+  background-color: #f1f1f1;/*{GalleryButton.BKColor}*/
+}
+SARibbonGalleryButton:hover {
+  border: 1px solid #c5c5c5;/*{GalleryButton.BorderColor:hover}*/
+  background-color: #c5c5c5;/*{GalleryButton.BKColor:hover}*/
+}
+
+
+
+/*SARibbonGallery*/
+
+SARibbonGallery {
+  border: 1px solid #c5c5c5;/*{Gallery.BorderColor}*/
+  background-color: transparent;/*{Gallery.BKColor}*/
+  color: #333;/*{Gallery.Color}*/
+}
+
+/*SARibbonGalleryGroup*/
+
+SARibbonGalleryGroup {
+  show-decoration-selected: 1;
+  background-color: transparent;/*{GalleryGroup.BKColor}*/
+  color: #333;
+  border: 1px solid #c5c5c5;/*{GalleryGroup.BorderColor}*/
+}
+
+SARibbonGalleryGroup::item:selected {
+  background-color: #c5c5c5;/*{GalleryGroup.BKColor:selected}*/
+  color: black;/*{GalleryGroup.Color:selected}*/
+}
+
+SARibbonGalleryGroup::item:hover {
+  border: 1px solid #c5c5c5;
+  background-color: #c5c5c5;
+}
+
+/*RibbonGalleryViewport*/
+
+SARibbonGalleryViewport {
+  background-color: #ffffff;
+}
+
+/*SARibbonMenu*/
+
+SARibbonMenu {
+  color: #333;/*{Menu.Color}*/
+  background-color: #f1f1f1;/*{Menu.BKColor}*/
+  border: 1px solid #FCFCFC;/*{Menu.BorderColor}*/
+}
+
+SARibbonMenu::item {
+  padding: 5px 5px 5px 5px;
+  background-color: transparent;
+}
+
+SARibbonMenu::item:selected {
+  background-color: #c6c6c6;/*{Menu.BKColor:selected}*/
+}
+
+SARibbonMenu::item:hover {
+  color: #000;
+  background-color: #c5c5c5;/*{Menu.BKColor:hover}*/
+  border: 1px solid #c5c5c5;/*{Menu.BorderColor:hover}*/
+}
+
+SARibbonMenu::icon {
+  margin-left: 1px;
+}
+
+
+/*SARibbonLineEdit*/
+
+SARibbonLineEdit {
+  border: 1px solid #C0C2C4;
+  background: #FFF;
+  selection-background-color: #9BBBF7;
+  selection-color: #000;
+}
+
+/*SARibbonComboBox*/
+
+SARibbonComboBox {
+  border: 1px solid #c2d0df;
+  background-color: white;
+}
+
+SARibbonComboBox:hover {
+  border: 1px solid #269bf4;
+  color: #000;
+}
+
+SARibbonComboBox:editable {
+  color: #000;
+  background: white;
+  selection-background-color: #9BBBF7;
+  selection-color: #000;
+}
+
+SARibbonComboBox::drop-down {
+  subcontrol-origin: padding;
+  subcontrol-position: top right;
+  width: 1em;
+  border: none;
+}
+
+SARibbonComboBox::drop-down:hover {
+  border: 1px solid #FDEEB3;
+  background-color: #9ed2f9;
+}
+
+SARibbonComboBox::down-arrow {
+  image: url(:/image/resource/ArrowDown.png);
+}
+
+/*SARibbonSeparatorWidget*/
+
+SARibbonSeparatorWidget {
+  /*background-color: transparent;*/
+  background-color: white;
+}
+
+/*SARibbonSystemToolButton*/
+
+SARibbonSystemToolButton {
+  background-color: transparent;
+  border:none;
+}
+
+SARibbonSystemToolButton:focus {
+  outline: none;
+}
+/*Min*/
+SARibbonSystemToolButton#SAMinimizeWindowButton {
+  background-position:center;
+  background-repeat: no-repeat;
+  background-image: url(:/image/resource/Titlebar_Min.svg);
+}
+
+SARibbonSystemToolButton#SAMinimizeWindowButton:hover{
+  background-color: #f5f6f6;
+}
+SARibbonSystemToolButton#SAMinimizeWindowButton:pressed{
+  background-color: #cacacb;
+
+}
+/*Max*/
+SARibbonSystemToolButton#SAMaximizeWindowButton {
+    background-position:center;
+    background-repeat: no-repeat;
+    background-image: url(:/image/resource/Titlebar_Max.svg);
+}
+SARibbonSystemToolButton#SAMaximizeWindowButton:hover {
+    background-color: #f5f6f6;
+}
+SARibbonSystemToolButton#SAMaximizeWindowButton:checked {
+    background-image: url(:/image/resource/Titlebar_Normal.svg) center;
+}
+
+
+/*Close*/
+SARibbonSystemToolButton#SACloseWindowButton {
+    background-position:center;
+    background-repeat: no-repeat;
+    background-image: url(:/image/resource/Titlebar_Close.svg);
+}
+SARibbonSystemToolButton#SACloseWindowButton:hover {
+  background-color: #e81123;
+}
+SARibbonSystemToolButton#SACloseWindowButton:pressed {
+    background-color: #f1707a;
+}
+
diff --git a/gui/SARibbon/src/SARibbonBar/resource/theme-win7.qss b/gui/SARibbon/src/SARibbonBar/resource/theme-win7.qss
new file mode 100644
index 0000000..a0210fa
--- /dev/null
+++ b/gui/SARibbon/src/SARibbonBar/resource/theme-win7.qss
@@ -0,0 +1,393 @@
+/* 
+start ribbon set
+win7 style theme
+*/
+
+/*SARibbonBar*/
+
+SARibbonBar{
+  background-color: #E3E6E8;
+  border: solid #707070;
+}
+
+
+
+/*SARibbonQuickAccessBar*/
+SARibbonQuickAccessBar{
+    background-color: #FF0000;
+}
+
+
+/*SARibbonCtrlContainer*/
+SARibbonCtrlContainer{
+    background-color: transparent;
+}
+
+/*
+SARibbonSeparatorWidget
+注意，SARibbonSeparatorWidget的背景颜色是使用color
+如果想给不同的部件下的分割线设置不同风格，可以使用如SARibbonCategory > SARibbonSeparatorWidget的方式，参考theme-dark2.qss
+*/
+SARibbonSeparatorWidget {
+  color: #bec0c2;
+}
+
+/*SARibbonCategory*/
+SARibbonCategory:focus{
+  outline: none;
+}
+SARibbonCategory{
+  background-color: white;
+}
+
+/*
+SARibbonCategory下的SARibbonSeparatorWidget
+注意，SARibbonSeparatorWidget的背景颜色是使用color
+*/
+SARibbonCategory > SARibbonSeparatorWidget {
+  color: #bec0c2;
+  margin-top:3px;
+  margin-bottom:3px;
+}
+
+/*SARibbonPannel*/
+SARibbonPannel {
+  background-color: transparent;
+  border: none;
+  color: #444444;
+}
+
+/*SARibbonPannelLabel Pannel下标题栏*/
+
+SARibbonPannelLabel {
+    background-color: transparent;
+    color: #666666;
+}
+
+
+/*SARibbonPannelOptionButton*/
+SARibbonPannelOptionButton {
+  border: none;
+  background-color: transparent;
+  color:#444444;
+}
+
+SARibbonPannelOptionButton:hover {
+  background-color: #FDEEB3;
+}
+
+
+/*SARibbonButtonGroupWidget*/
+SARibbonButtonGroupWidget{
+  background-color: transparent;
+}
+
+SARibbonPannel > SARibbonButtonGroupWidget {
+  border: 1px solid #888888;
+  background-color: transparent;
+}
+
+
+/*SARibbonStackedWidget*/
+
+SARibbonStackedWidget:focus{
+  outline: none;
+}
+
+/*SARibbonApplicationButton*/
+SARibbonApplicationButton{
+  color:white;
+  border: 1px solid #416ABD;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1,stop:0 #467FBD, stop:0.5 #2A5FAC,stop:0.51 #1A4088,
+stop:1 #419ACF);
+}
+
+SARibbonApplicationButton:hover{
+  background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1,stop:0 #7BB2EB, stop:0.5 #477ECD,stop:0.51 #114ECF,
+stop:1 #80E1FF);
+}
+
+SARibbonApplicationButton:pressed{
+  background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1,stop:0 #467BBB, stop:0.5 #2F63AE,stop:0.51 #1C438A,
+stop:1 #358BC9);
+}
+
+SARibbonApplicationButton:focus{
+  outline: none;
+}
+
+SARibbonApplicationButton::menu-indicator {
+  /*subcontrol-position: right;*/
+  width:0px;
+}
+
+/*SARibbonTabBar*/
+SARibbonTabBar{
+    background-color: transparent;
+}
+
+SARibbonTabBar::tab {
+    color:#444444;
+    border:1px solid transparent;/*加上边框，否则选中后加入边框后会有1px的偏移*/
+    background: transparent;
+    margin-top: 0px;
+    margin-right: 0px;
+    margin-left: 5px;
+    margin-bottom: 0px;
+    min-width: 50px;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+SARibbonTabBar::tab:selected, SARibbonTabBar::tab:hover {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+SARibbonTabBar::tab:selected{
+    color:#000000;
+    border: 1px solid #BAC9DB;
+    background: white;
+    border-bottom-color: #FFFFFF;
+}
+
+SARibbonTabBar::tab:hover:!selected{
+    border: 1px solid #ECBC3D;
+    color: #000000;
+}
+
+
+/*SARibbonCheckBox*/
+SARibbonCheckBox{
+  color:#444444;
+  background-color:transparent;
+}
+
+/*SARibbonLineEdit*/
+SARibbonLineEdit {
+    color:#444444;
+    border: 1px solid #C0C2C4;
+    background: #FFF;
+    selection-background-color: #9BBBF7;
+    selection-color: #000;
+}
+
+/*SARibbonToolButton*/
+SARibbonToolButton{
+    border:none;
+    color:#444444;
+    background-color:white;
+}
+SARibbonToolButton:focus {
+  border: 1px solid #FCBF21;
+  color: #333;
+  background-color: #FCD364;
+}
+SARibbonToolButton:pressed{
+    color:#444444;
+    background-color: #FDEEB3;
+}
+SARibbonToolButton:checked{
+    color:#444444;
+    background-color: #FDEEB3;
+}
+SARibbonToolButton:hover {
+    color:#000000;
+    background-color: #FDEEB3;
+}
+
+/*SARibbonControlToolButton*/
+
+SARibbonControlToolButton {
+  background-color: transparent;/*{ControlToolButton.BKColor}*/
+  color: #444444;
+  border: none;
+}
+
+SARibbonControlToolButton:pressed {
+  background-color: #FDEEB3;/*{ControlToolButton.BKColor:pressed}*/
+}
+
+SARibbonControlToolButton:checked {
+  border: 1px solid #face54;/*{ControlToolButton.BorderColor:checked}*/
+  background-color: #FDEEB3;/*{ControlToolButton.BKColor:checked}*/
+}
+
+SARibbonControlToolButton:hover {
+  background-color: #FDEEB3;/*{ControlToolButton.BKColor:hover}*/
+}
+
+/*SARibbonControlButton*/
+SARibbonControlButton{
+  background-color:transparent;
+  border: none;
+  color:#444444;
+}
+SARibbonControlButton:pressed{
+  background-color: #FDEEB3;
+}
+SARibbonControlButton:checked{
+  border: 1px solid #face54;
+  background-color: #FDEEB3;
+}
+SARibbonControlButton:hover {
+  background-color: #FDEEB3;
+ }
+SARibbonGalleryButton{
+  border: 1px solid #C0C2C4;
+}
+
+
+
+
+/*SARibbonMenu*/
+SARibbonMenu {
+  color:#444444;
+  background-color: #FCFCFC;
+  border: 1px solid #8492A6;
+}
+SARibbonMenu::item {
+  padding: 5px;
+  background-color: transparent;
+}
+SARibbonMenu::item:selected {
+  background-color: #FDEEB3;
+}
+SARibbonMenu::item:hover {
+    color:#000;
+    border: 1px solid #FDEEB3;
+}
+SARibbonMenu::icon{
+  margin-left: 1px;
+}
+
+
+
+/*SARibbonGallery*/
+SARibbonGallery {
+  background-color: transparent;
+  color: #444444;
+}
+
+/*SARibbonGalleryGroup*/
+SARibbonGalleryGroup {
+  show-decoration-selected: 1;
+  background-color: transparent;
+  color: #444444;
+  border: 1px solid #C0C2C4;
+}
+SARibbonGalleryGroup::item:selected {
+  background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1,stop:0 #FDEEB3, stop:0.1282 #FDE38A,stop:0.8333
+#FCE58C, stop:1 #FDFDEB);
+  color: #444444;
+}
+SARibbonGalleryGroup::item:hover {
+  border: 1px solid #FDEEB3;
+}
+
+/*RibbonGalleryViewport*/
+
+RibbonGalleryViewport {
+  background-color: white;
+}
+
+/*SARibbonComboBox*/
+SARibbonComboBox {
+  border: 1px solid #C0C2C4;
+  background-color: white;
+}
+
+SARibbonComboBox:hover{
+  border: 1px solid #FDEEB3;
+  color : #444444;
+}
+
+SARibbonComboBox:editable {
+  color : #444444;
+  background: white;
+  selection-background-color: #9BBBF7;
+  selection-color: #000;
+}
+
+SARibbonComboBox::drop-down {
+  subcontrol-origin: padding;
+  subcontrol-position: top right;
+  width: 1em;
+  border: none;
+}
+
+SARibbonComboBox::drop-down:hover {
+  border: none;
+  background-color: #FDEEB3;
+}
+SARibbonComboBox::down-arrow {
+  image: url(:/image/resource/ArrowDown.png);
+}
+
+
+
+SARibbonCategoryScrollButton {
+  border: 1px solid #c5d2e0;
+  color: #444444;
+  background-color: white;
+}
+
+SARibbonCategoryScrollButton[arrowType="3"] {
+  border-right-width: 1px;
+}
+
+SARibbonCategoryScrollButton[arrowType="4"] {
+  border-left-width: 1px;
+}
+
+/*SARibbonSystemToolButton*/
+
+SARibbonSystemToolButton {
+  background-color: transparent;
+  border:none;
+}
+
+SARibbonSystemToolButton:focus {
+  outline: none;
+}
+/*Min*/
+SARibbonSystemToolButton#SAMinimizeWindowButton {
+  background-position:center;
+  background-repeat: no-repeat;
+  background-image: url(:/image/resource/Titlebar_Min.svg);
+}
+SARibbonSystemToolButton#SAMinimizeWindowButton:hover{
+  background-color: #f5f6f6;
+}
+SARibbonSystemToolButton#SAMinimizeWindowButton:pressed{
+  background-color: #cacacb;
+}
+/*Max*/
+SARibbonSystemToolButton#SAMaximizeWindowButton {
+    background-position:center;
+    background-repeat: no-repeat;
+    background-image: url(:/image/resource/Titlebar_Max.svg);
+}
+SARibbonSystemToolButton#SAMaximizeWindowButton:hover {
+    background-color: #f5f6f6;
+}
+SARibbonSystemToolButton#SAMaximizeWindowButton:checked {
+    background-image: url(:/image/resource/Titlebar_Normal.svg) center;
+}
+
+
+/*Close*/
+SARibbonSystemToolButton#SACloseWindowButton {
+    background-position:center;
+    background-repeat: no-repeat;
+    background-image: url(:/image/resource/Titlebar_Close.svg);
+}
+SARibbonSystemToolButton#SACloseWindowButton:hover {
+  background-color: #e81123;
+}
+SARibbonSystemToolButton#SACloseWindowButton:pressed {
+    background-color: #f1707a;
+}
+
diff --git a/gui/SARibbon/submodule.md b/gui/SARibbon/submodule.md
new file mode 100644
index 0000000..ac0c8c1
--- /dev/null
+++ b/gui/SARibbon/submodule.md
@@ -0,0 +1,32 @@
+# submodule
+
+本项目的第三方库使用submodule进行管理
+
+## submdule的拉取
+
+首次拉取项目之后，需要执行：
+
+```shell
+git submodule update --init --recursive
+```
+
+对所有的submodule进行拉取
+
+## submodule的添加
+
+目前添加的submodule有如下：
+
+```shell
+git submodule add https://github.com/stdware/qwindowkit ./src/SARibbonBar/3rdparty/qwindowkit
+```
+
+
+## submodule的更新
+
+如果submodule更新了，使用`git submodule update --remote {submodule}`进行更新，如：
+
+```shell
+git submodule update --remote src/SARibbonBar/3rdparty/qwindowkit
+```
+
+关于如何编译，请看readme文档
\ No newline at end of file
diff --git a/gui/SARibbon/tools/Amalgamate.md b/gui/SARibbon/tools/Amalgamate.md
new file mode 100644
index 0000000..a817fd6
--- /dev/null
+++ b/gui/SARibbon/tools/Amalgamate.md
@@ -0,0 +1,107 @@
+# amalgamate（把工程整合为一个h+一个cpp）
+
+amalgamate工具可以把一个工程所有的cpp文件合并为一个超大的cpp文件，把所有h文件合并为一个头文件，这样整个工程只有1个h文件和1个cpp文件，直接引入工程即可使用，对于那种无需编译为库的情况非常方便
+
+SARibbon借助[https://github.com/vinniefalco/Amalgamate.git](https://github.com/vinniefalco/Amalgamate.git) 这个工具，实现工程文件的合并
+
+使用说明：
+
+```
+NAME
+
+   amalgamate - produce an amalgamation of C/C++ source files.
+
+  SYNOPSIS
+
+   amalgamate [-s]
+     [-w {wildcards}]
+     [-f {file|macro}]...
+     [-p {file|macro}]...
+     [-d {name}={file}]...
+     [-i {dir}]...
+     {inputFile} {outputFile}
+
+  DESCRIPTION
+
+   Produces an amalgamation of {inputFile} by replacing #include statements with
+   the contents of the file they refer to. This replacement will only occur if
+   the file was located in the same directory, or one of the additional include
+   paths added with the -i option.
+
+   Files included in angle brackets (system includes) are only inlined if the
+   -s option is specified.
+
+   If an #include line contains a macro instead of a string literal, the list
+   of definitions provided through the -d option is consulted to convert the
+   macro into a string.
+
+   A file will only be inlined once, with subsequent #include lines for the same
+   file silently ignored, unless the -f option is specified for the file.
+
+  OPTIONS
+
+    -s                Process #include lines containing angle brackets (i.e.
+                      system includes). Normally these are not inlined.
+
+    -w {wildcards}    Specify a comma separated list of file name patterns to
+                      match when deciding to inline (assuming the file can be
+                      located). The default setting is "*.cpp;*.c;*.h;*.mm;*.m".
+
+    -f {file|macro}   Force reinclusion of the specified file or macro on
+                      all appearances in #include lines.
+
+    -p {file|macro}   Prevent reinclusion of the specified file or macro on
+                      subsequent appearances in #include lines.
+
+    -d {name}={file}  Use {file} for macro {name} if it appears in an #include
+                      line.
+
+    -i {dir}          Additionally look in the specified directory for files when
+                      processing #include lines.
+
+    -v                Verbose output mode
+```
+
+# 编译amalgamate
+
+从[https://github.com/vinniefalco/Amalgamate.git](https://github.com/vinniefalco/Amalgamate.git)把工程克隆下来，直接用vs进行编译即可，编译完会生成`Amalgamate.exe`
+
+# 定义合并模板
+
+合并需要定义模板，模板有h和cpp两个，合并模板的定义需要简单说一下，理论上只要h和cpp两个模板，但实际定义了4个文件
+
+SARibbon项目定义的头文件合并模板位于：[SARibbonAmalgamTemplate.h](./amalgamate/SARibbonAmalgamTemplate.h)
+
+模板里面要把所有的头文件都包含，合并的过程中会逐个查找头文件并把它合并到一个头文件中
+
+头文件相对简单，cpp文件的合并比较复杂，cpp文件也包含头文件，如果不做特殊处理，会把cpp文件的头文件也合并进来，这样得到的cpp文件并不是我们想要的，因此amalgamate提供了`@remap`标记，被这个标记过的头文件，相当于加入了一个忽略库中，不会在合并cpp文件过程中重复查找
+
+因此SARibbon项目的合并cpp模板[SARibbonAmalgamTemplate.cpp](./amalgamate/SARibbonAmalgamTemplate.cpp)有如下一句话
+
+```
+/*@remap "SARibbonAmalgamTemplatePublicHeaders.h" "SARibbon.h" */
+#include "SARibbonAmalgamTemplateHeaderGlue.h"
+```
+
+这句话代表`SARibbonAmalgamTemplatePublicHeaders.h`里面的内容已经加入了`SARibbon.h`里面了，在合并cpp文件遇到include这里面的内容不用理会
+
+为此，头文件模板并不是把所有相关的头文件列举，而是
+
+```cpp
+#include "SARibbonAmalgamTemplatePublicHeaders.h"
+```
+
+`SARibbonAmalgamTemplatePublicHeaders.h`这里定义了所有的SARibbon的头文件
+
+另外还有一个关键的头文件是`SARibbonAmalgamTemplateHeaderGlue.h`,这个头文件只有如下两行：
+
+```cpp
+// This file provides an extra level of indirection for the @remap in the template
+#include "SARibbonAmalgamTemplatePublicHeaders.h"
+```
+
+目的就是为了给cpp文件的`@remap`标记用
+
+# 把SARibbon项目合并为一个h文件和一个cpp文件
+
+windows下直接运行`Amalgamate.sh`即可
\ No newline at end of file
diff --git a/gui/SARibbon/tools/Amalgamate.sh b/gui/SARibbon/tools/Amalgamate.sh
new file mode 100644
index 0000000..750c34d
--- /dev/null
+++ b/gui/SARibbon/tools/Amalgamate.sh
@@ -0,0 +1,10 @@
+#!/bin/bash
+
+DEST=../src
+OPTS='-i "../src/SARibbonBar" -i "../src/SARibbonBar/colorWidgets" -w "*.cpp;*.h;*.hpp" -s'
+./Amalgamate.exe $OPTS ./amalgamate/SARibbonAmalgamTemplate.h $DEST/SARibbon.h
+./Amalgamate.exe $OPTS ./amalgamate/SARibbonAmalgamTemplate.cpp $DEST/SARibbon.cpp
+#  ʹ��read����ﵽ����bat�е�pause����Ч��
+echo �����������
+read -n 1
+echo ��������
\ No newline at end of file
diff --git a/gui/SARibbon/tools/amalgamate/SARibbonAmalgamTemplate.cpp b/gui/SARibbon/tools/amalgamate/SARibbonAmalgamTemplate.cpp
new file mode 100644
index 0000000..2fd29b1
--- /dev/null
+++ b/gui/SARibbon/tools/amalgamate/SARibbonAmalgamTemplate.cpp
@@ -0,0 +1,69 @@
+//定义此宏，将SA_RIBBON_EXPORT定义为空
+#ifndef SA_RIBBON_BAR_NO_EXPORT
+#define SA_RIBBON_BAR_NO_EXPORT
+#endif
+//定义此宏，将SA_COLOR_WIDGETS_API定义为空
+#ifndef SA_COLOR_WIDGETS_NO_DLL
+#define SA_COLOR_WIDGETS_NO_DLL
+#endif
+
+/*@remap "SARibbonAmalgamTemplatePublicHeaders.h" "SARibbon.h" */
+#include "SARibbonAmalgamTemplateHeaderGlue.h"
+
+// disable warnings about unsafe standard library calls
+#ifdef _MSC_VER
+#pragma push_macro ("_CRT_SECURE_NO_WARNINGS")
+#ifndef _CRT_SECURE_NO_WARNINGS
+#define _CRT_SECURE_NO_WARNINGS
+#endif
+#pragma warning (push)
+#pragma warning (disable: 4996) // deprecated POSIX names
+#endif
+
+#include "../../src/SARibbonBar/colorWidgets/SAColorMenu.cpp"
+#include "../../src/SARibbonBar/colorWidgets/SAColorGridWidget.cpp"
+#include "../../src/SARibbonBar/colorWidgets/SAColorPaletteGridWidget.cpp"
+#include "../../src/SARibbonBar/colorWidgets/SAColorToolButton.cpp"
+//sa ribbon
+#include "../../src/SARibbonBar/SAFramelessHelper.cpp"
+#include "../../src/SARibbonBar/SARibbonApplicationButton.cpp"
+#include "../../src/SARibbonBar/SARibbonSystemButtonBar.cpp"
+#include "../../src/SARibbonBar/SARibbonToolButton.cpp"
+#include "../../src/SARibbonBar/SARibbonColorToolButton.cpp"
+#include "../../src/SARibbonBar/SARibbonLineWidgetContainer.cpp"
+#include "../../src/SARibbonBar/SARibbonActionsManager.cpp"
+#include "../../src/SARibbonBar/SARibbonLineEdit.cpp"
+#include "../../src/SARibbonBar/SARibbonCheckBox.cpp"
+#include "../../src/SARibbonBar/SARibbonComboBox.cpp"
+#include "../../src/SARibbonBar/SARibbonButtonGroupWidget.cpp"
+#include "../../src/SARibbonBar/SARibbonStackedWidget.cpp"
+#include "../../src/SARibbonBar/SARibbonSeparatorWidget.cpp"
+#include "../../src/SARibbonBar/SARibbonCtrlContainer.cpp"
+#include "../../src/SARibbonBar/SARibbonQuickAccessBar.cpp"
+#include "../../src/SARibbonBar/SARibbonTabBar.cpp"
+#include "../../src/SARibbonBar/SARibbonControlButton.cpp"
+#include "../../src/SARibbonBar/SARibbonMenu.cpp"
+
+#include "../../src/SARibbonBar/SARibbonPannelOptionButton.cpp"
+#include "../../src/SARibbonBar/SARibbonPannelItem.cpp"
+#include "../../src/SARibbonBar/SARibbonPannelLayout.cpp"
+#include "../../src/SARibbonBar/SARibbonPannel.cpp"
+#include "../../src/SARibbonBar/SARibbonCategory.cpp"
+#include "../../src/SARibbonBar/SARibbonCategoryLayout.cpp"
+#include "../../src/SARibbonBar/SARibbonContextCategory.cpp"
+#include "../../src/SARibbonBar/SARibbonGalleryItem.cpp"
+#include "../../src/SARibbonBar/SARibbonGalleryGroup.cpp"
+#include "../../src/SARibbonBar/SARibbonGallery.cpp"
+#include "../../src/SARibbonBar/SARibbonBar.cpp"
+#include "../../src/SARibbonBar/SARibbonElementFactory.cpp"
+#include "../../src/SARibbonBar/SARibbonElementManager.cpp"
+#include "../../src/SARibbonBar/SARibbonCustomizeData.cpp"
+#include "../../src/SARibbonBar/SARibbonCustomizeWidget.cpp"
+#include "../../src/SARibbonBar/SARibbonCustomizeDialog.cpp"
+#include "../../src/SARibbonBar/SARibbonMainWindow.cpp"
+#include "../../src/SARibbonBar/SARibbonWidget.cpp"
+#ifdef _MSC_VER
+#pragma warning (pop)
+#pragma pop_macro ("_CRT_SECURE_NO_WARNINGS")
+#endif
+
diff --git a/gui/SARibbon/tools/amalgamate/SARibbonAmalgamTemplate.h b/gui/SARibbon/tools/amalgamate/SARibbonAmalgamTemplate.h
new file mode 100644
index 0000000..ede4992
--- /dev/null
+++ b/gui/SARibbon/tools/amalgamate/SARibbonAmalgamTemplate.h
@@ -0,0 +1,14 @@
+#ifndef SA_RIBBON_H
+#define SA_RIBBON_H
+//定义此宏，将SA_RIBBON_EXPORT定义为空
+#ifndef SA_RIBBON_BAR_NO_EXPORT
+#define SA_RIBBON_BAR_NO_EXPORT
+#endif
+//定义此宏，将SA_COLOR_WIDGETS_API定义为空
+#ifndef SA_COLOR_WIDGETS_NO_DLL
+#define SA_COLOR_WIDGETS_NO_DLL
+#endif
+
+#include "SARibbonAmalgamTemplatePublicHeaders.h"
+
+#endif
\ No newline at end of file
diff --git a/gui/SARibbon/tools/amalgamate/SARibbonAmalgamTemplateHeaderGlue.h b/gui/SARibbon/tools/amalgamate/SARibbonAmalgamTemplateHeaderGlue.h
new file mode 100644
index 0000000..5b85ad3
--- /dev/null
+++ b/gui/SARibbon/tools/amalgamate/SARibbonAmalgamTemplateHeaderGlue.h
@@ -0,0 +1,2 @@
+// This file provides an extra level of indirection for the @remap in the template
+#include "SARibbonAmalgamTemplatePublicHeaders.h"
diff --git a/gui/SARibbon/tools/amalgamate/SARibbonAmalgamTemplatePublicHeaders.h b/gui/SARibbon/tools/amalgamate/SARibbonAmalgamTemplatePublicHeaders.h
new file mode 100644
index 0000000..6736075
--- /dev/null
+++ b/gui/SARibbon/tools/amalgamate/SARibbonAmalgamTemplatePublicHeaders.h
@@ -0,0 +1,47 @@
+//Global
+#include "../../src/SARibbonBar/colorWidgets/SAColorWidgetsGlobal.h"
+#include "../../src/SARibbonBar/SARibbonBarVersionInfo.h"
+#include "../../src/SARibbonBar/SARibbonGlobal.h"
+//color widget
+#include "../../src/SARibbonBar/colorWidgets/SAColorMenu.h"
+#include "../../src/SARibbonBar/colorWidgets/SAColorGridWidget.h"
+#include "../../src/SARibbonBar/colorWidgets/SAColorPaletteGridWidget.h"
+#include "../../src/SARibbonBar/colorWidgets/SAColorToolButton.h"
+//sa ribbon
+#include "../../src/SARibbonBar/SAFramelessHelper.h"
+#include "../../src/SARibbonBar/SARibbonApplicationButton.h"
+#include "../../src/SARibbonBar/SARibbonSystemButtonBar.h"
+#include "../../src/SARibbonBar/SARibbonToolButton.h"
+#include "../../src/SARibbonBar/SARibbonColorToolButton.h"
+#include "../../src/SARibbonBar/SARibbonLineWidgetContainer.h"
+#include "../../src/SARibbonBar/SARibbonActionsManager.h"
+#include "../../src/SARibbonBar/SARibbonLineEdit.h"
+#include "../../src/SARibbonBar/SARibbonCheckBox.h"
+#include "../../src/SARibbonBar/SARibbonComboBox.h"
+#include "../../src/SARibbonBar/SARibbonButtonGroupWidget.h"
+#include "../../src/SARibbonBar/SARibbonStackedWidget.h"
+#include "../../src/SARibbonBar/SARibbonSeparatorWidget.h"
+#include "../../src/SARibbonBar/SARibbonCtrlContainer.h"
+#include "../../src/SARibbonBar/SARibbonQuickAccessBar.h"
+#include "../../src/SARibbonBar/SARibbonTabBar.h"
+#include "../../src/SARibbonBar/SARibbonControlButton.h"
+#include "../../src/SARibbonBar/SARibbonMenu.h"
+
+#include "../../src/SARibbonBar/SARibbonPannelOptionButton.h"
+#include "../../src/SARibbonBar/SARibbonPannelItem.h"
+#include "../../src/SARibbonBar/SARibbonPannelLayout.h"
+#include "../../src/SARibbonBar/SARibbonPannel.h"
+#include "../../src/SARibbonBar/SARibbonCategory.h"
+#include "../../src/SARibbonBar/SARibbonCategoryLayout.h"
+#include "../../src/SARibbonBar/SARibbonContextCategory.h"
+#include "../../src/SARibbonBar/SARibbonGalleryItem.h"
+#include "../../src/SARibbonBar/SARibbonGalleryGroup.h"
+#include "../../src/SARibbonBar/SARibbonGallery.h"
+#include "../../src/SARibbonBar/SARibbonBar.h"
+#include "../../src/SARibbonBar/SARibbonElementFactory.h"
+#include "../../src/SARibbonBar/SARibbonElementManager.h"
+#include "../../src/SARibbonBar/SARibbonCustomizeData.h"
+#include "../../src/SARibbonBar/SARibbonCustomizeWidget.h"
+#include "../../src/SARibbonBar/SARibbonCustomizeDialog.h"
+#include "../../src/SARibbonBar/SARibbonMainWindow.h"
+#include "../../src/SARibbonBar/SARibbonWidget.h"
diff --git a/gui/dialogcreateenterprise.cpp b/gui/dialogcreateenterprise.cpp
new file mode 100644
index 0000000..300766f
--- /dev/null
+++ b/gui/dialogcreateenterprise.cpp
@@ -0,0 +1,143 @@
+#include "dialogcreateenterprise.h"
+#include "ui_dialogcreateenterprise.h"
+#include "sqltable.h"
+#include "mapplication.h"
+
+#include <QtSql>
+
+dialogCreateEnterprise::dialogCreateEnterprise(QWidget *parent) :
+    QDialog(parent),
+    ui(new Ui::dialogCreateEnterprise)
+{
+    ui->setupUi(this);
+    setAttribute(Qt::WA_DeleteOnClose, true);
+}
+
+dialogCreateEnterprise::~dialogCreateEnterprise()
+{
+    delete ui;
+}
+
+void dialogCreateEnterprise::on_pushBack_released()
+{
+
+}
+
+void dialogCreateEnterprise::on_pushNext_released()
+{
+    // TODO: guardar y crear la empresa
+    if(ui->editName->text().isEmpty())
+    {
+        return;
+    }
+
+    if(ui->editCIF->text().isEmpty())
+    {
+        return;
+    }
+
+    createEnterprise();
+    close();
+}
+
+void dialogCreateEnterprise::createEnterprise()
+{
+    QString CIF = ui->editCIF->text().toUpper();
+    QString path = dApp->dataFolder() + CIF + QDir::separator();
+    QDir dir;
+    dir.mkpath(path);
+
+    QSqlDatabase database = QSqlDatabase::addDatabase("QSQLITE", CIF);
+    database.setDatabaseName(path + CIF + ".db");
+    if(!database.open())
+        return;
+
+    // Crear la base de datos:
+    for(auto table : dbTables)
+    {
+        QSqlQuery qry(database);
+        if (!qry.exec(table))
+        {
+            // TODO: mandar un mensaje y repetir si es necesario
+        }
+    }
+
+    QString ENTERPRISES = "INSERT INTO ENTERPRISES ("
+                          "NAME, CIF, DBNAME, PATH"
+                          ") VALUES ("
+                          ":NAME, :CIF, :DBNAME, :PATH"
+                          ");";
+
+    QString ENTERPRISESINFO = "INSERT INTO ENTERPRISESINFO ("
+                              "NAME, CIF, ADDRESS, POSTCODE, CITY, PROVINCE, COUNTRY, PHONE, MOBILE, FAX, "
+                              "EMAIL, WEB, CIF_COMMUNITY, IAE, CNAE, DCNAE, LOGO1, LOGO2"
+                              ") VALUES ("
+                              ":NAME, :CIF, :ADDRESS, :POSTCODE, :CITY, :PROVINCE, :COUNTRY, :PHONE, :MOBILE, :FAX, "
+                              ":EMAIL, :WEB, :CIF_COMMUNITY, :IAE, :CNAE, :DCNAE, :LOGO1, :LOGO2"
+                              ");";
+
+    QSqlQuery qry(database);
+    //QSqlQuery *qry = new QSqlQuery(dApp->getDBConnection());
+    qry.prepare(ENTERPRISESINFO);
+    qry.bindValue(":NAME", ui->editName->text());
+    qry.bindValue(":CIF", ui->editCIF->text());
+    qry.bindValue(":ADDRESS", ui->editAddress->toPlainText());
+    qry.bindValue(":POSTCODE", ui->editCP->text());
+    qry.bindValue(":CITY", ui->editCity->text());
+    qry.bindValue(":PROVINCE", ui->editProvince->text());
+    qry.bindValue(":COUNTRY", ui->editCountry->text());
+    qry.bindValue(":PHONE", ui->editPhone->text());
+    //qry.bindValue(":MOBILE", ui->edit->text());
+    qry.bindValue(":FAX", ui->editFax->text());
+    qry.bindValue(":EMAIL", ui->editEmail->text());
+    qry.bindValue(":WEB", ui->editWebside->text());
+    //qry.bindValue(":CIF_COMMUNITY", ui->edit->text());
+    //qry.bindValue(":IAE", ui->editName->text());
+    //qry.bindValue(":CNAE", ui->editName->text());
+    //qry.bindValue(":DCENAE", ui->editName->text());
+    //qry.bindValue(":LOGO1", ui->editName->text());
+    //qry.bindValue(":lOGO2", ui->editName->text());
+    if (!qry.exec())
+    {
+        qDebug() << "Error ejecutando el query: " << qry.lastError().text() << "\n";
+        return;
+    }
+
+    qry.prepare(DBInfoCommand);
+    qry.bindValue(":VERSION", dApp->applicationVersion().isEmpty() ? "0" : dApp->applicationVersion());
+    qry.bindValue(":SUBVERSION", "0");
+    if (!qry.exec())
+    {
+        qDebug() << "Error ejecutando el query: " << qry.lastError().text() << "\n";
+        return;
+    }
+    qry.clear();
+    qry.finish();
+    database.close();
+    QSqlDatabase::removeDatabase(CIF);
+
+    // 2. Poner la compañia en la lista:
+    dApp->EnterpriseList().open();
+    QSqlQuery qryList(dApp->EnterpriseList());
+    qryList.prepare(ENTERPRISES);
+    qryList.bindValue(":NAME",  ui->editName->text());
+    qryList.bindValue(":CIF",   ui->editCIF->text());
+    qryList.bindValue(":DBNAME", CIF);
+    qryList.bindValue(":PATH",  path);
+    if (!qryList.exec())
+    {
+        qDebug() << "Error ejecutando el query: " << qryList.lastError().text() << "\n";
+        return;
+    }
+    dApp->Enterprise().close();
+
+    // 3. Abrir la empresa
+    dApp->openCompany(CIF);
+}
+
+
+
+
+
+
+
diff --git a/gui/dialogcreateenterprise.h b/gui/dialogcreateenterprise.h
new file mode 100644
index 0000000..0127cde
--- /dev/null
+++ b/gui/dialogcreateenterprise.h
@@ -0,0 +1,28 @@
+#ifndef DIALOGCREATEENTERPRISE_H
+#define DIALOGCREATEENTERPRISE_H
+
+#include <QDialog>
+
+namespace Ui
+{
+class dialogCreateEnterprise;
+}
+
+class dialogCreateEnterprise : public QDialog
+{
+    Q_OBJECT
+
+public:
+    explicit dialogCreateEnterprise(QWidget *parent = 0);
+    ~dialogCreateEnterprise();
+
+private slots:
+    void on_pushNext_released();
+    void on_pushBack_released();
+
+private:
+    Ui::dialogCreateEnterprise *ui;
+    void createEnterprise();
+};
+
+#endif // DIALOGCREATEENTERPRISE_H
diff --git a/gui/dialogcreateenterprise.ui b/gui/dialogcreateenterprise.ui
new file mode 100644
index 0000000..0981e0b
--- /dev/null
+++ b/gui/dialogcreateenterprise.ui
@@ -0,0 +1,444 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>dialogCreateEnterprise</class>
+ <widget class="QDialog" name="dialogCreateEnterprise">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>550</width>
+    <height>500</height>
+   </rect>
+  </property>
+  <property name="sizePolicy">
+   <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+    <horstretch>0</horstretch>
+    <verstretch>0</verstretch>
+   </sizepolicy>
+  </property>
+  <property name="windowTitle">
+   <string>Dialog</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QFrame" name="frame_2">
+     <layout class="QGridLayout" name="gridLayout">
+      <item row="1" column="4">
+       <widget class="QLineEdit" name="editCIF">
+        <property name="sizePolicy">
+         <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+          <horstretch>0</horstretch>
+          <verstretch>0</verstretch>
+         </sizepolicy>
+        </property>
+        <property name="minimumSize">
+         <size>
+          <width>120</width>
+          <height>0</height>
+         </size>
+        </property>
+        <property name="text">
+         <string/>
+        </property>
+       </widget>
+      </item>
+      <item row="1" column="2">
+       <widget class="QLineEdit" name="lineEdit_2">
+        <property name="maximumSize">
+         <size>
+          <width>50</width>
+          <height>16777215</height>
+         </size>
+        </property>
+       </widget>
+      </item>
+      <item row="2" column="1">
+       <widget class="QLabel" name="label_2">
+        <property name="text">
+         <string>Nombre/Razón social</string>
+        </property>
+       </widget>
+      </item>
+      <item row="1" column="3">
+       <widget class="QLabel" name="label_3">
+        <property name="text">
+         <string>C.I.F.</string>
+        </property>
+       </widget>
+      </item>
+      <item row="2" column="2" colspan="5">
+       <widget class="QLineEdit" name="editName"/>
+      </item>
+      <item row="1" column="5">
+       <widget class="QLabel" name="label_4">
+        <property name="text">
+         <string>Forma jurídica</string>
+        </property>
+       </widget>
+      </item>
+      <item row="1" column="6">
+       <widget class="QComboBox" name="comboBox">
+        <property name="sizePolicy">
+         <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+          <horstretch>0</horstretch>
+          <verstretch>0</verstretch>
+         </sizepolicy>
+        </property>
+        <property name="minimumSize">
+         <size>
+          <width>120</width>
+          <height>0</height>
+         </size>
+        </property>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+        <item>
+         <property name="text">
+          <string>New Item</string>
+         </property>
+        </item>
+       </widget>
+      </item>
+      <item row="1" column="1">
+       <widget class="QLabel" name="label_13">
+        <property name="text">
+         <string>Código</string>
+        </property>
+       </widget>
+      </item>
+      <item row="4" column="1">
+       <widget class="QLabel" name="label_12">
+        <property name="text">
+         <string>Nombre comercial</string>
+        </property>
+       </widget>
+      </item>
+      <item row="4" column="2" colspan="5">
+       <widget class="QLineEdit" name="lineEdit"/>
+      </item>
+      <item row="1" column="0" rowspan="4">
+       <widget class="AvatarWidget" name="label_14">
+        <property name="sizePolicy">
+         <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+          <horstretch>0</horstretch>
+          <verstretch>0</verstretch>
+         </sizepolicy>
+        </property>
+        <property name="minimumSize">
+         <size>
+          <width>75</width>
+          <height>75</height>
+         </size>
+        </property>
+        <property name="frameShape">
+         <enum>QFrame::WinPanel</enum>
+        </property>
+        <property name="text">
+         <string>TextLabel</string>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+   <item>
+    <widget class="QTabWidget" name="tabWidget">
+     <property name="currentIndex">
+      <number>0</number>
+     </property>
+     <widget class="QWidget" name="tabGeneralInfo">
+      <attribute name="title">
+       <string>Datos generales</string>
+      </attribute>
+      <layout class="QVBoxLayout" name="verticalLayout_2">
+       <item>
+        <widget class="QWidget" name="widget" native="true">
+         <layout class="QGridLayout" name="gridLayout_2">
+          <item row="1" column="0">
+           <widget class="QLabel" name="label_6">
+            <property name="text">
+             <string>CP / Población</string>
+            </property>
+           </widget>
+          </item>
+          <item row="4" column="0">
+           <widget class="QLabel" name="label_8">
+            <property name="text">
+             <string>Pais</string>
+            </property>
+           </widget>
+          </item>
+          <item row="3" column="0">
+           <widget class="QLabel" name="label_7">
+            <property name="text">
+             <string>Provincia</string>
+            </property>
+           </widget>
+          </item>
+          <item row="1" column="2">
+           <widget class="QLineEdit" name="editCity"/>
+          </item>
+          <item row="3" column="1" colspan="2">
+           <widget class="QLineEdit" name="editProvince"/>
+          </item>
+          <item row="0" column="0" alignment="Qt::AlignTop">
+           <widget class="QLabel" name="label_5">
+            <property name="text">
+             <string>Dirección</string>
+            </property>
+           </widget>
+          </item>
+          <item row="4" column="1" colspan="2">
+           <widget class="QLineEdit" name="editCountry"/>
+          </item>
+          <item row="1" column="1">
+           <widget class="QLineEdit" name="editCP">
+            <property name="maximumSize">
+             <size>
+              <width>150</width>
+              <height>16777215</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+          <item row="0" column="1" colspan="2">
+           <widget class="QPlainTextEdit" name="editAddress">
+            <property name="maximumSize">
+             <size>
+              <width>16777215</width>
+              <height>66</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+         </layout>
+        </widget>
+       </item>
+       <item>
+        <widget class="QLabel" name="label">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>16777215</width>
+           <height>1</height>
+          </size>
+         </property>
+         <property name="styleSheet">
+          <string notr="true">background-color: rgb(191, 191, 191);</string>
+         </property>
+         <property name="text">
+          <string/>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QWidget" name="widget_4" native="true">
+         <layout class="QGridLayout" name="gridLayout_3">
+          <item row="2" column="0">
+           <widget class="QLabel" name="label_10">
+            <property name="text">
+             <string>Webside</string>
+            </property>
+           </widget>
+          </item>
+          <item row="0" column="2">
+           <widget class="QLineEdit" name="editFax"/>
+          </item>
+          <item row="1" column="0">
+           <widget class="QLabel" name="label_11">
+            <property name="text">
+             <string>Email</string>
+            </property>
+           </widget>
+          </item>
+          <item row="0" column="0">
+           <widget class="QLabel" name="label_9">
+            <property name="text">
+             <string>Teléfono / Fax</string>
+            </property>
+           </widget>
+          </item>
+          <item row="1" column="1" colspan="2">
+           <widget class="QLineEdit" name="editEmail"/>
+          </item>
+          <item row="2" column="1" colspan="2">
+           <widget class="QLineEdit" name="editWebside"/>
+          </item>
+          <item row="0" column="1">
+           <widget class="QLineEdit" name="editPhone"/>
+          </item>
+         </layout>
+        </widget>
+       </item>
+       <item>
+        <spacer name="verticalSpacer_2">
+         <property name="orientation">
+          <enum>Qt::Vertical</enum>
+         </property>
+         <property name="sizeHint" stdset="0">
+          <size>
+           <width>20</width>
+           <height>40</height>
+          </size>
+         </property>
+        </spacer>
+       </item>
+      </layout>
+     </widget>
+     <widget class="QWidget" name="tabOthers">
+      <attribute name="title">
+       <string>Otros datos</string>
+      </attribute>
+      <widget class="QWidget" name="widget_5" native="true">
+       <property name="geometry">
+        <rect>
+         <x>10</x>
+         <y>20</y>
+         <width>381</width>
+         <height>121</height>
+        </rect>
+       </property>
+      </widget>
+     </widget>
+     <widget class="QWidget" name="tab_2">
+      <attribute name="title">
+       <string>Page</string>
+      </attribute>
+     </widget>
+    </widget>
+   </item>
+   <item>
+    <widget class="QWidget" name="widget_3" native="true">
+     <layout class="QHBoxLayout" name="horizontalLayout">
+      <property name="spacing">
+       <number>0</number>
+      </property>
+      <property name="leftMargin">
+       <number>0</number>
+      </property>
+      <property name="topMargin">
+       <number>0</number>
+      </property>
+      <property name="rightMargin">
+       <number>0</number>
+      </property>
+      <property name="bottomMargin">
+       <number>0</number>
+      </property>
+      <item>
+       <widget class="QPushButton" name="pushBack">
+        <property name="enabled">
+         <bool>false</bool>
+        </property>
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>25</height>
+         </size>
+        </property>
+        <property name="text">
+         <string>Anterior</string>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="pushNext">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>25</height>
+         </size>
+        </property>
+        <property name="text">
+         <string>Siguiente</string>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>AvatarWidget</class>
+   <extends>QLabel</extends>
+   <header>avatarwidget.h</header>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>
diff --git a/gui/dialogopencompany.cpp b/gui/dialogopencompany.cpp
new file mode 100644
index 0000000..ec43c22
--- /dev/null
+++ b/gui/dialogopencompany.cpp
@@ -0,0 +1,51 @@
+#include "dialogopencompany.h"
+#include "ui_dialogopencompany.h"
+#include "companylistitemdelegate.h"
+#include "mapplication.h"
+
+#include <QStandardItemModel>
+
+dialogOpenCompany::dialogOpenCompany(QWidget *parent) :
+    QDialog(parent),
+    ui(new Ui::dialogOpenCompany)
+{
+    ui->setupUi(this);
+    setAttribute(Qt::WA_DeleteOnClose, true);
+
+    QListView *view = ui->listView;
+    model  = new QStandardItemModel();
+    CompanyListItemDelegate *listdelegate  = new CompanyListItemDelegate();
+
+    view->setItemDelegate(listdelegate);   //connect the delegate to view
+    view->setModel(model);                 //connect the model to view.
+}
+
+dialogOpenCompany::~dialogOpenCompany()
+{
+    delete ui;
+}
+
+void dialogOpenCompany::setData(QString Name, QString CIF, QString path)
+{
+    QStandardItem *item = new QStandardItem();
+    QIcon icon(":/new/prefix1/about.png");
+
+    item->setData(Name, Qt::DisplayRole);   // Nombre
+    item->setData(CIF,  Qt::UserRole);      // CIF
+    item->setData(path, Qt::UserRole + 1);  // path
+    model->appendRow(item);
+}
+
+void dialogOpenCompany::on_buttonOpen_released()
+{
+    on_listView_doubleClicked(ui->listView->currentIndex());
+}
+
+void dialogOpenCompany::on_listView_doubleClicked(const QModelIndex &index)
+{
+    if(!index.isValid())
+        return;
+
+    dApp->openCompany(index.data(Qt::UserRole).toString());
+    close();
+}
diff --git a/gui/dialogopencompany.h b/gui/dialogopencompany.h
new file mode 100644
index 0000000..7d89b1b
--- /dev/null
+++ b/gui/dialogopencompany.h
@@ -0,0 +1,32 @@
+#ifndef DIALOGOPENCOMPANY_H
+#define DIALOGOPENCOMPANY_H
+
+#include <QDialog>
+
+class QStandardItemModel;
+
+namespace Ui
+{
+class dialogOpenCompany;
+}
+
+class dialogOpenCompany : public QDialog
+{
+    Q_OBJECT
+
+public:
+    explicit dialogOpenCompany(QWidget *parent = nullptr);
+    ~dialogOpenCompany();
+
+    void setData(QString Name, QString CIF, QString path);
+private slots:
+    void on_buttonOpen_released();
+
+    void on_listView_doubleClicked(const QModelIndex &index);
+
+private:
+    Ui::dialogOpenCompany *ui;
+    QStandardItemModel *model;
+};
+
+#endif // DIALOGOPENCOMPANY_H
diff --git a/gui/dialogopencompany.ui b/gui/dialogopencompany.ui
new file mode 100644
index 0000000..ea4f9c7
--- /dev/null
+++ b/gui/dialogopencompany.ui
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>dialogOpenCompany</class>
+ <widget class="QDialog" name="dialogOpenCompany">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>400</height>
+   </rect>
+  </property>
+  <property name="sizePolicy">
+   <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+    <horstretch>0</horstretch>
+    <verstretch>0</verstretch>
+   </sizepolicy>
+  </property>
+  <property name="windowTitle">
+   <string>Dialog</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <item>
+    <widget class="QListView" name="listView">
+     <property name="editTriggers">
+      <set>QAbstractItemView::NoEditTriggers</set>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QWidget" name="widget" native="true">
+     <layout class="QHBoxLayout" name="horizontalLayout">
+      <property name="spacing">
+       <number>1</number>
+      </property>
+      <property name="leftMargin">
+       <number>0</number>
+      </property>
+      <property name="topMargin">
+       <number>0</number>
+      </property>
+      <property name="rightMargin">
+       <number>0</number>
+      </property>
+      <property name="bottomMargin">
+       <number>0</number>
+      </property>
+      <item>
+       <spacer name="horizontalSpacer">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>40</width>
+          <height>20</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonOpen">
+        <property name="text">
+         <string>Abrir</string>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
diff --git a/gui/formbase.cpp b/gui/formbase.cpp
new file mode 100644
index 0000000..fa96484
--- /dev/null
+++ b/gui/formbase.cpp
@@ -0,0 +1,52 @@
+#include "formbase.h"
+#include "ui_formbase.h"
+
+
+formBase::formBase(QString aID, int aEditMode, QWidget *parent) :
+    QWidget(parent),
+    mDocumentID(aID),
+    mNeedSave(false),
+    ui(new Ui::formBase)
+{
+
+    if(aID.isEmpty())
+    {
+        newDocument();
+    }
+    else
+    {
+        openDocument(aID);
+    }
+}
+
+formBase::~formBase()
+{
+    delete ui;
+}
+
+void formBase::newDocument()
+{
+    mEditMode = false;
+}
+
+void formBase::openDocument(QString id)
+{
+    mEditMode = true;
+}
+
+void formBase::save()
+{
+
+}
+
+bool formBase::needsave()
+{
+    return mNeedSave;
+}
+
+void formBase::setEditMode(bool aMode)
+{
+    mEditMode = aMode;
+}
+
+
diff --git a/gui/formbase.h b/gui/formbase.h
new file mode 100644
index 0000000..79780a5
--- /dev/null
+++ b/gui/formbase.h
@@ -0,0 +1,35 @@
+#ifndef FORMBASE_H
+#define FORMBASE_H
+
+#include <QWidget>
+
+namespace Ui {
+  class formBase;
+}
+
+class formBase : public QWidget
+{
+  Q_OBJECT
+
+public:
+    explicit formBase(QString aID = "", int aEditMode = 0, QWidget *parent = nullptr);
+    ~formBase();
+
+    virtual void newDocument() = 0;
+    virtual void openDocument(QString id) = 0;
+    virtual void save() = 0;
+    virtual bool needsave() = 0;
+    virtual void setEditMode(bool aMode) = 0;
+    virtual void closeDocument(){};
+
+private:
+    Ui::formBase *ui;
+
+protected:
+    QString mDocumentID;
+    bool mEditMode;
+    bool mNeedSave;
+
+};
+
+#endif // FORMBASE_H
diff --git a/gui/formbase.ui b/gui/formbase.ui
new file mode 100644
index 0000000..e5d9969
--- /dev/null
+++ b/gui/formbase.ui
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>formBase</class>
+ <widget class="QWidget" name="formBase">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>705</width>
+    <height>492</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
diff --git a/gui/formbaselist.cpp b/gui/formbaselist.cpp
new file mode 100644
index 0000000..ae501f7
--- /dev/null
+++ b/gui/formbaselist.cpp
@@ -0,0 +1,27 @@
+#include "formbaselist.h"
+#include "ui_formbaselist.h"
+
+#include <QResizeEvent>
+
+FormBaseList::FormBaseList(QWidget *parent)
+    : QWidget(parent)
+    , ui(new Ui::FormBaseList)
+{
+    ui->setupUi(this);
+}
+
+FormBaseList::~FormBaseList()
+{
+    delete ui;
+}
+
+void FormBaseList::resizeEvent(QResizeEvent *event)
+{
+    QStringList texts = { tr("Nuevo"), tr("Editar"), tr("Clonar"), tr("Borrar"), tr("Actualizar") };
+    QList<QPushButton*> buttons = { ui->buttonNew, ui->buttonEdit, ui->buttonClone, ui->buttonDelete, ui->buttonUpdate };
+
+    for (int i = 0; i < buttons.size(); ++i) {
+        int sz = event->size().width();
+        buttons[i]->setText(sz > 400 ? texts[i] : "");
+    }
+}
diff --git a/gui/formbaselist.h b/gui/formbaselist.h
new file mode 100644
index 0000000..0c83fdc
--- /dev/null
+++ b/gui/formbaselist.h
@@ -0,0 +1,25 @@
+#ifndef FORMBASELIST_H
+#define FORMBASELIST_H
+
+#include <QWidget>
+
+namespace Ui {
+class FormBaseList;
+}
+
+class FormBaseList : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit FormBaseList(QWidget *parent = nullptr);
+    ~FormBaseList();
+
+protected:
+    void resizeEvent(QResizeEvent *event) override;
+
+private:
+    Ui::FormBaseList *ui;
+};
+
+#endif // FORMBASELIST_H
diff --git a/gui/formbaselist.ui b/gui/formbaselist.ui
new file mode 100644
index 0000000..11073ee
--- /dev/null
+++ b/gui/formbaselist.ui
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>FormBaseList</class>
+ <widget class="QWidget" name="FormBaseList">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>412</width>
+    <height>297</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout_2">
+   <item>
+    <widget class="QTableView" name="tableView">
+     <property name="editTriggers">
+      <set>QAbstractItemView::NoEditTriggers</set>
+     </property>
+     <property name="selectionMode">
+      <enum>QAbstractItemView::SingleSelection</enum>
+     </property>
+     <property name="selectionBehavior">
+      <enum>QAbstractItemView::SelectRows</enum>
+     </property>
+     <property name="sortingEnabled">
+      <bool>true</bool>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QFrame" name="frame_2">
+     <layout class="QHBoxLayout" name="horizontalLayout">
+      <property name="spacing">
+       <number>0</number>
+      </property>
+      <property name="leftMargin">
+       <number>0</number>
+      </property>
+      <property name="topMargin">
+       <number>0</number>
+      </property>
+      <property name="rightMargin">
+       <number>0</number>
+      </property>
+      <property name="bottomMargin">
+       <number>0</number>
+      </property>
+      <item>
+       <widget class="QPushButton" name="buttonNew">
+        <property name="text">
+         <string>Nuevo</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/add-file.svg</normaloff>:/resources/icons/add-file.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonEdit">
+        <property name="text">
+         <string>Editar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/pencil.svg</normaloff>:/resources/icons/pencil.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonClone">
+        <property name="text">
+         <string>Duplicar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/copy.svg</normaloff>:/resources/icons/copy.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonDelete">
+        <property name="text">
+         <string>Borrar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/delete.svg</normaloff>:/resources/icons/delete.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonUpdate">
+        <property name="text">
+         <string>Actualizar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/recycle.svg</normaloff>:/resources/icons/recycle.svg</iconset>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <resources>
+  <include location="../editabletreemodel.qrc"/>
+ </resources>
+ <connections/>
+</ui>
diff --git a/gui/formbudget.cpp b/gui/formbudget.cpp
new file mode 100644
index 0000000..d581dc9
--- /dev/null
+++ b/gui/formbudget.cpp
@@ -0,0 +1,613 @@
+#include "formbudget.h"
+#include "ui_formbudget.h"
+#include "qmtreeview.h"
+#include "treemodel.h"
+#include "treeitem.h"
+#include "mapplication.h"
+
+#include "widgetcomboboxpopuptable.h"
+
+#include "itemnumberdelegate.h"
+#include "itemtextdelegate.h"
+#include "itemtextpopupdelegate.h"
+#include "itemcomboboxdelegate.h"
+
+#include <QStringList>
+#include <QFile>
+#include <QAction>
+#include <QtSql>
+
+formBudget::formBudget(QString aID, int amEditMode, QWidget *parent) :
+    formBase(aID, amEditMode, parent),
+    ui(new Ui::formBudget)
+{
+    ui->setupUi(this);
+    QStringList headers;
+    headers << tr("Índice") << tr("Código") << tr("Título") << tr("Descriction")
+            << tr("Cantidad") << tr("Cantidad total") << tr("Unidad")
+            << tr("N. Precio Unitario")<< tr("N. Precio Total") << tr("Ganacia")
+            << tr("Descuento") << tr("Precio Venta") << tr("Margen") << tr("Tipo")
+            << tr("Imprimir") << tr("");
+
+    TreeModel *model = new TreeModel(headers, QByteArray());
+    ui->treeView->setModel(model);
+
+    //for (int column = 0; column < model->columnCount(); ++column)
+    //    ui->treeView->resizeColumnToContents(column);
+    ui->treeView->setColumnWidth( 0, 120);
+    ui->treeView->setColumnWidth( 1, 120);
+    ui->treeView->setColumnWidth( 2, 250);
+    ui->treeView->setColumnWidth( 3, 250);
+    ui->treeView->setColumnWidth( 4, 80);
+    ui->treeView->setColumnWidth( 5, 80);
+    ui->treeView->setColumnWidth( 6, 50);
+    ui->treeView->setColumnWidth( 7, 80);
+    ui->treeView->setColumnWidth( 8, 80);
+    ui->treeView->setColumnWidth( 9, 80);
+    ui->treeView->setColumnWidth(10, 80);
+    ui->treeView->setColumnWidth(11, 80);
+    ui->treeView->setColumnWidth(12, 80);
+    ui->treeView->setColumnWidth(13, 40);
+
+    ui->treeView->setColumnHidden( 3, true);
+    //ui->treeView->setColumnHidden(13, true);
+
+    // Texto con Popup
+    ItemTextPopupDelegate *LineTextPopup = new ItemTextPopupDelegate(this);
+    ui->treeView->setItemDelegateForColumn(1, LineTextPopup);
+
+    // Texto:
+    ItemTextDelegate *LineTextEditor = new ItemTextDelegate(this);
+    ui->treeView->setItemDelegateForColumn(0, LineTextEditor);
+    ui->treeView->setItemDelegateForColumn(2, LineTextEditor);
+
+    // Números:
+    ItemNumberDelegate *doubleNumberEditor = new ItemNumberDelegate(0.0, 999999.99, 0.05, 2, this);
+    ui->treeView->setItemDelegateForColumn(4, doubleNumberEditor);
+    ui->treeView->setItemDelegateForColumn(7, doubleNumberEditor);
+    ui->treeView->setItemDelegateForColumn(9, doubleNumberEditor);
+    ui->treeView->setItemDelegateForColumn(10, doubleNumberEditor);
+
+    // Combobox:
+    ItemComboboxDelegate *ComboboxEditor = new ItemComboboxDelegate(this);
+    ui->treeView->setItemDelegateForColumn(6, ComboboxEditor);
+    connect(model, &TreeModel::dataChanged, this, &formBudget::on_ModelSetData);
+
+
+    // Prueba:
+    connect(dApp, &QApplication::focusChanged, this, [=](QWidget* old, QWidget* now)
+    {
+        //qDebug() << "old: " << old << "\n" << "new: " << now;
+        if (!this->isAncestorOf(old))
+            qDebug() << "Se deshabilita la toolbox";
+
+        //Q_UNUSED(old);
+        //if (now != this && !this->isAncestorOf(now))
+        if (now == this && !this->isAncestorOf(now))
+        {
+            //hide();
+            qDebug() << "Se habilita la toolbox";
+        }
+    });
+
+    dApp->Enterprise().open();
+    QSqlQuery qry = QSqlQuery(dApp->Enterprise());
+    if (qry.exec(QString("SELECT ID FROM SALEPROPOSAL ORDER BY ID DESC LIMIT 1;")))
+    {
+        int val = 0;
+        while(qry.next())
+            val = qry.value(qry.record().indexOf("ID")).toInt();
+
+        ui->editCode->setText(QString("(PRO%1)").arg(val + 1));
+    }
+
+    dApp->Enterprise().close();
+}
+
+
+formBudget::~formBudget()
+{
+    delete ui;
+}
+
+void formBudget::setupTreeView()
+{
+    QStringList headers = {
+        tr("Índice"), tr("Código"), tr("Título"), tr("Descripción"),
+        tr("Cantidad"), tr("Cantidad total"), tr("Unidad"),
+        tr("N. Precio Unitario"), tr("N. Precio Total"), tr("Ganacia"),
+        tr("Descuento"), tr("Precio Venta"), tr("Margen"), tr("Tipo"),
+        tr("Imprimir"), tr("")
+    };
+
+    m_treeModel = new TreeModel(headers, QByteArray(), this);
+    ui->treeView->setModel(m_treeModel);
+
+    // Configurar anchos de columna
+    QVector<int> widths = {120, 120, 250, 250, 80, 80, 50, 80, 80, 80, 80, 80, 80, 40};
+    for (int i = 0; i < widths.size(); ++i) {
+        ui->treeView->setColumnWidth(i, widths[i]);
+    }
+
+    ui->treeView->setColumnHidden(3, true);
+
+    // Configurar delegados
+    setupDelegates();
+}
+
+void formBudget::setupDelegates()
+{
+    // Texto con Popup
+    auto* lineTextPopup = new ItemTextPopupDelegate(this);
+    ui->treeView->setItemDelegateForColumn(1, lineTextPopup);
+
+    // Texto simple
+    auto* lineTextEditor = new ItemTextDelegate(this);
+    ui->treeView->setItemDelegateForColumn(0, lineTextEditor);
+    ui->treeView->setItemDelegateForColumn(2, lineTextEditor);
+
+    // Números
+    auto* doubleNumberEditor = new ItemNumberDelegate(0.0, 999999.99, 0.05, 2, this);
+    ui->treeView->setItemDelegateForColumn(4, doubleNumberEditor);
+    ui->treeView->setItemDelegateForColumn(7, doubleNumberEditor);
+    ui->treeView->setItemDelegateForColumn(9, doubleNumberEditor);
+    ui->treeView->setItemDelegateForColumn(10, doubleNumberEditor);
+
+    // Combobox
+    auto* comboboxEditor = new ItemComboboxDelegate(this);
+    ui->treeView->setItemDelegateForColumn(6, comboboxEditor);
+
+    connect(m_treeModel, &TreeModel::dataChanged,
+            this, &formBudget::onModelDataChanged);
+}
+
+void formBudget::setupConnections()
+{
+    connect(ui->buttonInsertRow, &QPushButton::released,
+            this, &formBudget::insertRow);
+
+    connect(ui->buttonInsertChild, &QPushButton::released,
+            this, &formBudget::insertChild);
+
+    connect(ui->buttonRemoveRow, &QPushButton::released,
+            this, &formBudget::removeRow);
+
+    // ... otras conexiones ...
+}
+
+void formBudget::initializeDocument()
+{
+    if (m_dbUtils.isConnected()) {
+        QString lastId = m_dbUtils.getLastDocumentId("SALEPROPOSAL");
+        ui->editCode->setText(QString("(PRO%1)").arg(lastId.toInt() + 1));
+    }
+}
+
+void formBudget::newDocument()
+{
+
+}
+
+void formBudget::openDocument(QString id)
+{
+    formBase::openDocument(id);
+}
+
+void formBudget::save()
+{
+    QString budget;
+    QString budgetdata;
+
+    if(mEditMode == false)
+    {
+        budget = "INSERT INTO SALEPROPOSAL ("
+                "ID, TYPE, CODE, TITLE, VERSION, "
+                "CUSTOMER_CODE, CUSTOMER_NAME, PROJECT_CODE, PROJECT_TITLE, "
+                "COST, PRICE, TAX, STATE, STATE_NUMBER, DESCRIPTION, "
+                "CREATEDAT, VALIDUNTILL, DELIVERY_DATE, CREATEDBY"
+                ") VALUES ("
+                ":ID, :TYPE, :CODE, :TITLE, :VERSION, "
+                ":CUSTOMER_CODE, :CUSTOMER_NAME, :PROJECT_CODE, :PROJECT_TITLE, "
+                ":COST, :PRICE, :TAX, :STATE, :STATE_NUMBER, :DESCRIPTION, "
+                ":CREATEDAT, :VALIDUNTILL, :DELIVERY_DATE, :CREATEDBY"
+                ");";
+
+        budgetdata = "INSERT INTO SALEPROPOSALDATA ("
+                "ID, SALEDOCUMENT_CODE, VERSION, NODEINDEX, "
+                "ELEMENT_CODE, ELEMENT_TYPE, ELEMENT_INDEX, ELEMENT_TITLE, ELEMENT_DESCRIPTION, "
+                "ELEMENT_UNIT_AMOUNT, ELEMENT_TOTAL_AMOUNT, ELEMENT_UNIT, ELEMENT_PRICE, "
+                "BENEFIT, DISCOUNT, TAX, PRINT, "
+                "CREATEDAT, CREATEDBY"
+                ") VALUES ("
+                ":ID, :SALEDOCUMENT_CODE, :VERSION, :NODEINDEX, "
+                ":ELEMENT_CODE, :ELEMENT_TYPE, :ELEMENT_INDEX, :ELEMENT_TITLE, :ELEMENT_DESCRIPTION, "
+                ":ELEMENT_UNIT_AMOUNT, :ELEMENT_TOTAL_AMOUNT, :ELEMENT_UNIT, :ELEMENT_PRICE, "
+                ":BENEFIT, :DISCOUNT,  :TAX, :PRINT, "
+                ":CREATEDAT, :CREATEDBY"
+                ");";
+    }
+    else
+    {
+        budget = "UPDATE SALEPROPOSAL SET "
+                ":ID, :TYPE, :CODE, :TITLE, :VERSION, "
+                ":CUSTOMER_CODE, :CUSTOMER_NAME, :PROJECT_CODE, :PROJECT_TITLE, "
+                ":COST, :PRICE, :TAX, :STATE, :STATE_NUMBER, :DESCRIPTION, "
+                ":CREATEDAT, :VALIDUNTILL, :DELIVERY_DATE, :CREATEDBY "
+                "WHERE CODE = :CODE"
+                ";";
+
+        budgetdata = "UPDATE SALEPROPOSALDATA SET "
+                ":ID, :SALEDOCUMENT_CODE, :VERSION, :NODEINDEX, "
+                ":ELEMENT_CODE, :ELEMENT_TYPE, :ELEMENT_INDEX, :ELEMENT_TITLE, :ELEMENT_DESCRIPTION, "
+                ":ELEMENT_UNIT_AMOUNT, :ELEMENT_TOTAL_AMOUNT, :ELEMENT_UNIT, :ELEMENT_PRICE, "
+                ":BENEFIT, :DISCOUNT, :TAX, :PRINT, "
+                ":CREATEDAT, :CREATEDBY "
+                "WHERE CODE = :CODE"
+                ";";
+    }
+
+    dApp->Enterprise().open();
+    QSqlQuery qry = QSqlQuery(dApp->Enterprise());
+
+    // 1. Guardar los datos:
+    QAbstractItemModel *model = ui->treeView->model();
+
+    // Borrar toda las filas al final que están vacias
+    //  -- de momento se hace chequeando si la columna 13 está vacía
+    /*
+    int count = model->rowCount() - 1;
+    for (int i = model->rowCount() - 1; i >= 0; i--)
+    {
+        count = i;
+
+        QString dat = model->index(i, 13).data().toString();
+        if(!dat.isEmpty())
+            break;
+    }
+
+    for (int i = 0; i <= count; i++)
+    {
+        qry.prepare(budgetdata);
+        qry.bindValue(":ID",                    i);
+        qry.bindValue(":SALEDOCUMENT_CODE",     ui->editCode->text());
+        qry.bindValue(":VERSION",               ui->editVersion->currentText());
+        qry.bindValue(":NODEINDEX",             model->index(i, 0).data().toString());
+        qry.bindValue(":ELEMENT_CODE",          model->index(i, 1).data().toString());
+        qry.bindValue(":ELEMENT_TYPE",          model->index(i, 13).data().toString());
+        qry.bindValue(":ELEMENT_TITLE",         model->index(i, 2).data().toString());
+        qry.bindValue(":ELEMENT_DESCRIPTION",   model->index(i, 3).data().toString());
+        qry.bindValue(":ELEMENT_UNIT_AMOUNT",   model->index(i, 4).data().toDouble());
+        //qry.bindValue(":ELEMENT_TOTAL_AMOUNT",  model->index(i, 2).data().toDouble());
+        qry.bindValue(":ELEMENT_UNIT",          model->index(i, 6).data().toString());
+        qry.bindValue(":ELEMENT_PRICE",         model->index(i, 7).data().toString());
+        qry.bindValue(":BENEFIT",               model->index(i, 9).data().toString());
+        qry.bindValue(":DISCOUNT",              model->index(i, 10).data().toString());
+        //qry.bindValue(":TAX",                   model->index(i, 10).data().toString());
+        //qry.bindValue(":PRINT",                 model->index(i, 10).data().toBool());
+
+        if(!qry.exec())
+        {
+            qDebug() << "" << qry.lastError().text();
+            continue;
+        }
+    }
+    */
+
+
+
+    // 2. Si todo fue bien, guardar el documento:
+    qry.prepare(budget);
+    //qry.bindValue(":ID",);
+    qry.bindValue(":TYPE", "");
+    qry.bindValue(":CODE", ui->editCode->text());
+    qry.bindValue(":TITLE", ui->editTitle->text());
+    qry.bindValue(":VERSION", ui->editVersion->currentText());
+    qry.bindValue(":CUSTOMER_CODE", ui->editClientCode->currentText());
+    qry.bindValue(":CUSTOMER_NAME", ui->editClientName->text());
+    qry.bindValue(":PROJECT_CODE", ui->editProjectCode->currentText());
+    qry.bindValue(":PROJECT_TITLE", ui->editProjectName->text());
+    qry.bindValue(":COST", ui->editCost->text());
+    qry.bindValue(":PRICE", ui->editPrice->text());
+    //qry.bindValue(":TAX", );
+    qry.bindValue(":STATE", ui->editPrice->text());
+    qry.bindValue(":STATE_NUMBER", ui->editPrice->text());
+    //qry.bindValue(":DESCRIPTION", );
+    qry.bindValue(":CREATEDAT", ui->editdateCreated->text());
+    qry.bindValue(":VALIDUNTILL", ui->editdateValidUntill->text());
+    //qry.bindValue(":DELIVERY_DATE", ui->editPrice->text());
+    //qry.bindValue(":CREATEDBY", ui->editPrice->text());
+
+    if(!qry.exec())
+    {
+        qDebug() << "" << qry.lastError().text();
+    }
+    else
+      mEditMode = true;
+
+    dApp->Enterprise().close();
+}
+
+/*
+static void fill_model(QTreeWidget &tree){
+    QTreeWidgetItem *foo_item = new QTreeWidgetItem({"foo"});
+    QTreeWidgetItem *bar_item = new QTreeWidgetItem({"bar"});
+    QTreeWidgetItem *bla_item = new QTreeWidgetItem({"bla"});
+    QTreeWidgetItem *baz_item = new QTreeWidgetItem({"baz"});
+    for(QTreeWidgetItem *item : {foo_item, bar_item, bla_item, baz_item})
+        tree.addTopLevelItem(item);
+    QTreeWidgetItem *beer_item = new QTreeWidgetItem({"beer"});
+    QTreeWidgetItem *beer_child_item = new QTreeWidgetItem({"beer_child"});
+    QTreeWidgetItem *ice_item = new QTreeWidgetItem({"ice"});
+    for(QTreeWidgetItem *item : {beer_item, ice_item})
+        bar_item->addChild(item);
+    beer_item->addChild(beer_child_item);
+    beer_child_item->addChild(new QTreeWidgetItem({"beer_child_child"}));
+}
+static void save_to_db(const QString & tablename, QTreeWidgetItem* parent, int parent_id=0){
+    for(int i=0; i< parent->childCount(); ++i){
+        QTreeWidgetItem *child_item = parent->child(i);
+        QSqlQuery query(QString("INSERT INTO %1 (parentId, name) VALUES (?, ?)").arg(tablename));
+        if(parent_id != 0)
+            query.bindValue(0, parent_id);
+        query.bindValue(1, child_item->text(0));
+        if(!query.exec())
+            qDebug()<< query.lastError().text();
+        save_to_db(tablename, child_item, query.lastInsertId().toInt());
+    }
+}
+*/
+
+void formBudget::saveModel(QSqlQuery qry, QString aCommand, QAbstractItemModel *aModel, int aLevel)
+{
+    //QObjectList list = aModel->parent()->children();
+    //for (auto aChil : list)
+
+    for (int i = 0; i <= aModel->rowCount() - 1; i++)
+    {
+        qry.prepare(aCommand);
+        qry.bindValue(":ID",                    i);
+        qry.bindValue(":SALEDOCUMENT_CODE",     ui->editCode->text());
+        qry.bindValue(":VERSION",               ui->editVersion->currentText());
+        qry.bindValue(":NODEINDEX",             aModel->index(i, 0).data().toString());
+        qry.bindValue(":ELEMENT_CODE",          aModel->index(i, 1).data().toString());
+        qry.bindValue(":ELEMENT_TYPE",          aModel->index(i, 13).data().toString());
+        qry.bindValue(":ELEMENT_TITLE",         aModel->index(i, 2).data().toString());
+        qry.bindValue(":ELEMENT_DESCRIPTION",   aModel->index(i, 3).data().toString());
+        qry.bindValue(":ELEMENT_UNIT_AMOUNT",   aModel->index(i, 4).data().toDouble());
+        //qry.bindValue(":ELEMENT_TOTAL_AMOUNT",  aModel->index(i, 2).data().toDouble());
+        qry.bindValue(":ELEMENT_UNIT",          aModel->index(i, 6).data().toString());
+        qry.bindValue(":ELEMENT_PRICE",         aModel->index(i, 7).data().toString());
+        qry.bindValue(":BENEFIT",               aModel->index(i, 9).data().toString());
+        qry.bindValue(":DISCOUNT",              aModel->index(i, 10).data().toString());
+        //qry.bindValue(":TAX",                   aModel->index(i, 10).data().toString());
+        //qry.bindValue(":PRINT",                 aModel->index(i, 10).data().toBool());
+
+        if(!qry.exec())
+        {
+            qDebug() << "" << qry.lastError().text();
+            continue;
+        }
+
+        if(aModel->index(i, 13).data().toString() == "CO")
+        {
+            //QAbstractItemModel * childModel = aModel->index(i, 13).child(0, 0);
+            //saveModel(qry, aCommand,  childModel, aLevel + 1);
+        }
+    }
+}
+
+bool formBudget::needsave()
+{
+    return formBase::needsave();
+}
+
+void formBudget::setEditMode(bool aMode)
+{
+    formBase::setEditMode(aMode);
+
+
+}
+
+void formBudget::closeDocument()
+{
+    if(mNeedSave)
+    {
+
+    }
+    save();
+}
+
+void formBudget::on_editPrice_textChanged(const QString &arg1)
+{
+
+}
+
+void formBudget::on_buttonInsertRow_released()
+{
+    ui->treeView->insertRow();
+}
+
+void formBudget::on_buttonInsertChild_released()
+{
+    QModelIndex selindex = ui->treeView->selectionModel()->currentIndex();
+    QAbstractItemModel *treemodel = ui->treeView->model();
+
+    ui->treeView->insertChild();
+
+    QModelIndex child = treemodel->index(selindex.row(), 13, selindex.parent());
+    treemodel->setData(child, QVariant("CO"), Qt::EditRole);
+}
+
+void formBudget::on_buttonRemoveRow_released()
+{
+    ui->treeView->removeRow();
+}
+
+void formBudget::on_buttonMaterials_released()
+{
+    ui->treeView->insertRow();
+    setLineType("MT", ui->treeView->selectionModel()->currentIndex());
+}
+
+void formBudget::on_buttoMachinary_released()
+{
+    ui->treeView->insertRow();
+    setLineType("MQ", ui->treeView->selectionModel()->currentIndex());
+}
+
+void formBudget::on_buttonManpower_released()
+{
+    ui->treeView->insertRow();
+    setLineType("MO", ui->treeView->selectionModel()->currentIndex());
+}
+
+void formBudget::on_buttonPercent_released()
+{
+    ui->treeView->insertRow();
+    setLineType("%", ui->treeView->selectionModel()->currentIndex());
+}
+
+void formBudget::setLineType(QString type, QModelIndex index)
+{
+    setCellText(type, index, 13);
+}
+
+void formBudget::setCellText(QString val, QModelIndex index, int col)
+{
+    QAbstractItemModel *treemodel = ui->treeView->model();
+
+    QModelIndex child = treemodel->index(index.row(), col, index.parent().isValid() ? index.parent() : QModelIndex());
+    treemodel->setData(child, QVariant(val), Qt::EditRole);
+}
+
+bool formBudget::InsertElement(QString ID, QModelIndex index)
+{
+    if (ID.isEmpty())
+        return false;
+
+    dApp->Enterprise().open();
+    QSqlQuery qry = QSqlQuery(dApp->Enterprise());
+    if (qry.exec(QString("SELECT * FROM ELEMENT WHERE CODE = '%1';").arg(ID)))
+    {
+        qry.first();
+        setCellText(qry.value(qry.record().indexOf("TITLE")).toString(), index, 2);         // TITLE
+        setCellText(qry.value(qry.record().indexOf("DESCRIPTION")).toString(), index, 3);   // DESCRIPTION
+        setCellText(qry.value(qry.record().indexOf("UNIT_ID")).toString(), index, 6);       // UNIT
+
+        if (qry.value(qry.record().indexOf("TYPE1")).toInt() == 0)
+        {
+            QSqlQuery comp = QSqlQuery(dApp->Enterprise());
+            QAbstractItemModel *treemodel = ui->treeView->model();
+
+            if (comp.exec(QString("SELECT * FROM ELEMENTCOMPOSITION WHERE CODE = '%1';").arg(ID)))
+            {
+                QList<QPair<QString, QString> > list;
+
+                while(comp.next())
+                {
+                    list.append(qMakePair(comp.value(comp.record().indexOf("ELEMENT_CODE")).toString(),
+                                          comp.value(comp.record().indexOf("ELEMENT_AMOUNT")).toString()));
+                }
+
+                int row = 0;
+                while (row < list.size())
+                {
+                    if(!treemodel->insertRow(treemodel->rowCount(index), treemodel->index(index.row(), 0, index.parent())))
+                        break;
+
+                    qDebug() << treemodel->rowCount(index);
+
+                    QModelIndex child = treemodel->index(row, 0, treemodel->index(index.row(), 0, index.parent()));
+                    setCellText(list.at(row).first, child, 1);
+                    setCellText(list.at(row).second, child, 4);   //AMOUNT*/
+                    row++;
+
+                }
+            }
+        }
+        else
+        {
+            setCellText(qry.value(qry.record().indexOf("PURCHASE_PRICE")).toString(), index, 7);        //PRICE
+        }
+
+        // TODO: mirar de hacer esto con una enumeración o algo que automice el porceso:
+        switch (qry.value(qry.record().indexOf("TYPE1")).toInt())
+        {
+            case 0:
+                setLineType("CO", index);             // type
+                break;
+            case 1:
+                setLineType("MT", index);             // type
+                break;
+            case 2:
+                setLineType("MO", index);             // type
+                break;
+            case 3:
+                setLineType("MQ", index);             // type
+                break;
+        }
+    }
+    else
+    {
+        qDebug() << qry.lastError().text();
+    }
+
+    dApp->Enterprise().close();
+    return false;
+}
+
+void formBudget::on_buttonValidate_released()
+{
+    // TODO: generar el código definitivo
+
+    mDocumentID = ui->editCode->text();
+    setWindowTitle(mDocumentID);
+
+    QTabWidget * prt = static_cast<QTabWidget*>(parent()->parent());
+    prt->setTabText(prt->currentIndex(), mDocumentID);
+}
+
+void formBudget::on_buttonSave_released()
+{
+    save();
+}
+
+void formBudget::on_ModelSetData(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector<int> &roles)
+{
+    if(mEditMode)
+        return;
+
+    Q_UNUSED(bottomRight);
+
+    if(topLeft.column() == 1)
+    {
+        qDebug() << topLeft.data().toString();
+        InsertElement(topLeft.data().toString(), topLeft);
+    }
+}
+
+
+
+void formBudget::focusInEvent(QFocusEvent *event)
+{
+    qDebug() << "focusInEvent";
+}
+
+
+void formBudget::focusOutEvent(QFocusEvent *event)
+{
+    qDebug() << "focusOutEvent";
+}
+
+
+void formBudget::on_tabWidget_currentChanged(int index)
+{
+    if (index == 1)
+    {
+        ui->ToolbarLines->setVisible(true);
+    }
+    else
+    {
+        ui->ToolbarLines->setVisible(false);
+    }
+}
diff --git a/gui/formbudget.h b/gui/formbudget.h
new file mode 100644
index 0000000..b6a9874
--- /dev/null
+++ b/gui/formbudget.h
@@ -0,0 +1,68 @@
+#ifndef FORMBUDGET_H
+#define FORMBUDGET_H
+
+#include "formbase.h"
+
+#include <QWidget>
+
+
+class QString;
+class TreeItem;
+class QSqlQuery;
+class QAbstractItemModel;
+class TreeModel;
+
+namespace Ui
+{
+class formBudget;
+}
+
+class formBudget : public formBase
+{
+    Q_OBJECT
+
+public:
+    explicit formBudget(QString aID = "", int aEditMode = 0, QWidget *parent = nullptr);
+    ~formBudget() override;
+
+    //void openDocument(QString id);
+    void newDocument() override;
+    void openDocument(QString id) override;
+    void save() override;
+    bool needsave() override;
+    void setEditMode(bool aMode) override;
+    void closeDocument() override;
+private slots:
+    void on_editPrice_textChanged(const QString &arg1);
+    void on_buttonInsertRow_released();
+    void on_buttonInsertChild_released();
+    void on_buttonPercent_released();
+    void on_buttonRemoveRow_released();
+    void on_buttonMaterials_released();
+    void on_buttoMachinary_released();
+    void on_buttonManpower_released();
+    void on_buttonValidate_released();
+    void on_buttonSave_released();
+    void on_ModelSetData(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector<int> &roles);
+    void on_tabWidget_currentChanged(int index);
+
+private:    
+    TreeModel *m_treeModel;
+    Ui::formBudget *ui;
+
+    void setLineType(QString type, QModelIndex index);
+    void setCellText(QString val, QModelIndex index, int col);
+    bool InsertElement(QString ID, QModelIndex index);
+    void saveModel(QSqlQuery qry, QString aCommand, QAbstractItemModel *aModel, int aLevel);
+    void setupTreeView();
+    void setupDelegates();
+    void setupConnections();
+    void initializeDocument();
+
+
+protected:
+    virtual void focusInEvent(QFocusEvent *event) override;
+    virtual void focusOutEvent(QFocusEvent *event) override;
+};
+
+#endif // FORMBUDGET_H
diff --git a/gui/formbudget.ui b/gui/formbudget.ui
new file mode 100644
index 0000000..e5e1f2c
--- /dev/null
+++ b/gui/formbudget.ui
@@ -0,0 +1,1600 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>formBudget</class>
+ <widget class="QWidget" name="formBudget">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>1070</width>
+    <height>573</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <property name="spacing">
+    <number>5</number>
+   </property>
+   <property name="leftMargin">
+    <number>0</number>
+   </property>
+   <property name="topMargin">
+    <number>0</number>
+   </property>
+   <property name="rightMargin">
+    <number>0</number>
+   </property>
+   <property name="bottomMargin">
+    <number>0</number>
+   </property>
+   <item>
+    <widget class="QFrame" name="MainToolBar">
+     <property name="frameShape">
+      <enum>QFrame::StyledPanel</enum>
+     </property>
+     <property name="frameShadow">
+      <enum>QFrame::Raised</enum>
+     </property>
+     <layout class="QHBoxLayout" name="horizontalLayout_6">
+      <property name="spacing">
+       <number>5</number>
+      </property>
+      <property name="leftMargin">
+       <number>0</number>
+      </property>
+      <property name="topMargin">
+       <number>0</number>
+      </property>
+      <property name="rightMargin">
+       <number>0</number>
+      </property>
+      <property name="bottomMargin">
+       <number>0</number>
+      </property>
+      <item>
+       <widget class="QToolButton" name="buttonValidate">
+        <property name="text">
+         <string>Validar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/tick.svg</normaloff>:/resources/icons/tick.svg</iconset>
+        </property>
+        <property name="toolButtonStyle">
+         <enum>Qt::ToolButtonTextBesideIcon</enum>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonSave">
+        <property name="text">
+         <string>Guardar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/save.svg</normaloff>:/resources/icons/save.svg</iconset>
+        </property>
+        <property name="toolButtonStyle">
+         <enum>Qt::ToolButtonTextBesideIcon</enum>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QWidget" name="ToolbarLines" native="true">
+        <property name="sizePolicy">
+         <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+          <horstretch>0</horstretch>
+          <verstretch>0</verstretch>
+         </sizepolicy>
+        </property>
+        <layout class="QHBoxLayout" name="horizontalLayout_4">
+         <property name="spacing">
+          <number>5</number>
+         </property>
+         <property name="leftMargin">
+          <number>10</number>
+         </property>
+         <property name="topMargin">
+          <number>0</number>
+         </property>
+         <property name="rightMargin">
+          <number>0</number>
+         </property>
+         <property name="bottomMargin">
+          <number>0</number>
+         </property>
+         <item>
+          <widget class="QWidget" name="widget_10" native="true">
+           <layout class="QHBoxLayout" name="horizontalLayout_9">
+            <property name="spacing">
+             <number>0</number>
+            </property>
+            <property name="leftMargin">
+             <number>0</number>
+            </property>
+            <property name="topMargin">
+             <number>0</number>
+            </property>
+            <property name="rightMargin">
+             <number>0</number>
+            </property>
+            <property name="bottomMargin">
+             <number>0</number>
+            </property>
+            <item>
+             <widget class="QToolButton" name="buttonInsertChild">
+              <property name="text">
+               <string>...</string>
+              </property>
+              <property name="icon">
+               <iconset resource="../editabletreemodel.qrc">
+                <normaloff>:/resources/icons/box.svg</normaloff>:/resources/icons/box.svg</iconset>
+              </property>
+              <property name="iconSize">
+               <size>
+                <width>20</width>
+                <height>20</height>
+               </size>
+              </property>
+             </widget>
+            </item>
+            <item>
+             <widget class="QToolButton" name="buttonInsertRow">
+              <property name="text">
+               <string>...</string>
+              </property>
+              <property name="icon">
+               <iconset resource="../editabletreemodel.qrc">
+                <normaloff>:/resources/icons/insert.svg</normaloff>:/resources/icons/insert.svg</iconset>
+              </property>
+              <property name="iconSize">
+               <size>
+                <width>20</width>
+                <height>20</height>
+               </size>
+              </property>
+             </widget>
+            </item>
+            <item>
+             <widget class="QToolButton" name="buttonMaterials">
+              <property name="text">
+               <string>...</string>
+              </property>
+              <property name="icon">
+               <iconset resource="../editabletreemodel.qrc">
+                <normaloff>:/resources/icons/blocks.svg</normaloff>:/resources/icons/blocks.svg</iconset>
+              </property>
+              <property name="iconSize">
+               <size>
+                <width>20</width>
+                <height>20</height>
+               </size>
+              </property>
+             </widget>
+            </item>
+            <item>
+             <widget class="QToolButton" name="buttoMachinary">
+              <property name="text">
+               <string>...</string>
+              </property>
+              <property name="icon">
+               <iconset resource="../editabletreemodel.qrc">
+                <normaloff>:/resources/icons/gear.svg</normaloff>:/resources/icons/gear.svg</iconset>
+              </property>
+              <property name="iconSize">
+               <size>
+                <width>20</width>
+                <height>20</height>
+               </size>
+              </property>
+             </widget>
+            </item>
+            <item>
+             <widget class="QToolButton" name="buttonManpower">
+              <property name="icon">
+               <iconset resource="../editabletreemodel.qrc">
+                <normaloff>:/resources/icons/helmet.svg</normaloff>:/resources/icons/helmet.svg</iconset>
+              </property>
+              <property name="iconSize">
+               <size>
+                <width>20</width>
+                <height>20</height>
+               </size>
+              </property>
+             </widget>
+            </item>
+            <item>
+             <widget class="QToolButton" name="buttonPercent">
+              <property name="text">
+               <string/>
+              </property>
+              <property name="icon">
+               <iconset resource="../editabletreemodel.qrc">
+                <normaloff>:/resources/icons/percentage.svg</normaloff>:/resources/icons/percentage.svg</iconset>
+              </property>
+              <property name="iconSize">
+               <size>
+                <width>20</width>
+                <height>20</height>
+               </size>
+              </property>
+             </widget>
+            </item>
+           </layout>
+          </widget>
+         </item>
+         <item>
+          <widget class="QWidget" name="widget_11" native="true">
+           <layout class="QHBoxLayout" name="horizontalLayout_10">
+            <property name="spacing">
+             <number>0</number>
+            </property>
+            <property name="leftMargin">
+             <number>0</number>
+            </property>
+            <property name="topMargin">
+             <number>0</number>
+            </property>
+            <property name="rightMargin">
+             <number>0</number>
+            </property>
+            <property name="bottomMargin">
+             <number>0</number>
+            </property>
+            <item>
+             <widget class="QToolButton" name="toolButton_4">
+              <property name="text">
+               <string/>
+              </property>
+              <property name="icon">
+               <iconset resource="../editabletreemodel.qrc">
+                <normaloff>:/resources/icons/duplicate.svg</normaloff>:/resources/icons/duplicate.svg</iconset>
+              </property>
+              <property name="iconSize">
+               <size>
+                <width>20</width>
+                <height>20</height>
+               </size>
+              </property>
+             </widget>
+            </item>
+            <item>
+             <widget class="QToolButton" name="buttonRemoveRow">
+              <property name="text">
+               <string>...</string>
+              </property>
+              <property name="icon">
+               <iconset resource="../editabletreemodel.qrc">
+                <normaloff>:/resources/icons/delete.svg</normaloff>:/resources/icons/delete.svg</iconset>
+              </property>
+              <property name="iconSize">
+               <size>
+                <width>20</width>
+                <height>20</height>
+               </size>
+              </property>
+             </widget>
+            </item>
+           </layout>
+          </widget>
+         </item>
+        </layout>
+       </widget>
+      </item>
+      <item>
+       <spacer name="horizontalSpacer_5">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>40</width>
+          <height>20</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+      <item>
+       <widget class="QToolButton" name="toolButton_10">
+        <property name="text">
+         <string>...</string>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+   <item>
+    <widget class="QFrame" name="frameInfo">
+     <property name="sizePolicy">
+      <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+       <horstretch>0</horstretch>
+       <verstretch>0</verstretch>
+      </sizepolicy>
+     </property>
+     <property name="minimumSize">
+      <size>
+       <width>650</width>
+       <height>0</height>
+      </size>
+     </property>
+     <property name="frameShape">
+      <enum>QFrame::StyledPanel</enum>
+     </property>
+     <property name="frameShadow">
+      <enum>QFrame::Raised</enum>
+     </property>
+     <layout class="QHBoxLayout" name="horizontalLayout_2">
+      <property name="spacing">
+       <number>5</number>
+      </property>
+      <property name="leftMargin">
+       <number>10</number>
+      </property>
+      <property name="topMargin">
+       <number>10</number>
+      </property>
+      <property name="rightMargin">
+       <number>10</number>
+      </property>
+      <property name="bottomMargin">
+       <number>10</number>
+      </property>
+      <item>
+       <widget class="QWidget" name="widget" native="true">
+        <layout class="QGridLayout" name="gridLayout">
+         <property name="leftMargin">
+          <number>0</number>
+         </property>
+         <property name="topMargin">
+          <number>0</number>
+         </property>
+         <property name="rightMargin">
+          <number>0</number>
+         </property>
+         <property name="bottomMargin">
+          <number>0</number>
+         </property>
+         <property name="horizontalSpacing">
+          <number>10</number>
+         </property>
+         <property name="verticalSpacing">
+          <number>5</number>
+         </property>
+         <item row="1" column="2">
+          <widget class="QLabel" name="label_8">
+           <property name="text">
+            <string>Nombre</string>
+           </property>
+          </widget>
+         </item>
+         <item row="0" column="1">
+          <widget class="QLineEdit" name="editCode">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>150</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>120</width>
+             <height>16777215</height>
+            </size>
+           </property>
+           <property name="alignment">
+            <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+           </property>
+           <property name="readOnly">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="3">
+          <widget class="QLineEdit" name="editProjectName">
+           <property name="minimumSize">
+            <size>
+             <width>500</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maxLength">
+            <number>128</number>
+           </property>
+           <property name="readOnly">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="0" column="4">
+          <widget class="QLabel" name="label_23">
+           <property name="text">
+            <string>Estado</string>
+           </property>
+          </widget>
+         </item>
+         <item row="0" column="5">
+          <widget class="QComboBox" name="comboState">
+           <property name="enabled">
+            <bool>false</bool>
+           </property>
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>120</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>120</width>
+             <height>16777215</height>
+            </size>
+           </property>
+           <item>
+            <property name="text">
+             <string>Borrador</string>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Enviado</string>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>En revisión</string>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Aprobado</string>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Rechazado</string>
+            </property>
+           </item>
+          </widget>
+         </item>
+         <item row="0" column="3">
+          <widget class="QLineEdit" name="editTitle">
+           <property name="minimumSize">
+            <size>
+             <width>500</width>
+             <height>0</height>
+            </size>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="0">
+          <widget class="QLabel" name="label_9">
+           <property name="text">
+            <string>Proyecto</string>
+           </property>
+          </widget>
+         </item>
+         <item row="1" column="0">
+          <widget class="QLabel" name="label_7">
+           <property name="text">
+            <string>Cliente</string>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="2">
+          <widget class="QLabel" name="label_10">
+           <property name="text">
+            <string>Nombre</string>
+           </property>
+          </widget>
+         </item>
+         <item row="1" column="1">
+          <widget class="QComboBox" name="editClientCode">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>150</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>120</width>
+             <height>16777215</height>
+            </size>
+           </property>
+           <property name="editable">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="0" column="0">
+          <widget class="QLabel" name="label_5">
+           <property name="text">
+            <string>Código</string>
+           </property>
+          </widget>
+         </item>
+         <item row="0" column="2">
+          <widget class="QLabel" name="label_6">
+           <property name="text">
+            <string>Título</string>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="1">
+          <widget class="QComboBox" name="editProjectCode">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>150</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>120</width>
+             <height>16777215</height>
+            </size>
+           </property>
+           <property name="editable">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="1" column="3">
+          <widget class="QLineEdit" name="editClientName">
+           <property name="minimumSize">
+            <size>
+             <width>500</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maxLength">
+            <number>128</number>
+           </property>
+           <property name="readOnly">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="0" column="6" rowspan="3">
+          <spacer name="horizontalSpacer_3">
+           <property name="orientation">
+            <enum>Qt::Horizontal</enum>
+           </property>
+           <property name="sizeHint" stdset="0">
+            <size>
+             <width>40</width>
+             <height>20</height>
+            </size>
+           </property>
+          </spacer>
+         </item>
+         <item row="2" column="4" colspan="2">
+          <widget class="QWidget" name="widget_4" native="true">
+           <property name="enabled">
+            <bool>false</bool>
+           </property>
+           <layout class="QHBoxLayout" name="horizontalLayout_5">
+            <property name="spacing">
+             <number>0</number>
+            </property>
+            <property name="leftMargin">
+             <number>0</number>
+            </property>
+            <property name="topMargin">
+             <number>0</number>
+            </property>
+            <property name="rightMargin">
+             <number>0</number>
+            </property>
+            <property name="bottomMargin">
+             <number>0</number>
+            </property>
+            <item>
+             <widget class="QLabel" name="label_24">
+              <property name="text">
+               <string>Versión</string>
+              </property>
+             </widget>
+            </item>
+            <item>
+             <widget class="QComboBox" name="editVersion">
+              <item>
+               <property name="text">
+                <string>0</string>
+               </property>
+              </item>
+             </widget>
+            </item>
+            <item>
+             <widget class="QPushButton" name="pushButton">
+              <property name="sizePolicy">
+               <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+                <horstretch>0</horstretch>
+                <verstretch>0</verstretch>
+               </sizepolicy>
+              </property>
+              <property name="text">
+               <string/>
+              </property>
+              <property name="icon">
+               <iconset resource="../editabletreemodel.qrc">
+                <normaloff>:/resources/icons/tick.svg</normaloff>:/resources/icons/tick.svg</iconset>
+              </property>
+             </widget>
+            </item>
+            <item>
+             <widget class="QPushButton" name="pushButton_2">
+              <property name="sizePolicy">
+               <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+                <horstretch>0</horstretch>
+                <verstretch>0</verstretch>
+               </sizepolicy>
+              </property>
+              <property name="text">
+               <string/>
+              </property>
+              <property name="icon">
+               <iconset resource="../editabletreemodel.qrc">
+                <normaloff>:/resources/icons/tick.svg</normaloff>:/resources/icons/tick.svg</iconset>
+              </property>
+             </widget>
+            </item>
+           </layout>
+          </widget>
+         </item>
+        </layout>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+   <item>
+    <widget class="QTabWidget" name="tabWidget">
+     <property name="currentIndex">
+      <number>1</number>
+     </property>
+     <widget class="QWidget" name="tabFile">
+      <attribute name="title">
+       <string>Ficha</string>
+      </attribute>
+      <widget class="QWidget" name="widget_2" native="true">
+       <property name="geometry">
+        <rect>
+         <x>10</x>
+         <y>10</y>
+         <width>771</width>
+         <height>201</height>
+        </rect>
+       </property>
+       <layout class="QGridLayout" name="gridLayout_2">
+        <property name="leftMargin">
+         <number>0</number>
+        </property>
+        <property name="topMargin">
+         <number>0</number>
+        </property>
+        <property name="rightMargin">
+         <number>0</number>
+        </property>
+        <property name="bottomMargin">
+         <number>0</number>
+        </property>
+        <property name="horizontalSpacing">
+         <number>10</number>
+        </property>
+        <property name="verticalSpacing">
+         <number>5</number>
+        </property>
+        <item row="4" column="0">
+         <widget class="QLabel" name="label_15">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="minimumSize">
+           <size>
+            <width>80</width>
+            <height>0</height>
+           </size>
+          </property>
+          <property name="text">
+           <string>Tipo de Pago</string>
+          </property>
+         </widget>
+        </item>
+        <item row="3" column="0">
+         <widget class="QLabel" name="label_14">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="minimumSize">
+           <size>
+            <width>80</width>
+            <height>0</height>
+           </size>
+          </property>
+          <property name="text">
+           <string>Condificiones de pago</string>
+          </property>
+         </widget>
+        </item>
+        <item row="3" column="2">
+         <widget class="QLineEdit" name="lineEdit_8">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="minimumSize">
+           <size>
+            <width>120</width>
+            <height>0</height>
+           </size>
+          </property>
+         </widget>
+        </item>
+        <item row="0" column="3">
+         <widget class="QLabel" name="label_25">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="minimumSize">
+           <size>
+            <width>80</width>
+            <height>0</height>
+           </size>
+          </property>
+          <property name="text">
+           <string>Fecha de modificación</string>
+          </property>
+         </widget>
+        </item>
+        <item row="0" column="0">
+         <widget class="QLabel" name="label_11">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="minimumSize">
+           <size>
+            <width>80</width>
+            <height>0</height>
+           </size>
+          </property>
+          <property name="text">
+           <string>Fecha</string>
+          </property>
+         </widget>
+        </item>
+        <item row="4" column="2">
+         <widget class="QLineEdit" name="lineEdit_9">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="minimumSize">
+           <size>
+            <width>120</width>
+            <height>0</height>
+           </size>
+          </property>
+         </widget>
+        </item>
+        <item row="0" column="2">
+         <widget class="QDateEdit" name="editdateCreated">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="minimumSize">
+           <size>
+            <width>120</width>
+            <height>0</height>
+           </size>
+          </property>
+          <property name="displayFormat">
+           <string>dd/MM/yyyy</string>
+          </property>
+          <property name="calendarPopup">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item row="0" column="4">
+         <widget class="QDateEdit" name="editdateUpdate">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="minimumSize">
+           <size>
+            <width>120</width>
+            <height>0</height>
+           </size>
+          </property>
+          <property name="alignment">
+           <set>Qt::AlignCenter</set>
+          </property>
+          <property name="readOnly">
+           <bool>true</bool>
+          </property>
+          <property name="buttonSymbols">
+           <enum>QAbstractSpinBox::NoButtons</enum>
+          </property>
+          <property name="displayFormat">
+           <string>dd/MM/yyyy</string>
+          </property>
+         </widget>
+        </item>
+        <item row="1" column="4">
+         <widget class="QDateEdit" name="editdateValidUntill">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="minimumSize">
+           <size>
+            <width>120</width>
+            <height>0</height>
+           </size>
+          </property>
+          <property name="displayFormat">
+           <string>dd/MM/yyyy</string>
+          </property>
+          <property name="calendarPopup">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item row="1" column="2">
+         <widget class="QDateEdit" name="editdateValidUntill_2">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="minimumSize">
+           <size>
+            <width>120</width>
+            <height>0</height>
+           </size>
+          </property>
+          <property name="displayFormat">
+           <string>dd/MM/yyyy</string>
+          </property>
+          <property name="calendarPopup">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item row="1" column="3">
+         <widget class="QLabel" name="label_12">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="minimumSize">
+           <size>
+            <width>80</width>
+            <height>0</height>
+           </size>
+          </property>
+          <property name="text">
+           <string>Fecha fin de validez</string>
+          </property>
+         </widget>
+        </item>
+        <item row="1" column="0">
+         <widget class="QLabel" name="edit">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="minimumSize">
+           <size>
+            <width>80</width>
+            <height>0</height>
+           </size>
+          </property>
+          <property name="text">
+           <string>Fecha de envío</string>
+          </property>
+         </widget>
+        </item>
+       </layout>
+      </widget>
+     </widget>
+     <widget class="QWidget" name="tabBudget">
+      <attribute name="title">
+       <string>Presupuesto</string>
+      </attribute>
+      <layout class="QVBoxLayout" name="verticalLayout_2">
+       <property name="spacing">
+        <number>2</number>
+       </property>
+       <property name="leftMargin">
+        <number>0</number>
+       </property>
+       <property name="topMargin">
+        <number>0</number>
+       </property>
+       <property name="rightMargin">
+        <number>0</number>
+       </property>
+       <property name="bottomMargin">
+        <number>0</number>
+       </property>
+       <item>
+        <widget class="QMTreeView" name="treeView">
+         <property name="editTriggers">
+          <set>QAbstractItemView::AnyKeyPressed|QAbstractItemView::DoubleClicked|QAbstractItemView::EditKeyPressed</set>
+         </property>
+         <property name="tabKeyNavigation">
+          <bool>true</bool>
+         </property>
+         <property name="alternatingRowColors">
+          <bool>true</bool>
+         </property>
+         <property name="selectionBehavior">
+          <enum>QAbstractItemView::SelectItems</enum>
+         </property>
+         <property name="iconSize">
+          <size>
+           <width>20</width>
+           <height>20</height>
+          </size>
+         </property>
+         <property name="animated">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QFrame" name="frame_3">
+         <property name="frameShape">
+          <enum>QFrame::StyledPanel</enum>
+         </property>
+         <property name="frameShadow">
+          <enum>QFrame::Raised</enum>
+         </property>
+         <layout class="QHBoxLayout" name="horizontalLayout">
+          <property name="spacing">
+           <number>10</number>
+          </property>
+          <item>
+           <widget class="QLabel" name="label">
+            <property name="text">
+             <string>Totales</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <spacer name="horizontalSpacer">
+            <property name="orientation">
+             <enum>Qt::Horizontal</enum>
+            </property>
+            <property name="sizeHint" stdset="0">
+             <size>
+              <width>40</width>
+              <height>20</height>
+             </size>
+            </property>
+           </spacer>
+          </item>
+          <item>
+           <widget class="QLabel" name="label_2">
+            <property name="text">
+             <string>Coste</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLineEdit" name="editCost">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+              <horstretch>0</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
+            </property>
+            <property name="minimumSize">
+             <size>
+              <width>100</width>
+              <height>0</height>
+             </size>
+            </property>
+            <property name="readOnly">
+             <bool>true</bool>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLabel" name="label_3">
+            <property name="text">
+             <string>Previo venta</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLineEdit" name="editPrice">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+              <horstretch>0</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
+            </property>
+            <property name="minimumSize">
+             <size>
+              <width>100</width>
+              <height>0</height>
+             </size>
+            </property>
+            <property name="readOnly">
+             <bool>true</bool>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLabel" name="label_4">
+            <property name="text">
+             <string>Margen</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLineEdit" name="editProfit">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+              <horstretch>0</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
+            </property>
+            <property name="minimumSize">
+             <size>
+              <width>100</width>
+              <height>0</height>
+             </size>
+            </property>
+            <property name="readOnly">
+             <bool>true</bool>
+            </property>
+           </widget>
+          </item>
+         </layout>
+        </widget>
+       </item>
+      </layout>
+     </widget>
+     <widget class="QWidget" name="tabSumary">
+      <attribute name="title">
+       <string>Resumen</string>
+      </attribute>
+      <widget class="QWidget" name="widget_3" native="true">
+       <property name="geometry">
+        <rect>
+         <x>10</x>
+         <y>10</y>
+         <width>451</width>
+         <height>131</height>
+        </rect>
+       </property>
+       <layout class="QGridLayout" name="gridLayout_3">
+        <property name="leftMargin">
+         <number>2</number>
+        </property>
+        <property name="topMargin">
+         <number>2</number>
+        </property>
+        <property name="rightMargin">
+         <number>2</number>
+        </property>
+        <property name="bottomMargin">
+         <number>2</number>
+        </property>
+        <property name="horizontalSpacing">
+         <number>0</number>
+        </property>
+        <property name="verticalSpacing">
+         <number>5</number>
+        </property>
+        <item row="3" column="3">
+         <widget class="QLineEdit" name="lineEdit_13">
+          <property name="readOnly">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item row="5" column="3">
+         <widget class="QLineEdit" name="lineEdit_16">
+          <property name="readOnly">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item row="0" column="3">
+         <widget class="QLabel" name="label_19">
+          <property name="minimumSize">
+           <size>
+            <width>80</width>
+            <height>25</height>
+           </size>
+          </property>
+          <property name="styleSheet">
+           <string notr="true">background-color: rgb(191, 191, 191);</string>
+          </property>
+          <property name="text">
+           <string>Margen</string>
+          </property>
+          <property name="alignment">
+           <set>Qt::AlignCenter</set>
+          </property>
+         </widget>
+        </item>
+        <item row="1" column="2">
+         <widget class="QLineEdit" name="lineEdit_6">
+          <property name="readOnly">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item row="0" column="1">
+         <widget class="QLabel" name="label_17">
+          <property name="minimumSize">
+           <size>
+            <width>80</width>
+            <height>25</height>
+           </size>
+          </property>
+          <property name="styleSheet">
+           <string notr="true">background-color: rgb(191, 191, 191);</string>
+          </property>
+          <property name="text">
+           <string>Precio de venta</string>
+          </property>
+          <property name="alignment">
+           <set>Qt::AlignCenter</set>
+          </property>
+         </widget>
+        </item>
+        <item row="1" column="3">
+         <widget class="QLineEdit" name="lineEdit_10">
+          <property name="readOnly">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item row="1" column="0">
+         <widget class="QLabel" name="label_20">
+          <property name="text">
+           <string>Productos</string>
+          </property>
+         </widget>
+        </item>
+        <item row="5" column="0">
+         <widget class="QLabel" name="label_22">
+          <property name="text">
+           <string>Total</string>
+          </property>
+         </widget>
+        </item>
+        <item row="3" column="2">
+         <widget class="QLineEdit" name="lineEdit_12">
+          <property name="readOnly">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item row="5" column="2">
+         <widget class="QLineEdit" name="lineEdit_15">
+          <property name="readOnly">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item row="3" column="1">
+         <widget class="QLineEdit" name="lineEdit_11">
+          <property name="readOnly">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item row="0" column="2">
+         <widget class="QLabel" name="label_18">
+          <property name="minimumSize">
+           <size>
+            <width>80</width>
+            <height>25</height>
+           </size>
+          </property>
+          <property name="styleSheet">
+           <string notr="true">background-color: rgb(191, 191, 191);</string>
+          </property>
+          <property name="text">
+           <string>Precio de Compra</string>
+          </property>
+          <property name="alignment">
+           <set>Qt::AlignCenter</set>
+          </property>
+         </widget>
+        </item>
+        <item row="0" column="0">
+         <widget class="QLabel" name="label_16">
+          <property name="minimumSize">
+           <size>
+            <width>80</width>
+            <height>25</height>
+           </size>
+          </property>
+          <property name="styleSheet">
+           <string notr="true">background-color: rgb(191, 191, 191);</string>
+          </property>
+          <property name="text">
+           <string> Descripción</string>
+          </property>
+         </widget>
+        </item>
+        <item row="1" column="1">
+         <widget class="QLineEdit" name="lineEdit_5">
+          <property name="readOnly">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item row="3" column="0">
+         <widget class="QLabel" name="label_21">
+          <property name="text">
+           <string>Servicios</string>
+          </property>
+         </widget>
+        </item>
+        <item row="5" column="1">
+         <widget class="QLineEdit" name="lineEdit_14">
+          <property name="readOnly">
+           <bool>true</bool>
+          </property>
+         </widget>
+        </item>
+        <item row="2" column="0" colspan="4">
+         <widget class="QLabel" name="separatorLine">
+          <property name="minimumSize">
+           <size>
+            <width>0</width>
+            <height>1</height>
+           </size>
+          </property>
+          <property name="maximumSize">
+           <size>
+            <width>16777215</width>
+            <height>1</height>
+           </size>
+          </property>
+          <property name="styleSheet">
+           <string notr="true">border: 1px solid rgba(0, 0, 0, 0.05);</string>
+          </property>
+          <property name="text">
+           <string/>
+          </property>
+         </widget>
+        </item>
+        <item row="4" column="0" colspan="4">
+         <widget class="QLabel" name="separatorLine_2">
+          <property name="minimumSize">
+           <size>
+            <width>0</width>
+            <height>1</height>
+           </size>
+          </property>
+          <property name="maximumSize">
+           <size>
+            <width>16777215</width>
+            <height>1</height>
+           </size>
+          </property>
+          <property name="styleSheet">
+           <string notr="true">border: 1px solid rgba(0, 0, 0, 0.05);</string>
+          </property>
+          <property name="text">
+           <string/>
+          </property>
+         </widget>
+        </item>
+       </layout>
+      </widget>
+     </widget>
+     <widget class="QWidget" name="tabContacts">
+      <attribute name="title">
+       <string>Contactos</string>
+      </attribute>
+     </widget>
+     <widget class="QWidget" name="tabNotes">
+      <attribute name="title">
+       <string>Notas</string>
+      </attribute>
+      <layout class="QVBoxLayout" name="verticalLayout_3">
+       <item>
+        <widget class="QScrollArea" name="scrollArea">
+         <property name="widgetResizable">
+          <bool>true</bool>
+         </property>
+         <widget class="QWidget" name="scrollAreaWidgetContents">
+          <property name="geometry">
+           <rect>
+            <x>0</x>
+            <y>0</y>
+            <width>1019</width>
+            <height>430</height>
+           </rect>
+          </property>
+          <layout class="QVBoxLayout" name="verticalLayout_6">
+           <property name="spacing">
+            <number>10</number>
+           </property>
+           <property name="leftMargin">
+            <number>0</number>
+           </property>
+           <property name="topMargin">
+            <number>0</number>
+           </property>
+           <property name="rightMargin">
+            <number>0</number>
+           </property>
+           <property name="bottomMargin">
+            <number>10</number>
+           </property>
+           <item>
+            <widget class="QFrame" name="frameTable">
+             <property name="sizePolicy">
+              <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+               <horstretch>0</horstretch>
+               <verstretch>0</verstretch>
+              </sizepolicy>
+             </property>
+             <property name="minimumSize">
+              <size>
+               <width>0</width>
+               <height>200</height>
+              </size>
+             </property>
+             <property name="frameShape">
+              <enum>QFrame::StyledPanel</enum>
+             </property>
+             <property name="frameShadow">
+              <enum>QFrame::Raised</enum>
+             </property>
+             <layout class="QVBoxLayout" name="verticalLayout_4">
+              <property name="spacing">
+               <number>5</number>
+              </property>
+              <property name="leftMargin">
+               <number>0</number>
+              </property>
+              <property name="topMargin">
+               <number>0</number>
+              </property>
+              <property name="rightMargin">
+               <number>0</number>
+              </property>
+              <property name="bottomMargin">
+               <number>0</number>
+              </property>
+              <item>
+               <widget class="QLabel" name="Title">
+                <property name="minimumSize">
+                 <size>
+                  <width>0</width>
+                  <height>20</height>
+                 </size>
+                </property>
+                <property name="maximumSize">
+                 <size>
+                  <width>16777215</width>
+                  <height>20</height>
+                 </size>
+                </property>
+                <property name="styleSheet">
+                 <string notr="true">background-color: rgb(124, 124, 124);
+color: rgb(255, 255, 255);</string>
+                </property>
+                <property name="text">
+                 <string>Nota Privada</string>
+                </property>
+               </widget>
+              </item>
+              <item>
+               <widget class="QWidget" name="Content" native="true">
+                <layout class="QVBoxLayout" name="verticalLayout_7">
+                 <property name="spacing">
+                  <number>0</number>
+                 </property>
+                 <property name="leftMargin">
+                  <number>0</number>
+                 </property>
+                 <property name="topMargin">
+                  <number>0</number>
+                 </property>
+                 <property name="rightMargin">
+                  <number>0</number>
+                 </property>
+                 <property name="bottomMargin">
+                  <number>0</number>
+                 </property>
+                 <item>
+                  <widget class="QWidget" name="textNotePrivate" native="true"/>
+                 </item>
+                </layout>
+               </widget>
+              </item>
+             </layout>
+            </widget>
+           </item>
+           <item>
+            <widget class="QFrame" name="frameTable_2">
+             <property name="sizePolicy">
+              <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+               <horstretch>0</horstretch>
+               <verstretch>0</verstretch>
+              </sizepolicy>
+             </property>
+             <property name="minimumSize">
+              <size>
+               <width>0</width>
+               <height>200</height>
+              </size>
+             </property>
+             <property name="frameShape">
+              <enum>QFrame::StyledPanel</enum>
+             </property>
+             <property name="frameShadow">
+              <enum>QFrame::Raised</enum>
+             </property>
+             <layout class="QVBoxLayout" name="verticalLayout_5">
+              <property name="spacing">
+               <number>5</number>
+              </property>
+              <property name="leftMargin">
+               <number>0</number>
+              </property>
+              <property name="topMargin">
+               <number>0</number>
+              </property>
+              <property name="rightMargin">
+               <number>0</number>
+              </property>
+              <property name="bottomMargin">
+               <number>0</number>
+              </property>
+              <item>
+               <widget class="QLabel" name="Title_2">
+                <property name="minimumSize">
+                 <size>
+                  <width>0</width>
+                  <height>20</height>
+                 </size>
+                </property>
+                <property name="maximumSize">
+                 <size>
+                  <width>16777215</width>
+                  <height>20</height>
+                 </size>
+                </property>
+                <property name="styleSheet">
+                 <string notr="true">background-color: rgb(124, 124, 124);
+color: rgb(255, 255, 255);</string>
+                </property>
+                <property name="text">
+                 <string>Nota Pública</string>
+                </property>
+               </widget>
+              </item>
+              <item>
+               <widget class="QWidget" name="Content_2" native="true">
+                <layout class="QVBoxLayout" name="verticalLayout_8">
+                 <property name="spacing">
+                  <number>0</number>
+                 </property>
+                 <property name="leftMargin">
+                  <number>0</number>
+                 </property>
+                 <property name="topMargin">
+                  <number>0</number>
+                 </property>
+                 <property name="rightMargin">
+                  <number>0</number>
+                 </property>
+                 <property name="bottomMargin">
+                  <number>0</number>
+                 </property>
+                 <item>
+                  <widget class="QWidget" name="textNotePublic" native="true"/>
+                 </item>
+                </layout>
+               </widget>
+              </item>
+             </layout>
+            </widget>
+           </item>
+           <item>
+            <spacer name="verticalSpacer">
+             <property name="orientation">
+              <enum>Qt::Vertical</enum>
+             </property>
+             <property name="sizeHint" stdset="0">
+              <size>
+               <width>20</width>
+               <height>40</height>
+              </size>
+             </property>
+            </spacer>
+           </item>
+          </layout>
+         </widget>
+        </widget>
+       </item>
+      </layout>
+     </widget>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>QMTreeView</class>
+   <extends>QTreeView</extends>
+   <header>qmtreeview.h</header>
+  </customwidget>
+ </customwidgets>
+ <resources>
+  <include location="../editabletreemodel.qrc"/>
+ </resources>
+ <connections/>
+</ui>
diff --git a/gui/formbudgetlist.cpp b/gui/formbudgetlist.cpp
new file mode 100644
index 0000000..0544816
--- /dev/null
+++ b/gui/formbudgetlist.cpp
@@ -0,0 +1,14 @@
+#include "formbudgetlist.h"
+#include "ui_formbudgetlist.h"
+
+FormBudgetList::FormBudgetList(FormBaseList *parent)
+    : FormBaseList(parent)
+    , ui(new Ui::FormBudgetList)
+{
+    ui->setupUi(this);
+}
+
+FormBudgetList::~FormBudgetList()
+{
+    delete ui;
+}
diff --git a/gui/formbudgetlist.h b/gui/formbudgetlist.h
new file mode 100644
index 0000000..aa13933
--- /dev/null
+++ b/gui/formbudgetlist.h
@@ -0,0 +1,23 @@
+#ifndef FORMBUDGETLIST_H
+#define FORMBUDGETLIST_H
+
+#include <QWidget>
+#include <gui/formbaselist.h>
+
+namespace Ui {
+class FormBudgetList;
+}
+
+class FormBudgetList : public FormBaseList
+{
+    Q_OBJECT
+
+public:
+    explicit FormBudgetList(FormBaseList *parent = nullptr);
+    ~FormBudgetList();
+
+private:
+    Ui::FormBudgetList *ui;
+};
+
+#endif // FORMBUDGETLIST_H
diff --git a/gui/formbudgetlist.ui b/gui/formbudgetlist.ui
new file mode 100644
index 0000000..8a60735
--- /dev/null
+++ b/gui/formbudgetlist.ui
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>FormBudgetList</class>
+ <widget class="QWidget" name="FormBudgetList">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
diff --git a/gui/formelementlist.cpp b/gui/formelementlist.cpp
new file mode 100644
index 0000000..2464965
--- /dev/null
+++ b/gui/formelementlist.cpp
@@ -0,0 +1,178 @@
+#include "formelementlist.h"
+#include "qpainter.h"
+#include "ui_formelementlist.h"
+#include "formproduct.h"
+#include "mainwindow.h"
+#include "mapplication.h"
+#include "msqlquerymodel.h"
+#include "utils/filtertableheader.h"
+#include "gui/formbaselist.h"
+
+#include <QDrag>
+
+
+formElementList::formElementList(QWidget *parent) :
+    QWidget(parent),
+    ui(new Ui::formElementList)
+{
+    ui->setupUi(this);
+
+    mModel = new MSqlQueryModel(this);
+    ui->tableView->setModel(mModel);
+    updateList();
+    ui->tableView->setColumnWidth(0, 150);
+    ui->tableView->setColumnWidth(1, 80);
+    ui->tableView->setColumnWidth(2, 120);
+    ui->tableView->setColumnWidth(3, 350);
+    ui->tableView->setColumnWidth(4, 80);
+    ui->tableView->setColumnWidth(5, 80);
+    ui->tableView->setColumnWidth(6, 40);
+
+    // Set up filter row
+    auto *m_tableHeader = new FilterTableHeader(ui->tableView);
+    ui->tableView->setHorizontalHeader(m_tableHeader);
+    m_tableHeader->setFilter(0, "");
+    m_tableHeader->setFocusColumn(0);
+
+    ui->tableView->horizontalHeader()->model()->setHeaderData(0, Qt::Horizontal, tr("Tipo"));
+    ui->tableView->horizontalHeader()->model()->setHeaderData(1, Qt::Horizontal, tr("Clase"));
+    ui->tableView->horizontalHeader()->model()->setHeaderData(2, Qt::Horizontal, tr("Código"));
+    ui->tableView->horizontalHeader()->model()->setHeaderData(3, Qt::Horizontal, tr("Resumen"));
+    ui->tableView->horizontalHeader()->model()->setHeaderData(4, Qt::Horizontal, tr("Coste"));
+    ui->tableView->horizontalHeader()->model()->setHeaderData(5, Qt::Horizontal, tr("Venta"));
+    ui->tableView->horizontalHeader()->model()->setHeaderData(6, Qt::Horizontal, tr("Activo"));
+
+    ui->tableView->setDragEnabled(true);  // Habilita el drag
+    connect(ui->tableView, &QTableView::pressed, this, &formElementList::startDrag);
+}
+
+formElementList::~formElementList()
+{
+    delete ui;
+}
+
+void formElementList::updateList()
+{
+    dApp->Enterprise().open();
+    mModel->setQuery("SELECT TYPE1, TYPE2, CODE, TITLE, PURCHASE_PRICE, SALE_PRICE, STATE FROM ELEMENT" /*" ORDER BY CODE ASC"*/,
+                     dApp->Enterprise());
+    dApp->Enterprise().close();
+}
+
+void formElementList::on_buttonNew_released()
+{
+    formProduct *form = dApp->mainWindow()->createFormProduct(); // sustistuir por Mainwindow::createFormProduct();
+    form->show();
+}
+
+void formElementList::on_buttonEdit_released()
+{
+    openDocument(ui->tableView->currentIndex());
+}
+
+void formElementList::on_buttonClone_released()
+{
+
+}
+
+void formElementList::on_buttonDelete_released()
+{
+    QModelIndex index = ui->tableView->currentIndex();
+    QAbstractItemModel *model = const_cast<QAbstractItemModel*>(index.model()); // Obtén el modelo asociado
+    if (index.column() != 0)
+    {
+        //index = index.parent().child(index.row(), 0);
+        index = model->index(index.row(), 0, index.parent());
+    }
+    QString ID = index.data().toString();
+    QModelIndex parentIndex = index.parent();
+    QModelIndex childIndex = model->index(index.row(), 2, parentIndex); // Obtén el índice del hijo
+    int type = childIndex.data().toInt(); // Accede al dato
+    //int type = index.parent().child(index.row(), 2).data().toInt();
+
+    dApp->Enterprise().open();
+    QSqlQuery qry = QSqlQuery(dApp->Enterprise());
+
+    /*
+    if (index.parent().child(index.row(), 2).data().toInt() == 0)
+    {
+        // TODO: borrar la composición
+        if(!qry.exec(QString("DELETE FROM ELEMENTCOMPOSITION WHERE CODE = '%1';").arg(ID)))
+        {
+            qDebug() << "Error ejecutando el query: " << qry.lastError().text() << "\n";
+            goto error;
+        }
+    }
+    */
+
+    if(!qry.exec(QString("DELETE FROM ELEMENT WHERE CODE = '%1';").arg(ID)))
+    {
+        qDebug() << "Error ejecutando el query: " << qry.lastError().text() << "\n";
+    }
+    updateList();
+
+error:
+    dApp->Enterprise().close();
+}
+
+void formElementList::on_buttonUpdate_released()
+{
+    updateList();
+}
+
+void formElementList::on_tableView_doubleClicked(const QModelIndex &index)
+{
+    openDocument(index);
+}
+
+
+
+
+
+
+
+void formElementList::openDocument(QModelIndex index)
+{
+    QAbstractItemModel *model = ui->tableView->model();
+    //QModelIndex item = index;
+    formProduct *form = dApp->mainWindow()->createFormProduct();
+
+    //if (index.column() != 2)
+    //    item = index.parent().child(index.row(), 2);
+    form->openDocument(model->index(index.row(), 2).data().toString());// item.data().toString());
+    form->show();
+}
+
+
+void formElementList::startDrag(const QModelIndex &index) {
+    if (!index.isValid())
+        return;
+
+    // Crear datos MIME
+    QMimeData *mimeData = new QMimeData();
+    QString data = mModel->data(index).toString();
+    mimeData->setText(data);
+
+    // Iniciar arrastre
+    QDrag *drag = new QDrag(ui->tableView);
+    drag->setMimeData(mimeData);
+
+    // Crear un ícono para el cursor
+    QPixmap pixmap(100, 30);
+    pixmap.fill(Qt::transparent); // Fondo transparente
+
+    QPainter painter(&pixmap);
+    painter.setBrush(Qt::yellow);
+    painter.drawRoundedRect(0, 0, pixmap.width(), pixmap.height(), 5, 5);
+
+    painter.setPen(Qt::black);
+    painter.drawText(pixmap.rect(), Qt::AlignCenter, data);
+    painter.end();
+
+    drag->setPixmap(pixmap); // Asignar el ícono al cursor
+    //drag->setHotSpot(QPoint(pixmap.width() / 2, pixmap.height() / 2)); // Centro del ícono como punto caliente
+
+
+    drag->exec(Qt::MoveAction);
+}
+
diff --git a/gui/formelementlist.h b/gui/formelementlist.h
new file mode 100644
index 0000000..1277dba
--- /dev/null
+++ b/gui/formelementlist.h
@@ -0,0 +1,40 @@
+#ifndef FORMELEMENTLIST_H
+#define FORMELEMENTLIST_H
+
+#include <QWidget>
+
+class QSqlQueryModel;
+
+namespace Ui
+{
+class formElementList;
+}
+
+class formElementList : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit formElementList(QWidget *parent = nullptr);
+    ~formElementList();
+
+private slots:
+    void on_buttonNew_released();
+    void on_buttonEdit_released();
+    void on_buttonClone_released();
+    void on_buttonDelete_released();
+
+    void on_buttonUpdate_released();
+
+    void on_tableView_doubleClicked(const QModelIndex &index);
+
+    void startDrag(const QModelIndex &index);
+private:
+    Ui::formElementList *ui;
+    QSqlQueryModel *mModel;
+
+    void updateList();
+    void openDocument(QModelIndex index);
+};
+
+#endif // FORMELEMENTLIST_H
diff --git a/gui/formelementlist.ui b/gui/formelementlist.ui
new file mode 100644
index 0000000..2a3260a
--- /dev/null
+++ b/gui/formelementlist.ui
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>formElementList</class>
+ <widget class="QWidget" name="formElementList">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>631</width>
+    <height>436</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Elementos</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout_2">
+   <property name="spacing">
+    <number>0</number>
+   </property>
+   <property name="leftMargin">
+    <number>0</number>
+   </property>
+   <property name="topMargin">
+    <number>0</number>
+   </property>
+   <property name="rightMargin">
+    <number>0</number>
+   </property>
+   <property name="bottomMargin">
+    <number>0</number>
+   </property>
+   <item>
+    <widget class="QTableView" name="tableView">
+     <property name="selectionMode">
+      <enum>QAbstractItemView::MultiSelection</enum>
+     </property>
+     <property name="selectionBehavior">
+      <enum>QAbstractItemView::SelectRows</enum>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QFrame" name="frame_2">
+     <property name="frameShape">
+      <enum>QFrame::StyledPanel</enum>
+     </property>
+     <property name="frameShadow">
+      <enum>QFrame::Raised</enum>
+     </property>
+     <layout class="QHBoxLayout" name="horizontalLayout">
+      <property name="spacing">
+       <number>0</number>
+      </property>
+      <property name="leftMargin">
+       <number>0</number>
+      </property>
+      <property name="topMargin">
+       <number>0</number>
+      </property>
+      <property name="rightMargin">
+       <number>0</number>
+      </property>
+      <property name="bottomMargin">
+       <number>0</number>
+      </property>
+      <item>
+       <widget class="QPushButton" name="buttonNew">
+        <property name="text">
+         <string>Nuevo</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/add-file.svg</normaloff>:/resources/icons/add-file.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonEdit">
+        <property name="text">
+         <string>Editar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/pencil.svg</normaloff>:/resources/icons/pencil.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonClone">
+        <property name="text">
+         <string>Duplicar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/copy.svg</normaloff>:/resources/icons/copy.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonDelete">
+        <property name="text">
+         <string>Borrar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/recycle.svg</normaloff>:/resources/icons/recycle.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonUpdate">
+        <property name="text">
+         <string>Actualizar</string>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <resources>
+  <include location="../editabletreemodel.qrc"/>
+ </resources>
+ <connections/>
+</ui>
diff --git a/gui/forminvoiceinlist.cpp b/gui/forminvoiceinlist.cpp
new file mode 100644
index 0000000..2c328b8
--- /dev/null
+++ b/gui/forminvoiceinlist.cpp
@@ -0,0 +1,14 @@
+#include "forminvoiceinlist.h"
+#include "ui_forminvoiceinlist.h"
+
+formInvoiceInList::formInvoiceInList(QWidget *parent) :
+    FormBaseList(parent),
+    ui(new Ui::formInvoiceInList)
+{
+    //ui->setupUi(this);
+}
+
+formInvoiceInList::~formInvoiceInList()
+{
+    delete ui;
+}
diff --git a/gui/forminvoiceinlist.h b/gui/forminvoiceinlist.h
new file mode 100644
index 0000000..6060098
--- /dev/null
+++ b/gui/forminvoiceinlist.h
@@ -0,0 +1,24 @@
+#ifndef FORMINVOICEINLIST_H
+#define FORMINVOICEINLIST_H
+
+#include <QDockWidget>
+
+#include "formbaselist.h"
+
+namespace Ui {
+class formInvoiceInList;
+}
+
+class formInvoiceInList : public FormBaseList
+{
+    Q_OBJECT
+
+public:
+    explicit formInvoiceInList(QWidget *parent = nullptr);
+    ~formInvoiceInList();
+
+private:
+    Ui::formInvoiceInList *ui;
+};
+
+#endif // FORMINVOICEINLIST_H
diff --git a/gui/forminvoiceinlist.ui b/gui/forminvoiceinlist.ui
new file mode 100644
index 0000000..7c91471
--- /dev/null
+++ b/gui/forminvoiceinlist.ui
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>formInvoiceInList</class>
+ <widget class="QDockWidget" name="formInvoiceInList">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>596</width>
+    <height>320</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>DockWidget</string>
+  </property>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
diff --git a/gui/formproduct.cpp b/gui/formproduct.cpp
new file mode 100644
index 0000000..e7e78d7
--- /dev/null
+++ b/gui/formproduct.cpp
@@ -0,0 +1,489 @@
+#include "formproduct.h"
+#include "ui_formproduct.h"
+#include "mapplication.h"
+#include "treemodelcomposeelement.h"
+
+#include "itemnumberdelegate.h"
+#include "itemtextdelegate.h"
+#include "itemtextpopupdelegate.h"
+#include "itemcomboboxdelegate.h"
+
+#include "QtSql"
+
+
+formProduct::formProduct(QString aID, int aEditMode, QWidget *parent) :
+    formBase(aID, aEditMode, parent),
+    ui(new Ui::formProduct),
+    editMode(false)
+{
+    ui->setupUi(this);
+    ui->editDischargeDate->setDate(QDate::currentDate());
+    ui->editUpdateDate->setDate(QDate::currentDate());
+
+    QStringList headers;
+    headers << tr("Código")             //Código del elemento (editable)
+            << tr("Título")             //Título del elemento (NO editable)
+            << tr("Cantidad")           //Cantidad del elemento (editable)
+            << tr("Cantidad total")     //Cantidad total del elemento (NO editable)
+            << tr("Unidad")             //Unidad del elemento (editable)
+            << tr("N. Precio Unitario") //Precio unitario del elemento (editable)
+            << tr("N. Precio Total")    //Precio total del elemento (NO editable)
+            << tr("Tipo")
+            << ("");
+
+    TreeModelComposeElement *model = new TreeModelComposeElement(headers, QByteArray());
+    ui->treeView->setModel(model);
+
+    // Texto con Popup
+    ItemTextPopupDelegate *LineTextPopup = new ItemTextPopupDelegate(this);
+    ui->treeView->setItemDelegateForColumn(0, LineTextPopup);
+
+    // Texto:
+    //ItemTextDelegate *LineTextEditor = new ItemTextDelegate(this);
+    //ui->treeView->setItemDelegateForColumn(0, LineTextEditor);
+    //ui->treeView->setItemDelegateForColumn(2, LineTextEditor);
+
+    // Números:
+    ItemNumberDelegate *doubleNumberEditor = new ItemNumberDelegate(0.0, 999999.99, 0.05, 2, this);
+    ui->treeView->setItemDelegateForColumn(2, doubleNumberEditor);
+
+    // Combobox:
+    //ItemComboboxDelegate *ComboboxEditor = new ItemComboboxDelegate(this);
+    //ui->treeView->setItemDelegateForColumn(6, ComboboxEditor);
+
+    connect(model, &TreeModelComposeElement::dataChanged, this, &formProduct::on_ModelSetData);
+    ui->treeView->setColumnWidth( 0, 150);
+    ui->treeView->setColumnWidth( 1, 250);
+    ui->treeView->setColumnWidth( 2, 80);
+    ui->treeView->setColumnWidth( 3, 80);
+    ui->treeView->setColumnWidth( 4, 50);
+    ui->treeView->setColumnWidth( 5, 80);
+    ui->treeView->setColumnWidth( 6, 80);
+
+
+
+    //Arg1: the number
+    //Arg2: how many 0 you want?
+    //Arg3: The base (10 - decimal, 16 hexadecimal - if you don't understand, choose 10)
+    //      It seems like only decimal can support negative numbers.
+    ui->editCode->setText(QString("EL%1").arg(2, 10, 10, QChar('0')));
+
+    // Unidades:
+    dApp->Enterprise().open();
+    QSqlQueryModel *unitModel = new QSqlQueryModel(this);
+    unitModel->setQuery("SELECT * FROM UNIT", dApp->Enterprise());
+
+    //ui->comboUnit->setModel(unitModel);
+    QTableView* tableView = new QTableView( this );
+    QHeaderView* header = tableView->verticalHeader();
+    header->setDefaultSectionSize(20); // 20 px height
+    header->sectionResizeMode(QHeaderView::Fixed);
+    tableView->setModel( unitModel );
+    tableView->verticalHeader()->setVisible(false);
+    tableView->horizontalHeader()->setVisible(false);
+    tableView->setColumnWidth ( 0, 60 );
+    tableView->setColumnWidth ( 1, 160 );
+    tableView->setHorizontalScrollBarPolicy(Qt::ScrollBarAsNeeded);
+    tableView->setSelectionBehavior(QAbstractItemView::SelectRows);
+    tableView->setAutoScroll(false);
+    ui->comboUnit->setModel( unitModel );
+    ui->comboUnit->setView( tableView );
+    ui->comboUnit->view()->setMinimumWidth(220);
+
+    dApp->Enterprise().close();
+
+}
+
+formProduct::~formProduct()
+{
+    delete ui;
+}
+
+void formProduct::openDocument(QString id)
+{
+    setEditMode();
+    ui->editCode->setText(id);
+    ui->editCode->setReadOnly(true);
+
+    ui->treeView->model()->removeRows(0, ui->treeView->model()->rowCount());
+
+    dApp->Enterprise().open();
+    QSqlQuery qry = QSqlQuery(dApp->Enterprise());
+    if(qry.exec(QString("SELECT * FROM ELEMENT WHERE CODE = '%1';").arg(id)))
+    {
+        qry.first();
+
+        ui->comboType1->setCurrentIndex(qry.value(qry.record().indexOf("TYPE1")).toInt());
+        ui->comboType2->setCurrentIndex(qry.value(qry.record().indexOf("TYPE2")).toInt());
+
+        ui->editTitle->setText(qry.value(qry.record().indexOf("TITLE")).toString());
+        ui->editDescription->setHtml(qry.value(qry.record().indexOf("DESCRIPTION")).toString());
+        //ui->editTitle->setText(qry.value(4).toString());  // FAMILY_ID
+        ui->comboUnit->setCurrentText(qry.value(qry.record().indexOf("UNIT_ID")).toString());  // UNIT_ID
+
+        ui->editUpdateDate->setDate(qry.value(qry.record().indexOf("DATE_UPDATE")).toDate());
+        //ui->editDischargeDate->setDate(qry.value().toDate());
+
+        ui->editPVP->setValue(qry.value(qry.record().indexOf("REAL_PRICE")).toDouble());
+        ui->editDiscount->setValue(qry.value(qry.record().indexOf("DISCOUNT")).toDouble());
+        ui->editPC->setValue(qry.value(qry.record().indexOf("PURCHASE_PRICE")).toDouble());
+        ui->editMargin->setValue(qry.value(qry.record().indexOf("BENEFIT")).toDouble());
+        ui->editPV->setValue(qry.value(qry.record().indexOf("SALE_PRICE")).toDouble());
+        ui->comboIVA->setCurrentText(qry.value(qry.record().indexOf("TAX")).toString());
+
+        ui->checkState->setChecked(qry.value(qry.record().indexOf("STATE")).toBool());
+
+        ui->editWeight->setValue(qry.value(qry.record().indexOf("WEIGHT")).toDouble());
+        ui->editHeight->setValue(qry.value(qry.record().indexOf("HEIGHT")).toDouble());
+        ui->editWidth->setValue(qry.value(qry.record().indexOf("WIDTH")).toDouble());
+        ui->editLength->setValue(qry.value(qry.record().indexOf("LENGHT")).toDouble());
+
+        if(qry.value(qry.record().indexOf("TYPE1")).toInt() == 0)
+        {
+            setComposeElement(true);
+
+            QList<QPair<QString, QString> > list;
+
+            if(qry.exec(QString("SELECT * FROM ELEMENTCOMPOSITION WHERE CODE = '%1';").arg(id)))
+            {
+                while(qry.next())
+                {
+                    list.append(qMakePair(qry.value(qry.record().indexOf("ELEMENT_CODE")).toString(),
+                                          qry.value(qry.record().indexOf("ELEMENT_AMOUNT")).toString()));
+                }
+
+                int row = 0;
+
+                while(row < list.size())
+                {
+                    ui->treeView->addRow();
+                    QModelIndex index = ui->treeView->model()->index(row, 0);
+                    setCellText(list.at(row).first, index, 0);      // CODE
+                    setCellText(list.at(row).second, index, 2);    // AMOUNT
+                    row ++;
+                }
+                ui->treeView->addRow();
+            }
+            else
+            {
+                qDebug() << "Error ejecutando el query: " << qry.lastError().text() << "\n";
+            }
+        }
+        else
+        {
+            setComposeElement(false);
+        }
+    }
+    else
+    {
+        qDebug() << "Error ejecutando el query: " << qry.lastError().text() << "\n";
+    }
+
+    dApp->Enterprise().close();
+}
+
+void formProduct::closeDocument()
+{
+    close();
+}
+
+void formProduct::setEditMode()
+{
+    editMode = true;
+    ui->editCode->setReadOnly(true);// ->setEnabled(false);
+}
+
+void formProduct::on_editPC_valueChanged(double arg1)
+{
+    CalculatePrice();
+}
+
+void formProduct::on_editMargin_valueChanged(double arg1)
+{
+    CalculatePrice();
+}
+
+void formProduct::on_editPV_valueChanged(double arg1)
+{
+
+}
+
+void formProduct::on_editPV_editingFinished()
+{
+    double pc = ui->editPC->value();
+    if (pc == 0)
+        return;
+
+    double ma;
+    double pv = ui->editPV->value();
+
+    ma = (pv/pc - 1) * 100;
+    if(ma != ui->editMargin->value())
+        ui->editMargin->setValue(ma);
+}
+
+void formProduct::on_comboIVA_currentIndexChanged(const QString &arg1)
+{
+    CalculatePrice();
+}
+
+void formProduct::CalculatePrice()
+{
+    double pc = ui->editPC->value();
+    double ma = ui->editMargin->value();
+    QString ivatext = ui->comboIVA->currentText().replace("%", "");
+    double iva = ivatext.toDouble();
+
+    double pv = pc * (1 + ma / 100);
+    ui->editPV->setValue(pv);
+    ui->editPVIVA->setValue( pv * (1 + iva / 100));
+}
+
+void formProduct::save()
+{
+    // INSERT
+    QString Element;
+    QString ElementComp;
+
+
+    if(editMode == false)
+    {
+        Element = "INSERT INTO ELEMENT ("
+                  "CODE, TYPE1, TYPE2, TITLE, DESCRIPTION, FAMILY_ID, UNIT_ID, "
+                  "DATE_UPDATE, REAL_PRICE, DISCOUNT, PURCHASE_PRICE, BENEFIT, TAX, SALE_PRICE, "
+                  "BARCODE, IMAGE, STATE, MANUFACTURER, GAMMA, "
+                  "WEIGHT, HEIGHT, WIDTH, LENGHT"
+                  ") VALUES ("
+                  ":CODE, :TYPE1, :TYPE2, :TITLE, :DESCRIPTION, :FAMILY_ID, :UNIT_ID, "
+                  ":DATE_UPDATE, :REAL_PRICE, :DISCOUNT, :PURCHASE_PRICE, :BENEFIT, :TAX, :SALE_PRICE, "
+                  ":BARCODE, :IMAGE, :STATE, :MANUFACTURER, :GAMMA, "
+                  ":WEIGHT, :HEIGHT, :WIDTH, :LENGHT"
+            ");";
+
+        ElementComp = "INSERT INTO ELEMENTCOMPOSITION ("
+            "CODE, ELEMENT_CODE, ELEMENT_AMOUNT"
+            ") VALUES ("
+            ":CODE, :ELEMENT_CODE, :ELEMENT_AMOUNT"
+            ");";
+    }
+    // UPDATE
+    else
+    {
+        Element = "UPDATE ELEMENT SET "
+            "TYPE1 = :TYPE1, TYPE2 = :TYPE2, TITLE = :TITLE, DESCRIPTION = :DESCRIPTION, FAMILY_ID = :FAMILY_ID, "
+            "UNIT_ID = :UNIT_ID, DATE_UPDATE = :DATE_UPDATE, REAL_PRICE = :REAL_PRICE, DISCOUNT = :DISCOUNT, "
+            "PURCHASE_PRICE = :PURCHASE_PRICE, BENEFIT = :BENEFIT, TAX = :TAX, SALE_PRICE = :SALE_PRICE, BARCODE = :BARCODE, IMAGE = :IMAGE, "
+            "STATE = :STATE, MANUFACTURER = :MANUFACTURER, GAMMA = :GAMMA, WEIGHT = :WEIGHT, HEIGHT = :HEIGHT, "
+            "WIDTH = :WIDTH, LENGHT = :LENGHT "
+            "WHERE CODE = :CODE"
+            ";";
+
+        ElementComp = "UPDATE ELEMENTCOMPOSITION SET "
+            "CODE = :CODE, ELEMENT_CODE = :ELEMENT_CODE, ELEMENT_AMOUNT = :ELEMENT_AMOUNT, ELEMENT_PRICE := ELEMENT_PRICE "
+            "WHERE "
+            ";";
+    }
+
+
+    dApp->Enterprise().open();
+    QSqlQuery qry = QSqlQuery(dApp->Enterprise());
+
+    // 1. Si es compuesto crear la lista de elementos que lo componen:
+    if(ui->comboType1->currentIndex() == 0)
+    {
+        QAbstractItemModel *model = ui->treeView->model();
+
+        for (int i = 0; i < model->rowCount(); i++)
+        {
+            // Obtiene los datos de la primera columna
+            QString elementCode = model->index(i, 0).data().toString();
+
+            // Verifica si los datos son válidos
+            if (elementCode.isEmpty())
+                continue;
+
+            qry.prepare(ElementComp);
+            qry.bindValue(":CODE", ui->editCode->text());
+            qry.bindValue(":ELEMENT_CODE", elementCode);
+            qry.bindValue(":ELEMENT_AMOUNT", model->index(i, 2).data().toDouble());
+
+            if(!qry.exec())
+            {
+                // todo: barrar lo creado
+                qDebug() << "Error ejecutando el query: " << qry.lastError().text() << "\n";
+                dApp->Enterprise().close();
+                return;
+            }
+        }
+    }
+
+    // 2. Crear el elemento principal
+    qry.prepare(Element);
+    qry.bindValue(":CODE", ui->editCode->text());
+    qry.bindValue(":TYPE1", ui->comboType1->currentIndex());
+    qry.bindValue(":TYPE2", ui->comboType2->currentIndex());
+    qry.bindValue(":TITLE", ui->editTitle->text());
+    qry.bindValue(":DESCRIPTION", ui->editDescription->toHtml());
+    //qry.bindValue(":FAMILY_ID", ui->editCode->text());
+    qry.bindValue(":UNIT_ID", ui->comboUnit->currentText());
+    qry.bindValue(":DATE_UPDATE", ui->editUpdateDate->date());
+    qry.bindValue(":REAL_PRICE", ui->editPVP->value());
+    qry.bindValue(":DISCOUNT", ui->editDiscount->value());
+    qry.bindValue(":PURCHASE_PRICE", ui->editPC->value());
+    qry.bindValue(":BENEFIT", ui->editMargin->value());
+    qry.bindValue(":TAX", ui->comboIVA->currentText().replace("%", ""));
+    qry.bindValue(":SALE_PRICE", ui->editPV->text());
+    //qry.bindValue(":BARCODE", ui->edit->text());
+    //qry.bindValue(":IMAGE", ui->editCode->text());
+    qry.bindValue(":STATE", ui->checkState->isChecked());
+    //qry.bindValue(":MANUFACTURER", ui->editCode->text());
+    //qry.bindValue(":GAMMA", ui->editCode->text());
+    qry.bindValue(":WEIGHT", ui->editWeight->text());
+    qry.bindValue(":HEIGHT", ui->editHeight->text());
+    qry.bindValue(":WIDTH", ui->editWidth->text());
+    qry.bindValue(":LENGHT", ui->editLength->text());
+
+    if(!qry.exec())
+    {
+        //goto error;
+    }
+
+    setWindowTitle(mDocumentID);
+
+    QTabWidget * prt = static_cast<QTabWidget*>(parent()->parent());
+    prt->setTabText(prt->currentIndex(), ui->editCode->text() + " - " + ui->editTitle->text());
+    dApp->Enterprise().close();
+    setEditMode();
+    return;
+
+error:
+    dApp->Enterprise().close();
+    qDebug() << "Error ejecutando el query: " << qry.lastError().text() << "\n";
+}
+
+void formProduct::on_buttonSave_released()
+{
+    // Salvar
+    save();
+}
+
+void formProduct::on_editPVIVA_valueChanged(const QString &arg1)
+{
+    ui->editUpdateDate->setDate(QDate::currentDate());
+}
+
+void formProduct::on_ModelSetData(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector<int> &roles)
+{
+    Q_UNUSED(bottomRight);
+
+    if(topLeft.column() == 0)
+    {
+        InsertElement(topLeft.data(roles.first()).toString(), topLeft);
+    }
+    else if(topLeft.column() == 2)
+    {
+        QAbstractItemModel /*TreeModelComposeElement*/ *aModel = ui->treeView->model();
+        double pt = 0;
+        for(int i = 0; i < aModel->rowCount(); i++)
+        {
+            QModelIndex idx = aModel->index(i, 6);
+            pt += idx.data().toDouble();
+        }
+        ui->editPC->setValue(pt);
+    }
+}
+
+void formProduct::setLineType(QString type, QModelIndex index)
+{
+    setCellText(type, index, 7);
+}
+
+void formProduct::setCellText(QString val, QModelIndex index, int col)
+{
+    //QModelIndex selindex = ui->treeView->selectionModel()->currentIndex();
+    QAbstractItemModel *treemodel = ui->treeView->model();
+
+    QModelIndex child = treemodel->index(index.row(), col, index.parent().isValid() ? index.parent() : QModelIndex());
+    treemodel->setData(child, QVariant(val), Qt::EditRole);
+}
+
+bool formProduct::InsertElement(QString ID, QModelIndex index)
+{
+    if (ID.isEmpty())
+        return false;
+
+    dApp->Enterprise().open();
+    QSqlQuery qry = QSqlQuery(dApp->Enterprise());
+    if (qry.exec(QString("SELECT * FROM ELEMENT WHERE CODE = '%1';").arg(ID)))
+    {
+        qry.first();
+        setCellText(qry.value(qry.record().indexOf("TITLE")).toString(), index, 1);            // TITLE
+        setCellText(qry.value(qry.record().indexOf("UNIT_ID")).toString(), index, 4);             // UNIT                    ----QSqlQuery::value: not positioned on a valid record
+
+        /*
+        if (qry.value(qry.record().indexOf("TYPE")).toInt() == 0)
+        {
+            on_buttonInsertChild_released();
+
+            QSqlQuery comp = QSqlQuery(dApp->Enterprise());
+            if (comp.exec(QString("SELECT * FROM ELEMENTCOMPOSITION WHERE CODE = '%1';").arg(ID)))
+            {
+                while (comp.next())
+                {
+                    on_buttonInsertRow_released();
+                    InsertElement(comp.value(1).toString());
+                    setCellText(4, comp.value(comp.record().indexOf("ELEMENT_AMOUNT")).toString());  //AMOUNT
+                }
+            }
+        }
+        else*/
+        {
+            setCellText(qry.value(qry.record().indexOf("PURCHASE_PRICE")).toString(), index, 5);        //PRICE                         ----QSqlQuery::value: not positioned on a valid record
+        }
+
+        // TODO: mirar de hacer esto con una enumeración o algo que automice el porceso:
+        switch (qry.value(qry.record().indexOf("TYPE1")).toInt())
+        {
+            case 0:
+                setLineType("CO", index);             // type
+                break;
+            case 1:
+                setLineType("MT", index);             // type
+                break;
+            case 2:
+                setLineType("MO", index);             // type
+                break;
+            case 3:
+                setLineType("MQ", index);             // type
+                break;
+        }
+    }
+    else
+    {
+        qDebug() << qry.lastError().text();
+    }
+
+    dApp->Enterprise().close();
+    return false;
+}
+
+void formProduct::on_comboType2_currentIndexChanged(int index)
+{
+    if(index == 0)
+        setComposeElement(true);
+    else
+        setComposeElement(false);
+}
+
+void formProduct::setComposeElement(bool val)
+{
+    ui->editPVP->setEnabled(!val);
+    ui->editDiscount->setEnabled(!val);
+    ui->editPC->setReadOnly(val);
+    ui->groupBox_6->setVisible(!val);
+
+    //ui->tabCompose->setVisible(val);
+
+    ui->comboType1->setEnabled(!val);
+    //ui->comboType2->setEnabled(!val);
+}
diff --git a/gui/formproduct.h b/gui/formproduct.h
new file mode 100644
index 0000000..bebf59c
--- /dev/null
+++ b/gui/formproduct.h
@@ -0,0 +1,54 @@
+#ifndef FORMPRODUCT_H
+#define FORMPRODUCT_H
+
+#include <QWidget>
+#include "formbase.h"
+
+namespace Ui
+{
+class formProduct;
+}
+
+class formProduct : public formBase
+{
+    Q_OBJECT
+
+public:
+    //explicit formProduct(QWidget *parent = 0);
+    explicit formProduct(QString aID = "", int aEditMode = 0, QWidget *parent = nullptr);
+    ~formProduct();
+
+    void newDocument() override {}
+    void openDocument(QString id) override;
+    void closeDocument() override;
+    void save() override;
+    bool needsave() override { return mNeedSave; }
+    void setEditMode(bool aMode) override {}
+
+public slots:
+    void on_ModelSetData(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector<int> &roles);
+private slots:
+    void on_editPC_valueChanged(double arg1);
+    void on_editMargin_valueChanged(double arg1);
+    void on_editPV_valueChanged(double arg1);
+    void on_comboIVA_currentIndexChanged(const QString &arg1);
+    void on_editPV_editingFinished();
+    void on_buttonSave_released();
+
+    void on_editPVIVA_valueChanged(const QString &arg1);
+
+    void on_comboType2_currentIndexChanged(int index);
+
+private:
+    Ui::formProduct *ui;
+    bool editMode;
+
+    void CalculatePrice();
+    bool InsertElement(QString ID, QModelIndex index);
+    void setLineType(QString type, QModelIndex index);
+    void setCellText(QString val, QModelIndex index, int col);
+    void setEditMode();
+    void setComposeElement(bool val);
+};
+
+#endif // FORMPRODUCT_H
diff --git a/gui/formproduct.ui b/gui/formproduct.ui
new file mode 100644
index 0000000..d581bba
--- /dev/null
+++ b/gui/formproduct.ui
@@ -0,0 +1,1533 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>formProduct</class>
+ <widget class="QWidget" name="formProduct">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>927</width>
+    <height>617</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <property name="spacing">
+    <number>5</number>
+   </property>
+   <property name="leftMargin">
+    <number>0</number>
+   </property>
+   <property name="topMargin">
+    <number>0</number>
+   </property>
+   <property name="rightMargin">
+    <number>0</number>
+   </property>
+   <property name="bottomMargin">
+    <number>0</number>
+   </property>
+   <item>
+    <widget class="QFrame" name="MainToolBar">
+     <property name="frameShape">
+      <enum>QFrame::StyledPanel</enum>
+     </property>
+     <property name="frameShadow">
+      <enum>QFrame::Raised</enum>
+     </property>
+     <layout class="QHBoxLayout" name="horizontalLayout_6">
+      <property name="spacing">
+       <number>5</number>
+      </property>
+      <property name="leftMargin">
+       <number>0</number>
+      </property>
+      <property name="topMargin">
+       <number>0</number>
+      </property>
+      <property name="rightMargin">
+       <number>0</number>
+      </property>
+      <property name="bottomMargin">
+       <number>0</number>
+      </property>
+      <item>
+       <widget class="QToolButton" name="buttonSave">
+        <property name="text">
+         <string>Guardar</string>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="toolButton_9">
+        <property name="text">
+         <string>...</string>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <spacer name="horizontalSpacer_5">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>40</width>
+          <height>20</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+      <item>
+       <widget class="QToolButton" name="toolButton_10">
+        <property name="text">
+         <string>...</string>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+   <item>
+    <widget class="QFrame" name="frameInfo">
+     <property name="sizePolicy">
+      <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+       <horstretch>0</horstretch>
+       <verstretch>0</verstretch>
+      </sizepolicy>
+     </property>
+     <property name="minimumSize">
+      <size>
+       <width>650</width>
+       <height>0</height>
+      </size>
+     </property>
+     <property name="frameShape">
+      <enum>QFrame::StyledPanel</enum>
+     </property>
+     <property name="frameShadow">
+      <enum>QFrame::Raised</enum>
+     </property>
+     <layout class="QHBoxLayout" name="horizontalLayout_2">
+      <property name="spacing">
+       <number>10</number>
+      </property>
+      <property name="leftMargin">
+       <number>10</number>
+      </property>
+      <property name="topMargin">
+       <number>10</number>
+      </property>
+      <property name="rightMargin">
+       <number>10</number>
+      </property>
+      <property name="bottomMargin">
+       <number>10</number>
+      </property>
+      <item>
+       <widget class="QFrame" name="frame_2">
+        <property name="sizePolicy">
+         <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+          <horstretch>0</horstretch>
+          <verstretch>0</verstretch>
+         </sizepolicy>
+        </property>
+        <property name="frameShape">
+         <enum>QFrame::StyledPanel</enum>
+        </property>
+        <property name="frameShadow">
+         <enum>QFrame::Raised</enum>
+        </property>
+        <layout class="QHBoxLayout" name="horizontalLayout_7">
+         <property name="spacing">
+          <number>0</number>
+         </property>
+         <property name="leftMargin">
+          <number>1</number>
+         </property>
+         <property name="topMargin">
+          <number>1</number>
+         </property>
+         <property name="rightMargin">
+          <number>1</number>
+         </property>
+         <property name="bottomMargin">
+          <number>1</number>
+         </property>
+         <item>
+          <widget class="AvatarWidget" name="Logo">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>130</width>
+             <height>130</height>
+            </size>
+           </property>
+           <property name="text">
+            <string>TextLabel</string>
+           </property>
+          </widget>
+         </item>
+        </layout>
+       </widget>
+      </item>
+      <item alignment="Qt::AlignLeft|Qt::AlignTop">
+       <widget class="QWidget" name="widget" native="true">
+        <property name="minimumSize">
+         <size>
+          <width>400</width>
+          <height>0</height>
+         </size>
+        </property>
+        <layout class="QGridLayout" name="gridLayout">
+         <property name="leftMargin">
+          <number>0</number>
+         </property>
+         <property name="topMargin">
+          <number>0</number>
+         </property>
+         <property name="rightMargin">
+          <number>0</number>
+         </property>
+         <property name="bottomMargin">
+          <number>0</number>
+         </property>
+         <property name="horizontalSpacing">
+          <number>10</number>
+         </property>
+         <property name="verticalSpacing">
+          <number>5</number>
+         </property>
+         <item row="0" column="1">
+          <widget class="QLabel" name="label_5">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="text">
+            <string>Código</string>
+           </property>
+          </widget>
+         </item>
+         <item row="5" column="2">
+          <widget class="QComboBox" name="comboSell">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>120</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>120</width>
+             <height>16777215</height>
+            </size>
+           </property>
+           <item>
+            <property name="text">
+             <string>En venta</string>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Fuera de venta</string>
+            </property>
+           </item>
+          </widget>
+         </item>
+         <item row="6" column="2">
+          <widget class="QComboBox" name="comboBuy">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>120</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>120</width>
+             <height>16777215</height>
+            </size>
+           </property>
+           <item>
+            <property name="text">
+             <string>En compra</string>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Fuera de compra</string>
+            </property>
+           </item>
+          </widget>
+         </item>
+         <item row="6" column="1">
+          <widget class="QLabel" name="label_9">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="text">
+            <string>Estado de compra</string>
+           </property>
+          </widget>
+         </item>
+         <item row="5" column="1">
+          <widget class="QLabel" name="label_7">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="text">
+            <string>Estado de venta</string>
+           </property>
+          </widget>
+         </item>
+         <item row="0" column="2">
+          <widget class="QLineEdit" name="editCode">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>120</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>120</width>
+             <height>16777215</height>
+            </size>
+           </property>
+           <property name="maxLength">
+            <number>20</number>
+           </property>
+           <property name="alignment">
+            <set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
+           </property>
+          </widget>
+         </item>
+         <item row="1" column="1">
+          <widget class="QLabel" name="label_6">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="text">
+            <string>Etiqueta</string>
+           </property>
+          </widget>
+         </item>
+         <item row="1" column="2" colspan="4">
+          <widget class="QLineEdit" name="editTitle">
+           <property name="maxLength">
+            <number>128</number>
+           </property>
+          </widget>
+         </item>
+         <item row="5" column="3">
+          <widget class="QLabel" name="label_29">
+           <property name="text">
+            <string>Unidad</string>
+           </property>
+          </widget>
+         </item>
+         <item row="5" column="4">
+          <widget class="QComboBox" name="comboUnit"/>
+         </item>
+         <item row="5" column="5">
+          <widget class="QCheckBox" name="checkState">
+           <property name="text">
+            <string>Activo</string>
+           </property>
+           <property name="checked">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="0" column="3">
+          <widget class="QLabel" name="label_25">
+           <property name="text">
+            <string>Tipo</string>
+           </property>
+          </widget>
+         </item>
+         <item row="0" column="4">
+          <widget class="QComboBox" name="comboType2">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>120</width>
+             <height>0</height>
+            </size>
+           </property>
+           <item>
+            <property name="text">
+             <string>Servicio</string>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Producto</string>
+            </property>
+           </item>
+          </widget>
+         </item>
+         <item row="0" column="5">
+          <widget class="QComboBox" name="comboType1">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>120</width>
+             <height>0</height>
+            </size>
+           </property>
+           <item>
+            <property name="text">
+             <string>Elemento compuesto</string>
+            </property>
+            <property name="icon">
+             <iconset resource="../editabletreemodel.qrc">
+              <normaloff>:/resources/icons/box.svg</normaloff>:/resources/icons/box.svg</iconset>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Material</string>
+            </property>
+            <property name="icon">
+             <iconset resource="../editabletreemodel.qrc">
+              <normaloff>:/resources/icons/blocks.svg</normaloff>:/resources/icons/blocks.svg</iconset>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Mano de obra</string>
+            </property>
+            <property name="icon">
+             <iconset resource="../editabletreemodel.qrc">
+              <normaloff>:/resources/icons/helmet.svg</normaloff>:/resources/icons/helmet.svg</iconset>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Maquinaria</string>
+            </property>
+            <property name="icon">
+             <iconset resource="../editabletreemodel.qrc">
+              <normaloff>:/resources/icons/gear.svg</normaloff>:/resources/icons/gear.svg</iconset>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Subcontratados</string>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Otro</string>
+            </property>
+           </item>
+          </widget>
+         </item>
+        </layout>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+   <item>
+    <widget class="QTabWidget" name="tabWidget">
+     <property name="currentIndex">
+      <number>0</number>
+     </property>
+     <widget class="QWidget" name="tabFile">
+      <attribute name="title">
+       <string>Ficha</string>
+      </attribute>
+      <layout class="QVBoxLayout" name="verticalLayout_2">
+       <property name="spacing">
+        <number>0</number>
+       </property>
+       <property name="leftMargin">
+        <number>0</number>
+       </property>
+       <property name="topMargin">
+        <number>0</number>
+       </property>
+       <property name="rightMargin">
+        <number>0</number>
+       </property>
+       <property name="bottomMargin">
+        <number>0</number>
+       </property>
+       <item>
+        <widget class="QScrollArea" name="scrollArea">
+         <property name="widgetResizable">
+          <bool>true</bool>
+         </property>
+         <widget class="QWidget" name="scrollAreaWidgetContents_4">
+          <property name="geometry">
+           <rect>
+            <x>0</x>
+            <y>0</y>
+            <width>921</width>
+            <height>554</height>
+           </rect>
+          </property>
+          <layout class="QGridLayout" name="gridLayout_5">
+           <property name="leftMargin">
+            <number>10</number>
+           </property>
+           <property name="topMargin">
+            <number>10</number>
+           </property>
+           <property name="rightMargin">
+            <number>10</number>
+           </property>
+           <property name="bottomMargin">
+            <number>0</number>
+           </property>
+           <property name="spacing">
+            <number>10</number>
+           </property>
+           <item row="0" column="0" colspan="2">
+            <widget class="QWidget" name="widget_4" native="true">
+             <layout class="QHBoxLayout" name="horizontalLayout_5">
+              <property name="spacing">
+               <number>10</number>
+              </property>
+              <property name="leftMargin">
+               <number>0</number>
+              </property>
+              <property name="topMargin">
+               <number>0</number>
+              </property>
+              <property name="rightMargin">
+               <number>0</number>
+              </property>
+              <property name="bottomMargin">
+               <number>0</number>
+              </property>
+              <item>
+               <widget class="QLabel" name="label_14">
+                <property name="text">
+                 <string>Fecha de alta</string>
+                </property>
+               </widget>
+              </item>
+              <item>
+               <widget class="QDateEdit" name="editDischargeDate">
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignCenter</set>
+                </property>
+                <property name="displayFormat">
+                 <string>dd/MM/yyyy</string>
+                </property>
+                <property name="calendarPopup">
+                 <bool>true</bool>
+                </property>
+               </widget>
+              </item>
+              <item>
+               <widget class="QLabel" name="label_23">
+                <property name="text">
+                 <string>Fecha de la última actualización</string>
+                </property>
+               </widget>
+              </item>
+              <item>
+               <widget class="QDateEdit" name="editUpdateDate">
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignCenter</set>
+                </property>
+                <property name="readOnly">
+                 <bool>true</bool>
+                </property>
+                <property name="buttonSymbols">
+                 <enum>QAbstractSpinBox::NoButtons</enum>
+                </property>
+                <property name="displayFormat">
+                 <string>dd/MM/yyyy</string>
+                </property>
+               </widget>
+              </item>
+             </layout>
+            </widget>
+           </item>
+           <item row="1" column="0">
+            <widget class="QGroupBox" name="groupBox_4">
+             <property name="title">
+              <string>Precio</string>
+             </property>
+             <layout class="QGridLayout" name="gridLayout_3">
+              <property name="horizontalSpacing">
+               <number>10</number>
+              </property>
+              <item row="7" column="0">
+               <widget class="QLabel" name="label_18">
+                <property name="text">
+                 <string>I.V.A.</string>
+                </property>
+               </widget>
+              </item>
+              <item row="1" column="0">
+               <widget class="QLabel" name="label_28">
+                <property name="text">
+                 <string>Descuento</string>
+                </property>
+               </widget>
+              </item>
+              <item row="5" column="0">
+               <widget class="QLabel" name="label_16">
+                <property name="text">
+                 <string>Margen</string>
+                </property>
+               </widget>
+              </item>
+              <item row="6" column="1">
+               <widget class="QDoubleSpinBox" name="editPV">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="wrapping">
+                 <bool>true</bool>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+                </property>
+                <property name="buttonSymbols">
+                 <enum>QAbstractSpinBox::NoButtons</enum>
+                </property>
+                <property name="suffix">
+                 <string> €</string>
+                </property>
+                <property name="maximum">
+                 <double>999999999.000000000000000</double>
+                </property>
+               </widget>
+              </item>
+              <item row="0" column="0">
+               <widget class="QLabel" name="label">
+                <property name="text">
+                 <string>Precio Venta al Público  </string>
+                </property>
+               </widget>
+              </item>
+              <item row="9" column="0">
+               <widget class="QLabel" name="label_19">
+                <property name="text">
+                 <string>Precio de Venta con I.V.A.</string>
+                </property>
+               </widget>
+              </item>
+              <item row="5" column="1">
+               <widget class="QDoubleSpinBox" name="editMargin">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="wrapping">
+                 <bool>true</bool>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+                </property>
+                <property name="buttonSymbols">
+                 <enum>QAbstractSpinBox::NoButtons</enum>
+                </property>
+                <property name="suffix">
+                 <string> %</string>
+                </property>
+                <property name="maximum">
+                 <double>100.000000000000000</double>
+                </property>
+               </widget>
+              </item>
+              <item row="8" column="0" colspan="2">
+               <widget class="QLabel" name="label_13">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>0</width>
+                  <height>1</height>
+                 </size>
+                </property>
+                <property name="maximumSize">
+                 <size>
+                  <width>16777215</width>
+                  <height>1</height>
+                 </size>
+                </property>
+                <property name="styleSheet">
+                 <string notr="true">background-color: rgb(0, 0, 0);</string>
+                </property>
+                <property name="text">
+                 <string/>
+                </property>
+               </widget>
+              </item>
+              <item row="3" column="1">
+               <widget class="QDoubleSpinBox" name="editPC">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="wrapping">
+                 <bool>true</bool>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+                </property>
+                <property name="buttonSymbols">
+                 <enum>QAbstractSpinBox::NoButtons</enum>
+                </property>
+                <property name="suffix">
+                 <string> €</string>
+                </property>
+                <property name="maximum">
+                 <double>999999999.000000000000000</double>
+                </property>
+               </widget>
+              </item>
+              <item row="7" column="1">
+               <widget class="QComboBox" name="comboIVA">
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <item>
+                 <property name="text">
+                  <string>21%</string>
+                 </property>
+                </item>
+                <item>
+                 <property name="text">
+                  <string>10%</string>
+                 </property>
+                </item>
+                <item>
+                 <property name="text">
+                  <string>4%</string>
+                 </property>
+                </item>
+                <item>
+                 <property name="text">
+                  <string>Exento</string>
+                 </property>
+                </item>
+               </widget>
+              </item>
+              <item row="6" column="0">
+               <widget class="QLabel" name="label_17">
+                <property name="text">
+                 <string>Precio de Venta</string>
+                </property>
+               </widget>
+              </item>
+              <item row="1" column="1">
+               <widget class="QDoubleSpinBox" name="editDiscount">
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+                </property>
+                <property name="buttonSymbols">
+                 <enum>QAbstractSpinBox::NoButtons</enum>
+                </property>
+                <property name="suffix">
+                 <string> %</string>
+                </property>
+                <property name="maximum">
+                 <double>100.000000000000000</double>
+                </property>
+               </widget>
+              </item>
+              <item row="0" column="1">
+               <widget class="QDoubleSpinBox" name="editPVP">
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+                </property>
+                <property name="buttonSymbols">
+                 <enum>QAbstractSpinBox::NoButtons</enum>
+                </property>
+                <property name="keyboardTracking">
+                 <bool>false</bool>
+                </property>
+                <property name="suffix">
+                 <string> €</string>
+                </property>
+                <property name="maximum">
+                 <double>999999999.000000000000000</double>
+                </property>
+               </widget>
+              </item>
+              <item row="9" column="1">
+               <widget class="QDoubleSpinBox" name="editPVIVA">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="wrapping">
+                 <bool>true</bool>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+                </property>
+                <property name="readOnly">
+                 <bool>true</bool>
+                </property>
+                <property name="buttonSymbols">
+                 <enum>QAbstractSpinBox::NoButtons</enum>
+                </property>
+                <property name="suffix">
+                 <string> €</string>
+                </property>
+                <property name="maximum">
+                 <double>999999999.000000000000000</double>
+                </property>
+               </widget>
+              </item>
+              <item row="3" column="0">
+               <widget class="QLabel" name="label_15">
+                <property name="text">
+                 <string>Precio de compra</string>
+                </property>
+               </widget>
+              </item>
+              <item row="2" column="0" colspan="2">
+               <widget class="QLabel" name="label_27">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="maximumSize">
+                 <size>
+                  <width>16777215</width>
+                  <height>1</height>
+                 </size>
+                </property>
+                <property name="styleSheet">
+                 <string notr="true">background-color: rgb(0, 0, 0);</string>
+                </property>
+                <property name="text">
+                 <string/>
+                </property>
+               </widget>
+              </item>
+             </layout>
+            </widget>
+           </item>
+           <item row="1" column="1" alignment="Qt::AlignTop">
+            <widget class="QGroupBox" name="groupBox_6">
+             <property name="title">
+              <string>Propiedades físicas</string>
+             </property>
+             <layout class="QGridLayout" name="gridLayout_4">
+              <property name="horizontalSpacing">
+               <number>10</number>
+              </property>
+              <item row="4" column="0">
+               <widget class="QLabel" name="label_20">
+                <property name="text">
+                 <string>Peso (Kg)</string>
+                </property>
+               </widget>
+              </item>
+              <item row="0" column="1">
+               <widget class="QDoubleSpinBox" name="editWidth">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="wrapping">
+                 <bool>true</bool>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+                </property>
+                <property name="buttonSymbols">
+                 <enum>QAbstractSpinBox::NoButtons</enum>
+                </property>
+                <property name="maximum">
+                 <double>999999999.000000000000000</double>
+                </property>
+               </widget>
+              </item>
+              <item row="2" column="0">
+               <widget class="QLabel" name="label_22">
+                <property name="text">
+                 <string>Alto (mm)</string>
+                </property>
+               </widget>
+              </item>
+              <item row="4" column="1">
+               <widget class="QDoubleSpinBox" name="editWeight">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="wrapping">
+                 <bool>true</bool>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+                </property>
+                <property name="readOnly">
+                 <bool>true</bool>
+                </property>
+                <property name="buttonSymbols">
+                 <enum>QAbstractSpinBox::NoButtons</enum>
+                </property>
+                <property name="maximum">
+                 <double>999999999.000000000000000</double>
+                </property>
+               </widget>
+              </item>
+              <item row="2" column="1">
+               <widget class="QDoubleSpinBox" name="editHeight">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="wrapping">
+                 <bool>true</bool>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+                </property>
+                <property name="buttonSymbols">
+                 <enum>QAbstractSpinBox::NoButtons</enum>
+                </property>
+                <property name="maximum">
+                 <double>999999999.000000000000000</double>
+                </property>
+               </widget>
+              </item>
+              <item row="3" column="1">
+               <widget class="QDoubleSpinBox" name="editLength">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="wrapping">
+                 <bool>true</bool>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+                </property>
+                <property name="buttonSymbols">
+                 <enum>QAbstractSpinBox::NoButtons</enum>
+                </property>
+                <property name="maximum">
+                 <double>999999999.000000000000000</double>
+                </property>
+               </widget>
+              </item>
+              <item row="0" column="0">
+               <widget class="QLabel" name="label_21">
+                <property name="text">
+                 <string>Ancho (mm)</string>
+                </property>
+               </widget>
+              </item>
+              <item row="3" column="0">
+               <widget class="QLabel" name="label_24">
+                <property name="text">
+                 <string>Largo (mm)</string>
+                </property>
+               </widget>
+              </item>
+             </layout>
+            </widget>
+           </item>
+           <item row="1" column="2">
+            <spacer name="horizontalSpacer_3">
+             <property name="orientation">
+              <enum>Qt::Horizontal</enum>
+             </property>
+             <property name="sizeHint" stdset="0">
+              <size>
+               <width>165</width>
+               <height>20</height>
+              </size>
+             </property>
+            </spacer>
+           </item>
+           <item row="2" column="0" colspan="3">
+            <widget class="QGroupBox" name="groupBox_5">
+             <property name="title">
+              <string>Descripción</string>
+             </property>
+             <layout class="QHBoxLayout" name="horizontalLayout_4">
+              <item>
+               <widget class="QTextEdit" name="editDescription"/>
+              </item>
+             </layout>
+            </widget>
+           </item>
+           <item row="3" column="0">
+            <spacer name="verticalSpacer_2">
+             <property name="orientation">
+              <enum>Qt::Vertical</enum>
+             </property>
+             <property name="sizeHint" stdset="0">
+              <size>
+               <width>20</width>
+               <height>40</height>
+              </size>
+             </property>
+            </spacer>
+           </item>
+          </layout>
+         </widget>
+        </widget>
+       </item>
+      </layout>
+     </widget>
+     <widget class="QWidget" name="tabAccount">
+      <attribute name="title">
+       <string>Contabilidad</string>
+      </attribute>
+      <layout class="QVBoxLayout" name="verticalLayout_4">
+       <property name="spacing">
+        <number>10</number>
+       </property>
+       <property name="leftMargin">
+        <number>10</number>
+       </property>
+       <property name="topMargin">
+        <number>10</number>
+       </property>
+       <property name="rightMargin">
+        <number>10</number>
+       </property>
+       <property name="bottomMargin">
+        <number>0</number>
+       </property>
+       <item>
+        <widget class="QWidget" name="widget_2" native="true">
+         <layout class="QGridLayout" name="gridLayout_2">
+          <property name="leftMargin">
+           <number>0</number>
+          </property>
+          <property name="topMargin">
+           <number>0</number>
+          </property>
+          <property name="rightMargin">
+           <number>0</number>
+          </property>
+          <property name="bottomMargin">
+           <number>0</number>
+          </property>
+          <property name="horizontalSpacing">
+           <number>10</number>
+          </property>
+          <property name="verticalSpacing">
+           <number>5</number>
+          </property>
+          <item row="1" column="3">
+           <widget class="QLineEdit" name="lineEdit_7">
+            <property name="minimumSize">
+             <size>
+              <width>150</width>
+              <height>0</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+          <item row="2" column="0">
+           <widget class="QLabel" name="label_4">
+            <property name="text">
+             <string>Código contable venta de exportación</string>
+            </property>
+           </widget>
+          </item>
+          <item row="0" column="0">
+           <widget class="QLabel" name="label_2">
+            <property name="text">
+             <string>Código contable ventas</string>
+            </property>
+           </widget>
+          </item>
+          <item row="2" column="3">
+           <widget class="QLineEdit" name="lineEdit_8">
+            <property name="minimumSize">
+             <size>
+              <width>150</width>
+              <height>0</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+          <item row="0" column="2">
+           <widget class="QLabel" name="label_10">
+            <property name="text">
+             <string>Código contable compras</string>
+            </property>
+           </widget>
+          </item>
+          <item row="2" column="2">
+           <widget class="QLabel" name="label_12">
+            <property name="text">
+             <string>Código contable compra de importación</string>
+            </property>
+           </widget>
+          </item>
+          <item row="1" column="1">
+           <widget class="QLineEdit" name="lineEdit_5">
+            <property name="minimumSize">
+             <size>
+              <width>150</width>
+              <height>0</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+          <item row="1" column="6">
+           <spacer name="horizontalSpacer_2">
+            <property name="orientation">
+             <enum>Qt::Horizontal</enum>
+            </property>
+            <property name="sizeHint" stdset="0">
+             <size>
+              <width>40</width>
+              <height>20</height>
+             </size>
+            </property>
+           </spacer>
+          </item>
+          <item row="0" column="1">
+           <widget class="QLineEdit" name="lineEdit_4">
+            <property name="minimumSize">
+             <size>
+              <width>150</width>
+              <height>0</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+          <item row="1" column="0">
+           <widget class="QLabel" name="label_3">
+            <property name="text">
+             <string>Código contable venta intercomunitaria</string>
+            </property>
+           </widget>
+          </item>
+          <item row="2" column="1">
+           <widget class="QLineEdit" name="lineEdit_6">
+            <property name="minimumSize">
+             <size>
+              <width>150</width>
+              <height>0</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+          <item row="1" column="2">
+           <widget class="QLabel" name="label_11">
+            <property name="text">
+             <string>Código contable compras intercomunitaria</string>
+            </property>
+           </widget>
+          </item>
+          <item row="0" column="3">
+           <widget class="QLineEdit" name="lineEdit_3">
+            <property name="minimumSize">
+             <size>
+              <width>150</width>
+              <height>0</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+          <item row="1" column="4">
+           <spacer name="horizontalSpacer_4">
+            <property name="orientation">
+             <enum>Qt::Horizontal</enum>
+            </property>
+            <property name="sizeHint" stdset="0">
+             <size>
+              <width>40</width>
+              <height>20</height>
+             </size>
+            </property>
+           </spacer>
+          </item>
+          <item row="1" column="5">
+           <spacer name="horizontalSpacer_6">
+            <property name="orientation">
+             <enum>Qt::Horizontal</enum>
+            </property>
+            <property name="sizeHint" stdset="0">
+             <size>
+              <width>40</width>
+              <height>20</height>
+             </size>
+            </property>
+           </spacer>
+          </item>
+         </layout>
+        </widget>
+       </item>
+       <item>
+        <spacer name="verticalSpacer">
+         <property name="orientation">
+          <enum>Qt::Vertical</enum>
+         </property>
+         <property name="sizeHint" stdset="0">
+          <size>
+           <width>20</width>
+           <height>40</height>
+          </size>
+         </property>
+        </spacer>
+       </item>
+      </layout>
+     </widget>
+     <widget class="QWidget" name="tabCompose">
+      <attribute name="title">
+       <string>Composición</string>
+      </attribute>
+      <layout class="QVBoxLayout" name="verticalLayout_3">
+       <property name="spacing">
+        <number>5</number>
+       </property>
+       <property name="leftMargin">
+        <number>0</number>
+       </property>
+       <property name="topMargin">
+        <number>0</number>
+       </property>
+       <property name="rightMargin">
+        <number>0</number>
+       </property>
+       <property name="bottomMargin">
+        <number>0</number>
+       </property>
+       <item>
+        <widget class="QWidget" name="widgetContener" native="true">
+         <layout class="QVBoxLayout" name="verticalLayout_5">
+          <property name="spacing">
+           <number>5</number>
+          </property>
+          <property name="leftMargin">
+           <number>0</number>
+          </property>
+          <property name="topMargin">
+           <number>0</number>
+          </property>
+          <property name="rightMargin">
+           <number>0</number>
+          </property>
+          <property name="bottomMargin">
+           <number>0</number>
+          </property>
+          <item>
+           <widget class="QFrame" name="frame">
+            <property name="frameShape">
+             <enum>QFrame::StyledPanel</enum>
+            </property>
+            <property name="frameShadow">
+             <enum>QFrame::Raised</enum>
+            </property>
+            <layout class="QHBoxLayout" name="horizontalLayout">
+             <property name="spacing">
+              <number>0</number>
+             </property>
+             <property name="leftMargin">
+              <number>0</number>
+             </property>
+             <property name="topMargin">
+              <number>0</number>
+             </property>
+             <property name="rightMargin">
+              <number>0</number>
+             </property>
+             <property name="bottomMargin">
+              <number>0</number>
+             </property>
+             <item>
+              <widget class="QToolButton" name="toolButton">
+               <property name="text">
+                <string>...</string>
+               </property>
+               <property name="icon">
+                <iconset resource="../editabletreemodel.qrc">
+                 <normaloff>:/resources/icons/box.svg</normaloff>:/resources/icons/box.svg</iconset>
+               </property>
+              </widget>
+             </item>
+             <item>
+              <widget class="QToolButton" name="toolButton_2">
+               <property name="text">
+                <string>...</string>
+               </property>
+               <property name="icon">
+                <iconset resource="../editabletreemodel.qrc">
+                 <normaloff>:/resources/icons/blocks.svg</normaloff>:/resources/icons/blocks.svg</iconset>
+               </property>
+              </widget>
+             </item>
+             <item>
+              <widget class="QToolButton" name="toolButton_3">
+               <property name="text">
+                <string>...</string>
+               </property>
+               <property name="icon">
+                <iconset resource="../editabletreemodel.qrc">
+                 <normaloff>:/resources/icons/gear.svg</normaloff>:/resources/icons/gear.svg</iconset>
+               </property>
+              </widget>
+             </item>
+             <item>
+              <widget class="QToolButton" name="toolButton_4">
+               <property name="text">
+                <string>...</string>
+               </property>
+               <property name="icon">
+                <iconset resource="../editabletreemodel.qrc">
+                 <normaloff>:/resources/icons/helmet.svg</normaloff>:/resources/icons/helmet.svg</iconset>
+               </property>
+              </widget>
+             </item>
+             <item>
+              <widget class="QToolButton" name="toolButton_6">
+               <property name="text">
+                <string>...</string>
+               </property>
+              </widget>
+             </item>
+             <item>
+              <widget class="QToolButton" name="toolButton_5">
+               <property name="text">
+                <string>...</string>
+               </property>
+               <property name="icon">
+                <iconset resource="../editabletreemodel.qrc">
+                 <normaloff>:/resources/icons/delete.svg</normaloff>:/resources/icons/delete.svg</iconset>
+               </property>
+              </widget>
+             </item>
+             <item>
+              <spacer name="horizontalSpacer">
+               <property name="orientation">
+                <enum>Qt::Horizontal</enum>
+               </property>
+               <property name="sizeHint" stdset="0">
+                <size>
+                 <width>40</width>
+                 <height>20</height>
+                </size>
+               </property>
+              </spacer>
+             </item>
+            </layout>
+           </widget>
+          </item>
+          <item>
+           <widget class="QMTreeView" name="treeView">
+            <property name="editTriggers">
+             <set>QAbstractItemView::AnyKeyPressed|QAbstractItemView::DoubleClicked|QAbstractItemView::EditKeyPressed</set>
+            </property>
+           </widget>
+          </item>
+         </layout>
+        </widget>
+       </item>
+      </layout>
+     </widget>
+     <widget class="QWidget" name="tabSupplier">
+      <attribute name="title">
+       <string>Proveedores</string>
+      </attribute>
+      <widget class="QTableView" name="tableView">
+       <property name="geometry">
+        <rect>
+         <x>40</x>
+         <y>40</y>
+         <width>256</width>
+         <height>192</height>
+        </rect>
+       </property>
+      </widget>
+     </widget>
+     <widget class="QWidget" name="tabNotes">
+      <attribute name="title">
+       <string>Notas</string>
+      </attribute>
+     </widget>
+    </widget>
+   </item>
+  </layout>
+  <action name="actionValidate">
+   <property name="text">
+    <string>Validate</string>
+   </property>
+   <property name="shortcut">
+    <string>Shift+V</string>
+   </property>
+  </action>
+  <action name="actionSave">
+   <property name="text">
+    <string>Save</string>
+   </property>
+   <property name="shortcut">
+    <string>Ctrl+G</string>
+   </property>
+  </action>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>AvatarWidget</class>
+   <extends>QLabel</extends>
+   <header>avatarwidget.h</header>
+  </customwidget>
+  <customwidget>
+   <class>QMTreeView</class>
+   <extends>QTreeView</extends>
+   <header>qmtreeview.h</header>
+  </customwidget>
+ </customwidgets>
+ <resources>
+  <include location="../editabletreemodel.qrc"/>
+ </resources>
+ <connections/>
+</ui>
diff --git a/gui/formthird.cpp b/gui/formthird.cpp
new file mode 100644
index 0000000..8fb80ce
--- /dev/null
+++ b/gui/formthird.cpp
@@ -0,0 +1,249 @@
+#include "formthird.h"
+#include "ui_formthird.h"
+#include "mapplication.h"
+#include "formbase.h"
+
+#include <QFileDialog>
+#include <QtSql>
+
+formThird::formThird(QString aID, int aEditMode, QWidget *parent) :
+    formBase(aID, aEditMode, parent),
+    ui(new Ui::formThird),
+    rowid(-1)
+{
+    ui->setupUi(this);
+    ui->tabClient->setVisible(false);
+    ui->tabSupplier->setVisible(false);
+    ui->editDischargeDate->setDate(QDate::currentDate());
+    ui->editUpdateDate->setDate(QDate::currentDate());
+
+    connect(ui->Logo, &AvatarWidget::addClicked, this, &formThird::LoadLogo);
+    //connect(ui->Logo, &AvatarWidget::clicked, this, &formThird::LoadLogo);
+
+    mEditMode = false;
+}
+
+formThird::~formThird()
+{
+    delete ui;
+}
+
+void formThird::openDocument(QString id)
+{
+    mEditMode = true;
+    //ui->editCode->setText(id);
+    //ui->editCode->setReadOnly(true);
+
+    dApp->Enterprise().open();
+    QSqlQuery qry = QSqlQuery(dApp->Enterprise());
+
+    QString command = QString("SELECT * FROM THIRD WHERE ID = '%1';").arg(id);
+    if (qry.exec(command))
+    {
+        qry.first();
+
+        ui->editName->setText(qry.value(qry.record().indexOf("NAME")).toString());
+        ui->editNickname->setText(qry.value(qry.record().indexOf("NICKNAME")).toString());
+        ui->editCIF->setText(qry.value(qry.record().indexOf("CIF")).toString());
+        ui->editIntraCode->setText(qry.value(qry.record().indexOf("INTRA_FC")).toString());
+
+        ui->comboState->setCurrentIndex(qry.value(qry.record().indexOf("STATE")).toInt());
+        ui->comboClient->setCurrentIndex(qry.value(qry.record().indexOf("CLIENT_STATE")).toInt());
+        ui->comboClient->setCurrentIndex(qry.value(qry.record().indexOf("SUPPLIER_STATE")).toInt());
+        ui->editClientCode->setText(qry.value(qry.record().indexOf("CLIENT_CODE")).toString());
+        ui->editSupplierCode->setText(qry.value(qry.record().indexOf("SUPPLIER_CODE")).toString());
+
+        ui->editAddress->setPlainText(qry.value(qry.record().indexOf("ADDRESS")).toString());
+        ui->editCP->setText(qry.value(qry.record().indexOf("POSTCODE")).toString());
+        ui->editCity->setText(qry.value(qry.record().indexOf("CITY")).toString());
+        ui->editProvince->setText(qry.value(qry.record().indexOf("PROVINCE")).toString());
+        ui->comboCountry->setCurrentText(qry.value(qry.record().indexOf("COUNTRY_ID")).toString());
+
+        ui->editPhone->setText(qry.value(qry.record().indexOf("PHONE")).toString());
+        ui->editFax->setText(qry.value(qry.record().indexOf("FAX")).toString());
+        ui->editMobile->setText(qry.value(qry.record().indexOf("MOBILE")).toString());
+        ui->editEmail->setText(qry.value(qry.record().indexOf("EMAIL")).toString());
+        ui->editWebside->setText(qry.value(qry.record().indexOf("WEBSIDE")).toString());
+
+        ui->editPublicNotes->setHtml(qry.value(qry.record().indexOf("NOTE_PUBLIC")).toString());
+        ui->editPrivateNotes->setHtml(qry.value(qry.record().indexOf("NOTE_PRIVATE")).toString());
+
+        ui->editDischargeDate->setDate(qry.value(qry.record().indexOf("CREATEDAT")).toDate());
+        ui->editUpdateDate->setDate(qry.value(qry.record().indexOf("UPDATEDAT")).toDate());
+    }
+    else
+    {
+        qDebug() << "Error ejecutando el query: " << qry.lastError().text() << "\n";
+    }
+
+    dApp->Enterprise().close();
+}
+
+void formThird::closeDocument()
+{
+    close();
+    qDebug() << " Terceros:  closeDocument";
+}
+
+void formThird::on_cbClient_currentIndexChanged(int index)
+{
+    if(index == 0)
+        ui->tabClient->setVisible(false);
+    else
+        ui->tabClient->setVisible(true);
+}
+
+void formThird::on_cbSupplier_currentIndexChanged(int index)
+{
+    if(index == 0)
+        ui->tabSupplier->setVisible(false);
+    else
+        ui->tabSupplier->setVisible(true);
+}
+
+void formThird::on_buttonSave_released()
+{
+    save();
+}
+
+void formThird::LoadLogo()
+{
+    QString imageFile = QFileDialog::getOpenFileName(this,
+                                             tr("Elige una imagen"),
+                                             "",
+                                             tr("Todas las imagenes(*.png *.jpg *.gif *.bmp)"));
+    /*
+    if(imageFile.isEmpty())
+        return;
+
+    imageProfile = ImageCropperDialog::getCroppedImage(imageFile, 600, 400, CropperShape::SQUARE);
+    if (imageProfile.isNull())
+        return;
+
+    ui->profilePicture->setAvatarPixmap(imageProfile);
+    */
+    ui->Logo->setAvatarPath(imageFile);
+}
+
+void formThird::save()
+{
+    QString command;
+
+    if (mEditMode)
+        command = "UPDATE THIRD SET "
+                  "FORM = :FORM, CIF = :CIF, NAME = :NAME, NICKNAME = :NICKNAME, FAMILY = :FAMILY, "
+                  "INTRA_FC = :INTRA_FC, STATE = :STATE, CLIENT_STATE = :CLIENT_STATE, CLIENT_CODE = :CLIENT_CODE, "
+                  "CLIENT_ACCOUNT = :CLIENT_ACCOUNT, SUPPLIER_STATE = :SUPPLIER_STATE, SUPPLIER_CODE = :SUPLLIR_CODE, "
+                  "SUPPLIER_ACCOUNT = :SUPPLIER_ACCOUNT, ADDRESS = :ADDRESS, POSTCODE = :POSTCODE, CITY = :CITY, "
+                  "PROVINCE = :PROVINCE, COUNTRY_ID = :COUNTRY_ID, PHONE = :PHONE, FAX = :FAX, "
+                  "EMAIL = :EMAIL, WEBSIDE = :WEBSIDE, PAYMENT_METHOD = :PAYMENT_METHOD, PAYMENT_TYPE = :PAYMENT_TYPE, "
+                  "LOGO = :LOGO, NOTE_PUBLIC = :NOTE_PUBLIC, NOTE_PRIVATE = :NOTE_PRIVATE, UPDATEDAT = :UPDATEDAT, "
+                  "CREATEDAT = :CREATEDAT, CREATEDBY = :CREATEBY "
+                  "WHERE CIF = '" + ui->editCIF->text() +
+                  "';";
+    else
+        command = "INSERT INTO THIRD ("
+                  "FORM, CIF, NAME, NICKNAME, FAMILY, INTRA_FC, STATE, CLIENT_STATE, CLIENT_CODE, "
+                  "CLIENT_ACCOUNT, SUPPLIER_STATE, SUPPLIER_CODE, SUPPLIER_ACCOUNT, ADDRESS, "
+                  "POSTCODE, CITY, PROVINCE, COUNTRY_ID, PHONE, FAX, EMAIL, WEBSIDE, "
+                  "PAYMENT_METHOD, PAYMENT_TYPE, LOGO, NOTE_PUBLIC, NOTE_PRIVATE, UPDATEDAT, "
+                  "CREATEDAT, CREATEDBY"
+                  ") VALUES ("
+                  ":FORM, :CIF, :NAME, :NICKNAME, :FAMILY, :INTRA_FC, :STATE, :CLIENT_STATE, :CLIENT_CODE, "
+                  ":CLIENT_ACCOUNT, :SUPPLIER_STATE, :SUPPLIER_CODE, :SUPPLIER_ACCOUNT, :ADDRESS, "
+                  ":POSTCODE, :CITY, :PROVINCE, :COUNTRY_ID, :PHONE, :FAX, :EMAIL, :WEBSIDE, "
+                  ":PAYMENT_METHOD, :PAYMENT_TYPE, :LOGO, :NOTE_PUBLIC, :NOTE_PRIVATE, :UPDATEDAT, "
+                  ":CREATEDAT, :CREATEDBY"
+                  ");";
+
+    qDebug() << command;
+
+    dApp->Enterprise().open();
+    QSqlQuery qry = QSqlQuery(dApp->Enterprise());
+    qry.prepare(command);
+
+    //qry.bindValue(":FORM", );
+    qry.bindValue(":CIF", ui->editCIF->text());
+    qry.bindValue(":NAME", ui->editName->text());
+    qry.bindValue(":NICKNAME", ui->editNickname->text());
+    //qry.bindValue(":FAMILY", );
+    qry.bindValue(":INTRA_FC", ui->editIntraCode->text());
+    qry.bindValue(":STATE", ui->comboState->currentIndex());
+
+    qry.bindValue(":CLIENT_STATE", ui->comboClient->currentIndex());
+    qry.bindValue(":CLIENT_CODE", ui->editClientCode->text());
+    qry.bindValue(":CLIENT_ACCOUNT", ui->editAccountClient->text());
+
+    qry.bindValue(":SUPPLIER_STATE", ui->comboSupplier->currentIndex());
+    qry.bindValue(":SUPPLIER_CODE", ui->editSupplierCode->text());
+    qry.bindValue(":SUPPLIER_ACCOUNT", ui->editAccountSupplier->text());
+
+    qry.bindValue(":ADDRESS", ui->editAddress->toPlainText());
+    qry.bindValue(":POSTCODE", ui->editCP->text());
+    qry.bindValue(":CITY", ui->editCity->text());
+    qry.bindValue(":PROVINCE", ui->editProvince->text());
+    qry.bindValue(":COUNTRY_ID", ui->comboCountry->currentText());
+    //qry.bindValue(":COUNTRY", ui->editIntraCode->text());
+
+    qry.bindValue(":PHONE", ui->editPhone->text());
+    qry.bindValue(":FAX", ui->editFax->text());
+    qry.bindValue(":MOBILE", ui->editMobile->text());
+    qry.bindValue(":EMAIL", ui->editEmail->text());
+    qry.bindValue(":WEBSIDE", ui->editWebside->text());
+
+    //qry.bindValue(":PAYMENT_METHOD", ui->editPhone->text());
+    //qry.bindValue(":PAYMENT_TYPE", ui->editFax->text());
+
+    //qry.bindValue(":LOGO", ui->editMobile->text());
+    qry.bindValue(":NOTE_PUBLIC", ui->editPublicNotes->toHtml());
+    qry.bindValue(":NOTE_PRIVATE", ui->editPrivateNotes->toHtml());
+
+    qry.bindValue(":UPDATEDAT", ui->editUpdateDate->date());
+    qry.bindValue(":CREATEDAT", ui->editDischargeDate->date());
+    //qry.bindValue(":CREATEDBY", ui->editWebside->text());
+
+    if (!qry.exec())
+    {
+        qDebug() << "Error ejecutando el query: " << qry.lastError().text() << "\n";
+    }
+    else
+    {
+        setEditMode();
+    }
+
+    dApp->Enterprise().close();
+}
+
+void formThird::setEditMode()
+{
+    mEditMode = true;
+    ui->editDischargeDate->setReadOnly(true);
+}
+
+
+void formThird::on_editName_textChanged(const QString &arg1)
+{
+    mNeedSave = true;
+}
+
+
+void formThird::on_comboClient_currentIndexChanged(int index)
+{
+    /*
+    // Ocultar pestaña
+    int indexToHide = 2;
+    QWidget *tab = ui->tabWidget->widget(indexToHide);
+    hiddenTabs[indexToHide] = tab; // Guarda la pestaña en un mapa
+    ui->tabWidget->removeTab(indexToHide);
+
+    // Mostrar pestaña
+    int indexToShow = 2;
+    if (hiddenTabs.contains(indexToShow)) {
+        ui->tabWidget->insertTab(indexToShow, hiddenTabs[indexToShow]);
+        hiddenTabs.remove(indexToShow);
+    }
+    */
+}
+
+
+
diff --git a/gui/formthird.h b/gui/formthird.h
new file mode 100644
index 0000000..c7b9c00
--- /dev/null
+++ b/gui/formthird.h
@@ -0,0 +1,46 @@
+#ifndef FORMTHIRD_H
+#define FORMTHIRD_H
+
+#include <QWidget>
+#include "formbase.h"
+
+namespace Ui {
+class formThird;
+}
+
+class formThird : public formBase
+{
+    Q_OBJECT
+
+public:
+    //explicit formThird(QWidget *parent = 0);
+    explicit formThird(QString aID = "", int aEditMode = 0, QWidget *parent = nullptr);
+    ~formThird();
+
+    void newDocument() override {}
+    void openDocument(QString id) override;
+    void closeDocument() override;
+    void save() override;
+    bool needsave() override { return mNeedSave; }
+    void setEditMode(bool aMode) override {}
+
+private slots:
+    void on_cbClient_currentIndexChanged(int index);
+    void on_cbSupplier_currentIndexChanged(int index);
+    void on_buttonSave_released();
+
+    void on_editName_textChanged(const QString &arg1);
+
+    void on_comboClient_currentIndexChanged(int index);
+
+private:
+    Ui::formThird *ui;
+
+    int rowid;
+    QMap<int, QWidget*> hiddenTabs;
+
+    void LoadLogo();
+    void setEditMode();
+};
+
+#endif // FORMTHIRD_H
diff --git a/gui/formthird.ui b/gui/formthird.ui
new file mode 100644
index 0000000..2db548e
--- /dev/null
+++ b/gui/formthird.ui
@@ -0,0 +1,1192 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>formThird</class>
+ <widget class="QWidget" name="formThird">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>731</width>
+    <height>595</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <property name="spacing">
+    <number>5</number>
+   </property>
+   <property name="leftMargin">
+    <number>0</number>
+   </property>
+   <property name="topMargin">
+    <number>0</number>
+   </property>
+   <property name="rightMargin">
+    <number>0</number>
+   </property>
+   <property name="bottomMargin">
+    <number>0</number>
+   </property>
+   <item>
+    <widget class="QFrame" name="MainToolBar">
+     <property name="frameShape">
+      <enum>QFrame::StyledPanel</enum>
+     </property>
+     <property name="frameShadow">
+      <enum>QFrame::Raised</enum>
+     </property>
+     <layout class="QHBoxLayout" name="horizontalLayout_6">
+      <property name="spacing">
+       <number>5</number>
+      </property>
+      <property name="leftMargin">
+       <number>0</number>
+      </property>
+      <property name="topMargin">
+       <number>0</number>
+      </property>
+      <property name="rightMargin">
+       <number>0</number>
+      </property>
+      <property name="bottomMargin">
+       <number>0</number>
+      </property>
+      <item>
+       <widget class="QToolButton" name="buttonSave">
+        <property name="text">
+         <string>Guardar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/save.svg</normaloff>:/resources/icons/save.svg</iconset>
+        </property>
+        <property name="toolButtonStyle">
+         <enum>Qt::ToolButtonTextBesideIcon</enum>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="toolButton_9">
+        <property name="text">
+         <string>...</string>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <spacer name="horizontalSpacer_5">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>40</width>
+          <height>20</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+      <item>
+       <widget class="QToolButton" name="toolButton_10">
+        <property name="text">
+         <string>...</string>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+   <item>
+    <widget class="QFrame" name="frameInfo">
+     <property name="sizePolicy">
+      <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+       <horstretch>0</horstretch>
+       <verstretch>0</verstretch>
+      </sizepolicy>
+     </property>
+     <property name="minimumSize">
+      <size>
+       <width>650</width>
+       <height>0</height>
+      </size>
+     </property>
+     <property name="frameShape">
+      <enum>QFrame::StyledPanel</enum>
+     </property>
+     <property name="frameShadow">
+      <enum>QFrame::Raised</enum>
+     </property>
+     <layout class="QHBoxLayout" name="horizontalLayout_2">
+      <property name="spacing">
+       <number>10</number>
+      </property>
+      <property name="leftMargin">
+       <number>10</number>
+      </property>
+      <property name="topMargin">
+       <number>10</number>
+      </property>
+      <property name="rightMargin">
+       <number>10</number>
+      </property>
+      <property name="bottomMargin">
+       <number>10</number>
+      </property>
+      <item>
+       <widget class="QFrame" name="frame">
+        <property name="minimumSize">
+         <size>
+          <width>130</width>
+          <height>130</height>
+         </size>
+        </property>
+        <property name="frameShape">
+         <enum>QFrame::StyledPanel</enum>
+        </property>
+        <property name="frameShadow">
+         <enum>QFrame::Raised</enum>
+        </property>
+        <layout class="QVBoxLayout" name="verticalLayout_3">
+         <property name="spacing">
+          <number>1</number>
+         </property>
+         <property name="leftMargin">
+          <number>1</number>
+         </property>
+         <property name="topMargin">
+          <number>1</number>
+         </property>
+         <property name="rightMargin">
+          <number>1</number>
+         </property>
+         <property name="bottomMargin">
+          <number>1</number>
+         </property>
+         <item>
+          <widget class="AvatarWidget" name="Logo">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>130</width>
+             <height>130</height>
+            </size>
+           </property>
+          </widget>
+         </item>
+        </layout>
+       </widget>
+      </item>
+      <item>
+       <widget class="QWidget" name="widget" native="true">
+        <property name="minimumSize">
+         <size>
+          <width>400</width>
+          <height>0</height>
+         </size>
+        </property>
+        <layout class="QGridLayout" name="gridLayout">
+         <property name="leftMargin">
+          <number>0</number>
+         </property>
+         <property name="topMargin">
+          <number>0</number>
+         </property>
+         <property name="rightMargin">
+          <number>0</number>
+         </property>
+         <property name="bottomMargin">
+          <number>0</number>
+         </property>
+         <property name="horizontalSpacing">
+          <number>10</number>
+         </property>
+         <property name="verticalSpacing">
+          <number>5</number>
+         </property>
+         <item row="1" column="0">
+          <widget class="QLabel" name="label_17">
+           <property name="text">
+            <string>Nombre comercial</string>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="4">
+          <widget class="QComboBox" name="comboState">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>150</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>120</width>
+             <height>16777215</height>
+            </size>
+           </property>
+           <item>
+            <property name="text">
+             <string>Activo</string>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Cerrado</string>
+            </property>
+           </item>
+          </widget>
+         </item>
+         <item row="4" column="4">
+          <widget class="QLineEdit" name="editSupplierCode">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>150</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>120</width>
+             <height>16777215</height>
+            </size>
+           </property>
+           <property name="maxLength">
+            <number>20</number>
+           </property>
+           <property name="alignment">
+            <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+           </property>
+           <property name="readOnly">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="3" column="0">
+          <widget class="QLabel" name="label_7">
+           <property name="text">
+            <string>Cliente</string>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="1">
+          <widget class="QLineEdit" name="editCIF">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>150</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maxLength">
+            <number>128</number>
+           </property>
+          </widget>
+         </item>
+         <item row="0" column="1" colspan="5">
+          <widget class="QLineEdit" name="editName">
+           <property name="maxLength">
+            <number>128</number>
+           </property>
+          </widget>
+         </item>
+         <item row="3" column="1">
+          <widget class="QComboBox" name="comboClient">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>150</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>120</width>
+             <height>16777215</height>
+            </size>
+           </property>
+           <item>
+            <property name="text">
+             <string>No</string>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Cliente potencial</string>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Cliente</string>
+            </property>
+           </item>
+          </widget>
+         </item>
+         <item row="4" column="1">
+          <widget class="QComboBox" name="comboSupplier">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>150</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>120</width>
+             <height>16777215</height>
+            </size>
+           </property>
+           <item>
+            <property name="text">
+             <string>No</string>
+            </property>
+           </item>
+           <item>
+            <property name="text">
+             <string>Si</string>
+            </property>
+           </item>
+          </widget>
+         </item>
+         <item row="2" column="2">
+          <widget class="QLabel" name="label_3">
+           <property name="text">
+            <string>Estado</string>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="0">
+          <widget class="QLabel" name="label_2">
+           <property name="text">
+            <string>CIF</string>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="5">
+          <spacer name="horizontalSpacer_2">
+           <property name="orientation">
+            <enum>Qt::Horizontal</enum>
+           </property>
+           <property name="sizeHint" stdset="0">
+            <size>
+             <width>40</width>
+             <height>20</height>
+            </size>
+           </property>
+          </spacer>
+         </item>
+         <item row="4" column="0">
+          <widget class="QLabel" name="label_9">
+           <property name="text">
+            <string>Proveedor</string>
+           </property>
+          </widget>
+         </item>
+         <item row="4" column="2">
+          <widget class="QLabel" name="label_15">
+           <property name="text">
+            <string>Código</string>
+           </property>
+          </widget>
+         </item>
+         <item row="3" column="2">
+          <widget class="QLabel" name="label_5">
+           <property name="text">
+            <string>Código</string>
+           </property>
+          </widget>
+         </item>
+         <item row="0" column="0">
+          <widget class="QLabel" name="label_6">
+           <property name="text">
+            <string>Nombre fiscal</string>
+           </property>
+          </widget>
+         </item>
+         <item row="3" column="4">
+          <widget class="QLineEdit" name="editClientCode">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>150</width>
+             <height>0</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>120</width>
+             <height>16777215</height>
+            </size>
+           </property>
+           <property name="maxLength">
+            <number>20</number>
+           </property>
+           <property name="alignment">
+            <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+           </property>
+           <property name="readOnly">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="1" column="1" colspan="5">
+          <widget class="QLineEdit" name="editNickname">
+           <property name="maxLength">
+            <number>128</number>
+           </property>
+          </widget>
+         </item>
+        </layout>
+       </widget>
+      </item>
+      <item>
+       <spacer name="horizontalSpacer">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>40</width>
+          <height>20</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+     </layout>
+    </widget>
+   </item>
+   <item>
+    <widget class="QTabWidget" name="tabWidget">
+     <property name="currentIndex">
+      <number>0</number>
+     </property>
+     <widget class="QWidget" name="tabFile">
+      <attribute name="title">
+       <string>Ficha</string>
+      </attribute>
+      <layout class="QVBoxLayout" name="verticalLayout_2">
+       <property name="spacing">
+        <number>0</number>
+       </property>
+       <property name="leftMargin">
+        <number>0</number>
+       </property>
+       <property name="topMargin">
+        <number>0</number>
+       </property>
+       <property name="rightMargin">
+        <number>0</number>
+       </property>
+       <property name="bottomMargin">
+        <number>0</number>
+       </property>
+       <item>
+        <widget class="QScrollArea" name="scrollArea">
+         <property name="widgetResizable">
+          <bool>true</bool>
+         </property>
+         <widget class="QWidget" name="scrollAreaWidgetContents">
+          <property name="geometry">
+           <rect>
+            <x>0</x>
+            <y>0</y>
+            <width>715</width>
+            <height>403</height>
+           </rect>
+          </property>
+          <layout class="QGridLayout" name="gridLayout_4">
+           <property name="leftMargin">
+            <number>10</number>
+           </property>
+           <property name="topMargin">
+            <number>10</number>
+           </property>
+           <property name="rightMargin">
+            <number>10</number>
+           </property>
+           <property name="bottomMargin">
+            <number>10</number>
+           </property>
+           <property name="spacing">
+            <number>10</number>
+           </property>
+           <item row="0" column="0">
+            <widget class="QWidget" name="widget_4" native="true">
+             <layout class="QHBoxLayout" name="horizontalLayout_5">
+              <property name="spacing">
+               <number>10</number>
+              </property>
+              <property name="leftMargin">
+               <number>0</number>
+              </property>
+              <property name="topMargin">
+               <number>0</number>
+              </property>
+              <property name="rightMargin">
+               <number>0</number>
+              </property>
+              <property name="bottomMargin">
+               <number>0</number>
+              </property>
+              <item>
+               <widget class="QLabel" name="label_16">
+                <property name="minimumSize">
+                 <size>
+                  <width>80</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="text">
+                 <string>Fecha de alta</string>
+                </property>
+               </widget>
+              </item>
+              <item>
+               <widget class="QDateEdit" name="editDischargeDate">
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignCenter</set>
+                </property>
+                <property name="displayFormat">
+                 <string>dd/MM/yyyy</string>
+                </property>
+                <property name="calendarPopup">
+                 <bool>true</bool>
+                </property>
+               </widget>
+              </item>
+              <item>
+               <widget class="QLabel" name="label_23">
+                <property name="text">
+                 <string>Fecha de la última actualización</string>
+                </property>
+               </widget>
+              </item>
+              <item>
+               <widget class="QDateEdit" name="editUpdateDate">
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignCenter</set>
+                </property>
+                <property name="readOnly">
+                 <bool>true</bool>
+                </property>
+                <property name="buttonSymbols">
+                 <enum>QAbstractSpinBox::NoButtons</enum>
+                </property>
+                <property name="displayFormat">
+                 <string>dd/MM/yyyy</string>
+                </property>
+               </widget>
+              </item>
+             </layout>
+            </widget>
+           </item>
+           <item row="3" column="0" alignment="Qt::AlignLeft">
+            <widget class="QGroupBox" name="groupBox_5">
+             <property name="sizePolicy">
+              <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+               <horstretch>0</horstretch>
+               <verstretch>0</verstretch>
+              </sizepolicy>
+             </property>
+             <property name="title">
+              <string>Contacto</string>
+             </property>
+             <layout class="QGridLayout" name="gridLayout_3">
+              <property name="horizontalSpacing">
+               <number>10</number>
+              </property>
+              <property name="verticalSpacing">
+               <number>5</number>
+              </property>
+              <item row="0" column="2">
+               <widget class="QLineEdit" name="editFax">
+                <property name="minimumSize">
+                 <size>
+                  <width>150</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="maximumSize">
+                 <size>
+                  <width>150</width>
+                  <height>16777215</height>
+                 </size>
+                </property>
+                <property name="maxLength">
+                 <number>20</number>
+                </property>
+               </widget>
+              </item>
+              <item row="2" column="1">
+               <widget class="QLineEdit" name="editEmail">
+                <property name="minimumSize">
+                 <size>
+                  <width>150</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="maximumSize">
+                 <size>
+                  <width>150</width>
+                  <height>16777215</height>
+                 </size>
+                </property>
+               </widget>
+              </item>
+              <item row="2" column="0">
+               <widget class="QLabel" name="label_13">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>80</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="text">
+                 <string>E-mail</string>
+                </property>
+               </widget>
+              </item>
+              <item row="1" column="0">
+               <widget class="QLabel" name="label_18">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>80</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="text">
+                 <string>Móvil</string>
+                </property>
+               </widget>
+              </item>
+              <item row="0" column="1">
+               <widget class="QLineEdit" name="editPhone">
+                <property name="minimumSize">
+                 <size>
+                  <width>150</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="maximumSize">
+                 <size>
+                  <width>150</width>
+                  <height>16777215</height>
+                 </size>
+                </property>
+                <property name="maxLength">
+                 <number>20</number>
+                </property>
+               </widget>
+              </item>
+              <item row="0" column="0">
+               <widget class="QLabel" name="label_12">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>80</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="text">
+                 <string>Teléfono / Fax</string>
+                </property>
+               </widget>
+              </item>
+              <item row="1" column="1">
+               <widget class="QLineEdit" name="editMobile">
+                <property name="minimumSize">
+                 <size>
+                  <width>150</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="maximumSize">
+                 <size>
+                  <width>150</width>
+                  <height>16777215</height>
+                 </size>
+                </property>
+                <property name="maxLength">
+                 <number>20</number>
+                </property>
+               </widget>
+              </item>
+              <item row="3" column="1">
+               <widget class="QLineEdit" name="editWebside">
+                <property name="minimumSize">
+                 <size>
+                  <width>150</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="maximumSize">
+                 <size>
+                  <width>150</width>
+                  <height>16777215</height>
+                 </size>
+                </property>
+               </widget>
+              </item>
+              <item row="3" column="0">
+               <widget class="QLabel" name="label_14">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>80</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="text">
+                 <string>Webside</string>
+                </property>
+               </widget>
+              </item>
+             </layout>
+            </widget>
+           </item>
+           <item row="2" column="0">
+            <widget class="QGroupBox" name="groupBox_2">
+             <property name="sizePolicy">
+              <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+               <horstretch>0</horstretch>
+               <verstretch>0</verstretch>
+              </sizepolicy>
+             </property>
+             <property name="title">
+              <string>Domicilio</string>
+             </property>
+             <layout class="QGridLayout" name="gridLayout_2">
+              <property name="horizontalSpacing">
+               <number>10</number>
+              </property>
+              <property name="verticalSpacing">
+               <number>5</number>
+              </property>
+              <item row="1" column="0">
+               <widget class="QLabel" name="label_8">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>80</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="text">
+                 <string>CP/Población</string>
+                </property>
+               </widget>
+              </item>
+              <item row="3" column="2">
+               <widget class="QLineEdit" name="editCountry"/>
+              </item>
+              <item row="0" column="1" colspan="2">
+               <widget class="QPlainTextEdit" name="editAddress">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Expanding" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>0</width>
+                  <height>50</height>
+                 </size>
+                </property>
+                <property name="maximumSize">
+                 <size>
+                  <width>16777215</width>
+                  <height>50</height>
+                 </size>
+                </property>
+                <property name="frameShape">
+                 <enum>QFrame::StyledPanel</enum>
+                </property>
+               </widget>
+              </item>
+              <item row="3" column="0">
+               <widget class="QLabel" name="label_11">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>80</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="text">
+                 <string>Pais</string>
+                </property>
+               </widget>
+              </item>
+              <item row="2" column="0">
+               <widget class="QLabel" name="label_10">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>80</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="text">
+                 <string>Provincia</string>
+                </property>
+               </widget>
+              </item>
+              <item row="1" column="2">
+               <widget class="QLineEdit" name="editCity"/>
+              </item>
+              <item row="2" column="1" colspan="2">
+               <widget class="QLineEdit" name="editProvince"/>
+              </item>
+              <item row="0" column="0">
+               <widget class="QLabel" name="label_4">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>80</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="text">
+                 <string>Dirección</string>
+                </property>
+               </widget>
+              </item>
+              <item row="3" column="1">
+               <widget class="QComboBox" name="comboCountry">
+                <property name="minimumSize">
+                 <size>
+                  <width>80</width>
+                  <height>0</height>
+                 </size>
+                </property>
+               </widget>
+              </item>
+              <item row="1" column="1">
+               <widget class="QLineEdit" name="editCP">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+               </widget>
+              </item>
+             </layout>
+            </widget>
+           </item>
+           <item row="1" column="0" alignment="Qt::AlignLeft">
+            <widget class="QWidget" name="widget_2" native="true">
+             <layout class="QHBoxLayout" name="horizontalLayout">
+              <property name="spacing">
+               <number>10</number>
+              </property>
+              <property name="leftMargin">
+               <number>0</number>
+              </property>
+              <property name="topMargin">
+               <number>0</number>
+              </property>
+              <property name="rightMargin">
+               <number>0</number>
+              </property>
+              <property name="bottomMargin">
+               <number>0</number>
+              </property>
+              <item>
+               <widget class="QLabel" name="label_20">
+                <property name="minimumSize">
+                 <size>
+                  <width>80</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="text">
+                 <string>CIF Intracomunitario</string>
+                </property>
+               </widget>
+              </item>
+              <item>
+               <widget class="QLineEdit" name="editIntraCode">
+                <property name="sizePolicy">
+                 <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+                  <horstretch>0</horstretch>
+                  <verstretch>0</verstretch>
+                 </sizepolicy>
+                </property>
+                <property name="minimumSize">
+                 <size>
+                  <width>120</width>
+                  <height>0</height>
+                 </size>
+                </property>
+                <property name="maxLength">
+                 <number>20</number>
+                </property>
+               </widget>
+              </item>
+             </layout>
+            </widget>
+           </item>
+           <item row="2" column="1">
+            <spacer name="horizontalSpacer_3">
+             <property name="orientation">
+              <enum>Qt::Horizontal</enum>
+             </property>
+             <property name="sizeHint" stdset="0">
+              <size>
+               <width>40</width>
+               <height>20</height>
+              </size>
+             </property>
+            </spacer>
+           </item>
+           <item row="4" column="0">
+            <spacer name="verticalSpacer">
+             <property name="orientation">
+              <enum>Qt::Vertical</enum>
+             </property>
+             <property name="sizeHint" stdset="0">
+              <size>
+               <width>20</width>
+               <height>40</height>
+              </size>
+             </property>
+            </spacer>
+           </item>
+          </layout>
+         </widget>
+        </widget>
+       </item>
+      </layout>
+     </widget>
+     <widget class="QWidget" name="tabClient">
+      <attribute name="title">
+       <string>Cliente</string>
+      </attribute>
+      <widget class="QLabel" name="label">
+       <property name="geometry">
+        <rect>
+         <x>30</x>
+         <y>30</y>
+         <width>111</width>
+         <height>16</height>
+        </rect>
+       </property>
+       <property name="text">
+        <string>Código contable cliente</string>
+       </property>
+      </widget>
+      <widget class="QLineEdit" name="editAccountClient">
+       <property name="geometry">
+        <rect>
+         <x>150</x>
+         <y>30</y>
+         <width>113</width>
+         <height>20</height>
+        </rect>
+       </property>
+      </widget>
+     </widget>
+     <widget class="QWidget" name="tabSupplier">
+      <attribute name="title">
+       <string>Proveedor</string>
+      </attribute>
+      <widget class="QLabel" name="label_19">
+       <property name="geometry">
+        <rect>
+         <x>20</x>
+         <y>20</y>
+         <width>111</width>
+         <height>16</height>
+        </rect>
+       </property>
+       <property name="text">
+        <string>Comtabilidad</string>
+       </property>
+      </widget>
+      <widget class="QLineEdit" name="editAccountSupplier">
+       <property name="geometry">
+        <rect>
+         <x>140</x>
+         <y>20</y>
+         <width>113</width>
+         <height>20</height>
+        </rect>
+       </property>
+      </widget>
+     </widget>
+     <widget class="QWidget" name="tabContacts">
+      <attribute name="title">
+       <string>Contactos</string>
+      </attribute>
+      <widget class="QTableView" name="tableView">
+       <property name="geometry">
+        <rect>
+         <x>30</x>
+         <y>20</y>
+         <width>661</width>
+         <height>192</height>
+        </rect>
+       </property>
+      </widget>
+     </widget>
+     <widget class="QWidget" name="tabNotes">
+      <attribute name="title">
+       <string>Notas</string>
+      </attribute>
+      <widget class="QTextEdit" name="editPublicNotes">
+       <property name="geometry">
+        <rect>
+         <x>90</x>
+         <y>30</y>
+         <width>361</width>
+         <height>70</height>
+        </rect>
+       </property>
+      </widget>
+      <widget class="QTextEdit" name="editPrivateNotes">
+       <property name="geometry">
+        <rect>
+         <x>93</x>
+         <y>150</y>
+         <width>361</width>
+         <height>70</height>
+        </rect>
+       </property>
+      </widget>
+     </widget>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>AvatarWidget</class>
+   <extends>QLabel</extends>
+   <header>avatarwidget.h</header>
+  </customwidget>
+ </customwidgets>
+ <tabstops>
+  <tabstop>editName</tabstop>
+  <tabstop>editCIF</tabstop>
+  <tabstop>comboClient</tabstop>
+  <tabstop>editClientCode</tabstop>
+  <tabstop>comboSupplier</tabstop>
+  <tabstop>editSupplierCode</tabstop>
+  <tabstop>comboState</tabstop>
+  <tabstop>toolButton_10</tabstop>
+  <tabstop>editAccountSupplier</tabstop>
+  <tabstop>editAccountClient</tabstop>
+  <tabstop>editIntraCode</tabstop>
+  <tabstop>tabWidget</tabstop>
+  <tabstop>editAddress</tabstop>
+  <tabstop>comboCountry</tabstop>
+  <tabstop>editCountry</tabstop>
+  <tabstop>editCity</tabstop>
+  <tabstop>editProvince</tabstop>
+  <tabstop>editPhone</tabstop>
+  <tabstop>editFax</tabstop>
+  <tabstop>editMobile</tabstop>
+  <tabstop>editEmail</tabstop>
+  <tabstop>editWebside</tabstop>
+  <tabstop>buttonSave</tabstop>
+  <tabstop>toolButton_9</tabstop>
+ </tabstops>
+ <resources>
+  <include location="../editabletreemodel.qrc"/>
+ </resources>
+ <connections/>
+</ui>
diff --git a/gui/formthirdlist.cpp b/gui/formthirdlist.cpp
new file mode 100644
index 0000000..076340f
--- /dev/null
+++ b/gui/formthirdlist.cpp
@@ -0,0 +1,157 @@
+#include "formthirdlist.h"
+#include "ui_formthirdlist.h"
+#include "mapplication.h"
+#include "mainwindow.h"
+#include "formthird.h"
+#include "utils/filtertableheader.h"
+
+#include <QSqlQueryModel>
+#include <QResizeEvent>
+
+
+formThirdList::formThirdList(QWidget *parent) :
+    QWidget(parent),
+    ui(new Ui::formThirdList)
+{
+
+    ui->setupUi(this);
+    //QStringList header;
+    //header << tr("Código") << tr("Título") << tr("Tipo") << tr("Precio de Compra");
+
+    mModel = new QSqlQueryModel(this);
+    //ui->tableView->setModel(mModel);
+
+    QSortFilterProxyModel *proxyModel = new QSortFilterProxyModel(this);
+    proxyModel->setSourceModel(mModel);
+    ui->tableView->setModel(proxyModel);
+
+    // Set up filter row
+    m_tableHeader = new FilterTableHeader(ui->tableView);
+    ui->tableView->setHorizontalHeader(m_tableHeader);
+    m_tableHeader->setFilter(1, "");
+    m_tableHeader->setFocusColumn(1);
+    // Disconnect clicking in header to select column, since we will use it for sorting.
+    // Note that, in order to work, this cannot be converted to the standard C++11 format.
+    disconnect(m_tableHeader, SIGNAL(sectionPressed(int)),this, SLOT(selectColumn(int)));
+    //connect(m_frozen_table_view->filterHeader(), &FilterTableHeader::filterChanged, filterHeader(), &FilterTableHeader::filterChanged);
+    connect(m_tableHeader, &FilterTableHeader::filterChanged, this, &formThirdList::applyFilter);
+
+
+    updateList();
+    ui->tableView->setColumnHidden(0, true);
+    m_tableHeader->generateFilters(mModel->columnCount(), 0);
+}
+
+formThirdList::~formThirdList()
+{
+    delete ui;
+}
+
+void formThirdList::updateList()
+{
+    dApp->Enterprise().open();
+    mModel->setQuery("SELECT ID, CIF, NAME, NICKNAME, ADDRESS, CITY, PHONE, MOBILE, FAX, EMAIL FROM THIRD ORDER BY ID ASC",
+                     dApp->Enterprise());
+
+    dApp->Enterprise().close();
+}
+
+void formThirdList::applyFilter()
+{
+    dApp->Enterprise().open();
+    QString query = "SELECT ID, CIF, NAME, NICKNAME, ADDRESS, CITY, PHONE, MOBILE, FAX, EMAIL FROM THIRD";
+    QString filters = "";
+
+    for (int i = 1; i < mModel->columnCount(); i++)
+    {
+        if(m_tableHeader->filterValue(i).isEmpty())
+            continue;
+
+        if(!filters.isEmpty())
+            filters += " AND ";
+        //WHERE NAME LIKE '%ter%'
+        filters += mModel->headerData(i, Qt::Horizontal).toString() + " LIKE '%" + m_tableHeader->filterValue(i) + "%'";
+    }
+    if (!filters.isEmpty())
+        query += " WHERE " + filters;
+
+    //query += " ORDER BY ID ASC";
+
+    mModel->setQuery(query,
+                     dApp->Enterprise());
+
+    if (mModel->lastError().isValid())
+        qDebug() << mModel->lastError();
+
+    dApp->Enterprise().close();
+}
+
+void formThirdList::on_buttonNew_released()
+{
+    formThird *form = dApp->mainWindow()->createFormThird();
+    form->show();
+}
+
+void formThirdList::on_buttonEdit_released()
+{
+    openDocument(ui->tableView->currentIndex());
+}
+
+void formThirdList::on_buttonClone_released()
+{
+
+}
+
+void formThirdList::on_buttonDelete_released()
+{
+    QModelIndex index = ui->tableView->currentIndex();
+    QAbstractItemModel *model = const_cast<QAbstractItemModel*>(index.model()); // Obtén el modelo asociado
+    QModelIndex parentIndex = index.parent(); // Obtén el índice del padre
+    if (index.column() != 0)
+        index = model->index(index.row(), 0, parentIndex); // Obtén el índice del hijo
+
+    QString ID = index.data().toString();
+    QModelIndex childIndex = model->index(index.row(), 2, parentIndex); // Obtén el índice del hijo
+    int type = childIndex.data().toInt(); // Accede al dato
+
+    dApp->Enterprise().open();
+    QSqlQuery qry = QSqlQuery(dApp->Enterprise());
+
+    if(!qry.exec(QString("DELETE FROM THIRD WHERE CODE = '%1';").arg(ID)))
+    {
+        qDebug() << "Error ejecutando el query: " << qry.lastError().text() << "\n";
+    }
+    updateList();
+    dApp->Enterprise().close();
+}
+
+void formThirdList::on_buttonUpdate_released()
+{
+    updateList();
+}
+
+void formThirdList::on_tableView_doubleClicked(const QModelIndex &index)
+{
+    openDocument(index);
+}
+
+
+void formThirdList::openDocument(QModelIndex index)
+{
+
+    formThird *form = dApp->mainWindow()->createFormThird();
+    form->openDocument(index.model()->index(index.row(), 0).data().toString());
+    form->show();
+}
+
+void formThirdList::resizeEvent(QResizeEvent *event)
+{
+    QStringList texts = { tr("Nuevo"), tr("Editar"), tr("Clonar"), tr("Borrar"), tr("Actualizar") };
+    QList<QPushButton*> buttons = { ui->buttonNew, ui->buttonEdit, ui->buttonClone, ui->buttonDelete, ui->buttonUpdate };
+
+    for (int i = 0; i < buttons.size(); ++i) {
+        buttons[i]->setText(event->size().width() > 390 ? texts[i] : "");
+    }
+}
+
+
diff --git a/gui/formthirdlist.h b/gui/formthirdlist.h
new file mode 100644
index 0000000..ac1a6d8
--- /dev/null
+++ b/gui/formthirdlist.h
@@ -0,0 +1,45 @@
+#ifndef FORMTHIRDLIST_H
+#define FORMTHIRDLIST_H
+
+#include <QWidget>
+
+class QSqlQueryModel;
+class FilterTableHeader;
+
+namespace Ui
+{
+class formThirdList;
+}
+
+class formThirdList : public QWidget
+{
+    Q_OBJECT
+
+public:
+    explicit formThirdList(QWidget *parent = 0);
+    ~formThirdList();
+
+private slots:
+    void on_buttonNew_released();
+    void on_buttonEdit_released();
+    void on_buttonClone_released();
+    void on_buttonDelete_released();
+
+    void on_buttonUpdate_released();
+
+    void on_tableView_doubleClicked(const QModelIndex &index);
+
+private:
+    Ui::formThirdList *ui;
+    QSqlQueryModel *mModel;
+    FilterTableHeader *m_tableHeader;
+
+    void updateList();
+    void openDocument(QModelIndex index);
+
+    void applyFilter();
+protected:
+    void resizeEvent(QResizeEvent *event) override;
+};
+
+#endif // FORMTHIRDLIST_H
diff --git a/gui/formthirdlist.ui b/gui/formthirdlist.ui
new file mode 100644
index 0000000..ec943f5
--- /dev/null
+++ b/gui/formthirdlist.ui
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>formThirdList</class>
+ <widget class="QWidget" name="formThirdList">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>285</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Terceros</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout_2">
+   <property name="spacing">
+    <number>0</number>
+   </property>
+   <property name="leftMargin">
+    <number>0</number>
+   </property>
+   <property name="topMargin">
+    <number>0</number>
+   </property>
+   <property name="rightMargin">
+    <number>0</number>
+   </property>
+   <property name="bottomMargin">
+    <number>0</number>
+   </property>
+   <item>
+    <widget class="QTableView" name="tableView">
+     <property name="editTriggers">
+      <set>QAbstractItemView::NoEditTriggers</set>
+     </property>
+     <property name="selectionMode">
+      <enum>QAbstractItemView::SingleSelection</enum>
+     </property>
+     <property name="selectionBehavior">
+      <enum>QAbstractItemView::SelectRows</enum>
+     </property>
+     <property name="sortingEnabled">
+      <bool>true</bool>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QFrame" name="frame_2">
+     <layout class="QHBoxLayout" name="horizontalLayout">
+      <property name="spacing">
+       <number>0</number>
+      </property>
+      <property name="leftMargin">
+       <number>0</number>
+      </property>
+      <property name="topMargin">
+       <number>0</number>
+      </property>
+      <property name="rightMargin">
+       <number>0</number>
+      </property>
+      <property name="bottomMargin">
+       <number>0</number>
+      </property>
+      <item>
+       <widget class="QPushButton" name="buttonNew">
+        <property name="text">
+         <string>Nuevo</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/add-file.svg</normaloff>:/resources/icons/add-file.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonEdit">
+        <property name="text">
+         <string>Editar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/pencil.svg</normaloff>:/resources/icons/pencil.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonClone">
+        <property name="text">
+         <string>Duplicar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/copy.svg</normaloff>:/resources/icons/copy.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonDelete">
+        <property name="text">
+         <string>Borrar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/delete.svg</normaloff>:/resources/icons/delete.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonUpdate">
+        <property name="text">
+         <string>Actualizar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/recycle.svg</normaloff>:/resources/icons/recycle.svg</iconset>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <resources>
+  <include location="../editabletreemodel.qrc"/>
+ </resources>
+ <connections/>
+</ui>
diff --git a/gui/qlistmodel.cpp b/gui/qlistmodel.cpp
new file mode 100644
index 0000000..f400575
--- /dev/null
+++ b/gui/qlistmodel.cpp
@@ -0,0 +1,43 @@
+#include "qlistmodel.h"
+#include <QIcon>
+
+QListModel::QListModel(QObject *parent) :
+    QSqlQueryModel(parent)
+{
+
+}
+
+QVariant QListModel::data(const QModelIndex &item, int role) const
+{
+    if (!item.isValid())
+        return QVariant();
+
+    if(role == Qt::DecorationRole)
+    {
+        if(item.column() == 0)
+        {
+            if(item.data(13).toString() == "0")               // Compuesto
+            {
+                return QIcon(":/resources/icons/box.svg");
+            }
+            else if(item.data(13).toString() == "1")          // Materiales
+            {
+                return QIcon(":/resources/icons/blocks.svg");
+            }
+            else if(item.data(13).toString() == "2")          // Mano de obra
+            {
+                return QIcon(":/resources/icons/helmet.svg");
+            }
+            else if(item.data(13).toString() == "3")          // Maquinaria
+            {
+                return QIcon(":/resources/icons/gear.svg");
+            }
+            else if(item.data(13).toString() == "4")          // Maquinaria
+            {
+                return QIcon(":/resources/icons/percentage.svg");
+            }
+        }
+    }
+
+    //return item.data(role);
+}
diff --git a/gui/qlistmodel.h b/gui/qlistmodel.h
new file mode 100644
index 0000000..0594ff1
--- /dev/null
+++ b/gui/qlistmodel.h
@@ -0,0 +1,16 @@
+#ifndef QLISTMODEL_H
+#define QLISTMODEL_H
+
+#include <QSqlQueryModel>
+
+
+class QListModel : public QSqlQueryModel
+{
+public:
+    QListModel(QObject *parent = Q_NULLPTR);
+
+    QVariant data(const QModelIndex &item, int role = Qt::DisplayRole) const override;
+
+};
+
+#endif // QLISTMODEL_H
diff --git a/gui/qtRibbonGUI/QsfMainWindow.cpp b/gui/qtRibbonGUI/QsfMainWindow.cpp
new file mode 100644
index 0000000..91ba772
--- /dev/null
+++ b/gui/qtRibbonGUI/QsfMainWindow.cpp
@@ -0,0 +1,188 @@
+#if _MSC_VER >= 1600
+#pragma execution_character_set("utf-8")
+#endif
+#include <QMenuBar>
+#include <QToolBar>
+#include <QAction>
+#include <QPixmap>
+#include <QBitmap>
+#include <QVBoxLayout>
+#include <QPushButton>
+#include <QDockWidget>
+#include <QTreeWidget>
+#include <QStatusBar>
+
+//#include "SgfPlatformCore.h"
+//#include "SgfSingleCoreObjectImpl.h"
+//#include "SgfCoreManager.h"
+
+#include "QsfMainWindow.h"
+
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 0, 0))
+QsfWorkWindow::QsfWorkWindow(QWidget *parent /* = 0 */, Qt::WindowFlags flags /* = 0 */)
+#else
+QsfWorkWindow::QsfWorkWindow(QWidget *parent /* = 0 */, Qt::WFlags flags /* = 0 */)
+#endif 
+
+:QMainWindow(parent,flags)
+{
+    setObjectName("QsfWorkWindow");
+
+	//允许嵌套dock
+	setDockNestingEnabled(true);
+	setCorner(Qt::BottomLeftCorner, Qt::LeftDockWidgetArea);
+	setCorner(Qt::BottomRightCorner, Qt::RightDockWidgetArea);
+
+    m_workspace = new QTabWidget;
+    setCentralWidget(m_workspace);
+    m_workspace->setTabsClosable(false);
+
+    /*状态条*/
+    QStatusBar* statusBar = new QStatusBar();
+    statusBar->setObjectName("QsfStatuBar");
+    this->setStatusBar(statusBar);
+
+    this->setStatusTip("自定义程序框架  V1.0       作者: 梁振 liang1057@163.com");
+}
+
+QsfWorkWindow::~QsfWorkWindow()
+{
+    delete m_workspace;
+}
+
+
+QWidget* QsfWorkWindow::getCurrentTabWidget()
+{
+    if (m_workspace != NULL)
+    {
+        return m_workspace->currentWidget();
+    }
+
+    return NULL;
+}
+
+QWidget * QsfWorkWindow::currentTabWidget()
+{
+    return getCurrentTabWidget();
+}
+
+QTabWidget* QsfWorkWindow::workSpace()
+{
+    return m_workspace;
+}
+
+void QsfMainWindow::createMainWindow()
+{
+    //将参数管理器注册到核心中
+    //REGIST_OBJECT(QsfMainWindow);
+}
+
+QsfMainWindow::QsfMainWindow()
+{
+    resize(800,600);
+    int alpha = 255;
+    this->setWindowOpacity(alpha);
+    setObjectName("SYS_QsfMainWindow");
+
+    Qt::WindowFlags myWinFlags = Qt::WindowFlags();
+    myWinFlags |= Qt::FramelessWindowHint; // 不可调整大小
+    myWinFlags |= Qt::CustomizeWindowHint;
+    setWindowFlags(myWinFlags);
+    //setAttribute(Qt::WA_TranslucentBackground); //背景透明
+
+    QVBoxLayout* tMainVB = new QVBoxLayout;
+    tMainVB->setSpacing(0);
+    tMainVB->setContentsMargins(0,0,0,0);
+    this->setLayout(tMainVB);
+
+    m_titleBar = new QsfTitleBar;
+    tMainVB->addWidget(m_titleBar);
+
+    m_tableMenu = new QTabWidget;
+    m_tableMenu->setMaximumHeight(150);
+    tMainVB->addWidget(m_tableMenu);
+
+    m_workWindow = new QsfWorkWindow;
+    tMainVB->addWidget(m_workWindow);
+}
+
+QsfMainWindow::~QsfMainWindow()
+{
+    delete m_titleBar;
+    delete m_workWindow;
+
+    //清理参数管理器
+}
+
+QDockWidget* QsfMainWindow::createDockWidget( QString title, QString name, Qt::DockWidgetArea area )
+{
+    QDockWidget* tDock = new QDockWidget(title);
+
+    SgfParamManager::GetInstance()->addParam(name.toStdString(), tDock);
+    m_workWindow->addDockWidget(area, tDock);
+    QWidget* docWid1 = new QWidget;
+    tDock->setWidget(docWid1);
+    return tDock;
+}
+
+void QsfMainWindow::addDockWidget( QDockWidget* tDock, QString title, Qt::DockWidgetArea area )
+{
+    m_workWindow->addDockWidget(area, tDock);
+    QWidget* docWid1 = new QWidget;
+    tDock->setWidget(docWid1);
+}
+
+
+QWidget* QsfMainWindow::createWorkWidget( QString title, QString name )
+{
+    QWidget* tWidget = new QWidget();
+    tWidget->setWindowTitle(title);
+    SgfParamManager::GetInstance()->addParam(name.toStdString(), tWidget);
+    m_workWindow->workSpace()->addTab(tWidget, title);
+    return tWidget;
+
+}
+
+    /** @brief 添加工作页Widget. */
+void QsfMainWindow::addWorkWidget( QWidget* workTab, QString title )
+{
+    m_workWindow->workSpace()->addTab(workTab, title);
+}
+
+void QsfMainWindow::mousePressEvent( QMouseEvent *event )
+{
+	if (m_titleRect.contains(oldMousePos))
+	{
+		oldMousePos = event->globalPos() - this->pos();
+		m_titleRect = m_titleBar->rect();
+	}
+}
+
+void QsfMainWindow::mouseDoubleClickEvent( QMouseEvent * event )
+{
+	if (m_titleRect.contains(oldMousePos))
+	{
+		if (isMaximized())
+		{
+			showNormal();
+		}
+		else
+		{
+			showMaximized();
+		}
+		m_titleRect = m_titleBar->rect();
+	}
+	QWidget::mouseDoubleClickEvent(event);
+}
+
+void QsfMainWindow::mouseMoveEvent( QMouseEvent *event )
+{
+    if( isMaximized() )
+        return;
+
+    if (m_titleRect.contains(oldMousePos))
+        move(event->globalPos()-oldMousePos);
+
+    oldMousePos = event->globalPos() - this->pos();
+}
+
diff --git a/gui/qtRibbonGUI/QsfMainWindow.h b/gui/qtRibbonGUI/QsfMainWindow.h
new file mode 100644
index 0000000..589df99
--- /dev/null
+++ b/gui/qtRibbonGUI/QsfMainWindow.h
@@ -0,0 +1,159 @@
+/************************************************************************
+* 版权所有 (C) 梁振    Email:  liang1057@163.com.cn
+* 
+* 文件名称： QsMainWindow.h
+* 内容摘要： 
+* 其它说明： 无
+* 当前版本： 0.1
+* 作    者： Leon
+* 完成日期： [2020/06/16]
+* 
+* 修改记录1：暂无
+*    修改日期：
+*    版 本 号：
+*    修 改 人：
+*    修改内容： 
+* 修改记录2：…
+************************************************************************/
+
+#ifndef QSMAINWINDOW_H
+#define QSMAINWINDOW_H
+
+#include <QTabWidget>
+#include <QMainWindow>
+#include <QDragMoveEvent>
+
+#include "SgfParamManager.h"
+#include "QsfTitleBar.h"
+
+
+/************************************************************************
+类声明: 工作窗口
+************************************************************************/
+/** @brief     工作窗口.
+*
+*  @details   工作窗口的主体是Tab窗口.
+*/
+class      QsfWorkWindow : public QMainWindow 	
+{
+    Q_OBJECT
+public:
+    /** @brief 构造函数.
+    *
+    *  @details   构造函数.
+    *  @param  parent 父指针.
+    *  @param  flags flags.
+    */
+#if (QT_VERSION >= QT_VERSION_CHECK(5, 0, 0))
+    QsfWorkWindow(QWidget *parent = 0, Qt::WindowFlags flags = Qt::WindowFlags());
+#else
+    QsfWorkWindow(QWidget *parent = 0, Qt::WFlags flags = 0);
+#endif 
+    /** @brief     析构函数.
+    *
+    *  @details   析构函数,为了防止资源泄漏所以为virtual函数.
+    */
+    virtual ~QsfWorkWindow();
+
+public:
+    /** @brief    获取当前tab页Widget函数.
+    *
+    *  @details   获取当前tab页Widget函数.
+    *  @return    当前Widget指针.
+    */
+    QWidget* getCurrentTabWidget();
+
+    /** @brief    获取当前tab页SgfWidget函数.
+    *
+    *  @details   获取当前tab页SgfWidget函数.
+    *  @return    当前SgfWidget指针.
+    */
+    QWidget * currentTabWidget();
+
+    /** @brief     获取tabWidget函数.
+    *
+    *  @details   获取tabWidget函数.
+    *  @return    SgfTabWidget指针.
+    */
+    QTabWidget* workSpace();
+
+private:
+    QTabWidget* m_workspace;
+};
+
+/************************************************************************
+                  类声明:
+************************************************************************/
+
+/** @brief 
+*
+*  @details 
+*/
+/** 默认 布局文件名称 */
+const QString MAINWINDOWLAYOUTFILE = "sw_mainframe.layout";
+/** @brief 应用程序主窗口对象
+*
+*  @details 定义一个应用程序主窗口的宏对象,可在插件中访问主窗口资源.这是一个指针
+*/
+#define QSF_MainWindow ((QsfMainWindow*)(COREOBJECT(QsfMainWindow)))
+
+#define QSF_MainWindow_GetParam(type, name) static_cast<type*>(GET_COREOBJECT(SgfParamManager)->getParamValue( string(name)))
+#define QSF_MainWindow_GetParam(type, name) ((type*)(GET_COREOBJECT(SgfParamManager)->getParamValue( string(name))))
+
+/**************************************************************************
+*                             类声明                                     *
+**************************************************************************/
+
+/** @brief 应用程序主窗口类.
+*
+*  @details 平台应用程序框架服务-应用程序主窗口类
+*/
+class      QsfMainWindow : public QWidget //, public SgfParamManager
+{
+    Q_OBJECT
+public:
+    QsfMainWindow();
+    ~QsfMainWindow();
+    static void createMainWindow();
+
+    QsfTitleBar* titleBar(){
+        return m_titleBar;
+    }
+    QsfWorkWindow* workWindow(){
+        return m_workWindow;
+    }
+    QTabWidget* tabMenuWidget(){
+        return m_tableMenu;
+    }
+
+    /** @brief 创建DockWidget. */
+    QDockWidget* createDockWidget(QString title, QString name, Qt::DockWidgetArea area);
+    /** @brief 添加DockWidget. */
+    void addDockWidget(QDockWidget* tDock, QString title, Qt::DockWidgetArea area);
+
+    /** @brief 创建工作页Widget. */
+    QWidget* createWorkWidget(QString title, QString name);
+    /** @brief 添加工作页Widget. */
+    void addWorkWidget(QWidget* workTab, QString title);
+
+private:
+    QsfWorkWindow* m_workWindow;
+    QsfTitleBar* m_titleBar;
+    QTabWidget* m_tableMenu;
+
+
+protected:
+    /** @brief  标题范围. */
+    QRect m_titleRect;
+    /** @brief  鼠标上一次的位置. */
+    QPoint oldMousePos;
+    /** @brief  鼠标单击. */
+    void mousePressEvent(QMouseEvent *event);
+    /** @brief  鼠标双击. */
+    void mouseDoubleClickEvent ( QMouseEvent * event);
+    /** @brief  鼠标拖动. */
+    void mouseMoveEvent(QMouseEvent *event);
+};
+
+
+#endif // QsfMainWindow_H
diff --git a/gui/qtRibbonGUI/QsfTitleBar.cpp b/gui/qtRibbonGUI/QsfTitleBar.cpp
new file mode 100644
index 0000000..9d19b43
--- /dev/null
+++ b/gui/qtRibbonGUI/QsfTitleBar.cpp
@@ -0,0 +1,62 @@
+#include <QPixmap>
+#include "QsfTitleBar.h"
+
+QsfTitleBar::QsfTitleBar( QWidget *parent /*= NULL*/ )
+:QWidget(parent)
+{
+    setAttribute(Qt::WA_TranslucentBackground);
+    QWidget* backWidget = new QWidget;
+    QHBoxLayout* backLayout = new QHBoxLayout;
+    this->setLayout(backLayout);
+    backLayout->addWidget(backWidget);
+    //backLayout->setMargin(0);
+    backLayout->setSpacing(0);
+    backWidget->setObjectName("TITLE_BACK_WIDGET");
+
+    m_layout = new QHBoxLayout;
+    m_layout->setContentsMargins(0, 0, 0, 0);            //设置按钮组离边界的距离为5px
+    layLeft = new QHBoxLayout;
+    layLeft->setContentsMargins(0, 0, 0, 0);            //设置按钮组离边界的距离为5px
+
+    layRight = new QHBoxLayout;
+    layRight->setContentsMargins(0, 0, 0, 0);            //设置按钮组离边界的距离为5px
+    layRight->setSpacing(0);
+
+    m_titleLab = new QLabel;
+    m_titleLab->setMouseTracking(false);
+    backWidget->setLayout(m_layout);
+    m_layout->addLayout(layLeft);
+    m_layout->addStretch();
+    m_layout->addWidget(m_titleLab);
+    m_layout->addStretch();
+    m_layout->addLayout(layRight);
+
+    setObjectName("QsfTitleBar");
+}
+
+QsfTitleBar::~QsfTitleBar()
+{
+
+}
+
+void QsfTitleBar::setWindowTitle( QString title, Qt::Alignment tAlignment /*= Qt::AlignCenter*/ )
+{
+    m_titleLab->setText(title);
+    m_titleLab->setAlignment(tAlignment);
+}
+void QsfTitleBar::addLeftAction( QPushButton* tAct )
+{
+    m_leftActions.append(tAct);
+    layLeft->addWidget(tAct);
+}
+
+void QsfTitleBar::addRightAction( QPushButton* tAct )
+{
+    m_rightActions.append(tAct);
+    layRight->addWidget(tAct);
+}
+
+QString QsfTitleBar::windowTitle()
+{
+    return m_titleLab->text();
+}
diff --git a/gui/qtRibbonGUI/QsfTitleBar.h b/gui/qtRibbonGUI/QsfTitleBar.h
new file mode 100644
index 0000000..3310946
--- /dev/null
+++ b/gui/qtRibbonGUI/QsfTitleBar.h
@@ -0,0 +1,65 @@
+/************************************************************************
+* 版权所有 (C) 梁振    Email:  liang1057@163.com.cn
+*
+* 文件名称： QsfTitleBar.h
+* 内容摘要： 自定义界面标题栏类
+* 其它说明： 自定义界面的标题栏，按照Office Ribbon的扁平化策略实现了一个左侧按钮+中间标题+用户文本+右侧按钮 的布局
+* 当前版本： 0.1
+* 作    者： Leon
+* 完成日期： [3/20/2013]
+*
+* 修改记录1：暂无
+*    修改日期：
+*    版 本 号：
+*    修 改 人：
+*    修改内容：
+* 修改记录2：…
+************************************************************************/
+
+#ifndef QSF_TITLEBAR_H
+#define QSF_TITLEBAR_H
+
+#include <QtCore/QString>
+
+#include <QWidget>
+#include <QButtonGroup>
+#include <QPushButton>
+#include <QToolButton>
+#include <QLabel>
+#include <QHBoxLayout>
+#include "QsfToolButton.h"
+   
+#include "QsfToolButton.h"
+
+class      QsfTitleBar : public QWidget
+{
+    Q_OBJECT
+
+public:
+    QsfTitleBar(QWidget *parent = NULL);
+    ~QsfTitleBar();
+
+    /** @brief  设置窗口标题.
+    *
+    *  @details 设置窗口标题.
+    *  @param   title 窗口的标题.
+    *  @return  .
+    */
+    void setWindowTitle(QString title, Qt::Alignment tAlignment = Qt::AlignCenter);
+    QString windowTitle();
+
+    void addLeftAction(QPushButton* tAct);
+    void addRightAction(QPushButton* tAct);
+
+private:
+    QLabel* m_titleLab;
+    QIcon* m_icon;
+
+    QList<QPushButton*> m_leftActions;
+    QList<QPushButton*> m_rightActions;
+
+    QHBoxLayout* m_layout, *layLeft, *layRight;
+
+};
+
+#endif //QSF_TITLEBAR_H
\ No newline at end of file
diff --git a/gui/qtRibbonGUI/QsfToolButton.cpp b/gui/qtRibbonGUI/QsfToolButton.cpp
new file mode 100644
index 0000000..274bb0d
--- /dev/null
+++ b/gui/qtRibbonGUI/QsfToolButton.cpp
@@ -0,0 +1,96 @@
+/************************************************************************
+* 版权所有 (C) 梁振    Email:  liang1057@163.com.cn
+* 
+* 文件名称： QsfToolButton.cpp
+* 内容摘要： 
+* 其它说明： 无
+* 当前版本： 0.1
+* 作    者： Leon
+* 完成日期： [3/20/2013]
+* 
+* 修改记录1：暂无
+*    修改日期：
+*    版 本 号：
+*    修 改 人：
+*    修改内容： 
+* 修改记录2：…
+************************************************************************/
+
+
+#include "QsfToolButton.h"
+
+
+QsfToolButton::QsfToolButton( QWidget * parent /*= 0 */ )
+:QPushButton(parent)
+{
+    resize(16,16);
+    setObjectName("RibbonToolButton");
+}
+QsfToolButton::~QsfToolButton()
+{
+
+}
+
+void QsfToolButton::enterEvent( QEnterEvent *event )
+{
+    QPushButton::setIcon(m_icon_hover);
+    QPushButton::enterEvent(event);
+}
+
+void QsfToolButton::leaveEvent( QEvent * event)
+{
+    QPushButton::setIcon(m_icon);
+    QPushButton::leaveEvent(event);
+}
+
+// void QsfToolButton::setIcon(QIcon icon)
+// {
+//     setIcon(icon, icon);
+// }
+// 
+// void QsfToolButton::setIcon( QIcon icon1, QIcon icon2 )
+// {
+//     m_iconIn = icon1;
+//     m_iconOut = icon2;
+//     QPushButton::setIcon(m_iconOut);
+// }
+// 
+// void QsfToolButton::setIcon( QPixmap iconIn, QPixmap iconOut )
+// {
+//     setIcon(QIcon(iconIn), QIcon(iconOut));
+//     setIconSize(iconIn.size());
+//     setFixedSize(iconIn.size());
+// }
+// 
+// void QsfToolButton::setIcon( QString fileIn, QString fileOut )
+// {
+//     setIcon(QPixmap(fileIn), QPixmap(fileOut));
+// }
+
+void QsfToolButton::setIcon( QString icon, QString icon_hover, QString icon_pressed )
+{
+    m_icon = QIcon(icon);
+    m_icon_hover = QIcon(icon_hover);
+    m_icon_pressed = QIcon(icon_pressed);
+    QPushButton::setIcon(m_icon);
+}
+// void QsfToolButton::setButtonIcon( QPushButton* tBtn, QString filename, bool asIconSize/*=true*/ )
+// {
+//     QPixmap pm(filename);
+//     tBtn->setIcon(QIcon(pm));
+//     tBtn->setIconSize(pm.size());
+//     if(asIconSize)
+//         tBtn->setFixedSize(pm.size());
+// }
+
+void QsfToolButton::mousePressEvent(QMouseEvent *e)
+{
+    QPushButton::setIcon(m_icon_pressed);
+    QPushButton::mousePressEvent(e);
+}
+
+void QsfToolButton::mouseReleaseEvent(QMouseEvent *e)
+{
+    QPushButton::setIcon(m_icon);
+    QPushButton::mouseReleaseEvent(e);
+}
diff --git a/gui/qtRibbonGUI/QsfToolButton.h b/gui/qtRibbonGUI/QsfToolButton.h
new file mode 100644
index 0000000..2819a5e
--- /dev/null
+++ b/gui/qtRibbonGUI/QsfToolButton.h
@@ -0,0 +1,59 @@
+/************************************************************************
+* 版权所有 (C) 梁振    Email:  liang1057@163.com.cn
+* 
+* 文件名称： QsfToolButton.h
+* 内容摘要： 自定义界面按钮
+* 其它说明： 如自定义界面中的最大、最小、关闭、换肤按钮等
+* 当前版本： 0.1
+* 作    者： Leon
+* 完成日期： [3/20/2013]
+* 
+* 修改记录1：暂无
+*    修改日期：
+*    版 本 号：
+*    修 改 人：
+*    修改内容： 
+* 修改记录2：…
+************************************************************************/
+
+#ifndef QSFTOOLBUTTON_H
+#define QSFTOOLBUTTON_H
+
+#include <QPushButton>
+    
+/************************************************************************
+                  类声明:
+************************************************************************/
+
+/** @brief 自定义界面的按钮
+*
+*  @details 自定义界面的按钮类
+*/
+class      QsfToolButton: public QPushButton
+{
+    Q_OBJECT
+public:
+    enum ButtonMouseState  
+    {  
+        ButtonMouseDefault = 0,  
+        ButtonMouseEnter,  
+        ButtonMousePress,  
+        ButtonMouseNone  
+    }; 
+
+public:
+
+    QsfToolButton( QWidget * parent = 0 );
+    ~QsfToolButton();
+
+    void setIcon(QString icon, QString icon_hover, QString icon_pressed);
+private:
+    QIcon m_icon, m_icon_hover, m_icon_pressed;
+
+protected:
+    void enterEvent(QEnterEvent *event);
+    void leaveEvent(QEvent *event);
+    void mousePressEvent(QMouseEvent *e);
+    void mouseReleaseEvent(QMouseEvent *e);
+};
+#endif // QSFTOOLBUTTON_H
diff --git a/gui/qtRibbonGUI/QsrRibbonCore.cpp b/gui/qtRibbonGUI/QsrRibbonCore.cpp
new file mode 100644
index 0000000..2fb8abc
--- /dev/null
+++ b/gui/qtRibbonGUI/QsrRibbonCore.cpp
@@ -0,0 +1,928 @@
+#include <QHBoxLayout>
+#include <QPushButton>
+#include <QDockWidget>
+#include <QFileDialog>
+
+
+#include "QsfMainWindow.h"
+#include "QsrRibbonCore.h"
+#include "SgfParamManager.h"
+
+#define RIBBON_STYLE_QSS "../userData/RibbonStyle.qss"
+
+RobbonWidget::RobbonWidget(QWidget *parent /* = Q_NULLPTR */, Qt::WindowFlags f /* = Qt::WindowFlags() */)
+	:QWidget(parent,f)
+{
+    setObjectName("RobbonWidget");
+}
+
+RobbonWidget::~RobbonWidget()
+{
+}
+
+void RobbonWidget::paintEvent(QPaintEvent *event)
+{
+	QStyleOption opt;
+	opt.init(this);
+	QPainter p(this);
+	style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
+}
+
+QsrRibbonTitleBar::QsrRibbonTitleBar()
+{
+	setObjectName("RibbonTitleBar");
+	QHBoxLayout* titleLayout = new QHBoxLayout();
+	titleLayout->setMargin(0);
+	titleLayout->setSpacing(0);
+	this->setLayout(titleLayout);
+
+	titleLayout->addSpacing(10); // 10pix
+	m_quickAccessToolBar = new QsrRibbonQuickAccessToolBar();
+	titleLayout->addWidget(m_quickAccessToolBar);
+	titleLayout->addStretch();
+
+	m_titleLable1 = new QLabel();
+	m_titleLable1->setStyleSheet("color:white;");
+	m_titleLable1->setObjectName("RibbonTitleBarLabel1");
+	titleLayout->addWidget(m_titleLable1);
+	titleLayout->addStretch();
+
+    
+    m_userInfoLabel = new QLabel(QByteArray::fromHex("6c69616e6731303537403136332e636f6d").data());//("liang1057@163.com");
+	m_userInfoLabel->setStyleSheet("color:white;");
+	titleLayout->addWidget(m_userInfoLabel);
+	
+	m_systemButton = new QsrRibbonQuickAccessToolBar();
+	titleLayout->addWidget(m_systemButton);
+}
+
+QsrRibbonTitleBar::~QsrRibbonTitleBar()
+{
+	delete m_quickAccessToolBar;
+	m_quickAccessToolBar = NULL;
+}
+
+/** @brief  设置窗口标题.
+*
+*  @details 设置窗口标题.
+*  @param   title 窗口的标题.
+*  @return  .
+*/
+void QsrRibbonTitleBar::setTitle(QString title)
+{
+	QWidget::setWindowTitle(title);
+	m_titleLable1->setText(title);
+	m_titleLable1->setAlignment(Qt::AlignCenter);
+}
+
+QString QsrRibbonTitleBar::getTitle()
+{
+	return this->windowTitle();
+}
+
+/** @brief  设置工具条的文字. */
+void QsrRibbonTitleBar::setToolsText(QString txt)
+{
+	m_ToolsLabel.setText(txt);
+}
+
+void QsrRibbonTitleBar::addQuickAction(QAction *action)
+{
+	m_quickAccessToolBar->addAction(action);
+}
+
+void QsrRibbonTitleBar::addSysAction(QAction* action)
+{
+	QList<QAction*> tList = m_systemButton->actions();
+	if (tList.count() == 0)
+		m_systemButton->addAction(action);
+	else
+	{
+		m_systemButton->insertAction(tList[0], action);
+	}
+}
+
+void QsrRibbonTitleBar::setUserInfo(QString txt)
+{
+	m_userInfoLabel->setText(txt);
+}
+
+// QList<QT_NAMESPACE::QAction>* QsrRibbonTitleBar::getActionList(bool isLeft/*=true*/)
+// {
+// 
+// }
+
+// /** @brief   获取快捷工具栏 . */
+// QsrRibbonQuickAccessToolBar* QsrRibbonTitleBar::quickAccessToolBar()
+// {
+// 	return m_quickAccessToolBar;
+// }
+// 
+
+
+
+
+QtbMenuBar::QtbMenuBar()
+{
+	setObjectName("RibbonMenuBar");
+	QVBoxLayout* tVB = new QVBoxLayout();
+	tVB->setSpacing(0);
+	tVB->setContentsMargins(0, 0, 0, 0);
+	setLayout(tVB);
+
+	m_layout = new QHBoxLayout();
+	m_layout->setSpacing(0);
+	m_layout->setContentsMargins(0, 0, 0, 0);
+    tVB->addLayout(m_layout);
+    
+	m_toolBarStackedWid = new QStackedWidget();
+	m_toolBarStackedWid->setObjectName("RibbonMenuStackeWidget");
+	m_menuTabBar = new QTabBar;
+	m_menuTabBar->setMinimumHeight(32);
+	m_menuTabBar->setObjectName("RibbonMenuTabBar");
+	m_layout->addWidget(m_menuTabBar);
+
+    /* 暂时不提供扩展型的可变菜单
+    m_ExtentedMenuTabBar = new QTabBar;
+    m_ExtentedMenuTabBar->setObjectName("RibbonExtentedMenuTabBar");
+    m_ExtentedMenuTabBar->addTab("");
+    m_ExtentedMenuTabBar->setTabEnabled(0, false);
+    m_layout->addWidget(m_ExtentedMenuTabBar);
+//     m_extentedWidget = new QWidget();
+//     m_layout->addWidget(m_extentedWidget);
+//     m_layoutExtented = new QHBoxLayout();
+//     m_layoutExtented->setContentsMargins(0, 0, 0, 0);
+//     m_layoutExtented->setSpacing(0);
+//     m_extentedWidget->setLayout(m_layoutExtented);
+    */
+	m_layout->addStretch();
+
+	m_extentBtn = new RibbonToolButton();
+	m_layout->addWidget(m_extentBtn);
+	m_toolBarVisible = true;
+	QObject::connect(m_extentBtn, SIGNAL(clicked()), this, SLOT(onExtentToggled()));
+
+
+	tVB->addWidget(m_toolBarStackedWid);
+
+	m_toolBarStackedWid->setMaximumHeight(96);
+	m_toolBarStackedWid->setMinimumHeight(96);
+	m_toolBarStackedWid->setSizePolicy(QSizePolicy::MinimumExpanding, QSizePolicy::Maximum);
+
+	connect(m_menuTabBar, SIGNAL(currentChanged(int)), this, SLOT(onCurrentTabChenged(int)));
+	return;
+}
+
+QtbMenuBar::~QtbMenuBar()
+{
+
+}
+
+void QtbMenuBar::addAction(ribbonAction* tAction,int tIndex)
+{
+	m_layout->insertWidget(tIndex, tAction);
+}
+
+/** @brief   增加菜单.  */
+void QtbMenuBar::addMenu(QString menuName)
+{
+	 // 添加一个tab标签
+    int tabIndex = m_menuTabBar->addTab(menuName);
+
+    // 下方Ribbon工具条上添加相应的显示widget作为Group的载体
+	RobbonWidget* tempWid = new RobbonWidget();
+	m_toolBarStackedWid->addWidget(tempWid);
+	m_StaWidMap.insert(menuName, tempWid);
+
+    // 这是显示widget用的横向布局
+	QHBoxLayout* tempHB = new QHBoxLayout();
+	tempHB->setSpacing(0);
+	tempHB->setContentsMargins(0, 0, 0, 0);
+	tempWid->setLayout(tempHB);
+
+    RobbonWidget* lastWid = new RobbonWidget();
+    QHBoxLayout* lastHB = new QHBoxLayout();
+    lastWid->setLayout(lastHB);
+	lastHB->addStretch();
+
+    tempHB->addWidget(lastWid);
+
+	return;
+}
+
+/** @brief   增加扩展型菜单.  */
+/* 暂时不提供扩展型的可变菜单
+void QtbMenuBar::addExtendedMenu(QString menuName, QString showName)
+{
+    // 添加一个tab标签
+    // int tabIndex = m_ExtentedMenuTabBar->addTab(menuName);
+
+    // 下方Ribbon工具条上添加相应的显示widget作为Group的载体
+    RobbonWidget* tempWid = new RobbonWidget();
+    m_toolBarStackedWid->addWidget(tempWid);
+    m_StaWidMap.insert(menuName, tempWid);
+    tempWid->setWindowTitle(showName);
+
+    QHBoxLayout* tempHB = new QHBoxLayout();
+    tempHB->setSpacing(0);
+    tempHB->setContentsMargins(0, 0, 0, 0);
+
+    tempHB->addStretch();
+    tempWid->setLayout(tempHB);
+
+//     QPushButton* tBtn = new QPushButton(m_extentedWidget);
+//     tBtn->setText(showName);
+//     m_layoutExtented->addWidget(tBtn);
+//     tBtn->setVisible(true);
+//     tBtn->setCheckable(true);
+//     tBtn->setObjectName("RibbonExtentedMenu");
+//     m_extentedBtnMap.insert(menuName, tBtn);
+    return;
+}
+*/
+void QtbMenuBar::setMenuVisible(QString menuName, bool tIsVisible)
+{
+    QString tabTitle = "";
+	if (m_StaWidMap.contains(menuName))
+	{
+		m_StaWidMap[menuName]->setVisible(tIsVisible);
+        tabTitle = m_StaWidMap[menuName]->windowTitle();
+	}
+
+    if (tIsVisible == true)
+    {
+        for (int i = m_menuTabBar->count() - 1; i >= 0; i--)
+        {
+            if (menuName == m_menuTabBar->tabText(i))
+                return;
+        }
+        m_menuTabBar->addTab(menuName);
+    }
+    else
+    {
+        for (int i = m_menuTabBar->count() - 1; i >= 0; i--)
+        {
+            if (menuName == m_menuTabBar->tabText(i))
+                m_menuTabBar->removeTab(i);
+        }
+    }
+
+    /*
+    if (tabTitle.isEmpty())
+        return;
+//    m_extentedBtnMap[menuName]->setVisible(tIsVisible);
+    if (tIsVisible == true)
+    {
+        int tabIndex = m_ExtentedMenuTabBar->addTab(tabTitle);
+        //m_layoutExtented->addWidget();
+    }
+    else
+    {
+        
+        for (int i = m_ExtentedMenuTabBar->count() - 1; i >= 0; i--)
+        {
+            if (tabTitle == m_ExtentedMenuTabBar->tabText(i))
+                m_ExtentedMenuTabBar->removeTab(i);
+        }
+    }
+    m_ExtentedMenuTabBar->setCurrentIndex(0);
+    */
+}
+
+bool QtbMenuBar::isMenuVisible(QString menuName)
+{
+	if (m_StaWidMap.contains(menuName))
+	{
+		return m_StaWidMap[menuName]->isVisible();
+	}
+}
+
+QtbGroupWidget* QtbMenuBar::addGroup(QString menuName, QString txtGroupTitle)
+{
+	if (m_StaWidMap.contains(menuName))
+	{
+		RobbonWidget* tempWid = m_StaWidMap[menuName]; //先找到menu的承载页
+		QtbGroupWidget* newGW = new QtbGroupWidget();
+		newGW->setTitle(txtGroupTitle);
+		QHBoxLayout* tempHB = (QHBoxLayout*)(tempWid->layout());
+		tempHB->insertWidget(tempHB->count()-1,newGW);
+		return newGW;
+	}
+	else
+	{
+		return NULL;
+	}
+}
+
+void QtbMenuBar::menuReady(QString menuName)
+{
+//     if (m_StaWidMap.contains(menuName))
+//     {
+//         RobbonWidget* tempWid = m_StaWidMap[menuName]; //先找到menu的承载页
+//         RobbonWidget* lastWid = new QtbGroupWidget();
+//         QHBoxLayout* tempHB = (QHBoxLayout*)(tempWid->layout());
+//         tempHB->insertWidget(tempHB->count() - 1, newGW);
+//         return newGW;
+//     }
+//     else
+//     {
+//         return NULL;
+//     }
+}
+
+void QtbMenuBar::setExtentBtnIcon(QIcon icoExtent, QIcon icoHide)
+{
+	m_icoExtent = icoExtent;
+	m_icoHide = icoHide;
+	if (m_toolBarVisible)
+		m_extentBtn->setIcon(m_icoHide);
+	else
+		m_extentBtn->setIcon(m_icoExtent);
+}
+
+void QtbMenuBar::setToolBarVisible(bool tVal)
+{
+	m_toolBarVisible = tVal;
+	m_toolBarStackedWid->setVisible(m_toolBarVisible);
+}
+
+void QtbMenuBar::onExtentToggled()
+{
+	setToolBarVisible(!m_toolBarVisible);
+	if (m_toolBarVisible)
+		m_extentBtn->setIcon(m_icoHide);
+	else
+		m_extentBtn->setIcon(m_icoExtent);
+}
+
+void QtbMenuBar::onCurrentTabChenged(int index)
+{
+	m_toolBarStackedWid->setCurrentIndex(index);
+	m_toolBarStackedWid->show();
+
+    /* 暂时不提供扩展型的可变菜单
+    for each (QPushButton* var in m_extentedBtnMap)
+    {
+        var->setChecked(false);
+    }
+    m_ExtentedMenuTabBar->setCurrentIndex(0);
+    */
+}
+
+    /* 暂时不提供扩展型的可变菜单
+void QtbMenuBar::onExtentedTabChenged()
+{
+    for each (QPushButton* var in m_extentedBtnMap)
+    {
+        var->setChecked(false);
+    }
+}
+    */
+
+void QtbMenuBar::enterEvent(QEvent *event)
+{
+	QWidget::enterEvent(event);
+	if (m_toolBarVisible == false)
+		m_toolBarStackedWid->show();
+}
+
+void QtbMenuBar::leaveEvent(QEvent *event)
+{
+	QWidget::leaveEvent(event);
+	//m_toolBarStackedWid->setVisible(m_toolBarVisible);
+	if (m_toolBarVisible == false)
+		m_toolBarStackedWid->setVisible(false);
+}
+
+bool QtbMenuBar::isToolBarVisible()
+{
+	return m_toolBarVisible;
+}
+
+/** @brief   Ribbon工具栏.
+*  @details  Ribbon工具栏.
+*/
+QtbToolBar::QtbToolBar(/*QTabBar* tabBar*/)
+{
+	//this->setTabBar(tabBar);
+}
+
+
+
+
+QtbToolBar::~QtbToolBar()
+{
+
+}
+
+void QtbToolBar::addMenu(QString txt)
+{
+
+}
+
+/** @brief   主窗口.
+*  @details
+*/
+QtbMainWindow::QtbMainWindow(QWidget *parent /* = Q_NULLPTR */, Qt::WindowFlags f /* = Qt::WindowFlags() */)
+	:RobbonWidget(parent/*, Qt::FramelessWindowHint*/)
+{
+	setObjectName("RibbonMainWindow");
+	resize(800, 600);
+	QFile qssFile(RIBBON_STYLE_QSS);
+	if (qssFile.exists())
+	{
+		if (qssFile.open(QFile::ReadOnly))
+		{
+			QString qssStr = QString(qssFile.readAll());
+			setStyleSheet(qssStr);
+		}
+	}
+
+	Qt::WindowFlags myWinFlags = 0;
+	myWinFlags |= Qt::Window;
+    myWinFlags |= Qt::FramelessWindowHint;
+    //myWinFlags |= Qt::CustomizeWindowHint;
+
+	setWindowFlags(myWinFlags);
+
+// #ifdef Q_OS_WIN
+//     HWND hwnd = reinterpret_cast<HWND>(this->winId());
+// 
+//     //const long style =  (WS_POPUP | WS_CAPTION | WS_SYSMENU | WS_MINIMIZEBOX | WS_MAXIMIZEBOX | WS_THICKFRAME | WS_CLIPCHILDREN);
+//     const long style = WS_POPUP; //( | WS_CAPTION | WS_SYSMENU | WS_MINIMIZEBOX | WS_MAXIMIZEBOX | WS_THICKFRAME | WS_CLIPCHILDREN);
+//     SetWindowLongPtr(hwnd, GWL_STYLE, style);
+// 
+//     const MARGINS shadow = { 1, 1, 1, 1 };
+//     DwmExtendFrameIntoClientArea(hwnd, &shadow);
+// 
+//     SetWindowPos(hwnd, 0, 0, 0, 0, 0, SWP_FRAMECHANGED | SWP_NOMOVE | SWP_NOSIZE);
+// #endif
+
+
+
+	QVBoxLayout* tMainVB = new QVBoxLayout;
+	tMainVB->setSpacing(0);
+	tMainVB->setContentsMargins(1,1,1,1);
+	this->setLayout(tMainVB);
+
+	m_titleBar = new QsrRibbonTitleBar();
+	tMainVB->addWidget(m_titleBar);
+
+	m_menuBar = new QtbMenuBar();
+	tMainVB->addWidget(m_menuBar);
+    tMainVB->addSpacing(1);
+	m_workWindow = new QsfWorkWindow;
+	tMainVB->addWidget(m_workWindow);
+}
+
+QtbMainWindow::~QtbMainWindow()
+{
+
+
+
+}
+
+QsrRibbonTitleBar* QtbMainWindow::titleBar()
+{
+	return m_titleBar;
+}
+
+QtbMenuBar* QtbMainWindow::menuBar()
+{
+	return m_menuBar;
+}
+
+/** @brief 创建DockWidget. */
+QDockWidget * QtbMainWindow::createDockWidget(QString title, QString name, Qt::DockWidgetArea area)
+{
+	QDockWidget* tDock = new QDockWidget(title);
+	SgfParamManager::GetInstance()->addParam(name.toStdString(), tDock);
+	m_workWindow->addDockWidget(area, tDock);
+// 	QWidget* docWid1 = new QWidget;
+// 	tDock->setWidget(docWid1);
+	return tDock;
+}
+
+QWidget* QtbMainWindow::createWorkWidget(QString title, QString name)
+{
+    QWidget* tWidget = static_cast<QWidget*>(SgfParamManager::GetInstance()->getParamValue(name.toStdString()));
+    if(tWidget==NULL)
+    {
+        tWidget = new QWidget();
+        tWidget->setWindowTitle(title);
+        SgfParamManager::GetInstance()->addParam(name.toStdString(), tWidget);
+        m_workWindow->workSpace()->addTab(tWidget, title);
+    }
+	return tWidget;
+}
+void QtbMainWindow::addWorkWidget(QWidget* tWidget)
+{
+    m_workWindow->workSpace()->addTab(tWidget, tWidget->windowTitle());
+}
+
+void QtbMainWindow::mousePressEvent(QMouseEvent *event)
+{
+//     m_titleRect = m_titleBar->rect();
+//     if (m_titleRect.contains(event->pos()))
+//         oldMousePos = event->globalPos() - this->pos();
+//     else
+//         oldMousePos = QPoint(-1, -1);
+
+    QWidget::mousePressEvent(event);
+    m_titleRect = m_titleBar->rect();
+    if (m_titleRect.contains(event->pos()))
+    {
+        if (!event->isAccepted()) {
+#ifdef Q_OS_WIN
+            ReleaseCapture();
+            SendMessage(reinterpret_cast<HWND>(winId()), WM_SYSCOMMAND, SC_MOVE + HTCAPTION, 0);
+        }
+#else
+        if (m_titleRect.contains(event->pos()))
+            oldMousePos = event->globalPos() - this->pos();
+        else
+            oldMousePos = QPoint(-1, -1);
+#endif
+    }
+}
+
+void QtbMainWindow::mouseDoubleClickEvent(QMouseEvent * event)
+{
+    m_titleRect = m_titleBar->rect();
+    if (m_titleRect.contains(event->pos()))
+    {
+        if (isMaximized())
+        {
+            showNormal();
+        }
+        else
+        {
+            showMaximized();
+        }
+        m_titleRect = m_titleBar->rect();
+    }
+    RobbonWidget::mouseDoubleClickEvent(event);
+}
+
+void QtbMainWindow::mouseMoveEvent(QMouseEvent *event)
+{
+// 	if (isMaximized())
+// 		return;
+// 
+// 	if (m_titleRect.contains(oldMousePos))
+// 		move(event->globalPos() - oldMousePos);
+// 
+// 	oldMousePos = event->globalPos() - this->pos();
+}
+
+void QtbMainWindow::resizeEvent(QResizeEvent *event)
+{
+	QWidget::resizeEvent(event);
+	update();
+}
+
+void QtbMainWindow::paintEvent(QPaintEvent *event)
+{
+    QPainter p(this);
+    if (this->isActiveWindow())
+        p.setPen(QColor(60, 136, 193));
+    else
+        p.setPen(Qt::darkGray);
+
+    
+
+    p.drawRect(QRect(0,0,width()-1, height()-1));
+
+}
+
+void QtbMainWindow::onSkin()
+{
+    //QFile qssFile(RIBBON_STYLE_QSS);
+    QString fileneame = QFileDialog::getOpenFileName(this, "换肤", "../bin/userdata");
+    if (fileneame.isEmpty())
+        return;
+    QFile qssFile(fileneame);
+	if (qssFile.exists())
+	{
+		if (qssFile.open(QFile::ReadOnly))
+		{
+			QString qssStr = QString(qssFile.readAll());
+			setStyleSheet(qssStr);
+		}
+	}
+
+
+
+}
+
+/** @brief   Ribbon操作.
+*  @details  一个操作对应一个图标，或者控件
+*/
+// ribbonAction::ribbonAction()
+// {
+// 
+// }
+
+/** @brief   Ribbon 操作组.
+*  @details  Ribbon 操作组
+*/
+QtbGroupWidget::QtbGroupWidget()
+{
+    m_actionGroup = new QActionGroup(this);
+	//this->setStyleSheet("background-color    : rgba(33, 140, 240, 255);");
+	this->setObjectName("RibbonGroupWidget");
+	//setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
+
+	QVBoxLayout* groupLayout = new QVBoxLayout;
+	groupLayout->setSpacing(0);
+	groupLayout->setContentsMargins(5, 5, 5, 0);
+	this->setLayout(groupLayout);
+	m_gridLayout = new QGridLayout();
+ 	m_gridLayout->setSpacing(5);
+ 	m_gridLayout->setContentsMargins(0, 0, 0, 0);
+	groupLayout->addLayout(m_gridLayout);
+	groupLayout->addStretch();
+	QHBoxLayout* titleLayout = new QHBoxLayout;
+	titleLayout->setSpacing(0);
+	titleLayout->setContentsMargins(5, 0, 5, 0);
+	groupLayout->addLayout(titleLayout);
+	//titleLayout->addStretch();
+	m_groupTitleLabel = new QLabel();
+	titleLayout->addWidget(m_groupTitleLabel);
+	m_groupTitleLabel->setMaximumHeight(24);
+	m_groupTitleLabel->setMinimumHeight(24);
+	//m_groupTitleLabel->setSizePolicy(QSizePolicy::MinimumExpanding, QSizePolicy::Maximum);
+
+
+	// 右下角的按钮5
+    QsfToolButton* popBtn = new QsfToolButton(); popBtn->setText(">");
+	popBtn->setMaximumSize(QSize(24, 24));
+	popBtn->setMinimumSize(QSize(24, 24));
+	//m_groupTitleLabel->setLayout(titleLayout);
+	//titleLayout->addStretch();
+	titleLayout->addWidget(popBtn);
+}
+
+QtbGroupWidget::~QtbGroupWidget()
+{
+    delete m_actionGroup;
+}
+void QtbGroupWidget::paintEvent(QPaintEvent *event)
+{
+	RobbonWidget::paintEvent(event);
+
+    // 绘制每个Group上的分隔线
+	QPainter p(this);
+	p.setPen(Qt::darkGray);
+	p.drawLine(width() - 2, 5, width() - 2, height()-5);
+}
+
+void QtbGroupWidget::setTitle(QString tTitle)
+{
+	m_groupTitleLabel->setText(tTitle);
+	m_groupTitleLabel->setAlignment(Qt::AlignCenter);
+}
+
+void QtbGroupWidget::addAction(ribbonAction* rAct, int row, int col, int rowSpan /*= 1*/, int columnSpan /*= 1*/, Qt::Alignment alignment /*= Qt::Alignment()*/)
+{
+	m_gridLayout->addWidget(rAct, row, col, rowSpan, columnSpan, alignment);
+}
+void QtbGroupWidget::addAction(RibbonToolButton* rAct, int row, int col, int rowSpan /*= 1*/, int columnSpan /*= 1*/, Qt::Alignment alignment /*= Qt::Alignment()*/)
+{
+	m_gridLayout->addWidget(rAct->window(), row, col, rowSpan, columnSpan, alignment);
+}
+
+QActionGroup* QtbGroupWidget::getActionGroup() const
+{
+    return m_actionGroup;
+}
+
+
+QsrRibbonQuickAccessToolBar::QsrRibbonQuickAccessToolBar()
+{
+	setObjectName("RibbonQuickAccessToolBar");
+}
+
+
+
+/** @brief   RibbonControlBase 控件基类.
+*  @details
+*/RibbonControlBase::RibbonControlBase()
+{
+}
+
+RibbonControlBase::~RibbonControlBase()
+{
+}
+
+void RibbonControlBase::setGroupPos(QPoint tPos, int index /*= -1*/)
+{
+	switch (index)
+	{
+	case -1:
+		m_pos0 = tPos;
+		m_pos1 = tPos;
+		break;
+	case 0:
+		m_pos0 = tPos;
+		break;
+	case 1:
+		m_pos1 = tPos;
+		break;
+	default:
+		m_pos0 = tPos;
+		m_pos1 = tPos;
+		break;
+	}
+
+}
+
+QPoint RibbonControlBase::groupPos(int index)
+{
+	if (index == 1)
+		return m_pos1;
+	else
+		return m_pos0;
+}
+
+
+/** @brief   RibbonPushButton Ribbon按钮类.
+*  @details
+*/
+RibbonToolButton::RibbonToolButton(QWidget *parent /*= Q_NULLPTR*/)
+	: QPushButton(parent)
+{
+    setObjectName("RibbonToolButton");
+    m_action = NULL;
+	m_txtVisible = true;
+	setMinimumHeight(24);
+	setMinimumWidth(24);
+	setStyleSheet("text-align : left;");
+    m_action = new QAction();
+    connect(this, SIGNAL(clicked(bool)), m_action, SIGNAL(triggered(bool)));
+}
+
+RibbonToolButton::RibbonToolButton(const QIcon &icon, const QString &text, QWidget *parent /*= Q_NULLPTR*/)
+	:QPushButton(icon, text, parent)
+{
+    setObjectName("RibbonToolButton");
+    m_text = text;
+	m_txtVisible = true;
+	setMinimumHeight(24);
+	setStyleSheet("text-align : left;");
+    m_action = new QAction(icon, text);
+    connect(this, SIGNAL(clicked(bool)), m_action, SIGNAL(triggered(bool)));
+}
+
+RibbonToolButton::RibbonToolButton(const QString &text, QWidget *parent /*= Q_NULLPTR*/)
+	:QPushButton(text, parent)
+{
+    setObjectName("RibbonToolButton");
+    m_action = NULL;
+    m_text = text;
+	m_txtVisible = true;
+	setMinimumHeight(24);
+	setMaximumWidth(75);
+	setStyleSheet("text-align : left;");
+    m_action = new QAction(text);
+    connect(this, SIGNAL(clicked(bool)), m_action, SIGNAL(triggered(bool)));
+}
+
+RibbonToolButton::~RibbonToolButton()
+{
+    // 没有释放action的操作
+}
+
+void RibbonToolButton::setTxtVisible(bool tVal)
+{
+	m_txtVisible = tVal;
+	if (m_txtVisible)
+		QPushButton::setText(m_text);
+	else
+        QPushButton::setText("");
+
+	update();
+}
+
+bool RibbonToolButton::txtVisible()
+{
+	return m_txtVisible;
+}
+
+void RibbonToolButton::setAlignment(Qt::Alignment flag)
+{
+	QString str = "";
+	switch (flag)
+	{
+	case Qt::AlignCenter:
+		str = "center";
+		break;
+	case Qt::AlignLeft:
+		str = "left";
+		break;
+	case Qt::AlignRight:
+		str = "right";
+		break;
+	case Qt::AlignBottom:
+		str = "bottom";
+		break;
+	case Qt::AlignTop:
+		str = "top";
+		break;
+	default:
+		str = "center";
+		break;
+	}
+	setStyleSheet(QString("text-align : %1;").arg(str));
+}
+
+/** @brief   设置Action. */
+// void RibbonToolButton::setAction(QAction* tAction)
+// {
+//     m_action = tAction;
+//     this->setText(tAction->text());
+//     this->setIcon(tAction->icon());
+//     connect(this, SIGNAL(triggered(bool)), m_action, SIGNAL(triggered(bool)));
+// }
+
+/** @brief   获取Action. */
+QAction* RibbonToolButton::getAction()
+{
+    return m_action;
+}
+
+void RibbonToolButton::setText(QString &text)
+{
+    m_action->setText(text);
+    QPushButton::setText(text);
+}
+
+void RibbonToolButton::setIcon(const QIcon &icon)
+{
+    m_action->setIcon(icon);
+    QPushButton::setIcon(icon);
+}
+
+void RibbonToolButton::setEnabled(bool &tEnabled)
+{
+    m_action->setEnabled(tEnabled);
+    QPushButton::setEnabled(tEnabled);
+}
+
+
+
+
+RibbonToolButtonBig::RibbonToolButtonBig(const QIcon &icon, const QString &text, QWidget *parent)
+{
+	setObjectName("RibbonToolButton");
+// 	this->resize(64, 54);
+// 	this->setMaximumSize(QSize(64, 54));
+// 	this->setMinimumSize(QSize(64, 54));
+
+	QVBoxLayout* tVB = new QVBoxLayout;
+	setLayout(tVB);
+	tVB->setSpacing(0);
+    tVB->setContentsMargins(0, 0, 0, 0);
+	m_pushButton = new QPushButton();
+	m_pushButton->setIcon(icon);
+	m_pushButton->setIconSize(QSize(32, 32));
+	tVB->addWidget(m_pushButton);
+	m_label = new QLabel();
+	m_label->setText(text);
+	m_label->setMaximumHeight(18);
+	m_label->setAlignment(Qt::AlignCenter);
+	tVB->addWidget(m_label);
+
+	m_label_extent = new QLabel;
+	m_label_extent->setMaximumHeight(12);
+	m_label_extent->setText("V");
+	m_label_extent->setAlignment(Qt::AlignCenter);
+	tVB->addWidget(m_label_extent);
+	m_label_extent->setVisible(false);
+
+    m_pushButton->setObjectName("RibbonToolButton");
+    connect(m_pushButton, SIGNAL(clicked(bool)), this, SIGNAL(triggered(bool)));
+}
+
+RibbonToolButtonBig::~RibbonToolButtonBig()
+{
+	delete m_pushButton;
+	delete m_label;
+}
+
+QPushButton* RibbonToolButtonBig::pushButton() const
+{
+	return m_pushButton;
+}
+
+QLabel* RibbonToolButtonBig::label() const
+{
+	return m_label;
+}
+
+void RibbonToolButtonBig::setExtentIconVisible(bool tVal)
+{
+	m_label_extent->setVisible(tVal);
+}
+
+
diff --git a/gui/qtRibbonGUI/QsrRibbonCore.h b/gui/qtRibbonGUI/QsrRibbonCore.h
new file mode 100644
index 0000000..f712780
--- /dev/null
+++ b/gui/qtRibbonGUI/QsrRibbonCore.h
@@ -0,0 +1,535 @@
+#ifndef QSR_RIBBON_CORE_H
+#define QSR_RIBBON_CORE_H
+
+#include <QObject>
+#include <QToolBar>
+#include <QList>
+#include <QLabel>
+#include <QAction>
+#include <QPainter>
+#include <QStyleOption>
+#include <QAbstractNativeEventFilter>
+
+    
+
+/*
+*  当前的程序主要是运行在windows系统下， 如果运行在Linux下还需要进行优化，比如主界面的外框等
+*/
+
+// 从大于0的开始， RIBBON开始的是控件，三级的归属于二级
+//（暂时还没有使用）
+enum RIBBON_OBJECT_TYPE  // RIBBON 对象
+{
+	RIBBON_OBJECTITEM = 0,
+    RIBBON_TITLEBAR_QuickAccessBar,   // 标题栏上左侧的 快捷图标
+	RIBBON_TITLEBAR_Title,            // 标题栏的 标题
+	RIBBON_TITLEBAR_UserInfo,         // 标题栏上的 用户信息
+	RIBBON_TITLEBAR_StanderdButton,   // 标题栏上的 右侧按钮
+	RIBBON_TITLEBAR, // 以上是标题栏的内容
+	RIBBON_MENUBAR_WidgetActionLeft,  // 比如word中的“文件”按钮
+	RIBBON_MENUBAR_WidgetActionRight, // 右侧的按钮
+	RIBBON_MENUBAR, // 以上是菜单栏的内容
+	RIBBON_TOOLBAR_GroupWidget, // 工具栏的控件容器（如 word中的“段落”为一组）
+	RIBBON_TOOLBAR_IconWidget,  // 大图标缩略图
+	RIBBON_TOOLBAR_Saperator,   // 工具栏控件容器中的分隔线
+	RIBBON_TOOLBAR,// 以上是工具栏的内容
+	RIBBON_CONTRAL_Control // 具体的控件
+};
+
+#include <QPushButton>
+
+/** @brief   Ribbon操作.
+*  @details  一个操作对应一个图标，或者控件
+*/
+typedef QWidget ribbonAction;
+
+
+/** @brief   Ribbon Widget 的基类.
+*  @details  为了实现Qss对QWidget的重绘
+*/
+class      RobbonWidget :public QWidget
+{
+public:
+	RobbonWidget(QWidget *parent = Q_NULLPTR, Qt::WindowFlags f = Qt::WindowFlags());
+	~RobbonWidget();
+
+protected:
+	virtual void paintEvent(QPaintEvent *event);
+
+private:
+
+};
+
+//////////////////////////////////////////////////////////////////////////
+
+// 需要自定义一套按钮，用来显示/隐藏 图标、文字， 参考之前实现的那个按钮的代码
+/** @brief   RibbonControlBase 控件基类.
+*  @details  
+*/
+class      RibbonControlBase
+{
+public:
+	RibbonControlBase();
+	~RibbonControlBase();
+
+	/** @brief   设置控件在GroupWidget中的位置，有两套位置可以设置.
+	*   @details 如果只有一种布局则不需要设置index参数.
+	*/
+	void setGroupPos(QPoint tPos, int index = -1);
+	QPoint groupPos(int index);
+
+    virtual void setText(QString &text) {};
+    virtual void setIcon(const QIcon &icon) {};
+    virtual void setEnabled(bool &tEnabled) {};
+
+
+private:
+	QPoint m_pos0, m_pos1;
+
+};
+
+
+
+/** @brief   RibbonPushButton 普通Ribbon按钮类.
+*  @details
+*/
+class      RibbonToolButton : public QPushButton, public RibbonControlBase
+{
+	Q_OBJECT
+public:
+	RibbonToolButton(QWidget *parent = Q_NULLPTR);
+	RibbonToolButton(const QString &text, QWidget *parent = Q_NULLPTR);
+	RibbonToolButton(const QIcon &icon, const QString &text, QWidget *parent = Q_NULLPTR);
+	~RibbonToolButton();
+
+	void setTxtVisible(bool tVal);
+	bool txtVisible();
+
+	/** @brief   对齐方式. */
+	void setAlignment(Qt::Alignment flag);
+
+	/** @brief   设置Action.  //放弃使用： 不再接受从外部赋值 */
+    //void setAction(QAction* tAction);
+	/** @brief   获取Action. 用于从Ribbon风格切换到传统样式的菜单工具栏等 */
+    QAction* getAction();
+
+    virtual void setText(QString &text);
+    virtual void setIcon(const QIcon &icon);
+    virtual void setEnabled(bool &tEnabled);
+
+private:
+	QString m_text;
+	bool m_txtVisible;
+
+	/** @brief   Action指针，从外部指定.  */
+    QAction* m_action;
+
+// private:
+// 	RIBBON_OBJECT_TYPE m_objType;
+};
+
+/** @brief   RibbonPushButton 大的Ribbon按钮类.
+*  @details
+*/
+class      RibbonToolButtonBig : public RobbonWidget, public RibbonControlBase
+{
+	Q_OBJECT
+public:
+	RibbonToolButtonBig(const QIcon &icon, const QString &text, QWidget *parent = Q_NULLPTR);
+	~RibbonToolButtonBig();
+
+	QPushButton* pushButton() const;
+	QLabel* label() const;
+	void setExtentIconVisible(bool tVal);
+
+    virtual void setText(QString &text) {};
+    virtual void setIcon(const QIcon &icon){};
+    virtual void setEnabled(bool &tEnabled){};
+
+
+signals:
+    void triggered(bool checked = false);
+
+private:
+	QPushButton* m_pushButton;
+	QLabel* m_label, *m_label_extent;
+};
+
+
+// class      ribbonAction: public QWidget
+// {
+// 	Q_OBJECT
+// public:
+// 	ribbonAction();
+// 	~ribbonAction() {};
+// 
+// private:
+// 
+// 
+// };
+
+//基类
+// class      QsrRibbonObject
+// {
+// public:
+// 	QsrRibbonObject() {};
+// 	~QsrRibbonObject() {};
+// };
+
+class      QsrRibbonQuickAccessToolBar : /*public QsrRibbonObject,*/ public QToolBar
+{
+	Q_OBJECT
+public:
+	QsrRibbonQuickAccessToolBar() ;
+	~QsrRibbonQuickAccessToolBar() {};
+};
+
+/** @brief   标题栏.
+*  @details  标题栏的组成(从左到右): 快捷工具栏，标题控件，用户信息控件，系统按钮（放置系统按钮：设置、最小化、最大化、关闭）
+*/
+class      QsrRibbonTitleBar : /*public QsrRibbonObject ,*/ public RobbonWidget
+{
+	Q_OBJECT
+public:
+	QsrRibbonTitleBar();
+	~QsrRibbonTitleBar();
+
+	/** @brief  设置窗口标题.
+	*
+	*  @details 设置窗口标题.
+	*  @param   title 窗口的标题.
+	*  @return  .
+	*/
+	void setTitle(QString title);
+	QString getTitle();
+
+	/** @brief  设置工具条的文字. */
+	void setToolsText(QString txt);
+
+	void addQuickAction(QAction *action);
+	void addSysAction(QAction* action);
+
+	void setUserInfo(QString txt);
+
+private:
+	QLabel* m_titleLable1, m_ToolsLabel, m_titleLable2;
+	QLabel* m_userInfoLabel;
+	QsrRibbonQuickAccessToolBar* m_quickAccessToolBar, *m_systemButton;
+};
+
+
+/** @brief   Ribbon 操作组.
+*  @details  Ribbon 操作组
+*/
+#include <QGridLayout>
+#include <QActionGroup>
+class      QtbGroupWidget :  public RobbonWidget
+{
+	Q_OBJECT
+public:
+	QtbGroupWidget();
+	~QtbGroupWidget();
+
+	void setTitle(QString tTitle);
+	void addAction(ribbonAction* rAct, int row, int col, int rowSpan = 1, int columnSpan = 1, Qt::Alignment alignment = Qt::Alignment());
+	void addAction(RibbonToolButton* rAct, int row, int col, int rowSpan /*= 1*/, int columnSpan /*= 1*/, Qt::Alignment alignment /*= Qt::Alignment()*/);
+
+    QActionGroup* getActionGroup() const;
+protected:
+	virtual void paintEvent(QPaintEvent *event);
+private:
+	QGridLayout* m_gridLayout;
+	QLabel* m_groupTitleLabel;
+
+    QActionGroup* m_actionGroup;
+};
+
+/** @brief   Ribbon菜单栏.
+*  @details  Ribbon菜单栏
+*/
+#include <QMap>
+#include <QHBoxLayout>
+#include <QTabBar>
+#include <QTabWidget>
+#include <QStackedWidget>
+class      QtbMenuBar : /*public QsrRibbonObject ,*/ public RobbonWidget
+{
+	Q_OBJECT
+public:
+	QtbMenuBar();
+	~QtbMenuBar();
+
+	/** @brief   增加操作按钮.  */
+	void addAction(ribbonAction* tAction,int tIndex);
+	/** @brief   增加菜单. menuName是唯一的，也是显示的 */
+	void addMenu(QString menuName);
+
+	/** @brief   增加扩展型菜单. menuName是全局唯一的，showName是显示的可以重复 */
+//     void addExtendedMenu(QString menuName, QString showName);
+	void setMenuVisible(QString menuName, bool tIsVisible);
+	bool isMenuVisible(QString menuName);
+
+	QtbGroupWidget* addGroup(QString menuName, QString txtGroupTitle);
+    void menuReady(QString menuName);
+
+	void setExtentBtnIcon(QIcon icoExtent, QIcon icoHide);
+
+	bool isToolBarVisible();
+public slots:
+	void setToolBarVisible(bool tVal);
+
+private slots:
+    /** @brief   Ribbon工具栏折叠/展开按钮的操作.  */
+	void onExtentToggled();
+	void onCurrentTabChenged(int index);
+
+protected:
+	virtual void enterEvent(QEvent *event);
+	virtual void leaveEvent(QEvent *event);
+
+private:
+    /** @brief   菜单栏的TabBar.  */
+    QTabBar* m_menuTabBar;
+    QTabBar* m_ExtentedMenuTabBar;
+    /** @brief   Ribbon菜单的主layout.  */
+	QHBoxLayout* m_layout;
+    /** @brief   Ribbon菜单的主layout.  */
+	QMap<QString, RobbonWidget*> m_StaWidMap;
+
+    /* 暂时不提供扩展型的可变菜单*/
+//     QHBoxLayout* m_layoutExtented;
+//     /** @brief   Ribbon扩展菜单的按钮.  */
+//     QMap<QString, QPushButton*> m_extentedBtnMap;
+//     QWidget* m_extentedWidget;
+
+	QStackedWidget* m_toolBarStackedWid;
+
+	/** @brief   折叠按钮.  */
+	RibbonToolButton* m_extentBtn; 
+
+	bool m_toolBarVisible;
+
+	QIcon m_icoExtent, m_icoHide;
+
+};
+
+/** @brief   Ribbon工具栏.
+*  @details  Ribbon工具栏.
+*/
+class      QtbToolBar : /*public QsrRibbonObject ,*/ public QTabWidget
+{
+	Q_OBJECT
+public:
+	QtbToolBar();
+	~QtbToolBar();
+
+	void addMenu(QString txt);
+private:
+// 	QTabBar m_menuTabBar;
+// 	QHBoxLayout m_layout;
+// 	QMap<QString, RobbonWidget*> m_menuLabelMap;
+//	QTabWidget* m_toolTabWidget;
+};
+
+
+
+/** @brief   主窗口.
+*  @details  
+*/
+#include <QDragMoveEvent>
+class QsfWorkWindow;
+class QDockWidget;
+//#include "SgfParamManager.h"
+class      QtbMainWindow :  public RobbonWidget //, public SgfParamManager
+{
+	Q_OBJECT
+public:
+	QtbMainWindow(QWidget *parent = Q_NULLPTR, Qt::WindowFlags f = Qt::WindowFlags());
+	~QtbMainWindow();
+
+	QsrRibbonTitleBar* titleBar();
+	QtbMenuBar* menuBar();
+
+	/** @brief 创建DockWidget. */
+	QDockWidget* createDockWidget(QString title, QString name, Qt::DockWidgetArea area);
+
+	/** @brief 创建工作页Widget. */
+	QWidget* createWorkWidget(QString title, QString name);
+	/** @brief 添加已有的widget作为工作页Widget. */
+    void addWorkWidget(QWidget* tWidget);
+
+
+private:
+	QsrRibbonTitleBar* m_titleBar;
+	QtbMenuBar* m_menuBar;
+
+protected:
+
+	/** @brief  标题范围. */
+	QRect m_titleRect;
+
+	/** @brief  工作窗口. */
+	QsfWorkWindow* m_workWindow;
+
+
+	/** @brief  鼠标上一次的位置. */
+	QPoint oldMousePos;
+	/** @brief  鼠标单击. */
+	void mousePressEvent(QMouseEvent *event);
+	/** @brief  鼠标上双击. */
+	void mouseDoubleClickEvent(QMouseEvent * event);
+	/** @brief  鼠标拖动. */
+	void mouseMoveEvent(QMouseEvent *event);
+
+	virtual void resizeEvent(QResizeEvent *event);
+
+    virtual void paintEvent(QPaintEvent *event);
+
+
+public slots:
+	void onSkin();
+};
+
+/** @brief   主窗口借助dwmapi实现在windows下的拖动
+*  @details  Linux下的暂时没有做实现。次出应当用宏来统一windows和linux
+*/
+#include <windowsx.h>
+#include <dwmapi.h>
+class NativeEventFilter : public QAbstractNativeEventFilter
+{
+public:
+    bool nativeEventFilter(const QByteArray &eventType, void *message, qintptr *result) Q_DECL_OVERRIDE
+    {
+#ifdef Q_OS_WIN
+        if (eventType != "windows_generic_MSG")
+            return false;
+
+        MSG* msg = static_cast<MSG*>(message);
+        QWidget* widget0 = QWidget::find(reinterpret_cast<WId>(msg->hwnd));
+        if (widget0 == NULL)
+            return false;
+
+        QtbMainWindow* widget = static_cast<QtbMainWindow*>(widget0);
+        if (!widget)
+            return false;
+
+        if (widget->isMaximized())
+            return false;
+
+        switch (msg->message) 
+        {
+        //         case WM_NCCALCSIZE: {  // 如果处理该消息，dock窗口或子窗口会有问题
+        //             *result = 0;
+        //             return true;
+        //         }
+
+            case WM_NCHITTEST: {
+                const LONG borderWidth = 9;
+                RECT winrect;
+                GetWindowRect(msg->hwnd, &winrect);
+                long x = GET_X_LPARAM(msg->lParam);
+                long y = GET_Y_LPARAM(msg->lParam);
+
+                // bottom left
+                if (x >= winrect.left && x < winrect.left + borderWidth &&
+                    y < winrect.bottom && y >= winrect.bottom - borderWidth)
+                {
+                    *result = HTBOTTOMLEFT;
+                    return true;
+                }
+
+                // bottom right
+                if (x < winrect.right && x >= winrect.right - borderWidth &&
+                    y < winrect.bottom && y >= winrect.bottom - borderWidth)
+                {
+                    *result = HTBOTTOMRIGHT;
+                    return true;
+                }
+
+                // top left
+                if (x >= winrect.left && x < winrect.left + borderWidth &&
+                    y >= winrect.top && y < winrect.top + borderWidth)
+                {
+                    *result = HTTOPLEFT;
+                    return true;
+                }
+
+                // top right
+                if (x < winrect.right && x >= winrect.right - borderWidth &&
+                    y >= winrect.top && y < winrect.top + borderWidth)
+                {
+                    *result = HTTOPRIGHT;
+                    return true;
+                }
+
+                // left
+                if (x >= winrect.left && x < winrect.left + borderWidth)
+                {
+                    *result = HTLEFT;
+                    return true;
+                }
+
+                // right
+                if (x < winrect.right && x >= winrect.right - borderWidth)
+                {
+                    *result = HTRIGHT;
+                    return true;
+                }
+
+                // bottom
+                if (y < winrect.bottom && y >= winrect.bottom - borderWidth)
+                {
+                    *result = HTBOTTOM;
+                    return true;
+                }
+
+                // top
+                if (y >= winrect.top && y < winrect.top + borderWidth)
+                {
+                    *result = HTTOP;
+                    return true;
+                }
+
+                return false;
+            }
+            default:
+                break;
+        }
+
+        return false;
+#else
+        return false;
+#endif
+    }
+};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+#endif //QSF_TITLEBAR_H
diff --git a/gui/qtRibbonGUI/SgfParamManager.cpp b/gui/qtRibbonGUI/SgfParamManager.cpp
new file mode 100644
index 0000000..1f45cd4
--- /dev/null
+++ b/gui/qtRibbonGUI/SgfParamManager.cpp
@@ -0,0 +1,49 @@
+#include "SgfParamManager.h"
+#include <algorithm>
+#include <string>
+#include <cctype>
+
+/** @brief ������������*/
+map<std::string, void *> m_mapParaManager;
+static SgfParamManager* m_SgfParamManager_pInstance = NULL;
+
+SgfParamManager* SgfParamManager::GetInstance()
+{
+    if (m_SgfParamManager_pInstance == NULL)
+        m_SgfParamManager_pInstance = new SgfParamManager();
+
+    return m_SgfParamManager_pInstance;
+}
+
+void SgfParamManager::addParam(const string &tKey, void *paramValue)
+{
+    // Reemplaza la l�nea problem�tica
+    string tKeyLow = tKey; // Copia el contenido de tKey
+    std::transform(tKeyLow.begin(), tKeyLow.end(), tKeyLow.begin(), [](unsigned char c) { return std::tolower(c); });
+
+    //string tKeyLow = strlwr((char*)(tKey.data()));
+    map<string, void *>::iterator it = m_mapParaManager.find(tKey);
+    if (it == m_mapParaManager.end())
+    {
+        m_mapParaManager.insert(std::pair<string, void*>(tKey, paramValue));
+    }
+    else
+    {
+        it->second = paramValue;
+    }
+}
+
+void* SgfParamManager::getParamValue(const string &tKey)
+{
+    string tKeyLow = tKey; // Copia el contenido de tKey
+    std::transform(tKeyLow.begin(), tKeyLow.end(), tKeyLow.begin(), [](unsigned char c) { return std::tolower(c); });
+
+    //string tKeyLow = strlwr((char*)(tKey.data()));
+    map<string, void *>::iterator it = m_mapParaManager.find(tKey);
+    if (it == m_mapParaManager.end())
+    {
+        return NULL;
+    }
+    else
+        return it->second;
+}
diff --git a/gui/qtRibbonGUI/SgfParamManager.h b/gui/qtRibbonGUI/SgfParamManager.h
new file mode 100644
index 0000000..0a7baa0
--- /dev/null
+++ b/gui/qtRibbonGUI/SgfParamManager.h
@@ -0,0 +1,51 @@
+/************************************************************************
+* ��Ȩ���� (C) ����    Email:  liang1057@163.com.cn
+* 
+* �ļ����ƣ� SgfParamManager.h
+* ����ժҪ�� ƽ̨�ں�-����������ͷ�ļ�
+* ����˵���� ��
+* ��ǰ�汾�� 0.1
+* ��    �ߣ� leon
+* ������ڣ� 2016-11-22
+* 
+* �޸ļ�¼1��
+*    �޸����ڣ� 
+*    �� �� �ţ�
+*    �� �� �ˣ� 
+*    �޸����ݣ�
+* �޸ļ�¼2����
+************************************************************************/
+#ifndef SWFPARAMMANAGER_H
+#define SWFPARAMMANAGER_H
+
+#include <map>
+#include <string>
+using namespace std;
+
+class SgfParamManager
+{
+public:
+    /** brief ����ģʽ.  */
+    static SgfParamManager* GetInstance();
+
+    /** @brief  ���Ӳ�������.
+    *
+    *  @details   ���Ӳ�������.
+    *  @param   tKey  ��������.
+    *  @param   paramValue  ����ֵָ��.
+    *  @return  void.
+    */
+    void addParam(const string &tKey, void *paramValue);
+
+
+    /** @brief  ��ȡ����ֵָ�뺯��.
+    *
+    *  @details   ��ȡ����ֵָ�뺯��.
+    *  @param   tKey  ��������.
+    *  @return  void * ����ֵָ��.
+    */
+    void* getParamValue(const string &tKey);
+};
+
+
+#endif // SWFPARAMMANAGER_H
diff --git a/header.cpp b/header.cpp
new file mode 100644
index 0000000..84fc074
--- /dev/null
+++ b/header.cpp
@@ -0,0 +1,7 @@
+#include "header.h"
+
+HHeaderModel::HHeaderModel(QObject * parent):
+    QAbstractItemModel(parent)
+{
+
+}
diff --git a/header.h b/header.h
new file mode 100644
index 0000000..173f71d
--- /dev/null
+++ b/header.h
@@ -0,0 +1,58 @@
+#ifndef HEADER_H
+#define HEADER_H
+
+
+#include <QAbstractItemModel>
+
+class HHeaderModel : public QAbstractItemModel
+{
+    /*
+    struct ModelData //模型数据结构
+    {
+        QString text;
+
+        ModelData() : text("")
+        {
+        }
+    };
+    */
+
+    Q_OBJECT
+
+public:
+    HHeaderModel(QObject * parent = 0);
+    //~HHeaderModel();
+/*
+public:
+    void setItem(int row, int col, const QString & text);
+
+    QString item(int row, int col);
+
+    void setSpan(int firstRow, int firstColumn, int rowSpanCount, int columnSpanCount);
+    //const CellSpan& getSpan(int row, int column);
+
+public:
+    virtual QModelIndex index(int row, int column, const QModelIndex & parent) const override;
+    virtual QModelIndex parent(const QModelIndex & child) const override;
+    virtual int rowCount(const QModelIndex & parent) const override;
+    virtual int columnCount(const QModelIndex & parent) const override;
+    virtual QVariant data(const QModelIndex & index, int role) const override;
+    virtual Qt::ItemFlags flags(const QModelIndex & index) const override;
+    virtual bool setData(const QModelIndex & index, const QVariant & value, int role = Qt::EditRole) override;
+    virtual QVariant headerData(int section, Qt::Orientation orientation, int role) const override;
+
+private:
+    //找到对应的模型数据
+    ModelData * modelData(const QModelIndex & index) const;
+
+private:
+    //key rowNo,  key colNo
+    QMap<int, QMap<int, ModelData *> > m_modelDataMap;
+    int m_iMaxCol;
+
+    //CellSpan m_InvalidCellSpan;
+    //QList<CellSpan> m_cellSpanList;
+    */
+};
+
+#endif // HEADER_H
diff --git a/itemcomboboxdelegate.cpp b/itemcomboboxdelegate.cpp
new file mode 100644
index 0000000..1c4e009
--- /dev/null
+++ b/itemcomboboxdelegate.cpp
@@ -0,0 +1,58 @@
+#include "itemcomboboxdelegate.h"
+
+#include <QComboBox>
+#include <QTableView>
+#include <QHeaderView>
+
+ItemComboboxDelegate::ItemComboboxDelegate(QObject *parent) :
+    QItemDelegate(parent)
+{
+
+}
+
+QWidget *ItemComboboxDelegate::createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const
+{
+    QComboBox *editor = new QComboBox(parent);
+    editor->installEventFilter(const_cast<ItemComboboxDelegate *>(this));
+
+    QTableView* tableView = new QTableView();
+    QHeaderView* header=tableView->verticalHeader();
+    header->setDefaultSectionSize(20); // 20 px height
+    header->sectionResizeMode(QHeaderView::Fixed);
+    //tableView->setModel( unitModel );
+    tableView->verticalHeader()->setVisible(false);
+    tableView->horizontalHeader()->setVisible(false);
+    tableView->setColumnWidth ( 0, 60 );
+    tableView->setColumnWidth ( 1, 160 );
+    tableView->setHorizontalScrollBarPolicy(Qt::ScrollBarAsNeeded);
+    tableView->setSelectionBehavior(QAbstractItemView::SelectRows);
+    tableView->setAutoScroll(false);
+    //ui->comboUnit->setModel( unitModel );
+    editor->setView( tableView );
+    editor->view()->setMinimumWidth(220);
+
+
+    return editor;
+}
+
+void ItemComboboxDelegate::setEditorData(QWidget *editor, const QModelIndex &index) const
+{
+    QString value = index.model()->data(index, Qt::EditRole).toString();
+    QComboBox *dsb = static_cast<QComboBox*>(editor);
+    dsb->setCurrentText(value);
+}
+
+void ItemComboboxDelegate::setModelData(QWidget *editor, QAbstractItemModel *model,
+                                 const QModelIndex& index) const
+{
+    QComboBox *dsb = static_cast<QComboBox*>(editor);
+    //dsb->interpretText();
+    //double value = dsb->value();
+    model->setData(index, dsb->currentText(), Qt::EditRole);
+}
+
+void ItemComboboxDelegate::updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &option,
+                                         const QModelIndex& /* index */) const
+{
+    editor->setGeometry(option.rect);
+}
diff --git a/itemcomboboxdelegate.h b/itemcomboboxdelegate.h
new file mode 100644
index 0000000..c08c006
--- /dev/null
+++ b/itemcomboboxdelegate.h
@@ -0,0 +1,23 @@
+#ifndef ITEMCOMBOBOXDELEGATE_H
+#define ITEMCOMBOBOXDELEGATE_H
+
+#include <QItemDelegate>
+#include <QWidget>
+
+class ItemComboboxDelegate : public QItemDelegate
+{
+
+    Q_OBJECT
+
+public:
+    ItemComboboxDelegate(QObject *parent = Q_NULLPTR);
+    QWidget *createEditor(QWidget *parent, const QStyleOptionViewItem &option,
+                          const QModelIndex &index) const;
+    void setEditorData(QWidget *editor, const QModelIndex &index) const;
+    void setModelData (QWidget *editor, QAbstractItemModel *model,
+                       const QModelIndex &index) const;
+    void updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &opcion,
+                              const QModelIndex &index) const;
+};
+
+#endif // ITEMCOMBOBOXDELEGATE_H
diff --git a/itemnumberdelegate.cpp b/itemnumberdelegate.cpp
new file mode 100644
index 0000000..620ecd5
--- /dev/null
+++ b/itemnumberdelegate.cpp
@@ -0,0 +1,50 @@
+#include "itemnumberdelegate.h"
+
+#include <QDoubleSpinBox>
+
+ItemNumberDelegate::ItemNumberDelegate(double min, double max, double step,
+                                       int precision, QObject *parent) :
+    QItemDelegate(parent),
+    m_min(min),
+    m_max(max),
+    m_step(step),
+    m_precision(precision)
+{
+}
+
+QWidget *ItemNumberDelegate::createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const
+{
+    QDoubleSpinBox *editor = new QDoubleSpinBox(parent);
+    editor->setMinimum(m_min);
+    editor->setMaximum(m_max);
+    editor->setDecimals(m_precision);
+    editor->setSingleStep(m_step);
+    editor->installEventFilter(const_cast<ItemNumberDelegate *>(this));
+    editor->setButtonSymbols(QAbstractSpinBox::NoButtons);
+    //editor->setFrame(false);
+    editor->setAlignment(Qt::AlignRight);
+    return editor;
+}
+
+void ItemNumberDelegate::setEditorData(QWidget *editor, const QModelIndex &index) const
+{
+    QString val = index.model()->data(index, Qt::EditRole).toString();
+    val.replace(QString(","), QString("."));
+    double value = val.toFloat(); //index.model()->data(index, Qt::EditRole).toDouble();
+    static_cast<QDoubleSpinBox*>(editor)->setValue(value);
+}
+
+void ItemNumberDelegate::setModelData(QWidget *editor, QAbstractItemModel *model,
+                                 const QModelIndex& index) const
+{
+    QDoubleSpinBox *dsb = static_cast<QDoubleSpinBox*>(editor);
+    dsb->interpretText();
+    double value = dsb->value();
+    model->setData(index, value, Qt::EditRole);
+}
+
+void ItemNumberDelegate::updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &option,
+                                         const QModelIndex& index) const
+{
+    editor->setGeometry(option.rect);
+}
diff --git a/itemnumberdelegate.h b/itemnumberdelegate.h
new file mode 100644
index 0000000..172cc9c
--- /dev/null
+++ b/itemnumberdelegate.h
@@ -0,0 +1,33 @@
+#ifndef ITEMNUMBERDELEGATE_H
+#define ITEMNUMBERDELEGATE_H
+
+#include <QItemDelegate>
+#include <QWidget>
+
+class ItemNumberDelegate : public QItemDelegate
+{
+    Q_OBJECT
+
+public:
+    ItemNumberDelegate(double min = 0.00,
+                       double max = 999999999.99,
+                       double step = 0.1,
+                       int precision = 2,
+                       QObject *parent = Q_NULLPTR);
+    QWidget *createEditor(QWidget *parent, const QStyleOptionViewItem &option,
+                          const QModelIndex &index) const;
+    void setEditorData(QWidget *editor, const QModelIndex &index) const;
+    void setModelData (QWidget *editor, QAbstractItemModel *model,
+                       const QModelIndex &index) const;
+    void updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &opcion,
+                              const QModelIndex &index) const;
+private:
+
+    double m_min;
+    double m_max;
+    double m_step;
+    int m_precision;
+};
+
+#endif // ITEMNUMBERDELEGATE_H
+
diff --git a/itemrichtextdelegate.cpp b/itemrichtextdelegate.cpp
new file mode 100644
index 0000000..dd1053c
--- /dev/null
+++ b/itemrichtextdelegate.cpp
@@ -0,0 +1,38 @@
+#include "itemrichtextdelegate.h"
+
+#include <QLineEdit>
+
+ItemRichTextDelegate::ItemRichTextDelegate(QObject *parent) :
+    QItemDelegate(parent)
+{
+
+}
+
+QWidget *ItemRichTextDelegate::createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const
+{
+    QLineEdit *editor = new QLineEdit(parent);
+    editor->installEventFilter(const_cast<ItemRichTextDelegate *>(this));
+    return editor;
+}
+
+void ItemRichTextDelegate::setEditorData(QWidget *editor, const QModelIndex &index) const
+{
+    QString value = index.model()->data(index, Qt::EditRole).toString();
+    QLineEdit *dsb = static_cast<QLineEdit*>(editor);
+    dsb->setText(value);
+}
+
+void ItemRichTextDelegate::setModelData(QWidget *editor, QAbstractItemModel *model,
+                                 const QModelIndex& index) const
+{
+    QLineEdit *dsb = static_cast<QLineEdit*>(editor);
+    //dsb->interpretText();
+    //double value = dsb->value();
+    model->setData(index, dsb->text());
+}
+
+void ItemRichTextDelegate::updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &option,
+                                         const QModelIndex& /* index */) const
+{
+    editor->setGeometry(option.rect);
+}
diff --git a/itemrichtextdelegate.h b/itemrichtextdelegate.h
new file mode 100644
index 0000000..0eacd86
--- /dev/null
+++ b/itemrichtextdelegate.h
@@ -0,0 +1,23 @@
+#ifndef ITEMRICHTEXTDELEGATE_H
+#define ITEMRICHTEXTDELEGATE_H
+
+#include <QItemDelegate>
+#include <QWidget>
+
+class ItemRichTextDelegate : public QItemDelegate
+{
+    Q_OBJECT
+
+public:
+    ItemRichTextDelegate(QObject *parent = Q_NULLPTR);
+    QWidget *createEditor(QWidget *parent, const QStyleOptionViewItem &option,
+                          const QModelIndex &index) const;
+    void setEditorData(QWidget *editor, const QModelIndex &index) const;
+    void setModelData (QWidget *editor, QAbstractItemModel *model,
+                       const QModelIndex &index) const;
+    void updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &opcion,
+                              const QModelIndex &index) const;
+};
+
+
+#endif // ITEMRICHTEXTDELEGATE_H
diff --git a/itemtextdelegate.cpp b/itemtextdelegate.cpp
new file mode 100644
index 0000000..a09dd84
--- /dev/null
+++ b/itemtextdelegate.cpp
@@ -0,0 +1,39 @@
+#include "itemtextdelegate.h"
+
+#include <QLineEdit>
+
+ItemTextDelegate::ItemTextDelegate(QObject *parent) :
+    QItemDelegate(parent)
+{
+
+}
+
+QWidget *ItemTextDelegate::createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const
+{
+    QLineEdit *editor = new QLineEdit(parent);
+    editor->installEventFilter(const_cast<ItemTextDelegate *>(this));
+    //editor->setFrame(false);
+    return editor;
+}
+
+void ItemTextDelegate::setEditorData(QWidget *editor, const QModelIndex &index) const
+{
+    QString value = index.model()->data(index, Qt::EditRole).toString();
+    QLineEdit *dsb = static_cast<QLineEdit*>(editor);
+    dsb->setText(value);
+}
+
+void ItemTextDelegate::setModelData(QWidget *editor, QAbstractItemModel *model,
+                                 const QModelIndex& index) const
+{
+    QLineEdit *dsb = static_cast<QLineEdit*>(editor);
+    //dsb->interpretText();
+    //double value = dsb->value();
+    model->setData(index, dsb->text(), Qt::EditRole);
+}
+
+void ItemTextDelegate::updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &option,
+                                         const QModelIndex& /* index */) const
+{
+    editor->setGeometry(option.rect);
+}
diff --git a/itemtextdelegate.h b/itemtextdelegate.h
new file mode 100644
index 0000000..d1f99f7
--- /dev/null
+++ b/itemtextdelegate.h
@@ -0,0 +1,22 @@
+#ifndef ITEMTEXTDELEGATE_H
+#define ITEMTEXTDELEGATE_H
+
+#include <QItemDelegate>
+#include <QWidget>
+
+class ItemTextDelegate : public QItemDelegate
+{
+    Q_OBJECT
+
+public:
+    ItemTextDelegate(QObject *parent = Q_NULLPTR);
+    QWidget *createEditor(QWidget *parent, const QStyleOptionViewItem &option,
+                          const QModelIndex &index) const;
+    void setEditorData(QWidget *editor, const QModelIndex &index) const;
+    void setModelData (QWidget *editor, QAbstractItemModel *model,
+                       const QModelIndex &index) const;
+    void updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &opcion,
+                              const QModelIndex &index) const;
+};
+
+#endif // ITEMTEXTDELEGATE_H
diff --git a/itemtextpopupdelegate.cpp b/itemtextpopupdelegate.cpp
new file mode 100644
index 0000000..f157c55
--- /dev/null
+++ b/itemtextpopupdelegate.cpp
@@ -0,0 +1,44 @@
+#include "itemtextpopupdelegate.h"
+#include "mlineeditbutton.h"
+
+#include <QDebug>
+
+ItemTextPopupDelegate::ItemTextPopupDelegate(QObject *parent) :
+    QItemDelegate(parent),
+    mInitialValue("")
+{
+
+}
+
+QWidget *ItemTextPopupDelegate::createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const
+{
+    MLineEditButton *editor = new MLineEditButton(parent);
+    editor->installEventFilter(const_cast<ItemTextPopupDelegate *>(this));
+    return editor;
+}
+
+void ItemTextPopupDelegate::setEditorData(QWidget *editor, const QModelIndex &index) const
+{
+    QString value = index.data().toString();
+    MLineEditButton *dsb = static_cast<MLineEditButton*>(editor);
+    dsb->setText(value);
+
+    // save initial value:
+    ItemTextPopupDelegate *ptr = const_cast<ItemTextPopupDelegate*>(this);
+    ptr->mInitialValue = value;
+}
+
+void ItemTextPopupDelegate::setModelData(QWidget *editor, QAbstractItemModel *model,
+                                 const QModelIndex& index) const
+{
+    MLineEditButton *dsb = static_cast<MLineEditButton*>(editor);
+    qDebug() << dsb->text();
+    if(mInitialValue != dsb->text())
+        model->setData(index, dsb->text(), Qt::EditRole);
+}
+
+void ItemTextPopupDelegate::updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &option,
+                                         const QModelIndex& /* index */) const
+{
+    editor->setGeometry(option.rect);
+}
diff --git a/itemtextpopupdelegate.h b/itemtextpopupdelegate.h
new file mode 100644
index 0000000..1edec0f
--- /dev/null
+++ b/itemtextpopupdelegate.h
@@ -0,0 +1,26 @@
+#ifndef ITEMTEXTPOPUPDELEGATE_H
+#define ITEMTEXTPOPUPDELEGATE_H
+
+#include <QItemDelegate>
+#include <QWidget>
+
+class ItemTextPopupDelegate : public QItemDelegate
+{
+
+    Q_OBJECT
+
+public:
+    ItemTextPopupDelegate(QObject *parent = Q_NULLPTR);
+    QWidget *createEditor(QWidget *parent, const QStyleOptionViewItem &option,
+                          const QModelIndex &index) const;
+    void setEditorData(QWidget *editor, const QModelIndex &index) const;
+    void setModelData (QWidget *editor, QAbstractItemModel *model,
+                       const QModelIndex &index) const;
+    void updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &opcion,
+                              const QModelIndex &index) const;
+    QString mInitialValue;
+
+private:
+};
+
+#endif // ITEMTEXTPOPUPDELEGATE_H
diff --git a/main.cpp b/main.cpp
new file mode 100644
index 0000000..fe1ed2b
--- /dev/null
+++ b/main.cpp
@@ -0,0 +1,77 @@
+/****************************************************************************
+**
+** Copyright (C) 2016 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the examples of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of The Qt Company Ltd nor the names of its
+**     contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+#include "mainwindow.h"
+#include "mapplication.h"
+
+
+//DWIDGET_USE_NAMESPACE
+
+int main(int argc, char *argv[])
+{
+    //DApplication::loadDXcbPlugin();
+
+    Q_INIT_RESOURCE(editabletreemodel);
+
+    MApplication app(argc, argv);
+
+
+    QFile qss(":/resources/styles/ribbon_blue.qss");
+    qss.open(QFile::ReadOnly);
+    app.setStyleSheet(qss.readAll());
+    qss.close();
+
+    MainWindow window;
+    app.setMainWindow(&window);
+    window.show();
+
+    app.listCompanies();
+
+    return app.exec();
+}
diff --git a/mainwindow.cpp b/mainwindow.cpp
new file mode 100644
index 0000000..7a5e50c
--- /dev/null
+++ b/mainwindow.cpp
@@ -0,0 +1,304 @@
+/****************************************************************************
+**
+** Copyright (C) 2016 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the examples of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of The Qt Company Ltd nor the names of its
+**     contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+#include "mainwindow.h"
+#include "mapplication.h"
+#include "treemodel.h"
+
+#include "formbudget.h"
+#include "formthird.h"
+#include "formproduct.h"
+#include "formelementlist.h"
+#include "formthirdlist.h"
+#include "forminvoiceinlist.h"
+#include "formbudgetlist.h"
+
+//#include "QsfMainWindow.h"
+#include "QMainWindow"
+#include "QTabWidget"
+#include "QMessageBox";
+
+
+#if !SARIBBON_USE_3RDPARTY_FRAMELESSHELPER
+#include "gui/SARibbon/src/SARibbonBar/SAFramelessHelper.h"
+#endif
+#include "gui/SARibbon/src/SARibbonBar/SARibbonApplicationButton.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonBar.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonButtonGroupWidget.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonCategory.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonCheckBox.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonColorToolButton.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonComboBox.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonCustomizeDialog.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonCustomizeWidget.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonGallery.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonLineEdit.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonMenu.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonPannel.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonQuickAccessBar.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonToolButton.h"
+#include "gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorGridWidget.h"
+#include "gui/SARibbon/src/SARibbonBar/colorWidgets/SAColorPaletteGridWidget.h"
+#include "gui/SARibbon/src/SARibbonBar/SARibbonSystemButtonBar.h"
+#include <QTextEdit>
+
+
+#include <QFile>
+#include <QDockWidget>
+
+
+MainWindow::MainWindow(QWidget *parent)
+    : SARibbonMainWindow(parent), ui(new Ui::MainWindow)
+{
+    ui->setupUi(this);   //<<----------- pensar en esto
+
+    //允许嵌套dock
+    setDockNestingEnabled(true);
+    setCorner(Qt::BottomLeftCorner, Qt::LeftDockWidgetArea);
+    setCorner(Qt::BottomRightCorner, Qt::RightDockWidgetArea);
+
+    m_workspace = new QTabWidget;
+    setCentralWidget(m_workspace);
+    m_workspace->setTabsClosable(true);
+    connect(m_workspace, &QTabWidget::tabCloseRequested, this, &MainWindow::tabCloseRequested);
+
+    QStatusBar* statusBar = new QStatusBar();
+    statusBar->setObjectName("QsfStatuBar");
+    this->setStatusBar(statusBar);
+    this->setStatusTip("Prueba: javier braña");
+    this->setRibbonTheme(SARibbonTheme::RibbonThemeOffice2021Blue);
+
+
+
+    SARibbonBar* ribbon = ribbonBar();
+    ribbon->setContentsMargins(2, 0, 2, 0);
+
+    QAbstractButton* btn = ribbon->applicationButton();
+    if (!btn) {
+        //! cn: SARibbonBar默认就会创建一个SARibbonApplicationButton，因此，在正常情况下，这个位置不会进入
+        //! en: SARibbonBar creates a SARibbonApplicationButton by default. Therefore, under normal circumstances, this location will not enter
+        btn = new SARibbonApplicationButton(this);
+        ribbon->setApplicationButton(btn);
+    }
+    ribbon->applicationButton()->setText(("  &File  "));
+
+
+    SARibbonCategory* categoryThirdParties = new SARibbonCategory();
+    categoryThirdParties->setCategoryName(tr("Tercero"));
+    categoryThirdParties->setObjectName(("categoryThirdParties"));
+    ribbon->addCategoryPage(categoryThirdParties);
+
+    SARibbonPannel* pannel1 = new SARibbonPannel(tr("pannel one"));
+    pannel1->setObjectName("categoryThirdParties-pannel1");
+    categoryThirdParties->addPannel(pannel1);
+    QAction* actSave = createAction(tr("Save"), ":/resources/icons/save.svg");
+
+    connect(actSave, &QAction::triggered, this, [ this ](bool b) {
+        Q_UNUSED(b);
+        this->createFormBudget();
+    });
+
+    pannel1->addLargeAction(actSave);
+
+    SARibbonButtonGroupWidget* btnGroup1 = new SARibbonButtonGroupWidget(pannel1);
+    btnGroup1->setObjectName("SARibbonButtonGroupWidget1");
+    btnGroup1->setWindowTitle("SARibbonButtonGroupWidget1");
+    btnGroup1->addAction(createAction(tr("Decrease Margin"), ":/resources/icons/brush.png"));
+    btnGroup1->addAction(createAction(tr("Decrease Indent"), ":/resources/icons/add-file.svg"));
+    btnGroup1->addAction(createAction(tr("Wrap Image Left"), ":/resources/icons/tag.svg"));
+    btnGroup1->addAction(createAction(tr("Wrap Image Right"),":/resources/icons/recycle.svg"));
+    pannel1->addWidget(btnGroup1, SARibbonPannelItem::Medium);
+
+    SARibbonButtonGroupWidget* btnGroup2 = new SARibbonButtonGroupWidget(pannel1);
+    btnGroup2->setObjectName("SARibbonButtonGroupWidget2");
+    btnGroup2->setWindowTitle("SARibbonButtonGroupWidget2");
+    btnGroup2->addAction(createAction(tr("Decrease Margin"), ":/resources/icons/brush.png"));
+    btnGroup2->addAction(createAction(tr("Decrease Indent"), ":/resources/icons/add-file.svg"));
+    btnGroup2->addAction(createAction(tr("Wrap Image Left"), ":/resources/icons/tag.svg"));
+    btnGroup2->addAction(createAction(tr("Wrap Image Right"),":/resources/icons/recycle.svg"));
+    pannel1->addWidget(btnGroup2, SARibbonPannelItem::Medium);
+
+
+
+
+    SARibbonCategory* categoryDelete = new SARibbonCategory();
+    categoryDelete->setCategoryName(("Delete"));
+    categoryDelete->setObjectName(("categoryDelete"));
+    ribbon->addCategoryPage(categoryDelete);
+}
+
+
+QDockWidget* MainWindow::createDockWidget( QString title, QString name, Qt::DockWidgetArea area )
+{
+    QDockWidget* tDock = new QDockWidget(title);
+    tDock->setObjectName("dockWidget");
+    tDock->setFloating(true);
+
+    QWidget* docWid1 = new QWidget;
+    docWid1->setObjectName("dockWidgetContents");
+    tDock->setWidget(docWid1);
+    return tDock;
+}
+
+QWidget* MainWindow::createWorkWidget( QString title, QString name )
+{
+    QWidget* tWidget = new QWidget();
+    tWidget->setWindowTitle(title);
+    m_workspace->addTab(tWidget, title);
+    return tWidget;
+
+}
+
+void MainWindow::addWorkWidget(QWidget *tWidget, QString title)
+{
+    m_workspace->addTab(tWidget, (title == "") ? tWidget->windowTitle() : title);
+    m_workspace->setCurrentIndex(m_workspace->count() - 1);
+}
+
+void MainWindow::setCompany(QString ID)
+{
+
+    setWindowTitle(ID);
+
+    auto *form3 = new formElementList();
+    QDockWidget *a = createDockWidget(form3->windowTitle(), form3->windowTitle(), Qt::LeftDockWidgetArea);
+    a->setWidget(form3);
+    addDockWidget(Qt::LeftDockWidgetArea, a);
+
+
+    auto *form4 = new formThirdList();
+    QDockWidget *b = createDockWidget(form4->windowTitle(), form4->windowTitle(), Qt::LeftDockWidgetArea);
+    b->setWidget(form4);
+    //addDockWidget(Qt::LeftDockWidgetArea, a);
+    tabifyDockWidget(a, b);
+
+    /*
+    auto *form5 = new formInvoiceInList();
+    a = createDockWidget(form5->windowTitle(), form5->windowTitle(), Qt::LeftDockWidgetArea);
+    a->setWidget(form5);
+    addDockWidget(Qt::LeftDockWidgetArea, a);*/
+
+    auto *form6 = new FormBudgetList();
+    QDockWidget *c = createDockWidget(form6->windowTitle(), form6->windowTitle(), Qt::RightDockWidgetArea);
+    c->setWidget(form6);
+    addDockWidget(Qt::RightDockWidgetArea, c);
+
+}
+
+formProduct * MainWindow::createFormProduct()
+{
+    auto *form = new formProduct();
+    form->setWindowTitle("Nuevo Elemento");
+    addWorkWidget(form, form->windowTitle());
+
+    return form;
+}
+
+formThird * MainWindow::createFormThird()
+{
+    auto *form = new formThird();
+    form->setWindowTitle("Nuevo Tercero");
+    addWorkWidget(form, form->windowTitle());
+
+    return form;
+}
+
+formBudget *MainWindow::createFormBudget()
+{
+    auto *form = new formBudget();
+    form->setWindowTitle("Nuevo Presupusto");
+    addWorkWidget(form, form->windowTitle());
+
+    return form;
+}
+
+QAction* MainWindow::createAction(const QString& text, const QString& iconurl, const QString& objName)
+{
+    QAction* act = new QAction(this);
+    act->setText(text);
+    act->setIcon(QIcon(iconurl));
+    if (objName == "")
+        act->setObjectName(text);
+    else
+        act->setObjectName(objName);
+    return act;
+}
+
+
+
+
+
+void MainWindow::tabCloseRequested(int index)
+{
+    qDebug() << m_workspace->widget(index);
+    auto * form = static_cast<formBase*>(m_workspace->widget(index));
+    if (form->needsave())
+    {
+        QMessageBox msgBox;
+        msgBox.setText("Se necesita guardar el documento.");
+        msgBox.setInformativeText("Do you want to save your changes?");
+        msgBox.setIcon(QMessageBox::Warning);
+        msgBox.setStandardButtons(QMessageBox::Save | QMessageBox::Discard | QMessageBox::Cancel);
+        msgBox.setDefaultButton(QMessageBox::Save);
+        int ret = msgBox.exec();
+        if (ret == QMessageBox::Cancel)
+            return;
+        else if (ret == QMessageBox::Save)
+            form->save();
+    }
+    form->closeDocument();
+    m_workspace->removeTab(index);
+}
+
+
+void MainWindow::closeEvent(QCloseEvent *event)
+{
+    dApp->quit();
+}
diff --git a/mainwindow.h b/mainwindow.h
new file mode 100644
index 0000000..cca1dc3
--- /dev/null
+++ b/mainwindow.h
@@ -0,0 +1,107 @@
+/****************************************************************************
+**
+** Copyright (C) 2016 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the examples of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of The Qt Company Ltd nor the names of its
+**     contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+#ifndef MAINWINDOW_H
+#define MAINWINDOW_H
+
+#include "ui_mainwindow.h"
+
+#include <QMainWindow>
+#include <QModelIndex>
+#include <windows.h>
+
+#include "gui/SARibbon/src/SARibbonBar/SARibbonMainWindow.h"
+
+
+class formProduct;
+class formThird;
+class formBudget;
+class QTabWidget;
+
+namespace Ui
+{
+class MainWindow;
+}
+
+//DWIDGET_USE_NAMESPACE
+
+class MainWindow : public SARibbonMainWindow, private Ui::MainWindow
+{
+    Q_OBJECT
+
+public:
+    MainWindow(QWidget *parent = 0);
+
+    SARibbonBar* mRibbonBar { nullptr };
+
+    void setCompany(QString ID);
+    formProduct *createFormProduct();
+    formThird *createFormThird();
+
+    QDockWidget* createDockWidget(QString title, QString name, Qt::DockWidgetArea area);
+    QWidget* createWorkWidget( QString title, QString name );
+
+    void addWorkWidget(QWidget *tWidget, QString title);
+private:
+    Ui::MainWindow *ui;
+    QTabWidget* m_workspace;
+
+    QAction *createAction(const QString &text, const QString &iconurl, const QString &objName="");
+public slots:
+    formBudget* createFormBudget();
+
+private slots:
+    void tabCloseRequested(int index);
+protected:
+     void closeEvent(QCloseEvent *event);
+
+};
+
+#endif // MAINWINDOW_H
diff --git a/mainwindow.ui b/mainwindow.ui
new file mode 100644
index 0000000..179ef7e
--- /dev/null
+++ b/mainwindow.ui
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>MainWindow</class>
+ <widget class="QMainWindow" name="MainWindow">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>677</width>
+    <height>380</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Editable Tree Model</string>
+  </property>
+  <property name="dockOptions">
+   <set>QMainWindow::AllowNestedDocks|QMainWindow::AllowTabbedDocks|QMainWindow::AnimatedDocks|QMainWindow::ForceTabbedDocks</set>
+  </property>
+  <widget class="QWidget" name="centralwidget">
+   <layout class="QVBoxLayout" name="verticalLayout"/>
+  </widget>
+  <widget class="QStatusBar" name="statusbar"/>
+  <action name="exitAction">
+   <property name="text">
+    <string>E&amp;xit</string>
+   </property>
+   <property name="shortcut">
+    <string>Ctrl+Q</string>
+   </property>
+  </action>
+  <action name="insertRowAction">
+   <property name="text">
+    <string>&amp;Insert Row</string>
+   </property>
+   <property name="shortcut">
+    <string>Ctrl+I, R</string>
+   </property>
+  </action>
+  <action name="removeRowAction">
+   <property name="text">
+    <string>&amp;Remove Row</string>
+   </property>
+   <property name="shortcut">
+    <string>Ctrl+R, R</string>
+   </property>
+  </action>
+  <action name="insertColumnAction">
+   <property name="text">
+    <string>Insert &amp;Column</string>
+   </property>
+   <property name="shortcut">
+    <string>Ctrl+I, C</string>
+   </property>
+  </action>
+  <action name="removeColumnAction">
+   <property name="text">
+    <string>R&amp;emove Column</string>
+   </property>
+   <property name="shortcut">
+    <string>Ctrl+R, C</string>
+   </property>
+  </action>
+  <action name="insertChildAction">
+   <property name="text">
+    <string>I&amp;nsert Child</string>
+   </property>
+   <property name="shortcut">
+    <string>Ctrl+N</string>
+   </property>
+  </action>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
diff --git a/mapplication.cpp b/mapplication.cpp
new file mode 100644
index 0000000..5cbbf1e
--- /dev/null
+++ b/mapplication.cpp
@@ -0,0 +1,239 @@
+#include "mapplication.h"
+#include "mainwindow.h"
+#include "sqltable.h"
+#include "mainwindow.h"
+#include "dialogcreateenterprise.h"
+#include "dialogopencompany.h"
+
+#include <QtSql>
+#include <QSettings>
+
+
+MApplication::MApplication(int &argc, char** argv):
+    QApplication(argc, argv)
+{
+    //QFont f = this->font();
+    //f.setPointSize(10);
+    //setFont(f);
+
+    //QString map = QStandardPaths::writableLocation(QStandardPaths::CacheLocation);
+    mDataFolder = QStandardPaths::writableLocation(QStandardPaths::AppDataLocation);
+    mConfigFolder = QStandardPaths::writableLocation(QStandardPaths::ConfigLocation);
+
+    if (!mDataFolder.endsWith(QDir::separator()))
+        mDataFolder += QDir::separator();
+
+    QDir dir;
+    if ( !dir.exists(mDataFolder))
+        dir.mkpath(mDataFolder);
+
+    mSettings = new QSettings (applicationName(), "settings");
+    if (!QFile(mSettings->fileName()).exists())
+    {
+        //resetSettings();
+    }
+
+    initDB();
+}
+
+MApplication::~MApplication()
+{
+    if(EnterpriseDB.isOpen())
+        EnterpriseDB.close();
+
+    if(EnterpriseListDB.isOpen())
+        EnterpriseListDB.close();
+}
+
+QString MApplication::dataFolder()
+{
+    return mDataFolder;
+}
+
+QString MApplication::configFolder()
+{
+    return mConfigFolder;
+}
+
+QSqlDatabase MApplication::EnterpriseList()
+{
+    return EnterpriseListDB;
+}
+
+QSqlDatabase MApplication::Enterprise()
+{
+    return EnterpriseDB;
+}
+
+void MApplication::listCompanies()
+{
+    EnterpriseListDB.open();
+    QSqlQuery *qry = new QSqlQuery(EnterpriseListDB);
+    bool done = qry->exec("SELECT * FROM ENTERPRISES;");
+    EnterpriseListDB.close();
+
+    int cnt = 0;
+    if (done)
+    {
+        while(qry->next())
+        {
+            cnt ++;
+        }
+    }
+    else
+    {
+        qDebug() << "Error ejecutando el query: " << qry->lastError().text() << "\n";
+        return;
+    }
+
+    if(cnt > 0)
+    {
+        // 1. Si sólo es una la abrimos directamente
+        /*
+        if(cnt == 1)
+        {
+            openCompany(qry->value(1).toString());
+            return;
+        }
+        */
+
+        // 2. Si hay más de dos empresas abrimos la lista de empresas
+        dialogOpenCompany *dOpenCompany = new dialogOpenCompany();
+        qry->first();
+        do
+        {
+            dOpenCompany->setData(qry->value(0).toString(),
+                                  qry->value(1).toString(),
+                                  //qry->value(2).toString(),
+                                  qry->value(3).toString()
+                                  //qry->value(4).toString()
+                                  );
+
+        } while(qry->next());
+
+        dOpenCompany->exec();
+        return;
+    }
+
+    dialogCreateEnterprise *creator = new dialogCreateEnterprise();
+    creator->exec();
+}
+
+bool MApplication::openCompany(QString ID)
+{
+    QString path = mDataFolder + ID + QDir::separator() + ID + ".db";
+
+    if (!QSqlDatabase::drivers().contains("QSQLITE"))
+    {
+        /*
+        DDialog msgBox;
+        msgBox.setWindowModality(Qt::WindowModal);
+        //msgBox.setWindowTitle(tr("Save Draft?"));
+        msgBox.setIcon(QIcon::fromTheme("dialog-information"));
+        QString message("No es posible crear/cargar la base de datos.<br>"
+                        "No se encuentra el driver SQLITE.");
+        msgBox.setMessage(message);
+        msgBox.addButton ("OK", true, DDialog::ButtonRecommend);
+        msgBox.exec();
+        */
+        return false;
+    }
+
+    EnterpriseDB = QSqlDatabase::addDatabase("QSQLITE", ID);
+    EnterpriseDB.setDatabaseName(path);
+
+    if(!EnterpriseDB.open())
+        return false;
+
+    //TODO: leer los datos basicos de la compañia y ponerlos donde corresponda:
+    /*
+    QStringList tables = EnterpriseDB.tables();
+    QSqlQuery *qry = new QSqlQuery(EnterpriseDB);
+    if (!tables.contains("ENTERPRISES", Qt::CaseInsensitive))
+    {
+        if (!qry->exec(tEmpresas))
+        {
+            qDebug() << "Error ejecutando el query: " << qry->lastError().text() << "\n";
+            return false;
+        }
+    }
+    */
+
+    EnterpriseDB.close();
+
+    mwindow->setCompany(ID);
+}
+
+bool MApplication::closeCompany()
+{
+    //TODO: cerrar todos los formularios y dialogos abiertos>
+
+    //TODO: Cerrar y eliminar la conexión:
+    QSqlDatabase::removeDatabase(EnterpriseDB.connectionName());
+}
+
+void MApplication::setMainWindow(MainWindow *val)
+{
+    mwindow = val;
+}
+
+MainWindow *MApplication::mainWindow()
+{
+    return mwindow;
+}
+
+void MApplication::initDB()
+{
+    //sql:
+    if (!QSqlDatabase::drivers().contains("QSQLITE"))
+    {
+        /*
+        DDialog msgBox;
+        msgBox.setWindowModality(Qt::WindowModal);
+        //msgBox.setWindowTitle(tr("Save Draft?"));
+        msgBox.setIcon(QIcon::fromTheme("dialog-information"));
+        QString message("No es posible crear/cargar la base de datos.<br>"
+                        "No se encuentra el driver SQLITE.");
+        msgBox.setMessage(message);
+        msgBox.addButton ("OK", true, DDialog::ButtonRecommend);
+        msgBox.exec();
+        */
+        return;
+    }
+
+    EnterpriseListDB = QSqlDatabase::addDatabase("QSQLITE", "ENTERPRISES");
+    EnterpriseListDB.setDatabaseName(dApp->dataFolder() + "ENTERPRISES.db");
+
+    if(!EnterpriseListDB.open())
+        return;
+
+    QStringList tables = EnterpriseListDB.tables();
+    QSqlQuery *qry = new QSqlQuery(EnterpriseListDB);
+    if (!tables.contains("ENTERPRISES", Qt::CaseInsensitive))
+    {
+        if (!qry->exec(tEmpresas))
+        {
+            qDebug() << "Error ejecutando el query: " << qry->lastError().text() << "\n";
+            return;
+        }
+    }
+
+    if (!tables.contains("DBINFO", Qt::CaseInsensitive))
+    {
+        if (!qry->exec(tDBInfo))
+        {
+            qDebug() << "Error ejecutando el query: " << qry->lastError().text() << "\n";
+            return;
+        }
+        qry->prepare(DBInfoCommand);
+        qry->bindValue(":VERSION", dApp->applicationVersion().isEmpty() ? "0" : dApp->applicationVersion());
+        qry->bindValue(":SUBVERSION", "0");
+        if (!qry->exec())
+        {
+            qDebug() << "Error ejecutando el query: " << qry->lastError().text() << "\n";
+            return;
+        }
+    }
+    EnterpriseListDB.close();
+}
+
diff --git a/mapplication.h b/mapplication.h
new file mode 100644
index 0000000..7fe9023
--- /dev/null
+++ b/mapplication.h
@@ -0,0 +1,51 @@
+#ifndef MAPPLICATION_H
+#define MAPPLICATION_H
+
+#include <QApplication>
+#include <QtSql>
+
+class MApplication;
+class QString;
+class QSettings;
+class DatabaseManager;
+class MainWindow;
+
+#if defined(qApp)
+#undef qApp
+#endif
+#if defined(dApp)
+#undef dApp
+#endif
+#define dApp (static_cast<MApplication *>(QCoreApplication::instance()))
+
+class MApplication : public QApplication
+{
+public:
+    MApplication(int &argc, char** argv);
+    ~MApplication();
+
+    QString dataFolder();
+    QString configFolder();
+    QSqlDatabase EnterpriseList();
+    QSqlDatabase Enterprise();
+    void listCompanies();
+    bool openCompany(QString ID);
+    bool closeCompany();
+
+    void setMainWindow(MainWindow *val);
+    MainWindow *mainWindow();
+
+private:
+    MainWindow *mwindow;
+    QString mDataFolder;
+    QString mConfigFolder;
+
+    QSettings *mSettings;
+    DatabaseManager *dbManager;
+
+    QSqlDatabase EnterpriseListDB;
+    QSqlDatabase EnterpriseDB;
+    void initDB();
+};
+
+#endif // MAPPLICATION_H
diff --git a/qmtreeview.cpp b/qmtreeview.cpp
new file mode 100644
index 0000000..93b2df7
--- /dev/null
+++ b/qmtreeview.cpp
@@ -0,0 +1,655 @@
+#include "qmtreeview.h"
+
+#include <QPen>
+#include <QPainter>
+#include <QStyleOptionFrame>
+#include <QHeaderView>
+#include <QPushButton>
+#include <QtEvents>
+#include <QMenu>
+#include <QMimeData>
+// Implementation
+
+#include <QDebug>
+
+#include "treemodel.h"
+
+
+QMTreeView::QMTreeView(QWidget *parent):
+    QTreeView(parent)
+{
+    header()->setFixedHeight(30);
+    QPushButton * cornerbutton = new QPushButton(this);
+    setCornerWidget(cornerbutton);
+    connect(cornerbutton, &QPushButton::released, this, &QMTreeView::onCornerButtonRelease);
+
+    setLineWidth(1);
+    setAlternatingRowColors(false);
+
+    setAcceptDrops(true);  // Habilita el drop
+    setDropIndicatorShown(true);
+    setTreePosition(0);
+
+    return;
+    setStyleSheet("QHeaderView::section:horizontal {"
+                        "background-color: qlineargradient(spread:reflect,"
+                        "x1:0, y1:0, x2:0, y2:1,"
+                        "stop:0 rgba(255, 255, 255, 255),"
+                        "stop:1 rgba(164, 164, 164, 255));"
+                        "border: 1px solid rgb(153, 153, 153);"
+                        "border-width: 0 1px 1px 0;"
+                        "}"
+                        "QTreeView::item {"
+                        "border-bottom: 0.5px solid lightgray;"
+                        "selection-color: black;"
+                        "}"
+                        "QTreeView::item:selected { /*被选中的index*/"
+                        "background: qlineargradient("
+                        "x1: 0, y1: 0, x2: 0, y2: 1,"
+                        "stop: 0 #FAFBFE,"
+                        "stop: 1 #DCDEF1);"
+                        "}"
+                        "QTreeView::branch {"
+                        "background: yellow;"
+                        "}"
+                        "QTreeView::branch:has-siblings:!adjoins-item {"
+                        "background: cyan;"
+                        "}"
+                        "QTreeView::branch:has-siblings:adjoins-item {"
+                        "background: red;"
+                        "}"
+                        "QTreeView::branch:!has-children:!has-siblings:adjoins-item {"
+                        "background: blue;"
+                        "}"
+                        "QTreeView::branch:closed:has-children:has-siblings {"
+                        "background: black;"
+                        "}"
+                        "QTreeView::branch:has-children:!has-siblings:closed {"
+                        "background: gray;"
+                        "}"
+                        "QTreeView::branch:open:has-children:has-siblings {"
+                        "background: magenta;"
+                        "}"
+                        "QTreeView::branch:open:has-children:!has-siblings {"
+                        "background: green;}");
+}
+
+void QMTreeView::resizeEvent(QResizeEvent *event)
+{
+    QTreeView::resizeEvent(event);
+}
+
+
+/*
+void QMTreeView::drawTree(QPainter *painter, const QRegion &region) const
+{
+    QTreeView::drawTree(painter, region);
+    return;
+
+    if (model() && model()->rowCount() > 0)
+    {
+        QTreeView::drawTree(painter, region);
+    }
+    else
+    {
+        // If no items draw a text in the center of the viewport.
+        QPainter painter(viewport());
+        QString text(tr("There are no elements in this view"));
+        QRect textRect = painter.fontMetrics().boundingRect(text);
+        textRect.moveCenter(viewport()->rect().center());
+        painter.drawText(textRect, Qt::AlignCenter, text);
+    }
+
+*/
+    /*
+    Q_D(const QTreeView);
+    const QVector<QTreeViewItem> viewItems = d->viewItems;
+
+    QStyleOptionViewItem option = d->viewOptionsV1();
+    const QStyle::State state = option.state;
+    d->current = 0;
+
+    if (viewItems.count() == 0 || d->header->count() == 0 || !d->itemDelegate) {
+        d->paintAlternatingRowColors(painter, &option, 0, region.boundingRect().bottom()+1);
+        return;
+    }
+
+    int firstVisibleItemOffset = 0;
+    const int firstVisibleItem = d->firstVisibleItem(&firstVisibleItemOffset);
+    if (firstVisibleItem < 0) {
+        d->paintAlternatingRowColors(painter, &option, 0, region.boundingRect().bottom()+1);
+        return;
+    }
+
+    const int viewportWidth = d->viewport->width();
+
+    QPoint hoverPos = d->viewport->mapFromGlobal(QCursor::pos());
+    d->hoverBranch = d->itemDecorationAt(hoverPos);
+
+    QVector<int> drawn;
+    bool multipleRects = (region.rectCount() > 1);
+    for (const QRect &a : region) {
+        const QRect area = (multipleRects
+                            ? QRect(0, a.y(), viewportWidth, a.height())
+                            : a);
+        d->leftAndRight = d->startAndEndColumns(area);
+
+        int i = firstVisibleItem; // the first item at the top of the viewport
+        int y = firstVisibleItemOffset; // we may only see part of the first item
+
+        // start at the top of the viewport  and iterate down to the update area
+        for (; i < viewItems.count(); ++i) {
+            const int itemHeight = d->itemHeight(i);
+            if (y + itemHeight > area.top())
+                break;
+            y += itemHeight;
+        }
+
+        // paint the visible rows
+        for (; i < viewItems.count() && y <= area.bottom(); ++i) {
+            const int itemHeight = d->itemHeight(i);
+            option.rect.setRect(0, y, viewportWidth, itemHeight);
+            option.state = state | (viewItems.at(i).expanded ? QStyle::State_Open : QStyle::State_None)
+                                 | (viewItems.at(i).hasChildren ? QStyle::State_Children : QStyle::State_None)
+                                 | (viewItems.at(i).hasMoreSiblings ? QStyle::State_Sibling : QStyle::State_None);
+            d->current = i;
+            d->spanning = viewItems.at(i).spanning;
+            if (!multipleRects || !drawn.contains(i)) {
+                drawRow(painter, option, viewItems.at(i).index);
+                if (multipleRects)   // even if the rect only intersects the item,
+                    drawn.append(i); // the entire item will be painted
+            }
+            y += itemHeight;
+        }
+
+        if (y <= area.bottom()) {
+            d->current = i;
+            d->paintAlternatingRowColors(painter, &option, y, area.bottom());
+        }
+    }
+    */
+//}
+
+void QMTreeView::drawRow(QPainter * painter, const QStyleOptionViewItem & options, const QModelIndex & index) const
+{
+    QTreeView::drawRow(painter, options, index);
+    //return;
+
+    int m_iWidth = 1;
+    QColor m_gridLineColor = QColor(200, 200, 200);
+
+    QPen pen;
+    pen.setWidth(m_iWidth);
+    pen.setColor(m_gridLineColor);
+
+    QBrush brush;
+    brush.setColor(QColor(0,0,0,0));
+
+    painter->save();
+    painter->setPen(pen);
+    painter->setBrush(brush);
+    painter->drawRect(options.rect);
+    painter->restore();
+}
+
+void QMTreeView::drawBranches(QPainter *painter, const QRect &rect, const QModelIndex &index) const
+{
+    if (!index.isValid()) {
+        QTreeView::drawBranches(painter, rect, index);
+        return;
+    }
+
+    // Calcula el ancho del branch basado en el nivel de profundidad
+    int depth = 0;
+    QModelIndex parentIndex = index.parent();
+    while (parentIndex.isValid()) {
+        ++depth;
+        parentIndex = parentIndex.parent();
+    }
+
+    // Calcula el ancho del branch
+    int branchWidth = depth * indentation();
+
+    // Dibuja el rectángulo del branch
+    QRect branchRect(rect.left(), rect.top(), branchWidth, rect.height());
+    painter->save();
+    painter->setBrush(Qt::yellow);  // Cambia el color según prefieras
+    painter->setPen(Qt::NoPen);    // Sin bordes
+    painter->drawRect(branchRect);
+    painter->restore();
+
+    // Llama al método base para que Qt dibuje el resto
+    QTreeView::drawBranches(painter, rect, index);
+    return;
+
+
+    QTreeView::drawBranches(painter, rect, index);
+    //return;
+
+    //int m_iWidth = 1;
+    QColor m_gridLineColor = QColor(200, 200, 200);
+
+    QPen pen;
+    //pen.setWidth(m_iWidth);
+    pen.setColor(m_gridLineColor);
+
+    QBrush brush;
+    brush.setColor(QColor(0,0,0,0));
+
+    //painter->save();
+    painter->setPen(pen);
+    painter->setBrush(brush);
+    painter->drawRect(rect);
+    //painter->restore();
+
+    //const QTreeViewItem &viewItem = d->viewItems.at(item);
+    //int level = viewItem.level;
+
+
+    //Q_Q(const QMTreeView);
+    /*
+    const bool reverse = isRightToLeft();
+    const int indent = d->indent;
+    const int outer = d->rootDecoration ? 0 : 1;
+    const int item = d->current;
+    const QTreeViewItem &viewItem = d->viewItems.at(item);
+    int level = viewItem.level;
+    QRect primitive(reverse ? rect.left() : rect.right() + 1, rect.top(), indent, rect.height());
+
+    QModelIndex parent = index.parent();
+    QModelIndex current = parent;
+    QModelIndex ancestor = current.parent();
+
+    QStyleOptionViewItem opt = viewOptions();
+    QStyle::State extraFlags = QStyle::State_None;
+    if (isEnabled())
+        extraFlags |= QStyle::State_Enabled;
+    if (hasFocus())
+        extraFlags |= QStyle::State_Active;
+    QPoint oldBO = painter->brushOrigin();
+    if (verticalScrollMode() == QAbstractItemView::ScrollPerPixel)
+        painter->setBrushOrigin(QPoint(0, verticalOffset()));
+
+    if (d->alternatingColors) {
+        opt.features.setFlag(QStyleOptionViewItem::Alternate, d->current & 1);
+    }
+
+    // When hovering over a row, pass State_Hover for painting the branch
+    // indicators if it has the decoration (aka branch) selected.
+    bool hoverRow = selectionBehavior() == QAbstractItemView::SelectRows
+                    && opt.showDecorationSelected
+                    && index.parent() == d->hover.parent()
+                    && index.row() == d->hover.row();
+
+    if (d->selectionModel->isSelected(index))
+        extraFlags |= QStyle::State_Selected;
+
+    if (level >= outer) {
+        // start with the innermost branch
+        primitive.moveLeft(reverse ? primitive.left() : primitive.left() - indent);
+        opt.rect = primitive;
+
+        const bool expanded = viewItem.expanded;
+        const bool children = viewItem.hasChildren;
+        bool moreSiblings = viewItem.hasMoreSiblings;
+
+        opt.state = QStyle::State_Item | extraFlags
+                    | (moreSiblings ? QStyle::State_Sibling : QStyle::State_None)
+                    | (children ? QStyle::State_Children : QStyle::State_None)
+                    | (expanded ? QStyle::State_Open : QStyle::State_None);
+        opt.state.setFlag(QStyle::State_MouseOver, hoverRow || item == d->hoverBranch);
+
+        style()->drawPrimitive(QStyle::PE_IndicatorBranch, &opt, painter, this);
+    }
+    // then go out level by level
+    for (--level; level >= outer; --level) { // we have already drawn the innermost branch
+        primitive.moveLeft(reverse ? primitive.left() + indent : primitive.left() - indent);
+        opt.rect = primitive;
+        opt.state = extraFlags;
+        bool moreSiblings = false;
+        if (d->hiddenIndexes.isEmpty()) {
+            moreSiblings = (d->model->rowCount(ancestor) - 1 > current.row());
+        } else {
+            int successor = item + viewItem.total + 1;
+            while (successor < d->viewItems.size()
+                   && d->viewItems.at(successor).level >= uint(level)) {
+                const QTreeViewItem &successorItem = d->viewItems.at(successor);
+                if (successorItem.level == uint(level)) {
+                    moreSiblings = true;
+                    break;
+                }
+                successor += successorItem.total + 1;
+            }
+        }
+        if (moreSiblings)
+            opt.state |= QStyle::State_Sibling;
+        opt.state.setFlag(QStyle::State_MouseOver, hoverRow || item == d->hoverBranch);
+
+        style()->drawPrimitive(QStyle::PE_IndicatorBranch, &opt, painter, this);
+        current = ancestor;
+        ancestor = current.parent();
+    }
+    painter->setBrushOrigin(oldBO);*/
+}
+
+/*
+int indexRowSizeHint(const QModelIndex &index)
+{
+
+}
+
+int rowHeight(const QModelIndex &index)
+{
+
+}
+*/
+
+void QMTreeView::keyPressEvent(QKeyEvent *e)
+{
+    bool bNextCellOnEnter = true;
+    bool bNextRowOnLastCol = true;
+/*
+        Key_Left = 0x01000012,
+        Key_Up = 0x01000013,
+        Key_Right = 0x01000014,
+        Key_Down = 0x01000015,
+*/
+    if(bNextCellOnEnter && (e->key() == Qt::Key_Return | e->key() == Qt::Key_Enter | e->key() == Qt::Key_Right))
+    {
+        qint32  cr = currentIndex().row(),
+                cc = currentIndex().column(),
+                c  = model()->columnCount();
+
+        QHeaderView *hdr = static_cast<QHeaderView*>(header());
+
+        if(hdr)
+           cc = hdr->visualIndex(cc);
+
+        if(cc + 1 < c)
+        {
+            moveTo(cr, cc + 1);
+
+            if(editTriggers() == QAbstractItemView::AllEditTriggers)
+                edit(currentIndex());
+        }
+        else if(bNextRowOnLastCol)
+        {
+            // TODO: comporbar si tiene hijos y si tiene mover el selector a este.
+
+            if(cr < model()->rowCount() - 1)
+                moveTo(cr + 1, 0);
+            if(editTriggers() == QAbstractItemView::AllEditTriggers)
+                edit(currentIndex());
+        }
+        else
+           QTreeView::keyPressEvent(e);
+    }
+    else if(e->key() == Qt::Key_Left /*&& currentIndex().row() == model()->rowCount() - 1*/)
+    {
+        qint32  cr = currentIndex().row(),
+                cc = currentIndex().column(),
+                c  = model()->columnCount();
+
+        QHeaderView *hdr = static_cast<QHeaderView*>(header());
+
+        if(hdr)
+           cc = hdr->visualIndex(cc);
+
+        if(cc - 1 > -1)
+        {
+            moveTo(cr, cc - 1);
+
+            if(editTriggers() == QAbstractItemView::AllEditTriggers)
+                edit(currentIndex());
+        }
+        /*
+        else if(bNextRowOnLastCol)
+        {
+            // TODO: comporbar si tiene hijos y si tiene mover el selector a este.
+
+            if(cr < model()->rowCount() - 1)
+                moveTo(cr + 1, 0);
+            if(editTriggers() == QAbstractItemView::AllEditTriggers)
+                edit(currentIndex());
+        }
+        */
+        else
+           QTreeView::keyPressEvent(e);
+    }
+    /*
+    else if(e->key() == Qt::Key_Up)
+    {
+        qint32  cr = currentIndex().row(),
+                cc = currentIndex().column(),
+                c  = model()->columnCount();
+
+        if(cr > 0)
+            moveTo(cr - 1, currentIndex().column());
+    }
+    */
+    else if(e->key() == Qt::Key_Down && currentIndex().row() == model()->rowCount() - 1)
+    {
+        addNewRecord(currentIndex());
+
+        //QTreeView::keyPressEvent(e); // quitar esto
+    }
+    /*
+    else if(e->key() == Qt::Key_Down)
+    {
+        qint32  cr = currentIndex().row(),
+                cc = currentIndex().column(),
+                c  = model()->columnCount();
+
+        if(cr < model()->rowCount() - 1)
+            moveTo(cr + 1, currentIndex().column());
+    }
+    */
+    else
+    {
+        QModelIndex c(currentIndex());
+
+        QTreeView::keyPressEvent(e);
+
+        if(c.row() != currentIndex().row() || c.column() != currentIndex().column())
+        {
+            selectionModel()->select(currentIndex(), QItemSelectionModel::Select);
+            selectionModel()->select(c, QItemSelectionModel::Deselect);
+        }
+    }
+}
+
+void QMTreeView::moveTo(int r, int c)
+{
+    QHeaderView *hdr = static_cast<QHeaderView*>(header());
+    if(!hdr)
+        return;
+
+    if(c > hdr->count() - 1)
+        c = hdr->count() - 1;
+
+    if(r > model()->rowCount() - 1)
+        r = model()->rowCount() - 1;
+
+    c = nextVisibleIndex(hdr->logicalIndex(c));
+
+    QModelIndex oi = currentIndex(),
+                ix = model()->index(r, c, oi.parent().isValid() ? oi.parent() : QModelIndex());
+
+    qDebug() << "Pos" << r << ":" << c << "MoveTo" << ix << "IsValid ?" << ix.isValid();
+    if(ix.isValid())
+    {
+        QItemSelection os(currentIndex(), currentIndex());
+
+        setCurrentIndex(ix);
+        selectionModel()->setCurrentIndex(ix, QItemSelectionModel::ClearAndSelect);
+
+        QItemSelection ns(currentIndex(), currentIndex());
+
+        QTreeView::selectionChanged(os, ns);
+
+        qDebug() << "MOveTo" << currentIndex();
+        //emit onPositionChanged(currentRow(), currentColumn());
+    }
+}
+
+int QMTreeView::nextVisibleIndex(int c)
+{
+    QHeaderView *hdr = static_cast<QHeaderView*>(header());
+    if(!hdr)
+        return c;
+
+    if(c > hdr->count() - 1)
+        return nextVisibleIndex(hdr->count() - 1);
+
+    for(int i = c; i < hdr->count() - 1; i++)
+    {
+        if(!hdr->isSectionHidden(i))
+                return i;
+    }
+    return c;
+}
+
+bool QMTreeView::addNewRecord(const QModelIndex &index)
+{
+    if(editTriggers() == QAbstractItemView::NoEditTriggers) // read Only
+        return false;
+
+    insertRow();
+    scrollToBottom();
+    moveTo(model()->rowCount(), nextVisibleIndex(0));
+
+    /*
+    if(!bCanAddRow)
+        return false;
+
+    if(model() && model()->inherits("PBSDataModel"))
+    {
+        PBSDataModel *pModel = static_cast<PBSDataModel*>(model());
+        if(pModel)
+        {
+            int r = currentIndex().row(),
+                c = currentIndex().column();
+
+            if(!pModel->haveEmptyRow())
+            {
+                pModel->insertEmptyRow();
+                emit newRecordAdd();
+
+                resizeRowToContents(pModel->rowCount());
+                scrollToBottom();
+
+                if(bGotoFirstCellOnNewRec)
+                    c = nextVisibleIndex(0);
+                moveTo(pModel->rowCount(), c);
+
+                emit newRecordAdd();
+            }
+        }
+    }
+    else
+    {
+        model()->insertRow(model()->rowCount(QModelIndex()));
+        model()->submit();
+    }
+    */
+    return true;
+}
+
+void QMTreeView::insertChild()
+{
+    QModelIndex selindex = selectionModel()->currentIndex();
+    QAbstractItemModel *treemodel = model();
+
+    if (treemodel->columnCount(selindex) == 0)
+    {
+        if (!treemodel->insertColumn(0, selindex))
+            return;
+    }
+
+    if (!treemodel->insertRow(0, treemodel->index(selindex.row(), 0, selindex.parent())))
+        return;
+
+    /*
+    for (int column = 0; column < treemodel->columnCount(selindex); ++column)
+    {
+        QModelIndex child = treemodel->index(0, column, selindex);
+        treemodel->setData(child, QVariant(""), Qt::EditRole);
+        if (!treemodel->headerData(column, Qt::Horizontal).isValid())
+            treemodel->setHeaderData(column, Qt::Horizontal, QVariant("[No header]"), Qt::EditRole);
+    }
+    */
+
+    selectionModel()->setCurrentIndex(treemodel->index(0, 0, selindex),
+                                            QItemSelectionModel::ClearAndSelect);
+}
+
+void QMTreeView::addRow()
+{
+    //QModelIndex selindex = selectionModel()->currentIndex();
+    QAbstractItemModel *treemodel = model();
+
+    if (!treemodel->insertRow(treemodel->rowCount()))
+        return;
+}
+
+void QMTreeView::insertRow()
+{
+    QModelIndex selindex = selectionModel()->currentIndex();
+    QAbstractItemModel *treemodel = model();
+
+    //int i = 1;
+    //setFirstColumnSpanned(i, model()->index(i, 0), true);
+
+    if (!treemodel->insertRow(selindex.row() + 1, selindex.parent()))
+        return;
+}
+
+void QMTreeView::removeRow()
+{
+    QModelIndex selindex = selectionModel()->currentIndex();
+    QAbstractItemModel *treemodel = model();
+    treemodel->removeRow(selindex.row(), selindex.parent());
+}
+
+void QMTreeView::onCornerButtonRelease()
+{
+    QMenu *menu = new QMenu();
+    menu->addAction(new QAction("javi"));
+    menu->exec();
+
+    //QPushButton *bt = static_cast<QPushButton *>(cornerWidget());
+    //bt->setMenu(menu);
+}
+
+
+void QMTreeView::dragEnterEvent(QDragEnterEvent *event) {
+    if (event->mimeData()->hasText()) {
+        event->acceptProposedAction();
+    }
+}
+
+void QMTreeView::dragMoveEvent(QDragMoveEvent *event) {
+    if (event->mimeData()->hasText()) {
+        event->acceptProposedAction();
+    }
+}
+
+void QMTreeView::dropEvent(QDropEvent *event) {
+    if (event->mimeData()->hasText()) {
+        QString data = event->mimeData()->text();
+        QStringList items = data.split("\n");
+
+        // Aquí puedes insertar los datos en el modelo del QTreeView
+        QAbstractItemModel *treeModel = model();
+        for (const QString &item : items) {
+            if (!item.isEmpty()) {
+                QModelIndex parentIndex = currentIndex();
+                treeModel->insertRow(treeModel->rowCount(parentIndex), parentIndex);
+                QModelIndex newItemIndex = treeModel->index(treeModel->rowCount(parentIndex) - 1, 0, parentIndex);
+                treeModel->setData(newItemIndex, item);
+            }
+        }
+
+        event->acceptProposedAction();
+    }
+}
diff --git a/qmtreeview.h b/qmtreeview.h
new file mode 100644
index 0000000..cefeb87
--- /dev/null
+++ b/qmtreeview.h
@@ -0,0 +1,41 @@
+#ifndef QMTREEVIEW_H
+#define QMTREEVIEW_H
+
+#include <QTreeView>
+
+class QMTreeView : public QTreeView
+{
+
+    Q_OBJECT
+
+public:
+    QMTreeView(QWidget *parent = Q_NULLPTR);
+    void moveTo(int r, int c);
+
+
+    void insertChild();
+    void addRow();
+    void insertRow();
+    void removeRow();
+private:
+    void resizeEvent(QResizeEvent *event) override;
+protected:
+    //void drawTree(QPainter *painter, const QRegion &region) const override;
+    void drawRow(QPainter *painter, const QStyleOptionViewItem &options,
+                         const QModelIndex &index) const override;
+    void drawBranches(QPainter *painter, const QRect &rect,
+                              const QModelIndex &index) const override;
+
+    void keyPressEvent(QKeyEvent *e) override;
+    int nextVisibleIndex(int c);
+    bool addNewRecord(const QModelIndex &index);
+
+    void dragEnterEvent(QDragEnterEvent *event) override;
+    void dragMoveEvent(QDragMoveEvent *event) override;
+    void dropEvent(QDropEvent *event) override;
+
+private slots:
+    void onCornerButtonRelease();
+};
+
+#endif // QMTREEVIEW_H
diff --git a/resources/icons/add-file.svg b/resources/icons/add-file.svg
new file mode 100644
index 0000000..1be1b2e
--- /dev/null
+++ b/resources/icons/add-file.svg
@@ -0,0 +1 @@
+<svg height="512pt" viewBox="-16 0 512 512.00001" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m336.335938 0h-224.933594c-3.980469 0-7.792969 1.582031-10.605469 4.394531l-96.402344 96.398438c-2.8125 2.8125-4.394531 6.628906-4.394531 10.605469v353.46875c0 25.988281 21.144531 47.132812 47.132812 47.132812h289.203126c25.914062 0 47.132812-20.953125 47.132812-47.132812v-417.734376c0-25.914062-20.953125-47.132812-47.132812-47.132812zm0 0" fill="#eff6fe"/><g fill="#d9e4ef"><path d="m336.335938 0h-144.605469v512h144.605469c25.914062 0 47.132812-20.953125 47.132812-47.132812v-417.734376c0-25.914062-20.953125-47.132812-47.132812-47.132812zm0 0"/><path d="m95.335938 112.46875c9.445312 0 17.132812-7.6875 17.132812-17.132812v-95.335938h-1.070312c-3.976563 0-7.792969 1.582031-10.605469 4.394531l-96.398438 96.398438c-2.8125 2.8125-4.394531 6.628906-4.394531 10.605469v1.070312zm0 0"/><path d="m288.132812 192.800781h-192.796874c-8.285157 0-15 6.714844-15 15 0 8.285157 6.714843 15 15 15h192.796874c8.285157 0 15-6.714843 15-15 0-8.285156-6.714843-15-15-15zm0 0"/><path d="m288.132812 257.066406h-192.796874c-8.285157 0-15 6.714844-15 15s6.714843 15 15 15h192.796874c8.285157 0 15-6.714844 15-15s-6.714843-15-15-15zm0 0"/><path d="m288.132812 321.332031h-192.796874c-8.285157 0-15 6.71875-15 15 0 8.285157 6.714843 15 15 15h192.796874c8.285157 0 15-6.714843 15-15 0-8.28125-6.714843-15-15-15zm0 0"/><path d="m176.734375 385.601562h-81.398437c-8.285157 0-15 6.714844-15 15 0 8.28125 6.714843 15 15 15h81.398437c8.285156 0 15-6.71875 15-15 0-8.285156-6.714844-15-15-15zm0 0"/></g><path d="m303.132812 207.800781c0 8.277344-6.710937 15-15 15h-96.402343v-30h96.402343c8.289063 0 15 6.71875 15 15zm0 0" fill="#c1cedb"/><path d="m303.132812 272.070312c0 8.28125-6.710937 15-15 15h-96.402343v-30h96.402343c8.289063 0 15 6.710938 15 15zm0 0" fill="#c1cedb"/><path d="m303.132812 336.328125c0 8.292969-6.710937 15-15 15h-96.402343v-30h96.402343c8.289063 0 15 6.722656 15 15zm0 0" fill="#c1cedb"/><path d="m479.867188 400.601562c0 61.523438-49.875 111.398438-111.398438 111.398438-61.527344 0-111.402344-49.875-111.402344-111.398438 0-61.527343 49.875-111.402343 111.402344-111.402343 61.523438 0 111.398438 49.875 111.398438 111.402343zm0 0" fill="#00d66a"/><path d="m479.867188 400.601562c0-61.527343-49.875-111.402343-111.398438-111.402343v222.800781c61.523438 0 111.398438-49.875 111.398438-111.398438zm0 0" fill="#00b85e"/><path d="m400.601562 385.601562h-17.132812v-17.132812c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v17.132812h-17.132812c-8.285157 0-15 6.714844-15 15 0 8.28125 6.714843 15 15 15h17.132812v17.132813c0 8.28125 6.714844 15 15 15 8.28125 0 15-6.71875 15-15v-17.132813h17.132812c8.28125 0 15-6.71875 15-15 0-8.285156-6.714843-15-15-15zm0 0" fill="#eff6fe"/><path d="m383.46875 432.734375v-17.132813h17.132812c8.28125 0 15-6.71875 15-15 0-8.285156-6.71875-15-15-15h-17.132812v-17.132812c0-8.285156-6.71875-15-15-15v94.265625c8.28125 0 15-6.714844 15-15zm0 0" fill="#d9e4ef"/></svg>
\ No newline at end of file
diff --git a/resources/icons/blocks.svg b/resources/icons/blocks.svg
new file mode 100644
index 0000000..09510cf
--- /dev/null
+++ b/resources/icons/blocks.svg
@@ -0,0 +1,1211 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="512"
+   viewBox="0 0 57 58"
+   width="512"
+   version="1.1"
+   id="svg60"
+   sodipodi:docname="blocks.svg"
+   inkscape:version="0.92.1 r15371">
+  <metadata
+     id="metadata66">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs64" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1732"
+     inkscape:window-height="1008"
+     id="namedview62"
+     showgrid="false"
+     inkscape:zoom="0.65186406"
+     inkscape:cx="-258.32016"
+     inkscape:cy="181.61862"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="027---Lego" />
+  <g
+     id="027---Lego"
+     style="fill:none">
+    <path
+       id="Shape"
+       d="m 38,8.51 -19,8 -19,-8 6,-2.53 4.65,-1.95 4.37,-1.84 h 7.96 L 27.35,4.03 32,5.98 Z"
+       inkscape:connector-curvature="0"
+       style="fill:#3b97d3" />
+    <path
+       id="path3"
+       d="m 57,33.51 -0.18,0.07 -18.82,7.93 -19,-8 6,-2.53 4.65,-1.95 4.37,-1.84 h 7.96 l 4.37,1.84 4.65,1.95 z"
+       inkscape:connector-curvature="0"
+       style="fill:#955ba5" />
+    <path
+       id="path5"
+       d="M 38,41.51 V 58 L 0,42 V 26 L 0.18,25.58 19,33.51 Z"
+       inkscape:connector-curvature="0"
+       style="fill:#b49aca" />
+    <path
+       id="path7"
+       d="m 19,16.51 v 17 L 0.18,25.58 0,25.51 v -17 z"
+       inkscape:connector-curvature="0"
+       style="fill:#84b5cb" />
+    <path
+       id="path9"
+       d="m 38,8.51 v 18.68 h -3.98 l -4.37,1.84 -4.65,1.95 -6,2.53 v -17 z"
+       inkscape:connector-curvature="0"
+       style="fill:#2980ba" />
+    <path
+       id="path11"
+       d="m 23,4.5 c 0,1.1 -1.79,2 -4,2 -2.21,0 -4,-0.9 -4,-2 C 15.05697,3.9590185 15.389925,3.4860792 15.88,3.25 16.833786,2.7243757 17.911522,2.4653048 19,2.5 20.088478,2.465305 21.166214,2.7243757 22.12,3.25 22.610075,3.4860792 22.943025,3.9590185 23,4.5 Z"
+       inkscape:connector-curvature="0"
+       style="fill:#84b5cb" />
+    <path
+       id="path13"
+       d="m 14,8.5 c 0,1.1 -1.79,2 -4,2 C 7.79,10.5 6,9.6 6,8.5 6.0569754,7.9590185 6.3899247,7.4860792 6.88,7.25 7.8337862,6.7243757 8.9115216,6.4653047 10,6.5 11.088478,6.465305 12.166214,6.7243757 13.12,7.25 13.610075,7.4860792 13.943025,7.9590185 14,8.5 Z"
+       inkscape:connector-curvature="0"
+       style="fill:#84b5cb" />
+    <path
+       id="path15"
+       d="m 23,12.5 c 0,1.1 -1.79,2 -4,2 -2.21,0 -4,-0.9 -4,-2 0.05697,-0.540982 0.389925,-1.013921 0.88,-1.25 0.953786,-0.525624 2.031522,-0.784695 3.12,-0.75 1.088478,-0.03469 2.166214,0.224376 3.12,0.75 0.490075,0.236079 0.823025,0.709018 0.88,1.25 z"
+       inkscape:connector-curvature="0"
+       style="fill:#84b5cb" />
+    <path
+       id="path17"
+       d="m 32,8.5 c 0,1.1 -1.79,2 -4,2 -2.21,0 -4,-0.9 -4,-2 C 24.05698,7.9590185 24.389925,7.4860792 24.88,7.25 25.833786,6.7243757 26.911522,6.4653047 28,6.5 29.088478,6.465305 30.166214,6.7243757 31.12,7.25 31.610075,7.4860792 31.943025,7.9590185 32,8.5 Z"
+       inkscape:connector-curvature="0"
+       style="fill:#84b5cb" />
+    <path
+       id="path19"
+       d="M 57,34 V 50 L 38,58 V 41.51 l 18.82,-7.93 z"
+       inkscape:connector-curvature="0"
+       style="fill:#894b9d" />
+    <path
+       id="path25"
+       d="m 23,2 v 2.5 c 0,1.1 -1.79,2 -4,2 -2.21,0 -4,-0.9 -4,-2 V 2 c 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+       inkscape:connector-curvature="0"
+       style="fill:#2980ba" />
+    <path
+       id="path27"
+       d="m 32,6 v 2.5 c 0,1.1 -1.79,2 -4,2 -2.21,0 -4,-0.9 -4,-2 V 6 c 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+       inkscape:connector-curvature="0"
+       style="fill:#2980ba" />
+    <path
+       id="path29"
+       d="m 14,6 v 2.5 c 0,1.1 -1.79,2 -4,2 -2.21,0 -4,-0.9 -4,-2 V 6 c 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+       inkscape:connector-curvature="0"
+       style="fill:#2980ba" />
+    <path
+       id="path31"
+       d="m 23,10 v 2.5 c 0,1.1 -1.79,2 -4,2 -2.21,0 -4,-0.9 -4,-2 V 10 c 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+       inkscape:connector-curvature="0"
+       style="fill:#2980ba" />
+    <path
+       id="path33"
+       d="M 23,2 C 22.943025,2.5409815 22.610075,3.0139208 22.12,3.25 21.166214,3.7756243 20.088478,4.0346953 19,4 17.911522,4.0346953 16.833786,3.7756243 15.88,3.25 15.389925,3.0139208 15.056975,2.5409815 15,2 c 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+       inkscape:connector-curvature="0"
+       style="fill:#84b5cb" />
+    <path
+       id="path35"
+       d="M 14,6 C 13.943025,6.5409815 13.610075,7.0139208 13.12,7.25 12.166214,7.7756243 11.088478,8.0346953 10,8 8.9115216,8.0346953 7.8337862,7.7756243 6.88,7.25 6.3899247,7.0139208 6.0569754,6.5409815 6,6 6,4.9 7.79,4 10,4 c 2.21,0 4,0.9 4,2 z"
+       inkscape:connector-curvature="0"
+       style="fill:#84b5cb" />
+    <path
+       id="path37"
+       d="m 23,10 c -0.05698,0.540982 -0.389925,1.013921 -0.88,1.25 C 21.166214,11.775624 20.088478,12.034695 19,12 17.911522,12.034695 16.833786,11.775624 15.88,11.25 15.389925,11.013921 15.056975,10.540982 15,10 c 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+       inkscape:connector-curvature="0"
+       style="fill:#84b5cb" />
+    <path
+       id="path39"
+       d="M 32,6 C 31.943025,6.5409815 31.610075,7.0139208 31.12,7.25 30.166214,7.7756243 29.088478,8.0346953 28,8 26.911522,8.0346953 25.833786,7.7756243 24.88,7.25 24.389925,7.0139208 24.056975,6.5409815 24,6 c 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+       inkscape:connector-curvature="0"
+       style="fill:#84b5cb" />
+    <path
+       id="path41"
+       d="M 42,26.5 V 29 c 0,1.1 -1.79,2 -4,2 -2.21,0 -4,-0.9 -4,-2 v -2.5 c 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+       inkscape:connector-curvature="0"
+       style="fill:#894b9d" />
+    <path
+       id="path43"
+       d="M 51,30.5 V 33 c 0,1.1 -1.79,2 -4,2 -2.21,0 -4,-0.9 -4,-2 v -2.5 c 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+       inkscape:connector-curvature="0"
+       style="fill:#894b9d" />
+    <path
+       id="path45"
+       d="M 33,30.5 V 33 c 0,1.1 -1.79,2 -4,2 -2.21,0 -4,-0.9 -4,-2 v -2.5 c 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+       inkscape:connector-curvature="0"
+       style="fill:#894b9d" />
+    <path
+       id="path47"
+       d="M 42,34.5 V 37 c 0,1.1 -1.79,2 -4,2 -2.21,0 -4,-0.9 -4,-2 v -2.5 c 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+       inkscape:connector-curvature="0"
+       style="fill:#894b9d" />
+    <g
+       id="g57"
+       style="fill:#b49aca">
+      <path
+         id="path49"
+         d="m 42,26.5 c -0.05698,0.540981 -0.389925,1.013921 -0.88,1.25 -1.959823,0.999935 -4.280177,0.999935 -6.24,0 -0.490075,-0.236079 -0.823025,-0.709019 -0.88,-1.25 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+         inkscape:connector-curvature="0" />
+      <path
+         id="path51"
+         d="m 33,30.5 c -0.05698,0.540981 -0.389925,1.013921 -0.88,1.25 -0.953786,0.525624 -2.031522,0.784695 -3.12,0.75 -1.088478,0.03469 -2.166214,-0.224376 -3.12,-0.75 -0.490075,-0.236079 -0.823025,-0.709019 -0.88,-1.25 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+         inkscape:connector-curvature="0" />
+      <path
+         id="path53"
+         d="m 42,34.5 c -0.05698,0.540981 -0.389925,1.013921 -0.88,1.25 -1.959823,0.999935 -4.280177,0.999935 -6.24,0 -0.490075,-0.236079 -0.823025,-0.709019 -0.88,-1.25 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+         inkscape:connector-curvature="0" />
+      <path
+         id="path55"
+         d="m 51,30.5 c -0.05698,0.540981 -0.389925,1.013921 -0.88,1.25 -1.959823,0.999935 -4.280177,0.999935 -6.24,0 -0.490075,-0.236079 -0.823025,-0.709019 -0.88,-1.25 0,-1.1 1.79,-2 4,-2 2.21,0 4,0.9 4,2 z"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+  <image
+     y="-7.6992846"
+     x="-93.233185"
+     id="image4551"
+     xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkI
+CQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQ
+EBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAK8ArwDAREA
+AhEBAxEB/8QAHQABAAEFAQEBAAAAAAAAAAAAAAIBAwQFBgcICf/EAEcQAAIBAwIEAwUFBwIEBQIH
+AAABAgMEEQUhBhIxQRNRYQcicYGRCBQyQqEVIzNSYrHRcsEkQ1OCFjRzkuElwhg1RKKy8PH/xAAc
+AQEAAgMBAQEAAAAAAAAAAAAAAQIDBAUGBwj/xAA6EQEAAgIBAwIFAgQGAgICAgMAAQIDEQQSITEF
+QQYTIlFhMnEHFIGRI0KhscHRFTNS4SRiQ0RyovD/2gAMAwEAAhEDEQA/AP1TAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANRd8WcN2F5+z7zWbWjcLrCdRJo1r8z
+Bjv0XtES38XpfNz4/nYsczX7xDY293a3cFUtbinVi+jhJNfoZ63reN1nbUyYr4p6bxMT+V4sxqdA
+HNH+ZfUbTqTKfRhCoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwPtU9pFvwXprtbScZ6jcRapxz+BfzM5PqnqMcPH01
+/VL1Xwx8O39az9d41jr5/P4fM9arqutXFTUrqu4qcuadatLCb/3PG9N8szfJP9ZfbaV4/CpGHHHj
+2hm2PGVbh6qp6bqN3OpHvGo4Qz8O5kx8iMM7xzO2tn9Ir6hXWekRH7bltrj298e1KSoQ1KNOKWMx
+gub6m1Pq/LmNdTnU+BPSa265pv8Ar2aG69pfF+o18VeIbz3n08Vo1b83kXnc3l1cXw36dxq/Thr/
+AGYL494gdZwnqt5GCT38WWc/Uwxyc/8A8p/u2v8AwfD6dxjrv9obCy4+4zt6auLPXr7l/wDVbwZa
+cvkR9Vby1c3oPpuSejJir/Z0uj+37jnTZRjc3lO7gvy1oZf1NzF6zysU6m2/3cTl/AnpfJjdKzWf
+xL0rhj7RWg6jKFDX7KdlOW3iQfND/KOxx/X8d+2aNPGepfw+5fHib8S3XH2ntL1XTdV07WLWN5pl
+5SuaM1lSpyyd3Flpmr1Y53DwfJ4ubiXnHnrNZj7ssyNcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHL8fcb2HBOjVLytOMrma
+aoUs7yl5/A0udza8PHNp8+0O16H6Lm9a5MYqfpjzP2h8xaxqlzqt1V4l4jqSrVK7cqVFv8X+Inis
+mW2W3zs07mfD7hw+LTiY44PCjUR5n7f/AG5TUtXub6fNUliMdowjtGK8kjUve15+p3+PxKYI7efv
+92tnVfmV7bbkQgpSckl1ZPlEo1a2LiFBU3GMZPxKj6p9tiveZ0vSsdE3mf2hmS06uo+JQ5a0Estw
+ecfEv0Wa0Z671btKxTr17aeYSlCS8mRPbxLLalbx3ZcNToVP/O2//dT2f06ExaJYJ49q/wDrn+6k
+69sqijbXDnmPN7yxj0K9Ub1C1aZNbvDp+C/aFrvCF9C6027n4ef3lGTzCa8mjZ43My8S/Vjn+ji+
+s+gcX1bFOPNXv7T7w+rOBeOtK450mN9YzUa0UlWot7wl/g9zwedTm4+qvn3h8F9b9Ez+icicWWPp
+9p+7pTdcUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAanifiXTuFdIratqVVRhTi+WOd5y7JGDk8inFxzkv4b3p3p+b1PkV4+CNz
+P+n5fKmucUX/AB9xPO+1Kq3bw5qnh52hTjvhHhsvIvz883v4/wCH3jg+mYfQOBGLDH1T2395lyuv
+arPULydR7QjtCK6JLojSy3nJaZd/g8WOPiiPefLTzlkq6MRpalJZ3I3tOljU7unp1CNV81Wc3y8l
+P8SXmUtfpjde7Jx8U8i/T4j7z4TtpyvKTrQp1OmZZW6+JfHabRuYVy1jDPTMwu0a07ao5e/5NReM
+ruWneuylqxeNKWUqSr1p38pyjVlmPJtyfIiKxvuZtzSsYvMf6sq7t7WjSjWtryNWMnjlw04/Em0U
+rHaWHFfJe3TeumJGSe6KabGphepzaaw8EqzG3Z+z7jTUOEtZpXllWcFJ8tSOdpL1Rt8Tk34mSL0n
+Tznr/o+H1XjTjyx+z1+n9ouel39Sw13R41IwaxVozw3F9HhnoP8AztsN+nLXcfh86n+H0crDGXi5
+NT9p+7tNE9tvAOtKMf2p90qS/LXjy/r0Ohh9Z4uXzOv3ec5vwZ6tw9z8vqj8O0stT07Uaaq2F7Qu
+IPo6c1L+x0aZaZI3SdvNZuNm489OWs1n8wyTIwgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAxdS1Kz0ixrajf1o0qFCLnOUn0RTJkrir
+N7TqIZuPgycrLXDijdp7RD5M9rPtOueNNVkqM5QsKDcaFLPX+p+p4X1PnW52TUfpjw++/Cnw1T0b
+Bu/fJbzP/Dk9BuZLTtYqw3qxtly/DmWTVwx00vrzp3/UKf4uGs+Or/hpIV/Hp+JlZ7mnWezqzTot
+pbm+u5eNrQxr+4trKh94uKm3VRjvJ/Ix3v0smHHfNfopDJtbq21tQrqnKlCMVFyjT2XxRkx5Pmd4
+YsuK/D3Xe5n8rzlR067j901KjVm4Oa5JYbx2afctbtOqywx158f+JSYj8q0b+hd7ajQUZN/xKW2P
+iu5Md4+otgtj/wDVP9JL20taUfEtL2FeLWejTXxF4rX3RhyXtOsldMSdSEoKnS50k3u+6+BXpjy2
+KxMTuUVtsJW8912EumSNK6TleK1lGW7beEkVmdT2RGL5nZseKdQjV1GGH70aFJS+PKjczT1a39nP
+9Mw9GK323P8Au1cL2Ud1Jmv078t61IlttM4q1bTKiqWOpV6ElvmnNovW98fetphpcj07j8qNZaRP
+7w73QvtAccaU4wrX8bynH8teOX9To4fV+Xi7dW4/LyvN+A/SuVua06Z/D0XQvtN6bW5Ya7o06T7z
+oSyvozqYfiKPGav9nj+b/DbPTvxcu/xL0HRfazwHriirbXaNKcvyV/cf6nUw+rcXN4tr93kuZ8K+
+q8H9eKZj7x3dXQuba6gqltcU6sXunCSa/Q6Fb1vG6ztwL47451eJifyullAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIVqtKhSnWrTUKcE5Sk
+3hJIiZiI3Ka1m8xWvmXzF7bfa5LiK5loOi1mtPt5NSkn/Fku/wADx3q/qM8m3ysf6Y/1fbfgv4U/
+8fSOZyo/xJ8fj/7eJV7lybeTiQ+lVrpd0XWqGmahFXk1G3uk7eq32Uuj+pkx3jHP1eJ7MfK4luVh
+mMf6q94/ozanDmp0ZV62n0ZXFGm/fjBZaXaXwMc8a25mkbYq+o4bRWuaemZ+/wDs108NOO6a2afV
+FI34luR90q9S0rwoUKltGn4UWvESzzP1J7RKtK3pa1q23v2XYWd7Y/8AEWk/df56byvmWjt3hjnL
+jy/Rf+0qeNZV5qd/apVf+rSWH813I7TO5T05KxrFbt9pQ1W0r2+nuvpFa2uZVfw8zanDHXMSuWJi
+n0ScbLW+Xp5ETWI/tP8AVq9MudX8GpTv6dHFRYaS3Xw8jFSLf55b3Jpx9xOGZ7MuLSXLkztee/dO
+L8iJJPFanCjThKpUm8RhBZk36Irvc6jyno7dU9ohXWLSXDclqGuz8PkXiKg9p+ia7Nl8mGcH1ZEc
+TPHPicXF7+2/ZpbTVq+rwlqFaXvVpOXw36E0mb16vu2c3GrxbRir7MtVmnsy+mDSca3TbqO8K9K9
+TuHnGcET3VmrIjcYeFJ4KzEKdLJpXlSOHGZExEsc0ifLd6TxrxDo01PTdXuaDj2jUaX0MuPNlxTu
+lphzuV6Rw+ZGs2OJ/o9D0L7RPGWnqML6dC/guqqxxLHxR08PrXKxfqncfl5Hm/w+9N5G5xbpP4/6
+ejcPfaK0TVJRoajo91QqPq6PvxOtg9epknV6TDx3qH8PuVxYm2HJEx+ezs5+1PgWlb/eK2v0Ke34
+JfjXyOj/AOT4sRubvNR8M+q2v0VwzP59v7ue1D7QXAdnJxoVLq5a/kp4T+pqX9d4tf07l18HwH6t
+mjdoiv7y1dT7SfDcU5x0e65V3lOKME/EOKP8st+v8OubPackb/qlQ+0lwvOSVfSbynF/mUoyFfiH
+DPmsq3/h3z4j6MlZ/u3um+3T2f6hJQnqFW1k/wDrUml9UbWP1viZPM6cvk/BHq/H7xSLftLstM4g
+0TWoKppeqW1yn/06ib+nU6OLkYs3fHaJec5PA5XDnWfHNf3hsDM1AAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABRtJZbA+fvbp7XVLxeE+Hrj3F7t1Wg/xP8A
+lTPL+sepdW+Phn95fWPgj4U3MeocyP8A/GP+Xzrc3EqknJvqeciH2ClYrGmFUmsEskNHxNUcdNnJ
+PdNMw54+iXR9N/8AfDa+zj2qajo1elSuavP4K5YzlvmP8sl3Rj4nNyYpjbF6/wDDWDm0maRrf+/3
+j8vUtWueAOObX73aXNLRNXx+GX8Kq/j/AJOtfJx+XG7fTb/R4Xi4vVvQ8ny7xOXF/rDzS+uZ6Zdz
+sr1R5oSxzQeYy9Ucu/VitMS9rgpXlY4yY/f7+V201jwWqlvdcre2Mkxk13iWPLxZt2vVPUtZnVtH
+92sLeVxn+JF8v6dBfJN66rHdj4/EiuT67TFfs1ularqanUV7YUYwnFxT5ns/Mx4+uZ+vw3eTxsHT
+HyrztlRqwgvemvqZJmIa81mUJ31Cmm+bOPIjr0vXDayWm1J6xdK3pXVC1pdZ1608RivMmkTmnW9Q
+ciscTH12ibT7RHu6e69p/s69nNrKz4QorXdfnHEr+tH3KT/pRvTzMHDr08eN3+8uDT4e9Y+IcnXz
+5+Tgj/LHmf3eI8ZcX6pxJqLuNRuJTlJ87y+5yM2S+W27y+j+lem8f07D0YY1EOk4aqN6TReTcwb6
+HC9Rj/Hs26m8dTNpoJqbS3GkJRqP4EI1tehUeNtys6VmF+FTfJXXdWYXqdRvCQmPaFZhvrXTaNpS
+V3q85RUlmnQi/fkvXyRkitcdd5P7Odk5F8tvl8eP3n2j/tW41+u4OhZxjbUf5Ke2fi+rKzktbtHa
+E04FN9eT6p+8tfK8qPdzbZj/AHbfy6x4hGNapNPD/UmCaxCtxWU6MacaknzJqa7Yz+pHmEUrq0zM
+ePCtG9dKKpzp80fNPdCI0i+PrncSvwrKrh05pvPToydMc16fMMyx1jUtNqqtZ3VajOLypQm0/wBC
+1bWr3rOmHNxMPJr05KxMfl6pwT9oPXtKnTtOIF+0bXZOUtqkV8e/zOxxPW82GYrl+qP9Xg/WfgHi
+cqJycP6Lf6PoDhnivROLbCN/o13GrH80OkoPyaPV8bl4uXXqxy+S+pel8n0rL8nk11P+ktwbLnAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPHvbd7WYcOWtThv
+Q66d/Wi1WqRf8KL7fE4Pq3qcYI+Tin6p8/h9B+DPhafUskczlR/hx4j7z/0+WL28qV6kqlSTlKTb
+bfdnktfd91xY646xWviGvnPJPuywszl2JWhouKZ8ulVts5xgx5Z+lv8AA/8AdVxWj3GK73wznU7y
+9VyY3R0F3qdxQoc1Kq4PGepsTuIcrHjpa31RtzNxxveU6jjVipOPfP8AsY928OnXgYtduzBr8f3r
+lmm4015Irbqlkr6fiiO/dOn7StSilF1YfFoR1/djt6Zgn2XJe0vUc48Wht6lpi+1P/F4PyxantL1
+OT92vFL4ETF/uyR6Zgj2Rh7QtQmpKpNVNts9EKxb3WngYY8MG54p1K8fLK4mov8AKnsT0zPlnpgx
+Y+8QzuHvFuK07ib2iu/mWpTpnbHyssRXSuo1V96W6K3juYp+h6NwvUf7Hocy65N/D2pDynqHfPaW
+5Tz3MkQ0Fc9sgSUiNIXYSx8CsomF2D7ZIQ6LQLejb0J6xdJSUHy0YP8ANPz+RauqR1z/AEc3mXtk
+tHHp7+f2Wbu8q3daVarNylJ53MM26p3MtnFhrhrFawxpT82GXSDltnJKdLqqKNvLkq8tTKwkuuV1
+z6DXvtjmu7RuNwsW3JbwVPlco+edyvTqOzLkn5k7ZFzVsadPxo1anJlRcpQwk326ibaYcdMkz0zE
+b/dFr5je1ko168Y8iqbeomNk1rM7mF2Fx7sFvzJe8+zY191Jp3n7Oq4I441bg/VaWo6fXaSaVSm3
+7tSPdNGzxeTk4mSL45cP1r0Xj+r8ecOaP2n3iX1vwpxrovFekW+p2l3ShKqsSpSmlKMu6Pd8TnYu
+Vji9Zfn31T0bk+l8i2DJWZ17/eG/TTWU8m45KoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAA8+9rPtNtOB9Kna2lWM9UuItUoZ/hr+ZnK9U9RrwsfTX9UvWfC3w3k9
+b5EWvGsVfM/f8PkLWdWutSu6t3d1pVKtWTlKUnltniLXte02tPd+hOLxcfFxRjxxqIaepUbeSW5r
+ULEnuTpOlqT8yYnslpuJKlOnptTxl7jfK35Z7kX7w2+Jv5kacHZ0a1nfSoVVv1i+0l2aNL5c0s9N
+bLGTFuG21KbdtvjoZtbho4p+t5xqVZ/eJ57MxzGpdyl+zSXVxhtt7F4pC3X9mDUvJpYUi3RtWcml
+h3cu7LdEQj5spRu23nOCJofNZtpXeGyOgnI2thipUjCS2bHSrOSdO60yEbeyxGKSe4iunNzX6rNT
+dRlXvMZxCO85eSKTXctquXoo9J4Xrxr6TRnFJRXuxXobePw83zI1lnbc8zRbcezSS59yNwdlfEXU
+mfshdhMp7olcjUSTkVmZNbbyOpU7mwtqNB4hCG/x7sw3ydeohrfy048lrW8ytZ82TVl0hKWVhIt5
+Tpk6fHxPGl4PieFHne+MLuR3YM89Ou+tzpqow1D73OvK55qUm3GnjaK8smOa2meqJb28Py4p09/u
+z4UvFpqUZRy+sc7r5GT8tS09M6lSq5yo/d2k6alz8uPzYxkdU+E11FuuPKdpc1LaaXJCpCT96M1n
+9R47oyUjJHnU/hSvVUqs3BKMW3iPkhWeorXVYifKkJ779BpaYX6dVJorKlq7dXw9qlaWm3thCvKE
+lSdenyvDjKO+3yybXFt+rG8/6lxqxlx5pjffU/tLM0T2v8baE1G012vKEfyVXzx/UzY+fycE/ReW
+DmfCfpfOjeTFG/vHZ6Hof2nNTp8tPW9IoXC7zpPkl9Oh1MXxBmr2yViXkOb/AA2wW3PFyTX8T3eg
+6J7e+A9W5Y3NzVsZvtWjlfVHTw+u8XJ2t2l5Hm/AvqvF3NKxePw7nTeINE1eCqaZqtrcp9PDqJv6
+HUx8jFm70tEvL8jg8niTrPjmv7w2BmagAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAHL+0DjnT+BtFqX1xOMrmacaFLO8pefwNLn82nCxddvPtDt+hei5vW+TGHH+mPM/aHx
+5xVxJqHEeqV9T1CvKpVrSbbfb0R4LNmvyMk5Lz3l+ifS/TcPpvHrgwxqIc1WbkUdeIiGNJSLQlZk
+mmIWhbl6loS0PFkXLRa+PJMrkn6W5wu2WHO8G6xo99RfD/E1Hw4p/wDDX8V79u89JL80f7FMOSv6
+Mnj7/Z0PUOPnxT/McWe/vX2n/qWw4v4d1DRKCqTca9rPelc0Zc1Oa889vgzNfF0RuO8Nbg87HyZ1
+4t7xPmHkGpz/AOIm89zX13ekrbs0d7L3tnjBfRNtQ1dWq2337F4hjtdYdVruW1tX5i5CpnvsQRf7
+tha1MbLcpMJ6m40uvHx4/EaLX7d3oml29S4tfEqy8Gkllzl3Xou5fp7blzMuWItqO8tHrd6nONpa
+0/DoJ5bf4pvzf+DFdt4KzMdV/L0Tgt//AEKivJszYu0ONz//AGy3/M2TMd+zQlXL6DSFU103IElL
+1YFZTfK8eRMxC1fKxw5qLnR3k2oScJLy32ObW0RMxDp83BHafvG3TRkmsxaaaM9Z3Dj6mPK5a03X
+uI0VTlNyTeIrO5eN+ymS0UrNpnTWXk9UldNUadKFunjl/MzFkrktPaezbwxgjH9UzNv9GdZ1JQoy
+irWnX+MnGSLVjpjTWzVi1t9WltyrVaNONak6U4N8yT267MRE/wCbynVaWmazuJZNvd1bacY1qca1
+LryVFhv4PqZOrXlhyY4yxPTOp/Cl25QqQqxounGp70H1WM+Y7zO0443E1mdzHlanVlVqSqzeZSeW
+xva9axWOmBPPVlVtLimormb2ImdQjTL0XUnQd7eylinTt5QXrKWy/uX41prabNXn8frrTHHmZj/T
+u1aun5lmx06XYXcuzQ0iaaX6d7KL67kahSaNjZa9fWVRVbW7q0ZLfMJtMmtrVncS1svDxZo6clYm
+Py7nQPbjx1ovLCOryuaUfyXC51+u5vYvVOXh7Vtv93mOf8Felczczj6Z+8dno+g/aboz5aevaL8a
+lvL/AGZ1MPxFPjNT+zxvO/htaO/Ey/0n/t6Fovti4B1tRVPWYW1SX5Lhcjz8eh1sPrHEzf5tfu8j
+zfhH1bhbm2Lqj7x3dhbXlpe01VtLqlWg91KnNSX6HSret43WdvO5MOTDPTkrMT+V4sxgAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANRxRxNpvCekVtX1Oqowpr3I53nLskYOTyKcX
+HOS7f9N9OzeqcivHwRuZ/wBI+75A4/451PjHWKuo3tV8uWqVNP3YR7JHgOXzMnMyzkv/AEfob0H0
+PB6Pxow4o7+8/eXHVZt9zXejiGNJZQlkW3RqPeMJP5ExtHVHutzoVO9OS+TJ7pi0fdZcH2Q6pW21
+HEtu6mkXCUfy5K3ns2uJOs0PNdMtcXTyvh6mtW8beozxunZ0l3UvKFl4dGrJQa3pt5i/l0M1bz7O
+RGOtr/VHd57q9nb3VeTna+FLu6fTPwL/ADa+Jh1KUvWv0ztzmo6DXbboVlJPs1hlotWfErbv7w0l
+fR9Rjlfd2/g8lomPurtjfsvUV/8App/QvuFJXqOj6hOX8HlXm2R1VI22lnolZY8arsuqityvXSE/
+XPiG90qwjb14unRTaeVKe/6FZyR7ItitMfVLvKNG5rUOerOU3y9ZPsVm82aM1rWeznNVtZfeVmPY
+xWs6OGPp7PR+D7aVPRqLkn72WvgbGKezh8+f8WYbzkaWxkmXPlRLHmh1b7oF8dxvZrSeMbN7EEKS
+k+V/AlavlzHB2uW+ncSeBfxU7WvNwqxfdZOXW0Y8u5js9LzuLbk8GJxdrRG4e2apwDdUdKjxNwpW
+eqaROPNUjDerbvykjrX4XVT5vG7x7x7w+d8b1+k8ieD6hHy8vtPtZy1K6lGfi29aVOce8Xho0t+3
+u7t8W41aNwpTqyhzus3Pm3yuuSYjXui0RaI6e2l6NKNVxVCXPKXaPX6ExMyxzaa7m3hOlXnRny3V
+DxoRTWHs18yf3UtSLxuk6lg61p1tqNeF7Ur3aSShFOfTHbbsYslK5p+rba4ee/GrOOsR906a5Kca
+anKUYLC5nnCMkRFY1Clp6rTbXlNPzEzpGkk90km5SeElu2R5k17uvsPZ9fQ0p8Q8TzWnadFZjCbx
+Uqvskjdx8K0U+bn7Q8/yPiDF8/8AlOF9eT8eIeY67xPbXesU9G0r3baNbnqNfma6L5GhfNFsnTXw
+9hxfT74+PPJz/q12Z8Z+ZsxG2hMJqeH1E7RMJqq1t5EaV0uxr4S3IlGl6Nd9clVen2ZELhr8zCs1
+X6V3NYfMxKk44lutH4t17S6sZaXqdzRnnbw6jW/wMmLLkxT9EzDncv0vicqsxnpEx+YepaF7a+Od
+GhGev31vUo4zyV4c1Vr0Ud/qdjB6tysP/tt2/Pl4XnfBvpfMmY4lZifvE9v9ezcX32pqEaPJp/DM
+51sfiq1OWOfgtzZt8Rzr6cfdzcH8MbzbebPqv4ju5e9+0lx7cybtqen2sH0Sp8zX1NK/r3LtPbUO
+7h/h16Tjj/Em1p/fTAr+3j2jU6ca1biK3o+I8Qi6EVzP02Ne3rXMr3tfX9G3j+BvRpnprhmdfmS3
++0J7SqDTnqVrVX9dvHf6F6+tc2P83+hk+AfRb+KTH7Wl0Wlfag4houK1fQrO6j3dGThL/Bt4/iHP
+X9dYn/Rx+V/DTh3iZ4+W1f37vQ+G/tCcC6440b6pW0utLbFeOYZ/1I6nH9f42Xtk3Wfy8h6j8A+q
+cLdsURkr+PP9pek2d9ZajQjdWF1SuKU91OnJST+h2aZKZY6qTuHjM2DJx7TTLWYn7Svl2IAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMPVdVsdFsK2pajXjSoUIuUpN/p8THlyVw0m951EM/G42
+Xl5a4cMbtPh8m+1H2jX3HGsTVNzjZUm4W9FeXnjzZ4T1Dn35uXcfpjxD778MfDuL0TjxNu95/VP/
+AB+zjJaPUprxdTuIWie6jL3qjX+nt8zU+V097zr/AHeljmVtPThjqn/T+7HqVdJobUbadZr81aWP
+0X+Sk3pH6Y/uy1ryMn6ra/b/ALlYep1I/wAKnSpr+imiOu0sscWs/qmZ/qrHU6sIurcXFTDT5VHO
++COqfeSeNWe1Kq2tW/vrdV6NWTljMqfNlx+Qjqn3Vy1xYL9N47fdZndVcuNaEZ9nzQQm1vG2WMVJ
+71YF3YWd7SnSknTU008br6EWtvyz0vfFO47uJuOB77TbiVzRcbmj15qfVfFGt8np717vQU9UxZ6d
+Fvpn8qXltF2/ToTM+8op+txl/YKVeUuXqzXtaZl28U/S19ezgmlyleuYZq1iVn7lTe+Mj5loT8uE
+ZWNN9Esj5ko+XCn3Cnj8JPzLfdHQuU7Cmt+XqT1yiaxDLsrOPjL3cbrBet5YslezsbW2Stmkuxni
+0xHZxck/U0lfSat9qVO3owbbe/oVnc2b1MkY8U2s9Es7OnaW1O2h0pxSRuR2eZy5JyXm0rjiTM92
+NblH0LaSpy4WxJ5VaZMEIVGowk5SSSTbZMrR508tuauNRnKL6T2fzORl1Npe440/4MRP2eocFe0b
+inhRwvdD1KVOSWKlGfvUq0fKSNvj5suGerHOpeV9Y9C4HqsTi5VN/aY8x+0thxN7SOH+KZfe46Kt
+K1fOaqov91V83jszJyOXXkd7V1b7w0/TfQOV6X/hxl+Zi9t+Y/q1NDiJKP72S5fNmt1TDoZOFE+G
+ZS12yqJONeKl6SLxlifLWtxMlfZC9u5XkvEjqtSEumU87eRjvEW7xK+HHGKNTTbJo6uqNmrOrfup
+TUufDa/F5l63isa2wX43Xk+ZFNSi9atFnE4+mWiZybWji3li3PEMYLEJRj6srNpZ8fD35b/Qfazw
+JwHRWoytJa1rGMxVTalTfp5m3g5mHi/VWOqzkc/4c9S9at8mLfKxfjzLleLva9xZ7Q60tR1a8dO2
+hmNC3pZjTgvgYM/Kzcy3Xkl2fSvhj0/0CkYuPXdp82nzLjuGKzq67TblluTZr4K6u7vqU640xD0d
+NpfE6Mzp49JSESqrzeQlP7pqp2ZEomF6E3krpXX3XlLPciYQzLC3uL64hbW8eac3t6er9CK0m06h
+izZKYaze3iHT21TTdDi40Z804PFa5SXNzfyU12+JsRauLtX+s/8ATjZK5ub3t4nxX/m3/TValrFS
++m1GnGlST2jHdv1lLq2Yr3nJ7ahv8biV48d53P8A/wB4j2a51fJlJbeluddqMqkniEFmWXjb4lZt
+Fe8rVpudR7tVqlutadOtcSqQ5EnTUJ7R2/Ux/Lrljdm9x8k8Pdaf17LNOvrFglGlUVemu0vxJFZx
+Xp+iWWY4+f8AVGpbGy4gs7jEKsnQq94z2Irm9rtbLwsmP6q94/DaRrtpS6x80Z47x2aM0jbp+Ffa
+BxHwlWVxo2o1IYacoOWYSXk10NnBys3FnqxTpxPVPQeF6tXo5NIn8+/930j7MvbRo/HEY6bf8llq
+qW9Nv3anrH/B6z071inL/wAPL2t/pL4z8SfB3I9E3mxfXi+/vH7vSjtvFgAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAFu4uKNrQnc3FSNOlTi5TlJ4SSItaKxufC1KWyWilI3Mvmf2qe0a9471d6Ho
+c3HTaDaznCm11nL0PF+peoX5+T5WKfoh9q+F/h3F6Jx/5vl/+yf9PxH5eb3Wo2ekJ2+l4qXD2qXT
+W+fKC7fE5U5Ix9sX9/8Ap7TFx8nM+vP2r7V/7aC7uHVm5utKpKW7cuuTFP7urix9Ma1piSnJ7siI
+Z9QlShGo81ZqEf5mxv2Vvaax9MblGH3m+tvHjCcqUXnp+Ht/sWrM2jabdGC/TM95QhVqUZc1OUoS
+9CNytNYtGp7s6OsKvHw7+3jVT/5iWJr/ACX69x3hq/yvTPVinX49klZW10uexu4t/wDTqe5L5dmR
+0RPiT518XbLX+sd2GpzhJ79GYtTHeG1qLQ12r6LT1OlOdqo07nGeVbRqf4ZW1Ov92zx+VPHtEX71
+/wBnmGpKpTuJ0atNwlBtNNbp+RoX3WdPYYOm1ItWdxLW145e3zZTbar2hj8v5idRK5y4zsECg9tt
+n2CsrlKG7X0JhS0e7KtIfvorHctWe7FftDsrKjKpS8GnHmlJG3EdtODmtFZ3LbaZpNOyTqTxKrLr
+Ly9EZa105/I5E5e0eGdJGaGqty6EiOF8y0TGhFEwlSS6kz2SxruLqUKkM45oNfoPML07TDyavzUr
+6VOTxKM+V5OZasxL2eC+8UTDrLOri238tjNSOzmZp3dy3EdzKlW5oSaa6YItXu6fEn6Wir63eOC5
+7io0u3NsYppttR0R7MWPENxB5VaS+Eh8paYrPmE4cV3FOXvXNX5SHyYY5pSfZKfF1xLaFxV9csTg
++yIpT3hbXE95zJqtL/3Exi0t00+zLqcS6jXik7qb7dS3RpStMdZ7RClvUr3FRLLbbW5HRpe2WIh2
+SStdOjSTziOfmZYjVXK+Z15dypwTKdTW4vDeE2/QphrPWj1S0Rg09LjJYwb3l5RPmwtgJLL7diNI
+k+ZIvRksFZhErsZ46kK6dNp01pejSuof+Yu8pPvGC/yTN/l07eZczNWeTyIpP6a/7tUqknvJ5zuY
+K+HRmIjwhKfbJfaqzUqT3jSXM36De14rHmzWXrr6xa1NHpUqlP3+Wckven8PQ17V+ZM1t4b2Lo4t
+4zzMT/wvaNwdr9GlOcbtfdLaDlNSeZY+Ax8eaW3Twx8z1fi3mItX6rK2VSV7UqU6EG50stxa3aXd
+GSmTqnpmO6mWvyYi1vEqVKFvdLFWkm/Po18y8xWfK1Ml8f6ZRp21/Y/+Ru5Sg/yTexgth13p2ZZz
+Ys3/ALa9/u2lrc1Zwi6sIwnj3knlZMsb13aeSlYn6e8Nha3txZXFO9s6sqVelJShOLw00TEzE7jy
+1cuGmak48kbifL6h9mPtu0vV+H1Hie48C8tIqNSpy5Uo/wAzx+p6/wBN9ZpkxdOfzD4b8S/Bmfh8
+vfBjdLeI+34el6ZxJoGswVTS9XtblPpyVU39Op2sXJw5o3jtEvFcn07l8OdZ8c1/eGyM7TAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAABRtRTbeEt2wPnr23+1h31Wpwnw/X/cQeLirB/xJfyr0PJes+qf
+MmeNhnt7z/w+ufBXwr8qI9Q5kd/8sfb8/u8n1a4WiafHTaTxdV0p3M11WekfkcXLPyaRjr5ny9/x
+afz2ec1v0V7Vj/lylSo/Pdmt4d+tVpyfdhfSihUqp8kW0lltdl5jSJtFfKz97jcwdCnWozhBppQx
+nOMPLKxli/aJX+VOOeuYmJTt7q4s5c9vVlTa64/wZOrXhS9KZY1eNr9/qMrilByhQ8bnjGbpxSSj
+3bx3KzabzpjwceMdu0z0/lcek160fEsnG5j1fh7yXxXUydE2j6e6n81Wk6y/TP58f3YU4ypycZrD
+Rj02a2i0bhSL5UoJ7LdLssjx4W8912M3tvsikzue6JhoeMuG6Wp+DqtulCrN+FWaWzf5ZP8AsUy4
+4vG3Q9L508abYbePMf8ALjLzhfVKKeKHPFfy7mtbBb2d/F6lhv5nTV1NJv6eVO1qL/tKTjtHmG5H
+KxW8WW1pt03hW1T/ANpE1t9k/Pp912lomoVX7lpUb/0iMdmO3LxV82hs7PhHU6uHOmoL+pmWuGZ8
+tPL6nhr4lvtP4Nt6ElVuazqNdlsjNTBXfdzc3qtrxqkadBRtqNvDlo01FLyRsePDlXyWyTu0rmMb
+hjRl19BEiDXbGzMuxalHASjunui0Cje5MSlj3C/dT+DJmdQtXy8yjYz1u/nQtuX77Tk3Gn0daK8v
+No1Zp8ye3l6Kmf8Alqbt+n/ZubZzhbyp1YNOOzTWGmWiuu0sV7Ra26uO4nqfvFjLK2h0eNb6XK3N
+Vcj8yIhs9ctXUr4y8/IvFUTdi1Ln3s5L62p83QriTa94dKPmbXqVw+j/ALkdK3W2VOv0WdsFZhEW
+dZw1Tp1pRlJJtCKw18+SYh1OoqdSnGlRi5TksKKW7ZNo32hpYrRWd2XOEIrT9XVg5KVaScq2Hnl/
+pIpXpnsx86/zsfX7ez0CMvIzuHKfPsEaFVx0foEaSjUzswLkZ7+hGpnwLiqqK+CKzEo1ts9O1iOp
+0KNLOOSCil8DV+b1zpGbify8zb7pyTWxmhT8rU87iEQW1/aWsan3iLjUf4KnNtH4ruUyzFapnDky
+66PHvH3NDqNXdWbr07ipGLlDlnjnfdJ9ngx0tEx27nNrqkRrUMCnxL9whX03U7atUhUb3hPla3zn
+P90Wm1qzuv8AZnngxn6cmKYiY/DIo32kWFNXukXledZvlcXScWovs89S03iY3EalS2HPmt8vPWOn
+99sGFa6r1J1aaXPUlmMeybJjc122OmlNVnxDbV34KhT2lUS9+S6Z9CuLx3atfq3MePZClLDMyZhl
+Rnt16FPEqTDd8K6irLUqdKpL91cPwpp9MS2L4MkY8sS5nqnG+fgmY8x3j+jHlql7pV/VhbXVSnKl
+UlFOEmuj9C+Ss0vPTK9MGPl4azkrE7h12g+23jrROWNLW6tamvyV/fX6m1h9S5WH9N5/q4HO+DfS
+ububYoifvHZ6LoX2oK65aeu6JTqLvOhPlf0Z1cPxDkjtlpv9nkOd/DSneeJlmPxPd6Joftx4A1nl
+hLU5WVWX5biOF9VsdXD61xcvmdfu8fzfgr1fh7mKdUfh2tjqumanTVXT7+3uIvvTqKX9jpY82PLG
+6WiXmc/Fz8aenNSaz+Y0yzIwAAAAAAAAAAAAAAAAAAAAAAAAAAAAPGPbh7WqeiW1XhfQrlO8qrlu
+KsH/AA1/KvU896z6n8qJwYp+qfP4fRvgr4Vnn5I53Kr9EeI+/wCf2fOuhVP2hxDa06z5lKrzyz3x
+v/seY48dWWNvsfOj+X4d7V9oYOq6hK/vrivNvmdSXX4mDJf5mS0y2eHx4wYaVj7Q18s/QhuQhLMl
+iK3Gheo8v3KrTjc1IXE3yxhHZSi+uWTqPO+7Ffc5InpiasKho37In4kbLw3LfeP4iPlxTvENm/Mn
+kxqbbbKT064apVaf3WtKOzT5oS+PkXiYnt4aWstI6qz1R/r/APa3W0e8oxdRUnOn154LMfqOifML
+U5WO06mdT9pWrF3NO6jUt6royi1mXPy4+ZEbjwyZui1Ji8b/ANVq5qurWk31beXnOWU1ruvjrFax
+pBSY8rrqf6lZkVrXkKdpcW82vfpt4fmt0TW2pU+TNrVtHtLVqrlKReYhnmNSrzRfVITCN68K8tP+
+VfQmIOqUk49ljJFkTuUs526MiPyhJrbGCEHbDJhAskb2KNdiRFrLLbEJRJgW5RZO07QlHfBaLJWL
+hS8KW35WJlenl47eOtR1TxqU5QqQqZUovDT88mtM6l6nHWLYoiXpNlqek67pDhrdOVvqUUlC8pR9
+yr/6kfP+pG3S9b11eO/3edy4c/Gy7wTunvWfb9p/4ea8caXf6fWVWUVOhNe7Vpy5oP5opOOfLtcP
+k0vGvE/aXD3NVqm89mU1pvTZqK1XLyXhSbSxZT3e5djmwqjz1GlepfpTba36ETC0WbOlU6LJWarR
+d6BwbpmoXMFWp0HCj1dWp7sPq+vyLVrLR5PJrXtvu6/WL200yy5NLc5XMqeJ3Eljl81Bdvi9xa0R
+HZpYaZM1/wDE7R9v+2j9n0ZT1pzk23yNtswY53ZveoRFcOoenZaNjy86c3bcG9I5w1uWiEbSUvgT
+Nfc2kpvouxXwnasqr5JZ8mVlasd2v4W1GrXqTpUsyqUZNqKXWJyo3N5j3dnnYYrjrafEw7ONaN1S
++8Un6SXdM3KW64cC1JxT0ytKUY1YKbSjzLmb6JFpnUbOncTpotfhxDPU27HwalpF+6opNNGpamXL
+btbs6nBtxKYf8WJixY3tpby8K6t3bVG8t4fKItOLtapmwXzfVjt1R/q2lehaX9F+NCNWEl+OD3+q
+3LxMXjdZaFZvhtqOzCuKFjbuNWtcyWEoxU6mFsV1Sk9V5bGPJlyfTSv+jIdK3utPX3K5hGvJtc0H
+nC8y0ZIybrEse74cv1x2/LLpUuWCU3lqOM+Zmr9PZgtfqtMwJNdEXlPlfpRlOWEV8yraYrG1yyrK
+pq9CMZYp0Jqc5dsR3f8AYisdWSNKZq9PHtM+Zj/diXd67u6rXOf4tRzXzZsWtu0yYcXycdcf2jSM
+bh4wV8+V+lchcvqRqZlWar9O9ksYkxKs44ltdO4l1TTakatlf16ElvmnUcf7E0vak7rOv2afI4GD
+kx05aRP7w73Qfb7x3pHLGepq8px/LcLm/XqdDF6vysPi2/3eV53wL6Vy+8U6Z/8A17PRdC+07ZVe
+Wnr2iSpt9alvPK+jOph+IvbLT+zx3O/hrlrueJl3+Jj/AJh6Hoftd4C11Rjb63ToVJfkuPcf67HW
+w+rcTN4tqfy8hzfhP1bg974pmPvHd1tvdW13BVbW4p1oPpKElJfodCt63jdZ28/fHfFPTeJifyul
+lAAAAAAAAAAAAAAAAAAAAAADzX2w+1S14H0yWn2FWM9VuYNRSf8ACi/zP18jkeqeoxxKdFP1T/o9
+l8JfDGT1zP8ANyxrFXz+fx/2+Q9V1i41C5q3N1WlUqVZOUpSe7bPFTu1uqfL9Ccbi04+OMeONRCH
+Duq09P12zuq00oRqJSb7J7f7mXFMUvFkc/jzyONfHXzMJ6xQqafqdxCpSapTqPll29DWzVmmSfsn
+hXjPx6anvEMSbfK8kR3bMCVRWVSpSrQpzb5FlZe/oRb7xKs9M5IraNw1mnaXLTKzrOtVquTzKNST
+x/8ABWmGuO3U3c/KjkU6NRH7Oide4vLOdppWoSoTqR5fBqYcV54bNiZm0arOnI6KYskXz03Ee8eW
+vuLa9p1IffYvnwouTWE+2SsRavls0yY7RPy/DFt+L7bTLuVnQ1mUd+SaptuMl6GH+arS3TEs9vSr
+8nH8y+P89127q0q1xJ0K0a1F4cZcrWfXcyyx4q2pTVo1KG3ciZW/ZKKI8ilSrGjFyk/gvNlJmIXr
+WbzqHK8RajVtqsKM8wq1pLMejUTBaZraIl2eFhrek2jvEf7tlCo8L4I6HZybeVxVPMiYhVJVPIhG
+l1TyvLBGtqzCanuVFzm2wIVVznuJFU/mR4DbzHUCWVskidiUbavUXuUpy+EWTESrNq18yn+y72W6
+tauPWJMRKnz8f3hCWlXqy3aVP/aW1Meyfn4/uw69pUgnGpTlDKx7ywR3jyzUvE+JeUarpsqWqVKc
+4vMaj7epp2nVnrONaL4YmHQ2dt/wmFnZdDPW0Odlj63KcQW9xGv+6nJfDp9Cs5ZrPZu8fHFq94c5
+daTC4pvxrdNvvH3WXjkRHlm+TMfplpK/C3O26dWcfislv5jGrOPIwanCV7nEKkZfFF4zY5UnHefZ
+GHCd/nEpRXyJnPSEfLuy6HCk4y/eVZP4FJ5FExivLdW2jQoNOlQjld37zI+fuOxHHmf1S7Lh+2ua
+kYqtVnJQ2UW9l8PIr8zc95a2bFXH4hsdbtf3Ek/5Re0aU4/6uyns+sZ/f6tZLaEN38SuG25W9TtE
+Y4h6A6edza24CLi0tyUTCDXkTEqzCmMFtwKrZdOpWdGlutLFKeXjEX/YrMslPLi9A1yro2u0b6lP
+Dp1M+nzOTNunJ1R7PX5eLXl8OcVveH0do+i6B7SNO/aXC15R0/iKlDmr6fUklTuf6ofE7ePHi59f
+onpyf6S+T8zmcv4czfJ5tZvx5ntePNf3chqNrVtLurpuqWc7O6g3GdKosb+hqXrfFaceWNS9Bx8t
+c+OM/Ht1VnxMNVKyvLKTqWNzLD6wnumYZx991nTejPjyx05YWq+oUKi8LVLLw30zjMStr2rGrQvT
+jzH1YLLEbTw3940u65cflctikVpeN17Syzlt+nPXa69LpcRWdWWp2yp1LeLfPB42z3IinzJ6b99M
+f8zPBvHyJ7T7SuaTpltp9N0rfmw/NmemOuOOzFyuTfkTu7axSg8t/IttpT3VUG/fliMe8pPCLfut
+vXaHa8Jez6/1+znqV03puj01zVr2suVzXlBP+5v8fg3zx127Vj3eb9W9fw+n5Iw0+vLPise37vP/
+AGi8S6Fp93+w+FY4pzapeJnMnDO7b82afLz4q2+Xhh6j0HgcrkYv5nn+fOv9o/ow4Sagorsi0RC1
++8zKamFUlUfmRMEwuwqepEq6XY1H2eSNRCNL0ar65I17o6V6Fd7ZZMaUmjIp3k1jlk0VmGO2KPd1
+XDescV2S++adq1exoRe9aVVxh/8APyNrB86kddLahwvUeJ6fm/w82OL2n21uXfab9oXXtDp+BXu/
+2zJbc9WCgvk1uzp4/W82GNTPV+7yfJ+AeLzZ66V+V+07/wDphar9o7ja9bVpO2sovoqdPL+rK5PX
+eVk/TqG1xf4d+mYY/wATd5/M/wDTn5e2Lj68q/vOJbuK6vlljY1Lep8qfOSXWj4Q9Jwx9OCGPP2x
+8Z293KlHiW+iopYn4jaZT/yXJie15Za/CPpuTH1Tgr+2m30/27+0K0xNa195gv8AqQUkzPT1jl17
+9e2hn+B/SMvb5XTP4mYdpof2nL6LjDXNFo1o950ZOL+j2N/D8Q5I7ZK7eb5v8NcU7ni5Zj8T3en8
+Me2DgjidxpUNTja3Ev8AlXHuPPo+jOzxvV+NyO29T+Xh/UvhL1P03dr06q/eO7tYyjOKlCSknumn
+lM6kTvw81MTE6lUIAAAAAAAAAAABxntO9o1h7P8ARZXM5RqX1ZNW9HPV/wAz9Ec/1Dn04OPc/qnx
+D0Xw58P5vXuVGOvakfqn/j93xrxPxNf8QanX1LUbiVWtWk5SbZ4e+S+e83vO5l+jfTfTsPp2CuDD
+Gqw52tWy+pEdnTiGFdVJKlNp4fK2VtG4ZceuqHX+z7jLSNdhDT+IaMas4QVKtF9Zw7Sj/UiePyaZ
+J6Mkbcj130nkcPebhzqJ7x+J+0/iXTcVey2803T1xBw1cx1XSqi5swealNeTRs5vTpinzcE7q4np
+nxPjz5v5PnV+Xlj+0vP+eLb5Xhp9O6Odt63pmGbHVlVp+De0I1V0U+k18+/zMvXuNS1J43Tbqxzr
+/Zc/ZtvXg6thf05SisuM3yNfBvqT01t4U/mL451lp2/HdCw4klZTVtcVqFxRk2pU62JL5ZK15EV7
+bXz+nxmjrrExP3js1WoaRp9HUJTjY0FJ4mpRw1uV6a78N3BystsWuqfsmuWOEuhO1Z+ocl17FJto
+iJX9Ks77XL+Gl6LaTurqo8RhBbL1b7InHS+e3Rjjcq8nLi4WKc/Jt01j3dtrmkcJ+yzSo3fEV1Q1
+PiWpBulZQnzQt5Y6y+B0MmLB6fXeSYtk+32eX4nN9Q+Js84uDWaceJ72mO8/t+75u1jXLjW+Ip39
+xVcp1aufTr2OHN5yZJtZ9bwcWnC4cYqR2iHdQacI+eEdSI3DydvKaeBqIQqp4I0jS5GS6JFUSuxn
+vuRKFxS8kVlC4nnr0IlGk4Zk1FRbb6LuCfuy6djGK57iry7/AIFvL/CKzMe7FN5mdVhdp1aVu80a
+MU/5pe8/1Ii877InHN4+qSpf3D3daXyeC3VMprgpHsK5lSt51qilKU4tU2+nMRMzBNItaK1/r+xb
+yr1qUaniJTfVQlnD+BEbiO8dzJFK217FStX6VW5pfzbobt5K0pPhqb/h/Q9Un4l3ZKFT/qUnyv59
+mVtq36obmHlcjjxqlu32nuwq/DE6FF/cp+PFL8PSf07jUT4Zq82L2/xI1/s4LXbWSueWSaa6prBq
+3mfEvQ8SYmm4aepbR5XmJimW5Ed2O7VZ/AiOpfUKO1in+EnaOmBW0V+VfMnc+x0wK2hn8KHWjS8r
+ZJ5SyyYtKsuj0K2WF2XkZqTLmcvszNYtvEpuEItyksJeplnv2a/HnU7lvOGtFWlWCVRfvavvT/wZ
+cNemHO53I+fk7eIbaS7oz6horU11ZaEwtyXZCU6Rx6iIk0p06EmmLfV429pXrVU+WNOTf0ImIiGT
+HSbXiHmXjc1fKfc5Vo7vbYvpxw73RtQurelTq29zVoVqTUqdSnJxlB+aZnpTs4vLpTJaa3iJifMT
+4ltNc9qus6xSo2HFVSjdTo7UrzlSq48pPuXvny3joy94/wBWjwfhzi8S05uDuu/NfZj2/F9O3oqd
+S6g6fTeRimdd4lnyem9dtRHdmQ4v0K7jyVqtLfsyIz1ntLWt6ZyMU7qxbyOh3kH911R27l2Usoi1
+cV2fFbk4p+um0tItrKwqc9fWPG9Ob/LIx46Une0cnNkzV1XHpunrWlUcxVZNx/rRsfMhzI4ma3sx
+rnimlSjm2pxfq9ys5J9mfH6dMz9cszQPaTwdw5V/avElrU1a7hvRtntSi/NruZsGfHgnryR1S1+f
+6Fz+fX5HCtGOs+be7F4v9u/FvtI5rNVo6fpFDCja2/uxa7J46luRz8/M+me1Y9mT0n4L9O+H/wDF
+115Z/wA093nNK4nc6/T5pNt1EtzQiPresyax8WdPR4PZHSh42yechGjPcI0knjoBdjPPchGl1T+p
+WZRpdjPsVRLoNK0+3trVavq0XKm/4NHOPEfm/QzUiKR13/o5nJz3yX/l+P595+3/ANsfU9Zu9QqJ
+1J4hDaFOO0YrySMWTLbJO5Z+Nw8fHj6Y7/f3lgOs3sU22unQ5t7Z3LxOk6hdd7T0p0qtSUOao3FK
+W/by+ZHzIpqzF8meVulfZYeJ+9lSUt8odUW7sv6eyMeenvSm4v0ZWarbi36l6OoSW9enj1isfoN2
+jyx/Ij/LLLt7xvE6NfOPk0XiYYMmL2tD0ngD22cScJ1adtc15XthlKVCq8uK/pfY6PD9Vz8SdR3r
+9njPXfgzheq1m9I6Mn3j/l9McI8Z6JxppsdQ0e4Utv3lKX46b8mj2XD5uLm06sc/0fFPVvR+V6Nm
++TyI/afaW+NxygAAAAAAAABouMuLtM4L0StrGpVElBYp0871J9kjW5fKpxMc5Lun6T6Vn9Y5NeNg
+jvPmftH3fGHHfG+p8YazX1XUazk5v3IZ92EeyR4Lk8i/LyTku/SHofouD0fjV4+GP3n3mfu46pNS
+Zijs73hjzeQtEsa4jmlNJ491/wBiZncL0nvDh9NvatvqSnRqOM4y2aeDl6mLvWXpXJg1aOz1rhr2
+o65oWPu+oSo8yxOMlzU5/wCqPT5m/h5OTFO6zp4f1L4b4nO/XTf29pj9pYPFOvLV7j9o0tNp0Ks9
+5ytnmnN+eOxHIvOWeqY7/hsemcL+Tr8mbzMR46vMNDLXvuyTr1IpS6cxrdc17S6kcOMn6SPFGmzT
+jOvDfr73Un58a0ifT8sd4hjfeuHZVvHc486eV7xWLYpncwzdPKivTHhlS4o0qmsO6hsvPoZPn1jw
+1/5DNafDHrcZ6THZXUc+hWc0T4ZaemZfsx77iOEaHjeNiljOc9UVmJnvtlxcPVunXdG39uWrcPaf
+PTeFIU7KdVNVLqMf3sv+7sZo5mXFXow9vypm+E+Nz8sZudPVEeK+39nN1NRvtRoz1PUbqtXubjMp
+1Kkm218zFFJn6rd5daKYuPMYMNYise0Oes6n/HQ/1r+5WsfU3M07xzD1em/cjh9kdOs6h4u3lNPb
+qFTO2OxGo8ITjLPYiYF2L3yVlWYXVJPbuVkZNvRqXFRUqSzJ7t9kvNkefKs2isdVvDYJUrVctDeX
+SU31fw8kUmY9mKN3/V/ZalKX4pfUjTJERHZbc89REJXKMKc1KpVliMYuX0JmdKWmY7Qs0q9W8t4z
+nGpGCbajPpHPUrE2mNyyXx1xW7a2kuaEk02n2a7Fo7K+Y0uxvZ7+NBVG+sujJ/dT5Uf5Z0qpW9bC
+jPkk3hqWxWVtXrPjaCfK24VFLDxldMldRPhbz5hga5oFlxDQaqctG6SxTrJdX5S80VvWLxqWxxOX
+k4Vvp7194/6eY6pp1zptxUs7um4VKbw0aN6zSemXr+NmpyKRkxzuJa9xbayuhSGzqFt77kzOzSqi
+/J48xtGlYxeVsT5RK+oZl0JY9Om0K3m4xUYSk32SM+KNuTzLxE95dPbaVCFRXFwlKa/CuyNqtdTu
+XFyciZjpp4Z6imtuhliWotSXXCLRItyXkWiUrbj1LxO0oNCZ0LcvdETC8d2DqTpys60arxCUGn6C
+Z7aZce4tGnl78ShfOjLqpY+KOffHqXrcV+vHt2djWxbbvfHYzU8OVl/V2crxPctVFh7lLRt0+HPT
+DnKt/UhTbc3j4mOabb8X7sT9s1Yyy5MmMW09USl/4jrU2oym8LyeB8qPeFPpV/8AFFVxxGc0/WQ+
+THtCIiFI8R3Dak6kn8yPkwnVWfR4o1KNHwoXEowbz1LTTTHbHjmdzClKtdXs+ZylUlL1yyOhb5kU
+jUO50q0en6SouWZ1HzSZlivTDkZ8/wA3L+zF0Tmr8QU+Tqp5+hStN32y8u8V407el020upvPKTC6
+n8/Irrasq5GtBtkCUZYeCJhC9GXfJSYQztLoxu76jbzeIyl7z9OrJrXc6Yc9/l45tDa61fu6uOWG
+1OmuWEV0SRGXJN7Nbhcf5VNz5ny1UpPO5SG+in6k+6JSipv3uV4RZWZiOxfeFd1I1PAjBKKWE874
+3ZHafYw9WKNbY0IOjUU6cpP+nPUp8uN7hnm3VGrMvUZzsqtvGtQSjcU/FTg88qfTJNuqmpmPLBx4
+rmi3TP6Z0jGcaq5oSU0yYmJ8LTE1nUqRpxhUjUj7rjJS+gmNynqmY1LL8eU5ynlZby8bEz3nbB8u
+KxEOr4G451Xg3V6WpadWaSaVSm37s4900Z+Nyb8TJGSnn/dwvW/RMHrHHnBmj9p94l9R6T7YuDNQ
+tLW5ur/7m7mO3ix91S7xye0w+r8fJSLWnW3wzlfCPqXHy3x0p1dP286++nXWOq6ZqdNVdOv7e5i+
+9Kopf2OhjzY8sbpaJeez8XPxp6c1JrP5jTLMjAAAAAABga5ren8PaXX1bU68aVC3i5SbfX0XqYs2
+amCk5LzqIbPD4mbn568fBG7WfHXtV9puo8datOtOo6dnSk429BPaMfN+p4Tnc6/PydU9q+0P0T8L
+/DeH0PjxHm8+Zeb162ZZbZqViHr6wxpTy+4mU+EG89yYGNXl7klnsTMbXr5ebuUrfV50m3lTwc+9
+dXesxXi+CJdP945rfd9jLrs5vizTUuKL3SrtwVTmpt7wfQrSZpLbvxcfIpufLolqOkaxSX3iFGT9
+djaitbx3cya5eNb6ZlrLrQdBlJ4Uqbf8syv8rj94bFOfyI8y02oWWhWdPnVavUa2ajNZMc8akeG1
+j5efJOuzn62uaDbrEbK4qSX89TH9ivy6R7Nys57ebRH9GDV4plHa1tKFHPR45n+pGo9oZq03+q0y
+x6+sXV1FOtXlL0b2KzVevTX9MMrS6X3qok3tnfJaKK5cvTDr7nkpWcacNlGODLNYiHLpkm19y5rT
+3zahHfEYy5pPPZMwVr9Tez31jl63b1FOlGXZpNG9EvJWjvMLyJUSW+31EnhVdV6gXYvPQpMKLsXn
+ZblJjZpvlbw063VCMs1aqUqj8vQpb6e0NWLTnt1T4jwxpSb9SkQ2IhDm6pv5F9EqRpVKrxCLb9BE
+om0V8ivVWpTtKVWi48yk4wabylgRes7iJPkzW0ZLRK3vBNJtZ6rzRO/Zbz3bK8rRqaPK5SoQuozj
+ThRppLmXVyl8iZnqrO57tPHWa8iKd5rO5mZ9vxDFhQlWhF02pNrLUd8P4dSsQ2JtFZ7rVWjOm/3k
+GviJXpeLfplSHurlg8LOcdslNRC8zudyuRbTIlExtg8TcP0NdsI3MVy3Ns8OaW7p+vwIvSMkaZuB
+zb8LL0/5Z/3cXX4IvVvQr05/HY1540+0u/T1jHPa0MOXB2rxbxRi0/KSK/y92b/yuCfdOPB2sSWH
+Til6yJ/l7qT6rgj3ZdrwLdPHj3EIY7IvHGn3YcnrFI/TG24tOENOotOs5VX67IyVwV93Py+q5b9q
+9m8o21vbRVOhTjCONkkZ9a7Q5t8lsk7tK4Qoo9i3Y8oPsSLco9diwtyh16fElaFqXxJ3KVuaef8A
+BaFoanXvd0u5ae/hsi3hnwxu8PNtMdDULr7jd1vBuE0qFSX4Zf0t9vQ141M6l3rWthr11jce7rYU
+69nTdG4g4TW2GZIr0tKbxknqq4fia4buXvsjHaHV4/armrit+7e+BFWx1aaypXw+peKk5GNUum2/
+ewWim1Jvpa+8d23gv0q/NXqdd7cstisxC3zGzo1nyrfJS0QRfu6XhyWail3REQx5rTMO7rTf3WNO
+O7eyS7lpjbl1mIttb4ftamn65GhcPFxVTnOPeEfJ+rIivTbunlZozYt18Q76njHkZ3DlOLx36ETp
+VXmJ/Ic+FlMTBpVVVnLI0aSVWMe5HTJpco6w9OuqNTK9/MM/FGHJaca9eN/M1tX7Np48K8VUpy5l
+IxQw9E0nUrb64MiyOWum5OkMpXEYabNVK9JSqZp8v5sPv/8AJE2ineWKcc2yx0xPbu01GwrWaza3
+E3F9pPmRj+VHmkuhfkVy9slWT97dJpXdJ02+kktmOu9e1oYflRf/ANc7X/drQXLPnSWFv0Rki0WY
+tTSe/ZcseeleQlRXvPbHLnOe2Cdanspl1fHMW8FecvFcWmpLrnzGpjyUiOncKwm8kytpep1XnH+5
+XbHarqNPvoXfD15pjk3OjH71D0a64+Rtce8WpbFP7uDysM4eXj5HtM9M/wBf/tqdP4l1XTaqq2N/
+XoSj0dOo4v8AQxVtak/TOnRz+n8fk16ctImPzD0Dh77QHHOjShGvqCv6MesLhczx8ep0MPq/LwT+
+rcfl5Pn/AAH6VzImaU6J+8f9PRND+1Bp1blhruhzpPvO3nlfRnVw/EUeMtP7PH83+Gmanfi5d/iY
+/wCXoOi+2DgDXFFUNdp0Jy/JcLkf1ex1MPrHEzdotqfy8lzPhH1fhbm2KZj8d3UWes6TqM3SsNSt
+riaWWqVVSePkb1M+LJOqWiXCzcTkceOrLSax+YmGYZWut3FxRtaE7i4qRhTppylJvZIi1orG5WpS
+2S0UpG5l8oe232pXXFmqVNKs5ypabaScYQ6eJJfmZ4b1b1C3Ly/Lj9Ef6vvPwX8MU9LwRycvfJb3
++0faHjlxNyzscqH0SI0wqm5fS8LMpdi2pjunSDYg0sVscsvVMstV5/bW8tevJWttj9o2zbjTzh14
+Lsv6l5d0YIrGSdR5d2M38pTrt+ifP4bLxZRoOnUi1KOz7NMno0xTMTPVDi9euPDuXhvcxzSfZ1MF
+vpa2Gt1rWnhS2znqTXsXrW091qpxhfY5JOM4tbea+Zmi0ywzhrHhprnWa1eealaTz5sidyyVmKxq
+GE72Unly+pHStF9Cuk3nO5Xo+y8ZGZTuE4pdx0p63ScN1k54fmTEMOa24dTcynXpqlTXNN9EW1to
+VtFJ3Lmp1qNC7+6281P3s1Ki6N+S9CnaO0Nzqm9eqXrdhP8A4Wj/AOnH+xnr4287l/VLK58MmWNV
+VO2SYRvaSlnuRYXFPHR5I1EwjW0a114FN1Yv8LX1yYsn01mWbDj+ZeKy3lO7ldrxpNtvqatb9Xdh
+vijFPTCreehkQttNvEVuTCGTa1YW9tXnO6nQrJYglHqns9+2xPaveZYctZyWrWK7j3a2hplvCX3m
+jQ6vLks7lYpSe8Q3b8m+ui0tlVqW/hQ8Sk6Llst+ZP8A3Ra0xEtKtb9U9M7W/u0muan78Us5juJi
+bQv8yI7SgouNWO8oNb8y7CfphbfZf1Gc1WdKe801l5z+pWIn/MxYIia9VfDFWwiIZ04tkLMmhdU6
+EsVJbTTi/XKI6tSwZMU5I+lqYVIy6P0MtZbFo15V8RMTCqUZJPcjplWVc526ExuBNYwVQr8yZQr0
+IkNm+ggUae2xYQcM9upOxblTwy0SbW5wX8u5O1trMoJsmLJiWo4jpyWkXLa/L5C89m1xu+SHkyo8
+17HK6zNWHpZjVXf0dQnV02NrqEXVhTWIVPzw+fdfE2q37alw74unJNsbzriihUd1N0mqkPTr80Um
+u/Dp8fLqurdnLXdRxhiSfzJ1ps9e/DVVquWWiEdWmLOo8l+lim6HO+hOlepepTeUiswtFm0o1MYw
+yJqvFvs7bguwvL+so21CUsdZPaMfi3shFdtbk8iuOPql6Pc17TQrWLtnC5vOX+K1+7pP+nPV+pa3
+TSO3eXLrF+TbVu1f9ZaDgpVbjXalzWnKc2pScpPLbNas7t3dDmxFMHTV6LFyS3aRsa7uDOknLbKL
+fujSjn3z8yBHneeoFHVwTEbRpXxO5bS+ml4ivHbfdpqTyp5NLmairrelY4ve0fh02k3i+6U7rEpW
+9bpJdIy8jBT9PVHhp8rF/iTT/NDZ5TWU/gzNHho6lk6ZBVq0lKm58i5n8O5aPLByJ6K73pqdTpX1
+TUKlei4q2luqLWcfBlMtZvbdfDd418dcUVv+r7seE7iimqTdOUvyz3WTFHVj/DYmKX/V3bKdWpeW
+1v49Kmp04csnB7SfmZ62i0Rto9EYr26ZnUrUYKzqxrRlCLbzyzaxJfAia1r38SydU5a9M92yvY3N
+qqN0lGlG4SnBU5Lpnb1W5eOqO8+GlimmSbY/M1+7DU5TnKc8yb3b8xPdsaisahNeYE1LGXnZEWjS
+NbbTRq7oW9/dzfuq1nBfF7Iy8aZi02/DQ51OucdI/wDlDQRrPPMHR17Lsbhprf5ETESr0r9O4ecZ
+Imqs1ZVK7nslLAYrY4dNwVxPqXC2u2esabd1V4VVOrSb9yce6x8DLgzzxckZcc94cX1n03D6nxb8
+bNWO8dp94l9r6de09RsLe/pJqFxSjUSfVZWT6NivGSkXj3fmfkYZ4+W2K3mszH9nl/2gdeuLLQKe
+mW1VxVbNSulLlzBdsnE9dzTTDGOs+XtvgPhUzcyc+SP09o9+8vk27uqd1UnUoTcoc2zbyzxkW3PZ
+9+xY5x1iLR3YNRPfBdmhjyi23llolZZnFZWxbcx2TC3JY2fkRCfKxOKcXsTvS0PJbt17TXpVqM5U
+6lOs3GUXhp56pmvM/Vt6bHWL4NW8aegvVtJ4h05R12k7XUVHCv6Mcxqf+rBd/wCpfQ3IyVvH1+fu
+89PGzcTJvjzun/xn2/af+Hl/GVhdWF03GdO4pflq0J80Wv8Ab4Mx2xzHeHa4vJi9e8an8uQr3fuP
+LI6ZbM2ayrd4fXqWiv2Y5sxZ3PqX6FJut/eU3vIdMnWu06+V1K9K8XbChOVSMYwTb8kRNdnzHVcO
+29WLzWl4e2Us7v5DXT5YcuWZj6XXXCnG25aacU17z7v4lbW+zWx13P1OWp03G9eP5tjDPl09fQ9h
+sFL7pRb/AOnH+xs18PN5f1yvuTb33LsWjfrvl9SNKymptEp7pqeSFoYupzasarXZGLPH+HLa4nbN
+VvdInz6ZSvo1VKnUfLKKTzF47mjiiJp1bU5cazzimO7O6xZljTWX7CMpqtUiqWaUeb94+vy7l4hh
+zzFemJ33+zR09NuIXMruV9VlzvLhn3fkYowxM9US6M8mny4x9Edm8o3Va3tXb6ffTpuompwnFOLf
+pkzxukao5t8Vcl+rLXev7sR/e3bUaNy1KVJNcyjhyWSsRM11Zl+iLzanbaMtRo6PcRUtRp0KzSkl
+z9n54/sVnLTFPedStGC3KrOqTML99cwuFSq0rilW8aLlLk7PyaJ3Fu+97Y8WKcczW1ZjX3WFsNLz
+3Sj8xM6SnzKK954xuUmU621Gu3dS2sJXueRP3ab82Y77ivU3uJji+SMf91m0qOVrSbeW4p5NqkTF
+YYM3/ssyIzeEW1LBMLkZt9RKJ/C4qmfgRpVOMk15ldC4mu66BVXqvMrEiqeCdwJYTwEI8qzsEnJl
+bdSdisLes3mlSk3jtHJbX2Um1feUJ2Fz/wBCf/tHdMZK/dr9U02dxZ1repTknUg0sruLb02MOWK2
+i0PK1psqeoKnOPvRlh+jNLqnq1L1fVFsfVDqo2X/AA2JR6rc2a21DkWn6nC67pspXc5RTW/VdUUn
+LqXUw1i1O7S3WjutFeLTU36rctHI+63yI9uzVV+F4Ty4xnD4POC9eRXzMKzivHuwZcIXDb5Kr+cT
+JGeik47ox4Pu9m6u3+kmc+NX5d/syrfhFprxalSXolgr8+i0Y8jdW+hUqTioWscpdZblZ5MexGC3
+vLr+HrS4woSqPlz+HovoV+bNmDNirTxDfanbNUHn+XYmbtbF+pa4EsJRuq9bG0Y4+pTDO5ZPUrap
+FXbeGsZNqHD2crx0J2bW5Ra+BO07+633wgqpjO7LdSVcEbW/dy3GVXknQX9LZqcvxDu+jR9Uy6X2
+S8Y2OmXVTTNdtY3mm11y1KT/ABRT/NH1Rh4eb5NtW71a3xN6Vl5eKM3Ft05I8T/xL03iPgSelWi4
+h4Yulq+g1lzRnSealDPaa6rB0s3CrNPncaeqv294eL9P9djk5P5Pn1+Xnj7+Lfs5KFaNSLdOo4t7
+PDwzQi0T5ehmk1nvCwqdzSeYVnKPdPcjomO9ZZJtS3mFxVaVRONaHIyeqf8ANDH0THekqfdnFqdC
+bwuy6E9ET3hPzN9rwlf6Np+p0YXdSnXdanHFTf3V8CLY4t+qEYeXl41ppXWp8JUoxhCNNNuMVhZL
+xER2hW9ptMzK4tnlEyxpN8qy5JIrM6WiNum4W4M1DXYS1S7i7TSaHvVLioseIvKOeptcfi3y/VPa
+v3cX1T1nDwf8Gn1ZZ8Vj2/druMdSsbGcNG05csrhqpKPeFKP4U/VvctmvWn009/9mf0vBlzxPIzf
+5f8AWZ8/2c0pNeeDHHd1dLkZkI0uwqYeGRKNMqlLLRWykw772YcMz4j16jGcG7a3aqVX2wuxscDj
+zys0R7Q8t8S+pR6dxLTE/VPaH2VpUOTTreCWEqaSXkj6HjjVIh+b+Rbry2tP3fNf2ndSuJcQR0tS
+fI6EW12weT9fmbZop+H2b+GnHp/KTnnzuXg9OnSobQiov0OHGGI8Q+q2yTfypKM9+Wqn6SX+5T5d
+ontJ1VnzClxCFKEJRbqc0cz5V+F+Qtun5RTd7TE9vstRt51Ld3UYN00+Vy8mREzPdM2ituifKxKn
+np0HUv8AutTpLDwh1LQ801zTZUdcqKUMLxOZfBmpknVnp+JaL8eG4p2mbXGO3VGatpmGhftZx+uW
+NSlXbpNxz1wROXpb+HHGSvdz91pEbiMvFoxbffGH+hkjk/deeLHtLT1+FFPenOafkXjk1Unj2Yk+
+Dq7e1ZrPoWjk1lT+WupHg6svxVn67E/zND+WuyqHDEKfWLljbdlJ5Mey0cafeW0oaVKnT5Ka5V6L
+BS3ImfC0cePdveH9Naq7rLKxkUzUitXXXNko234eiwW323LQpP1OYs9MqXWrQoU45cqmCkTMy6V7
+RTF1S9Up0fDpxppfhSWxtRPZ5i09U7VcMLoX2jSLhv1/QbR0qKDJ3EJTxhbEbTDC1aX/ANPrf6TH
+l71bHG/9sNv7HOJ9NtL2rouu0FXsbnacG91nuvVGrwctcV+m8biVvir07NnwxyOLPTevif8At6Rx
+Z7NbzRLT/wAQcN1f2podVcynT96dD0kkdHPwJrX5uCeqv+sPH+lfEmPl5P5PnR8vNH38W/Zw6qU6
+2XF5x2OdFons9PNZonSqKmuScMxz8HgtHZS8dXeGSrejcL/h6seZvCg3iX+DJDBN7Y/1R/VSFa8s
+KvhTjGSh1pVI5X07ETbpJrjz16o9/eGLqukabdOOpS06EFVlhYbaT7opMVtPVpn43KzYv8GL+EKN
+OFKHJTgopLZImNx2hN7WtO7SuZ3xkjurEKqfvKmk5SltGMVlsjc+ITr3d7oPs3p22l/+LuP6/wCz
+dKpLnhbzfLUr+Sx5HRw8GKV+fyZ1H2+7yvP+I5tm/wDH+kx8zLPbceIeKe0/i2hr2u+Hp1GFtZUv
+do0ILHLHtn1OXzMsZ8nbtD6H8PemX4HF6s89V58z+Wxs3/w1LfHuL+xtU7VhzM3e8r8cvcsxSmnj
+v3IQlGT6EIXoTa3RCswuKTfUiULsWpdSp4V37YYjSEoJzlyQTk+6XYTKde8sqlSpU3zVkp/0p7Ed
+WlLbt2qvO98NYo06dNekd/qOuVIwRb9XdH79dVpRh40vrjBHVb7p+Tjr30peXsqVxChB1WuROU89
+JeRM79k4cUXrNp157IOpUqx3k5ryl1+hE735W6a1a+40fSLqp4lxp9LxOvNFYefkRMR7w2acjNjj
+VbTpj3HD9OVPFnWxn8s/8lZj7MleVO/rhwXEOjXVndy+828oKWyeNn8zWybie8O/w82PLT6JaSta
+LC236mPc+G9WFmVosN8iK9UwvqFPuscdEvgWi0o0fdopdEJmTSULePNlRHVpExC/92WdlsOranS6
+HQ7eOE0u5sY7TpzuV2bHVrdOn4cE25LCXqZbeGpgnvuW10LSf2bZKnJLxJ+9P/Bkxx0w0uZyPnZN
+x4bHlwjLDTW5RS3bLi1NExMrQtuPmWFH8Bo0oWWcVxvcxd5TpJb04bmlyu7vej11E2a/hyty3e2U
+0upqUpuXX5U/4b0LSuN+I+E5yutE1GdNVFirRlvSqr1j0NuuTJht14508zyvSuF6pHy+VTevE+8f
+1Yc+NLTWLud1GjC1ryeZ0ofhb7teRS+X5s7mNS2ael24mOMe+qseJnyzKXE1lGao1rlRqPs3kpFt
+SwX4N571jszaeq2VfZV6UvP3kX64ntLWtx8lPZauYqrFfd9QnRf9LKzStvdfHbo/XXbN07UbqytK
+tlLUalSFfHOn3wWx2+XExEsHJw4894ydERMeFZXVOnTU87MtN48qxjm06WXqqnJU6KSb7t7Ir1za
+dQzRxtRuzu+E5cB6XThqGvyqazffihaU/wCHB9s+Zu8eMOP6r/VP2eX9V/8AK8m04eHEY6f/ACnz
+P7Njxl7Tbq7teerTpULejHFvZ0toR8s+Zscjl3vXv2j2hp+kfDePBk7TNrT5tPn+jxbTtTutX1y7
+1C7qOdSe7flv0OVjtOS82t5fQuTgpxOLTDjjUN8pZXU2Y1EuQuRyWj7o0uQ3f+SsmmxsaMq9WFOC
+zKb5Ukur8iv4YMt+is2n2fTvsx4Whw5oVCFSni5usVKr779Eeq9L4sYMUTPmXw74o9Vn1HlW6Z+m
+vaHt9vHkoU4eUUv0PRx4fNLTuZl8w/aht3Diu1rL/mWq/Rs8p69Gs1Z/D7Z/DPJvg5K/a3/DwepL
+Ejjw+orTqNPGRrYr42MYzknpiBV1VKLhNZT6rJitjie0wmJms7hadCG/hVZQ+eUY7YO/0yyxl3+q
+NnJWjly5Z46Y2Zj6L1891t0nx2aDiDSXf1adxSotVY/iTXVI1s1bW9nU4OeMMTW09pWqNq40MSju
+iKzqO7Je0Tbs5nXbWLqpmHJOp7upxPDTztVyvETH1N3TFdvFP4kblbpR+7pPG27LRbR0wj93j05C
+OqJOmEfuyediepHTC9G1SglgdUqTENtolFKtjCZmx27tTkx9LprqkvuucYNifDkV/Ulw7oCtZz1C
+4p4q1PwJ/lRbHXXdTmcnrj5dfDe4S6Iz7c2UXh7stH5Ft9+xO0q/PoPIpLHmBrtbqRp6bWf9OCt/
+DY40byw5DR7ipRvozhJqSedjldP1PV5dWxal7Nwn7T9a4egvu19KCmsTjJc1Oa8pROlg5GXD3rOn
+gvVPh3i+oTrJXf8AvH7SweJdXt9Uu3qdDTadrOpvP7s/3cn5pdjHnn5tuuY1P4bXp3FtxccYLXm0
+R46vLTLXPA2rTSz5mvNrV8uj/KRf9LJoavZ14Skq0Nl2kZK5Ynu18nFvSY7MW6jb3lbx1qNSm+7j
+U7FLVpfvMs2K18VemaRP9GVSu6NvSjSlcylFbpzkty8TWkdmG9LZLdWla2s2dLEfvFPON/fRM5IR
+Ti3t30xa2sRcOaFTbzRWdyz042p7wvaJ7VNF4LqzvYabT1DUV/DlW3jSfml5mTDya8bvWN2YOd8P
+5/Vqxim/Rj99eZafX/aVxX7RbmWp6/qM50aT/dUYvEF8EUvmy8q3Xllu8H0HgegY/lcSn1T5n3/u
+4S8rTnqTcm/xIwTXdnfrMfKemWuPu9JJ/kj/AGOjWO0PHZZ+uV9bdiWNXqxPcSXMn1IlC5GWe/Qq
+jS7B93/cjSJXoMj9kMq2tnXi6spOFKLw33l6Ip7K2t0TrzK85QhFQpx5YLokV3vsiIme8rUmy0Qy
+It9mhpEr1WrHTFRreNGFSvLEcrLWP7CbRSNqVrPImaa3EMeUJNupnmTfVbkxbfhkidRpRSaln+5C
+fZLx23icE1590RO48HTHslFxnHmg+vRPqV8k7idSVI0LmlK3uqUatOXWMlka+5HVSeqk6lxfE/B7
+s6Tv9MUqluvxQ6yp/wCUa+XD26qO96f6p82flZu1vv8AdyMqe+Mbmv4dtDkSexG0nJ2JmUKwjuvQ
+QiYX1DMk0WY9ah02iUJOKUY5fktzYxxuHJ5doie7orfT0pqtXw5rov5TYiJcjJn7dNWW15Fo892t
+5Ra7vqX2halGWXktEzKdrVSPmXiSJWnHHr5ltrbUfklgne0whLoyUw4DjWpGpeylTXvUoqM/h2Zq
+5o27vpduiNT7sLh1t1ZSfotzXpDpcu30ug1Kt4du/gZ5jcOdg73cBXvZwuHKnNp5Zhmv3d6s9tMe
+rq1WNTmdV8y75KzTa0TGtI09erwaaqyXzK/JTMVn2ZlDiqtB4qX9WPwyx8uGG2Ok+IZ9LiqXR61W
+S/0vJeMWvdinDX/4Q2FnxLaRqKVXWrmfTZQ/yWjHWJ7zLDkxTMarSG5hxrpmVGna1KsvOckl+hfd
+Y8Q1I4GSfNtOi0zjB1IqFKmovso7IvGRoZ/T9fqk1jU6tzTnUrTe0X8Ct56k8XDXHOqsDhFtu4qt
+bNpZK4K+ZZvVLb6auog9jZmHFmF6O+2dwhkUk84SKz2RL032N8KPW9cd/c027Wy955W0pdkbvpvH
+nkZuqfEPGfF/qscHifKpP1W/2fSGm01UvKNJbZmkewpG7RD4nyb6x2mXoKWFg6DzL52+03e3Gma1
+p9xb8ma9pOlNTgpJxb3W55v1u9sWWtq+8Prv8N8NOVx8uO/taJ86fNlaWZt7LucDy+w61Cy8p+ZP
+gQ5n6EmlHL06EaTEK8/lkiapSjVwstjpkTVdrYr0xKVqdC2q/k5X/TsYLYKzDNXPevu11/w3a3q2
+nh/Q1b8TqjcN7B6lfG0N7wddUk3Rllepq3416+zqYvVaW/U0VfQtQpycXazlj+VZMHTb7OlTl4rR
+5a+dtOL3g16YIbEWiUHSfxJiU9lPDknjlwETC9Ck+TfqWY58tvolldTqxlRt5S36pYRmxxPnTQ5e
+WlY+qXY2umcvLUumpyjvGPZf5Nqsfd5/LyN9qM5xx6mWuoa29rUksloQttdfIuIPl2SJBpLoidph
+CSWQlrNdh4ml3EV15cr4kX8M3Ht05Ilwmm18Xi23T3OfNdWeovaJxuvdx+4TXkbGtw5P+ZqLbim6
+0q+dOMnKhKXvQf8AsY62mktzJxKcjHufLpalbQtbpKpOnCTa69Gja6KZY7w5dbZ+NOolqrnhrTXl
+0bmtTz5SyYrcPHLap6llj9URLAr6BCjHP7Wqwiu7KTw6x7s1fUZn/JDUX1fTLTELjXq83FYUYrJW
+ePSO0y2aZslu9aRDV1eINLotqhTr1n51J4X6Ffl0r4bERkt+qYj9lurxVe1KPhUpKlB9of5HT9kx
+hpE7nvKxZuV5V3k22+7EUhkvl6YdpaQVrp0afXHUzVr2cjLknJk256cpVtVVKCbcppIxTX6uzfm/
+Ti29Utfdo0456RSybkeHk8k7mZX1Ltkn92NJMie4kpfEITg89SNIldiyswfhk2dH7zXhQU1HmeW/
+JLqUmVbT0RNtNpdVIylyU48sILlil5GOZ2w469tz5livCJZ0G3uT4RKcFKL8Xk5kunlnsW9lZ79t
+qX9V3tZ1Z0YQi+kYr3V8CJsYa/JrqJ2s0YOE4+G5dfwruJpHmrLa/VH1M7Vo2NrOhQjzOtUp+JUc
+V7kc9FnzL21ERtq8acmbqt7ROo+7EcFJZg0/PBTtPhsbmPK3KkntJPYiawvW8x4X51J1Z+JPDfww
+J7+VK1isahepTS2lFSi9mn0a8ivePCl67cfrvA8pXs6+nzUKFX34J9E+6MGTBF7bo7fD9YiuPpzd
+7Q00+DdVT91U5fCRinj3jw349WwKLg7VXvywXxkTGC+z/wArgZdvwTcvEq1xTj8NzJHGt7sF/V6R
++mG0teEtPoyU60pVZLs9kZYwVq08vqmW0ar2bqjb0aEOSjSjBLskZI05t8lsk7tKeQoPLXX4lj8I
+yQEJLOy7l4lC1KL6NltpWJxx0L7TCDznctvstCEvgxvSYeX8T3bpa3Wqfijz4lF9JLyMGSe70HEp
+/hQ2+k6RH7stV02cq9jNrMse9Rn/ACz8vj3EY4nvViycvv8AKy9rf7/srrtbltpJvt1E17J4/wCp
+51c1v3ktzFru7MW7Nbc18TbXwJ0nqYc7nlfUtFTrhZd087vqW6VfmLkbuUXu/kOk+YzbS6fNHLZX
+pT1ttQuZc6XmUmCLdnccO1Xyx3zncmI7tDlzEt3futcR+7W8XOpVxGMV3bJmOrtDTxWik9VvENrw
+9bwt7WVtBqUqc3Gcl0cu5kpEVjTT5eSct+ufduoZ7Fu0NOe7IgmnvuR+yGy061q3denb0IOVSrJR
+il1bZWd3mKww5slcNJvae0PqjgPhujwtw9b6eorxpLxKz7ubPXcDjfy+KI93wb4g9St6pzLZd9vE
+fs7Ph+n4uqUc9nk6WKPrh5fm21hl3RvPPvnj7Vtv/wDk9z/TOP6nm/iCO1JfWv4X3+rPT9nzPWzz
+NHn69ofZfZZcu3oXhGltvzJPCLl37BGzmQTslhdHn/JCYlWMsREm1Od564GtpTU2urKa0lLxXnqJ
+rEwmJVhNQqeNFcs2nHmWzw+qMfy4mdwtNt16Z8MK40azuly1fej25op4NbJxYlu4+bfH+lqbng62
+bbpRcV/TL/ZmrPFlv4/Vrf5mB/4QpqovEuuVeUo4Zh+Tqe8tr/ykzHarb6fw7pMX/ClVcfzT6Nme
+mOjQz87PaPOm5hb06UeSlCMYpdEsGfxGoc215tO7Sq4PsTHbsptGUX0xsTHYQnB9y2xalH0LRKVq
+UfJEpR37ko0jLOO5MJavXW46ZcNbe4+hE+GbB+uHK6PpEtdoTvtJzO8so813b/mlD/qRXdea7FIx
+zk7x5dLLy44kxTL+m3ifz9pZ067Vtjo0hqdIjvZxGs3TV1JOWxgtXu62GfpYkNdu7NKdtcSg11Se
+zLV7eEXrW/6oZEuO9Qb5qs4SaW22M/Ez1tM+WrPGxx4azUOML2+h4dSSiv6ZPcmZlbHjpSdw01TU
+ZS3lPr5ldM/zEFd57kTXflaLsqnc5hFZZXpIv3b3QKubhPmQiNKZbdncOo3bcqTbx2MkR2c3erNL
+VprTbxeLNO7ryXud6cX5+rKTHS2PmfOrqPEPTbV/uKf+lGas9nBv+qV9PzXwJ0okntv1Ko2qpepO
+hONTHfI0jW0lU7+ZWYF6xvIUr2SbeVDGPizWy21buzfKm+LcfdtpSzuiGtEIT+BKVqcmk8FoTEbZ
+OpqVbTaVjGpCKqJSfI/e+GSttz9NmPBEUzTl14/s11KlXtYeGqkppdp7kRXp8Nm16ZZ3MaZHi08q
+L5oya6l+rXli6J8wOm9m91jZk+EbTsKcvvkfDXN193GcldTE7gy2/wAOepK5nHx2oPKWzfqTKuOP
+p3KMX02K6XhNYznBBLInWhKxqUJtZjicfiupesx4lrzjn5kXhq+fuiZiGxpXm75Gkd1cp7jcweFU
++xPlCmfIqJPfYefB4U7YEzPuKSXzGxRrJMSaW5Q/m2L7FuUMdi20wsyhjr2J2tC3NNLCRaJTDyXi
+SEp6jXb687/uat57vTcWP8KNN1wHrGocP1ndWM4uNRONWjUjzU6sfKUe5kxXmk9VWj6nxcfKr0ZI
+/r7x+0sriyem6jRqXFivudeWXK3l/D/7Jf7MzzNcn4lr8OcuCYrf6oj39/6vLbvxKVSUasHF57ox
+zWYdyuWLR2aa6rNyfvbEaW6oYNSsW0pa2pWXVfctqFZyJRqvPUiYR1M60rPmz0aKzC8W021pW5po
+p07Xi24epcDaHqusxX3C1lKEF79WXu04LzlJ7Iy0xTfxDk8/mYuP/wCyf6e8/tDfa9d2fD9tUttJ
+uFdXtSPJUu0vdpp9Y08//wAiL3rjjVfLV4uPJzLRbLGq/b3n9/8Apk8KUXDSabecybZjpvSebMfN
+nTfwj59S7SZVKGcYRWZiFZet+xLhD79qT167pZoWn8PK2czpel8b5uT5lvEPB/Gnq/8AL4P5XHP1
+W8/s9477HqYfJZ7t5wpDn1Hmf5YNmfBH1OX6lOsenZG44bwb7VdLOkaTVx0qTX6I896/WZx0mPu+
+o/wwtrlZq/iHyxXzzPJ5x9v9liT+BdC25LO47Ilbc49iVdbRc09muo2aM7YT7A2KeNupOk7VU30e
+wmE7V53hYaI0tEnNvjJXsbVVRr0GkpqoV1pMSr4rREwttNzjNcs4qUXtuslOiJ8pi0x4W40LeMHG
+PNDPTlfQw249Zhl+fa07nuclzD+FXU15SRinBev6ZW68dv1RpVXNWD5a1CS9Vuis9VZ+qE/KrPes
+pxrUZ/nw/UnrhjnHaCSz+F5LxO1Na8rcoLyLb0lbnCT6E9UQeFuUNi3lK3OHTHQnwNdrlJvTLlJb
++Gys+GbB+uHm+h3t9pOtUr/TridCvRlmM4Pp6eqMdbzWdw7vJw0z4ppkjcS9E1K64e4qtFXnGnou
+rNe/KMcWtxLz2/hv9Pgbk2pmj6u0vOY8XJ9Pt01+vH9p/VH/AG8g4rtb7TL+dO6o4w/dlFqUZLzT
+WzMF8Uw9Dx+RTLTdXN17puGU8bkRDN8xr6t364LRCk32xp3bRaYY5sh95fd9Sek60o3Ek+qHQmLM
++hWXLHL7blZqmLum4WoXN1dRVKPu5w5y2iviyYp92PPlrWvl6Qp0dLt1K1rK5uEv4uPcg/6c9fiJ
+6Y8ObE2zT9XaHHc1Srq7nOTcpVMtvcwW8utWsVxah63bZVGCX8qM9fDz1/1Su5eMZJ1tRRza3yTr
+SO6qqYj8fNk6g2r4uV13Gkwl4iz1I7JhiUriK1uNHm3qU8L49jn8j9cOlgr1ca0/aXUUKza8Oe04
+7NPqRWfaXOvX3jwnKSSyXhSIJ1JQtJ1KdBSm1iLl0TI6rb7IisTeImWrt1fzf/GqGW/xQ2wRNLz+
+ru3bzirH+F/qzqd8qNBpUHczbXJ73Ly775QiemNQ1rYeu299Me65eSjd3MqqounF9I5zj0yZYjfd
+hxROKnTvaVq3QqqlKh4kZ7YzhpjfT4Tk/wASu96Xrn7xpl74cOajUWG18UI6onUsVOjkY9z3hjLf
+fv1EsqSHhMJbJdSnhLX6peVLekppfxJKnH59SlrT5bODHF51/VbVR7Z6mywTCSq4b3Gto0uRntls
+jpQmpojSO/ukn6smYRqFeu+SsIMomZ+6VcdyIQo1lhKnxAg4ltmkZQfkW2mFmVJ9SYlaHnPF2lSt
+9UnNQxCr78Xj6mtlnUvR+n5Ivi17wuaBZONFLzWSaWjSnL/UtcQWlLwaniRm9sR5X+b19DJN9Qx4
+KzadQ4ydpXw4v3o7+7LdERmmrethhprvRIVZNxpypt/y9DJGas+YJx2j3a2tw1d9YVM/FYMkXp92
+Oa2+zFlw9qa6Qi/mT11n3V1b7JUuGtTk1mnGKfdsfMrHumIt9m2suF68X++uF/2wbKTkonV59nQ6
+RpVpZV41HZ/eJR7Vn7ufginzqx4hM4r2jUzr9npWn6jqt3aQs69xKNtBe7Qprkpr/tWw+da/mXKv
+xcWK83iPq+/u1+tUPwxay3IxZLdtN7iR327TRrWlR0u2hCMlPk9/PT5GTH2iHH5NrWzW34bKnT9C
+1pYG10fS6+p3tGxtoc1StNRS+JWkTkmKxHlq8vk042K2W89oh9UcLaHQ4d0W20yhFLw4pzeOsu57
+HiYY4+OKQ+Deq8+3qPJtnv7+P2bbOTcct0/B1PNStUa6RSybPH95cf1S36YdSbTjvFftR2znwjY3
+C/5dy19UcP12N4In8vo38NMnT6len3r/AMvki6/G9zy9X3uPDFfTYvpC3J+7klWVvdJYewhHZGUs
++7gnaqnM19CNgpN7AVy35kp2c2FsxJvaqbxnyK6Ts5sr9QtEqqWeo0mJSUmu5Cdq+JkJjur4hGkp
+Kp6kJSVUia7TEkvCmvfgmYrYa2Xi9o8Sj4KX8Ks4/HdGK3G13rK8Zd/qhTmuqf4kqiXl1KTS8d/K
+f8O34PvVOX404P1RXr15JxTHjuninNe60zJ1xMMephCVJkxY3DE1C08e0rUkt5QaQ3Huvjtq0S8w
+t7SUNQ5XHpJpo1YvqdPUWjeLbo61nzWm67Gx1OT/AJnE6xa11cShBtx/le6+gjNNW/TDW9dtBe6J
+CtB/uOVvvDb9C8Zonyj5Fo8S0tfhm5z+7qZfk0XrloiceSPZhz4a1PO0Y/Ev8yn3Y5x3+xHhfU31
+5SPmV+6Pl3+zLocKVk1KrVfwSI+fSE/KyT7N1aaLSt4qUaHM/Oe5Sc8R4Wjj2n9Uui0Wzq1a0Yye
+y7LZIrObq8ovhilduwqWnJbfIdUNOO8ues9PdxrUaUY7uovoYotuzoXtFMW5enQp8sEkuiNqsvOz
+PfY0+rLx95QhNP4odpVQbz3JiRWKeOpEynRl+exCYc7rl1O31SlVhLEoKLyjncve4d/0ukWx2rL2
+/hTQLD2j8PUq+lV4UNdt6eeRvCuEu3xN7jYqc7HqJ1eP9XgvVedl+HuXMZo3gt//AKuavba8067q
+WGpW1S3uKcuWcJrG5r3pbDbpyRqXawZcXJxxmwW6qz9lmrWuZUVbwrNU08qPbJH6mStaRbrmO6Cu
+IpJVYNPzQ3Mdice5+mR0IS3pvLx2Eak67V7Su2tTw5xjWlJe8sT68vqTH0qZI643VgaloNWOo/eY
+axWqJy5otPGTFbFF7b22ePzY+V0TjiGYoyeJVKkpyx1k8tmeI1DXmftGk0/NFZlGklL1IIh2PBns
+8v8AiSnU1XUG7PSaCcp15rHPjtH/ACb3F4Vs/wBdu1Yee9Z+IMPpsxgxfVlnxH2/d5px3qllccWU
+9N0yKja0JcscP8WO5p8jpnNFaeIes9HwZcfAnNn/AF2XM74M2msZaJnsKqTl2KHhOM/PAlGl2E/X
+YqjSakJNJ5x1KxG0aVTb6smI2a0qlnp3EGmZb6dKrHxK1WNGHnLq/gidR7sGTL0zqsbXnQ0ml+J1
+azX/AGojqrHaIUj59/tCn3iyhtTsKX/c23/cmbx9lvk5J82lKtO2o0adatbW8FVlyxzHq0VnJ0xu
+VaUte80rMzpqtS0bStVUVd2myeU4SaK2mLR3hvYM+Xj/AKJYdLhXTKMeW1rVILpiXvIiIrDLbm5b
+zu8RLR8RcJalVoOVrSjcRT35Hvj4dSl4nXbu3uHzcMW1edOHraZUozlCrSlCUdnFrBrbtE93erat
+43VhysYuT934kTefZliIlF6fB4XKvMdcyTWFfuNPP4V8R1zCOiNJxs6aWOUfMlE1XqVlFZwvqItK
+JhlWdnHxFsupattz3VvHZ2elWyVPPL0XkbETtxORPdCtps7+9pUox2T5pPyQmOqV6ZYw45tLq6NC
+MIRhFYjFYRmidOLa0zO5ZVOiRMyxzbT2H2K8Kc9SfEd3S92HuUMrv5nZ9H4vVPzrPnfxn6r01jh4
+58+XsicurPTPmk6VTy0Rvanh2PB8MWdWpj8Uzd48fS4Hqc/4kQ6A2HNeR/aYp8/AEZYzy3Uf7HG9
+cjfG/q97/Dq3T6xr/wDWXx1crFRp+Z5Or9CR4Yc3jKTMkCDw36BWVuTawsdCVEHjoI7Emd2TCEcv
+yIFcvADO+c7k7BTaXTYgkz2QTCjk8+gTEpJ+vQqt3Uy292sEynafN2IRtRTfdjWl4lLxOwjunaqq
+d+w0mElU7J9exBtXxH2Y0tEpc6msTSl8THakSmLTHhGVvb8vu80JJ/lexitx4mOzJGa0z37qKNzB
+Pkqxn6NGL5V6+Ft47eY0kqs3tUoSjhZKTNveCaR/llzGpaJF6l99tEpQm8yivys1bR9XVDr8bkax
+fLuyZ2+aGHDDwZYv92H/ADOQ1S1X3mX6GK99S7GCN1a+paLlT5cmPrZoiNrDsod1uR8yfC3RA7OC
+/LknqmUdEH3OGfw/oTF9I6IFZwxhxI65JqvKzjyrb5E9Sum00a1iquy+ZmpZq8iPpdNXoJWyWOxm
+6uzk1/Ujw7onh1qmo144cnimn5eZNKz+o5ef6Yx1dBKGFgzw5q3JNMt39xbkvQtsRw+5KRbdOhGz
+SktkTshxXE9ypag0t+RKLNDlTuXo/SYmtNup9nnE99odWFa2rThyyynGWGvVGLj2mk7hret8HFza
+zS8bevalx9ovGmmqhxRZqpdU44p39CKVRP8AqXc69uTXkUiuaN/n3eAweg8j0fN8zgW1WfNZ8f0c
+FVr29vCU4X0amJtKLW/L5nPtEV7xL1da2yTETXXb/VSne0aq2wysW2Ww2ql4nJ71GST9SZ1Kuvaz
+BrXWueIowVCUfPuY9ZZ92xjpxtbne23q6lXvLehSuVSi6Mce5HGfj5maJnURLQrgriva1N9/utu4
+hFfiG14pMrc76CajF5b2K7n2ZIwz5dpwquAtHt3rnHGqxbp+9TtIvPNjzXc3sFcGOOvPP9HnPVLe
+qcq38t6XTz5s1ntE9v8AfcXUf2Pw1a/s3RqC5UoLDqpdOnYnk+pX5P0Y41WGf0H4HxelX/medbrz
+T9/Z41o91UveIVVqzcnzNttnMpEzk6pe85kVx8Xpq7hNPub8PNK8wQqn6vJUE90ErkZYZE6hGl6M
+2yso0uJvoivdC7ShOrNUqccyfRCZkmYrG5ZsYUrTfKnU/mfRfATOmH6sn4hbqV5zeZSy35spvbLW
+kV7Qs8zy1knS/bSdKk23N5cY77d2TH5UtfXY1R0Luoo06bVKOGlLd57k2rX2RxuvFEzae/4Y0I1a
+P8Kbx/K90U6NeGxNq3/VC7G6ouSjW/dvzSyiJtEdpU+XOt17r8ZNJTjJNeaZMaljnXiWPf6bp2rU
+nTvraMm1hVFtOPzFqxbtK+HNl407xz/04TiDgy70pSuLZuva/wA6W8fiat8Ex3iXpOF6rj5H0X7W
+c44dm38TA63ZHw1nDBtJQa2wxsXYR91vqTCk+WZYUs1Vt3Jr2lhyzqrsLClOVLlhHLZtUncOFntE
+TuW4s7SFCLwsyl+Jsy1rDQy5ZvLLhFdS0xLXmW64d0WvreqW+nW8MurNJ+iL4sc5bxWHP5/LrwsF
+s157Q+nNG0630fTaGnWsUoUYKO3d92ezwYq4ccUq+Gc7k35me2a/mZZ6ll4MrSmElsyY8o07zhim
+6elQb/M2zpYI1R5nnzvPLbGVpPNPtC0I1vZreyaz4dSEvhucz1eP/wASz2PwJfo9bx/nb4pu2vFe
+DxsT2fpCsdu7Cnsti8d0rTluSrK228fAt2VmNeFG+jCvlTKIQi31QnsGc7fqAz13J0G5AdMBMDln
+oCOynM84wRpKsXtv8iRTmY0lVzwupB5OftklKqeF6kJV53lIlaJV5iE9SUanfyI0dXskqq6tjSyS
+qLsxpO01VaXXYx2ifZO1JKhN5lCOfoY7YKyyVyWj3W6lrCplxnhvs+hgtxd+Gauea+WnvuGadwpV
+VlSz+XfJqX413Rw+ozTVZaS54euI7UnGbXVdH+pgmkx2dHHzaT5au40+5oP97QlFrzRjmNNymWl/
+EseVF5xjBO10eR5GzSvhtPv8RCmtryprkTwWY58tpo9L96lhtvokjLj1tqcmfpdZQ06VaKlcR5Yr
+8nd/E24ptw8maK9qtgoKMcJpLsZGrM7lCSJjsqtNFoFqS+vYvAj02e/wEynSj33TII7IT6bFtaWh
+59xRLw9TnLfEtzT5Ed9vQem2+jTZcNVU6OW31MVIiF+ZO201DUa9jF1aFZwce6ZktGvDWw0rl+m0
+MnSeIbLV6caV0oxuHtzR2TZesxeNSxcjjX487p4RvdI1FSc7LUms9E1gW4sz4lbHzMetZKMGVbjC
+02i41YrumjFPHy18M3VwsnmNIT1ziyLxK0f0I+XmIw8KfdCXEPE/4XbRivN4HycyYwcOPdjT4p1K
+m3961C2ppdYqWX9ET0XjzLJHFwz+isysX3HNCMcWznKeN30WR+IWx8Gd/V4aaN/qOr114laU8vfL
+2RXo3Pdvbx8evaNOob8CyjSlL8McGx09NdOVN/mZOpgcKVM61Fx3zn6GPHX62T1Gd4NS9AjLK2ef
+kbbzaWX32AllkAnvsBPPT1InUHhdhJrG5XaPK5z43fkROo7kV22tvS+5WqnL+NXWZecY9kU8MFp+
+bfp9o/3WJybbRHuzRGkHs+hPhKmOyZJtkXbhDTXQpV051cxmo9Y49RqJhhx7nN1WjtHhr6UrmlDl
+nPxEv5uv1McVtXxLbt0XnetM6NFzt3cLKjHHN6fFl++ttabdN+iVicE1hrJM92Ssz7Lap1INOhNx
+f9zFNPsydUT2syqdRSopzbVXLUvLHYtHjv5YbRq2o8L0JrDjJJxaw0+jRMT7wx2j3cXxTwi6NVXu
+l0nKjVfvQX5H/gwZcUT9VXf9O9T6o+VmnvHv93NvRtRUmvutTK9DB8u32deOXi/+S5T0HU59LSa+
+I+TafZWebhr/AJmfb8KahNLnUYZ82XrgtPlrX9TxR4brT+GKNs+evVdR+SWEZa4Ijy52f1G2SNVj
+Te0qUKSUIRUUjNEREahzbWm87lfiuwmdKSv0474x0ImWO0vbfY/wrG0tJa/c0/3tZctPPZd2jv8A
+pHF7Tlt5fMfi/wBUnJeOHSe0eXpibXQ7+tQ8LKfNlZyRtTS5F7rIVl6Po1PwtMt4/wBCZ1ccapDy
+PJt1ZrT+WaXYHBe3C3dx7NNWjFZ5YRl9GaHqleriX/Z6f4Ov8v1rBP5fDV5tOW2DxFfGn6cr4YE5
+p5wWiEzCznDLKyo35EsaEn3fYnautIufkDQ3lZEnYTfcIH02fQn2T2HLPQjZ2U5sbt7BPlTny8rY
+Ghy32eQKOWOrYDL65CSTx+HqAUvUISU9+oSuVfBVOEqdSTm0+dNbJ9seY32VibbmJ8LfP1XQiV1f
+EbWMjwnavNtlvoSbSUny5TW+2CPK3Ukqg0mLKqot/IjS0SnGeejI19k7S8THcpNVolVyhPacFL4o
+x/LiZ7r1t0+FipZW9To3HP5eq/UxW40TvTPTk2jywLjQaVWf/laM4ye8k+Vo1p4s+zcx8+ax+qWr
+uOHrNTlFVJ0nn88dvqYJw9Mt6nqF5jetrC4Wryf7q4ozXxwU+XMz2Zf/ACNY/VEtpYcHxa5ryr/2
+w7/My1w78tHP6prtjhvrXTLSyio21CMH59zYrStY7Q5eXkZMs7tLI5dtjJ7MCEkNCLin0RPhKzJb
+4wWg0tzWN8dC0ShalnuTvaYReMY2JSt1M4xERKYcDrjo1tcqWVzUUI1WlCb6RljbPoYrxFp1Lr8a
+048fXVl6Xa3mmVZ2l7QnSqRe6l5dmvQp8vp7MmXNTPWL0naOvXGKE4827XQTWE8btO3L22pSta+e
+fBEVdC+r1dHacYyopZr80ejTWcGxWdOZk4sTK7W43pxTaaax1RbbDHGc9qfHl5UlKNCtFR6bETM6
+7NrHx8cR3c1c8RXtxJqdxNp/1MxTWZbleiviGHC+k5byeW/Mp0svzGQrrMsOXcdPsnrl1XDclLqX
+irUz3mYdNfzSt3GHeJa8duzSxT9W5V4UsJ2V4ncrlrVIc/I+sYvpn4lK0ms91ebn+bXVfEO0g3y5
+6f7GZyJT5njDecEIE99xoVTzjEgJKS6EaFxSx0ZWYQuQrRVaim+s0Uv2hkpWbRLcV60qz58mLq21
+8dOjssb9y0alkRb8ydoZFpTo1oylUk0o+SJiY2x5ZtTw1cb+p404V7Nwpp+7NPOUY7WtHmOzc+RW
+axNbd/syY+HVjmnJSz9UTSYlgmLU/VDIndyenVdMVNRpVZRlJ93jsZY8TH3YvlROWM0z3hhx8Wgk
+oS5o+UtzH0zX9LZma5P1M+tQpQoQrU22mk5bYwxPdrVtPXNbLCae6GmVdjNtEeFZhmWdSnzOlWip
+U5rDTJrbp8tfNWdbr5au5ou3uJ0ppZg8F5r3bGO/XWLQtR3bymNT7rpJonUQJRSKzAux3YQuRXky
+vlWZdHwbw/U4g1mhYxT5M5m+ySMvFxzyMsUcf1fnx6fxrZZ8+z6RsrejY2tK0oRUadKKhFLyR7HH
+SMdYrD4nyMts+Scl/Mr/ADb5Mu9sCSeMZ6Eo0v0VzVIpd2kTEKWnUben2kFTtaVNflgl+h1qxqNP
+GZJ6rTK8So5P2q0vG9n2twxn/hZP6Gpzo3xrx+Hc+G79Hq3Hn/8AaHwPftqrJLB4Os6fqjHH0te5
+ZLxK0wtyeC8SpaEJSaWxLGtuTbWQiV6hdKhSrU3Qoz8aPKpTjlw36x8mWi+mLJj65idzGvsx5Mrt
+kghKPOnUTcc7742JRMduys2s+6njsRJWPujzfBELaHJvYINiRRvBMJ0Zb7iUKKRCVebHYIHLfzBB
+nD7k/hJzP6EJg5sEI2rn1AZwNivMExKSk113CRz2yCJSVRpBeJlPxPUnSYsqqm/Urra0WTjU3bI1
+pKUZLfLwRqE9SrqRnHDiseT3KTSJWi2pWHZWvNzQg6bTz7jwvoY7YKz5hnjkX8TKrhd0sfdqsWs5
+al1Ne2C1f0rRkpb9cJLUrmlLluLaaXaWMr9Ckxevk+TjtG6yyKeo2tRpKom2uzEXY54947r6qU57
+xkmWrdhmsx5U5dti+0LcoJrqW3AtSh6E7T5Wpx7DcC0447ltpW5p7k7W08y4xhz6nV+Jgv5dzhR/
+hu04S4h07X9Kt9C4tfhSto8lrqMY5nBdo1F+aP6o2ceSLV6L/wB3G5vEy8XLPI4nffmvtP7faXPc
+daPf6JTVevT57epvSr03zU5x9Gv7dSb4pjvHhu8HmY830x2t7xPl51Wv06mcmDpdbr7MCrf1OZ4n
+j5k6Vm22PLUqqXK6jw+2S0QxzaGLUvX05viW6VZstfe/eW5PSmLrlG4bktysxqVoyM2nVy0k8kTC
+8Xd1wfTq3M6dG2pSqVJvEYxWW2WrXq7NTkZq1jdpem3um2HCNhK+1xQr6pyc1vYxfMqbxtKq/wD7
+fqZprGKN38/Zw6cnJz79HH7U97f8R/25ng65uNR1W5vrqo51KizJvzbNWLddu7qculcWKKV8O1i8
+Iyw5mjO3XBGkTHcc/qAc/UtCFVUQSqqnqVmDTEvrvwalu+bH7zsanK7V3Df4NOubR+HR2dbxKSi3
+7y65MdZ+7TzU6bbXsrr5GWGMpUpVp8kdxCtrdEbK+p/shVtLc6catVL3Zxzj4Mi9+jdTHxv5rpzR
+E6hiUrhVJcleCg30kuhSt/8A5M98eo3RkTsac7N3lGtHKnyZjLozJNYvG4YozWrk+XaFmFWrH3aq
+Ul59xq1V5rWf09mfVslTpU66rQlTnh+68tItEx92rXNM2mmu8JXd1b1aFKjbRmnFfvObu89iZmNd
+jFjvW82v/RjLKW39iss/lOLKqynzuEcp/Ai20a3KOurwrilLvOjCT+ODZ12iWPizuLR9plrlUaKz
+ts6XFUyEaTUt8lZQvRl0SeCEaZNCPNNLGWys9mO86h737LeGKejaW9SrxXj3O6/piej9M40Y6fMn
+zL5P8U+qTy8/yKfpr/u7hNPdM6zyUpZfZkqJqW3ngROkaZumR8W8owe/NNGWneYYORPTjtP4eoRW
+IpeSOq8YqBoOPKLuODdYopZ5rOp/YwcmN4bR+JdL0e/y/UMNv/2j/d+fmpR5Lmon2bPn1e0v1jin
+dIlrZPGdzLtkmFib2JhSVqU87bZJ2prSLbSyFZUk8olCnOvgNGjPcBz5W4NKbY6kA5egQZy9382T
+uI7pRbw1uWiYk2c2UiPfuK82w7eBXPbyIQpnfZ4JhIm+m+SJFXPy8gKOW/XP+xOhXbBUEwK8yT6k
+p0pzZCEk87dgbVT2w2QkUsPDCdquWEmExPdJVFtvuF9rnidskHURmujIlaLJZI6VupJVGtiukpqo
+0h0/dMStypW9TedOOWsNrZ/VGO1In2ZIyWr4lCpZzUV93u5wx2kuZGC3H347Mlc8b+uuxVdToqK8
+JVl/RLf6MpOLJEdu6f8ABt38Ly1KjBct1GdKpnCjJY+Ii3T2spOCbd6d4XoVqNSPNGSx5kxfbFal
+qjpqS65LRO1dLbo9X5lk+VmVP0LbhLzrjOylT1NtraeJGHJ2l3vT56selzRLX9ymvLYnHO1OV2st
+63f6hZW07ejWbpz/ABUpbwfyexmjJ8vww4+PTLO5ju4G9s7W4bbhOjLzhvH6E1vWfLammSnju0V3
+p9zTbcMVF5p7/QtXU+6k2mPMNbWhdQ/HRkvkXiIVmWNJ1XhOL29CdbU2rCnWk/dhJ/BE6OpsLHTb
++vNNW8lnu9iswn5mm8s9CfMndV/jGmsv6lZmke60WyW8Q9O4Muq+kU3HSIK3lJYdZb1MfHt8iIy9
+P6GnyeNGb/294+3szNeVSdCpOq3KUovLb3b8zHe8z3lfjViJiIU4DoTXj1HHHRZMeOdr+oT4h2HL
+t1M0S5W1HnqW2hCTysLYEwhJvJbSFFJ42I0Qlzt/EhMNPxDX8JUOzy2avK/Rp1/S43eXe8FaRX4w
+0mVbSpp6hbRzKj/1Iry9SvFxfzMar+qHH9Y5lPSc8Rnj/Dt7/ZWUalKpKhcU3SqweJwksNMid0np
+tGpImt6xek7ifdd06tbULrnu1N0mmvd657F6xG+/hjz1vfHrH5YFxKzvK05NLOcLmRT5lZnTYx1y
+4qxpblbSgsR6PqiOiJ8LRl3PdS28Chml4LhzPO3Rsmv0+yck2yRve1/UK8LKyVaNCrXnKWMQjsl8
+S18nTXcRtiwY5y5emZiIXdK1a1radWpV9Oqxqz2g28KJXHbqjdqq8ri3plrNLxr3RhkyzP2JTUt+
+pSZNJrfZ5+RA3Ok8PXuoUZX7pONrB45mvxS8kZseG2WOqfDm8rn4uPb5W/qn2aTia4hV1arTpPMa
+KVJY9EZL9u32bXArMYYtPv3atNrr/wD4U23E1Lsu3cC7B79RKNMqk0+iKSpLuPZzwxPXtVpzqR/4
+ejLMn54M/D488jL38Q838QepxwME6/VL6Bpxp0qUaVOKjGCSS9D1lYisah8evab2m1vdOD2LqSnn
+bBKk+dilhYCJht+Go+Lq9vHGfeyZsHe8NH1Cenj2l6WdR5EA1+v0/G0PUKWM81tUWP8AtZTLG6TH
+4bHEt08ilvzH+788ddg6eoXEGulSS/U+dT2mYfrji26sNZ/ENPPq8l6xpsMebW+S6k91lt52JY5U
+bT27dyN6VU5sdi3kmFKcZ1aijGOZSeEl3ZP4hEzFY7k41ITcJxcZJ4aJ/EkTExuFH7q3yNG9in12
+RGhGU3nC3EQKSm1u16kaNHO5PdbExKVc48xMQhVz2zjZEa9zwom/MmBVy7JEb0KKWU2iZR5Mvz+Q
+jwlXPRLuO0g3un5iOwc2VsyNwQrzLG7I8pFItpHZJyS7kaDm7kRCYV5tx32K580T2Njx8yNp2cza
+I2bV50tiVtpc/qQnelVUWOvoPC3UnGq+j6MTK20lLDWWtys1NrtOdPD5k3tth9ydImZ9lVU5d8/A
+rMfZbZOUakcVIqSfmslZrvytW3TPZj1NPtan8OU6Xf3JYX0MX8vWezPXkXr57q28dTsJOdpc0q3M
+msVY74f6FPlTSfpkvbFmjWSNfso766o/+ZtZ47uKyv0Mcxev6oWjHS36JXKeo2dZ48SKflkiMse6
+tuPevs1PE+kPU7eFW3SlOn2XVoreeqOzb4OaMN9X8S12lWLp0FGUWmvQrS06bPJmLW3DXcQWSlDG
+M/HsLWll4vlyz06EpP3cL4GP5kx4dHpWKml03nmgsD50/dHy4lCWiUZbumiYzypOCsi4ete9JfQn
++Zsxzx6/ZOOhW8fwwSJ/mZk+RX2hdo6TSUl7pX+YlaccQyIabDmWIkfNmTpdboNmo04tR7dzPSzm
+8nyv69b5oySWdsE3nsx8X9Ta8OaU7DT4xnHE6nvSXkWx9oavMy/MydvENm6ZmiWmtzjh7omJFuS8
+tid7TC21vt2J8I0YJSbJ+hET9xzfFVZeJSinulk1eV4dn0qNWmW49mfGF3wxrFO5t6rjunlPoanH
+vbDk6qr+v+mY/U+NOO8PfNauOEvaTYxvYTpaZrkY/i6U6/8A8ndyZMPOpHX2t93yzh4vUPhzNOPU
+5MH296vML2nW066nZXseWpTeNt0/U5dq2xz02e3w2pyccZcfiVlxpVFzJJkTESybtXsjzVKSxB5W
+d0xETXwfTbyrUurSPvVZqm+mX0E3iP1IrivPavdnaLe0bub05ajRhSnu3J7Jk0vFp6Yny1+Xhtir
+86aTuGPLlhVnGMlJJtJruWnt2Xru1YmVFLfzI2tpLxYxxHrJ9EurI2nomXoHA/s0u9Yxq/EU/wBn
+aXBczdT3ZVF5I3+LwZy/Vl7VeT9a+I8fC/8Ax+JHXln7ey/7TOO9J0XTFZaLSjTt6CdO2guspfzM
+zczk48VemniGv8O+icjmZvm8qd2nvP4j7PHrStUr0VWqTcp1Pfk35s5+Kequ5e6zVrS/TXxC/ulk
+yT5Y044e+Ahegn1bKyM60ozrThTgsuTwl5mOZ+zHktFKzaX0R7OeGqfD2iQlUhi4uUpzfkvI9H6d
+xoxY+qY7y+PfEnqU8/ldMT9NXXJp9NmdJ5pLLW2epZCTbXqECkB0fBNHxNWU8bU4tmzxY3fbker2
+6cGvu9COk8sAWbyPPaV4fzU5L9CJ8LUnVon8vz44jpWVLiDUKd+60aca1RLwkst83qfPMlYjJaLf
+d+suBfJfh47YtbmI8/s5a6dFVJK2c3Tzs5rf9BH4dOnVr6/LFqy93fqWhE/hZcns+hZjRzlrHfYj
+v7qyhOWE15FvBpHxJQkpReJLdNCIUtG+0pVa9WvOVerJzlJ5lLzbJnuVrWsahGU/dW7yQKOT8xsU
+eEsjcQmBSeP0EzEmzmfZ4I8iviNLfcfgUzsydEqxlhYXyJ2ClhvciY2nyon5IQaTUkl13G+yDxNv
+UIE1u+mxK0ia/MyNe6IVb6vPyGtpIybbyO0IV5lnrsRE9w5umOglKvMsN+YnQkpLoIjSFObcaiUx
+KvNjGw6Uqp9Cs6Nq5TXqNI2pnLyFolfs6FS8u6NpSa5604wTk8LLeCfM6VyZYxUm8+xXoztrmrbT
+XvUpyhLDysp4ZNomOxjzRlpGSviRSUmvDTxjfL7lVotPuq5SWFn1Gl4ttJTTeCNLRZKM1nqRpO12
+D8RtLOcZSRPTtE20Ko106lOnfldaq2ttc/xqEX6pYf1Mc4onzDJTNaniViemSTzZ3k6a7Rl7yMV+
+PH+WWenJ3+uu1p09QpNuraxrLvKk9/oa/wAi9fyzVyYreJ1+7V6hQoXy5HOVCflUWDFkrZu4Lzi7
++Y/DUVdCuaS5o01OPnF5ME1l0K8rHftvTXTtZRbUoNNPuUmW1Gp8ShKjy/l2Gzp2jydPUdSOlJU8
+LDj8xvaJhOnBOSyuhKkx2XadJOa+Jbakx2dVo9JRpRbaSRs0tqHI5Xns2lLTlcVo1q0fci8xT/Mz
+NHfvLRtm6K6r5bFwWdvgX3DT3tbnHr2JFqa2LRKeyxNd8ltpW2ti20kumAhCXR7kwtDjuKpON7Fv
+OHDbc1eRG/DtemT2la0Gr/xGfTqamOvd0uTP0O0o63XsYJxllfys2O9Y7OJbj0zT3Spa7Q1ueI3E
+o1o7clR5+jIrbrjRPFtxI3rt+Fu81a402XLO2qTj/Mlki9LV76Wx4aciPOpQp8Zac3io5QfqikZI
+91remZPbuuy4g0S6hy1K9NrykifmVnyxRw+RjncQUNU0S2nmjWpxb2ymItSPBfDyMkfUyP8AxFps
+elzT+paclWOOHl+x+14Vo89GpzR80I+rvCf5fon6obvhnXIafdfe1pcLipHeEq34YvzNjDPRO4q0
+PUOJPIx/L6+mPx5dLq/Hur6lBS1G/wDEUF7tGG1OPyNrJnveN2lxeJ6Jx+NP+DTX5ny8p4u1i4v7
+yPi1HJ528jm57dcxt7b03j14+KemG0sXi3pxS/KjapGocrNO7zLMj+pbbGuRWSBehHO3Upaew9E9
+lnC71fV43deObe29556N+RtcHj/PybnxDynxP6n/ACfGnHX9VnvMOWOElhLbY9RHZ8jtue6WWmWU
+Sz72EhtCSbxs8EoSUljdBEw6/gGm3dV6mNlDBucT9UuD61b6Kw7c33nQC3Xz4FTHXkePoRPhNfMP
+z29oFGpR4m1KFZYf3io//wBzPn2eJ+daJ+79Z+h3i/AxTX/4x/s5GrlPZFHX8sao9/MtDHaFqba2
+7MvtilblOKXKkTG4VQk+3kTHdEKSlgieyNKc+Fv0+JGyIM5fwHg1pRz6YZPlJz7FZgOZye2GTAq5
+46jwbOZYyEKOW2MkmlFLl7kJ0nzJdyY7mlObb09SNyKtrzJQqpJr8O/xGthzeQ8IUy/iRKVcvrkQ
+gUms+Y2lVy33JNSrlJJ+RXQrzZ7kxH2N/dXma6blp8I2c+V/8FY7GxvfqywkpJZTfwK9JBz56dhP
+bysrzZW7+Y7eyVVJxknGTWN8rqNIlJzby5Pd989SJj3ISpx5ljn5V8SfwTOiUuWWI74fmQmJ2OpJ
+ybWFnrghMTpXneeV9uo0naarOOHFY36kp2kq35mRKepdhPPNGVRR2z8SNHV9lFNJ9SNMkSmqpExE
+pjsrLw6seWtThNeUlkiaxMd1otMTuJY/7Ms1Jzoc9CXnTlt9DXvx8c94bEcq/i3f92PdaTWm24eD
+cR8qkcP6o178SfZsYuZWPO4/ZqbrRLdbV7SvQfnH3omvbjzX2dDHzbT+m0T/AKMKWgc//lbmnUXk
+9mYJxz7NqObr9caY9TRb+3TcrabXmlkr02r5Za8rFfxKzStKjlhU3t6ExuWS1668trY8M3901VaV
+OD7yeDNXFaWhm52LF2jvLqrDR6VpCPNJ1HHz6GxTHFXEz8q2WfszlFLvgzefDUlRp+hOpQtzS8yd
+blPlZks9BtOlmcfPqZNpWXssYJFGts9wLct0SmHE8R1FX1Gdo3iSS5M+fkYrd+zq8Ofl1i6xocnC
+tKE4tNdn1Rr1pqe7fz36qbhvL665KDafYyTXs08Ubs5Onq1S3uHUhLDyYdTt1prFq9Muz0riy1rU
+o0bqrGLUduZ5yzbpPbu4mfi2rO6sq4jo12nKrRpb98YyZPl1t5hiplzY/EtPe2/D1N8zhLHdwZjn
+BT7NvHyeRPu017f8O234VWl8JGK2HHHs26X5NvMw18uItPg14FjzLs5zyY+iseIZ4re36rM2240u
+aMGre3o08+SLxOvCluJS0/VMyzrTiq9uq8fFrzl6Zwhu0yrPEx1r9MOstdQnVo89SbL1nflyr0is
+6hotQm7jVKVJPO6yYbxu0Q3sdujDMuttdoJLokbkOHfvLKjvsRruqvwi3jHQrKGw06zq3dxToUIu
+UpyUUkUmJtOoYs2WuKk3t4h9IcGaDS4e0WjaqKVWSUqj9T0/CwRgxxHvL4x636hb1DlWv7R4dBzb
+7I3XF0l1XQI8JRcV1LK+VW8LbZBCUW0tnkgmHdez+m/u1xWfeSidDhx2mXmfW7fXWrrjccMAo1lN
+eYHwJ7YKLtuPNYo9FC6n/c8Dzo6eVeJ+79T/AAneMnpOC3/6w8/rPyRrvSMOpLOfQyV1KllqU10z
+nBbX2YpWW8+83jbJPiFJRk2l/b1IiUItvHn8CfKVOdPZ4HgU53nCeSPIqp77E6gSlPL2XoRraIhH
+xOqSG9ApZ2SI7p0lnG2colCKn7z9ewjfhKuUvgWFXLDI39xXPMt+qHYU5t8EI8pczGtmlFJtk9kp
+qe/UhA3Ht3E9kKczQNK83u/oJ7CufkIEk/J5JJUyJV0rv5jSZUTbe7G0QlLk7Pt3G07UTeNkROpS
+qn3IEk0luWhKsZLG5E2QqpbLfoR5I7KOTzvuNaE1lpyXmRK2/ZXLe4FXJpYT2JjuHM2uXyHgVcnn
+cRuVtq8+OhCYlNVGNLbSpVc5y9xMJ6tr0Z+b6EaWXVXfJyYS3z03ImNwjXfaiq9skT9l4lCta2Nw
+vft4tvq0sP6mO+Gt/ZlpmyU8SrRt521vUtrW5ap1vxKpHma+D7GD+XiImIWtljJeLXjvH27KVYVb
+GlCNKxjU2y5RxlmOcFscdoXrkrmtM2tpGGt2yl4deEqL6YksGKLzH6o0tPFtPes7bClXt6seaFaO
+PLJeLxMNW9LVnUwnyp/hwWiVP3UltjYt1IW3FZJ2lacE987iE91qUC0TvyLMoruTtK1JeTLJW59y
+dpebcVzktTqThJpxls/Ix2nu7XErvG6Hh6pb8U0VGEKVDU6EMPflVwl/939zJWIyR38tPk2tw53v
+dJ/0YOt15W9KpCpBxlHZp9ilq68tjjzF5iYlw9W6TqtpmGa93U6uzHq386cswnhovEI3911cUX8I
+cn3iTXq+hli0wwTSm9sSpxHd1E1Kq8eg3Mp+mJ7MKpqMptScm/mOna0XIXuX+IpNV4uz6V0+VPI1
+pMX23Gi1nK5WX06CtdF7dnodjUnUoqFOLcnhLC6smInw5GSYidp3di9HvKdG8S+/XTTdPvSh6+rF
+sfy/PlSmb+ZpPR+mP9XR0UlFYRbXZpW7ztkw/pRHdVk0ovK2yUtJL1P2ScLO5u3rF1S/c0fwZXVm
+/wCn8f5uT5k+IeJ+K/VPk4v5fHPeXs8YJ46pf2PRafMbWV6SwnnLwSr5hJrCwSrtVCCVXtLoTKqX
+vZTTyB6RwLRdPR+d9ZzbOlxI1jeS9Yt1cjX2h0ZtOSAAPhT292ztvaPrMGsc1bm+p4X1SOnl2h+m
+/gbJ8z0XDP4eV13h4W5pw9j5YdVrs+hevaGOzHlLL2/QuwytuTUsYQVZ9haadd1fu9a5qqo4NqSS
+UU0s7l6xXw1s2XJSN1hjrTq8bercVpRjGmljEk8tsmKLRniZiI8sOWYy5cLK2Ka+7P8AlclXpyow
+pxt4xnDOZpvMvii3bSIrMTva1z5fcrMpHN+WN9iAWVu+pMR907Vck11ExpCnidmyA8R/lEpV5nJ5
+6YG/uhXnafUnYqpNdZPfqA5nnCWCNiraS3eSTyc+OmyI2Ce3NzfLA2Kxlv1Akm28rYQg5/MCSnny
+EdzSXM89OpbcB6FUaFLLxkA211J2hVP1G4hGhN+ZHlbwq5LGw0GUmJ7IV5n0zj4AV5tkVTsy/Pbo
+TqUqp5WH1LdkbT3x6LyIjuncDbe2fQnWjaSax1+ZXWwb7JExGjY2ujITsbfyRMJ2Qk0uxMp2uRba
+zzfqVT1LiqNbt/EhMSqqiaz3ImNrRZchOOd5NLzJ1paZ7Jxll7MjubSVVt4bK6mZTtKfJNclanGX
+pJZKWxx7rVvMd4ljz0qzlJVKLnRl19yWP0MNuNS3hsV5eSI1bvCLo6rRm3QuoVY/yzWGYJ49o/TK
+8ZcF41euknql3bY+/WM4J9JJcyf0K6y0/VCPk48n/rs2Vnd6ZfWVWtG7hGtTaapt4cl6F4vW0d2n
+mx5sV4jp3E+6GacujWC0W2t0zHlGVPyJRG1mUPQt4StSp5LeyVidJ98fIDzbiqhKOpVlj82TFee7
+v8PvjhXh6jKK8RNpp5TRak7U5Ue0s/XLyhXtJ0tTpyk8e7Wh+KL9fNGfr6u1mjjxWrbeL+zzu7ta
+8ZOVCarQ849foVnH33DoRm12t2aa4uZxk4vPzIiq/XDEndtrKfQt0qTeWPK7efxP4F4hWbiud8fU
+TUi+06dw09s/AiarRZsqFdtLdlZhetnZ8F6Nf6xdwVGEYQz71Wo+WEV5titJlh5HJrir3ev0Z6Tw
+pbcum1Y6hfpJq5xiFKX9C7v1Zkma4/095cLWbm2/xI6afb3n93I2la41PiWV3dVp1as5uUpS3bZq
+WtNrbl2/l1wcbopGodtRhsl5mWZcmZ2yqcM9N/MrMqtzoOmV9Sv6NrbwblOSRSsTkvqGrzORTjYr
+XvPh9K6JYUdK06laUaUIOMVzcvRs9XxscYscREafFOfyLcvPN7TtnrK9TYaCT97dNLA8+EePKrbz
+l99yURGlVjCywhVS3xkGkk8PuFdbercK0lS0O2S/NHmOvx41jh4n1G3VybNuZmiAAPiP7SEFD2l6
+nh/i5X+h4j1eP/y7P0j/AA9nfomP+v8Au8ar7S3NCI094wK0sNovWWO3hjc8U/V9S7BMbWpzeRCN
+K06tSnPxKVRxku6JRaIntK26s25Pn/F1EmoHKOFyt8y/EJ8HdSVVuOO68iCI0om+bLEwlP0f1Bsc
+ljyGkKcz7Egt8YGk+Etm+mcEaFebDT2J0aVjNJ8zWfRjWvCBzT36ehEyKOeeoFU8LDzkCkcZy2Sl
+Jy22fXqRJpVN9G+wiO6FeZLGOoEst7bIIVy0/eEdvAcybbbInuaS5tgg5sPHcHlTmeHnoSJRku+S
+eyEoYlNeJJxjnd4zgiOxPjspzYba6fAG1W9txMpOywgjwr0W4hKuc9WTuEGX3CNJeLNw8PO2c49R
+s6fdOkoycpTlhKO+P9hv7pmdRqEVJvbJGtp3pXO+ObdeYmJg2c7ezzgTEnhVvbb5liZE116bEkSu
+04RmpNzS5Y537+hSYTM9IupHZbZHK6tIJ2nGa3TfTo0NG5VhPs2yIhbqXFUS375Glur7rk60pSzO
+TbZEwVmPYUl2I0ttPxMPqRMJ2l4re3UrMJidLdS1s6z5p0I580sMxzjrPsyVz3r2iWM9MnTblZ3s
+6be+Je8jFbjR5rLYjlRbtkrtVVtXt4rxKMa6Xem9/oY5penjuTGDJ4nSUNYt5S5biEqMvKawRN5j
+9StuNb/LO2VCtb1lzU5pl4vEsM47V7SpKmpLKWS8W14VhxvGmjtzheQjtJcsviYs3bvDr+m5fOOW
+Jolk1QWV8CtLSy8rtZY4hs3Ki1y79jJN9I40blyE9Oak5RyvgU+bpuWx7hgXmlO4/i01L4rcyVzz
+7sU8aPbs1dbhbmXuuSMsZ6qTgsxZ8JXOcxqv6FvnUU+TcjwlddXU/Qn59ERhvDLtuEpRknVnJ/DY
+rOasMkYbt9a6NRt8OnbRz0zPdlJzx7JjjzPmXTaLQuOdQlJ8n8q2SKfNmyuTFWkdnXq3at0+u3cd
+UTDQ99MThyxctSqV2to5ZjrP1bbXLt04oh2NKkuu5l3DkbZdGk3sl8ylpVmdeXrvsm4Y8NPWrqnn
+tTyjq+mcfqn5kw8B8V+p/wD9XHP7vVHDbODvxD591d+xHL7DySmumxKkqtt43eAhRZw8v1G0yuK1
+rK2++Nfu3Ll5vUnpma9UKTlp8z5XunptvVv76lZ0ItyqSS+XmRSs3nphGe8YcU5Lez2WxtYWVpSt
+YdKcUjuVr0xp8+zZJzXm8+6+WYwAB80/aW9kWo3dxV450SlO4g4r71Sisyjj8y9DzfrHp9rW/mMf
+f7vsX8PPirDhpHpfJnX/AMZ/4fKl3CSbjJNS9TzsfaX2qJiY3DXVnyprZ4MkMVpYb6totHdimVtb
+Pf5E+ESo5NPONghRyj1RIintmb+GCJJ/C/Rr0I29WNS2VSU8ck84cGnvt3JiYiFLVtMxqdLLlvs9
+iq6svcbfNkntBE7UT7vd+Q/KUlLbH1EwaIzw1yvuNkwuVq7rVpVXGCcuqhHEV8hM7UrXpjUKde6C
+do8yW2erJnssZWc56FTavNsAzl4Ta9QCfTPcJSWEsDwiRN52YgSe2cLIRsb3TZOtCqk2uhGxVb47
+EIVy87dUBWTW2+4gE31ySJ5wsExH3NKvpjGSJQipNLGcgOZN4e40TCXM3gbRpWL7NkbJTbJ0hRZ6
+NkrQrnHQhCTlHEUlh935komFFt3Q8pVk8vZiI0R+SMlF/hT+JM7QrzYW5EbJItJiUwuSm+rhjPTA
+1s/ZJP0I0tEjlHqtsDQRbl7ifqITvS7Gq+RwTWG8tY6kROj32pPaX4cemQmJFNt5bzuNyttLnafU
+jynaaqdG1sTqUxZKM1LounUiU9SXiIjW0xKSmR0wnaan03Gu3ZO1H4dTMakIzXfKyU6YnytFpjvE
+seWmWUp81JSoyfeDx+hhvx62nsz15N4jU9x219S/gXUai8prD+pinBaviVoy47fqrr9lm7lO4oyt
+r+ynyy/NHdfExWi/vDLjitbRfHZiWlnbUVy0qsZY7PZmOs9LYyXtfvaGu4gtZSppcvfqRltOmzw9
+bcz9yw3sYeqXUmOyxUs1zPmS3I65T0qfdIpYUUT8yUTX7is6fXl3Ji8yjpS+7RzhL16ETeTp+6Ub
+WOeiRPVKJrpe+6rPREdSutN7o1om02kZqS0+ROodDVoONHEerWEZpt2c2v6u7L0jTI2VLp703mTF
+e0MPJzfNt+IbanR3Wxb9mrM6b3hrRausanRs6UW1KS5n5IyYsc5bxSHN9Q5leJhtks+idMsKWmWN
+GyoxUY04pHq8OOMVYrD43y+RblZbZLe7Je7xkzNWO3dWLaW8l8hHZE6lWTxvLbPYsiI+xKXTD6Lo
+QRAmk03vt2Ezo17K1r2q7aNrGeKUXlR9RNp6dQimCvzPmTHd23s30V4nq9eH9FLP6s3uFj39cvPf
+EHL7xx6z+7vjoPLgAABGpThVhKnVgpQksNNZTQ8piZrO48vMuKfs6+zTiedSvLSfuVeq23Ut3y7/
+AA6HPy+mcfL3mupev9P+OfWfT4ikZOqse093ivGP2NtaoTnW4T1eld0+sadf3JfDPQ5ub0SY74rf
+3e59O/ihivEV52OYn7w8Y4o9ivtC4U5/2tw3dRpwf8WnDnhj4o52Tg58X6qvacH4q9L9Q18nLG59
+p7S4avaVqMnCpTlFrs1hmtNXcrlraNxLGlRlFdd29yutL9aPLy9txpO9oNPOEtvUjUrbVWccqI0r
+MkodETEaWidmMZyt0NzBtXMHHK/F067CU9xbp53I2bUWz3XQnYm9yJ17CiSS/Fn4ltijwtyspHnZ
+9u7BCrwklnd9B4FVGSTk+oQPfdJr4kJVb8mW32FefCaIRpVNpZY2K8wFVLfG6AOTxn5IGklLs3gd
+vYU5k102Gkd1cp9OwSk59Owk0rzNb/MQLlKnOrSnVi44p9U3h7jW1bWis6lBNb77juk5ts5GjQnh
+cyCEotPv6kxIqnzPGCJIVUks4QhCXiJt8y3ey9C2+xqVUvd5+Zb9u6KoU279S2kil+glKqlnPoNG
+iL+ZHhCXPLpknQuZSittiNybgTzFPGPUiexv7KqTjJd2IhPfSdSq6k+fw4xy+kVhFvKI+mNDmm0n
+177lIhdRPbKEwKp9n5BPhXm233AqpSzlf3J0bSU99yJSr4jb2ZHlO9Jqeeuw0tEpqaE1hbasZ57l
+dG4TjJ4W4mu09SXivG5HStE91J0aFX+LRjJ+eNzHalZ7aZK5bV8Ss1NMpST8OtKKf5Ze8jXvxvsz
+15Vo8w19xw/Gab8GEv6oPH6GtfjTHhu4+fr3ai64b5W3CTi/Kccfqa9sNq+XQx86LeWvraPdUd3R
+bjjrHcxzWYbNeRjt7sV0ZReOXoNs24lR01nDX6ExIrCmm08DaJXo003/AHJ8qb06PRLeTSaXMZcc
+b7OZy7RHl0dC13Uqm77LyNiIlyL5N9oZcKfLuX2w7ZNGHPJJIiezFedeXs/su4cVjaftS4p4qVfw
+Z7I7XpnH1/iS+b/FHqPzr/IpPaHfTeXhPY7bx0Qpnst8dwaTSj1xuW0x7kbjNLm3aEymImvhCXdI
+r5WhFylu1s/MlaIj3X9KsK2rahSsqSbdSSzt0Xdk0p8y0Vhj5WevGwzlt7PbbCzpWFpStKMcRpxU
+UdylYpWKw+cZsts2SclvMsgsxAAAAAAAIVaNKtB061KM4vZqSymExM1ncOJ4o9i3s44tjL9p8N20
+akv+bRjySz57Gvk4uHL+qrtcH4i9S9Pn/Byzr7T3eOcWfYt0i6lOtwpr1S2b3VK4XMvqc7L6Pjt3
+xzp7TgfxJ5GP6eXji35js8X4v+zV7TOFnUl+xZX1COWqtr7+3w6nMzemZ8fiNvben/G/pfO1E36J
++0vML/RtQ02q6N/ZVrea2cakHFr6mjalqdrRp6vDy8WeOrHaJj8MJ00nnGxjbHXtGopNJZErVlHl
+mk0n19BrSdkYPtgjcrdaMuZPH1I8EWhKS6YjjuTpMTtRNJ9dxtKGe7bEVhKTWVhv9CEbSbxHlzlE
+x+SPuiuZ4axhESt2V52o4TCBPGzysgMZk2+nkRPdO1ZPHTf4koVbeMN7gE8rr0EJVTi28voTJtXK
+3eduw7IObfOexGhVSznf5COyfCq226DyhXmz36DWhXn6IIVm9l/kJVT7LcjSJOZrtgalKqltu8kw
+iY2r39C2jSqfl17FUaVUnn9BsM98EoVlVlN+8913EymOyrlhZwR4DLfXCROxXmzsiJFYtsnZKW+C
+diqlkidoSjLs1kR47k7hXDe+V9SsJ2Z3Tb+JaBKScWtuvqTuINia7Fdwb0rzZ6BO1U/MtrSUk9yJ
+g2de5GtCS9CNm9KZZMJ2kpMiU7SUu4TtJVElu8g2mqnqFosmpY6dCNQt1bSUsbopNUxO041fiR0p
+2nzqfutJr1E1qtEzHdZqWVrVy+TkfZxeDXvx62Z68i8e7EraJCqvdcKn+pYf1RrW4n2ltU53T+Gt
+ueHaSbbpVKfrH3ka9uPNPZu4+fMx5WKPDkXLELuHzWGYuiPuzW53bc1ba14Xs6eJVqjm19DNTFEe
+Whk9RvPasabm3tqNCChRgoJdkjYiIhoXyWvO7TtehHHXoIUXYx5gpPZ0nBugVNa1elbxg3BS5pvy
+Rm4+Gc2SKuN6vzq8Pj2vM9/Z9AW1vTtKELalBKNNcqwetx1ilemHyHNltmvOS0+VzDey7GRi3EC/
+pIJ7eUk+Xy3JhWY2jOey7MrMprHdFza2ZK0V90ZvyKymIei+zjQ3Roy1e4p4nU92nny8zp8LFqOu
+Xk/X+Z12jj0ntHl3JvvNAAAAAAAAAAAAo0ns0BoeIOA+D+KaUqWu8P2V1zLHNOkuZfPqY74qZO1o
+23eL6ly+FbqwZJr+0vIeK/se8Aawp1dBurnS6r3UU+eH0Zz8vpODJ+ns9hwP4hepcbUZ9Xj/AFeM
+8WfY/wDaDoznV0WVvqtGOWlTlyz+jOdl9Iy0/RO3tfT/AOInp/I1HIiaT/eHkuu8AcW8NTlT1vQb
+y1lHbM6Txn4nOvxsuP8AVV7Dies8LmxvBkif6ufqUZwTUljHbuYdadSLxK3Je7hr59yNLxZGSwsL
+OPMjSYlF4z06CU7Uf4cIjutvajzjd9BH5TE6UaxhZWMFtbW3tWX4VjOCkogh0eE38QTKWcx2iuhO
+glJpZXUjwlDmeXJoCbfN6eQEXJrbG3oEwltnughVYS+I8ikM46YwE9lU1nqJEpSw8thCvMtv7Dci
+oDmQEk8YwBV7dyZEM5+BAuZy9l2GwTxsEKxk9k91kHlLpv0BA3lbL1ySaVjL3UmuohA5ZeOgkhVS
+ikRoSjKP5tttidoS5sLzI2k3bTHlCalhdOpMJVyprssdye8EpRlDkcPDzLOzI2j32i85xn0I7JVT
+x0e/qJiCI2LrtkQmYS5nhPBO0JJrq2JlJzbZXUeTSWdurIk2rlYzkjvCVc9GNTIkm2QSpsst9yYN
+pc2FsxCdpKaeMMlO01PbHVkG0o1Hh5Gl+r3TU992RMJ6oS5t929iNLbSU3uRpO041OzKzVO1JQoV
+fx04v1wY7Ya2ZK5LV8SoraMXmhWnH06owW48R47Mvz9/qjazdVtUt6TnSpxqpeXX6GG+PJWOzLjj
+BknUzppp8XXVD3K1u4y8ma83vHmHRr6bjyd6y2ek8XULqtC3rW8k5ySyUjkWie8NXk+l2pWbVl9K
++zjh2jpmkQv5SjOpcrmi4+R6z03BFcfzPu+L/EnqNuRyJwx4q6980XnB1YeZjUwq4ywp5x5osiJj
+elFJdWiN6TMfZWck5e7nHbJO/ZFY7d0ObLxjoRMwtrUEnneb3yN6I7eGdoGlVNY1WjaQzyuWZtdk
+upfFj+ZeIhq87lV4mCck+fZ7XbW9O1oQt6UVGFOKikdysRWNQ+dXvOS03t5ldJUAAAAAAAAAAAAA
+AAAGNeadp+o03Rv7KhcQezjUgpL9SJiJ8r0yXxzuk6/Z5pxf9m32YcWc9b9kfs+4mn+9tfd6+nQ1
+MvAwZfMael9P+MPVfT9VjJ1V+093ifFf2Ktbt3Otwrr9G6h1VOuuSXwz0Obl9Hn/APjl7jgfxKxT
+EV5eKY/MPHeK/Yf7SeEeZ6rwzc+DH/m0Y88X80c3Lwc+LzV7Lg/FfpfqHbHljf2ns4Wva1rd+HVo
+zhNP3ozjg1JrrtL0VMtbxuJ3Cw6eG8fQp092SLbRqPmw1HG2MITCY7IxWfea6Ed4lffbslJcvca2
+jaMZcqeU9x4WhV9El2I3tOzPLjL6oETtTdZUtkyfbusPDXUhCm72WSUqvbbyEhF5Twl/uQb0k2u6
+wT2Tvaimk3joVQrFttb9OpKdmVnZkbQnlLZ9ydhkQKp9cLoBTLe2WJ7C5TrctOpTUE1PGcrdY8id
+6Vmu5iVM7J9CqymcPC7k7FXL9CdiUKvL1Se2Nx47omNpeLLw+VSeG849RvZqN7U5khuEp1KbptNr
+aSTTxjYiYUidqLDzjfBOlvCsJPDWVgiCY2lJtb9VnqTpCSk5Q2jhQ6tImDxJTqOLbXdbsjvBPdLm
+y8PuNnZOlWdKpGollrfrgExvspz8zbb3e5E6Igy+udyYEuZ9EPCYM53aJFU92sER3NpKWOhZVVbr
+cr2WVjjfO6I3uTwkn59C0oVTbKeU7SXTqSgykkiDao8piReecEp2lF9XnuE7TUu/mPKdpcz+Y8Lb
+SUyNJ6kuffCI1K20ubH4X0KzCYTjJ9GOnfdO04zTW+5W0RKdrN3plnf4dalHm88GG2OtvLZw8nJh
+/TKXD/B9KvrdrTivdlVjn4ZNaeNW14rC/M9Vtj417T9n1hplpTsrGha0Y8saUFGP0PX4KRjpFYfA
+uXltnzWyW8yynLfLMzWiFc5jl7r1LGu6DXN3wvJFfdMTpLlwo5Wc9GTCN7mUXFKWOnxImsbIncKV
+E4vOY9UVmFqzvy9P9nuhRsrB6lVh+9ufw57ROrw8PRXq+7xfrnMnNl+TWe1f93Xm64IAAAAAAAAA
+AAAAAAAAAAACNSnTqxcKsIzi+qksoETrvDjeKvY77OuMYNazwzaSqP8A5tOHJNfNGDLxcWb9dXX4
+Pr3qHp07wZZj8eYeM8WfYq0G8lO44U16tZy/LRrx54/VbnOy+j47f+udPa8D+JPKxary8cWj7x2l
+4nxb9mD2n8MTnUWjPUKEP+bavnyvh1Obl9Mz4/Ebe34Hx16VzYiLW6J+0/8Aby+/0i/0mvK2v7Ot
+b1IvDjUpuLX1NC+O1J1aHq8PKxcivVjtEx+JYc4SW6/UxabNbIcs85lHYaW6kkmsSz9SdaNxKDTb
+eVv1CfCiWM5i2VW2q6i5eVRXUbTHnaKyn0yQmVHv1zkaIVb7oJShFP8AEsvG3oTGk70gs7+XoQKx
+koS3WcgV5t1jZLqBLm5sZ7dAKt9gbUc1DO+QeSL2XQCjlJ4aGhPmyt+3cdgjOOdgK7L5gV747DvI
+qnjp3Jn7CqafmVQc7ez7Ex3SnGct4qWzJmZ1pCsZ4ysJ5/QQeU6k/ESbW622WCZ7oiNI+I0sRbWe
+pEfhOtqqo2sdO3QeDWlVLG4mTslHDe+CNbNGfeJSl0ed16DyhXOWiIQkmuo2Ge6GxJPGWxs8JRk+
+hOtphJt7+pHjyhVSxu8EzB4V53ntuR2hO/slldXsTpCWcoiYJE38hvQr1ISP1RPkVTwkglJdHkG1
+U9gJRm32wiNLLil067haJTjP1EyslEprfdbemRT69yJ1pO3V8B0PF1+1XlNNlMNd5IhyvWr9PEv+
+z6CjKSikluekr2h8htWOqZlJN9+hbqY9Qq85WV16E99nZSLcZdVknSZ1MJSbx1y0Rv7qRBJL8Uu+
+6LdpIn2hseGtIqa3q1O05f3aalNrtFF8OOct4r7NT1HlRw8E39/b93tFGlChShRpxxGCUUvQ7cRq
+NQ+eWtN7TafMpkqgAAAAAAAAAAAAAAAAAAAAAAABRpPqgNFrvAnCHE1OVPXOHrG751hynSXN9epj
+vipk/VG27xvUeXw53gyTX9peP8X/AGPuA9a56/D1zX0qs8tRT56efgzn5vSsOT9PZ7D07+IPqPF1
+XPEXj/V4lxf9kf2kaFz1dKp0NWoR3XgSxN/9rObl9Jy0/R3e44H8QvTeTqueJpP58PI9d4M4m4er
+Ohrei3dnNdVVpNfqc/JgyY+1409hxPVeJzI3gyRb9paSUGvxLoYJdGLIKLinFdX1+BOlonanK88y
++iI0tEqtKKaW3+SJ7p6pQ5ntjYhMSouja6DRtKL5nt3HhKk48smsrZ42I0mJ3Cie6wl8RG/Kyv4n
+6jaNnM11wWSJrGckQDx1ZBsxndduo7aFeZ9EtxEohJqSpqontnA0b76R6Zw3gJSg29xsVUsepPgS
+U93JJdPIjaNKRbUW31G4T7nPluSXYmU6Ty9vUQhXKw0h+QU2srOzJPKTkk/c6diJgXaUKLo1Jzr8
+s4pckMZ538e2BER7qWtMTERC3zY77ETG19JZk3joh4juJc2UksYLR2QKTykV90pxkn1+JGplEq5e
+6wT4RpWMs7Z2CUs4WO4gSjLG7SLIhVS9QaVWywl8h5PKqeHnl7lEp57MtEnZXvlAVUn26iYRI+40
+KpbYz1G9CWMJMg2OWNtiU6Vi8LchKeUkljcCSlsiE7XI4e6IXrK73ImNrr9BJvdlJ7J9ndezGi6v
+EVF4yo5Zbj16ssOD8R36eFZ7opNrCj8WeiiXymaxE7lLl2WWJhWZJb4zJtL9CYkjsYWd08Ep8Kyw
+nssYGvurG9KOSku73InunWnqnAOh/szTFeVo/vrn3t+qj2R1uHi6KbnzLw/rfM/mc/RXxX/d1Rtu
+KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMLUtE0jWKLoappttdU5LDjVpqX9ytqxaNTDLiz5cE9WO0
+xP4eT8Z/ZX9mPFPPWs7Kek3Mt+e2eI5/09DSy+m4MvfWnq/Tvjf1Xgara3XX7T/28W4p+xbxZp8Z
+1+GtYttRistU6i5Jtf2Obl9HvHfHL2nB/iRxskxXlY5r+Y7w8X4n9lPHvCNWVPXOG7ygl+dU3KGP
+PK2OZl4ubD+qr2/A+IPT/UI/wMsT+Pdy0reUXKFROL8n5mvp2YyRPeFlU0s56EL9SEl2iR5Xiyif
+LH1HSmLbR5isp2qnvhLGSdQbVzyvCZGk7VU48jjy7t7S8ifHZHeZ7IOWHsTFV4M9UyLV+ydqrm8y
+IrIpzJdHuTEfcVb9WyER3V529wk53vjZExIRbYmRKDlh4RCFyg6Mp/8AEOSjh7xWcPsIhFurX0o8
+0Unh9UTtbz5IybaWdsjaUnjPXPmRKEuaMo7R3XfzEyjSnNl5xsFtJZxt0GkK7E+BJTwthPeSRSe+
+WJEk8MhGlVJrLS6hK5Gb6jWzSSl7yWfmToS26uSa7ESrIm8biJSqpCO6JhLPrsNe8ITTXmTH3W1C
+vMsE734NpRbyRP5NpZxs0BVLfruNo0qu6I2eDOFjoPIqu+2AK79e42kzn5Ce6U1jbuErkPUj3Xhf
+jgiVmRTSzlNlbeFo29J9kVDn1idbG0IGThd8u3lviq/TxYr95eyRb7dDvbfNbJRec7ExO1JRkkkl
+FvPmJ1C0ee6u8Ut8p9WTEaR5ke72WO+CJ7njy3PCmjT1nWadFx/c03z1Nu3kZsGL5t4j2c31Plxx
+OPNvee0PZIQjTgoQWFFYSO3HZ8/mZmdykEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWri1trum
+6V1b06sHs4zimn9Rra1bWpO6zp59xZ7APZfxepzveHKNvXl/zrZeHLPy2NXLwsOb9VXe4HxR6p6f
+2xZZmPtPd4vxd9iWEoTq8IcSPO7VG6j1+aObl9Gie+Oz2vA/iVesxHMxb/MPEeLfs++07hCc/vvD
+devQhn99bLxIv12Obm9OzYvbb3HA+MPSufEdOSKz9p7PO7ixubabpXVCpSlF4cZxw0/maM1mvaYe
+lpmpkjqpO4Y/JlvbDRGtM0WORbNZWew3AjL9SNLRMqZ237Dz5Tsxtt16jRsi8MiYlO9+FXuWmUxM
+ovC+REflO4Ry+/TsROt9k714VecdCY+6dq5yRvuqk2tnJ5bXYQtCmcvCeBMaEn7qWJZb64EalETK
+rg4xjJv8SyPE9yJ3Ki6ZTExC29JuS5cZHhCu/RIjWwzFSe7yT2Sc7l2wRsSi8NN9QJym3LfGB5NC
+b6hCUZOSzncgS5k8eaWwFVNt9UW32E+eL7JNevUghOE3GLi11xnYlExtJKPLJ8+JJrC8yIjZ7mWl
+2J7R2EovPQQjSakl8RtO0srl6k+UGdnvsRMCqctmxHcXV8BMQGd2RolXKxnPUhKu3qPIZ3wJQqmk
+9+5KycUs4X1I2mF2PYLwvRxjOPgR2WZVCDm0orL8illurXd6x7HKEua7m9kkkbPp8T1zLxPxdeOi
+kQ9SUWl1z5Ha28HMqtuMVhfEmJV1Ez3RkqkX3w+xWY7piaynDZdEi0bVsqoynlp5w8JeZMeETaKv
+WeBdD/ZWlqtWhivce9LPVLsjrcXF8um58y8L6zzP5rP01/TDpTaccAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAKSjGa5ZRTT7NA8OT4l9lPs/4tpTp63wxZVpVOtSNNRn8cow5OPiyxq9XU4frX
+P4ExODLMf1eMcWfYr4WvvErcK61XsJveNKqueH16nOy+kYr96Tp7TgfxH5uHVeVSLx9/EvE+MPsr
++0/hfnq22mx1ShHpO1ll4/09TmZfSs+PvXu9t6f8eel83tktNJ/P/byfU+H9X0irOhqWm3FrVg8O
+NWm4/wBzQvjtSdXjT13H5uDk1i2G8TH4lreTs+r6lJhtbVkn5FYnXZaEWmkmtyZ3CVcLCUnhkJ2t
+z2bzkmI+5Eq9t0VmE7UTS2zljwnau2VhPHcaIS5uWabWVnoSmZ7KSkm5bY8kRMSRZTPR/MeZTHdX
+mk37z2fQJV5o5znYJOZJJIfmBNVZSeZN5wT3nulKCg+Zzk89vIiYRO/ZSTjF4yn8BrRHdR1E3hLB
+CVYt9unUJXIy7hCvNh57AlVTbGkK80ui+ATpOKWeue4EsvHfHQiPyhWMl+Yt2FynKPiJT5uTO48k
+712XJ+HGb8OTazs2tx2hEb9zK6ZAmn5vBKFVl/UjRK5zNrHYd4NKwb7srqRLmWC0xpPgws5G0bS6
+dRvZ5SW/cjwCW+7EwmJShvL0C0L0MELQvQWUiJhk8Sy6Kw1gx3S9n9kFvjTLitP80ksm96bHmXz7
+4tyby1rD0JJ42b36HWeOkW34t30KxH3Vnv4Vck8cxbZpTmSWz+WSTUzLfcF6NLV9Zppx5qFDFSp5
+eiM/Gxzkyfhy/V+X/K8edfqntD2JJRSilhLY7T5+qAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAABQDT65wdwvxLRlQ1zQrO8jJYfiUk39Sl8dLxq0bbXH53J4lurBeaz+JeQcYfY/wDZxr0Z
+1tDdfR7h7p03zQz8GaGb0vBk7x2l670/4+9T4kxGaYvH58/3eHcXfY99ouiupW0Wdvq1GG68OXLN
+r4M5mT0jLTvSdvc8D+Inp/I1XkRNJ/vDxzX+CuJ+GbiVtruh3dpUi8NVaTSfzOflwXxT9VZe04nq
+vE51erj5It/VoZQlzPKMLoRZGS7omVolSS2xjKKTHdKmEkmks+SImJlO4XHUqVm5be6lnCxsWido
+7QhNqPNCOJJvOcbjf2T5RzAfuQlBNtRjhuW240tJLZpMjWiJ2T2Sw09s7ExGl62UWyzkpPY6kuj2
+ZHlMTtTmeCZ1CfCucJYWRGkpxfdrJGjSUHFpyk3suxCJ34gz3SZPdZKEnJYxu+mR5RMKqXK2mAzt
+v3fYJ8+E00m99giUubOyG9oS5tkuoSmptLcnaE0+7Q8ibksbYEdoElutxCEtuqYmUbSy+pOhKLXM
+vPAE103I8CcW1nCwNo8q48nknaRMqnSXr2HdMJQWGEwvwXoQyQvQX/8AfIT2WZlunkw5Ez2e7ezC
+jGjw3GTWHUm2dP06NY5mXzL4nvN+ZqPZ12ZP3UjobecmIjvKvRYzu+pKvmVXJRx1ZG0RGxNY5Ix9
+5vr3Lb9id+Z8PYOCdDjo2j03OK8aulOb/sjtcbH8un5fP/V+ZPL5E68R2h0RsOUAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABg6lomkaxSdHVdMtruD7Vaal/ciaxbtMMuLPlwT1Y7
+TE/h5fxd9lz2VcUc9WlpMtMuJb+JaS5Vn4dDSy+nYMvfWnp/T/jP1Xgajr6o+093iHGX2JuJLPxL
+jhLW6F/TW8aVZck8eWehzs3o9o745e24H8ScF9V5eOa/mO8PFuJfZN7Q+Cpz/bXDN3SpReXPw3Om
+8eqOdk4mfF+qHtOD8Q+neo6+Tljf9pcbK3rU5ZcZRl5Yxhmo7sXiY7LUudbP5jS8TCMstebQTFlE
+uZbsa2tEqJxbxh4xtgaJOSS77FZiUxKW+MdH2J9k7UlJyiqbwsb5wV8dkxMJRWGm38fUQncDwiP2
+Srl+eCN7hMT91FPlez/UJ3KvM+mcZEfhKSksbkzGk+FVJ46shKWVhty3H7q7TT80E+PBKeFjHUEd
+1Y4W4E4vMQTC4nlZxj1JRtKM+63QmdI8JrbfCIlKalnp3CEubvuSjSSwidnunHHZg2uRkvw75Jk2
+yqdr4tGdWFaCdPdwk8Nr08ysRtjm/RMRMeVlJSwkwyMm5tFaOMXXpVHKPN7ks8voxbt7sdMnXvsx
+23Lp2IZYXIb529Qsvwe5WV4hep5S6ETKzNtcuSSyYsluyZ7Q+hOBaCocNWixnKz8ztcGNYYfJ/Xb
+9fNu6BKbaxhG3G5cb6R4zzZGlfwkpc0U1H5kxPZGtN7wbw/LXdWjKqn93oNTqevoZ+Nh+dfc+HM9
+W50cLj6r+qfD2OMVGKjFYSWEdvw+fTO+8qgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAFq4tba7pujdUKdWEtnGcU0/qJjflatrUndZ04Lir2D+zHi2nJX3DVvQqy38W2XhyT+
+RrZOHhy/qq7fB+JPU+BP+FlnX2nvDxXjD7EVlV5q/B/EMoNvPg3ccr/3I52T0evnHL2np/8AEnLT
+6eZj3+YeJ8XfZp9qnCU5ufD9S9oLL8W199Y+HU52X07PSfG3tOB8a+lc6P19M/aezzO+0m/02s7e
++tK1CceqnBxefmad6zSdTD1GHk489erHaJj8MTkaba/Uxz3bHUv0bC8uZUYW1CpUqXE/DpRgsucv
+JLu9yaxM+FbZqU3Np1ELdajWtqs7evTlTq0pOE4SW8WtmmJia9pWpkrkrFqzuJW+aLjh7FNx5ZNq
+L3k9/oO0rbE25YyxEfdMSc+26ImISbJZe4j7JiUkm023nO5bUQskpZfK/qUnUJ/Yy0Np8wqnFvMn
+jyJ/dG1VNrbPXzImVkk9+by7kI2qqnVZz5BKakuXKJP3XE2/dWWIVmYjuvV4VLWcrSoo80H72PPH
+TImNKVmL/VCkZ9RErpxbzkaRpLny8ruI0Lil5jaqalhrI8kJqWHnlJTpdznBGhVbPbGwEs+ZAJY6
+bkpXoY9SFoXaaw8kSvC/DqngqvDZ2lFRqwipqXNjp2MWSe7Ha24mdPo3h2g7fRbSL2SpRZ3uNXpx
+Q+QepX6+VefyzoyllY6ZM8NKYSeWnFPuJ8aVjztKMG2oRWW+hOvZWbajb2Pg3RlpGj0o1IYrVVz1
+PPL7Ha42P5dPy+e+q8v+a5EzE9o7Q3xsOaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAo0pLEkmvUDnOI/Z1wTxXRnR13hyyuedYcnSSl9VuY74aZI1aNt/iep8zg26sGS
+Y/q8d4n+xh7PtUhVqaFfXem1pZcE5c8E/g+xzsnpOG/evZ6/hfxC9S48xGaIvH9peMcS/ZN9q3CV
+xC/4dnS1KNtPxKMreeJxku6i+5z8npWfH3pO3s+H8fel82OjkxNN/fvDxniDhDizQ7qrHXdEvrat
+zNzdalJZk+rz3NDLhyUn64l7Lh+o8Pk0j+XyVmPxLRVKDWMprBg06FbqNJb4wkhNfsvFvulCKltz
+JZXdkfunqQezcexGlosj69cE+F+oWc/2KzpO0ufbfsIjSYlOM+bCXmTuITtLDecLOEVneyLKZ9B2
+W2kp4WHun6jUkwrzYaSInslJTynkCSqPdphPZNVHJ5bfXfI2dvZJSy9gjS7GUu5OtkwlGaa37Eb7
+ImNLkZZ8spDsjS4pb4ySjS7F528wLieHgkhJZzsJEknndFdpTisvGcJEa0nwuRwyUr0PPBEyywvU
+08+hTyludFp895QUevOs/UwX3tg5E6x22+j7Juna0afL0pxX6HpcUfRD47yNWyWn8r2cPZZ32L7+
+zDpWLeHyrfumFe3u6fgHRJarqyua1PNC295+TfZG1w8XXfftDh+ucz+WwdFZ+qz1xJJYR2XhFQAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwtR0XSdWpSoanpttd
+Qls41aSl/ciaxbyyY82TDPVjtMT+HlXGH2V/ZXxXUqXVLTZ6ZcVMvntHyxz58vQ0svp+DLO9an8P
+Uen/ABn6rwIivX1R+e7wzjL7E/Fen89fhTVrfUaSy406i5KmP7M5ub0i8d8c7e49P/iNxsmq8uk1
+n7x3h4nxN7JPaBwhOS1zhi9owTx4nhuUPqjnZOHmxfqq9twfiH07n/8AoyxP493JVaNSk3GcZRa6
+5XQ19adqMkW8Icr6y+JVfq32Qw2hpbY0sY7LqR4WiysXHKST/wDgie8pmdJtrmyugmIghTMctt48
+hC25MvCaWGLStEq7rqUhMSlCUejyTv2XlJyIRtLmzjG2Anwmp46LcIXFPK67hCae2SfAuweXt0ZC
+q5F7Z6k6FyMu2SYF1SX5iNoXMvs8MsmF1eeSqEkk/QjellyHXPYbWhfgmlgrMLwu0k0ynfa7pOFa
+Lr6xaQx1qLb5lIjd4hoeoX+Xx7z+H0RCXLSUGuixk9JXcRp8gtXqttOmubCe2z6FoY7dhRm5RjFN
+vO2Cv4RuIiZl7TwjpEdI0ajTlBRq1V4lT4vsd3j4/l0j7vnXqfKnlci1ontHaG7M7nAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC1cW1tdU3SuaFOrB9Yzim
+n9Rra1bTSd1nTz7jD7P/ALLuM1Oeo8N0KFeS/jWy8OSfnsauXh4c36qu7wPib1P07/1ZZ19p7vEO
+LvsPJxnW4P4ly+qo3cf05kc7L6PWf/XZ7XgfxJvXtzMW/wAw8V4q+zb7WOFFUqXHDlW5oU+tW1/e
+Jr4Lc5+X07Pi9tvacH4z9J52ojJ0z9p7PNLzTbuyqOjdW1WjNPDjUg4tP5mlas1nU9nqMXIpljqp
+O4YzjKPRFdM8WgxzRe5GlosquVLGXkjpW3tRuXVrGCNaTEx7CbbxzYyREJ8GcNYHTqV4lJSWcZI6
+Z9ltyu0oTqSUFKKfm3gnpktbUKeJl4bKymI2uRljdhHhchNt7r0Auc/yAuRl0S2YRpejJtJFt/YX
+YS6rPxI0hfi2l55J2MicKCoQqQr5qttSp4/CvPI7a2pE26ta7IxltsVlk0vQz36sja0L8M4yiJn7
+MkMin6FZnsmI7uw9n9DxuIbNY6TTK4dWyxEuR63fo4d3vbkpQfRYR6L2fJtTEqwz0328iYRZ1fAO
+gLVNU+91Y5o2rUn6y7I2+Jh+ZfqnxDg+t87+Xw/Lr5t/s9YSwsI7DwyoAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKNKSxJJp9mBy3E3su4C4vpyhr3D
+NlcSl/zPDUZ/VbmLJgx5f1Q6XD9Y53AnfHyzH9XivF/2KuFNSVSpwtrNfTpSfMqVVKpDPx6nOy+k
+4r/onT2fp/8AEXm4NRyqReP7S8S4r+yN7UuHfErWNlS1ShDOJW0/ex/pZzsnpWan6e723A+P/S+V
+qMszSfy8l1nhPiDQazt9Y0i7tKkeqq0nE0r4b4+1o09dxvUeNy46sF4t+0tU6eFu23joYZ7N3rW3
+Hla5nsiF62HLsuxWZXiUk8LPVsd4W6lU098v1Qnunq+yr23z8Mlfphbq2n4mUkT+UqxljuV8i6px
+S3e76ltJ0uqoo9yNC8nyvPcQovwmSmV6EvXZE6QvRbfcrIuRw++5C0QvQeMIhbbJhHPUiV9r9Fdu
+xCXfey6j4mv058uVCDZHF75oee+JL9PDmPu9ndTlTyup6DxD5p078LsHKcowju5PCx3Ed+zFMRET
+L2rhHRo6No1Gi1+9qLnqP1Z3ePj+VSIfOfVOXPL5E29o7Q3Znc4AAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGs1jhrQNfou31rR7S8py2arUlL+
+5W1K37WhnwcrNxrdWG81n8S8k4v+yR7LeJeetp9pW0mvLfmtpe7n/SzRy+mYMveI1L1fA+OvVeFq
+t7dcfn/t4fxj9injXTI1K/C+p22qUo7qnL93Ua/sc3L6Revek7e39P8A4kcTLqvLpNZ+8d4eJ8Se
+zDjnhSpKjrnDV7a4253Sbi/mtjnZOJlw/qrL3HC9e4HPjeDLE/1c1KjKL5Z5h55Rg1t1Yyb8LTi4
++ayVmrJFtillb59Bra8SklhZbwxMdlupWM1F4S6+ZSOydriljfsTuJTExK5TlHOZsiU+PC8quXtk
+ghfhUbxvsTCJXoT3yuw8oZFFSkm4xzjql2I1KdxC9GXu5Q7pZFNpkSvC9CT2TKbX0zKHvSWehFvA
+9M9klBvUq1bD92nhYM3BjeV5T4qv/wDjxX8vWpdnKGP9zty+e+PEuo4A0P8Aaurxr1qeaFt778m+
+xtcPF8y+58Q4XrnM/lsHRWfqt2evpYWEdp4FUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYurKzvqTo3trSr05bONSCkn9SJiJ8rUvbHO6
+zqXm3Fv2b/ZTxfKda64ep2leW/i2v7t588LY1cvBwZv1Vei4HxZ6r6fqMeXcfae7w3jb7EGoUue5
+4J4ghcJdKF1Hll8OZHMzeje+Of7vc+m/xKrOq87H/WP+nhvFnsM9p3CE5/tXha78KLbdWjDng/XK
+Obk4OfF5q9zwPir0v1DUYssb+09nC1rarQk6danKMo9YyTTT+DNSYmPL0FckWjdZW8Saw9m9xpli
+SCqPOWV8LdcQmsJpMjX3Xi21yNTlWSulvK+quFlEz9jS/Coo9X1HhGtsuhWcd0/jjuT4OlkwlzYK
+zKWVRSaXUiUx2ZUIJbtbFNMm2TRSzsVt4S9e9kNtywuq7a3UUtza9Ojdpl4b4sybilHo6VSrPwqa
+5pSaSS8zsd5nUPEzqsdVntXB2ifsTR6dKccVqvv1Pi+x3ONi+VSI93zj1XmfznIm0eI7Q3psOaAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAABCpSp1YuFWnGcX1UllBMTMeHD8W+xD2Z8aKctZ4XtXWmv41KPhz+qNfJxcOX9VXZ4PxD6l6d
+r5GWdfbzDxLjL7D+kXKnX4M1+pbze6o3S5o/DmW5zsvo9Ld8c6e29O/iVyMeq83HFo+8dpeE8W/Z
+s9q3Ck6rq8O1buhT/wCda++mvPC3OZl9Nz4/Ebe74Hxr6TzoiIydM/aezze90m/054vbSrRkpcrV
+SLi0/gzRvSa9ph6nDyceaN47RP7MdJxSaW5j02epVVWljzE6Xi212nUSwVW2y6dXOHknynuzKFX1
+QQ2FvN4RC2mdTw0ivZZlUIpPdZyY7Je1eymgqej1qqWVKpjf4HQ9OiIiZfPPinJNuRWv4evezzRo
+6prf3mcG6Nr78s9HLsjucPF15N+0PnXr/L/luN0R5t2ewHaeAVAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKNJrDSa9QOZ4l9m
+nA3F1KVLXuGrK55ljndJKS+a3MWTBjyxq8bdDh+q83gW6uPkmv8AV4hxn9inhTU3VueEtXr6bUlv
+GjU9+n8PNHMy+kYrd8c6e49O/iPzePqvLrF4+/iXiHFH2S/axw/KcrXTKWp0YJtTtqmW18HuczL6
+Vnp4jb3PB+P/AEnlai9ppP5h5brHC3EPD9WVHV9Gu7ScXhqrScf1Zz74MmOdXjT1/F9S4vLr1Yck
+W/aWvpykuqwins34syqFVReWVZN7ba1rKWMESvH3bSg08NFUT2bCgk0vPJWyu3uPs3tZ/wDh+jCE
+feqz2S7s6PAr9HZ83+I8sfzczPtD6W4Q0Onoej0qPIlWqLnqvvlnrONijFTXu+Leq8yebyJt7R2h
+vDYc0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAA1uscOaDr9vK11nSbW7pTWHGrSUitqVtGrQz4OVm41uvDaaz+JeS8XfZ
+L9lvEalV0+zq6RXeWpW0vdz/AKWaGX0zj5fbT13p/wAeercLte3XH5eI8YfY0420Zzr8L31DVaCe
+YwfuVMfDocvN6NenfHO3vvTf4l8LPqvMrNJ+/mHk+s8BcZ8KVXR1zh+8tXF4cp0ny/XoczNxcuL9
+VXveB656f6hETgyxP9WPaznlJrHbc09uxOpjcN3Y0+eUfLPUpkmdMF51D6r9hXDULyxtbyvDNG1j
+zLK2cux6X0fB11i0+IfDvjj1GcWW2Os97f7Pcz0T5eqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGPeafY6hSdG+t
+KNeElhxqQUl+pExFu0smPLfFPVSZifw884n+z17M+JXKrLRY2NeX/NtXyb/DoaOb03j5u811L1Pp
+vxt6x6bqK5Oqv2t3cJ/+E20t7zns+JJu3z+GpT95L4nMv6BWZ+m3Z62v8UclsesmH6vxL23hPhiz
+4S0ajo9k3KNJbzfWTO1xuPXjY4x1fNvVPUsvqvJtycvmW5NhzgAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//2Q==
+"
+     preserveAspectRatio="none"
+     height="79.296875"
+     width="79.296875" />
+</svg>
diff --git a/resources/icons/box-back.svg b/resources/icons/box-back.svg
new file mode 100644
index 0000000..759969d
--- /dev/null
+++ b/resources/icons/box-back.svg
@@ -0,0 +1,347 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="box.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg1435"
+   version="1.1"
+   viewBox="0 0 67.733332 67.733327"
+   height="256"
+   width="256">
+  <defs
+     id="defs1429">
+    <filter
+       inkscape:collect="always"
+       id="filter4408">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="2.0334064"
+         id="feGaussianBlur4410" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4327"
+       id="radialGradient4519"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3943812,0.0172444,-0.00268813,0.21919138,-307.2529,584.10345)"
+       cx="821.68982"
+       cy="763.58295"
+       fx="821.68982"
+       fy="763.58295"
+       r="56.630787" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4327">
+      <stop
+         style="stop-color:#8f8f8f;stop-opacity:1"
+         offset="0"
+         id="stop4329" />
+      <stop
+         style="stop-color:#666666;stop-opacity:1"
+         offset="1"
+         id="stop4331" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4361"
+       id="radialGradient4516"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.83958075,-1.5066839,0.85527119,-0.48060147,873.38317,2492.5673)"
+       cx="853.71094"
+       cy="814.87012"
+       fx="853.71094"
+       fy="814.87012"
+       r="28.31542" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4361">
+      <stop
+         style="stop-color:#683f3f;stop-opacity:1"
+         offset="0"
+         id="stop4363" />
+      <stop
+         style="stop-color:#2e2727;stop-opacity:1"
+         offset="1"
+         id="stop4365" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4353"
+       id="radialGradient4513"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.87529436,3.0352003,-1.6932298,-0.49239992,3018.5719,-1560.1702)"
+       cx="895.95618"
+       cy="782.2793"
+       fx="895.95618"
+       fy="782.2793"
+       r="28.442215" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4353">
+      <stop
+         style="stop-color:#464646;stop-opacity:1"
+         offset="0"
+         id="stop4355" />
+      <stop
+         style="stop-color:#222122;stop-opacity:1"
+         offset="1"
+         id="stop4357" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       id="filter4416">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.65046875"
+         id="feGaussianBlur4418" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       id="filter4424"
+       x="-0.73653334"
+       width="2.4730668"
+       y="-0.012198749"
+       height="1.0243975">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.4315625"
+         id="feGaussianBlur4426" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4450"
+       id="radialGradient4508"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.54570514,-0.02133882,-0.017861,0.46061105,1357.5702,431.86086)"
+       cx="896.64441"
+       cy="765.56171"
+       fx="896.64441"
+       fy="765.56171"
+       r="56.630787" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4450">
+      <stop
+         style="stop-color:#747474;stop-opacity:1"
+         offset="0"
+         id="stop4452" />
+      <stop
+         style="stop-color:#252425;stop-opacity:1"
+         offset="1"
+         id="stop4454" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4440"
+       id="radialGradient4505"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.54607551,0.00689782,-0.00274562,0.21919066,417.8845,592.9478)"
+       cx="907.23871"
+       cy="786.98993"
+       fx="907.23871"
+       fy="786.98993"
+       r="56.630787" />
+    <linearGradient
+       id="linearGradient4440"
+       inkscape:collect="always">
+      <stop
+         id="stop4442"
+         offset="0"
+         style="stop-color:#613c3c;stop-opacity:1" />
+      <stop
+         id="stop4444"
+         offset="1"
+         style="stop-color:#2e2727;stop-opacity:1" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       id="filter4536">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.208146"
+         id="feGaussianBlur4538" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4456"
+       id="radialGradient4502"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.5921085,-0.22483035,0.12119108,0.86543231,-584.46085,292.00277)"
+       cx="824.60938"
+       cy="793.56006"
+       fx="824.60938"
+       fy="793.56006"
+       r="31.273415" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4456">
+      <stop
+         style="stop-color:#949393;stop-opacity:1"
+         offset="0"
+         id="stop4458" />
+      <stop
+         style="stop-color:#686868;stop-opacity:1"
+         offset="1"
+         id="stop4460" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       id="filter4558">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.6346618"
+         id="feGaussianBlur4560" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4464"
+       id="radialGradient4499"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.1245423,1.268838,-0.70923659,-0.63387198,2521.5923,93.097051)"
+       cx="927.73438"
+       cy="776.95282"
+       fx="927.73438"
+       fy="776.95282"
+       r="30.78594" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4464">
+      <stop
+         style="stop-color:#5a595a;stop-opacity:1"
+         offset="0"
+         id="stop4466" />
+      <stop
+         style="stop-color:#6d6d6d;stop-opacity:1"
+         offset="1"
+         id="stop4468" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="-11"
+     inkscape:window-x="-11"
+     inkscape:window-height="2066"
+     inkscape:window-width="3840"
+     units="px"
+     fit-margin-bottom="0"
+     fit-margin-right="0"
+     fit-margin-left="0"
+     fit-margin-top="0"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="146.36163"
+     inkscape:cx="30.502414"
+     inkscape:zoom="1.979899"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata1432">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-60.677848,-118.15678)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Capa 1">
+    <g
+       id="g4562"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"
+       transform="matrix(0.49944048,0,0,0.49944048,-344.8884,-255.14371)">
+      <path
+         transform="matrix(0.99581346,0,0,0.99999648,3.422001,0.00307374)"
+         style="opacity:0.6;fill:#000000;fill-opacity:1;stroke:none;filter:url(#filter4408)"
+         d="m 880.20474,869.44298 -56.58514,-32.14873 56.53943,-17.26221 56.72214,17.26221 z"
+         id="path4384"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4322"
+         d="m 879.66668,780.93699 -56.34825,-16.15398 56.30273,-8.67386 56.48467,8.67386 z"
+         style="fill:url(#radialGradient4519);fill-opacity:1;stroke:none" />
+      <path
+         inkscape:connector-curvature="0"
+         id="rect4313"
+         d="m 823.31843,764.78301 56.34825,16.15398 0.0455,84.54307 -52.51638,-29.29678 z"
+         style="fill:url(#radialGradient4516);fill-opacity:1;stroke:none"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         style="fill:url(#radialGradient4513);fill-opacity:1;stroke:none"
+         d="m 936.31296,764.78301 -56.64628,16.15398 0.0455,84.54307 52.71083,-29.10146 z"
+         id="path4316"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         transform="matrix(0.99581346,0,0,0.99999648,3.422001,0.00307374)"
+         id="path4374"
+         d="m 827.90625,764.09375 -4.5625,0.6875 56.59375,16.15625 56.65625,-16.15625 -4.5625,-0.6875 -52.09375,14.84375 z"
+         style="fill:#b2b2b2;fill-opacity:1;stroke:none;filter:url(#filter4416)"
+         inkscape:connector-curvature="0" />
+      <path
+         transform="matrix(0.99581346,0,0,1.2649699,3.422001,-229.59761)"
+         inkscape:connector-curvature="0"
+         id="path4379"
+         d="m 881.28125,780.5625 -1.34375,0.375 0.0312,84.53125 1.375,-0.75 -0.0625,-84.15625 z"
+         style="fill:#312828;fill-opacity:1;stroke:none;filter:url(#filter4424)" />
+      <path
+         sodipodi:nodetypes="cccc"
+         inkscape:connector-curvature="0"
+         id="path4446"
+         d="m 880.29477,780.93699 0.0455,-24.82784 -56.48467,8.67386 z"
+         style="fill:url(#radialGradient4508);fill-opacity:1;stroke:none" />
+      <path
+         style="fill:url(#radialGradient4505);fill-opacity:1;stroke:none"
+         d="m 879.66668,780.93699 -0.0455,-24.82784 56.48467,8.67386 z"
+         id="path4436"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4522"
+         d="m 823.31843,764.78301 56.34825,16.15398 -3.93698,43.48049 -51.71887,-24.07076 z"
+         style="opacity:0.6;fill:#1a1a1a;fill-opacity:1;stroke:none;filter:url(#filter4536)"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         style="fill:url(#radialGradient4502);fill-opacity:1;stroke:none"
+         d="m 823.31843,764.78301 56.34825,16.15398 -10.56611,42.37564 -51.71887,-24.07076 z"
+         id="path4428"
+         inkscape:connector-curvature="0" />
+      <path
+         style="opacity:0.7;fill:#1a1a1a;fill-opacity:1;stroke:none;filter:url(#filter4558)"
+         d="m 936.31296,764.78301 -56.64628,16.15398 9.13952,50.28501 44.97453,-22.47235 z"
+         id="path4540"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path4434"
+         d="m 936.31296,764.78301 -56.64628,16.15398 12.45408,42.55103 53.26094,-23.30099 z"
+         style="fill:url(#radialGradient4499);fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/resources/icons/box.svg b/resources/icons/box.svg
new file mode 100644
index 0000000..57c39ee
--- /dev/null
+++ b/resources/icons/box.svg
@@ -0,0 +1,402 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="256"
+   height="256"
+   viewBox="0 0 67.733332 67.733327"
+   version="1.1"
+   id="svg1435"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="box.svg">
+  <defs
+     id="defs1429">
+    <linearGradient
+       id="linearGradient4327"
+       inkscape:collect="always">
+      <stop
+         id="stop4329"
+         offset="0"
+         style="stop-color:#8f8f8f;stop-opacity:1" />
+      <stop
+         id="stop4331"
+         offset="1"
+         style="stop-color:#666666;stop-opacity:1" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       id="filter4408-9">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="2.0334064"
+         id="feGaussianBlur4410-2" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4327"
+       id="radialGradient4519-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3943812,0.0172444,-0.00268813,0.21919138,-307.2529,584.10345)"
+       cx="821.68982"
+       cy="763.58295"
+       fx="821.68982"
+       fy="763.58295"
+       r="56.630787" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1594"
+       id="radialGradient4516-2"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.83958075,-1.5066839,0.85527119,-0.48060147,873.38317,2492.5673)"
+       cx="832.74335"
+       cy="812.21118"
+       fx="832.74335"
+       fy="812.21118"
+       r="28.31542" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1594">
+      <stop
+         style="stop-color:#d2bd9f;stop-opacity:1"
+         offset="0"
+         id="stop1590" />
+      <stop
+         style="stop-color:#b99c74;stop-opacity:1"
+         offset="1"
+         id="stop1592" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1588"
+       id="radialGradient4513-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.87529436,3.0352003,-1.6932298,-0.49239992,3018.5719,-1560.1702)"
+       cx="895.95618"
+       cy="782.2793"
+       fx="895.95618"
+       fy="782.2793"
+       r="28.442215" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1588">
+      <stop
+         style="stop-color:#a28261;stop-opacity:1"
+         offset="0"
+         id="stop1584" />
+      <stop
+         style="stop-color:#b69971;stop-opacity:1"
+         offset="1"
+         id="stop1586" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       id="filter4416-5">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.65046875"
+         id="feGaussianBlur4418-0" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       id="filter4424-5"
+       x="-0.73653334"
+       width="2.4730668"
+       y="-0.012198749"
+       height="1.0243975">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.4315625"
+         id="feGaussianBlur4426-9" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1474"
+       id="radialGradient4508-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72520515,0.1821448,0.11208836,-0.44712165,74.005237,941.44789)"
+       cx="931.21198"
+       cy="770.13135"
+       fx="931.21198"
+       fy="770.13135"
+       r="56.630787" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1474">
+      <stop
+         style="stop-color:#9e7d5a;stop-opacity:1"
+         offset="0"
+         id="stop1470" />
+      <stop
+         style="stop-color:#ac8f67;stop-opacity:1"
+         offset="1"
+         id="stop1472" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1468"
+       id="radialGradient4505-5"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.49911369,-0.45131546,0.21623919,-0.23923268,1214.7804,1356.0823)"
+       cx="909.96002"
+       cy="684.42065"
+       fx="909.96002"
+       fy="684.42065"
+       r="56.630787" />
+    <linearGradient
+       id="linearGradient1468"
+       inkscape:collect="always">
+      <stop
+         id="stop1464"
+         offset="0"
+         style="stop-color:#d7c5ad;stop-opacity:1" />
+      <stop
+         id="stop1466"
+         offset="1"
+         style="stop-color:#b99c74;stop-opacity:1" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       id="filter4536-5">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.208146"
+         id="feGaussianBlur4538-7" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1480"
+       id="radialGradient4502-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.5921085,-0.22483035,0.12119108,0.86543231,-584.46085,292.00277)"
+       cx="824.60938"
+       cy="793.56006"
+       fx="824.60938"
+       fy="793.56006"
+       r="31.273415" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1480">
+      <stop
+         style="stop-color:#d8c6af;stop-opacity:1"
+         offset="0"
+         id="stop1476" />
+      <stop
+         style="stop-color:#b99b74;stop-opacity:1"
+         offset="1"
+         id="stop1478" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       id="filter4558-4">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.6346618"
+         id="feGaussianBlur4560-2" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1486"
+       id="radialGradient4499-6"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.1245423,1.268838,-0.70923659,-0.63387198,2521.5923,93.097051)"
+       cx="927.73438"
+       cy="776.95282"
+       fx="927.73438"
+       fy="776.95282"
+       r="30.78594" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1486">
+      <stop
+         style="stop-color:#9e805e;stop-opacity:1"
+         offset="0"
+         id="stop1482" />
+      <stop
+         style="stop-color:#b69971;stop-opacity:1"
+         offset="1"
+         id="stop1484" />
+    </linearGradient>
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.06658697,-0.94044703,2.3281334,0.16481458,-1153.7293,1549.0693)"
+       r="26.25819"
+       fy="847.73682"
+       fx="878.40527"
+       cy="847.73682"
+       cx="878.40527"
+       id="radialGradient1496"
+       xlink:href="#linearGradient1494"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient1494"
+       inkscape:collect="always">
+      <stop
+         id="stop1490"
+         offset="0"
+         style="stop-color:#d3c0b1;stop-opacity:1;" />
+      <stop
+         id="stop1492"
+         offset="1"
+         style="stop-color:#d3c0b1;stop-opacity:0;" />
+    </linearGradient>
+    <filter
+       height="1.0217716"
+       y="-0.010885754"
+       width="1.0350487"
+       x="-0.017524341"
+       id="filter1506"
+       style="color-interpolation-filters:sRGB"
+       inkscape:collect="always">
+      <feGaussianBlur
+         id="feGaussianBlur1508"
+         stdDeviation="0.38346457"
+         inkscape:collect="always" />
+    </filter>
+    <filter
+       height="1.0411032"
+       y="-0.020551652"
+       width="1.0279647"
+       x="-0.013982341"
+       id="filter1520"
+       style="color-interpolation-filters:sRGB"
+       inkscape:collect="always">
+      <feGaussianBlur
+         id="feGaussianBlur1522"
+         stdDeviation="0.36287075"
+         inkscape:collect="always" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="61.937497"
+     inkscape:cy="112.61297"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:window-width="3840"
+     inkscape:window-height="2066"
+     inkscape:window-x="-11"
+     inkscape:window-y="-11"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata1432">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-56.519248,-122.62145)">
+    <g
+       transform="matrix(0.49944048,0,0,0.49944048,-349.047,-250.67904)"
+       id="g1499">
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path4384-8"
+         d="m 880.20474,869.44298 -56.58514,-32.14873 56.53943,-17.26221 56.72214,17.26221 z"
+         style="opacity:0.6;fill:#000000;fill-opacity:1;stroke:none;filter:url(#filter4408-9)"
+         transform="matrix(0.99581346,0,0,0.99999648,3.422001,0.00307374)" />
+      <path
+         style="fill:url(#radialGradient4519-3);fill-opacity:1;stroke:none"
+         d="m 879.66668,780.93699 -56.34825,-16.15398 56.30273,-8.67386 56.48467,8.67386 z"
+         id="rect4322-5"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         style="fill:url(#radialGradient4516-2);fill-opacity:1;stroke:none"
+         d="m 823.31843,764.78301 56.34825,16.15398 0.0455,84.54307 -52.51638,-29.29678 z"
+         id="rect4313-0"
+         inkscape:connector-curvature="0" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path4316-9"
+         d="m 936.31296,764.78301 -56.64628,16.15398 0.0455,84.54307 52.71083,-29.10146 z"
+         style="fill:url(#radialGradient4513-9);fill-opacity:1;stroke:none" />
+      <path
+         inkscape:connector-curvature="0"
+         style="fill:#b2b2b2;fill-opacity:1;stroke:none;filter:url(#filter4416-5)"
+         d="m 827.90625,764.09375 -4.5625,0.6875 56.59375,16.15625 56.65625,-16.15625 -4.5625,-0.6875 -52.09375,14.84375 z"
+         id="path4374-4"
+         transform="matrix(0.99581346,0,0,0.99999648,3.422001,0.00307374)" />
+      <path
+         style="fill:#9f805c;fill-opacity:1;stroke:none;filter:url(#filter4424-5)"
+         d="m 881.28125,780.5625 -1.34375,0.375 0.0312,84.53125 1.375,-0.75 -0.0625,-84.15625 z"
+         id="path4379-2"
+         inkscape:connector-curvature="0"
+         transform="matrix(0.99581346,0,0,1.2649699,3.422001,-229.59761)" />
+      <path
+         style="fill:url(#radialGradient4508-9);fill-opacity:1;stroke:none"
+         d="m 880.29477,780.93699 0.0455,-24.82784 -56.48467,8.67386 z"
+         id="path4446-7"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" />
+      <path
+         sodipodi:nodetypes="cccc"
+         inkscape:connector-curvature="0"
+         id="path4436-7"
+         d="m 879.66668,780.93699 -0.0455,-24.82784 56.48467,8.67386 z"
+         style="fill:url(#radialGradient4505-5);fill-opacity:1;stroke:none" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         style="opacity:0.4;fill:#1a1a1a;fill-opacity:1;stroke:none;filter:url(#filter4536-5)"
+         d="m 823.31843,764.78301 56.34825,16.15398 -3.93698,43.48049 -51.71887,-24.07076 z"
+         id="path4522-4"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4428-4"
+         d="m 823.31843,764.78301 56.34825,16.15398 -10.56611,42.37564 -51.71887,-24.07076 z"
+         style="fill:url(#radialGradient4502-8);fill-opacity:1;stroke:none"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path4540-2"
+         d="m 936.31296,764.78301 -56.64628,16.15398 9.13952,50.28501 44.97453,-22.47235 z"
+         style="opacity:0.25;fill:#1a1a1a;fill-opacity:1;stroke:none;filter:url(#filter4558-4)" />
+      <path
+         style="fill:url(#radialGradient4499-6);fill-opacity:1;stroke:none"
+         d="m 936.31296,764.78301 -56.64628,16.15398 12.45408,42.55103 53.26094,-23.30099 z"
+         id="path4434-3"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         style="opacity:0.850299;fill:url(#radialGradient1496);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter1506)"
+         d="m 827.1958,836.18325 52.51638,29.2968 -0.0455,-84.54306 -1.26132,81.75816 z"
+         id="path1488" />
+      <path
+         style="opacity:0.694611;fill:#90724e;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter1520)"
+         d="m 817.3817,799.24187 51.71887,24.07078 10.56611,-42.37566 -11.22226,39.86366 z"
+         id="path1510" />
+    </g>
+  </g>
+</svg>
diff --git a/resources/icons/brush.png b/resources/icons/brush.png
new file mode 100644
index 0000000..a0c8cbb
Binary files /dev/null and b/resources/icons/brush.png differ
diff --git a/resources/icons/copy(1).svg b/resources/icons/copy(1).svg
new file mode 100644
index 0000000..660063b
--- /dev/null
+++ b/resources/icons/copy(1).svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M456.533,153.6H422.4v-51.2c-0.028-23.553-19.114-42.639-42.667-42.667h-35.706C340.435,49.534,330.813,42.7,320,42.667
+				h-17.067V25.6c-0.015-14.132-11.468-25.585-25.6-25.6h-102.4c-14.132,0.015-25.585,11.468-25.6,25.6v17.067h-17.067
+				c-10.813,0.033-20.435,6.868-24.028,17.067H72.533C48.981,59.761,29.894,78.847,29.867,102.4v332.8
+				c0.028,23.553,19.114,42.639,42.667,42.667h102.4v8.533c0.015,14.132,11.468,25.585,25.6,25.6h256
+				c14.132-0.015,25.585-11.468,25.6-25.6V179.2C482.118,165.068,470.665,153.615,456.533,153.6z M166.4,25.6
+				c0.006-4.71,3.823-8.527,8.533-8.533h102.4c4.71,0.006,8.527,3.823,8.533,8.533v17.067H166.4V25.6z M123.733,68.267
+				c0.006-4.71,3.823-8.527,8.533-8.533H320c4.71,0.006,8.527,3.823,8.533,8.533V102.4c-0.006,4.71-3.823,8.527-8.533,8.533H132.267
+				c-4.71-0.006-8.527-3.823-8.533-8.533V68.267z M174.933,179.2v281.6h-102.4c-14.132-0.015-25.585-11.468-25.6-25.6V102.4
+				c0.015-14.132,11.468-25.585,25.6-25.6h34.133v25.6c0.015,14.132,11.468,25.585,25.6,25.6H320
+				c14.132-0.015,25.585-11.468,25.6-25.6V76.8h34.133c14.132,0.015,25.585,11.468,25.6,25.6v51.2h-204.8
+				C186.401,153.615,174.949,165.068,174.933,179.2z M465.067,486.4c-0.006,4.71-3.823,8.527-8.533,8.533h-256
+				c-4.71-0.006-8.527-3.823-8.533-8.533V179.2c0.006-4.71,3.823-8.527,8.533-8.533h256c4.71,0.006,8.527,3.823,8.533,8.533V486.4z"
+				/>
+			<path d="M405.333,256h-153.6c-4.713,0-8.533,3.82-8.533,8.533s3.82,8.533,8.533,8.533h153.6c4.713,0,8.533-3.82,8.533-8.533
+				S410.046,256,405.333,256z"/>
+			<path d="M405.333,298.667h-153.6c-4.713,0-8.533,3.82-8.533,8.533s3.82,8.533,8.533,8.533h153.6c4.713,0,8.533-3.82,8.533-8.533
+				S410.046,298.667,405.333,298.667z"/>
+			<path d="M405.333,341.333h-153.6c-4.713,0-8.533,3.82-8.533,8.533s3.82,8.533,8.533,8.533h153.6c4.713,0,8.533-3.82,8.533-8.533
+				S410.046,341.333,405.333,341.333z"/>
+			<path d="M405.333,384h-153.6c-4.713,0-8.533,3.821-8.533,8.533c0,4.713,3.82,8.533,8.533,8.533h153.6
+				c4.713,0,8.533-3.821,8.533-8.533C413.867,387.821,410.046,384,405.333,384z"/>
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/icons/copy(copiar).svg b/resources/icons/copy(copiar).svg
new file mode 100644
index 0000000..8b782a7
--- /dev/null
+++ b/resources/icons/copy(copiar).svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M416,146.286V91.429C415.983,76.287,403.713,64.017,388.571,64H352v27.429c-0.017,15.142-12.287,27.412-27.429,27.429
+				H123.429C108.287,118.841,96.017,106.57,96,91.429V64H59.429C44.287,64.017,32.017,76.287,32,91.429V448
+				c0.017,15.142,12.287,27.412,27.429,27.429h109.714V173.714c0.017-15.142,12.287-27.412,27.429-27.429H416z"/>
+			<path d="M288,9.143c-0.007-5.047-4.096-9.136-9.143-9.143H169.143c-5.047,0.007-9.136,4.096-9.143,9.143v18.286h128V9.143z"/>
+			<path d="M123.429,100.571h201.143c5.049,0,9.143-4.093,9.143-9.143V54.857c0-5.049-4.093-9.143-9.143-9.143H123.429
+				c-5.049,0-9.143,4.093-9.143,9.143v36.571C114.286,96.478,118.379,100.571,123.429,100.571z"/>
+			<path d="M470.857,164.571H196.571c-5.047,0.007-9.136,4.096-9.143,9.143v329.143c0.007,5.047,4.096,9.136,9.143,9.143h274.286
+				c5.047-0.007,9.136-4.096,9.143-9.143V173.714C479.993,168.668,475.904,164.578,470.857,164.571z M416,411.429H251.429
+				c-5.049,0-9.143-4.093-9.143-9.143c0-5.049,4.093-9.143,9.143-9.143H416c5.049,0,9.143,4.093,9.143,9.143
+				C425.143,407.335,421.049,411.429,416,411.429z M416,365.714H251.429c-5.049,0-9.143-4.093-9.143-9.143
+				c0-5.049,4.093-9.143,9.143-9.143H416c5.049,0,9.143,4.093,9.143,9.143C425.143,361.621,421.049,365.714,416,365.714z M416,320
+				H251.429c-5.049,0-9.143-4.093-9.143-9.143c0-5.049,4.093-9.143,9.143-9.143H416c5.049,0,9.143,4.093,9.143,9.143
+				C425.143,315.907,421.049,320,416,320z M416,274.286H251.429c-5.049,0-9.143-4.093-9.143-9.143c0-5.049,4.093-9.143,9.143-9.143
+				H416c5.049,0,9.143,4.093,9.143,9.143C425.143,270.192,421.049,274.286,416,274.286z"/>
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/icons/copy.svg b/resources/icons/copy.svg
new file mode 100644
index 0000000..1399e1d
--- /dev/null
+++ b/resources/icons/copy.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m128.157 75.202h330.889v436.798h-330.889z" fill="#00969b"/><g><path d="m116.689 0-22.97 42.97-40.764 20.764v373.064h165.444l30-216.196-30-220.602z" fill="#fff5f5"/><path d="m218.399 0h165.444v436.798h-165.444z" fill="#e1ebf0"/></g><path d="m116.689 0v63.734h-63.734z" fill="#e1ebf0"/><g><path d="m218.399 162.369h-103.656v-30h103.656l10 15z" fill="#e1ebf0"/></g><g><path d="m218.399 226.104h-103.656v-30h103.656l10 14.961z" fill="#e1ebf0"/></g><g><path d="m218.399 289.838h-103.656v-30h103.656l10 11.162z" fill="#e1ebf0"/></g><g><path d="m218.399 132.369h103.656v30h-103.656z" fill="#b4d2d7"/></g><g><path d="m218.399 196.104h103.656v30h-103.656z" fill="#b4d2d7"/></g><g><path d="m218.399 259.838h103.656v30h-103.656z" fill="#b4d2d7"/></g></g></svg>
\ No newline at end of file
diff --git a/resources/icons/delete-.svg b/resources/icons/delete-.svg
new file mode 100644
index 0000000..0b5384d
--- /dev/null
+++ b/resources/icons/delete-.svg
@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="delete.svg"
+   xml:space="preserve"
+   style="enable-background:new 0 0 480 480;"
+   viewBox="0 0 480 480"
+   y="0px"
+   x="0px"
+   id="Capa_1"
+   version="1.1"><metadata
+   id="metadata51"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+   id="defs49" /><sodipodi:namedview
+   inkscape:current-layer="Capa_1"
+   inkscape:window-maximized="0"
+   inkscape:window-y="24"
+   inkscape:window-x="0"
+   inkscape:cy="195.46942"
+   inkscape:cx="174.71147"
+   inkscape:zoom="1.4849242"
+   showgrid="false"
+   id="namedview47"
+   inkscape:window-height="1588"
+   inkscape:window-width="2647"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   guidetolerance="10"
+   gridtolerance="10"
+   objecttolerance="10"
+   borderopacity="1"
+   bordercolor="#666666"
+   pagecolor="#ffffff" />
+<g
+   id="g14">
+	<g
+   id="g12">
+		<g
+   id="g10">
+			<path
+   id="path2"
+   d="M472,59.96H8c-4.418,0-8,3.582-8,8v240c0,4.418,3.582,8,8,8h120.408c4.306,61.635,57.762,108.109,119.397,103.803     c55.64-3.887,99.916-48.164,103.803-103.803H472c4.418,0,8-3.582,8-8v-240C480,63.542,476.418,59.96,472,59.96z M240,403.96     c-53.019,0-96-42.981-96-96s42.981-96,96-96s96,42.981,96,96C335.943,360.956,292.996,403.903,240,403.96z M464,299.96H351.72     c-0.048-0.608-0.16-1.192-0.216-1.792c-0.144-1.696-0.376-3.36-0.6-5.032c-0.264-1.976-0.536-3.944-0.904-5.896     c-0.312-1.656-0.688-3.28-1.072-4.912c-0.448-1.904-0.92-3.792-1.456-5.648c-0.472-1.6-0.992-3.2-1.528-4.752     c-0.624-1.824-1.272-3.624-1.984-5.4c-0.616-1.544-1.272-3.064-1.96-4.576c-0.8-1.728-1.6-3.432-2.464-5.112     c-0.76-1.472-1.552-2.92-2.4-4.36c-0.933-1.6-1.909-3.2-2.928-4.8c-0.896-1.4-1.8-2.768-2.76-4.12     c-1.072-1.528-2.2-3.008-3.352-4.48c-1.016-1.304-2.048-2.592-3.12-3.848c-1.208-1.408-2.472-2.776-3.752-4.128     c-1.136-1.192-2.264-2.4-3.456-3.536c-1.344-1.296-2.736-2.536-4.144-3.768c-1.232-1.08-2.456-2.168-3.744-3.2     c-1.464-1.176-2.992-2.28-4.52-3.384c-1.328-0.952-2.632-1.92-4-2.824c-1.6-1.048-3.248-2.008-4.904-2.976     c-1.392-0.8-2.768-1.664-4.2-2.4c-1.72-0.912-3.496-1.72-5.272-2.544c-1.448-0.672-2.864-1.384-4.344-1.992     c-1.872-0.8-3.792-1.424-5.704-2.096c-1.464-0.512-2.896-1.08-4.392-1.528c-2.04-0.624-4.144-1.104-6.232-1.6     c-1.432-0.352-2.832-0.8-4.28-1.056c-2.352-0.472-4.76-0.8-7.2-1.096c-1.248-0.168-2.464-0.416-3.72-0.544     c-1.056-0.104-2.128-0.104-3.2-0.184V99.96c0-4.418-3.582-8-8-8s-8,3.582-8,8v96.384c-1.064,0.08-2.136,0.08-3.2,0.184     c-1.256,0.128-2.472,0.376-3.72,0.544c-2.4,0.32-4.8,0.624-7.16,1.096c-1.448,0.288-2.848,0.704-4.28,1.056     c-2.088,0.504-4.192,0.984-6.232,1.6c-1.496,0.448-2.928,1.016-4.392,1.528c-1.912,0.672-3.832,1.32-5.704,2.096     c-1.48,0.608-2.896,1.32-4.344,1.992c-1.776,0.8-3.552,1.6-5.272,2.544c-1.432,0.76-2.808,1.6-4.2,2.4     c-1.656,0.968-3.304,1.928-4.904,2.976c-1.36,0.904-2.664,1.872-4,2.824c-1.528,1.104-3.056,2.208-4.52,3.384     c-1.288,1.032-2.512,2.12-3.744,3.2c-1.408,1.232-2.8,2.472-4.144,3.768c-1.192,1.144-2.32,2.344-3.456,3.536     c-1.28,1.352-2.544,2.72-3.752,4.128c-1.072,1.256-2.104,2.544-3.12,3.848c-1.152,1.472-2.28,2.952-3.352,4.48     c-0.96,1.352-1.864,2.72-2.76,4.12c-1.019,1.6-1.995,3.2-2.928,4.8c-0.8,1.44-1.6,2.888-2.4,4.36     c-0.864,1.68-1.68,3.384-2.464,5.112c-0.688,1.512-1.344,3.032-1.96,4.576c-0.712,1.776-1.36,3.576-1.984,5.4     c-0.536,1.6-1.056,3.144-1.528,4.752c-0.536,1.856-1.008,3.744-1.456,5.648c-0.384,1.6-0.76,3.256-1.072,4.912     c-0.368,1.952-0.64,3.92-0.904,5.896c-0.224,1.672-0.456,3.336-0.6,5.032c-0.056,0.6-0.168,1.184-0.216,1.792H16V75.96h448     V299.96z" />
+			<path
+   id="path4"
+   d="M368,283.96c4.418,0,8-3.582,8-8v-176c0-4.418-3.582-8-8-8s-8,3.582-8,8v176C360,280.378,363.582,283.96,368,283.96z" />
+			<path
+   id="path6"
+   d="M112,283.96c4.418,0,8-3.582,8-8v-176c0-4.418-3.582-8-8-8s-8,3.582-8,8v176C104,280.378,107.582,283.96,112,283.96z" />
+			<path
+   id="path8"
+   d="M296.568,251.392c-3.124-3.123-8.188-3.123-11.312,0L240,296.648l-45.256-45.256c-3.178-3.07-8.243-2.982-11.312,0.196     c-2.994,3.1-2.994,8.015,0,11.116l45.256,45.256l-45.256,45.256c-3.178,3.069-3.266,8.134-0.196,11.312     c3.07,3.178,8.134,3.266,11.312,0.196c0.067-0.064,0.132-0.13,0.196-0.196L240,319.272l45.256,45.256     c3.178,3.07,8.242,2.982,11.312-0.196c2.995-3.1,2.995-8.016,0-11.116l-45.256-45.256l45.256-45.256     C299.691,259.58,299.691,254.516,296.568,251.392z" />
+		</g>
+	</g>
+</g>
+<g
+   id="g16">
+</g>
+<g
+   id="g18">
+</g>
+<g
+   id="g20">
+</g>
+<g
+   id="g22">
+</g>
+<g
+   id="g24">
+</g>
+<g
+   id="g26">
+</g>
+<g
+   id="g28">
+</g>
+<g
+   id="g30">
+</g>
+<g
+   id="g32">
+</g>
+<g
+   id="g34">
+</g>
+<g
+   id="g36">
+</g>
+<g
+   id="g38">
+</g>
+<g
+   id="g40">
+</g>
+<g
+   id="g42">
+</g>
+<g
+   id="g44">
+</g>
+<g
+   transform="matrix(4.6662158,0,0,4.6662158,-1665.9244,-4113.639)"
+   id="g4380"><circle
+     style="fill:#e24848;fill-opacity:1;stroke:none"
+     id="path4340"
+     transform="matrix(1.1381359,0,0,1.1381359,138.5619,-127.44666)"
+     cx="237.13332"
+     cy="944.52838"
+     r="21.465742" /><g
+     id="g4342"
+     transform="rotate(-45,336.75405,779.95598)"><rect
+       ry="1"
+       rx="1"
+       y="945.16437"
+       x="253.94164"
+       height="8"
+       width="30"
+       id="rect4344"
+       style="fill:#ffffff;fill-opacity:1;stroke:none" /><rect
+       transform="rotate(90)"
+       style="fill:#ffffff;fill-opacity:1;stroke:none"
+       id="rect4346"
+       width="30"
+       height="8"
+       x="934.16437"
+       y="-272.94165"
+       rx="1"
+       ry="1" /></g></g></svg>
diff --git a/resources/icons/delete.svg b/resources/icons/delete.svg
new file mode 100644
index 0000000..4e59702
--- /dev/null
+++ b/resources/icons/delete.svg
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="delete.svg"
+   xml:space="preserve"
+   style="enable-background:new 0 0 56.618 56.618;"
+   viewBox="0 0 56.618 56.618"
+   height="56.618px"
+   width="56.618px"
+   y="0px"
+   x="0px"
+   id="Capa_1"
+   version="1.1"><metadata
+   id="metadata44"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+   id="defs42">
+	
+
+		
+	
+			
+		</defs><sodipodi:namedview
+   inkscape:current-layer="Capa_1"
+   inkscape:window-maximized="0"
+   inkscape:window-y="423"
+   inkscape:window-x="1467"
+   inkscape:cy="21.807059"
+   inkscape:cx="-53.491874"
+   inkscape:zoom="3.1472484"
+   showgrid="false"
+   id="namedview40"
+   inkscape:window-height="1195"
+   inkscape:window-width="2039"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   guidetolerance="10"
+   gridtolerance="10"
+   objecttolerance="10"
+   borderopacity="1"
+   bordercolor="#666666"
+   pagecolor="#ffffff" />
+<path
+   sodipodi:nodetypes="sssscsssscsssssssccssssscsssscscs"
+   d="m 4.962,12.309 h 46.694 c 0.679,0 1.229,-0.551 1.229,-1.231 0,-0.68 -0.551,-1.23 -1.229,-1.23 H 36.91 V 7.385 C 36.91,3.312 33.603,0 29.538,0 H 27.08 C 23.015,0 19.707,3.312 19.707,7.385 V 9.847 H 4.962 c -0.68,0 -1.229,0.55 -1.229,1.23 0,0.681 0.549,1.232 1.229,1.232 z M 22.165,7.385 c 0,-2.715 2.204,-4.923 4.915,-4.923 h 2.458 c 2.711,0 4.916,2.208 4.916,4.923 V 9.847 H 22.165 Z m 29.491,9.846 H 4.962 c -0.68,0 -1.229,0.551 -1.229,1.232 0,0.68 0.549,1.23 1.229,1.23 h 4.915 v 29.95 c 0,3.847 3.123,6.976 6.964,6.976 h 22.937 c 3.84,0 6.963,-3.129 6.963,-6.976 v -29.95 h 4.916 c 0.68,0 1.229,-0.551 1.229,-1.23 -0.003,-0.681 -0.552,-1.232 -1.23,-1.232 z"
+   id="path2"
+   style="fill:#f44336;fill-opacity:1" />
+<g
+   id="g9">
+</g>
+<g
+   id="g11">
+</g>
+<g
+   id="g13">
+</g>
+<g
+   id="g15">
+</g>
+<g
+   id="g17">
+</g>
+<g
+   id="g19">
+</g>
+<g
+   id="g21">
+</g>
+<g
+   id="g23">
+</g>
+<g
+   id="g25">
+</g>
+<g
+   id="g27">
+</g>
+<g
+   id="g29">
+</g>
+<g
+   id="g31">
+</g>
+<g
+   id="g33">
+</g>
+<g
+   id="g35">
+</g>
+<g
+   id="g37">
+</g>
+<path
+   style="stroke-width:0.137914"
+   d="m 41.310636,46.224141 c 1.150182,1.15072 1.150182,3.009866 0,4.160588 -0.573743,0.573742 -1.326884,0.861964 -2.080562,0.861964 -0.753141,0 -1.506284,-0.288222 -2.080027,-0.861964 l -8.841048,-8.841586 -8.841048,8.841586 c -0.573745,0.573742 -1.326883,0.861964 -2.080026,0.861964 -0.753676,0 -1.506819,-0.288222 -2.080561,-0.861964 -1.150183,-1.150722 -1.150183,-3.009868 0,-4.160588 l 8.841585,-8.84105 -8.841585,-8.841047 c -1.150183,-1.150722 -1.150183,-3.009869 0,-4.160589 1.150721,-1.150183 3.009867,-1.150183 4.160587,0 l 8.841048,8.841586 8.841048,-8.841586 c 1.150722,-1.150183 3.009868,-1.150183 4.160589,0 1.150182,1.15072 1.150182,3.009867 0,4.160589 l -8.841586,8.841047 z m 0,0"
+   fill="#fafafa"
+   id="path4" /></svg>
diff --git a/resources/icons/down-arrow.svg b/resources/icons/down-arrow.svg
new file mode 100644
index 0000000..7ff5918
--- /dev/null
+++ b/resources/icons/down-arrow.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 491.996 491.996"
+   style="enable-background:new 0 0 491.996 491.996;"
+   xml:space="preserve"
+   sodipodi:docname="down-arrow.svg"
+   inkscape:version="0.92.1 r15371"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="963"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.47967869"
+     inkscape:cx="27.101475"
+     inkscape:cy="245.998"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><g
+     id="g6"
+     transform="matrix(0.81301474,0,0,0.81301474,45.998001,45.998001)"><g
+       id="g4"><path
+         d="m 484.132,124.986 -16.116,-16.228 c -5.072,-5.068 -11.82,-7.86 -19.032,-7.86 -7.208,0 -13.964,2.792 -19.036,7.86 L 246.108,292.606 62.056,108.554 c -5.064,-5.068 -11.82,-7.856 -19.028,-7.856 -7.208,0 -13.968,2.788 -19.036,7.856 l -16.12,16.128 c -10.496,10.488 -10.496,27.572 0,38.06 l 219.136,219.924 c 5.064,5.064 11.812,8.632 19.084,8.632 h 0.084 c 7.212,0 13.96,-3.572 19.024,-8.632 L 484.132,163.338 c 5.072,-5.064 7.856,-12.016 7.864,-19.224 0,-7.212 -2.792,-14.068 -7.864,-19.128 z"
+         id="path2"
+         inkscape:connector-curvature="0" /></g></g><g
+     id="g8" /><g
+     id="g10" /><g
+     id="g12" /><g
+     id="g14" /><g
+     id="g16" /><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /></svg>
\ No newline at end of file
diff --git a/resources/icons/duplicate.svg b/resources/icons/duplicate.svg
new file mode 100644
index 0000000..79becfc
--- /dev/null
+++ b/resources/icons/duplicate.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m512 0h-272.714l-68.787 68.787v2.009h-101.712l-68.787 68.786v372.418h341.501v-70.795h170.499zm-262.767 32.479v46.256h-46.255zm-170.499 70.795v46.256h-46.255zm232.767 378.726h-281.501v-302.47h78.734v-78.734h61.765v108.734h-97.332v30h97.332v30h-97.332v30h97.332v30h-97.332v30h97.332v81.674h141.002zm170.499-70.795h-281.501v-302.47h78.734v-78.735h202.767z"/><path d="m243.667 138.734h195.166v30h-195.166z"/><path d="m243.667 198.734h195.166v30h-195.166z"/><path d="m243.667 258.734h195.166v30h-195.166z"/></g></svg>
\ No newline at end of file
diff --git a/resources/icons/file.svg b/resources/icons/file.svg
new file mode 100644
index 0000000..23053e8
--- /dev/null
+++ b/resources/icons/file.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 512 512" width="512" height="512"><path d="M376,16H168a40.045,40.045,0,0,0-40,40V80H104a40.045,40.045,0,0,0-40,40V456a40.045,40.045,0,0,0,40,40H360a40.045,40.045,0,0,0,40-40V432h24a40.045,40.045,0,0,0,40-40V104a8,8,0,0,0-2.343-5.657l-80-80A8,8,0,0,0,376,16Zm8,440a24.027,24.027,0,0,1-24,24H104a24.027,24.027,0,0,1-24-24V120a24.027,24.027,0,0,1,24-24H304v40a40.045,40.045,0,0,0,40,40h40ZM320,136V107.313L372.687,160H344A24.027,24.027,0,0,1,320,136ZM448,392a24.027,24.027,0,0,1-24,24H400V168a8,8,0,0,0-2.343-5.657l-80-80A8,8,0,0,0,312,80H144V56a24.027,24.027,0,0,1,24-24H368V72a40.045,40.045,0,0,0,40,40h40ZM384,43.313,436.687,96H408a24.027,24.027,0,0,1-24-24Z"/><path d="M200,208a8,8,0,0,0,0,16H344a8,8,0,0,0,0-16Z"/><path d="M120,272H248a8,8,0,0,0,0-16H120a8,8,0,0,0,0,16Z"/><path d="M344,304H248a8,8,0,0,0,0,16h96a8,8,0,0,0,0-16Z"/><path d="M120,368H264a8,8,0,0,0,0-16H120a8,8,0,0,0,0,16Z"/><path d="M120,224h48a8,8,0,0,0,0-16H120a8,8,0,0,0,0,16Z"/><path d="M344,256H280a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Z"/><path d="M120,320h96a8,8,0,0,0,0-16H120a8,8,0,0,0,0,16Z"/><path d="M344,352H296a8,8,0,0,0,0,16h48a8,8,0,0,0,0-16Z"/><path d="M168,400H120a8,8,0,0,0,0,16h48a8,8,0,0,0,0-16Z"/><path d="M120,176h96a8,8,0,0,0,0-16H120a8,8,0,0,0,0,16Z"/><path d="M280,400H200a8,8,0,0,0,0,16h80a8,8,0,0,0,0-16Z"/><path d="M344,400H312a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16Z"/></svg>
diff --git a/resources/icons/gear.svg b/resources/icons/gear.svg
new file mode 100644
index 0000000..9e4dd70
--- /dev/null
+++ b/resources/icons/gear.svg
@@ -0,0 +1 @@
+<svg height="512pt" viewBox="0 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m499.953125 197.703125-39.351563-8.554687c-3.421874-10.476563-7.660156-20.695313-12.664062-30.539063l21.785156-33.886719c3.890625-6.054687 3.035156-14.003906-2.050781-19.089844l-61.304687-61.304687c-5.085938-5.085937-13.035157-5.941406-19.089844-2.050781l-33.886719 21.785156c-9.84375-5.003906-20.0625-9.242188-30.539063-12.664062l-8.554687-39.351563c-1.527344-7.03125-7.753906-12.046875-14.949219-12.046875h-86.695312c-7.195313 0-13.421875 5.015625-14.949219 12.046875l-8.554687 39.351563c-10.476563 3.421874-20.695313 7.660156-30.539063 12.664062l-33.886719-21.785156c-6.054687-3.890625-14.003906-3.035156-19.089844 2.050781l-61.304687 61.304687c-5.085937 5.085938-5.941406 13.035157-2.050781 19.089844l21.785156 33.886719c-5.003906 9.84375-9.242188 20.0625-12.664062 30.539063l-39.351563 8.554687c-7.03125 1.53125-12.046875 7.753906-12.046875 14.949219v86.695312c0 7.195313 5.015625 13.417969 12.046875 14.949219l39.351563 8.554687c3.421874 10.476563 7.660156 20.695313 12.664062 30.539063l-21.785156 33.886719c-3.890625 6.054687-3.035156 14.003906 2.050781 19.089844l61.304687 61.304687c5.085938 5.085937 13.035157 5.941406 19.089844 2.050781l33.886719-21.785156c9.84375 5.003906 20.0625 9.242188 30.539063 12.664062l8.554687 39.351563c1.527344 7.03125 7.753906 12.046875 14.949219 12.046875h86.695312c7.195313 0 13.421875-5.015625 14.949219-12.046875l8.554687-39.351563c10.476563-3.421874 20.695313-7.660156 30.539063-12.664062l33.886719 21.785156c6.054687 3.890625 14.003906 3.039063 19.089844-2.050781l61.304687-61.304687c5.085937-5.085938 5.941406-13.035157 2.050781-19.089844l-21.785156-33.886719c5.003906-9.84375 9.242188-20.0625 12.664062-30.539063l39.351563-8.554687c7.03125-1.53125 12.046875-7.753906 12.046875-14.949219v-86.695312c0-7.195313-5.015625-13.417969-12.046875-14.949219zm-152.160156 58.296875c0 50.613281-41.179688 91.792969-91.792969 91.792969s-91.792969-41.179688-91.792969-91.792969 41.179688-91.792969 91.792969-91.792969 91.792969 41.179688 91.792969 91.792969zm0 0"/></svg>
\ No newline at end of file
diff --git a/resources/icons/helmet.png b/resources/icons/helmet.png
new file mode 100644
index 0000000..b5d6cb4
Binary files /dev/null and b/resources/icons/helmet.png differ
diff --git a/resources/icons/helmet.svg b/resources/icons/helmet.svg
new file mode 100644
index 0000000..4e178e2
--- /dev/null
+++ b/resources/icons/helmet.svg
@@ -0,0 +1,251 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 12.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 51448)  -->
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.0" id="Livello_2" width="128" height="128" viewBox="0 0 138 111" overflow="visible" enable-background="new 0 0 138 111" xml:space="preserve" sodipodi:version="0.32" inkscape:version="0.45+devel" sodipodi:docname="applications-engineering.svgz" inkscape:output_extension="org.inkscape.output.svgz.inkscape" style="overflow:visible"><metadata id="metadata366"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/></cc:Work></rdf:RDF></metadata><defs id="defs364"><linearGradient id="linearGradient7671"><stop style="stop-color:#7b4100;stop-opacity:0;" offset="0" id="stop7673"/><stop id="stop7679" offset="0.03529412" style="stop-color:#984f00;stop-opacity:1;"/><stop style="stop-color:#000000;stop-opacity:0;" offset="1" id="stop7675"/></linearGradient><linearGradient id="linearGradient7661"><stop id="stop7663" offset="0" style="stop-color:#bb8000;stop-opacity:1;"/><stop id="stop7665" offset="1" style="stop-color:#e9a800;stop-opacity:0;"/></linearGradient><radialGradient gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" r="44.665298" cy="72.860802" cx="68.742203" id="radialGradient6504">
+		<stop id="stop6506" style="stop-color:#d5a200;stop-opacity:1;" offset="0"/><stop offset="0.5972178" style="stop-color:#fff309;stop-opacity:1;" id="stop6508"/>
+		<stop id="stop6510" style="stop-color:#ffd83a;stop-opacity:1;" offset="0.85210001"/>
+	</radialGradient><linearGradient id="linearGradient6111"><stop style="stop-color:#ffffff;stop-opacity:1;" offset="0" id="stop6113"/><stop style="stop-color:#ffffff;stop-opacity:0;" offset="1" id="stop6115"/></linearGradient><linearGradient id="linearGradient4918"><stop style="stop-color:#5f2901;stop-opacity:1;" offset="0" id="stop4920"/><stop style="stop-color:#933f02;stop-opacity:0;" offset="1" id="stop4922"/></linearGradient><linearGradient id="linearGradient3732"><stop style="stop-color:#ffffff;stop-opacity:0;" offset="0" id="stop3734"/><stop id="stop3744" offset="0.5" style="stop-color:#ffffff;stop-opacity:1;"/><stop style="stop-color:#ffffff;stop-opacity:0;" offset="1" id="stop3736"/></linearGradient><radialGradient gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" r="80.669502" cy="5.9165001" cx="59.8853" id="radialGradient3716">
+		<stop id="stop3718" style="stop-color:#FFDD00" offset="0"/>
+		<stop id="stop3720" style="stop-color:#FEDB00" offset="0.4225"/>
+		<stop id="stop3722" style="stop-color:#FAD400" offset="0.5747"/>
+		<stop id="stop3724" style="stop-color:#F3C900" offset="0.6831"/>
+		<stop id="stop3726" style="stop-color:#E9B800" offset="0.7702"/>
+		<stop id="stop3728" style="stop-color:#E3AD00" offset="0.8107"/>
+		<stop id="stop3730" style="stop-color:#F7B100" offset="1"/>
+	</radialGradient><linearGradient id="linearGradient2932"><stop style="stop-color:#ffffff;stop-opacity:1;" offset="0" id="stop2934"/><stop style="stop-color:#ffffff;stop-opacity:0;" offset="1" id="stop2936"/></linearGradient>
+		<defs id="defs295">
+			<path d="M 121.957,52.915 C 121.904,53.062 121.847,53.192 121.777,53.287 C 121.286,53.955 118.628,55.516 114.847,57.407 C 110.714,59.687 106.095,61.742 101.072,63.533 C 96.827,65.213 92.523,66.718 88.8,67.7 C 76.285,71 62.634,72.908 57.138,72.908 C 54.881,72.908 27.889,65.125 26.551,64.186 C 26.456,64.186 24.4,65.64 25.533,69.453 C 25.551,69.567 25.571,69.672 25.595,69.759 C 26.05,71.378 28.71,75.675 35.034,77.874 C 41.358,80.074 56.552,82.112 62.156,82.112 C 67.76,82.112 80.507,81.586 89.039,79.085 C 97.571,76.585 112.648,69.933 120.104,66.004 C 126.948,62.637 126.758,58.952 125.011,50.529 C 124.045,51.342 123.026,52.138 121.957,52.915 z" id="XMLID_24_"/>
+		</defs>
+		<clipPath id="XMLID_47_">
+			<use id="use299" xlink:href="#XMLID_24_" x="0" y="0" width="138" height="111"/>
+		</clipPath>
+		
+	<radialGradient inkscape:collect="always" xlink:href="#XMLID_39_" id="radialGradient3704" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" cx="59.8853" cy="5.9165001" r="80.669502"/><radialGradient inkscape:collect="always" xlink:href="#XMLID_39_" id="radialGradient3708" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" cx="59.8853" cy="5.9165001" r="80.669502"/><linearGradient inkscape:collect="always" xlink:href="#linearGradient3732" id="linearGradient3738" x1="40.404991" y1="35.540894" x2="66.783089" y2="12.96001" gradientUnits="userSpaceOnUse"/><linearGradient inkscape:collect="always" xlink:href="#linearGradient3732" id="linearGradient3742" gradientUnits="userSpaceOnUse" x1="40.404991" y1="35.540894" x2="74.400734" y2="-3.3635197" gradientTransform="translate(-2,0)"/>
+		<linearGradient y2="66.162399" x2="16.104601" y1="71.058098" x1="18.430201" gradientUnits="userSpaceOnUse" id="XMLID_32_">
+			<stop id="stop50" style="stop-color:#c2a800;stop-opacity:1;" offset="0"/>
+			
+			<stop id="stop54" style="stop-color:#c8aa00;stop-opacity:1;" offset="0.5747"/>
+			
+			
+			<stop id="stop60" style="stop-color:#c29400;stop-opacity:1;" offset="1"/>
+			
+		</linearGradient>
+		
+		<linearGradient y2="68.630798" x2="11.3575" y1="73.435997" x1="13.6401" gradientUnits="userSpaceOnUse" id="XMLID_33_" gradientTransform="translate(-10,0)">
+			<stop id="stop67" style="stop-color:#FFDD00" offset="0"/>
+			<stop id="stop69" style="stop-color:#FEDB00" offset="0.4225"/>
+			<stop id="stop71" style="stop-color:#FAD400" offset="0.5747"/>
+			<stop id="stop73" style="stop-color:#F3C900" offset="0.6831"/>
+			<stop id="stop75" style="stop-color:#E9B800" offset="0.7702"/>
+			<stop id="stop77" style="stop-color:#E3AD00" offset="0.8107"/>
+			<stop id="stop79" style="stop-color:#F7B100" offset="1"/>
+		</linearGradient>
+		
+	<linearGradient inkscape:collect="always" xlink:href="#linearGradient4918" id="linearGradient4924" x1="109.125" y1="69.03125" x2="79.46875" y2="83.03125" gradientUnits="userSpaceOnUse"/><filter inkscape:collect="always" id="filter4926"><feGaussianBlur inkscape:collect="always" stdDeviation="0.34851563" id="feGaussianBlur4928"/></filter><filter inkscape:collect="always" x="-0.045266099" width="1.0905322" y="-0.17586465" height="1.3517293" id="filter5311"><feGaussianBlur inkscape:collect="always" stdDeviation="1.8969934" id="feGaussianBlur5313"/></filter><filter inkscape:collect="always" id="filter5335"><feGaussianBlur inkscape:collect="always" stdDeviation="1.2703823" id="feGaussianBlur5337"/></filter><filter inkscape:collect="always" id="filter5339"><feGaussianBlur inkscape:collect="always" stdDeviation="0.53718841" id="feGaussianBlur5341"/></filter><linearGradient inkscape:collect="always" xlink:href="#linearGradient6111" id="linearGradient6117" x1="20.070312" y1="76.501938" x2="28.765625" y2="87.753654" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,0.9435626,0,4.1481482)"/><radialGradient inkscape:collect="always" xlink:href="#radialGradient6504" id="radialGradient6502" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.1702063,1.3018233,-1.7022199,0.2225561,220.91281,-36.659959)" cx="63.690815" cy="129.9839" r="44.665298" fx="63.690815" fy="129.9839"/><linearGradient inkscape:collect="always" xlink:href="#linearGradient7661" id="linearGradient7659" x1="20.534103" y1="69.43293" x2="22.5849" y2="77.128242" gradientUnits="userSpaceOnUse"/><linearGradient inkscape:collect="always" xlink:href="#linearGradient7671" id="linearGradient7677" x1="25.2341" y1="65.9345" x2="89.3999" y2="65.9345" gradientUnits="userSpaceOnUse"/><filter inkscape:collect="always" x="-0.036112976" width="1.072226" y="-0.1772278" height="1.3544556" id="filter7681"><feGaussianBlur inkscape:collect="always" stdDeviation="0.9655075" id="feGaussianBlur7683"/></filter><filter inkscape:collect="always" x="-0.11984511" width="1.2396902" y="-0.12015529" height="1.2403106" id="filter7685"><feGaussianBlur inkscape:collect="always" stdDeviation="1.9531634" id="feGaussianBlur7687"/></filter></defs><sodipodi:namedview inkscape:window-height="697" inkscape:window-width="1024" inkscape:pageshadow="2" inkscape:pageopacity="0.0" guidetolerance="10.0" gridtolerance="10.0" objecttolerance="10.0" borderopacity="1.0" bordercolor="#666666" pagecolor="#ffffff" id="base" inkscape:zoom="4" inkscape:cx="69" inkscape:cy="55.625" inkscape:window-x="0" inkscape:window-y="0" inkscape:current-layer="g16" height="128px" width="128px"/>
+<filter id="AI_Sfocatura_4">
+	<feGaussianBlur stdDeviation="4" id="feGaussianBlur4"/>
+</filter>
+<filter id="AI_Sfocatura_3">
+	<feGaussianBlur stdDeviation="3" id="feGaussianBlur7"/>
+</filter>
+<filter id="AI_Sfocatura_2">
+	<feGaussianBlur stdDeviation="2" id="feGaussianBlur10"/>
+</filter>
+<g id="g12" style="opacity:0.6;filter:url(#AI_Sfocatura_4)">
+	<path d="M 123.764,61.268 C 123.223,57.35 122.054,52.248 121.021,45.284 C 120.67,43.722 119.589,44.009 119.386,44.079 C 118.428,39.046 116.807,33.453 114.055,28.696 C 114.055,28.696 103.425,9.422 82.586,9.278 C 77.338,9.241 71.589,11.055 66.608,13.223 C 31.659,24.36 34.398,38.8 32.033,50.529 C 31.105,56.077 30.547,60.128 30.214,62.897 C 30.214,62.897 30.214,62.897 30.214,62.898 C 30.147,63.46 28.862,64.495 28.489,66.377 C 28.489,66.377 23.984,72.106 22.477,74.783 C 21.207,76.181 13.724,82.147 13.724,82.147 C 8.079,86.971 15.032,91.756 15.032,91.756 L 22.9,96.546 C 48.804,109.269 78.783,95.907 78.783,95.907 C 78.783,95.907 83.979,93.647 93.971,88.863 L 95.189,91.286 L 97.601,90.149 L 98.222,86.813 C 110.96,80.639 118.638,78.644 124.395,73.694 C 128.938,69.787 125.442,63.673 123.764,61.268 z" id="path14"/>
+</g>
+<g id="g16">
+	<linearGradient id="XMLID_29_" gradientUnits="userSpaceOnUse" x1="94.655296" y1="80.356003" x2="99.314499" y2="80.356003">
+		<stop offset="0" style="stop-color:#E39700" id="stop19"/>
+		<stop offset="0.5304" style="stop-color:#E49900" id="stop21"/>
+		<stop offset="0.7214" style="stop-color:#E6A000" id="stop23"/>
+		<stop offset="0.8575" style="stop-color:#EAAB00" id="stop25"/>
+		<stop offset="0.9668" style="stop-color:#F1BC00" id="stop27"/>
+		<stop offset="1" style="stop-color:#F3C300" id="stop29"/>
+	</linearGradient>
+	<polygon points="94.655,80.174 96.089,82.718 98.598,81.627 99.314,77.995 94.655,80.174 " id="polygon31" style="fill:url(#XMLID_29_)"/>
+	
+		<radialGradient id="XMLID_30_" cx="59.8862" cy="94.0933" r="42.1702" fx="63.829102" fy="63.6255" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" gradientUnits="userSpaceOnUse">
+		<stop offset="0" style="stop-color:#FFFF00" id="stop34"/>
+		<stop offset="1" style="stop-color:#FFCC00" id="stop36"/>
+	</radialGradient>
+	
+	
+		<radialGradient id="XMLID_31_" cx="68.742203" cy="72.860802" r="44.665298" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" gradientUnits="userSpaceOnUse">
+		<stop offset="0" style="stop-color:#FFFF00" id="stop41"/><stop id="stop6500" style="stop-color:#ffb800;stop-opacity:1;" offset="0.42605001"/>
+		<stop offset="0.85210001" style="stop-color:#cfa500;stop-opacity:1;" id="stop43"/>
+	</radialGradient>
+	<path d="M 26.312,59.584 C 26.312,59.584 21.652,65.034 20.099,67.577 C 18.784,68.909 11.018,74.602 11.018,74.602 C 5.163,79.205 12.452,83.686 12.452,83.686 L 20.696,88.167 C 47.818,100.036 79.003,87.197 79.003,87.197 C 79.003,87.197 85.933,84.412 99.195,78.477 C 112.457,72.541 120.463,70.604 126.436,65.88 C 132.411,61.156 124.883,53.164 124.883,53.164 L 26.312,59.584 z" id="path45" style="fill:url(#radialGradient6502)"/><path style="fill:url(#linearGradient7659);fill-opacity:1" id="path7274" d="M 26.312,59.584 C 26.312,59.584 21.652,65.034 20.099,67.577 C 18.784,68.909 11.018,74.602 11.018,74.602 C 5.163,79.205 12.452,83.686 12.452,83.686 L 20.696,88.167 C 47.818,100.036 19.003,79.447 19.003,79.447 L 26.312,59.584 z" sodipodi:nodetypes="ccccccc"/><path style="fill:url(#linearGradient6117);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M 26.917969,72.691406 L 13.0625,82.572751 L 23.9375,88.32909 L 35.25,74.443563 L 26.917969,72.691406 z" id="path6106" sodipodi:nodetypes="ccccc"/>
+	<path style="fill:url(#XMLID_32_);fill-opacity:1" id="path64" d="M 11.114,75.447 C 11.114,75.447 19.205,70.013 20.574,68.741 C 22.193,66.313 27.047,61.11 27.047,61.11 L 26.313,59.585 C 26.313,59.585 21.653,65.035 20.1,67.578 C 18.785,68.91 11.019,74.603 11.019,74.603 C 9.169,76.057 8.633,77.499 8.763,78.792 C 8.867,77.734 9.52,76.596 11.114,75.447 z"/><path style="fill:url(#XMLID_33_);fill-opacity:1" id="path81" d="M 10.247,87.923 L 10.696,88.168 C 10.786,88.207 10.877,88.243 10.967,88.282 L 10.247,87.923 z"/>
+	<linearGradient id="XMLID_34_" gradientUnits="userSpaceOnUse" x1="22.309099" y1="87.141098" x2="23.7612" y2="64.996399">
+		<stop offset="0.0533" style="stop-color:#FFFFFF" id="stop84"/>
+		<stop offset="0.2975" style="stop-color:#FEFEFD" id="stop86"/>
+		<stop offset="0.4397" style="stop-color:#FBF9F4" id="stop88"/>
+		<stop offset="0.5557" style="stop-color:#F6F0E6" id="stop90"/>
+		<stop offset="0.6575" style="stop-color:#EEE5D2" id="stop92"/>
+		<stop offset="0.7501" style="stop-color:#E5D6B8" id="stop94"/>
+		<stop offset="0.836" style="stop-color:#D9C398" id="stop96"/>
+		<stop offset="0.9153" style="stop-color:#CBAD73" id="stop98"/>
+		<stop offset="0.9349" style="stop-color:#C7A769" id="stop100"/>
+	</linearGradient>
+	
+	
+		<radialGradient id="XMLID_35_" cx="75.134804" cy="42.876999" r="41.6119" fx="77.449898" fy="21.688801" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" gradientUnits="userSpaceOnUse">
+		<stop offset="0.3136" style="stop-color:#FFDD00" id="stop105"/>
+		<stop offset="0.5042" style="stop-color:#FEDA03" id="stop107"/>
+		<stop offset="0.6435" style="stop-color:#FBD10C" id="stop109"/>
+		<stop offset="0.766" style="stop-color:#F6C11B" id="stop111"/>
+		<stop offset="0.8639" style="stop-color:#F0AE2D" id="stop113"/>
+	</radialGradient>
+	<path d="M 27.626,60.796 C 27.626,60.796 27.865,56.072 29.897,44.566 C 32.287,33.424 29.3,19.737 65.98,8.958 C 76.136,5.93 103.377,6.778 115.326,23.371 C 122.703,34.755 122.524,51.288 122.524,51.288 L 122.643,58.434 L 74.94,77.995 L 35.273,75.209 L 27.865,69.396 L 27.626,60.796 z" id="path115" style="fill:url(#XMLID_35_)"/>
+	
+		<radialGradient id="XMLID_36_" cx="67.054703" cy="51.438999" r="61.9603" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" gradientUnits="userSpaceOnUse">
+		<stop offset="0.54439998" style="stop-color:#d5a340;stop-opacity:0;" id="stop118"/><stop id="stop3119" style="stop-color:#a17620;stop-opacity:0.1329114;" offset="0.77219999"/>
+		
+		
+		
+		
+		
+		
+		<stop offset="1" style="stop-color:#6e5116;stop-opacity:1;" id="stop132"/>
+	</radialGradient>
+	<path d="M 90.539,8.922 C 83.388,7.894 76.626,8.691 72.072,10.047 L 67.816,12.415 C 77.442,9.28 117.47,50.176 117.47,50.176 L 117.105,56.839 L 122.642,58.434 L 122.523,51.288 C 122.523,51.288 122.702,34.755 115.325,23.371 C 109.467,15.236 99.934,10.887 90.539,8.922 z" id="path134" style="fill:url(#XMLID_36_)"/>
+	<linearGradient id="XMLID_37_" gradientUnits="userSpaceOnUse" x1="40.8867" y1="46.2397" x2="26.0222" y2="54.5784">
+		<stop offset="0.2367" style="stop-color:#ad7d2e;stop-opacity:0;" id="stop137"/>
+		<stop offset="1" style="stop-color:#c8881d;stop-opacity:1;" id="stop139"/>
+	</linearGradient>
+	<path d="M 27.626,60.796 L 27.825,67.966 C 30.179,65.799 31.927,57.775 31.927,48.199 C 31.927,44.202 31.621,40.477 31.095,37.332 C 30.658,39.821 30.393,42.248 29.896,44.565 C 27.865,56.073 27.626,60.796 27.626,60.796 z" id="path141" style="fill:url(#XMLID_37_)"/>
+	<linearGradient id="XMLID_38_" gradientUnits="userSpaceOnUse" x1="25.459" y1="69.893997" x2="126.0381" y2="69.893997">
+		<stop offset="0.2367" style="stop-color:#ffffff;stop-opacity:0;" id="stop144"/>
+		<stop offset="1" style="stop-color:#FFFFFF" id="stop146"/>
+	</linearGradient>
+	<path d="M 120.104,63.824 C 112.648,67.751 97.571,74.403 89.039,76.904 C 80.507,79.405 67.761,79.932 62.156,79.932 C 56.551,79.932 41.358,77.893 35.034,75.693 C 28.71,73.494 26.05,69.197 25.595,67.578 C 25.562,67.461 25.536,67.313 25.516,67.146 C 25.43,68.616 25.429,69.894 25.595,70.484 C 26.05,72.104 28.71,76.4 35.034,78.599 C 41.358,80.799 56.552,82.838 62.156,82.838 C 67.76,82.838 80.507,82.311 89.039,79.81 C 97.571,77.312 112.648,70.66 120.104,66.73 C 125.166,64.24 126.378,61.574 125.961,56.95 C 125.613,59.885 124,61.907 120.104,63.824 z" id="path148" style="fill:url(#XMLID_38_)"/>
+	
+		<radialGradient id="XMLID_39_" cx="59.8853" cy="5.9165001" r="80.669502" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" gradientUnits="userSpaceOnUse">
+		<stop offset="0" style="stop-color:#FFDD00" id="stop151"/>
+		<stop offset="0.4225" style="stop-color:#FEDB00" id="stop153"/>
+		<stop offset="0.5747" style="stop-color:#FAD400" id="stop155"/>
+		<stop offset="0.6831" style="stop-color:#F3C900" id="stop157"/>
+		<stop offset="0.7702" style="stop-color:#E9B800" id="stop159"/>
+		<stop offset="0.8107" style="stop-color:#E3AD00" id="stop161"/>
+		<stop offset="1" style="stop-color:#F7B100" id="stop163"/>
+	</radialGradient>
+	<path d="M 28.087,56.282 C 28.022,56.814 26.688,57.802 26.312,59.585 C 25.936,61.368 25.14,68.14 25.595,69.759 C 26.05,71.378 28.71,75.675 35.034,77.874 C 41.358,80.074 56.552,82.112 62.156,82.112 C 67.76,82.112 80.507,81.586 89.039,79.085 C 97.571,76.585 112.648,69.933 120.104,66.004 C 129.479,61.392 125.659,56.194 122.713,39.023 C 122.294,37.391 120.958,37.906 120.958,37.906 C 120.958,37.906 123.18,51.381 121.776,53.288 C 120.373,55.194 101.315,64.399 88.8,67.7 C 76.285,71 62.634,72.908 57.138,72.908 C 51.642,72.908 48.834,69.88 48.894,65.035 C 48.954,60.19 51.762,44.445 52.598,40.691 C 53.434,36.937 55.032,32.531 61.679,25.794 C 68.326,19.057 84.021,7.958 96.089,10.866 C 108.156,14.711 115.325,23.371 115.325,23.371 C 115.325,23.371 104.094,5.203 82.349,5.203 C 68.848,5.203 52.24,15.861 52.24,15.861 C 52.24,15.861 34.796,23.855 33.003,43.112 C 31.211,62.37 28.022,63.366 27.804,62.249 C 27.585,61.131 28.153,55.75 28.087,56.282 z" id="path165" style="fill:url(#XMLID_39_)"/>
+	<g id="g167">
+		<linearGradient id="XMLID_40_" gradientUnits="userSpaceOnUse" x1="79.763702" y1="-2.6694" x2="79.763702" y2="12.5914">
+			<stop offset="0.1183" style="stop-color:#CF9D00" id="stop170"/>
+			
+			
+			
+			
+			<stop offset="1" style="stop-color:#cf9d00;stop-opacity:0;" id="stop180"/>
+		</linearGradient>
+		<path d="M 52.24,18.042 C 52.24,18.042 68.847,7.384 82.349,7.384 C 91.96,7.384 99.516,10.933 104.956,14.894 C 111.582,18.853 104.094,5.204 82.349,5.204 C 68.848,5.204 52.24,15.862 52.24,15.862 L 52.24,18.042 z" id="path182" style="fill:url(#XMLID_40_);fill-opacity:1"/>
+	</g>
+	<linearGradient id="XMLID_41_" gradientUnits="userSpaceOnUse" x1="112.5645" y1="55.8013" x2="123.808" y2="50.360901">
+		<stop offset="0" style="stop-color:#c7a769;stop-opacity:0;" id="stop185"/><stop id="stop3746" style="stop-color:#bd9a55;stop-opacity:0;" offset="0.69292587"/>
+		
+		
+		<stop offset="0.93489999" style="stop-color:#927336;stop-opacity:1;" id="stop191"/>
+	</linearGradient>
+	<path d="M 122.714,39.022 C 122.295,37.39 120.959,37.905 120.959,37.905 C 120.959,37.905 121.942,43.873 122.187,48.428 C 123.55,57.134 123.909,61.95 120.542,65.777 C 129.347,61.216 125.612,55.914 122.714,39.022 z" id="path193" style="fill:url(#XMLID_41_)"/>
+	<linearGradient id="XMLID_42_" gradientUnits="userSpaceOnUse" x1="73.526398" y1="37.004734" x2="76.923401" y2="65.039497">
+		<stop offset="0" style="stop-color:#FFFF00" id="stop196"/>
+		
+		
+		
+		
+		
+		
+		
+		
+		<stop offset="1" style="stop-color:#ffff00;stop-opacity:0;" id="stop214"/>
+	</linearGradient>
+	<path d="M 59.503,34.306 C 59.503,34.306 65.107,26.476 76.618,25.555 C 88.129,24.634 97.368,25.708 97.519,28.626 C 97.671,31.543 90.552,32.772 89.492,37.224 C 88.432,41.676 71.432,36.655 65.979,35.12 C 60.526,33.585 62.011,34.357 63.829,39.117 C 65.646,43.877 68.894,59.18 68.894,59.18 C 68.894,59.18 59.655,67.624 59.049,62.711 C 58.443,57.798 63.896,51.656 63.139,44.594 C 62.381,37.53 55.868,38.145 59.503,34.306 z" id="path216" style="fill:url(#XMLID_42_);filter:url(#filter7685)"/>
+	<linearGradient id="XMLID_43_" gradientUnits="userSpaceOnUse" x1="26.143101" y1="60.4897" x2="29.2798" y2="60.4897">
+		<stop offset="0" style="stop-color:#FFFF00" id="stop219"/>
+		
+		
+		
+		
+		
+		
+		
+		
+		<stop offset="1" style="stop-color:#ffff00;stop-opacity:0.03797468;" id="stop237"/>
+	</linearGradient>
+	<path d="M 28.63,62.299 C 28.177,62.717 27.867,62.571 27.804,62.249 C 27.586,61.131 28.154,55.749 28.087,56.281 C 28.022,56.813 26.688,57.801 26.312,59.584 C 26.151,60.348 25.714,64.87 27.447,64.731 C 30.152,64.493 29.229,63.786 28.63,62.299 z" id="path239" style="fill:url(#XMLID_43_)"/>
+	<g id="g241">
+		<defs id="defs243">
+			<path id="XMLID_20_" d="M 56.301,77.631 C 61.906,77.631 111.931,64.482 119.386,60.554 C 128.762,55.939 125.658,56.194 122.713,39.022 C 122.294,37.39 120.958,37.905 120.958,37.905 C 120.958,37.905 123.18,51.38 121.776,53.287 C 120.373,55.194 101.315,64.399 88.8,67.7 C 76.285,71 62.634,72.908 57.138,72.908 C 51.642,72.908 48.834,69.88 48.894,65.035 C 48.954,60.19 51.762,44.445 52.598,40.691 C 53.434,36.937 55.032,32.531 61.679,25.794 C 68.326,19.057 84.021,7.958 96.089,10.866 L 91.429,7.505 L 52.24,15.861 C 52.24,15.861 39.096,26.399 37.304,45.656 C 35.512,64.913 50.697,77.631 56.301,77.631 z"/>
+		</defs>
+		<clipPath id="XMLID_44_">
+			<use xlink:href="#XMLID_20_" id="use247" x="0" y="0" width="138" height="111"/>
+		</clipPath>
+		<g clip-path="url(#XMLID_44_)" id="g249" style="filter:url(#AI_Sfocatura_2)">
+			
+				<radialGradient id="XMLID_45_" cx="37.662601" cy="53.589401" r="87.812599" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" gradientUnits="userSpaceOnUse">
+				<stop offset="0.0473" style="stop-color:#FFFF00" id="stop252"/>
+				<stop offset="0.48469999" style="stop-color:#fffe7e;stop-opacity:1;" id="stop254"/>
+				<stop offset="0.67820001" style="stop-color:#fffecf;stop-opacity:1;" id="stop256"/>
+				<stop offset="0.8236" style="stop-color:#FFE900" id="stop258"/>
+				<stop offset="0.9442" style="stop-color:#FFD700" id="stop260"/>
+				<stop offset="1" style="stop-color:#FFCC00" id="stop262"/>
+			</radialGradient>
+			<path d="M 84.311,11.301 L 84.311,11.301 C 73.04,13.642 66.435,18.417 61.127,22.254 C 57.498,24.877 54.632,26.949 51.341,27.515 C 46.291,28.383 45.54,29.128 45.54,29.744 C 45.54,29.759 45.54,29.774 45.541,29.789 C 45.569,30.284 46.129,30.559 46.433,30.664 C 49.866,34.443 50.997,37.587 50.997,40.746 C 50.997,43.336 50.239,45.938 49.373,48.91 C 48.296,52.609 47.092,56.741 47.092,61.964 C 47.092,62.701 47.116,63.459 47.168,64.241 C 47.397,67.705 48.792,70.385 51.315,72.206 C 58.924,77.7 74.129,73.646 74.773,73.472 L 74.801,73.462 L 74.827,73.451 C 74.939,73.398 86.185,68.22 108.989,61.888 C 117.671,59.478 123.094,56.014 125.111,51.591 L 125.148,51.512 L 125.143,51.425 C 124.931,46.898 123.833,42.493 123.245,40.127 L 122.923,38.759 C 122.759,38.116 122.461,37.69 122.028,37.464 C 121.418,37.144 120.794,37.366 120.725,37.392 L 120.453,37.496 L 120.501,37.785 C 121.37,43.037 122.318,51.317 121.371,52.601 C 120.139,54.269 101.854,63.256 89.113,66.605 C 77.135,69.752 63.659,71.702 58.043,71.702 C 55.436,71.702 53.437,71.011 52.102,69.644 C 50.866,68.379 50.254,66.594 50.282,64.34 C 50.34,59.676 53.063,44.363 53.919,40.536 C 54.744,36.843 56.387,32.537 62.76,26.098 C 68.863,19.932 81.877,10.851 92.719,11.105 L 92.835,11.108 L 92.93,11.04 C 93.261,10.804 93.375,10.559 93.27,10.314 C 93.102,9.919 92.927,9.511 84.311,11.301 z" id="path264" style="fill:url(#XMLID_45_)"/>
+		</g>
+	</g>
+	<g id="g266" transform="matrix(0.7809463,0,0,1,9.8990362,0)" style="filter:url(#AI_Sfocatura_3)">
+		<linearGradient id="XMLID_46_" gradientUnits="userSpaceOnUse" x1="60.554699" y1="36.130402" x2="28.4592" y2="55.264198">
+			<stop offset="0" style="stop-color:#ffffff;stop-opacity:0;" id="stop269"/>
+			
+			
+			
+			
+			
+			
+			
+			<stop offset="0.69090003" style="stop-color:#cca300;stop-opacity:1;" id="stop285"/>
+			
+			<stop offset="1" style="stop-color:#ffea00;stop-opacity:0;" id="stop289"/>
+		</linearGradient>
+		<path d="M 32.636,53.197 C 33.354,67.014 39.987,64.776 39.987,64.776 C 45.495,62.604 44.883,51.747 45.19,40.89 C 43.263,35.561 39.731,32.066 36.891,33.776 C 35.374,36.653 34.235,40.045 33.868,43.992 C 33.507,47.865 33.081,50.874 32.636,53.197 z" id="path291" style="fill:url(#XMLID_46_)"/>
+	</g>
+	<g style="filter:url(#filter5311)" id="g301" clip-path="url(#XMLID_47_)">
+			<linearGradient y2="69.167503" x2="126.0381" y1="69.167503" x1="25.459" gradientUnits="userSpaceOnUse" id="XMLID_48_">
+				<stop id="stop304" style="stop-color:#D68E00" offset="0"/>
+				<stop id="stop306" style="stop-color:#E9AB00" offset="0.0874"/>
+				<stop id="stop308" style="stop-color:#F9C300" offset="0.1798"/>
+				<stop id="stop310" style="stop-color:#FFCC00" offset="0.2367"/>
+				<stop id="stop312" style="stop-color:#B87A00" offset="1"/>
+			</linearGradient>
+			<path style="fill:url(#XMLID_48_)" id="path314" d="M 120.104,63.097 C 112.648,67.025 97.571,73.677 89.039,76.178 C 80.507,78.678 67.761,79.205 62.156,79.205 C 56.551,79.205 41.358,77.166 35.034,74.966 C 28.71,72.767 26.05,68.469 25.595,66.852 C 25.562,66.734 25.536,66.586 25.516,66.419 C 25.43,67.889 25.429,69.167 25.595,69.758 C 26.05,71.377 28.71,75.674 35.034,77.873 C 41.358,80.073 56.552,82.111 62.156,82.111 C 67.76,82.111 80.507,81.585 89.039,79.084 C 97.571,76.584 112.648,69.932 120.104,66.003 C 125.166,63.512 126.378,60.847 125.961,56.223 C 125.613,59.16 124,61.18 120.104,63.097 z"/>
+		</g><g id="g349" style="filter:url(#filter7681);stroke:url(#linearGradient7677);stroke-width:1.078125;stroke-miterlimit:4;stroke-dasharray:none" transform="translate(0,10)">
+		<path style="fill:none;stroke:url(#linearGradient7677);stroke-width:1.078125;stroke-linecap:round;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none" d="M 25.595,59.758 C 26.05,61.377 28.71,65.674 35.034,67.873 C 41.358,70.073 56.552,72.111 62.157,72.111 C 67.761,72.111 80.507,71.585 89.039,69.084" id="path351"/>
+	</g>
+	<linearGradient id="XMLID_49_" gradientUnits="userSpaceOnUse" x1="9.9033003" y1="76.273903" x2="128.7402" y2="76.273903">
+		<stop offset="0" style="stop-color:#E39700" id="stop317"/>
+		<stop offset="0.2025" style="stop-color:#E49900" id="stop319"/>
+		<stop offset="0.2755" style="stop-color:#E8A000" id="stop321"/>
+		<stop offset="0.3275" style="stop-color:#EEAB00" id="stop323"/>
+		<stop offset="0.3693" style="stop-color:#F7BC00" id="stop325"/>
+		<stop offset="0.3964" style="stop-color:#FFCC00" id="stop327"/>
+		<stop offset="0.4944" style="stop-color:#FDC900" id="stop329"/>
+		<stop offset="0.5802" style="stop-color:#F8BE00" id="stop331"/>
+		<stop offset="0.6611" style="stop-color:#EEAC00" id="stop333"/>
+		<stop offset="0.72780001" style="stop-color:#bb7d00;stop-opacity:1;" id="stop335"/>
+		<stop offset="0.87220001" style="stop-color:#bb7e00;stop-opacity:1;" id="stop337"/>
+		<stop offset="0.9242" style="stop-color:#d59400;stop-opacity:1;" id="stop339"/>
+		<stop offset="0.9612" style="stop-color:#EAAB00" id="stop341"/>
+		<stop offset="0.991" style="stop-color:#F1BC00" id="stop343"/>
+		<stop offset="1" style="stop-color:#F3C300" id="stop345"/>
+	</linearGradient>
+	<path d="M 128.464,59.345 C 128.136,60.442 127.494,61.493 126.402,62.429 C 120.339,67.624 112.214,70.482 98.754,77.008 C 85.294,83.536 78.26,85.872 78.26,85.872 C 78.26,85.872 46.61,99.992 19.083,86.938 L 10.716,82.009 C 10.716,82.009 10.377,81.782 9.904,81.38 C 10.992,82.784 12.453,83.686 12.453,83.686 L 20.697,88.167 C 47.819,100.036 79.004,87.197 79.004,87.197 C 79.004,87.197 85.934,84.412 99.196,78.477 C 112.458,72.541 120.464,70.604 126.437,65.88 C 128.834,63.987 129.055,61.567 128.464,59.345 z" id="path347" style="fill:url(#XMLID_49_)"/>
+	
+	<g id="g353">
+		<path d="M 122.714,39.385 C 124.245,48.307 126.008,53.993 126.036,58.047 C 126.116,53.97 124.29,48.213 122.714,39.022 C 122.295,37.39 120.959,37.905 120.959,37.905 C 120.959,37.905 120.98,38.028 121.015,38.25 C 121.27,38.175 122.346,37.951 122.714,39.385 z" id="path355" style="fill:#a88100"/>
+		<path d="M 57.138,73.271 C 62.635,73.271 76.285,71.363 88.8,68.063 C 101.316,64.762 120.373,55.557 121.778,53.649 C 122.134,53.167 122.257,51.934 122.241,50.369 C 122.234,51.759 122.106,52.841 121.778,53.287 C 120.373,55.194 101.315,64.399 88.8,67.7 C 76.285,71 62.634,72.908 57.138,72.908 C 51.716,72.908 48.916,69.957 48.899,65.226 C 48.898,65.282 48.895,65.344 48.894,65.399 C 48.834,70.243 51.642,73.271 57.138,73.271 z" id="path357" style="fill:#ffffff"/>
+		<path d="M 27.804,62.25 C 27.774,62.097 27.759,61.86 27.755,61.573 C 27.749,62.027 27.762,62.399 27.804,62.612 C 28.022,63.731 31.211,62.733 33.003,43.477 C 34.795,24.219 52.24,16.225 52.24,16.225 C 52.24,16.225 68.847,5.567 82.349,5.567 C 100.205,5.567 110.97,17.816 114.249,22.197 C 114.955,22.926 115.325,23.371 115.325,23.371 C 115.325,23.371 104.094,5.203 82.349,5.203 C 68.848,5.203 52.24,15.861 52.24,15.861 C 52.24,15.861 34.796,23.855 33.003,43.112 C 31.21,62.371 28.022,63.367 27.804,62.25 z" id="path359" style="fill:#ffffff"/>
+		<path d="M 26.312,59.948 C 26.657,58.31 27.807,57.345 28.044,56.787 C 28.082,56.371 28.103,56.153 28.087,56.282 C 28.022,56.814 26.688,57.802 26.312,59.585 C 26.008,61.023 25.432,65.71 25.46,68.316 C 25.483,65.66 26.022,61.323 26.312,59.948 z" id="path361" style="fill:#ba8e00"/>
+	</g>
+<path style="fill:url(#linearGradient3742);fill-opacity:1;filter:url(#filter5339)" d="M 74.875,7.875 C 60.411206,11.148244 45.796692,18.307047 36.96875,30.5625 C 34.641086,33.994949 39.579007,36.562515 42.28125,34.21875 C 55.365042,28.585619 64.58577,16.785636 77.537505,10.914942 C 84.000991,6.7588263 79.414572,8.2582213 74.875,7.875 z" id="path3702"/><path style="opacity:0.4;fill:url(#linearGradient4924);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4926)" d="M 118.21875,66.96875 C 114.59561,67.870138 108.4164,69.094727 103.9375,70.625 C 94.094535,73.987972 87.91253,77.733419 84.875,80.09375 C 86.326647,79.799783 87.734466,79.473879 89.03125,79.09375 C 96.921622,76.781757 110.33751,70.945076 118.21875,66.96875 z" id="path4528" sodipodi:nodetypes="cscsc"/><path style="fill:#ab8200;fill-opacity:1;filter:url(#filter5335)" d="M 91.40625,10.40625 C 80.22663,10.674642 67.50362,19.886374 61.6875,25.78125 C 55.0405,32.51825 53.42975,36.933498 52.59375,40.6875 C 51.75775,44.4415 48.96625,60.186246 48.90625,65.03125 C 48.8814,67.037811 49.33504,68.73402 50.28125,70.03125 C 50.00316,69.134964 49.89267,68.127674 49.90625,67.03125 C 49.96625,62.186246 52.75775,46.4415 53.59375,42.6875 C 54.42975,38.933498 56.0405,34.51825 62.6875,27.78125 C 69.3345,21.044249 85.02575,9.967 97.09375,12.875 C 109.16075,16.72 116.3125,25.375 116.3125,25.375 C 116.3125,25.375 114.99666,23.227467 112.40625,20.4375 C 112.37724,20.411117 112.34192,20.370368 112.3125,20.34375 C 109.13581,17.469738 103.56641,13.256073 96.09375,10.875 C 94.58525,10.5115 93.00334,10.367908 91.40625,10.40625 z" id="path5331"/></g>
+</svg>
\ No newline at end of file
diff --git a/resources/icons/helmet_backup.svg b/resources/icons/helmet_backup.svg
new file mode 100644
index 0000000..4e178e2
--- /dev/null
+++ b/resources/icons/helmet_backup.svg
@@ -0,0 +1,251 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 12.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 51448)  -->
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.0" id="Livello_2" width="128" height="128" viewBox="0 0 138 111" overflow="visible" enable-background="new 0 0 138 111" xml:space="preserve" sodipodi:version="0.32" inkscape:version="0.45+devel" sodipodi:docname="applications-engineering.svgz" inkscape:output_extension="org.inkscape.output.svgz.inkscape" style="overflow:visible"><metadata id="metadata366"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/></cc:Work></rdf:RDF></metadata><defs id="defs364"><linearGradient id="linearGradient7671"><stop style="stop-color:#7b4100;stop-opacity:0;" offset="0" id="stop7673"/><stop id="stop7679" offset="0.03529412" style="stop-color:#984f00;stop-opacity:1;"/><stop style="stop-color:#000000;stop-opacity:0;" offset="1" id="stop7675"/></linearGradient><linearGradient id="linearGradient7661"><stop id="stop7663" offset="0" style="stop-color:#bb8000;stop-opacity:1;"/><stop id="stop7665" offset="1" style="stop-color:#e9a800;stop-opacity:0;"/></linearGradient><radialGradient gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" r="44.665298" cy="72.860802" cx="68.742203" id="radialGradient6504">
+		<stop id="stop6506" style="stop-color:#d5a200;stop-opacity:1;" offset="0"/><stop offset="0.5972178" style="stop-color:#fff309;stop-opacity:1;" id="stop6508"/>
+		<stop id="stop6510" style="stop-color:#ffd83a;stop-opacity:1;" offset="0.85210001"/>
+	</radialGradient><linearGradient id="linearGradient6111"><stop style="stop-color:#ffffff;stop-opacity:1;" offset="0" id="stop6113"/><stop style="stop-color:#ffffff;stop-opacity:0;" offset="1" id="stop6115"/></linearGradient><linearGradient id="linearGradient4918"><stop style="stop-color:#5f2901;stop-opacity:1;" offset="0" id="stop4920"/><stop style="stop-color:#933f02;stop-opacity:0;" offset="1" id="stop4922"/></linearGradient><linearGradient id="linearGradient3732"><stop style="stop-color:#ffffff;stop-opacity:0;" offset="0" id="stop3734"/><stop id="stop3744" offset="0.5" style="stop-color:#ffffff;stop-opacity:1;"/><stop style="stop-color:#ffffff;stop-opacity:0;" offset="1" id="stop3736"/></linearGradient><radialGradient gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" r="80.669502" cy="5.9165001" cx="59.8853" id="radialGradient3716">
+		<stop id="stop3718" style="stop-color:#FFDD00" offset="0"/>
+		<stop id="stop3720" style="stop-color:#FEDB00" offset="0.4225"/>
+		<stop id="stop3722" style="stop-color:#FAD400" offset="0.5747"/>
+		<stop id="stop3724" style="stop-color:#F3C900" offset="0.6831"/>
+		<stop id="stop3726" style="stop-color:#E9B800" offset="0.7702"/>
+		<stop id="stop3728" style="stop-color:#E3AD00" offset="0.8107"/>
+		<stop id="stop3730" style="stop-color:#F7B100" offset="1"/>
+	</radialGradient><linearGradient id="linearGradient2932"><stop style="stop-color:#ffffff;stop-opacity:1;" offset="0" id="stop2934"/><stop style="stop-color:#ffffff;stop-opacity:0;" offset="1" id="stop2936"/></linearGradient>
+		<defs id="defs295">
+			<path d="M 121.957,52.915 C 121.904,53.062 121.847,53.192 121.777,53.287 C 121.286,53.955 118.628,55.516 114.847,57.407 C 110.714,59.687 106.095,61.742 101.072,63.533 C 96.827,65.213 92.523,66.718 88.8,67.7 C 76.285,71 62.634,72.908 57.138,72.908 C 54.881,72.908 27.889,65.125 26.551,64.186 C 26.456,64.186 24.4,65.64 25.533,69.453 C 25.551,69.567 25.571,69.672 25.595,69.759 C 26.05,71.378 28.71,75.675 35.034,77.874 C 41.358,80.074 56.552,82.112 62.156,82.112 C 67.76,82.112 80.507,81.586 89.039,79.085 C 97.571,76.585 112.648,69.933 120.104,66.004 C 126.948,62.637 126.758,58.952 125.011,50.529 C 124.045,51.342 123.026,52.138 121.957,52.915 z" id="XMLID_24_"/>
+		</defs>
+		<clipPath id="XMLID_47_">
+			<use id="use299" xlink:href="#XMLID_24_" x="0" y="0" width="138" height="111"/>
+		</clipPath>
+		
+	<radialGradient inkscape:collect="always" xlink:href="#XMLID_39_" id="radialGradient3704" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" cx="59.8853" cy="5.9165001" r="80.669502"/><radialGradient inkscape:collect="always" xlink:href="#XMLID_39_" id="radialGradient3708" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" cx="59.8853" cy="5.9165001" r="80.669502"/><linearGradient inkscape:collect="always" xlink:href="#linearGradient3732" id="linearGradient3738" x1="40.404991" y1="35.540894" x2="66.783089" y2="12.96001" gradientUnits="userSpaceOnUse"/><linearGradient inkscape:collect="always" xlink:href="#linearGradient3732" id="linearGradient3742" gradientUnits="userSpaceOnUse" x1="40.404991" y1="35.540894" x2="74.400734" y2="-3.3635197" gradientTransform="translate(-2,0)"/>
+		<linearGradient y2="66.162399" x2="16.104601" y1="71.058098" x1="18.430201" gradientUnits="userSpaceOnUse" id="XMLID_32_">
+			<stop id="stop50" style="stop-color:#c2a800;stop-opacity:1;" offset="0"/>
+			
+			<stop id="stop54" style="stop-color:#c8aa00;stop-opacity:1;" offset="0.5747"/>
+			
+			
+			<stop id="stop60" style="stop-color:#c29400;stop-opacity:1;" offset="1"/>
+			
+		</linearGradient>
+		
+		<linearGradient y2="68.630798" x2="11.3575" y1="73.435997" x1="13.6401" gradientUnits="userSpaceOnUse" id="XMLID_33_" gradientTransform="translate(-10,0)">
+			<stop id="stop67" style="stop-color:#FFDD00" offset="0"/>
+			<stop id="stop69" style="stop-color:#FEDB00" offset="0.4225"/>
+			<stop id="stop71" style="stop-color:#FAD400" offset="0.5747"/>
+			<stop id="stop73" style="stop-color:#F3C900" offset="0.6831"/>
+			<stop id="stop75" style="stop-color:#E9B800" offset="0.7702"/>
+			<stop id="stop77" style="stop-color:#E3AD00" offset="0.8107"/>
+			<stop id="stop79" style="stop-color:#F7B100" offset="1"/>
+		</linearGradient>
+		
+	<linearGradient inkscape:collect="always" xlink:href="#linearGradient4918" id="linearGradient4924" x1="109.125" y1="69.03125" x2="79.46875" y2="83.03125" gradientUnits="userSpaceOnUse"/><filter inkscape:collect="always" id="filter4926"><feGaussianBlur inkscape:collect="always" stdDeviation="0.34851563" id="feGaussianBlur4928"/></filter><filter inkscape:collect="always" x="-0.045266099" width="1.0905322" y="-0.17586465" height="1.3517293" id="filter5311"><feGaussianBlur inkscape:collect="always" stdDeviation="1.8969934" id="feGaussianBlur5313"/></filter><filter inkscape:collect="always" id="filter5335"><feGaussianBlur inkscape:collect="always" stdDeviation="1.2703823" id="feGaussianBlur5337"/></filter><filter inkscape:collect="always" id="filter5339"><feGaussianBlur inkscape:collect="always" stdDeviation="0.53718841" id="feGaussianBlur5341"/></filter><linearGradient inkscape:collect="always" xlink:href="#linearGradient6111" id="linearGradient6117" x1="20.070312" y1="76.501938" x2="28.765625" y2="87.753654" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,0.9435626,0,4.1481482)"/><radialGradient inkscape:collect="always" xlink:href="#radialGradient6504" id="radialGradient6502" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.1702063,1.3018233,-1.7022199,0.2225561,220.91281,-36.659959)" cx="63.690815" cy="129.9839" r="44.665298" fx="63.690815" fy="129.9839"/><linearGradient inkscape:collect="always" xlink:href="#linearGradient7661" id="linearGradient7659" x1="20.534103" y1="69.43293" x2="22.5849" y2="77.128242" gradientUnits="userSpaceOnUse"/><linearGradient inkscape:collect="always" xlink:href="#linearGradient7671" id="linearGradient7677" x1="25.2341" y1="65.9345" x2="89.3999" y2="65.9345" gradientUnits="userSpaceOnUse"/><filter inkscape:collect="always" x="-0.036112976" width="1.072226" y="-0.1772278" height="1.3544556" id="filter7681"><feGaussianBlur inkscape:collect="always" stdDeviation="0.9655075" id="feGaussianBlur7683"/></filter><filter inkscape:collect="always" x="-0.11984511" width="1.2396902" y="-0.12015529" height="1.2403106" id="filter7685"><feGaussianBlur inkscape:collect="always" stdDeviation="1.9531634" id="feGaussianBlur7687"/></filter></defs><sodipodi:namedview inkscape:window-height="697" inkscape:window-width="1024" inkscape:pageshadow="2" inkscape:pageopacity="0.0" guidetolerance="10.0" gridtolerance="10.0" objecttolerance="10.0" borderopacity="1.0" bordercolor="#666666" pagecolor="#ffffff" id="base" inkscape:zoom="4" inkscape:cx="69" inkscape:cy="55.625" inkscape:window-x="0" inkscape:window-y="0" inkscape:current-layer="g16" height="128px" width="128px"/>
+<filter id="AI_Sfocatura_4">
+	<feGaussianBlur stdDeviation="4" id="feGaussianBlur4"/>
+</filter>
+<filter id="AI_Sfocatura_3">
+	<feGaussianBlur stdDeviation="3" id="feGaussianBlur7"/>
+</filter>
+<filter id="AI_Sfocatura_2">
+	<feGaussianBlur stdDeviation="2" id="feGaussianBlur10"/>
+</filter>
+<g id="g12" style="opacity:0.6;filter:url(#AI_Sfocatura_4)">
+	<path d="M 123.764,61.268 C 123.223,57.35 122.054,52.248 121.021,45.284 C 120.67,43.722 119.589,44.009 119.386,44.079 C 118.428,39.046 116.807,33.453 114.055,28.696 C 114.055,28.696 103.425,9.422 82.586,9.278 C 77.338,9.241 71.589,11.055 66.608,13.223 C 31.659,24.36 34.398,38.8 32.033,50.529 C 31.105,56.077 30.547,60.128 30.214,62.897 C 30.214,62.897 30.214,62.897 30.214,62.898 C 30.147,63.46 28.862,64.495 28.489,66.377 C 28.489,66.377 23.984,72.106 22.477,74.783 C 21.207,76.181 13.724,82.147 13.724,82.147 C 8.079,86.971 15.032,91.756 15.032,91.756 L 22.9,96.546 C 48.804,109.269 78.783,95.907 78.783,95.907 C 78.783,95.907 83.979,93.647 93.971,88.863 L 95.189,91.286 L 97.601,90.149 L 98.222,86.813 C 110.96,80.639 118.638,78.644 124.395,73.694 C 128.938,69.787 125.442,63.673 123.764,61.268 z" id="path14"/>
+</g>
+<g id="g16">
+	<linearGradient id="XMLID_29_" gradientUnits="userSpaceOnUse" x1="94.655296" y1="80.356003" x2="99.314499" y2="80.356003">
+		<stop offset="0" style="stop-color:#E39700" id="stop19"/>
+		<stop offset="0.5304" style="stop-color:#E49900" id="stop21"/>
+		<stop offset="0.7214" style="stop-color:#E6A000" id="stop23"/>
+		<stop offset="0.8575" style="stop-color:#EAAB00" id="stop25"/>
+		<stop offset="0.9668" style="stop-color:#F1BC00" id="stop27"/>
+		<stop offset="1" style="stop-color:#F3C300" id="stop29"/>
+	</linearGradient>
+	<polygon points="94.655,80.174 96.089,82.718 98.598,81.627 99.314,77.995 94.655,80.174 " id="polygon31" style="fill:url(#XMLID_29_)"/>
+	
+		<radialGradient id="XMLID_30_" cx="59.8862" cy="94.0933" r="42.1702" fx="63.829102" fy="63.6255" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" gradientUnits="userSpaceOnUse">
+		<stop offset="0" style="stop-color:#FFFF00" id="stop34"/>
+		<stop offset="1" style="stop-color:#FFCC00" id="stop36"/>
+	</radialGradient>
+	
+	
+		<radialGradient id="XMLID_31_" cx="68.742203" cy="72.860802" r="44.665298" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" gradientUnits="userSpaceOnUse">
+		<stop offset="0" style="stop-color:#FFFF00" id="stop41"/><stop id="stop6500" style="stop-color:#ffb800;stop-opacity:1;" offset="0.42605001"/>
+		<stop offset="0.85210001" style="stop-color:#cfa500;stop-opacity:1;" id="stop43"/>
+	</radialGradient>
+	<path d="M 26.312,59.584 C 26.312,59.584 21.652,65.034 20.099,67.577 C 18.784,68.909 11.018,74.602 11.018,74.602 C 5.163,79.205 12.452,83.686 12.452,83.686 L 20.696,88.167 C 47.818,100.036 79.003,87.197 79.003,87.197 C 79.003,87.197 85.933,84.412 99.195,78.477 C 112.457,72.541 120.463,70.604 126.436,65.88 C 132.411,61.156 124.883,53.164 124.883,53.164 L 26.312,59.584 z" id="path45" style="fill:url(#radialGradient6502)"/><path style="fill:url(#linearGradient7659);fill-opacity:1" id="path7274" d="M 26.312,59.584 C 26.312,59.584 21.652,65.034 20.099,67.577 C 18.784,68.909 11.018,74.602 11.018,74.602 C 5.163,79.205 12.452,83.686 12.452,83.686 L 20.696,88.167 C 47.818,100.036 19.003,79.447 19.003,79.447 L 26.312,59.584 z" sodipodi:nodetypes="ccccccc"/><path style="fill:url(#linearGradient6117);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M 26.917969,72.691406 L 13.0625,82.572751 L 23.9375,88.32909 L 35.25,74.443563 L 26.917969,72.691406 z" id="path6106" sodipodi:nodetypes="ccccc"/>
+	<path style="fill:url(#XMLID_32_);fill-opacity:1" id="path64" d="M 11.114,75.447 C 11.114,75.447 19.205,70.013 20.574,68.741 C 22.193,66.313 27.047,61.11 27.047,61.11 L 26.313,59.585 C 26.313,59.585 21.653,65.035 20.1,67.578 C 18.785,68.91 11.019,74.603 11.019,74.603 C 9.169,76.057 8.633,77.499 8.763,78.792 C 8.867,77.734 9.52,76.596 11.114,75.447 z"/><path style="fill:url(#XMLID_33_);fill-opacity:1" id="path81" d="M 10.247,87.923 L 10.696,88.168 C 10.786,88.207 10.877,88.243 10.967,88.282 L 10.247,87.923 z"/>
+	<linearGradient id="XMLID_34_" gradientUnits="userSpaceOnUse" x1="22.309099" y1="87.141098" x2="23.7612" y2="64.996399">
+		<stop offset="0.0533" style="stop-color:#FFFFFF" id="stop84"/>
+		<stop offset="0.2975" style="stop-color:#FEFEFD" id="stop86"/>
+		<stop offset="0.4397" style="stop-color:#FBF9F4" id="stop88"/>
+		<stop offset="0.5557" style="stop-color:#F6F0E6" id="stop90"/>
+		<stop offset="0.6575" style="stop-color:#EEE5D2" id="stop92"/>
+		<stop offset="0.7501" style="stop-color:#E5D6B8" id="stop94"/>
+		<stop offset="0.836" style="stop-color:#D9C398" id="stop96"/>
+		<stop offset="0.9153" style="stop-color:#CBAD73" id="stop98"/>
+		<stop offset="0.9349" style="stop-color:#C7A769" id="stop100"/>
+	</linearGradient>
+	
+	
+		<radialGradient id="XMLID_35_" cx="75.134804" cy="42.876999" r="41.6119" fx="77.449898" fy="21.688801" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" gradientUnits="userSpaceOnUse">
+		<stop offset="0.3136" style="stop-color:#FFDD00" id="stop105"/>
+		<stop offset="0.5042" style="stop-color:#FEDA03" id="stop107"/>
+		<stop offset="0.6435" style="stop-color:#FBD10C" id="stop109"/>
+		<stop offset="0.766" style="stop-color:#F6C11B" id="stop111"/>
+		<stop offset="0.8639" style="stop-color:#F0AE2D" id="stop113"/>
+	</radialGradient>
+	<path d="M 27.626,60.796 C 27.626,60.796 27.865,56.072 29.897,44.566 C 32.287,33.424 29.3,19.737 65.98,8.958 C 76.136,5.93 103.377,6.778 115.326,23.371 C 122.703,34.755 122.524,51.288 122.524,51.288 L 122.643,58.434 L 74.94,77.995 L 35.273,75.209 L 27.865,69.396 L 27.626,60.796 z" id="path115" style="fill:url(#XMLID_35_)"/>
+	
+		<radialGradient id="XMLID_36_" cx="67.054703" cy="51.438999" r="61.9603" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" gradientUnits="userSpaceOnUse">
+		<stop offset="0.54439998" style="stop-color:#d5a340;stop-opacity:0;" id="stop118"/><stop id="stop3119" style="stop-color:#a17620;stop-opacity:0.1329114;" offset="0.77219999"/>
+		
+		
+		
+		
+		
+		
+		<stop offset="1" style="stop-color:#6e5116;stop-opacity:1;" id="stop132"/>
+	</radialGradient>
+	<path d="M 90.539,8.922 C 83.388,7.894 76.626,8.691 72.072,10.047 L 67.816,12.415 C 77.442,9.28 117.47,50.176 117.47,50.176 L 117.105,56.839 L 122.642,58.434 L 122.523,51.288 C 122.523,51.288 122.702,34.755 115.325,23.371 C 109.467,15.236 99.934,10.887 90.539,8.922 z" id="path134" style="fill:url(#XMLID_36_)"/>
+	<linearGradient id="XMLID_37_" gradientUnits="userSpaceOnUse" x1="40.8867" y1="46.2397" x2="26.0222" y2="54.5784">
+		<stop offset="0.2367" style="stop-color:#ad7d2e;stop-opacity:0;" id="stop137"/>
+		<stop offset="1" style="stop-color:#c8881d;stop-opacity:1;" id="stop139"/>
+	</linearGradient>
+	<path d="M 27.626,60.796 L 27.825,67.966 C 30.179,65.799 31.927,57.775 31.927,48.199 C 31.927,44.202 31.621,40.477 31.095,37.332 C 30.658,39.821 30.393,42.248 29.896,44.565 C 27.865,56.073 27.626,60.796 27.626,60.796 z" id="path141" style="fill:url(#XMLID_37_)"/>
+	<linearGradient id="XMLID_38_" gradientUnits="userSpaceOnUse" x1="25.459" y1="69.893997" x2="126.0381" y2="69.893997">
+		<stop offset="0.2367" style="stop-color:#ffffff;stop-opacity:0;" id="stop144"/>
+		<stop offset="1" style="stop-color:#FFFFFF" id="stop146"/>
+	</linearGradient>
+	<path d="M 120.104,63.824 C 112.648,67.751 97.571,74.403 89.039,76.904 C 80.507,79.405 67.761,79.932 62.156,79.932 C 56.551,79.932 41.358,77.893 35.034,75.693 C 28.71,73.494 26.05,69.197 25.595,67.578 C 25.562,67.461 25.536,67.313 25.516,67.146 C 25.43,68.616 25.429,69.894 25.595,70.484 C 26.05,72.104 28.71,76.4 35.034,78.599 C 41.358,80.799 56.552,82.838 62.156,82.838 C 67.76,82.838 80.507,82.311 89.039,79.81 C 97.571,77.312 112.648,70.66 120.104,66.73 C 125.166,64.24 126.378,61.574 125.961,56.95 C 125.613,59.885 124,61.907 120.104,63.824 z" id="path148" style="fill:url(#XMLID_38_)"/>
+	
+		<radialGradient id="XMLID_39_" cx="59.8853" cy="5.9165001" r="80.669502" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" gradientUnits="userSpaceOnUse">
+		<stop offset="0" style="stop-color:#FFDD00" id="stop151"/>
+		<stop offset="0.4225" style="stop-color:#FEDB00" id="stop153"/>
+		<stop offset="0.5747" style="stop-color:#FAD400" id="stop155"/>
+		<stop offset="0.6831" style="stop-color:#F3C900" id="stop157"/>
+		<stop offset="0.7702" style="stop-color:#E9B800" id="stop159"/>
+		<stop offset="0.8107" style="stop-color:#E3AD00" id="stop161"/>
+		<stop offset="1" style="stop-color:#F7B100" id="stop163"/>
+	</radialGradient>
+	<path d="M 28.087,56.282 C 28.022,56.814 26.688,57.802 26.312,59.585 C 25.936,61.368 25.14,68.14 25.595,69.759 C 26.05,71.378 28.71,75.675 35.034,77.874 C 41.358,80.074 56.552,82.112 62.156,82.112 C 67.76,82.112 80.507,81.586 89.039,79.085 C 97.571,76.585 112.648,69.933 120.104,66.004 C 129.479,61.392 125.659,56.194 122.713,39.023 C 122.294,37.391 120.958,37.906 120.958,37.906 C 120.958,37.906 123.18,51.381 121.776,53.288 C 120.373,55.194 101.315,64.399 88.8,67.7 C 76.285,71 62.634,72.908 57.138,72.908 C 51.642,72.908 48.834,69.88 48.894,65.035 C 48.954,60.19 51.762,44.445 52.598,40.691 C 53.434,36.937 55.032,32.531 61.679,25.794 C 68.326,19.057 84.021,7.958 96.089,10.866 C 108.156,14.711 115.325,23.371 115.325,23.371 C 115.325,23.371 104.094,5.203 82.349,5.203 C 68.848,5.203 52.24,15.861 52.24,15.861 C 52.24,15.861 34.796,23.855 33.003,43.112 C 31.211,62.37 28.022,63.366 27.804,62.249 C 27.585,61.131 28.153,55.75 28.087,56.282 z" id="path165" style="fill:url(#XMLID_39_)"/>
+	<g id="g167">
+		<linearGradient id="XMLID_40_" gradientUnits="userSpaceOnUse" x1="79.763702" y1="-2.6694" x2="79.763702" y2="12.5914">
+			<stop offset="0.1183" style="stop-color:#CF9D00" id="stop170"/>
+			
+			
+			
+			
+			<stop offset="1" style="stop-color:#cf9d00;stop-opacity:0;" id="stop180"/>
+		</linearGradient>
+		<path d="M 52.24,18.042 C 52.24,18.042 68.847,7.384 82.349,7.384 C 91.96,7.384 99.516,10.933 104.956,14.894 C 111.582,18.853 104.094,5.204 82.349,5.204 C 68.848,5.204 52.24,15.862 52.24,15.862 L 52.24,18.042 z" id="path182" style="fill:url(#XMLID_40_);fill-opacity:1"/>
+	</g>
+	<linearGradient id="XMLID_41_" gradientUnits="userSpaceOnUse" x1="112.5645" y1="55.8013" x2="123.808" y2="50.360901">
+		<stop offset="0" style="stop-color:#c7a769;stop-opacity:0;" id="stop185"/><stop id="stop3746" style="stop-color:#bd9a55;stop-opacity:0;" offset="0.69292587"/>
+		
+		
+		<stop offset="0.93489999" style="stop-color:#927336;stop-opacity:1;" id="stop191"/>
+	</linearGradient>
+	<path d="M 122.714,39.022 C 122.295,37.39 120.959,37.905 120.959,37.905 C 120.959,37.905 121.942,43.873 122.187,48.428 C 123.55,57.134 123.909,61.95 120.542,65.777 C 129.347,61.216 125.612,55.914 122.714,39.022 z" id="path193" style="fill:url(#XMLID_41_)"/>
+	<linearGradient id="XMLID_42_" gradientUnits="userSpaceOnUse" x1="73.526398" y1="37.004734" x2="76.923401" y2="65.039497">
+		<stop offset="0" style="stop-color:#FFFF00" id="stop196"/>
+		
+		
+		
+		
+		
+		
+		
+		
+		<stop offset="1" style="stop-color:#ffff00;stop-opacity:0;" id="stop214"/>
+	</linearGradient>
+	<path d="M 59.503,34.306 C 59.503,34.306 65.107,26.476 76.618,25.555 C 88.129,24.634 97.368,25.708 97.519,28.626 C 97.671,31.543 90.552,32.772 89.492,37.224 C 88.432,41.676 71.432,36.655 65.979,35.12 C 60.526,33.585 62.011,34.357 63.829,39.117 C 65.646,43.877 68.894,59.18 68.894,59.18 C 68.894,59.18 59.655,67.624 59.049,62.711 C 58.443,57.798 63.896,51.656 63.139,44.594 C 62.381,37.53 55.868,38.145 59.503,34.306 z" id="path216" style="fill:url(#XMLID_42_);filter:url(#filter7685)"/>
+	<linearGradient id="XMLID_43_" gradientUnits="userSpaceOnUse" x1="26.143101" y1="60.4897" x2="29.2798" y2="60.4897">
+		<stop offset="0" style="stop-color:#FFFF00" id="stop219"/>
+		
+		
+		
+		
+		
+		
+		
+		
+		<stop offset="1" style="stop-color:#ffff00;stop-opacity:0.03797468;" id="stop237"/>
+	</linearGradient>
+	<path d="M 28.63,62.299 C 28.177,62.717 27.867,62.571 27.804,62.249 C 27.586,61.131 28.154,55.749 28.087,56.281 C 28.022,56.813 26.688,57.801 26.312,59.584 C 26.151,60.348 25.714,64.87 27.447,64.731 C 30.152,64.493 29.229,63.786 28.63,62.299 z" id="path239" style="fill:url(#XMLID_43_)"/>
+	<g id="g241">
+		<defs id="defs243">
+			<path id="XMLID_20_" d="M 56.301,77.631 C 61.906,77.631 111.931,64.482 119.386,60.554 C 128.762,55.939 125.658,56.194 122.713,39.022 C 122.294,37.39 120.958,37.905 120.958,37.905 C 120.958,37.905 123.18,51.38 121.776,53.287 C 120.373,55.194 101.315,64.399 88.8,67.7 C 76.285,71 62.634,72.908 57.138,72.908 C 51.642,72.908 48.834,69.88 48.894,65.035 C 48.954,60.19 51.762,44.445 52.598,40.691 C 53.434,36.937 55.032,32.531 61.679,25.794 C 68.326,19.057 84.021,7.958 96.089,10.866 L 91.429,7.505 L 52.24,15.861 C 52.24,15.861 39.096,26.399 37.304,45.656 C 35.512,64.913 50.697,77.631 56.301,77.631 z"/>
+		</defs>
+		<clipPath id="XMLID_44_">
+			<use xlink:href="#XMLID_20_" id="use247" x="0" y="0" width="138" height="111"/>
+		</clipPath>
+		<g clip-path="url(#XMLID_44_)" id="g249" style="filter:url(#AI_Sfocatura_2)">
+			
+				<radialGradient id="XMLID_45_" cx="37.662601" cy="53.589401" r="87.812599" gradientTransform="matrix(1,0,0,1.0137,0,-0.6735)" gradientUnits="userSpaceOnUse">
+				<stop offset="0.0473" style="stop-color:#FFFF00" id="stop252"/>
+				<stop offset="0.48469999" style="stop-color:#fffe7e;stop-opacity:1;" id="stop254"/>
+				<stop offset="0.67820001" style="stop-color:#fffecf;stop-opacity:1;" id="stop256"/>
+				<stop offset="0.8236" style="stop-color:#FFE900" id="stop258"/>
+				<stop offset="0.9442" style="stop-color:#FFD700" id="stop260"/>
+				<stop offset="1" style="stop-color:#FFCC00" id="stop262"/>
+			</radialGradient>
+			<path d="M 84.311,11.301 L 84.311,11.301 C 73.04,13.642 66.435,18.417 61.127,22.254 C 57.498,24.877 54.632,26.949 51.341,27.515 C 46.291,28.383 45.54,29.128 45.54,29.744 C 45.54,29.759 45.54,29.774 45.541,29.789 C 45.569,30.284 46.129,30.559 46.433,30.664 C 49.866,34.443 50.997,37.587 50.997,40.746 C 50.997,43.336 50.239,45.938 49.373,48.91 C 48.296,52.609 47.092,56.741 47.092,61.964 C 47.092,62.701 47.116,63.459 47.168,64.241 C 47.397,67.705 48.792,70.385 51.315,72.206 C 58.924,77.7 74.129,73.646 74.773,73.472 L 74.801,73.462 L 74.827,73.451 C 74.939,73.398 86.185,68.22 108.989,61.888 C 117.671,59.478 123.094,56.014 125.111,51.591 L 125.148,51.512 L 125.143,51.425 C 124.931,46.898 123.833,42.493 123.245,40.127 L 122.923,38.759 C 122.759,38.116 122.461,37.69 122.028,37.464 C 121.418,37.144 120.794,37.366 120.725,37.392 L 120.453,37.496 L 120.501,37.785 C 121.37,43.037 122.318,51.317 121.371,52.601 C 120.139,54.269 101.854,63.256 89.113,66.605 C 77.135,69.752 63.659,71.702 58.043,71.702 C 55.436,71.702 53.437,71.011 52.102,69.644 C 50.866,68.379 50.254,66.594 50.282,64.34 C 50.34,59.676 53.063,44.363 53.919,40.536 C 54.744,36.843 56.387,32.537 62.76,26.098 C 68.863,19.932 81.877,10.851 92.719,11.105 L 92.835,11.108 L 92.93,11.04 C 93.261,10.804 93.375,10.559 93.27,10.314 C 93.102,9.919 92.927,9.511 84.311,11.301 z" id="path264" style="fill:url(#XMLID_45_)"/>
+		</g>
+	</g>
+	<g id="g266" transform="matrix(0.7809463,0,0,1,9.8990362,0)" style="filter:url(#AI_Sfocatura_3)">
+		<linearGradient id="XMLID_46_" gradientUnits="userSpaceOnUse" x1="60.554699" y1="36.130402" x2="28.4592" y2="55.264198">
+			<stop offset="0" style="stop-color:#ffffff;stop-opacity:0;" id="stop269"/>
+			
+			
+			
+			
+			
+			
+			
+			<stop offset="0.69090003" style="stop-color:#cca300;stop-opacity:1;" id="stop285"/>
+			
+			<stop offset="1" style="stop-color:#ffea00;stop-opacity:0;" id="stop289"/>
+		</linearGradient>
+		<path d="M 32.636,53.197 C 33.354,67.014 39.987,64.776 39.987,64.776 C 45.495,62.604 44.883,51.747 45.19,40.89 C 43.263,35.561 39.731,32.066 36.891,33.776 C 35.374,36.653 34.235,40.045 33.868,43.992 C 33.507,47.865 33.081,50.874 32.636,53.197 z" id="path291" style="fill:url(#XMLID_46_)"/>
+	</g>
+	<g style="filter:url(#filter5311)" id="g301" clip-path="url(#XMLID_47_)">
+			<linearGradient y2="69.167503" x2="126.0381" y1="69.167503" x1="25.459" gradientUnits="userSpaceOnUse" id="XMLID_48_">
+				<stop id="stop304" style="stop-color:#D68E00" offset="0"/>
+				<stop id="stop306" style="stop-color:#E9AB00" offset="0.0874"/>
+				<stop id="stop308" style="stop-color:#F9C300" offset="0.1798"/>
+				<stop id="stop310" style="stop-color:#FFCC00" offset="0.2367"/>
+				<stop id="stop312" style="stop-color:#B87A00" offset="1"/>
+			</linearGradient>
+			<path style="fill:url(#XMLID_48_)" id="path314" d="M 120.104,63.097 C 112.648,67.025 97.571,73.677 89.039,76.178 C 80.507,78.678 67.761,79.205 62.156,79.205 C 56.551,79.205 41.358,77.166 35.034,74.966 C 28.71,72.767 26.05,68.469 25.595,66.852 C 25.562,66.734 25.536,66.586 25.516,66.419 C 25.43,67.889 25.429,69.167 25.595,69.758 C 26.05,71.377 28.71,75.674 35.034,77.873 C 41.358,80.073 56.552,82.111 62.156,82.111 C 67.76,82.111 80.507,81.585 89.039,79.084 C 97.571,76.584 112.648,69.932 120.104,66.003 C 125.166,63.512 126.378,60.847 125.961,56.223 C 125.613,59.16 124,61.18 120.104,63.097 z"/>
+		</g><g id="g349" style="filter:url(#filter7681);stroke:url(#linearGradient7677);stroke-width:1.078125;stroke-miterlimit:4;stroke-dasharray:none" transform="translate(0,10)">
+		<path style="fill:none;stroke:url(#linearGradient7677);stroke-width:1.078125;stroke-linecap:round;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none" d="M 25.595,59.758 C 26.05,61.377 28.71,65.674 35.034,67.873 C 41.358,70.073 56.552,72.111 62.157,72.111 C 67.761,72.111 80.507,71.585 89.039,69.084" id="path351"/>
+	</g>
+	<linearGradient id="XMLID_49_" gradientUnits="userSpaceOnUse" x1="9.9033003" y1="76.273903" x2="128.7402" y2="76.273903">
+		<stop offset="0" style="stop-color:#E39700" id="stop317"/>
+		<stop offset="0.2025" style="stop-color:#E49900" id="stop319"/>
+		<stop offset="0.2755" style="stop-color:#E8A000" id="stop321"/>
+		<stop offset="0.3275" style="stop-color:#EEAB00" id="stop323"/>
+		<stop offset="0.3693" style="stop-color:#F7BC00" id="stop325"/>
+		<stop offset="0.3964" style="stop-color:#FFCC00" id="stop327"/>
+		<stop offset="0.4944" style="stop-color:#FDC900" id="stop329"/>
+		<stop offset="0.5802" style="stop-color:#F8BE00" id="stop331"/>
+		<stop offset="0.6611" style="stop-color:#EEAC00" id="stop333"/>
+		<stop offset="0.72780001" style="stop-color:#bb7d00;stop-opacity:1;" id="stop335"/>
+		<stop offset="0.87220001" style="stop-color:#bb7e00;stop-opacity:1;" id="stop337"/>
+		<stop offset="0.9242" style="stop-color:#d59400;stop-opacity:1;" id="stop339"/>
+		<stop offset="0.9612" style="stop-color:#EAAB00" id="stop341"/>
+		<stop offset="0.991" style="stop-color:#F1BC00" id="stop343"/>
+		<stop offset="1" style="stop-color:#F3C300" id="stop345"/>
+	</linearGradient>
+	<path d="M 128.464,59.345 C 128.136,60.442 127.494,61.493 126.402,62.429 C 120.339,67.624 112.214,70.482 98.754,77.008 C 85.294,83.536 78.26,85.872 78.26,85.872 C 78.26,85.872 46.61,99.992 19.083,86.938 L 10.716,82.009 C 10.716,82.009 10.377,81.782 9.904,81.38 C 10.992,82.784 12.453,83.686 12.453,83.686 L 20.697,88.167 C 47.819,100.036 79.004,87.197 79.004,87.197 C 79.004,87.197 85.934,84.412 99.196,78.477 C 112.458,72.541 120.464,70.604 126.437,65.88 C 128.834,63.987 129.055,61.567 128.464,59.345 z" id="path347" style="fill:url(#XMLID_49_)"/>
+	
+	<g id="g353">
+		<path d="M 122.714,39.385 C 124.245,48.307 126.008,53.993 126.036,58.047 C 126.116,53.97 124.29,48.213 122.714,39.022 C 122.295,37.39 120.959,37.905 120.959,37.905 C 120.959,37.905 120.98,38.028 121.015,38.25 C 121.27,38.175 122.346,37.951 122.714,39.385 z" id="path355" style="fill:#a88100"/>
+		<path d="M 57.138,73.271 C 62.635,73.271 76.285,71.363 88.8,68.063 C 101.316,64.762 120.373,55.557 121.778,53.649 C 122.134,53.167 122.257,51.934 122.241,50.369 C 122.234,51.759 122.106,52.841 121.778,53.287 C 120.373,55.194 101.315,64.399 88.8,67.7 C 76.285,71 62.634,72.908 57.138,72.908 C 51.716,72.908 48.916,69.957 48.899,65.226 C 48.898,65.282 48.895,65.344 48.894,65.399 C 48.834,70.243 51.642,73.271 57.138,73.271 z" id="path357" style="fill:#ffffff"/>
+		<path d="M 27.804,62.25 C 27.774,62.097 27.759,61.86 27.755,61.573 C 27.749,62.027 27.762,62.399 27.804,62.612 C 28.022,63.731 31.211,62.733 33.003,43.477 C 34.795,24.219 52.24,16.225 52.24,16.225 C 52.24,16.225 68.847,5.567 82.349,5.567 C 100.205,5.567 110.97,17.816 114.249,22.197 C 114.955,22.926 115.325,23.371 115.325,23.371 C 115.325,23.371 104.094,5.203 82.349,5.203 C 68.848,5.203 52.24,15.861 52.24,15.861 C 52.24,15.861 34.796,23.855 33.003,43.112 C 31.21,62.371 28.022,63.367 27.804,62.25 z" id="path359" style="fill:#ffffff"/>
+		<path d="M 26.312,59.948 C 26.657,58.31 27.807,57.345 28.044,56.787 C 28.082,56.371 28.103,56.153 28.087,56.282 C 28.022,56.814 26.688,57.802 26.312,59.585 C 26.008,61.023 25.432,65.71 25.46,68.316 C 25.483,65.66 26.022,61.323 26.312,59.948 z" id="path361" style="fill:#ba8e00"/>
+	</g>
+<path style="fill:url(#linearGradient3742);fill-opacity:1;filter:url(#filter5339)" d="M 74.875,7.875 C 60.411206,11.148244 45.796692,18.307047 36.96875,30.5625 C 34.641086,33.994949 39.579007,36.562515 42.28125,34.21875 C 55.365042,28.585619 64.58577,16.785636 77.537505,10.914942 C 84.000991,6.7588263 79.414572,8.2582213 74.875,7.875 z" id="path3702"/><path style="opacity:0.4;fill:url(#linearGradient4924);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4926)" d="M 118.21875,66.96875 C 114.59561,67.870138 108.4164,69.094727 103.9375,70.625 C 94.094535,73.987972 87.91253,77.733419 84.875,80.09375 C 86.326647,79.799783 87.734466,79.473879 89.03125,79.09375 C 96.921622,76.781757 110.33751,70.945076 118.21875,66.96875 z" id="path4528" sodipodi:nodetypes="cscsc"/><path style="fill:#ab8200;fill-opacity:1;filter:url(#filter5335)" d="M 91.40625,10.40625 C 80.22663,10.674642 67.50362,19.886374 61.6875,25.78125 C 55.0405,32.51825 53.42975,36.933498 52.59375,40.6875 C 51.75775,44.4415 48.96625,60.186246 48.90625,65.03125 C 48.8814,67.037811 49.33504,68.73402 50.28125,70.03125 C 50.00316,69.134964 49.89267,68.127674 49.90625,67.03125 C 49.96625,62.186246 52.75775,46.4415 53.59375,42.6875 C 54.42975,38.933498 56.0405,34.51825 62.6875,27.78125 C 69.3345,21.044249 85.02575,9.967 97.09375,12.875 C 109.16075,16.72 116.3125,25.375 116.3125,25.375 C 116.3125,25.375 114.99666,23.227467 112.40625,20.4375 C 112.37724,20.411117 112.34192,20.370368 112.3125,20.34375 C 109.13581,17.469738 103.56641,13.256073 96.09375,10.875 C 94.58525,10.5115 93.00334,10.367908 91.40625,10.40625 z" id="path5331"/></g>
+</svg>
\ No newline at end of file
diff --git a/resources/icons/insert.svg b/resources/icons/insert.svg
new file mode 100644
index 0000000..2234004
--- /dev/null
+++ b/resources/icons/insert.svg
@@ -0,0 +1,186 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="insert.svg"
+   id="svg16"
+   version="1.1"
+   width="512pt"
+   viewBox="0 -21 512 512"
+   height="512pt">
+  <metadata
+     id="metadata22">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs20" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     inkscape:current-layer="svg16"
+     inkscape:window-maximized="1"
+     inkscape:window-y="-11"
+     inkscape:window-x="-11"
+     inkscape:cy="562.17152"
+     inkscape:cx="240.56269"
+     inkscape:zoom="0.9777961"
+     showgrid="false"
+     id="namedview18"
+     inkscape:window-height="2066"
+     inkscape:window-width="3840"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     style="fill:#42a5f5"
+     inkscape:connector-curvature="0"
+     id="path2"
+     d="M 717.51438,0.12926023 642.85032,-79.87074 c -4.48047,-4.820312 -11.41406,-6.421875 -17.5586,-3.96875 -6.12109,2.410156 -10.13281,8.320313 -10.13281,14.890625 v 160 c 0,6.570313 4.01172,12.480465 10.13281,14.871095 1.89844,0.76562 3.88282,1.12891 5.86719,1.12891 4.35156,0 8.59766,-1.76954 11.69141,-5.07422 l 74.66406,-80.000004 c 5.74219,-6.144531 5.74219,-15.7031238 0,-21.84765577 z m 0,0" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path4"
+     d="m 631.15891,107.05114 c -1.98437,0 -3.96875,-0.36329 -5.86719,-1.10938 -6.12109,-2.41016 -10.13281,-8.320312 -10.13281,-14.890625 v -160 c 0,-6.570312 4.01172,-12.480469 10.13281,-14.890625 6.14454,-2.410156 13.07813,-0.851562 17.5586,3.96875 l 74.66406,80.00000023 c 5.76172,6.14453197 5.76172,15.67968777 0,21.82421877 l -74.66406,80.000001 c -3.09375,3.32812 -7.33985,5.09766 -11.69141,5.09766 z m 16,-135.402348 v 78.804687 l 36.77735,-39.402344 z m 0,0" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path6"
+     d="M 1089.8269,-42.280896 H 759.15891 c -20.58594,0 -37.33203,-16.746094 -37.33203,-37.332031 v -53.335933 c 0,-20.58594 16.74609,-37.33204 37.33203,-37.33204 h 330.66799 c 20.5859,0 37.332,16.7461 37.332,37.33204 v 53.335933 c 0,20.585937 -16.7461,37.332031 -37.332,37.332031 z M 759.15891,-138.2809 c -2.94531,0 -5.33203,2.39063 -5.33203,5.33204 v 53.335933 c 0,2.941406 2.38672,5.332031 5.33203,5.332031 h 330.66799 c 2.9414,0 5.332,-2.390625 5.332,-5.332031 v -53.335933 c 0,-2.94141 -2.3906,-5.33204 -5.332,-5.33204 z m 0,0" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path8"
+     d="M 1089.8269,299.05114 H 759.15891 c -20.58594,0 -37.33203,-16.7461 -37.33203,-37.33204 v -160 c 0,-20.585934 16.74609,-37.332027 37.33203,-37.332027 h 330.66799 c 20.5859,0 37.332,16.746093 37.332,37.332027 v 160 c 0,20.58594 -16.7461,37.33204 -37.332,37.33204 z M 759.15891,96.387073 c -2.94531,0 -5.33203,2.386719 -5.33203,5.332027 v 160 c 0,2.94532 2.38672,5.33204 5.33203,5.33204 h 330.66799 c 2.9414,0 5.332,-2.38672 5.332,-5.33204 v -160 c 0,-2.945308 -2.3906,-5.332027 -5.332,-5.332027 z m 0,0" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path10"
+     d="m 924.49094,-42.280896 c -8.83203,0 -16,-7.167969 -16,-16 V -154.2809 c 0,-8.83203 7.16797,-16 16,-16 8.83203,0 16,7.16797 16,16 v 96.000004 c 0,8.832031 -7.16797,16 -16,16 z m 0,0" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path12"
+     d="m 924.49094,299.05114 c -8.83203,0 -16,-7.16797 -16,-16 V 80.387073 c 0,-8.832031 7.16797,-16 16,-16 8.83203,0 16,7.167969 16,16 V 283.05114 c 0,8.83203 -7.16797,16 -16,16 z m 0,0" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path14"
+     d="M 1111.1589,197.7191 H 737.82688 c -8.83203,0 -16,-7.16796 -16,-16 0,-8.83203 7.16797,-16 16,-16 h 373.33202 c 8.832,0 16,7.16797 16,16 0,8.83204 -7.168,16 -16,16 z m 0,0" />
+  <g
+     style="fill:#d5f6ff"
+     transform="translate(-2.6179457,36.661291)"
+     id="g4600">
+    <g
+       transform="translate(0,-38.730461)"
+       id="g4667">
+      <g
+         id="g4592"
+         transform="translate(-132.15365)">
+        <rect
+           y="95.992348"
+           x="147.34842"
+           height="102.34635"
+           width="177.34634"
+           id="rect4499"
+           style="fill:#2ad4ff;fill-opacity:1;stroke:#000000;stroke-width:25.15364647;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <rect
+           y="95.992348"
+           x="324.69476"
+           height="102.34635"
+           width="177.34634"
+           id="rect4499-3"
+           style="fill:#2ad4ff;fill-opacity:1;stroke:#000000;stroke-width:25.15364647;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+      <g
+         id="g4588"
+         style="fill:#d5f6ff">
+        <rect
+           y="-6.3540068"
+           x="147.34842"
+           height="102.34635"
+           width="177.34634"
+           id="rect4499-35"
+           style="fill:#d5f6ff;fill-opacity:1;stroke:#000000;stroke-width:25.15364647;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <rect
+           y="-6.3540068"
+           x="324.69476"
+           height="102.34635"
+           width="177.34634"
+           id="rect4499-3-6"
+           style="fill:#d5f6ff;fill-opacity:1;stroke:#000000;stroke-width:25.15364647;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+      <g
+         id="g4596"
+         style="fill:#d5f6ff">
+        <rect
+           y="198.3387"
+           x="147.34842"
+           height="102.34635"
+           width="177.34634"
+           id="rect4499-2"
+           style="fill:#d5f6ff;fill-opacity:1;stroke:#000000;stroke-width:25.15364647;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <rect
+           y="198.3387"
+           x="324.69476"
+           height="102.34635"
+           width="177.34634"
+           id="rect4499-3-9"
+           style="fill:#d5f6ff;fill-opacity:1;stroke:#000000;stroke-width:25.15364647;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+      <rect
+         y="300.68506"
+         x="147.34842"
+         height="102.34635"
+         width="177.34634"
+         id="rect4499-1"
+         style="fill:#d5f6ff;fill-opacity:1;stroke:#000000;stroke-width:25.15364647;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <rect
+       style="fill:#d5f6ff;fill-opacity:1;stroke:#000000;stroke-width:25.15364647;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4499-3-2"
+       width="177.34634"
+       height="102.34635"
+       x="324.69476"
+       y="261.95459" />
+  </g>
+  <g
+     transform="translate(-287,-1.5258789e-5)"
+     id="g4646">
+    <circle
+       style="fill:#62b144;fill-opacity:1;stroke:none;stroke-width:31.99404335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4628"
+       cx="399.5"
+       cy="378.5"
+       r="112.5" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:29.93876648;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4630"
+       width="45"
+       height="172.5"
+       x="377"
+       y="292.25"
+       rx="15"
+       ry="15" />
+    <rect
+       y="-485.75"
+       x="356"
+       height="172.5"
+       width="45"
+       id="rect4641"
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:29.93876648;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="rotate(90)"
+       rx="15"
+       ry="15" />
+  </g>
+</svg>
diff --git a/resources/icons/lego-red-brick-2-x-4-3001-30-771344-81.jpg b/resources/icons/lego-red-brick-2-x-4-3001-30-771344-81.jpg
new file mode 100644
index 0000000..2978b86
Binary files /dev/null and b/resources/icons/lego-red-brick-2-x-4-3001-30-771344-81.jpg differ
diff --git a/resources/icons/list.svg b/resources/icons/list.svg
new file mode 100644
index 0000000..c4dd541
--- /dev/null
+++ b/resources/icons/list.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 343.5 343.5" style="enable-background:new 0 0 343.5 343.5;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M322.05,161.8h-182.6c-5.5,0-10,4.5-10,10s4.5,10,10,10h182.6c5.5,0,10-4.5,10-10C332.05,166.3,327.65,161.8,322.05,161.8
+			z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M57.95,125.3c-25.7,0-46.5,20.8-46.5,46.5s20.8,46.5,46.5,46.5s46.5-20.8,46.5-46.5S83.65,125.3,57.95,125.3z
+			 M57.95,198.3c-14.7,0-26.5-11.9-26.5-26.5c0-14.7,11.9-26.5,26.5-26.5c14.6,0,26.5,11.9,26.5,26.5S72.55,198.3,57.95,198.3z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M322.05,36.8h-182.6c-5.5,0-10,4.5-10,10s4.5,10,10,10h182.6c5.5,0,10-4.5,10-10C332.05,41.3,327.65,36.8,322.05,36.8z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M57.95,0c-25.7,0-46.5,20.8-46.5,46.5c0,25.7,20.8,46.5,46.5,46.5s46.5-20.8,46.5-46.5C104.45,20.9,83.65,0.1,57.95,0z
+			 M57.95,73.1c-14.7,0-26.5-11.9-26.5-26.5c0-14.6,11.9-26.5,26.5-26.5c14.7,0,26.5,11.9,26.5,26.5
+			C84.45,61.2,72.55,73.1,57.95,73.1z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M322.05,286.8h-182.6c-5.5,0-10,4.5-10,10s4.5,10,10,10h182.6c5.5,0,10-4.5,10-10S327.65,286.8,322.05,286.8z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M57.95,250.5c-25.7,0-46.5,20.8-46.5,46.5c0,25.7,20.8,46.5,46.5,46.5s46.5-20.8,46.5-46.5
+			C104.45,271.4,83.65,250.5,57.95,250.5z M57.95,323.6c-14.7,0-26.5-11.9-26.5-26.5c0-14.7,11.9-26.5,26.5-26.5
+			c14.7,0,26.5,11.9,26.5,26.5S72.55,323.6,57.95,323.6z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/icons/menu.svg b/resources/icons/menu.svg
new file mode 100644
index 0000000..eeb483a
--- /dev/null
+++ b/resources/icons/menu.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M492,236H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h472c11.046,0,20-8.954,20-20S503.046,236,492,236z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M492,76H20C8.954,76,0,84.954,0,96s8.954,20,20,20h472c11.046,0,20-8.954,20-20S503.046,76,492,76z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M492,396H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h472c11.046,0,20-8.954,20-20
+			C512,404.954,503.046,396,492,396z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/icons/numbered-list-style.svg b/resources/icons/numbered-list-style.svg
new file mode 100644
index 0000000..eeb6da8
--- /dev/null
+++ b/resources/icons/numbered-list-style.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="381.304px" height="381.304px" viewBox="0 0 381.304 381.304" style="enable-background:new 0 0 381.304 381.304;"
+	 xml:space="preserve">
+<g>
+	<path d="M121.203,37.858c0-7.791,6.319-14.103,14.104-14.103H367.2c7.784,0,14.104,6.312,14.104,14.103
+		s-6.312,14.103-14.104,14.103H135.307C127.522,51.961,121.203,45.649,121.203,37.858z M135.307,120.908h150.426
+		c7.79,0,14.104-6.315,14.104-14.104c0-7.79-6.313-14.103-14.104-14.103H135.307c-7.785,0-14.104,6.307-14.104,14.103
+		C121.203,114.598,127.522,120.908,135.307,120.908z M367.2,269.75H135.307c-7.785,0-14.104,6.312-14.104,14.104
+		c0,7.79,6.319,14.103,14.104,14.103H367.2c7.784,0,14.104-6.312,14.104-14.103C381.304,276.062,374.984,269.75,367.2,269.75z
+		 M285.727,338.693h-150.42c-7.785,0-14.104,6.307-14.104,14.104c0,7.79,6.319,14.103,14.104,14.103h150.426
+		c7.79,0,14.104-6.312,14.104-14.103C299.836,345.005,293.517,338.693,285.727,338.693z M33.866,127.838h22.387V14.405H37.921
+		c-0.521,5.925-0.068,10.689-4.696,14.277c-4.631,3.591-14.363,5.382-23.158,5.382H6.871v15.681h26.995V127.838z M25.603,345.147
+		l28.115-20.912c9.69-6.655,16.056-12.826,19.109-18.524c3.05-5.697,4.569-11.821,4.569-18.377c0-10.716-3.585-19.357-10.737-25.941
+		c-7.161-6.579-16.568-9.865-28.23-9.865c-11.245,0-20.241,3.328-26.982,9.989c-6.75,6.655-10.113,16.691-10.113,30.115H23.02
+		c0-8.015,1.416-13.548,4.253-16.621c2.834-3.067,6.721-4.604,11.665-4.604s8.854,1.561,11.741,4.676
+		c2.888,3.12,4.327,6.998,4.327,11.632c0,4.628-1.336,8.808-4.02,12.555c-2.675,3.747-10.125,10.071-22.352,18.962
+		c-10.453,7.648-24.154,16.964-28.393,23.726L0,364.96h77.632v-19.813H25.603L25.603,345.147z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/icons/pencil(1).svg b/resources/icons/pencil(1).svg
new file mode 100644
index 0000000..14fe0fb
--- /dev/null
+++ b/resources/icons/pencil(1).svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512.092 512.092" height="512" viewBox="0 0 512.092 512.092" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m181.527 414.602c-1.3 2.7-3.38 4.95-5.97 6.46l-87.61 50.96c-15.31-2.57-25.72-8.36-32.8-15.06-14.96-14.13-15.06-32.33-15.06-32.79 0-.01 0-.01 0-.01l50.96-87.61c1.52-2.6 3.77-4.69 6.49-5.99 23.52-11.25 51.04 3.44 55.3 28.71 25.41 4.29 39.94 31.979 28.69 55.33z" fill="#ffd321"/><path d="m181.527 414.602c-1.3 2.7-3.38 4.95-5.97 6.46l-87.61 50.96c-15.31-2.57-25.72-8.36-32.8-15.06l97.69-97.69c25.41 4.29 39.94 31.979 28.69 55.33z" fill="#ff8e00"/><path d="m426.627 170.702-248 248c-2.91 2.9-6.75 4.39-10.61 4.39-10.923 0-18.353-11.473-13.51-21.51 3.571-7.463-4.335-15.636-12.01-11.96-5.74 2.75-12.59 1.58-17.09-2.92-4.299-4.196-5.786-11.15-2.9-17.12 3.571-7.463-4.335-15.636-12.01-11.96-6.59 3.16-14.5 1.1-18.72-4.86-4.23-5.97-3.54-14.11 1.63-19.28 12.465-12.465 239.143-239.143 248-248 5.86-5.85 15.36-5.85 21.22 0l64 64c5.85 5.86 5.85 15.36 0 21.22z" fill="#b1d5f1"/><path d="m426.627 170.702-248 248c-2.91 2.9-6.75 4.39-10.61 4.39-10.923 0-18.353-11.473-13.51-21.51 3.571-7.463-4.335-15.636-12.01-11.96-5.74 2.75-12.59 1.58-17.09-2.92l269.22-269.22 32 32c5.85 5.86 5.85 15.36 0 21.22z" fill="#8bb9ff"/><path d="m497.167 100.162-70.54 70.54-85.22-85.22 70.54-70.54c19.937-19.916 52.191-19.928 72.14 0 8.068 8.068 5.048 5.049 13.08 13.08 19.88 19.89 19.88 52.249 0 72.14z" fill="#e27a4e"/><path d="m497.167 100.162-70.54 70.54-42.61-42.61 106.61-106.61 6.54 6.54c19.88 19.89 19.88 52.249 0 72.14z" fill="#dc455b"/><path d="m87.947 472.021-65.39 38.04c-5.89 3.41-13.33 2.46-18.15-2.36-4.81-4.82-5.78-12.27-2.36-18.15l38.04-65.39z" fill="#0d8ebc"/><path d="m87.947 472.021-65.39 38.04c-5.89 3.41-13.33 2.46-18.15-2.36l59.61-59.61z" fill="#0a617d"/></g></svg>
\ No newline at end of file
diff --git a/resources/icons/pencil.svg b/resources/icons/pencil.svg
new file mode 100644
index 0000000..093bb9e
--- /dev/null
+++ b/resources/icons/pencil.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 468.134 468.134" style="enable-background:new 0 0 468.134 468.134;" xml:space="preserve">
+<path style="fill:#DC8744;" d="M28.06,363.046L9.317,423.983l-8.763,28.468c-2.859,9.288,5.842,17.989,15.13,15.129l28.467-8.763
+	l60.939-18.743L28.06,363.046z"/>
+<path style="fill:#3A556A;" d="M44.151,458.817l-28.467,8.763c-9.288,2.859-17.988-5.841-15.129-15.129l8.763-28.468L44.151,458.817
+	z"/>
+<rect x="-19.151" y="194.604" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 511.5694 231.7721)" style="fill:#FCD462;" width="453.868" height="54.465"/>
+<rect x="19.36" y="233.116" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 604.5447 270.2841)" style="fill:#F6C358;" width="453.868" height="54.465"/>
+<path style="fill:#E56353;" d="M426.039,119.122L349.01,42.094l38.436-38.436c4.877-4.877,12.784-4.877,17.66,0l59.368,59.368
+	c4.877,4.877,4.877,12.784,0,17.66L426.039,119.122z"/>
+<g>
+	
+		<rect x="352.212" y="52.373" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 692.3092 -73.0846)" style="fill:#EBF0F3;" width="18.157" height="108.937"/>
+	
+		<rect x="326.525" y="78.036" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 666.604 -11.1108)" style="fill:#EBF0F3;" width="18.157" height="108.937"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/icons/percentage.svg b/resources/icons/percentage.svg
new file mode 100644
index 0000000..227c6b3
--- /dev/null
+++ b/resources/icons/percentage.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="Capa_1"
+   enable-background="new 0 0 497 497"
+   height="512"
+   viewBox="0 0 497 497"
+   width="512"
+   version="1.1"
+   sodipodi:docname="percentage.svg"
+   inkscape:version="0.92.1 r15371">
+  <metadata
+     id="metadata21">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs19" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="963"
+     id="namedview17"
+     showgrid="false"
+     inkscape:zoom="0.65186406"
+     inkscape:cx="136.64487"
+     inkscape:cy="217.33649"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g14" />
+  <g
+     id="g14"
+     transform="matrix(0.87890625,0,0,0.87890625,30.091797,30.091357)">
+    <path
+       d="M 120.5,0 196,120.5 120.5,241 C 187.05,241 241,187.05 241,120.5 241,53.95 187.05,0 120.5,0 Z"
+       id="path2"
+       inkscape:connector-curvature="0"
+       style="fill:#4d4d4d" />
+    <path
+       d="M 211,120.5 C 211,53.95 170.482,0 120.5,0 53.95,0 0,53.95 0,120.5 0,187.05 53.95,241 120.5,241 170.482,241 211,187.05 211,120.5 Z M 120.5,181 C 87.087,181 60,153.913 60,120.5 60,87.087 87.087,60 120.5,60 c 33.413,0 60.5,27.087 60.5,60.5 0,33.413 -27.087,60.5 -60.5,60.5 z"
+       id="path4"
+       inkscape:connector-curvature="0"
+       style="fill:#808080" />
+    <path
+       d="M 376.5,256 452,376.5 376.5,497 C 443.05,497 497,443.05 497,376.5 497,309.95 443.05,256 376.5,256 Z"
+       id="path6"
+       inkscape:connector-curvature="0"
+       style="fill:#4d4d4d" />
+    <path
+       d="M 467,376.5 C 467,309.95 426.482,256 376.5,256 309.95,256 256,309.95 256,376.5 256,443.05 309.95,497 376.5,497 426.482,497 467,443.05 467,376.5 Z M 376.5,437 c -33.413,0 -60.5,-27.087 -60.5,-60.5 0,-33.413 27.087,-60.5 60.5,-60.5 33.413,0 60.5,27.087 60.5,60.5 0,33.413 -27.087,60.5 -60.5,60.5 z"
+       id="path8"
+       inkscape:connector-curvature="0"
+       style="fill:#808080" />
+    <path
+       d="m 488.213,8.787 -31.82,10.607 -437,437 -10.607,31.82 c 11.716,11.716 30.711,11.716 42.426,0 l 437,-437 c 11.717,-11.716 11.717,-30.712 0.001,-42.427 z"
+       id="path10"
+       inkscape:connector-curvature="0"
+       style="fill:#4d4d4d" />
+    <path
+       d="m 445.787,8.787 -437,437 c -11.716,11.716 -11.716,30.711 0,42.426 L 488.213,8.787 c -11.716,-11.716 -30.71,-11.716 -42.426,0 z"
+       id="path12"
+       inkscape:connector-curvature="0"
+       style="fill:#808080" />
+  </g>
+</svg>
diff --git a/resources/icons/recycle.svg b/resources/icons/recycle.svg
new file mode 100644
index 0000000..dab7a18
--- /dev/null
+++ b/resources/icons/recycle.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512.009 512.009" style="enable-background:new 0 0 512.009 512.009;" xml:space="preserve">
+<g>
+	<path style="fill:#4CAF50;" d="M508.414,312.969c-2.362,6.03-6.085,11.433-10.88,15.787l-0.64,0.64
+		c-8.262,7.745-19.182,12.021-30.507,11.947h-61.013c-3.627-0.006-7.002-1.854-8.96-4.907l-10.24-16.427l-43.093-68.907
+		c-1.673-2.433-2.144-5.497-1.28-8.32c0.655-2.901,2.518-5.385,5.12-6.827l96-53.333c5.194-2.731,11.618-0.842,14.507,4.267
+		l49.493,88.32C513.102,286.922,513.651,300.804,508.414,312.969z"/>
+	<path style="fill:#4CAF50;" d="M278.654,87.262l-8.96,12.587l-47.573,66.347c-1.998,2.845-5.271,4.521-8.747,4.48
+		c-1.783-0.019-3.537-0.458-5.12-1.28l-117.333-64c-2.729-1.446-4.68-4.022-5.333-7.04c-0.674-3.056,0.028-6.254,1.92-8.747
+		l45.653-60.8c1.821-2.486,3.818-4.838,5.973-7.04c12.852-13.557,30.603-21.395,49.28-21.76c1-0.035,2.002,0.036,2.987,0.213
+		c22.82,0.688,43.958,12.168,56.96,30.933l30.293,43.947C281.19,78.759,281.19,83.606,278.654,87.262z"/>
+	<path style="fill:#4CAF50;" d="M209.96,295.902c-3.247,2.983-7.994,3.662-11.947,1.707l-33.28-16.64l-19.413,39.04l-7.68,15.36
+		c-1.84,3.621-5.538,5.922-9.6,5.973H45.694c-11.439,0.138-22.474-4.23-30.72-12.16l-0.427-0.427
+		c-4.913-4.509-8.774-10.044-11.307-16.213c-3.274-8.347-4.016-17.474-2.133-26.24c0.83-3.77,2.119-7.424,3.84-10.88l35.413-70.613
+		L3.24,167.475c-3.163-2.944-4.106-7.573-2.347-11.52c1.636-3.983,5.507-6.592,9.813-6.613h138.667
+		c4.306,0.021,8.177,2.63,9.813,6.613l53.333,128C214.176,288.088,213.164,292.811,209.96,295.902z"/>
+</g>
+<g>
+	<path style="fill:#388E3C;" d="M213.374,330.675v128c0,5.891-4.776,10.667-10.667,10.667h-51.84
+		c-24.483,0.057-47.407-12.004-61.227-32.213c-2.987-4.267-5.547-8.107-7.893-11.52l-0.853-0.853c0.213,0-4.053-5.973-8.107-11.947
+		c-1.92-2.56-3.413-5.12-4.907-7.04c-5.547-8.107-8.533-12.16-7.253-10.453c-1.067-1.707-2.133-2.987-2.56-3.84l-0.213-0.213
+		c-0.853-1.28-1.131-1.707-1.173-1.813l-0.32-0.32l-0.213-0.427c-14.933-21.547-28.8-41.6-41.173-59.52l-0.427-0.427
+		c-4.053-5.547-7.68-11.093-11.307-16.213c-3.274-8.347-4.016-17.474-2.133-26.24l28.8,27.52c4.217,4.099,9.907,6.329,15.787,6.187
+		h157.013C208.598,320.009,213.374,324.784,213.374,330.675z"/>
+	<path style="fill:#388E3C;" d="M447.187,57.395l-53.333,128c-1.636,3.983-5.507,6.592-9.813,6.613
+		c-0.647,0.035-1.296-0.037-1.92-0.213l-117.333-21.333c-4.475-0.915-7.94-4.465-8.747-8.96c-0.639-4.604,1.778-9.092,5.973-11.093
+		l31.573-15.787l-23.893-34.773l-38.827-56.747c-9.385-13.334-24.655-21.287-40.96-21.333h-50.773
+		c10.549-11.167,24.504-18.52,39.68-20.907l9.6-0.64h2.987l137.813-0.213c17.894-0.086,34.638,8.807,44.587,23.68l24.533,37.12
+		l34.347-17.067c3.952-1.955,8.7-1.277,11.947,1.707C447.836,48.537,448.849,53.264,447.187,57.395z"/>
+	<path style="fill:#388E3C;" d="M508.414,312.969l-10.027,14.507l-0.853,1.28l-0.64,0.64l-74.24,107.733
+		c-13.908,20.22-36.898,32.274-61.44,32.213h-19.84v32c-0.034,4.417-2.73,8.376-6.827,10.027c-1.237,0.42-2.534,0.636-3.84,0.64
+		c-3.039,0.022-5.931-1.306-7.893-3.627l-85.333-96c-3.385-3.674-3.654-9.243-0.64-13.227l85.333-117.333
+		c2.616-3.756,7.357-5.393,11.733-4.053c4.467,1.405,7.495,5.558,7.467,10.24v32h125.013c5.88,0.143,11.569-2.087,15.787-6.187
+		l28.8-27.52C512.94,295.239,512.044,304.569,508.414,312.969z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/icons/save.svg b/resources/icons/save.svg
new file mode 100644
index 0000000..201a642
--- /dev/null
+++ b/resources/icons/save.svg
@@ -0,0 +1,117 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="236.9375" y1="439.8375" x2="236.9375" y2="-81.9625" gradientTransform="matrix(1.0667 0 0 -1.0667 3.2667 557.5334)">
+	<stop  offset="0" style="stop-color:#B761C6"/>
+	<stop  offset="1" style="stop-color:#9C44B3"/>
+</linearGradient>
+<path style="fill:url(#SVGID_1_);" d="M376.821,0h-9.177L247.822,4.267L128.831,0H26.853C12.022,0,0,12.022,0,26.853v458.293
+	C0,499.978,12.022,512,26.853,512h458.293C499.978,512,512,499.978,512,485.147v-357c0-4.109-1.617-8.053-4.501-10.981
+	L402.748,10.851C395.907,3.909,386.569,0,376.821,0z"/>
+<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="375.3002" y1="318.1902" x2="126.2001" y2="567.2962" gradientTransform="matrix(1.0667 0 0 -1.0667 3.2667 557.5334)">
+	<stop  offset="1.000000e-004" style="stop-color:#AA53BC;stop-opacity:0"/>
+	<stop  offset="1" style="stop-color:#61479E"/>
+</linearGradient>
+<path style="fill:url(#SVGID_2_);" d="M142.985,154.55l354.453,354.453c8.642-4.462,14.562-13.46,14.562-23.857V128.831
+	L383.865,0.695C381.561,0.241,379.204,0,376.821,0h-247.99v127.285C128.831,138.56,134.434,148.505,142.985,154.55z"/>
+<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="236.937" y1="516.9765" x2="236.937" y2="371.3675" gradientTransform="matrix(1.0667 0 0 -1.0667 3.2667 557.5334)">
+	<stop  offset="0" style="stop-color:#FFFFFF"/>
+	<stop  offset="1" style="stop-color:#E8EFEE"/>
+</linearGradient>
+<path style="fill:url(#SVGID_3_);" d="M128.831,0v127.285c0,18.452,14.961,33.396,33.396,33.396h187.545
+	c18.435,0,33.396-14.944,33.396-33.396V0H128.831z M216.653,105.177c0,6.483-5.253,11.737-11.737,11.737h-25.284
+	c-6.483,0-11.737-5.253-11.737-11.737V79.892c0-6.483,5.253-11.737,11.737-11.737h25.284c6.483,0,11.737,5.253,11.737,11.737
+	V105.177z"/>
+<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="373.8694" y1="108.8776" x2="-4.4906" y2="49.4376" gradientTransform="matrix(1.0667 0 0 -1.0667 3.2667 557.5334)">
+	<stop  offset="1.000000e-004" style="stop-color:#AA53BC;stop-opacity:0"/>
+	<stop  offset="1" style="stop-color:#61479E"/>
+</linearGradient>
+<path style="fill:url(#SVGID_4_);" d="M0,420.572v64.575C0,499.978,12.022,512,26.853,512h458.293
+	C499.978,512,512,499.978,512,485.147v-64.575H0z"/>
+<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="421.3051" y1="-17.6148" x2="191.5751" y2="212.1152" gradientTransform="matrix(1.0667 0 0 -1.0667 3.2667 557.5334)">
+	<stop  offset="1.000000e-004" style="stop-color:#AA53BC;stop-opacity:0"/>
+	<stop  offset="1" style="stop-color:#61479E"/>
+</linearGradient>
+<path style="fill:url(#SVGID_5_);" d="M485.147,512C499.978,512,512,499.978,512,485.147V296.232l-54.307-54.307
+	c-6.042-8.57-15.998-14.183-27.28-14.183H81.587c-18.435,0-33.38,14.945-33.38,33.38V512h8.084H485.147z"/>
+<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="236.938" y1="299.0775" x2="236.938" y2="41.4875" gradientTransform="matrix(1.0667 0 0 -1.0667 3.2667 557.5334)">
+	<stop  offset="0" style="stop-color:#FFFFFF"/>
+	<stop  offset="1" style="stop-color:#E8EFEE"/>
+</linearGradient>
+<path style="fill:url(#SVGID_6_);" d="M463.792,512H48.208V261.12c0-18.435,14.945-33.38,33.38-33.38h348.825
+	c18.435,0,33.38,14.945,33.38,33.38V512H463.792z"/>
+<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="236.9425" y1="76.9775" x2="236.9425" y2="30.9975" gradientTransform="matrix(1.0667 0 0 -1.0667 3.2667 557.5334)">
+	<stop  offset="0" style="stop-color:#C2CECE;stop-opacity:0"/>
+	<stop  offset="0.179" style="stop-color:#AFBCBC;stop-opacity:0.179"/>
+	<stop  offset="1" style="stop-color:#5B6A6A"/>
+</linearGradient>
+<rect x="48.213" y="420.576" style="fill:url(#SVGID_7_);" width="415.584" height="91.424"/>
+<g>
+	
+		<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="236.937" y1="288.3975" x2="236.937" y2="24.4975" gradientTransform="matrix(1.0667 0 0 -1.0667 3.2667 557.5334)">
+		<stop  offset="0" style="stop-color:#FFCF95"/>
+		<stop  offset="0.427" style="stop-color:#FFC954"/>
+		<stop  offset="1" style="stop-color:#FFC200"/>
+	</linearGradient>
+	<path style="fill:url(#SVGID_8_);" d="M397.281,300.708H114.719c-5.517,0-9.989-4.473-9.989-9.989v-0.865
+		c0-5.517,4.473-9.989,9.989-9.989H397.28c5.517,0,9.989,4.473,9.989,9.989v0.865C407.269,296.237,402.798,300.708,397.281,300.708z
+		"/>
+	
+		<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="236.937" y1="288.3975" x2="236.937" y2="24.4975" gradientTransform="matrix(1.0667 0 0 -1.0667 3.2667 557.5334)">
+		<stop  offset="0" style="stop-color:#FFCF95"/>
+		<stop  offset="0.427" style="stop-color:#FFC954"/>
+		<stop  offset="1" style="stop-color:#FFC200"/>
+	</linearGradient>
+	<path style="fill:url(#SVGID_9_);" d="M397.281,380.291H114.719c-5.517,0-9.989-4.473-9.989-9.989v-0.865
+		c0-5.517,4.473-9.989,9.989-9.989H397.28c5.517,0,9.989,4.473,9.989,9.989v0.865C407.269,375.82,402.798,380.291,397.281,380.291z"
+		/>
+	
+		<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="207.178" y1="288.3975" x2="207.178" y2="24.4975" gradientTransform="matrix(1.0667 0 0 -1.0667 3.2667 557.5334)">
+		<stop  offset="0" style="stop-color:#FFCF95"/>
+		<stop  offset="0.427" style="stop-color:#FFC954"/>
+		<stop  offset="1" style="stop-color:#FFC200"/>
+	</linearGradient>
+	<path style="fill:url(#SVGID_10_);" d="M333.794,459.875H114.719c-5.517,0-9.989-4.473-9.989-9.989v-0.865
+		c0-5.517,4.473-9.989,9.989-9.989h219.075c5.517,0,9.989,4.473,9.989,9.989v0.865C343.783,455.403,339.311,459.875,333.794,459.875
+		z"/>
+</g>
+<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="236.937" y1="400.3475" x2="236.937" y2="351.2575" gradientTransform="matrix(1.0667 0 0 -1.0667 3.2667 557.5334)">
+	<stop  offset="0" style="stop-color:#C2CECE;stop-opacity:0"/>
+	<stop  offset="0.179" style="stop-color:#AFBCBC;stop-opacity:0.179"/>
+	<stop  offset="1" style="stop-color:#5B6A6A"/>
+</linearGradient>
+<path style="fill:url(#SVGID_11_);" d="M208.464,116.364c-1.12,0.355-2.31,0.548-3.548,0.548h-25.284
+	c-1.237,0-2.429-0.194-3.548-0.548h-47.253v10.922c0,18.452,14.961,33.396,33.396,33.396h187.545
+	c18.435,0,33.396-14.944,33.396-33.396v-10.922C383.168,116.364,208.464,116.364,208.464,116.364z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/icons/saw.svg b/resources/icons/saw.svg
new file mode 100644
index 0000000..68700c1
--- /dev/null
+++ b/resources/icons/saw.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="Layer_1"
+   height="512"
+   viewBox="0 0 512 512"
+   width="512"
+   data-name="Layer 1"
+   version="1.1"
+   sodipodi:docname="saw.svg"
+   inkscape:version="0.92.1 r15371">
+  <metadata
+     id="metadata13">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs11" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="802"
+     inkscape:window-height="480"
+     id="namedview9"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="28.20339"
+     inkscape:cy="256"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Layer_1" />
+  <path
+     d="m478.593 66.858-76.488-35.958-224.74 199.933a38.614 38.614 0 0 1 17.775 10.167q.15.15.288.314c2.868 3.4 28.165 33.606 32.992 45.493 9.23 22.727 13.116 84.087 14.131 103.344l16.762-3.14-2.013-23.571a5 5 0 0 1 4.738-5.419l19.306-.943-1.954-22.909a5 5 0 0 1 1.43-3.943 5.2 5.2 0 0 1 3.23-1.52l18.849-1.417-1.964-23.042a5 5 0 0 1 1.446-3.961 5.186 5.186 0 0 1 3.344-1.511l19.306-.943-1.954-22.91a5 5 0 0 1 1.463-3.976 5.191 5.191 0 0 1 3.328-1.5l19.305-.944-1.95-22.902a5 5 0 0 1 1.446-3.96 5.2 5.2 0 0 1 3.214-1.5l18.849-1.417-1.965-23.042a5 5 0 0 1 1.446-3.961 5.188 5.188 0 0 1 3.345-1.511l19.305-.944-1.953-22.908a5 5 0 0 1 1.43-3.944 5.191 5.191 0 0 1 3.361-1.529l19.3-.943-1.953-22.909a5 5 0 0 1 1.43-3.944 5.19 5.19 0 0 1 3.36-1.528l19.306-.943-1.944-22.917a5 5 0 0 1 1.43-3.944 5.19 5.19 0 0 1 3.36-1.528l19.306-.943-1.954-22.909a5 5 0 0 1 1.431-3.944 5.185 5.185 0 0 1 3.36-1.528l19.4-.949-1.5-22.445a4.95 4.95 0 0 1 .516-2.523c.011-.04.022-.087.044-.129z"
+     id="path4" />
+  <path
+     d="m60.908 365.92c8.845-2.482 17.385-4.879 24.548-4.879 4.319 0 8.136.871 11.219 3.12 5.591 4.078 7.346 13.158 9.377 23.673 1.4 7.252 2.849 14.75 5.514 20.11 5.654 11.37 12.746 16.369 19 20.781 4.4 3.1 8.547 6.025 11.311 10.563 3.226 5.3 3.277 14.176 3.326 22.765.024 4.387.063 11.018.9 12.6 1.506 2.523 11.01 5.307 19.439 6.444l59.258-59.265a28.938 28.938 0 0 0 8.1-24.932 5.209 5.209 0 0 1 -.058-.571c-.034-.806-3.556-80.825-13.685-105.765-3.561-8.768-23.611-33.584-31.233-42.643a28.655 28.655 0 0 0 -20.256-8.308h-.072a28.652 28.652 0 0 0 -20.426 8.549c-16.093 16.25-34.328 35.821-47.643 50.111-15.934 17.1-17.039 18.2-18.342 18.937-29.012 16.346-44.047 43.144-48.711 52.734 6.062 2.256 17.852-1.054 28.434-4.024zm63.056-49.645a25.926 25.926 0 0 1 7.179-13.611 20.282 20.282 0 0 1 18.231-6.019c18.379 3.012 36.454 28.385 42.381 40.284 9.507 17.652 18.321 58.522 4.243 72.6a23.927 23.927 0 0 1 -22.883 6.428 24.547 24.547 0 0 1 -17.6-16.846c-.927-3.027-1.77-6.329-2.663-9.825-2.1-8.238-4.489-17.576-8.951-27.347a151.974 151.974 0 0 0 -12.342-21.152c-2.019-3.042-3.925-5.916-5.566-8.7-1.404-2.387-3.416-8.406-2.029-15.812z"
+     id="path6" />
+</svg>
diff --git a/resources/icons/scissor.svg b/resources/icons/scissor.svg
new file mode 100644
index 0000000..67b501c
--- /dev/null
+++ b/resources/icons/scissor.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" enable-background="new 0 0 70 70" height="512" viewBox="0 0 70 70" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m49.7319336 61.1767578c1.0776367.784668 2.347168 1.1958008 3.6523438 1.1958008.3242188 0 .6508789-.0253906.9770508-.0766602 3.3901367-.5332031 5.7143555-3.7250977 5.1816406-7.1152344-.5332031-3.390625-3.7314453-5.715332-7.1152344-5.1816406-1.6401367.2578125-3.0830078 1.140625-4.0625 2.4858398s-1.3769531 2.9892578-1.1191406 4.6293945 1.140625 3.0830079 2.4858398 4.0625001zm3.0063476-9.2021484c.2211914-.034668.440918-.0517578.6582031-.0517578 2.0424805 0 3.84375 1.4892578 4.1708984 3.5683594.3613281 2.3007812-1.2158203 4.4667969-3.5166016 4.8291016-2.3027344.359375-4.4677734-1.2163086-4.8291016-3.5166016-.3618162-2.3012696 1.2158205-4.4672852 3.5166017-4.8291016z"/><path d="m4.9091797 54.3115234c-1.0131836 6.4536133 3.4067383 12.5292969 9.8535156 13.5439453.6054688.0952148 1.2104492.1416016 1.8125.1416016 4.2026367 0 8.2006836-2.2661133 10.3383789-6.0214844l8.0840454-15.5198975 7.7924194 14.9471436.3193359.6147461c2.1176758 3.7158203 6.1098633 5.9741211 10.3105469 5.9741211.6020508 0 1.2089844-.0463867 1.8144531-.1416016 6.4487305-1.0141602 10.8701172-7.0859375 9.8564453-13.534668-1.0141602-6.4482422-7.0878906-10.8696289-13.5341797-9.8564453-2.1723633.3417969-4.1538086 1.2548828-5.8017578 2.6630859l-5.5424194-10.652832 12.4296265-23.8540039c1.6020508-3.0805664.7900391-6.8647461-1.9262695-8.9936523l-1.7666016-1.4013672c-.2333984-.1855469-.5395508-.2553711-.8300781-.1948242-.2919922.0625-.5410156.2519531-.6787109.5166016l-12.4388428 23.9117432-12.4425049-23.9151612c-.1381836-.2651367-.387207-.4545898-.6796875-.5166016-.2905273-.0610352-.5966797.0097656-.8305664.1958008l-1.7573242 1.3999023c-2.7265625 2.1298828-3.5415039 5.9125977-1.9375 8.9946289l12.4343262 23.8510742-5.545166 10.6635742c-1.6518555-1.4013672-3.6689453-2.3354492-5.8017578-2.6689453-6.4501954-1.0151366-12.5170899 3.4052735-13.5322266 9.8535157zm41.3071289-4.8642578c1.5102539-1.6264648 3.4643555-2.668457 5.6508789-3.0126953 5.3583984-.8398438 10.4047852 2.8325195 11.2480469 8.1914062.8422852 5.359375-2.8325195 10.4057617-8.1914062 11.2485352-4.0151367.6298828-8.0649414-1.3168945-10.0581055-4.8120117l-5.9800415-11.4718628 4.4866333-2.7144775 1.223877 2.352356c.1503906.2885742.4311523.4858398.753418.5297852.3193358.0400389.6450194-.0722657.8666991-.3110353zm2.4394531-44.9072265.8212891.6518555c1.9638672 1.5395508 2.5488281 4.2734375 1.3911133 6.5l-11.7822876 22.6119994-2.9569702-5.6834106zm-28.1254883.6479492.8149414-.6494141 21.1022339 40.5599365-4.4879761 2.715271-18.831543-36.1257935c-1.1591796-2.2260741-.5722655-4.9575194 1.4023438-6.4999999zm13.3392334 39.1037597-1.8345337 3.5195923-4.4840088-2.7128906 3.3656006-6.4709473zm-15.7376709 2.1418458c2.1782227.3408203 4.1328125 1.3833008 5.6518555 3.0151367.2211914.2373047.5405273.3496094.8662109.3095703.3217773-.0439453.6020508-.2407227.7524414-.5288086l1.223938-2.3532715 4.4824829 2.7119751-5.6820068 10.901062-.2729492.5366211c-2.0126953 3.534668-6.0585938 5.4848633-10.0805664 4.8540039-5.3574219-.8432617-9.0307617-5.8935547-8.1884766-11.2578125.8432617-5.3579101 5.8867188-9.0336914 11.2470703-8.1884765z"/><path d="m15.637207 62.2958984c.3261719.0512695.6499023.0761719.9702148.0761719 3.0087891 0 5.6630859-2.1938477 6.1450195-5.2578125.5332031-3.390625-1.7915039-6.5825195-5.1816406-7.1152344-3.3925781-.5351562-6.5830078 1.7915039-7.1152344 5.1816406-.5336913 3.3896485 1.7910157 6.5820313 5.1816407 7.1152344zm-3.2060547-6.8046875c.3618164-2.3007812 2.5288086-3.8774414 4.8291016-3.5166016 2.3007812.3618164 3.878418 2.527832 3.5166016 4.8291016-.3618164 2.3007812-2.5263672 3.8793945-4.8291016 3.5166016-2.3007812-.3623047-3.878418-2.5283203-3.5166016-4.8291016z"/><path d="m35.7099609 35.8598633c-.3803711-.3798828-1.050293-.3798828-1.4199219 0-.1801757.1801758-.290039.4399414-.290039.7001953 0 .2695312.1098633.5195312.2900391.7099609.1899414.1899414.449707.2900391.7099609.2900391.2597656 0 .5200195-.1000977.7099609-.2900391.0400391-.050293.0800781-.1000977.1196289-.1503906.0400391-.0595703.0703125-.1196289.0903321-.1796875.0297852-.0600586.0498047-.1201172.0600586-.1801758.0097656-.0698242.0200195-.1298828.0200195-.199707 0-.2602539-.1103516-.5200195-.2900391-.7001953z"/></svg>
\ No newline at end of file
diff --git a/resources/icons/scissors(1).svg b/resources/icons/scissors(1).svg
new file mode 100644
index 0000000..d90200b
--- /dev/null
+++ b/resources/icons/scissors(1).svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 511.781 511.781" style="enable-background:new 0 0 511.781 511.781;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M224.731,306.012c-1.646,0.366-3.291,0.731-4.846,1.189c-17.097,75.794-37.394,171.886-44.251,204.434
+				c18.743-2.103,56.777-13.257,69.851-69.851c6.809-35.076,11.844-70.474,15.086-106.057c1.188-10.789,2.377-21.76,3.749-32.731
+				c-6.913,4.041-14.759,6.215-22.766,6.308C235.786,309.308,230.073,308.19,224.731,306.012z"/>
+			<path d="M198.766,248.686c-7.314,0.823-14.629,1.646-21.76,2.469c-35.922,3.198-71.656,8.233-107.063,15.086
+				C12.983,279.406,1.92,317.44,0,336.092c32.64-6.857,129.646-27.429,205.806-44.526
+				C196.299,279.409,193.645,263.245,198.766,248.686z"/>
+			<path d="M311.497,129.098c27.699-30.453,26.613-77.288-2.469-106.423c-30.187-30.077-79.026-30.033-109.158,0.099
+				c-30.132,30.132-30.176,78.971-0.099,109.158c8.889,8.935,19.851,15.531,31.909,19.2c1.541,0.44,2.933,1.294,4.023,2.469
+				c7.314,7.68,18.011,25.143,8.046,55.131c-0.731,2.286-1.646,5.486-2.834,9.6c6.547-0.065,13.032,1.275,19.017,3.931
+				c5.577-0.823,11.063-1.737,16.457-2.651c8.777-44.8,19.657-73.417,34.194-89.234
+				C310.857,130.012,311.131,129.555,311.497,129.098z M293.029,115.84c-15.609,15.628-39.098,20.311-59.507,11.864
+				c-20.409-8.447-33.718-28.359-33.718-50.447s13.309-42,33.718-50.447c20.409-8.447,43.897-3.764,59.507,11.864
+				c10.303,10.195,16.1,24.088,16.1,38.583S303.331,105.645,293.029,115.84z"/>
+			<path d="M489.051,202.697c-29.171-29.082-76.027-30.168-106.514-2.469c-0.388,0.356-0.818,0.663-1.28,0.914
+				c-16.366,15.177-46.72,26.423-95.086,35.291c0,0.024-0.009,0.048-0.026,0.065c-0.017,0.017-0.041,0.027-0.065,0.026h-0.274
+				c-2.286,0.457-4.754,0.823-7.131,1.189c7.169,10.162,9.847,22.823,7.406,35.017c9.326-2.469,14.263-3.931,16.823-4.754
+				c30.08-9.966,47.543,0.731,55.223,8.046c1.175,1.09,2.029,2.481,2.469,4.023c3.669,12.058,10.265,23.02,19.2,31.909
+				c19.505,19.576,47.981,27.243,74.678,20.107c26.697-7.136,47.55-27.989,54.686-54.686
+				C516.295,250.678,508.628,222.203,489.051,202.697z M473.051,295.955c-21.334,21.333-55.923,21.333-77.257,0
+				c-15.624-15.624-20.298-39.121-11.842-59.534c8.456-20.414,28.375-33.723,50.471-33.723c22.095,0,42.015,13.31,50.471,33.723
+				S488.675,280.331,473.051,295.955z"/>
+			<path d="M241.554,236.526c-3.384,0-6.737,0.652-9.874,1.92c-0.21,0.073-0.423,0.134-0.64,0.183
+				c-3.272,1.373-6.251,3.359-8.777,5.851c-7.807,7.788-10.15,19.514-5.936,29.704c4.214,10.19,14.154,16.836,25.182,16.836
+				c11.027,0,20.968-6.646,25.182-16.836c4.214-10.19,1.871-21.916-5.936-29.704C255.668,239.38,248.758,236.517,241.554,236.526z"
+				/>
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/icons/scissors.svg b/resources/icons/scissors.svg
new file mode 100644
index 0000000..0d6607a
--- /dev/null
+++ b/resources/icons/scissors.svg
@@ -0,0 +1 @@
+<svg id="Layer_1_1_" enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m43 48c-.442 0-.872.046-1.291.124l-6.129-13.652 8.42-29.472-1-3-11 24.5-11-24.5-1 3 8.421 29.472-6.129 13.652c-.42-.078-.85-.124-1.292-.124-3.866 0-7 3.134-7 7s3.134 7 7 7 7-3.134 7-7c0-2.373-1.184-4.467-2.99-5.733l3.094-5.745c.841-1.561 2.254-2.69 3.896-3.205 1.643.515 3.056 1.643 3.896 3.205l3.094 5.745c-1.806 1.266-2.99 3.36-2.99 5.733 0 3.866 3.134 7 7 7s7-3.134 7-7-3.134-7-7-7zm-22 11c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4zm12-24v2h-2v-2zm10 24c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z"/></g></svg>
\ No newline at end of file
diff --git a/resources/icons/tag.svg b/resources/icons/tag.svg
new file mode 100644
index 0000000..1d416c6
--- /dev/null
+++ b/resources/icons/tag.svg
@@ -0,0 +1 @@
+<svg height="512pt" viewBox="0 0 512.0015 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m456.882812 0h-194.308593c-3.976563 0-7.792969 1.582031-10.605469 4.394531l-235.855469 235.847657c-21.484375 21.492187-21.484375 56.457031 0 77.941406l177.699219 177.695312c10.375 10.375 24.214844 16.089844 38.964844 16.09375h.003906c14.753906 0 28.59375-5.71875 38.972656-16.097656l235.847656-235.851562c2.8125-2.8125 4.394532-6.628907 4.394532-10.605469l.003906-194.308594c-.003906-30.386719-24.730469-55.109375-55.117188-55.109375zm25.113282 243.207031-231.457032 231.457031c-4.710937 4.714844-11.019531 7.308594-17.757812 7.308594-6.742188 0-13.046875-2.59375-17.757812-7.304687l-177.699219-177.695313c-9.789063-9.789062-9.789063-25.726562 0-35.519531l231.460937-231.453125h188.097656c13.847657 0 25.117188 11.265625 25.117188 25.113281zm0 0"/><path d="m379.785156 85.078125c-12.589844 0-24.425781 4.90625-33.328125 13.808594-8.902343 8.898437-13.804687 20.734375-13.804687 33.324219 0 12.589843 4.902344 24.425781 13.804687 33.328124 8.902344 8.902344 20.738281 13.804688 33.328125 13.804688 12.585938 0 24.421875-4.902344 33.324219-13.804688 8.902344-8.902343 13.804687-20.738281 13.804687-33.328124 0-12.589844-4.902343-24.425782-13.800781-33.324219-8.902343-8.902344-20.738281-13.808594-33.328125-13.808594zm12.113282 59.246094c-3.234376 3.238281-7.539063 5.019531-12.113282 5.019531-4.578125 0-8.878906-1.78125-12.113281-5.019531-3.238281-3.234375-5.019531-7.539063-5.019531-12.113281 0-4.574219 1.78125-8.878907 5.019531-12.113282 3.234375-3.238281 7.539063-5.019531 12.113281-5.019531 4.574219 0 8.875 1.78125 12.113282 5.019531 3.238281 3.234375 5.019531 7.539063 5.019531 12.113282 0 4.574218-1.785157 8.878906-5.019531 12.113281zm0 0"/></svg>
\ No newline at end of file
diff --git a/resources/icons/tick.svg b/resources/icons/tick.svg
new file mode 100644
index 0000000..f1fa710
--- /dev/null
+++ b/resources/icons/tick.svg
@@ -0,0 +1 @@
+<svg height="509pt" viewBox="0 -36 509.248 509" width="509pt" xmlns="http://www.w3.org/2000/svg"><path d="m171.902344 438.074219-171.902344-171.902344 100.625-100.609375 71.277344 71.296875 236.722656-236.734375 100.621094 100.621094zm0 0" fill="#addb31"/></svg>
\ No newline at end of file
diff --git a/resources/icons/wrench(1).svg b/resources/icons/wrench(1).svg
new file mode 100644
index 0000000..348fdf9
--- /dev/null
+++ b/resources/icons/wrench(1).svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 483.391 483.391" style="enable-background:new 0 0 483.391 483.391;" xml:space="preserve">
+<g>
+	<path d="M91.466,1.163c-5.2,0.8-7.3,7.1-3.6,10.8l32.5,32.5c15.4,15.4,15.4,40.4,0,55.9l-20,20c-15.4,15.4-40.4,15.4-55.9,0
+		l-32.5-32.5c-3.7-3.7-10-1.6-10.8,3.6c-4.8,32.5,5.2,66.8,30.3,91.8c24.5,24.5,58,34.7,90,30.5c14.1-1.9,28.2,2.9,38.2,12.9
+		l242.9,242.9c18.5,18.5,48.4,18.4,66.9-0.1s18.6-48.5,0.1-66.9l-242.9-243c-10-10-14.8-24.1-12.9-38.2c4.2-31.9-6-65.4-30.5-90
+		C158.166,6.463,123.866-3.637,91.466,1.163z M441.566,422.063c5.4,5.4,5.4,14.1,0,19.5s-14.1,5.4-19.5,0l-247.8-247.8
+		c-5.4-5.4-5.4-14.1,0-19.5s14.1-5.4,19.5,0L441.566,422.063z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/icons/wrench(2).svg b/resources/icons/wrench(2).svg
new file mode 100644
index 0000000..311d3ec
--- /dev/null
+++ b/resources/icons/wrench(2).svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512.021 512.021" style="enable-background:new 0 0 512.021 512.021;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M404.715,298.677c-17.365,0-32.683-5.76-43.136-16.213L231.04,151.925c-11.904-11.904-18.368-27.008-17.771-41.451
+			c1.173-26.304-9.835-51.456-33.664-76.864c-20.032-21.355-46.677-33.6-74.197-33.6c-0.021,0-0.021,0-0.021,0
+			C81.664,0.309,59.072,8.608,40,23.968c-2.731,2.197-4.181,5.568-3.947,9.045c0.235,3.477,2.155,6.613,5.163,8.405l65.195,39.104
+			c-1.941,19.605-13.525,36.821-31.253,45.973L16.768,91.488c-3.243-1.963-7.723-1.792-11.029,0
+			c-3.221,1.771-5.333,5.056-5.547,8.747c-1.749,29.739,8.491,58.005,28.864,79.595c20.096,21.291,48.384,33.515,77.632,33.515
+			c7.723,0,15.744-1.045,24.384-3.221l149.867,149.909c11.968,11.947,18.453,27.093,17.899,43.349
+			c-0.064,0.512-0.043,2.645-0.043,3.136c0.064,4.8,0.491,9.707,1.387,14.251c7.467,50.837,50.816,89.451,103.296,91.029
+			c0.661,0.128,1.408,0.213,2.069,0.213h0.021c5.973,0,12.224-0.64,19.115-1.92c1.92-0.363,3.755-0.832,7.104-1.749
+			c3.605-0.939,7.125-1.984,10.56-3.264c2.901-1.088,5.717-2.24,8.491-3.563c2.517-1.195,4.885-2.56,7.317-3.947
+			c33.216-19.093,53.867-54.421,53.867-92.224C512.021,346.528,464.171,298.677,404.715,298.677z M429.995,448.011h-49.259
+			l-24.64-42.667l24.64-42.667h49.259l24.64,42.667L429.995,448.011z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/icons/wrench.svg b/resources/icons/wrench.svg
new file mode 100644
index 0000000..d6b59d4
--- /dev/null
+++ b/resources/icons/wrench.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" enable-background="new 0 0 512.042 512.042" height="512" viewBox="0 0 512.042 512.042" width="512" xmlns="http://www.w3.org/2000/svg"><g><g clip-rule="evenodd" fill-rule="evenodd"><path d="m409.04 143.692 61.313 61.314c28.107-33.162 34.638-78.366 19.586-117.122-3.446-8.873-14.217-10.874-21.012-4.079-19.961 19.962-39.924 39.925-59.887 59.887z" fill="#dad0d3"/><path d="m470.354 205.006-61.314-61.314-39.932-39.932c21.081-21.081 42.163-42.164 63.244-63.245 7.176-7.175 5.063-18.55-4.307-22.19-43.944-17.067-95.742-7.864-131.217 27.611-18.736 18.736-30.142 42.026-34.223 66.306-6.868 32.109-12.838 81.946-40.514 109.622l-192.955 192.957c-19.877 19.877-19.877 52.403 0 72.28s52.403 19.877 72.28 0l192.957-192.957c27.676-27.676 77.513-33.646 109.622-40.514 24.281-4.08 47.57-15.487 66.306-34.223 4.077-4.076 4.426-10.029.053-14.401zm-89.599-33.028-28.284 28.284-39.932-39.933 28.284-28.284z" fill="#f5eeec"/><path d="m326.647 137.917h40v56.473h-40z" fill="#6d91ac" transform="matrix(.707 -.707 .707 .707 -15.959 293.78)"/></g><g><path d="m499.261 84.264c-2.809-7.233-8.899-12.48-16.291-14.036-7.555-1.595-15.448.841-21.112 6.506l-52.817 52.816-25.79-25.79 56.174-56.174c5.848-5.848 8.358-13.992 6.718-21.786-1.604-7.62-7.017-13.898-14.477-16.795-49.024-19.044-104.726-7.321-141.908 29.86-19.577 19.577-32.359 44.296-36.976 71.5-.987 4.627-1.943 9.541-2.954 14.738-5.906 30.358-13.256 68.14-34.807 89.689l-192.957 192.958c-23.826 23.826-23.826 62.596 0 86.423 11.914 11.913 27.563 17.869 43.212 17.869 15.648 0 31.298-5.956 43.211-17.869l192.956-192.957c21.551-21.551 59.332-28.9 89.69-34.807 5.198-1.011 10.111-1.967 14.739-2.954 27.204-4.617 51.923-17.399 71.5-36.976 5.776-5.777 7.448-13.618 5.056-20.589 26.215-34.726 32.74-80.67 16.833-121.626zm-23.261 6.611c.881-.88 1.92-1.274 2.851-1.076.799.168 1.393.742 1.768 1.705 12.785 32.919 8.366 69.667-11.27 98.354l-46.166-46.166zm-12.771 121.463c-16.67 16.67-37.727 27.538-60.893 31.432-.146.024-.29.052-.435.083-4.508.964-9.404 1.916-14.588 2.925-33.031 6.426-74.141 14.423-100.014 40.296l-192.954 192.956c-16.027 16.029-42.108 16.028-58.138-.001-16.028-16.028-16.028-42.108 0-58.137l192.957-192.957c25.873-25.872 33.87-66.981 40.296-100.013 1.009-5.184 1.961-10.08 2.925-14.588.031-.145.059-.289.084-.436 3.891-23.164 14.76-44.221 31.432-60.892 21.53-21.531 50.367-33.007 79.74-33.007 13.707 0 27.536 2.501 40.785 7.647 1.205.468 1.927 1.232 2.146 2.271.247 1.173-.223 2.458-1.289 3.523l-63.245 63.245c-3.905 3.905-3.905 10.237 0 14.143l101.246 101.246c.036.035.067.068.094.099-.039.051-.088.104-.149.165z"/><path d="m347.893 124.974c-1.876-1.875-4.419-2.929-7.071-2.929s-5.196 1.054-7.071 2.929l-28.283 28.284c-3.905 3.905-3.905 10.237 0 14.143l39.932 39.933c1.875 1.875 4.419 2.929 7.071 2.929s5.196-1.054 7.071-2.929l28.284-28.284c3.905-3.905 3.905-10.237 0-14.143zm4.577 61.145-25.79-25.79 14.142-14.142 25.79 25.79z"/><path d="m72.345 443.888c-3.906-3.906-10.235-3.901-14.14.003-3.905 3.905-3.903 10.239.002 14.145 1.953 1.952 4.512 2.929 7.071 2.929s5.118-.977 7.071-2.929c3.905-3.905 3.905-10.237 0-14.143z"/><path d="m251.164 250.937-161.137 161.136c-3.905 3.905-3.905 10.237 0 14.143 1.953 1.952 4.512 2.929 7.071 2.929s5.118-.977 7.071-2.929l161.137-161.137c3.905-3.905 3.905-10.237 0-14.143-3.906-3.904-10.236-3.904-14.142.001z"/></g></g></svg>
\ No newline at end of file
diff --git a/resources/styles/RibbonStyle.qss b/resources/styles/RibbonStyle.qss
new file mode 100644
index 0000000..97365e2
--- /dev/null
+++ b/resources/styles/RibbonStyle.qss
@@ -0,0 +1,143 @@
+
+/*通用Widget*/
+
+QWidget#RobbonWidget
+{
+	background-color    : rgba(241, 241, 241, 255);
+} 
+
+/*主界面*/
+QWidget#RibbonMainWindow
+{
+	border : on;
+	background-color    : rgba(220,220,220,255);
+	border-color : red;
+	
+}
+
+QWidget#QsfWorkWindow
+{
+	background-color    : rgba(230, 230, 230, 255);
+} 
+
+/*标题栏*/
+QWidget#RibbonTitleBar
+{
+	/*这是windows经典红色*/
+	background-color    : rgba(43,87,154,255);  
+}
+QToolBar#RibbonQuickAccessToolBar
+{
+	background-color    : rgba(43,87,154,255);
+}
+QToolBar#RibbonQuickAccessToolBar>QToolButton:hover
+{
+	background-color    : rgba(50,150,255,255);
+}
+QToolBar#RibbonQuickAccessToolBar>QToolButton:!hover
+{
+	background-color    : rgba(43,87,154,255);
+}
+
+/*菜单栏-主菜单*/
+QWidget#RibbonMenuBar
+{
+	background-color : rgba(43,87,154,255);
+}
+
+QTabBar#RibbonMenuTabBar
+{
+	height: 32px;
+	background-color    : rgba(43,87,154,255);
+}
+QTabBar#RibbonMenuTabBar::tab:selected{ height: 32px; background-color: rgba(241,241,241,255); color : darkBlue; }
+QTabBar#RibbonMenuTabBar::tab:!selected{ height: 32px; background-color: rgba(43,87,154,255); color: white;}
+QTabBar#RibbonMenuTabBar::tab:hover{ height: 32px; background-color: rgba(230,230,230,255); color : darkBlue; }
+/*菜单栏-扩展菜单*/
+QWidget#RibbonExtentedMenuTabBar
+{
+	background-color : rgba(43,87,154,255);
+}
+
+QTabBar#RibbonExtentedMenuTabBar
+{
+	height: 32px;
+	background-color    : rgba(43,87,154,255);
+}
+QTabBar#RibbonExtentedMenuTabBar::tab:selected{ height: 32px; background-color: rgba(241,241,241,255); color : darkBlue; }
+QTabBar#RibbonExtentedMenuTabBar::tab:!selected{ minx-width:1px;  height: 32px; background-color: rgba(43,87,154,255); color: white;}
+QTabBar#RibbonExtentedMenuTabBar::tab:hover{ height: 32px; background-color: rgba(230,230,230,255); color : darkBlue; }
+
+/*菜单栏-工具栏区的StackeWidget*/
+QStackedWidget#RibbonMenuStackeWidget
+{
+	background-color    : rgba(241, 241, 21, 255);
+}
+
+ 
+QWidget#RibbonGroupWidget
+{
+	background-color    : rgba(241, 241, 241, 255);
+}    
+
+QPushButton#RibbonToolButton
+{
+	background-color  : rgba(230, 230, 0, 0); /*背景为透明*/
+	border-color : rgba(0,0,0,0);
+}
+QPushButton#RibbonToolButton:hover
+{
+	/*border-radius: 3px;*/
+	border : off;
+	background-color  : rgba(220, 220, 220, 255);
+}
+QPushButton#RibbonToolButton:pressed
+{	border : off;
+	background-color  : rgba(210, 210, 210, 255);
+}
+QPushButton#RibbonToolButton:checked
+{	border : off;
+	background-color  : rgba(240, 240, 240, 255);
+}
+
+QPushButton
+{
+	background-color  : rgba(230, 230, 230, 255);
+	border-color : off; /*rgba(0,0,0,0);*/
+}
+QPushButton:hover
+{
+	/*border-radius: 3px;*/
+	border : off;
+	background-color  : rgba(220, 220, 220, 255);
+}
+QPushButton:pressed
+{	border : off;
+	background-color  : rgba(210, 210, 210, 255);
+}
+QPushButton:checked
+{	border : off;
+	background-color  : rgba(220, 220, 240, 255);
+}
+
+
+
+
+QDockWidget>QWidget
+{
+	background-color  : rgba(250, 250, 250, 255);
+	/*background-color : qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgba(200, 240, 255, 200), stop:1 rgba(255, 255, 255, 255));*/
+}
+QDockWidget::title 
+{
+	text-align: left;/* align the text to the left */
+	background: rgba(241, 241, 241, 255);
+	padding-left:5px;
+}
+QStatusBar#QsfStatuBar
+{
+	/*color: white;
+	background-color  : rgba(43,87,154,255);*/
+	background-color  : rgba(241, 241, 241, 255);
+}
+
diff --git a/resources/styles/ribbon_blue.qss b/resources/styles/ribbon_blue.qss
new file mode 100644
index 0000000..6cde1e2
--- /dev/null
+++ b/resources/styles/ribbon_blue.qss
@@ -0,0 +1,119 @@
+
+/*通用Widget*/
+QWidget#RobbonWidget
+{
+	background-color    : rgba(241, 241, 241, 255);
+} 
+
+/*主界面*/
+QWidget#RibbonMainWindow
+{
+	border : on;
+        background-color    : rgba(220,220,220,255);
+	border-color : red;
+	
+}
+
+/*标题栏*/
+QWidget#RibbonTitleBar
+{
+	/*这是windows经典蓝色*/
+	background-color    : rgba(60,136,193,255);  
+}
+QToolBar#RibbonQuickAccessToolBar
+{
+	background-color    : rgba(60,136,193,255);
+}
+
+
+/*        border-color : rgba(0,0,0,0);
+}
+
+QPushButton:hover
+{
+        border-radius: 3px;
+        border : off;
+*/
+
+QToolBar#RibbonQuickAccessToolBar>QToolButton
+{
+        border : off;
+        background-color    : rgba(50,150,255,255);
+}
+QToolBar#RibbonQuickAccessToolBar>QToolButton:hover
+{
+	background-color    : rgba(50,150,255,255);
+}
+QToolBar#RibbonQuickAccessToolBar>QToolButton:!hover
+{
+	background-color    : rgba(60,136,193,255);
+}
+
+/*菜单栏-主菜单*/
+QWidget#RibbonMenuBar
+{
+        //background-color : rgba(60,136,193,255);
+}
+
+QTabBar#RibbonMenuTabBar
+{
+	height: 32px;
+        background-color    : rgba(60,136,193,255);
+}
+QTabBar#RibbonMenuTabBar::tab:selected{ height: 32px; background-color: rgba(241,241,241,255); color : darkBlue; }
+QTabBar#RibbonMenuTabBar::tab:!selected{ height: 32px; background-color: rgba(60,136,193,255); color: white;}
+QTabBar#RibbonMenuTabBar::tab:hover{ height: 32px; background-color: rgba(230,230,230,255); color : darkBlue; }
+/*菜单栏-扩展菜单*/
+QWidget#RibbonExtentedMenuTabBar
+{
+	background-color : rgba(60,136,193,255);
+}
+
+QTabBar#RibbonExtentedMenuTabBar
+{
+	height: 32px;
+	background-color    : rgba(60,136,193,255);
+}
+QTabBar#RibbonExtentedMenuTabBar::tab:selected{ height: 32px; background-color: rgba(241,241,241,255); color : darkBlue; }
+QTabBar#RibbonExtentedMenuTabBar::tab:!selected{ minx-width:1px;  height: 32px; background-color: rgba(60,136,193,255); color: white;}
+QTabBar#RibbonExtentedMenuTabBar::tab:hover{ height: 32px; background-color: rgba(230,230,230,255); color : darkBlue; }
+
+/*菜单栏-工具栏区的StackeWidget*/
+QStackedWidget#RibbonMenuStackeWidget
+{
+	background-color    : rgba(241, 241, 21, 255);
+}
+
+ 
+QWidget#RibbonGroupWidget
+{
+	background-color    : rgba(241, 241, 241, 255);
+}    
+
+QPushButton
+{
+	background-color  : rgba(230, 230, 230, 0);
+        border-color : rgba(0,0,0,0);
+}
+
+QPushButton:hover
+{
+	/*border-radius: 3px;*/
+	border : off;
+        background-color  : rgba(220, 220, 220, 255);
+}
+QPushButton:pressed
+{	border : off;
+	background-color  : rgba(210, 210, 210, 255);
+}
+QPushButton:checked
+{	border : off;
+	background-color  : rgba(240, 240, 240, 255);
+}
+
+QDockWidget>QWidget
+{
+        //background-color  : rgba(241, 241, 241, 255);
+        background-color : qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgba(200, 240, 255, 200), stop:1 rgba(255, 255, 255, 255));
+}
+
diff --git a/resources/styles/ribbon_green.qss b/resources/styles/ribbon_green.qss
new file mode 100644
index 0000000..91d6c38
--- /dev/null
+++ b/resources/styles/ribbon_green.qss
@@ -0,0 +1,102 @@
+
+/*通用Widget*/
+QWidget#RobbonWidget
+{
+	background-color    : rgba(241, 241, 241, 255);
+} 
+
+/*主界面*/
+QWidget#RibbonMainWindow
+{
+	border : on;
+	background-color    : rgba(220,220,220,255);
+	border-color : red;
+	
+}
+
+/*标题栏*/
+QWidget#RibbonTitleBar
+{
+	/*这是windows经典绿色*/
+	background-color    : rgba(33,115,70,255);  
+}
+QToolBar#RibbonQuickAccessToolBar
+{
+	background-color    : rgba(33,115,70,255);
+}
+QToolBar#RibbonQuickAccessToolBar>QToolButton:hover
+{
+	background-color    : rgba(50,150,255,255);
+}
+QToolBar#RibbonQuickAccessToolBar>QToolButton:!hover
+{
+	background-color    : rgba(33,115,70,255);
+}
+
+/*菜单栏-主菜单*/
+QWidget#RibbonMenuBar
+{
+	background-color : rgba(33,115,70,255);
+}
+
+QTabBar#RibbonMenuTabBar
+{
+	height: 32px;
+	background-color    : rgba(33,115,70,255);
+}
+QTabBar#RibbonMenuTabBar::tab:selected{ height: 32px; background-color: rgba(241,241,241,255); color : darkBlue; }
+QTabBar#RibbonMenuTabBar::tab:!selected{ height: 32px; background-color: rgba(33,115,70,255); color: white;}
+QTabBar#RibbonMenuTabBar::tab:hover{ height: 32px; background-color: rgba(230,230,230,255); color : darkBlue; }
+/*菜单栏-扩展菜单*/
+QWidget#RibbonExtentedMenuTabBar
+{
+	background-color : rgba(33,115,70,255);
+}
+
+QTabBar#RibbonExtentedMenuTabBar
+{
+	height: 32px;
+	background-color    : rgba(33,115,70,255);
+}
+QTabBar#RibbonExtentedMenuTabBar::tab:selected{ height: 32px; background-color: rgba(241,241,241,255); color : darkBlue; }
+QTabBar#RibbonExtentedMenuTabBar::tab:!selected{ minx-width:1px;  height: 32px; background-color: rgba(33,115,70,255); color: white;}
+QTabBar#RibbonExtentedMenuTabBar::tab:hover{ height: 32px; background-color: rgba(230,230,230,255); color : darkBlue; }
+
+/*菜单栏-工具栏区的StackeWidget*/
+QStackedWidget#RibbonMenuStackeWidget
+{
+	background-color    : rgba(241, 241, 21, 255);
+}
+
+ 
+QWidget#RibbonGroupWidget
+{
+	background-color    : rgba(241, 241, 241, 255);
+}    
+
+QPushButton
+{
+	background-color  : rgba(230, 230, 230, 0);
+	border-color : rgba(0,0,0,0);
+}
+
+QPushButton:hover
+{
+	/*border-radius: 3px;*/
+	border : off;
+	background-color  : rgba(220, 220, 220, 255);
+}
+QPushButton:pressed
+{	border : off;
+	background-color  : rgba(210, 210, 210, 255);
+}
+QPushButton:checked
+{	border : off;
+	background-color  : rgba(240, 240, 240, 255);
+}
+QDockWidget>QWidget
+{
+	background-color  : rgba(241, 241, 241, 255);
+	/*background-color : qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgba(200, 240, 255, 200), stop:1 rgba(255, 255, 255, 255));*/
+}
+
diff --git a/resources/styles/ribbon_red.qss b/resources/styles/ribbon_red.qss
new file mode 100644
index 0000000..c290063
--- /dev/null
+++ b/resources/styles/ribbon_red.qss
@@ -0,0 +1,102 @@
+
+/*通用Widget*/
+QWidget#RobbonWidget
+{
+	background-color    : rgba(241, 241, 241, 255);
+} 
+
+/*主界面*/
+QWidget#RibbonMainWindow
+{
+	border : on;
+	background-color    : rgba(220,220,220,255);
+	border-color : red;
+	
+}
+
+/*标题栏*/
+QWidget#RibbonTitleBar
+{
+	/*这是windows经典红色*/
+	background-color    : rgba(210,0,0,255);  
+}
+QToolBar#RibbonQuickAccessToolBar
+{
+	background-color    : rgba(210,0,0,255);
+}
+QToolBar#RibbonQuickAccessToolBar>QToolButton:hover
+{
+	background-color    : rgba(50,150,255,255);
+}
+QToolBar#RibbonQuickAccessToolBar>QToolButton:!hover
+{
+	background-color    : rgba(210,0,0,255);
+}
+
+/*菜单栏-主菜单*/
+QWidget#RibbonMenuBar
+{
+	background-color : rgba(210,0,0,255);
+}
+
+QTabBar#RibbonMenuTabBar
+{
+	height: 32px;
+	background-color    : rgba(210,0,0,255);
+}
+QTabBar#RibbonMenuTabBar::tab:selected{ height: 32px; background-color: rgba(241,241,241,255); color : darkBlue; }
+QTabBar#RibbonMenuTabBar::tab:!selected{ height: 32px; background-color: rgba(210,0,0,255); color: white;}
+QTabBar#RibbonMenuTabBar::tab:hover{ height: 32px; background-color: rgba(230,230,230,255); color : darkBlue; }
+/*菜单栏-扩展菜单*/
+QWidget#RibbonExtentedMenuTabBar
+{
+	background-color : rgba(210,0,0,255);
+}
+
+QTabBar#RibbonExtentedMenuTabBar
+{
+	height: 32px;
+	background-color    : rgba(210,0,0,255);
+}
+QTabBar#RibbonExtentedMenuTabBar::tab:selected{ height: 32px; background-color: rgba(241,241,241,255); color : darkBlue; }
+QTabBar#RibbonExtentedMenuTabBar::tab:!selected{ minx-width:1px;  height: 32px; background-color: rgba(210,0,0,255); color: white;}
+QTabBar#RibbonExtentedMenuTabBar::tab:hover{ height: 32px; background-color: rgba(230,230,230,255); color : darkBlue; }
+
+/*菜单栏-工具栏区的StackeWidget*/
+QStackedWidget#RibbonMenuStackeWidget
+{
+	background-color    : rgba(241, 241, 21, 255);
+}
+
+ 
+QWidget#RibbonGroupWidget
+{
+	background-color    : rgba(241, 241, 241, 255);
+}    
+
+QPushButton
+{
+	background-color  : rgba(230, 230, 230, 0);
+	border-color : rgba(0,0,0,0);
+}
+
+QPushButton:hover
+{
+	/*border-radius: 3px;*/
+	border : off;
+	background-color  : rgba(220, 220, 220, 255);
+}
+QPushButton:pressed
+{	border : off;
+	background-color  : rgba(210, 210, 210, 255);
+}
+QPushButton:checked
+{	border : off;
+	background-color  : rgba(240, 240, 240, 255);
+}
+QDockWidget>QWidget
+{
+	background-color  : rgba(241, 241, 241, 255);
+	/*background-color : qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgba(200, 240, 255, 200), stop:1 rgba(255, 255, 255, 255));*/
+}
+
diff --git a/treeitem.cpp b/treeitem.cpp
new file mode 100644
index 0000000..050fa62
--- /dev/null
+++ b/treeitem.cpp
@@ -0,0 +1,190 @@
+/****************************************************************************
+**
+** Copyright (C) 2016 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the examples of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of The Qt Company Ltd nor the names of its
+**     contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+/*
+    treeitem.cpp
+
+    A container for items of data supplied by the simple tree model.
+*/
+
+#include "treeitem.h"
+
+#include <QStringList>
+
+//! [0]
+TreeItem::TreeItem(const QVector<QVariant> &data, TreeItem *parent)
+{
+    parentItem = parent;
+    itemData = data;
+}
+//! [0]
+
+//! [1]
+TreeItem::~TreeItem()
+{
+    qDeleteAll(childItems);
+}
+//! [1]
+
+//! [2]
+TreeItem *TreeItem::child(int number)
+{
+    return childItems.value(number);
+}
+//! [2]
+
+//! [3]
+int TreeItem::childCount() const
+{
+    return childItems.count();
+}
+//! [3]
+
+//! [4]
+int TreeItem::childNumber() const
+{
+    if (parentItem)
+        return parentItem->childItems.indexOf(const_cast<TreeItem*>(this));
+
+    return 0;
+}
+//! [4]
+
+//! [5]
+int TreeItem::columnCount() const
+{
+    return itemData.count();
+}
+//! [5]
+
+//! [6]
+QVariant TreeItem::data(int column) const
+{
+    return itemData.value(column);
+}
+//! [6]
+
+//! [7]
+bool TreeItem::insertChildren(int position, int count, int columns)
+{
+    if (position < 0 || position > childItems.size())
+        return false;
+
+    for (int row = 0; row < count; ++row)
+    {
+        QVector<QVariant> data(columns);
+        TreeItem *item = new TreeItem(data, this);
+        childItems.insert(position, item);
+    }
+
+    return true;
+}
+//! [7]
+
+//! [8]
+bool TreeItem::insertColumns(int position, int columns)
+{
+    if (position < 0 || position > itemData.size())
+        return false;
+
+    for (int column = 0; column < columns; ++column)
+        itemData.insert(position, QVariant());
+
+    foreach (TreeItem *child, childItems)
+        child->insertColumns(position, columns);
+
+    return true;
+}
+//! [8]
+
+//! [9]
+TreeItem *TreeItem::parent()
+{
+    return parentItem;
+}
+//! [9]
+
+//! [10]
+bool TreeItem::removeChildren(int position, int count)
+{
+    if (position < 0 || position + count > childItems.size())
+        return false;
+
+    for (int row = 0; row < count; ++row)
+        delete childItems.takeAt(position);
+
+    return true;
+}
+//! [10]
+
+bool TreeItem::removeColumns(int position, int columns)
+{
+    if (position < 0 || position + columns > itemData.size())
+        return false;
+
+    for (int column = 0; column < columns; ++column)
+        itemData.remove(position);
+
+    foreach (TreeItem *child, childItems)
+        child->removeColumns(position, columns);
+
+    return true;
+}
+
+//! [11]
+bool TreeItem::setData(int column, const QVariant &value)
+{
+    if (column < 0 || column >= itemData.size())
+        return false;
+
+    itemData[column] = value;
+    return true;
+}
+//! [11]
diff --git a/treeitem.h b/treeitem.h
new file mode 100644
index 0000000..0eac89d
--- /dev/null
+++ b/treeitem.h
@@ -0,0 +1,84 @@
+/****************************************************************************
+**
+** Copyright (C) 2016 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the examples of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of The Qt Company Ltd nor the names of its
+**     contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+#ifndef TREEITEM_H
+#define TREEITEM_H
+
+#include <QList>
+#include <QVariant>
+#include <QVector>
+
+//! [0]
+class TreeItem
+{
+public:
+    explicit TreeItem(const QVector<QVariant> &data, TreeItem *parent = 0);
+    ~TreeItem();
+
+    TreeItem *child(int number);
+    int childCount() const;
+    int columnCount() const;
+    QVariant data(int column) const;
+    bool insertChildren(int position, int count, int columns);
+    bool insertColumns(int position, int columns);
+    TreeItem *parent();
+    bool removeChildren(int position, int count);
+    bool removeColumns(int position, int columns);
+    int childNumber() const;
+    bool setData(int column, const QVariant &value);
+
+private:
+    QList<TreeItem*> childItems;
+    QVector<QVariant> itemData;
+    TreeItem *parentItem;
+};
+//! [0]
+
+#endif // TREEITEM_H
diff --git a/treemodel.cpp b/treemodel.cpp
new file mode 100644
index 0000000..edfadc6
--- /dev/null
+++ b/treemodel.cpp
@@ -0,0 +1,616 @@
+/****************************************************************************
+**
+** Copyright (C) 2016 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the examples of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of The Qt Company Ltd nor the names of its
+**     contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+#include <QtWidgets>
+
+#include "treeitem.h"
+#include "treemodel.h"
+
+// Formatting helpers
+namespace {
+    QString formatNumber(float value, int decimals = 2) {
+        static const QLocale locale("es_ES");
+        return locale.toString(value, 'f', decimals);
+    }
+
+    QString formatCurrency(float value) {
+        return formatNumber(value) + " €";
+    }
+
+    QString formatPercentage(float value) {
+        return formatNumber(value) + " %";
+    }
+}
+
+//! [0]
+TreeModel::TreeModel(const QStringList &headers, const QString &data, QObject *parent)
+    : QAbstractItemModel(parent)
+{
+    QVector<QVariant> rootData;
+    foreach (QString header, headers)
+        rootData << header;
+
+    rootItem = new TreeItem(rootData);
+    //setupModelData(data.split(QString("\n")), rootItem);
+
+    // Insertar 20 filas vacias por defecto:
+    for (int i = 0; i < 20; i++)
+    {
+        rootItem->insertChildren(rootItem->childCount(), 1, rootItem->columnCount());
+        for (int column = 0; column < rootItem->columnCount(); ++column)
+            rootItem->child(rootItem->childCount() - 1)->setData(column, QVariant());
+    }
+}
+//! [0]
+
+//! [1]
+TreeModel::~TreeModel()
+{
+    delete rootItem;
+}
+//! [1]
+
+//! [2]
+int TreeModel::columnCount(const QModelIndex & /* parent */) const
+{
+    return rootItem->columnCount();
+}
+//! [2]
+
+QVariant TreeModel::data(const QModelIndex &index, int role) const
+{
+    if (!index.isValid())
+        return QVariant();
+
+    TreeItem *item = getItem(index);
+    const int col = index.column();
+
+    switch (role)
+    {
+        case Qt::DisplayRole:
+            return displayData(item, col);
+
+        case Qt::EditRole:
+            return editData(item, col);
+
+        case Qt::ForegroundRole:
+            return foregroundForItem(item, col);
+
+        case Qt::TextAlignmentRole:
+            return alignmentForColumn(col);
+
+        case Qt::FontRole:
+            /*
+            if(item->childCount() > 0)
+            {
+                QFont font = QFont("Helvetica", 9, QFont::Bold);
+                return QVariant::fromValue(font);
+            }
+            else
+            */
+            return QVariant();
+
+        case Qt::BackgroundRole:
+        {
+            //if (item->childCount() > 0)
+            //    return QVariant::fromValue(QColor(Qt::lightGray));
+            return QVariant();
+        }
+
+        case Qt::CheckStateRole:
+            /*
+            if (index.column() == 14)
+                return (QSqlQueryModel::data(index).toInt() != 0) ? Qt::Checked : Qt::Unchecked;
+            else*/
+                return QVariant();
+
+        case Qt::SizeHintRole:
+        {
+            int he = 24;
+            return QSize(80, he);
+        }
+
+        case Qt::DecorationRole:
+            return decorationForItem(item, col);
+
+        default:
+            break;
+    }
+
+    return item->data(role);
+}
+
+QVariant TreeModel::displayData(TreeItem *item, int column) const
+{
+    const QString type = item->data(13).toString();
+    const QVariant rawData = item->data(column);
+    float value = rawData.isValid() ? rawData.toFloat() : 0.0f;
+
+    switch (column)
+    {
+        case 4:
+        case 5:
+            return formatNumber(value);
+
+        case 7:
+        case 8:
+        case 11:
+        case 12:
+            return formatCurrency(value);
+
+        case 9:
+        case 10:
+            return !type.isEmpty() ? formatPercentage(value) : rawData;
+
+        default:
+            return rawData;
+    }
+}
+
+QVariant TreeModel::editData(TreeItem *item, int column) const
+{
+    return item->data(column);
+}
+
+QVariant TreeModel::foregroundForItem(TreeItem *item, int column) const
+{
+    if (!item->parent() || !item->parent()->parent())
+        return (column == 1) ? QColor(Qt::darkBlue) : QVariant();
+
+    return (column == 1) ? QColor(Qt::blue) : QColor(Qt::gray);
+}
+
+QVariant TreeModel::alignmentForColumn(int column) const
+{
+    switch (column) {
+    case 4:
+    case 5:
+    case 7:
+    case 8:
+    case 9:
+    case 10:
+    case 11:
+    case 12:
+        return int(Qt::AlignRight | Qt::AlignTop);
+    default:
+        return int(Qt::AlignLeft | Qt::AlignTop);
+    }
+}
+
+QVariant TreeModel::decorationForItem(TreeItem *item, int column) const
+{
+    /*
+    0 Sin clasificar
+    1 Mano de obra
+    2 Maquinaria
+    3 Materiales
+    4 Componentes adicionales de residuo
+    5 Clasificación de residuo
+    ....
+    */
+
+    if (column != 0)
+        return QVariant();
+
+    static const QMap<QString, QString> iconMap = {
+        {"CO", ":/resources/icons/box.svg"},
+        {"MO", ":/resources/icons/helmet.svg"},
+        {"MQ", ":/resources/icons/gear.svg"},
+        {"MT", ":/resources/icons/blocks.svg"},
+        {"%",  ":/resources/icons/percentage.svg"}
+    };
+
+    const QString type = item->data(13).toString();
+    return iconMap.contains(type) ? QIcon(iconMap[type]) : QVariant();
+}
+
+//! [3]
+Qt::ItemFlags TreeModel::flags(const QModelIndex &index) const
+{
+    if (!index.isValid())
+        return Qt::NoItemFlags;
+
+    Qt::ItemFlags flags = QAbstractItemModel::flags(index);
+    TreeItem *item = getItem(index);
+    const int col = index.column();
+    const bool isLeaf = (item->childCount() == 0);
+
+    // Editable columns
+    static const QVector<int> leafEditable = {0, 1, 2, 3, 4, 6, 7, 9, 10};
+    static const QVector<int> branchEditable = {0, 1, 2, 3, 4, 6, 9, 10};
+
+    if ((isLeaf && leafEditable.contains(col)) ||
+        (!isLeaf && branchEditable.contains(col))) {
+        flags |= Qt::ItemIsEditable;
+    }
+
+    return flags;
+
+    /*
+    if (!index.isValid())
+        return Qt::NoItemFlags;
+
+    Qt::ItemFlags flags = QAbstractItemModel::flags(index);
+    TreeItem *item = getItem(index);
+
+    if(item->childCount() == 0)
+    {
+        switch (index.column())
+        {
+            case 0:
+            case 1:
+            case 2:
+            case 3:
+            case 4:
+            case 6:
+            case 7:
+            case 9:
+            case 10:
+            {
+                flags |= Qt::ItemIsEditable;
+            }
+        }
+    }
+    else
+    {
+        switch (index.column())
+        {
+            case 0:
+            case 1:
+            case 2:
+            case 3:
+            case 4:
+            case 6:
+            case 9:
+            case 10:
+            {
+                flags |= Qt::ItemIsEditable;
+            }
+        }
+    }
+
+    return flags;*/
+}
+//! [3]
+
+//! [4]
+TreeItem *TreeModel::getItem(const QModelIndex &index) const
+{
+    if (index.isValid())
+    {
+        TreeItem *item = static_cast<TreeItem*>(index.internalPointer());
+        if (item)
+            return item;
+    }
+    return rootItem;
+}
+//! [4]
+
+QVariant TreeModel::headerData(int section, Qt::Orientation orientation,
+                               int role) const
+{
+    if (orientation == Qt::Horizontal && role == Qt::DisplayRole)
+        return rootItem->data(section);
+
+    return QVariant();
+}
+
+//! [5]
+QModelIndex TreeModel::index(int row, int column, const QModelIndex &parent) const
+{
+    if (parent.isValid() && parent.column() != 0)
+        return QModelIndex();
+//! [5]
+
+//! [6]
+    TreeItem *parentItem = getItem(parent);
+    TreeItem *childItem = parentItem->child(row);
+
+    return childItem ? createIndex(row, column, childItem) : QModelIndex();
+}
+//! [6]
+
+bool TreeModel::insertColumns(int position, int columns, const QModelIndex &parent)
+{
+    beginInsertColumns(parent, position, position + columns - 1);
+    const bool success = rootItem->insertColumns(position, columns);
+    endInsertColumns();
+    return success;
+}
+
+bool TreeModel::insertRows(int position, int rows, const QModelIndex &parent)
+{
+    TreeItem *parentItem = getItem(parent);
+    beginInsertRows(parent, position, position + rows - 1);
+    const bool success = parentItem->insertChildren(position, rows, rootItem->columnCount());
+    endInsertRows();
+    return success;
+}
+
+//! [7]
+QModelIndex TreeModel::parent(const QModelIndex &index) const
+{
+    if (!index.isValid())
+        return QModelIndex();
+
+    TreeItem *childItem = getItem(index);
+    TreeItem *parentItem = childItem->parent();
+
+    return (parentItem == rootItem) ? QModelIndex() :
+               createIndex(parentItem->childNumber(), 0, parentItem);
+}
+//! [7]
+
+bool TreeModel::removeColumns(int position, int columns, const QModelIndex &parent)
+{
+    beginRemoveColumns(parent, position, position + columns - 1);
+    const bool success = rootItem->removeColumns(position, columns);
+    endRemoveColumns();
+
+    if (rootItem->columnCount() == 0)
+        removeRows(0, rowCount());
+
+    return success;
+}
+
+bool TreeModel::removeRows(int position, int rows, const QModelIndex &parent)
+{
+    TreeItem *parentItem = getItem(parent);
+    beginRemoveRows(parent, position, position + rows - 1);
+    const bool success = parentItem->removeChildren(position, rows);
+    endRemoveRows();
+    return success;
+}
+
+//! [8]
+int TreeModel::rowCount(const QModelIndex &parent) const
+{
+    return getItem(parent)->childCount();
+}
+//! [8]
+
+bool TreeModel::setData(const QModelIndex &index, const QVariant &value, int role)
+{
+    if (!index.isValid() || role != Qt::EditRole)
+        return false;
+
+    TreeItem *item = getItem(index);
+    const int col = index.column();
+
+    if (!item->setData(col, value))
+        return false;
+
+    emit dataChanged(index, index, {role});
+
+    switch (col) {
+        case 0:
+            if (item->childCount() > 0)
+                codify(item);
+            break;
+
+        case 4:
+            updateQuantities(item, index.parent());
+            break;
+
+        case 7:
+        case 9:
+        case 10:
+            updateCalculations(item, col);
+            break;
+    }
+
+    return true;
+}
+
+void TreeModel::codify(TreeItem *item)
+{
+    for (int i = 0; i < item->childCount(); ++i) {
+        TreeItem *child = item->child(i);
+        child->setData(0, QString("%1.%2").arg(item->data(0).toString()).arg(i + 1));
+        if (child->childCount() > 0)
+            codify(child);
+    }
+}
+
+void TreeModel::updateQuantities(TreeItem *item, const QModelIndex &parent)
+{
+    if (parent.isValid()) {
+        TreeItem *parentItem = getItem(parent);
+        item->setData(5, item->data(4).toFloat() * parentItem->data(5).toFloat());
+    } else {
+        item->setData(5, item->data(4));
+    }
+    calculateRow(item);
+}
+
+void TreeModel::updateCalculations(TreeItem *item, int column)
+{
+    if (item->childCount() > 0)
+        setTreeValues(item, column);
+    calculateRow(item);
+}
+
+void TreeModel::setTreeValues(TreeItem *item, int column)
+{
+    for(int i = 0; i < item->childCount(); ++i)
+    {
+        TreeItem * chil = item->child(i);
+        chil->setData(column, item->data(column));
+        if(chil->childCount() > 0)
+            setTreeValues(chil, column);
+    }
+}
+
+void TreeModel::calculateParent(TreeItem *item)
+{
+    if (!item || !item->parent()) return;
+
+    float pcu = 0, pct = 0, pvt = 0;
+    for(int i = 0; i<item->childCount(); ++i)
+    {
+        TreeItem * child = item->child(i);
+        pcu += child->data(4).toFloat() * child->data(7).toFloat();
+        pct += child->data(8).toFloat();
+        pvt += child->data(11).toFloat();
+    }
+    item->setData(7, pcu);
+    item->setData(8, pct);
+    item->setData(11, pvt);
+    item->setData(12, pvt - pct);
+
+    if(item->parent() && item->parent()->parent())
+        calculateParent(item->parent());
+}
+
+void TreeModel::calculateRow(TreeItem *item)
+{
+    if(item->childCount() > 0)
+    {
+        for(int i = 0; i<item->childCount(); ++i)
+        {
+            TreeItem * child = item->child(i);
+            child->setData(5, child->data(4).toFloat() * item->data(5).toFloat());
+            calculateRow(child);
+        }
+    }
+    else
+    {
+        float cu = item->data(4).toFloat();
+        float ct = item->data(5).toFloat();
+        float pcu = item->data(7).toFloat();
+        float pct = ct * pcu;
+        float pro = item->data(9).toFloat();
+        float dis = item->data(10).toFloat();
+        float pvt = pct * (1 + pro / 100) * (1 - dis / 100);
+
+        item->setData(8, pct);
+        item->setData(11, pvt);
+        item->setData(12, pvt - pct);
+    }
+
+    if(item->parent() && item->parent()->parent())
+        calculateParent(item->parent());
+
+}
+
+bool TreeModel::setHeaderData(int section, Qt::Orientation orientation,
+                              const QVariant &value, int role)
+{
+    if (role != Qt::EditRole || orientation != Qt::Horizontal)
+        return false;
+
+    bool result = rootItem->setData(section, value);
+
+    if (result)
+        emit headerDataChanged(orientation, section, section);
+
+    return result;
+}
+
+void TreeModel::setupModelData(const QStringList &lines, TreeItem *parent)
+{
+    QList<TreeItem*> parents;
+    QList<int> indentations;
+    parents << parent;
+    indentations << 0;
+
+    int number = 0;
+
+    while (number < lines.count())
+    {
+        int position = 0;
+        while (position < lines[number].length())
+        {
+            if (lines[number].at(position) != ' ')
+                break;
+            ++position;
+        }
+
+        QString lineData = lines[number].mid(position).trimmed();
+
+        if (!lineData.isEmpty())
+        {
+            // Read the column data from the rest of the line.
+            QStringList columnStrings = lineData.split("\t", Qt::SkipEmptyParts);
+            QVector<QVariant> columnData;
+            for (int column = 0; column < columnStrings.count(); ++column)
+                columnData << columnStrings[column];
+
+            if (position > indentations.last())
+            {
+                // The last child of the current parent is now the new parent
+                // unless the current parent has no children.
+
+                if (parents.last()->childCount() > 0)
+                {
+                    parents << parents.last()->child(parents.last()->childCount()-1);
+                    indentations << position;
+                }
+            }
+            else
+            {
+                while (position < indentations.last() && parents.count() > 0)
+                {
+                    parents.pop_back();
+                    indentations.pop_back();
+                }
+            }
+
+            // Append a new item to the current parent's list of children.
+            TreeItem *parent = parents.last();
+            parent->insertChildren(parent->childCount(), 1, rootItem->columnCount());
+            for (int column = 0; column < columnData.size(); ++column)
+                parent->child(parent->childCount() - 1)->setData(column, columnData[column]);
+        }
+
+        ++number;
+    }
+}
+
diff --git a/treemodel.h b/treemodel.h
new file mode 100644
index 0000000..3f79a4a
--- /dev/null
+++ b/treemodel.h
@@ -0,0 +1,117 @@
+/****************************************************************************
+**
+** Copyright (C) 2016 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the examples of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of The Qt Company Ltd nor the names of its
+**     contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+#ifndef TREEMODEL_H
+#define TREEMODEL_H
+
+#include <QAbstractItemModel>
+#include <QModelIndex>
+#include <QVariant>
+
+class TreeItem;
+
+//! [0]
+class TreeModel : public QAbstractItemModel
+{
+    Q_OBJECT
+
+public:
+    TreeModel(const QStringList &headers, const QString &data, QObject *parent = nullptr);
+    ~TreeModel() override;
+//! [0]
+
+//! [1]
+
+    QVariant data(const QModelIndex &index, int role) const override;
+    QVariant headerData(int section, Qt::Orientation orientation, int role = Qt::DisplayRole) const override;
+
+    QModelIndex index(int row, int column, const QModelIndex &parent = QModelIndex()) const override;
+    QModelIndex parent(const QModelIndex &index) const override;
+
+    int rowCount(const QModelIndex &parent = QModelIndex()) const override;
+    int columnCount(const QModelIndex &parent = QModelIndex()) const override;
+//! [1]
+
+//! [2]
+    Qt::ItemFlags flags(const QModelIndex &index) const override;
+    bool setData(const QModelIndex &index, const QVariant &value, int role = Qt::EditRole) override;
+    bool setHeaderData(int section, Qt::Orientation orientation, const QVariant &value, int role = Qt::EditRole) override;
+    bool insertColumns(int position, int columns, const QModelIndex &parent = QModelIndex()) override;
+    bool removeColumns(int position, int columns, const QModelIndex &parent = QModelIndex()) override;
+    bool insertRows(int position, int rows, const QModelIndex &parent = QModelIndex()) override;
+    bool removeRows(int position, int rows, const QModelIndex &parent = QModelIndex()) override;
+
+signals:
+    void DataChanged(TreeItem &item, const QModelIndex &index, const int role);
+    void onGetDataEdit(const QModelIndex &index, QVariant &value) const;
+    void onGetDataTextColor(const QModelIndex &index, QVariant &value) const;
+
+private:
+    void setupModelData(const QStringList &lines, TreeItem *parent);
+    TreeItem *getItem(const QModelIndex &index) const;
+    TreeItem *rootItem;
+    void updateQuantities(TreeItem *item, const QModelIndex &parent);
+    void updateCalculations(TreeItem *item, int column);
+    void calculateRow(TreeItem *item);
+    void calculateParent(TreeItem *item);
+    void setTreeValues(TreeItem *item, int column);
+    void codify(TreeItem *item);
+
+    QVariant displayData(TreeItem *item, int column) const;
+    QVariant editData(TreeItem *item, int column) const;
+    QVariant alignmentForColumn(int column) const;
+    QVariant decorationForItem(TreeItem *item, int column) const;
+    QVariant foregroundForItem(TreeItem *item, int column) const;
+
+
+};
+//! [2]
+
+#endif // TREEMODEL_H
diff --git a/utils/fiebdc.cpp b/utils/fiebdc.cpp
new file mode 100644
index 0000000..bfc6fdd
--- /dev/null
+++ b/utils/fiebdc.cpp
@@ -0,0 +1,366 @@
+#include "fiebdc.h"
+//#include "globalvars.h" // Asumiendo que globalVars está definido aquí
+
+#include <QDate>
+
+FIEBDC::FIEBDC(QString filename, Budget* budget) {
+    __budget = budget;
+    __filename = filename;
+    if (__budget != nullptr) {
+        __budget->filename = __filename;
+    }
+    __cancel = false;
+    __format_list = {"FIEBDC-3/95", "FIEBDC-3/98", "FIEBDC-3/2002",
+                     "FIEBDC-3/2004", "FIEBDC-3/2007"};
+    __character_sets_dict = {{"ANSI", "cp1252"},
+                             {"850", "850"},
+                             {"437", "cp437"}};
+    __file_format = "FIEBDC-3/2007";
+    //__generator = globalVars.name + " " + globalVars.version;
+
+    __character_set = "850";
+    initializePatterns();
+}
+
+void FIEBDC::initializePatterns() {
+    __pattern = {
+        {"control_tilde", QRegularExpression(R"(((\r\n)| |\t)+~)")},
+        {"control_vbar", QRegularExpression(R"(((\r\n)| |\t)+\|)")},
+        {"control_backslash", QRegularExpression(R"(((\r\n)| |\t)+\\)")},
+        {"valid_code", QRegularExpression(R"([^A-Za-z0-9ñÑ.$#%&_])")},
+        {"special_char", QRegularExpression(R"([#%&])")},
+        {"no_float", QRegularExpression(R"([^\-0-9.])")},
+        {"formula", QRegularExpression(R"(.*[^0123456789\.()\+\-\*/\^abcdp ].*)")},
+        {"comment", QRegularExpression(R"(#.*\r\n)")},
+        {"empty_line", QRegularExpression(R"((\r\n) *\r\n)")},
+        {"space_before_backslash", QRegularExpression(R"(( )+\\)")},
+        {"space_after_backslash", QRegularExpression(R"(\\( )+)")},
+        {"start_noend_backslash", QRegularExpression(R"((\r\n\\\.*[^\\\])\r\n)")},
+        {"end_oper", QRegularExpression(R"((\+|-|\*|/|/^|@|&|<|>|<=|>=|=|!) *\r\n)")},
+        {"matricial_var", QRegularExpression(R"((\r\n *[%|\$][A-ZÑ].*=.*, ) *\r\n)")},
+        {"descomposition", QRegularExpression(R"(^([^:]+):(.*)$)")},
+        {"var", QRegularExpression(R"(^([$%][A-ZÑ][()0-9, ]*)=(.*)$)")},
+        {"after_first_tilde", QRegularExpression(R"(^[^~]*~)")},
+        {"end_control", QRegularExpression(R"(((\r\n)| |\t)+$)")}
+    };
+}
+
+void FIEBDC::cancel() {
+    __cancel = true;
+}
+
+QString FIEBDC::eraseControlCharacters(const QString& input) {
+    // Implementación de la función para eliminar caracteres de control
+    QString string = input;
+    string = string.replace(__pattern["control_tilde"], "~");
+    string = string.replace(__pattern["control_vbar"], "|");
+    // Uncomment if control_backslash processing is needed
+    // string = string.replace(__pattern["control_backslash"], "\\");
+    return string;
+}
+
+bool FIEBDC::validateCode(const QString& code) {
+    // Implementación de la función para validar el código
+    QRegularExpression re("^[A-Z0-9]+$");
+    return re.match(code).hasMatch();
+}
+
+QDate FIEBDC::parseDate(const QString& dateStr) {
+    /*parseDate(date)
+
+    date: in the format:
+        uneven len: add a Leading 0
+        len = 8  DDMMYYYY
+        len <= 6 DDMMYY “80/20”. >80 -> >1980 <80 -> <2080
+        len < 5  MMYY
+        len < 3  YY
+    Test date string and return a tuple (YYYY, MM, DD)
+    or None if the date format is invalid
+    */
+
+    if (dateStr.isEmpty()) {
+        return QDate();
+    }
+
+    QString paddedDate = dateStr;
+    if (dateStr.length() % 2 != 0) {
+        paddedDate.prepend("0"); // Agregar un 0 inicial si la longitud es impar
+    }
+
+    // Intentar con diferentes formatos según la longitud
+    if (paddedDate.length() == 8) {
+        return QDate::fromString(paddedDate, "ddMMyyyy");
+    } else if (paddedDate.length() == 6) {
+        QString yearPrefix = paddedDate.right(2).toInt() < 80 ? "20" : "19";
+        return QDate::fromString(yearPrefix + paddedDate, "yyyyMMdd");
+    } else if (paddedDate.length() == 4) {
+        QString yearPrefix = paddedDate.right(2).toInt() < 80 ? "20" : "19";
+        return QDate::fromString(yearPrefix + paddedDate, "yyyyMM");
+    } else if (paddedDate.length() == 2) {
+        QString yearPrefix = paddedDate.toInt() < 80 ? "20" : "19";
+        return QDate::fromString(yearPrefix + paddedDate, "yyyy");
+    }
+
+    return QDate(); // Fecha inválida
+}
+
+
+void FIEBDC::parseRecord(const QString& record) {
+    /*
+    parseRecord(record, interface)
+
+        record: the record line readed from the file whith the format:
+            type|field|field|subfield\\subfield|...
+        [a] nothing or "a"
+        {a} zero or more #-#twice#-# "a"
+        <a> one or more #-#twice#-# "a"
+        Types: V C D Y M N T K L Q J G E X B F A
+            V: Property and Version
+                1- [File_Owner]
+                2- Format_Version[\\DDMMYYYY]
+                3- [Program_Generator]
+                4- [Header]\\{Title\\}
+                5- [Chaters_set]
+                6- [Comment]
+            C: Record:
+                1- Code{\\Code}
+                2- [Unit]
+                3- [Summary]
+                4- {Price\\}
+                5- {Date\\}
+                6- [Type]
+            D or Y: DECOMPOSITION or ADD DECOMPOSITION
+                1- Parent Code
+                2- <Child Code\\ [Factor]\\ [Yield]>
+            M or N: MEASURE or ADD MEASURE
+                1- [Parent Code\\]Child Code
+                2- {Path\}
+                3- TOTAL MEASURE
+                4- {Type\\Comment\\Unit\\Length\\Width\\Height\\}
+                5- [Label]
+            T: Text
+                1- Code
+                2- Description text
+            K: Coefficients
+                1- { DN \\ DD \\ DS \\ DR \\ DI \\ DP \\ DC \\ DM \\ DIVISA \\ }
+                2-  CI \\ GG \\ BI \\ BAJA \\ IVA
+                3- { DRC \\ DC \\ DRO \\ DFS \\ DRS \\ DFO \\ DUO \\ DI \\ DES \\ DN \\
+                  DD \\ DS \\ DIVISA \\ }
+                4- [ n ]
+            L: Sheet of Conditions 1
+                A)
+                    1- Empty
+                    2- {Section Code\\Section Title}
+                B)
+                    1- Record Code
+                    2- {Section Code\\Section Text}
+                    3- {Section Code\\RTF file}
+                    4- {Section Code\\HTM file}
+            Q: Sheet of Conditions 2
+                1- Record Code
+                2- {Section Code\\Paragraph key\\{Field key;}\\}|
+            J: Sheet of Conditions 3
+                1- Paragraph code
+                2- [Paragraph text]
+                3- [RTF file]
+                4- [HTML file]
+            G: Grafic info
+                1- <grafic_file.ext\\>
+            E: Company
+                1- company Code
+                2 [ summary ]
+                3- [ name ]
+                4- { [ type ] \\ [ subname ] \\ [ address ] \\ [ postal_code ]
+                  \\ [ town ] \\ [ province ] \\ [ country ] \\ { phone; }
+                  \\ { fax; }  \\ {contact_person; } \\ }
+                5- [ cif ] \\ [ web ] \\ [ email ] \\
+            X: Tecnical information
+                A)
+                    1- Empty
+                    2- < TI_Code \\ TI_Descitption \\ TI_Unit >
+                B)
+                    1- Record_code
+                    2- < TI_Code \\ TI_value >
+            F: #-#Adjunto#-# File
+                1- Record code
+                2- { Type \\ { Filenames; } \\ [Description] }
+            B: Change code
+                1- Record Code
+                2- New code
+            A: Labels
+                1- Record Code
+                2- <Label\\>
+            interface:
+    */
+    QStringList fields = record.split("|");
+    if (fields.isEmpty()) {
+        return;
+    }
+
+    QString recordType = fields.at(0);
+    if (recordType == "V")
+    {
+    }
+    else if (recordType == "C")
+    {
+    }
+    else if (recordType == "D" || recordType == "Y")
+    {
+    }
+    else if (recordType == "T")
+    {
+    } else {
+        qDebug() << "Unknown record type:" << recordType << fields;
+    }
+}
+
+void FIEBDC::parseV(QStringList fields)
+{
+    /*
+    parseV(field_list)
+
+    field_list: field list of the record
+        0- V :Property and Version
+        1- [File_Owner]
+        2- Format_Version[\DDMMYYYY]
+        3- [Program_Generator]
+        4- [Header]\{Title\}
+        5- [Chaters_set]
+        6- [Comment]
+        7- [Data type]
+        8- [Number budget certificate]
+        9- [Date budget certificate]
+    */
+
+    if (fields.size() < 10) {
+        qWarning() << "Invalid 'V' record, insufficient fields:" << fields;
+        return;
+    }
+
+    QString owner = fields[1].trimmed();
+    QString versionDate = fields[2].trimmed();
+    QString generator = fields[3].trimmed();
+    QString headerTitle = fields[4].trimmed();
+    QString characterSet = fields[5].trimmed();
+    QString comment = fields[6].trimmed();
+    QString dataType = fields[7].trimmed();
+    QString numberCertificate = fields[8].trimmed();
+    QString dateCertificate = fields[9].trimmed();
+
+    // Process version and date
+    QStringList versionDateParts = versionDate.split("\\");
+    if (!versionDateParts.isEmpty()) {
+        auto fileFormat = versionDateParts[0];
+        qDebug() << "File format set to:" << fileFormat;
+
+        if (versionDateParts.size() > 1) {
+            QDate parsedDate = parseDate(versionDateParts[1]);
+            if (parsedDate.isValid()) {
+                qDebug() << "Parsed version date:" << parsedDate;
+            }
+        }
+    }
+
+    /*
+    # _____number of fields_____
+    # Any INFORMATION after last field separator is ignored
+    if len(field_list) > 10:
+        field_list = field_list[:10]
+    # If there are no sufficient fields, the fields are added
+    # with empty value:""
+    else:
+        field_list = field_list + [""]*(10-len(field_list))
+    # control character are erased: end of line, tab, space
+    # only leading and trailing whitespace in owner, generator, comment
+    # _____Fields_____
+    _record_type = self.delete_control_space(field_list[0])
+    _owner = field_list[1].strip()
+    _owner = self.delete_control(_owner)
+    _version_date = self.delete_control_space(field_list[2])
+    _generator = field_list[3].strip()
+    _generator = self.delete_control(_generator)
+    _header_title = field_list[4].strip()
+    _header_title = self.delete_control(_header_title)
+    _character_set = self.delete_control_space(field_list[5])
+    _comment = field_list[6].strip("\t \n\r")
+    _data_type = self.delete_control_space(field_list[7])
+    _number_certificate = self.delete_control_space(field_list[8])
+    __date_certificate = self.delete_control_space(field_list[9])
+    # _____Owner_____
+    self.__budget.setOwner(_owner)
+    # _____Version-Date_____
+    _version_date = _version_date.split("\\")
+    _file_format = _version_date[0]
+    if _file_format in self.__format_list:
+        self.__file_format = _file_format
+        _tuni = _("FIEBDC format: $1")
+        _uni = utils.mapping(_tuni, (_file_format,))
+        print(_uni)
+
+    if len(_version_date) > 1:
+        _date = _version_date[1]
+        if _date != "":
+            _parsed_date = self.parseDate(_date)
+            if _parsed_date is not  None:
+                self.__budget.setDate(_parsed_date)
+    # _____Generator_____
+    # ignored field
+    _tuni = _("FIEBDC file generated by $1")
+    _uni = utils.mapping(_tuni, (_generator,))
+    print(_uni)
+    # _____Header_Title_____
+    _header_title = _header_title.split("\\")
+    _header_title = [_title.strip() for _title in _header_title]
+    _header = _header_title.pop(0)
+    _title = [ ]
+    for _title_index in _header_title:
+        if _title_index != "":
+            _title.append(_title_index)
+    if _header != "":
+        self.__budget.setTitleList([ _header, _title])
+    # _____Characters_set_____
+    # field parsed in readFile method
+    # _____Comment_____
+    if _comment != "":
+        self.__budget.setComment(_comment)
+    # _____Data type_____
+    # 1 -> Base data.
+    # 2 -> Budget.
+    # 3 -> Budget certificate.
+    # 4 -> Base date update.
+    try:
+        _data_type = int(_data_type)
+    except ValueError:
+        _data_type = ""
+    if _data_type == 3:
+        # _____Number budget certificate_____
+        try:
+            _number_certificate = int(_number_certificate)
+        except ValueError:
+            _number_certificate = ""
+        # _____Date budget certificate_____
+        if _date_certificate != "":
+            _parsed_date_certificate = self.parseDate(_date_certificate)
+            if _parsed_date_certificate is None:
+                _date_certificate = ""
+            else:
+                _date_certificate = _parsed_date_certificate
+        self.__budget.setBudgetype(_data_type)
+        self.__budget.setCertificateOrder(_number_certificate)
+        self.__budget.setCertificateDate(_parsed_date_cerfificate)
+    elif _data_type != "":
+        self.__budget.setBudgeType(_data_type)
+    self.__statistics.valid = self.__statistics.valid + 1
+    */
+}
+
+void FIEBDC::readFile(Budget* budget, QString filename) {
+    // Implementación de la función para leer el archivo
+    if (budget != nullptr) {
+        __budget = budget;
+    }
+    if (!filename.isEmpty()) {
+        __filename = filename;
+    }
+    // Lógica para leer el archivo
+}
diff --git a/utils/fiebdc.h b/utils/fiebdc.h
new file mode 100644
index 0000000..6b67956
--- /dev/null
+++ b/utils/fiebdc.h
@@ -0,0 +1,39 @@
+#ifndef FIEBDC_H
+#define FIEBDC_H
+
+#include <QString>
+#include <QVector>
+#include <QMap>
+#include <QRegularExpression>
+
+
+class Budget {
+public:
+    QString filename;
+};
+
+class FIEBDC {
+private:
+    Budget* __budget;
+    QString __filename;
+    bool __cancel;
+    QVector<QString> __format_list;
+    QMap<QString, QString> __character_sets_dict;
+    QString __file_format;
+    QString __generator;
+    QString __character_set;
+    QMap<QString, QRegularExpression> __pattern;
+    void initializePatterns();
+    void parseV(QStringList field_list);
+    void cancel();
+    QString eraseControlCharacters(const QString& input);
+    bool validateCode(const QString& code);
+    QDate parseDate(const QString& date);
+    void parseRecord(const QString& record);
+
+public:
+    FIEBDC(QString filename = "", Budget* budget = nullptr);
+    void readFile(Budget* budget = nullptr, QString filename = "");
+};
+
+#endif // FIEBDC_H
diff --git a/utils/filterlineedit.cpp b/utils/filterlineedit.cpp
new file mode 100644
index 0000000..7bf4524
--- /dev/null
+++ b/utils/filterlineedit.cpp
@@ -0,0 +1,243 @@
+#include "filterlineedit.h"
+//#include "Settings.h"
+
+#include <QTimer>
+#include <QKeyEvent>
+#include <QMenu>
+#include <QWhatsThis>
+#include <QDesktopServices>
+#include <QUrl>
+
+FilterLineEdit::FilterLineEdit(QWidget* parent, std::vector<FilterLineEdit*>* filters, size_t columnnum) :
+    QLineEdit(parent),
+    filterList(filters),
+    columnNumber(columnnum),
+    conditional_format(true)
+{
+    setPlaceholderText(tr("Filter"));
+    setClearButtonEnabled(true);
+    setProperty("column", static_cast<int>(columnnum));            // Store the column number for later use
+
+    // Introduce a timer for delaying the signal triggered whenever the user changes the filter value.
+    // The idea here is that the textChanged() event isn't connected to the update filter slot directly anymore
+    // but instead there this timer mechanism in between: whenever the user changes the filter the delay timer
+    // is (re)started. As soon as the user stops typing the timer has a chance to trigger and call the
+    // delayedSignalTimerTriggered() method which then stops the timer and emits the delayed signal.
+    delaySignalTimer = new QTimer(this);
+    delaySignalTimer->setInterval(1000 /*Settings::getValue("databrowser", "filter_delay").toInt()*/);  // This is the milliseconds of not-typing we want to wait before triggering
+    connect(this, &FilterLineEdit::textChanged, delaySignalTimer, static_cast<void (QTimer::*)()>(&QTimer::start));
+    connect(delaySignalTimer, &QTimer::timeout, this, &FilterLineEdit::delayedSignalTimerTriggered);
+
+    setWhatsThis(tr("These input fields allow you to perform quick filters in the currently selected table.\n"
+                    "By default, the rows containing the input text are filtered out.\n"
+                    "The following operators are also supported:\n"
+                    "%\tWildcard\n"
+                    ">\tGreater than\n"
+                    "<\tLess than\n"
+                    ">=\tEqual to or greater\n"
+                    "<=\tEqual to or less\n"
+                    "=\tEqual to: exact match\n"
+                    "<>\tUnequal: exact inverse match\n"
+                    "x~y\tRange: values between x and y\n"
+                    "/regexp/\tValues matching the regular expression"));
+
+    // Immediately emit the delayed filter value changed signal if the user presses the enter or the return key or
+    // the line edit widget loses focus
+    connect(this, &FilterLineEdit::editingFinished, this, &FilterLineEdit::delayedSignalTimerTriggered);
+
+    // Prepare for adding the What's This information and filter helper actions to the context menu
+    setContextMenuPolicy(Qt::CustomContextMenu);
+    connect(this, &FilterLineEdit::customContextMenuRequested, this, &FilterLineEdit::showContextMenu);
+}
+
+void FilterLineEdit::delayedSignalTimerTriggered()
+{
+    // Stop the timer first to avoid triggering in intervals
+    delaySignalTimer->stop();
+
+    // Only emit text changed signal if the text has actually changed in comparison to the last emitted signal. This is necessary
+    // because this method is also called whenever the line edit loses focus and not only when its text has definitely been changed.
+    if(text() != lastValue)
+    {
+        // Emit the delayed signal using the current value
+        emit delayedTextChanged(text());
+
+        // Remember this value for the next time
+        lastValue = text();
+    }
+}
+
+void FilterLineEdit::keyReleaseEvent(QKeyEvent* event)
+{
+    bool actedUponKey = false;
+    if(event->key() == Qt::Key_Tab)
+    {
+        if(filterList && columnNumber < filterList->size() - 1)
+        {
+            filterList->at(columnNumber + 1)->setFocus();
+        } else {
+            QWidget* grandParent = parentWidget()->parentWidget();
+            // Pass focus to the table (grandparent).
+            // Parent would be the table header, which would cycle back to the first
+            // column (due to proxying).
+            if(grandParent)
+                grandParent->setFocus();
+        }
+        actedUponKey = true;
+    } else if(event->key() == Qt::Key_Backtab) {
+        if(filterList && columnNumber > 0)
+        {
+            filterList->at(columnNumber - 1)->setFocus();
+            actedUponKey = true;
+        }
+    }
+    if(!actedUponKey)
+        QLineEdit::keyReleaseEvent(event);
+}
+
+void FilterLineEdit::focusInEvent(QFocusEvent* event)
+{
+    QLineEdit::focusInEvent(event);
+    emit filterFocused();
+}
+
+void FilterLineEdit::clear()
+{
+    // When programmatically clearing the line edit's value make sure the effects are applied immediately, i.e.
+    // bypass the delayed signal timer
+    QLineEdit::clear();
+    delayedSignalTimerTriggered();
+}
+
+void FilterLineEdit::setText(const QString& text)
+{
+    // When programmatically setting the line edit's value make sure the effects are applied immediately, i.e.
+    // bypass the delayed signal timer
+    QLineEdit::setText(text);
+    delayedSignalTimerTriggered();
+}
+
+void FilterLineEdit::setFilterHelper(const QString& filterOperator, const QString& operatorSuffix)
+{
+    setText(filterOperator + "?" + operatorSuffix);
+    // Select the value for easy editing of the expression
+    setSelection(filterOperator.length(), 1);
+}
+
+void FilterLineEdit::showContextMenu(const QPoint &pos)
+{
+
+    // This has to be created here, otherwise the set of enabled options would not update accordingly.
+    QMenu* editContextMenu = createStandardContextMenu();
+    editContextMenu->addSeparator();
+
+    QMenu* filterMenu = editContextMenu->addMenu(tr("Set Filter Expression"));
+
+    QAction* whatsThisAction = new QAction(QIcon(":/icons/whatis"), tr("What's This?"), editContextMenu);
+    connect(whatsThisAction, &QAction::triggered, this, [&]() {
+        QDesktopServices::openUrl(QUrl("https://github.com/sqlitebrowser/sqlitebrowser/wiki/Using-the-Filters"));
+        QWhatsThis::showText(pos, whatsThis(), this);
+    });
+
+    QAction* isNullAction = new QAction(tr("Is NULL"), editContextMenu);
+    connect(isNullAction, &QAction::triggered, this, [&]() {
+        setText("=NULL");
+    });
+
+    QAction* isNotNullAction = new QAction(tr("Is not NULL"), editContextMenu);
+    connect(isNotNullAction, &QAction::triggered, this, [&]() {
+        setText("<>NULL");
+    });
+
+    QAction* isEmptyAction = new QAction(tr("Is empty"), editContextMenu);
+    connect(isEmptyAction, &QAction::triggered, this, [&]() {
+        setText("=''");
+    });
+
+    QAction* isNotEmptyAction = new QAction(tr("Is not empty"), editContextMenu);
+    connect(isNotEmptyAction, &QAction::triggered, this, [&]() {
+        setText("<>''");
+    });
+    // Simplify this if we ever support a NOT LIKE filter
+    QAction* notContainingAction = new QAction(tr("Not containing..."), editContextMenu);
+    connect(notContainingAction, &QAction::triggered, this, [&]() {
+        setFilterHelper(QString ("/^((?!"), QString(").)*$/"));
+    });
+    QAction* equalToAction = new QAction(tr("Equal to..."), editContextMenu);
+    connect(equalToAction, &QAction::triggered, this, [&]() {
+        setFilterHelper(QString ("="));
+    });
+    QAction* notEqualToAction = new QAction(tr("Not equal to..."), editContextMenu);
+    connect(notEqualToAction, &QAction::triggered, this, [&]() {
+        setFilterHelper(QString ("<>"));
+    });
+    QAction* greaterThanAction = new QAction(tr("Greater than..."), editContextMenu);
+    connect(greaterThanAction, &QAction::triggered, this, [&]() {
+        setFilterHelper(QString (">"));
+    });
+    QAction* lessThanAction = new QAction(tr("Less than..."), editContextMenu);
+    connect(lessThanAction, &QAction::triggered, this, [&]() {
+        setFilterHelper(QString ("<"));
+    });
+    QAction* greaterEqualAction = new QAction(tr("Greater or equal..."), editContextMenu);
+    connect(greaterEqualAction, &QAction::triggered, this, [&]() {
+        setFilterHelper(QString (">="));
+    });
+    QAction* lessEqualAction = new QAction(tr("Less or equal..."), editContextMenu);
+    connect(lessEqualAction, &QAction::triggered, this, [&]() {
+        setFilterHelper(QString ("<="));
+    });
+    QAction* inRangeAction = new QAction(tr("In range..."), editContextMenu);
+    connect(inRangeAction, &QAction::triggered, this, [&]() {
+        setFilterHelper(QString ("?~"));
+    });
+
+    QAction* regexpAction = new QAction(tr("Regular expression..."), editContextMenu);
+    connect(regexpAction, &QAction::triggered, this, [&]() {
+        setFilterHelper(QString ("/"), QString ("/"));
+    });
+
+
+    if(conditional_format)
+    {
+        QAction* conditionalFormatAction;
+        if (text().isEmpty()) {
+            conditionalFormatAction = new QAction(QIcon(":/icons/clear_cond_formats"), tr("Clear All Conditional Formats"), editContextMenu);
+            connect(conditionalFormatAction, &QAction::triggered, this, [&]() {
+                emit clearAllCondFormats();
+            });
+        } else {
+            conditionalFormatAction = new QAction(QIcon(":/icons/add_cond_format"), tr("Use for Conditional Format"), editContextMenu);
+            connect(conditionalFormatAction, &QAction::triggered, this, [&]() {
+                emit addFilterAsCondFormat(text());
+            });
+        }
+        QAction* editCondFormatsAction = new QAction(QIcon(":/icons/edit_cond_formats"), tr("Edit Conditional Formats..."), editContextMenu);
+        connect(editCondFormatsAction, &QAction::triggered, this, [&]() {
+            emit editCondFormats();
+        });
+        editContextMenu->addSeparator();
+
+        editContextMenu->addAction(conditionalFormatAction);
+        editContextMenu->addAction(editCondFormatsAction);
+    }
+
+
+    filterMenu->addAction(whatsThisAction);
+    filterMenu->addSeparator();
+    filterMenu->addAction(isNullAction);
+    filterMenu->addAction(isNotNullAction);
+    filterMenu->addAction(isEmptyAction);
+    filterMenu->addAction(isNotEmptyAction);
+    filterMenu->addSeparator();
+    filterMenu->addAction(notContainingAction);
+    filterMenu->addAction(equalToAction);
+    filterMenu->addAction(notEqualToAction);
+    filterMenu->addAction(greaterThanAction);
+    filterMenu->addAction(lessThanAction);
+    filterMenu->addAction(greaterEqualAction);
+    filterMenu->addAction(lessEqualAction);
+    filterMenu->addAction(inRangeAction);
+    filterMenu->addAction(regexpAction);
+    editContextMenu->exec(mapToGlobal(pos));
+}
diff --git a/utils/filterlineedit.h b/utils/filterlineedit.h
new file mode 100644
index 0000000..517dce9
--- /dev/null
+++ b/utils/filterlineedit.h
@@ -0,0 +1,49 @@
+#ifndef FILTERLINEEDIT_H
+#define FILTERLINEEDIT_H
+
+#include <QLineEdit>
+#include <vector>
+
+class QTimer;
+class QKeyEvent;
+
+class FilterLineEdit : public QLineEdit
+{
+    Q_OBJECT
+
+public:
+    explicit FilterLineEdit(QWidget* parent, std::vector<FilterLineEdit*>* filters = nullptr, size_t columnnum = 0);
+
+    // Override methods for programmatically changing the value of the line edit
+    void clear();
+    void setText(const QString& text);
+
+    void setConditionFormatContextMenuEnabled(bool enable) { conditional_format = enable; }
+
+private slots:
+    void delayedSignalTimerTriggered();
+
+signals:
+    void delayedTextChanged(QString text);
+    void addFilterAsCondFormat(QString text);
+    void clearAllCondFormats();
+    void editCondFormats();
+    void filterFocused();
+
+protected:
+    void keyReleaseEvent(QKeyEvent* event) override;
+    void focusInEvent(QFocusEvent* event) override;
+    void setFilterHelper(const QString& filterOperator, const QString& operatorSuffix = QString());
+
+private:
+    std::vector<FilterLineEdit*>* filterList;
+    size_t columnNumber;
+    QTimer* delaySignalTimer;
+    QString lastValue;
+    bool conditional_format;
+
+private slots:
+    void showContextMenu(const QPoint &pos);
+};
+
+#endif
diff --git a/utils/filtertableheader.cpp b/utils/filtertableheader.cpp
new file mode 100644
index 0000000..1b002ea
--- /dev/null
+++ b/utils/filtertableheader.cpp
@@ -0,0 +1,148 @@
+#include "filtertableheader.h"
+#include "filtertableheader.h"
+
+#include <QApplication>
+#include <QTableView>
+#include <QScrollBar>
+
+#include "utils/filterlineedit.h"
+
+FilterTableHeader::FilterTableHeader(QTableView* parent) :
+    QHeaderView(Qt::Horizontal, parent)
+{
+    // Activate the click signals to allow sorting
+    setSectionsClickable(true);
+
+    // But use our own indicators allowing multi-column sorting
+    setSortIndicatorShown(false);
+
+    // Make sure to not automatically resize the columns according to the contents
+    setSectionResizeMode(QHeaderView::Interactive);
+
+    // Highlight column headers of selected cells to emulate spreadsheet behaviour
+    setHighlightSections(true);
+
+    // Do some connects: Basically just resize and reposition the input widgets whenever anything changes
+    connect(this, &FilterTableHeader::sectionResized, this, &FilterTableHeader::adjustPositions);
+    connect(this, &FilterTableHeader::sectionClicked, this, &FilterTableHeader::adjustPositions);
+    connect(parent->horizontalScrollBar(), &QScrollBar::valueChanged, this, &FilterTableHeader::adjustPositions);
+    connect(parent->verticalScrollBar(), &QScrollBar::valueChanged, this, &FilterTableHeader::adjustPositions);
+
+    // Set custom context menu handling
+    setContextMenuPolicy(Qt::CustomContextMenu);
+}
+
+void FilterTableHeader::generateFilters(size_t number, size_t number_of_hidden_filters)
+{
+    // Delete all the current filter widgets
+    qDeleteAll(filterWidgets);
+    filterWidgets.clear();
+
+    // And generate a bunch of new ones
+    for(size_t i=0; i < number; ++i)
+    {
+        FilterLineEdit* l = new FilterLineEdit(this, &filterWidgets, i);
+        l->setVisible(i >= number_of_hidden_filters);
+
+        // Set as focus proxy the first non-row-id visible filter-line.
+        if(i!=0 && l->isVisible() && !focusProxy())
+            setFocusProxy(l);
+
+        connect(l, &FilterLineEdit::delayedTextChanged, this, &FilterTableHeader::inputChanged);
+        connect(l, &FilterLineEdit::filterFocused, this, [this](){emit filterFocused();});
+        connect(l, &FilterLineEdit::addFilterAsCondFormat, this, &FilterTableHeader::addFilterAsCondFormat);
+        connect(l, &FilterLineEdit::clearAllCondFormats, this, &FilterTableHeader::clearAllCondFormats);
+        connect(l, &FilterLineEdit::editCondFormats, this, &FilterTableHeader::editCondFormats);
+        filterWidgets.push_back(l);
+    }
+
+    // Position them correctly
+    updateGeometries();
+}
+
+QSize FilterTableHeader::sizeHint() const
+{
+    // For the size hint just take the value of the standard implementation and add the height of a input widget to it if necessary
+    QSize s = QHeaderView::sizeHint();
+    if(filterWidgets.size())
+        s.setHeight(s.height() + filterWidgets.at(0)->sizeHint().height() + 4); // The 4 adds just adds some extra space
+    return s;
+}
+
+void FilterTableHeader::updateGeometries()
+{
+    // If there are any input widgets add a viewport margin to the header to generate some empty space for them which is not affected by scrolling
+    if(filterWidgets.size())
+        setViewportMargins(0, 0, 0, filterWidgets.at(0)->sizeHint().height());
+    else
+        setViewportMargins(0, 0, 0, 0);
+
+    // Now just call the parent implementation and reposition the input widgets
+    QHeaderView::updateGeometries();
+    adjustPositions();
+}
+
+void FilterTableHeader::adjustPositions()
+{
+    // The two adds some extra space between the header label and the input widget
+    const int y = QHeaderView::sizeHint().height() + 2;
+    // Loop through all widgets
+    for(int i=0;i < static_cast<int>(filterWidgets.size()); ++i)
+    {
+        // Get the current widget, move it and resize it
+        QWidget* w = filterWidgets.at(static_cast<size_t>(i));
+        if (QApplication::layoutDirection() == Qt::RightToLeft)
+            w->move(width() - (sectionPosition(i) + sectionSize(i) - offset()), y);
+        else
+            w->move(sectionPosition(i) - offset(), y);
+        w->resize(sectionSize(i), w->sizeHint().height());
+    }
+}
+
+void FilterTableHeader::inputChanged(const QString& new_value)
+{
+    adjustPositions();
+    // Just get the column number and the new value and send them to anybody interested in filter changes
+    emit filterChanged(sender()->property("column").toUInt(), new_value);
+}
+
+void FilterTableHeader::addFilterAsCondFormat(const QString& filter)
+{
+    // Just get the column number and the new value and send them to anybody interested in new conditional formatting
+    emit addCondFormat(sender()->property("column").toUInt(), filter);
+}
+
+void FilterTableHeader::clearAllCondFormats()
+{
+    // Just get the column number and send it to anybody responsible or interested in clearing conditional formatting
+    emit allCondFormatsCleared(sender()->property("column").toUInt());
+}
+
+void FilterTableHeader::editCondFormats()
+{
+    // Just get the column number and the new value and send them to anybody interested in editing conditional formatting
+    emit condFormatsEdited(sender()->property("column").toUInt());
+}
+
+void FilterTableHeader::clearFilters()
+{
+    for(FilterLineEdit* filterLineEdit : filterWidgets)
+        filterLineEdit->clear();
+}
+
+void FilterTableHeader::setFilter(size_t column, const QString& value)
+{
+    if(column < filterWidgets.size())
+        filterWidgets.at(column)->setText(value);
+}
+
+QString FilterTableHeader::filterValue(size_t column) const
+{
+    return filterWidgets[column]->text();
+}
+
+void FilterTableHeader::setFocusColumn(size_t column)
+{
+    if(column < filterWidgets.size())
+        filterWidgets.at(column)->setFocus();
+}
diff --git a/utils/filtertableheader.h b/utils/filtertableheader.h
new file mode 100644
index 0000000..26aff92
--- /dev/null
+++ b/utils/filtertableheader.h
@@ -0,0 +1,47 @@
+#ifndef FILTERTABLEHEADER_H
+#define FILTERTABLEHEADER_H
+
+#include <QHeaderView>
+#include <vector>
+
+class QTableView;
+class FilterLineEdit;
+
+class FilterTableHeader : public QHeaderView
+{
+    Q_OBJECT
+
+public:
+    explicit FilterTableHeader(QTableView* parent = nullptr);
+    QSize sizeHint() const override;
+    bool hasFilters() const {return (filterWidgets.size() > 0);}
+    QString filterValue(size_t column) const;
+    void setFocusColumn(size_t column);
+
+public slots:
+    void generateFilters(size_t number, size_t number_of_hidden_filters = 1);
+    void adjustPositions();
+    void clearFilters();
+    void setFilter(size_t column, const QString& value);
+
+signals:
+    void filterChanged(size_t column, QString value);
+    void filterFocused();
+    void addCondFormat(size_t column, QString filter);
+    void allCondFormatsCleared(size_t column);
+    void condFormatsEdited(size_t column);
+
+protected:
+    void updateGeometries() override;
+
+private slots:
+    void inputChanged(const QString& new_value);
+    void addFilterAsCondFormat(const QString& filter);
+    void clearAllCondFormats();
+    void editCondFormats();
+
+private:
+    std::vector<FilterLineEdit*> filterWidgets;
+};
+
+#endif
diff --git a/utils/frameless.cpp b/utils/frameless.cpp
new file mode 100644
index 0000000..d3edf25
--- /dev/null
+++ b/utils/frameless.cpp
@@ -0,0 +1,228 @@
+#include "frameless.h"
+
+FrameLess::FrameLess(QWidget *target) :
+    _target(target),
+    _cursorchanged(false),
+    _leftButtonPressed(false),
+    _borderWidth(5),
+    _dragPos(QPoint())
+{
+    _target->setMouseTracking(true);
+    _target->setWindowFlags(Qt::FramelessWindowHint | Qt::Popup);
+    _target->setAttribute(Qt::WA_Hover);
+    _target->installEventFilter(this);
+    _rubberband = new QRubberBand(QRubberBand::Rectangle);
+}
+
+bool FrameLess::eventFilter(QObject *o, QEvent*e)
+{
+    switch (e->type())
+    {
+        case QEvent::MouseMove:
+            mouseMove(static_cast<QMouseEvent*>(e));
+            return true;
+
+        case QEvent::HoverMove:
+            mouseHover(static_cast<QHoverEvent*>(e));
+            return true;
+
+        case QEvent::Leave:
+            mouseLeave(e);
+            return true;
+
+        case QEvent::MouseButtonPress:
+            mousePress(static_cast<QMouseEvent*>(e));
+            return true;
+
+        case QEvent::MouseButtonRelease:
+            mouseRealese(static_cast<QMouseEvent*>(e));
+            return true;
+
+        default:
+            return _target->eventFilter(o, e);
+    }
+}
+
+void FrameLess::mouseHover(QHoverEvent *e)
+{
+    updateCursorShape(_target->mapToGlobal(e->pos()));
+}
+
+void FrameLess::mouseLeave(QEvent *e)
+{
+    if (!_leftButtonPressed)
+    {
+        _target->unsetCursor();
+    }
+}
+
+void FrameLess::mousePress(QMouseEvent *e)
+{
+    if (e->button() & Qt::LeftButton)
+    {
+        _leftButtonPressed = true;
+        calculateCursorPosition(e->globalPos(), _target->frameGeometry(), _mousePress);
+        if (!_mousePress.testFlag(Edge::None)) {
+            _rubberband->setGeometry(_target->frameGeometry());
+        }
+
+        if (_target->rect().marginsRemoved(QMargins(borderWidth(), borderWidth(), borderWidth(), borderWidth())).contains(e->pos()))
+        {
+            _dragStart = true;
+            _dragPos = e->pos();
+        }
+    }
+}
+
+void FrameLess::mouseRealese(QMouseEvent *e)
+{
+    if (e->button() & Qt::LeftButton)
+    {
+        _leftButtonPressed = false;
+        _dragStart = false;
+    }
+}
+
+void FrameLess::mouseMove(QMouseEvent *e)
+{
+    if (_leftButtonPressed)
+    {
+        if (_dragStart)
+        {
+            _target->move(_target->frameGeometry().topLeft() + (e->pos() - _dragPos));
+        }
+
+        if (!_mousePress.testFlag(Edge::None)) {
+            int left = _rubberband->frameGeometry().left();
+            int top = _rubberband->frameGeometry().top();
+            int right = _rubberband->frameGeometry().right();
+            int bottom = _rubberband->frameGeometry().bottom();
+            switch (_mousePress)
+            {
+                case Edge::Top:
+                    top = e->globalPos().y();
+                    break;
+                case Edge::Bottom:
+                    bottom = e->globalPos().y();
+                    break;
+                case Edge::Left:
+                    left = e->globalPos().x();
+                    break;
+                case Edge::Right:
+                    right = e->globalPos().x();
+                    break;
+                case Edge::TopLeft:
+                    top = e->globalPos().y();
+                    left = e->globalPos().x();
+                    break;
+                case Edge::TopRight:
+                    right = e->globalPos().x();
+                    top = e->globalPos().y();
+                    break;
+                case Edge::BottomLeft:
+                    bottom = e->globalPos().y();
+                    left = e->globalPos().x();
+                    break;
+                case Edge::BottomRight:
+                    bottom = e->globalPos().y();
+                    right = e->globalPos().x();
+                    break;
+            }
+            QRect newRect(QPoint(left, top), QPoint(right, bottom));
+            if (newRect.width() < _target->minimumWidth()) {
+                left = _target->frameGeometry().x();
+            }
+            else if (newRect.height() < _target->minimumHeight()) {
+                top = _target->frameGeometry().y();
+            }
+            _target->setGeometry(QRect(QPoint(left, top), QPoint(right, bottom)));
+            _rubberband->setGeometry(QRect(QPoint(left, top), QPoint(right, bottom)));
+        }
+    }
+    else {
+        updateCursorShape(e->globalPos());
+    }
+}
+
+void FrameLess::updateCursorShape(const QPoint &pos) {
+    if (_target->isFullScreen() || _target->isMaximized()) {
+        if (_cursorchanged) {
+            _target->unsetCursor();
+        }
+        return;
+    }
+    if (!_leftButtonPressed) {
+        calculateCursorPosition(pos, _target->frameGeometry(), _mouseMove);
+        _cursorchanged = true;
+        if (_mouseMove.testFlag(Edge::Top) || _mouseMove.testFlag(Edge::Bottom)) {
+            _target->setCursor(Qt::SizeVerCursor);
+        }
+        else if (_mouseMove.testFlag(Edge::Left) || _mouseMove.testFlag(Edge::Right)) {
+            _target->setCursor(Qt::SizeHorCursor);
+        }
+        else if (_mouseMove.testFlag(Edge::TopLeft) || _mouseMove.testFlag(Edge::BottomRight)) {
+            _target->setCursor(Qt::SizeFDiagCursor);
+        }
+        else if (_mouseMove.testFlag(Edge::TopRight) || _mouseMove.testFlag(Edge::BottomLeft)) {
+            _target->setCursor(Qt::SizeBDiagCursor);
+        }
+        else if (_cursorchanged) {
+            _target->unsetCursor();
+            _cursorchanged = false;
+        }
+    }
+}
+
+void FrameLess::calculateCursorPosition(const QPoint &pos, const QRect &framerect, Edges &_edge) {
+    bool onLeft = pos.x() >= framerect.x() - _borderWidth && pos.x() <= framerect.x() + _borderWidth &&
+        pos.y() <= framerect.y() + framerect.height() - _borderWidth && pos.y() >= framerect.y() + _borderWidth;
+
+    bool onRight = pos.x() >= framerect.x() + framerect.width() - _borderWidth && pos.x() <= framerect.x() + framerect.width() &&
+        pos.y() >= framerect.y() + _borderWidth && pos.y() <= framerect.y() + framerect.height() - _borderWidth;
+
+    bool onBottom = pos.x() >= framerect.x() + _borderWidth && pos.x() <= framerect.x() + framerect.width() - _borderWidth  &&
+        pos.y() >= framerect.y() + framerect.height() - _borderWidth && pos.y() <= framerect.y() + framerect.height();
+
+    bool onTop = pos.x() >= framerect.x() + _borderWidth && pos.x() <= framerect.x() + framerect.width() - _borderWidth &&
+        pos.y() >= framerect.y() && pos.y() <= framerect.y() + _borderWidth;
+
+    bool  onBottomLeft = pos.x() <= framerect.x() + _borderWidth && pos.x() >= framerect.x() &&
+        pos.y() <= framerect.y() + framerect.height() && pos.y() >= framerect.y() + framerect.height() - _borderWidth;
+
+    bool onBottomRight = pos.x() >= framerect.x() + framerect.width() - _borderWidth && pos.x() <= framerect.x() + framerect.width() &&
+        pos.y() >= framerect.y() + framerect.height() - _borderWidth && pos.y() <= framerect.y() + framerect.height();
+
+    bool onTopRight = pos.x() >= framerect.x() + framerect.width() - _borderWidth && pos.x() <= framerect.x() + framerect.width() &&
+        pos.y() >= framerect.y() && pos.y() <= framerect.y() + _borderWidth;
+
+    bool onTopLeft = pos.x() >= framerect.x() && pos.x() <= framerect.x() + _borderWidth &&
+        pos.y() >= framerect.y() && pos.y() <= framerect.y() + _borderWidth;
+
+    if (onLeft) {
+        _edge = Left;
+    }
+    else if (onRight) {
+        _edge = Right;
+    }
+    else if (onBottom) {
+        _edge = Bottom;
+    }
+    else if (onTop) {
+        _edge = Top;
+    }
+    else if (onBottomLeft) {
+        _edge = BottomLeft;
+    }
+    else if (onBottomRight) {
+        _edge = BottomRight;
+    }
+    else if (onTopRight) {
+        _edge = TopRight;
+    }
+    else if (onTopLeft) {
+        _edge = TopLeft;
+    }
+    else {
+        _edge = None;
+    }
+}
diff --git a/utils/frameless.h b/utils/frameless.h
new file mode 100644
index 0000000..eb7bc37
--- /dev/null
+++ b/utils/frameless.h
@@ -0,0 +1,67 @@
+#ifndef FRAMELESS_H
+#define FRAMELESS_H
+
+#pragma once
+#include <QtWidgets/QWidget>
+#include <QtWidgets/QRubberBand>
+#include <QtCore/QObject>
+#include <QtCore/QEvent>
+#include <QtCore/QRect>
+#include <QtCore/QPoint>
+#include <QtCore/Qt>
+#include <QtGui/QHoverEvent>
+#include <QtGui/QMouseEvent>
+
+class FrameLess : public QObject {
+    Q_OBJECT
+
+public:
+    enum Edge {
+        None = 0x0,
+        Left = 0x1,
+        Top = 0x2,
+        Right = 0x4,
+        Bottom = 0x8,
+        TopLeft = 0x10,
+        TopRight = 0x20,
+        BottomLeft = 0x40,
+        BottomRight = 0x80,
+    };
+    Q_ENUM(Edge);
+    Q_DECLARE_FLAGS(Edges, Edge);
+
+    FrameLess(QWidget *target);
+
+    void setBorderWidth(int w) {
+        _borderWidth = w;
+    }
+    int borderWidth() const {
+        return _borderWidth;
+    }
+
+protected:
+    bool eventFilter(QObject *o, QEvent *e) override;
+    void mouseHover(QHoverEvent*);
+    void mouseLeave(QEvent*);
+    void mousePress(QMouseEvent*);
+    void mouseRealese(QMouseEvent*);
+    void mouseMove(QMouseEvent*);
+    void updateCursorShape(const QPoint &);
+    void calculateCursorPosition(const QPoint &, const QRect &, Edges &);
+
+private:
+    QWidget *_target = nullptr;
+    QRubberBand *_rubberband = nullptr;
+    bool _cursorchanged;
+    bool _leftButtonPressed;
+    Edges _mousePress = Edge::None;
+    Edges _mouseMove = Edge::None;
+    int _borderWidth;
+
+    QPoint _dragPos;
+    bool _dragStart = false;
+};
+
+Q_DECLARE_OPERATORS_FOR_FLAGS(FrameLess::Edges);
+
+#endif // FRAMELESS_H
diff --git a/widget/arrowrectangle.cpp b/widget/arrowrectangle.cpp
new file mode 100644
index 0000000..0905223
--- /dev/null
+++ b/widget/arrowrectangle.cpp
@@ -0,0 +1,24 @@
+#include "arrowrectangle.h"
+
+#include <DApplication>
+
+ArrowRectangle::ArrowRectangle(ArrowDirection direction, QWidget *parent)
+    : DArrowRectangle(direction, DArrowRectangle::FloatWindow, parent)
+{
+    connect(qApp, &DApplication::focusChanged, this, [=](QWidget* old, QWidget* now){
+        Q_UNUSED(old);
+        if (now != this && !this->isAncestorOf(now))
+        {
+            hide();
+        }
+    });
+}
+
+void ArrowRectangle::hideEvent(QHideEvent *e)
+{
+    Q_UNUSED(e);
+    emit hideWindow();
+}
+
+ArrowRectangle::~ArrowRectangle()
+{}
diff --git a/widget/arrowrectangle.h b/widget/arrowrectangle.h
new file mode 100644
index 0000000..72d1974
--- /dev/null
+++ b/widget/arrowrectangle.h
@@ -0,0 +1,23 @@
+#ifndef ARROWRECTANGLE_H
+#define ARROWRECTANGLE_H
+
+#include <QHideEvent>
+
+#include <darrowrectangle.h>
+
+DWIDGET_USE_NAMESPACE
+class ArrowRectangle : public DArrowRectangle
+{
+    Q_OBJECT
+public:
+    explicit ArrowRectangle(ArrowDirection direction, QWidget * parent = 0);
+    ~ArrowRectangle();
+
+signals:
+    void hideWindow();
+
+protected:
+    void hideEvent(QHideEvent* e);
+};
+
+#endif // ARROWRECTANGLE_H
diff --git a/widget/avatarwidget.cpp b/widget/avatarwidget.cpp
new file mode 100644
index 0000000..04eab08
--- /dev/null
+++ b/widget/avatarwidget.cpp
@@ -0,0 +1,278 @@
+/*
+ * Copyright (C) 2011 ~ 2018 Deepin Technology Co., Ltd.
+ *
+ * Author:     sbw <sbw@sbw.so>
+ *             kirigaya <kirigaya@mkacg.com>
+ *             Hualet <mr.asianwang@gmail.com>
+ *
+ * Maintainer: sbw <sbw@sbw.so>
+ *             kirigaya <kirigaya@mkacg.com>
+ *             Hualet <mr.asianwang@gmail.com>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+#include "avatarwidget.h"
+
+#include <QDebug>
+#include <QUrl>
+#include <QPainter>
+#include <QPaintEvent>
+#include <QVBoxLayout>
+#include <QApplication>
+#include <QRect>
+#include <QColor>
+#include <QPainterPath>
+#include <QFile>
+
+
+AvatarWidget::AvatarWidget(QWidget *parent)
+    : QLabel(parent),
+      m_hover(false),
+      m_deleable(false),
+      m_selected(false),
+      m_arrowed(false)
+{
+    QVBoxLayout *mainLayout = new QVBoxLayout;
+    //mainLayout->setMargin(0);
+    mainLayout->setSpacing(0);
+
+    setLayout(mainLayout);
+    //setFixedSize(PIX_SIZE, PIX_SIZE);
+    setObjectName("AvatarWidget");
+}
+
+AvatarWidget::AvatarWidget(const QString &avatar, QWidget *parent)
+    : AvatarWidget(parent)
+{
+    setAvatarPath(avatar);
+}
+
+void AvatarWidget::setSelected(const bool selected)
+{
+    m_selected = selected;
+    update();
+}
+
+void AvatarWidget::setDeletable(const bool deletable)
+{
+    m_deleable = deletable;
+    update();
+}
+
+void AvatarWidget::setArrowed(const bool arrowed)
+{
+    m_arrowed = arrowed;
+    update();
+}
+
+const QString AvatarWidget::avatarPath() const
+{
+    return m_avatarPath;
+}
+
+void AvatarWidget::setAvatarPath(const QString &avatar)
+{
+    const auto ratio = devicePixelRatioF();
+
+    QString avatarPath = avatar;
+
+    /*
+    if (ratio > 1.0)
+        avatarPath.replace("icons/", "icons/bigger/");
+    */
+
+    QUrl url(avatarPath);
+    if (!QFile(url.toLocalFile()).exists())
+        url = QUrl(avatar);
+
+    m_avatarPath = url.toString();
+    m_avatar = QPixmap(avatar).scaled(size() * ratio, Qt::KeepAspectRatio, Qt::FastTransformation);
+    m_avatar.setDevicePixelRatio(ratio*2);
+
+    setAccessibleName(m_avatarPath);
+
+    update();
+}
+
+void AvatarWidget::setAvatarPixmap(const QPixmap avatar)
+{
+    m_avatar = avatar;
+    setAccessibleName("");
+    update();
+}
+
+void AvatarWidget::mouseReleaseEvent(QMouseEvent *e)
+{
+    if (rect().contains(e->pos()))
+    {
+        Q_EMIT clicked(avatarPath());
+        if(e->pos().x() > (rect().width() / 2))
+        {
+            Q_EMIT addClicked(avatarPath());
+        }
+        else
+        {
+            setAvatarPath("");
+            setAccessibleName("");
+            Q_EMIT removeClicked(avatarPath());
+        }
+    }
+
+    QWidget::mouseReleaseEvent(e);
+}
+
+void AvatarWidget::paintEvent(QPaintEvent *e)
+{
+    QPainterPath painterPath;
+    //painterPath.addEllipse(QRect(0, 0, width(), height()));
+    painterPath.addRoundedRect(QRect(0, 0, width(), height()), 5 ,5 );
+
+    QPainter painter(this);
+    painter.setRenderHint(QPainter::Antialiasing);
+    painter.setClipPath(painterPath);
+
+    painter.drawPixmap(e->rect(), m_avatar);
+
+    if (m_selected)
+    {
+        setAccessibleDescription("selectedIcon");
+        QPen pen(Qt::transparent);
+        pen.setWidth(4);
+        pen.setColor(Qt::white);
+        painter.setPen(pen);
+        painter.setBrush(Qt::transparent);
+        painter.drawEllipse(rect());
+    };
+
+    //当鼠标移动到图像上面
+    if (m_hover)
+    {
+        painter.setPen(Qt::NoPen);
+        //宽高
+        int w = this->rect().width();
+        int h = this->rect().height();
+        //矩形
+        QRect rect1(0, h - h / 4, w / 2 - 1, h - h / 4);
+        QRect rect2(w / 2 + 1, h - h / 4, w, h - h / 4);
+        // 反走样
+        painter.setRenderHint(QPainter::Antialiasing, true);
+        // 设置渐变色
+        QLinearGradient linear(QPoint(0, h - h / 4), QPoint(0, h));
+        linear.setColorAt(0, QColor(0, 0, 0, 0.00 * 255));
+        linear.setColorAt(1, QColor(0, 0, 0, 0.50 * 255));
+
+        // 设置显示模式
+        linear.setSpread(QGradient::PadSpread);
+        painter.setBrush(linear);
+        //painter.drawRect(rect1);
+        //painter.drawRect(rect2);
+
+
+        QRadialGradient radialGrad(QPointF(400, 150), 100);
+        radialGrad.setColorAt(0, QColor(0, 0, 0, 0.00 * 255));
+        radialGrad.setColorAt(1, QColor(0, 0, 0, 0.50 * 255));
+        QRect rect_radial(300,50,200,200);
+        painter.fillRect(rect_radial, radialGrad);
+
+        linear.setSpread(QGradient::PadSpread);
+        painter.setBrush(linear);
+        painter.drawEllipse(QRect(0, h - h / 4, 50, h - h / 4));
+        painter.drawEllipse(QRect(w - 50, h - h / 4, w, h - h / 4));
+    }
+
+    if (!m_arrowed)
+    {
+        QPen pen(Qt::transparent);
+        int portion = this->rect().width() / 10;
+        QPoint cpt = this->rect().center();
+        int p = rect().width() - 10;
+
+        int mar = 10;
+
+        pen.setWidth(4);
+        pen.setColor(Qt::black);
+        painter.setPen(pen);
+
+
+
+        painter.drawLine(QPoint(mar + 1, cpt.y() + portion * 3 + 1),
+                         QPoint(mar + portion - 1, cpt.y() + portion * 4 - 1));
+        painter.drawLine(QPoint(mar + 1, cpt.y() + portion * 4 - 1),
+                         QPoint(mar + portion - 1, cpt.y() + portion * 3 + 1));
+
+        painter.drawLine(QPoint(p - portion, cpt.y() + portion * 4 - portion / 2),
+                         QPoint(p,           cpt.y() + portion * 4 - portion / 2));
+        painter.drawLine(QPoint(p - portion / 2, cpt.y() + portion * 3),
+                         QPoint(p - portion / 2, cpt.y() + portion * 4));
+
+
+        pen.setWidth(2);
+        pen.setColor(Qt::white);
+        painter.setPen(pen);
+
+        painter.drawLine(QPoint(mar + 1, cpt.y() + portion * 3 + 1),
+                         QPoint(mar + portion - 1, cpt.y() + portion * 4 - 1));
+        painter.drawLine(QPoint(mar + 1, cpt.y() + portion * 4 - 1),
+                         QPoint(mar + portion - 1, cpt.y() + portion * 3 + 1));
+        painter.drawLine(QPoint(p - portion, cpt.y() + portion * 4 - portion / 2),
+                         QPoint(p,           cpt.y() + portion * 4 - portion / 2));
+        painter.drawLine(QPoint(p - portion / 2, cpt.y() + portion * 3),
+                         QPoint(p - portion / 2, cpt.y() + portion * 4));
+    }
+    else
+    {
+        QPen pen(Qt::transparent);
+        pen.setWidth(2);
+        pen.setColor(Qt::white);
+        painter.setPen(pen);
+        //把直径平均分成10份
+        int portion = this->rect().width() / 10;
+        //圆中心点坐标
+        QPoint cpt = this->rect().center();
+        //绘制左边直线
+        painter.drawLine(QPoint(cpt.x() - portion / 2, cpt.y() + portion * 4),
+                         QPoint(cpt.x(), cpt.y() + portion * 4 - portion / 2));
+        //绘制右边直线
+        painter.drawLine(QPoint(cpt.x() + portion / 2, cpt.y() + portion * 4),
+                         QPoint(cpt.x(), cpt.y() + portion * 4 - portion / 2));
+    }
+
+    QWidget::paintEvent(e);
+}
+
+void AvatarWidget::enterEvent(QEvent *)
+{
+    m_hover = true;
+    update();
+}
+
+void AvatarWidget::leaveEvent(QEvent *)
+{
+    m_hover = false;
+    update();
+}
+
+void AvatarWidget::resizeEvent(QResizeEvent *event)
+{
+    QWidget::resizeEvent(event);
+
+    const auto ratio = devicePixelRatioF();
+
+    QUrl url(m_avatarPath);
+    m_avatar = QPixmap(url.toLocalFile()).scaled(size() * ratio, Qt::KeepAspectRatio, Qt::FastTransformation);
+    m_avatar.setDevicePixelRatio(ratio);
+
+    update();
+}
diff --git a/widget/avatarwidget.h b/widget/avatarwidget.h
new file mode 100644
index 0000000..d0c0ddf
--- /dev/null
+++ b/widget/avatarwidget.h
@@ -0,0 +1,79 @@
+/*
+ * Copyright (C) 2011 ~ 2018 Deepin Technology Co., Ltd.
+ *
+ * Author:     sbw <sbw@sbw.so>
+ *             kirigaya <kirigaya@mkacg.com>
+ *             Hualet <mr.asianwang@gmail.com>
+ *
+ * Maintainer: sbw <sbw@sbw.so>
+ *             kirigaya <kirigaya@mkacg.com>
+ *             Hualet <mr.asianwang@gmail.com>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+#ifndef AVATARWIDGET_H
+#define AVATARWIDGET_H
+
+//#include "avatardel.h"
+#include <QWidget>
+#include <QPushButton>
+#include <QLabel>
+
+#define PIX_SIZE    60
+
+
+class AvatarWidget : public QLabel
+{
+    Q_OBJECT
+
+public:
+    explicit AvatarWidget(QWidget *parent = 0);
+    explicit AvatarWidget(const QString &avatar, QWidget *parent = 0);
+
+    void setSelected(const bool selected = true);
+    void setDeletable(const bool deletable = true);
+
+    const QString avatarPath() const;
+    void setAvatarPath(const QString &avatar);
+    void setAvatarPixmap(const QPixmap avatar);
+
+    void setArrowed(const bool arrowed = true);
+    inline bool arrowed() const { return m_arrowed; }
+
+Q_SIGNALS:
+    void clicked(const QString &iconPath) const;
+    void addClicked(const QString &iconPath) const;
+    void removeClicked(const QString &iconPath) const;
+    void requestDelete(const QString &iconPath) const;
+
+protected:
+    void mouseReleaseEvent(QMouseEvent *e);
+    void paintEvent(QPaintEvent *e);
+    void enterEvent(QEvent *);
+    void leaveEvent(QEvent *);
+    void resizeEvent(QResizeEvent *event);
+
+private:
+    bool m_hover;
+    bool m_deleable;
+    bool m_selected;
+    bool m_arrowed;
+
+    QPixmap m_avatar;
+    QString m_avatarPath;
+};
+
+
+#endif // AVATARWIDGET_H
diff --git a/widget/bigcolorbutton.cpp b/widget/bigcolorbutton.cpp
new file mode 100644
index 0000000..2a96c28
--- /dev/null
+++ b/widget/bigcolorbutton.cpp
@@ -0,0 +1,156 @@
+#include "bigcolorbutton.h"
+
+//#include "utils/baseutils.h"
+//#include "utils/configsettings.h"
+
+#include <QDebug>
+
+const qreal COLOR_RADIUS = 4;
+const int BTN_RADIUS = 8;
+const QPoint CENTER_POINT = QPoint(12, 12);
+
+BigColorButton::BigColorButton(const QString &group, QWidget *parent)
+    : QPushButton(parent)
+    , m_isHover(false)
+    , m_isChecked(false)
+{
+    setFixedSize(24, 24);
+    setCheckable(false);
+    m_group = group;
+
+    /*
+    if (group == "common")
+    {
+        bool transColBtnChecked = ConfigSettings::instance()->value(
+                    "common", "fillColor_transparent").toBool();
+        if (transColBtnChecked)
+        {
+            m_color = QColor(Qt::transparent);
+        } else {
+            m_color = QColor(ConfigSettings::instance()->value(
+                        "common", "fillColor").toString());
+        }
+    } else {
+        bool transColBtnChecked = ConfigSettings::instance()->value(
+                    "text", "fillColor_transparent").toBool();
+        if (transColBtnChecked)
+        {
+            m_color = QColor(Qt::transparent);
+        } else {
+            m_color = QColor(ConfigSettings::instance()->value(
+                        "text", "fillColor").toString());
+        }
+    }
+
+    connect(ConfigSettings::instance(), &ConfigSettings::configChanged,
+                  this, &BigColorButton::updateConfigColor);
+                  */
+}
+
+void BigColorButton::updateConfigColor(const QString &group,
+                                                                            const QString &key)
+{
+    if (group == m_group && (key == "fillColor"/* || key == "fillColor_alpha"*/
+                             || key == "fillColor_transparent"))
+    {
+        /*
+        qDebug() << "updateConfigColor......" << key;
+        m_color = QColor(ConfigSettings::instance()->value(
+                            m_group, "fillColor").toString());
+
+        bool transColBtnChecked = ConfigSettings::instance()->value(m_group,
+                                                                    "fillColor_transparent").toBool();
+        if (transColBtnChecked)
+            m_color = QColor(Qt::transparent);
+        else {
+            m_color = QColor(ConfigSettings::instance()->value(
+                       m_group, "fillColor").toString());
+        }
+        */
+
+        update();
+    }
+}
+
+BigColorButton::~BigColorButton()
+{
+}
+
+void BigColorButton::paintEvent(QPaintEvent *)
+{
+    QPainter painter(this);
+    painter.setRenderHints(QPainter::Antialiasing
+                           |QPainter::SmoothPixmapTransform);
+    painter.setPen(Qt::transparent);
+
+    painter.setBrush(QBrush(QColor(0, 0, 0, 13)));
+    QColor drawColor = m_color;
+
+    if (m_isHover || m_isChecked)
+    {
+        painter.setBrush(QBrush(QColor(0, 0, 0, 25)));
+        painter.drawRoundedRect(rect(), 4, 4);
+    } else if (m_isChecked)
+    {
+        drawColor = QColor(m_color.red(), m_color.green(), m_color.blue(), 25);
+    }
+
+    painter.setBrush(drawColor);
+    painter.drawEllipse(CENTER_POINT,  BTN_RADIUS, BTN_RADIUS);
+
+    QPen borderPen;
+    borderPen.setWidth(1);
+    borderPen.setColor(QColor(0, 0, 0, 15));
+    painter.setPen(borderPen);
+    if (m_isChecked)
+    {
+        painter.setBrush(QColor(0, 0, 0, 55));
+    } else {
+        painter.setBrush(Qt::transparent);
+    }
+    painter.drawEllipse(CENTER_POINT, BTN_RADIUS + 1, BTN_RADIUS+1);
+}
+
+void BigColorButton::setColor(QColor color)
+{
+    m_color = color;
+    update();
+}
+
+void BigColorButton::setColorIndex(int index)
+{
+    //m_color = colorIndexOf(index);
+    update();
+}
+
+void BigColorButton::enterEvent(QEvent *)
+{
+    if (!m_isHover)
+    {
+        m_isHover = true;
+        update();
+    }
+}
+
+void BigColorButton::leaveEvent(QEvent *)
+{
+    if (m_isHover)
+    {
+        m_isHover = false;
+        update();
+    }
+}
+
+void BigColorButton::mousePressEvent(QMouseEvent* )
+{
+    m_isChecked = !m_isChecked;
+    update();
+
+    btnCheckStateChanged(m_isChecked);
+}
+
+void BigColorButton::resetChecked()
+{
+    m_isChecked = false;
+    update();
+}
diff --git a/widget/bigcolorbutton.h b/widget/bigcolorbutton.h
new file mode 100644
index 0000000..2e2d0bc
--- /dev/null
+++ b/widget/bigcolorbutton.h
@@ -0,0 +1,39 @@
+#ifndef BIGCOLORBUTTON_H
+#define BIGCOLORBUTTON_H
+
+#include <QPushButton>
+#include <QPainter>
+#include <QPaintEvent>
+
+//#include "utils/baseutils.h"
+
+class BigColorButton : public QPushButton
+{
+    Q_OBJECT
+public:
+    BigColorButton(const QString &group, QWidget* parent = 0);
+    ~BigColorButton();
+
+    void setColor(QColor color);
+    void setColorIndex(int index);
+    void updateConfigColor(const QString &group,  const QString &key);
+    void resetChecked();
+
+signals:
+    void btnCheckStateChanged(bool show);
+
+protected:
+    void paintEvent(QPaintEvent *);
+    void enterEvent(QEvent *);
+    void leaveEvent(QEvent *);
+    void mousePressEvent(QMouseEvent* );
+
+private:
+    QColor m_color;
+    bool m_isHover;
+    bool m_isChecked;
+
+    QString m_group;
+};
+
+#endif // BIGCOLORBUTTON_H
diff --git a/widget/bordercolorbutton.cpp b/widget/bordercolorbutton.cpp
new file mode 100644
index 0000000..17b41d7
--- /dev/null
+++ b/widget/bordercolorbutton.cpp
@@ -0,0 +1,136 @@
+#include "bordercolorbutton.h"
+
+#include <QPainter>
+#include <QDebug>
+
+//#include "utils/baseutils.h"
+//#include "utils/configsettings.h"
+
+const qreal COLOR_RADIUS = 4;
+const int BTN_RADIUS = 8;
+const QPoint CENTER_POINT = QPoint(12, 12);
+
+BorderColorButton::BorderColorButton(QWidget *parent)
+    : QPushButton(parent)
+    , m_isHover(false)
+    , m_isChecked(false)
+{
+    setFixedSize(24, 24);
+    setCheckable(false);
+    //m_color = QColor(ConfigSettings::instance()->value("common", "strokeColor").toString());
+    qDebug() << "^^^^" << m_color.name();
+    update();
+
+    //connect(ConfigSettings::instance(), &ConfigSettings::configChanged,
+    //        this, &BorderColorButton::updateConfigColor);
+}
+
+void BorderColorButton::updateConfigColor(const QString &group,
+                                                                                   const QString &key)
+{
+    if (group == "common" && (key == "strokeColor" || "strokeColor_transparent"))
+    {
+        //m_color = QColor(ConfigSettings::instance()->value(group,  "strokeColor").toString());
+        bool transColBtnChecked;// = ConfigSettings::instance()->value(group, "strokeColor_transparent").toBool();
+
+        if (transColBtnChecked)
+        {
+            m_color = QColor(Qt::transparent);
+        }
+        else
+        {
+            //m_color = QColor(ConfigSettings::instance()->value(group, "strokeColor").toString());
+        }
+
+        update();
+    }
+}
+
+BorderColorButton::~BorderColorButton()
+{
+}
+
+void BorderColorButton::paintEvent(QPaintEvent *)
+{
+    QPainter painter(this);
+    painter.setRenderHints(QPainter::Antialiasing
+                           |QPainter::SmoothPixmapTransform);
+    painter.setPen(Qt::transparent);
+
+    QColor drawColor = m_color;
+    qDebug() << "~~~~~~~" << drawColor.name();
+    if (m_isChecked || m_isHover)
+    {
+        painter.setBrush(QBrush(QColor(0, 0, 0, 25)));
+        painter.drawRoundedRect(rect(), 4, 4);
+    } else if (m_isChecked)
+    {
+        drawColor = QColor(m_color.red(), m_color.green(), m_color.black(), 25);
+    } else
+    {
+        painter.setBrush(Qt::transparent);
+        painter.drawRoundedRect(rect(), 4, 4);
+    }
+
+    QPen pen;
+    pen.setWidth(2);
+    pen.setColor(drawColor);
+    painter.setPen(pen);
+    painter.setBrush(Qt::transparent);
+    painter.drawEllipse(CENTER_POINT, BTN_RADIUS, BTN_RADIUS);
+
+    QPen borderPen;
+    borderPen.setWidth(1);
+    borderPen.setColor(QColor(0, 0, 0, 15));
+    painter.setPen(borderPen);
+    painter.drawEllipse(CENTER_POINT, BTN_RADIUS + 1, BTN_RADIUS + 1);
+    if (m_isChecked)
+    {
+        painter.setBrush(QColor(0, 0, 0, 35));
+        painter.drawEllipse(CENTER_POINT, BTN_RADIUS - 1, BTN_RADIUS - 1);
+    }
+}
+
+void BorderColorButton::setColor(QColor color)
+{
+    m_color = color;
+    update();
+}
+
+void BorderColorButton::setColorIndex(int index)
+{
+    //m_color = colorIndexOf(index);
+    update();
+}
+
+void BorderColorButton::resetChecked()
+{
+    m_isChecked = false;
+    update();
+}
+
+void BorderColorButton::enterEvent(QEvent *)
+{
+    if (!m_isHover)
+    {
+        m_isHover = true;
+        update();
+    }
+}
+
+void BorderColorButton::leaveEvent(QEvent *)
+{
+    if (m_isHover)
+    {
+        m_isHover = false;
+        update();
+    }
+}
+
+void BorderColorButton::mousePressEvent(QMouseEvent* )
+{
+    m_isChecked = !m_isChecked;
+    btnCheckStateChanged(m_isChecked);
+
+    update();
+}
diff --git a/widget/bordercolorbutton.h b/widget/bordercolorbutton.h
new file mode 100644
index 0000000..7af5859
--- /dev/null
+++ b/widget/bordercolorbutton.h
@@ -0,0 +1,35 @@
+#ifndef BORDERCOLORBUTTON_H
+#define BORDERCOLORBUTTON_H
+
+#include <QPushButton>
+#include <QWidget>
+
+class BorderColorButton : public QPushButton
+{
+    Q_OBJECT
+public:
+    BorderColorButton(QWidget* parent = 0);
+    ~BorderColorButton();
+
+    void setColor(QColor color);
+    void setColorIndex(int index);
+    void updateCheckedStatus();
+    void updateConfigColor(const QString &group,  const QString &key);
+    void resetChecked();
+
+signals:
+    void btnCheckStateChanged(bool checked);
+
+protected:
+    void paintEvent(QPaintEvent *);
+    void enterEvent(QEvent *);
+    void leaveEvent(QEvent *);
+    void mousePressEvent(QMouseEvent* );
+
+private:
+    QColor m_color;
+    bool m_isHover;
+    bool m_isChecked;
+};
+
+#endif // BORDERCOLORBUTTON_H
diff --git a/widget/colorlabel.cpp b/widget/colorlabel.cpp
new file mode 100644
index 0000000..539b0b4
--- /dev/null
+++ b/widget/colorlabel.cpp
@@ -0,0 +1,172 @@
+#include "colorlabel.h"
+
+#include <QPainter>
+#include <QDebug>
+#include <QApplication>
+#include <QImage>
+#include <cmath>
+
+//#include "utils/baseutils.h"
+
+const QSize COLOR_TIPS_SIZE = QSize(50, 50);
+
+ColorLabel::ColorLabel(QWidget *parent)
+    : QLabel(parent)
+    , m_picking(true)
+    , m_pressed(false)
+    , m_tipPoint(this->rect().center())
+    , m_workToPick(false)
+{
+    setMouseTracking(true);
+    connect(this, &ColorLabel::clicked, this, [=]{
+        if (m_picking && m_workToPick)
+        {
+            qDebug() << "clickedPos:" << m_clickedPos;
+            pickColor(m_clickedPos, true);
+        }
+    });
+}
+
+//h∈(0, 360), s∈(0, 1), v∈(0, 1)
+QColor ColorLabel::getColor(qreal h, qreal s, qreal v)
+{
+    int hi = int(h/60)%6;
+    qreal f = h/60 - hi;
+
+    qreal p = v*(1 - s);
+    qreal q = v*(1 - f*s);
+    qreal t = v*(1 - (1 - f)*s);
+
+    if (hi == 0)
+    {
+        return QColor(std::min(int(255*v), 255), std::min(int(255*t), 255), std::min(int(255*p), 255));
+    } else if (hi == 1)
+    {
+        return QColor(std::min(int(255*q), 255), std::min(int(255*v), 255), std::min(int(255*p), 255));
+    } else if(hi == 2)
+    {
+        return QColor(std::min(int(255*p), 255), std::min(int(255*v), 255), std::min(int(255*t), 255));
+    } else if (hi == 3)
+    {
+        return QColor(std::min(int(255*p), 255), std::min(int(255*q), 255), std::min(int(255*v), 255));
+    } else if(hi == 4)
+    {
+        return QColor(std::min(int(255*t), 255), std::min(int(255*p), 255), std::min(int(255*v), 255));
+    } else
+    {
+        return QColor(std::min(int(255*v), 255), std::min(int(255*p), 255), int(255*q));
+    }
+}
+
+void ColorLabel::setHue(int hue)
+{
+    m_hue = hue;
+    update();
+}
+
+void ColorLabel::pickColor(QPoint pos, bool picked)
+{
+    QPixmap pickPixmap;
+    pickPixmap = this->grab(QRect(0, 0, this->width(), this->height()));
+    QImage pickImg = pickPixmap.toImage();
+
+    if (!pickImg.isNull())
+    {
+        QRgb pickRgb = pickImg.pixel(pos);
+        m_pickedColor = QColor(qRed(pickRgb), qGreen(pickRgb), qBlue(pickRgb));
+    } else
+    {
+        m_pickedColor = QColor(0, 0, 0);
+    }
+
+    if (picked)
+        emit pickedColor(m_pickedColor);
+}
+
+QColor ColorLabel::getPickedColor()
+{
+    return m_pickedColor;
+}
+
+void ColorLabel::setPickColor(bool picked)
+{
+    m_workToPick = picked;
+}
+
+void ColorLabel::paintEvent(QPaintEvent *)
+{
+    QPainter painter(this);
+    painter.setRenderHints(QPainter::Antialiasing | QPainter::SmoothPixmapTransform);
+
+    QImage backgroundImage(this->width(), this->height(), QImage::Format_ARGB32);
+    for(qreal s = 0; s < this->width(); s++)
+    {
+        for(qreal v = 0; v < this->height(); v++)
+        {
+            QColor penColor = getColor(m_hue, s/this->width(), v/this->height());
+            backgroundImage.setPixelColor(int(s), this->height() - 1 - int(v), penColor);
+        }
+    }
+
+    painter.drawImage(this->rect(), backgroundImage);
+}
+
+void ColorLabel::enterEvent(QEvent *e)
+{
+    if (!m_workToPick)
+        return;
+
+    m_lastCursor = this->cursor();
+    //qApp->setOverrideCursor(pickColorCursor());
+    QLabel::enterEvent(e);
+}
+
+void ColorLabel::leaveEvent(QEvent *e)
+{
+    if (!m_workToPick)
+        return;
+
+    qApp->setOverrideCursor(m_lastCursor);
+    QLabel::leaveEvent(e);
+}
+
+void ColorLabel::mousePressEvent(QMouseEvent *e)
+{
+    if (!m_workToPick)
+        return ;
+
+    m_pressed = true;
+    m_tipPoint = this->mapFromGlobal(cursor().pos());
+    pickColor(m_tipPoint, true);
+    QLabel::mousePressEvent(e);
+}
+
+void ColorLabel::mouseMoveEvent(QMouseEvent *e)
+{
+    if (!m_workToPick)
+        return;
+
+    if (m_pressed)
+    {
+        m_tipPoint = this->mapFromGlobal(cursor().pos());
+        pickColor(m_tipPoint, true);
+    }
+    update();
+    QLabel::mouseMoveEvent(e);
+}
+
+void ColorLabel::mouseReleaseEvent(QMouseEvent *e)
+{
+    if (m_pressed)
+    {
+        m_clickedPos = e->pos();
+        emit clicked();
+    }
+
+    m_pressed = false;
+    QLabel::mouseReleaseEvent(e);
+}
+
+ColorLabel::~ColorLabel()
+{
+}
diff --git a/widget/colorlabel.h b/widget/colorlabel.h
new file mode 100644
index 0000000..80dcdda
--- /dev/null
+++ b/widget/colorlabel.h
@@ -0,0 +1,50 @@
+#ifndef COLORLABEL_H
+#define COLORLABEL_H
+
+#include <QLabel>
+#include <QPaintEvent>
+#include <QEnterEvent>
+#include <QMouseEvent>
+#include <QCursor>
+
+class ColorLabel : public QLabel
+{
+    Q_OBJECT
+public:
+    ColorLabel(QWidget* parent = 0);
+    ~ColorLabel();
+
+    //h∈(0, 360), s∈(0, 1), v∈(0, 1)
+    QColor getColor(qreal h, qreal s, qreal v);
+    void setHue(int hue);
+
+    void pickColor(QPoint pos, bool picked = false);
+    QColor getPickedColor();
+    void setPickColor(bool picked);
+
+signals:
+    void clicked();
+    void pickedColor(QColor color);
+
+protected:
+    void paintEvent(QPaintEvent*);
+    void enterEvent(QEvent* e);
+    void leaveEvent(QEvent* e);
+    void mousePressEvent(QMouseEvent* e);
+    void mouseMoveEvent(QMouseEvent* e);
+    void mouseReleaseEvent(QMouseEvent* e);
+
+private:
+    //calculate the color's rgb value in pos.
+    QColor calColorAtPoint(QPointF pos);
+    QCursor m_lastCursor;
+    int m_hue =  0;
+    bool m_workToPick;
+    bool m_picking;
+    bool m_pressed;
+    QColor m_pickedColor;
+    QPoint m_clickedPos;
+    QPoint m_tipPoint;
+};
+
+#endif // COLORLABEL_H
diff --git a/widget/colorpanel.cpp b/widget/colorpanel.cpp
new file mode 100644
index 0000000..d9ad1ee
--- /dev/null
+++ b/widget/colorpanel.cpp
@@ -0,0 +1,375 @@
+#include "colorpanel.h"
+
+#include <QPainter>
+#include <QHBoxLayout>
+#include <QGridLayout>
+#include <QButtonGroup>
+#include <QDebug>
+
+#include "utils/global.h"
+#include "utils/baseutils.h"
+#include "utils/configsettings.h"
+#include "colorlabel.h"
+#include "colorslider.h"
+#include "pickcolorwidget.h"
+
+const int ORGIN_WIDTH = 250;
+const int PANEL_WIDTH = 222;
+const int ORIGIN_HEIGHT = 176; //213;
+const int EXPAND_HEIGHT = 391; //430;
+const int RADIUS = 0;
+const int BORDER_WIDTH = 2;
+const QSize COLOR_BORDER_SIZE = QSize(20, 20);
+const QSize COLOR_BUTTN = QSize(14, 14);
+const QSize SLIDER_SIZE = QSize(178, 22);
+const QSize BTN_SIZE = QSize(24, 24);
+
+
+ColorButton::ColorButton(const QColor &color, QWidget *parent)
+    : QPushButton(parent)
+    , m_disable(false)
+{
+    m_color = color;
+    setFixedSize(COLOR_BORDER_SIZE);
+    setCheckable(true);
+
+    connect(this, &ColorButton::clicked, this, [=]{
+        setChecked(true);
+        if (m_disable)
+        {
+            emit colorButtonClicked(Qt::transparent);
+        } else
+        {
+            emit colorButtonClicked(m_color);
+        }
+    });
+}
+
+void ColorButton::paintEvent(QPaintEvent *)
+{
+    QPainter painter(this);
+    painter.setRenderHints(QPainter::Antialiasing);
+    painter.setPen(m_color);
+
+    if (m_color == QColor(Qt::transparent))
+    {
+        painter.drawPixmap(QRect(3, 3, this->width() - 6, this->height() - 6),
+            QPixmap(":/theme/light/images/draw/color_disable_active.png"));
+        if (isChecked())
+        {
+            painter.setBrush(QBrush());
+            QPen borderPen;
+            borderPen.setWidth(BORDER_WIDTH);
+            borderPen.setColor("#01bdff");
+            painter.setPen(borderPen);
+            painter.drawRoundedRect(QRect(1, 1, this->width() - 2,
+                                          this->height() - 2), RADIUS, RADIUS);
+        }
+        return;
+    }
+
+    painter.setBrush(QBrush(m_color));
+
+    QPen pen;
+    pen.setWidth(1);
+    pen.setColor(QColor(0, 0, 0, 26));
+    painter.setPen(pen);
+    painter.drawRoundedRect(QRect(3, 3, this->width() - 6,
+                                  this->height() - 6), RADIUS, RADIUS);
+
+    if (isChecked())
+    {
+        painter.setBrush(QBrush());
+        QPen borderPen;
+        borderPen.setWidth(BORDER_WIDTH);
+        borderPen.setColor("#01bdff");
+        painter.setPen(borderPen);
+        painter.drawRoundedRect(QRect(1, 1, this->width() - 2,
+                                                    this->height() - 2), RADIUS, RADIUS);
+    }
+}
+
+void ColorButton::setDisableColor(bool disable)
+{
+    m_disable = disable;
+}
+
+ColorButton::~ColorButton()
+{
+}
+
+
+
+
+
+
+
+ColorPanel::ColorPanel(QWidget *parent)
+    : QWidget(parent)
+     , m_expand(false)
+    , m_drawstatus(DrawStatus::Fill)
+{
+    DRAW_THEME_INIT_WIDGET("ColorPanel");
+    QWidget* colorBtnWidget = new QWidget(this);
+    colorBtnWidget->setFixedSize(ORGIN_WIDTH, ORIGIN_HEIGHT);
+
+    if (!m_expand)
+        setFixedSize(ORGIN_WIDTH, ORIGIN_HEIGHT);
+    else
+        setFixedSize(ORGIN_WIDTH, EXPAND_HEIGHT);
+
+    m_colList = specifiedColorList();
+
+    QButtonGroup* colorsButtonGroup = new QButtonGroup(this);
+    colorsButtonGroup->setExclusive(true);
+
+    QGridLayout* gLayout = new QGridLayout;
+    gLayout->setVerticalSpacing(3);
+    gLayout->setHorizontalSpacing(3);
+
+    for(int i = 0; i < m_colList.length(); i++)
+    {
+        ColorButton* cb = new ColorButton(m_colList[i], this);
+        if (i == 0)
+            cb->setDisableColor(true);
+        m_cButtonList.append(cb);
+        gLayout->addWidget(cb, i/10, i%10);
+        colorsButtonGroup->addButton(cb);
+        qDebug() << "~~~" << i/10 << i%10;
+        connect(cb, &ColorButton::colorButtonClicked, this, &ColorPanel::setConfigColor);
+    }
+/*
+    m_sliderLabel = new SliderLabel(tr("Alpha"), m_drawstatus,m_widgetStatus, this);
+    connect(m_sliderLabel, &SliderLabel::alphaChanged, this, [=](int value)
+    {
+        if (m_widgetStatus != MiddleWidgetStatus::DrawText)
+        {
+            if (m_drawstatus == DrawStatus::Stroke)
+            {
+                ConfigSettings::instance()->setValue("common", "strokeColor_alpha", value);
+            }
+            else
+            {
+                ConfigSettings::instance()->setValue("common", "fillColor_alpha", value);
+            }
+        }
+        else
+        {
+            ConfigSettings::instance()->setValue("text", "fillColor_alpha", value);
+        }
+    });
+    connect(ConfigSettings::instance(), &ConfigSettings::configChanged, this,
+            [=](const QString &group, const QString &key)
+    {
+        Q_UNUSED(group);
+        if (key == "fillColor_alpha" || key == "strokeColor_alpha")
+        {
+            m_sliderLabel->updateDrawStatus(m_drawstatus, m_widgetStatus);
+        }
+    });
+*/
+
+    QWidget* colorValueWidget = new QWidget;
+    colorValueWidget->setFixedWidth(PANEL_WIDTH);
+
+    QLabel* colLabel = new QLabel(colorValueWidget);
+    colLabel->setObjectName("ColorLabel");
+    colLabel->setFixedWidth(48);
+    colLabel->setText(tr("Color"));
+
+    m_colLineEdit = new QLineEdit(colorValueWidget);
+    m_colLineEdit->setObjectName("ColorLineEdit");
+    m_colLineEdit->setFixedSize(145, 24);
+
+    m_colorfulBtn = new QPushButton(colorValueWidget);
+    m_colorfulBtn->setObjectName("ColorFulButton");
+    m_colorfulBtn->setFixedSize(BTN_SIZE);
+    m_colorfulBtn->setText("+");
+    m_colorfulBtn->setToolTip("<html><head/><body><p>Enseñar más colores</p></body></html>");
+    m_colorfulBtn->show();
+
+    QHBoxLayout* colorLayout = new QHBoxLayout(colorValueWidget);
+    colorLayout->setMargin(0);
+    colorLayout->setSpacing(0);
+    colorLayout->addWidget(colLabel);
+    colorLayout->addWidget(m_colLineEdit);
+    colorLayout->addSpacing(5);
+    colorLayout->addWidget(m_colorfulBtn);
+
+    PickColorWidget* pickColWidget = new PickColorWidget(this);
+    connect(this, &ColorPanel::resetColorButtons, this, [=]{
+        colorsButtonGroup->setExclusive(false);
+        foreach (ColorButton* cb, m_cButtonList) {
+            cb->setChecked(false);
+        }
+        colorsButtonGroup->setExclusive(true);
+    });
+    connect(pickColWidget, &PickColorWidget::pickedColor, this,
+            [=](QColor color)
+    {
+        Q_UNUSED(color);
+        emit resetColorButtons();
+    });
+
+    connect(pickColWidget, &PickColorWidget::pickedColor, this,
+        &ColorPanel::setConfigColor);
+
+    connect(m_colLineEdit, &QLineEdit::textChanged,  this, [=](QString text){
+        if (QColor(text).isValid())
+        {
+            pickColWidget->setRgbValue(QColor(text));
+        }
+    });
+
+    QVBoxLayout* vLayout = new QVBoxLayout(colorBtnWidget);
+    vLayout->setContentsMargins(4, 4, 7, 4);
+    vLayout->setSpacing(0);
+    vLayout->addSpacing(5);
+    vLayout->addLayout(gLayout);
+    vLayout->addSpacing(9);
+    //vLayout->addWidget(m_sliderLabel, 0, Qt::AlignCenter);
+    //vLayout->addSpacing(14);
+    vLayout->addWidget(colorValueWidget, 0, Qt::AlignCenter);
+
+    QVBoxLayout* layout = new QVBoxLayout(this);
+    layout->setMargin(0);
+    layout->setSpacing(0);
+    layout->addWidget(colorBtnWidget);
+    layout->addWidget(pickColWidget, 0, Qt::AlignCenter);
+
+    if (!m_expand)
+        pickColWidget->hide();
+
+    connect(m_colorfulBtn, &QPushButton::clicked, this, [=]{
+        if (m_expand)
+        {
+            pickColWidget->hide();
+            pickColWidget->setPickedColor(false);
+            setFixedHeight(ORIGIN_HEIGHT);
+            updateGeometry();
+        } else
+        {
+            pickColWidget->show();
+            pickColWidget->setPickedColor(true);
+            setFixedHeight(EXPAND_HEIGHT);
+            updateGeometry();
+        }
+        emit updateHeight();
+
+        m_expand = !m_expand;
+    });
+}
+
+void ColorPanel::setColor(QColor color)
+{
+    Q_UNUSED(color);
+}
+
+void ColorPanel::setDrawStatus(DrawStatus status)
+{
+    m_drawstatus = status;
+
+    QString colorName;
+    if (m_drawstatus == DrawStatus::Stroke)
+    {
+        colorName = ConfigSettings::instance()->value("common",
+                                                      "strokeColor").toString();
+    } else
+    {
+        colorName = ConfigSettings::instance()->value("common",
+                                                      "fillColor").toString();
+    }
+    m_colLineEdit->setText(colorName);
+    //m_sliderLabel->updateDrawStatus(m_drawstatus, m_widgetStatus);
+}
+
+void ColorPanel::setConfigColor(QColor color)
+{
+    m_colLineEdit->setText(color.name());
+    if (m_widgetStatus != MiddleWidgetStatus::DrawText)
+    {
+        if (m_drawstatus == DrawStatus::Stroke)
+        {
+            qDebug() << "setConfigColor" << color.name();
+            updateConfigByWidget("common", "strokeColor", color);
+        } else {
+            updateConfigByWidget("common", "fillColor", color);
+        }
+    } else {
+        updateConfigByWidget("text", "fillColor", color);
+    }
+    m_color = color;
+}
+
+void ColorPanel::updateConfigByWidget(const QString &group,
+                                      const QString &key, QColor color)
+{
+    if (color ==  QColor(Qt::transparent))
+    {
+        ConfigSettings::instance()->setValue(group,
+                                             QString("%1_transparent").arg(key), true);
+    } else {
+        ConfigSettings::instance()->setValue(group,
+                                             QString("%1_transparent").arg(key), false);
+        ConfigSettings::instance()->setValue(group, key,  color.name());
+        qDebug() << "updateCofigByWidget:" << group << key << color.name();
+        //m_sliderLabel->setAlpha(100);
+    }
+}
+/*
+void ColorPanel::updateColorAlpha(DrawStatus status,
+                                  MiddleWidgetStatus widgetStatus)
+{
+    m_sliderLabel->updateDrawStatus(status, widgetStatus);
+}
+*/
+
+void ColorPanel::setMiddleWidgetStatus(MiddleWidgetStatus status)
+{
+    m_widgetStatus = status;
+}
+
+void ColorPanel::updateColorButtonStatus()
+{
+    if (m_widgetStatus != MiddleWidgetStatus::DrawText)
+    {
+        if (m_drawstatus == DrawStatus::Stroke)
+        {
+            updateColorBtnByWidget("common", "strokeColor");
+        } else {
+            updateColorBtnByWidget("common", "fillColor");
+        }
+    } else {
+        updateColorBtnByWidget("text", "fillColor");
+    }
+}
+
+void ColorPanel::updateColorBtnByWidget(const QString &group,const QString &key)
+{
+    bool transColorBtnChecked = ConfigSettings::instance()->value(group, QString("%1_transparent").arg(key)).toBool();
+    if (transColorBtnChecked)
+    {
+        m_cButtonList[0]->setChecked(true);
+    }
+    else
+    {
+        const QString colorName = ConfigSettings::instance()->value(group,QString("%1").arg(key)).toString();
+        if (m_colList.contains(colorName))
+        {
+            m_cButtonList[m_colList.indexOf(colorName)]->setChecked(true);
+        }
+        else
+        {
+            resetColorButtons();
+        }
+    }
+}
+
+ColorPanel::~ColorPanel()
+{
+}
+
+QColor ColorPanel::getColor()
+{
+    return m_color;
+}
diff --git a/widget/colorpanel.h b/widget/colorpanel.h
new file mode 100644
index 0000000..144121c
--- /dev/null
+++ b/widget/colorpanel.h
@@ -0,0 +1,71 @@
+#ifndef COLORPANEL_H
+#define COLORPANEL_H
+
+#include <QPushButton>
+#include <QWidget>
+#include <QColor>
+#include <QPaintEvent>
+#include <QApplication>
+
+#include "sliderlabel.h"
+#include "editlabel.h"
+//#include "utils/baseutils.h"
+
+class ColorButton : public QPushButton {
+    Q_OBJECT
+public:
+    ColorButton(const QColor &color, QWidget* parent = 0);
+    ~ColorButton();
+
+    void setDisableColor(bool disable);
+
+signals:
+    void colorButtonClicked(QColor color);
+
+protected:
+    void paintEvent(QPaintEvent *);
+
+private:
+    QColor m_color;
+    bool m_disable;
+};
+
+class ColorPanel : public QWidget {
+    Q_OBJECT
+public:
+    ColorPanel(QWidget* parent = 0);
+    ~ColorPanel();
+
+    void updateColorButtonStatus();
+    void updateColorBtnByWidget(const QString &group, const QString &key);
+    void updateConfigByWidget(const QString &group, const QString &key,
+                              QColor color);
+    //void updateColorAlpha(DrawStatus status, MiddleWidgetStatus widgetStatus);
+
+    void setColor(QColor color);
+    void setDrawStatus(DrawStatus status);
+    void setConfigColor(QColor color);
+    void setMiddleWidgetStatus(MiddleWidgetStatus status);
+
+    QColor getColor();
+
+signals:
+    void colorChanged(QColor color);
+    void updateHeight();
+    void resetColorButtons();
+
+private:
+    SliderLabel* m_sliderLabel;
+    QLineEdit* m_colLineEdit;
+    QPushButton* m_colorfulBtn;
+
+    QList<QColor> m_colList;
+    QList<ColorButton*> m_cButtonList;
+    DrawStatus m_drawstatus;
+    MiddleWidgetStatus m_widgetStatus;
+    bool m_expand;
+
+    QColor m_color;
+};
+
+#endif // COLORPANEL_H
diff --git a/widget/colorslider.cpp b/widget/colorslider.cpp
new file mode 100644
index 0000000..6e9b930
--- /dev/null
+++ b/widget/colorslider.cpp
@@ -0,0 +1,84 @@
+#include "colorslider.h"
+
+#include <QStyleOptionSlider>
+#include <QDebug>
+#include <QPainter>
+#include <QStyle>
+
+ColorSlider::ColorSlider(QWidget *parent)
+    : QSlider(parent) {
+    setMinimum(0);
+    setMaximum(360);
+    setOrientation(Qt::Horizontal);
+    this->setRange(5, 355);
+    setFixedSize(222, 14);
+    setStyleSheet("ColorSlider::handle:horizontal {"
+                  "border: 1px solid rgba(0, 0, 0, 26);"
+                  "width: 4px;"
+                  "margin: 0;}"
+                  );
+}
+
+ColorSlider::~ColorSlider()
+{
+}
+
+//h∈(0, 360), s∈(0, 1), v∈(0, 1)
+QColor ColorSlider::getColor(qreal h, qreal s, qreal v) {
+    int hi = int(h/60)%6;
+    qreal f = h/60 - hi;
+
+    qreal p = v*(1 - s);
+    qreal q = v*(1 - f*s);
+    qreal t = v*(1- (1 - f)*s);
+
+    if (hi == 0) {
+        return QColor(std::min(int(255*v), 255), std::min(int(255*t), 255), std::min(int(255*p), 255));
+    } else if (hi == 1) {
+        return QColor(std::min(int(255*q), 255), std::min(int(255*v), 255), std::min(int(255*p), 255));
+    } else if(hi == 2) {
+        return QColor(std::min(int(255*p), 255), std::min(int(255*v), 255), std::min(int(255*t), 255));
+    } else if (hi == 3) {
+        return QColor(std::min(int(255*p), 255), std::min(int(255*q), 255), std::min(int(255*v), 255));
+    } else if(hi == 4) {
+        return QColor(std::min(int(255*t), 255), std::min(int(255*p), 255), std::min(int(255*v), 255));
+    } else {
+        return QColor(std::min(int(255*v), 255), std::min(int(255*p), 255), int(255*q));
+    }
+}
+
+void ColorSlider::paintEvent(QPaintEvent *ev)
+{
+    QStyleOptionSlider opt;
+    initStyleOption(&opt);
+
+    opt.subControls = QStyle::SC_SliderGroove | QStyle::SC_SliderHandle;
+    if (tickPosition() != NoTicks)
+    {
+        opt.subControls |= QStyle::SC_SliderTickmarks;
+    }
+
+    QRect groove_rect = style()->subControlRect(QStyle::CC_Slider, &opt, QStyle::SC_SliderGroove, this);
+    int spacing = 6;
+    QRect rect(groove_rect.left(), groove_rect.top(),  groove_rect.width() + 1, groove_rect.height());
+    QPainter painter(this);
+    painter.setRenderHint(QPainter::Antialiasing);
+    QImage backgroundImage(rect.width(), rect.height() - spacing, QImage::Format_ARGB32);
+
+    for(qreal s = 0; s <= backgroundImage.width(); s++)
+    {
+        for(qreal v = 0; v <= backgroundImage.height(); v++)
+        {
+            QColor penColor = getColor(qreal(int(s/rect.width()*360)), 1, 1);
+            backgroundImage.setPixelColor(std::min(int(s), rect.width() - 1), backgroundImage.height() - int(v), penColor);
+        }
+    }
+
+    painter.drawImage(QRect(rect.x(), rect.y() + 2, rect.width(), rect.height() - spacing), backgroundImage);
+    QPen borderPen;
+    borderPen.setWidth(1);
+    borderPen.setColor(QColor(0, 0, 0, 26));
+    painter.setPen(borderPen);
+    painter.drawRect(QRect(rect.x(), rect.y() + 3, rect.width() - 2, rect.height() - spacing - 2));
+    QSlider::paintEvent(ev);
+}
diff --git a/widget/colorslider.h b/widget/colorslider.h
new file mode 100644
index 0000000..31f9326
--- /dev/null
+++ b/widget/colorslider.h
@@ -0,0 +1,23 @@
+#ifndef COLORSLIDER_H
+#define COLORSLIDER_H
+
+#include <QSlider>
+#include <QPaintEvent>
+
+class ColorSlider : public QSlider {
+    Q_OBJECT
+public:
+    ColorSlider(QWidget* parent = 0);
+    ~ColorSlider();
+
+    //h∈(0, 360), s∈(0, 1), v∈(0, 1)
+    QColor getColor(qreal h, qreal s, qreal v);
+
+protected:
+    void paintEvent(QPaintEvent *ev);
+
+private:
+    int m_value;
+};
+
+#endif // COLORSLIDER_H
diff --git a/widget/companylistitemdelegate.cpp b/widget/companylistitemdelegate.cpp
new file mode 100644
index 0000000..8f0e036
--- /dev/null
+++ b/widget/companylistitemdelegate.cpp
@@ -0,0 +1,158 @@
+#include "companylistitemdelegate.h"
+#include "mapplication.h"
+
+CompanyListItemDelegate::CompanyListItemDelegate(QObject *parent) :
+    QStyledItemDelegate(parent)
+{
+
+}
+
+void CompanyListItemDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
+{
+    paintPerson(painter, option, index);
+}
+
+QSize CompanyListItemDelegate::sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const
+{
+    return QSize(option.rect.width(), 90);
+}
+
+void CompanyListItemDelegate::paintPerson(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
+{
+    const bool isSelected = option.state & QStyle::State_Selected;
+    const bool isHovered = option.state & QStyle::State_MouseOver;
+
+
+    painter->save();
+
+    /*
+    QLinearGradient backgroundGradient(QPoint(option.rect.x(), option.rect.y()), QPoint(option.rect.x(), option.rect.y()+option.rect.height()));
+
+    if(isSelected)
+    {
+        //        painter->fillRect(option.rect, QBrush(QColor(49, 49, 49)));
+        backgroundGradient.setColorAt(0, QColor(109, 164, 219));
+        backgroundGradient.setColorAt(1, QColor(61, 138, 212));
+        painter->fillRect(option.rect, QBrush(backgroundGradient));
+        //        painter->fillRect(option.rect, QBrush(QColor(225, 225, 225)));
+
+    }
+    else
+    {
+        //        painter->fillRect(option.rect, QBrush(QColor(244, 244, 244)));
+        backgroundGradient.setColorAt(0, QColor(245, 245, 245));
+        backgroundGradient.setColorAt(1, QColor(240, 240, 240));
+        painter->fillRect(option.rect, QBrush(backgroundGradient));
+    }
+
+    painter->setPen(QColor(225, 225, 225));
+    if(isSelected)
+    {
+        painter->setPen(QColor(37, 105, 169));
+        painter->drawLine(option.rect.bottomLeft(), option.rect.bottomRight());
+        painter->setPen(Qt::transparent);
+    }
+    painter->drawLine(option.rect.topLeft(), option.rect.topRight());
+
+    if(!isSelected)
+    {
+        painter->setPen(QColor(248, 248, 248));
+        painter->drawLine(QPoint(option.rect.x(), option.rect.y()+1), QPoint(option.rect.x()+option.rect.width(), option.rect.y()+1));
+    }
+    //    QString text = index.model()->data(index, Qt::DisplayRole).toString();
+    QRect textRect(option.rect.x()+10, option.rect.y(), option.rect.width()-10, option.rect.height());
+    painter->setPen(QColor(69, 69, 69));
+    QFont textFont(painter->font());
+    textFont.setPixelSize(18);
+
+    if(isSelected)
+    {
+        painter->setPen(QColor(229, 229, 229));
+    }
+
+    painter->setFont(textFont);
+    painter->drawText(textRect, Qt::AlignLeft|Qt::AlignVCenter, tp.name());
+    */
+//-------------------------------------------------------------------------------------------
+    /*
+    QFont font = QApplication::font();
+    QFont SubFont = QApplication::font();
+    //font.setPixelSize(font.weight()+);
+    font.setBold(true);
+    SubFont.setWeight(SubFont.weight()-2);
+    QFontMetrics fm(font);
+
+    //item->setData(Name, Qt::DisplayRole);
+    //item->setData(CIF,  Qt::UserRole);
+    //item->setData(path, Qt::UserRole+1);
+
+    //QIcon icon = qvariant_cast<QIcon>(index.data(Qt::EditRole));
+    QString headerText = qvariant_cast<QString>(index.data(Qt::DisplayRole));
+    QString subText = qvariant_cast<QString>(index.data(Qt::DisplayRole + 1));
+    //QSize iconsize = icon.actualSize(option.decorationSize);
+
+
+    QRect headerRect = option.rect;
+    QRect subheaderRect = option.rect;
+    QRect iconRect = subheaderRect;
+
+    iconRect.setRight(iconsize.width()+30);
+    iconRect.setTop(iconRect.top()+5);
+    headerRect.setLeft(iconRect.right());
+    subheaderRect.setLeft(iconRect.right());
+    headerRect.setTop(headerRect.top()+5);
+    headerRect.setBottom(headerRect.top()+fm.height());
+
+    subheaderRect.setTop(headerRect.bottom()+2);
+
+
+    //painter->drawPixmap(QPoint(iconRect.right()/2,iconRect.top()/2),icon.pixmap(iconsize.width(),iconsize.height()));
+    painter->drawPixmap(QPoint(iconRect.left()+iconsize.width()/2+2,iconRect.top()+iconsize.height()/2+3),icon.pixmap(iconsize.width(),iconsize.height()));
+
+    painter->setFont(font);
+    painter->drawText(headerRect,headerText);
+
+
+    painter->setFont(SubFont);
+    painter->drawText(subheaderRect.left(),subheaderRect.top()+17,subText);
+    */
+
+
+
+    QLinearGradient backgroundGradient(QPoint(option.rect.x(), option.rect.y()), QPoint(option.rect.x(), option.rect.y()+option.rect.height()));
+
+    if(isSelected)
+    {
+        //        painter->fillRect(option.rect, QBrush(QColor(49, 49, 49)));
+        backgroundGradient.setColorAt(0, QColor(109, 164, 219));
+        backgroundGradient.setColorAt(1, QColor(61, 138, 212));
+        painter->fillRect(option.rect, QBrush(backgroundGradient));
+        //        painter->fillRect(option.rect, QBrush(QColor(225, 225, 225)));
+
+    }
+    else
+    {
+        //        painter->fillRect(option.rect, QBrush(QColor(244, 244, 244)));
+        backgroundGradient.setColorAt(0, QColor(245, 245, 245));
+        backgroundGradient.setColorAt(1, QColor(240, 240, 240));
+        painter->fillRect(option.rect, QBrush(backgroundGradient));
+    }
+
+
+
+    QString name = qvariant_cast<QString>(index.data(Qt::DisplayRole));
+    QString cif  = qvariant_cast<QString>(index.data(Qt::UserRole));
+    QString path = qvariant_cast<QString>(index.data(Qt::UserRole + 1));
+
+    //painter->setFont(textFont);
+    QRect nameRect(option.rect.x() + 100, option.rect.y() + 10,
+                   option.rect.width() - 10, option.rect.height() / 2 - 20);
+
+    QRect cifRect(option.rect.x() + 100, option.rect.y() +option.rect.height() / 2 + 10,
+                   option.rect.width() - 10, option.rect.height() / 2 - 20);
+
+    painter->drawText(nameRect, Qt::AlignLeft|Qt::AlignVCenter, name);
+    painter->drawText(cifRect, Qt::AlignLeft|Qt::AlignVCenter, cif);
+
+    painter->restore();
+}
diff --git a/widget/companylistitemdelegate.h b/widget/companylistitemdelegate.h
new file mode 100644
index 0000000..c03a016
--- /dev/null
+++ b/widget/companylistitemdelegate.h
@@ -0,0 +1,23 @@
+#ifndef COMPANYLISTITEMDELEGATE_H
+#define COMPANYLISTITEMDELEGATE_H
+
+#include <QStyledItemDelegate>
+#include <QPainter>
+
+
+class CompanyListItemDelegate  : public QStyledItemDelegate
+{
+    Q_OBJECT
+
+public:
+    explicit CompanyListItemDelegate(QObject *parent = 0);
+
+    void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;
+    QSize sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const;
+
+private:
+    void paintPerson(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;
+    void paintLetter(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;
+};
+
+#endif // COMPANYLISTITEMDELEGATE_H
diff --git a/widget/dlineedit.cpp b/widget/dlineedit.cpp
new file mode 100644
index 0000000..1de94ff
--- /dev/null
+++ b/widget/dlineedit.cpp
@@ -0,0 +1,377 @@
+/*
+ * Copyright (C) 2015 ~ 2017 Deepin Technology Co., Ltd.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+#include "dlineedit.h"
+#include "dthememanager.h"
+#include "private/dlineedit_p.h"
+#include "darrowrectangle.h"
+#include "dstyleoption.h"
+
+#include <QHBoxLayout>
+#include <QResizeEvent>
+#include <QWidgetAction>
+
+#define private public
+#ifndef slots
+#define slots Q_SLOTS
+#endif
+#include <private/qlineedit_p.h>
+#undef private
+
+DWIDGET_BEGIN_NAMESPACE
+
+/*!
+ * \~english \class DLineEdit
+ * \~english \brief The DLineEdit class provides a styled QLineEdit.
+ *
+ * \~english DLineEdit has an optional action button (DImageButton) at the right side which can be used
+ * \~english to provide extra user interaction, for example: to change the echo mode of
+ * the line edit.
+ *
+ * \~english Also, DLineEdit can be set on or off alert mode, warning the user of some
+ * errors.
+ */
+
+/*!
+ * \~english \brief DLineEdit::DLineEdit constructs an instance of DLineEdit.
+ * \~english \param parent is passed to QLineEdit constructor.
+ */
+
+/*!
+ * \~chinese \class DLineEdit
+ * \~chinese \brief DLineEdit提供了一个修改过的QLineEdit样式
+ *
+ * \~chinese DLineEdit右侧提供了可选的动作按钮，可以使用额外的用户交互，例如: 改变密码显示
+ */
+
+/*!
+ * \~chinese \brief DLineEdit的构造函数
+ *
+ * \~chinese \param parent 调用QLineEdit的构造函数
+ */
+DLineEdit::DLineEdit(QWidget *parent)
+    : QLineEdit(parent),
+      DObject(*new DLineEditPrivate(this))
+{
+    Q_D(DLineEdit);
+    d->init();
+}
+
+DLineEdit::DLineEdit(DLineEditPrivate &q, QWidget *parent)
+    : QLineEdit(parent),
+      DObject(q)
+{
+    Q_D(DLineEdit);
+    d->init();
+}
+
+/*!
+ * \~chinese \brief 设置是否显示警告
+ *
+ * \~chinese @param isAlert 是否显示警告
+ */
+void DLineEdit::setAlert(bool isAlert)
+{
+    Q_D(DLineEdit);
+
+    if (isAlert == d->m_isAlert) {
+        return;
+    }
+
+    d->m_isAlert = isAlert;
+
+    update();
+
+    Q_EMIT alertChanged(isAlert);
+}
+
+/*!
+ * \~english\property DLineEdit::alert
+ * \~english \brief This property shows whether the line edit is in alert mode or not.
+ *
+ * There'll be a extra frame colored in orage like color showing if the alert
+ * mode is on, to remind the user that the input is wrong.
+ */
+
+/*!
+ * \~chinese \property DLineEdit::alert
+ * \~chinese \brief 该属性会返回当前是否处于警告模式
+ *
+ * 将会有一个警告的颜色在额外的边框上显示，如果警告模式开启，将会提示用户输入错误
+ */
+
+/*!
+ * \~chinese \brief 返回当前是否处于警告模式
+ *
+ * 将会有一个警告的颜色在额外的边框上显示，如果警告模式开启，将会提示用户输入错误
+ * @return true
+ * @return false
+ */
+bool DLineEdit::isAlert() const
+{
+    D_DC(DLineEdit);
+
+    return d->m_isAlert;
+}
+
+/*!
+ * \~chinese \brief 设置的文本会在警告模式下显示
+ *
+ * @param text 警告的文本
+ * @param duration 显示的时间长度
+ */
+void DLineEdit::showAlertMessage(const QString &text, int duration)
+{
+    D_D(DLineEdit);
+
+    if (!d->tooltip) {
+        d->tooltip = new DArrowRectangle(DArrowRectangle::ArrowTop, this);
+        d->tooltip->setObjectName("AlertTooltip");
+
+        QLabel *label = new QLabel(d->tooltip);
+
+        label->setWordWrap(true);
+        label->setMaximumWidth(width());
+        d->tooltip->setContent(label);
+        d->tooltip->setBackgroundColor(DThemeManager::instance()->theme(this) == "light" ? Qt::white : Qt::black);
+        d->tooltip->setArrowX(15);
+        d->tooltip->setArrowHeight(5);
+
+        QTimer::singleShot(duration, d->tooltip, [d] {
+            d->tooltip->deleteLater();
+            d->tooltip = Q_NULLPTR;
+        });
+    }
+
+    QLabel *label = qobject_cast<QLabel *>(d->tooltip->getContent());
+
+    if (!label) {
+        return;
+    }
+
+    label->setText(text);
+    label->adjustSize();
+
+    const QPoint &pos = mapToGlobal(QPoint(15, height()));
+
+    d->tooltip->show(pos.x(), pos.y());
+}
+
+/*!
+ * \~chinese \brief 隐藏警告的消息框
+ *
+ */
+void DLineEdit:: hideAlertMessage()
+{
+    Q_D(DLineEdit);
+
+    if (d->tooltip) {
+        d->tooltip->hide();
+    }
+}
+
+/*!
+ * \~chinese \brief 设置图标是否可见
+ *
+ * @param visible
+ */
+void DLineEdit::setIconVisible(bool visible)
+{
+    Q_D(DLineEdit);
+
+    if (visible == d->m_rightIcon->isVisible()) {
+        return;
+    }
+
+    d->m_rightIcon->setVisible(visible);
+
+    if (visible) {
+
+        addAction(d->m_iconAction, TrailingPosition);
+#ifndef Q_OS_WIN
+        QLineEditPrivate *d_d = reinterpret_cast<QLineEditPrivate*>(d_ptr.data());
+        if (d_d->trailingSideWidgets.size() > 1) {
+            if ((*(d_d->trailingSideWidgets.end() - 1)).action == d->m_iconAction) {
+                d_d->trailingSideWidgets.insert(d_d->trailingSideWidgets.begin(), *d_d->trailingSideWidgets.erase(d_d->trailingSideWidgets.end() - 1));
+                QResizeEvent resize_event(size(), size());
+                qApp->sendEvent(this, &resize_event);
+            }
+        }
+#endif
+     } else {
+        removeAction(d->m_iconAction);
+    }
+}
+
+/*!
+ * \~english \property DLineEdit::iconVisible
+ * \~english \brief This property holds whether the action button can be seen.
+ */
+
+/*!
+ * \~chinese \property DLineEdit::iconVisible
+ * \~chinese 这个属性将会决定动作按钮的图标是否可见
+ */
+bool DLineEdit::iconVisible() const
+{
+    D_DC(DLineEdit);
+
+    return d->m_rightIcon->isVisible();
+}
+
+/*!
+ * \~english \property DLineEdit::normalIcon
+ * \~english \brief This property holds the image used as the normal state of the action button.
+ */
+
+/*!
+ * \~chinese \property DLineEdit::normalIcon
+ * \~chinese 该属性返回normal状态的图标
+ */
+QString DLineEdit::normalIcon() const
+{
+    D_DC(DLineEdit);
+
+    return d->m_rightIcon->getNormalPic();
+}
+
+/*!
+ * \~chinese \brief 设置normal状态的图标
+ *
+ * @param normalIcon
+ */
+void DLineEdit::setNormalIcon(const QString &normalIcon)
+{
+    Q_D(DLineEdit);
+
+    d->m_rightIcon->setNormalPic(normalIcon);
+}
+
+/*!
+ * \~english \property DLineEdit::hoverIcon
+ * \~english \brief This property holds the image used as the hover state of the action button.
+ */
+
+/*!
+ * \~chinese \property DLineEdit::hoverIcon
+ * \~chinese 该属性返回鼠标在动作按钮上时，按钮的图标
+ */
+QString DLineEdit::hoverIcon() const
+{
+    D_DC(DLineEdit);
+
+    return d->m_rightIcon->getHoverPic();
+}
+
+/*!
+ * \~chinese \brief 设置鼠标在动作按钮上时，按钮的图标
+ *
+ * @param hoverIcon 鼠标在动作按钮上时，按钮的图标的路径
+ */
+void DLineEdit::setHoverIcon(const QString &hoverIcon)
+{
+    Q_D(DLineEdit);
+
+    d->m_rightIcon->setHoverPic(hoverIcon);
+}
+
+/*!
+ * \~english \property DLineEdit::pressIcon
+ * \~english \brief This property holds the image used as the pressed state of the action button.
+ */
+
+/*!
+ * \~chinese \property DLineEdit::pressIcon
+ * \~chinese 该属性返回鼠标按下时动作按钮的图标
+ */
+QString DLineEdit::pressIcon() const
+{
+    D_DC(DLineEdit);
+
+    return d->m_rightIcon->getPressPic();
+}
+
+/*!
+ * \~chinese \brief 设置鼠标按下时动作按钮的图标
+ *
+ * @param pressIcon 鼠标按下时动作按钮的图标路径
+ */
+void DLineEdit::setPressIcon(const QString &pressIcon)
+{
+    Q_D(DLineEdit);
+
+    d->m_rightIcon->setPressPic(pressIcon);
+}
+
+void DLineEdit::focusInEvent(QFocusEvent *e)
+{
+    Q_EMIT focusChanged(true);
+    QLineEdit::focusInEvent(e);
+}
+
+void DLineEdit::focusOutEvent(QFocusEvent *e)
+{
+    Q_EMIT focusChanged(false);
+    QLineEdit::focusOutEvent(e);
+}
+
+void DLineEdit::resizeEvent(QResizeEvent *e)
+{
+    QLineEdit::resizeEvent(e);
+
+    Q_EMIT sizeChanged(e->size());
+
+    D_D(DLineEdit);
+
+    d->m_rightIcon->setFixedHeight(e->size().height() - 2);
+}
+
+bool DLineEdit::eventFilter(QObject *watched, QEvent *event)
+{
+    D_D(DLineEdit);
+
+    if (watched == d->m_rightIcon) {
+        if (event->type() == QEvent::Move) {
+            d->m_rightIcon->move(width() - d->m_rightIcon->width() - 1, 1);
+        }
+    }
+
+    return false;
+}
+
+DLineEditPrivate::DLineEditPrivate(DLineEdit *q)
+    : DObjectPrivate(q)
+{
+}
+
+void DLineEditPrivate::init()
+{
+    Q_Q(DLineEdit);
+    m_rightIcon = new DImageButton(q);
+    m_rightIcon->setObjectName("IconButton");
+    m_rightIcon->installEventFilter(q);
+
+    m_iconAction = new QWidgetAction(q);
+    m_iconAction->setDefaultWidget(m_rightIcon);
+    m_rightIcon->hide();
+
+    q->connect(m_rightIcon, &DImageButton::clicked, q, &DLineEdit::iconClicked);
+}
+
+DWIDGET_END_NAMESPACE
+
+#include "moc_dlineedit.cpp"
diff --git a/widget/dlineedit.h b/widget/dlineedit.h
new file mode 100644
index 0000000..8cee358
--- /dev/null
+++ b/widget/dlineedit.h
@@ -0,0 +1,80 @@
+/*
+ * Copyright (C) 2015 ~ 2017 Deepin Technology Co., Ltd.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+#ifndef DLINEEDIT_H
+#define DLINEEDIT_H
+
+#include <QLineEdit>
+
+#include "dtkwidget_global.h"
+#include "dobject.h"
+
+DWIDGET_BEGIN_NAMESPACE
+
+class DLineEditPrivate;
+class DStyleOptionLineEdit;
+class LIBDTKWIDGETSHARED_EXPORT DLineEdit : public QLineEdit, public DTK_CORE_NAMESPACE::DObject
+{
+    Q_OBJECT
+    Q_DISABLE_COPY(DLineEdit)
+    D_DECLARE_PRIVATE(DLineEdit)
+    Q_PROPERTY(bool alert READ isAlert WRITE setAlert NOTIFY alertChanged)
+    Q_PROPERTY(QString normalIcon READ normalIcon WRITE setNormalIcon DESIGNABLE true)
+    Q_PROPERTY(QString hoverIcon READ hoverIcon WRITE setHoverIcon DESIGNABLE true)
+    Q_PROPERTY(QString pressIcon READ pressIcon WRITE setPressIcon DESIGNABLE true)
+    Q_PROPERTY(bool iconVisible READ iconVisible WRITE setIconVisible)
+
+public:
+    DLineEdit(QWidget *parent = 0);
+
+    void setAlert(bool isAlert);
+    bool isAlert() const;
+    void showAlertMessage(const QString &text, int duration = 3000);
+    void hideAlertMessage();
+
+    void setIconVisible(bool visible);
+    bool iconVisible() const;
+
+    QString normalIcon() const;
+    QString hoverIcon() const;
+    QString pressIcon() const;
+
+public Q_SLOTS:
+    void setNormalIcon(const QString &normalIcon);
+    void setHoverIcon(const QString &hoverIcon);
+    void setPressIcon(const QString &pressIcon);
+
+Q_SIGNALS:
+    void iconClicked() const;
+    void alertChanged(bool alert) const;
+    void focusChanged(bool onFocus) const;
+    void sizeChanged(const QSize &size) const;
+
+protected:
+    DLineEdit(DLineEditPrivate &q, QWidget *parent);
+
+    void focusInEvent(QFocusEvent *e) Q_DECL_OVERRIDE;
+    void focusOutEvent(QFocusEvent *e) Q_DECL_OVERRIDE;
+    void resizeEvent(QResizeEvent *e) Q_DECL_OVERRIDE;
+    bool eventFilter(QObject *watched, QEvent *event) override;
+
+    friend class DStyleOptionLineEdit;
+};
+
+DWIDGET_END_NAMESPACE
+
+#endif // DLINEEDIT_H
diff --git a/widget/drawthememanager.cpp b/widget/drawthememanager.cpp
new file mode 100644
index 0000000..0ff4690
--- /dev/null
+++ b/widget/drawthememanager.cpp
@@ -0,0 +1,47 @@
+#include "drawthememanager.h"
+
+#include <QApplication>
+#include <QWidget>
+
+#include "utils/baseutils.h"
+
+namespace {
+const QString THEME_GROUP = "APP";
+const QString THEME_TEXT = "AppTheme";
+}
+
+DrawThemeManager * DrawThemeManager::m_drawTheme = NULL;
+DrawThemeManager *DrawThemeManager::instance()
+{
+    if (m_drawTheme == NULL) {
+        m_drawTheme = new DrawThemeManager;
+    }
+
+    return m_drawTheme;
+}
+
+DrawThemeManager::DrawThemeManager(QObject *parent) : QObject(parent)
+{
+}
+
+QString DrawThemeManager::getCurrentTheme(){
+    return m_currentTheme;
+}
+
+void DrawThemeManager::setCurrentTheme(QString themeName) {
+    m_currentTheme = themeName;
+
+    emit themeChanged(m_currentTheme);
+}
+
+QString DrawThemeManager::getQssForWidget(QString className) {
+    return getFileContent(QString(":/theme/%1/%2.qss").arg(m_currentTheme).arg(className));
+}
+
+void DrawThemeManager::updateQss()
+{
+    QWidget *w = qobject_cast<QWidget*>(sender());
+    if(w){
+        w->setStyleSheet(w->styleSheet());
+    }
+}
diff --git a/widget/drawthememanager.h b/widget/drawthememanager.h
new file mode 100644
index 0000000..430c66a
--- /dev/null
+++ b/widget/drawthememanager.h
@@ -0,0 +1,26 @@
+#ifndef DRAWTHEMEMANAGER_H
+#define DRAWTHEMEMANAGER_H
+
+#include <QObject>
+
+class DrawThemeManager : public QObject {
+    Q_OBJECT
+    DrawThemeManager(QObject* parent = 0);
+public:
+    static DrawThemeManager* instance();
+
+signals:
+    void themeChanged(QString themeName);
+
+public slots:
+    QString getCurrentTheme();
+    void setCurrentTheme(QString themeName);
+    QString getQssForWidget(QString className);
+    void updateQss();
+
+private:
+    static DrawThemeManager* m_drawTheme;
+    QString m_currentTheme = "light";
+};
+
+#endif // DRAWTHEMEMANAGER_H
diff --git a/widget/fontsizelineedit.h b/widget/fontsizelineedit.h
new file mode 100644
index 0000000..befde5b
--- /dev/null
+++ b/widget/fontsizelineedit.h
@@ -0,0 +1,40 @@
+#ifndef FONTSIZELINEEDIT_H
+#define FONTSIZELINEEDIT_H
+
+#include <QLineEdit>
+#include <QShortcut>
+#include <QKeyEvent>
+#include <QDebug>
+
+class FontsizeLineEdit : public QLineEdit
+{
+    Q_OBJECT
+public:
+    FontsizeLineEdit(QWidget* parent = 0) {
+        Q_UNUSED(parent);
+    }
+    ~FontsizeLineEdit(){}
+
+signals:
+    void addSize();
+    void reduceSize();
+
+protected:
+    void keyPressEvent(QKeyEvent* e)
+    {
+        if (e->key() == Qt::Key_Up)
+        {
+            emit addSize();
+        } else if (e->key() == Qt::Key_Down)
+        {
+            emit reduceSize();
+        } else if (e->key() == Qt::Key_Return || e->key() == Qt::Key_Enter)
+        {
+            emit editingFinished();
+        }
+
+        QLineEdit::keyPressEvent(e);
+    }
+
+};
+#endif // FONTSIZELINEEDIT_H
diff --git a/widget/graphicsgloweffect.cpp b/widget/graphicsgloweffect.cpp
new file mode 100644
index 0000000..317f250
--- /dev/null
+++ b/widget/graphicsgloweffect.cpp
@@ -0,0 +1,111 @@
+/*
+ * Copyright (C) 2015 ~ 2017 Deepin Technology Co., Ltd.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+#include "graphicsgloweffect.h"
+
+#include <QDebug>
+
+DWIDGET_USE_NAMESPACE
+
+GraphicsGlowEffect::GraphicsGlowEffect(QObject *parent) :
+    QGraphicsEffect(parent),
+    m_xOffset(0),
+    m_yOffset(0),
+    m_distance(4.0f),
+    m_blurRadius(10.0f),
+    m_color(0, 0, 0, 80)
+{
+}
+
+QT_BEGIN_NAMESPACE
+extern Q_WIDGETS_EXPORT void qt_blurImage(QPainter *p, QImage &blurImage, qreal radius, bool quality, bool alphaOnly, int transposed = 0);
+QT_END_NAMESPACE
+
+
+void GraphicsGlowEffect::cachePixmap(const QPixmap &sourcePx)
+{
+    // Calculate size for the background image
+    QSize scaleSize(sourcePx.size().width() + 2 * distance(), sourcePx.size().height() + 2 * distance());
+
+    if (cacheBlurPixmap.size() == scaleSize) {
+        return;
+    }
+
+    QImage tmpImg(scaleSize, QImage::Format_ARGB32_Premultiplied);
+    QPixmap scaled = sourcePx.scaled(scaleSize);
+    tmpImg.fill(0);
+    QPainter tmpPainter(&tmpImg);
+    tmpPainter.setCompositionMode(QPainter::CompositionMode_Source);
+    tmpPainter.drawPixmap(QPointF(-distance(), -distance()), scaled);
+    tmpPainter.end();
+
+    // blur the alpha channel
+    QImage blurred(tmpImg.size(), QImage::Format_ARGB32_Premultiplied);
+    blurred.fill(0);
+    QPainter blurPainter(&blurred);
+    qt_blurImage(&blurPainter, tmpImg, blurRadius(), false, true);
+    blurPainter.end();
+
+    tmpImg = blurred;
+
+    // blacken the image...
+    tmpPainter.begin(&tmpImg);
+    tmpPainter.setCompositionMode(QPainter::CompositionMode_SourceIn);
+    tmpPainter.fillRect(tmpImg.rect(), color());
+    tmpPainter.end();
+
+    cacheBlurPixmap = QPixmap::fromImage(tmpImg);
+}
+
+void GraphicsGlowEffect::draw(QPainter *painter)
+{
+    // if nothing to show outside the item, just draw source
+    if ((blurRadius() + distance()) <= 0) {
+        drawSource(painter);
+        return;
+    }
+
+    PixmapPadMode mode = QGraphicsEffect::PadToEffectiveBoundingRect;
+    QPoint offset;
+    const QPixmap sourcePx = sourcePixmap(Qt::DeviceCoordinates, &offset, mode);
+
+    // return if no source
+    if (sourcePx.isNull()) {
+        return;
+    }
+
+    cachePixmap(sourcePx);
+
+    // save world transform
+    QTransform restoreTransform = painter->worldTransform();
+    painter->setWorldTransform(QTransform());
+
+    // draw the blurred shadow...
+    painter->drawPixmap(offset, cacheBlurPixmap);
+
+    // draw the actual pixmap...
+    painter->drawPixmap(offset, sourcePx, QRectF());
+
+    // restore world transform
+    painter->setWorldTransform(restoreTransform);
+}
+
+QRectF GraphicsGlowEffect::boundingRectFor(const QRectF &rect) const
+{
+    qreal delta = blurRadius() + distance();
+    return rect.united(rect.adjusted(-delta - xOffset(), -delta - yOffset(), delta - xOffset(), delta - yOffset()));
+}
diff --git a/widget/graphicsgloweffect.h b/widget/graphicsgloweffect.h
new file mode 100644
index 0000000..f5af5e8
--- /dev/null
+++ b/widget/graphicsgloweffect.h
@@ -0,0 +1,69 @@
+/*
+ * Copyright (C) 2015 ~ 2017 Deepin Technology Co., Ltd.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+#ifndef GraphicsGlowEffect_H
+#define GraphicsGlowEffect_H
+
+#include <QGraphicsDropShadowEffect>
+#include <QGraphicsEffect>
+#include <QPainter>
+
+#include "dtkwidget_global.h"
+
+DWIDGET_BEGIN_NAMESPACE
+
+class LIBDTKWIDGETSHARED_EXPORT GraphicsGlowEffect : public QGraphicsEffect
+{
+    Q_OBJECT
+public:
+    explicit GraphicsGlowEffect(QObject *parent = 0);
+
+    void draw(QPainter *painter);
+    QRectF boundingRectFor(const QRectF &rect) const;
+
+    inline void setOffset(qreal dx, qreal dy) {m_xOffset = dx; m_yOffset = dy;}
+
+    inline void setXOffset(qreal dx) {m_xOffset = dx;}
+    inline qreal xOffset() const {return m_xOffset;}
+
+    inline void setYOffset(qreal dy) {m_yOffset = dy;}
+    inline qreal yOffset() const {return m_yOffset;}
+
+    inline void setDistance(qreal distance) { m_distance = distance; updateBoundingRect(); }
+    inline qreal distance() const { return m_distance; }
+
+    inline void setBlurRadius(qreal blurRadius) { m_blurRadius = blurRadius; updateBoundingRect(); }
+    inline qreal blurRadius() const { return m_blurRadius; }
+
+    inline void setColor(const QColor &color) { m_color = color; }
+    inline QColor color() const { return m_color; }
+
+protected:
+    void cachePixmap(const QPixmap &source);
+
+private:
+    QPixmap cacheBlurPixmap;
+    qreal   m_xOffset;
+    qreal   m_yOffset;
+    qreal   m_distance;
+    qreal   m_blurRadius;
+    QColor  m_color;
+};
+
+DWIDGET_END_NAMESPACE
+
+#endif // GraphicsGlowEffect_H
diff --git a/widget/iconbutton.cpp b/widget/iconbutton.cpp
new file mode 100644
index 0000000..3178565
--- /dev/null
+++ b/widget/iconbutton.cpp
@@ -0,0 +1,143 @@
+#include "iconbutton.h"
+
+#include <QDebug>
+
+IconButton::IconButton(const QString &normalPic, const QString &hoverPic, const QString
+    &pressPic, const QString &text, QWidget *parent) : QPushButton(parent) {
+
+    setStyleSheet("");
+    if (!normalPic.isEmpty())
+        m_normalPic = normalPic;
+    if (!hoverPic.isEmpty())
+        m_hoverPic = hoverPic;
+    if (!pressPic.isEmpty())
+        m_pressPic = pressPic;
+
+    setText(text);
+    updateIcon();
+}
+
+IconButton::IconButton(const QString &normalPic, const QString &hoverPic, const QString
+    &pressPic, const QString &checkedPic, const QString &text, QWidget *parent) : QPushButton(parent) {
+
+     setStyleSheet("QPushButton {outline: none; background-color: transparent; border: none;}");
+
+    if (!normalPic.isEmpty())
+        m_normalPic = normalPic;
+    if (!hoverPic.isEmpty())
+        m_hoverPic = hoverPic;
+    if (!pressPic.isEmpty())
+        m_pressPic = pressPic;
+    if (!checkedPic.isEmpty())
+        m_checkedPic = checkedPic;
+
+    setText(text);
+    updateIcon();
+}
+
+IconButton::~IconButton() {}
+
+void IconButton::setNormalPic(const QString &normalPic) {
+    m_normalPic = normalPic;
+    updateIcon();
+}
+
+void IconButton::setHoverPic(const QString &hoverPic) {
+    m_hoverPic = hoverPic;
+    updateIcon();
+}
+void IconButton::setPressPic(const QString &pressPic) {
+    m_pressPic = pressPic;
+    updateIcon();
+}
+
+void IconButton::setCheckedPic(const QString &checkedPic) {
+    m_checkedPic = checkedPic;
+    updateIcon();
+}
+
+IconButton::State IconButton::getState()  const {
+    return m_state;
+}
+
+void IconButton::enterEvent(QEvent* event) {
+    setCursor(Qt::PointingHandCursor);
+
+    if (!isChecked()) {
+        setState(Hover);
+    }
+
+    event->accept();
+}
+
+void IconButton::leaveEvent(QEvent* event)  {
+    if (!isChecked()) {
+        setState(Normal);
+    }
+
+    event->accept();
+}
+
+void IconButton::mousePressEvent(QMouseEvent* event) {
+    if (event->button() != Qt::LeftButton) {
+        return;
+    }
+
+    if (isCheckable()) {
+         if (isChecked()) {
+             setChecked(false);
+             setState(Press);
+         } else {
+             setChecked(true);
+             setState(Checked);
+         }
+    } else {
+        setState(Press);
+    }
+    event->accept();
+}
+
+void IconButton::mouseReleaseEvent(QMouseEvent* event)  {
+    if (!rect().contains(event->pos())) {
+        return;
+    }
+
+
+    if (isCheckable()) {
+        if (isChecked()) {
+            setState(Checked);
+        } else {
+            setState(Normal);
+        }
+    } else {
+        setState(Hover);
+    }
+
+    event->accept();
+    QPushButton::mouseReleaseEvent(event);
+}
+
+void IconButton::mouseMoveEvent(QMouseEvent* event) {
+    if (!isCheckable() && !rect().contains(event->pos())) {
+        setState(Normal);
+    }
+}
+
+void IconButton::updateIcon() {
+    switch (m_state) {
+    case Hover:{ if (!m_hoverPic.isEmpty()) setIcon(QPixmap(m_hoverPic));  qDebug() << "Hover:" <<  QPixmap(m_hoverPic).isNull();break;}
+    case Press: if (!m_pressPic.isEmpty()) setIcon(QPixmap(m_pressPic)); qDebug() << "Press:" <<  QPixmap(m_pressPic).isNull(); break;
+    case Checked: if (!m_checkedPic.isEmpty()) setIcon(QPixmap(m_checkedPic)); qDebug() << "Checked:" <<  QPixmap(m_checkedPic).isNull(); break;
+    default: if (!m_normalPic.isEmpty()) setIcon(QPixmap(m_normalPic));   break;
+    }
+
+    Q_EMIT stateChanged();
+}
+
+void IconButton::setState(State state) {
+    m_state = state;
+    updateIcon();
+}
+
+
+
diff --git a/widget/iconbutton.h b/widget/iconbutton.h
new file mode 100644
index 0000000..f8d729d
--- /dev/null
+++ b/widget/iconbutton.h
@@ -0,0 +1,55 @@
+#ifndef ICONBUTTON_H
+#define ICONBUTTON_H
+
+#include <QPushButton>
+#include <QEvent>
+#include <QMouseEvent>
+
+
+class IconButton : public QPushButton {
+    Q_OBJECT
+public:
+    enum State {Normal, Hover, Press, Checked};
+
+    IconButton(const QString &normalPic, const QString &hoverPic,
+               const QString &pressPic, const QString &text, QWidget* parent = 0);
+    IconButton(const QString &normalPic, const QString &hoverPic,
+               const QString &pressPic, const QString &checkedPic, const QString &text, QWidget* parent = 0);
+    ~IconButton();
+
+    void setNormalPic(const QString &normalPic);
+    void setHoverPic(const QString &hoverPic);
+    void setPressPic(const QString &pressPic);
+    void setCheckedPic(const QString &checkedPic);
+
+    inline const QString getNormalPic() const { return m_normalPic;}
+    inline const QString getHoverPic() const { return m_hoverPic;}
+    inline const QString getPressPic() const { return m_pressPic;}
+    inline const QString getCheckedPic() const { return m_checkedPic;}
+
+    State getState() const;
+
+Q_SIGNALS:
+    void stateChanged();
+
+protected:
+    void enterEvent(QEvent* event) Q_DECL_OVERRIDE;
+    void leaveEvent(QEvent* event) Q_DECL_OVERRIDE;
+    void mousePressEvent(QMouseEvent* event) Q_DECL_OVERRIDE;
+    void mouseReleaseEvent(QMouseEvent* event) Q_DECL_OVERRIDE;
+    void mouseMoveEvent(QMouseEvent* event) Q_DECL_OVERRIDE;
+
+private:
+    void updateIcon();
+    void setState(State state);
+
+private:
+    State m_state = Normal;
+
+    QString m_normalPic;
+    QString m_hoverPic;
+    QString m_pressPic;
+    QString m_checkedPic;
+
+};
+#endif // ICONBUTTON_H
diff --git a/widget/imagecropperdialog.h b/widget/imagecropperdialog.h
new file mode 100644
index 0000000..4fe7ef2
--- /dev/null
+++ b/widget/imagecropperdialog.h
@@ -0,0 +1,99 @@
+#ifndef IMAGECROPPER_H
+#define IMAGECROPPER_H
+
+#include <QWidget>
+#include <QDialog>
+#include <QPainter>
+#include <QLabel>
+#include <QPixmap>
+#include <QString>
+#include <QMessageBox>
+#include <QHBoxLayout>
+#include <QVBoxLayout>
+#include <QPushButton>
+
+#include "imagecropperlabel.h"
+
+/*******************************************************
+ *  Loacl private class, which do image-cropping
+ *  Used in class ImageCropper
+*******************************************************/
+class ImageCropperDialogPrivate : public QDialog {
+    Q_OBJECT
+public:
+    ImageCropperDialogPrivate(const QPixmap& imageIn, QPixmap& outputImage,
+                              int windowWidth, int windowHeight,
+                              CropperShape shape, QSize cropperSize = QSize()) :
+        QDialog(nullptr),  outputImage(outputImage)
+    {
+        this->setAttribute(Qt::WA_DeleteOnClose, true);
+        this->setWindowTitle("Image Cropper");
+        this->setMouseTracking(true);
+        this->setModal(true);
+
+        imageLabel = new ImageCropperLabel(windowWidth, windowHeight, this);
+        imageLabel->setCropper(shape, cropperSize);
+        imageLabel->setOutputShape(OutputShape::RECT);
+        imageLabel->setOriginalImage(imageIn);
+        imageLabel->enableOpacity(true);
+
+        QHBoxLayout* btnLayout = new QHBoxLayout();
+        btnOk = new QPushButton("OK", this);
+        btnCancel = new QPushButton("Cancel", this);
+        btnLayout->addStretch();
+        btnLayout->addWidget(btnOk);
+        btnLayout->addWidget(btnCancel);
+
+        QVBoxLayout* mainLayout = new QVBoxLayout(this);
+        mainLayout->addWidget(imageLabel);
+        mainLayout->addLayout(btnLayout);
+
+        connect(btnOk, &QPushButton::clicked, this, [this](){
+            this->outputImage = this->imageLabel->getCroppedImage();
+            this->close();
+        });
+        connect(btnCancel, &QPushButton::clicked, this, [this](){
+            this->outputImage = QPixmap();
+            this->close();
+        });
+    }
+
+private:
+    ImageCropperLabel* imageLabel;
+    QPushButton* btnOk;
+    QPushButton* btnCancel;
+    QPixmap& outputImage;
+};
+
+
+/*******************************************************************
+ *  class ImageCropperDialog
+ *      create a instane of class ImageCropperDialogPrivate
+ *      and get cropped image from the instance(after closing)
+********************************************************************/
+class ImageCropperDialog : QObject {
+public:
+    static QPixmap getCroppedImage(const QString& filename,int windowWidth, int windowHeight,
+                                   CropperShape cropperShape, QSize crooperSize = QSize())
+    {
+        QPixmap inputImage;
+        QPixmap outputImage;
+
+        if (!inputImage.load(filename)) {
+            QMessageBox::critical(nullptr, "Error", "Load image failed!", QMessageBox::Ok);
+            return outputImage;
+        }
+
+        ImageCropperDialogPrivate* imageCropperDo =
+            new ImageCropperDialogPrivate(inputImage, outputImage,
+                                          windowWidth, windowHeight,
+                                          cropperShape, crooperSize);
+        imageCropperDo->exec();
+
+        return outputImage;
+    }
+};
+
+
+
+#endif // IMAGECROPPER_H
diff --git a/widget/imagecropperlabel.cpp b/widget/imagecropperlabel.cpp
new file mode 100644
index 0000000..6b5573c
--- /dev/null
+++ b/widget/imagecropperlabel.cpp
@@ -0,0 +1,714 @@
+#include "imagecropperlabel.h"
+
+#include <QPainter>
+#include <QPainterPath>
+#include <QMouseEvent>
+#include <QDebug>
+#include <QBitmap>
+
+ImageCropperLabel::ImageCropperLabel(int width, int height, QWidget* parent) :
+         QLabel(parent)
+{
+    this->setFixedSize(width, height);
+    this->setAlignment(Qt::AlignCenter);
+    this->setMouseTracking(true);
+
+    borderPen.setWidth(1);
+    borderPen.setColor(Qt::white);
+    borderPen.setDashPattern(QVector<qreal>() << 3 << 3 << 3 << 3);
+}
+
+void ImageCropperLabel::setOriginalImage(const QPixmap &pixmap) {
+    originalImage = pixmap;
+
+    int imgWidth = pixmap.width();
+    int imgHeight = pixmap.height();
+    int labelWidth = this->width();
+    int labelHeight = this->height();
+    int imgWidthInLabel;
+    int imgHeightInLabel;
+
+    if (imgWidth * labelHeight < imgHeight * labelWidth) {
+        scaledRate = labelHeight / double(imgHeight);
+        imgHeightInLabel = labelHeight;
+        imgWidthInLabel = int(scaledRate * imgWidth);
+        imageRect.setRect((labelWidth - imgWidthInLabel) / 2, 0,
+                          imgWidthInLabel, imgHeightInLabel);
+    }
+    else {
+        scaledRate = labelWidth / double(imgWidth);
+        imgWidthInLabel = labelWidth;
+        imgHeightInLabel = int(scaledRate * imgHeight);
+        imageRect.setRect(0, (labelHeight - imgHeightInLabel) / 2,
+                          imgWidthInLabel, imgHeightInLabel);
+    }
+
+    tempImage = originalImage.scaled(imgWidthInLabel, imgHeightInLabel,
+                                     Qt::KeepAspectRatio, Qt::SmoothTransformation);
+    this->setPixmap(tempImage);
+
+    if (cropperShape >= CropperShape::FIXED_RECT) {
+        cropperRect.setWidth(int(cropperRect_.width() * scaledRate));
+        cropperRect.setHeight(int(cropperRect_.height() * scaledRate));
+    }
+    resetCropperPos();
+}
+
+
+/*****************************************
+ * set cropper's shape (and size)
+*****************************************/
+void ImageCropperLabel::setRectCropper() {
+    cropperShape = CropperShape::RECT;
+    resetCropperPos();
+}
+
+void ImageCropperLabel::setSquareCropper() {
+    cropperShape = CropperShape::SQUARE;
+    resetCropperPos();
+}
+
+void ImageCropperLabel::setEllipseCropper() {
+    cropperShape = CropperShape::ELLIPSE;
+    resetCropperPos();
+}
+
+void ImageCropperLabel::setCircleCropper() {
+    cropperShape = CropperShape::CIRCLE;
+    resetCropperPos();
+}
+
+void ImageCropperLabel::setFixedRectCropper(QSize size) {
+    cropperShape = CropperShape::FIXED_RECT;
+    cropperRect_.setSize(size);
+    resetCropperPos();
+}
+
+void ImageCropperLabel::setFixedEllipseCropper(QSize size) {
+    cropperShape = CropperShape::FIXED_ELLIPSE;
+    cropperRect_.setSize(size);
+    resetCropperPos();
+}
+
+// not recommended
+void ImageCropperLabel::setCropper(CropperShape shape, QSize size) {
+    cropperShape = shape;
+    cropperRect_.setSize(size);
+    resetCropperPos();
+}
+
+/*****************************************************************************
+     * Set cropper's fixed size
+    *****************************************************************************/
+void ImageCropperLabel::setCropperFixedSize(int fixedWidth, int fixedHeight) {
+    cropperRect_.setSize(QSize(fixedWidth, fixedHeight));
+    resetCropperPos();
+}
+
+void ImageCropperLabel::setCropperFixedWidth(int fixedWidth) {
+    cropperRect_.setWidth(fixedWidth);
+    resetCropperPos();
+}
+
+void ImageCropperLabel::setCropperFixedHeight(int fixedHeight) {
+    cropperRect_.setHeight(fixedHeight);
+    resetCropperPos();
+}
+
+/**********************************************
+ * Move cropper to the center of the image
+ * And resize to default
+**********************************************/
+void ImageCropperLabel::resetCropperPos() {
+    int labelWidth = this->width();
+    int labelHeight = this->height();
+
+    if (cropperShape == CropperShape::FIXED_RECT || cropperShape == CropperShape::FIXED_ELLIPSE) {
+        cropperRect.setWidth(int(cropperRect_.width() * scaledRate));
+        cropperRect.setHeight(int(cropperRect_.height() * scaledRate));
+    }
+
+    switch (cropperShape) {
+        case CropperShape::UNDEFINED:
+            break;
+        case CropperShape::FIXED_RECT:
+        case CropperShape::FIXED_ELLIPSE: {
+            cropperRect.setRect((labelWidth - cropperRect.width()) / 2,
+                             (labelHeight - cropperRect.height()) / 2,
+                             cropperRect.width(), cropperRect.height());
+            break;
+        }
+        case CropperShape::RECT:
+        case CropperShape::SQUARE:
+        case CropperShape::ELLIPSE:
+        case CropperShape::CIRCLE: {
+            int imgWidth = tempImage.width();
+            int imgHeight = tempImage.height();
+            int edge = int((imgWidth > imgHeight ? imgHeight : imgWidth) * 3 / 4.0);
+            cropperRect.setRect((labelWidth - edge) / 2, (labelHeight - edge) / 2, edge, edge);
+            break;
+        }
+    }
+}
+
+QPixmap ImageCropperLabel::getCroppedImage() {
+    return getCroppedImage(this->outputShape);
+}
+
+QPixmap ImageCropperLabel::getCroppedImage(OutputShape shape) {
+    int startX = int((cropperRect.left() - imageRect.left()) / scaledRate);
+    int startY = int((cropperRect.top() - imageRect.top()) / scaledRate);
+    int croppedWidth = int(cropperRect.width() / scaledRate);
+    int croppedHeight = int(cropperRect.height() / scaledRate);
+
+    QPixmap resultImage(croppedWidth, croppedHeight);
+    resultImage = originalImage.copy(startX, startY, croppedWidth, croppedHeight);
+
+    // Set ellipse mask (cut to ellipse shape)
+    if (shape == OutputShape::ELLIPSE) {
+        QSize size(croppedWidth, croppedHeight);
+        QBitmap mask(size);
+        QPainter painter(&mask);
+        painter.setRenderHint(QPainter::Antialiasing);
+        painter.setRenderHint(QPainter::SmoothPixmapTransform);
+        painter.fillRect(0, 0, size.width(), size.height(), Qt::white);
+        painter.setBrush(QColor(0, 0, 0));
+        painter.drawRoundRect(0, 0, size.width(), size.height(), 99, 99);
+        resultImage.setMask(mask);
+    }
+
+    return resultImage;
+}
+
+
+void ImageCropperLabel::paintEvent(QPaintEvent *event) {
+    // Draw original image
+    QLabel::paintEvent(event);
+
+    // Draw cropper and set some effects
+    switch (cropperShape) {
+        case CropperShape::UNDEFINED:
+            break;
+        case CropperShape::FIXED_RECT:
+            drawRectOpacity();
+            break;
+        case CropperShape::FIXED_ELLIPSE:
+            drawEllipseOpacity();
+            break;
+        case CropperShape::RECT:
+            drawRectOpacity();
+            drawSquareEdge(!ONLY_FOUR_CORNERS);
+            break;
+        case CropperShape::SQUARE:
+            drawRectOpacity();
+            drawSquareEdge(ONLY_FOUR_CORNERS);
+            break;
+        case CropperShape::ELLIPSE:
+            drawEllipseOpacity();
+            drawSquareEdge(!ONLY_FOUR_CORNERS);
+            break;
+        case CropperShape::CIRCLE:
+            drawEllipseOpacity();
+            drawSquareEdge(ONLY_FOUR_CORNERS);
+            break;
+    }
+
+    // Draw cropper rect
+    if (isShowRectBorder) {
+        QPainter painter(this);
+        painter.setPen(borderPen);
+        painter.drawRect(cropperRect);
+    }
+}
+
+void ImageCropperLabel::drawSquareEdge(bool onlyFourCorners) {
+    if (!isShowDragSquare)
+        return;
+
+    // Four corners
+    drawFillRect(cropperRect.topLeft(), dragSquareEdge, dragSquareColor);
+    drawFillRect(cropperRect.topRight(), dragSquareEdge, dragSquareColor);
+    drawFillRect(cropperRect.bottomLeft(), dragSquareEdge, dragSquareColor);
+    drawFillRect(cropperRect.bottomRight(), dragSquareEdge, dragSquareColor);
+
+    // Four edges
+    if (!onlyFourCorners) {
+        int centralX = cropperRect.left() + cropperRect.width() / 2;
+        int centralY = cropperRect.top() + cropperRect.height() / 2;
+        drawFillRect(QPoint(cropperRect.left(), centralY), dragSquareEdge, dragSquareColor);
+        drawFillRect(QPoint(centralX, cropperRect.top()), dragSquareEdge, dragSquareColor);
+        drawFillRect(QPoint(cropperRect.right(), centralY), dragSquareEdge, dragSquareColor);
+        drawFillRect(QPoint(centralX, cropperRect.bottom()), dragSquareEdge, dragSquareColor);
+    }
+}
+
+void ImageCropperLabel::drawFillRect(QPoint centralPoint, int edge, QColor color) {
+    QRect rect(centralPoint.x() - edge / 2, centralPoint.y() - edge / 2, edge, edge);
+    QPainter painter(this);
+    painter.fillRect(rect, color);
+}
+
+// Opacity effect
+void ImageCropperLabel::drawOpacity(const QPainterPath& path) {
+    QPainter painterOpac(this);
+    painterOpac.setOpacity(opacity);
+    painterOpac.fillPath(path, QBrush(Qt::black));
+}
+
+void ImageCropperLabel::drawRectOpacity() {
+    if (isShowOpacityEffect) {
+        QPainterPath p1, p2, p;
+        p1.addRect(imageRect);
+        p2.addRect(cropperRect);
+        p = p1.subtracted(p2);
+        drawOpacity(p);
+    }
+}
+
+void ImageCropperLabel::drawEllipseOpacity() {
+    if (isShowOpacityEffect) {
+        QPainterPath p1, p2, p;
+        p1.addRect(imageRect);
+        p2.addEllipse(cropperRect);
+        p = p1.subtracted(p2);
+        drawOpacity(p);
+    }
+}
+
+bool ImageCropperLabel::isPosNearDragSquare(const QPoint& pt1, const QPoint& pt2) {
+    return abs(pt1.x() - pt2.x()) * 2 <= dragSquareEdge
+           && abs(pt1.y() - pt2.y()) * 2 <= dragSquareEdge;
+}
+
+int ImageCropperLabel::getPosInCropperRect(const QPoint &pt) {
+    if (isPosNearDragSquare(pt, QPoint(cropperRect.right(), cropperRect.center().y())))
+        return RECT_RIGHT;
+    if (isPosNearDragSquare(pt, cropperRect.bottomRight()))
+        return RECT_BOTTOM_RIGHT;
+    if (isPosNearDragSquare(pt, QPoint(cropperRect.center().x(), cropperRect.bottom())))
+        return RECT_BOTTOM;
+    if (isPosNearDragSquare(pt, cropperRect.bottomLeft()))
+        return RECT_BOTTOM_LEFT;
+    if (isPosNearDragSquare(pt, QPoint(cropperRect.left(), cropperRect.center().y())))
+        return RECT_LEFT;
+    if (isPosNearDragSquare(pt, cropperRect.topLeft()))
+        return RECT_TOP_LEFT;
+    if (isPosNearDragSquare(pt, QPoint(cropperRect.center().x(), cropperRect.top())))
+        return RECT_TOP;
+    if (isPosNearDragSquare(pt, cropperRect.topRight()))
+        return RECT_TOP_RIGHT;
+    if (cropperRect.contains(pt, true))
+        return RECT_INSIDE;
+    return RECT_OUTSIZD;
+}
+
+/*************************************************
+ *
+ *  Change mouse cursor type
+ *      Arrow, SizeHor, SizeVer, etc...
+ *
+*************************************************/
+
+void ImageCropperLabel::changeCursor() {
+    switch (cursorPosInCropperRect) {
+        case RECT_OUTSIZD:
+            setCursor(Qt::ArrowCursor);
+            break;
+        case RECT_BOTTOM_RIGHT: {
+            switch (cropperShape) {
+            case CropperShape::SQUARE:
+            case CropperShape::CIRCLE:
+            case CropperShape::RECT:
+            case CropperShape::ELLIPSE:
+                setCursor(Qt::SizeFDiagCursor);
+                break;
+            default:
+                break;
+            }
+            break;
+        }
+        case RECT_RIGHT: {
+            switch (cropperShape) {
+            case CropperShape::RECT:
+            case CropperShape::ELLIPSE:
+                setCursor(Qt::SizeHorCursor);
+                break;
+            default:
+                break;
+            }
+            break;
+        }
+        case RECT_BOTTOM: {
+            switch (cropperShape) {
+            case CropperShape::RECT:
+            case CropperShape::ELLIPSE:
+                setCursor(Qt::SizeVerCursor);
+                break;
+            default:
+                break;
+            }
+            break;
+        }
+        case RECT_BOTTOM_LEFT: {
+            switch (cropperShape) {
+            case CropperShape::RECT:
+            case CropperShape::ELLIPSE:
+            case CropperShape::SQUARE:
+            case CropperShape::CIRCLE:
+                setCursor(Qt::SizeBDiagCursor);
+                break;
+            default:
+                break;
+            }
+            break;
+        }
+        case RECT_LEFT: {
+            switch (cropperShape) {
+            case CropperShape::RECT:
+            case CropperShape::ELLIPSE:
+                setCursor(Qt::SizeHorCursor);
+                break;
+            default:
+                break;
+            }
+            break;
+        }
+        case RECT_TOP_LEFT: {
+            switch (cropperShape) {
+            case CropperShape::RECT:
+            case CropperShape::ELLIPSE:
+            case CropperShape::SQUARE:
+            case CropperShape::CIRCLE:
+                setCursor(Qt::SizeFDiagCursor);
+                break;
+            default:
+                break;
+            }
+            break;
+        }
+        case RECT_TOP: {
+            switch (cropperShape) {
+            case CropperShape::RECT:
+            case CropperShape::ELLIPSE:
+                setCursor(Qt::SizeVerCursor);
+                break;
+            default:
+                break;
+            }
+            break;
+        }
+        case RECT_TOP_RIGHT: {
+            switch (cropperShape) {
+            case CropperShape::SQUARE:
+            case CropperShape::CIRCLE:
+            case CropperShape::RECT:
+            case CropperShape::ELLIPSE:
+                setCursor(Qt::SizeBDiagCursor);
+                break;
+            default:
+                break;
+            }
+            break;
+        }
+        case RECT_INSIDE: {
+            setCursor(Qt::SizeAllCursor);
+            break;
+        }
+    }
+}
+
+/*****************************************************
+ *
+ *  Mouse Events
+ *
+*****************************************************/
+
+void ImageCropperLabel::mousePressEvent(QMouseEvent *e) {
+    currPos = lastPos = e->pos();
+    isLButtonPressed = true;
+}
+
+void ImageCropperLabel::mouseMoveEvent(QMouseEvent *e) {
+    currPos = e->pos();
+    if (!isCursorPosCalculated) {
+        cursorPosInCropperRect = getPosInCropperRect(currPos);
+        changeCursor();
+    }
+
+    if (!isLButtonPressed)
+        return;
+    if (!imageRect.contains(currPos))
+        return;
+
+    isCursorPosCalculated = true;
+
+    int xOffset = currPos.x() - lastPos.x();
+    int yOffset = currPos.y() - lastPos.y();
+    lastPos = currPos;
+
+    int disX = 0;
+    int disY = 0;
+
+    // Move cropper
+    switch (cursorPosInCropperRect) {
+        case RECT_OUTSIZD:
+            break;
+        case RECT_BOTTOM_RIGHT: {
+            disX = currPos.x() - cropperRect.left();
+            disY = currPos.y() - cropperRect.top();
+            switch (cropperShape) {
+                case CropperShape::UNDEFINED:
+                case CropperShape::FIXED_RECT:
+                case CropperShape::FIXED_ELLIPSE:
+                    break;
+                case CropperShape::SQUARE:
+                case CropperShape::CIRCLE:
+                    setCursor(Qt::SizeFDiagCursor);
+                    if (disX >= cropperMinimumWidth && disY >= cropperMinimumHeight) {
+                        if (disX > disY && cropperRect.top() + disX <= imageRect.bottom()) {
+                            cropperRect.setRight(currPos.x());
+                            cropperRect.setBottom(cropperRect.top() + disX);
+                            emit croppedImageChanged();
+                        }
+                        else if (disX <= disY && cropperRect.left() + disY <= imageRect.right()) {
+                            cropperRect.setBottom(currPos.y());
+                            cropperRect.setRight(cropperRect.left() + disY);
+                            emit croppedImageChanged();
+                        }
+                    }
+                    break;
+                case CropperShape::RECT:
+                case CropperShape::ELLIPSE:
+                    setCursor(Qt::SizeFDiagCursor);
+                    if (disX >= cropperMinimumWidth) {
+                        cropperRect.setRight(currPos.x());
+                        emit croppedImageChanged();
+                    }
+                    if (disY >= cropperMinimumHeight) {
+                        cropperRect.setBottom(currPos.y());
+                        emit croppedImageChanged();
+                    }
+                    break;
+            }
+            break;
+        }
+        case RECT_RIGHT: {
+            disX = currPos.x() - cropperRect.left();
+            switch (cropperShape) {
+                case CropperShape::UNDEFINED:
+                case CropperShape::FIXED_RECT:
+                case CropperShape::FIXED_ELLIPSE:
+                case CropperShape::SQUARE:
+                case CropperShape::CIRCLE:
+                    break;
+                case CropperShape::RECT:
+                case CropperShape::ELLIPSE:
+                    if (disX >= cropperMinimumWidth) {
+                        cropperRect.setRight(currPos.x());
+                        emit croppedImageChanged();
+                    }
+                    break;
+            }
+            break;
+        }
+        case RECT_BOTTOM: {
+            disY = currPos.y() - cropperRect.top();
+            switch (cropperShape) {
+                case CropperShape::UNDEFINED:
+                case CropperShape::FIXED_RECT:
+                case CropperShape::FIXED_ELLIPSE:
+                case CropperShape::SQUARE:
+                case CropperShape::CIRCLE:
+                    break;
+                case CropperShape::RECT:
+                case CropperShape::ELLIPSE:
+                    if (disY >= cropperMinimumHeight) {
+                        cropperRect.setBottom(cropperRect.bottom() + yOffset);
+                        emit croppedImageChanged();
+                    }
+                    break;
+            }
+            break;
+        }
+        case RECT_BOTTOM_LEFT: {
+            disX = cropperRect.right() - currPos.x();
+            disY = currPos.y() - cropperRect.top();
+            switch (cropperShape) {
+                case CropperShape::UNDEFINED:
+                    break;
+                case CropperShape::FIXED_RECT:
+                case CropperShape::FIXED_ELLIPSE:
+                case CropperShape::RECT:
+                case CropperShape::ELLIPSE:
+                    if (disX >= cropperMinimumWidth) {
+                        cropperRect.setLeft(currPos.x());
+                        emit croppedImageChanged();
+                    }
+                    if (disY >= cropperMinimumHeight) {
+                        cropperRect.setBottom(currPos.y());
+                        emit croppedImageChanged();
+                    }
+                    break;
+                case CropperShape::SQUARE:
+                case CropperShape::CIRCLE:
+                    if (disX >= cropperMinimumWidth && disY >= cropperMinimumHeight) {
+                        if (disX > disY && cropperRect.top() + disX <= imageRect.bottom()) {
+                            cropperRect.setLeft(currPos.x());
+                            cropperRect.setBottom(cropperRect.top() + disX);
+                            emit croppedImageChanged();
+                        }
+                        else if (disX <= disY && cropperRect.right() - disY >= imageRect.left()) {
+                            cropperRect.setBottom(currPos.y());
+                            cropperRect.setLeft(cropperRect.right() - disY);
+                            emit croppedImageChanged();
+                        }
+                    }
+                    break;
+            }
+            break;
+        }
+        case RECT_LEFT: {
+            disX = cropperRect.right() - currPos.x();
+            switch (cropperShape) {
+                case CropperShape::UNDEFINED:
+                case CropperShape::FIXED_RECT:
+                case CropperShape::FIXED_ELLIPSE:
+                case CropperShape::SQUARE:
+                case CropperShape::CIRCLE:
+                    break;
+                case CropperShape::RECT:
+                case CropperShape::ELLIPSE:
+                    if (disX >= cropperMinimumHeight) {
+                        cropperRect.setLeft(cropperRect.left() + xOffset);
+                        emit croppedImageChanged();
+                    }
+                    break;
+            }
+            break;
+        }
+        case RECT_TOP_LEFT: {
+            disX = cropperRect.right() - currPos.x();
+            disY = cropperRect.bottom() - currPos.y();
+            switch (cropperShape) {
+                case CropperShape::UNDEFINED:
+                case CropperShape::FIXED_RECT:
+                case CropperShape::FIXED_ELLIPSE:
+                    break;
+                case CropperShape::RECT:
+                case CropperShape::ELLIPSE:
+                    if (disX >= cropperMinimumWidth) {
+                        cropperRect.setLeft(currPos.x());
+                        emit croppedImageChanged();
+                    }
+                    if (disY >= cropperMinimumHeight) {
+                        cropperRect.setTop(currPos.y());
+                        emit croppedImageChanged();
+                    }
+                    break;
+                case CropperShape::SQUARE:
+                case CropperShape::CIRCLE:
+                    if (disX >= cropperMinimumWidth && disY >= cropperMinimumHeight) {
+                        if (disX > disY && cropperRect.bottom() - disX >= imageRect.top()) {
+                            cropperRect.setLeft(currPos.x());
+                            cropperRect.setTop(cropperRect.bottom() - disX);
+                            emit croppedImageChanged();
+                        }
+                        else if (disX <= disY && cropperRect.right() - disY >= imageRect.left()) {
+                            cropperRect.setTop(currPos.y());
+                            cropperRect.setLeft(cropperRect.right() - disY);
+                            emit croppedImageChanged();
+                        }
+                    }
+                    break;
+            }
+            break;
+        }
+        case RECT_TOP: {
+            disY = cropperRect.bottom() - currPos.y();
+            switch (cropperShape) {
+                case CropperShape::UNDEFINED:
+                case CropperShape::FIXED_RECT:
+                case CropperShape::FIXED_ELLIPSE:
+                case CropperShape::SQUARE:
+                case CropperShape::CIRCLE:
+                    break;
+                case CropperShape::RECT:
+                case CropperShape::ELLIPSE:
+                    if (disY >= cropperMinimumHeight) {
+                        cropperRect.setTop(cropperRect.top() + yOffset);
+                        emit croppedImageChanged();
+                    }
+                    break;
+            }
+            break;
+        }
+        case RECT_TOP_RIGHT: {
+            disX = currPos.x() - cropperRect.left();
+            disY = cropperRect.bottom() - currPos.y();
+            switch (cropperShape) {
+                case CropperShape::UNDEFINED:
+                case CropperShape::FIXED_RECT:
+                case CropperShape::FIXED_ELLIPSE:
+                    break;
+                case CropperShape::RECT:
+                case CropperShape::ELLIPSE:
+                    if (disX >= cropperMinimumWidth) {
+                        cropperRect.setRight(currPos.x());
+                        emit croppedImageChanged();
+                    }
+                    if (disY >= cropperMinimumHeight) {
+                        cropperRect.setTop(currPos.y());
+                        emit croppedImageChanged();
+                    }
+                    break;
+                case CropperShape::SQUARE:
+                case CropperShape::CIRCLE:
+                    if (disX >= cropperMinimumWidth && disY >= cropperMinimumHeight) {
+                        if (disX < disY && cropperRect.left() + disY <= imageRect.right()) {
+                            cropperRect.setTop(currPos.y());
+                            cropperRect.setRight(cropperRect.left() + disY);
+                            emit croppedImageChanged();
+                        }
+                        else if (disX >= disY && cropperRect.bottom() - disX >= imageRect.top()) {
+                            cropperRect.setRight(currPos.x());
+                            cropperRect.setTop(cropperRect.bottom() - disX);
+                            emit croppedImageChanged();
+                        }
+                    }
+                    break;
+            }
+            break;
+        }
+        case RECT_INSIDE: {
+            // Make sure the cropperRect is entirely inside the imageRecct
+            if (xOffset > 0) {
+                if (cropperRect.right() + xOffset > imageRect.right())
+                    xOffset = 0;
+            }
+            else if (xOffset < 0) {
+                if (cropperRect.left() + xOffset < imageRect.left())
+                    xOffset = 0;
+            }
+            if (yOffset > 0) {
+                if (cropperRect.bottom() + yOffset > imageRect.bottom())
+                    yOffset = 0;
+            }
+            else if (yOffset < 0) {
+                if (cropperRect.top() + yOffset < imageRect.top())
+                    yOffset = 0;
+            }
+            cropperRect.moveTo(cropperRect.left() + xOffset, cropperRect.top() + yOffset);
+            emit croppedImageChanged();
+        }
+        break;
+    }
+
+    repaint();
+}
+
+void ImageCropperLabel::mouseReleaseEvent(QMouseEvent *) {
+    isLButtonPressed = false;
+    isCursorPosCalculated = false;
+    setCursor(Qt::ArrowCursor);
+}
+
diff --git a/widget/imagecropperlabel.h b/widget/imagecropperlabel.h
new file mode 100644
index 0000000..77ea7f4
--- /dev/null
+++ b/widget/imagecropperlabel.h
@@ -0,0 +1,165 @@
+/*************************************************************************
+ *  class:          ImageCropperLabel
+ *  author:         github@Leopard-C
+ *  email:          leopard.c@outlook.com
+ *  last change:    2020-03-06
+*************************************************************************/
+#ifndef IMAGECROPPERLABEL_H
+#define IMAGECROPPERLABEL_H
+
+#include <QLabel>
+#include <QPixmap>
+#include <QPen>
+
+enum class CropperShape {
+    UNDEFINED     = 0,
+    RECT          = 1,
+    SQUARE        = 2,
+    FIXED_RECT    = 3,
+    ELLIPSE       = 4,
+    CIRCLE        = 5,
+    FIXED_ELLIPSE = 6
+};
+
+enum class OutputShape {
+    RECT    = 0,
+    ELLIPSE = 1
+};
+
+enum class SizeType {
+    fixedSize           = 0,
+    fitToMaxWidth       = 1,
+    fitToMaxHeight      = 2,
+    fitToMaxWidthHeight = 3,
+};
+
+
+class ImageCropperLabel : public QLabel {
+    Q_OBJECT
+public:
+    ImageCropperLabel(int width, int height, QWidget* parent);
+
+    void setOriginalImage(const QPixmap& pixmap);
+    void setOutputShape(OutputShape shape) { outputShape = shape; }
+    QPixmap getCroppedImage();
+    QPixmap getCroppedImage(OutputShape shape);
+
+    /*****************************************
+     * Set cropper's shape
+    *****************************************/
+    void setRectCropper();
+    void setSquareCropper();
+    void setEllipseCropper();
+    void setCircleCropper();
+    void setFixedRectCropper(QSize size);
+    void setFixedEllipseCropper(QSize size);
+    void setCropper(CropperShape shape, QSize size);    // not recommended
+
+    /*****************************************************************************
+     * Set cropper's fixed size
+    *****************************************************************************/
+    void setCropperFixedSize(int fixedWidth, int fixedHeight);
+    void setCropperFixedWidth(int fixedWidht);
+    void setCropperFixedHeight(int fixedHeight);
+
+    /*****************************************************************************
+     * Set cropper's minimum size
+     * default: the twice of minimum of the edge lenght of drag square
+    *****************************************************************************/
+    void setCropperMinimumSize(int minWidth, int minHeight)
+        { cropperMinimumWidth = minWidth; cropperMinimumHeight = minHeight; }
+    void setCropperMinimumWidth(int minWidth) { cropperMinimumWidth = minWidth; }
+    void setCropperMinimumHeight(int minHeight) { cropperMinimumHeight = minHeight; }
+
+    /*************************************************
+     * Set the size, color, visibility of rectangular border
+    *************************************************/
+    void setShowRectBorder(bool show) { isShowRectBorder = show; }
+    QPen getBorderPen() { return borderPen; }
+    void setBorderPen(const QPen& pen) { borderPen = pen; }
+
+    /*************************************************
+     * Set the size, color of drag square
+    *************************************************/
+    void setShowDragSquare(bool show) { isShowDragSquare = show; }
+    void setDragSquareEdge(int edge) { dragSquareEdge = (edge >= 3 ? edge : 3); }
+    void setDragSquareColor(const QColor& color) { dragSquareColor = color; }
+
+    /*****************************************
+     *  Opacity Effect
+    *****************************************/
+    void enableOpacity(bool b = true) { isShowOpacityEffect = b; }
+    void setOpacity(double newOpacity) { opacity = newOpacity; }
+
+signals:
+    void croppedImageChanged();
+
+protected:
+    /*****************************************
+     * Event
+    *****************************************/
+    virtual void paintEvent(QPaintEvent *event) override;
+    virtual void mousePressEvent(QMouseEvent *e) override;
+    virtual void mouseMoveEvent(QMouseEvent *e) override;
+    virtual void mouseReleaseEvent(QMouseEvent *e) override;
+
+private:
+    /***************************************
+     * Draw shapes
+    ***************************************/
+    void drawFillRect(QPoint centralPoint, int edge, QColor color);
+    void drawRectOpacity();
+    void drawEllipseOpacity();
+    void drawOpacity(const QPainterPath& path);     // shadow effect
+    void drawSquareEdge(bool onlyFourCorners);
+
+    /***************************************
+     * Other utility methods
+    ***************************************/
+    int getPosInCropperRect(const QPoint& pt);
+    bool isPosNearDragSquare(const QPoint& pt1, const QPoint& pt2);
+    void resetCropperPos();
+    void changeCursor();
+
+    enum {
+        RECT_OUTSIZD = 0,
+        RECT_INSIDE = 1,
+        RECT_TOP_LEFT, RECT_TOP, RECT_TOP_RIGHT, RECT_RIGHT,
+        RECT_BOTTOM_RIGHT, RECT_BOTTOM, RECT_BOTTOM_LEFT, RECT_LEFT
+    };
+
+    const bool ONLY_FOUR_CORNERS = true;
+
+private:
+    QPixmap originalImage;
+    QPixmap tempImage;
+
+    bool isShowRectBorder = true;
+    QPen borderPen;
+
+    CropperShape cropperShape = CropperShape::UNDEFINED;
+    OutputShape  outputShape  = OutputShape::RECT;
+
+    QRect imageRect;     // the whole image area in the label (not real size)
+    QRect cropperRect;     // a rectangle frame to choose image area (not real size)
+    QRect cropperRect_;     // cropper rect (real size)
+    double scaledRate = 1.0;
+
+    bool isLButtonPressed = false;
+    bool isCursorPosCalculated = false;
+    int  cursorPosInCropperRect = RECT_OUTSIZD;
+    QPoint lastPos;
+    QPoint currPos;
+
+    bool isShowDragSquare = true;
+    int dragSquareEdge = 8;
+    QColor dragSquareColor = Qt::white;
+
+    int cropperMinimumWidth = dragSquareEdge * 2;
+    int cropperMinimumHeight = dragSquareEdge * 2;
+
+    bool isShowOpacityEffect = false;
+    double opacity = 0.6;
+};
+
+#endif // IMAGECROPPERLABEL_H
diff --git a/widget/lineedittag.cpp b/widget/lineedittag.cpp
new file mode 100644
index 0000000..824fe06
--- /dev/null
+++ b/widget/lineedittag.cpp
@@ -0,0 +1,180 @@
+#include "lineedittag.h"
+
+#include <QKeyEvent>
+#include <QPainter>
+#include <QDebug>
+#include <QPainterPath>
+
+LineEditTag::LineEditTag(QWidget *parent)
+    : QLineEdit (parent)
+{
+    setMinimumHeight(24);
+}
+
+LineEditTag::~LineEditTag()
+{
+
+}
+
+QStringList LineEditTag::getTags() const
+{
+    return tags;
+}
+
+QString LineEditTag::getTagsStr() const
+{
+    return tags.join(' ');
+}
+
+void LineEditTag::setTags(const QString& tags)
+{
+    if (!tags.isEmpty())
+    {
+        this->tags = tags.split(' ');
+        clear();
+        update();
+    }
+}
+
+void LineEditTag::setTags(const QStringList& tags)
+{
+    if (!tags.isEmpty())
+    {
+        this->tags = tags;
+        clear();
+        update();
+    }
+}
+
+void LineEditTag::addTag()
+{
+    if (!text().isEmpty())
+    {
+        tags.append(text());
+        clear();
+        update();
+    }
+}
+
+void LineEditTag::leaveEvent(QEvent *evt)
+{
+    QLineEdit::leaveEvent(evt);
+    cursorPos = clickedPos = QPoint();
+}
+
+void LineEditTag::keyPressEvent(QKeyEvent *evt)
+{
+    if (evt->key() == Qt::Key_Return || evt->key() == Qt::Key_Enter || evt->key() == Qt::Key_Space)
+    {
+        evt->accept();
+        addTag();
+    }
+    else
+    {
+        QLineEdit::keyPressEvent(evt);
+    }
+}
+
+void LineEditTag::mousePressEvent(QMouseEvent *evt)
+{
+    clickedPos = evt->pos();
+    QLineEdit::mousePressEvent(evt);
+}
+
+void LineEditTag::mouseMoveEvent(QMouseEvent *evt)
+{
+    QLineEdit::mouseMoveEvent(evt);
+    cursorPos = evt->pos();
+}
+
+void LineEditTag::paintEvent(QPaintEvent *evt)
+{
+    QLineEdit::paintEvent(evt);
+
+    QPainter painter(this);
+    painter.setRenderHint(QPainter::Antialiasing);
+
+    QFontMetrics fm = fontMetrics();
+    QRectF r = rect();
+    double space = double(r.height()-fm.height())/2;
+    int padding = 4;
+    int cross_size = int(r.height()-space*2);
+    r.setX(padding);
+    r.setY(double(r.height()-fm.height())/4);
+    QPen pen = painter.pen();
+    QBrush brush = painter.brush();
+    // Stackoverflow tag like
+    QColor tag_bg(225, 236, 244);
+    QColor tag_txt(44, 87, 119);
+    int x_offset = padding;
+    int idx = 0;
+    for (const QString& tag : tags)
+    {
+        QRect tag_rect = fm.boundingRect(tag);
+        r.setWidth(tag_rect.width()+(padding*2)+(padding+cross_size));
+        r.setHeight(tag_rect.height()+space);
+        QRectF cross_rect = QRectF(r.x()+r.width()-cross_size-padding, space, cross_size, cross_size);
+        if (cross_rect.contains(clickedPos))
+        {
+            clickedPos = QPoint();
+            tags.removeAt(idx);
+        }
+        else
+        {
+            QPainterPath tag_path;
+            tag_path.addRoundedRect(r, 2, 2);
+            // Draw tag background and text
+            painter.fillPath(tag_path, QBrush(tag_bg));
+            painter.setPen(tag_txt);
+            painter.drawText(QRectF(r.x()+padding, 0, tag_rect.width(), height()), Qt::AlignVCenter, tag);
+            // Draw the cross to remove tag
+            bool isHovered = r.contains(cursorPos);
+            if (isHovered)
+            {
+                // Manage the hovered
+                QPainterPath cross_path;
+                cross_path.addRoundedRect(cross_rect, 2, 2);
+                painter.fillPath(cross_path, QBrush(tag_txt));
+                // Manage the remove tag mouse cursor
+                if (cross_rect.contains(cursorPos))
+                {
+                    setCursor(Qt::PointingHandCursor);
+                }
+                else
+                {
+                    setCursor(Qt::ArrowCursor);
+                }
+            }
+            pen.setWidth(2);
+            pen.setColor( (isHovered ? tag_bg : tag_txt) );
+            painter.setPen(pen);
+            QPointF topL = cross_rect.topLeft(), topR = cross_rect.topRight(), botL = cross_rect.bottomLeft(), botR = cross_rect.bottomRight();
+            topL.setX(topL.x()+3);
+            topL.setY(topL.y()+3);
+            topR.setX(topR.x()-3);
+            topR.setY(topR.y()+3);
+            botL.setX(botL.x()+3);
+            botL.setY(botL.y()-3);
+            botR.setX(botR.x()-3);
+            botR.setY(botR.y()-3);
+            painter.drawLine(topL, botR);
+            painter.drawLine(topR, botL);
+
+            x_offset += r.width()+(padding);
+            r.setX(x_offset);
+            idx++;
+        }
+    }
+
+    if (textMargins().left() != (x_offset))
+    {
+        if (tags.isEmpty())
+        {
+            setTextMargins(0, 0, 0, 0);
+        }
+        else
+        {
+            setTextMargins(x_offset-padding, 0, 0, 0);
+        }
+    }
+}
diff --git a/widget/lineedittag.h b/widget/lineedittag.h
new file mode 100644
index 0000000..c6317d7
--- /dev/null
+++ b/widget/lineedittag.h
@@ -0,0 +1,40 @@
+#ifndef LINEEDITTAG_H
+#define LINEEDITTAG_H
+
+#include <QLineEdit>
+
+/**
+ * @author thibsc
+ * @brief The LineEditTag class
+ */
+class LineEditTag : public QLineEdit
+{
+    Q_OBJECT
+
+    Q_PROPERTY(QString tags READ getTagsStr WRITE setTags)
+
+public:
+    explicit LineEditTag(QWidget *parent = nullptr);
+    ~LineEditTag() override;
+    QStringList getTags() const;
+    QString getTagsStr() const;
+    void setTags(const QString& tags);
+    void setTags(const QStringList& tags);
+
+private slots:
+    void addTag();
+
+protected:
+    void leaveEvent(QEvent *evt) override;
+    void keyPressEvent(QKeyEvent *evt) override;
+    void mousePressEvent(QMouseEvent *evt) override;
+    void mouseMoveEvent(QMouseEvent *evt) override;
+    void paintEvent(QPaintEvent *evt) override;
+
+private:
+    QStringList tags;
+    QPoint cursorPos, clickedPos;
+
+};
+
+#endif // LINEEDITTAG_H
diff --git a/widget/loadtips.cpp b/widget/loadtips.cpp
new file mode 100644
index 0000000..441d844
--- /dev/null
+++ b/widget/loadtips.cpp
@@ -0,0 +1,63 @@
+#include "loadtips.h"
+
+#include <QVBoxLayout>
+#include <QApplication>
+#include <QDebug>
+
+#include "utils/global.h"
+
+const QSize TIPS_SIZE = QSize(300, 300);
+
+LoadTips::LoadTips(QWidget *parent)
+    : QDialog(parent),
+      m_counts(0)
+{
+    DRAW_THEME_INIT_WIDGET("LoadTips");
+    this->setWindowFlags(Qt::Window | Qt::FramelessWindowHint);
+    this->setAttribute(Qt::WA_TranslucentBackground);
+
+    setModal(true);
+    QLabel* w = new QLabel(this);
+    w->setObjectName("TipsLabel");
+    w->setFixedSize(TIPS_SIZE);
+    m_waterProg = new DWaterProgress(this);
+    m_waterProg->setFixedSize(QSize(200, 200));
+
+    m_messageLabel = new QLabel(this);
+    m_messageLabel->setObjectName("MessageLabel");
+    m_messageLabel->setText(tr("Importing pictures, please wait..."));
+
+     QVBoxLayout* vLayout = new QVBoxLayout(w);
+     vLayout->setMargin(0);
+     vLayout->setSpacing(0);
+     vLayout->addStretch();
+     vLayout->addWidget(m_waterProg, 0, Qt::AlignCenter);
+     vLayout->addSpacing(20);
+     vLayout->addWidget(m_messageLabel, 0, Qt::AlignCenter);
+     vLayout->addStretch();
+
+     connect(this, &LoadTips::progressValueChanged, this, [=](int value){
+        m_counts = value;
+        m_waterProg->setValue(m_counts);
+     });
+     connect(this, &LoadTips::finishedPainting, this, [=]{
+         this->hide();
+     });
+}
+
+void LoadTips::showTips()
+{
+    this->show();
+    QPoint gp = this->mapToGlobal(QPoint(0, 0));
+    move((window()->width() - this->width()) / 2 + gp.x(),
+         (window()->height() - this->height()) / 2 + gp.y());
+
+
+    m_waterProg->setValue(m_counts);
+    m_waterProg->start();
+
+}
+
+LoadTips::~LoadTips()
+{
+}
diff --git a/widget/loadtips.h b/widget/loadtips.h
new file mode 100644
index 0000000..8bc59c4
--- /dev/null
+++ b/widget/loadtips.h
@@ -0,0 +1,28 @@
+#ifndef LOADTIPS_H
+#define LOADTIPS_H
+
+#include <QDialog>
+#include <QLabel>
+#include <DWaterProgress>
+
+DWIDGET_USE_NAMESPACE
+
+class LoadTips : public QDialog {
+    Q_OBJECT
+public:
+    LoadTips(QWidget* parent = 0);
+    ~LoadTips();
+
+public:
+    void showTips();
+
+signals:
+    void progressValueChanged(int value);
+    void finishedPainting();
+
+private:
+    DWaterProgress* m_waterProg;
+    QLabel* m_messageLabel;
+    int m_counts;
+};
+#endif // LOADTIPS_H
diff --git a/widget/maillist.cpp b/widget/maillist.cpp
new file mode 100644
index 0000000..d4af385
--- /dev/null
+++ b/widget/maillist.cpp
@@ -0,0 +1,376 @@
+#include "maillist.h"
+
+#include <QPen>
+#include <QHeaderView>
+#include <QDebug>
+
+
+MailListItemDelegate::MailListItemDelegate(QObject *parent):
+    QAbstractItemDelegate(parent)
+{
+    rowHeight = 40;
+}
+
+MailListItemDelegate::~MailListItemDelegate()
+{
+
+}
+
+void MailListItemDelegate::paint(QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index) const
+{
+    QIcon ic = QIcon(qvariant_cast<QPixmap>(index.data(Qt::DecorationRole)));
+    QString title = index.data(Qt::DisplayRole).toString();
+    QString description = index.data(Qt::UserRole).toString();
+    bool bolden_normal = index.data(Qt::UserRole + 2).toBool();
+
+    int imageSpace = 0;
+
+    if (detailedRendering)
+    {
+        imageSpace = 10;
+    }
+    else
+    {
+        imageSpace = 5;
+    }
+
+    QRect r = option.rect;
+
+    QRect widget_rect = option.rect;
+/*
+    QPen penText(currentThemePalette().text(), 1, Qt::SolidLine);
+    QPen penItemSeparator(currentThemePalette().text(), 1, Qt::DotLine);
+
+    QFont fontHeadingNormal(currentFont(), 10, QFont::Normal);
+    QFont fontDescriptionNormal(currentFont(), 9, QFont::Normal);
+    QFont fontHeadingBold(currentFont(), 10, QFont::Bold);
+    QFont fontDescriptionBold(currentFont(), 9, QFont::Bold);
+
+    if (option.state & QStyle::State_Selected)
+    {
+
+        painter->fillRect(widget_rect, currentThemePalette().highlight());
+    }
+    else
+    {
+        painter->fillRect(widget_rect, currentThemePalette().window());
+    }
+
+    if (!ic.isNull())
+    {
+        if (detailedRendering)
+        {
+            QRect image_rect = option.rect.adjusted(5, 10, -10, -10);
+            ic.paint(painter, image_rect, Qt::AlignVCenter | Qt::AlignLeft);
+
+            imageSpace = 55;
+        }
+        else
+        {
+            QRect image_rect = option.rect.adjusted(5, 5, -10, -5);
+            ic.paint(painter, image_rect, Qt::AlignVCenter | Qt::AlignLeft);
+
+            imageSpace = 40;
+        }
+    }
+
+    if (bolden_normal && !(option.state & QStyle::State_Selected))
+    {
+        painter->setFont(fontHeadingNormal);
+    }
+    else
+    {
+        painter->setFont(fontHeadingBold);
+    }
+
+    if (detailedRendering)
+    {
+        r = option.rect.adjusted(imageSpace, 0, -10, -30);
+        painter->setPen(penText);
+        painter->drawText(r.left(), r.top(), r.width(), r.height(), Qt::AlignBottom | Qt::AlignLeft, title, &r);
+    }
+    else
+    {
+        r = option.rect.adjusted(imageSpace, 10, -10, -15);
+        painter->setPen(penText);
+        painter->drawText(r.left(), r.top(), r.width(), r.height(), Qt::AlignVCenter | Qt::AlignLeft, title, &r);
+    }
+
+    r = option.rect.adjusted(imageSpace, 30, -10, 0);
+
+    if (bolden_normal && !(option.state & QStyle::State_Selected))
+    {
+        painter->setFont(fontDescriptionNormal);
+    }
+    else
+    {
+        painter->setFont(fontDescriptionBold);
+    }
+
+    if (detailedRendering)
+    {
+        painter->setPen(penText);
+        painter->drawText(r.left(), r.top(), r.width(), r.height(), Qt::AlignLeft, description, &r);
+    }
+
+    painter->setPen(penItemSeparator);
+    painter->drawLine(widget_rect.left(), widget_rect.bottom(), widget_rect.left() + widget_rect.width(), widget_rect.bottom());
+*/
+}
+
+QSize MailListItemDelegate::sizeHint ( const QStyleOptionViewItem & option, const QModelIndex & index ) const
+{
+    return QSize(200, rowHeight);
+}
+
+
+
+
+
+
+
+MailList::MailList(QWidget *parent) :
+    QTreeView(parent)
+{
+
+    QStringList headers;
+    headers << tr("Title") << tr("Description") << tr("Cantidad") << tr("Cantidad total") << tr("Unidad") << tr("Precio Unitario")
+            << tr("Precio Total") << tr("Ganacia") << tr("Precio Total") << tr("Precio Total Venta");
+
+    //TreeModel *model = new TreeModel(headers, file.readAll());
+    //setModel(model);
+
+    //connect(this, &QListWidget::itemClicked, this, &MailList::eventMailSelected);
+    connect(selectionModel(), SIGNAL(selectionChanged(QItemSelection, QItemSelection)),
+            this,
+            //SLOT(handleSelectionChanged(QItemSelection))
+            SLOT(eventMailSelected(QItemSelection))
+            );
+}
+
+MailList::~MailList()
+{
+
+}
+
+/*
+void MailList::Initialize(MailView* ptr)
+{
+    mailViewPtr = ptr;
+}
+*/
+
+void MailList::eventMailSelected(QItemSelection &selection)
+{
+    // TODO: chequear esto:
+    if(selection.indexes().isEmpty())
+    {
+        return;
+    }
+    else if(selection.indexes().size() == 1)
+    {
+        QModelIndex index = selection.indexes().at(0);
+
+        //Person tp = index.data().value<Person>();
+        //actualID = QString::number(tp.id());
+        //ui->rightContent->setContactID(actualID);
+
+        //if(ui->rigthContent->currentIndex() != 1)
+        //    ui->rigthContent->setCurrentIndex(1);
+    }
+    else
+    {
+        //ui->infoWidget->setType(axtMultiple);
+        //ui->rigthContent->setCurrentIndex(0);
+    }
+
+    /*
+    currentViewItem = selection;
+
+    QString currUID = currentViewItem->data(Qt::UserRole + 1).toString();
+
+    if (mailLookup.find(currUID) != mailLookup.end())
+    {
+        if (mailViewPtr != nullptr)
+        {
+            currentToken = mailLookup[currUID];
+            emit MailSelected(currentToken);
+            item->setData(Qt::UserRole + 2, QVariant(false));
+            update();
+        }
+    }
+    */
+}
+
+void MailList::eventClearMailView()
+{
+    //clear();
+    mailLookup.clear();
+    currentViewItem = nullptr;
+}
+
+void MailList::eventMailListReceived(QVector<MailHeader>& mlist)
+{
+    //clear();
+    mailLookup.clear();
+    currentViewItem = nullptr;
+
+    int count = mlist.size();
+
+    for (int index = 0; index < count; index++)
+    {
+        HeaderReceived(mlist[index]);
+    }
+}
+
+///TODO: que es esto??
+void MailList::HeaderReceived(MailHeader emlhdr)
+{
+    QString temp_timestamp = emlhdr.GetTimeStamp();
+    //QDateTime dateTime = QDateTime::fromString("ddd, dd MMM YYYY");
+
+    size_t tz_str_pos = -1;
+
+    tz_str_pos = temp_timestamp.indexOf('+');
+
+    if (tz_str_pos == -1)
+    {
+        tz_str_pos = temp_timestamp.indexOf('-');
+    }
+
+    if (tz_str_pos != -1)
+    {
+        temp_timestamp = temp_timestamp.remove(tz_str_pos, temp_timestamp.length() - tz_str_pos);
+    }
+
+    if (mailLookup.find(emlhdr.GetMessageId()) == mailLookup.end())
+    {
+        QString subject = emlhdr.GetSubject();
+        if (subject.toLower().contains("utf-8"))
+        {
+            subject = emlhdr.GetSubject();
+        }
+
+        QString description;
+        description += emlhdr.GetFrom();
+        description += ", ";
+        description += temp_timestamp;
+
+        //QItemSelection* mailItem = new QItemSelection(this);
+        //mailItem->setData(Qt::DisplayRole, QVariant(subject));
+        //mailItem->setData(Qt::UserRole, QVariant(description));
+        //mailItem->setData(Qt::UserRole + 1, QVariant(emlhdr.GetHeaderValue("UID")));
+
+        mailLookup[emlhdr.GetHeaderValue("UID")] = emlhdr;
+    }
+}
+
+void MailList::DeleteCurrent()
+{
+    if (currentViewItem == nullptr)
+    {
+        return;
+    }
+
+    QString currUID;// = currentViewItem->data(Qt::UserRole + 1).toString();
+
+    if (mailLookup.find(currUID) != mailLookup.end())
+    {
+        if (mailViewPtr != nullptr)
+        {
+            currentToken = mailLookup[currUID];
+        }
+    }
+/*
+    if (mailClientPtr->RemoveEmail(currentToken.GetHeaderValue("Account"), currentToken.GetHeaderValue("Directory"), currentToken.GetHeaderValue("UID"), currentToken.GetMessageId()))
+    {
+        removeItemWidget(currentViewItem);
+        delete currentViewItem;
+        currentViewItem = nullptr;
+    }
+    */
+}
+
+void MailList::FlagCurrent()
+{
+    if (currentViewItem == nullptr)
+    {
+        return;
+    }
+
+    QString currUID;// = currentViewItem->data(Qt::UserRole + 1).toString();
+
+    if (mailLookup.find(currUID) != mailLookup.end())
+    {
+        if (mailViewPtr != nullptr)
+        {
+            currentToken = mailLookup[currUID];
+        }
+    }
+
+    QString flag = "Flagged";
+
+//	if (mailClientPtr->FlagEmail(currentToken.GetHeaderValue("Account"), currentToken.GetHeaderValue("Directory"), currentToken.GetHeaderValue("UID"), flag))
+    {
+
+    }
+}
+
+void MailList::MarkAsSeenCurrent()
+{
+    if (currentViewItem == nullptr)
+    {
+        return;
+    }
+
+    QString currUID;// = currentViewItem->data(Qt::UserRole + 1).toString();
+
+    if (mailLookup.find(currUID) != mailLookup.end())
+    {
+        if (mailViewPtr != nullptr)
+        {
+            currentToken = mailLookup[currUID];
+        }
+    }
+
+//	mailClientPtr->MarkEmailSeen(currentToken.GetHeaderValue("Account"), currentToken.GetHeaderValue("Directory"), currentToken.GetHeaderValue("UID"));
+}
+
+void MailList::MoveToNext()
+{
+    if (currentViewItem == nullptr)
+    {
+        return;
+    }
+}
+
+void MailList::MoveToPrevious()
+{
+    if (currentViewItem == nullptr)
+    {
+        return;
+    }
+}
+
+MailHeader MailList::GetCurrentToken()
+{
+    return currentToken;
+}
+
+void MailList::resizeEvent(QResizeEvent *event)
+{
+
+    qDebug() << width();
+
+
+    if(width() > 400)
+    {
+        header()->show();
+        QTreeView::resizeEvent(event);
+        return;
+    }
+
+    header()->hide();
+    QTreeView::resizeEvent(event);
+
+}
diff --git a/widget/maillist.h b/widget/maillist.h
new file mode 100644
index 0000000..0fff7fa
--- /dev/null
+++ b/widget/maillist.h
@@ -0,0 +1,65 @@
+#ifndef MAILLIST_H
+#define MAILLIST_H
+
+#include <QObject>
+#include <QTreeView>
+
+#include "Mail.h"
+
+
+class MailListItemDelegate : public QAbstractItemDelegate
+{
+public:
+    MailListItemDelegate(QObject *parent = Q_NULLPTR);
+    virtual ~MailListItemDelegate();
+
+    void paint( QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index) const;
+    QSize sizeHint ( const QStyleOptionViewItem & option, const QModelIndex & index ) const;
+private:
+    bool detailedRendering;
+    int  rowHeight;
+};
+
+
+
+
+class MailList : public QTreeView
+{
+    Q_OBJECT
+public:
+    explicit MailList(QWidget *parent = Q_NULLPTR);
+    ~MailList();
+
+    //void Initialize(MailView* ptr);
+
+    void MoveToNext();
+    void MoveToPrevious();
+
+    void DeleteCurrent();
+    void FlagCurrent();
+    void MarkAsSeenCurrent();
+
+    MailHeader GetCurrentToken();
+
+signals:
+    void MailSelected(MailHeader emlhdr);
+
+public slots:
+    void eventMailSelected(QItemSelection &selection);
+    void eventMailListReceived(QVector<MailHeader>& mlist);
+    void eventClearMailView();
+
+private:
+    void HeaderReceived(MailHeader emlhdr);
+
+    /*MailView*/QWidget* mailViewPtr;
+    QItemSelection* currentViewItem;
+
+    MailHeader currentToken;
+    QMap<QString, MailHeader> mailLookup;
+
+protected:
+    void resizeEvent(QResizeEvent *event) override;
+};
+
+#endif // MAILLIST_H
diff --git a/widget/mlineeditbutton.cpp b/widget/mlineeditbutton.cpp
new file mode 100644
index 0000000..3686d34
--- /dev/null
+++ b/widget/mlineeditbutton.cpp
@@ -0,0 +1,84 @@
+#include "mlineeditbutton.h"
+#include "widgetcomboboxpopuptable.h"
+#include "mapplication.h"
+#include "mainwindow.h"
+#include "formproduct.h"
+#include "msqlquerymodel.h"
+
+#include <QAction>
+#include <QtSql>
+
+MLineEditButton::MLineEditButton(QWidget *parent) :
+    QLineEdit(parent)
+{
+    QAction *myAction = addAction(QIcon(":/resources/icons/down-arrow.svg"), QLineEdit::TrailingPosition);
+    connect(myAction, &QAction::triggered, this, &MLineEditButton::onPopupShow);
+}
+
+void MLineEditButton::onPopupShow()
+{
+    auto *popup = new widgetComboboxPopupTable(this);
+    popup->setModel(new MSqlQueryModel());
+
+    connect(popup->buttonNew, &QPushButton::released, this, &MLineEditButton::onPopupNewButton_release);
+    connect(popup->buttonEdit, &QPushButton::released, this, &MLineEditButton::onPopupEditButton_release);
+    connect(popup, &widgetComboboxPopupTable::onSelect, this, &MLineEditButton::getValuesFromPopup);
+
+    popup->setQueryEXEC("SELECT TYPE1, TYPE2, CODE, TITLE, UNIT_ID, PURCHASE_PRICE, SALE_PRICE FROM ELEMENT;");
+    popup->tableView->setColumnWidth(0, 40);
+    popup->tableView->setColumnWidth(1, 70);
+    popup->tableView->setColumnWidth(2, 120);
+    popup->tableView->setColumnWidth(3, 250);
+    popup->tableView->setColumnWidth(4, 50);
+    popup->tableView->setColumnWidth(5, 70);
+    popup->tableView->setColumnWidth(6, 70);
+
+    popup->tableView->horizontalHeader()->model()->setHeaderData(0, Qt::Horizontal, tr("Tipo"));
+    popup->tableView->horizontalHeader()->model()->setHeaderData(1, Qt::Horizontal, tr("Clase"));
+    popup->tableView->horizontalHeader()->model()->setHeaderData(2, Qt::Horizontal, tr("Código"));
+    popup->tableView->horizontalHeader()->model()->setHeaderData(3, Qt::Horizontal, tr("Resumen"));
+    popup->tableView->horizontalHeader()->model()->setHeaderData(4, Qt::Horizontal, tr("Coste"));
+    popup->tableView->horizontalHeader()->model()->setHeaderData(5, Qt::Horizontal, tr("Venta"));
+    popup->tableView->horizontalHeader()->model()->setHeaderData(6, Qt::Horizontal, tr("Activo"));
+
+
+    popup->move(mapToGlobal(rect().bottomLeft()).x(),
+                mapToGlobal(rect().bottomLeft()).y());
+    popup->show();
+}
+
+void MLineEditButton::onPopupNewButton_release()
+{
+    formProduct *form = dApp->mainWindow()->createFormProduct();
+    form->show();
+}
+
+void MLineEditButton::onPopupEditButton_release()
+{
+    /*
+    QModelIndex item = index;
+    formProduct *form = dApp->mainWindow()->createFormProduct();
+
+    if (index.column() != 0)
+        item = index.parent().child(index.row(), 0);
+    form->openDocument(index.data().toString());
+    form->show();
+    */
+}
+
+void MLineEditButton::getValuesFromPopup(QStringList list)
+{
+    setText(list[0]);
+
+    // TODO: si devuelve más de uno - ver como se hace
+    /*
+    for(auto item : list)
+    {
+        setText(item);
+        qDebug() << item;
+    }
+    */
+}
+
+
+
diff --git a/widget/mlineeditbutton.h b/widget/mlineeditbutton.h
new file mode 100644
index 0000000..e5d6b89
--- /dev/null
+++ b/widget/mlineeditbutton.h
@@ -0,0 +1,18 @@
+#ifndef MLINEEDITBUTTON_H
+#define MLINEEDITBUTTON_H
+
+#include <QLineEdit>
+
+class MLineEditButton : public QLineEdit
+{
+public:
+    explicit MLineEditButton(QWidget *parent = Q_NULLPTR);
+private slots:
+    void onPopupShow();
+    void onPopupNewButton_release();
+    void onPopupEditButton_release();
+private:
+    void getValuesFromPopup(QStringList list);
+};
+
+#endif // MLINEEDITBUTTON_H
diff --git a/widget/mrichtextedit.cpp b/widget/mrichtextedit.cpp
new file mode 100644
index 0000000..869ab09
--- /dev/null
+++ b/widget/mrichtextedit.cpp
@@ -0,0 +1,748 @@
+/*
+** Copyright (C) 2013 Jiří Procházka (Hobrasoft)
+** Contact: http://www.hobrasoft.cz/
+**
+** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
+** Contact: http://www.qt-project.org/legal
+**
+** $QT_BEGIN_LICENSE:LGPL$
+** GNU Lesser General Public License Usage
+** This file is under the terms of the GNU Lesser General Public License
+** version 2.1 as published by the Free Software Foundation and appearing
+** in the file LICENSE.LGPL included in the packaging of this file.
+** Please review the following information to ensure the
+** GNU Lesser General Public License version 2.1 requirements
+** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
+**
+** In addition, as a special exception, Digia gives you certain additional
+** rights.  These rights are described in the Digia Qt LGPL Exception
+** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
+**
+** $QT_END_LICENSE$
+*/
+
+#include "mrichtextedit.h"
+#include <QApplication>
+#include <QClipboard>
+#include <QMimeData>
+#include <QFontDatabase>
+#include <QInputDialog>
+#include <QColorDialog>
+#include <QTextList>
+#include <QtDebug>
+#include <QFileDialog>
+#include <QImageReader>
+#include <QSettings>
+#include <QBuffer>
+#include <QUrl>
+#include <QPlainTextEdit>
+#include <QMenu>
+#include <QDialog>
+
+#include "widgets/arrowrectangle.h"
+#include "widgets/colorpanel.h"
+#include "widgets/toolbutton.h"
+
+#include <dinputdialog.h>
+
+MRichTextEdit::MRichTextEdit(QWidget* parent)
+    : QWidget(parent)
+{
+    setupUi(this);
+    m_lastBlockList = 0;
+    f_textedit->setTabStopWidth(40);
+
+    connect(f_textedit, SIGNAL(currentCharFormatChanged(QTextCharFormat)),
+        this, SLOT(slotCurrentCharFormatChanged(QTextCharFormat)));
+    connect(f_textedit, SIGNAL(cursorPositionChanged()),
+        this, SLOT(slotCursorPositionChanged()));
+
+    fontChanged(f_textedit->font());
+    bgColorChanged(f_textedit->textColor());
+
+
+    /*
+    m_fontsize_h1 = 18;
+    m_fontsize_h2 = 16;
+    m_fontsize_h3 = 14;
+    m_fontsize_h4 = 12;
+    */
+    // paragraph formatting
+/*
+    m_paragraphItems << tr("Standard")
+                     << tr("Heading 1")
+                     << tr("Heading 2")
+                     << tr("Heading 3")
+                     << tr("Heading 4")
+                     << tr("Monospace");
+    f_paragraph->addItems(m_paragraphItems);
+
+    connect(f_paragraph, SIGNAL(activated(int)),
+        this, SLOT(textStyle(int)));
+*/
+    // undo & redo
+    buttonUndo->setShortcut(QKeySequence::Undo);
+    buttonRedo->setShortcut(QKeySequence::Redo);
+
+    connect(f_textedit->document(), SIGNAL(undoAvailable(bool)),
+        buttonUndo, SLOT(setEnabled(bool)));
+    connect(f_textedit->document(), SIGNAL(redoAvailable(bool)),
+        buttonRedo, SLOT(setEnabled(bool)));
+
+    buttonUndo->setEnabled(f_textedit->document()->isUndoAvailable());
+    buttonRedo->setEnabled(f_textedit->document()->isRedoAvailable());
+
+    connect(buttonUndo, SIGNAL(clicked()), f_textedit, SLOT(undo()));
+    connect(buttonRedo, SIGNAL(clicked()), f_textedit, SLOT(redo()));
+
+    buttonUndo->hide();
+    buttonRedo->hide();
+
+    // cut, copy & paste
+    buttonCut->setShortcut(QKeySequence::Cut);
+    buttonCopy->setShortcut(QKeySequence::Copy);
+    buttonPaste->setShortcut(QKeySequence::Paste);
+
+    buttonCut->setEnabled(false);
+    buttonCopy->setEnabled(false);
+
+    connect(buttonCut, SIGNAL(clicked()), f_textedit, SLOT(cut()));
+    connect(buttonCopy, SIGNAL(clicked()), f_textedit, SLOT(copy()));
+    connect(buttonPaste, SIGNAL(clicked()), f_textedit, SLOT(paste()));
+
+    connect(f_textedit, SIGNAL(copyAvailable(bool)), buttonCut, SLOT(setEnabled(bool)));
+    connect(f_textedit, SIGNAL(copyAvailable(bool)), buttonCopy, SLOT(setEnabled(bool)));
+
+    buttonCut->hide();
+    buttonCopy->hide();
+    buttonPaste->hide();
+
+#ifndef QT_NO_CLIPBOARD
+    connect(QApplication::clipboard(), SIGNAL(dataChanged()), this, SLOT(slotClipboardDataChanged()));
+#endif
+
+    // link
+    buttonLink->setShortcut(Qt::CTRL + Qt::Key_L);
+    connect(buttonLink, SIGNAL(clicked(bool)), this, SLOT(textLink(bool)));
+
+    // bold, italic & underline
+    buttonBold->setShortcut(Qt::CTRL + Qt::Key_B);
+    buttonItalic->setShortcut(Qt::CTRL + Qt::Key_I);
+    buttonUnderline->setShortcut(Qt::CTRL + Qt::Key_U);
+
+    connect(buttonBold, SIGNAL(clicked()), this, SLOT(textBold()));
+    connect(buttonItalic, SIGNAL(clicked()), this, SLOT(textItalic()));
+    connect(buttonUnderline, SIGNAL(clicked()), this, SLOT(textUnderline()));
+    connect(buttonStrikeout, SIGNAL(clicked()), this, SLOT(textStrikeout()));
+
+    QAction* removeFormat = new QAction(tr("Remove character formatting"), this);
+    removeFormat->setShortcut(QKeySequence("CTRL+M"));
+    connect(removeFormat, SIGNAL(triggered()), this, SLOT(textRemoveFormat()));
+    f_textedit->addAction(removeFormat);
+
+    QAction* removeAllFormat = new QAction(tr("Remove all formatting"), this);
+    connect(removeAllFormat, SIGNAL(triggered()), this, SLOT(textRemoveAllFormat()));
+    f_textedit->addAction(removeAllFormat);
+
+    QAction* textsource = new QAction(tr("Edit document source"), this);
+    textsource->setShortcut(QKeySequence("CTRL+O"));
+    connect(textsource, SIGNAL(triggered()), this, SLOT(textSource()));
+    f_textedit->addAction(textsource);
+
+    QMenu* menu = new QMenu(this);
+    menu->addAction(removeAllFormat);
+    menu->addAction(removeFormat);
+    menu->addAction(textsource);
+    buttonMenu->setMenu(menu);
+    buttonMenu->setPopupMode(QToolButton::InstantPopup);
+
+    // lists
+    buttonListBullet->setShortcut(Qt::CTRL + Qt::Key_Minus);
+    buttonListOrdered->setShortcut(Qt::CTRL + Qt::Key_Equal);
+
+    connect(buttonListBullet, SIGNAL(clicked(bool)), this, SLOT(listBullet(bool)));
+    connect(buttonListOrdered, SIGNAL(clicked(bool)), this, SLOT(listOrdered(bool)));
+
+    // indentation
+    buttonIndentDec->setShortcut(Qt::CTRL + Qt::Key_Comma);
+    buttonIndentInc->setShortcut(Qt::CTRL + Qt::Key_Period);
+
+    connect(buttonIndentInc, SIGNAL(clicked()), this, SLOT(increaseIndentation()));
+    connect(buttonIndentDec, SIGNAL(clicked()), this, SLOT(decreaseIndentation()));
+
+    // font family
+    QFont font;
+    font.setPointSize(8);
+    fontComboBox->setFont(font);
+    connect(fontComboBox, SIGNAL(activated(QString)), this, SLOT(textFontFamily(QString)));
+    fontComboBox->setCurrentFont(QApplication::font().family());// >setCurrentIndex(fontComboBox->findText(QString::number(QApplication::font().pointSize())));  //<- cambiar
+
+    // font size
+    QFontDatabase db;
+    foreach (int size, db.standardSizes())
+        comboFontSize->addItem(QString::number(size));
+
+    connect(comboFontSize, SIGNAL(activated(QString)), this, SLOT(textSize(QString)));
+    comboFontSize->setCurrentIndex(comboFontSize->findText(QString::number(QApplication::font().pointSize())));
+
+    // text foreground color
+    QPixmap pix(16, 16);
+    pix.fill(QApplication::palette().foreground().color());
+    buttonFGColor->setIcon(pix);
+
+    connect(buttonFGColor, SIGNAL(clicked()), this, SLOT(textFgColor()));
+
+    // text background color
+    pix.fill(QApplication::palette().background().color());
+    buttonBGColor->setIcon(pix);
+
+    connect(buttonBGColor, SIGNAL(clicked()), this, SLOT(textBgColor()));
+
+    // images
+    connect(buttonImage, SIGNAL(clicked()), this, SLOT(insertImage()));
+}
+
+void MRichTextEdit::textSource()
+{
+    QDialog* dialog = new QDialog(this);
+    QPlainTextEdit* pte = new QPlainTextEdit(dialog);
+    pte->setPlainText(f_textedit->toHtml());
+    QGridLayout* gl = new QGridLayout(dialog);
+    gl->addWidget(pte, 0, 0, 1, 1);
+    dialog->setWindowTitle(tr("Document source"));
+    dialog->setMinimumWidth(400);
+    dialog->setMinimumHeight(600);
+    dialog->exec();
+
+    f_textedit->setHtml(pte->toPlainText());
+    delete dialog;
+}
+
+void MRichTextEdit::textRemoveFormat()
+{
+    QTextCharFormat fmt;
+    fmt.setFontWeight(QFont::Normal);
+    fmt.setFontUnderline(false);
+    fmt.setFontStrikeOut(false);
+    fmt.setFontItalic(false);
+    fmt.setFontPointSize(9);
+    //  fmt.setFontFamily     ("Helvetica");
+    //  fmt.setFontStyleHint  (QFont::SansSerif);
+    //  fmt.setFontFixedPitch (true);
+
+    buttonBold->setChecked(false);
+    buttonUnderline->setChecked(false);
+    buttonItalic->setChecked(false);
+    buttonStrikeout->setChecked(false);
+    comboFontSize->setCurrentIndex(comboFontSize->findText("9"));
+
+    //  QTextBlockFormat bfmt = cursor.blockFormat();
+    //  bfmt->setIndent(0);
+
+    fmt.clearBackground();
+
+    mergeFormatOnWordOrSelection(fmt);
+}
+
+void MRichTextEdit::textRemoveAllFormat()
+{
+    buttonBold->setChecked(false);
+    buttonUnderline->setChecked(false);
+    buttonItalic->setChecked(false);
+    buttonStrikeout->setChecked(false);
+    comboFontSize->setCurrentIndex(comboFontSize->findText("9"));
+    QString text = f_textedit->toPlainText();
+    f_textedit->setPlainText(text);
+}
+
+void MRichTextEdit::textBold()
+{
+    QTextCharFormat fmt;
+    fmt.setFontWeight(buttonBold->isChecked() ? QFont::Bold : QFont::Normal);
+    mergeFormatOnWordOrSelection(fmt);
+}
+
+void MRichTextEdit::focusInEvent(QFocusEvent*)
+{
+    f_textedit->setFocus(Qt::TabFocusReason);
+}
+
+void MRichTextEdit::textUnderline()
+{
+    QTextCharFormat fmt;
+    fmt.setFontUnderline(buttonUnderline->isChecked());
+    mergeFormatOnWordOrSelection(fmt);
+}
+
+void MRichTextEdit::textItalic()
+{
+    QTextCharFormat fmt;
+    fmt.setFontItalic(buttonItalic->isChecked());
+    mergeFormatOnWordOrSelection(fmt);
+}
+
+void MRichTextEdit::textStrikeout()
+{
+    QTextCharFormat fmt;
+    fmt.setFontStrikeOut(buttonStrikeout->isChecked());
+    mergeFormatOnWordOrSelection(fmt);
+}
+
+void MRichTextEdit::textFontFamily(const QString& p)
+{
+    QTextCharFormat fmt;
+    fmt.setFontFamily(this->fontComboBox->currentFont().family());
+    mergeFormatOnWordOrSelection(fmt);
+}
+
+void MRichTextEdit::textSize(const QString& p)
+{
+    qreal pointSize = p.toFloat();
+    if (p.toFloat() > 0) {
+        QTextCharFormat fmt;
+        fmt.setFontPointSize(pointSize);
+        mergeFormatOnWordOrSelection(fmt);
+    }
+}
+
+void MRichTextEdit::textLink(bool checked)
+{
+    bool unlink = false;
+    QTextCharFormat fmt;
+    if (checked)
+    {
+        QString url = f_textedit->currentCharFormat().anchorHref();
+        bool ok;
+        QString newUrl = DInputDialog::getText(NULL, tr("Create a link"),
+                                                tr("Link URL:"), QLineEdit::Normal,
+                                                url,
+                                                &ok);
+
+        if (ok)
+        {
+            fmt.setAnchor(true);
+            fmt.setAnchorHref(newUrl);
+            fmt.setForeground(QApplication::palette().color(QPalette::Link));
+            fmt.setFontUnderline(true);
+        }
+        else
+        {
+            unlink = true;
+        }
+    }
+    else
+    {
+        unlink = true;
+    }
+    if (unlink)
+    {
+        fmt.setAnchor(false);
+        fmt.setForeground(QApplication::palette().color(QPalette::Text));
+        fmt.setFontUnderline(false);
+    }
+    mergeFormatOnWordOrSelection(fmt);
+}
+
+/*
+void MRichTextEdit::textStyle(int index)
+{
+    QTextCursor cursor = f_textedit->textCursor();
+    cursor.beginEditBlock();
+
+    // standard
+    if (!cursor.hasSelection()) {
+        cursor.select(QTextCursor::BlockUnderCursor);
+    }
+    QTextCharFormat fmt;
+    cursor.setCharFormat(fmt);
+    f_textedit->setCurrentCharFormat(fmt);
+
+    if (index == ParagraphHeading1
+        || index == ParagraphHeading2
+        || index == ParagraphHeading3
+        || index == ParagraphHeading4) {
+        if (index == ParagraphHeading1) {
+            fmt.setFontPointSize(m_fontsize_h1);
+        }
+        if (index == ParagraphHeading2) {
+            fmt.setFontPointSize(m_fontsize_h2);
+        }
+        if (index == ParagraphHeading3) {
+            fmt.setFontPointSize(m_fontsize_h3);
+        }
+        if (index == ParagraphHeading4) {
+            fmt.setFontPointSize(m_fontsize_h4);
+        }
+        if (index == ParagraphHeading2 || index == ParagraphHeading4) {
+            fmt.setFontItalic(true);
+        }
+
+        fmt.setFontWeight(QFont::Bold);
+    }
+    if (index == ParagraphMonospace) {
+        fmt = cursor.charFormat();
+        fmt.setFontFamily("Monospace");
+        fmt.setFontStyleHint(QFont::Monospace);
+        fmt.setFontFixedPitch(true);
+    }
+    cursor.setCharFormat(fmt);
+    f_textedit->setCurrentCharFormat(fmt);
+
+    cursor.endEditBlock();
+}
+*/
+
+void MRichTextEdit::textFgColor()
+{
+    auto* m_colorPanel = new ColorPanel(this);
+    qApp->setProperty("_d_isDxcb", false);
+    auto* m_colorARect = new ArrowRectangle(DArrowRectangle::ArrowTop);
+    qApp->setProperty("_d_isDxcb", true);
+    m_colorARect->setWindowFlags(Qt::Widget);
+    //m_colorARect->setAttribute(Qt::WA_TranslucentBackground, true);
+    m_colorARect->setArrowWidth(18);
+    m_colorARect->setArrowHeight(10);
+    m_colorARect->setContent(m_colorPanel);
+    m_colorARect->setBackgroundColor(QColor(255, 255, 255, 255));
+
+    connect(m_colorPanel, &ColorPanel::updateHeight, this, [=] {
+        m_colorARect->setContent(m_colorPanel);
+    });
+
+    m_colorARect->raise();
+    m_colorARect->show(buttonFGColor->mapToGlobal(buttonFGColor->rect().bottomLeft()).x() + buttonFGColor->width() / 2,
+                       buttonFGColor->mapToGlobal(buttonFGColor->rect().bottomLeft()).y() + 2);
+
+    connect(m_colorARect, &ArrowRectangle::hideWindow, this, [=] {
+        QColor col = m_colorPanel->getColor();
+        QTextCursor cursor = f_textedit->textCursor();
+        if (!cursor.hasSelection()) {
+            cursor.select(QTextCursor::WordUnderCursor);
+        }
+        QTextCharFormat fmt = cursor.charFormat();
+        if (col.isValid()) {
+            fmt.setForeground(col);
+        }
+        else {
+            fmt.clearForeground();
+        }
+        cursor.setCharFormat(fmt);
+        f_textedit->setCurrentCharFormat(fmt);
+        fgColorChanged(col);
+    });
+
+}
+
+void MRichTextEdit::textBgColor()
+{
+    auto* m_colorPanel = new ColorPanel(this);
+    qApp->setProperty("_d_isDxcb", false);
+    auto* m_colorARect = new ArrowRectangle(DArrowRectangle::ArrowTop);
+    qApp->setProperty("_d_isDxcb", true);
+    m_colorARect->setWindowFlags(Qt::Widget);
+    m_colorARect->setArrowWidth(18);
+    m_colorARect->setArrowHeight(10);
+    m_colorARect->setContent(m_colorPanel);
+    m_colorARect->setBackgroundColor(QColor(255, 255, 255, 255));
+
+    connect(m_colorPanel, &ColorPanel::updateHeight, this, [=]
+    {
+        m_colorARect->setContent(m_colorPanel);
+    });
+
+    m_colorARect->raise();
+    m_colorARect->show(buttonBGColor->mapToGlobal(buttonBGColor->rect().bottomLeft()).x() + buttonBGColor->width() / 2,
+                       buttonBGColor->mapToGlobal(buttonBGColor->rect().bottomLeft()).y() + 2);
+
+    connect(m_colorARect, &ArrowRectangle::hideWindow, this, [=]
+    {
+        QColor col = m_colorPanel->getColor();
+        QTextCursor cursor = f_textedit->textCursor();
+        if (!cursor.hasSelection()) {
+            cursor.select(QTextCursor::WordUnderCursor);
+        }
+        QTextCharFormat fmt = cursor.charFormat();
+        if (col.isValid()) {
+            fmt.setBackground(col);
+        }
+        else {
+            fmt.clearBackground();
+        }
+        cursor.setCharFormat(fmt);
+        f_textedit->setCurrentCharFormat(fmt);
+        bgColorChanged(col);
+    });
+
+    /*QColor col = QColorDialog::getColor(f_textedit->textBackgroundColor(), this);
+    QTextCursor cursor = f_textedit->textCursor();
+    if (!cursor.hasSelection()) {
+        cursor.select(QTextCursor::WordUnderCursor);
+        }
+    QTextCharFormat fmt = cursor.charFormat();
+    if (col.isValid()) {
+        fmt.setBackground(col);
+      } else {
+        fmt.clearBackground();
+        }
+    cursor.setCharFormat(fmt);
+    f_textedit->setCurrentCharFormat(fmt);
+    bgColorChanged(col);*/
+}
+
+void MRichTextEdit::listBullet(bool checked)
+{
+    if (checked) {
+        buttonListOrdered->setChecked(false);
+    }
+    list(checked, QTextListFormat::ListDisc);
+}
+
+void MRichTextEdit::listOrdered(bool checked)
+{
+    if (checked) {
+        buttonListBullet->setChecked(false);
+    }
+    list(checked, QTextListFormat::ListDecimal);
+}
+
+void MRichTextEdit::list(bool checked, QTextListFormat::Style style)
+{
+    QTextCursor cursor = f_textedit->textCursor();
+    cursor.beginEditBlock();
+    if (!checked) {
+        QTextBlockFormat obfmt = cursor.blockFormat();
+        QTextBlockFormat bfmt;
+        bfmt.setIndent(obfmt.indent());
+        cursor.setBlockFormat(bfmt);
+    }
+    else {
+        QTextListFormat listFmt;
+        if (cursor.currentList()) {
+            listFmt = cursor.currentList()->format();
+        }
+        listFmt.setStyle(style);
+        cursor.createList(listFmt);
+    }
+    cursor.endEditBlock();
+}
+
+void MRichTextEdit::mergeFormatOnWordOrSelection(const QTextCharFormat& format)
+{
+    QTextCursor cursor = f_textedit->textCursor();
+    if (!cursor.hasSelection()) {
+        cursor.select(QTextCursor::WordUnderCursor);
+    }
+    cursor.mergeCharFormat(format);
+    f_textedit->mergeCurrentCharFormat(format);
+    f_textedit->setFocus(Qt::TabFocusReason);
+}
+
+void MRichTextEdit::slotCursorPositionChanged()
+{
+    QTextList* l = f_textedit->textCursor().currentList();
+    if (m_lastBlockList && (l == m_lastBlockList || (l != 0 && m_lastBlockList != 0
+                                                        && l->format().style() == m_lastBlockList->format().style()))) {
+        return;
+    }
+    m_lastBlockList = l;
+    if (l) {
+        QTextListFormat lfmt = l->format();
+        if (lfmt.style() == QTextListFormat::ListDisc) {
+            buttonListBullet->setChecked(true);
+            buttonListOrdered->setChecked(false);
+        }
+        else if (lfmt.style() == QTextListFormat::ListDecimal) {
+            buttonListBullet->setChecked(false);
+            buttonListOrdered->setChecked(true);
+        }
+        else {
+            buttonListBullet->setChecked(false);
+            buttonListOrdered->setChecked(false);
+        }
+    }
+    else {
+        buttonListBullet->setChecked(false);
+        buttonListOrdered->setChecked(false);
+    }
+}
+
+void MRichTextEdit::fontChanged(const QFont& f)
+{
+
+    fontComboBox->setCurrentFont(QFont(f.family()) );
+    comboFontSize->setCurrentIndex(comboFontSize->findText(QString::number(f.pointSize())));
+    buttonBold->setChecked(f.bold());
+    buttonItalic->setChecked(f.italic());
+    buttonUnderline->setChecked(f.underline());
+    buttonStrikeout->setChecked(f.strikeOut());
+
+/*
+    if (f.pointSize() == m_fontsize_h1) {
+        f_paragraph->setCurrentIndex(ParagraphHeading1);
+    }
+    else if (f.pointSize() == m_fontsize_h2) {
+        f_paragraph->setCurrentIndex(ParagraphHeading2);
+    }
+    else if (f.pointSize() == m_fontsize_h3) {
+        f_paragraph->setCurrentIndex(ParagraphHeading3);
+    }
+    else if (f.pointSize() == m_fontsize_h4) {
+        f_paragraph->setCurrentIndex(ParagraphHeading4);
+    }
+    else {
+        if (f.fixedPitch() && f.family() == "Monospace") {
+            f_paragraph->setCurrentIndex(ParagraphMonospace);
+        }
+        else {
+            f_paragraph->setCurrentIndex(ParagraphStandard);
+        }
+    }
+*/
+    if (f_textedit->textCursor().currentList()) {
+        QTextListFormat lfmt = f_textedit->textCursor().currentList()->format();
+        if (lfmt.style() == QTextListFormat::ListDisc) {
+            buttonListBullet->setChecked(true);
+            buttonListOrdered->setChecked(false);
+        }
+        else if (lfmt.style() == QTextListFormat::ListDecimal) {
+            buttonListBullet->setChecked(false);
+            buttonListOrdered->setChecked(true);
+        }
+        else {
+            buttonListBullet->setChecked(false);
+            buttonListOrdered->setChecked(false);
+        }
+    }
+    else {
+        buttonListBullet->setChecked(false);
+        buttonListOrdered->setChecked(false);
+    }
+}
+
+void MRichTextEdit::fgColorChanged(const QColor& c)
+{
+    QPixmap pix(16, 16);
+    if (c.isValid()) {
+        pix.fill(c);
+    }
+    else {
+        pix.fill(QApplication::palette().foreground().color());
+    }
+    buttonFGColor->setIcon(pix);
+}
+
+void MRichTextEdit::bgColorChanged(const QColor& c)
+{
+    QPixmap pix(16, 16);
+    if (c.isValid()) {
+        pix.fill(c);
+    }
+    else {
+        pix.fill(QApplication::palette().background().color());
+    }
+    buttonBGColor->setIcon(pix);
+}
+
+void MRichTextEdit::slotCurrentCharFormatChanged(const QTextCharFormat& format)
+{
+    fontChanged(format.font());
+    bgColorChanged((format.background().isOpaque()) ? format.background().color() : QColor());
+    fgColorChanged((format.foreground().isOpaque()) ? format.foreground().color() : QColor());
+    buttonLink->setChecked(format.isAnchor());
+}
+
+void MRichTextEdit::slotClipboardDataChanged()
+{
+#ifndef QT_NO_CLIPBOARD
+    if (const QMimeData* md = QApplication::clipboard()->mimeData())
+        buttonPaste->setEnabled(md->hasText());
+#endif
+}
+
+QString MRichTextEdit::toHtml() const
+{
+    QString s = f_textedit->toHtml();
+    // convert emails to links
+    s = s.replace(QRegExp("(<[^a][^>]+>(?:<span[^>]+>)?|\\s)([a-zA-Z\\d]+@[a-zA-Z\\d]+\\.[a-zA-Z]+)"), "\\1<a href=\"mailto:\\2\">\\2</a>");
+    // convert links
+    s = s.replace(QRegExp("(<[^a][^>]+>(?:<span[^>]+>)?|\\s)((?:https?|ftp|file)://[^\\s'\"<>]+)"), "\\1<a href=\"\\2\">\\2</a>");
+    // see also: Utils::linkify()
+    return s;
+}
+
+void MRichTextEdit::increaseIndentation()
+{
+    indent(+1);
+}
+
+void MRichTextEdit::decreaseIndentation()
+{
+    indent(-1);
+}
+
+void MRichTextEdit::indent(int delta)
+{
+    QTextCursor cursor = f_textedit->textCursor();
+    cursor.beginEditBlock();
+    QTextBlockFormat bfmt = cursor.blockFormat();
+    int ind = bfmt.indent();
+    if (ind + delta >= 0) {
+        bfmt.setIndent(ind + delta);
+    }
+    cursor.setBlockFormat(bfmt);
+    cursor.endEditBlock();
+}
+
+void MRichTextEdit::setText(const QString& text)
+{
+    if (text.isEmpty())
+    {
+        setPlainText(text);
+        return;
+    }
+
+    /*
+    if (text[0] == '<')
+    {
+        setHtml(text);
+    }
+    else
+    {
+        setPlainText(text);
+    }*/
+
+
+    setHtml(text);
+    f_textedit->moveCursor(QTextCursor::End);
+}
+
+void MRichTextEdit::insertHtml(const QString &text)
+{
+    f_textedit->insertHtml(text);
+}
+
+void MRichTextEdit::insertImage()
+{
+    QSettings s;
+    QString attdir = s.value("general/filedialog-path").toString();
+    QString file = QFileDialog::getOpenFileName(this,
+        tr("Select an image"),
+        attdir,
+        tr("JPEG (*.jpg);; GIF (*.gif);; PNG (*.png);; BMP (*.bmp);; All (*)"));
+    QImage image = QImageReader(file).read();
+
+    f_textedit->dropImage(image, QFileInfo(file).suffix().toUpper().toLocal8Bit().data());
+}
+
+void MRichTextEdit::setDefaultFont(QFont fontFamily)
+{
+    fontComboBox->setCurrentFont(fontFamily.family());
+    textFontFamily(fontFamily.family());
+}
+
+void MRichTextEdit::setDefaultFontSize(int size)
+{
+    QString sSize = QString("%i").arg(size);
+    comboFontSize->setCurrentText(sSize);
+    textSize(sSize);
+}
diff --git a/widget/mrichtextedit.h b/widget/mrichtextedit.h
new file mode 100644
index 0000000..e0cc037
--- /dev/null
+++ b/widget/mrichtextedit.h
@@ -0,0 +1,108 @@
+/*
+** Copyright (C) 2013 Jiří Procházka (Hobrasoft)
+** Contact: http://www.hobrasoft.cz/
+**
+** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
+** Contact: http://www.qt-project.org/legal
+**
+** $QT_BEGIN_LICENSE:LGPL$
+** GNU Lesser General Public License Usage
+** This file is under the terms of the GNU Lesser General Public License
+** version 2.1 as published by the Free Software Foundation and appearing
+** in the file LICENSE.LGPL included in the packaging of this file.
+** Please review the following information to ensure the
+** GNU Lesser General Public License version 2.1 requirements
+** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
+**
+** In addition, as a special exception, Digia gives you certain additional
+** rights.  These rights are described in the Digia Qt LGPL Exception
+** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
+**
+** $QT_END_LICENSE$
+*/
+
+#ifndef _MRICHTEXTEDIT_H_
+#define _MRICHTEXTEDIT_H_
+
+#include <QPointer>
+#include "ui_mrichtextedit.h"
+
+#include <DtkWidgets>
+
+DWIDGET_USE_NAMESPACE
+
+/**
+ * @Brief A simple rich-text editor
+ */
+class MRichTextEdit : public QWidget, protected Ui::MRichTextEdit
+{
+
+    Q_OBJECT
+
+public:
+    MRichTextEdit(QWidget *parent = 0);
+
+    QString toPlainText() const { return f_textedit->toPlainText(); }
+    QString toHtml() const;
+    QTextDocument *document() { return f_textedit->document(); }
+    QTextCursor    textCursor() const { return f_textedit->textCursor(); }
+    void           setTextCursor(const QTextCursor& cursor) { f_textedit->setTextCursor(cursor); }
+
+    void setDefaultFont(QFont fontFamily);
+    void setDefaultFontSize(int size);
+
+public slots:
+    void setText(const QString &text);
+    void insertHtml(const QString &text);
+
+protected slots:
+    void setPlainText(const QString &text) { f_textedit->setPlainText(text); }
+    void setHtml(const QString &text)      { f_textedit->setHtml(text); }
+    void textRemoveFormat();
+    void textRemoveAllFormat();
+    void textBold();
+    void textUnderline();
+    void textStrikeout();
+    void textItalic();
+    void textSize(const QString &p);
+    void textLink(bool checked);
+    //void textStyle(int index);
+    void textFgColor();
+    void textBgColor();
+    void listBullet(bool checked);
+    void listOrdered(bool checked);
+    void slotCurrentCharFormatChanged(const QTextCharFormat &format);
+    void slotCursorPositionChanged();
+    void slotClipboardDataChanged();
+    void increaseIndentation();
+    void decreaseIndentation();
+    void insertImage();
+    void textSource();
+    void textFontFamily(const QString &p);
+
+protected:
+    void mergeFormatOnWordOrSelection(const QTextCharFormat &format);
+    void fontChanged(const QFont &f);
+    void fgColorChanged(const QColor &c);
+    void bgColorChanged(const QColor &c);
+    void list(bool checked, QTextListFormat::Style style);
+    void indent(int delta);
+    void focusInEvent(QFocusEvent *event);
+
+    QStringList m_paragraphItems;
+    int m_fontsize_h1;
+    int m_fontsize_h2;
+    int m_fontsize_h3;
+    int m_fontsize_h4;
+
+    enum ParagraphItems { ParagraphStandard = 0,
+                          ParagraphHeading1,
+                          ParagraphHeading2,
+                          ParagraphHeading3,
+                          ParagraphHeading4,
+                          ParagraphMonospace };
+
+    QPointer<QTextList> m_lastBlockList;
+};
+
+#endif
diff --git a/widget/mrichtextedit.ui b/widget/mrichtextedit.ui
new file mode 100644
index 0000000..fce0fc5
--- /dev/null
+++ b/widget/mrichtextedit.ui
@@ -0,0 +1,792 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>MRichTextEdit</class>
+ <widget class="QWidget" name="MRichTextEdit">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>799</width>
+    <height>345</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string notr="true"/>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <property name="spacing">
+    <number>2</number>
+   </property>
+   <property name="leftMargin">
+    <number>0</number>
+   </property>
+   <property name="topMargin">
+    <number>0</number>
+   </property>
+   <property name="rightMargin">
+    <number>0</number>
+   </property>
+   <property name="bottomMargin">
+    <number>0</number>
+   </property>
+   <item>
+    <widget class="QLabel" name="separatorLine">
+     <property name="maximumSize">
+      <size>
+       <width>16777215</width>
+       <height>1</height>
+      </size>
+     </property>
+     <property name="styleSheet">
+      <string notr="true">border: 1px solid rgba(0, 0, 0, 0.05);
+</string>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QWidget" name="f_toolbar" native="true">
+     <layout class="QHBoxLayout" name="horizontalLayout">
+      <property name="spacing">
+       <number>2</number>
+      </property>
+      <property name="leftMargin">
+       <number>0</number>
+      </property>
+      <property name="topMargin">
+       <number>0</number>
+      </property>
+      <property name="rightMargin">
+       <number>0</number>
+      </property>
+      <property name="bottomMargin">
+       <number>0</number>
+      </property>
+      <item>
+       <spacer name="horizontalSpacer_2">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeType">
+         <enum>QSizePolicy::Fixed</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>30</width>
+          <height>20</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonBold">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string notr="true">Bold (CTRL+B)</string>
+        </property>
+        <property name="text">
+         <string>Bold</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../resources.qrc">
+          <normaloff>:/images/resources/icons/bold-text.svg</normaloff>:/images/resources/icons/bold-text.svg</iconset>
+        </property>
+        <property name="checkable">
+         <bool>true</bool>
+        </property>
+        <property name="autoRaise">
+         <bool>true</bool>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonItalic">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Italic (CTRL+I)</string>
+        </property>
+        <property name="text">
+         <string>Italic</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../resources.qrc">
+          <normaloff>:/images/resources/icons/italic-text.svg</normaloff>:/images/resources/icons/italic-text.svg</iconset>
+        </property>
+        <property name="iconSize">
+         <size>
+          <width>16</width>
+          <height>16</height>
+         </size>
+        </property>
+        <property name="checkable">
+         <bool>true</bool>
+        </property>
+        <property name="autoRaise">
+         <bool>true</bool>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonUnderline">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Underline (CTRL+U)</string>
+        </property>
+        <property name="text">
+         <string>Underline</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../resources.qrc">
+          <normaloff>:/images/resources/icons/underline-text.svg</normaloff>:/images/resources/icons/underline-text.svg</iconset>
+        </property>
+        <property name="iconSize">
+         <size>
+          <width>16</width>
+          <height>16</height>
+         </size>
+        </property>
+        <property name="checkable">
+         <bool>true</bool>
+        </property>
+        <property name="autoRaise">
+         <bool>true</bool>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonStrikeout">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="text">
+         <string>Strike Out</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../resources.qrc">
+          <normaloff>:/images/resources/icons/strikethrough.svg</normaloff>:/images/resources/icons/strikethrough.svg</iconset>
+        </property>
+        <property name="checkable">
+         <bool>true</bool>
+        </property>
+        <property name="autoRaise">
+         <bool>true</bool>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="Line" name="line_7">
+        <property name="frameShadow">
+         <enum>QFrame::Plain</enum>
+        </property>
+        <property name="orientation">
+         <enum>Qt::Vertical</enum>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QFontComboBox" name="fontComboBox">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="maximumSize">
+         <size>
+          <width>150</width>
+          <height>16777215</height>
+         </size>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QComboBox" name="comboFontSize">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Font size</string>
+        </property>
+        <property name="editable">
+         <bool>true</bool>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="Line" name="line_4">
+        <property name="frameShadow">
+         <enum>QFrame::Plain</enum>
+        </property>
+        <property name="orientation">
+         <enum>Qt::Vertical</enum>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonFGColor">
+        <property name="minimumSize">
+         <size>
+          <width>24</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Text foreground color</string>
+        </property>
+        <property name="text">
+         <string/>
+        </property>
+        <property name="icon">
+         <iconset resource="../resources.qrc">
+          <normaloff>:/images/resources/icons/font color.svg</normaloff>:/images/resources/icons/font color.svg</iconset>
+        </property>
+        <property name="autoRaise">
+         <bool>true</bool>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonBGColor">
+        <property name="minimumSize">
+         <size>
+          <width>24</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Text background color</string>
+        </property>
+        <property name="text">
+         <string/>
+        </property>
+        <property name="icon">
+         <iconset resource="../resources.qrc">
+          <normaloff>:/images/resources/icons/highlight color.svg</normaloff>:/images/resources/icons/highlight color.svg</iconset>
+        </property>
+        <property name="autoRaise">
+         <bool>true</bool>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="Line" name="line_8">
+        <property name="frameShadow">
+         <enum>QFrame::Plain</enum>
+        </property>
+        <property name="orientation">
+         <enum>Qt::Vertical</enum>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonListOrdered">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Ordered list (CTRL+=)</string>
+        </property>
+        <property name="text">
+         <string>Ordered list</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../resources.qrc">
+          <normaloff>:/images/resources/icons/number.svg</normaloff>:/images/resources/icons/number.svg</iconset>
+        </property>
+        <property name="iconSize">
+         <size>
+          <width>16</width>
+          <height>16</height>
+         </size>
+        </property>
+        <property name="checkable">
+         <bool>true</bool>
+        </property>
+        <property name="autoRaise">
+         <bool>true</bool>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonListBullet">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Bullet list (CTRL+-)</string>
+        </property>
+        <property name="text">
+         <string>Bullet list</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../resources.qrc">
+          <normaloff>:/images/resources/icons/bullets.svg</normaloff>:/images/resources/icons/bullets.svg</iconset>
+        </property>
+        <property name="iconSize">
+         <size>
+          <width>16</width>
+          <height>16</height>
+         </size>
+        </property>
+        <property name="checkable">
+         <bool>true</bool>
+        </property>
+        <property name="autoRaise">
+         <bool>true</bool>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="Line" name="line">
+        <property name="frameShadow">
+         <enum>QFrame::Plain</enum>
+        </property>
+        <property name="orientation">
+         <enum>Qt::Vertical</enum>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonIndentInc">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Increase indentation (CTRL+.)</string>
+        </property>
+        <property name="text">
+         <string>Increase indentation</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../resources.qrc">
+          <normaloff>:/images/resources/icons/indent_increase.svg</normaloff>:/images/resources/icons/indent_increase.svg</iconset>
+        </property>
+        <property name="iconSize">
+         <size>
+          <width>16</width>
+          <height>16</height>
+         </size>
+        </property>
+        <property name="autoRaise">
+         <bool>true</bool>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonIndentDec">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Decrease indentation (CTRL+,)</string>
+        </property>
+        <property name="text">
+         <string>Decrease indentation</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../resources.qrc">
+          <normaloff>:/images/resources/icons/indent_decrease.svg</normaloff>:/images/resources/icons/indent_decrease.svg</iconset>
+        </property>
+        <property name="iconSize">
+         <size>
+          <width>16</width>
+          <height>16</height>
+         </size>
+        </property>
+        <property name="autoRaise">
+         <bool>true</bool>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="Line" name="line_3">
+        <property name="frameShadow">
+         <enum>QFrame::Plain</enum>
+        </property>
+        <property name="orientation">
+         <enum>Qt::Vertical</enum>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonLink">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Link (CTRL+L)</string>
+        </property>
+        <property name="text">
+         <string>Link</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../resources.qrc">
+          <normaloff>:/images/resources/icons/link.svg</normaloff>:/images/resources/icons/link.svg</iconset>
+        </property>
+        <property name="iconSize">
+         <size>
+          <width>16</width>
+          <height>16</height>
+         </size>
+        </property>
+        <property name="checkable">
+         <bool>true</bool>
+        </property>
+        <property name="autoRaise">
+         <bool>true</bool>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonImage">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="text">
+         <string notr="true"/>
+        </property>
+        <property name="icon">
+         <iconset resource="../resources.qrc">
+          <normaloff>:/images/resources/icons/image.svg</normaloff>:/images/resources/icons/image.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonCopy">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Copy (CTRL+C)</string>
+        </property>
+        <property name="text">
+         <string>Copy</string>
+        </property>
+        <property name="icon">
+         <iconset theme="edit-copy">
+          <normaloff>.</normaloff>.</iconset>
+        </property>
+        <property name="iconSize">
+         <size>
+          <width>16</width>
+          <height>16</height>
+         </size>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonCut">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Cut (CTRL+X)</string>
+        </property>
+        <property name="text">
+         <string>Cut</string>
+        </property>
+        <property name="icon">
+         <iconset theme="edit-cut">
+          <normaloff>.</normaloff>.</iconset>
+        </property>
+        <property name="iconSize">
+         <size>
+          <width>16</width>
+          <height>16</height>
+         </size>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonPaste">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Paste (CTRL+V)</string>
+        </property>
+        <property name="text">
+         <string>Paste</string>
+        </property>
+        <property name="icon">
+         <iconset theme="edit-paste">
+          <normaloff>.</normaloff>.</iconset>
+        </property>
+        <property name="iconSize">
+         <size>
+          <width>16</width>
+          <height>16</height>
+         </size>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonUndo">
+        <property name="enabled">
+         <bool>false</bool>
+        </property>
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Undo (CTRL+Z)</string>
+        </property>
+        <property name="text">
+         <string>Undo</string>
+        </property>
+        <property name="icon">
+         <iconset theme="edit-undo">
+          <normaloff>.</normaloff>.</iconset>
+        </property>
+        <property name="iconSize">
+         <size>
+          <width>16</width>
+          <height>16</height>
+         </size>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonRedo">
+        <property name="enabled">
+         <bool>false</bool>
+        </property>
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="focusPolicy">
+         <enum>Qt::ClickFocus</enum>
+        </property>
+        <property name="toolTip">
+         <string>Redo</string>
+        </property>
+        <property name="text">
+         <string>Redo</string>
+        </property>
+        <property name="icon">
+         <iconset theme="edit-redo">
+          <normaloff>.</normaloff>.</iconset>
+        </property>
+        <property name="iconSize">
+         <size>
+          <width>16</width>
+          <height>16</height>
+         </size>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <spacer name="horizontalSpacer">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>40</width>
+          <height>20</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+      <item>
+       <widget class="QToolButton" name="buttonMenu">
+        <property name="minimumSize">
+         <size>
+          <width>0</width>
+          <height>24</height>
+         </size>
+        </property>
+        <property name="text">
+         <string/>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <spacer name="horizontalSpacer_3">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeType">
+         <enum>QSizePolicy::Fixed</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>30</width>
+          <height>20</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+     </layout>
+     <zorder>line_4</zorder>
+     <zorder>line</zorder>
+     <zorder>line_3</zorder>
+     <zorder>buttonMenu</zorder>
+     <zorder>buttonBold</zorder>
+     <zorder>buttonItalic</zorder>
+     <zorder>buttonStrikeout</zorder>
+     <zorder>fontComboBox</zorder>
+     <zorder>comboFontSize</zorder>
+     <zorder>buttonUnderline</zorder>
+     <zorder>line_7</zorder>
+     <zorder>line_8</zorder>
+     <zorder>buttonFGColor</zorder>
+     <zorder>buttonBGColor</zorder>
+     <zorder>buttonUndo</zorder>
+     <zorder>buttonRedo</zorder>
+     <zorder>buttonListBullet</zorder>
+     <zorder>buttonListOrdered</zorder>
+     <zorder>buttonIndentDec</zorder>
+     <zorder>buttonIndentInc</zorder>
+     <zorder>buttonPaste</zorder>
+     <zorder>buttonCut</zorder>
+     <zorder>buttonLink</zorder>
+     <zorder>buttonCopy</zorder>
+     <zorder>buttonImage</zorder>
+     <zorder>horizontalSpacer_2</zorder>
+     <zorder>horizontalSpacer_3</zorder>
+    </widget>
+   </item>
+   <item>
+    <widget class="QLabel" name="separatorLine_2">
+     <property name="maximumSize">
+      <size>
+       <width>16777215</width>
+       <height>1</height>
+      </size>
+     </property>
+     <property name="styleSheet">
+      <string notr="true">border: 1px solid rgba(0, 0, 0, 0.05);
+</string>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="MTextEdit" name="f_textedit">
+     <property name="autoFormatting">
+      <set>QTextEdit::AutoNone</set>
+     </property>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>MTextEdit</class>
+   <extends>QTextEdit</extends>
+   <header>mtextedit.h</header>
+  </customwidget>
+ </customwidgets>
+ <tabstops>
+  <tabstop>f_textedit</tabstop>
+  <tabstop>buttonMenu</tabstop>
+ </tabstops>
+ <resources>
+  <include location="../resources.qrc"/>
+ </resources>
+ <connections/>
+</ui>
diff --git a/widget/msqlquerymodel.cpp b/widget/msqlquerymodel.cpp
new file mode 100644
index 0000000..b74e373
--- /dev/null
+++ b/widget/msqlquerymodel.cpp
@@ -0,0 +1,146 @@
+#include "msqlquerymodel.h"
+
+#include <QIcon>
+#include <QDebug>
+#include <QLocale>
+
+MSqlQueryModel::MSqlQueryModel(QObject *parent) :
+    QSqlQueryModel(parent)
+{
+
+}
+
+
+QVariant MSqlQueryModel::data(const QModelIndex &index, int role) const
+{
+    if(!index.isValid())
+        return false;
+
+    QVariant value = QSqlQueryModel::data(index,role);
+    //if(role==Qt::TextColorRole && index.column()==0)
+    //    return qVariantFromValue(QColor(Qt::red));
+
+
+    switch (role)
+    {
+        case Qt::DisplayRole:
+        //case Qt::EditRole:
+        {
+
+            switch (index.column())
+            {
+                case 0:
+                {
+                    if (false)
+                    {
+                        switch (QSqlQueryModel::data(index, Qt::DisplayRole).toInt())//(data(index).toInt())
+                        {
+                            case 0:
+                                return tr("Elemento Compuesto");
+
+                            case 1:
+                                return tr("Material");
+
+                            case 2:
+                                return tr("Mano de Obra");
+
+                            case 3:
+                                return tr("Maquinaria");
+
+                            case 4:
+                                return tr("Porcentajes");
+
+                            default:
+                                break;
+                        }
+                    }
+                    else
+                        return QVariant();
+                }
+
+                case 1:
+                {
+                    switch (QSqlQueryModel::data(index, Qt::DisplayRole).toInt())//(data(index).toInt())
+                    {
+                        case 0:
+                            return tr("Servicio");
+
+                        case 1:
+                            return tr("Producto");
+                    }
+                }
+
+                case 4:
+                case 5:
+                {
+                    QLocale locale = QLocale("es_ES");
+                    QString s = locale.toString(value.toDouble(), 'f', 2) + " €";
+                    return s;
+                }
+
+                case 6:
+                {
+                    return QVariant();
+                }
+
+                default:
+                    return value;
+            }
+        }
+
+        case Qt::DecorationRole:
+        {
+            if(index.column() == 0)
+            {
+                switch (QSqlQueryModel::data(index, Qt::DisplayRole).toInt())//(data(index).toInt())
+                {
+                    case 0:
+                        return QIcon(":/resources/icons/box.svg");
+
+                    case 1:
+                        return QIcon(":/resources/icons/blocks.svg");
+
+                    case 2:
+                        return QIcon(":/resources/icons/helmet.svg");
+
+                    case 3:
+                        return QIcon(":/resources/icons/gear.svg");
+
+                    case 4:
+                        return QIcon(":/resources/icons/percentage.svg");
+
+                    default:
+                        break;
+                }
+            }
+            else
+                return QVariant();
+        }
+
+        case Qt::TextAlignmentRole:
+            switch (index.column())
+            {
+                case 4:
+                case 5:
+                {
+                    return int(Qt::AlignRight | Qt::AlignTop);
+                }
+                case 6:
+                {
+                    return int(Qt::AlignCenter | Qt::AlignTop);
+                }
+                default:
+                    return int(Qt::AlignLeft | Qt::AlignTop);
+            }
+
+        case Qt::CheckStateRole:
+
+            if (index.column() == 6)
+                return (QSqlQueryModel::data(index).toBool() == true) ? Qt::Checked : Qt::Unchecked;
+            else
+                return QVariant();
+
+        default:
+            return value;
+    }
+}
diff --git a/widget/msqlquerymodel.h b/widget/msqlquerymodel.h
new file mode 100644
index 0000000..eb7b994
--- /dev/null
+++ b/widget/msqlquerymodel.h
@@ -0,0 +1,17 @@
+#ifndef MSQLQUERYMODEL_H
+#define MSQLQUERYMODEL_H
+
+#include <QSqlQueryModel>
+
+class MSqlQueryModel : public QSqlQueryModel
+{
+
+    Q_OBJECT
+
+public:
+    MSqlQueryModel(QObject *parent = Q_NULLPTR);
+
+    QVariant data(const QModelIndex &index, int role = Qt::DisplayRole) const Q_DECL_OVERRIDE;
+};
+
+#endif // MSQLQUERYMODEL_H
diff --git a/widget/mtextedit.cpp b/widget/mtextedit.cpp
new file mode 100644
index 0000000..4332e5d
--- /dev/null
+++ b/widget/mtextedit.cpp
@@ -0,0 +1,115 @@
+#include "mtextedit.h"
+#include <QTextDocument>
+#include <QTextCursor>
+#include <QImage>
+#include <QByteArray>
+#include <QBuffer>
+#include <stdlib.h>
+
+MTextEdit::MTextEdit(QWidget* parent)
+    : QTextEdit(parent)
+{
+}
+
+bool MTextEdit::canInsertFromMimeData(const QMimeData* source) const
+{
+    return source->hasImage() || QTextEdit::canInsertFromMimeData(source);
+}
+
+void MTextEdit::insertFromMimeData(const QMimeData* source)
+{
+    if (source->hasImage())
+    {
+        QStringList formats = source->formats();
+        QString format;
+        for (int i = 0; i < formats.size(); i++)
+        {
+            if (formats[i] == "image/bmp")
+            {
+                format = "BMP";
+                break;
+            }
+            if (formats[i] == "image/jpeg")
+            {
+                format = "JPG";
+                break;
+            }
+            if (formats[i] == "image/jpg") {
+                format = "JPG";
+                break;
+            }
+            if (formats[i] == "image/gif") {
+                format = "GIF";
+                break;
+            }
+            if (formats[i] == "image/png") {
+                format = "PNG";
+                break;
+            }
+            if (formats[i] == "image/pbm") {
+                format = "PBM";
+                break;
+            }
+            if (formats[i] == "image/pgm") {
+                format = "PGM";
+                break;
+            }
+            if (formats[i] == "image/ppm") {
+                format = "PPM";
+                break;
+            }
+            if (formats[i] == "image/tiff") {
+                format = "TIFF";
+                break;
+            }
+            if (formats[i] == "image/xbm") {
+                format = "XBM";
+                break;
+            }
+            if (formats[i] == "image/xpm") {
+                format = "XPM";
+                break;
+            }
+        }
+        if (!format.isEmpty())
+        {
+            //          dropImage(qvariant_cast<QImage>(source->imageData()), format);
+            dropImage(qvariant_cast<QImage>(source->imageData()), "JPG"); // Sorry, ale cokoli jiného dlouho trvá
+            return;
+        }
+    }
+    QTextEdit::insertFromMimeData(source);
+}
+
+QMimeData* MTextEdit::createMimeDataFromSelection() const
+{
+    return QTextEdit::createMimeDataFromSelection();
+}
+
+void MTextEdit::dropImage(const QImage& image, const QString& format)
+{
+    QByteArray bytes;
+    QBuffer buffer(&bytes);
+    buffer.open(QIODevice::WriteOnly);
+    image.save(&buffer, format.toLocal8Bit().data());
+    buffer.close();
+    QByteArray base64 = bytes.toBase64();
+    QByteArray base64l;
+    for (int i = 0; i < base64.size(); i++)
+    {
+        base64l.append(base64[i]);
+        if (i % 80 == 0)
+        {
+            base64l.append("\n");
+        }
+    }
+
+    QTextCursor cursor = textCursor();
+    QTextImageFormat imageFormat;
+    imageFormat.setWidth(image.width());
+    imageFormat.setHeight(image.height());
+    imageFormat.setName(QString("data:image/%1;base64,%2")
+                            .arg(QString("%1.%2").arg(rand()).arg(format))
+                            .arg(base64l.data()));
+    cursor.insertImage(imageFormat);
+}
diff --git a/widget/mtextedit.h b/widget/mtextedit.h
new file mode 100644
index 0000000..be63253
--- /dev/null
+++ b/widget/mtextedit.h
@@ -0,0 +1,22 @@
+#ifndef _MTEXTEDIT_H_
+#define _MTEXTEDIT_H_
+
+#include <QTextEdit>
+#include <QMimeData>
+#include <QImage>
+
+class MTextEdit : public QTextEdit {
+    Q_OBJECT
+  public:
+    MTextEdit(QWidget *parent);
+
+    void        dropImage(const QImage& image, const QString& format);
+
+  protected:
+    bool        canInsertFromMimeData(const QMimeData *source) const;
+    void        insertFromMimeData(const QMimeData *source);
+    QMimeData  *createMimeDataFromSelection() const;
+
+};
+
+#endif
diff --git a/widget/pickcolorwidget.cpp b/widget/pickcolorwidget.cpp
new file mode 100644
index 0000000..b09583c
--- /dev/null
+++ b/widget/pickcolorwidget.cpp
@@ -0,0 +1,123 @@
+#include "pickcolorwidget.h"
+
+#include <QHBoxLayout>
+#include <QVBoxLayout>
+#include <QApplication>
+#include <QtDBus/QDBusInterface>
+#include <QDebug>
+
+#include "utils/global.h"
+#include "service/colorpickerinterface.h"
+
+const QSize PICKCOLOR_WIDGET_SIZE = QSize(222, 217);
+
+PickColorWidget::PickColorWidget(QWidget *parent)
+    : QWidget(parent)
+{
+    DRAW_THEME_INIT_WIDGET("PickColorWidget");
+    setFixedSize(222, 217);
+    QLabel* titleLabel = new QLabel(this);
+    titleLabel->setText("RGB");
+    titleLabel->setObjectName("TitleLabel");
+
+    m_redEditLabel = new EditLabel(this);
+    m_redEditLabel->setTitle("R");
+    m_redEditLabel->setEditText("255");
+    connect(m_redEditLabel, &EditLabel::editTextChanged,
+            this, &PickColorWidget::updateColor);
+
+    m_greenEditLabel = new EditLabel(this);
+    m_greenEditLabel->setTitle("G");
+    m_greenEditLabel->setEditText("255");
+    connect(m_greenEditLabel, &EditLabel::editTextChanged,
+            this, &PickColorWidget::updateColor);
+
+    m_blueEditLabel = new EditLabel(this);
+    m_blueEditLabel->setTitle("B");
+    m_blueEditLabel->setEditText("255");
+    connect(m_blueEditLabel, &EditLabel::editTextChanged,
+            this, &PickColorWidget::updateColor);
+
+    m_picker = new QPushButton(this);
+    m_picker->setFixedSize(24, 24);
+    m_picker->setObjectName("PickerBtn");
+    m_picker->setIcon(QIcon(":/images/resources/icons/picker.svg"));
+    QHBoxLayout* rgbLayout = new QHBoxLayout;
+    rgbLayout->setMargin(0);
+    rgbLayout->setSpacing(0);
+    rgbLayout->addWidget(titleLabel);
+    rgbLayout->addSpacing(25);
+    rgbLayout->addWidget(m_redEditLabel);
+    rgbLayout->addWidget(m_greenEditLabel);
+    rgbLayout->addWidget(m_blueEditLabel);
+    rgbLayout->addSpacing(4);
+    rgbLayout->addWidget(m_picker);
+    m_colorSlider = new ColorSlider(this);
+    m_colorSlider->setObjectName("ColorfulSlider");
+    m_colorSlider->setFixedSize(222, 14);
+//    m_colorSlider->setMinimum(0);
+//    m_colorSlider->setMaximum(355);
+
+    m_colorLabel = new ColorLabel(this);
+    m_colorLabel->setFixedSize(222, 136);
+    connect(m_colorSlider, &ColorSlider::valueChanged, m_colorLabel, [=](int val){
+        m_colorLabel->setHue(val);
+    });
+    connect(m_colorLabel, &ColorLabel::pickedColor, this,  [=](QColor color){
+        setRgbValue(color, true);
+    });
+    connect(m_picker, &QPushButton::clicked, this, [=]{
+        ColorPickerInterface* cp = new ColorPickerInterface("com.deepin.Picker",
+            "/com/deepin/Picker", QDBusConnection::sessionBus(), this);
+        cp->StartPick(QString("%1").arg(qApp->applicationPid()));
+        connect(cp, &ColorPickerInterface::colorPicked, this, [=](QString uuid,
+                QString colorName){
+            if (uuid == QString("%1").arg(qApp->applicationPid())) {
+                setRgbValue(QColor(colorName), true);
+            }
+            m_picker->setChecked(false);
+            cp->deleteLater();
+        });
+    });
+
+    QVBoxLayout* mLayout = new QVBoxLayout;
+    mLayout->setMargin(0);
+    mLayout->setSpacing(0);
+    mLayout->addSpacing(16);
+    mLayout->addLayout(rgbLayout);
+    mLayout->addSpacing(10);
+    mLayout->addWidget(m_colorLabel, 0, Qt::AlignCenter);
+    mLayout->addWidget(m_colorSlider, 0, Qt::AlignCenter);
+    setLayout(mLayout);
+}
+
+void PickColorWidget::setRgbValue(QColor color, bool isPicked)
+{
+    m_redEditLabel->setEditText(QString("%1").arg(color.red()));
+    m_greenEditLabel->setEditText(QString("%1").arg(color.green()));
+    m_blueEditLabel->setEditText(QString("%1").arg(color.blue()));
+
+    if (isPicked)
+        emit pickedColor(color);
+}
+
+void PickColorWidget::updateColor()
+{
+    int r = m_redEditLabel->editText().toInt();
+    int g = m_greenEditLabel->editText().toInt();
+    int b = m_blueEditLabel->editText().toInt();
+
+    if (QColor(r, g, b).isValid())
+    {
+        emit pickedColor(QColor(r, g, b));
+    }
+}
+
+void PickColorWidget::setPickedColor(bool picked)
+{
+    m_colorLabel->setPickColor(picked);
+}
+
+PickColorWidget::~PickColorWidget()
+{
+}
diff --git a/widget/pickcolorwidget.h b/widget/pickcolorwidget.h
new file mode 100644
index 0000000..2eea006
--- /dev/null
+++ b/widget/pickcolorwidget.h
@@ -0,0 +1,34 @@
+#ifndef PICKCOLORWIDGET_H
+#define PICKCOLORWIDGET_H
+
+#include <QWidget>
+#include <QPushButton>
+
+#include "editlabel.h"
+#include "colorlabel.h"
+#include "colorslider.h"
+
+class PickColorWidget : public QWidget
+{
+    Q_OBJECT
+public:
+    PickColorWidget(QWidget* parent);
+    ~PickColorWidget();
+
+    void setRgbValue(QColor color, bool isPicked = false);
+    void updateColor();
+    void setPickedColor(bool picked);
+
+signals:
+    void pickedColor(QColor color);
+
+private:
+    EditLabel* m_redEditLabel;
+    EditLabel* m_greenEditLabel;
+    EditLabel* m_blueEditLabel;
+    QPushButton* m_picker;
+    ColorLabel* m_colorLabel;
+    ColorSlider* m_colorSlider;
+};
+
+#endif // PICKCOLORWIDGET_H
diff --git a/widget/resizelabel.cpp b/widget/resizelabel.cpp
new file mode 100644
index 0000000..e78fe18
--- /dev/null
+++ b/widget/resizelabel.cpp
@@ -0,0 +1,52 @@
+#include "resizelabel.h"
+
+#include <QPainter>
+
+ResizeLabel::ResizeLabel(QWidget *parent)
+    : QLabel(parent)
+{
+    setAttribute(Qt::WA_TransparentForMouseEvents);
+}
+
+void ResizeLabel::paintResizeLabel(bool drawing, FourPoints fpoints)
+{
+    if (drawing)
+    {
+        this->show();
+    } else {
+        this->hide();
+    }
+    m_drawArtboard = drawing;
+    m_artboardMPoints = fpoints;
+    update();
+}
+
+ResizeLabel::~ResizeLabel()
+{
+}
+
+void ResizeLabel::paintEvent(QPaintEvent *e)
+{
+    Q_UNUSED(e);
+    if (!m_drawArtboard)
+        return;
+
+    else {
+        QPainter painter(this);
+        painter.setRenderHints(QPainter::Antialiasing
+                               | QPainter::SmoothPixmapTransform);
+        painter.setBrush(Qt::transparent);
+        QPen dragPen;
+        dragPen.setColor(QColor("#888888"));
+        dragPen.setStyle(Qt::DashLine);
+        painter.setPen(dragPen);
+         m_artboardMPoints[3] = QPointF(std::max(m_artboardMPoints[3].x(),
+            m_artboardMPoints[0].x() + 20), std::max(m_artboardMPoints[3].y(),
+            m_artboardMPoints[0].y() + 20));
+        QRect rect = QRect(int(m_artboardMPoints[0].x()),
+                int(m_artboardMPoints[0].y()),
+                int(m_artboardMPoints[3].x() - m_artboardMPoints[0].x()),
+                int(m_artboardMPoints[3].y() - m_artboardMPoints[0].y()));
+        painter.drawRect(rect);
+    }
+}
diff --git a/widget/resizelabel.h b/widget/resizelabel.h
new file mode 100644
index 0000000..61eeb83
--- /dev/null
+++ b/widget/resizelabel.h
@@ -0,0 +1,28 @@
+#ifndef RESIZELABEL_H
+#define RESIZELABEL_H
+
+#include <QLabel>
+#include <QPaintEvent>
+
+#include "utils/shapesutils.h"
+
+class ResizeLabel : public QLabel
+{
+    Q_OBJECT
+public:
+    ResizeLabel(QWidget* parent = 0);
+    ~ResizeLabel();
+
+public slots:
+    void paintResizeLabel(bool drawing, FourPoints fpoints);
+
+protected:
+    void paintEvent(QPaintEvent* e);
+
+private:
+    bool m_drawArtboard;
+    FourPoints m_artboardMPoints;
+
+};
+
+#endif // RESIZELABEL_H
diff --git a/widget/seperatorline.h b/widget/seperatorline.h
new file mode 100644
index 0000000..d2577e3
--- /dev/null
+++ b/widget/seperatorline.h
@@ -0,0 +1,17 @@
+#ifndef SEPERATORLINE_H
+#define SEPERATORLINE_H
+
+#include <QLabel>
+
+class SeperatorLine : public QLabel {
+    Q_OBJECT
+public:
+    SeperatorLine(QWidget* parent = 0) {
+        Q_UNUSED(parent);
+        setFixedSize(1, 18);
+        setStyleSheet("border: 1px solid rgba(0, 0, 0, 0.1);");
+    }
+    ~SeperatorLine() {}
+
+};
+#endif // SEPERATORLINE_H
diff --git a/widget/sliderlabel.cpp b/widget/sliderlabel.cpp
new file mode 100644
index 0000000..3918678
--- /dev/null
+++ b/widget/sliderlabel.cpp
@@ -0,0 +1,130 @@
+#include "sliderlabel.h"
+
+#include <QHBoxLayout>
+#include <QDebug>
+
+#include "utils/configsettings.h"
+
+const int SLIDER_WIDTH = 180;
+const QSize SLIDER_WIDTH_SIZE = QSize(222, 24);
+Slider::Slider(QWidget *parent)
+    : QLabel(parent)
+{
+    setStyleSheet("Slider{"
+                  "border: 1px solid rgba(0, 0, 0, 26);"
+                  "border-radius: 3px; "
+                  "}");
+
+    setMinimumWidth(160);
+    m_slider = new QSlider(Qt::Horizontal,this);
+    m_slider->setMinimum(0);
+    m_slider->setMaximum(100);
+    m_slider->setValue(100);
+    m_slider->setFixedWidth(127);
+    m_valueLabel = new QLabel(this);
+    m_valueLabel->setObjectName("ValueLabel");
+    m_valueLabel->setStyleSheet("QLabel#ValueLabel{"
+                                "color: #303030;"
+                                "font-size: 11px;}");
+    m_valueLabel->setText("100%");
+
+    QHBoxLayout* mLayout = new QHBoxLayout(this);
+    mLayout->setMargin(0);
+    mLayout->setSpacing(0);
+    mLayout->addSpacing(1);
+    mLayout->addWidget(m_slider);
+    mLayout->addSpacing(4);
+    mLayout->addWidget(m_valueLabel);
+    mLayout->addSpacing(4);
+    setLayout(mLayout);
+    connect(m_slider, &QSlider::valueChanged, this, [=](int value){
+        emit valueChanged(value);
+        m_valueLabel->setText(QString("%1%").arg(value));
+    });
+}
+
+void Slider::setAlphaValue(int value)
+{
+    qDebug() << "value..." << value;
+    m_valueLabel->setText(QString("%1%").arg(value));
+    m_slider->setValue(value);
+}
+
+int Slider::alphaValue()
+{
+    return m_slider->value();
+}
+
+Slider::~Slider() {}
+
+SliderLabel::SliderLabel(QString text, DrawStatus status,
+                         MiddleWidgetStatus widgetStatus, QWidget* parent)
+    : QLabel(parent)
+{
+    m_text = text;
+    m_drawStatus = status;
+    setFixedSize(SLIDER_WIDTH_SIZE);
+
+    m_titleLabel = new QLabel(this);
+    m_titleLabel->setFixedWidth(43);
+    m_titleLabel->setObjectName("TitleLabel");
+    m_titleLabel->setStyleSheet("QLabel#TitleLabel {"
+                                "color: #626262;"
+                                "font-size: 11px;"
+                                "}");
+    m_slider = new Slider(this);
+
+    updateDrawStatus(status, widgetStatus);
+    m_titleLabel->setText(m_text);
+
+    QHBoxLayout* mLayout = new QHBoxLayout(this);
+    mLayout->setMargin(0);
+    mLayout->setSpacing(0);
+    mLayout->addWidget(m_titleLabel);
+    mLayout->addSpacing(5);
+    mLayout->addWidget(m_slider);
+    setLayout(mLayout);
+
+    connect(m_slider, &Slider::valueChanged, this, &SliderLabel::alphaChanged);
+}
+
+int SliderLabel::alpha()
+{
+    return m_slider->alphaValue();
+}
+
+void SliderLabel::setAlpha(int val)
+{
+    m_slider->setAlphaValue(val);
+}
+
+void SliderLabel::updateDrawStatus(DrawStatus status,
+                                   MiddleWidgetStatus widgetStatus)
+{
+    int colorAlpha;
+    m_drawStatus = status;
+    m_widgetStatus = widgetStatus;
+
+    if (widgetStatus != MiddleWidgetStatus::DrawText)
+    {
+        if (m_drawStatus == DrawStatus::Fill)
+        {
+            colorAlpha = ConfigSettings::instance()->value("common", "fillColor_alpha").toInt();
+        } else
+        {
+            colorAlpha = ConfigSettings::instance()->value("common", "strokeColor_alpha").toInt();
+        }
+    } else {
+        colorAlpha = ConfigSettings::instance()->value("text", "fillColor_alpha").toInt();
+    }
+
+    m_slider->setAlphaValue(colorAlpha);
+}
+
+void SliderLabel::setTitle(const QString &text) {
+    m_text = text;
+    m_titleLabel->setText(m_text);
+}
+
+SliderLabel::~SliderLabel() {}
+
diff --git a/widget/sliderlabel.h b/widget/sliderlabel.h
new file mode 100644
index 0000000..fc85c01
--- /dev/null
+++ b/widget/sliderlabel.h
@@ -0,0 +1,53 @@
+#ifndef SLIDERLABEL_H
+#define SLIDERLABEL_H
+
+#include <QLabel>
+#include <QSlider>
+#include <QWidget>
+
+#include "colorslider.h"
+//#include "utils/baseutils.h"
+
+class Slider : public QLabel {
+    Q_OBJECT
+public:
+    Slider(QWidget* parent);
+    ~Slider();
+
+    void setAlphaValue(int value);
+    int alphaValue();
+
+signals:
+    void valueChanged(int value);
+
+private:
+    QSlider* m_slider;
+    QLabel* m_valueLabel;
+};
+
+class SliderLabel : public QLabel {
+    Q_OBJECT
+public:
+    SliderLabel(QString text, DrawStatus status,
+                MiddleWidgetStatus widgetStatus, QWidget* parent = 0);
+    ~SliderLabel();
+
+    void setTitle(const QString &text);
+    int alpha ();
+    void updateDrawStatus(DrawStatus status,
+                          MiddleWidgetStatus widgetStatus);
+    void setAlpha(int val);
+
+signals:
+    void alphaChanged(int value);
+
+private:
+    QString m_text;
+    DrawStatus m_drawStatus;
+    MiddleWidgetStatus m_widgetStatus;
+
+    QLabel* m_titleLabel;
+    Slider* m_slider;
+};
+
+#endif // SLIDERLABEL_H
diff --git a/widget/textfontlabel.cpp b/widget/textfontlabel.cpp
new file mode 100644
index 0000000..5c3c498
--- /dev/null
+++ b/widget/textfontlabel.cpp
@@ -0,0 +1,94 @@
+#include "textfontlabel.h"
+
+#include <QLineEdit>
+#include <QPushButton>
+#include <QHBoxLayout>
+
+#include "fontsizelineedit.h"
+#include "toolbutton.h"
+#include "utils/global.h"
+#include "utils/configsettings.h"
+
+const int LINEEDIT_WIDTH = 64;
+const int BUTTON_WIDTH = 25;
+const int BUTTON_HEIGHT = 26;
+
+TextFontLabel::TextFontLabel(QWidget *parent)
+    : QLabel(parent),
+      m_fontsize(12)
+{
+    DRAW_THEME_INIT_WIDGET("TextFontLabel");
+
+    this->setObjectName("TextFontLabel");
+    this->setFixedSize(LINEEDIT_WIDTH +  BUTTON_WIDTH*2,
+                       BUTTON_HEIGHT);
+    FontsizeLineEdit* fontEdit = new FontsizeLineEdit(this);
+    fontEdit->setObjectName("FontsizeEdit");
+    fontEdit->setFixedSize(LINEEDIT_WIDTH, BUTTON_HEIGHT - 2);
+    m_fontsize = ConfigSettings::instance()->value("text", "fontsize").toInt();
+    fontEdit->setText(QString("%1").arg(m_fontsize));
+
+   connect(ConfigSettings::instance(), &ConfigSettings::configChanged, this, [=](
+           const QString &group, const QString &key){
+           if (group == "text" && key == "fontsize")
+           {
+                m_fontsize = ConfigSettings::instance()->value(group, key).toInt();
+                fontEdit->setText(QString("%1").arg(m_fontsize));
+           }
+   });
+    connect(fontEdit, &QLineEdit::editingFinished, this, [=]{
+        int fontSize = fontEdit->text().toInt();
+        fontSize = std::max(8, fontSize);
+        fontEdit->setText(QString("%1").arg(fontSize));
+        m_fontsize = fontSize;
+        ConfigSettings::instance()->setValue("text", "fontsize", fontSize);
+    });
+    connect(fontEdit, &FontsizeLineEdit::addSize, this, [=]{
+        int fontSize = fontEdit->text().toInt();
+        fontSize = std::max(8, fontSize + 1);
+        m_fontsize = fontSize;
+        fontEdit->setText(QString("%1").arg(fontSize));
+    });
+    connect(fontEdit, &FontsizeLineEdit::reduceSize, this, [=]{
+        int fontSize = fontEdit->text().toInt();
+        fontSize = std::max(8, fontSize - 1);
+        m_fontsize = fontSize;
+        fontEdit->setText(QString("%1").arg(fontSize));
+    });
+
+    ToolButton* addBtn = new ToolButton(this);
+    addBtn->setObjectName("AddFontsizeBtn");
+    addBtn->setFixedSize(BUTTON_WIDTH, BUTTON_HEIGHT);
+    addBtn->setAutoRepeat(true);
+    ToolButton* reduceBtn = new ToolButton(this);
+    reduceBtn->setFixedSize(BUTTON_WIDTH, BUTTON_HEIGHT);
+    reduceBtn->setObjectName("ReduceFontsizeBtn");
+    reduceBtn->setAutoRepeat(true);
+
+    QHBoxLayout* hLayout = new QHBoxLayout(this);
+    hLayout->setMargin(0);
+    hLayout->setSpacing(0);
+    hLayout->addWidget(fontEdit, 0, Qt::AlignCenter);
+    hLayout->addSpacing(0);
+    hLayout->addWidget(addBtn, 0, Qt::AlignCenter);
+    hLayout->addSpacing(0);
+    hLayout->addWidget(reduceBtn, 0, Qt::AlignCenter);
+    setLayout(hLayout);
+
+    connect(addBtn, &ToolButton::pressed, this, [=]{
+        m_fontsize += 1;
+        fontEdit->setText(QString("%1").arg(m_fontsize));
+        ConfigSettings::instance()->setValue("text", "fontsize", m_fontsize);
+    });
+
+    connect(reduceBtn, &ToolButton::pressed, this, [=]{
+        m_fontsize -= 1;
+        m_fontsize = std::max(8, m_fontsize);
+        fontEdit->setText(QString("%1").arg(m_fontsize));
+        ConfigSettings::instance()->setValue("text", "fontsize", m_fontsize);
+    });
+}
+
+TextFontLabel::~TextFontLabel()
+{
+}
diff --git a/widget/textfontlabel.h b/widget/textfontlabel.h
new file mode 100644
index 0000000..a389299
--- /dev/null
+++ b/widget/textfontlabel.h
@@ -0,0 +1,20 @@
+#ifndef TEXTFONTLABEL_H
+#define TEXTFONTLABEL_H
+
+#include <QLabel>
+#include <QLineEdit>
+
+#include "toolbutton.h"
+
+class TextFontLabel : public QLabel
+{
+    Q_OBJECT
+public:
+    TextFontLabel(QWidget* parent = 0);
+    ~TextFontLabel();
+
+private:
+    int m_fontsize;
+};
+
+#endif // TEXTFONTLABEL_H
diff --git a/widget/tipslabel.cpp b/widget/tipslabel.cpp
new file mode 100644
index 0000000..f411181
--- /dev/null
+++ b/widget/tipslabel.cpp
@@ -0,0 +1,16 @@
+#include "tipslabel.h"
+
+TipsLabel::TipsLabel(QWidget *parent)
+    : QLabel(parent)
+{
+    setObjectName("TipsLabel");
+    setStyleSheet("QLabel#TipsLabel{"
+                  "background-color: rgba(255, 255, 255, 153);"
+                  "border-radius: 3px;"
+                  "border: 1px solid rgba(0, 0, 0, 13);}");
+    setAlignment(Qt::AlignCenter);
+}
+
+TipsLabel::~TipsLabel()
+{
+}
diff --git a/widget/tipslabel.h b/widget/tipslabel.h
new file mode 100644
index 0000000..2cbec37
--- /dev/null
+++ b/widget/tipslabel.h
@@ -0,0 +1,14 @@
+#ifndef TIPSLABEL_H
+#define TIPSLABEL_H
+
+#include <QLabel>
+
+class TipsLabel : public QLabel {
+    Q_OBJECT
+public:
+    TipsLabel(QWidget* parent = 0);
+    ~TipsLabel();
+
+};
+
+#endif // TIPSLABEL_H
diff --git a/widget/toolbutton.h b/widget/toolbutton.h
new file mode 100644
index 0000000..d3a76ce
--- /dev/null
+++ b/widget/toolbutton.h
@@ -0,0 +1,24 @@
+#ifndef TOOLBUTTON_H
+#define TOOLBUTTON_H
+
+#include <QPushButton>
+
+class ToolButton : public QPushButton {
+    Q_OBJECT
+public:
+    ToolButton(QWidget* parent = 0) {
+        Q_UNUSED(parent);
+        setFixedSize(24, 24);
+        setCheckable(true);
+    }
+
+    ToolButton(QString text, QWidget* parent = 0) {
+        Q_UNUSED(parent);
+        setFixedSize(24, 24);
+        setCheckable(true);
+        setText(text);
+    }
+    ~ToolButton() {}
+};
+
+#endif // TOOLBUTTON_H
diff --git a/widget/treemodelcomposeelement.cpp b/widget/treemodelcomposeelement.cpp
new file mode 100644
index 0000000..5e05e50
--- /dev/null
+++ b/widget/treemodelcomposeelement.cpp
@@ -0,0 +1,420 @@
+#include "treemodelcomposeelement.h"
+#include "treeitem.h"
+
+#include <QtWidgets>
+
+
+TreeModelComposeElement::TreeModelComposeElement(const QStringList &headers, const QString &data, QObject *parent)
+    : QAbstractItemModel(parent)
+{
+    QVector<QVariant> rootData;
+    foreach (QString header, headers)
+        rootData << header;
+
+    rootItem = new TreeItem(rootData);
+    //setupModelData(data.split(QString("\n")), rootItem);
+
+    // Insertar 20 filas vacias por defecto:
+    for (int i = 0; i < 5; i++)
+    {
+        rootItem->insertChildren(rootItem->childCount(), 1, rootItem->columnCount());
+        for (int column = 0; column < rootItem->columnCount(); ++column)
+            rootItem->child(rootItem->childCount() - 1)->setData(column, QVariant());
+    }
+}
+
+TreeModelComposeElement::~TreeModelComposeElement()
+{
+    delete rootItem;
+}
+//! [1]
+
+//! [2]
+int TreeModelComposeElement::columnCount(const QModelIndex & /* parent */) const
+{
+    return rootItem->columnCount();
+}
+//! [2]
+
+QVariant TreeModelComposeElement::data(const QModelIndex &index, int role) const
+{
+    if (!index.isValid())
+        return QVariant();
+
+    TreeItem *item = getItem(index);
+
+    switch (role)
+    {
+        case Qt::DisplayRole:
+        case Qt::EditRole:
+        {
+            if(item->data(7).toString().isEmpty())
+            {
+                //return data(index, role).toString();
+                return item->data(index.column()).toString();
+            }
+
+            switch (index.column())
+            {
+                case 2:
+                case 3:
+                case 5:
+                case 6:
+                {
+                    float value = 0;
+
+                    if(item->data(index.column()).isValid())
+                    {
+                        value = item->data(index.column()).toFloat();
+                    }
+
+                    QLocale locale = QLocale("es_ES");
+                    QString s = locale.toString(value, 'f', 2);
+                    return s;
+                }
+                default:
+                    return item->data(index.column()).toString();
+            }
+            break;
+        }
+
+        case Qt::ForegroundRole:
+            if(index.column() == 0)
+                return QVariant::fromValue(QColor(Qt::blue));
+            else
+                return QVariant();
+
+        case Qt::TextAlignmentRole:
+            switch (index.column())
+            {
+                case 2:
+                case 3:
+                case 5:
+                case 6:
+                {
+                    return int(Qt::AlignRight | Qt::AlignTop);
+                }
+                default:
+                    return int(Qt::AlignLeft | Qt::AlignTop);
+            }
+
+        case Qt::FontRole:
+            if(item->childCount() > 0)
+            {
+                QFont font = QFont("Helvetica", 9, QFont::Bold);
+                return QVariant::fromValue(font);
+            }
+            else
+                return QVariant();
+
+        case Qt::SizeHintRole:
+        {
+            int he = 24;
+            switch (index.column())
+            {
+                case 0:
+                    return QSize(30, he);
+                case 1:
+                    return QSize(70, he);
+                case 2:
+                case 3:
+                    return QSize(150, he);
+                case 4:
+                case 5:
+                    return QSize(50, he);
+                case 6:
+                    return QSize(40, he);
+                case 7:
+                case 8:
+                case 9:
+                case 10:
+                case 11:
+                    return QSize(50, he);
+                case 12:
+                    return QSize(70, he);
+                default:
+                    return QVariant();
+            }
+        }
+
+        case Qt::DecorationRole:
+        {
+            /*
+    0 Sin clasificar
+    1 Mano de obra
+    2 Maquinaria
+    3 Materiales
+    4 Componentes adicionales de residuo
+    5 Clasificación de residuo
+            */
+
+            if(index.column() == 0)
+            {
+                if(item->data(7).toString() == "CO")               // Compuesto
+                {
+                    return QIcon(":/resources/icons/box.svg");
+                }
+                else if(item->data(7).toString() == "MT")          // Materiales
+                {
+                    return QIcon(":/resources/icons/blocks.svg");
+                }
+                else if(item->data(7).toString() == "MO")          // Mano de obra
+                {
+                    return QIcon(":/resources/icons/helmet.svg");
+                }
+                else if(item->data(7).toString() == "MQ")          // Maquinaria
+                {
+                    return QIcon(":/resources/icons/gear.svg");
+                }
+            }
+        }
+
+        default:
+            break;
+    }
+
+    return QVariant();
+}
+
+//! [3]
+Qt::ItemFlags TreeModelComposeElement::flags(const QModelIndex &index) const
+{
+    if (!index.isValid())
+        return Qt::NoItemFlags;
+
+    Qt::ItemFlags flags = QAbstractItemModel::flags(index);
+
+    switch (index.column())
+    {
+        case 0:
+        case 2:
+        //case 5:
+        {
+            flags |= Qt::ItemIsEditable;
+        }
+    }
+
+    return flags;
+}
+//! [3]
+
+//! [4]
+TreeItem *TreeModelComposeElement::getItem(const QModelIndex &index) const
+{
+    if (index.isValid())
+    {
+        TreeItem *item = static_cast<TreeItem*>(index.internalPointer());
+        if (item)
+            return item;
+    }
+    return rootItem;
+}
+//! [4]
+
+QVariant TreeModelComposeElement::headerData(int section, Qt::Orientation orientation,
+                               int role) const
+{
+    if (orientation == Qt::Horizontal && role == Qt::DisplayRole)
+        return rootItem->data(section);
+
+    return QVariant();
+}
+
+//! [5]
+QModelIndex TreeModelComposeElement::index(int row, int column, const QModelIndex &parent) const
+{
+    if (parent.isValid() && parent.column() != 0)
+        return QModelIndex();
+//! [5]
+
+//! [6]
+    TreeItem *parentItem = getItem(parent);
+    TreeItem *childItem = parentItem->child(row);
+
+    if (childItem)
+        return createIndex(row, column, childItem);
+    else
+        return QModelIndex();
+}
+//! [6]
+
+bool TreeModelComposeElement::insertColumns(int position, int columns, const QModelIndex &parent)
+{
+    bool success;
+
+    beginInsertColumns(parent, position, position + columns - 1);
+    success = rootItem->insertColumns(position, columns);
+    endInsertColumns();
+
+    return success;
+}
+
+bool TreeModelComposeElement::insertRows(int position, int rows, const QModelIndex &parent)
+{
+    TreeItem *parentItem = getItem(parent);
+    bool success;
+
+    beginInsertRows(parent, position, position + rows - 1);
+    success = parentItem->insertChildren(position, rows, rootItem->columnCount());
+    endInsertRows();
+
+    return success;
+}
+
+//! [7]
+QModelIndex TreeModelComposeElement::parent(const QModelIndex &index) const
+{
+    if (!index.isValid())
+        return QModelIndex();
+
+    TreeItem *childItem = getItem(index);
+    TreeItem *parentItem = childItem->parent();
+
+    if (parentItem == rootItem)
+        return QModelIndex();
+
+    return createIndex(parentItem->childNumber(), 0, parentItem);
+}
+//! [7]
+
+bool TreeModelComposeElement::removeColumns(int position, int columns, const QModelIndex &parent)
+{
+    bool success;
+
+    beginRemoveColumns(parent, position, position + columns - 1);
+    success = rootItem->removeColumns(position, columns);
+    endRemoveColumns();
+
+    if (rootItem->columnCount() == 0)
+        removeRows(0, rowCount());
+
+    return success;
+}
+
+bool TreeModelComposeElement::removeRows(int position, int rows, const QModelIndex &parent)
+{
+    TreeItem *parentItem = getItem(parent);
+    bool success = true;
+
+    beginRemoveRows(parent, position, position + rows - 1);
+    success = parentItem->removeChildren(position, rows);
+    endRemoveRows();
+
+    return success;
+}
+
+//! [8]
+int TreeModelComposeElement::rowCount(const QModelIndex &parent) const
+{
+    TreeItem *parentItem = getItem(parent);
+
+    return parentItem->childCount();
+}
+//! [8]
+
+bool TreeModelComposeElement::setData(const QModelIndex &index, const QVariant &value, int role)
+{
+    if (role != Qt::EditRole)
+        return false;
+
+    TreeItem *item = getItem(index);
+    bool result = item->setData(index.column(), value);
+
+    switch (index.column())
+    {
+        case 2:
+            item->setData(3, value);
+            calculateRow(item);
+    }
+
+    if (result)
+    {
+        emit dataChanged(index, index, {role});
+    }
+
+    return result;
+}
+
+void TreeModelComposeElement::calculateRow(TreeItem *item)
+{
+    float cu = item->data(2).toFloat();
+    float ct = item->data(3).toFloat();
+    float pcu = item->data(5).toFloat();
+    float pct = ct * pcu;
+
+    item->setData(6, pct);
+}
+
+bool TreeModelComposeElement::setHeaderData(int section, Qt::Orientation orientation,
+                              const QVariant &value, int role)
+{
+    if (role != Qt::EditRole || orientation != Qt::Horizontal)
+        return false;
+
+    bool result = rootItem->setData(section, value);
+
+    if (result)
+        emit headerDataChanged(orientation, section, section);
+
+    return result;
+}
+
+void TreeModelComposeElement::setupModelData(const QStringList &lines, TreeItem *parent)
+{
+    QList<TreeItem*> parents;
+    QList<int> indentations;
+    parents << parent;
+    indentations << 0;
+
+    int number = 0;
+
+    while (number < lines.count())
+    {
+        int position = 0;
+        while (position < lines[number].length())
+        {
+            if (lines[number].at(position) != ' ')
+                break;
+            ++position;
+        }
+
+        QString lineData = lines[number].mid(position).trimmed();
+
+        if (!lineData.isEmpty())
+        {
+            // Read the column data from the rest of the line.
+            QStringList columnStrings = lineData.split("\t", Qt::SkipEmptyParts);
+            QVector<QVariant> columnData;
+            for (int column = 0; column < columnStrings.count(); ++column)
+                columnData << columnStrings[column];
+
+            if (position > indentations.last())
+            {
+                // The last child of the current parent is now the new parent
+                // unless the current parent has no children.
+
+                if (parents.last()->childCount() > 0)
+                {
+                    parents << parents.last()->child(parents.last()->childCount()-1);
+                    indentations << position;
+                }
+            }
+            else
+            {
+                while (position < indentations.last() && parents.count() > 0)
+                {
+                    parents.pop_back();
+                    indentations.pop_back();
+                }
+            }
+
+            // Append a new item to the current parent's list of children.
+            TreeItem *parent = parents.last();
+            parent->insertChildren(parent->childCount(), 1, rootItem->columnCount());
+            for (int column = 0; column < columnData.size(); ++column)
+                parent->child(parent->childCount() - 1)->setData(column, columnData[column]);
+        }
+
+        ++number;
+    }
+}
diff --git a/widget/treemodelcomposeelement.h b/widget/treemodelcomposeelement.h
new file mode 100644
index 0000000..5df61db
--- /dev/null
+++ b/widget/treemodelcomposeelement.h
@@ -0,0 +1,43 @@
+#ifndef TREEMODELCOMPOSEELEMENT_H
+#define TREEMODELCOMPOSEELEMENT_H
+
+#include <QAbstractItemModel>
+#include <QModelIndex>
+#include <QVariant>
+
+class TreeItem;
+
+class TreeModelComposeElement : public QAbstractItemModel
+{
+
+    Q_OBJECT
+
+public:
+    TreeModelComposeElement(const QStringList &headers, const QString &data, QObject *parent = nullptr);
+    ~TreeModelComposeElement() override;
+
+    QVariant data(const QModelIndex &index, int role) const override;
+    QVariant headerData(int section, Qt::Orientation orientation, int role = Qt::DisplayRole) const override;
+
+    QModelIndex index(int row, int column, const QModelIndex &parent = QModelIndex()) const override;
+    QModelIndex parent(const QModelIndex &index) const override;
+
+    int rowCount(const QModelIndex &parent = QModelIndex()) const override;
+    int columnCount(const QModelIndex &parent = QModelIndex()) const override;
+
+    Qt::ItemFlags flags(const QModelIndex &index) const override;
+    bool setData(const QModelIndex &index, const QVariant &value, int role = Qt::EditRole) override;
+    bool setHeaderData(int section, Qt::Orientation orientation, const QVariant &value, int role = Qt::EditRole) override;
+    bool insertColumns(int position, int columns, const QModelIndex &parent = QModelIndex()) override;
+    bool removeColumns(int position, int columns, const QModelIndex &parent = QModelIndex()) override;
+    bool insertRows(int position, int rows, const QModelIndex &parent = QModelIndex()) override;
+    bool removeRows(int position, int rows, const QModelIndex &parent = QModelIndex()) override;
+
+private:
+    void setupModelData(const QStringList &lines, TreeItem *parent);
+    TreeItem *getItem(const QModelIndex &index) const;
+    TreeItem *rootItem;
+    void calculateRow(TreeItem *item);
+};
+
+#endif // TREEMODELCOMPOSEELEMENT_H
diff --git a/widget/widgetcomboboxpopuptable.cpp b/widget/widgetcomboboxpopuptable.cpp
new file mode 100644
index 0000000..b68ecfd
--- /dev/null
+++ b/widget/widgetcomboboxpopuptable.cpp
@@ -0,0 +1,88 @@
+#include "widgetcomboboxpopuptable.h"
+#include "ui_widgetcomboboxpopuptable.h"
+#include "frameless.h"
+#include "mapplication.h"
+
+
+//#include <QScreen>
+#include <QGraphicsDropShadowEffect>
+#include <QScreen>
+#include <QSqlQueryModel>
+
+widgetComboboxPopupTable::widgetComboboxPopupTable(QWidget *parent) :
+    QWidget(parent)//,ui(new Ui::widgetComboboxPopupTable)
+{
+    //setWindowFlags(Qt::FramelessWindowHint);
+    setupUi(this);
+
+
+
+    /*
+    QGraphicsDropShadowEffect *windowShadow = new QGraphicsDropShadowEffect;
+    windowShadow->setBlurRadius(9.0);
+    windowShadow->setColor(palette().color(QPalette::Highlight));
+    windowShadow->setOffset(0.0);
+    setGraphicsEffect(windowShadow);
+    */
+
+    mMultiselect = false;
+
+    //mModel = new QSqlQueryModel(this);
+    connect(dApp, &QApplication::focusChanged, this, &widgetComboboxPopupTable::on_focusChanged);
+
+    FrameLess(this);
+}
+
+widgetComboboxPopupTable::~widgetComboboxPopupTable()
+{
+    delete mModel;
+}
+
+void widgetComboboxPopupTable::setModel(QSqlQueryModel *aModel)
+{
+    mModel =  aModel;
+    tableView->setModel(mModel);
+}
+
+void widgetComboboxPopupTable::setQueryEXEC(QString command)
+{
+    dApp->Enterprise().open();
+    mModel->setQuery(command, dApp->Enterprise());
+    dApp->Enterprise().close();
+}
+
+void widgetComboboxPopupTable::on_tableView_doubleClicked(const QModelIndex &index)
+{
+    SelectValues();
+}
+
+void widgetComboboxPopupTable::on_buttonSelect_released()
+{
+    SelectValues();
+}
+
+void widgetComboboxPopupTable::SelectValues()
+{
+    QStringList values;
+    //QModelIndex index = tableView->currentIndex();
+
+    QModelIndexList indexList = tableView->selectionModel()->selectedRows(2);
+    int row;
+    foreach (QModelIndex index, indexList)
+    {
+        row = index.row();
+        values << index.data().toString();
+    }
+
+    emit onSelect(values);
+    hide();
+}
+
+void widgetComboboxPopupTable::on_focusChanged(QWidget *old, QWidget *now)
+{
+    Q_UNUSED(old);
+    if (now != this && !this->isAncestorOf(now))
+    {
+        hide();
+    }
+}
diff --git a/widget/widgetcomboboxpopuptable.h b/widget/widgetcomboboxpopuptable.h
new file mode 100644
index 0000000..1baab0c
--- /dev/null
+++ b/widget/widgetcomboboxpopuptable.h
@@ -0,0 +1,40 @@
+#ifndef WIDGETCOMBOBOXPOPUPTABLE_H
+#define WIDGETCOMBOBOXPOPUPTABLE_H
+#include "ui_widgetcomboboxpopuptable.h"
+
+#include <QWidget>
+
+class QSqlQueryModel;
+
+namespace Ui
+{
+class widgetComboboxPopupTable;
+}
+
+class widgetComboboxPopupTable : public QWidget, public Ui::widgetComboboxPopupTable
+{
+    Q_OBJECT
+
+public:
+    explicit widgetComboboxPopupTable(QWidget *parent = 0);
+    ~widgetComboboxPopupTable();
+
+    void setModel(QSqlQueryModel *aModel);
+    void setQueryEXEC(QString command);
+
+private slots:
+    void on_tableView_doubleClicked(const QModelIndex &index);
+    void on_buttonSelect_released();
+    void on_focusChanged(QWidget *old, QWidget *now);
+
+private:
+    //Ui::widgetComboboxPopupTable *ui;
+    QSqlQueryModel *mModel;
+    bool mMultiselect;    
+    void SelectValues();
+
+signals:
+    void onSelect(QStringList aList);
+};
+
+#endif // WIDGETCOMBOBOXPOPUPTABLE_H
diff --git a/widget/widgetcomboboxpopuptable.ui b/widget/widgetcomboboxpopuptable.ui
new file mode 100644
index 0000000..8a5c3bd
--- /dev/null
+++ b/widget/widgetcomboboxpopuptable.ui
@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>widgetComboboxPopupTable</class>
+ <widget class="QWidget" name="widgetComboboxPopupTable">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>500</width>
+    <height>287</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <property name="spacing">
+    <number>2</number>
+   </property>
+   <property name="leftMargin">
+    <number>2</number>
+   </property>
+   <property name="topMargin">
+    <number>2</number>
+   </property>
+   <property name="rightMargin">
+    <number>2</number>
+   </property>
+   <property name="bottomMargin">
+    <number>2</number>
+   </property>
+   <item>
+    <widget class="QTableView" name="tableView">
+     <property name="selectionBehavior">
+      <enum>QAbstractItemView::SelectRows</enum>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QWidget" name="widget" native="true">
+     <layout class="QHBoxLayout" name="horizontalLayout">
+      <property name="spacing">
+       <number>2</number>
+      </property>
+      <property name="leftMargin">
+       <number>0</number>
+      </property>
+      <property name="topMargin">
+       <number>0</number>
+      </property>
+      <property name="rightMargin">
+       <number>0</number>
+      </property>
+      <property name="bottomMargin">
+       <number>0</number>
+      </property>
+      <item>
+       <widget class="QPushButton" name="buttonNew">
+        <property name="text">
+         <string>Nuevo</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/add-file.svg</normaloff>:/resources/icons/add-file.svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonEdit">
+        <property name="text">
+         <string>Editar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/pencil(1).svg</normaloff>:/resources/icons/pencil(1).svg</iconset>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <spacer name="horizontalSpacer">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>40</width>
+          <height>20</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+      <item>
+       <widget class="QPushButton" name="buttonSelect">
+        <property name="text">
+         <string>Seleccionar</string>
+        </property>
+        <property name="icon">
+         <iconset resource="../editabletreemodel.qrc">
+          <normaloff>:/resources/icons/tick.svg</normaloff>:/resources/icons/tick.svg</iconset>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <resources>
+  <include location="../editabletreemodel.qrc"/>
+ </resources>
+ <connections/>
+</ui>
diff --git a/widget/widgetsRes.qrc b/widget/widgetsRes.qrc
new file mode 100644
index 0000000..4d8ed66
--- /dev/null
+++ b/widget/widgetsRes.qrc
@@ -0,0 +1,3 @@
+<RCC>
+    <qresource prefix="/"/>
+</RCC>