smart-admin-web 10.14.0 → 10.20.0

package/dist/views/oauth/callback2.vue.js

@@ -1,86 +1,100 @@
-import { defineComponent as w, ref as b, onMounted as A, openBlock as c, createElementBlock as u, createVNode as v, unref as s, createElementVNode as p, toDisplayString as l } from "vue";
-import { useRoute as E, useRouter as T } from "vue-router";
+import { defineComponent as A, ref as _, onMounted as E, openBlock as u, createBlock as T, withCtx as B, createElementVNode as t, createElementBlock as v, Fragment as b, createVNode as x, unref as s, toDisplayString as p } from "vue";
+import { useRoute as C, useRouter as L } from "vue-router";
 import { useI18n as q } from "vue-i18n";
-import { NSpin as B } from "naive-ui";
-import { Icon as C } from "@iconify/vue";
-import { externalAuthApi as L } from "../../api/index.js";
-import { useUserStore as I } from "../../stores/user.js";
-import { useAuthStore as D } from "../../stores/auth.js";
-import { resetRouter as O } from "../../router/index.js";
-import { translateError as U } from "../../utils/error.js";
-const V = { class: "oauth-cb" }, z = {
-  key: 0,
-  class: "oauth-box"
-}, F = { class: "oauth-msg" }, H = {
-  key: 1,
-  class: "oauth-box"
-}, K = { class: "oauth-msg" }, M = { class: "oauth-sub" }, te = /* @__PURE__ */ w({
+import { NSpin as D } from "naive-ui";
+import { Icon as I } from "@iconify/vue";
+import { externalAuthApi as F } from "../../api/index.js";
+import { useUserStore as O } from "../../stores/user.js";
+import { useAuthStore as U } from "../../stores/auth.js";
+import { resetRouter as V } from "../../router/index.js";
+import { translateError as z } from "../../utils/error.js";
+import H from "../login/components/LoginDesk.vue.js";
+const K = {
+  class: "oauth-box",
+  role: "status",
+  "aria-live": "polite"
+}, M = { class: "oauth-msg" }, P = { class: "oauth-msg oauth-msg-fail" }, Y = { class: "oauth-sub" }, ne = /* @__PURE__ */ A({
   __name: "callback",
-  setup(P) {
-    const S = E(), t = T(), { t: o } = q(), r = I(), x = D(), h = b("processing"), d = b(""), N = {
+  setup(j) {
+    const w = C(), o = L(), { t: r } = q(), n = O(), S = U(), l = _("processing"), d = _(""), N = {
       40013: "error.auth.oauthProviderDisabled",
       40014: "error.auth.oauthStateInvalid",
       40015: "error.auth.oauthExchangeFailed",
       40016: "error.auth.oauthAccountNotBound",
       40017: "error.auth.oauthAlreadyBound"
     };
-    function a(e) {
-      h.value = "error", d.value = e, window.setTimeout(() => t.replace("/login"), 2600);
+    function c(e) {
+      l.value = "error", d.value = e, window.setTimeout(() => o.replace("/login"), 2600);
     }
-    function f() {
-      !r.accessToken && !r.refreshToken && !r.cookieSession || (O(), x.reset(), r.clear());
+    function h() {
+      !n.accessToken && !n.refreshToken && !n.cookieSession || (V(), S.reset(), n.clear());
     }
-    return A(async () => {
-      const e = S.query, i = typeof e.ticket == "string" ? e.ticket : "", R = typeof e.bind == "string" ? e.bind : "", m = typeof e.pendingLink == "string" ? e.pendingLink : "", g = typeof e.provider == "string" ? e.provider : "", _ = typeof e.displayName == "string" ? e.displayName : "", y = typeof e.error == "string" ? e.error : "", k = typeof e.totpChallenge == "string" ? e.totpChallenge : "";
+    return E(async () => {
+      const e = w.query, i = typeof e.ticket == "string" ? e.ticket : "", R = typeof e.bind == "string" ? e.bind : "", f = typeof e.pendingLink == "string" ? e.pendingLink : "", m = typeof e.provider == "string" ? e.provider : "", g = typeof e.displayName == "string" ? e.displayName : "", y = typeof e.error == "string" ? e.error : "", k = typeof e.totpChallenge == "string" ? e.totpChallenge : "";
       if (k) {
-        f(), await t.replace({ path: "/login", query: { totpChallenge: k } });
+        h(), await o.replace({ path: "/login", query: { totpChallenge: k } });
         return;
       }
-      if (m) {
-        f(), await t.replace({
+      if (f) {
+        h(), await o.replace({
           path: "/login",
           query: {
-            pendingLink: m,
-            ...g ? { provider: g } : {},
-            ..._ ? { displayName: _ } : {}
+            pendingLink: f,
+            ...m ? { provider: m } : {},
+            ...g ? { displayName: g } : {}
           }
         });
         return;
       }
       if (y) {
-        const n = N[Number(y)];
-        a(o(n || "oauth.failed"));
+        const a = N[Number(y)];
+        c(r(a || "oauth.failed"));
         return;
       }
       if (R) {
-        t.replace("/personal/bindings");
+        o.replace("/personal/bindings");
         return;
       }
       if (i) {
         try {
-          r.setSession(await L.exchange(i)), t.replace("/");
-        } catch (n) {
-          a(U(n));
+          n.setSession(await F.exchange(i)), o.replace("/");
+        } catch (a) {
+          c(z(a));
         }
         return;
       }
-      a(o("oauth.failed"));
-    }), (e, i) => (c(), u("div", V, [
-      h.value === "processing" ? (c(), u("div", z, [
-        v(s(B), { size: "large" }),
-        p("p", F, l(s(o)("oauth.processing")), 1)
-      ])) : (c(), u("div", H, [
-        v(s(C), {
-          icon: "ph:warning-circle-duotone",
-          class: "oauth-err-icon"
-        }),
-        p("p", K, l(d.value), 1),
-        p("p", M, l(s(o)("oauth.backToLogin")), 1)
-      ]))
-    ]));
+      c(r("oauth.failed"));
+    }), (e, i) => (u(), T(H, {
+      width: 400,
+      "content-style": "padding: 34px 28px 28px"
+    }, {
+      default: B(() => [
+        t("div", K, [
+          l.value === "processing" ? (u(), v(b, { key: 0 }, [
+            x(s(D), { size: "large" }),
+            t("p", M, p(s(r)("oauth.processing")), 1)
+          ], 64)) : (u(), v(b, { key: 1 }, [
+            x(s(I), {
+              icon: "ph:warning-circle",
+              width: 44,
+              class: "oauth-err-icon"
+            }),
+            t("p", P, p(d.value), 1),
+            t("p", Y, p(s(r)("oauth.backToLogin")), 1),
+            i[0] || (i[0] = t("div", {
+              class: "oauth-bar",
+              "aria-hidden": "true"
+            }, [
+              t("i")
+            ], -1))
+          ], 64))
+        ])
+      ]),
+      _: 1
+    }));
   }
 });
 export {
-  te as default
+  ne as default
 };
 //# sourceMappingURL=callback2.vue.js.map

package/dist/views/oauth/callback2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"callback2.vue.js","sources":["../../../src/views/oauth/callback.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 外部登录 / SSO 回调结果页。IdP → 后端回调换会话后,后端 302 到本页并带:\n//   ?ticket=xxx        登录成功:凭一次性票据换令牌 → 存会话 → 进首页\n//   ?bind=code         绑定成功:回个人中心绑定页\n//   ?pendingLink=…&provider=…  未绑定:转登录页,账密成功后认领自动绑定\n//   ?totpChallenge=id (+ error=40018) SSO 后需 TOTP:带回登录页完成二次验证\n//   ?error=NNNNN       失败:按错误码提示,稍候回登录页\n// 公开路由(未登录也能到);令牌不进 URL,只带票据(见后端 ExternalAuthController)。\nimport { onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { NSpin } from 'naive-ui'\nimport { Icon } from '@iconify/vue'\nimport { externalAuthApi } from '#/api'\nimport { useUserStore } from '#/stores/user'\nimport { useAuthStore } from '#/stores/auth'\nimport { resetRouter } from '#/router'\nimport { translateError } from '#/utils/error'\n\nconst route = useRoute()\nconst router = useRouter()\nconst { t } = useI18n()\nconst user = useUserStore()\nconst auth = useAuthStore()\n\nconst state = ref<'processing' | 'error'>('processing')\nconst errorText = ref('')\n\n// 后端按 ErrorCode 数字码重定向;这里映射已知 oauth 码到 i18n(与后端 40013–40017 对齐)\nconst OAUTH_ERROR_KEYS: Record<number, string> = {\n  40013: 'error.auth.oauthProviderDisabled',\n  40014: 'error.auth.oauthStateInvalid',\n  40015: 'error.auth.oauthExchangeFailed',\n  40016: 'error.auth.oauthAccountNotBound',\n  40017: 'error.auth.oauthAlreadyBound',\n}\n\nfunction fail(text: string) {\n  state.value = 'error'\n  errorText.value = text\n  window.setTimeout(() => router.replace('/login'), 2600)\n}\n\n/**\n * 丢掉残留 SPA 会话。解绑后 SSO 会回 pendingLink/totpChallenge → /login;\n * 若 localStorage 仍有 token,路由守卫会把「已登录访问 /login」弹回首页,看起来像「GitHub 直接登录进去了」。\n * 多个前端实例不同源存储时尤其易踩:在一端登出,回调却落到另一端仍带旧会话。\n */\nfunction dropResidualSession() {\n  if (!user.accessToken && !user.refreshToken && !user.cookieSession) return\n  resetRouter()\n  auth.reset()\n  user.clear()\n}\n\nonMounted(async () => {\n  const q = route.query\n  const ticket = typeof q.ticket === 'string' ? q.ticket : ''\n  const bind = typeof q.bind === 'string' ? q.bind : ''\n  const pendingLink = typeof q.pendingLink === 'string' ? q.pendingLink : ''\n  const provider = typeof q.provider === 'string' ? q.provider : ''\n  const displayName = typeof q.displayName === 'string' ? q.displayName : ''\n  const error = typeof q.error === 'string' ? q.error : ''\n  const totpChallenge = typeof q.totpChallenge === 'string' ? q.totpChallenge : ''\n\n  // SSO 已通过 IdP,但需 TOTP:把挑战 Id 交给登录页完成 40018 流\n  if (totpChallenge) {\n    dropResidualSession()\n    await router.replace({ path: '/login', query: { totpChallenge } })\n    return\n  }\n\n  // 未绑定:转登录页现场绑定(账密成功后须确认再 claim);必须先清残留会话,否则守卫直接送首页\n  if (pendingLink) {\n    dropResidualSession()\n    await router.replace({\n      path: '/login',\n      query: {\n        pendingLink,\n        ...(provider ? { provider } : {}),\n        ...(displayName ? { displayName } : {}),\n      },\n    })\n    return\n  }\n\n  if (error) {\n    const key = OAUTH_ERROR_KEYS[Number(error)]\n    fail(key ? t(key) : t('oauth.failed'))\n    return\n  }\n\n  if (bind) {\n    router.replace('/personal/bindings') // 绑定成功回个人中心\n    return\n  }\n\n  if (ticket) {\n    try {\n      user.setSession(await externalAuthApi.exchange(ticket))\n      router.replace('/')\n    } catch (e) {\n      fail(translateError(e))\n    }\n    return\n  }\n\n  fail(t('oauth.failed')) // 既无票据也无错误码:异常回退\n})\n</script>\n\n<template>\n  <div class=\"oauth-cb\">\n    <div v-if=\"state === 'processing'\" class=\"oauth-box\">\n      <n-spin size=\"large\" />\n      <p class=\"oauth-msg\">{{ t('oauth.processing') }}</p>\n    </div>\n    <div v-else class=\"oauth-box\">\n      <Icon icon=\"ph:warning-circle-duotone\" class=\"oauth-err-icon\" />\n      <p class=\"oauth-msg\">{{ errorText }}</p>\n      <p class=\"oauth-sub\">{{ t('oauth.backToLogin') }}</p>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.oauth-cb {\n  min-height: 100dvh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--color-bg-layout, #f5f6f8);\n}\n.oauth-box {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 14px;\n}\n.oauth-msg {\n  font-size: 15px;\n  color: var(--color-text-primary);\n}\n.oauth-sub {\n  font-size: 13px;\n  color: var(--color-text-tertiary);\n}\n.oauth-err-icon {\n  font-size: 44px;\n  color: var(--color-error, #e88080);\n}\n</style>\n"],"names":["route","useRoute","router","useRouter","t","useI18n","user","useUserStore","auth","useAuthStore","state","ref","errorText","OAUTH_ERROR_KEYS","fail","text","dropResidualSession","resetRouter","onMounted","q","ticket","bind","pendingLink","provider","displayName","error","totpChallenge","key","externalAuthApi","e","translateError","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createVNode","_unref","NSpin","_createElementVNode","_hoisted_3","_toDisplayString","_hoisted_4","Icon","_hoisted_5","_hoisted_6"],"mappings":"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"}
+{"version":3,"file":"callback2.vue.js","sources":["../../../src/views/oauth/callback.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 外部登录 / SSO 回调结果页。IdP → 后端回调换会话后,后端 302 到本页并带:\n//   ?ticket=xxx        登录成功:凭一次性票据换令牌 → 存会话 → 进首页\n//   ?bind=code         绑定成功:回个人中心绑定页\n//   ?pendingLink=…&provider=…  未绑定:转登录页,账密成功后认领自动绑定\n//   ?totpChallenge=id (+ error=40018) SSO 后需 TOTP:带回登录页完成二次验证\n//   ?error=NNNNN       失败:按错误码提示,稍候回登录页\n// 公开路由(未登录也能到);令牌不进 URL,只带票据(见后端 ExternalAuthController)。\nimport { onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { NSpin } from 'naive-ui'\nimport { Icon } from '@iconify/vue'\nimport { externalAuthApi } from '#/api'\nimport { useUserStore } from '#/stores/user'\nimport { useAuthStore } from '#/stores/auth'\nimport { resetRouter } from '#/router'\nimport { translateError } from '#/utils/error'\nimport LoginDesk from '#/views/login/components/LoginDesk.vue'\n\nconst route = useRoute()\nconst router = useRouter()\nconst { t } = useI18n()\nconst user = useUserStore()\nconst auth = useAuthStore()\n\nconst state = ref<'processing' | 'error'>('processing')\nconst errorText = ref('')\n\n// 后端按 ErrorCode 数字码重定向;这里映射已知 oauth 码到 i18n(与后端 40013–40017 对齐)\nconst OAUTH_ERROR_KEYS: Record<number, string> = {\n  40013: 'error.auth.oauthProviderDisabled',\n  40014: 'error.auth.oauthStateInvalid',\n  40015: 'error.auth.oauthExchangeFailed',\n  40016: 'error.auth.oauthAccountNotBound',\n  40017: 'error.auth.oauthAlreadyBound',\n}\n\nfunction fail(text: string) {\n  state.value = 'error'\n  errorText.value = text\n  window.setTimeout(() => router.replace('/login'), 2600)\n}\n\n/**\n * 丢掉残留 SPA 会话。解绑后 SSO 会回 pendingLink/totpChallenge → /login;\n * 若 localStorage 仍有 token,路由守卫会把「已登录访问 /login」弹回首页,看起来像「GitHub 直接登录进去了」。\n * 多个前端实例不同源存储时尤其易踩:在一端登出,回调却落到另一端仍带旧会话。\n */\nfunction dropResidualSession() {\n  if (!user.accessToken && !user.refreshToken && !user.cookieSession) return\n  resetRouter()\n  auth.reset()\n  user.clear()\n}\n\nonMounted(async () => {\n  const q = route.query\n  const ticket = typeof q.ticket === 'string' ? q.ticket : ''\n  const bind = typeof q.bind === 'string' ? q.bind : ''\n  const pendingLink = typeof q.pendingLink === 'string' ? q.pendingLink : ''\n  const provider = typeof q.provider === 'string' ? q.provider : ''\n  const displayName = typeof q.displayName === 'string' ? q.displayName : ''\n  const error = typeof q.error === 'string' ? q.error : ''\n  const totpChallenge = typeof q.totpChallenge === 'string' ? q.totpChallenge : ''\n\n  // SSO 已通过 IdP,但需 TOTP:把挑战 Id 交给登录页完成 40018 流\n  if (totpChallenge) {\n    dropResidualSession()\n    await router.replace({ path: '/login', query: { totpChallenge } })\n    return\n  }\n\n  // 未绑定:转登录页现场绑定(账密成功后须确认再 claim);必须先清残留会话,否则守卫直接送首页\n  if (pendingLink) {\n    dropResidualSession()\n    await router.replace({\n      path: '/login',\n      query: {\n        pendingLink,\n        ...(provider ? { provider } : {}),\n        ...(displayName ? { displayName } : {}),\n      },\n    })\n    return\n  }\n\n  if (error) {\n    const key = OAUTH_ERROR_KEYS[Number(error)]\n    fail(key ? t(key) : t('oauth.failed'))\n    return\n  }\n\n  if (bind) {\n    router.replace('/personal/bindings') // 绑定成功回个人中心\n    return\n  }\n\n  if (ticket) {\n    try {\n      user.setSession(await externalAuthApi.exchange(ticket))\n      router.replace('/')\n    } catch (e) {\n      fail(translateError(e))\n    }\n    return\n  }\n\n  fail(t('oauth.failed')) // 既无票据也无错误码:异常回退\n})\n</script>\n\n<template>\n  <LoginDesk :width=\"400\" content-style=\"padding: 34px 28px 28px\">\n    <div class=\"oauth-box\" role=\"status\" aria-live=\"polite\">\n      <template v-if=\"state === 'processing'\">\n        <n-spin size=\"large\" />\n        <p class=\"oauth-msg\">{{ t('oauth.processing') }}</p>\n      </template>\n      <template v-else>\n        <Icon icon=\"ph:warning-circle\" :width=\"44\" class=\"oauth-err-icon\" />\n        <p class=\"oauth-msg oauth-msg-fail\">{{ errorText }}</p>\n        <p class=\"oauth-sub\">{{ t('oauth.backToLogin') }}</p>\n        <!-- 与 fail() 里 2.6 秒后回登录页的定时器同长的进度条(纯展示,跳转仍由定时器负责) -->\n        <div class=\"oauth-bar\" aria-hidden=\"true\"><i /></div>\n      </template>\n    </div>\n  </LoginDesk>\n</template>\n\n<style scoped>\n.oauth-box {\n  min-height: 150px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  text-align: center;\n}\n.oauth-msg {\n  margin: 0;\n  font-size: 15px;\n  color: var(--text-1);\n}\n.oauth-msg-fail {\n  max-width: 320px;\n  line-height: 1.5;\n}\n.oauth-sub {\n  margin: 0;\n  font-size: 13.5px;\n  color: var(--text-3);\n}\n.oauth-err-icon {\n  color: var(--err);\n}\n.oauth-bar {\n  width: 160px;\n  height: 3px;\n  overflow: hidden;\n  border-radius: 2px;\n  background: var(--fill);\n}\n.oauth-bar i {\n  display: block;\n  height: 100%;\n  width: 100%;\n  border-radius: inherit;\n  background: var(--signal);\n  transform-origin: left;\n  animation: oauth-fill 2.6s linear both;\n}\n@keyframes oauth-fill {\n  from {\n    transform: scaleX(0);\n  }\n  to {\n    transform: scaleX(1);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .oauth-bar i {\n    animation: none;\n  }\n}\n</style>\n"],"names":["route","useRoute","router","useRouter","t","useI18n","user","useUserStore","auth","useAuthStore","state","ref","errorText","OAUTH_ERROR_KEYS","fail","text","dropResidualSession","resetRouter","onMounted","q","ticket","bind","pendingLink","provider","displayName","error","totpChallenge","key","externalAuthApi","e","translateError","_createBlock","LoginDesk","_createElementVNode","_hoisted_1","_createElementBlock","_Fragment","_createVNode","_unref","NSpin","_hoisted_2","_toDisplayString","Icon","_hoisted_3","_hoisted_4"],"mappings":"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"}

package/dist/views/personal/bindings.vue.js

@@ -1,7 +1,7 @@
 import o from "./bindings2.vue.js";
 /* empty css              */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3ab6b190"]]);
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ f(o, [["__scopeId", "data-v-6fc65f6f"]]);
 export {
   m as default
 };

package/dist/views/personal/bindings2.vue.js

@@ -1,213 +1,217 @@
-import { defineComponent as I, ref as _, computed as B, onMounted as L, openBlock as a, createElementBlock as c, createElementVNode as d, toDisplayString as i, unref as e, createCommentVNode as v, createVNode as m, withCtx as l, createTextVNode as h, createBlock as u, Fragment as P, renderList as q, normalizeClass as T } from "vue";
-import { useMessage as F, NAlert as H, NSpin as R, NEmpty as U, NCard as j, NTag as y, NButton as x } from "naive-ui";
+import { defineComponent as I, ref as p, computed as B, onMounted as L, openBlock as s, createElementBlock as r, createElementVNode as d, toDisplayString as i, unref as e, createBlock as u, withCtx as o, createTextVNode as b, createCommentVNode as y, createVNode as h, Fragment as P, renderList as q, normalizeClass as T } from "vue";
+import { useMessage as F, NTag as f, NAlert as H, NSpin as R, NEmpty as U, NCard as j, NButton as x } from "naive-ui";
 import { useI18n as G } from "vue-i18n";
-import { externalAuthApi as f } from "../../api/index.js";
+import { externalAuthApi as v } from "../../api/index.js";
 import { useConfirm as J } from "../../composables/useConfirm.js";
 import { translateError as A } from "../../utils/error.js";
 import { fmtDateTime as K } from "../../utils/format.js";
 import { mergeBindingRows as O } from "../../utils/oauthBrand.js";
 import Q from "../../components/oauth/BrandIcon.vue.js";
 import g from "../../components/AppIcon.vue.js";
-const W = { class: "bind-page" }, X = { class: "bind-header" }, Y = { class: "bind-header-text" }, Z = { class: "bind-title" }, w = { class: "bind-hint" }, ee = {
-  key: 0,
-  class: "bind-summary"
-}, ne = { class: "bind-summary-num" }, ie = { class: "bind-summary-label" }, se = {
+const W = { class: "bind-page" }, X = { class: "bind-header" }, Y = { class: "bind-header-text" }, Z = { class: "bind-title" }, w = { class: "bind-hint" }, ee = { class: "bind-summary-num" }, ne = {
   key: 1,
   class: "bind-grid"
-}, te = { class: "bind-card-main" }, ae = {
+}, ie = { class: "bind-card-main" }, te = {
   key: 0,
   class: "bind-check",
   "aria-hidden": "true"
-}, de = { class: "bind-meta" }, oe = { class: "bind-title-row" }, le = { class: "bind-name" }, ce = { class: "bind-code" }, re = {
+}, ae = { class: "bind-meta" }, se = { class: "bind-title-row" }, de = { class: "bind-name" }, oe = { class: "bind-code" }, le = {
   key: 0,
   class: "bind-time"
-}, ue = {
+}, ce = {
   key: 1,
   class: "bind-disabled-tip"
-}, be = {
+}, re = {
   key: 2,
   class: "bind-free-tip"
-}, me = { class: "bind-actions" }, he = {
+}, ue = { class: "bind-actions" }, be = {
   key: 2,
   class: "bind-na"
-}, Te = /* @__PURE__ */ I({
+}, Ne = /* @__PURE__ */ I({
   __name: "bindings",
-  setup(pe) {
-    const { t: s } = G(), k = F(), { confirm: E } = J(), p = _(!0), C = _([]), z = _([]), r = _(null), b = B(() => O(C.value, z.value)), V = B(() => b.value.filter((t) => !!t.binding).length);
+  setup(me) {
+    const { t } = G(), k = F(), { confirm: E } = J(), _ = p(!0), C = p([]), z = p([]), l = p(null), m = B(() => O(C.value, z.value)), V = B(() => m.value.filter((a) => !!a.binding).length);
     async function N() {
-      p.value = !0;
+      _.value = !0;
       try {
-        const [t, o] = await Promise.all([f.providers(), f.bindings()]);
-        C.value = t, z.value = o;
-      } catch (t) {
-        k.error(A(t));
+        const [a, c] = await Promise.all([v.providers(), v.bindings()]);
+        C.value = a, z.value = c;
+      } catch (a) {
+        k.error(A(a));
       } finally {
-        p.value = !1;
+        _.value = !1;
       }
     }
     L(N);
-    async function M(t) {
-      if (!(!t.enabled || r.value)) {
-        r.value = t.code;
+    async function M(a) {
+      if (!(!a.enabled || l.value)) {
+        l.value = a.code;
         try {
-          const { authorizeUrl: o } = await f.bindStart(t.code);
-          window.location.href = o;
-        } catch (o) {
-          k.error(A(o)), r.value = null;
+          const { authorizeUrl: c } = await v.bindStart(a.code);
+          window.location.href = c;
+        } catch (c) {
+          k.error(A(c)), l.value = null;
         }
       }
     }
-    function S(t) {
-      r.value || E({
+    function S(a) {
+      l.value || E({
         type: "warning",
-        content: s("oauth.unbindConfirm", { name: t.displayName }),
-        action: () => f.unbind(t.code),
-        successMsg: s("oauth.unbound")
-      }).then((o) => {
-        o && N();
+        content: t("oauth.unbindConfirm", { name: a.displayName }),
+        action: () => v.unbind(a.code),
+        successMsg: t("oauth.unbound")
+      }).then((c) => {
+        c && N();
       });
     }
-    function $(t) {
-      return t.enabled ? t.binding ? "bind-card--bound" : "bind-card--free" : "bind-card--disabled";
+    function $(a) {
+      return a.enabled ? a.binding ? "bind-card--bound" : "bind-card--free" : "bind-card--disabled";
     }
-    return (t, o) => (a(), c("div", W, [
+    return (a, c) => (s(), r("div", W, [
       d("header", X, [
         d("div", Y, [
-          d("h2", Z, i(e(s)("oauth.bindingsTitle")), 1),
-          d("p", w, i(e(s)("oauth.bindingsHint")), 1)
+          d("h2", Z, i(e(t)("oauth.bindingsTitle")), 1),
+          d("p", w, i(e(t)("oauth.bindingsHint")), 1)
         ]),
-        !p.value && b.value.length ? (a(), c("div", ee, [
-          d("span", ne, i(V.value), 1),
-          o[0] || (o[0] = d("span", { class: "bind-summary-sep" }, "/", -1)),
-          d("span", null, i(b.value.length), 1),
-          d("span", ie, i(e(s)("oauth.boundCountLabel")), 1)
-        ])) : v("", !0)
+        !_.value && m.value.length ? (s(), u(e(f), {
+          key: 0,
+          round: "",
+          bordered: !1,
+          size: "medium",
+          class: "bind-summary"
+        }, {
+          default: o(() => [
+            d("span", ee, i(V.value), 1),
+            b(" / " + i(m.value.length) + " " + i(e(t)("oauth.boundCountLabel")), 1)
+          ]),
+          _: 1
+        })) : y("", !0)
       ]),
-      m(e(H), {
+      h(e(H), {
         type: "info",
         bordered: !1,
         class: "bind-alert"
       }, {
-        default: l(() => [
-          h(i(e(s)("oauth.bindingsTip")), 1)
+        default: o(() => [
+          b(i(e(t)("oauth.bindingsTip")), 1)
         ]),
         _: 1
       }),
-      m(e(R), { show: p.value }, {
-        default: l(() => [
-          !p.value && !b.value.length ? (a(), u(e(U), {
+      h(e(R), { show: _.value }, {
+        default: o(() => [
+          !_.value && !m.value.length ? (s(), u(e(U), {
             key: 0,
-            description: e(s)("oauth.noProviders"),
+            description: e(t)("oauth.noProviders"),
             class: "bind-empty"
-          }, null, 8, ["description"])) : b.value.length ? (a(), c("div", se, [
-            (a(!0), c(P, null, q(b.value, (n) => (a(), u(e(j), {
+          }, null, 8, ["description"])) : m.value.length ? (s(), r("div", ne, [
+            (s(!0), r(P, null, q(m.value, (n) => (s(), u(e(j), {
               key: n.code,
               size: "small",
               bordered: !0,
-              class: T(["bind-card", $(n)])
+              class: T(["a-card bind-card", $(n)])
             }, {
-              default: l(() => [
-                d("div", te, [
+              default: o(() => [
+                d("div", ie, [
                   d("span", {
                     class: T(["bind-avatar", { "bind-avatar--bound": !!n.binding }])
                   }, [
-                    m(Q, {
+                    h(Q, {
                       code: n.code,
                       icon: n.icon,
                       size: 44
                     }, null, 8, ["code", "icon"]),
-                    n.binding ? (a(), c("span", ae, [
-                      m(g, {
-                        icon: "ph:check-bold",
+                    n.binding ? (s(), r("span", te, [
+                      h(g, {
+                        icon: "ph:check",
                         size: 12
                       })
-                    ])) : v("", !0)
+                    ])) : y("", !0)
                   ], 2),
-                  d("div", de, [
-                    d("div", oe, [
-                      d("span", le, i(n.displayName), 1),
-                      n.enabled ? n.binding ? (a(), u(e(y), {
+                  d("div", ae, [
+                    d("div", se, [
+                      d("span", de, i(n.displayName), 1),
+                      n.enabled ? n.binding ? (s(), u(e(f), {
                         key: 1,
                         size: "small",
                         type: "success",
                         bordered: !1,
                         round: ""
                       }, {
-                        default: l(() => [
-                          h(i(e(s)("oauth.bound")), 1)
+                        default: o(() => [
+                          b(i(e(t)("oauth.bound")), 1)
                         ]),
                         _: 1
-                      })) : (a(), u(e(y), {
+                      })) : (s(), u(e(f), {
                         key: 2,
                         size: "small",
                         bordered: !1,
                         round: ""
                       }, {
-                        default: l(() => [
-                          h(i(e(s)("oauth.notBound")), 1)
+                        default: o(() => [
+                          b(i(e(t)("oauth.notBound")), 1)
                         ]),
                         _: 1
-                      })) : (a(), u(e(y), {
+                      })) : (s(), u(e(f), {
                         key: 0,
                         size: "small",
                         type: "warning",
                         bordered: !1,
                         round: ""
                       }, {
-                        default: l(() => [
-                          h(i(e(s)("oauth.disabled")), 1)
+                        default: o(() => [
+                          b(i(e(t)("oauth.disabled")), 1)
                         ]),
                         _: 1
                       }))
                     ]),
-                    d("code", ce, i(n.code), 1),
-                    n.binding ? (a(), c("p", re, i(e(s)("oauth.boundAt", { time: e(K)(n.binding.boundAt) })), 1)) : n.enabled ? (a(), c("p", be, i(e(s)("oauth.bindTip")), 1)) : (a(), c("p", ue, i(e(s)("oauth.disabledTip")), 1))
+                    d("code", oe, i(n.code), 1)
                   ])
                 ]),
-                d("div", me, [
-                  n.binding ? (a(), u(e(x), {
+                n.binding ? (s(), r("p", le, i(e(t)("oauth.boundAt", { time: e(K)(n.binding.boundAt) })), 1)) : n.enabled ? (s(), r("p", re, i(e(t)("oauth.bindTip")), 1)) : (s(), r("p", ce, i(e(t)("oauth.disabledTip")), 1)),
+                d("div", ue, [
+                  n.binding ? (s(), u(e(x), {
                     key: 0,
                     size: "small",
                     quaternary: "",
                     type: "error",
-                    disabled: !!r.value,
+                    disabled: !!l.value,
                     onClick: (D) => S(n)
                   }, {
-                    icon: l(() => [
-                      m(g, {
+                    icon: o(() => [
+                      h(g, {
                         icon: "ph:link-break",
                         size: 15
                       })
                     ]),
-                    default: l(() => [
-                      h(" " + i(e(s)("oauth.unbind")), 1)
+                    default: o(() => [
+                      b(" " + i(e(t)("oauth.unbind")), 1)
                     ]),
                     _: 1
-                  }, 8, ["disabled", "onClick"])) : n.enabled ? (a(), u(e(x), {
+                  }, 8, ["disabled", "onClick"])) : n.enabled ? (s(), u(e(x), {
                     key: 1,
                     size: "small",
                     type: "primary",
                     secondary: "",
-                    loading: r.value === n.code,
-                    disabled: !!r.value && r.value !== n.code,
+                    loading: l.value === n.code,
+                    disabled: !!l.value && l.value !== n.code,
                     onClick: (D) => M(n)
                   }, {
-                    icon: l(() => [
-                      m(g, {
+                    icon: o(() => [
+                      h(g, {
                         icon: "ph:link",
                         size: 15
                       })
                     ]),
-                    default: l(() => [
-                      h(" " + i(e(s)("oauth.bind")), 1)
+                    default: o(() => [
+                      b(" " + i(e(t)("oauth.bind")), 1)
                     ]),
                     _: 1
-                  }, 8, ["loading", "disabled", "onClick"])) : (a(), c("span", he, i(e(s)("oauth.cannotBind")), 1))
+                  }, 8, ["loading", "disabled", "onClick"])) : (s(), r("span", be, i(e(t)("oauth.cannotBind")), 1))
                 ])
               ]),
               _: 2
             }, 1032, ["class"]))), 128))
-          ])) : v("", !0)
+          ])) : y("", !0)
         ]),
         _: 1
       }, 8, ["show"])
@@ -215,6 +219,6 @@ const W = { class: "bind-page" }, X = { class: "bind-header" }, Y = { class: "bi
   }
 });
 export {
-  Te as default
+  Ne as default
 };
 //# sourceMappingURL=bindings2.vue.js.map

package/dist/views/personal/bindings2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"bindings2.vue.js","sources":["../../../src/views/personal/bindings.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 账号绑定(个人中心 + 品牌化):启用 providers ∪ 已绑定停用项;卡片网格与配置 Tab 同风。\nimport { computed, onMounted, ref } from 'vue'\nimport { NAlert, NButton, NCard, NEmpty, NSpin, NTag, useMessage } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { externalAuthApi, type ExternalProvider, type ExternalBinding } from '#/api'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { translateError } from '#/utils/error'\nimport { fmtDateTime } from '#/utils/format'\nimport { mergeBindingRows, type BindingRow } from '#/utils/oauthBrand'\nimport BrandIcon from '#/components/oauth/BrandIcon.vue'\nimport AppIcon from '#/components/AppIcon.vue'\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { confirm } = useConfirm()\n\nconst loading = ref(true)\nconst providers = ref<ExternalProvider[]>([])\nconst bindings = ref<ExternalBinding[]>([])\nconst busyCode = ref<string | null>(null)\n\nconst rows = computed(() => mergeBindingRows(providers.value, bindings.value))\nconst boundCount = computed(() => rows.value.filter(r => !!r.binding).length)\n\nasync function load() {\n  loading.value = true\n  try {\n    const [ps, bs] = await Promise.all([externalAuthApi.providers(), externalAuthApi.bindings()])\n    providers.value = ps\n    bindings.value = bs\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    loading.value = false\n  }\n}\nonMounted(load)\n\nasync function bind(row: BindingRow) {\n  if (!row.enabled || busyCode.value) return\n  busyCode.value = row.code\n  try {\n    const { authorizeUrl } = await externalAuthApi.bindStart(row.code)\n    window.location.href = authorizeUrl\n  } catch (e) {\n    message.error(translateError(e))\n    busyCode.value = null\n  }\n}\n\nfunction unbind(row: BindingRow) {\n  if (busyCode.value) return\n  confirm({\n    type: 'warning',\n    content: t('oauth.unbindConfirm', { name: row.displayName }),\n    action: () => externalAuthApi.unbind(row.code),\n    successMsg: t('oauth.unbound'),\n  }).then(ok => {\n    if (ok) load()\n  })\n}\n\n/** 三种绑定状态各一个修饰类,着色写在样式里(free = naive 默认卡片)。 */\nfunction cardClass(row: BindingRow) {\n  if (!row.enabled) return 'bind-card--disabled'\n  if (row.binding) return 'bind-card--bound'\n  return 'bind-card--free'\n}\n</script>\n\n<template>\n  <div class=\"bind-page\">\n    <header class=\"bind-header\">\n      <div class=\"bind-header-text\">\n        <h2 class=\"bind-title\">{{ t('oauth.bindingsTitle') }}</h2>\n        <p class=\"bind-hint\">{{ t('oauth.bindingsHint') }}</p>\n      </div>\n      <div v-if=\"!loading && rows.length\" class=\"bind-summary\">\n        <span class=\"bind-summary-num\">{{ boundCount }}</span>\n        <span class=\"bind-summary-sep\">/</span>\n        <span>{{ rows.length }}</span>\n        <span class=\"bind-summary-label\">{{ t('oauth.boundCountLabel') }}</span>\n      </div>\n    </header>\n\n    <n-alert type=\"info\" :bordered=\"false\" class=\"bind-alert\">\n      {{ t('oauth.bindingsTip') }}\n    </n-alert>\n\n    <n-spin :show=\"loading\">\n      <n-empty\n        v-if=\"!loading && !rows.length\"\n        :description=\"t('oauth.noProviders')\"\n        class=\"bind-empty\"\n      />\n\n      <div v-else-if=\"rows.length\" class=\"bind-grid\">\n        <n-card\n          v-for=\"row in rows\"\n          :key=\"row.code\"\n          size=\"small\"\n          :bordered=\"true\"\n          class=\"bind-card\"\n          :class=\"cardClass(row)\"\n        >\n          <div class=\"bind-card-main\">\n            <span class=\"bind-avatar\" :class=\"{ 'bind-avatar--bound': !!row.binding }\">\n              <BrandIcon :code=\"row.code\" :icon=\"row.icon\" :size=\"44\" />\n              <span v-if=\"row.binding\" class=\"bind-check\" aria-hidden=\"true\">\n                <AppIcon icon=\"ph:check-bold\" :size=\"12\" />\n              </span>\n            </span>\n            <div class=\"bind-meta\">\n              <div class=\"bind-title-row\">\n                <span class=\"bind-name\">{{ row.displayName }}</span>\n                <n-tag v-if=\"!row.enabled\" size=\"small\" type=\"warning\" :bordered=\"false\" round>\n                  {{ t('oauth.disabled') }}\n                </n-tag>\n                <n-tag v-else-if=\"row.binding\" size=\"small\" type=\"success\" :bordered=\"false\" round>\n                  {{ t('oauth.bound') }}\n                </n-tag>\n                <n-tag v-else size=\"small\" :bordered=\"false\" round>\n                  {{ t('oauth.notBound') }}\n                </n-tag>\n              </div>\n              <code class=\"bind-code\">{{ row.code }}</code>\n              <p v-if=\"row.binding\" class=\"bind-time\">\n                {{ t('oauth.boundAt', { time: fmtDateTime(row.binding.boundAt) }) }}\n              </p>\n              <p v-else-if=\"!row.enabled\" class=\"bind-disabled-tip\">\n                {{ t('oauth.disabledTip') }}\n              </p>\n              <p v-else class=\"bind-free-tip\">{{ t('oauth.bindTip') }}</p>\n            </div>\n          </div>\n\n          <div class=\"bind-actions\">\n            <n-button\n              v-if=\"row.binding\"\n              size=\"small\"\n              quaternary\n              type=\"error\"\n              :disabled=\"!!busyCode\"\n              @click=\"unbind(row)\"\n            >\n              <template #icon><AppIcon icon=\"ph:link-break\" :size=\"15\" /></template>\n              {{ t('oauth.unbind') }}\n            </n-button>\n            <n-button\n              v-else-if=\"row.enabled\"\n              size=\"small\"\n              type=\"primary\"\n              secondary\n              :loading=\"busyCode === row.code\"\n              :disabled=\"!!busyCode && busyCode !== row.code\"\n              @click=\"bind(row)\"\n            >\n              <template #icon><AppIcon icon=\"ph:link\" :size=\"15\" /></template>\n              {{ t('oauth.bind') }}\n            </n-button>\n            <span v-else class=\"bind-na\">{{ t('oauth.cannotBind') }}</span>\n          </div>\n        </n-card>\n      </div>\n    </n-spin>\n  </div>\n</template>\n\n<style scoped>\n.bind-page {\n  max-width: 920px;\n}\n.bind-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  margin-bottom: 14px;\n  flex-wrap: wrap;\n}\n.bind-title {\n  margin: 0 0 6px;\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 1.3;\n  color: var(--color-text-primary, #1f1f1f);\n}\n.bind-hint {\n  margin: 0;\n  max-width: 520px;\n  font-size: 13px;\n  line-height: 1.55;\n  color: var(--color-text-secondary, #666);\n}\n.bind-summary {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 4px;\n  padding: 8px 12px;\n  border-radius: 10px;\n  background: var(--color-fill, #f5f5f5);\n  font-size: 13px;\n  color: var(--color-text-secondary, #666);\n  flex-shrink: 0;\n}\n.bind-summary-num {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-primary, #646cff);\n  font-variant-numeric: tabular-nums;\n}\n.bind-summary-sep {\n  opacity: 0.5;\n}\n.bind-summary-label {\n  margin-left: 4px;\n}\n.bind-alert {\n  margin-bottom: 16px;\n  border-radius: 10px;\n}\n.bind-empty {\n  padding: 48px 0;\n}\n.bind-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n  gap: 12px;\n}\n/* n-card 默认边框/底色就是 --color-border / --color-bg-container(见 theme/naive-theme.ts),\n   所以「未绑定」态什么都不用写;圆角同样由 Card.borderRadius = --radius-lg 给。 */\n.bind-card :deep(.n-card-content) {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.bind-card:hover {\n  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n}\n/* 状态着色必须压过 naive 的 `.n-card.n-card--bordered`(两个类=同权重,加载顺序不确定),\n   故修饰类与 .bind-card 复合写,靠权重取胜,而不是靠先后。 */\n.bind-card.bind-card--bound {\n  border-color: color-mix(in srgb, var(--color-success, #18a058) 40%, var(--color-border, #e8e8e8));\n  background: color-mix(in srgb, var(--color-success, #18a058) 4%, var(--color-bg-container, #fff));\n}\n.bind-card.bind-card--disabled {\n  opacity: 0.78;\n  background: var(--color-fill-quaternary, #f7f7f7);\n  border-style: dashed;\n}\n.bind-card-main {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  min-width: 0;\n}\n.bind-avatar {\n  position: relative;\n  display: inline-flex;\n  width: 48px;\n  height: 48px;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  overflow: visible;\n  background: var(--color-fill, #f5f5f5);\n}\n.bind-avatar :deep(.oauth-brand-badge),\n.bind-avatar :deep(img) {\n  border-radius: 50%;\n  overflow: hidden;\n}\n.bind-avatar--bound {\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-success, #18a058) 35%, transparent);\n}\n.bind-check {\n  position: absolute;\n  right: -2px;\n  bottom: -2px;\n  display: inline-flex;\n  width: 18px;\n  height: 18px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: var(--color-success, #18a058);\n  color: #fff;\n  border: 2px solid var(--color-bg-container, #fff);\n  line-height: 0;\n}\n.bind-meta {\n  min-width: 0;\n  flex: 1;\n}\n.bind-title-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n.bind-name {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--color-text-primary, #1f1f1f);\n  line-height: 1.3;\n}\n.bind-code {\n  display: inline-block;\n  font-size: 12px;\n  color: var(--color-text-tertiary, #999);\n  background: var(--color-fill, #f5f5f5);\n  padding: 1px 6px;\n  border-radius: 4px;\n}\n.bind-time,\n.bind-free-tip,\n.bind-disabled-tip {\n  margin: 8px 0 0;\n  font-size: 12px;\n  line-height: 1.45;\n  color: var(--color-text-tertiary, #999);\n}\n.bind-time {\n  color: var(--color-text-secondary, #666);\n}\n.bind-actions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  padding-top: 12px;\n  border-top: 1px dashed var(--color-border, #e8e8e8);\n  min-height: 36px;\n}\n.bind-na {\n  font-size: 12px;\n  color: var(--color-text-tertiary, #999);\n}\n</style>\n"],"names":["t","useI18n","message","useMessage","confirm","useConfirm","loading","ref","providers","bindings","busyCode","rows","computed","mergeBindingRows","boundCount","r","load","ps","bs","externalAuthApi","e","translateError","onMounted","bind","row","authorizeUrl","unbind","ok","cardClass","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","_unref","_hoisted_5","_hoisted_6","_hoisted_7","_cache","_hoisted_8","_createVNode","NAlert","NSpin","_createBlock","NEmpty","_hoisted_9","_Fragment","_renderList","NCard","_normalizeClass","_hoisted_10","BrandIcon","_hoisted_11","AppIcon","_hoisted_12","_hoisted_13","_hoisted_14","NTag","_hoisted_15","_hoisted_16","fmtDateTime","_hoisted_18","_hoisted_17","_hoisted_19","NButton","$event","_createTextVNode","_hoisted_20"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAM,EAAE,GAAAA,EAAA,IAAMC,EAAA,GACRC,IAAUC,EAAA,GACV,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAUC,EAAI,EAAI,GAClBC,IAAYD,EAAwB,EAAE,GACtCE,IAAWF,EAAuB,EAAE,GACpCG,IAAWH,EAAmB,IAAI,GAElCI,IAAOC,EAAS,MAAMC,EAAiBL,EAAU,OAAOC,EAAS,KAAK,CAAC,GACvEK,IAAaF,EAAS,MAAMD,EAAK,MAAM,OAAO,CAAAI,MAAK,CAAC,CAACA,EAAE,OAAO,EAAE,MAAM;AAE5E,mBAAeC,IAAO;AACpB,MAAAV,EAAQ,QAAQ;AAChB,UAAI;AACF,cAAM,CAACW,GAAIC,CAAE,IAAI,MAAM,QAAQ,IAAI,CAACC,EAAgB,UAAA,GAAaA,EAAgB,SAAA,CAAU,CAAC;AAC5F,QAAAX,EAAU,QAAQS,GAClBR,EAAS,QAAQS;AAAA,MACnB,SAASE,GAAG;AACV,QAAAlB,EAAQ,MAAMmB,EAAeD,CAAC,CAAC;AAAA,MACjC,UAAA;AACE,QAAAd,EAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AACA,IAAAgB,EAAUN,CAAI;AAEd,mBAAeO,EAAKC,GAAiB;AACnC,UAAI,GAACA,EAAI,WAAWd,EAAS,QAC7B;AAAA,QAAAA,EAAS,QAAQc,EAAI;AACrB,YAAI;AACF,gBAAM,EAAE,cAAAC,EAAA,IAAiB,MAAMN,EAAgB,UAAUK,EAAI,IAAI;AACjE,iBAAO,SAAS,OAAOC;AAAA,QACzB,SAASL,GAAG;AACV,UAAAlB,EAAQ,MAAMmB,EAAeD,CAAC,CAAC,GAC/BV,EAAS,QAAQ;AAAA,QACnB;AAAA;AAAA,IACF;AAEA,aAASgB,EAAOF,GAAiB;AAC/B,MAAId,EAAS,SACbN,EAAQ;AAAA,QACN,MAAM;AAAA,QACN,SAASJ,EAAE,uBAAuB,EAAE,MAAMwB,EAAI,aAAa;AAAA,QAC3D,QAAQ,MAAML,EAAgB,OAAOK,EAAI,IAAI;AAAA,QAC7C,YAAYxB,EAAE,eAAe;AAAA,MAAA,CAC9B,EAAE,KAAK,CAAA2B,MAAM;AACZ,QAAIA,KAAIX,EAAA;AAAA,MACV,CAAC;AAAA,IACH;AAGA,aAASY,EAAUJ,GAAiB;AAClC,aAAKA,EAAI,UACLA,EAAI,UAAgB,qBACjB,oBAFkB;AAAA,IAG3B;sBAIEK,EAAA,GAAAC,EA8FM,OA9FNC,GA8FM;AAAA,MA7FJC,EAWS,UAXTC,GAWS;AAAA,QAVPD,EAGM,OAHNE,GAGM;AAAA,UAFJF,EAA0D,MAA1DG,GAA0DC,EAAhCC,EAAArC,CAAA,EAAC,qBAAA,CAAA,GAAA,CAAA;AAAA,UAC3BgC,EAAsD,KAAtDM,GAAsDF,EAA9BC,EAAArC,CAAA,EAAC,oBAAA,CAAA,GAAA,CAAA;AAAA,QAAA;SAEfM,EAAA,SAAWK,EAAA,MAAK,UAA5BkB,KAAAC,EAKM,OALNS,IAKM;AAAA,UAJJP,EAAsD,QAAtDQ,IAAsDJ,EAApBtB,EAAA,KAAU,GAAA,CAAA;AAAA,UAC5C2B,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAT,EAAuC,QAAA,EAAjC,OAAM,mBAAA,GAAmB,KAAC,EAAA;AAAA,UAChCA,EAA8B,QAAA,MAAAI,EAArBzB,EAAA,MAAK,MAAM,GAAA,CAAA;AAAA,UACpBqB,EAAwE,QAAxEU,IAAwEN,EAApCC,EAAArC,CAAA,EAAC,uBAAA,CAAA,GAAA,CAAA;AAAA,QAAA;;MAIzC2C,EAEUN,EAAAO,CAAA,GAAA;AAAA,QAFD,MAAK;AAAA,QAAQ,UAAU;AAAA,QAAO,OAAM;AAAA,MAAA;mBAC3C,MAA4B;AAAA,cAAzBP,EAAArC,CAAA,EAAC,mBAAA,CAAA,GAAA,CAAA;AAAA,QAAA;;;MAGN2C,EA2ESN,EAAAQ,CAAA,GAAA,EA3EA,MAAMvC,EAAA,SAAO;AAAA,mBACpB,MAIE;AAAA,WAHOA,EAAA,SAAO,CAAKK,EAAA,MAAK,eAD1BmC,EAIET,EAAAU,CAAA,GAAA;AAAA;YAFC,aAAaV,EAAArC,CAAA,EAAC,mBAAA;AAAA,YACf,OAAM;AAAA,UAAA,gCAGQW,EAAA,MAAK,UAArBkB,EAAA,GAAAC,EAmEM,OAnENkB,IAmEM;AAAA,oBAlEJlB,EAiESmB,GAAA,MAAAC,EAhEOvC,EAAA,OAAI,CAAXa,YADTsB,EAiEST,EAAAc,CAAA,GAAA;AAAA,cA/DN,KAAK3B,EAAI;AAAA,cACV,MAAK;AAAA,cACJ,UAAU;AAAA,cACX,OAAK4B,EAAA,CAAC,aACExB,EAAUJ,CAAG,CAAA,CAAA;AAAA,YAAA;yBAErB,MA6BM;AAAA,gBA7BNQ,EA6BM,OA7BNqB,IA6BM;AAAA,kBA5BJrB,EAKO,QAAA;AAAA,oBALD,OAAKoB,EAAA,CAAC,eAAa,EAAA,sBAAA,CAAA,CAAmC5B,EAAI,SAAO,CAAA;AAAA,kBAAA;oBACrEmB,EAA0DW,GAAA;AAAA,sBAA9C,MAAM9B,EAAI;AAAA,sBAAO,MAAMA,EAAI;AAAA,sBAAO,MAAM;AAAA,oBAAA;oBACxCA,EAAI,WAAhBK,EAAA,GAAAC,EAEO,QAFPyB,IAEO;AAAA,sBADLZ,EAA2Ca,GAAA;AAAA,wBAAlC,MAAK;AAAA,wBAAiB,MAAM;AAAA,sBAAA;;;kBAGzCxB,EAqBM,OArBNyB,IAqBM;AAAA,oBApBJzB,EAWM,OAXN0B,IAWM;AAAA,sBAVJ1B,EAAoD,QAApD2B,IAAoDvB,EAAzBZ,EAAI,WAAW,GAAA,CAAA;AAAA,sBAC5BA,EAAI,UAGAA,EAAI,gBAAtBsB,EAEQT,EAAAuB,CAAA,GAAA;AAAA;wBAFuB,MAAK;AAAA,wBAAQ,MAAK;AAAA,wBAAW,UAAU;AAAA,wBAAO,OAAA;AAAA,sBAAA;mCAC3E,MAAsB;AAAA,8BAAnBvB,EAAArC,CAAA,EAAC,aAAA,CAAA,GAAA,CAAA;AAAA,wBAAA;;kCAEN8C,EAEQT,EAAAuB,CAAA,GAAA;AAAA;wBAFM,MAAK;AAAA,wBAAS,UAAU;AAAA,wBAAO,OAAA;AAAA,sBAAA;mCAC3C,MAAyB;AAAA,8BAAtBvB,EAAArC,CAAA,EAAC,gBAAA,CAAA,GAAA,CAAA;AAAA,wBAAA;;kCAPN8C,EAEQT,EAAAuB,CAAA,GAAA;AAAA;wBAFmB,MAAK;AAAA,wBAAQ,MAAK;AAAA,wBAAW,UAAU;AAAA,wBAAO,OAAA;AAAA,sBAAA;mCACvE,MAAyB;AAAA,8BAAtBvB,EAAArC,CAAA,EAAC,gBAAA,CAAA,GAAA,CAAA;AAAA,wBAAA;;;;oBASRgC,EAA6C,QAA7C6B,IAA6CzB,EAAlBZ,EAAI,IAAI,GAAA,CAAA;AAAA,oBAC1BA,EAAI,gBAAbM,EAEI,KAFJgC,IAEI1B,EADCC,EAAArC,CAAA,EAAC,iBAAA,EAAA,MAA0BqC,EAAA0B,CAAA,EAAYvC,EAAI,QAAQ,OAAO,EAAA,CAAA,CAAA,GAAA,CAAA,KAEhDA,EAAI,gBAGnBM,EAA4D,KAA5DkC,IAA4D5B,EAAzBC,EAAArC,CAAA,EAAC,eAAA,CAAA,GAAA,CAAA,WAHpC8B,EAEI,KAFJmC,IAEI7B,EADCC,EAAArC,CAAA,EAAC,mBAAA,CAAA,GAAA,CAAA;AAAA,kBAE8B;;gBAIxCgC,EAyBM,OAzBNkC,IAyBM;AAAA,kBAvBI1C,EAAI,gBADZsB,EAUWT,EAAA8B,CAAA,GAAA;AAAA;oBART,MAAK;AAAA,oBACL,YAAA;AAAA,oBACA,MAAK;AAAA,oBACJ,YAAYzD,EAAA;AAAA,oBACZ,SAAK,CAAA0D,MAAE1C,EAAOF,CAAG;AAAA,kBAAA;oBAEP,QAAK,MAA2C;AAAA,sBAA3CmB,EAA2Ca,GAAA;AAAA,wBAAlC,MAAK;AAAA,wBAAiB,MAAM;AAAA,sBAAA;;+BAAiB,MACtE;AAAA,sBADsEa,EAAA,QACnEhC,EAAArC,CAAA,EAAC,cAAA,CAAA,GAAA,CAAA;AAAA,oBAAA;;oDAGOwB,EAAI,gBADjBsB,EAWWT,EAAA8B,CAAA,GAAA;AAAA;oBATT,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,WAAA;AAAA,oBACC,SAASzD,EAAA,UAAac,EAAI;AAAA,oBAC1B,YAAYd,EAAA,SAAYA,YAAac,EAAI;AAAA,oBACzC,SAAK,CAAA4C,MAAE7C,EAAKC,CAAG;AAAA,kBAAA;oBAEL,QAAK,MAAqC;AAAA,sBAArCmB,EAAqCa,GAAA;AAAA,wBAA5B,MAAK;AAAA,wBAAW,MAAM;AAAA,sBAAA;;+BAAiB,MAChE;AAAA,sBADgEa,EAAA,QAC7DhC,EAAArC,CAAA,EAAC,YAAA,CAAA,GAAA,CAAA;AAAA,oBAAA;;qEAEN8B,EAA+D,QAA/DwC,IAA+DlC,EAA/BC,EAAArC,CAAA,EAAC,kBAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;;"}
+{"version":3,"file":"bindings2.vue.js","sources":["../../../src/views/personal/bindings.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 账号绑定(个人中心 + 品牌化):启用 providers ∪ 已绑定停用项;卡片网格与配置 Tab 同风。\nimport { computed, onMounted, ref } from 'vue'\nimport { NAlert, NButton, NCard, NEmpty, NSpin, NTag, useMessage } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { externalAuthApi, type ExternalProvider, type ExternalBinding } from '#/api'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { translateError } from '#/utils/error'\nimport { fmtDateTime } from '#/utils/format'\nimport { mergeBindingRows, type BindingRow } from '#/utils/oauthBrand'\nimport BrandIcon from '#/components/oauth/BrandIcon.vue'\nimport AppIcon from '#/components/AppIcon.vue'\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { confirm } = useConfirm()\n\nconst loading = ref(true)\nconst providers = ref<ExternalProvider[]>([])\nconst bindings = ref<ExternalBinding[]>([])\nconst busyCode = ref<string | null>(null)\n\nconst rows = computed(() => mergeBindingRows(providers.value, bindings.value))\nconst boundCount = computed(() => rows.value.filter(r => !!r.binding).length)\n\nasync function load() {\n  loading.value = true\n  try {\n    const [ps, bs] = await Promise.all([externalAuthApi.providers(), externalAuthApi.bindings()])\n    providers.value = ps\n    bindings.value = bs\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    loading.value = false\n  }\n}\nonMounted(load)\n\nasync function bind(row: BindingRow) {\n  if (!row.enabled || busyCode.value) return\n  busyCode.value = row.code\n  try {\n    const { authorizeUrl } = await externalAuthApi.bindStart(row.code)\n    window.location.href = authorizeUrl\n  } catch (e) {\n    message.error(translateError(e))\n    busyCode.value = null\n  }\n}\n\nfunction unbind(row: BindingRow) {\n  if (busyCode.value) return\n  confirm({\n    type: 'warning',\n    content: t('oauth.unbindConfirm', { name: row.displayName }),\n    action: () => externalAuthApi.unbind(row.code),\n    successMsg: t('oauth.unbound'),\n  }).then(ok => {\n    if (ok) load()\n  })\n}\n\n/** 三种绑定状态各一个修饰类,着色写在样式里(free = naive 默认卡片)。 */\nfunction cardClass(row: BindingRow) {\n  if (!row.enabled) return 'bind-card--disabled'\n  if (row.binding) return 'bind-card--bound'\n  return 'bind-card--free'\n}\n</script>\n\n<template>\n  <div class=\"bind-page\">\n    <header class=\"bind-header\">\n      <div class=\"bind-header-text\">\n        <!-- 页头只放说明 + 计数胶囊(左侧子导航已标明当前页),标题保留给读屏用 -->\n        <h2 class=\"bind-title\">{{ t('oauth.bindingsTitle') }}</h2>\n        <p class=\"bind-hint\">{{ t('oauth.bindingsHint') }}</p>\n      </div>\n      <n-tag\n        v-if=\"!loading && rows.length\"\n        round\n        :bordered=\"false\"\n        size=\"medium\"\n        class=\"bind-summary\"\n      >\n        <span class=\"bind-summary-num\">{{ boundCount }}</span>\n        / {{ rows.length }} {{ t('oauth.boundCountLabel') }}\n      </n-tag>\n    </header>\n\n    <n-alert type=\"info\" :bordered=\"false\" class=\"bind-alert\">\n      {{ t('oauth.bindingsTip') }}\n    </n-alert>\n\n    <n-spin :show=\"loading\">\n      <n-empty\n        v-if=\"!loading && !rows.length\"\n        :description=\"t('oauth.noProviders')\"\n        class=\"bind-empty\"\n      />\n\n      <div v-else-if=\"rows.length\" class=\"bind-grid\">\n        <n-card\n          v-for=\"row in rows\"\n          :key=\"row.code\"\n          size=\"small\"\n          :bordered=\"true\"\n          class=\"a-card bind-card\"\n          :class=\"cardClass(row)\"\n        >\n          <div class=\"bind-card-main\">\n            <span class=\"bind-avatar\" :class=\"{ 'bind-avatar--bound': !!row.binding }\">\n              <BrandIcon :code=\"row.code\" :icon=\"row.icon\" :size=\"44\" />\n              <span v-if=\"row.binding\" class=\"bind-check\" aria-hidden=\"true\">\n                <AppIcon icon=\"ph:check\" :size=\"12\" />\n              </span>\n            </span>\n            <div class=\"bind-meta\">\n              <div class=\"bind-title-row\">\n                <span class=\"bind-name\">{{ row.displayName }}</span>\n                <n-tag v-if=\"!row.enabled\" size=\"small\" type=\"warning\" :bordered=\"false\" round>\n                  {{ t('oauth.disabled') }}\n                </n-tag>\n                <n-tag v-else-if=\"row.binding\" size=\"small\" type=\"success\" :bordered=\"false\" round>\n                  {{ t('oauth.bound') }}\n                </n-tag>\n                <n-tag v-else size=\"small\" :bordered=\"false\" round>\n                  {{ t('oauth.notBound') }}\n                </n-tag>\n              </div>\n              <code class=\"bind-code\">{{ row.code }}</code>\n            </div>\n          </div>\n          <p v-if=\"row.binding\" class=\"bind-time\">\n            {{ t('oauth.boundAt', { time: fmtDateTime(row.binding.boundAt) }) }}\n          </p>\n          <p v-else-if=\"!row.enabled\" class=\"bind-disabled-tip\">\n            {{ t('oauth.disabledTip') }}\n          </p>\n          <p v-else class=\"bind-free-tip\">{{ t('oauth.bindTip') }}</p>\n\n          <div class=\"bind-actions\">\n            <n-button\n              v-if=\"row.binding\"\n              size=\"small\"\n              quaternary\n              type=\"error\"\n              :disabled=\"!!busyCode\"\n              @click=\"unbind(row)\"\n            >\n              <template #icon><AppIcon icon=\"ph:link-break\" :size=\"15\" /></template>\n              {{ t('oauth.unbind') }}\n            </n-button>\n            <n-button\n              v-else-if=\"row.enabled\"\n              size=\"small\"\n              type=\"primary\"\n              secondary\n              :loading=\"busyCode === row.code\"\n              :disabled=\"!!busyCode && busyCode !== row.code\"\n              @click=\"bind(row)\"\n            >\n              <template #icon><AppIcon icon=\"ph:link\" :size=\"15\" /></template>\n              {{ t('oauth.bind') }}\n            </n-button>\n            <span v-else class=\"bind-na\">{{ t('oauth.cannotBind') }}</span>\n          </div>\n        </n-card>\n      </div>\n    </n-spin>\n  </div>\n</template>\n\n<style scoped>\n.bind-page {\n  max-width: 920px;\n  width: 100%;\n}\n.bind-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 12px;\n  flex-wrap: wrap;\n}\n/* 标题仅供读屏 */\n.bind-title {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n.bind-hint {\n  margin: 0;\n  max-width: 520px;\n  font-size: 14px;\n  line-height: 1.6;\n  color: var(--text-2);\n}\n.bind-summary {\n  flex-shrink: 0;\n  font-variant-numeric: tabular-nums;\n}\n.bind-summary-num {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--signal);\n}\n.bind-alert {\n  margin-bottom: 12px;\n}\n.bind-empty {\n  padding: 48px 0;\n}\n.bind-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));\n  gap: 12px;\n  min-height: 120px;\n}\n.bind-card :deep(.n-card__content) {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 14px 16px;\n}\n/* 状态着色必须压过 naive 的 `.n-card.n-card--bordered`(两个类=同权重,加载顺序不确定),\n   故修饰类与 .bind-card 复合写,靠权重取胜,而不是靠先后。 */\n.bind-card.bind-card--bound {\n  border-color: color-mix(in srgb, var(--ok) 40%, transparent);\n  background: color-mix(in srgb, var(--ok) 4%, var(--bg-card));\n}\n.bind-card.bind-card--disabled {\n  opacity: 0.78;\n  background: var(--fill);\n  border: 1px dashed var(--hairline);\n}\n.bind-card-main {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n}\n.bind-avatar {\n  position: relative;\n  display: inline-flex;\n  width: 48px;\n  height: 48px;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  overflow: visible;\n  background: var(--fill);\n  color: var(--text-1);\n}\n.bind-avatar :deep(.oauth-brand-badge),\n.bind-avatar :deep(img) {\n  border-radius: 50%;\n  overflow: hidden;\n}\n.bind-avatar--bound {\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ok) 35%, transparent);\n}\n.bind-check {\n  position: absolute;\n  right: -2px;\n  bottom: -2px;\n  display: inline-flex;\n  width: 18px;\n  height: 18px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: var(--ok);\n  color: var(--bg-card);\n  box-shadow: 0 0 0 2px var(--bg-card);\n  line-height: 0;\n}\n.bind-meta {\n  min-width: 0;\n  flex: 1;\n}\n.bind-title-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.bind-name {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--text-1);\n}\n.bind-code {\n  display: inline-block;\n  margin-top: 4px;\n  padding: 0 6px;\n  border-radius: 6px;\n  background: var(--fill);\n  color: var(--text-2);\n  font-family: var(--font-mono);\n  font-size: 13.5px;\n  letter-spacing: 0;\n}\n/* 说明行放到头像行下面,整卡一条通栏 */\n.bind-time,\n.bind-free-tip,\n.bind-disabled-tip {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--text-3);\n}\n.bind-actions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  padding-top: 10px;\n  border-top: 1px dashed var(--hairline);\n  min-height: 36px;\n}\n.bind-na {\n  font-size: 13px;\n  color: var(--text-3);\n}\n</style>\n"],"names":["useI18n","message","useMessage","confirm","useConfirm","loading","ref","providers","bindings","busyCode","rows","computed","mergeBindingRows","boundCount","r","load","ps","bs","externalAuthApi","e","translateError","onMounted","bind","row","authorizeUrl","unbind","ok","cardClass","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","_unref","_hoisted_5","_createBlock","NTag","_hoisted_6","_createTextVNode","_createVNode","NAlert","NSpin","NEmpty","_hoisted_7","_Fragment","_renderList","NCard","_normalizeClass","_hoisted_8","BrandIcon","_hoisted_9","AppIcon","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","fmtDateTime","_hoisted_16","_hoisted_15","_hoisted_17","NButton","$event","_hoisted_18"],"mappings":"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"}