You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
2.8 KiB
49 lines
2.8 KiB
2 years ago
|
@namespace Connected.Components
|
||
|
|
@typeparam T
|
||
|
|
@inherits InputBase<T>
|
||
|
|
|
||
|
|
<CascadingValue Name="SubscribeToParentForm" Value="false" IsFixed="true">
|
||
|
|
<div class="mud-select" id="@_elementId">
|
||
|
|
<InputControl Label="@Label" Variant="@Variant" HelperText="@HelperText" HelperTextOnFocus="@HelperTextOnFocus" FullWidth="@FullWidth" Margin="@Margin" Class="@Classname" Style="@Style"
|
||
|
|
Error="@Error" ErrorText="@ErrorText" ErrorId="@ErrorId" Disabled="@Disabled" @onclick="@ToggleMenu" Required="@Required" ForId="@FieldId">
|
||
|
|
<InputContent>
|
||
|
|
<Input @ref="_elementReference" InputType="@(CanRenderValue || (Strict && !IsValueInList) ? InputType.Hidden : InputType.Text)"
|
||
|
|
Class="mud-select-input" Margin="@Margin" Placeholder="@Placeholder"
|
||
|
|
Variant="@Variant"
|
||
|
|
TextUpdateSuppression="false"
|
||
|
|
Value="@(Strict && !IsValueInList ? null : Text)" DisableUnderLine="@DisableUnderLine"
|
||
|
|
Disabled="@Disabled" ReadOnly="true" Error="@Error" ErrorId="@ErrorId"
|
||
|
|
OnAdornmentClick="@OnAdornmentClick" AdornmentIcon="@_currentIcon" Adornment="@Adornment"
|
||
|
|
AdornmentColor="@AdornmentColor" IconSize="@IconSize" AdornmentText="@AdornmentText"
|
||
|
|
Clearable="@Clearable" OnClearButtonClick="(async (e) => await SelectClearButtonClickHandlerAsync(e))"
|
||
|
|
@attributes="UserAttributes" OnBlur="@OnLostFocus">
|
||
|
|
@if (CanRenderValue)
|
||
|
|
{
|
||
|
|
@GetSelectedValuePresenter()
|
||
|
|
}
|
||
|
|
</Input>
|
||
|
|
<Popover Open=@(_isOpen) MaxHeight="@MaxHeight" AnchorOrigin="@AnchorOrigin" TransformOrigin="@TransformOrigin" Class="@PopoverClass" RelativeWidth="true">
|
||
|
|
<CascadingValue Value="@((ISelect)this)" IsFixed="true">
|
||
|
|
<List Clickable="true" Dense="@Dense" @bind-SelectedValue="_activeItemId">
|
||
|
|
@if (MultiSelection && SelectAll)
|
||
|
|
{
|
||
|
|
<ListItem Icon="@SelectAllCheckBoxIcon" Text="@SelectAllText" OnClick="SelectAllClickAsync" OnClickHandlerPreventDefault="true" Dense="@Dense" Class="mb-2" />
|
||
|
|
<Divider />
|
||
|
|
}
|
||
|
|
@ChildContent
|
||
|
|
</List>
|
||
|
|
</CascadingValue>
|
||
|
|
</Popover>
|
||
|
|
</InputContent>
|
||
|
|
</InputControl>
|
||
|
|
</div>
|
||
|
|
@*Shadow select items for IsValueInList and CanRenderValue*@
|
||
|
|
<CascadingValue Value="@((IShadowSelect)this)" IsFixed="true">
|
||
|
|
<CascadingValue Name="HideContent" Value="true">
|
||
|
|
@ChildContent
|
||
|
|
</CascadingValue>
|
||
|
|
</CascadingValue>
|
||
|
|
|
||
|
|
</CascadingValue>
|
||
|
|
<!-- mousedown instead of click needed to close the menu before OnLostFocus runs -->
|
||
|
|
<Overlay Visible="_isOpen" @onmousedown="@(() => CloseMenu(false))" LockScroll="@LockScroll" />
|