smart-admin-web 10.15.0 → 10.20.0

package/dist/composables/useTableRowSort.js

@@ -1,59 +0,0 @@
-import { onBeforeUnmount as w, nextTick as y } from "vue";
-const S = "drag-handle", h = 10, k = 80;
-function L(e) {
-  let r = null, c = null, s;
-  function l() {
-    clearTimeout(s), r == null || r.destroy(), r = null, c = null;
-  }
-  async function i(d = 0) {
-    var f;
-    if (e.disabled()) {
-      l();
-      return;
-    }
-    await y();
-    const t = (f = e.container.value) == null ? void 0 : f.querySelector(".n-data-table-tbody");
-    if (!t) {
-      l(), d < h && (s = setTimeout(() => void i(d + 1), k));
-      return;
-    }
-    if (t === c) return;
-    clearTimeout(s), l();
-    const { default: m } = await import("sortablejs");
-    r = m.create(t, {
-      handle: `.${S}`,
-      draggable: ".n-data-table-tr",
-      animation: 180,
-      easing: "cubic-bezier(0.22, 0.61, 0.36, 1)",
-      chosenClass: "row-chosen",
-      ghostClass: "row-ghost",
-      fallbackClass: "row-fallback",
-      // 自绘拖拽层(而不是浏览器的原生拖影),配合样式里的隐藏才能把拖拽锁在表内
-      forceFallback: !0,
-      // 手柄上的轻微抖动不该被当成拖拽,否则点一下就误触发
-      fallbackTolerance: 4,
-      scroll: !0,
-      forceAutoScrollFallback: !0,
-      scrollSensitivity: 64,
-      scrollSpeed: 12,
-      onStart: () => {
-        var a;
-        return (a = e.container.value) == null ? void 0 : a.classList.add("is-dragging");
-      },
-      onEnd: (a) => {
-        var g, T;
-        (g = e.container.value) == null || g.classList.remove("is-dragging");
-        const { oldIndex: n, newIndex: o } = a;
-        if (n == null || o == null || n === o) return;
-        const b = e.rows(), [u] = b.splice(n, 1);
-        u && (b.splice(o, 0, u), (T = e.onSorted) == null || T.call(e, u, n, o));
-      }
-    }), c = t;
-  }
-  return w(l), { sync: i, destroy: l };
-}
-export {
-  S as DRAG_HANDLE_CLASS,
-  L as useTableRowSort
-};
-//# sourceMappingURL=useTableRowSort.js.map

package/dist/composables/useTableRowSort.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableRowSort.js","sources":["../../src/composables/useTableRowSort.ts"],"sourcesContent":["// n-data-table 的行拖拽排序:sortablejs 的挂载/重建/销毁与重排回调都收在这里。\n//\n// 为什么不用原生 HTML5 拖放(<tr draggable> + dragstart/drop):那个半透明拖影由浏览器绘制,\n// 能跟着鼠标飘到表格外、弹窗外甚至窗口外,CSS 一点都管不到。这里用 sortablejs 的\n// forceFallback + 隐藏浮层(样式里 .row-fallback { display: none }),拖拽全靠行本身移动来表达,\n// 视觉上永远出不了表体;让位动画与自动滚动交给 sortablejs。\nimport { nextTick, onBeforeUnmount, type Ref } from 'vue'\nimport type Sortable from 'sortablejs'\n\nexport interface TableRowSortOptions<T> {\n  /**\n   * 表格所在的容器元素,从中找 tbody;拖拽期间它会被打上 .is-dragging。\n   * 该元素要套全局类 <code>.row-sort</code>(styles/table.css)才有配套外观。\n   */\n  container: Ref<HTMLElement | null>\n  /** 被排序的数组,原地重排(reactive 数组直接传函数返回值即可) */\n  rows: () => T[]\n  /** 为真时不可拖(只读态、详情态) */\n  disabled: () => boolean\n  /** 重排完成:落位的行 + 原始/目标下标 */\n  onSorted?: (row: T, from: number, to: number) => void\n}\n\n/** 拖拽手柄的类名,列渲染和样式两边都按它对齐 */\nexport const DRAG_HANDLE_CLASS = 'drag-handle'\n\n/** tbody 还没渲染出来时的重试次数与间隔:弹窗有开场动画,首帧往往取不到表体 */\nconst RETRY_LIMIT = 10\nconst RETRY_DELAY = 80\n\nexport function useTableRowSort<T>(options: TableRowSortOptions<T>) {\n  let sortable: Sortable | null = null\n  let boundTbody: HTMLElement | null = null\n  let retryTimer: ReturnType<typeof setTimeout> | undefined\n\n  function destroy() {\n    clearTimeout(retryTimer)\n    sortable?.destroy()\n    sortable = null\n    boundTbody = null\n  }\n\n  /**\n   * 重新绑定拖拽。表格换了一个 tbody(弹窗重开、只读态切换)才需要真的重建,\n   * 行的增删不动 tbody 元素本身,重复调用是廉价的。\n   */\n  async function sync(attempt = 0) {\n    if (options.disabled()) {\n      destroy()\n      return\n    }\n    await nextTick()\n    const tbody = options.container.value?.querySelector<HTMLElement>('.n-data-table-tbody')\n    if (!tbody) {\n      destroy()\n      // 弹窗开场动画期间表体还没挂上,过一会儿再试,别把拖拽丢了\n      if (attempt < RETRY_LIMIT) {\n        retryTimer = setTimeout(() => void sync(attempt + 1), RETRY_DELAY)\n      }\n      return\n    }\n    if (tbody === boundTbody) return\n    clearTimeout(retryTimer)\n\n    destroy()\n    const { default: SortableCtor } = await import('sortablejs')\n    sortable = SortableCtor.create(tbody, {\n      handle: `.${DRAG_HANDLE_CLASS}`,\n      draggable: '.n-data-table-tr',\n      animation: 180,\n      easing: 'cubic-bezier(0.22, 0.61, 0.36, 1)',\n      chosenClass: 'row-chosen',\n      ghostClass: 'row-ghost',\n      fallbackClass: 'row-fallback',\n      // 自绘拖拽层(而不是浏览器的原生拖影),配合样式里的隐藏才能把拖拽锁在表内\n      forceFallback: true,\n      // 手柄上的轻微抖动不该被当成拖拽,否则点一下就误触发\n      fallbackTolerance: 4,\n      scroll: true,\n      forceAutoScrollFallback: true,\n      scrollSensitivity: 64,\n      scrollSpeed: 12,\n      onStart: () => options.container.value?.classList.add('is-dragging'),\n      onEnd: event => {\n        options.container.value?.classList.remove('is-dragging')\n        const { oldIndex: from, newIndex: to } = event\n        if (from == null || to == null || from === to) return\n        // sortablejs 已经把 DOM 挪好了,这里同步数据;表格带 row-key,Vue 按键重排不会串行\n        const rows = options.rows()\n        const [row] = rows.splice(from, 1)\n        if (!row) return\n        rows.splice(to, 0, row)\n        options.onSorted?.(row, from, to)\n      },\n    })\n    boundTbody = tbody\n  }\n\n  onBeforeUnmount(destroy)\n\n  return { sync, destroy }\n}\n"],"names":["DRAG_HANDLE_CLASS","RETRY_LIMIT","RETRY_DELAY","useTableRowSort","options","sortable","boundTbody","retryTimer","destroy","sync","attempt","nextTick","tbody","_a","SortableCtor","event","from","to","rows","row","_b","onBeforeUnmount"],"mappings":";AAwBO,MAAMA,IAAoB,eAG3BC,IAAc,IACdC,IAAc;AAEb,SAASC,EAAmBC,GAAiC;AAClE,MAAIC,IAA4B,MAC5BC,IAAiC,MACjCC;AAEJ,WAASC,IAAU;AACjB,iBAAaD,CAAU,GACvBF,KAAA,QAAAA,EAAU,WACVA,IAAW,MACXC,IAAa;AAAA,EACf;AAMA,iBAAeG,EAAKC,IAAU,GAAG;;AAC/B,QAAIN,EAAQ,YAAY;AACtB,MAAAI,EAAA;AACA;AAAA,IACF;AACA,UAAMG,EAAA;AACN,UAAMC,KAAQC,IAAAT,EAAQ,UAAU,UAAlB,gBAAAS,EAAyB,cAA2B;AAClE,QAAI,CAACD,GAAO;AACV,MAAAJ,EAAA,GAEIE,IAAUT,MACZM,IAAa,WAAW,MAAM,KAAKE,EAAKC,IAAU,CAAC,GAAGR,CAAW;AAEnE;AAAA,IACF;AACA,QAAIU,MAAUN,EAAY;AAC1B,iBAAaC,CAAU,GAEvBC,EAAA;AACA,UAAM,EAAE,SAASM,MAAiB,MAAM,OAAO,YAAY;AAC3D,IAAAT,IAAWS,EAAa,OAAOF,GAAO;AAAA,MACpC,QAAQ,IAAIZ,CAAiB;AAAA,MAC7B,WAAW;AAAA,MACX,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,eAAe;AAAA;AAAA,MAEf,eAAe;AAAA;AAAA,MAEf,mBAAmB;AAAA,MACnB,QAAQ;AAAA,MACR,yBAAyB;AAAA,MACzB,mBAAmB;AAAA,MACnB,aAAa;AAAA,MACb,SAAS,MAAA;;AAAM,gBAAAa,IAAAT,EAAQ,UAAU,UAAlB,gBAAAS,EAAyB,UAAU,IAAI;AAAA;AAAA,MACtD,OAAO,CAAAE,MAAS;;AACd,SAAAF,IAAAT,EAAQ,UAAU,UAAlB,QAAAS,EAAyB,UAAU,OAAO;AAC1C,cAAM,EAAE,UAAUG,GAAM,UAAUC,MAAOF;AACzC,YAAIC,KAAQ,QAAQC,KAAM,QAAQD,MAASC,EAAI;AAE/C,cAAMC,IAAOd,EAAQ,KAAA,GACf,CAACe,CAAG,IAAID,EAAK,OAAOF,GAAM,CAAC;AACjC,QAAKG,MACLD,EAAK,OAAOD,GAAI,GAAGE,CAAG,IACtBC,IAAAhB,EAAQ,aAAR,QAAAgB,EAAA,KAAAhB,GAAmBe,GAAKH,GAAMC;AAAA,MAChC;AAAA,IAAA,CACD,GACDX,IAAaM;AAAA,EACf;AAEA,SAAAS,EAAgBb,CAAO,GAEhB,EAAE,MAAAC,GAAM,SAAAD,EAAA;AACjB;"}

