smart-admin-web 10.14.0 → 10.15.0

package/dist/utils/oauthBrand.js

@@ -1,97 +1,93 @@
-import { t as d } from "../locales/index.js";
-const l = 4, s = ["github", "wechat", "wecom", "dingtalk", "gitee", "qq"], u = new Set(s), w = !1;
-function c(n) {
-  return d(`oauth.brand.${n}`);
+import { t as v } from "../locales/index.js";
+const b = 4, w = ["github", "wechat", "wecom", "dingtalk", "gitee", "qq"], N = new Set(w), S = !1;
+function y(e) {
+  return v(`oauth.brand.${e}`);
 }
-function y() {
-  return s.map((n) => ({ code: n, displayName: c(n) }));
+function B() {
+  return w.map((e) => ({ code: e, displayName: y(e) }));
 }
-const g = ["wecom"];
-function N(n) {
-  const t = new Map(n.map((o) => [o.code, o])), r = [], i = /* @__PURE__ */ new Set();
-  for (const o of s) {
-    i.add(o);
-    const e = t.get(o);
-    r.push({
-      code: o,
-      displayName: (e == null ? void 0 : e.displayName) || c(o),
-      icon: (e == null ? void 0 : e.icon) ?? null,
-      registered: !!e,
-      enabled: e ? e.enabled : !1,
-      linkByAccount: (e == null ? void 0 : e.linkByAccount) ?? !1
+const L = ["wecom"], A = ["wecom", "dingtalk", "github", "wechat"];
+function E(e, n) {
+  const s = new Set(e.types.map((t) => t.type)), i = new Map(n.map((t) => [t.code, t])), a = new Map(e.providers.map((t) => [t.code, t])), o = [], l = /* @__PURE__ */ new Set(), u = (t, h) => {
+    l.add(t);
+    const r = a.get(t), f = (r == null ? void 0 : r.source) === "code", m = f || (r ? s.has(r.type) : s.has(t)) ? r != null && r.configured ? "configured" : "unconfigured" : "notInstalled", c = i.get(t), d = m === "configured";
+    o.push({
+      code: t,
+      type: (r == null ? void 0 : r.type) ?? (h ? t : ""),
+      displayName: (r == null ? void 0 : r.displayName) || (g(t) ? y(t) : t),
+      icon: (r == null ? void 0 : r.icon) ?? null,
+      state: m,
+      source: f ? "code" : r ? "db" : "none",
+      registered: d,
+      enabled: d && !!(c != null && c.enabled),
+      linkByAccount: d && !!(c != null && c.linkByAccount)
     });
-  }
-  for (const o of n)
-    i.has(o.code) || (i.add(o.code), r.push({
-      code: o.code,
-      displayName: o.displayName,
-      icon: o.icon,
-      registered: !0,
-      enabled: o.enabled,
-      linkByAccount: o.linkByAccount ?? !1
-    }));
-  return r;
+  };
+  for (const t of A) u(t, !0);
+  for (const t of e.providers) l.has(t.code) || u(t.code, !1);
+  return o;
 }
-function f(n) {
-  if (n == null) return !1;
-  const t = n.trim();
-  return !t || /^https?:\/\//i.test(t) || t.startsWith("//") || /^data:/i.test(t) ? !1 : /^[a-z0-9][a-z0-9-]*:[a-z0-9][a-z0-9._-]*$/i.test(t);
+function C(e) {
+  if (e == null) return !1;
+  const n = e.trim();
+  return !n || /^https?:\/\//i.test(n) || n.startsWith("//") || /^data:/i.test(n) ? !1 : /^[a-z0-9][a-z0-9-]*:[a-z0-9][a-z0-9._-]*$/i.test(n);
 }
-function m(n) {
-  return !!n && u.has(n.toLowerCase());
+function g(e) {
+  return !!e && N.has(e.toLowerCase());
 }
-function b(n, t) {
-  const r = (n ?? "").trim().toLowerCase();
-  return m(r) ? { kind: "brand", code: r } : f(t) ? { kind: "iconify", name: t.trim() } : { kind: "letter", letter: (n ?? "?").trim().charAt(0).toUpperCase() || "?" };
+function O(e, n) {
+  const s = (e ?? "").trim().toLowerCase();
+  return g(s) ? { kind: "brand", code: s } : C(n) ? { kind: "iconify", name: n.trim() } : { kind: "letter", letter: (e ?? "?").trim().charAt(0).toUpperCase() || "?" };
 }
-const a = "smart.sso.wecomAutoLogin";
-function v(n) {
-  if (!/wxwork/i.test(n.userAgent) || !n.providers.some((t) => t.code === "wecom")) return !1;
+const p = "smart.sso.wecomAutoLogin";
+function k(e) {
+  if (!/wxwork/i.test(e.userAgent) || !e.providers.some((n) => n.code === "wecom")) return !1;
   try {
-    return n.storage.getItem(a) ? !1 : (n.storage.setItem(a, "1"), !0);
+    return e.storage.getItem(p) ? !1 : (e.storage.setItem(p, "1"), !0);
   } catch {
     return !1;
   }
 }
-function A(n, t = l) {
-  const r = n.slice();
-  return r.length <= t ? { visible: r, overflow: [] } : { visible: r.slice(0, t), overflow: r.slice(t) };
+function P(e, n = b) {
+  const s = e.slice();
+  return s.length <= n ? { visible: s, overflow: [] } : { visible: s.slice(0, n), overflow: s.slice(n) };
 }
-function h(n, t) {
-  const r = /* @__PURE__ */ new Map();
-  for (const e of t) r.set(e.provider, e);
-  const i = [], o = /* @__PURE__ */ new Set();
-  for (const e of n)
-    o.add(e.code), i.push({
-      code: e.code,
-      displayName: e.displayName,
-      icon: e.icon,
+function D(e, n) {
+  const s = /* @__PURE__ */ new Map();
+  for (const o of n) s.set(o.provider, o);
+  const i = [], a = /* @__PURE__ */ new Set();
+  for (const o of e)
+    a.add(o.code), i.push({
+      code: o.code,
+      displayName: o.displayName,
+      icon: o.icon,
       enabled: !0,
-      binding: r.get(e.code)
+      binding: s.get(o.code)
     });
-  for (const e of t)
-    o.has(e.provider) || i.push({
-      code: e.provider,
-      displayName: e.displayName && e.displayName.trim() || e.provider,
+  for (const o of n)
+    a.has(o.provider) || i.push({
+      code: o.provider,
+      displayName: o.displayName && o.displayName.trim() || o.provider,
       icon: null,
       enabled: !1,
-      binding: e
+      binding: o
     });
   return i;
 }
 export {
-  s as BRAND_CODES,
-  g as LINK_BY_ACCOUNT_CODES,
-  w as PREVIEW_ALL_SSO_BRANDS,
-  l as SSO_VISIBLE_MAX,
-  c as brandDisplayName,
-  N as buildConfigProviderRows,
-  v as claimWeComAutoLogin,
-  m as isBrandCode,
-  f as isIconifyName,
-  h as mergeBindingRows,
-  y as previewAllBrandProviders,
-  b as resolveProviderIcon,
-  A as splitLoginProviders
+  w as BRAND_CODES,
+  L as LINK_BY_ACCOUNT_CODES,
+  A as OFFICIAL_TYPES,
+  S as PREVIEW_ALL_SSO_BRANDS,
+  b as SSO_VISIBLE_MAX,
+  y as brandDisplayName,
+  E as buildConfigProviderRows,
+  k as claimWeComAutoLogin,
+  g as isBrandCode,
+  C as isIconifyName,
+  D as mergeBindingRows,
+  B as previewAllBrandProviders,
+  O as resolveProviderIcon,
+  P as splitLoginProviders
 };
 //# sourceMappingURL=oauthBrand.js.map

package/dist/utils/oauthBrand.js.map

@@ -1 +1 @@
-{"version":3,"file":"oauthBrand.js","sources":["../../src/utils/oauthBrand.ts"],"sourcesContent":["// 外部登录品牌 UI 纯逻辑:可被 vitest 直接驱动,不依赖浏览器。\n// 契约见 docs/adr/0007-external-login-brand-ui-and-providers.md。\nimport { t } from '#/locales'\n\n/** 登录页最多平铺的品牌圆钮数;超出进「…」菜单。 */\nexport const SSO_VISIBLE_MAX = 4\n\n/** 预置精修品牌标的 provider code(大小写不敏感)。 */\nexport const BRAND_CODES = ['github', 'wechat', 'wecom', 'dingtalk', 'gitee', 'qq'] as const\nexport type BrandCode = (typeof BRAND_CODES)[number]\n\nconst BRAND_SET = new Set<string>(BRAND_CODES)\n\n/**\n * 登录页临时展示全部品牌圆标(图标验收用)。\n * true:铺全 6 个,不做 N=4 溢出;false:恢复仅后端 enabled providers。\n * 图标验收时在本地把 false 改成 true,验收完改回来,不要带着 true 提交。\n */\nexport const PREVIEW_ALL_SSO_BRANDS = false\n\n/**\n * 内置品牌显示名。走 i18n 而非硬编码中文常量表 —— 硬编码在英文界面下会露出「微信/企业微信/钉钉」。\n * 调用方须在 computed 里取值,切语言才会重算。\n */\nexport function brandDisplayName(code: BrandCode): string {\n  return t(`oauth.brand.${code}`)\n}\n\n/** 图标预览用的假 provider 列表(与后端是否启用无关)。 */\nexport function previewAllBrandProviders(): SsoProviderLike[] {\n  return BRAND_CODES.map(code => ({ code, displayName: brandDisplayName(code) }))\n}\n\n/**\n * 配置页卡片上给出「按账号自动关联」开关的 provider。只有企业微信的外部标识是企业统一分配的账号(userid),\n * 钉钉 / 微信 / GitHub 的标识是 unionid 或数字 id,按账号名对不上本地账号;\n * 自定义 provider 真要开(如 sub 就是工号的 OIDC),到「其他配置」加 sys.externalauth.{code}.linkByAccount。\n */\nexport const LINK_BY_ACCOUNT_CODES: readonly string[] = ['wecom']\n\n/** 配置页一行:内置品牌全展示;registered=后端已装包/已配密钥。 */\nexport type ConfigProviderRow = {\n  code: string\n  displayName: string\n  icon?: string | null\n  registered: boolean\n  enabled: boolean\n  /** 未绑定的外部身份按账号名关联同名本地账号(sys.externalauth.{code}.linkByAccount) */\n  linkByAccount: boolean\n}\n\n/**\n * 配置页列表 = 预置品牌(全量) + 其它已注册 code(如 oidc-demo)。\n * 未注册项 registered=false、两个开关强制 false(未部署的方式开了也没用)。\n */\nexport function buildConfigProviderRows(\n  registered: readonly {\n    code: string\n    displayName: string\n    icon?: string | null\n    enabled: boolean\n    linkByAccount?: boolean\n  }[],\n): ConfigProviderRow[] {\n  const byCode = new Map(registered.map(p => [p.code, p]))\n  const rows: ConfigProviderRow[] = []\n  const seen = new Set<string>()\n\n  for (const code of BRAND_CODES) {\n    seen.add(code)\n    const r = byCode.get(code)\n    rows.push({\n      code,\n      displayName: r?.displayName || brandDisplayName(code),\n      icon: r?.icon ?? null,\n      registered: !!r,\n      enabled: r ? r.enabled : false,\n      linkByAccount: r?.linkByAccount ?? false,\n    })\n  }\n  for (const p of registered) {\n    if (seen.has(p.code)) continue\n    seen.add(p.code)\n    rows.push({\n      code: p.code,\n      displayName: p.displayName,\n      icon: p.icon,\n      registered: true,\n      enabled: p.enabled,\n      linkByAccount: p.linkByAccount ?? false,\n    })\n  }\n  return rows\n}\n\nexport type SsoProviderLike = {\n  code: string\n  displayName: string\n  icon?: string | null\n}\n\nexport type BindingLike = {\n  provider: string\n  displayName?: string | null\n  boundAt: string\n}\n\nexport type IconResolve =\n  | { kind: 'brand'; code: BrandCode }\n  | { kind: 'iconify'; name: string }\n  | { kind: 'letter'; letter: string }\n\nexport type BindingRow = {\n  code: string\n  displayName: string\n  icon?: string | null\n  /** false = 运营已关但仍有绑定 */\n  enabled: boolean\n  binding?: BindingLike\n}\n\n/** 是否为可渲染的 Iconify 名称;拒绝 URL / data URI。 */\nexport function isIconifyName(icon: string | null | undefined): boolean {\n  if (icon == null) return false\n  const s = icon.trim()\n  if (!s) return false\n  if (/^https?:\\/\\//i.test(s) || s.startsWith('//') || /^data:/i.test(s)) return false\n  // collection:name(离线 Iconify 常见形态)\n  return /^[a-z0-9][a-z0-9-]*:[a-z0-9][a-z0-9._-]*$/i.test(s)\n}\n\nexport function isBrandCode(code: string | null | undefined): code is BrandCode {\n  return !!code && BRAND_SET.has(code.toLowerCase())\n}\n\n/** brand map → Iconify 名 → 首字母。 */\nexport function resolveProviderIcon(code: string, icon?: string | null): IconResolve {\n  const c = (code ?? '').trim().toLowerCase()\n  if (isBrandCode(c)) return { kind: 'brand', code: c }\n  if (isIconifyName(icon)) return { kind: 'iconify', name: icon!.trim() }\n  const letter = (code ?? '?').trim().charAt(0).toUpperCase() || '?'\n  return { kind: 'letter', letter }\n}\n\nconst WECOM_AUTO_LOGIN_KEY = 'smart.sso.wecomAutoLogin'\n\n/**\n * 在企业微信客户端里打开登录页时,是否直接发起企业微信登录(客户端内走网页授权,静默、不用点)。\n * 企业微信的 UA 带 wxwork(同时也带微信的 MicroMessenger,不能拿它判断)。\n * 每个浏览器会话只返回一次 true:登录失败或主动退出后再回到登录页就停下,让人自己选登录方式,不会来回跳。\n */\nexport function claimWeComAutoLogin(opts: {\n  userAgent: string\n  providers: readonly { code: string }[]\n  storage: Pick<Storage, 'getItem' | 'setItem'>\n}): boolean {\n  if (!/wxwork/i.test(opts.userAgent)) return false\n  if (!opts.providers.some(p => p.code === 'wecom')) return false\n  try {\n    if (opts.storage.getItem(WECOM_AUTO_LOGIN_KEY)) return false\n    opts.storage.setItem(WECOM_AUTO_LOGIN_KEY, '1')\n    return true\n  } catch {\n    // 存储不可用时记不住「已经跳过一次」,宁可不自动跳\n    return false\n  }\n}\n\n/** 严格保序切分:前 max 平铺,其余进溢出。 */\nexport function splitLoginProviders<T>(\n  providers: readonly T[],\n  maxVisible = SSO_VISIBLE_MAX,\n): {\n  visible: T[]\n  overflow: T[]\n} {\n  const list = providers.slice()\n  if (list.length <= maxVisible) return { visible: list, overflow: [] }\n  return { visible: list.slice(0, maxVisible), overflow: list.slice(maxVisible) }\n}\n\n/**\n * 绑定页行:已启用 providers(API 序) ∪ 仅存在于 bindings 的已停用项(接在后面)。\n * 不做 N=4 截断。\n */\nexport function mergeBindingRows(\n  providers: readonly SsoProviderLike[],\n  bindings: readonly BindingLike[],\n): BindingRow[] {\n  const bindByProvider = new Map<string, BindingLike>()\n  for (const b of bindings) bindByProvider.set(b.provider, b)\n\n  const rows: BindingRow[] = []\n  const seen = new Set<string>()\n\n  for (const p of providers) {\n    seen.add(p.code)\n    rows.push({\n      code: p.code,\n      displayName: p.displayName,\n      icon: p.icon,\n      enabled: true,\n      binding: bindByProvider.get(p.code),\n    })\n  }\n\n  for (const b of bindings) {\n    if (seen.has(b.provider)) continue\n    rows.push({\n      code: b.provider,\n      displayName: (b.displayName && b.displayName.trim()) || b.provider,\n      icon: null,\n      enabled: false,\n      binding: b,\n    })\n  }\n\n  return rows\n}\n"],"names":["SSO_VISIBLE_MAX","BRAND_CODES","BRAND_SET","PREVIEW_ALL_SSO_BRANDS","brandDisplayName","code","t","previewAllBrandProviders","LINK_BY_ACCOUNT_CODES","buildConfigProviderRows","registered","byCode","p","rows","seen","r","isIconifyName","icon","s","isBrandCode","resolveProviderIcon","c","WECOM_AUTO_LOGIN_KEY","claimWeComAutoLogin","opts","splitLoginProviders","providers","maxVisible","list","mergeBindingRows","bindings","bindByProvider","b"],"mappings":";AAKO,MAAMA,IAAkB,GAGlBC,IAAc,CAAC,UAAU,UAAU,SAAS,YAAY,SAAS,IAAI,GAG5EC,IAAY,IAAI,IAAYD,CAAW,GAOhCE,IAAyB;AAM/B,SAASC,EAAiBC,GAAyB;AACxD,SAAOC,EAAE,eAAeD,CAAI,EAAE;AAChC;AAGO,SAASE,IAA8C;AAC5D,SAAON,EAAY,IAAI,CAAAI,OAAS,EAAE,MAAAA,GAAM,aAAaD,EAAiBC,CAAI,EAAA,EAAI;AAChF;AAOO,MAAMG,IAA2C,CAAC,OAAO;AAiBzD,SAASC,EACdC,GAOqB;AACrB,QAAMC,IAAS,IAAI,IAAID,EAAW,IAAI,CAAAE,MAAK,CAACA,EAAE,MAAMA,CAAC,CAAC,CAAC,GACjDC,IAA4B,CAAA,GAC5BC,wBAAW,IAAA;AAEjB,aAAWT,KAAQJ,GAAa;AAC9B,IAAAa,EAAK,IAAIT,CAAI;AACb,UAAMU,IAAIJ,EAAO,IAAIN,CAAI;AACzB,IAAAQ,EAAK,KAAK;AAAA,MACR,MAAAR;AAAA,MACA,cAAaU,KAAA,gBAAAA,EAAG,gBAAeX,EAAiBC,CAAI;AAAA,MACpD,OAAMU,KAAA,gBAAAA,EAAG,SAAQ;AAAA,MACjB,YAAY,CAAC,CAACA;AAAA,MACd,SAASA,IAAIA,EAAE,UAAU;AAAA,MACzB,gBAAeA,KAAA,gBAAAA,EAAG,kBAAiB;AAAA,IAAA,CACpC;AAAA,EACH;AACA,aAAWH,KAAKF;AACd,IAAII,EAAK,IAAIF,EAAE,IAAI,MACnBE,EAAK,IAAIF,EAAE,IAAI,GACfC,EAAK,KAAK;AAAA,MACR,MAAMD,EAAE;AAAA,MACR,aAAaA,EAAE;AAAA,MACf,MAAMA,EAAE;AAAA,MACR,YAAY;AAAA,MACZ,SAASA,EAAE;AAAA,MACX,eAAeA,EAAE,iBAAiB;AAAA,IAAA,CACnC;AAEH,SAAOC;AACT;AA6BO,SAASG,EAAcC,GAA0C;AACtE,MAAIA,KAAQ,KAAM,QAAO;AACzB,QAAMC,IAAID,EAAK,KAAA;AAEf,SADI,CAACC,KACD,gBAAgB,KAAKA,CAAC,KAAKA,EAAE,WAAW,IAAI,KAAK,UAAU,KAAKA,CAAC,IAAU,KAExE,6CAA6C,KAAKA,CAAC;AAC5D;AAEO,SAASC,EAAYd,GAAoD;AAC9E,SAAO,CAAC,CAACA,KAAQH,EAAU,IAAIG,EAAK,aAAa;AACnD;AAGO,SAASe,EAAoBf,GAAcY,GAAmC;AACnF,QAAMI,KAAKhB,KAAQ,IAAI,KAAA,EAAO,YAAA;AAC9B,SAAIc,EAAYE,CAAC,IAAU,EAAE,MAAM,SAAS,MAAMA,EAAA,IAC9CL,EAAcC,CAAI,IAAU,EAAE,MAAM,WAAW,MAAMA,EAAM,OAAK,IAE7D,EAAE,MAAM,UAAU,SADTZ,KAAQ,KAAK,OAAO,OAAO,CAAC,EAAE,YAAA,KAAiB,IACtC;AAC3B;AAEA,MAAMiB,IAAuB;AAOtB,SAASC,EAAoBC,GAIxB;AAEV,MADI,CAAC,UAAU,KAAKA,EAAK,SAAS,KAC9B,CAACA,EAAK,UAAU,KAAK,OAAKZ,EAAE,SAAS,OAAO,EAAG,QAAO;AAC1D,MAAI;AACF,WAAIY,EAAK,QAAQ,QAAQF,CAAoB,IAAU,MACvDE,EAAK,QAAQ,QAAQF,GAAsB,GAAG,GACvC;AAAA,EACT,QAAQ;AAEN,WAAO;AAAA,EACT;AACF;AAGO,SAASG,EACdC,GACAC,IAAa3B,GAIb;AACA,QAAM4B,IAAOF,EAAU,MAAA;AACvB,SAAIE,EAAK,UAAUD,IAAmB,EAAE,SAASC,GAAM,UAAU,GAAC,IAC3D,EAAE,SAASA,EAAK,MAAM,GAAGD,CAAU,GAAG,UAAUC,EAAK,MAAMD,CAAU,EAAA;AAC9E;AAMO,SAASE,EACdH,GACAI,GACc;AACd,QAAMC,wBAAqB,IAAA;AAC3B,aAAWC,KAAKF,EAAU,CAAAC,EAAe,IAAIC,EAAE,UAAUA,CAAC;AAE1D,QAAMnB,IAAqB,CAAA,GACrBC,wBAAW,IAAA;AAEjB,aAAWF,KAAKc;AACd,IAAAZ,EAAK,IAAIF,EAAE,IAAI,GACfC,EAAK,KAAK;AAAA,MACR,MAAMD,EAAE;AAAA,MACR,aAAaA,EAAE;AAAA,MACf,MAAMA,EAAE;AAAA,MACR,SAAS;AAAA,MACT,SAASmB,EAAe,IAAInB,EAAE,IAAI;AAAA,IAAA,CACnC;AAGH,aAAWoB,KAAKF;AACd,IAAIhB,EAAK,IAAIkB,EAAE,QAAQ,KACvBnB,EAAK,KAAK;AAAA,MACR,MAAMmB,EAAE;AAAA,MACR,aAAcA,EAAE,eAAeA,EAAE,YAAY,KAAA,KAAWA,EAAE;AAAA,MAC1D,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAASA;AAAA,IAAA,CACV;AAGH,SAAOnB;AACT;"}
+{"version":3,"file":"oauthBrand.js","sources":["../../src/utils/oauthBrand.ts"],"sourcesContent":["// 外部登录品牌 UI 纯逻辑:可被 vitest 直接驱动,不依赖浏览器。\n// 契约见 docs/adr/0007-external-login-brand-ui-and-providers.md。\nimport { t } from '#/locales'\n\n/** 登录页最多平铺的品牌圆钮数;超出进「…」菜单。 */\nexport const SSO_VISIBLE_MAX = 4\n\n/** 预置精修品牌标的 provider code(大小写不敏感)。 */\nexport const BRAND_CODES = ['github', 'wechat', 'wecom', 'dingtalk', 'gitee', 'qq'] as const\nexport type BrandCode = (typeof BRAND_CODES)[number]\n\nconst BRAND_SET = new Set<string>(BRAND_CODES)\n\n/**\n * 登录页临时展示全部品牌圆标(图标验收用)。\n * true:铺全 6 个,不做 N=4 溢出;false:恢复仅后端 enabled providers。\n * 图标验收时在本地把 false 改成 true,验收完改回来,不要带着 true 提交。\n */\nexport const PREVIEW_ALL_SSO_BRANDS = false\n\n/**\n * 内置品牌显示名。走 i18n 而非硬编码中文常量表 —— 硬编码在英文界面下会露出「微信/企业微信/钉钉」。\n * 调用方须在 computed 里取值,切语言才会重算。\n */\nexport function brandDisplayName(code: BrandCode): string {\n  return t(`oauth.brand.${code}`)\n}\n\n/** 图标预览用的假 provider 列表(与后端是否启用无关)。 */\nexport function previewAllBrandProviders(): SsoProviderLike[] {\n  return BRAND_CODES.map(code => ({ code, displayName: brandDisplayName(code) }))\n}\n\n/**\n * 配置页卡片上给出「按账号自动关联」开关的 provider。只有企业微信的外部标识是企业统一分配的账号(userid),\n * 钉钉 / 微信 / GitHub 的标识是 unionid 或数字 id,按账号名对不上本地账号;\n * 自定义 provider 真要开(如 sub 就是工号的 OIDC),到「其他配置」加 sys.externalauth.{code}.linkByAccount。\n */\nexport const LINK_BY_ACCOUNT_CODES: readonly string[] = ['wecom']\n\n/** 服务器上有对应扩展包的官方厂商类型,按「登录方式」页的展示顺序。 */\nexport const OFFICIAL_TYPES = ['wecom', 'dingtalk', 'github', 'wechat'] as const\n\n/** 一行的状态:类型没装 / 已装未配 / 已配可用。 */\nexport type ProviderState = 'notInstalled' | 'unconfigured' | 'configured'\n\n/** 配置页一行:后端目录里有的类型与 provider,不是预置品牌全量。 */\nexport type ConfigProviderRow = {\n  code: string\n  /** 类型码;代码注册的 provider 没有类型,为空串 */\n  type: string\n  displayName: string\n  icon?: string | null\n  state: ProviderState\n  /** db = 在本页配置;code = 消费者用代码注册(只读);none = 没有配置 */\n  source: 'db' | 'code' | 'none'\n  /** 已配置且可用:开关可操作,预览与登录页才会出现它 */\n  registered: boolean\n  enabled: boolean\n  /** 未绑定的外部身份按账号名关联同名本地账号(sys.externalauth.{code}.linkByAccount) */\n  linkByAccount: boolean\n}\n\ntype CatalogLike = {\n  types: readonly { type: string }[]\n  providers: readonly {\n    code: string\n    type: string\n    displayName: string\n    icon?: string | null\n    source: string\n    installed: boolean\n    configured: boolean\n  }[]\n}\n\ntype AdminLike = { code: string; enabled: boolean; linkByAccount?: boolean }\n\n/**\n * 配置页列表 = 四个官方厂商(按固定顺序,没装的也列出并标「未安装」)\n * + 目录里其余的 provider(OIDC 条目、代码注册的)。\n * 未配置或未安装的行开关强制关:没配好的方式开了也没用,也不写库。\n */\nexport function buildConfigProviderRows(\n  catalog: CatalogLike,\n  admin: readonly AdminLike[],\n): ConfigProviderRow[] {\n  const installed = new Set(catalog.types.map(x => x.type))\n  const adminByCode = new Map(admin.map(a => [a.code, a]))\n  const byCode = new Map(catalog.providers.map(p => [p.code, p]))\n  const rows: ConfigProviderRow[] = []\n  const seen = new Set<string>()\n\n  const push = (code: string, official: boolean) => {\n    seen.add(code)\n    const p = byCode.get(code)\n    const fromCode = p?.source === 'code'\n    const typeInstalled = fromCode || (p ? installed.has(p.type) : installed.has(code))\n    const state: ProviderState = !typeInstalled\n      ? 'notInstalled'\n      : p?.configured\n        ? 'configured'\n        : 'unconfigured'\n    const a = adminByCode.get(code)\n    const registered = state === 'configured'\n    rows.push({\n      code,\n      type: p?.type ?? (official ? code : ''),\n      displayName: p?.displayName || (isBrandCode(code) ? brandDisplayName(code) : code),\n      icon: p?.icon ?? null,\n      state,\n      source: fromCode ? 'code' : p ? 'db' : 'none',\n      registered,\n      enabled: registered && !!a?.enabled,\n      linkByAccount: registered && !!a?.linkByAccount,\n    })\n  }\n\n  for (const code of OFFICIAL_TYPES) push(code, true)\n  for (const p of catalog.providers) if (!seen.has(p.code)) push(p.code, false)\n  return rows\n}\n\nexport type SsoProviderLike = {\n  code: string\n  displayName: string\n  icon?: string | null\n}\n\nexport type BindingLike = {\n  provider: string\n  displayName?: string | null\n  boundAt: string\n}\n\nexport type IconResolve =\n  | { kind: 'brand'; code: BrandCode }\n  | { kind: 'iconify'; name: string }\n  | { kind: 'letter'; letter: string }\n\nexport type BindingRow = {\n  code: string\n  displayName: string\n  icon?: string | null\n  /** false = 运营已关但仍有绑定 */\n  enabled: boolean\n  binding?: BindingLike\n}\n\n/** 是否为可渲染的 Iconify 名称;拒绝 URL / data URI。 */\nexport function isIconifyName(icon: string | null | undefined): boolean {\n  if (icon == null) return false\n  const s = icon.trim()\n  if (!s) return false\n  if (/^https?:\\/\\//i.test(s) || s.startsWith('//') || /^data:/i.test(s)) return false\n  // collection:name(离线 Iconify 常见形态)\n  return /^[a-z0-9][a-z0-9-]*:[a-z0-9][a-z0-9._-]*$/i.test(s)\n}\n\nexport function isBrandCode(code: string | null | undefined): code is BrandCode {\n  return !!code && BRAND_SET.has(code.toLowerCase())\n}\n\n/** brand map → Iconify 名 → 首字母。 */\nexport function resolveProviderIcon(code: string, icon?: string | null): IconResolve {\n  const c = (code ?? '').trim().toLowerCase()\n  if (isBrandCode(c)) return { kind: 'brand', code: c }\n  if (isIconifyName(icon)) return { kind: 'iconify', name: icon!.trim() }\n  const letter = (code ?? '?').trim().charAt(0).toUpperCase() || '?'\n  return { kind: 'letter', letter }\n}\n\nconst WECOM_AUTO_LOGIN_KEY = 'smart.sso.wecomAutoLogin'\n\n/**\n * 在企业微信客户端里打开登录页时,是否直接发起企业微信登录(客户端内走网页授权,静默、不用点)。\n * 企业微信的 UA 带 wxwork(同时也带微信的 MicroMessenger,不能拿它判断)。\n * 每个浏览器会话只返回一次 true:登录失败或主动退出后再回到登录页就停下,让人自己选登录方式,不会来回跳。\n */\nexport function claimWeComAutoLogin(opts: {\n  userAgent: string\n  providers: readonly { code: string }[]\n  storage: Pick<Storage, 'getItem' | 'setItem'>\n}): boolean {\n  if (!/wxwork/i.test(opts.userAgent)) return false\n  if (!opts.providers.some(p => p.code === 'wecom')) return false\n  try {\n    if (opts.storage.getItem(WECOM_AUTO_LOGIN_KEY)) return false\n    opts.storage.setItem(WECOM_AUTO_LOGIN_KEY, '1')\n    return true\n  } catch {\n    // 存储不可用时记不住「已经跳过一次」,宁可不自动跳\n    return false\n  }\n}\n\n/** 严格保序切分:前 max 平铺,其余进溢出。 */\nexport function splitLoginProviders<T>(\n  providers: readonly T[],\n  maxVisible = SSO_VISIBLE_MAX,\n): {\n  visible: T[]\n  overflow: T[]\n} {\n  const list = providers.slice()\n  if (list.length <= maxVisible) return { visible: list, overflow: [] }\n  return { visible: list.slice(0, maxVisible), overflow: list.slice(maxVisible) }\n}\n\n/**\n * 绑定页行:已启用 providers(API 序) ∪ 仅存在于 bindings 的已停用项(接在后面)。\n * 不做 N=4 截断。\n */\nexport function mergeBindingRows(\n  providers: readonly SsoProviderLike[],\n  bindings: readonly BindingLike[],\n): BindingRow[] {\n  const bindByProvider = new Map<string, BindingLike>()\n  for (const b of bindings) bindByProvider.set(b.provider, b)\n\n  const rows: BindingRow[] = []\n  const seen = new Set<string>()\n\n  for (const p of providers) {\n    seen.add(p.code)\n    rows.push({\n      code: p.code,\n      displayName: p.displayName,\n      icon: p.icon,\n      enabled: true,\n      binding: bindByProvider.get(p.code),\n    })\n  }\n\n  for (const b of bindings) {\n    if (seen.has(b.provider)) continue\n    rows.push({\n      code: b.provider,\n      displayName: (b.displayName && b.displayName.trim()) || b.provider,\n      icon: null,\n      enabled: false,\n      binding: b,\n    })\n  }\n\n  return rows\n}\n"],"names":["SSO_VISIBLE_MAX","BRAND_CODES","BRAND_SET","PREVIEW_ALL_SSO_BRANDS","brandDisplayName","code","t","previewAllBrandProviders","LINK_BY_ACCOUNT_CODES","OFFICIAL_TYPES","buildConfigProviderRows","catalog","admin","installed","x","adminByCode","a","byCode","p","rows","seen","push","official","fromCode","state","registered","isBrandCode","isIconifyName","icon","s","resolveProviderIcon","c","WECOM_AUTO_LOGIN_KEY","claimWeComAutoLogin","opts","splitLoginProviders","providers","maxVisible","list","mergeBindingRows","bindings","bindByProvider","b"],"mappings":"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"}

package/dist/views/login/components/LoginHeroPanel.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    headline: string;
+    highlight?: string;
+    subtitle?: string;
+    features?: string[];
+    /** 以下两项供配置中心预览未保存的草稿;不传则取当前站点信息 */
+    title?: string;
+    logo?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    subtitle: string;
+    logo: string;
+    highlight: string;
+    features: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/views/login/components/LoginHeroPanel.vue.js

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

package/dist/views/login/components/LoginHeroPanel.vue.js.map

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

package/dist/views/login/components/LoginHeroPanel2.vue.js

@@ -0,0 +1,66 @@
+import { defineComponent as k, computed as v, openBlock as l, createElementBlock as n, createElementVNode as s, createVNode as h, toDisplayString as a, unref as i, normalizeStyle as u, Fragment as f, renderList as g, createCommentVNode as m, createTextVNode as b } from "vue";
+import { Icon as S } from "@iconify/vue";
+import { useAppStore as N } from "../../../stores/app.js";
+import { useSite as V } from "../../../composables/useSite.js";
+import _ from "../../../components/SmartLogo.vue.js";
+const L = { class: "login-hero-panel" }, z = { class: "logo" }, B = { class: "headline" }, C = {
+  key: 0,
+  class: "sub"
+}, E = {
+  key: 1,
+  class: "points"
+}, H = /* @__PURE__ */ k({
+  __name: "LoginHeroPanel",
+  props: {
+    headline: {},
+    highlight: { default: "" },
+    subtitle: { default: "" },
+    features: { default: () => [] },
+    title: { default: void 0 },
+    logo: { default: void 0 }
+  },
+  setup(t) {
+    const e = t, r = N(), { site: p } = V(), x = v(() => {
+      const c = e.highlight ? e.headline.indexOf(e.highlight) : -1;
+      return c < 0 ? [{ text: e.headline, accent: !1 }] : [
+        { text: e.headline.slice(0, c), accent: !1 },
+        { text: e.highlight, accent: !0 },
+        { text: e.headline.slice(c + e.highlight.length), accent: !1 }
+      ].filter((d) => d.text);
+    });
+    return (c, d) => (l(), n("div", L, [
+      s("div", z, [
+        h(_, {
+          size: 34,
+          src: t.logo
+        }, null, 8, ["src"]),
+        s("span", null, a(t.title ?? i(p).title), 1)
+      ]),
+      s("div", {
+        class: "bar",
+        style: u({ background: i(r).accent })
+      }, null, 4),
+      s("h1", B, [
+        (l(!0), n(f, null, g(x.value, (o, y) => (l(), n("span", {
+          key: y,
+          style: u(o.accent ? { color: i(r).accent } : void 0)
+        }, a(o.text), 5))), 128))
+      ]),
+      t.subtitle ? (l(), n("p", C, a(t.subtitle), 1)) : m("", !0),
+      t.features.length ? (l(), n("ul", E, [
+        (l(!0), n(f, null, g(t.features, (o) => (l(), n("li", { key: o }, [
+          h(i(S), {
+            icon: "ph:check-circle-duotone",
+            width: 18,
+            style: u({ color: i(r).accent })
+          }, null, 8, ["style"]),
+          b(" " + a(o), 1)
+        ]))), 128))
+      ])) : m("", !0)
+    ]));
+  }
+});
+export {
+  H as default
+};
+//# sourceMappingURL=LoginHeroPanel2.vue.js.map

package/dist/views/login/components/LoginHeroPanel2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginHeroPanel2.vue.js","sources":["../../../../src/views/login/components/LoginHeroPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport { useAppStore } from '#/stores/app'\nimport { useSite } from '#/composables/useSite'\nimport SmartLogo from '#/components/SmartLogo.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    headline: string\n    highlight?: string\n    subtitle?: string\n    features?: string[]\n    /** 以下两项供配置中心预览未保存的草稿;不传则取当前站点信息 */\n    title?: string\n    logo?: string\n  }>(),\n  {\n    highlight: '',\n    subtitle: '',\n    features: () => [],\n    title: undefined,\n    logo: undefined,\n  },\n)\n\nconst app = useAppStore()\nconst { site } = useSite()\n\n// 只做纯文本切片,不用 v-html;强调词只会成为一个普通 span。\nconst headlineParts = computed(() => {\n  const index = props.highlight ? props.headline.indexOf(props.highlight) : -1\n  if (index < 0) return [{ text: props.headline, accent: false }]\n  return [\n    { text: props.headline.slice(0, index), accent: false },\n    { text: props.highlight, accent: true },\n    { text: props.headline.slice(index + props.highlight.length), accent: false },\n  ].filter(part => part.text)\n})\n</script>\n\n<template>\n  <div class=\"login-hero-panel\">\n    <div class=\"logo\">\n      <SmartLogo :size=\"34\" :src=\"logo\" />\n      <span>{{ title ?? site.title }}</span>\n    </div>\n    <div class=\"bar\" :style=\"{ background: app.accent }\" />\n    <h1 class=\"headline\">\n      <span\n        v-for=\"(part, index) in headlineParts\"\n        :key=\"index\"\n        :style=\"part.accent ? { color: app.accent } : undefined\"\n      >\n        {{ part.text }}\n      </span>\n    </h1>\n    <p v-if=\"subtitle\" class=\"sub\">{{ subtitle }}</p>\n    <ul v-if=\"features.length\" class=\"points\">\n      <li v-for=\"feature in features\" :key=\"feature\">\n        <Icon icon=\"ph:check-circle-duotone\" :width=\"18\" :style=\"{ color: app.accent }\" />\n        {{ feature }}\n      </li>\n    </ul>\n  </div>\n</template>\n\n<style scoped>\n.login-hero-panel {\n  min-width: 0;\n}\n.logo {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 22px;\n  font-weight: 700;\n  color: #2a3c82;\n}\n.bar {\n  width: 40px;\n  height: 3px;\n  border-radius: 2px;\n  margin: 28px 0 20px;\n}\n.headline {\n  font-size: 42px;\n  line-height: 1.2;\n  font-weight: 800;\n  color: var(--color-text-primary);\n  margin: 0;\n}\n.sub {\n  color: var(--color-text-secondary);\n  margin: 16px 0 28px;\n}\n.points {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.points li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  color: var(--color-text-secondary);\n}\n</style>\n"],"names":["props","__props","app","useAppStore","site","useSite","headlineParts","computed","index","part","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","SmartLogo","_toDisplayString","_unref","_normalizeStyle","_hoisted_3","_Fragment","_renderList","_hoisted_4","_hoisted_5","feature","Icon","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAmBRC,IAAMC,EAAA,GACN,EAAE,MAAAC,EAAA,IAASC,EAAA,GAGXC,IAAgBC,EAAS,MAAM;AACnC,YAAMC,IAAQR,EAAM,YAAYA,EAAM,SAAS,QAAQA,EAAM,SAAS,IAAI;AAC1E,aAAIQ,IAAQ,IAAU,CAAC,EAAE,MAAMR,EAAM,UAAU,QAAQ,IAAO,IACvD;AAAA,QACL,EAAE,MAAMA,EAAM,SAAS,MAAM,GAAGQ,CAAK,GAAG,QAAQ,GAAA;AAAA,QAChD,EAAE,MAAMR,EAAM,WAAW,QAAQ,GAAA;AAAA,QACjC,EAAE,MAAMA,EAAM,SAAS,MAAMQ,IAAQR,EAAM,UAAU,MAAM,GAAG,QAAQ,GAAA;AAAA,MAAM,EAC5E,OAAO,CAAAS,MAAQA,EAAK,IAAI;AAAA,IAC5B,CAAC;sBAICC,EAAA,GAAAC,EAsBM,OAtBNC,GAsBM;AAAA,MArBJC,EAGM,OAHNC,GAGM;AAAA,QAFJC,EAAoCC,GAAA;AAAA,UAAxB,MAAM;AAAA,UAAK,KAAKf,EAAA;AAAA,QAAA;QAC5BY,EAAsC,QAAA,MAAAI,EAA7BhB,EAAA,SAASiB,EAAAd,CAAA,EAAK,KAAK,GAAA,CAAA;AAAA,MAAA;MAE9BS,EAAuD,OAAA;AAAA,QAAlD,OAAM;AAAA,QAAO,OAAKM,EAAA,EAAA,YAAgBD,EAAAhB,CAAA,EAAI,QAAM;AAAA,MAAA;MACjDW,EAQK,MARLO,GAQK;AAAA,SAPHV,EAAA,EAAA,GAAAC,EAMOU,GAAA,MAAAC,EALmBhB,EAAA,OAAa,CAA7BG,GAAMD,YADhBG,EAMO,QAAA;AAAA,UAJJ,KAAKH;AAAA,UACL,OAAKW,EAAEV,EAAK,kBAAkBS,EAAAhB,CAAA,EAAI,OAAA,IAAW,MAAS;AAAA,QAAA,GAEpDe,EAAAR,EAAK,IAAI,GAAA,CAAA;;MAGPR,EAAA,iBAATU,EAAiD,KAAjDY,GAAiDN,EAAfhB,EAAA,QAAQ,GAAA,CAAA;MAChCA,EAAA,SAAS,UAAnBS,KAAAC,EAKK,MALLa,GAKK;AAAA,gBAJHb,EAGKU,GAAA,MAAAC,EAHiBrB,EAAA,UAAQ,CAAnBwB,YAAXd,EAGK,MAAA,EAH4B,KAAKc,KAAO;AAAA,UAC3CV,EAAkFG,EAAAQ,CAAA,GAAA;AAAA,YAA5E,MAAK;AAAA,YAA2B,OAAO;AAAA,YAAK,OAAKP,EAAA,EAAA,OAAWD,EAAAhB,CAAA,EAAI,QAAM;AAAA,UAAA;UAAMyB,EAAA,QAC/EF,CAAO,GAAA,CAAA;AAAA,QAAA;;;;;"}

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

@@ -1,7 +1,7 @@
 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-75743368"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b4c7728a"]]);
 export {
   m as default
 };

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

@@ -1,85 +1,65 @@
-import { defineComponent as b, computed as h, openBlock as l, createElementBlock as i, normalizeStyle as a, createElementVNode as t, createVNode as p, toDisplayString as o, unref as e, createTextVNode as r, Fragment as u, renderList as k, createCommentVNode as w } from "vue";
-import { Icon as S } from "@iconify/vue";
-import { useI18n as V } from "vue-i18n";
-import { useAppStore as x } from "../../../stores/app.js";
-import { useSite as F } from "../../../composables/useSite.js";
-import { rgba as f, mix as N } from "../../../theme/mix.js";
-import P from "../../../components/SmartLogo.vue.js";
-import B from "../LoginForm.vue.js";
-const C = { class: "panel" }, L = { class: "panel-inner" }, z = { class: "logo" }, A = { class: "headline" }, D = { class: "sub" }, E = { class: "points" }, I = { class: "form-wrap" }, U = { class: "mid" }, R = { class: "form-inner" }, T = { class: "greet" }, Y = { class: "greet-sub" }, j = { class: "foot" }, q = ["href"], G = {
+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"
-}, ee = /* @__PURE__ */ b({
+}, Q = /* @__PURE__ */ u({
   __name: "SplitPanel",
-  setup(H) {
-    const { t: s } = V(), c = x(), { site: n, appVersion: d } = F(), g = (/* @__PURE__ */ new Date()).getFullYear(), y = h(() => [s("login.featRbac"), s("login.featScope"), s("login.featPortal")]), v = h(() => ({
-      "--a1": f(c.accent, 0.5),
-      "--a2": f(N(c.accent, "#8B5CF6", 0.6), 0.4)
+  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 (J, _) => (l(), i("div", {
+    return (T, p) => (r(), i("div", {
       class: "split",
-      style: a(v.value)
+      style: v(f.value)
     }, [
-      t("div", C, [
-        _[0] || (_[0] = t("div", { class: "panel-aurora" }, null, -1)),
-        t("div", L, [
-          t("div", z, [
-            p(P, { size: 34 }),
-            t("span", null, o(e(n).title), 1)
-          ]),
-          t("div", {
-            class: "bar",
-            style: a({ background: e(c).accent })
-          }, null, 4),
-          t("h1", A, [
-            r(o(e(s)("login.headlinePre")) + " ", 1),
-            t("span", {
-              style: a({ color: e(c).accent })
-            }, o(e(s)("login.headlineAccent")), 5),
-            r(" " + o(e(s)("login.headlinePost")), 1)
-          ]),
-          t("p", D, o(e(n).subtitle || e(s)("login.subtitle")), 1),
-          t("ul", E, [
-            (l(!0), i(u, null, k(y.value, (m) => (l(), i("li", { key: m }, [
-              p(e(S), {
-                icon: "ph:check-circle-duotone",
-                width: 18,
-                style: a({ color: e(c).accent })
-              }, null, 8, ["style"]),
-              r(" " + o(m), 1)
-            ]))), 128))
-          ])
+      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", I, [
-        t("div", U, [
-          t("div", R, [
-            t("p", T, o(e(s)("login.welcome")), 1),
-            t("p", Y, o(e(s)("login.welcomeSub")), 1),
-            p(B, {
+      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", j, [
-          r(" © " + o(e(g)) + " ", 1),
-          e(n).copyrightUrl ? (l(), i("a", {
+        t("p", U, [
+          h(" © " + s(e(_)) + " ", 1),
+          e(o).copyrightUrl ? (r(), i("a", {
             key: 0,
-            href: e(n).copyrightUrl,
+            href: e(o).copyrightUrl,
             target: "_blank",
             rel: "noopener"
-          }, o(e(n).copyright || e(n).title), 9, q)) : (l(), i(u, { key: 1 }, [
-            r(o(e(n).copyright || e(n).title), 1)
+          }, 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(d) ? (l(), i("span", G, "v" + o(e(d)), 1)) : w("", !0)
+          e(c) ? (r(), i("span", A, "v" + s(e(c)), 1)) : b("", !0)
         ])
       ])
     ], 4));
   }
 });
 export {
-  ee as default
+  Q as default
 };
 //# sourceMappingURL=SplitPanel2.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SplitPanel2.vue.js","sources":["../../../../src/views/login/skins/SplitPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport { useI18n } from 'vue-i18n'\nimport { useAppStore } from '#/stores/app'\nimport { useSite } from '#/composables/useSite'\nimport { mix, rgba } from '#/theme/mix'\nimport SmartLogo from '#/components/SmartLogo.vue'\nimport LoginForm from '../LoginForm.vue'\n\nconst { t } = useI18n()\nconst app = useAppStore()\nconst { site, appVersion } = useSite()\nconst year = new Date().getFullYear()\n\n// 卖点随语言切换(t 在 computed 内对 locale 响应)。\nconst points = computed(() => [t('login.featRbac'), t('login.featScope'), t('login.featPortal')])\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        <div class=\"logo\">\n          <!-- 站点 logo 的取值顺序(配置 → brand 选项 → 内置矢量标)统一在 SmartLogo 里 -->\n          <SmartLogo :size=\"34\" />\n          <span>{{ site.title }}</span>\n        </div>\n        <div class=\"bar\" :style=\"{ background: app.accent }\" />\n        <!-- 标题拆 pre/accent/post 三段以支持 i18n,中间词染 accent 色(整句硬编码中文切不了英文) -->\n        <h1 class=\"headline\">\n          {{ t('login.headlinePre') }}\n          <span :style=\"{ color: app.accent }\">{{ t('login.headlineAccent') }}</span>\n          {{ t('login.headlinePost') }}\n        </h1>\n        <p class=\"sub\">{{ site.subtitle || t('login.subtitle') }}</p>\n        <ul class=\"points\">\n          <li v-for=\"p in points\" :key=\"p\">\n            <Icon icon=\"ph:check-circle-duotone\" :width=\"18\" :style=\"{ color: app.accent }\" />\n            {{ p }}\n          </li>\n        </ul>\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.logo {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 22px;\n  font-weight: 700;\n  color: #2a3c82;\n}\n/* 后台配置的品牌 logo:限高与内置矢量 logo(size=40)齐平,宽度自适应不变形 */\n.bar {\n  width: 40px;\n  height: 3px;\n  border-radius: 2px;\n  margin: 28px 0 20px;\n}\n.headline {\n  font-size: 42px;\n  line-height: 1.2;\n  font-weight: 800;\n  color: var(--color-text-primary);\n  margin: 0;\n}\n.sub {\n  color: var(--color-text-secondary);\n  margin: 16px 0 28px;\n}\n.points {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.points li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  color: var(--color-text-secondary);\n}\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","year","points","computed","vars","rgba","mix","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","_createVNode","SmartLogo","_toDisplayString","_unref","_normalizeStyle","_hoisted_4","_createTextVNode","_hoisted_5","_hoisted_6","_Fragment","_renderList","p","Icon","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","LoginForm","_hoisted_12","_hoisted_13","_openBlock","_hoisted_14"],"mappings":"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"}
+{"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/system/config/components/AdminMock.vue.js

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

package/dist/views/system/config/components/AdminMock.vue.js.map

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

package/dist/views/system/config/components/AdminMock2.vue.js

@@ -0,0 +1,76 @@
+import { defineComponent as f, computed as r, openBlock as e, createElementBlock as i, createElementVNode as s, withDirectives as u, createVNode as h, toDisplayString as c, unref as m, Fragment as g, renderList as k, normalizeStyle as $ } from "vue";
+import y from "../../../../components/SmartLogo.vue.js";
+import { LOGO_KEY as b } from "../groups.js";
+import { useConfigDraft as w } from "../draft.js";
+import { vFlash as v } from "../flash.js";
+const S = { class: "mock" }, z = { class: "chrome" }, D = { class: "btab" }, E = { class: "app" }, L = { class: "side" }, x = {
+  class: "brand",
+  "data-testid": "preview-brand"
+}, A = { class: "main" }, B = { class: "foot" }, C = { key: 0 }, F = { key: 1 }, M = /* @__PURE__ */ f({
+  __name: "AdminMock",
+  setup(N) {
+    const { values: a } = w(), l = r(() => {
+      var t;
+      return ((t = a["sys.site.title"]) == null ? void 0 : t.trim()) || "SmartAdmin";
+    }), d = r(() => {
+      var t;
+      return ((t = a["sys.site.copyright"]) == null ? void 0 : t.trim()) || l.value;
+    }), p = r(() => {
+      var t;
+      return !!((t = a["sys.site.copyrightUrl"]) != null && t.trim());
+    }), n = r(() => a[b] ?? "");
+    return (t, o) => (e(), i("div", S, [
+      s("div", z, [
+        o[0] || (o[0] = s("span", { class: "lights" }, [
+          s("i"),
+          s("i"),
+          s("i")
+        ], -1)),
+        u((e(), i("span", D, [
+          h(y, {
+            size: 16,
+            src: n.value
+          }, null, 8, ["src"]),
+          s("span", null, c(l.value), 1)
+        ])), [
+          [m(v), `${l.value}|${n.value}`]
+        ])
+      ]),
+      s("div", E, [
+        s("div", L, [
+          u((e(), i("div", x, [
+            h(y, {
+              size: 30,
+              src: n.value
+            }, null, 8, ["src"]),
+            s("span", null, c(l.value), 1)
+          ])), [
+            [m(v), `${l.value}|${n.value}`]
+          ]),
+          (e(), i(g, null, k(5, (_) => s("i", {
+            key: _,
+            style: $({ width: _ % 2 ? "80%" : "62%" })
+          }, null, 4)), 64))
+        ]),
+        s("div", A, [
+          o[1] || (o[1] = s("div", { class: "top" }, null, -1)),
+          o[2] || (o[2] = s("div", { class: "body" }, [
+            s("i", { class: "w" }),
+            s("i"),
+            s("i"),
+            s("i")
+          ], -1)),
+          u((e(), i("div", B, [
+            p.value ? (e(), i("a", C, "© " + c(d.value), 1)) : (e(), i("span", F, "© " + c(d.value), 1))
+          ])), [
+            [m(v), `${d.value}|${p.value}`]
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  M as default
+};
+//# sourceMappingURL=AdminMock2.vue.js.map