@opendesign-plus-test/components 0.0.1-rc.215 → 0.0.1-rc.216

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

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

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

@@ -1,16 +1,16 @@
-.hover-icon-rotate .o-icon[data-v-fee1bcb7] {
+.hover-icon-rotate .o-icon[data-v-335ff676] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-fee1bcb7] {
+.hover-icon-rotate:hover .o-icon[data-v-335ff676] {
     transform: rotate(-180deg);
 }
 }
 
 /* stylelint-disable */
-:root.dark .edit-icon[data-v-fee1bcb7] {
+:root.dark .edit-icon[data-v-335ff676] {
   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-fee1bcb7]:hover {
+:root.dark .edit-icon[data-v-335ff676]: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");
 }

package/dist/treeshaking/components/user-center/index.mjs

@@ -1,4 +1,5 @@
-import "@opendesign-plus/styles/user-center.css";
+import './styles/variables.css';
+import './styles/global.css';
 import _OAccountSecurity from "./OAccountSecurity.vue.mjs";
 import _OAccountSetting from "./OAccountSetting.vue.mjs";
 import _OAppHeader from "./OAppHeader.vue.mjs";