Skip to content

Commit ddead05

Browse files
authored
Fix/global nav search (#788)
* 调整导航项的内边距以优化布局 修改了 `.masa-stack-components .global-nav .nav .action-item` 的 `padding` 属性,将左内边距从 `24px` 调整为 `28px`。 修改了 `.masa-stack-components .global-nav .nav .action-item2` 的 `padding` 属性,将左内边距从 `32px` 调整为 `40px`。 * 重构搜索功能以使用绑定和新事件处理 在 `GlobalNavigation.razor` 中,将 `SSearch` 组件的 `ValueChanged` 属性替换为 `@bind-Value`,并添加了 `OnEnter` 事件处理程序以改进用户交互。 在 `GlobalNavigation.razor.cs` 中,重构了 `VisibleChanged` 方法,移除了 `SearchChanged(null);`,改为将 `_search` 设为空字符串并调用 `OnEnter()` 方法。 重命名 `SearchChanged` 方法为 `OnEnter`,并调整其逻辑以使用 `_search` 作为参数。
1 parent c509cec commit ddead05

File tree

2 files changed

+5
-7
lines changed

2 files changed

+5
-7
lines changed

src/Masa.Stack.Components/Shared/GlobalNavigations/GlobalNavigation.razor

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -82,8 +82,7 @@
8282
<div style="width: 140px;" Class="mr-6">
8383
<SSelect @bind-Value="GlobalConfig.NavLayer" Items="GlobalConfig.NavLayerItems" ItemText="@(v => $"{v} {T("Layer")}")" ItemValue="v=> v" Label="@T("NavigationLayerLabel")" Small />
8484
</div>
85-
86-
<SSearch Dense Class="mr-6" Value="@_search" ValueChanged="SearchChanged" />
85+
<SSearch Dense Class="mr-6" @bind-Value="_search" OnEnter="OnEnter" />
8786
<MButton Icon OnClick="() => _visible = false">
8887
<MIcon>mdi-close</MIcon>
8988
</MButton>

src/Masa.Stack.Components/Shared/GlobalNavigations/GlobalNavigation.razor.cs

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -59,8 +59,8 @@ private void VisibleChanged(bool visible)
5959
{
6060
if (visible)
6161
{
62-
SearchChanged(null);
63-
62+
_search = string.Empty;
63+
OnEnter();
6464
if (_menu == null)
6565
{
6666
_ = GetRecommendApps();
@@ -72,10 +72,9 @@ private void VisibleChanged(bool visible)
7272
_visible = visible;
7373
}
7474

75-
private void SearchChanged(string? search)
75+
private void OnEnter()
7676
{
77-
_search = search;
78-
_menu?.SetHiddenBySearch(search, TranslateProvider);
77+
_menu?.SetHiddenBySearch(_search, TranslateProvider);
7978
}
8079

8180
private void MenuItemClickAsync(ExpansionMenu menu)

0 commit comments

Comments
 (0)