让开源，少一点语言距离。
npm包中文文档

@freshworks/modal

中文文档
0.18.1发布于 2023/09/20MIT近 30 天下载 2121

核心中的模块组件

中文使用文档
中文原文

@ 新鲜工作/ 模式

npm version npm

ember install @freshworks/modal

Modals是一个交互组件,出现在页面上方,停止了背后的任何其他交互. 它有一个重点突出的任务,其内部很少像CTA这样的组成部分. Modals要求用户对它作出批判性的反应,以便回到首要任务.

假设

模式的最佳用途是迅速完成任务,并可能支持完成主要任务,例如: 创建实体并对其进行编辑。 Modal必须具有相关性并仔细加以利用,以吸引用户的注意,并可能阻碍他们目前的流动.

准则

医生

  1. 在正文中添加卷轴( CTA 保留固定), 以防内容更多 .
  2. 标题的图标必须是上下文
  3. 重点应放在打开时的第一个模式项目上

国家

  1. 不要超过800 px的最大宽度
  2. 避免在模式上使用2级模式.
  3. 如果与用户当前的任务流量无关, 请不要使用模式 .
  4. 避免采取需要额外信息来源的复杂决策模式.
  5. 避免在外部点击时关闭确认模式并形成需要用户确认或输入的对话框.

版本与发布记录

@freshworks/modal 共发布 43 个版本，首次发布于 2019/11/07；过去 12 个月发布了 0 个版本。

版本发布日期距今
0.18.1latest2023/09/203 年前
0.17.02021/03/055 年前
0.15.02020/11/195 年前
0.14.02020/10/096 年前
0.13.02020/08/216 年前
0.10.12020/08/076 年前

其他发布通道：beta → 0.1.1-alpha.31。

关于 @freshworks/modal 的常见问题

@freshworks/modal 是什么？

核心中的模块组件

如何安装 @freshworks/modal？

在项目目录运行 npm install @freshworks/modal，或使用 pnpm add / yarn add / bun add。

@freshworks/modal 支持 TypeScript 吗？

该包的 package.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/freshworks__modal 是否存在。

@freshworks/modal 需要什么版本的 Node.js？

package.json 的 engines 字段要求 Node.js 8.* || >= 10.*。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

@freshworks/modal 可以商用吗？

@freshworks/modal 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

@freshworks/modal 的下载量有多少？

根据 npm 官方下载统计，@freshworks/modal 在 2026/10/16 – 2026/11/14 这 30 天内被下载 2,121 次，日均约 71 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

@freshworks/modal 还在维护吗？

最新版本 0.18.1 发布于 2023/09/20（3 年前）；至今共发布 43 个版本，其中过去 12 个月发布了 0 个；首次发布于 2019/11/07。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。