package/dist/layouts/LayoutModeCards.vue.js

@@ -1,8 +0,0 @@
-import o from "./LayoutModeCards2.vue.js";
-/* empty css                     */
-import t from "../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-66443dff"]]);
-export {
-  d as default
-};
-//# sourceMappingURL=LayoutModeCards.vue.js.map

package/dist/layouts/LayoutModeCards.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutModeCards.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/layouts/LayoutModeCards2.vue.js

@@ -1,67 +0,0 @@
-import { defineComponent as c, openBlock as l, createElementBlock as t, Fragment as r, renderList as v, unref as e, createElementVNode as a, normalizeClass as n, createStaticVNode as f, toDisplayString as y } from "vue";
-import { useI18n as b } from "vue-i18n";
-import { useAppStore as g, LAYOUT_MODES as k } from "../stores/app.js";
-const m = { class: "grid" }, w = ["onClick"], C = ["aria-label", "aria-pressed"], z = /* @__PURE__ */ c({
-  __name: "LayoutModeCards",
-  setup(M) {
-    const o = g(), { t: u } = b();
-    function d(p) {
-      const s = p.split("-").map((i) => i[0].toUpperCase() + i.slice(1)).join("");
-      return u("settings.layout" + s);
-    }
-    return (p, s) => (l(), t("div", m, [
-      (l(!0), t(r, null, v(e(k), (i) => (l(), t("div", {
-        key: i,
-        class: "cell",
-        onClick: (L) => e(o).setLayoutMode(i)
-      }, [
-        a("button", {
-          type: "button",
-          class: n(["card", { on: e(o).layoutMode === i }]),
-          "aria-label": d(i),
-          "aria-pressed": e(o).layoutMode === i
-        }, [
-          a("span", {
-            class: n(["inner", i.includes("vertical") ? "row" : "col"])
-          }, [
-            i === "vertical" ? (l(), t(r, { key: 0 }, [
-              s[0] || (s[0] = a("i", { class: "sider strong" }, null, -1)),
-              s[1] || (s[1] = a("i", { class: "vwrap" }, [
-                a("i", { class: "header p200" }),
-                a("i", { class: "main p200" })
-              ], -1))
-            ], 64)) : i === "vertical-mix" ? (l(), t(r, { key: 1 }, [
-              s[2] || (s[2] = f('<i class="rail strong" data-v-66443dff></i><i class="subsider p300" data-v-66443dff></i><i class="vwrap" data-v-66443dff><i class="header p200" data-v-66443dff></i><i class="main p200" data-v-66443dff></i></i>', 3))
-            ], 64)) : i === "vertical-hybrid-header-first" ? (l(), t(r, { key: 2 }, [
-              s[3] || (s[3] = f('<i class="rail strong" data-v-66443dff></i><i class="subsider p300" data-v-66443dff></i><i class="vwrap" data-v-66443dff><i class="header strong" data-v-66443dff></i><i class="main p200" data-v-66443dff></i></i>', 3))
-            ], 64)) : i === "horizontal" ? (l(), t(r, { key: 3 }, [
-              s[4] || (s[4] = a("i", { class: "header full strong" }, null, -1)),
-              s[5] || (s[5] = a("i", { class: "hwrap" }, [
-                a("i", { class: "main p200" })
-              ], -1))
-            ], 64)) : i === "top-hybrid-sidebar-first" ? (l(), t(r, { key: 4 }, [
-              s[6] || (s[6] = a("i", { class: "header full p300" }, null, -1)),
-              s[7] || (s[7] = a("i", { class: "hwrap" }, [
-                a("i", { class: "sider strong" }),
-                a("i", { class: "main p200" })
-              ], -1))
-            ], 64)) : (l(), t(r, { key: 5 }, [
-              s[8] || (s[8] = a("i", { class: "header full strong" }, null, -1)),
-              s[9] || (s[9] = a("i", { class: "hwrap" }, [
-                a("i", { class: "sider p300" }),
-                a("i", { class: "main p200" })
-              ], -1))
-            ], 64))
-          ], 2)
-        ], 10, C),
-        a("p", {
-          class: n(["label", { on: e(o).layoutMode === i }])
-        }, y(d(i)), 3)
-      ], 8, w))), 128))
-    ]));
-  }
-});
-export {
-  z as default
-};
-//# sourceMappingURL=LayoutModeCards2.vue.js.map

