docs: update SukiSideMenu

kikipoulet · Aug 11, 2024 · 6640d66 · 6640d66
1 parent b434e4a
commit 6640d66
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 3 deletions.
diff --git a/docs/docs/.vitepress/config/zh.mts b/docs/docs/.vitepress/config/zh.mts
@@ -93,7 +93,7 @@ export const zh = defineConfig({
             ]
           },
           {
-            text: 'System',
+            text: '系统 API',
             items: [
               { text: 'FilePicker', link: '/zh/documentation/controls/system/filepicker' },
             ]

diff --git a/docs/docs/documentation/controls/navigation/sidemenu.md b/docs/docs/documentation/controls/navigation/sidemenu.md
@@ -9,7 +9,9 @@
 ## Example
 
 ```xml
-<suki:SukiSideMenu>
+<suki:SukiSideMenu 
+    IsSearchEnabled="True"  // Enabled Search function
+    >
     <suki:SukiSideMenu.Items>
         <suki:SukiSideMenuItem Header="Statistics">
             <suki:SukiSideMenuItem.Icon>
@@ -21,6 +23,18 @@
         </suki:SukiSideMenuItem>
     </suki:SukiSideMenu.Items>
 
+    <suki:SukiSideMenu.ItemTemplate>
+        <DataTemplate>
+            <suki:SukiSideMenuItem 
+                Classes="Compact"  // Enabled Compact SideMenuItem style
+                Header="{Binding DisplayName}">
+                <suki:SukiSideMenuItem.Icon>
+                    <avalonia:MaterialIcon Kind="{Binding Icon}" />
+                </suki:SukiSideMenuItem.Icon>
+            </suki:SukiSideMenuItem>
+        </DataTemplate>
+    </suki:SukiSideMenu.ItemTemplate>
+
     <suki:SukiSideMenu.HeaderContent>
         <!-- Header Content -->
     </suki:SukiSideMenu.HeaderContent>

diff --git a/docs/docs/public/controls/navigation/sukisidemenu.webp b/docs/docs/public/controls/navigation/sukisidemenu.webp
diff --git a/docs/docs/zh/documentation/controls/navigation/sidemenu.md b/docs/docs/zh/documentation/controls/navigation/sidemenu.md
@@ -9,7 +9,9 @@
 ## 示例
 
 ```xml
-<suki:SukiSideMenu>
+<suki:SukiSideMenu 
+    IsSearchEnabled="True"  // 启用搜索
+    >
     <suki:SukiSideMenu.Items>
         <suki:SukiSideMenuItem Header="Statistics">
             <suki:SukiSideMenuItem.Icon>
@@ -21,6 +23,18 @@
         </suki:SukiSideMenuItem>
     </suki:SukiSideMenu.Items>
 
+    <suki:SukiSideMenu.ItemTemplate>
+        <DataTemplate>
+            <suki:SukiSideMenuItem 
+                Classes="Compact"  // 启用紧凑布局
+                Header="{Binding DisplayName}">
+                <suki:SukiSideMenuItem.Icon>
+                    <avalonia:MaterialIcon Kind="{Binding Icon}" />
+                </suki:SukiSideMenuItem.Icon>
+            </suki:SukiSideMenuItem>
+        </DataTemplate>
+    </suki:SukiSideMenu.ItemTemplate>
+
     <suki:SukiSideMenu.HeaderContent>
         <!-- Header Content -->
     </suki:SukiSideMenu.HeaderContent>