为用户设置一个为空的角色会导致角色列表报错

[LIlGG]

系统信息

• 外部访问地址: http://localhost:8090
• 启动时间: 2024-09-05 18:03
• 版本:
• 构建时间:
• Git Commit:
• Java: OpenJDK Runtime Environment / 17.0.7+7-LTS
• 数据库: PostgreSQL / 15.4 (Debian 15.4-2.pgdg120+1)
• 操作系统: Mac OS X / 14.6
• 已激活主题: Sakura 2.4.0
• 已启动插件:
  • Data Studio（数据工厂） 1.0.0-alpha.2
  • shiki 代码高亮 1.0.0-SNAPSHOT
  • 瞬间 1.0.1-SNAPSHOT
  • AI 助手 1.0.0-SNAPSHOT
  • Metrics Graph 1.0.0
  • Markdown / HTML 内容块 1.0.0-SNAPSHOT
  • Willow Markdown 编辑器 1.0.0-beta.3
  • 应用市场 1.0.2
  • 增强备份（Backup IMproved） 1.0.0
  • OAuth2 认证 1.1.0
  • StackEdit 1.1.1
  • 链接管理 1.3.3
  • 站点迁移 1.3.0
  • 对象存储（Amazon S3 协议） 1.11.0-SNAPSHOT
  • ByteMD 1.4.0
  • 图库管理 1.3.0
  • RSS 1.2.2
  • 搜索组件 1.5.0
  • 评论组件 2.1.0
  • Sitemap 1.1.1

使用的哪种方式运行？

Docker Compose

发生了什么？

在角色列表中可以将用户设置为 ”请选择角色“，在 2.19.x 中执行此操作会导致后端 roles 返回一个 null 值，进而导致前台报错。

/kind bug /area ui /area core

复现步骤

1. 打开用户列表
2. 设置某个用户角色为 “请选择角色"

相关日志输出

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'metadata')
    at UserList.vue:477:32
    at renderFnWithContext (vue.global.fe3b2080.js:2399:15)
    at Object.renderSlot (vue.global.fe3b2080.js:4510:55)
    at Proxy.<anonymous> (halo-components.iife.fe3b2080.js:9:109643)
    at renderComponentRoot (vue.global.fe3b2080.js:2459:18)
    at ReactiveEffect.componentUpdateFn [as fn] (vue.global.fe3b2080.js:7505:48)
    at ReactiveEffect.run (vue.global.fe3b2080.js:539:21)
    at vue.global.fe3b2080.js:7636:18
    at setupRenderEffect (vue.global.fe3b2080.js:7646:7)
    at mountComponent (vue.global.fe3b2080.js:7414:9)

附加信息

No response

[JohnNiang]

/milestone 2.19.x /assign