package/dist/layouts/LayoutModeCards2.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutModeCards2.vue.js","sources":["../../src/layouts/LayoutModeCards.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from 'vue-i18n'\nimport { useAppStore, LAYOUT_MODES, type LayoutMode } from '#/stores/app'\n\n// 布局模式彩色线框卡片(对齐 SoybeanAdmin theme-drawer/layout-mode.vue)。\n// 三档主色 strong(500)/p300/p200 由实时 --color-primary 派生;形状与 soybean 逐模式一致。\nconst app = useAppStore()\nconst { t } = useI18n()\n\nfunction label(m: LayoutMode) {\n  const pascal = m\n    .split('-')\n    .map(w => w[0]!.toUpperCase() + w.slice(1))\n    .join('')\n  return t('settings.layout' + pascal)\n}\n</script>\n\n<template>\n  <div class=\"grid\">\n    <div v-for=\"m in LAYOUT_MODES\" :key=\"m\" class=\"cell\" @click=\"app.setLayoutMode(m)\">\n      <button\n        type=\"button\"\n        class=\"card\"\n        :class=\"{ on: app.layoutMode === m }\"\n        :aria-label=\"label(m)\"\n        :aria-pressed=\"app.layoutMode === m\"\n      >\n        <span class=\"inner\" :class=\"m.includes('vertical') ? 'row' : 'col'\">\n          <!-- 左侧菜单:满高侧栏 + (头 / 内容) -->\n          <template v-if=\"m === 'vertical'\">\n            <i class=\"sider strong\" />\n            <i class=\"vwrap\">\n              <i class=\"header p200\" />\n              <i class=\"main p200\" />\n            </i>\n          </template>\n          <!-- 左侧混合:一级 rail + 二级列 + (头 / 内容) -->\n          <template v-else-if=\"m === 'vertical-mix'\">\n            <i class=\"rail strong\" />\n            <i class=\"subsider p300\" />\n            <i class=\"vwrap\">\n              <i class=\"header p200\" />\n              <i class=\"main p200\" />\n            </i>\n          </template>\n          <!-- 左侧混合-顶部优先:一级上顶,rail(二级) + 三级列 + (强调头 / 内容) -->\n          <template v-else-if=\"m === 'vertical-hybrid-header-first'\">\n            <i class=\"rail strong\" />\n            <i class=\"subsider p300\" />\n            <i class=\"vwrap\">\n              <i class=\"header strong\" />\n              <i class=\"main p200\" />\n            </i>\n          </template>\n          <!-- 顶部菜单:通栏头 + 内容 -->\n          <template v-else-if=\"m === 'horizontal'\">\n            <i class=\"header full strong\" />\n            <i class=\"hwrap\"><i class=\"main p200\" /></i>\n          </template>\n          <!-- 顶部混合-侧边优先:头(二级)+ (强调 rail(一级) / 内容) -->\n          <template v-else-if=\"m === 'top-hybrid-sidebar-first'\">\n            <i class=\"header full p300\" />\n            <i class=\"hwrap\">\n              <i class=\"sider strong\" />\n              <i class=\"main p200\" />\n            </i>\n          </template>\n          <!-- 顶部混合-顶部优先:强调头(一级)+ (侧栏(二级) / 内容) -->\n          <template v-else>\n            <i class=\"header full strong\" />\n            <i class=\"hwrap\">\n              <i class=\"sider p300\" />\n              <i class=\"main p200\" />\n            </i>\n          </template>\n        </span>\n      </button>\n      <p class=\"label\" :class=\"{ on: app.layoutMode === m }\">{{ label(m) }}</p>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n  /* animated tab 的 .n-tabs-pane-wrapper 是 overflow:hidden,会裁掉边列卡片的 2px 选中环;内缩 3px 让环留在裁剪框内 */\n  padding-inline: 3px;\n}\n.cell {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n}\n\n/* 卡片:soybean = shadow + ring-2(默认透明,hover/选中转主色) */\n.card {\n  width: 100%;\n  height: 62px;\n  padding: 6px;\n  border: none;\n  border-radius: 4px;\n  background: var(--color-bg-container);\n  box-shadow:\n    0 1px 3px rgba(20, 27, 45, 0.1),\n    0 0 0 2px transparent;\n  cursor: pointer;\n  transition: box-shadow 0.15s ease;\n}\n.cell:hover .card {\n  box-shadow:\n    0 1px 3px rgba(20, 27, 45, 0.1),\n    0 0 0 2px var(--color-primary);\n}\n.card.on {\n  box-shadow:\n    0 1px 3px rgba(20, 27, 45, 0.1),\n    0 0 0 2px var(--color-primary);\n}\n\n/* 线框:三档主色派生跟随实时 --color-primary */\n.inner {\n  --strong: var(--color-primary);\n  --p300: color-mix(in srgb, var(--color-primary) 58%, var(--color-bg-container));\n  --p200: color-mix(in srgb, var(--color-primary) 34%, var(--color-bg-container));\n  display: flex;\n  gap: 5px;\n  width: 100%;\n  height: 100%;\n}\n.inner.row {\n  flex-direction: row;\n}\n.inner.col {\n  flex-direction: column;\n}\n.inner i,\n.inner .vwrap,\n.inner .hwrap {\n  border-radius: 3px;\n}\n.strong {\n  background: var(--strong);\n}\n.p300 {\n  background: var(--p300);\n}\n.p200 {\n  background: var(--p200);\n}\n.sider {\n  width: 18%;\n  flex-shrink: 0;\n}\n.rail {\n  width: 9%;\n  flex-shrink: 0;\n}\n.subsider {\n  width: 16%;\n  flex-shrink: 0;\n}\n.header {\n  flex-shrink: 0;\n  height: 13px;\n}\n.header.full {\n  width: 100%;\n}\n.main {\n  flex: 1;\n}\n.vwrap {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n.vwrap .header {\n  width: 100%;\n}\n.hwrap {\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  gap: 5px;\n}\n\n.label {\n  margin: 0;\n  text-align: center;\n  font-size: var(--font-size-xs);\n  line-height: var(--line-height-xs);\n  color: var(--color-text-secondary);\n}\n.label.on {\n  color: var(--color-primary);\n  font-weight: var(--font-weight-medium);\n}\n</style>\n"],"names":["app","useAppStore","t","useI18n","label","m","pascal","w","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","_unref","LAYOUT_MODES","$event","_createElementVNode","_normalizeClass","_toDisplayString"],"mappings":";;;;;;AAMA,UAAMA,IAAMC,EAAA,GACN,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,aAASC,EAAMC,GAAe;AAC5B,YAAMC,IAASD,EACZ,MAAM,GAAG,EACT,IAAI,OAAKE,EAAE,CAAC,EAAG,YAAA,IAAgBA,EAAE,MAAM,CAAC,CAAC,EACzC,KAAK,EAAE;AACV,aAAOL,EAAE,oBAAoBI,CAAM;AAAA,IACrC;sBAIEE,EAAA,GAAAC,EA6DM,OA7DNC,GA6DM;AAAA,cA5DJD,EA2DME,GAAA,MAAAC,EA3DWC,EAAAC,CAAA,GAAY,CAAjBT,YAAZI,EA2DM,OAAA;AAAA,QA3D0B,KAAKJ;AAAA,QAAG,OAAM;AAAA,QAAQ,SAAK,CAAAU,MAAEF,EAAAb,CAAA,EAAI,cAAcK,CAAC;AAAA,MAAA;QAC9EW,EAwDS,UAAA;AAAA,UAvDP,MAAK;AAAA,UACL,UAAM,QAAM,EAAA,IACEH,KAAI,eAAeR,EAAA,CAAC,CAAA;AAAA,UACjC,cAAYD,EAAMC,CAAC;AAAA,UACnB,gBAAcQ,EAAAb,CAAA,EAAI,eAAeK;AAAA,QAAA;UAElCW,EAgDO,QAAA;AAAA,YAhDD,OAAKC,EAAA,CAAC,SAAgBZ,EAAE,SAAQ,UAAA,IAAA,QAAA,KAAA,CAAA;AAAA,UAAA;YAEpBA,MAAC,mBAAjBI,EAMWE,GAAA,EAAA,KAAA,KAAA;AAAA,8BALTK,EAA0B,KAAA,EAAvB,OAAM,eAAA,GAAc,MAAA,EAAA;AAAA,8BACvBA,EAGI,KAAA,EAHD,OAAM,WAAO;AAAA,gBACdA,EAAyB,KAAA,EAAtB,OAAM,eAAa;AAAA,gBACtBA,EAAuB,KAAA,EAApB,OAAM,aAAW;AAAA,cAAA;sBAIHX,MAAC,uBAAtBI,EAOWE,GAAA,EAAA,KAAA,KAAA;AAAA;sBAEUN,MAAC,uCAAtBI,EAOWE,GAAA,EAAA,KAAA,KAAA;AAAA;sBAEUN,MAAC,qBAAtBI,EAGWE,GAAA,EAAA,KAAA,KAAA;AAAA,8BAFTK,EAAgC,KAAA,EAA7B,OAAM,qBAAA,GAAoB,MAAA,EAAA;AAAA,8BAC7BA,EAA4C,KAAA,EAAzC,OAAM,WAAO;AAAA,gBAACA,EAAuB,KAAA,EAApB,OAAM,aAAW;AAAA,cAAA;sBAGlBX,MAAC,mCAAtBI,EAMWE,GAAA,EAAA,KAAA,KAAA;AAAA,8BALTK,EAA8B,KAAA,EAA3B,OAAM,mBAAA,GAAkB,MAAA,EAAA;AAAA,8BAC3BA,EAGI,KAAA,EAHD,OAAM,WAAO;AAAA,gBACdA,EAA0B,KAAA,EAAvB,OAAM,gBAAc;AAAA,gBACvBA,EAAuB,KAAA,EAApB,OAAM,aAAW;AAAA,cAAA;4BAIxBP,EAMWE,GAAA,EAAA,KAAA,KAAA;AAAA,8BALTK,EAAgC,KAAA,EAA7B,OAAM,qBAAA,GAAoB,MAAA,EAAA;AAAA,8BAC7BA,EAGI,KAAA,EAHD,OAAM,WAAO;AAAA,gBACdA,EAAwB,KAAA,EAArB,OAAM,cAAY;AAAA,gBACrBA,EAAuB,KAAA,EAApB,OAAM,aAAW;AAAA,cAAA;;;;QAK5BA,EAAyE,KAAA;AAAA,UAAtE,UAAM,SAAO,EAAA,IAAeH,KAAI,eAAeR,GAAC,CAAA;AAAA,QAAA,GAAOa,EAAAd,EAAMC,CAAC,CAAA,GAAA,CAAA;AAAA,MAAA;;;;"}

package/dist/layouts/SettingRow.vue.d.ts

