update

2025-07-01 23:51:48 +08:00 · 2024-03-31 10:59:15 +08:00
parent 6a5f9d04a9
commit 0ab7f811e3
27 changed files with 1040 additions and 161 deletions
--- a/example/example.qrc
+++ b/example/example.qrc
@ -207,5 +207,7 @@
        <file>res/template/src/zh_CN.ts.in</file>
        <file>res/template/src/README.md.in</file>
        <file>qml/global/GlobalModel.qml</file>
+        <file>qml/page/T_Sheet.qml</file>
+        <file>qml/page/T_GroupBox.qml</file>
    </qresource>
 </RCC>
--- a/example/example_en_US.ts
+++ b/example/example_en_US.ts
@ -188,322 +188,332 @@
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="108"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="114"/>
        <source>PaneItem Disabled</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="115"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="108"/>
+        <source>GroupBox</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/global/ItemsOriginal.qml" line="121"/>
        <source>Form</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="118"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="124"/>
        <source>TextBox</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="124"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="130"/>
        <source>TimePicker</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="130"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="136"/>
        <source>DatePicker</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="136"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="142"/>
        <source>CalendarPicker</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="142"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="148"/>
        <source>ColorPicker</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="148"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="154"/>
        <source>ShortcutPicker</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="156"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="162"/>
        <source>Surface</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="159"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="165"/>
        <source>InfoBar</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="161"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="167"/>
        <source>An inline message to display app-wide statuschange information.</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="166"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="172"/>
        <source>Progress</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="172"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="178"/>
        <source>RatingControl</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="178"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="184"/>
        <source>Badge</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="184"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="190"/>
        <source>Rectangle</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="190"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="196"/>
        <source>Clip</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="196"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="202"/>
        <source>Carousel</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="202"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="208"/>
        <source>Expander</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="208"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="214"/>
        <source>Watermark</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="216"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="222"/>
        <source>Layout</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="219"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="225"/>
        <source>StaggeredLayout</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="225"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="231"/>
        <source>SplitLayout</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="231"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="237"/>
        <source>StatusLayout</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="239"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="245"/>
        <source>Popus</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="242"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="248"/>
        <source>Dialog</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="249"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="255"/>
        <source>ComboBox</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="263"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="269"/>
        <source>Tooltip</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="269"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="275"/>
        <source>Menu</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="277"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="281"/>
+        <source>Sheet</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/global/ItemsOriginal.qml" line="289"/>
        <source>Navigation</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="280"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="292"/>
        <source>Pivot</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="282"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="294"/>
        <source>Presents information from different sources in a tabbed view.</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="287"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="299"/>
        <source>BreadcrumbBar</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="293"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="305"/>
        <source>TabView</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="295"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="307"/>
        <source>A control that displays a collection of tabs thatcan be used to display several documents.</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="300"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="312"/>
        <source>TreeView</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="306"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="318"/>
        <source>TableView</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="308"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="320"/>
        <source>The TableView control provides a flexible way to display a collection of data in rows and columns</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="313"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="325"/>
        <source>Pagination</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="319"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="331"/>
        <source>MultiWindow</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="325"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="337"/>
        <source>FlipView</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="327"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="339"/>
        <source>Presents a collection of items that the user canflip through, one item at a time.</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="334"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="346"/>
        <source>Theming</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="337"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="349"/>
        <source>Acrylic</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="343"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="355"/>
        <source>Theme</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="349"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="361"/>
        <source>Typography</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="355"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="367"/>
        <source>Awesome</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="363"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="375"/>
        <source>Chart</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="366"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="378"/>
        <source>Bar Chart</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="372"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="384"/>
        <source>Line Chart</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="378"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="390"/>
        <source>Pie Chart</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="384"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="396"/>
        <source>Polar Area Chart</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="390"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="402"/>
        <source>Bubble Chart</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="396"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="408"/>
        <source>Scatter Chart</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="402"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="414"/>
        <source>Radar Chart</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="415"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="427"/>
        <source>Other</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="418"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="430"/>
        <source>QRCode</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="424"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="436"/>
        <source>Tour</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="430"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="442"/>
        <source>Timeline</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="436"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="448"/>
        <source>Captcha</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="442"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="454"/>
        <source>Network</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="449"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="461"/>
        <source>Remote Loader</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="463"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="475"/>
        <source>Hot Loader</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="469"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="481"/>
        <source>3D</source>
        <translation type="unfinished"></translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="475"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="487"/>
        <source>Test Crash</source>
        <translation type="unfinished"></translation>
    </message>
