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

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

@@ -1,109 +1,57 @@
-.hover-icon-rotate .o-icon[data-v-53bda6f7] {
+.hover-icon-rotate .o-icon[data-v-423d3be1] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-53bda6f7] {
+.hover-icon-rotate:hover .o-icon[data-v-423d3be1] {
     transform: rotate(-180deg);
 }
 }
-.user-info-setting[data-v-53bda6f7] {
+.user-info-setting[data-v-423d3be1] {
   border-bottom: 1px solid var(--o-color-control4);
 }
 @media (max-width: 840px) {
-.user-info-setting[data-v-53bda6f7] {
+.user-info-setting[data-v-423d3be1] {
     border-bottom: none;
 }
 }
-.title[data-v-53bda6f7] {
-  font-size: 24px;
-  line-height: 32px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.title[data-v-53bda6f7] {
-    font-size: 20px;
-    line-height: 28px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.title[data-v-53bda6f7] {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.title[data-v-53bda6f7] {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) {
-.title[data-v-53bda6f7] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-.title[data-v-53bda6f7] {
+.title[data-v-423d3be1] {
+  font-size: var(--font-size1);
+  line-height: var(--line-height1);
   font-weight: 600;
   color: var(--o-color-info1);
   margin-bottom: 12px;
 }
-.login-setting[data-v-53bda6f7] {
+.login-setting[data-v-423d3be1] {
   font-size: 14px;
   line-height: 22px;
   font-weight: normal;
   color: var(--o-color-info2);
-  padding-bottom: var(--o-gap-5);
+  padding-bottom: var(--layout-gap2);
   border-bottom: 1px solid var(--o-color-control4);
-  margin-bottom: var(--o-gap-5);
+  margin-bottom: var(--layout-gap2);
 }
 @media (max-width: 840px) {
-.login-setting[data-v-53bda6f7] {
+.login-setting[data-v-423d3be1] {
     border-bottom: none;
 }
 }
-.section-label[data-v-53bda6f7] {
-  font-size: 20px;
-  line-height: 28px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.section-label[data-v-53bda6f7] {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.section-label[data-v-53bda6f7] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.section-label[data-v-53bda6f7] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) {
-.section-label[data-v-53bda6f7] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-.section-label[data-v-53bda6f7] {
+.section-label[data-v-423d3be1] {
+  font-size: var(--font-size3);
+  line-height: var(--line-height3);
   font-weight: 600;
-  margin-top: var(--o-gap-5);
-  margin-bottom: var(--o-gap-5);
+  margin-top: var(--layout-gap2);
+  margin-bottom: var(--layout-gap2);
 }
 
 /* 移动端：白色卡片行（与三方账号绑定一致） */
-.setting-content-pad[data-v-53bda6f7] {
+.setting-content-pad[data-v-423d3be1] {
   background-color: var(--o-color-fill2);
   padding-bottom: 0;
   border-radius: 4px;
   margin-top: 4px;
   padding: 0 16px;
 }
-.setting-content-pad .opt-item[data-v-53bda6f7] {
+.setting-content-pad .opt-item[data-v-423d3be1] {
   width: 100%;
   /* 重置基础规则的 max-width:592px，移动端卡片行始终通栏（与三方账号绑定一致） */
   max-width: 100%;
@@ -112,15 +60,15 @@
   margin: 0;
   border-bottom: 1px solid var(--o-color-control4);
 }
-.setting-content-pad .opt-item[data-v-53bda6f7]:last-child {
+.setting-content-pad .opt-item[data-v-423d3be1]:last-child {
   border-bottom: none;
 }
-.setting-content-pad .opt-item .left-content[data-v-53bda6f7] {
+.setting-content-pad .opt-item .left-content[data-v-423d3be1] {
   flex: 1;
   align-items: center;
   margin-left: 0;
 }
-.setting-content-pad .opt-item .left-content .content-info[data-v-53bda6f7] {
+.setting-content-pad .opt-item .left-content .content-info[data-v-423d3be1] {
   /* 基础规则的 flex-grow:1 会占满剩余空间导致值紧贴标签（auto margin 失效），
      移动端需与三方账号绑定行一致：值靠右、紧贴箭头 */
   flex-grow: 0;
@@ -128,11 +76,11 @@
   margin-right: 0;
   justify-content: flex-end;
 }
-.setting-content-pad .opt-item .left-content .content-label[data-v-53bda6f7] {
+.setting-content-pad .opt-item .left-content .content-label[data-v-423d3be1] {
   color: var(--o-color-info1);
 }
-.opt-item[data-v-53bda6f7] {
-  margin: var(--o-gap-5) 0;
+.opt-item[data-v-423d3be1] {
+  margin: var(--layout-gap2) 0;
   line-height: 40px;
   display: flex;
   width: 592px;
@@ -140,143 +88,143 @@
   color: var(--o-color-info1);
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.opt-item[data-v-53bda6f7] {
+.opt-item[data-v-423d3be1] {
     width: 480px;
 }
 }
-.opt-item .opt-label[data-v-53bda6f7] {
+.opt-item .opt-label[data-v-423d3be1] {
   color: var(--o-color-info1);
 }
-.opt-item .o-link + .o-link[data-v-53bda6f7] {
-  margin-left: var(--o-gap-5);
+.opt-item .o-link + .o-link[data-v-423d3be1] {
+  margin-left: var(--o-spacing-h4);
 }
-.opt-item .left-content .content-label[data-v-53bda6f7],
-.opt-item .left-content .content-info[data-v-53bda6f7] {
+.opt-item .left-content .content-label[data-v-423d3be1],
+.opt-item .left-content .content-info[data-v-423d3be1] {
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.opt-item .left-content .content-label[data-v-53bda6f7],
-  .opt-item .left-content .content-info[data-v-53bda6f7] {
+.opt-item .left-content .content-label[data-v-423d3be1],
+  .opt-item .left-content .content-info[data-v-423d3be1] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.opt-item .left-content .content-label[data-v-53bda6f7],
-  .opt-item .left-content .content-info[data-v-53bda6f7] {
+.opt-item .left-content .content-label[data-v-423d3be1],
+  .opt-item .left-content .content-info[data-v-423d3be1] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.opt-item .left-content .content-label[data-v-53bda6f7],
-  .opt-item .left-content .content-info[data-v-53bda6f7] {
+.opt-item .left-content .content-label[data-v-423d3be1],
+  .opt-item .left-content .content-info[data-v-423d3be1] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.opt-item .left-content .content-label[data-v-53bda6f7],
-  .opt-item .left-content .content-info[data-v-53bda6f7] {
+.opt-item .left-content .content-label[data-v-423d3be1],
+  .opt-item .left-content .content-info[data-v-423d3be1] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.opt-item .left-content .content-label[data-v-53bda6f7] {
+.opt-item .left-content .content-label[data-v-423d3be1] {
   min-width: 120px;
   color: var(--o-color-info2);
   padding-left: 8px;
 }
-.opt-item .left-content[data-v-53bda6f7] {
+.opt-item .left-content[data-v-423d3be1] {
   /* 用户信息值 */
 }
-.opt-item .left-content .content-info[data-v-53bda6f7],
-.opt-item .left-content .opt-label[data-v-53bda6f7] {
+.opt-item .left-content .content-info[data-v-423d3be1],
+.opt-item .left-content .opt-label[data-v-423d3be1] {
   color: var(--o-color-info2);
 }
-.opt-item .left-content .content-info[data-v-53bda6f7] {
+.opt-item .left-content .content-info[data-v-423d3be1] {
   flex-grow: 1;
   margin-right: 16px;
 }
-.opt-item .left-content .content-label-en[data-v-53bda6f7] {
+.opt-item .left-content .content-label-en[data-v-423d3be1] {
   min-width: 160px;
   padding-left: 8px;
 }
-.opt-item .left-content .mask-icon[data-v-53bda6f7]:hover {
+.opt-item .left-content .mask-icon[data-v-423d3be1]:hover {
   color: var(--o-color-link2);
 }
-.opt-item.lang-en[data-v-53bda6f7] {
+.opt-item.lang-en[data-v-423d3be1] {
   width: 592px;
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.opt-item.lang-en[data-v-53bda6f7] {
+.opt-item.lang-en[data-v-423d3be1] {
     width: 480px;
 }
 }
-.icon[data-v-53bda6f7] {
+.icon[data-v-423d3be1] {
   font-size: 24px;
   line-height: 1;
 }
-.center[data-v-53bda6f7] {
+.center[data-v-423d3be1] {
   display: flex;
   align-items: center;
 }
-.center .unbind[data-v-53bda6f7] {
+.center .unbind[data-v-423d3be1] {
   margin-right: 16px;
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.center .unbind[data-v-53bda6f7] {
+.center .unbind[data-v-423d3be1] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.center .unbind[data-v-53bda6f7] {
+.center .unbind[data-v-423d3be1] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.center .unbind[data-v-53bda6f7] {
+.center .unbind[data-v-423d3be1] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.center .unbind[data-v-53bda6f7] {
+.center .unbind[data-v-423d3be1] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.center .unbind[data-v-53bda6f7] .o-link-label {
+.center .unbind[data-v-423d3be1] .o-link-label {
   color: var(--o-color-info3);
   transition: none;
   background: none;
   background-size: 0;
 }
-.skeleton-text[data-v-53bda6f7] {
+.skeleton-text[data-v-423d3be1] {
   --skeleton-item-gap: 0px;
   --skeleton-height: 32px;
   width: 440px;
 }
-[data-v-53bda6f7] .o-link-normal {
+[data-v-423d3be1] .o-link-normal {
   --link-color-hover: var(--o-color-link2);
 }
 @media screen and (max-width: 1440px) {
-.skeleton-text[data-v-53bda6f7] {
+.skeleton-text[data-v-423d3be1] {
     --skeleton-height: 28px;
 }
 }
 @media screen and (max-width: 1200px) {
-.skeleton-text[data-v-53bda6f7] {
+.skeleton-text[data-v-423d3be1] {
     --skeleton-height: 24px;
 }
 }
 @media screen and (max-width: 840px) {
-.skeleton-text[data-v-53bda6f7] {
+.skeleton-text[data-v-423d3be1] {
     --skeleton-height: 24px;
 }
 }

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./OAccountSetting.vue2.mjs";
 import './OAccountSetting.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OAccountSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-53bda6f7"]]);
+const _OAccountSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-423d3be1"]]);
 export {
   _OAccountSetting as default
 };

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, onMounted, watch, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, unref, createCommentVNode, normalizeClass, createVNode, withCtx, renderList, createBlock, resolveDynamicComponent, createTextVNode } from "vue";
-import IconMail from "../../_virtual/icon-email2.mjs";
+import IconMail from "../../_virtual/icon-email.mjs";
 import IconPhone from "../../_virtual/icon-phone.mjs";
 import { useMessage, OSkeleton, OIcon, OLink, OSkeletonText } from "@opensig/opendesign";
 import { useI18n } from "../../i18n/index.mjs";

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

@@ -1,15 +1,15 @@
-.hover-icon-rotate .o-icon[data-v-52e6041d] {
+.hover-icon-rotate .o-icon[data-v-e00e6ef3] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-52e6041d] {
+.hover-icon-rotate:hover .o-icon[data-v-e00e6ef3] {
     transform: rotate(-180deg);
 }
 }
-.aside-menu[data-v-52e6041d] {
+.aside-menu[data-v-e00e6ef3] {
   padding-top: 8px;
 }
-.aside-menu .aside-menu-item[data-v-52e6041d] {
+.aside-menu .aside-menu-item[data-v-e00e6ef3] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -21,23 +21,23 @@
   color: var(--o-color-info2);
   transition: color var(--o-duration-s) var(--o-easing-standard);
 }
-.aside-menu .aside-menu-item .menu-icon svg[data-v-52e6041d] {
+.aside-menu .aside-menu-item .menu-icon svg[data-v-e00e6ef3] {
   font-size: 24px;
   flex-shrink: 0;
   height: 24px;
   width: 24px;
 }
-.aside-menu .aside-menu-item[data-v-52e6041d]:hover {
+.aside-menu .aside-menu-item[data-v-e00e6ef3]:hover {
   background-color: var(--o-color-control3-light);
   border-radius: 4px;
   color: var(--o-color-primary1);
 }
-.aside-menu .menu-divider[data-v-52e6041d] {
+.aside-menu .menu-divider[data-v-e00e6ef3] {
   height: 1px;
   margin: 8px 8px;
   background-color: var(--o-color-control4);
 }
-.aside-menu-pad[data-v-52e6041d] {
+.aside-menu-pad[data-v-e00e6ef3] {
   background-color: var(--o-color-fill2);
   margin-top: 16px;
   border-radius: 4px;
@@ -45,19 +45,19 @@
   padding-right: 16px;
   padding-top: 0;
 }
-.aside-menu-pad .menu-divider[data-v-52e6041d] {
+.aside-menu-pad .menu-divider[data-v-e00e6ef3] {
   margin: 0;
 }
-.aside-menu-pad .aside-menu-item[data-v-52e6041d] {
+.aside-menu-pad .aside-menu-item[data-v-e00e6ef3] {
   height: 54px;
 }
-.aside-menu-pad .left-arrow[data-v-52e6041d] {
+.aside-menu-pad .left-arrow[data-v-e00e6ef3] {
   margin-left: auto;
 }
-.aside-content[data-v-52e6041d] {
-  padding: var(--user-center-padding-value-1) var(--user-center-padding-value-2);
+.aside-content[data-v-e00e6ef3] {
+  padding: var(--padding-value-1) var(--padding-value-2);
 }
-.aside-content .active[data-v-52e6041d] {
+.aside-content .active[data-v-e00e6ef3] {
   color: var(--o-color-primary1);
   background-color: var(--o-color-control3-light);
   border-radius: 4px;

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./OAsideBar.vue2.mjs";
 import './OAsideBar.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OAsideBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52e6041d"]]);
+const _OAsideBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e00e6ef3"]]);
 export {
   _OAsideBar as default
 };

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

@@ -1,64 +1,30 @@
-.hover-icon-rotate .o-icon[data-v-c7fa0ab8] {
+.hover-icon-rotate .o-icon[data-v-588133ac] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-c7fa0ab8] {
+.hover-icon-rotate:hover .o-icon[data-v-588133ac] {
     transform: rotate(-180deg);
 }
 }
-.main-page[data-v-c7fa0ab8] {
+.main-page[data-v-588133ac] {
   display: flex;
   justify-content: center;
   width: 100%;
-  min-height: var(--user-center-page-min-height);
-  margin-top: 32px;
+  min-height: var(--page-min-height);
+  margin-top: var(--grid-gap);
+  margin-bottom: var(--container-padding-bottom);
 }
-@media (min-width: 1201px) and (max-width: 1680px) {
-.main-page[data-v-c7fa0ab8] {
-    margin-top: 24px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.main-page[data-v-c7fa0ab8] {
-    margin-top: 16px;
-}
-}
-@media (max-width: 840px) {
-.main-page[data-v-c7fa0ab8] {
-    margin-top: 0;
-}
-}
-.main-page[data-v-c7fa0ab8] {
-  margin-bottom: var(--user-center-container-padding-bottom);
-}
-.main-page .aside-bar[data-v-c7fa0ab8] {
+.main-page .aside-bar[data-v-588133ac] {
   flex-shrink: 0;
-  width: var(--user-center-sidebar-width);
+  width: var(--sidebar-width);
   background-color: var(--o-color-fill2);
-  margin-right: 32px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.main-page .aside-bar[data-v-c7fa0ab8] {
-    margin-right: 24px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.main-page .aside-bar[data-v-c7fa0ab8] {
-    margin-right: 16px;
-}
-}
-@media (max-width: 840px) {
-.main-page .aside-bar[data-v-c7fa0ab8] {
-    margin-right: 12px;
-}
-}
-.main-page .aside-bar[data-v-c7fa0ab8] {
-  border-radius: var(--user-center-container-border-radius);
+  margin-right: var(--layout-gap);
+  border-radius: var(--container-border-radius);
   overflow: hidden;
 }
-.main-page .main-content[data-v-c7fa0ab8] {
+.main-page .main-content[data-v-588133ac] {
   flex: 1;
   min-width: 0;
-  max-width: var(--user-center-content-width);
-  border-radius: var(--user-center-container-border-radius);
+  max-width: var(--content-width);
+  border-radius: var(--container-border-radius);
 }

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./OLayout.vue2.mjs";
 import './OLayout.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c7fa0ab8"]]);
+const _OLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-588133ac"]]);
 export {
   _OLayout as default
 };

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

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, unref, renderSlot, createCommentVNode, createElementVNode } from "vue";
 import { useScreen } from "@opendesign-plus/composables";
-const _hoisted_1 = { class: "main-page user-center" };
+const _hoisted_1 = { class: "main-page" };
 const _hoisted_2 = {
   key: 0,
   class: "aside-bar"

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

@@ -1,43 +1,26 @@
-.hover-icon-rotate .o-icon[data-v-77534a05] {
+.hover-icon-rotate .o-icon[data-v-d3f5b5b0] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-77534a05] {
+.hover-icon-rotate:hover .o-icon[data-v-d3f5b5b0] {
     transform: rotate(-180deg);
 }
 }
-.account-manage .user-info[data-v-77534a05] {
+.account-manage .user-info[data-v-d3f5b5b0] {
   background-color: var(--o-color-fill2);
-  margin-bottom: 32px;
+  margin-bottom: var(--layout-gap);
+  padding: var(--padding-value-1) var(--padding-value-2);
+  border-radius: var(--container-border-radius);
 }
-@media (min-width: 1201px) and (max-width: 1680px) {
-.account-manage .user-info[data-v-77534a05] {
-    margin-bottom: 24px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.account-manage .user-info[data-v-77534a05] {
-    margin-bottom: 16px;
-}
-}
-@media (max-width: 840px) {
-.account-manage .user-info[data-v-77534a05] {
-    margin-bottom: 12px;
-}
-}
-.account-manage .user-info[data-v-77534a05] {
-  padding: var(--user-center-padding-value-1) var(--user-center-padding-value-2);
-  border-radius: var(--user-center-container-border-radius);
-}
-.account-manage .settings[data-v-77534a05] {
+.account-manage .settings[data-v-d3f5b5b0] {
   background-color: var(--o-color-fill2);
-  padding: var(--user-center-padding-value-1) var(--user-center-padding-value-2);
-  border-radius: var(--user-center-container-border-radius);
+  padding: var(--padding-value-1) var(--padding-value-2);
+  border-radius: var(--container-border-radius);
 }
-.account-manage .user-info-pad[data-v-77534a05] {
+.account-manage .user-info-pad[data-v-d3f5b5b0] {
   background-color: transparent;
 }
-.account-manage .settings-pad[data-v-77534a05] {
+.account-manage .settings-pad[data-v-d3f5b5b0] {
   background-color: transparent;
   padding-bottom: 0;
 }

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./OTheAccountManage.vue2.mjs";
 import './OTheAccountManage.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OTheAccountManage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77534a05"]]);
+const _OTheAccountManage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d3f5b5b0"]]);
 export {
   _OTheAccountManage as default
 };

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

@@ -1,49 +1,49 @@
-.hover-icon-rotate .o-icon[data-v-fd23cd00] {
+.hover-icon-rotate .o-icon[data-v-6af56e3e] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-fd23cd00] {
+.hover-icon-rotate:hover .o-icon[data-v-6af56e3e] {
     transform: rotate(-180deg);
 }
 }
-.create-meeting[data-v-fd23cd00] {
+.create-meeting[data-v-6af56e3e] {
   height: 100%;
   box-sizing: border-box;
   background-color: var(--o-color-fill2);
-  border-radius: var(--user-center-container-border-radius);
+  border-radius: var(--container-border-radius);
   padding: 24px;
 }
-.create-meeting .page-title[data-v-fd23cd00] {
+.create-meeting .page-title[data-v-6af56e3e] {
   font-weight: 500;
   color: var(--o-color-info1);
   font-size: 24px;
   line-height: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.create-meeting .page-title[data-v-fd23cd00] {
+.create-meeting .page-title[data-v-6af56e3e] {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.create-meeting .page-title[data-v-fd23cd00] {
+.create-meeting .page-title[data-v-6af56e3e] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.create-meeting .page-title[data-v-fd23cd00] {
+.create-meeting .page-title[data-v-6af56e3e] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.create-meeting .page-title[data-v-fd23cd00] {
+.create-meeting .page-title[data-v-6af56e3e] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.create-meeting .page-title[data-v-fd23cd00] {
+.create-meeting .page-title[data-v-6af56e3e] {
   padding-bottom: 16px;
   border-bottom: 1px solid var(--o-color-control4);
   margin-bottom: 16px;

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./OTheCreateMeeting.vue2.mjs";
 import './OTheCreateMeeting.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OTheCreateMeeting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fd23cd00"]]);
+const _OTheCreateMeeting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6af56e3e"]]);
 export {
   _OTheCreateMeeting as default
 };