用途:<sgds-modal> 用于渲染对话框遮罩层,在用户处理确认、警告或需要专注完成的任务前锁定焦点。
主要能力:支持 size 属性(sm、md、lg、xl、fullscreen,默认 md),noAnimation 关闭开合动画,open 属性反映当前可见状态。提供 title、description、默认和 footer 四个插槽,页脚通常放操作按钮。事件包括 sgds-show、sgds-after-show、sgds-hide、sgds-after-hide 与可取消的 sgds-close,后者 detail.source 可为 close-button、overlay 或 keyboard。
使用方式:通过 show() 打开、hide() 关闭,页脚按钮需显式调用 modal.hide(),不会自动关闭。如需阻止点击遮罩或 Esc 关闭,监听 sgds-close 并调用 event.preventDefault(),可用 detail.source 做条件判断。使用前须按 sgds-components-setup 完成安装与框架集成(React 19+ 与 React ≤18、Vue、Angular)。
限制:不暴露自定义属性与 CSS parts,无法修改样式。未提供的部分(如具体安装命令、价格)暂未提供。