@ -1311,6 +1321,42 @@ My only desire is to be permitted to drive out the traitors and restore the Han.
        <translation type="unfinished"></translation>
    </message>
 </context>
+<context>
+    <name>T_GroupBox</name>
+    <message>
+        <location filename="qml/page/T_GroupBox.qml" line="10"/>
+        <source>GroupBox</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_GroupBox.qml" line="13"/>
+        <source>CheckBox Group</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_GroupBox.qml" line="17"/>
+        <location filename="qml/page/T_GroupBox.qml" line="27"/>
+        <source>E-mail</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_GroupBox.qml" line="18"/>
+        <location filename="qml/page/T_GroupBox.qml" line="28"/>
+        <source>Calendar</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_GroupBox.qml" line="19"/>
+        <location filename="qml/page/T_GroupBox.qml" line="29"/>
+        <source>Contacts</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_GroupBox.qml" line="24"/>
+        <source>RadioButton Group</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
 <context>
    <name>T_Home</name>
    <message>
@ -1831,6 +1877,46 @@ My only desire is to be permitted to drive out the traitors and restore the Han.
        <translation type="unfinished"></translation>
    </message>
 </context>
+<context>
+    <name>T_Sheet</name>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="10"/>
+        <source>Sheet</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="14"/>
+        <source>Title</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="16"/>
+        <source>Some contents...
+Some contents...
+Some contents...</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="36"/>
+        <source>top</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="44"/>
+        <source>right</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="55"/>
+        <source>bottom</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="63"/>
+        <source>left</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
 <context>
    <name>T_ShortcutPicker</name>
    <message>
--- a/example/example_zh_CN.ts
+++ b/example/example_zh_CN.ts
@ -188,322 +188,332 @@
        <translation type="unfinished">切换开关</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="108"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="114"/>
        <source>PaneItem Disabled</source>
        <translation type="unfinished">PaneItem 已禁用</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="115"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="108"/>
+        <source>GroupBox</source>
+        <translation type="unfinished">分组容器</translation>
+    </message>
+    <message>
+        <location filename="qml/global/ItemsOriginal.qml" line="121"/>
        <source>Form</source>
        <translation type="unfinished">表单</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="118"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="124"/>
        <source>TextBox</source>
        <translation type="unfinished">文本框</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="124"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="130"/>
        <source>TimePicker</source>
        <translation type="unfinished">时间选择器</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="130"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="136"/>
        <source>DatePicker</source>
        <translation type="unfinished">日期选择器</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="136"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="142"/>
        <source>CalendarPicker</source>
        <translation type="unfinished">日历选择器</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="142"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="148"/>
        <source>ColorPicker</source>
        <translation type="unfinished">颜色选择器</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="148"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="154"/>
        <source>ShortcutPicker</source>
        <translation type="unfinished">快捷键选择器</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="156"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="162"/>
        <source>Surface</source>
        <translation type="unfinished">表面</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="159"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="165"/>
        <source>InfoBar</source>
        <translation type="unfinished">信息栏</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="161"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="167"/>
        <source>An inline message to display app-wide statuschange information.</source>
        <translation type="unfinished">用于显示应用范围状态更改信息的内联消息。</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="166"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="172"/>
        <source>Progress</source>
        <translation type="unfinished">进度条</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="172"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="178"/>
        <source>RatingControl</source>
        <translation type="unfinished">评级控制</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="178"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="184"/>
        <source>Badge</source>
        <translation type="unfinished">徽章</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="184"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="190"/>
        <source>Rectangle</source>
        <translation type="unfinished">矩形</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="190"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="196"/>
        <source>Clip</source>
        <translation type="unfinished">裁剪</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="196"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="202"/>
        <source>Carousel</source>
        <translation type="unfinished">轮播图</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="202"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="208"/>
        <source>Expander</source>
        <translation type="unfinished">展开</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="208"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="214"/>
        <source>Watermark</source>
        <translation type="unfinished">水印</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="216"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="222"/>
        <source>Layout</source>
        <translation type="unfinished">布局</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="219"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="225"/>
        <source>StaggeredLayout</source>
        <translation type="unfinished">瀑布流布局</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="225"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="231"/>
        <source>SplitLayout</source>
        <translation type="unfinished">拆分布局</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="231"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="237"/>
        <source>StatusLayout</source>
        <translation type="unfinished">状态布局</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="239"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="245"/>
        <source>Popus</source>
        <translation type="unfinished">弹窗</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="242"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="248"/>
        <source>Dialog</source>
        <translation type="unfinished">弹窗</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="249"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="255"/>
        <source>ComboBox</source>
        <translation type="unfinished">组合框</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="263"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="269"/>
        <source>Tooltip</source>
        <translation type="unfinished">工具提示</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="269"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="275"/>
        <source>Menu</source>
        <translation type="unfinished">菜单</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="277"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="281"/>
