javascript - inquirer.js - 将 BottomBar 与顺序日志相结合

Question

我正在使用 inquirer.js 编写一个 Node CLI 命令，这可能需要很长时间才能完成，所以我正在尝试更新 UI，如下所示:

✓ Thing A complete
✓ Thing B complete
✓ Thing C complete
⠹ Loading...

{display json result}

(“正在加载...”位于底部，日志在完成时显示)。

简化后，命令的结构如下:

ui.startLoader()
thingA()
  .then((res) => {
    ui.log('✓ Thing A complete')
    return res
  })
  .then((res) => {
    return res.reduce(thingB, Promise.resolve())
  })
  .then((res) => {
    ui.log('✓ Thing B complete')
    return res
  })
  .then((res) => {
    return res.reduce(thingC, Promise.resolve())
  })
  .then((res) => {
    ui.log('✓ Thing C complete')
    return res
  })
  .then(ui.json)
  .catch(console.log)
  .then(ui.exit)

ui.startloader 按照官方 example 中的描述简单地设置 BottomBar。并且似乎工作正常。

当 ui.log 是 console.log('\n' . text) 时，我的输出是:

⠋ Loading...
✓ Thing A complete
⠹ Loading...
✓ Thing B complete
⠴ Loading...
✓ Thing C complete

{display json result}

当 ui.log 是 inquirer.js 的 BottomBar.log.write(text) 时，我的输出是:

✓ Thing A complete
⠹ Loading...

{display json result}

“正在加载...”行保留在底部，但只显示第一个日志。

Answer 1

这似乎是 Inquirer.js 中的一个问题。我在从 0.12.0 更新到更新的基于 ES6 Promise 的界面时遇到了它。

我已经打开了一个问题: https://github.com/SBoudrias/Inquirer.js/issues/485

并提交一个修复请求: https://github.com/SBoudrias/Inquirer.js/pull/486

希望它被接受。