arco-design / arco-design-pro

An out-of-the-box solution to quickly build enterprise-level applications based on Arco Design.
https://pro.arco.design
MIT License
473 stars 94 forks source link

使用 PermissionWrapper 组件包裹固定元素进行权限管理, 并设置backup属性. 渲染时会先闪现backup, 然后再展示期望的组件. #63

Closed lyqeyes closed 2 years ago

lyqeyes commented 2 years ago

Basic Info

What is expected?

有权限时直接展示被包裹的组件, backup不要出现.

Steps to reproduce

  1. PermissionWrapper 包裹组件, 并设置requiredPermissions 和 backup 属性.
  2. 当前用户具备requiredPermissions声明的权限
  3. 刷新页面
  4. 先闪现了backup的内容, 然后再快速恢复到期望的内容

代码示例:

`<PermissionWrapper requiredPermissions={[ { resource: 'menu.list.searchTable', actions: ['write'] }, ]} backup={ <>

申请权限!!!申请权限!!!申请权限!!!申请权限!!!申请权限!!!
WWWWWWWWWWWWWWWWWWWWW
WWWWWWWWWWWWWWWWWWWWW
WWWWWWWWWWWWWWWWWWWWW
WWWWWWWWWWWWWWWWWWWWW
WWWWWWWWWWWWWWWWWWWWW
WWWWWWWWWWWWWWWWWWWWW
    </>
  }
>
<Card>...</Card>

`

20220628145028

Gmengjie commented 2 years ago

问题已定位,稍后提pr进行修复。