@@ -1,16 +0,0 @@
-type __VLS_Props = {
-    label: string;
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/layouts/SettingRow.vue.js

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

package/dist/layouts/SettingRow.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingRow.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/layouts/SettingRow2.vue.js

@@ -1,23 +0,0 @@
-import { defineComponent as o, openBlock as a, createElementBlock as s, createElementVNode as t, toDisplayString as n, renderSlot as r } from "vue";
-const c = ["aria-label"], i = { class: "lbl" }, d = { class: "ctl" }, m = /* @__PURE__ */ o({
-  __name: "SettingRow",
-  props: {
-    label: {}
-  },
-  setup(e) {
-    return (l, _) => (a(), s("div", {
-      class: "row",
-      role: "group",
-      "aria-label": e.label
-    }, [
-      t("span", i, n(e.label), 1),
-      t("div", d, [
-        r(l.$slots, "default", {}, void 0, !0)
-      ])
-    ], 8, c));
-  }
-});
-export {
-  m as default
-};
-//# sourceMappingURL=SettingRow2.vue.js.map

package/dist/layouts/SettingRow2.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingRow2.vue.js","sources":["../../src/layouts/SettingRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 设置项行:左标签 + 右控件槽。槽内是 Naive 自绘控件(n-switch/n-select),无法用原生 <label for> 绑定,\n// 故给整行 role=\"group\" + aria-label,让读屏聚焦控件时能读到这项设置名(可见 span 仍留给视觉)。\ndefineProps<{ label: string }>()\n</script>\n\n<template>\n  <div class=\"row\" role=\"group\" :aria-label=\"label\">\n    <span class=\"lbl\">{{ label }}</span>\n    <div class=\"ctl\"><slot /></div>\n  </div>\n</template>\n\n<style scoped>\n.row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  min-height: 40px;\n}\n.lbl {\n  color: var(--color-text-secondary);\n  font-size: var(--font-size-sm);\n  white-space: nowrap;\n}\n.ctl {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n</style>\n"],"names":["_createElementBlock","__props","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3","_renderSlot","_ctx"],"mappings":";;;;;;;2BAOEA,EAGM,OAAA;AAAA,MAHD,OAAM;AAAA,MAAM,MAAK;AAAA,MAAS,cAAYC,EAAA;AAAA,IAAA;MACzCC,EAAoC,QAApCC,GAAoCC,EAAfH,EAAA,KAAK,GAAA,CAAA;AAAA,MAC1BC,EAA+B,OAA/BG,GAA+B;AAAA,QAAdC,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;;;;"}

package/dist/views/login/skins/AuroraGlass.vue.js

@@ -1,8 +0,0 @@
-import o from "./AuroraGlass2.vue.js";
-/* empty css                 */
-import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e994c489"]]);
-export {
-  m as default
-};
-//# sourceMappingURL=AuroraGlass.vue.js.map

package/dist/views/login/skins/AuroraGlass.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuroraGlass.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/views/login/skins/AuroraGlass2.vue.js

@@ -1,80 +0,0 @@
-import { defineComponent as v, computed as t, openBlock as b, createElementBlock as p, normalizeStyle as u, normalizeClass as C, unref as s, createStaticVNode as x, createElementVNode as c, createVNode as i, withCtx as g } from "vue";
-import { darkTheme as f, NConfigProvider as h } from "naive-ui";
-import { useAppStore as F } from "../../../stores/app.js";
-import { rgba as r, mix as a } from "../../../theme/mix.js";
-import k from "../LoginForm.vue.js";
-const E = { class: "aurora-content" }, _ = { class: "glass-card" }, B = /* @__PURE__ */ v({
-  __name: "AuroraGlass",
-  setup($) {
-    const o = F(), n = t(() => ({
-      "--a1": r(o.accent, 0.55),
-      "--a2": r(a(o.accent, "#8B5CF6", 0.65), 0.5),
-      "--a3": r(a(o.accent, "#22D3EE", 0.55), 0.45),
-      "--a4": r(a(o.accent, "#EC4899", 0.6), 0.4)
-    })), d = t(() => o.isDark ? f : null), l = t(() => ({
-      primaryColor: o.accent,
-      primaryColorHover: a(o.accent, "#ffffff", 0.16),
-      primaryColorPressed: a(o.accent, "#000000", 0.18)
-    })), m = t(
-      () => o.isDark ? {
-        common: l.value,
-        Input: {
-          color: "rgba(255, 255, 255, 0.06)",
-          colorFocus: "rgba(255, 255, 255, 0.1)",
-          textColor: "rgba(255, 255, 255, 0.92)",
-          placeholderColor: "rgba(255, 255, 255, 0.4)",
-          iconColor: "rgba(255, 255, 255, 0.5)",
-          border: "1px solid rgba(255, 255, 255, 0.14)",
-          borderHover: `1px solid ${r(o.accent, 0.6)}`,
-          borderFocus: `1px solid ${o.accent}`,
-          boxShadowFocus: `0 0 0 2px ${r(o.accent, 0.25)}`,
-          caretColor: o.accent
-        },
-        Form: { labelTextColor: "rgba(255, 255, 255, 0.78)" },
-        Checkbox: { textColor: "rgba(255, 255, 255, 0.7)" }
-      } : {
-        common: l.value,
-        Input: {
-          color: "rgba(255, 255, 255, 0.5)",
-          colorFocus: "rgba(255, 255, 255, 0.8)",
-          textColor: "#1D2129",
-          placeholderColor: "rgba(0, 0, 0, 0.4)",
-          iconColor: "rgba(0, 0, 0, 0.4)",
-          border: "1px solid rgba(0, 0, 0, 0.1)",
-          borderHover: `1px solid ${r(o.accent, 0.5)}`,
-          borderFocus: `1px solid ${o.accent}`,
-          boxShadowFocus: `0 0 0 2px ${r(o.accent, 0.2)}`,
-          caretColor: o.accent
-        },
-        Form: { labelTextColor: "#4E5969" },
-        Checkbox: { textColor: "#4E5969" }
-      }
-    );
-    return (y, e) => (b(), p("div", {
-      class: C(["aurora", { light: !s(o).isDark }]),
-      style: u(n.value)
-    }, [
-      e[1] || (e[1] = x('<div class="aurora-bg" data-v-e994c489></div><div class="stars" data-v-e994c489></div><div class="orb orb-1" data-v-e994c489></div><div class="orb orb-2" data-v-e994c489></div><div class="orb orb-3" data-v-e994c489></div>', 5)),
-      c("div", E, [
-        e[0] || (e[0] = c("div", { class: "halo" }, null, -1)),
-        i(s(h), {
-          theme: d.value,
-          "theme-overrides": m.value,
-          "inherit-theme-overrides": !1
-        }, {
-          default: g(() => [
-            c("div", _, [
-              i(k)
-            ])
-          ]),
-          _: 1
-        }, 8, ["theme", "theme-overrides"])
-      ]),
-      e[2] || (e[2] = c("div", { class: "grain" }, null, -1))
-    ], 6));
-  }
-});
-export {
-  B as default
-};
-//# sourceMappingURL=AuroraGlass2.vue.js.map

package/dist/views/login/skins/AuroraGlass2.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuroraGlass2.vue.js","sources":["../../../../src/views/login/skins/AuroraGlass.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { NConfigProvider, darkTheme } from 'naive-ui'\nimport type { GlobalThemeOverrides } from 'naive-ui'\nimport { useAppStore } from '#/stores/app'\nimport { mix, rgba } from '#/theme/mix'\nimport LoginForm from '../LoginForm.vue'\n\nconst app = useAppStore()\n\n// 极光四色:accent + 派生紫/青/品红,随主题色联动。\nconst vars = computed(() => ({\n  '--a1': rgba(app.accent, 0.55),\n  '--a2': rgba(mix(app.accent, '#8B5CF6', 0.65), 0.5),\n  '--a3': rgba(mix(app.accent, '#22D3EE', 0.55), 0.45),\n  '--a4': rgba(mix(app.accent, '#EC4899', 0.6), 0.4),\n}))\n\n// 跟随应用明暗:深色用 darkTheme,浅色用 Naive 默认(null)。inherit=false 隔离应用根 overrides。\nconst naiveTheme = computed(() => (app.isDark ? darkTheme : null))\n\n// accent 派生主色两套共用。\nconst common = computed(() => ({\n  primaryColor: app.accent,\n  primaryColorHover: mix(app.accent, '#ffffff', 0.16),\n  primaryColorPressed: mix(app.accent, '#000000', 0.18),\n}))\n\n// 输入框做成玻璃上的半透明观感 + accent 聚焦,深/浅两套。\n// ponytail: 浅色分支硬编码了 text-primary(#1D2129)/secondary(#4E5969) 令牌值,tokens 若改需同步\nconst glassTheme = computed<GlobalThemeOverrides>(() =>\n  app.isDark\n    ? {\n        common: common.value,\n        Input: {\n          color: 'rgba(255, 255, 255, 0.06)',\n          colorFocus: 'rgba(255, 255, 255, 0.1)',\n          textColor: 'rgba(255, 255, 255, 0.92)',\n          placeholderColor: 'rgba(255, 255, 255, 0.4)',\n          iconColor: 'rgba(255, 255, 255, 0.5)',\n          border: '1px solid rgba(255, 255, 255, 0.14)',\n          borderHover: `1px solid ${rgba(app.accent, 0.6)}`,\n          borderFocus: `1px solid ${app.accent}`,\n          boxShadowFocus: `0 0 0 2px ${rgba(app.accent, 0.25)}`,\n          caretColor: app.accent,\n        },\n        Form: { labelTextColor: 'rgba(255, 255, 255, 0.78)' },\n        Checkbox: { textColor: 'rgba(255, 255, 255, 0.7)' },\n      }\n    : {\n        common: common.value,\n        Input: {\n          color: 'rgba(255, 255, 255, 0.5)',\n          colorFocus: 'rgba(255, 255, 255, 0.8)',\n          textColor: '#1D2129',\n          placeholderColor: 'rgba(0, 0, 0, 0.4)',\n          iconColor: 'rgba(0, 0, 0, 0.4)',\n          border: '1px solid rgba(0, 0, 0, 0.1)',\n          borderHover: `1px solid ${rgba(app.accent, 0.5)}`,\n          borderFocus: `1px solid ${app.accent}`,\n          boxShadowFocus: `0 0 0 2px ${rgba(app.accent, 0.2)}`,\n          caretColor: app.accent,\n        },\n        Form: { labelTextColor: '#4E5969' },\n        Checkbox: { textColor: '#4E5969' },\n      },\n)\n</script>\n\n<template>\n  <div class=\"aurora\" :class=\"{ light: !app.isDark }\" :style=\"vars\">\n    <div class=\"aurora-bg\" />\n    <div class=\"stars\" />\n    <div class=\"orb orb-1\" />\n    <div class=\"orb orb-2\" />\n    <div class=\"orb orb-3\" />\n    <div class=\"aurora-content\">\n      <div class=\"halo\" />\n      <n-config-provider\n        :theme=\"naiveTheme\"\n        :theme-overrides=\"glassTheme\"\n        :inherit-theme-overrides=\"false\"\n      >\n        <div class=\"glass-card\">\n          <LoginForm />\n        </div>\n      </n-config-provider>\n    </div>\n    <div class=\"grain\" />\n  </div>\n</template>\n\n<style scoped>\n.aurora {\n  position: relative;\n  height: 100dvh;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: radial-gradient(140% 120% at 50% 0%, #12162b 0%, #0a0b12 55%, #06060c 100%);\n}\n/* 细网格,中心遮罩淡出 */\n.aurora::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background-image:\n    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);\n  background-size: 46px 46px;\n  -webkit-mask-image: radial-gradient(circle at 50% 45%, #000 0%, transparent 72%);\n  mask-image: radial-gradient(circle at 50% 45%, #000 0%, transparent 72%);\n}\n/* 暗角,聚焦中心 */\n.aurora::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n  background: radial-gradient(120% 120% at 50% 42%, transparent 52%, rgba(0, 0, 0, 0.6) 100%);\n}\n.aurora-bg {\n  position: absolute;\n  inset: -20%;\n  z-index: 0;\n  background:\n    radial-gradient(38% 38% at 18% 22%, var(--a1), transparent 68%),\n    radial-gradient(42% 42% at 82% 18%, var(--a2), transparent 70%),\n    radial-gradient(48% 48% at 60% 88%, var(--a3), transparent 72%),\n    radial-gradient(34% 34% at 88% 68%, var(--a4), transparent 66%);\n  filter: blur(28px);\n  animation: aurora-move 18s ease-in-out infinite alternate;\n}\n@keyframes aurora-move {\n  0% {\n    transform: translate3d(-3%, -2%, 0) rotate(0deg) scale(1.05);\n  }\n  50% {\n    transform: translate3d(3%, 2%, 0) rotate(4deg) scale(1.16);\n  }\n  100% {\n    transform: translate3d(-2%, 3%, 0) rotate(-3deg) scale(1.08);\n  }\n}\n/* 星点微闪 */\n.stars {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background-image:\n    radial-gradient(1.5px 1.5px at 20% 30%, rgba(255, 255, 255, 0.7), transparent 60%),\n    radial-gradient(1px 1px at 70% 62%, rgba(255, 255, 255, 0.5), transparent 60%),\n    radial-gradient(1.5px 1.5px at 42% 82%, rgba(255, 255, 255, 0.6), transparent 60%),\n    radial-gradient(1px 1px at 85% 22%, rgba(255, 255, 255, 0.5), transparent 60%),\n    radial-gradient(1px 1px at 55% 14%, rgba(255, 255, 255, 0.55), transparent 60%),\n    radial-gradient(1.5px 1.5px at 12% 66%, rgba(255, 255, 255, 0.5), transparent 60%),\n    radial-gradient(1px 1px at 92% 48%, rgba(255, 255, 255, 0.45), transparent 60%);\n  animation: twinkle 5s ease-in-out infinite;\n}\n@keyframes twinkle {\n  0%,\n  100% {\n    opacity: 0.45;\n  }\n  50% {\n    opacity: 0.9;\n  }\n}\n.orb {\n  position: absolute;\n  z-index: 0;\n  border-radius: 50%;\n  filter: blur(55px);\n  opacity: 0.55;\n}\n.orb-1 {\n  width: 340px;\n  height: 340px;\n  background: var(--a1);\n  top: -60px;\n  left: -40px;\n  animation: float-y 14s ease-in-out infinite;\n}\n.orb-2 {\n  width: 280px;\n  height: 280px;\n  background: var(--a4);\n  bottom: -80px;\n  right: -40px;\n  animation: float-y 16s ease-in-out infinite reverse;\n}\n.orb-3 {\n  width: 200px;\n  height: 200px;\n  background: var(--a3);\n  top: 38%;\n  right: 18%;\n  animation: float-y 20s ease-in-out infinite;\n}\n@keyframes float-y {\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-30px);\n  }\n}\n.aurora-content {\n  position: relative;\n  z-index: 3;\n  width: 100%;\n  max-width: 520px;\n  padding: 24px;\n}\n/* 卡后旋转极光光环(略大于卡片,溢出成辉光环) */\n.halo {\n  position: absolute;\n  z-index: 0;\n  inset: 8px;\n  border-radius: 36px;\n  background: conic-gradient(from 0deg, var(--a1), var(--a2), var(--a3), var(--a4), var(--a1));\n  filter: blur(48px);\n  opacity: 0.6;\n  animation: spin 16s linear infinite;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.glass-card {\n  /* 覆盖共享表单文字色为浅色(玻璃是深的) */\n  --lf-title: #fff;\n  --lf-hint: rgba(255, 255, 255, 0.5);\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  padding: 46px 46px;\n  border-radius: 20px;\n  background: rgba(255, 255, 255, 0.07);\n  border: 1px solid rgba(255, 255, 255, 0.14);\n  backdrop-filter: blur(26px) saturate(150%);\n  -webkit-backdrop-filter: blur(26px) saturate(150%);\n  box-shadow:\n    0 30px 80px rgba(0, 0, 0, 0.55),\n    0 0 60px -12px var(--a2),\n    inset 0 1px 0 rgba(255, 255, 255, 0.2);\n  overflow: hidden;\n}\n/* accent 渐变发光边框 */\n.glass-card::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: 20px;\n  padding: 1px;\n  background: linear-gradient(135deg, var(--a1), transparent 45%, var(--a2));\n  -webkit-mask:\n    linear-gradient(#000 0 0) content-box,\n    linear-gradient(#000 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  pointer-events: none;\n  opacity: 0.9;\n}\n/* 玻璃表面缓慢流光 */\n.glass-card::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  pointer-events: none;\n  background: linear-gradient(\n    120deg,\n    transparent 36%,\n    rgba(255, 255, 255, 0.1) 48%,\n    transparent 60%\n  );\n  background-size: 220% 100%;\n  background-repeat: no-repeat;\n  animation: sheen 8s ease-in-out infinite;\n}\n@keyframes sheen {\n  0% {\n    background-position: 180% 0;\n  }\n  55%,\n  100% {\n    background-position: -60% 0;\n  }\n}\n/* 胶片颗粒,消除色带 + 质感 */\n.grain {\n  position: absolute;\n  inset: 0;\n  z-index: 5;\n  pointer-events: none;\n  opacity: 0.05;\n  mix-blend-mode: overlay;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");\n}\n/* ── 浅色变体(应用浅色主题时)──────────────────────── */\n.aurora.light {\n  background: radial-gradient(140% 120% at 50% 0%, #eef1fb 0%, #f6f7fc 55%, #ffffff 100%);\n}\n/* 网格线改深(浅底上可见) */\n.aurora.light::before {\n  background-image:\n    linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px);\n}\n/* 暗角柔化为冷色微晕(黑暗角在浅底像脏) */\n.aurora.light::after {\n  background: radial-gradient(\n    120% 120% at 50% 42%,\n    transparent 55%,\n    rgba(120, 130, 180, 0.12) 100%\n  );\n}\n/* 白星点在浅底不可见,隐藏 */\n.aurora.light .stars {\n  display: none;\n}\n/* 光环稍收敛 */\n.aurora.light .halo {\n  opacity: 0.5;\n}\n/* 玻璃卡:浅色玻璃 + 深色文字 */\n.aurora.light .glass-card {\n  --lf-title: var(--color-text-primary);\n  --lf-hint: var(--color-text-tertiary);\n  background: rgba(255, 255, 255, 0.62);\n  border: 1px solid rgba(214, 218, 235, 0.9);\n  box-shadow:\n    0 30px 80px rgba(80, 90, 160, 0.18),\n    0 0 60px -12px var(--a2),\n    inset 0 1px 0 rgba(255, 255, 255, 0.9);\n}\n/* 浅色下关掉 accent 遮罩渐变环:mask-composite 在圆角处有细毛边,深色靠辉光盖住、浅色会暴露成\"一层毛边\" */\n.aurora.light .glass-card::before {\n  display: none;\n}\n/* 白色流光在浅玻璃上几乎不可见,浅色下关掉 */\n.aurora.light .glass-card::after {\n  display: none;\n}\n\n/* 窄屏收紧内边距:默认 46px 卡内边距在 ~360px 手机上会挤压表单 */\n@media (max-width: 480px) {\n  .aurora-content {\n    padding: 16px;\n  }\n  .glass-card {\n    padding: 32px 24px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .aurora-bg,\n  .orb,\n  .stars,\n  .halo,\n  .glass-card::after {\n    animation: none;\n  }\n  .glass-card::after {\n    display: none;\n  }\n}\n</style>\n"],"names":["app","useAppStore","vars","computed","rgba","mix","naiveTheme","darkTheme","common","glassTheme","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_hoisted_1","_createVNode","NConfigProvider","_hoisted_2","LoginForm"],"mappings":";;;;;;;;AAQA,UAAMA,IAAMC,EAAA,GAGNC,IAAOC,EAAS,OAAO;AAAA,MAC3B,QAAQC,EAAKJ,EAAI,QAAQ,IAAI;AAAA,MAC7B,QAAQI,EAAKC,EAAIL,EAAI,QAAQ,WAAW,IAAI,GAAG,GAAG;AAAA,MAClD,QAAQI,EAAKC,EAAIL,EAAI,QAAQ,WAAW,IAAI,GAAG,IAAI;AAAA,MACnD,QAAQI,EAAKC,EAAIL,EAAI,QAAQ,WAAW,GAAG,GAAG,GAAG;AAAA,IAAA,EACjD,GAGIM,IAAaH,EAAS,MAAOH,EAAI,SAASO,IAAY,IAAK,GAG3DC,IAASL,EAAS,OAAO;AAAA,MAC7B,cAAcH,EAAI;AAAA,MAClB,mBAAmBK,EAAIL,EAAI,QAAQ,WAAW,IAAI;AAAA,MAClD,qBAAqBK,EAAIL,EAAI,QAAQ,WAAW,IAAI;AAAA,IAAA,EACpD,GAIIS,IAAaN;AAAA,MAA+B,MAChDH,EAAI,SACA;AAAA,QACE,QAAQQ,EAAO;AAAA,QACf,OAAO;AAAA,UACL,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,kBAAkB;AAAA,UAClB,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,aAAa,aAAaJ,EAAKJ,EAAI,QAAQ,GAAG,CAAC;AAAA,UAC/C,aAAa,aAAaA,EAAI,MAAM;AAAA,UACpC,gBAAgB,aAAaI,EAAKJ,EAAI,QAAQ,IAAI,CAAC;AAAA,UACnD,YAAYA,EAAI;AAAA,QAAA;AAAA,QAElB,MAAM,EAAE,gBAAgB,4BAAA;AAAA,QACxB,UAAU,EAAE,WAAW,2BAAA;AAAA,MAA2B,IAEpD;AAAA,QACE,QAAQQ,EAAO;AAAA,QACf,OAAO;AAAA,UACL,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,kBAAkB;AAAA,UAClB,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,aAAa,aAAaJ,EAAKJ,EAAI,QAAQ,GAAG,CAAC;AAAA,UAC/C,aAAa,aAAaA,EAAI,MAAM;AAAA,UACpC,gBAAgB,aAAaI,EAAKJ,EAAI,QAAQ,GAAG,CAAC;AAAA,UAClD,YAAYA,EAAI;AAAA,QAAA;AAAA,QAElB,MAAM,EAAE,gBAAgB,UAAA;AAAA,QACxB,UAAU,EAAE,WAAW,UAAA;AAAA,MAAU;AAAA,IACnC;2BAKJU,EAmBM,OAAA;AAAA,MAnBD,OAAKC,EAAA,CAAC,UAAQ,EAAA,OAAA,CAAmBC,EAAAZ,CAAA,EAAI,OAAA,CAAM,CAAA;AAAA,MAAK,SAAOE,EAAA,KAAI;AAAA,IAAA;;MAM9DW,EAWM,OAXNC,GAWM;AAAA,wBAVJD,EAAoB,OAAA,EAAf,OAAM,OAAA,GAAM,MAAA,EAAA;AAAA,QACjBE,EAQoBH,EAAAI,CAAA,GAAA;AAAA,UAPjB,OAAOV,EAAA;AAAA,UACP,mBAAiBG,EAAA;AAAA,UACjB,2BAAyB;AAAA,QAAA;qBAE1B,MAEM;AAAA,YAFNI,EAEM,OAFNI,GAEM;AAAA,cADJF,EAAaG,CAAA;AAAA,YAAA;;;;;sBAInBL,EAAqB,OAAA,EAAhB,OAAM,WAAO,MAAA,EAAA;AAAA,IAAA;;;"}

package/dist/views/login/skins/SplitPanel.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/views/login/skins/SplitPanel.vue.js

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

package/dist/views/login/skins/SplitPanel.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitPanel.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/views/login/skins/SplitPanel2.vue.js

@@ -1,65 +0,0 @@
-import { defineComponent as u, computed as g, openBlock as r, createElementBlock as i, normalizeStyle as v, createElementVNode as t, createVNode as m, unref as e, toDisplayString as s, createTextVNode as h, Fragment as y, createCommentVNode as b } from "vue";
-import { useI18n as w } from "vue-i18n";
-import { useLoginHero as k } from "../../../composables/useLoginHero.js";
-import { useAppStore as S } from "../../../stores/app.js";
-import { useSite as V } from "../../../composables/useSite.js";
-import { rgba as d, mix as x } from "../../../theme/mix.js";
-import F from "../LoginForm.vue.js";
-import N from "../components/LoginHeroPanel.vue.js";
-const B = { class: "panel" }, C = { class: "panel-inner" }, L = { class: "form-wrap" }, D = { class: "mid" }, E = { class: "form-inner" }, H = { class: "greet" }, P = { class: "greet-sub" }, U = { class: "foot" }, z = ["href"], A = {
-  key: 2,
-  class: "foot-ver"
-}, Q = /* @__PURE__ */ u({
-  __name: "SplitPanel",
-  setup(I) {
-    const { t: n } = w(), a = S(), { site: o, appVersion: c } = V(), l = k(), _ = (/* @__PURE__ */ new Date()).getFullYear(), f = g(() => ({
-      "--a1": d(a.accent, 0.5),
-      "--a2": d(x(a.accent, "#8B5CF6", 0.6), 0.4)
-    }));
-    return (T, p) => (r(), i("div", {
-      class: "split",
-      style: v(f.value)
-    }, [
-      t("div", B, [
-        p[0] || (p[0] = t("div", { class: "panel-aurora" }, null, -1)),
-        t("div", C, [
-          m(N, {
-            headline: e(l).headline,
-            highlight: e(l).highlight,
-            subtitle: e(o).subtitle || e(n)("login.subtitle"),
-            features: e(l).features
-          }, null, 8, ["headline", "highlight", "subtitle", "features"])
-        ])
-      ]),
-      t("div", L, [
-        t("div", D, [
-          t("div", E, [
-            t("p", H, s(e(n)("login.welcome")), 1),
-            t("p", P, s(e(n)("login.welcomeSub")), 1),
-            m(F, {
-              "show-logo": !1,
-              "show-title": !1,
-              "show-footer": !1
-            })
-          ])
-        ]),
-        t("p", U, [
-          h(" © " + s(e(_)) + " ", 1),
-          e(o).copyrightUrl ? (r(), i("a", {
-            key: 0,
-            href: e(o).copyrightUrl,
-            target: "_blank",
-            rel: "noopener"
-          }, s(e(o).copyright || e(o).title), 9, z)) : (r(), i(y, { key: 1 }, [
-            h(s(e(o).copyright || e(o).title), 1)
-          ], 64)),
-          e(c) ? (r(), i("span", A, "v" + s(e(c)), 1)) : b("", !0)
-        ])
-      ])
-    ], 4));
-  }
-});
-export {
-  Q as default
-};
-//# sourceMappingURL=SplitPanel2.vue.js.map

package/dist/views/login/skins/SplitPanel2.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitPanel2.vue.js","sources":["../../../../src/views/login/skins/SplitPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useLoginHero } from '#/composables/useLoginHero'\nimport { useAppStore } from '#/stores/app'\nimport { useSite } from '#/composables/useSite'\nimport { mix, rgba } from '#/theme/mix'\nimport LoginForm from '../LoginForm.vue'\nimport LoginHeroPanel from '../components/LoginHeroPanel.vue'\n\nconst { t } = useI18n()\nconst app = useAppStore()\nconst { site, appVersion } = useSite()\nconst hero = useLoginHero()\nconst year = new Date().getFullYear()\n\nconst vars = computed(() => ({\n  '--a1': rgba(app.accent, 0.5),\n  '--a2': rgba(mix(app.accent, '#8B5CF6', 0.6), 0.4),\n}))\n</script>\n\n<template>\n  <div class=\"split\" :style=\"vars\">\n    <!-- 左:品牌面板(窄屏隐藏)-->\n    <div class=\"panel\">\n      <div class=\"panel-aurora\" />\n      <div class=\"panel-inner\">\n        <LoginHeroPanel\n          :headline=\"hero.headline\"\n          :highlight=\"hero.highlight\"\n          :subtitle=\"site.subtitle || t('login.subtitle')\"\n          :features=\"hero.features\"\n        />\n      </div>\n    </div>\n\n    <!-- 右:全高工作区(居中表单 + 版权页脚);主题/语言切换在外壳全局工具药丸 -->\n    <div class=\"form-wrap\">\n      <div class=\"mid\">\n        <div class=\"form-inner\">\n          <p class=\"greet\">{{ t('login.welcome') }}</p>\n          <p class=\"greet-sub\">{{ t('login.welcomeSub') }}</p>\n          <LoginForm :show-logo=\"false\" :show-title=\"false\" :show-footer=\"false\" />\n        </div>\n      </div>\n\n      <p class=\"foot\">\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 v-if=\"appVersion\" class=\"foot-ver\">v{{ appVersion }}</span>\n      </p>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.split {\n  height: 100dvh;\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  background: var(--color-bg-body);\n}\n/* 左栏 = recessed 品牌面(body 底 + 极光),与右栏 clean container 拉开图/底关系 */\n.panel {\n  position: relative;\n  overflow: hidden;\n  background: var(--color-bg-body);\n  border-right: 1px solid var(--color-border);\n}\n/* 细网格纹理,左上淡出 */\n.panel::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(127, 127, 127, 0.08) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(127, 127, 127, 0.08) 1px, transparent 1px);\n  background-size: 40px 40px;\n  -webkit-mask-image: radial-gradient(circle at 30% 40%, #000, transparent 72%);\n  mask-image: radial-gradient(circle at 30% 40%, #000, transparent 72%);\n}\n.panel-aurora {\n  position: absolute;\n  inset: -20%;\n  background:\n    radial-gradient(40% 40% at 25% 20%, var(--a1), transparent 68%),\n    radial-gradient(45% 45% at 80% 78%, var(--a2), transparent 70%);\n  filter: blur(45px);\n  opacity: 0.9;\n  animation: panel-move 22s ease-in-out infinite alternate;\n}\n@keyframes panel-move {\n  0% {\n    transform: translate3d(-3%, -2%, 0) scale(1.05);\n  }\n  100% {\n    transform: translate3d(3%, 3%, 0) scale(1.12);\n  }\n}\n.panel-inner {\n  position: relative;\n  z-index: 1;\n  padding: 64px 56px;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n}\n/* 右栏 = 全高工作区:居中表单 + 页脚(主题/语言切换在外壳全局工具) */\n.form-wrap {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: var(--color-bg-container);\n}\n.mid {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n}\n.form-inner {\n  width: 100%;\n  max-width: 340px;\n  animation: fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n.greet {\n  font-size: 26px;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  color: var(--color-text-primary);\n  margin: 0 0 6px;\n}\n.greet-sub {\n  font-size: var(--font-size-sm);\n  color: var(--color-text-tertiary);\n  margin: 0 0 26px;\n}\n.foot {\n  margin: 0;\n  padding: 18px 24px 22px;\n  text-align: center;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-tertiary);\n}\n.foot a {\n  color: inherit;\n  text-decoration: none;\n}\n.foot a:hover {\n  color: var(--color-primary);\n}\n.foot-ver {\n  margin-left: 8px;\n  opacity: 0.75;\n}\n@keyframes fade-up {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n@media (max-width: 900px) {\n  .split {\n    grid-template-columns: 1fr;\n  }\n  .panel {\n    display: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .panel-aurora,\n  .form-inner {\n    animation: none;\n  }\n}\n</style>\n"],"names":["t","useI18n","app","useAppStore","site","appVersion","useSite","hero","useLoginHero","year","vars","computed","rgba","mix","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_createVNode","LoginHeroPanel","_unref","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_toDisplayString","_hoisted_7","LoginForm","_hoisted_8","_hoisted_9","_Fragment","_createTextVNode","_openBlock","_hoisted_10"],"mappings":";;;;;;;;;;;;;;AAUA,UAAM,EAAE,GAAAA,EAAA,IAAMC,EAAA,GACRC,IAAMC,EAAA,GACN,EAAE,MAAAC,GAAM,YAAAC,EAAA,IAAeC,EAAA,GACvBC,IAAOC,EAAA,GACPC,KAAO,oBAAI,KAAA,GAAO,YAAA,GAElBC,IAAOC,EAAS,OAAO;AAAA,MAC3B,QAAQC,EAAKV,EAAI,QAAQ,GAAG;AAAA,MAC5B,QAAQU,EAAKC,EAAIX,EAAI,QAAQ,WAAW,GAAG,GAAG,GAAG;AAAA,IAAA,EACjD;2BAIAY,EAiCM,OAAA;AAAA,MAjCD,OAAM;AAAA,MAAS,SAAOJ,EAAA,KAAI;AAAA,IAAA;MAE7BK,EAUM,OAVNC,GAUM;AAAA,wBATJD,EAA4B,OAAA,EAAvB,OAAM,eAAA,GAAc,MAAA,EAAA;AAAA,QACzBA,EAOM,OAPNE,GAOM;AAAA,UANJC,EAKEC,GAAA;AAAA,YAJC,UAAUC,EAAAb,CAAA,EAAK;AAAA,YACf,WAAWa,EAAAb,CAAA,EAAK;AAAA,YAChB,UAAUa,EAAAhB,CAAA,EAAK,YAAYgB,EAAApB,CAAA,EAAC,gBAAA;AAAA,YAC5B,UAAUoB,EAAAb,CAAA,EAAK;AAAA,UAAA;;;MAMtBQ,EAiBM,OAjBNM,GAiBM;AAAA,QAhBJN,EAMM,OANNO,GAMM;AAAA,UALJP,EAIM,OAJNQ,GAIM;AAAA,YAHJR,EAA6C,KAA7CS,GAA6CC,EAAzBL,EAAApB,CAAA,EAAC,eAAA,CAAA,GAAA,CAAA;AAAA,YACrBe,EAAoD,KAApDW,GAAoDD,EAA5BL,EAAApB,CAAA,EAAC,kBAAA,CAAA,GAAA,CAAA;AAAA,YACzBkB,EAAyES,GAAA;AAAA,cAA7D,aAAW;AAAA,cAAQ,cAAY;AAAA,cAAQ,eAAa;AAAA,YAAA;;;QAIpEZ,EAOI,KAPJa,GAOI;AAAA,YAPY,QACZH,EAAGL,EAAAX,CAAA,CAAI,IAAG,KACZ,CAAA;AAAA,UAASW,EAAAhB,CAAA,EAAK,qBAAdU,EAEI,KAAA;AAAA;YAFyB,MAAMM,EAAAhB,CAAA,EAAK;AAAA,YAAc,QAAO;AAAA,YAAS,KAAI;AAAA,UAAA,GACrEqB,EAAAL,EAAAhB,CAAA,EAAK,aAAagB,EAAAhB,CAAA,EAAK,KAAK,GAAA,GAAAyB,CAAA,WAEjCf,EAA8DgB,GAAA,EAAA,KAAA,KAAA;AAAA,YAA1CC,EAAAN,EAAAL,EAAAhB,CAAA,EAAK,aAAagB,EAAAhB,CAAA,EAAK,KAAK,GAAA,CAAA;AAAA,UAAA;UACpCgB,EAAAf,CAAA,KAAZ2B,KAAAlB,EAAiE,QAAjEmB,GAAyC,QAAIb,EAAAf,CAAA,CAAU,GAAA,CAAA;;;;;;"}

