@if (label) { }
@if (multiple && selectedOptions.length > 0) {
@for (option of selectedOptions; track option.value) { @if (option.icon) { {{ option.icon }} } {{ option.label }} }
} @else if (!multiple && selectedOption) {
@if (selectedOption.icon) { {{ selectedOption.icon }} } {{ selectedOption.label }}
} @else { {{ placeholder }} }
@if (clearable && hasValue && !disabled) { } keyboard_arrow_down
@if (isOpen) {
@if (searchable) {
search @if (searchTerm) { }
}
@if (filteredOptions.length === 0) {
@if (searchTerm) { search_off 未找到匹配项 } @else { inbox 暂无选项 }
} @else { @if (groupedOptions.size > 0) { @for (group of groupedOptions | keyvalue; track group.key) {
{{ group.key }}
@for (option of group.value; track option.value) {
@if (multiple) {
{{ isSelected(option) ? 'check_box' : 'check_box_outline_blank' }}
} @if (option.icon) { {{ option.icon }} } {{ option.label }} @if (option.description) { {{ option.description }} }
}
} } @else { @for (option of filteredOptions; track option.value; let i = $index) {
@if (multiple) {
{{ isSelected(option) ? 'check_box' : 'check_box_outline_blank' }}
} @if (option.icon) { {{ option.icon }} } {{ option.label }} @if (option.description) { {{ option.description }} }
} } }
} @if (helpText || errorMessage) {
@if (errorMessage && hasError) { error {{ errorMessage }} } @else if (helpText) { info {{ helpText }} }
}
@if (isOpen) {
} @if (helpText) {
{{ helpText }}
} @if (searchable) {
使用键盘上下箭头键导航选项，回车键选择，Escape键关闭下拉列表
}