+        <source>Sheet</source>
+        <translation type="unfinished">抽屉</translation>
+    </message>
+    <message>
+        <location filename="qml/global/ItemsOriginal.qml" line="289"/>
        <source>Navigation</source>
        <translation type="unfinished">导航</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="280"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="292"/>
        <source>Pivot</source>
        <translation type="unfinished">轴转</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="282"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="294"/>
        <source>Presents information from different sources in a tabbed view.</source>
        <translation type="unfinished">在选项卡式视图中显示来自不同源的信息。</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="287"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="299"/>
        <source>BreadcrumbBar</source>
        <translation type="unfinished">面包屑</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="293"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="305"/>
        <source>TabView</source>
        <translation type="unfinished">选项卡</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="295"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="307"/>
        <source>A control that displays a collection of tabs thatcan be used to display several documents.</source>
        <translation type="unfinished">一个控件，用于显示可用于显示多个文档的选项卡集合。</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="300"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="312"/>
        <source>TreeView</source>
        <translation type="unfinished">树</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="306"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="318"/>
        <source>TableView</source>
        <translation type="unfinished">表格</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="308"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="320"/>
        <source>The TableView control provides a flexible way to display a collection of data in rows and columns</source>
        <translation type="unfinished">TableView 控件提供了一种以行和列形式显示数据集合的灵活方法</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="313"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="325"/>
        <source>Pagination</source>
        <translation type="unfinished">分页</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="319"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="331"/>
        <source>MultiWindow</source>
        <translation type="unfinished">多窗口</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="325"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="337"/>
        <source>FlipView</source>
        <translation type="unfinished">翻转视图</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="327"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="339"/>
        <source>Presents a collection of items that the user canflip through, one item at a time.</source>
        <translation type="unfinished">显示用户可以翻阅的项集合，一次翻阅一个项。</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="334"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="346"/>
        <source>Theming</source>
        <translation type="unfinished">主题</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="337"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="349"/>
        <source>Acrylic</source>
        <translation type="unfinished">亚克力</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="343"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="355"/>
        <source>Theme</source>
        <translation type="unfinished">主题</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="349"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="361"/>
        <source>Typography</source>
        <translation type="unfinished">字体</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="355"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="367"/>
        <source>Awesome</source>
        <translation type="unfinished">图标</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="363"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="375"/>
        <source>Chart</source>
        <translation type="unfinished">图表</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="366"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="378"/>
        <source>Bar Chart</source>
        <translation type="unfinished">条形图</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="372"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="384"/>
        <source>Line Chart</source>
        <translation type="unfinished">线型图</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="378"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="390"/>
        <source>Pie Chart</source>
        <translation type="unfinished">饼图</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="384"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="396"/>
        <source>Polar Area Chart</source>
        <translation type="unfinished">极坐标区域图</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="390"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="402"/>
        <source>Bubble Chart</source>
        <translation type="unfinished">气泡图</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="396"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="408"/>
        <source>Scatter Chart</source>
        <translation type="unfinished">散点图</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="402"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="414"/>
        <source>Radar Chart</source>
        <translation type="unfinished">雷达图</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="415"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="427"/>
        <source>Other</source>
        <translation type="unfinished">其他</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="418"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="430"/>
        <source>QRCode</source>
        <translation type="unfinished">二维码</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="424"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="436"/>
        <source>Tour</source>
        <translation type="unfinished">游览</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="430"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="442"/>
        <source>Timeline</source>
        <translation type="unfinished">时间轴</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="436"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="448"/>
        <source>Captcha</source>
        <translation type="unfinished">验证码</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="442"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="454"/>
        <source>Network</source>
        <translation type="unfinished">网络</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="449"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="461"/>
        <source>Remote Loader</source>
        <translation type="unfinished">远程加载</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="463"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="475"/>
        <source>Hot Loader</source>
        <translation type="unfinished">热加载</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="469"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="481"/>
        <source>3D</source>
        <translation type="unfinished">3D</translation>
    </message>
    <message>
