@opendesign-plus-test/components 0.0.1-rc.217 → 0.0.1-rc.219

package/dist/treeshaking/components/user-center/internal/OUploadAvatar.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-62c67d9f] {
+.hover-icon-rotate .o-icon[data-v-e9e24c13] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-62c67d9f] {
+.hover-icon-rotate:hover .o-icon[data-v-e9e24c13] {
     transform: rotate(-180deg);
 }
 }
-:root [class^=el-][data-v-62c67d9f] {
+:root [class^=el-][data-v-e9e24c13] {
   --el-color-primary: var(--o-color-primary1);
   --el-border-color: var(--o-color-control1);
   --el-fill-color-blank: var(--o-color-control5-light);
@@ -16,83 +16,83 @@
   --el-component-size-large: 36px;
 }
 @media (max-width: 840px) {
-:root [class^=el-][data-v-62c67d9f] {
+:root [class^=el-][data-v-e9e24c13] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
-:root .el-date-editor.el-date-editor--daterange[data-v-62c67d9f] {
+:root .el-date-editor.el-date-editor--daterange[data-v-e9e24c13] {
   padding: 0 13px 0 15px;
 }
-:root .el-date-editor.el-date-editor--timerange[data-v-62c67d9f] {
+:root .el-date-editor.el-date-editor--timerange[data-v-e9e24c13] {
   padding: 0 16px;
 }
-:root .el-date-editor input[data-v-62c67d9f] {
+:root .el-date-editor input[data-v-e9e24c13] {
   text-align: left;
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-:root .el-date-editor input[data-v-62c67d9f] {
+:root .el-date-editor input[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-:root .el-date-editor input[data-v-62c67d9f] {
+:root .el-date-editor input[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-:root .el-date-editor input[data-v-62c67d9f] {
+:root .el-date-editor input[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-:root .el-date-editor input[data-v-62c67d9f] {
+:root .el-date-editor input[data-v-e9e24c13] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-:root .el-date-editor input[data-v-62c67d9f] {
+:root .el-date-editor input[data-v-e9e24c13] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-:root .el-date-editor input[data-v-62c67d9f] {
+:root .el-date-editor input[data-v-e9e24c13] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-:root .el-date-editor input[data-v-62c67d9f] {
+:root .el-date-editor input[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-:root .el-date-editor input[data-v-62c67d9f] {
+:root .el-date-editor input[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (max-width: 600px) {
-:root .el-date-editor input[data-v-62c67d9f] {
+:root .el-date-editor input[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-:root .el-date-editor .el-select__wrapper[data-v-62c67d9f] {
+:root .el-date-editor .el-select__wrapper[data-v-e9e24c13] {
   gap: 0;
 }
-:root .el-date-editor .el-input__wrapper .el-input__prefix[data-v-62c67d9f] {
+:root .el-date-editor .el-input__wrapper .el-input__prefix[data-v-e9e24c13] {
   order: 1;
   font-size: 16px;
 }
-:root .el-date-editor .el-input__icon[data-v-62c67d9f] {
+:root .el-date-editor .el-input__icon[data-v-e9e24c13] {
   height: 100%;
   order: 1;
   font-size: 24px;
@@ -104,225 +104,225 @@
   background-repeat: no-repeat;
   background-position: center center;
 }
-:root .el-date-editor .el-input__icon svg[data-v-62c67d9f] {
+:root .el-date-editor .el-input__icon svg[data-v-e9e24c13] {
   display: none;
 }
-:root .el-popper .el-popper__arrow[data-v-62c67d9f] {
+:root .el-popper .el-popper__arrow[data-v-e9e24c13] {
   display: none;
 }
-:root .el-popper .el-picker-panel[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel[data-v-e9e24c13] {
   --cell-row-gap: 6px;
   --cell-radius: var(--o-radius-xs);
   color: var(--o-color-info1);
 }
-:root .el-popper .el-picker-panel .el-date-picker__header[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-date-picker__header[data-v-e9e24c13] {
   padding: 12px 24px;
   height: 48px;
   border-bottom: 1px solid var(--o-color-control4);
 }
-:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label[data-v-e9e24c13] {
   font-weight: 500;
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th[data-v-e9e24c13] {
   border-bottom: none;
   height: 24px;
   color: inherit;
   padding: 0 0 var(--cell-row-gap);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td[data-v-e9e24c13] {
   padding: var(--cell-row-gap) 0px;
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell[data-v-e9e24c13] {
   padding: 0;
   height: 24px;
   line-height: 22px;
   border: 1px solid transparent;
   border-radius: var(--cell-radius);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell[data-v-e9e24c13] {
   border-color: var(--o-color-primary1);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell[data-v-62c67d9f], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell[data-v-62c67d9f], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell[data-v-e9e24c13], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell[data-v-e9e24c13], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell[data-v-e9e24c13] {
   background: none;
   color: var(--o-color-info4);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell[data-v-e9e24c13] {
   background: var(--o-color-control2-light);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text[data-v-e9e24c13] {
   font-weight: normal;
   color: var(--o-color-info1);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell[data-v-62c67d9f], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell[data-v-62c67d9f], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell[data-v-e9e24c13], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell[data-v-e9e24c13], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell[data-v-e9e24c13] {
   background: var(--o-color-primary1);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text[data-v-62c67d9f], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text[data-v-62c67d9f], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text[data-v-e9e24c13], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text[data-v-e9e24c13], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text[data-v-e9e24c13] {
   background: none;
   color: #fff;
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell[data-v-e9e24c13] {
   border-radius: 0;
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell[data-v-e9e24c13] {
   border-radius: var(--cell-radius);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell[data-v-62c67d9f] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell[data-v-e9e24c13] {
   border-radius: var(--cell-radius);
 }
-:root .el-input[data-v-62c67d9f] {
+:root .el-input[data-v-e9e24c13] {
   --el-border-color: var(--o-color-control1);
   --el-input-border-color: var(--o-color-control1);
   --el-input-hover-border-color: var(--o-color-primary2);
   --el-input-focus-border-color: var(--o-color-primary3);
 }
-:root .el-table[data-v-62c67d9f] {
+:root .el-table[data-v-e9e24c13] {
   --el-table-border-color: var(--o-color-control4) ;
 }
-:root .el-input__wrapper[data-v-62c67d9f] {
+:root .el-input__wrapper[data-v-e9e24c13] {
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
-:root .el-date-editor.is-focus .el-input__wrapper[data-v-62c67d9f] {
+:root .el-date-editor.is-focus .el-input__wrapper[data-v-e9e24c13] {
   box-shadow: none;
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-date-editor:hover .el-input__wrapper[data-v-62c67d9f] {
+:root .el-date-editor:hover .el-input__wrapper[data-v-e9e24c13] {
   box-shadow: none;
   --el-input-border-color: var(--o-color-primary2);
 }
-:root .el-date-editor.el-input__wrapper[data-v-62c67d9f]:hover {
+:root .el-date-editor.el-input__wrapper[data-v-e9e24c13]:hover {
   box-shadow: none;
   --el-input-border-color: var(--o-color-primary2);
 }
-:root .el-date-editor.el-input__wrapper.is-active[data-v-62c67d9f] {
+:root .el-date-editor.el-input__wrapper.is-active[data-v-e9e24c13] {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-calendar .el-calendar-table[data-v-62c67d9f] {
+:root .el-calendar .el-calendar-table[data-v-e9e24c13] {
   width: 100%;
 }
-:root .el-calendar .el-calendar-table th[data-v-62c67d9f] {
+:root .el-calendar .el-calendar-table th[data-v-e9e24c13] {
   color: var(--o-color-info3);
   font-weight: 400;
   padding: 4px 0 16px 0;
   text-align: center;
 }
-:root .el-calendar .el-calendar-table td.prev .date-calender[data-v-62c67d9f], :root .el-calendar .el-calendar-table td.next .date-calender[data-v-62c67d9f] {
+:root .el-calendar .el-calendar-table td.prev .date-calender[data-v-e9e24c13], :root .el-calendar .el-calendar-table td.next .date-calender[data-v-e9e24c13] {
   color: var(--o-color-info4);
 }
-:root .el-select .el-select__placeholder[data-v-62c67d9f] {
+:root .el-select .el-select__placeholder[data-v-e9e24c13] {
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-:root .el-select .el-select__placeholder[data-v-62c67d9f] {
+:root .el-select .el-select__placeholder[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-:root .el-select .el-select__placeholder[data-v-62c67d9f] {
+:root .el-select .el-select__placeholder[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-:root .el-select .el-select__placeholder[data-v-62c67d9f] {
+:root .el-select .el-select__placeholder[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-:root .el-select .el-select__placeholder[data-v-62c67d9f] {
+:root .el-select .el-select__placeholder[data-v-e9e24c13] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-:root .el-select .el-select__placeholder[data-v-62c67d9f] {
+:root .el-select .el-select__placeholder[data-v-e9e24c13] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-:root .el-select .el-select__placeholder[data-v-62c67d9f] {
+:root .el-select .el-select__placeholder[data-v-e9e24c13] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-:root .el-select .el-select__placeholder[data-v-62c67d9f] {
+:root .el-select .el-select__placeholder[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-:root .el-select .el-select__placeholder[data-v-62c67d9f] {
+:root .el-select .el-select__placeholder[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (max-width: 600px) {
-:root .el-select .el-select__placeholder[data-v-62c67d9f] {
+:root .el-select .el-select__placeholder[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-:root .el-input-number[data-v-62c67d9f] {
+:root .el-input-number[data-v-e9e24c13] {
   --el-component-size-large: 34px;
 }
 @media (max-width: 840px) {
-:root .el-input-number[data-v-62c67d9f] {
+:root .el-input-number[data-v-e9e24c13] {
     --el-component-size-large: calc(var(--o-control_size-l) - 2px);
 }
 }
-:root .el-input-number .el-input__wrapper[data-v-62c67d9f]:hover {
+:root .el-input-number .el-input__wrapper[data-v-e9e24c13]:hover {
   --el-input-border-color: var(--o-color-primary2);
 }
-:root .el-input-number .el-input__wrapper.is-focus[data-v-62c67d9f] {
+:root .el-input-number .el-input__wrapper.is-focus[data-v-e9e24c13] {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-62c67d9f],
-:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-62c67d9f] {
+:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-e9e24c13],
+:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-e9e24c13] {
   box-shadow: none;
 }
-:root .el-input-number .el-input__wrapper[data-v-62c67d9f] {
+:root .el-input-number .el-input__wrapper[data-v-e9e24c13] {
   box-shadow: none;
 }
-:root .el-input-number .el-input__wrapper.is-focus[data-v-62c67d9f] {
+:root .el-input-number .el-input__wrapper.is-focus[data-v-e9e24c13] {
   box-shadow: none;
 }
-:root .el-input-number.el-input-number--large[data-v-62c67d9f] {
+:root .el-input-number.el-input-number--large[data-v-e9e24c13] {
   line-height: var(--el-component-size-large);
 }
-.dlg-content[data-v-62c67d9f] {
+.dlg-content[data-v-e9e24c13] {
   width: 626px;
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 @media (max-width: 600px) {
-.dlg-content[data-v-62c67d9f] {
+.dlg-content[data-v-e9e24c13] {
     width: 100%;
 }
 }
-.dlg-avatar[data-v-62c67d9f] {
+.dlg-avatar[data-v-e9e24c13] {
   width: 200px;
   height: 200px;
   position: relative;
 }
-.delete[data-v-62c67d9f] {
+.delete[data-v-e9e24c13] {
   position: absolute;
   top: 212px;
   left: 50%;
   transform: translateX(-50%);
 }
-.avatar-dlg[data-v-62c67d9f] {
+.avatar-dlg[data-v-e9e24c13] {
   width: 200px;
   height: 200px;
   border-radius: 50%;
   overflow: hidden;
 }
-.upload-mask[data-v-62c67d9f] {
+.upload-mask[data-v-e9e24c13] {
   position: absolute;
   background-color: var(--o-color-info4);
   width: 100%;
@@ -333,37 +333,37 @@
   align-items: center;
   justify-content: center;
 }
-.upload-mask .o-icon[data-v-62c67d9f] {
+.upload-mask .o-icon[data-v-e9e24c13] {
   color: var(--o-color-fill2);
-  animation: rotating-62c67d9f var(--o-rotate-duration, 1s) var(--o-easing-linear) infinite;
+  animation: rotating-e9e24c13 var(--o-rotate-duration, 1s) var(--o-easing-linear) infinite;
   font-size: 24px;
   line-height: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.upload-mask .o-icon[data-v-62c67d9f] {
+.upload-mask .o-icon[data-v-e9e24c13] {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.upload-mask .o-icon[data-v-62c67d9f] {
+.upload-mask .o-icon[data-v-e9e24c13] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.upload-mask .o-icon[data-v-62c67d9f] {
+.upload-mask .o-icon[data-v-e9e24c13] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.upload-mask .o-icon[data-v-62c67d9f] {
+.upload-mask .o-icon[data-v-e9e24c13] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-@keyframes rotating-62c67d9f {
+@keyframes rotating-e9e24c13 {
 0% {
     transform: rotate(0);
 }
@@ -371,38 +371,38 @@
     transform: rotate(360deg);
 }
 }
-.avatar-slider[data-v-62c67d9f] {
+.avatar-slider[data-v-e9e24c13] {
   width: 200px;
   display: flex;
   align-items: center;
   margin-top: 24px;
 }
-.avatar-slider-btn[data-v-62c67d9f] {
+.avatar-slider-btn[data-v-e9e24c13] {
   --icon-size: 24px;
   cursor: pointer;
 }
-.slider[data-v-62c67d9f] {
+.slider[data-v-e9e24c13] {
   margin: 0 12px;
   padding-left: 0;
 }
-.slider[data-v-62c67d9f] .el-slider__button-wrapper {
+.slider[data-v-e9e24c13] .el-slider__button-wrapper {
   top: -6px;
 }
-.slider[data-v-62c67d9f] .el-slider__button {
+.slider[data-v-e9e24c13] .el-slider__button {
   width: 4px;
   height: 11px;
   border-radius: 2px;
   border: none;
   background: var(--o-color-control3);
 }
-.slider[data-v-62c67d9f] .el-slider__runway {
+.slider[data-v-e9e24c13] .el-slider__runway {
   background: transparent;
   height: 1px;
   border-radius: 0;
   position: relative;
   padding: 12px 0;
 }
-.slider[data-v-62c67d9f] .el-slider__runway::before {
+.slider[data-v-e9e24c13] .el-slider__runway::before {
   content: "";
   position: absolute;
   width: 100%;
@@ -411,114 +411,114 @@
   left: 0;
   background-color: var(--o-color-control1);
 }
-.slider[data-v-62c67d9f] .el-slider__bar {
+.slider[data-v-e9e24c13] .el-slider__bar {
   background: rgba(var(--o-grey-14), 1);
   height: 1px;
   border-radius: 0;
   top: 12px;
   left: 0;
 }
-.dlg-desc[data-v-62c67d9f] {
+.dlg-desc[data-v-e9e24c13] {
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.dlg-desc[data-v-62c67d9f] {
+.dlg-desc[data-v-e9e24c13] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.dlg-desc[data-v-62c67d9f] {
+.dlg-desc[data-v-e9e24c13] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.dlg-desc[data-v-62c67d9f] {
+.dlg-desc[data-v-e9e24c13] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.dlg-desc[data-v-62c67d9f] {
+.dlg-desc[data-v-e9e24c13] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.dlg-desc[data-v-62c67d9f] {
+.dlg-desc[data-v-e9e24c13] {
   margin-top: 24px;
   user-select: none;
 }
-.dlg-btn[data-v-62c67d9f] {
+.dlg-btn[data-v-e9e24c13] {
   display: flex;
   align-items: center;
   margin-top: 32px;
 }
 @media (max-width: 600px) {
-.dlg-btn[data-v-62c67d9f] {
+.dlg-btn[data-v-e9e24c13] {
     width: 100%;
     justify-content: center;
     margin-top: 24px;
 }
 }
-.dlg-btn .o-btn[data-v-62c67d9f] {
+.dlg-btn .o-btn[data-v-e9e24c13] {
   flex-shrink: 1;
   width: fit-content;
   max-width: fit-content;
 }
 @media (max-width: 600px) {
-.dlg-btn .o-btn[data-v-62c67d9f] {
+.dlg-btn .o-btn[data-v-e9e24c13] {
     width: 100%;
     max-width: inherit;
 }
 }
-.dlg-btn .o-btn-outline[data-v-62c67d9f]:not(.o-btn-disabled):hover {
+.dlg-btn .o-btn-outline[data-v-e9e24c13]:not(.o-btn-disabled):hover {
   background-color: transparent;
   color: var(--o-color-link2);
   border-color: var(--o-color-link2);
 }
-.o-upload[data-v-62c67d9f] {
+.o-upload[data-v-e9e24c13] {
   margin-left: 16px;
 }
-[data-v-62c67d9f] .cropper-container {
+[data-v-e9e24c13] .cropper-container {
   width: 200px !important;
   height: 200px !important;
   border-radius: 50%;
   overflow: hidden;
 }
-[data-v-62c67d9f] .cropper-crop-box {
+[data-v-e9e24c13] .cropper-crop-box {
   width: 200px !important;
   height: 200px !important;
   transform: none !important;
   border-radius: 50%;
   overflow: hidden;
 }
-[data-v-62c67d9f] .cropper-canvas {
+[data-v-e9e24c13] .cropper-canvas {
   display: none;
   transform: none !important;
 }
-[data-v-62c67d9f] .o-upload-list {
+[data-v-e9e24c13] .o-upload-list {
   display: none;
 }
-.dlg-btn-pad[data-v-62c67d9f] {
+.dlg-btn-pad[data-v-e9e24c13] {
   display: flex;
   flex-direction: row-reverse;
   justify-content: center;
   align-items: center;
   column-gap: 16px;
 }
-.dlg-btn-pad .divider[data-v-62c67d9f] {
+.dlg-btn-pad .divider[data-v-e9e24c13] {
   width: 1px;
   height: 24px;
   background-color: var(--o-color-control4);
 }
-.dlg-btn-pad .o-btn-outline[data-v-62c67d9f], .dlg-btn-pad .o-btn-primary.o-btn-solid[data-v-62c67d9f] {
+.dlg-btn-pad .o-btn-outline[data-v-e9e24c13], .dlg-btn-pad .o-btn-primary.o-btn-solid[data-v-e9e24c13] {
   color: var(--o-color-info1);
   background-color: transparent;
   border-color: transparent;
 }
-.dlg-btn-pad .o-btn-outline[data-v-62c67d9f]:hover, .dlg-btn-pad .o-btn-primary.o-btn-solid[data-v-62c67d9f]:hover {
+.dlg-btn-pad .o-btn-outline[data-v-e9e24c13]:hover, .dlg-btn-pad .o-btn-primary.o-btn-solid[data-v-e9e24c13]:hover {
   background-color: transparent !important;
   border-color: transparent !important;
   color: var(--o-color-info1) !important;

package/dist/treeshaking/components/user-center/internal/OUploadAvatar.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./OUploadAvatar.vue2.mjs";
 import './OUploadAvatar.css';
 import './OUploadAvatar2.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const OUploadAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-62c67d9f"]]);
+const OUploadAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e9e24c13"]]);
 export {
   OUploadAvatar as default
 };

package/dist/treeshaking/components/user-center/internal/OUploadAvatar.vue2.mjs

@@ -344,7 +344,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         visible: showAvatarDlg.value,
         "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => showAvatarDlg.value = $event),
         onChange: changeDlg,
-        "main-class": "avatar-dialog"
+        "main-class": "user-center-dialog user-center-avatar-dialog"
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [

package/dist/treeshaking/components/user-center/internal/OUploadAvatar2.css

@@ -294,11 +294,11 @@
 :root .el-input-number.el-input-number--large {
   line-height: var(--el-component-size-large);
 }
-.avatar-dialog {
+.user-center-avatar-dialog {
   --dlg-radius: 8px !important;
 }
 @media (max-width: 600px) {
-.avatar-dialog {
+.user-center-avatar-dialog {
     --dlg-width: calc(100vw - 48px) !important;
 }
 }