SusRadialMenu

Круговое action-меню — центральный activator + items по Radius.

Пакет

SusKit · Молекулы (коммерческий)

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

SusKit · Molecules

Свойства

Имя	Тип	По умолчанию
Model	Prop<bool>	false	v-model
Disabled	Prop<bool>	false	v-model
CenterText	Prop<string>	"+"	v-model
Radius	Prop<float>	72f	v-model

Слоты

Имя
activator

События

Имя	Поле	Payload
Select	OnSelect	string
Open	OnOpen	—
Close	OnClose	—

Хуки стиля

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

• sus-radial-menu
• sus-radial-menu__center
• sus-radial-menu__item
• sus-radial-menu__items
• sus-radial-menu--disabled
• sus-radial-menu--open
• sus-slot

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

Items задаются в коде (List<RadialMenuItem>). Открытие переключается через Model или центральный activator.

var radial = new SusRadialMenu();
radial.Items.Value = new List<SusRadialMenu.RadialMenuItem>
{
    new() { Label = "Home", Value = "home", Icon = "home" },
    new() { Label = "Party", Value = "party", Icon = "users" },
    new() { Label = "Shop", Value = "shop", Icon = "shop" },
    new() { Label = "Map", Value = "map", Icon = "map" },
};
radial.CenterText.Value = "+";
radial.Radius.Value = 72f;
radial.Model.Value = true; // open — segments visible
radial.OnSelect += value => { /* … */ };

<template>
  <sus:SusRadialMenu :Model="Open.Value"
                     CenterText="+"
                     :Radius="Radius.Value"
                     :Disabled="Disabled.Value"
                     @select="OnSelect"
                     @open="OnOpen"
                     @close="OnClose" />
</template>

<script>
public Prop<bool> Open = new(false);
public Prop<float> Radius = new(72f);
public Prop<bool> Disabled = new(false);
void OnSelect(string value) { /* … */ }
void OnOpen() { }
void OnClose() { }
// Populate Items in code.
</script>

Prop	Role
Items	List<RadialMenuItem> — кнопки-сегменты
Model	Открыто (true) / закрыто
CenterText	Подпись activator по умолчанию (слот activator переопределяет)
Radius	Расстояние от центра до items
Disabled	Блокирует открытие / выбор

Заметки

• Поля элемента: Label, Value, Icon, Disabled.
• Выбор элемента вызывает OnSelect и закрывает меню (Model = false).
• Кастомный activator: разместите контент в слоте activator вместо CenterText.