SusMenu

Popup-меню у activator — items, dividers, shortcuts.

Пакет

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

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

SusKit · Atoms

Свойства

Имя	Тип	По умолчанию
Model	Prop<bool>	false	v-model
CloseOnClick	Prop<bool>	true	v-model
CloseOnContentClick	Prop<bool>	false	v-model
OpenOnHover	Prop<bool>	false	v-model
MinWidth	Prop<float>	160f	v-model
MaxWidth	Prop<float>	320f	v-model
MaxHeight	Prop<float>	0f	v-model
OffsetX	Prop<float>	0f	v-model
OffsetY	Prop<float>	0f	v-model
Location	Prop<string>	"bottom"	v-model
Density	Prop<string>	"default"	v-model
Rounded	Prop<string>	"default"	v-model
Elevation	Prop<string>	"default"	v-model
Transition	Prop<bool>	true	v-model
TransitionDuration	Prop<float>	150f	v-model

Слоты

Слотов нет.

События

Имя	Поле	Payload
Click	OnClick	—
Open	OnOpen	—
Close	OnClose	—
ItemClick	OnItemClick	string

Хуки стиля

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

• sus-menu
• sus-menu__content
• sus-menu__divider
• sus-menu__item
• sus-menu__item--disabled
• sus-menu__item--header
• sus-menu__item--highlighted
• sus-menu__item-check
• sus-menu__item-check--on
• sus-menu__item-check-icon
• sus-menu__item-chevron
• sus-menu__item-header-text
• sus-menu__item-icon
• sus-menu__item-label-area
• sus-menu__item-shortcut
• sus-menu__item-title
• sus-menu__submenu
• sus-menu--density-comfortable
• sus-menu--density-compact
• sus-menu--elevation-flat
• sus-menu--elevation-overlay
• sus-menu--open-on-hover
• sus-menu--rounded-pill
• sus-menu--rounded-sharp

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

Элементы задаются в коде (List<SusMenuItemData>). Подключите activator через SetActivator.

var menu = new SusMenu();
menu.Location.Value = "bottom";
menu.Items.Value = new List<SusMenu.SusMenuItemData>
{
    new() { Title = "Edit", Value = "edit", Icon = "pencil", Shortcut = "Ctrl+E" },
    new() { Title = "Duplicate", Value = "dup", Icon = "copy" },
    new() { Type = SusMenu.SusMenuItemType.Divider },
    new() { Title = "Delete", Value = "delete", Icon = "trash" },
};
menu.Model.Value = true; // open for preview
menu.OnItemClick += value => { /* … */ };
menu.SetActivator(activatorButton);

Prop	Role
Items	List<SusMenuItemData> — строки / разделители / заголовки
Model	Открыто (true) / закрыто
Location	Сторона popup относительно activator
CloseOnClick	Закрывать при выборе элемента
OpenOnHover	Открывать при наведении курсора

Заметки

• Type элемента: Default · Divider · Header · Checkbox · Radio.
• Ручной режим: пропустите Items и соберите контент самостоятельно после SetActivator.