@blueking/bk-user-display-name

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

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

安装

npm install @blueking/bk-user-display-name

使用

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

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

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

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

<bk-user-display-name user-id="xxx"></bk-user-display-name>