SusRating

Рейтинг звёздами (или кастомной иконкой) — целые или половинные шаги.

Пакет

SusKit · Атомы (коммерческий)

Открыть в песочнице

SusKit · Atoms

Свойства

Имя	Тип	По умолчанию
Value	Prop<float>	0	v-model
Max	Prop<int>	5	v-model
Color	Prop<string>	"warning"	v-model
EmptyIcon	Prop<string>	"star"	v-model
FullIcon	Prop<string>	"star-fill"	v-model
HalfIcon	Prop<string>	"star-half"	v-model
HalfIncrements	Prop<bool>	false	v-model
Hover	Prop<bool>	false	v-model
Readonly	Prop<bool>	false	v-model
Size	Prop<string>	"md"	v-model
Clearable	Prop<bool>	false	v-model

Слоты

Слотов нет.

События

Имя	Поле	Payload
ValueChanged	OnValueChanged	float

Хуки стиля

Контракт USS-классов — внешний вид переопределяется без правки C#. Состояния переключаются этими классами:

• sus-rating
• sus-rating__star
• sus-rating__star-empty
• sus-rating__star-fill-clip
• sus-rating__star-full
• sus-rating--danger
• sus-rating--hover
• sus-rating--info
• sus-rating--primary
• sus-rating--readonly
• sus-rating--secondary
• sus-rating--size-lg
• sus-rating--size-sm
• sus-rating--size-xl
• sus-rating--success
• sus-rating--warning

Использование

<template>
  <sus:SusRating :Value="Score.Value"
                 Max="5"
                 Color="warning"
                 HalfIncrements="true"
                 Hover="true"
                 @value-changed="OnScore" />
</template>

<script>
public Prop<float> Score = new(3.5f);
void OnScore(float value) { /* … */ }
</script>

var rating = new SusRating();
rating.Value.Value = 4f;
rating.Max.Value = 5;
rating.Color.Value = "warning";
rating.Clearable.Value = true;
rating.OnValueChanged += value => { /* … */ };

Заметки

• Переопределите иконки через EmptyIcon / FullIcon / HalfIcon (имена Phosphor).
• Readonly — только отображение оценки; Hover показывает предпросмотр значения под указателем.