@blueking/bk-user-display-name/README.md

多租户环境用于显示用户名称的组件

多租户环境用于显示用户名称的组件

当查找不到用户时，会降级回显bk_username。

#### 安装
```bash
npm install @blueking/bk-user-display-name
```

#### 使用

先在项目全局引入和配置 BkUserDisplayName
租户 ID 可以叫后台在 userInfo 接口返回
apiBaseUrl 可以叫后台通过环境变量配置返回

```typescript
import BkUserDisplayName from '@blueking/bk-user-display-name';

BkUserDisplayName.configure({
  // 必填，租户 ID
  tenantId: '',
  // 必填，网关地址
  apiBaseUrl: '',
  // 可选，缓存时间，单位为毫秒, 默认 5 分钟, 只对单一用户查询有效
  cacheDuration: 1000 * 60 * 5,
  // 可选，当输入为空时，显示的文本，默认为 '--'
  emptyText: '--'
});
```

然后在要展示人名的地方替换为 bk-user-display-name 组件，userId 可以是单个值，也可以传数组或者用逗号分号连接的字符串
```vue
<bk-user-display-name user-id="xxx"></bk-user-display-name>
```