-        <location filename="qml/global/ItemsOriginal.qml" line="475"/>
+        <location filename="qml/global/ItemsOriginal.qml" line="487"/>
        <source>Test Crash</source>
        <translation type="unfinished">测试崩溃</translation>
    </message>
@ -1342,6 +1352,42 @@ My only desire is to be permitted to drive out the traitors and restore the Han.
        <translation type="unfinished">垂直方向的翻转视图</translation>
    </message>
 </context>
+<context>
+    <name>T_GroupBox</name>
+    <message>
+        <location filename="qml/page/T_GroupBox.qml" line="10"/>
+        <source>GroupBox</source>
+        <translation type="unfinished">分组容器</translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_GroupBox.qml" line="13"/>
+        <source>CheckBox Group</source>
+        <translation type="unfinished">复选框分组</translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_GroupBox.qml" line="17"/>
+        <location filename="qml/page/T_GroupBox.qml" line="27"/>
+        <source>E-mail</source>
+        <translation type="unfinished">邮箱</translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_GroupBox.qml" line="18"/>
+        <location filename="qml/page/T_GroupBox.qml" line="28"/>
+        <source>Calendar</source>
+        <translation type="unfinished">日历</translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_GroupBox.qml" line="19"/>
+        <location filename="qml/page/T_GroupBox.qml" line="29"/>
+        <source>Contacts</source>
+        <translation type="unfinished">联系人</translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_GroupBox.qml" line="24"/>
+        <source>RadioButton Group</source>
+        <translation type="unfinished">单选框分组</translation>
+    </message>
+</context>
 <context>
    <name>T_Home</name>
    <message>
@ -1880,6 +1926,48 @@ My only desire is to be permitted to drive out the traitors and restore the Han.
        <translation type="unfinished">语言</translation>
    </message>
 </context>
+<context>
+    <name>T_Sheet</name>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="10"/>
+        <source>Sheet</source>
+        <translation type="unfinished">抽屉</translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="14"/>
+        <source>Title</source>
+        <translation type="unfinished">标题</translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="16"/>
+        <source>Some contents...
+Some contents...
+Some contents...</source>
+        <translation type="unfinished">一些内容...
+一些内容...
+一些内容...</translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="36"/>
+        <source>top</source>
+        <translation type="unfinished">上</translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="44"/>
+        <source>right</source>
+        <translation type="unfinished">右</translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="55"/>
+        <source>bottom</source>
+        <translation type="unfinished">下</translation>
+    </message>
+    <message>
+        <location filename="qml/page/T_Sheet.qml" line="63"/>
+        <source>left</source>
+        <translation type="unfinished">左</translation>
+    </message>
+</context>
 <context>
    <name>T_ShortcutPicker</name>
    <message>
--- a/example/qml/component/CodeExpander.qml
+++ b/example/qml/component/CodeExpander.qml
@ -137,7 +137,9 @@ FluExpander{
                    "FluNetwork",
                    "FluShortcutPicker",
                    "FluWindowResultLauncher",
-                    "FluRouter"
+                    "FluRouter",
+                    "FluGroupBox",
+                    "FluSheet",
                ];
        code = code.replace(/\n/g, "<br>");
        code = code.replace(/ /g, "&nbsp;");
--- a/example/qml/global/ItemsOriginal.qml
+++ b/example/qml/global/ItemsOriginal.qml
@ -104,6 +104,12 @@ FluObject{
            url: "qrc:/example/qml/page/T_ToggleSwitch.qml"
            onTap: { navigationView.push(url) }
        }
