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

package/dist/treeshaking/components/user-center/index.d.ts

@@ -180,7 +180,7 @@ declare const OAccountSetting: {
 };
 declare const OAppHeader: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        navData: import('../header').NavItemT[];
+        navData: import('../../index').NavItemT[];
         logo: {
             zh: {
                 light: string;
@@ -207,7 +207,7 @@ declare const OAppHeader: {
         onLogin?: () => void;
         onLogout?: () => void;
         langOptions?: import('./internal/OCommonHeader.vue').LanguageOptionT[];
-        codeData?: import('../header').CodeT;
+        codeData?: import('../../index').CodeT;
     }> & Readonly<{
         onNavigate?: ((url: string) => any) | undefined;
         "onTheme-change"?: ((val: string) => any) | undefined;
@@ -229,7 +229,7 @@ declare const OAppHeader: {
         M: {};
         Defaults: {};
     }, Readonly<{
-        navData: import('../header').NavItemT[];
+        navData: import('../../index').NavItemT[];
         logo: {
             zh: {
                 light: string;
@@ -256,7 +256,7 @@ declare const OAppHeader: {
         onLogin?: () => void;
         onLogout?: () => void;
         langOptions?: import('./internal/OCommonHeader.vue').LanguageOptionT[];
-        codeData?: import('../header').CodeT;
+        codeData?: import('../../index').CodeT;
     }> & Readonly<{
         onNavigate?: ((url: string) => any) | undefined;
         "onTheme-change"?: ((val: string) => any) | undefined;
@@ -272,7 +272,7 @@ declare const OAppHeader: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
-    navData: import('../header').NavItemT[];
+    navData: import('../../index').NavItemT[];
     logo: {
         zh: {
             light: string;
@@ -299,7 +299,7 @@ declare const OAppHeader: {
     onLogin?: () => void;
     onLogout?: () => void;
     langOptions?: import('./internal/OCommonHeader.vue').LanguageOptionT[];
-    codeData?: import('../header').CodeT;
+    codeData?: import('../../index').CodeT;
 }> & Readonly<{
     onNavigate?: ((url: string) => any) | undefined;
     "onTheme-change"?: ((val: string) => any) | undefined;
@@ -318,7 +318,7 @@ declare const OAppHeader: {
 };
 declare const OAsideBar: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        menus?: import('.').AsideMenuItemT[];
+        menus?: import('../../index').AsideMenuItemT[];
         currentPath?: string;
     }> & Readonly<{
         onNavigate?: ((url: string) => any) | undefined;
@@ -332,7 +332,7 @@ declare const OAsideBar: {
         M: {};
         Defaults: {};
     }, Readonly<{
-        menus?: import('.').AsideMenuItemT[];
+        menus?: import('../../index').AsideMenuItemT[];
         currentPath?: string;
     }> & Readonly<{
         onNavigate?: ((url: string) => any) | undefined;
@@ -341,7 +341,7 @@ declare const OAsideBar: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
-    menus?: import('.').AsideMenuItemT[];
+    menus?: import('../../index').AsideMenuItemT[];
     currentPath?: string;
 }> & Readonly<{
     onNavigate?: ((url: string) => any) | undefined;
@@ -403,7 +403,7 @@ declare const OTheCreateMeeting: {
         getGroupInfosApi: () => Promise<any>;
         getMyMeetingDetailApi: (id: any) => Promise<any>;
         getPlatformsApi: () => Promise<any>;
-        groupType?: import('../meeting').MeetingGroupType;
+        groupType?: import('../../index').MeetingGroupType;
         enablePrivate?: boolean;
     }> & Readonly<{
         onNavigate?: ((url: string) => any) | undefined;
@@ -424,7 +424,7 @@ declare const OTheCreateMeeting: {
         getGroupInfosApi: () => Promise<any>;
         getMyMeetingDetailApi: (id: any) => Promise<any>;
         getPlatformsApi: () => Promise<any>;
-        groupType?: import('../meeting').MeetingGroupType;
+        groupType?: import('../../index').MeetingGroupType;
         enablePrivate?: boolean;
     }> & Readonly<{
         onNavigate?: ((url: string) => any) | undefined;
@@ -440,7 +440,7 @@ declare const OTheCreateMeeting: {
     getGroupInfosApi: () => Promise<any>;
     getMyMeetingDetailApi: (id: any) => Promise<any>;
     getPlatformsApi: () => Promise<any>;
-    groupType?: import('../meeting').MeetingGroupType;
+    groupType?: import('../../index').MeetingGroupType;
     enablePrivate?: boolean;
 }> & Readonly<{
     onNavigate?: ((url: string) => any) | undefined;
@@ -455,14 +455,14 @@ declare const OTheMeeting: {
         cancelSubMeetingApi: (id: number | string, subId?: number | string) => Promise<any>;
         deleteMeetingApi: (id: number) => Promise<any>;
         username?: string;
-        groupType?: import('../meeting').MeetingGroupType;
+        groupType?: import('../../index').MeetingGroupType;
         createVisible?: boolean;
     }> & Readonly<{
         onNavigate?: ((url: string) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         navigate: (url: string) => any;
     }, import('vue').PublicProps, {
-        groupType: import('../meeting').MeetingGroupType;
+        groupType: import('../../index').MeetingGroupType;
         createVisible: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -476,12 +476,12 @@ declare const OTheMeeting: {
         cancelSubMeetingApi: (id: number | string, subId?: number | string) => Promise<any>;
         deleteMeetingApi: (id: number) => Promise<any>;
         username?: string;
-        groupType?: import('../meeting').MeetingGroupType;
+        groupType?: import('../../index').MeetingGroupType;
         createVisible?: boolean;
     }> & Readonly<{
         onNavigate?: ((url: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        groupType: import('../meeting').MeetingGroupType;
+        groupType: import('../../index').MeetingGroupType;
         createVisible: boolean;
     }>;
     __isFragment?: never;
@@ -492,14 +492,14 @@ declare const OTheMeeting: {
     cancelSubMeetingApi: (id: number | string, subId?: number | string) => Promise<any>;
     deleteMeetingApi: (id: number) => Promise<any>;
     username?: string;
-    groupType?: import('../meeting').MeetingGroupType;
+    groupType?: import('../../index').MeetingGroupType;
     createVisible?: boolean;
 }> & Readonly<{
     onNavigate?: ((url: string) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     navigate: (url: string) => any;
 }, string, {
-    groupType: import('../meeting').MeetingGroupType;
+    groupType: import('../../index').MeetingGroupType;
     createVisible: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;

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";

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,