mirror of
https://gitee.com/ant-design-blazor/ant-design-blazor.git
synced 2024-12-08 23:18:15 +08:00
d2e9c4b247
* feat(module: config-provider): support RTL * add rtl for each component * fix rtl for pagination * add rtl for overlay
66 lines
2.5 KiB
C#
66 lines
2.5 KiB
C#
|
|
<div id="search-box" class="">
|
|
<Icon Type="search" />
|
|
<span class="algolia-autocomplete" style="position: relative; display: inline-block; direction: ltr;">
|
|
<input placeholder="@(LanguageService.Resources["app.header.search"])" type="text" class="ant-input ds-input" value="" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-label="search input" aria-owns="algolia-autocomplete-listbox-0" dir="auto" style="max-width: 210px;
|
|
min-width: 210px;
|
|
position: relative;
|
|
vertical-align: top;
|
|
">
|
|
</span>
|
|
</div>
|
|
<Menu Mode="@(IsMobile?MenuMode.Inline: MenuMode.Horizontal)" Id="nav" Class="menu-site">
|
|
@foreach (var item in _menuItems.OrderBy(x => x.Order))
|
|
{
|
|
<MenuItem Class="ant-menu-item-only-child" Key="@item.Url" RouterLink="@($"{CurrentLanguage}/{item.Url}")" RouterMatch="NavLinkMatch.Prefix">
|
|
<span>@item.Title</span>
|
|
</MenuItem>
|
|
}
|
|
@if (IsMobile)
|
|
{
|
|
<MenuItem><a href="https://github.com/ant-design-blazor/ant-design-blazor">Github</a></MenuItem>
|
|
|
|
@if (CurrentLanguage != "en-US")
|
|
{
|
|
<MenuItem Class="header-button header-lang-button" OnClick="@(_ => ChangeLanguage("en-US"))">English</MenuItem>
|
|
}
|
|
else
|
|
{
|
|
<MenuItem Class="header-button header-lang-button" OnClick="@(_ => ChangeLanguage("zh-CN"))">简体中文</MenuItem>
|
|
}
|
|
@if (Direction?.ToUpperInvariant() != "RTL")
|
|
{
|
|
<MenuItem Class="header-button" OnClick="@(()=>ConfigProvider?.ChangeDirection("rtl"))">RTL</MenuItem>
|
|
}
|
|
else
|
|
{
|
|
<MenuItem Class="header-button" OnClick="@(()=>ConfigProvider?.ChangeDirection("ltr"))">LTR</MenuItem>
|
|
}
|
|
}
|
|
</Menu>
|
|
|
|
@if (!IsMobile)
|
|
{
|
|
<Button Class="header-button" Size="small">{version}</Button>
|
|
|
|
@if (CurrentLanguage != "en-US")
|
|
{
|
|
<Button Class="header-button header-lang-button" Size="small" OnClick="@(_ => ChangeLanguage("en-US"))">English</Button>
|
|
}
|
|
else
|
|
{
|
|
<Button Class="header-button header-lang-button" Size="small" OnClick="@(_ => ChangeLanguage("zh-CN"))">简体中文</Button>
|
|
}
|
|
|
|
@if (Direction?.ToUpperInvariant() != "RTL")
|
|
{
|
|
<Button Class="header-button" Size="small" OnClick="@(()=>ConfigProvider?.ChangeDirection("rtl"))">RTL</Button>
|
|
}
|
|
else
|
|
{
|
|
<Button Class="header-button" Size="small" OnClick="@(()=>ConfigProvider?.ChangeDirection("ltr"))">LTR</Button>
|
|
}
|
|
|
|
<GithubButton />
|
|
|
|
} |