@opendesign-plus/components 0.0.1-rc.98 → 0.0.1-rc.99

package/dist/treeshaking/components/user-center/OUserInfo.css

@@ -1,69 +1,69 @@
-.hover-icon-rotate .o-icon[data-v-b43d6ece] {
+.hover-icon-rotate .o-icon[data-v-c12d3f54] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-b43d6ece] {
+.hover-icon-rotate:hover .o-icon[data-v-c12d3f54] {
     transform: rotate(-180deg);
 }
 }
-.info-title[data-v-b43d6ece] {
+.info-title[data-v-c12d3f54] {
   border-bottom: 1px solid var(--o-color-control4);
 }
 @media (max-width: 840px) {
-.info-title[data-v-b43d6ece] {
+.info-title[data-v-c12d3f54] {
     border-bottom: none;
 }
 }
-.title[data-v-b43d6ece] {
+.title[data-v-c12d3f54] {
   font-size: 24px;
   line-height: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.title[data-v-b43d6ece] {
+.title[data-v-c12d3f54] {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.title[data-v-b43d6ece] {
+.title[data-v-c12d3f54] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.title[data-v-b43d6ece] {
+.title[data-v-c12d3f54] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.title[data-v-b43d6ece] {
+.title[data-v-c12d3f54] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.title[data-v-b43d6ece] {
+.title[data-v-c12d3f54] {
   color: var(--o-color-info1);
   padding-bottom: var(--o-gap-3);
   font-weight: 600;
 }
-.title-desc[data-v-b43d6ece] {
+.title-desc[data-v-c12d3f54] {
   font-size: 14px;
   line-height: 28px;
   color: var(--o-color-info2);
   margin-bottom: var(--o-gap-5);
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.title-desc[data-v-b43d6ece] {
+.title-desc[data-v-c12d3f54] {
     line-height: 26px;
 }
 }
 @media (max-width: 1200px) {
-.title-desc[data-v-b43d6ece] {
+.title-desc[data-v-c12d3f54] {
     line-height: 24px;
 }
 }
-.common-item[data-v-b43d6ece] {
+.common-item[data-v-c12d3f54] {
   display: flex;
   align-items: center;
   margin-top: var(--o-gap-5);
@@ -72,101 +72,101 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.common-item[data-v-b43d6ece] {
+.common-item[data-v-c12d3f54] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.common-item[data-v-b43d6ece] {
+.common-item[data-v-c12d3f54] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.common-item[data-v-b43d6ece] {
+.common-item[data-v-c12d3f54] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.common-item[data-v-b43d6ece] {
+.common-item[data-v-c12d3f54] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.common-item[data-v-b43d6ece] .o_input-input {
+.common-item[data-v-c12d3f54] .o_input-input {
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.common-item[data-v-b43d6ece] .o_input-input {
+.common-item[data-v-c12d3f54] .o_input-input {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.common-item[data-v-b43d6ece] .o_input-input {
+.common-item[data-v-c12d3f54] .o_input-input {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.common-item[data-v-b43d6ece] .o_input-input {
+.common-item[data-v-c12d3f54] .o_input-input {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.common-item[data-v-b43d6ece] .o_input-input {
+.common-item[data-v-c12d3f54] .o_input-input {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.common-item[data-v-b43d6ece] .o_input-input {
+.common-item[data-v-c12d3f54] .o_input-input {
   color: var(--o-color-info2);
 }
-.common-item[data-v-b43d6ece] {
+.common-item[data-v-c12d3f54] {
   /* 用户信息值 */
 }
-.common-item .text[data-v-b43d6ece],
-.common-item .username[data-v-b43d6ece],
-.common-item .common-value[data-v-b43d6ece],
-.common-item .org-name[data-v-b43d6ece] {
+.common-item .text[data-v-c12d3f54],
+.common-item .username[data-v-c12d3f54],
+.common-item .common-value[data-v-c12d3f54],
+.common-item .org-name[data-v-c12d3f54] {
   color: var(--o-color-info2);
 }
-.common-item[data-v-b43d6ece] {
+.common-item[data-v-c12d3f54] {
   /* 行内 label 由自定义 div 承担，隐藏 OFormItem 自带 label */
 }
-.common-item[data-v-b43d6ece] .o-form-item-label {
+.common-item[data-v-c12d3f54] .o-form-item-label {
   display: none;
 }
-.common-item[data-v-b43d6ece] {
+.common-item[data-v-c12d3f54] {
   /* 隐藏的 label 节点仍在 DOM 中，OpenDesign 的
      `.o-form-item-label + .o-form-item-main { margin-left: var(--form-label-main-gap) }`
      依旧命中，需以同级相邻选择器提高特异性覆盖为 0 */
 }
-.common-item[data-v-b43d6ece] .o-form-item-label + .o-form-item-main,
-.common-item[data-v-b43d6ece] .o-form-item-main {
+.common-item[data-v-c12d3f54] .o-form-item-label + .o-form-item-main,
+.common-item[data-v-c12d3f54] .o-form-item-main {
   margin-left: 0;
   flex: 1;
 }
-.common-item .sig-info[data-v-b43d6ece] {
+.common-item .sig-info[data-v-c12d3f54] {
   display: flex;
   align-items: center;
 }
-.common-item .common-label[data-v-b43d6ece] {
+.common-item .common-label[data-v-c12d3f54] {
   width: 96px;
   min-width: 96px;
   margin-right: var(--o-r-gap-8);
   color: var(--o-color-info2);
 }
 @media (max-width: 840px) {
-.common-item .common-label[data-v-b43d6ece] {
+.common-item .common-label[data-v-c12d3f54] {
     color: var(--o-color-info1);
 }
 }
-.common-item .common-label-en[data-v-b43d6ece] {
+.common-item .common-label-en[data-v-c12d3f54] {
   width: 150px;
   min-width: 150px;
   margin-right: var(--o-r-gap-8);
@@ -174,60 +174,60 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.common-item .common-label-en[data-v-b43d6ece] {
+.common-item .common-label-en[data-v-c12d3f54] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.common-item .common-label-en[data-v-b43d6ece] {
+.common-item .common-label-en[data-v-c12d3f54] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.common-item .common-label-en[data-v-b43d6ece] {
+.common-item .common-label-en[data-v-c12d3f54] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.common-item .common-label-en[data-v-b43d6ece] {
+.common-item .common-label-en[data-v-c12d3f54] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.common-item[data-v-b43d6ece] .o_box-main {
+.common-item[data-v-c12d3f54] .o_box-main {
   width: 480px;
   height: 40px;
   border-radius: 4px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.common-item[data-v-b43d6ece] .o_box-main {
+.common-item[data-v-c12d3f54] .o_box-main {
     width: 360px;
     height: 36px;
 }
 }
 @media (max-width: 1200px) {
-.common-item[data-v-b43d6ece] .o_box-main {
+.common-item[data-v-c12d3f54] .o_box-main {
     width: 320px;
 }
 }
-.common-item .username[data-v-b43d6ece],
-.common-item .common-value[data-v-b43d6ece] {
+.common-item .username[data-v-c12d3f54],
+.common-item .common-value[data-v-c12d3f54] {
   padding-left: 16px;
 }
-.common-item[data-v-b43d6ece]:not(:first-child) {
+.common-item[data-v-c12d3f54]:not(:first-child) {
   height: 40px;
   line-height: 40px;
 }
-.common-item[data-v-b43d6ece]:not(:first-child) .o-input.o_box-medium {
+.common-item[data-v-c12d3f54]:not(:first-child) .o-input.o_box-medium {
   height: 100%;
 }
-.user-avatar[data-v-b43d6ece] {
+.user-avatar[data-v-c12d3f54] {
   --form-item-align: center;
 }
-.user-avatar .avatar[data-v-b43d6ece] {
+.user-avatar .avatar[data-v-c12d3f54] {
   width: auto;
   height: auto;
   position: relative;
@@ -235,11 +235,11 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.user-avatar .avatar:hover .avatar-img-mask[data-v-b43d6ece] {
+.user-avatar .avatar:hover .avatar-img-mask[data-v-c12d3f54] {
     display: flex;
 }
 }
-.user-avatar .avatar .avatar-img-mask[data-v-b43d6ece] {
+.user-avatar .avatar .avatar-img-mask[data-v-c12d3f54] {
   cursor: pointer;
   position: absolute;
   background-color: var(--o-color-info4);
@@ -254,7 +254,7 @@
   font-size: 24px;
   cursor: pointer;
 }
-.aside-userinfo[data-v-b43d6ece] {
+.aside-userinfo[data-v-c12d3f54] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -265,13 +265,13 @@
   min-width: 0;
   overflow: hidden;
 }
-.aside-userinfo .o-form-layout-h[data-v-b43d6ece] {
+.aside-userinfo .o-form-layout-h[data-v-c12d3f54] {
   width: 100%;
 }
-.aside-userinfo .user-avatar[data-v-b43d6ece] {
+.aside-userinfo .user-avatar[data-v-c12d3f54] {
   margin-right: 0;
 }
-.aside-item[data-v-b43d6ece] {
+.aside-item[data-v-c12d3f54] {
   margin-top: 0;
   display: flex;
   flex-direction: column;
@@ -282,35 +282,35 @@
   width: 100%;
   min-width: 0;
 }
-.aside-item .username[data-v-b43d6ece] {
+.aside-item .username[data-v-c12d3f54] {
   font-size: 24px;
   line-height: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.aside-item .username[data-v-b43d6ece] {
+.aside-item .username[data-v-c12d3f54] {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.aside-item .username[data-v-b43d6ece] {
+.aside-item .username[data-v-c12d3f54] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.aside-item .username[data-v-b43d6ece] {
+.aside-item .username[data-v-c12d3f54] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.aside-item .username[data-v-b43d6ece] {
+.aside-item .username[data-v-c12d3f54] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.aside-item .username[data-v-b43d6ece] {
+.aside-item .username[data-v-c12d3f54] {
   font-weight: 600;
   height: 26px;
   line-height: 26px;
@@ -321,13 +321,13 @@
   white-space: nowrap;
   padding-left: 0;
 }
-.aside-item[data-v-b43d6ece] {
+.aside-item[data-v-c12d3f54] {
   /* 侧边栏简要信息：昵称 · 公司
      两个文本各占 (100% - 8px(点) - --user-center-padding-value-2) / 2 的固定宽度，
      昵称左对齐（从第一个字显示，省略号紧贴 ·），公司紧贴 · 向右展开（尾部省略），
      超出各自宽度即显示省略号 */
 }
-.aside-item .brief-info[data-v-b43d6ece] {
+.aside-item .brief-info[data-v-c12d3f54] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -338,8 +338,8 @@
   width: 100%;
   min-width: 0;
 }
-.aside-item .brief-info .brief-nickname[data-v-b43d6ece],
-.aside-item .brief-info .brief-company[data-v-b43d6ece] {
+.aside-item .brief-info .brief-nickname[data-v-c12d3f54],
+.aside-item .brief-info .brief-company[data-v-c12d3f54] {
   flex: 0 1 auto;
   /* 上限：(100% - 8px(点) - --user-center-padding-value-2) / 2；
      内容不超过上限时按内容自然显示（不出现省略号），超出才截断为 ... */
@@ -351,63 +351,63 @@
   /* 覆盖 .aside-item 的 text-align: center，保证从首个字符开始显示 */
   text-align: left;
 }
-.aside-item .brief-info .brief-dot[data-v-b43d6ece] {
+.aside-item .brief-info .brief-dot[data-v-c12d3f54] {
   flex-shrink: 0;
   width: 8px;
   text-align: center;
 }
 @media (max-width: 840px) {
-.aside-item .brief-info[data-v-b43d6ece] {
+.aside-item .brief-info[data-v-c12d3f54] {
     margin-bottom: 16px;
 }
 }
-.btn[data-v-b43d6ece] {
+.btn[data-v-c12d3f54] {
   margin-top: 24px;
 }
-.btn[data-v-b43d6ece] .o-btn-large {
+.btn[data-v-c12d3f54] .o-btn-large {
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.btn[data-v-b43d6ece] .o-btn-large {
+.btn[data-v-c12d3f54] .o-btn-large {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.btn[data-v-b43d6ece] .o-btn-large {
+.btn[data-v-c12d3f54] .o-btn-large {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.btn[data-v-b43d6ece] .o-btn-large {
+.btn[data-v-c12d3f54] .o-btn-large {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.btn[data-v-b43d6ece] .o-btn-large {
+.btn[data-v-c12d3f54] .o-btn-large {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.btn[data-v-b43d6ece] .o-btn-large {
+.btn[data-v-c12d3f54] .o-btn-large {
   border-radius: 20px;
 }
-.btn[data-v-b43d6ece] .o-btn {
+.btn[data-v-c12d3f54] .o-btn {
   min-width: 112px;
   width: 112px;
   height: 40px;
 }
-.org-input[data-v-b43d6ece] .o-form-item-label {
+.org-input[data-v-c12d3f54] .o-form-item-label {
   display: none;
 }
-.org-input[data-v-b43d6ece] .o-form-item-label + .o-form-item-main,
-.org-input[data-v-b43d6ece] .o-form-item-main {
+.org-input[data-v-c12d3f54] .o-form-item-label + .o-form-item-main,
+.org-input[data-v-c12d3f54] .o-form-item-main {
   margin-left: 0;
 }
-.userinfo-pad[data-v-b43d6ece] {
+.userinfo-pad[data-v-c12d3f54] {
   flex-direction: column;
   justify-content: center;
   background-color: var(--o-color-fill2);
@@ -415,101 +415,101 @@
   padding-top: 16px;
   border-radius: 8px;
 }
-.userinfo-pad .common-item[data-v-b43d6ece] {
+.userinfo-pad .common-item[data-v-c12d3f54] {
   justify-content: center !important;
   border-bottom: none !important;
 }
-.userinfo-pad .common-item .username[data-v-b43d6ece] {
+.userinfo-pad .common-item .username[data-v-c12d3f54] {
   margin-right: 0 !important;
 }
-.userinfo-pad .common-item .avatar[data-v-b43d6ece] {
+.userinfo-pad .common-item .avatar[data-v-c12d3f54] {
   margin-right: 0 !important;
   padding-top: 16px !important;
 }
-.userinfo-pad .common-item .avatar .img-avatar[data-v-b43d6ece] {
+.userinfo-pad .common-item .avatar .img-avatar[data-v-c12d3f54] {
   margin-right: 0 !important;
 }
-.userinfo-pad .aside-item .username[data-v-b43d6ece] {
+.userinfo-pad .aside-item .username[data-v-c12d3f54] {
   padding-left: 0;
 }
-.input-org[data-v-b43d6ece] {
+.input-org[data-v-c12d3f54] {
   display: flex;
   margin-right: 16px;
   align-items: center;
   min-width: 0;
 }
-.input-org .org-name[data-v-b43d6ece] {
+.input-org .org-name[data-v-c12d3f54] {
   margin-right: 8px;
 }
-.userinfo-settings-pad[data-v-b43d6ece] {
+.userinfo-settings-pad[data-v-c12d3f54] {
   background-color: var(--o-color-fill2);
   border-radius: 4px;
   border-bottom: none;
   padding: 0 16px;
 }
-.userinfo-settings-pad .common-item[data-v-b43d6ece] {
+.userinfo-settings-pad .common-item[data-v-c12d3f54] {
   margin-top: 0;
   border-bottom: 1px solid var(--o-color-control4);
   height: 52px;
   justify-content: space-between;
   /* 标签固定不收缩，值列单行溢出省略 */
 }
-.userinfo-settings-pad .common-item .common-label[data-v-b43d6ece],
-.userinfo-settings-pad .common-item .common-label-en[data-v-b43d6ece] {
+.userinfo-settings-pad .common-item .common-label[data-v-c12d3f54],
+.userinfo-settings-pad .common-item .common-label-en[data-v-c12d3f54] {
   flex-shrink: 0;
 }
-.userinfo-settings-pad .common-item .text[data-v-b43d6ece],
-.userinfo-settings-pad .common-item .username[data-v-b43d6ece],
-.userinfo-settings-pad .common-item .common-value[data-v-b43d6ece],
-.userinfo-settings-pad .common-item .org-name[data-v-b43d6ece] {
+.userinfo-settings-pad .common-item .text[data-v-c12d3f54],
+.userinfo-settings-pad .common-item .username[data-v-c12d3f54],
+.userinfo-settings-pad .common-item .common-value[data-v-c12d3f54],
+.userinfo-settings-pad .common-item .org-name[data-v-c12d3f54] {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.userinfo-settings-pad .common-item .common-value[data-v-b43d6ece] {
+.userinfo-settings-pad .common-item .common-value[data-v-c12d3f54] {
   color: var(--o-color-info2);
 }
-.userinfo-settings-pad .common-item .username[data-v-b43d6ece] {
+.userinfo-settings-pad .common-item .username[data-v-c12d3f54] {
   color: var(--o-color-info2);
 }
-.userinfo-settings-pad .common-item .org-name[data-v-b43d6ece] {
+.userinfo-settings-pad .common-item .org-name[data-v-c12d3f54] {
   color: var(--o-color-info2);
 }
-.userinfo-settings-pad .common-item[data-v-b43d6ece] {
+.userinfo-settings-pad .common-item[data-v-c12d3f54] {
   /* 值区域与用户名一致：靠右对齐、同一右缩进 */
 }
-.userinfo-settings-pad .common-item .org-input[data-v-b43d6ece] {
+.userinfo-settings-pad .common-item .org-input[data-v-c12d3f54] {
   flex: 1;
   min-width: 0;
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-.userinfo-settings-pad .common-item .org-input .input-org[data-v-b43d6ece] {
+.userinfo-settings-pad .common-item .org-input .input-org[data-v-c12d3f54] {
   min-width: 0;
 }
-.userinfo-settings-pad .common-item .avatar[data-v-b43d6ece] {
+.userinfo-settings-pad .common-item .avatar[data-v-c12d3f54] {
   display: flex;
   justify-content: center;
 }
-.userinfo-settings-pad .common-item .avatar .img-avatar[data-v-b43d6ece] {
+.userinfo-settings-pad .common-item .avatar .img-avatar[data-v-c12d3f54] {
   margin-right: 8px;
 }
-.userinfo-settings-pad .common-item[data-v-b43d6ece]:last-child {
+.userinfo-settings-pad .common-item[data-v-c12d3f54]:last-child {
   border-bottom: none;
 }
-.userinfo-settings-pad .input-org[data-v-b43d6ece] {
+.userinfo-settings-pad .input-org[data-v-c12d3f54] {
   margin-right: 0;
 }
-.title-pad[data-v-b43d6ece] {
+.title-pad[data-v-c12d3f54] {
   border-bottom: none;
 }
-.label-role[data-v-b43d6ece] {
+.label-role[data-v-c12d3f54] {
   display: flex;
   align-items: center;
 }
-.label-role .o-icon[data-v-b43d6ece] {
+.label-role .o-icon[data-v-c12d3f54] {
   --icon-size: 16px;
   margin-left: 8px;
   cursor: pointer;

package/dist/treeshaking/components/user-center/OUserInfo.vue.mjs

@@ -3,7 +3,7 @@ import './OUserInfo.css';
 import './OUserInfo2.css';
 import './OUserInfo3.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OUserInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b43d6ece"]]);
+const _OUserInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c12d3f54"]]);
 export {
   _OUserInfo as default
 };

package/dist/treeshaking/components/user-center/OUserInfo.vue2.mjs

@@ -132,6 +132,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const orgPlaceholderText = computed(() => props.orgPlaceholder || t("common.INPUT_ORG"));
     const rolesMapConfig = computed(() => props.rolesMap ?? rolesMap);
     const rolesListConfig = computed(() => Array.from(rolesMapConfig.value.values()));
+    const displayRoles = computed(() => props.rolesList.filter((item) => rolesMapConfig.value.has(item)));
     const orgName = ref("");
     const orgNameInitial = ref("");
     const isEditOrgDialogVisible = ref(false);
@@ -460,10 +461,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ])
                       ], 2),
                       createElementVNode("div", _hoisted_26, [
-                        __props.rolesList.length ? (openBlock(), createElementBlock("div", _hoisted_27, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rolesList, (item, i) => {
+                        displayRoles.value.length ? (openBlock(), createElementBlock("div", _hoisted_27, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(displayRoles.value, (item, i) => {
                             var _a;
-                            return openBlock(), createElementBlock("span", { key: item }, toDisplayString((_a = rolesMapConfig.value.get(item)) == null ? void 0 : _a.name) + toDisplayString(i !== __props.rolesList.length - 1 ? "、" : ""), 1);
+                            return openBlock(), createElementBlock("span", { key: item }, toDisplayString((_a = rolesMapConfig.value.get(item)) == null ? void 0 : _a.name) + toDisplayString(i !== displayRoles.value.length - 1 ? "、" : ""), 1);
                           }), 128))
                         ])) : (openBlock(), createElementBlock("div", _hoisted_28, toDisplayString(unref(t)("common.EMPTY_ROLES")), 1))
                       ])

package/dist/treeshaking/components/user-center/OUserInfo3.css

@@ -1,16 +1,16 @@
-.hover-icon-rotate .o-icon[data-v-b43d6ece] {
+.hover-icon-rotate .o-icon[data-v-c12d3f54] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-b43d6ece] {
+.hover-icon-rotate:hover .o-icon[data-v-c12d3f54] {
     transform: rotate(-180deg);
 }
 }
 
 /* stylelint-disable */
-:root.dark .edit-icon[data-v-b43d6ece] {
+:root.dark .edit-icon[data-v-c12d3f54] {
   background-image: url("data:image/svg+xml,%3csvg%20width='24.000000'%20height='24.000000'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20id='icon编辑'%20width='24.000000'%20height='24.000000'%20fill='%23FFFFFF'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20width='24.000000'%20height='24.000000'%20fill='%23D8D8D8'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='0.500000'%20y='0.500000'%20width='23.000000'%20height='23.000000'%20stroke='%23979797'%20stroke-opacity='0'%20stroke-width='1.000000'/%3e%3cpath%20id='形状结合'%20d='M4.59998%2011.7781L12.6576%203.72058C13.5167%202.86133%2014.9097%202.86133%2015.7688%203.72058L17.887%205.83875C18.7462%206.69788%2018.7462%208.09082%2017.887%208.94995L9.82947%2017.0076C9.43311%2017.4038%208.90051%2017.634%208.34033%2017.6509L4.88171%2017.7556C4.32971%2017.7723%203.86865%2017.3384%203.85193%2016.7863L3.85144%2016.7561L3.95667%2013.2672C3.97351%2012.707%204.20374%2012.1744%204.59998%2011.7781ZM14.7806%204.71106L16.8988%206.82922C17.2113%207.14172%2017.2113%207.64819%2016.8988%207.96069L8.84131%2016.0182L8.74915%2016.0973C8.61926%2016.1927%208.46277%2016.2472%208.2998%2016.2522L5.26538%2016.3438L5.35779%2013.3102C5.36389%2013.1064%205.44763%2012.9127%205.59167%2012.7687L13.6493%204.71106C13.9617%204.39868%2014.4683%204.39868%2014.7806%204.71106ZM20.0437%2016.3577C20.4303%2016.3577%2020.7437%2016.6711%2020.7437%2017.0577C20.7437%2017.4121%2020.4803%2017.705%2020.1387%2017.7513L20.0437%2017.7577L13.5736%2017.7577C13.1869%2017.7577%2012.8735%2017.4443%2012.8735%2017.0577C12.8735%2016.7034%2013.1368%2016.4104%2013.4785%2016.3641L13.5736%2016.3577L20.0437%2016.3577ZM20.0504%2019.5237C20.437%2019.5237%2020.7505%2019.8372%2020.7505%2020.2238C20.7505%2020.5781%2020.4871%2020.871%2020.1454%2020.9174L20.0504%2020.9237L4.53552%2020.9237C4.14893%2020.9237%203.83557%2020.6104%203.83557%2020.2238C3.83557%2019.8694%204.09888%2019.5764%204.44055%2019.5302L4.53552%2019.5237L20.0504%2019.5237Z'%20clip-rule='evenodd'%20fill='%23ffffff'%20fill-opacity='0.800000'%20fill-rule='evenodd'/%3e%3c/svg%3e");
 }
-:root.dark .edit-icon[data-v-b43d6ece]:hover {
+:root.dark .edit-icon[data-v-c12d3f54]:hover {
   background-image: url("data:image/svg+xml,%3csvg%20width='24.000000'%20height='24.000000'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20id='icon编辑'%20width='24.000000'%20height='24.000000'%20fill='%23FFFFFF'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20width='24.000000'%20height='24.000000'%20fill='%23D8D8D8'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='0.500000'%20y='0.500000'%20width='23.000000'%20height='23.000000'%20stroke='%23979797'%20stroke-opacity='0'%20stroke-width='1.000000'/%3e%3cpath%20id='形状结合'%20d='M4.59998%2011.7781L12.6576%203.72058C13.5167%202.86133%2014.9097%202.86133%2015.7688%203.72058L17.887%205.83875C18.7462%206.69788%2018.7462%208.09082%2017.887%208.94995L9.82947%2017.0076C9.43311%2017.4038%208.90051%2017.634%208.34033%2017.6509L4.88171%2017.7556C4.32971%2017.7723%203.86865%2017.3384%203.85193%2016.7863L3.85144%2016.7561L3.95667%2013.2672C3.97351%2012.707%204.20374%2012.1744%204.59998%2011.7781ZM14.7806%204.71106L16.8988%206.82922C17.2113%207.14172%2017.2113%207.64819%2016.8988%207.96069L8.84131%2016.0182L8.74915%2016.0973C8.61926%2016.1927%208.46277%2016.2472%208.2998%2016.2522L5.26538%2016.3438L5.35779%2013.3102C5.36389%2013.1064%205.44763%2012.9127%205.59167%2012.7687L13.6493%204.71106C13.9617%204.39868%2014.4683%204.39868%2014.7806%204.71106ZM20.0437%2016.3577C20.4303%2016.3577%2020.7437%2016.6711%2020.7437%2017.0577C20.7437%2017.4121%2020.4803%2017.705%2020.1387%2017.7513L20.0437%2017.7577L13.5736%2017.7577C13.1869%2017.7577%2012.8735%2017.4443%2012.8735%2017.0577C12.8735%2016.7034%2013.1368%2016.4104%2013.4785%2016.3641L13.5736%2016.3577L20.0437%2016.3577ZM20.0504%2019.5237C20.437%2019.5237%2020.7505%2019.8372%2020.7505%2020.2238C20.7505%2020.5781%2020.4871%2020.871%2020.1454%2020.9174L20.0504%2020.9237L4.53552%2020.9237C4.14893%2020.9237%203.83557%2020.6104%203.83557%2020.2238C3.83557%2019.8694%204.09888%2019.5764%204.44055%2019.5302L4.53552%2019.5237L20.0504%2019.5237Z'%20clip-rule='evenodd'%20fill='%235C87FF'%20fill-opacity='0.800000'%20fill-rule='evenodd'/%3e%3c/svg%3e");
 }