package/dist/views/login/skins/Spotlight.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/views/login/skins/Spotlight.vue.js

@@ -1,8 +0,0 @@
-import o from "./Spotlight2.vue.js";
-/* empty css               */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2d0bde1c"]]);
-export {
-  _ as default
-};
-//# sourceMappingURL=Spotlight.vue.js.map

package/dist/views/login/skins/Spotlight.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spotlight.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/views/login/skins/Spotlight2.vue.js

@@ -1,36 +0,0 @@
-import { defineComponent as c, ref as l, onMounted as p, onBeforeUnmount as d, computed as u, openBlock as v, createElementBlock as f, normalizeStyle as w, createElementVNode as n, createVNode as _ } from "vue";
-import { useAppStore as g } from "../../../stores/app.js";
-import { rgba as s, mix as x } from "../../../theme/mix.js";
-import y from "../LoginForm.vue.js";
-const B = { class: "card" }, C = /* @__PURE__ */ c({
-  __name: "Spotlight",
-  setup(E) {
-    const e = g(), r = l(50), i = l(38);
-    function m(t) {
-      r.value = t.clientX / window.innerWidth * 100, i.value = t.clientY / window.innerHeight * 100;
-    }
-    p(() => window.addEventListener("mousemove", m, { passive: !0 })), d(() => window.removeEventListener("mousemove", m));
-    const a = u(() => ({
-      "--mx": r.value + "%",
-      "--my": i.value + "%",
-      "--s1": s(e.accent, 0.28),
-      "--s2": s(x(e.accent, "#8B5CF6", 0.6), 0.22),
-      // 跟随光晕独立取色:亮色近白底下 0.28 几乎不可见,提到 0.5 才读得出;暗底 0.28 已够。
-      "--spot": s(e.accent, e.isDark ? 0.3 : 0.5)
-    }));
-    return (t, o) => (v(), f("div", {
-      class: "spotlight",
-      style: w(a.value)
-    }, [
-      o[0] || (o[0] = n("div", { class: "mesh" }, null, -1)),
-      o[1] || (o[1] = n("div", { class: "spot" }, null, -1)),
-      n("div", B, [
-        _(y)
-      ])
-    ], 4));
-  }
-});
-export {
-  C as default
-};
-//# sourceMappingURL=Spotlight2.vue.js.map

