SusMenu

锚定在激活器上的弹出菜单 — 条目、分隔线、快捷键。

包

SusKit · 原子（商业）

在 Playground 中打开

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

插槽

没有插槽。

事件

名称	字段	载荷
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>）。使用 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);

属性	作用
Items	List<SusMenuItemData> — 行 / 分隔线 / 表头
Model	打开（true）/ 关闭
Location	相对于激活器的弹出方向
CloseOnClick	选择条目时关闭
OpenOnHover	指针进入时打开

备注

• 条目 Type：Default · Divider · Header · Checkbox · Radio。
• 手动模式：跳过 Items，在 SetActivator 之后自行构建内容。