teamcenter AWC添加 loading组件

要在 Teamcenter AWC 中添加 loading 组件，可以使用 `NX.ui` API 提供的 `Spinner` 对象。以下是一个简单的示例：

首先，在需要添加 loading 组件的地方，定义一个 `Spinner` 对象，并将其隐藏：

var spinner = NX.ui.spinning.Spinner({
  hidden: true
});

然后，在需要显示 loading 组件的地方调用 `spinner.show()` 方法，同时在需要隐藏 loading 组件的地方调用 `spinner.hide()` 方法。例如：

spinner.show();

// Some async operation
await new Promise(resolve => setTimeout(resolve, 2000));

spinner.hide();

最后，将 `Spinner` 对象添加到 Teamcenter AWC 的 `Viewport` 对象中：

NX.app.Application.viewport.add(spinner);

完整的示例代码如下：

var spinner = NX.ui.spinning.Spinner({
  hidden: true
});

NX.app.Application.viewport.add(spinner);

var btn = new Ext.Button({
  text: 'Load Data',
  handler: async function() {
    spinner.show();

    // Some async operation
    await new Promise(resolve => setTimeout(resolve, 2000));

    spinner.hide();
  }
});

NX.app.Application.viewport.add(btn);

在上面的示例中，我们创建了一个按钮，当用户点击该按钮时，显示 loading 组件，并执行一些异步操作。完成异步操作后，隐藏 loading 组件。

注意：在 Teamcenter AWC 中，`NX.ui` API 是不推荐使用的，因为它们可能会在未来版本中被删除或更改。建议使用 `NXOpenUI` API 或 `TCUI` API 进行开发。