package/dist/views/login/skins/Spotlight2.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spotlight2.vue.js","sources":["../../../../src/views/login/skins/Spotlight.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } from 'vue'\nimport { useAppStore } from '#/stores/app'\nimport { mix, rgba } from '#/theme/mix'\nimport LoginForm from '../LoginForm.vue'\n\nconst app = useAppStore()\n\n// 聚光位置(百分比),默认略偏上居中;鼠标移动时跟随。\nconst mx = ref(50)\nconst my = ref(38)\nfunction onMove(e: MouseEvent) {\n  mx.value = (e.clientX / window.innerWidth) * 100\n  my.value = (e.clientY / window.innerHeight) * 100\n}\nonMounted(() => window.addEventListener('mousemove', onMove, { passive: true }))\nonBeforeUnmount(() => window.removeEventListener('mousemove', onMove))\n\nconst vars = computed(() => ({\n  '--mx': mx.value + '%',\n  '--my': my.value + '%',\n  '--s1': rgba(app.accent, 0.28),\n  '--s2': rgba(mix(app.accent, '#8B5CF6', 0.6), 0.22),\n  // 跟随光晕独立取色:亮色近白底下 0.28 几乎不可见,提到 0.5 才读得出;暗底 0.28 已够。\n  '--spot': rgba(app.accent, app.isDark ? 0.3 : 0.5),\n}))\n</script>\n\n<template>\n  <div class=\"spotlight\" :style=\"vars\">\n    <div class=\"mesh\" />\n    <div class=\"spot\" />\n    <div class=\"card\">\n      <LoginForm />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.spotlight {\n  position: relative;\n  height: 100dvh;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--color-bg-body);\n}\n.mesh {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(30% 40% at 15% 20%, var(--s1), transparent 60%),\n    radial-gradient(30% 40% at 85% 80%, var(--s2), transparent 60%);\n  opacity: 0.9;\n}\n.spot {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background: radial-gradient(340px 340px at var(--mx) var(--my), var(--spot), transparent 60%);\n  transition: background 0.12s ease-out;\n}\n.card {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 460px;\n  padding: 46px 46px;\n  background: var(--color-bg-container);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-xl);\n  box-shadow: var(--shadow-3);\n  animation: fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n@keyframes fade-up {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n/* 窄屏:给卡片侧边留白 + 收紧内边距(默认 46px 在 ~360px 手机上挤压表单、卡片贴边) */\n@media (max-width: 480px) {\n  .spotlight {\n    padding: 0 16px;\n  }\n  .card {\n    padding: 32px 24px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spot {\n    /* 光晕仍跟随指针(指针驱动的位移,非自发动画);仅去掉缓动过渡。\n       Windows Server 等默认关动画的环境会命中此分支;若连指针跟随一并禁掉,会退化为静态居中,\n       表现为\"光晕不跟鼠标\",故此处只去缓动、保留跟随。 */\n    transition: none;\n  }\n  .card {\n    animation: none;\n  }\n}\n</style>\n"],"names":["app","useAppStore","mx","ref","my","onMove","e","onMounted","onBeforeUnmount","vars","computed","rgba","mix","_createElementBlock","_createElementVNode","_hoisted_1","_createVNode","LoginForm"],"mappings":";;;;;;;AAMA,UAAMA,IAAMC,EAAA,GAGNC,IAAKC,EAAI,EAAE,GACXC,IAAKD,EAAI,EAAE;AACjB,aAASE,EAAOC,GAAe;AAC7B,MAAAJ,EAAG,QAASI,EAAE,UAAU,OAAO,aAAc,KAC7CF,EAAG,QAASE,EAAE,UAAU,OAAO,cAAe;AAAA,IAChD;AACA,IAAAC,EAAU,MAAM,OAAO,iBAAiB,aAAaF,GAAQ,EAAE,SAAS,GAAA,CAAM,CAAC,GAC/EG,EAAgB,MAAM,OAAO,oBAAoB,aAAaH,CAAM,CAAC;AAErE,UAAMI,IAAOC,EAAS,OAAO;AAAA,MAC3B,QAAQR,EAAG,QAAQ;AAAA,MACnB,QAAQE,EAAG,QAAQ;AAAA,MACnB,QAAQO,EAAKX,EAAI,QAAQ,IAAI;AAAA,MAC7B,QAAQW,EAAKC,EAAIZ,EAAI,QAAQ,WAAW,GAAG,GAAG,IAAI;AAAA;AAAA,MAElD,UAAUW,EAAKX,EAAI,QAAQA,EAAI,SAAS,MAAM,GAAG;AAAA,IAAA,EACjD;2BAIAa,EAMM,OAAA;AAAA,MAND,OAAM;AAAA,MAAa,SAAOJ,EAAA,KAAI;AAAA,IAAA;sBACjCK,EAAoB,OAAA,EAAf,OAAM,OAAA,GAAM,MAAA,EAAA;AAAA,sBACjBA,EAAoB,OAAA,EAAf,OAAM,OAAA,GAAM,MAAA,EAAA;AAAA,MACjBA,EAEM,OAFNC,GAEM;AAAA,QADJC,EAAaC,CAAA;AAAA,MAAA;;;;"}

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

