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

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

@@ -1,44 +1,18 @@
-.hover-icon-rotate .o-icon[data-v-e242c05f] {
+.hover-icon-rotate .o-icon[data-v-4cff275e] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-e242c05f] {
+.hover-icon-rotate:hover .o-icon[data-v-4cff275e] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-e242c05f] {
-  font-size: 24px;
-  line-height: 32px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.header[data-v-e242c05f] {
-    font-size: 20px;
-    line-height: 28px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.header[data-v-e242c05f] {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.header[data-v-e242c05f] {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) {
-.header[data-v-e242c05f] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-.header[data-v-e242c05f] {
+.header[data-v-4cff275e] {
+  font-size: var(--o-font-size-h5);
+  line-height: var(--o-line-height-h5);
   font-weight: Medium;
   text-align: center;
 }
-.form .old-account[data-v-e242c05f] {
+.form .old-account[data-v-4cff275e] {
   font-size: 16px;
   line-height: 24px;
   color: var(--o-color-info3);
@@ -46,39 +20,39 @@
   margin-top: -8px;
   margin-bottom: 16px;
 }
-.form .item-label[data-v-e242c05f] {
+.form .item-label[data-v-4cff275e] {
   margin-bottom: 16px;
   font-size: 18px;
   line-height: 26px;
   color: var(--o-color-info1);
 }
-.footer[data-v-e242c05f] {
+.footer[data-v-4cff275e] {
   display: flex;
   justify-content: center;
 }
-.footer .o-btn + .o-btn[data-v-e242c05f] {
+.footer .o-btn + .o-btn[data-v-4cff275e] {
   margin-left: 16px;
 }
-.main[data-v-e242c05f] {
+.main[data-v-4cff275e] {
   max-width: 460px;
   margin: 0 auto;
 }
-.main .main-content[data-v-e242c05f] {
+.main .main-content[data-v-4cff275e] {
   text-align: center;
 }
 
 /* 移动端：文字按钮 + 竖线分隔（与编辑昵称/编辑组织弹窗一致） */
 @media (max-width: 840px) {
-.footer[data-v-e242c05f] {
+.footer[data-v-4cff275e] {
     flex-direction: row-reverse;
     column-gap: 16px;
 }
-.footer .divider[data-v-e242c05f] {
+.footer .divider[data-v-4cff275e] {
     width: 1px;
     height: 24px;
     background-color: var(--o-color-control4);
 }
-.footer .o-btn[data-v-e242c05f] {
+.footer .o-btn[data-v-4cff275e] {
     --btn-radius: 0;
     padding-left: 0;
     padding-right: 0;
@@ -86,12 +60,12 @@
     border-color: transparent;
     color: var(--o-color-info1);
 }
-.footer .o-btn[data-v-e242c05f]:hover {
+.footer .o-btn[data-v-4cff275e]:hover {
     background-color: transparent;
     border-color: transparent;
     color: var(--o-color-info1);
 }
-.footer .o-btn.o-btn-disabled[data-v-e242c05f] {
+.footer .o-btn.o-btn-disabled[data-v-4cff275e] {
     color: var(--o-color-info4);
 }
 }

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

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

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

@@ -266,7 +266,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(ODialog), {
         visible: unref(modelValue),
         "onUpdate:visible": _cache[10] || (_cache[10] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-        class: "dialog user-center-dialog",
+        class: "dialog",
         style: {
           "--dlg-body-padding": "58px",
           "--dlg-padding-body-bottom": 0,

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

@@ -1,34 +1,34 @@
-.hover-icon-rotate .o-icon[data-v-22113a79] {
+.hover-icon-rotate .o-icon[data-v-6da8051c] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-22113a79] {
+.hover-icon-rotate:hover .o-icon[data-v-6da8051c] {
     transform: rotate(-180deg);
 }
 }
-.common-header[data-v-22113a79] {
+.common-header[data-v-6da8051c] {
   /* inline 轴尺寸包含：header 本组件按文档流使用（.header-wrap 为 relative），
      桌面端英文导航 + 搜索工具条的固有宽度若向外传播，会在窄视口下把整页撑宽
      （表现为 main 居中偏移出左侧空区、右侧内容被视口裁切）。
      contain 后 header 自身渲染不变（宽度仍为撑满父级），但不再参与页面固有宽度计算 */
   contain: inline-size;
 }
-.common-header[data-v-22113a79] .header {
+.common-header[data-v-6da8051c] .header {
   position: relative;
 }
-.common-header[data-v-22113a79] .header {
+.common-header[data-v-6da8051c] .header {
   --o-header-height: var(--layout-header-height, 72px);
 }
-.common-header[data-v-22113a79] .header-wrap {
+.common-header[data-v-6da8051c] .header-wrap {
   position: relative;
 }
-.common-header[data-v-22113a79] .header-nav-content {
+.common-header[data-v-6da8051c] .header-nav-content {
   position: absolute;
   top: 100%;
 }
-.common-header[data-v-22113a79] .header-box {
+.common-header[data-v-6da8051c] .header-box {
   position: relative;
 }
-.common-header[data-v-22113a79] .header-content-mb {
+.common-header[data-v-6da8051c] .header-content-mb {
   position: absolute;
 }

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

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

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

@@ -2,7 +2,7 @@ import { defineComponent, computed, openBlock, createElementBlock, unref, create
 import OHeader from "../../header/OHeader.vue.mjs";
 import OHeaderMobile from "../../header/OHeaderMobile.vue.mjs";
 import { useScreen } from "@opendesign-plus/composables";
-const _hoisted_1 = { class: "common-header user-center" };
+const _hoisted_1 = { class: "common-header" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OCommonHeader",
   props: {

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

@@ -1,42 +1,42 @@
-.hover-icon-rotate .o-icon[data-v-234a03bf] {
+.hover-icon-rotate .o-icon[data-v-e30f09d7] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-234a03bf] {
+.hover-icon-rotate:hover .o-icon[data-v-e30f09d7] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-234a03bf] {
+.header[data-v-e30f09d7] {
   font-weight: 600;
   text-align: center;
   font-size: 24px;
   line-height: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.header[data-v-234a03bf] {
+.header[data-v-e30f09d7] {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.header[data-v-234a03bf] {
+.header[data-v-e30f09d7] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.header[data-v-234a03bf] {
+.header[data-v-e30f09d7] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.header[data-v-234a03bf] {
+.header[data-v-e30f09d7] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.delete-tip1[data-v-234a03bf] {
+.delete-tip1[data-v-e30f09d7] {
   display: flex;
   font-size: 14px;
   line-height: 22px;
@@ -49,7 +49,7 @@
   position: relative;
   padding: 4px 12px 4px 0;
 }
-.delete-tip1[data-v-234a03bf]::before {
+.delete-tip1[data-v-e30f09d7]::before {
   content: "";
   position: absolute;
   left: 0;
@@ -59,79 +59,79 @@
   background-color: var(--o-color-warning1);
   border-radius: 8px 0 0 8px;
 }
-.delete-tip1 img[data-v-234a03bf] {
+.delete-tip1 img[data-v-e30f09d7] {
   margin-left: 12px;
   margin-right: 8px;
 }
-.content-tip[data-v-234a03bf] {
+.content-tip[data-v-e30f09d7] {
   display: inline-block;
   margin-bottom: 8px;
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.content-tip[data-v-234a03bf] {
+.content-tip[data-v-e30f09d7] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.content-tip[data-v-234a03bf] {
+.content-tip[data-v-e30f09d7] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.content-tip[data-v-234a03bf] {
+.content-tip[data-v-e30f09d7] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.content-tip[data-v-234a03bf] {
+.content-tip[data-v-e30f09d7] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.content-tip[data-v-234a03bf]:last-child {
+.content-tip[data-v-e30f09d7]:last-child {
   margin-bottom: 0;
 }
-.footer[data-v-234a03bf] {
+.footer[data-v-e30f09d7] {
   display: flex;
   justify-content: center;
   padding-top: 24px;
 }
-.footer .o-btn + .o-btn[data-v-234a03bf] {
+.footer .o-btn + .o-btn[data-v-e30f09d7] {
   margin-left: 16px;
 }
-.footer .o-btn-solid[data-v-234a03bf] {
+.footer .o-btn-solid[data-v-e30f09d7] {
   background-color: var(--o-color-primary1);
   border: 1px solid var(--o-color-primary1);
 }
-.footer .o-btn-solid[data-v-234a03bf]:hover {
+.footer .o-btn-solid[data-v-e30f09d7]:hover {
   background-color: var(--o-color-primary2);
   border: 1px solid var(--o-color-primary2);
 }
-.footer .o-btn-outline[data-v-234a03bf] {
+.footer .o-btn-outline[data-v-e30f09d7] {
   color: var(--o-color-primary1);
   border: 1px solid var(--o-color-primary1);
 }
-.footer .o-btn-outline[data-v-234a03bf]:hover {
+.footer .o-btn-outline[data-v-e30f09d7]:hover {
   color: var(--o-color-primary2);
   background-color: transparent !important;
   border: 1px solid var(--o-color-primary2);
 }
-.footer .o-btn-disabled[data-v-234a03bf] {
+.footer .o-btn-disabled[data-v-e30f09d7] {
   background-color: transparent;
   border-color: var(--o-color-primary4);
   color: var(--o-color-primary4);
 }
-.footer .o-btn-disabled[data-v-234a03bf]:hover {
+.footer .o-btn-disabled[data-v-e30f09d7]:hover {
   color: var(--o-color-primary4);
   background-color: transparent;
   border-color: var(--o-color-primary4);
 }
-.footer-pad[data-v-234a03bf] {
+.footer-pad[data-v-e30f09d7] {
   display: flex;
   flex-direction: row-reverse;
   justify-content: center;
@@ -139,33 +139,33 @@
   padding-top: 12px;
   column-gap: 16px;
 }
-.footer-pad .divider[data-v-234a03bf] {
+.footer-pad .divider[data-v-e30f09d7] {
   width: 1px;
   height: 24px;
   background-color: var(--o-color-control4);
 }
-.footer-pad .o-btn-outline[data-v-234a03bf], .footer-pad .o-btn-primary.o-btn-solid[data-v-234a03bf] {
+.footer-pad .o-btn-outline[data-v-e30f09d7], .footer-pad .o-btn-primary.o-btn-solid[data-v-e30f09d7] {
   color: var(--o-color-info1);
   background-color: transparent;
   border-color: transparent;
 }
-.footer-pad .o-btn-outline[data-v-234a03bf]:hover, .footer-pad .o-btn-primary.o-btn-solid[data-v-234a03bf]:hover {
+.footer-pad .o-btn-outline[data-v-e30f09d7]:hover, .footer-pad .o-btn-primary.o-btn-solid[data-v-e30f09d7]:hover {
   background-color: transparent;
   border-color: transparent;
   color: var(--o-color-info2);
 }
-.footer-pad .o-btn-outline[data-v-234a03bf] {
+.footer-pad .o-btn-outline[data-v-e30f09d7] {
   color: var(--o-color-danger1);
 }
-.footer-pad .o-btn-outline[data-v-234a03bf]:hover {
+.footer-pad .o-btn-outline[data-v-e30f09d7]:hover {
   color: var(--o-color-danger2);
 }
-.footer-pad .o-btn-disabled[data-v-234a03bf] {
+.footer-pad .o-btn-disabled[data-v-e30f09d7] {
   background-color: transparent;
   border-color: transparent;
   color: var(--o-color-danger4);
 }
-.footer-pad .o-btn-disabled[data-v-234a03bf]:hover {
+.footer-pad .o-btn-disabled[data-v-e30f09d7]:hover {
   color: var(--o-color-danger4);
   background-color: transparent;
   border-color: transparent;

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

@@ -2,7 +2,7 @@ import _sfc_main from "./ODeleteAccountModal.vue2.mjs";
 import './ODeleteAccountModal.css';
 import './ODeleteAccountModal2.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const ODeleteAccountModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-234a03bf"]]);
+const ODeleteAccountModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e30f09d7"]]);
 export {
   ODeleteAccountModal as default
 };

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

@@ -168,7 +168,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(unref(ODialog), {
           visible: unref(modelValue),
           "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-          class: "user-center-dialog user-center-delete-account-dialog",
+          class: "delete-account-dialog",
           style: {
             "--dlg-body-padding": "58px",
             "--dlg-padding-body-bottom": 0,

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

@@ -1,107 +1,57 @@
-.hover-icon-rotate .o-icon[data-v-19854a32] {
+.hover-icon-rotate .o-icon[data-v-2c3dc788] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-19854a32] {
+.hover-icon-rotate:hover .o-icon[data-v-2c3dc788] {
     transform: rotate(-180deg);
 }
 }
-.dlg-action[data-v-19854a32] {
+.dlg-action[data-v-2c3dc788] {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 16px;
 }
-.dlg-action .divider[data-v-19854a32] {
+.dlg-action .divider[data-v-2c3dc788] {
   width: 1px;
   height: 24px;
   background-color: var(--o-color-control4);
 }
-.dlg-action .o-btn-text[data-v-19854a32] {
+.dlg-action .o-btn-text[data-v-2c3dc788] {
   color: var(--o-color-info1);
   padding: 0;
   background-color: transparent;
   border-color: transparent;
   font-size: 16px;
 }
-.dlg-action .o-btn-primary.o-btn-text[data-v-19854a32] {
+.dlg-action .o-btn-primary.o-btn-text[data-v-2c3dc788] {
   color: var(--o-color-info1);
   background-color: transparent;
   border-color: transparent;
 }
-.dlg-action[data-v-19854a32] .o-form-item-label {
+.dlg-action[data-v-2c3dc788] .o-form-item-label {
   display: none !important;
 }
-.form-wrapper[data-v-19854a32] {
+.form-wrapper[data-v-2c3dc788] {
   display: flex;
   justify-content: center;
 }
-.form[data-v-19854a32] {
+.form[data-v-2c3dc788] {
   width: 100%;
   max-width: 360px;
   font-weight: 400;
 }
-.form[data-v-19854a32] .o-link-main {
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.form[data-v-19854a32] .o-link-main {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.form[data-v-19854a32] .o-link-main {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.form[data-v-19854a32] .o-link-main {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.form[data-v-19854a32] .o-link-main {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.form[data-v-19854a32] .o_input-input {
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.form[data-v-19854a32] .o_input-input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.form[data-v-19854a32] .o_input-input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.form[data-v-19854a32] .o_input-input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.form[data-v-19854a32] .o_input-input {
-    font-size: 12px;
-    line-height: 18px;
+.form[data-v-2c3dc788] .o-link-main {
+  font-size: var(--font-size5);
 }
+.form[data-v-2c3dc788] .o_input-input {
+  font-size: var(--font-size5);
 }
-.header[data-v-19854a32] {
+.header[data-v-2c3dc788] {
   font-size: 18px;
   font-weight: 500;
   line-height: 26px;
 }
-[data-v-19854a32] .o-form-layout-h .o-form-item-label + .o-form-item-main {
+[data-v-2c3dc788] .o-form-layout-h .o-form-item-label + .o-form-item-main {
   margin-left: 0 !important;
 }

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

@@ -2,7 +2,7 @@ import _sfc_main from "./OEditNicknameDialog.vue2.mjs";
 import './OEditNicknameDialog.css';
 import './OEditNicknameDialog2.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const OEditNicknameDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-19854a32"]]);
+const OEditNicknameDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2c3dc788"]]);
 export {
   OEditNicknameDialog as default
 };

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

@@ -72,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ODialog), {
-        class: "user-center-dialog user-center-edit-nickname-dialog",
+        class: "edit-nickname-dialog",
         "mask-close": false,
         visible: unref(isEditNicknameDialog),
         onChange,

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

@@ -7,7 +7,7 @@
 }
 }
 @media (max-width: 600px) {
-.user-center-edit-nickname-dialog {
+.edit-nickname-dialog {
     --dlg-width: calc(100vw - 48px) !important;
 }
 }