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

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

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

package/dist/treeshaking/components/user-center/OAccountSetting.vue.d.ts

@@ -0,0 +1,25 @@
+import { QueryCodeParams, BindAccountParams } from './types/usercenter.interface';
+import { IObject } from './types/interface';
+import { CaptchaApisT } from './types/captcha';
+type __VLS_Props = {
+    userInfo: IObject;
+    phoneUnbindable?: boolean;
+    phoneVisible?: boolean;
+    community?: string;
+    bindAccountPost: (data: BindAccountParams) => Promise<any>;
+    modifyAccountPost: (body: any, params?: any) => Promise<any>;
+    sendUnbindCodePost: (data: QueryCodeParams) => Promise<any>;
+    sendCodePost: (data: QueryCodeParams) => Promise<any>;
+    unbindAccountPost: (data: BindAccountParams) => Promise<any>;
+    captchaApis: CaptchaApisT;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    refresh: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRefresh?: ((...args: any[]) => any) | undefined;
+}>, {
+    community: string;
+    phoneUnbindable: boolean;
+    phoneVisible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +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"]]);
+export {
+  _OAccountSetting as default
+};