@@ -1,8 +0,0 @@
-import { Component } from 'vue';
-export interface LoginSkin {
-    id: string;
-    label: string;
-    component: Component;
-}
-export declare const LOGIN_SKINS: LoginSkin[];
-export declare const DEFAULT_SKIN = "aurora";

package/dist/views/login/skins.js

@@ -1,13 +0,0 @@
-import o from "./skins/AuroraGlass.vue.js";
-import i from "./skins/SplitPanel.vue.js";
-import t from "./skins/Spotlight.vue.js";
-const p = [
-  { id: "aurora", label: "login.skinAurora", component: o },
-  { id: "split", label: "login.skinSplit", component: i },
-  { id: "spotlight", label: "login.skinSpotlight", component: t }
-], a = "aurora";
-export {
-  a as DEFAULT_SKIN,
-  p as LOGIN_SKINS
-};
-//# sourceMappingURL=skins.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"skins.js","sources":["../../../src/views/login/skins.ts"],"sourcesContent":["import type { Component } from 'vue'\nimport AuroraGlass from './skins/AuroraGlass.vue'\nimport SplitPanel from './skins/SplitPanel.vue'\nimport Spotlight from './skins/Spotlight.vue'\n\nexport interface LoginSkin {\n  id: string\n  label: string\n  component: Component\n}\n\nexport const LOGIN_SKINS: LoginSkin[] = [\n  { id: 'aurora', label: 'login.skinAurora', component: AuroraGlass },\n  { id: 'split', label: 'login.skinSplit', component: SplitPanel },\n  { id: 'spotlight', label: 'login.skinSpotlight', component: Spotlight },\n]\n\nexport const DEFAULT_SKIN = 'aurora'\n"],"names":["LOGIN_SKINS","AuroraGlass","SplitPanel","Spotlight","DEFAULT_SKIN"],"mappings":";;;AAWO,MAAMA,IAA2B;AAAA,EACtC,EAAE,IAAI,UAAU,OAAO,oBAAoB,WAAWC,EAAA;AAAA,EACtD,EAAE,IAAI,SAAS,OAAO,mBAAmB,WAAWC,EAAA;AAAA,EACpD,EAAE,IAAI,aAAa,OAAO,uBAAuB,WAAWC,EAAA;AAC9D,GAEaC,IAAe;"}