smart-admin-web 10.14.0 → 10.20.0

package/dist/views/login/index2.vue.js

@@ -1,79 +1,149 @@
-import { defineComponent as f, ref as v, watch as C, computed as N, openBlock as c, createElementBlock as u, createBlock as S, resolveDynamicComponent as w, createElementVNode as r, unref as t, Fragment as y, renderList as D, normalizeClass as I, toDisplayString as p, createVNode as m, withCtx as d, createTextVNode as g } from "vue";
-import { NTooltip as _ } from "naive-ui";
-import { Icon as x } from "@iconify/vue";
-import { useI18n as E } from "vue-i18n";
-import { useAppStore as L } from "../../stores/app.js";
-import { LOGIN_SKINS as s, DEFAULT_SKIN as z } from "./skins.js";
-const B = { class: "login-shell" }, K = { class: "login-topbar" }, T = ["aria-label"], U = ["aria-selected", "onClick"], V = { class: "login-tools" }, $ = ["aria-label"], A = ["aria-label"], k = "login-skin", H = /* @__PURE__ */ f({
+import { defineComponent as V, ref as h, computed as z, openBlock as s, createBlock as v, normalizeClass as B, createSlots as E, withCtx as o, createVNode as u, unref as e, createTextVNode as p, toDisplayString as i, Transition as U, createCommentVNode as N, createElementVNode as y, createElementBlock as w, Fragment as D, nextTick as F } from "vue";
+import { NTooltip as x, NButton as C } from "naive-ui";
+import { Icon as I } from "@iconify/vue";
+import { useMediaQuery as Y } from "@vueuse/core";
+import { useI18n as q } from "vue-i18n";
+import { useAppStore as A } from "../../stores/app.js";
+import { useLoginHero as H } from "../../composables/useLoginHero.js";
+import { useSite as M } from "../../composables/useSite.js";
+import $ from "./components/LoginDesk.vue.js";
+import K from "./LoginForm.vue.js";
+import O from "./components/LoginHeroPanel.vue.js";
+import { resolveLoginLayout as P, LAYOUT_KEY as Q } from "./layout.js";
+const j = { class: "lang-text" }, G = { class: "foot" }, J = ["href"], R = {
+  key: 0,
+  class: "foot-ver"
+}, pe = /* @__PURE__ */ V({
   __name: "index",
-  setup(F) {
-    const l = L(), { t: o } = E();
-    function b() {
-      const a = new URLSearchParams(window.location.search).get("skin");
-      if (a && s.some((e) => e.id === a)) return a;
-      const n = localStorage.getItem(k);
-      return n && s.some((e) => e.id === n) ? n : z;
+  setup(W) {
+    const g = A(), { t: n } = q(), { site: a, appVersion: _ } = M(), m = H(), S = (/* @__PURE__ */ new Date()).getFullYear(), k = Y("(min-width: 900px)"), d = h(P(window.location.search, localStorage)), t = z(() => d.value === "split" && k.value), b = h(!1), f = h(!1);
+    function T(c) {
+      var L;
+      if (d.value === c) return;
+      const l = () => {
+        d.value = c;
+        try {
+          localStorage.setItem(Q, c);
+        } catch {
+        }
+      }, r = document;
+      if (!r.startViewTransition || (L = window.matchMedia) != null && L.call(window, "(prefers-reduced-motion: reduce)").matches) {
+        l();
+        return;
+      }
+      f.value = !0, r.startViewTransition(async () => {
+        l(), await F();
+      }).finished.finally(() => {
+        f.value = !1;
+      });
     }
-    const i = v(b());
-    C(i, (a) => localStorage.setItem(k, a));
-    const h = N(() => s.find((a) => a.id === i.value) ?? s[0]);
-    return (a, n) => (c(), u("div", B, [
-      (c(), S(w(h.value.component))),
-      r("div", K, [
-        r("div", {
-          class: "skin-switch",
-          role: "tablist",
-          "aria-label": t(o)("app.loginStyle")
-        }, [
-          (c(!0), u(y, null, D(t(s), (e) => (c(), u("button", {
-            key: e.id,
-            class: I(["skin-seg", { active: e.id === i.value }]),
-            type: "button",
-            role: "tab",
-            "aria-selected": e.id === i.value,
-            onClick: (q) => i.value = e.id
-          }, p(t(o)(e.label)), 11, U))), 128))
-        ], 8, T),
-        r("div", V, [
-          m(t(_), null, {
-            trigger: d(() => [
-              r("button", {
-                class: "tool-btn",
-                type: "button",
-                "aria-label": t(l).isDark ? t(o)("app.light") : t(o)("app.dark"),
-                onClick: n[0] || (n[0] = (e) => t(l).toggleDark())
-              }, [
-                m(t(x), {
-                  icon: t(l).isDark ? "ph:moon-stars" : "ph:sun",
-                  width: 18
-                }, null, 8, ["icon"])
-              ], 8, $)
+    return (c, l) => (s(), v($, {
+      split: t.value,
+      leaving: b.value,
+      class: B({ switching: f.value }),
+      width: 400,
+      "content-style": "padding: 26px 26px 22px"
+    }, E({
+      corner: o(() => [
+        e(k) ? (s(), v(e(x), { key: 0 }, {
+          trigger: o(() => [
+            u(e(C), {
+              quaternary: "",
+              circle: "",
+              "data-testid": "login-layout-toggle",
+              "aria-label": e(n)("login.layoutLabel"),
+              onClick: l[0] || (l[0] = (r) => T(t.value ? "solo" : "split"))
+            }, {
+              icon: o(() => [
+                u(U, {
+                  name: "ico",
+                  mode: "out-in"
+                }, {
+                  default: o(() => [
+                    (s(), v(e(I), {
+                      key: t.value ? "solo" : "split",
+                      icon: t.value ? "ph:rectangle" : "ph:columns",
+                      width: 18
+                    }, null, 8, ["icon"]))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          default: o(() => [
+            p(" " + i(t.value ? e(n)("login.layoutToSolo") : e(n)("login.layoutToSplit")), 1)
+          ]),
+          _: 1
+        })) : N("", !0),
+        u(e(x), null, {
+          trigger: o(() => [
+            u(e(C), {
+              quaternary: "",
+              circle: "",
+              "aria-label": e(n)("app.language"),
+              onClick: l[1] || (l[1] = (r) => e(g).setLocale(e(g).locale === "zh-CN" ? "en-US" : "zh-CN"))
+            }, {
+              default: o(() => [
+                y("span", j, i(e(g).locale === "zh-CN" ? "中" : "EN"), 1)
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          default: o(() => [
+            p(" " + i(e(n)("app.language")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      default: o(() => [
+        u(K, {
+          "show-logo": !t.value,
+          "show-title": !t.value,
+          "show-greeting": t.value,
+          "show-footer": !t.value,
+          onLeave: l[2] || (l[2] = (r) => b.value = r)
+        }, null, 8, ["show-logo", "show-title", "show-greeting", "show-footer"])
+      ]),
+      _: 2
+    }, [
+      t.value ? {
+        name: "brand",
+        fn: o(() => [
+          u(O, {
+            headline: e(m).headline,
+            highlight: e(m).highlight,
+            subtitle: e(a).subtitle || e(n)("login.subtitle"),
+            features: e(m).features
+          }, null, 8, ["headline", "highlight", "subtitle", "features"])
+        ]),
+        key: "0"
+      } : void 0,
+      t.value ? {
+        name: "after",
+        fn: o(() => [
+          y("p", G, [
+            y("span", null, [
+              p(" © " + i(e(S)) + " ", 1),
+              e(a).copyrightUrl ? (s(), w("a", {
+                key: 0,
+                href: e(a).copyrightUrl,
+                target: "_blank",
+                rel: "noopener"
+              }, i(e(a).copyright || e(a).title), 9, J)) : (s(), w(D, { key: 1 }, [
+                p(i(e(a).copyright || e(a).title), 1)
+              ], 64))
             ]),
-            default: d(() => [
-              g(" " + p(t(l).isDark ? t(o)("app.light") : t(o)("app.dark")), 1)
-            ]),
-            _: 1
-          }),
-          m(t(_), null, {
-            trigger: d(() => [
-              r("button", {
-                class: "tool-btn tool-lang",
-                type: "button",
-                "aria-label": t(o)("app.language"),
-                onClick: n[1] || (n[1] = (e) => t(l).setLocale(t(l).locale === "zh-CN" ? "en-US" : "zh-CN"))
-              }, p(t(l).locale === "zh-CN" ? "中" : "EN"), 9, A)
-            ]),
-            default: d(() => [
-              g(" " + p(t(o)("app.language")), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ])
-    ]));
+            e(_) ? (s(), w("span", R, "v" + i(e(_)), 1)) : N("", !0)
+          ])
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1032, ["split", "leaving", "class"]));
   }
 });
 export {
-  H as default
+  pe as default
 };
 //# sourceMappingURL=index2.vue.js.map

package/dist/views/login/index2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.vue.js","sources":["../../../src/views/login/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue'\nimport { NTooltip } from 'naive-ui'\nimport { Icon } from '@iconify/vue'\nimport { useI18n } from 'vue-i18n'\nimport { useAppStore } from '#/stores/app'\nimport { LOGIN_SKINS, DEFAULT_SKIN } from './skins'\n\nconst KEY = 'login-skin'\nconst app = useAppStore()\nconst { t } = useI18n()\n\nfunction initSkin(): string {\n  // ?skin= 一次性覆盖(便于对比预览),否则读记忆,再回退默认。\n  const q = new URLSearchParams(window.location.search).get('skin')\n  if (q && LOGIN_SKINS.some(s => s.id === q)) return q\n  const saved = localStorage.getItem(KEY)\n  if (saved && LOGIN_SKINS.some(s => s.id === saved)) return saved\n  return DEFAULT_SKIN\n}\n\nconst skin = ref(initSkin())\nwatch(skin, v => localStorage.setItem(KEY, v))\n\nconst active = computed(() => LOGIN_SKINS.find(s => s.id === skin.value) ?? LOGIN_SKINS[0])\n</script>\n\n<template>\n  <div class=\"login-shell\">\n    <component :is=\"active.component\" />\n\n    <!-- 右上角工具栏:皮肤切换 + 主题/语言,三枚磨砂药丸并排(主题/语言贴最右角)。 -->\n    <div class=\"login-topbar\">\n      <!-- 皮肤切换器:深色磨砂药丸,在明/暗/极光三种底色上都可读 -->\n      <div class=\"skin-switch\" role=\"tablist\" :aria-label=\"t('app.loginStyle')\">\n        <button\n          v-for=\"s in LOGIN_SKINS\"\n          :key=\"s.id\"\n          class=\"skin-seg\"\n          :class=\"{ active: s.id === skin }\"\n          type=\"button\"\n          role=\"tab\"\n          :aria-selected=\"s.id === skin\"\n          @click=\"skin = s.id\"\n        >\n          {{ t(s.label) }}\n        </button>\n      </div>\n\n      <!-- 全局工具:主题 + 语言。深色磨砂药丸,在明/暗/极光三种底色上都可读,三种皮肤通用。 -->\n      <div class=\"login-tools\">\n        <n-tooltip>\n          <template #trigger>\n            <button\n              class=\"tool-btn\"\n              type=\"button\"\n              :aria-label=\"app.isDark ? t('app.light') : t('app.dark')\"\n              @click=\"app.toggleDark()\"\n            >\n              <Icon :icon=\"app.isDark ? 'ph:moon-stars' : 'ph:sun'\" :width=\"18\" />\n            </button>\n          </template>\n          {{ app.isDark ? t('app.light') : t('app.dark') }}\n        </n-tooltip>\n        <n-tooltip>\n          <template #trigger>\n            <button\n              class=\"tool-btn tool-lang\"\n              type=\"button\"\n              :aria-label=\"t('app.language')\"\n              @click=\"app.setLocale(app.locale === 'zh-CN' ? 'en-US' : 'zh-CN')\"\n            >\n              {{ app.locale === 'zh-CN' ? '中' : 'EN' }}\n            </button>\n          </template>\n          {{ t('app.language') }}\n        </n-tooltip>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.login-shell {\n  position: relative;\n  height: 100dvh;\n  overflow: hidden;\n}\n/* 右上角工具栏:皮肤切换 + 主题/语言并排靠右;窄屏放不下时换行仍右对齐,不横向溢出。 */\n.login-topbar {\n  position: fixed;\n  top: 20px;\n  right: 24px;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n/* 全局工具药丸,与皮肤切换器同款磨砂,自带对比,三底色皆可读 */\n.login-tools {\n  display: flex;\n  gap: 2px;\n  padding: 4px;\n  border-radius: 999px;\n  background: rgba(18, 20, 28, 0.55);\n  border: 1px solid rgba(255, 255, 255, 0.14);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);\n}\n.tool-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 34px;\n  height: 30px;\n  padding: 0 10px;\n  border: none;\n  cursor: pointer;\n  border-radius: 999px;\n  background: transparent;\n  font-size: 13px;\n  font-weight: 600;\n  color: rgba(255, 255, 255, 0.62);\n  transition:\n    color 0.2s,\n    background 0.2s;\n}\n.tool-btn:hover {\n  color: #fff;\n}\n.tool-btn:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 2px;\n}\n/* ponytail: 固定深色药丸自带对比,纯白 spotlight 右上角也够读;若极端不够再补浅色 scrim */\n.skin-switch {\n  display: flex;\n  gap: 2px;\n  padding: 4px;\n  border-radius: 999px;\n  background: rgba(18, 20, 28, 0.55);\n  border: 1px solid rgba(255, 255, 255, 0.14);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);\n}\n.skin-seg {\n  border: none;\n  cursor: pointer;\n  padding: 6px 16px;\n  border-radius: 999px;\n  background: transparent;\n  font-size: 13px;\n  font-weight: 600;\n  color: rgba(255, 255, 255, 0.62);\n  transition:\n    color 0.2s,\n    background 0.2s;\n}\n.skin-seg:hover {\n  color: #fff;\n}\n.skin-seg.active {\n  background: var(--color-primary);\n  color: #fff;\n}\n</style>\n"],"names":["KEY","app","useAppStore","t","useI18n","initSkin","q","LOGIN_SKINS","s","saved","DEFAULT_SKIN","skin","ref","watch","v","active","computed","_openBlock","_createElementBlock","_hoisted_1","_createBlock","_resolveDynamicComponent","_createElementVNode","_hoisted_2","_unref","_Fragment","_renderList","$event","_hoisted_4","_hoisted_5","_createVNode","NTooltip","_cache","Icon","_createTextVNode","_toDisplayString","_hoisted_7"],"mappings":"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"}
+{"version":3,"file":"index2.vue.js","sources":["../../../src/views/login/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 登录页:macOS 锁屏语言的外壳(色场 + 毛玻璃卡,见 components/LoginDesk.vue)+ 表单(LoginForm.vue)。\n// 布局两种:单栏(默认,居中一张卡)/ 双栏(内容区 ≥ 900 才可选:左栏品牌区,右栏卡)。\n// 选择只存浏览器本地(localStorage 'sa-login-layout' = solo | split),不是后台配置;< 900 强制单栏且不显示切换按钮。\n// 兼容皮肤 id(aurora / split / spotlight)的浏览器记忆与 ?skin= 一次性覆盖,\n// 映射到最接近的布局:split → 双栏,aurora / spotlight 是居中一张卡 → 单栏。\nimport { computed, nextTick, ref } from 'vue'\nimport { NButton, NTooltip } from 'naive-ui'\nimport { Icon } from '@iconify/vue'\nimport { useMediaQuery } from '@vueuse/core'\nimport { useI18n } from 'vue-i18n'\nimport { useAppStore } from '#/stores/app'\nimport { useLoginHero } from '#/composables/useLoginHero'\nimport { useSite } from '#/composables/useSite'\nimport LoginDesk from './components/LoginDesk.vue'\nimport LoginForm from './LoginForm.vue'\nimport LoginHeroPanel from './components/LoginHeroPanel.vue'\nimport { LAYOUT_KEY, resolveLoginLayout, type LoginLayout } from './layout'\n\nconst app = useAppStore()\nconst { t } = useI18n()\nconst { site, appVersion } = useSite()\nconst hero = useLoginHero()\nconst year = new Date().getFullYear()\n\nconst wide = useMediaQuery('(min-width: 900px)')\nconst layout = ref<LoginLayout>(resolveLoginLayout(window.location.search, localStorage))\nconst split = computed(() => layout.value === 'split' && wide.value)\n\n// 登录成功后外壳播退场动画(LoginForm 通知)\nconst leaving = ref(false)\n\n// 切换布局时给卡片挂 view-transition-name(见 LoginDesk 的全局样式),让它从居中平滑滑到右栏;\n// 浏览器不支持 View Transitions 或系统开了「减少动态效果」就直接切。\nconst switching = ref(false)\nfunction setLayout(next: LoginLayout) {\n  if (layout.value === next) return\n  const commit = () => {\n    layout.value = next\n    try {\n      localStorage.setItem(LAYOUT_KEY, next)\n    } catch {\n      // 无痕窗口 / 站点数据被禁:这次照常切换,只是不记忆\n    }\n  }\n  const doc = document as Document & {\n    startViewTransition?: (update: () => Promise<void>) => { finished: Promise<void> }\n  }\n  if (!doc.startViewTransition || window.matchMedia?.('(prefers-reduced-motion: reduce)').matches) {\n    commit()\n    return\n  }\n  switching.value = true\n  const transition = doc.startViewTransition(async () => {\n    commit()\n    await nextTick()\n  })\n  void transition.finished.finally(() => {\n    switching.value = false\n  })\n}\n</script>\n\n<template>\n  <LoginDesk\n    :split=\"split\"\n    :leaving=\"leaving\"\n    :class=\"{ switching }\"\n    :width=\"400\"\n    content-style=\"padding: 26px 26px 22px\"\n  >\n    <!-- 双栏左栏:品牌区(文案可在系统配置里改,空值回退内置文案) -->\n    <template v-if=\"split\" #brand>\n      <LoginHeroPanel\n        :headline=\"hero.headline\"\n        :highlight=\"hero.highlight\"\n        :subtitle=\"site.subtitle || t('login.subtitle')\"\n        :features=\"hero.features\"\n      />\n    </template>\n\n    <!-- 右上角工具栏:布局切换(仅内容区 ≥ 900 才出现)+ 语言;主题切换由外壳贴最右角 -->\n    <template #corner>\n      <!-- 与语言、主题同款的幽灵圆钮,不抢眼;图标显示「点了会切到的布局」,点击时图标旋转淡出再换成另一个 -->\n      <n-tooltip v-if=\"wide\">\n        <template #trigger>\n          <n-button\n            quaternary\n            circle\n            data-testid=\"login-layout-toggle\"\n            :aria-label=\"t('login.layoutLabel')\"\n            @click=\"setLayout(split ? 'solo' : 'split')\"\n          >\n            <template #icon>\n              <Transition name=\"ico\" mode=\"out-in\">\n                <Icon\n                  :key=\"split ? 'solo' : 'split'\"\n                  :icon=\"split ? 'ph:rectangle' : 'ph:columns'\"\n                  :width=\"18\"\n                />\n              </Transition>\n            </template>\n          </n-button>\n        </template>\n        {{ split ? t('login.layoutToSolo') : t('login.layoutToSplit') }}\n      </n-tooltip>\n      <n-tooltip>\n        <template #trigger>\n          <n-button\n            quaternary\n            circle\n            :aria-label=\"t('app.language')\"\n            @click=\"app.setLocale(app.locale === 'zh-CN' ? 'en-US' : 'zh-CN')\"\n          >\n            <span class=\"lang-text\">{{ app.locale === 'zh-CN' ? '中' : 'EN' }}</span>\n          </n-button>\n        </template>\n        {{ t('app.language') }}\n      </n-tooltip>\n    </template>\n\n    <!-- 单栏:卡内顶部 logo + 站点标题 + 「登录」标题 + 页脚;双栏:卡内是问候语,页脚在卡外 -->\n    <LoginForm\n      :show-logo=\"!split\"\n      :show-title=\"!split\"\n      :show-greeting=\"split\"\n      :show-footer=\"!split\"\n      @leave=\"leaving = $event\"\n    />\n\n    <template v-if=\"split\" #after>\n      <p class=\"foot\">\n        <span>\n          © {{ year }}\n          <a v-if=\"site.copyrightUrl\" :href=\"site.copyrightUrl\" target=\"_blank\" rel=\"noopener\">\n            {{ site.copyright || site.title }}\n          </a>\n          <template v-else>{{ site.copyright || site.title }}</template>\n        </span>\n        <span v-if=\"appVersion\" class=\"foot-ver\">v{{ appVersion }}</span>\n      </p>\n    </template>\n  </LoginDesk>\n</template>\n\n<style scoped>\n/* 布局切换图标:旧图标缩小、微转、淡出,新图标从另一侧转回来;时长很短,不拖手 */\n.ico-enter-active,\n.ico-leave-active {\n  transition:\n    opacity 0.16s var(--ease),\n    transform 0.2s var(--ease);\n}\n.ico-leave-to {\n  opacity: 0;\n  transform: rotate(-70deg) scale(0.6);\n}\n.ico-enter-from {\n  opacity: 0;\n  transform: rotate(70deg) scale(0.6);\n}\n.lang-text {\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1;\n}\n.foot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  margin: 22px 0 0;\n  font-size: 13px;\n  color: var(--text-3);\n}\n.foot a {\n  color: inherit;\n  text-decoration: none;\n}\n.foot a:hover {\n  color: var(--signal);\n}\n.foot-ver {\n  opacity: 0.75;\n}\n</style>\n"],"names":["app","useAppStore","t","useI18n","site","appVersion","useSite","hero","useLoginHero","year","wide","useMediaQuery","layout","ref","resolveLoginLayout","split","computed","leaving","switching","setLayout","next","commit","LAYOUT_KEY","doc","_a","nextTick","_createBlock","LoginDesk","_unref","NTooltip","_createVNode","NButton","_cache","$event","_Transition","Icon","_createTextVNode","_toDisplayString","_createElementVNode","_hoisted_1","LoginForm","LoginHeroPanel","_hoisted_2","_createElementBlock","_hoisted_3","_Fragment","_openBlock","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,UAAMA,IAAMC,EAAA,GACN,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,MAAAC,GAAM,YAAAC,EAAA,IAAeC,EAAA,GACvBC,IAAOC,EAAA,GACPC,KAAO,oBAAI,KAAA,GAAO,YAAA,GAElBC,IAAOC,EAAc,oBAAoB,GACzCC,IAASC,EAAiBC,EAAmB,OAAO,SAAS,QAAQ,YAAY,CAAC,GAClFC,IAAQC,EAAS,MAAMJ,EAAO,UAAU,WAAWF,EAAK,KAAK,GAG7DO,IAAUJ,EAAI,EAAK,GAInBK,IAAYL,EAAI,EAAK;AAC3B,aAASM,EAAUC,GAAmB;;AACpC,UAAIR,EAAO,UAAUQ,EAAM;AAC3B,YAAMC,IAAS,MAAM;AACnB,QAAAT,EAAO,QAAQQ;AACf,YAAI;AACF,uBAAa,QAAQE,GAAYF,CAAI;AAAA,QACvC,QAAQ;AAAA,QAER;AAAA,MACF,GACMG,IAAM;AAGZ,UAAI,CAACA,EAAI,wBAAuBC,IAAA,OAAO,eAAP,QAAAA,EAAA,aAAoB,oCAAoC,SAAS;AAC/F,QAAAH,EAAA;AACA;AAAA,MACF;AACA,MAAAH,EAAU,QAAQ,IACCK,EAAI,oBAAoB,YAAY;AACrD,QAAAF,EAAA,GACA,MAAMI,EAAA;AAAA,MACR,CAAC,EACe,SAAS,QAAQ,MAAM;AACrC,QAAAP,EAAU,QAAQ;AAAA,MACpB,CAAC;AAAA,IACH;2BAIEQ,EA8EYC,GAAA;AAAA,MA7ET,OAAOZ,EAAA;AAAA,MACP,SAASE,EAAA;AAAA,MACT,sBAASC,EAAA,OAAS;AAAA,MAClB,OAAO;AAAA,MACR,iBAAc;AAAA,IAAA;MAaH,UAET,MAqBY;AAAA,QArBKU,EAAAlB,CAAA,UAAjBgB,EAqBYE,EAAAC,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,UApBC,WACT,MAgBW;AAAA,YAhBXC,EAgBWF,EAAAG,CAAA,GAAA;AAAA,cAfT,YAAA;AAAA,cACA,QAAA;AAAA,cACA,eAAY;AAAA,cACX,cAAYH,EAAA1B,CAAA,EAAC,mBAAA;AAAA,cACb,SAAK8B,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEd,EAAUJ,EAAA,QAAK,SAAA,OAAA;AAAA,YAAA;cAEZ,QACT,MAMa;AAAA,gBANbe,EAMaI,GAAA;AAAA,kBAND,MAAK;AAAA,kBAAM,MAAK;AAAA,gBAAA;6BAC1B,MAIE;AAAA,0BAJFR,EAIEE,EAAAO,CAAA,GAAA;AAAA,sBAHC,KAAKpB,EAAA,QAAK,SAAA;AAAA,sBACV,MAAMA,EAAA,QAAK,iBAAA;AAAA,sBACX,OAAO;AAAA,oBAAA;;;;;;;;qBAKP,MACX;AAAA,YADWqB,EAAA,MACXC,EAAGtB,EAAA,QAAQa,EAAA1B,CAAA,0BAA0B0B,EAAA1B,CAAA,EAAC,qBAAA,CAAA,GAAA,CAAA;AAAA,UAAA;;;QAExC4B,EAYYF,EAAAC,CAAA,GAAA,MAAA;AAAA,UAXC,WACT,MAOW;AAAA,YAPXC,EAOWF,EAAAG,CAAA,GAAA;AAAA,cANT,YAAA;AAAA,cACA,QAAA;AAAA,cACC,cAAYH,EAAA1B,CAAA,EAAC,cAAA;AAAA,cACb,gCAAO0B,EAAA5B,CAAA,EAAI,UAAU4B,EAAA5B,CAAA,EAAI,WAAM,UAAA,UAAA,OAAA;AAAA,YAAA;yBAEhC,MAAwE;AAAA,gBAAxEsC,EAAwE,QAAxEC,GAAwEF,EAA7CT,EAAA5B,CAAA,EAAI,WAAM,UAAA,MAAA,IAAA,GAAA,CAAA;AAAA,cAAA;;;;qBAE9B,MACX;AAAA,YADWoC,EAAA,QACRR,EAAA1B,CAAA,EAAC,cAAA,CAAA,GAAA,CAAA;AAAA,UAAA;;;;iBAKR,MAME;AAAA,QANF4B,EAMEU,GAAA;AAAA,UALC,cAAYzB,EAAA;AAAA,UACZ,eAAaA,EAAA;AAAA,UACb,iBAAeA,EAAA;AAAA,UACf,gBAAcA,EAAA;AAAA,UACd,SAAKiB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEhB,EAAA,QAAUgB;AAAA,QAAA;;;;MAvDJlB,EAAA;cAAQ;AAAA,cACtB,MAKE;AAAA,UALFe,EAKEW,GAAA;AAAA,YAJC,UAAUb,EAAArB,CAAA,EAAK;AAAA,YACf,WAAWqB,EAAArB,CAAA,EAAK;AAAA,YAChB,UAAUqB,EAAAxB,CAAA,EAAK,YAAYwB,EAAA1B,CAAA,EAAC,gBAAA;AAAA,YAC5B,UAAU0B,EAAArB,CAAA,EAAK;AAAA,UAAA;;;;MAqDJQ,EAAA;cAAQ;AAAA,cACtB,MASI;AAAA,UATJuB,EASI,KATJI,GASI;AAAA,YARFJ,EAMO,QAAA,MAAA;AAAA,gBAND,QACFD,EAAGT,EAAAnB,CAAA,CAAI,IAAG,KACZ,CAAA;AAAA,cAASmB,EAAAxB,CAAA,EAAK,qBAAduC,EAEI,KAAA;AAAA;gBAFyB,MAAMf,EAAAxB,CAAA,EAAK;AAAA,gBAAc,QAAO;AAAA,gBAAS,KAAI;AAAA,cAAA,GACrEiC,EAAAT,EAAAxB,CAAA,EAAK,aAAawB,EAAAxB,CAAA,EAAK,KAAK,GAAA,GAAAwC,CAAA,WAEjCD,EAA8DE,GAAA,EAAA,KAAA,KAAA;AAAA,gBAA1CT,EAAAC,EAAAT,EAAAxB,CAAA,EAAK,aAAawB,EAAAxB,CAAA,EAAK,KAAK,GAAA,CAAA;AAAA,cAAA;;YAEtCwB,EAAAvB,CAAA,KAAZyC,KAAAH,EAAiE,QAAjEI,GAAyC,QAAInB,EAAAvB,CAAA,CAAU,GAAA,CAAA;;;;;;;;"}

package/dist/views/login/layout.d.ts

@@ -0,0 +1,11 @@
+export type LoginLayout = 'solo' | 'split';
+/** 布局的记忆键(值 solo / split)。 */
+export declare const LAYOUT_KEY = "sa-login-layout";
+/** 把布局值或皮肤 id 解析成布局;认不出返回 null。 */
+export declare function parseLoginLayout(value: string | null | undefined): LoginLayout | null;
+/**
+ * 决定登录页首次渲染用哪种布局。优先级:
+ * ?layout= / ?skin=(一次性,不写记忆)→ localStorage[sa-login-layout] → localStorage[login-skin] → 单栏。
+ * storage 读取可能抛(无痕窗口 / 站点数据被禁),一律按「没有记忆」处理。
+ */
+export declare function resolveLoginLayout(search: string, storage: Pick<Storage, 'getItem'>): LoginLayout;

package/dist/views/login/layout.js

@@ -0,0 +1,27 @@
+const a = "sa-login-layout", c = "login-skin", e = {
+  aurora: "solo",
+  spotlight: "solo",
+  split: "split",
+  solo: "solo"
+};
+function t(o) {
+  return (o && Object.hasOwn(e, o) ? e[o] : null) ?? null;
+}
+function i(o, l) {
+  const n = new URLSearchParams(o), r = t(n.get("layout")) ?? t(n.get("skin"));
+  if (r) return r;
+  const s = (u) => {
+    try {
+      return l.getItem(u);
+    } catch {
+      return null;
+    }
+  };
+  return t(s(a)) ?? t(s(c)) ?? "solo";
+}
+export {
+  a as LAYOUT_KEY,
+  t as parseLoginLayout,
+  i as resolveLoginLayout
+};
+//# sourceMappingURL=layout.js.map

package/dist/views/login/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../../../src/views/login/layout.ts"],"sourcesContent":["// 登录页布局的取值与兼容。\n// 布局只存在浏览器本地(不是后台配置项),所以兼容只涉及两处浏览器侧的皮肤 id 格式:\n//   · localStorage['login-skin'](皮肤 id 的浏览器记忆)\n//   · URL 的 ?skin=(一次性覆盖,便于对比预览;e2e 也靠它进双栏)\n// 皮肤 id → 布局:split 是双栏;aurora / spotlight 是「居中一张卡」→ 单栏。\n\nexport type LoginLayout = 'solo' | 'split'\n\n/** 布局的记忆键(值 solo / split)。 */\nexport const LAYOUT_KEY = 'sa-login-layout'\n/** 皮肤 id 的记忆键(兼容格式),只读不写。 */\nconst LEGACY_SKIN_KEY = 'login-skin'\n\n/** 皮肤 id → 布局('solo' / 'split' 与布局同名,所以布局值也走这张表)。 */\nconst SKIN_TO_LAYOUT: Record<string, LoginLayout> = {\n  aurora: 'solo',\n  spotlight: 'solo',\n  split: 'split',\n  solo: 'solo',\n}\n\n/** 把布局值或皮肤 id 解析成布局;认不出返回 null。 */\nexport function parseLoginLayout(value: string | null | undefined): LoginLayout | null {\n  return (value && Object.hasOwn(SKIN_TO_LAYOUT, value) ? SKIN_TO_LAYOUT[value] : null) ?? null\n}\n\n/**\n * 决定登录页首次渲染用哪种布局。优先级:\n * ?layout= / ?skin=(一次性,不写记忆)→ localStorage[sa-login-layout] → localStorage[login-skin] → 单栏。\n * storage 读取可能抛(无痕窗口 / 站点数据被禁),一律按「没有记忆」处理。\n */\nexport function resolveLoginLayout(search: string, storage: Pick<Storage, 'getItem'>): LoginLayout {\n  const query = new URLSearchParams(search)\n  const fromQuery = parseLoginLayout(query.get('layout')) ?? parseLoginLayout(query.get('skin'))\n  if (fromQuery) return fromQuery\n  const read = (key: string) => {\n    try {\n      return storage.getItem(key)\n    } catch {\n      return null\n    }\n  }\n  return parseLoginLayout(read(LAYOUT_KEY)) ?? parseLoginLayout(read(LEGACY_SKIN_KEY)) ?? 'solo'\n}\n"],"names":["LAYOUT_KEY","LEGACY_SKIN_KEY","SKIN_TO_LAYOUT","parseLoginLayout","value","resolveLoginLayout","search","storage","query","fromQuery","read","key"],"mappings":"AASO,MAAMA,IAAa,mBAEpBC,IAAkB,cAGlBC,IAA8C;AAAA,EAClD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AACR;AAGO,SAASC,EAAiBC,GAAsD;AACrF,UAAQA,KAAS,OAAO,OAAOF,GAAgBE,CAAK,IAAIF,EAAeE,CAAK,IAAI,SAAS;AAC3F;AAOO,SAASC,EAAmBC,GAAgBC,GAAgD;AACjG,QAAMC,IAAQ,IAAI,gBAAgBF,CAAM,GAClCG,IAAYN,EAAiBK,EAAM,IAAI,QAAQ,CAAC,KAAKL,EAAiBK,EAAM,IAAI,MAAM,CAAC;AAC7F,MAAIC,EAAW,QAAOA;AACtB,QAAMC,IAAO,CAACC,MAAgB;AAC5B,QAAI;AACF,aAAOJ,EAAQ,QAAQI,CAAG;AAAA,IAC5B,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAOR,EAAiBO,EAAKV,CAAU,CAAC,KAAKG,EAAiBO,EAAKT,CAAe,CAAC,KAAK;AAC1F;"}

package/dist/views/mfa/index.vue.js

@@ -1,8 +1,8 @@
 import o from "./index2.vue.js";
 /* empty css           */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b6e82c2c"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e94d2959"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=index.vue.js.map