+        FluPaneItem{
+            title: qsTr("GroupBox")
+            menuDelegate: paneItemMenu
+            url: "qrc:/example/qml/page/T_GroupBox.qml"
+            onTap: { navigationView.push(url) }
+        }
        FluPaneItem{
            title: qsTr("PaneItem Disabled")
            disabled: true
@ -271,6 +277,12 @@ FluObject{
            url: "qrc:/example/qml/page/T_Menu.qml"
            onTap: { navigationView.push(url) }
        }
+        FluPaneItem{
+            title: qsTr("Sheet")
+            menuDelegate: paneItemMenu
+            url: "qrc:/example/qml/page/T_Sheet.qml"
+            onTap: { navigationView.push(url) }
+        }
    }

    FluPaneItemExpander{
--- a/example/qml/page/T_GroupBox.qml
+++ b/example/qml/page/T_GroupBox.qml
@ -0,0 +1,48 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtQuick.Window 2.15
+import FluentUI 1.0
+import "../component"
+
+FluScrollablePage{
+
+    title: qsTr("GroupBox")
+
+    FluGroupBox {
+        title: qsTr("CheckBox Group")
+        ColumnLayout {
+            spacing: 10
+            anchors.fill: parent
+            FluCheckBox { text: qsTr("E-mail") }
+            FluCheckBox { text: qsTr("Calendar") }
+            FluCheckBox { text: qsTr("Contacts") }
+        }
+    }
+
+    FluGroupBox {
+        title: qsTr("RadioButton Group")
+        FluRadioButtons {
+            spacing: 10
+            FluRadioButton { text: qsTr("E-mail") }
+            FluRadioButton { text: qsTr("Calendar") }
+            FluRadioButton { text: qsTr("Contacts") }
+        }
+    }
+
+    CodeExpander{
+        Layout.fillWidth: true
+        Layout.topMargin: 4
+        code:'FluGroupBox {
+    title: qsTr("CheckBox Group")
+    ColumnLayout {
+        spacing: 10
+        anchors.fill: parent
+        FluCheckBox { text: qsTr("E-mail") }
+        FluCheckBox { text: qsTr("Calendar") }
+        FluCheckBox { text: qsTr("Contacts") }
+    }
+}'
+    }
+
+}
--- a/example/qml/page/T_RemoteLoader.qml
+++ b/example/qml/page/T_RemoteLoader.qml
@ -7,7 +7,6 @@ import "../component"

 FluPage{
    launchMode: FluPageType.SingleTop
-    header:Item{}
    FluRemoteLoader{
        anchors.fill: parent
        source: "https://zhu-zichu.gitee.io/Qt_174_RemoteLoader.qml"
--- a/example/qml/page/T_Sheet.qml
+++ b/example/qml/page/T_Sheet.qml
@ -0,0 +1,90 @@
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import QtQuick.Controls 2.15
+import QtQuick.Window 2.15
+import FluentUI 1.0
+import "../component"
+
+FluScrollablePage{
+
+    title: qsTr("Sheet")
+
+    FluSheet{
+        id:sheet
+        title: qsTr("Title")
+        FluText{
+            text: qsTr("Some contents...\nSome contents...\nSome contents...")
+            anchors{
+                left: parent.left
+                leftMargin: 10
+            }
+        }
+    }
+
+    FluFrame{
+        Layout.fillWidth: true
+        Layout.preferredHeight: 280
+        padding: 10
+        Column{
+            anchors.centerIn: parent
+            spacing: 10
+            Row{
+                spacing: 10
+                FluButton{
+                    width: 80
+                    height: 30
+                    text: qsTr("top")
+                    onClicked: {
+                        sheet.open(FluSheetType.Top)
+                    }
+                }
+                FluButton{
+                    width: 80
+                    height: 30
+                    text: qsTr("right")
+                    onClicked: {
+                        sheet.open(FluSheetType.Right)
+                    }
+                }
+            }
+            Row{
+                spacing: 10
+                FluButton{
+                    width: 80
+                    height: 30
+                    text: qsTr("bottom")
+                    onClicked: {
+                        sheet.open(FluSheetType.Bottom)
+                    }
+                }
+                FluButton{
+                    width: 80
+                    height: 30
+                    text: qsTr("left")
+                    onClicked: {
+                        sheet.open(FluSheetType.Left)
+                    }
+                }
+            }
+        }
+    }
+
+    CodeExpander{
+        Layout.fillWidth: true
+        Layout.topMargin: -6
+        code:'FluSheet{
+    id:sheet
+    title: qsTr("Title")
+    FluText{
+        text: qsTr("Some contents...")
+        anchors{
+            left: parent.left
+            leftMargin: 10
+        }
+    }
+}
+sheet.open(FluSheetType.Bottom)
+'
+    }
+
+}