用途:sgds-dropdown 是 SGDS 提供的可切换浮层菜单 Web Component,用于展示导航链接或操作项列表;若需三点溢出菜单应改用 sgds-overflow-menu。
主要能力:每个 sgds-dropdown 需要一个 toggler 插槽元素(通常为 sgds-button),菜单项使用 sgds-dropdown-item。导航项在 item 内放 <a>,纯操作用例直接放文本。支持 drop="down|up|left|right" 控制展开方向,menuAlignRight 右对齐,noFlip 禁止靠近视口边缘时自动翻转,menuIsOpen 首次渲染即打开,disabled 禁用。close 可选 default、outside、inside 控制自动关闭时机。item 支持 disabled、active 以及转发给锚点的 target。事件包括 sgds-show、sgds-after-show、sgds-hide、sgds-after-hide、sgds-select,其中 sgds-select 的 detail.item 为被点击项;被禁用项不触发。
使用方式:安装与框架集成见 sgds-components-setup。示例:在 sgds-dropdown 内放 <sgds-button slot="toggler">,其下放若干 <sgds-dropdown-item>;监听 sgds-select 即可响应选择。
限制:该组件不暴露自定义属性和 CSS parts,无法做 CSS 样式修改;资料未提供收费、价格、平台或效果信息。