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

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

@@ -1,191 +1,217 @@
-.hover-icon-rotate .o-icon[data-v-d3747ace] {
+.hover-icon-rotate .o-icon[data-v-152022cd] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-d3747ace] {
+.hover-icon-rotate:hover .o-icon[data-v-152022cd] {
     transform: rotate(-180deg);
 }
 }
-.title[data-v-d3747ace] {
-  font-size: var(--font-size3);
-  line-height: var(--line-height3);
+.title[data-v-152022cd] {
+  font-size: 20px;
+  line-height: 28px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.title[data-v-152022cd] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.title[data-v-152022cd] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.title[data-v-152022cd] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) {
+.title[data-v-152022cd] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.title[data-v-152022cd] {
   font-weight: 600;
-  padding-top: var(--layout-gap2);
-  padding-bottom: var(--layout-gap2);
+  padding-top: var(--o-gap-5);
+  padding-bottom: var(--o-gap-5);
 }
-.tips[data-v-d3747ace] {
+.tips[data-v-152022cd] {
   width: 592px;
   color: var(--o-color-info1);
   margin-bottom: 24px;
 }
-.tips[data-v-d3747ace]:last-child {
+.tips[data-v-152022cd]:last-child {
   margin-bottom: 0;
 }
-.tips-title[data-v-d3747ace] {
+.tips-title[data-v-152022cd] {
   font-size: 18px;
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.tips-title[data-v-d3747ace] {
+.tips-title[data-v-152022cd] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.tips-title[data-v-d3747ace] {
+.tips-title[data-v-152022cd] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.tips-title[data-v-d3747ace] {
+.tips-title[data-v-152022cd] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.tips-title[data-v-d3747ace] {
+.tips-title[data-v-152022cd] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.tips-title[data-v-d3747ace] {
+.tips-title[data-v-152022cd] {
   margin-bottom: 4px;
 }
-.tips-content[data-v-d3747ace] {
+.tips-content[data-v-152022cd] {
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.tips-content[data-v-d3747ace] {
+.tips-content[data-v-152022cd] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.tips-content[data-v-d3747ace] {
+.tips-content[data-v-152022cd] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.tips-content[data-v-d3747ace] {
+.tips-content[data-v-152022cd] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.tips-content[data-v-d3747ace] {
+.tips-content[data-v-152022cd] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.tips-content[data-v-d3747ace] {
+.tips-content[data-v-152022cd] {
   font-weight: normal;
   color: var(--o-color-info2);
   display: flex;
   justify-content: space-between;
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.tips[data-v-d3747ace] {
+.tips[data-v-152022cd] {
     width: 480px;
 }
 }
-.tips.lang-en[data-v-d3747ace] {
+.tips.lang-en[data-v-152022cd] {
   width: 592px;
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.tips.lang-en[data-v-d3747ace] {
+.tips.lang-en[data-v-152022cd] {
     width: 480px;
 }
 }
-.red[data-v-d3747ace] {
+.red[data-v-152022cd] {
   color: var(--o-color-danger1);
 }
-.text-btn[data-v-d3747ace] {
+.text-btn[data-v-152022cd] {
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.text-btn[data-v-d3747ace] {
+.text-btn[data-v-152022cd] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.text-btn[data-v-d3747ace] {
+.text-btn[data-v-152022cd] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.text-btn[data-v-d3747ace] {
+.text-btn[data-v-152022cd] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.text-btn[data-v-d3747ace] {
+.text-btn[data-v-152022cd] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.text-btn[data-v-d3747ace] {
+.text-btn[data-v-152022cd] {
   line-height: 24px;
   font-weight: Regular;
   cursor: pointer;
   white-space: nowrap;
   margin-left: 16px;
 }
-.text-btn[data-v-d3747ace]:hover {
+.text-btn[data-v-152022cd]:hover {
   color: var(--o-color-danger2);
 }
-.forget-btn[data-v-d3747ace] {
+.forget-btn[data-v-152022cd] {
   margin-left: 16px;
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.forget-btn[data-v-d3747ace] {
+.forget-btn[data-v-152022cd] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.forget-btn[data-v-d3747ace] {
+.forget-btn[data-v-152022cd] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.forget-btn[data-v-d3747ace] {
+.forget-btn[data-v-152022cd] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.forget-btn[data-v-d3747ace] {
+.forget-btn[data-v-152022cd] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.tips-bg[data-v-d3747ace] {
+.tips-bg[data-v-152022cd] {
   line-height: 24px;
 }
-.tips-bg a[data-v-d3747ace] {
+.tips-bg a[data-v-152022cd] {
   color: var(--o-color-link1);
 }
-.tips-bg a[data-v-d3747ace]:hover {
+.tips-bg a[data-v-152022cd]:hover {
   color: var(--o-color-primary2);
 }
-.security-pad[data-v-d3747ace] {
+.security-pad[data-v-152022cd] {
   /* 三行合并为一张白色卡片，距顶部 16px */
   margin-top: 16px;
   background-color: var(--o-color-fill2);
   border-radius: 4px;
   padding: 0 16px;
 }
-.security-pad .tips[data-v-d3747ace] {
+.security-pad .tips[data-v-152022cd] {
   width: 100%;
   /* 重置基础规则的 max-width:592px，移动端卡片行始终通栏 */
   max-width: 100%;
@@ -194,32 +220,32 @@
   background-color: transparent;
   border-bottom: 1px solid var(--o-color-control4);
 }
-.security-pad .tips[data-v-d3747ace]:last-child {
+.security-pad .tips[data-v-152022cd]:last-child {
   border-bottom: none;
 }
-.security-pad .tips-title[data-v-d3747ace] {
+.security-pad .tips-title[data-v-152022cd] {
   margin-bottom: 8px;
 }
-.security-pad .tips-content[data-v-d3747ace] {
+.security-pad .tips-content[data-v-152022cd] {
   color: var(--o-color-info2);
 }
-.security-pad .tips .forget-btn[data-v-d3747ace] {
+.security-pad .tips .forget-btn[data-v-152022cd] {
   margin-left: 0;
 }
-.security-pad[data-v-d3747ace] {
+.security-pad[data-v-152022cd] {
   /* 登录密码 / 注销账号：标题上、描述+箭头下 */
 }
-.security-pad .tips-inline .tips-content[data-v-d3747ace] {
+.security-pad .tips-inline .tips-content[data-v-152022cd] {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.security-pad .tips-inline .tips-content .tips-desc[data-v-d3747ace] {
+.security-pad .tips-inline .tips-content .tips-desc[data-v-152022cd] {
   display: block;
   flex: 1;
   margin-right: 16px;
 }
-.security-pad .tips-inline .arrow[data-v-d3747ace] {
+.security-pad .tips-inline .arrow[data-v-152022cd] {
   width: 24px;
   height: 24px;
   cursor: pointer;

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

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

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

@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const deleteAccountVisible = ref(false);
-    const pwdDialogVisible = ref(false);
+    const pwdVisible = ref(false);
     const isDelete = ref(false);
     const toBindingAccount = ref("email");
     const toBindingModalVisible = ref(false);
@@ -146,7 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!isSendCodeEmail(props.userInfo.email) && !props.userInfo.phone) {
         toBindingModalVisible.value = true;
       } else {
-        pwdDialogVisible.value = true;
+        pwdVisible.value = true;
       }
     };
     const showDialog = (str, key) => {
@@ -158,10 +158,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       deleteAccountVisible.value = false;
       isDelete.value = false;
       if (toBindingAccount.value === "email") {
-        pwdDialogVisible.value = false;
+        pwdVisible.value = false;
         showDialog("bind", "email");
       } else {
-        pwdDialogVisible.value = false;
+        pwdVisible.value = false;
         showDialog("bind", "phone");
       }
     };
@@ -176,7 +176,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass({ "security-pad": unref(lePadV) })
         }, [
           !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(t)("common.SECURITY")), 1)) : createCommentVNode("", true),
-          __props.pwdVisible ? (openBlock(), createElementBlock("div", {
+          pwdVisible.value ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass(["tips", { "tips-inline": unref(lePadV) }])
           }, [
@@ -252,8 +252,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onBinding: goDeleteBinding
         }, null, 8, ["modelValue", "user-info", "client-id", "community", "send-code-captcha-post", "captcha-apis"]),
         createVNode(OModifyPwd, {
-          modelValue: pwdDialogVisible.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => pwdDialogVisible.value = $event),
+          modelValue: pwdVisible.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => pwdVisible.value = $event),
           "rsa-encrypt": __props.rsaEncrypt,
           "user-info": __props.userInfo,
           "client-id": __props.clientId,