用途:为 JavaScript/TypeScript 应用提供交互式浮层内容,包含三类组件:Dialog(模态/非模态对话框,支持模板、按钮、动画、拖拽、缩放及内置 alert/confirm 工具)、预定义对话框(通过 DialogUtility 调用 alert、confirm、prompt)、Tooltip(在悬停、聚焦或点击时显示上下文提示)。三者同属 @syncfusion/ej2-popups 包,适合做确认弹窗、通知、表单校验提示与多目标提示等场景。
主要能力:Dialog 支持模板、事件、本地化、RTL、模态控制;预定义对话框无需实例化组件即可弹出;Tooltip 支持 12 种位置、多种打开模式(Hover、Click、Focus、Custom、Sticky)、动态内容与多目标绑定。所有组件支持键盘导航,符合 WCAG 2.2 AA、Section 508、ADA,并提供 Material 3、Bootstrap 5、Fluent、Tailwind 3、Fabric 主题。
必要用法:安装命令为 npm install @syncfusion/ej2-popups@33.x.x --save,随后可执行 npm audit;在样式文件中导入主题 CSS,例如 tailwind3.css,也可替换为 material.css、bootstrap5.css、fluent.css、fabric.css。Dialog 通过 new Dialog({...}) 并 appendTo 初始化;DialogUtility 直接用 DialogUtility.alert() 或 DialogUtility.confirm();Tooltip 通过 new Tooltip({ content, position }) 并 appendTo 目标。
限制与缺失:资料未提供收费、价格信息;未说明具体性能指标或服务端渲染支持情况;浏览器支持以最新版 Chrome、Firefox、Safari、Edge 为主,IE11 需 polyfill;版本兼容方面 33.x.x 为当前推荐,32.x.x 与 31.x.x 受支持,低于 30.x.x 属遗留版本。