smart-admin-web 10.15.0 → 10.20.1

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

@@ -1,4 +1,4 @@
-import { defineComponent as N, computed as i, openBlock as s, createElementBlock as l, normalizeClass as H, withDirectives as u, createVNode as O, unref as a, createCommentVNode as g, createElementVNode as n, toDisplayString as c, createTextVNode as k, Fragment as K, renderList as Y } from "vue";
+import { defineComponent as N, computed as n, openBlock as i, createElementBlock as l, normalizeClass as H, createElementVNode as t, withDirectives as u, createVNode as L, unref as r, createCommentVNode as g, toDisplayString as c, createTextVNode as O, Fragment as K, renderList as Y } from "vue";
 import { useI18n as x } from "vue-i18n";
 import B from "../../../../components/oauth/BrandIcon.vue.js";
 import { resolveLoginHero as F, splitLoginHeroFeatures as I } from "../../../../lib/loginHero.js";
@@ -9,113 +9,124 @@ import { vFlash as d } from "../flash.js";
 const J = {
   key: 0,
   class: "hero"
-}, W = { class: "form" }, q = { class: "welcome" }, Q = { class: "sub" }, X = { class: "modes" }, Z = { class: "on" }, ee = {
+}, W = { class: "form-wrap" }, q = { class: "form" }, Q = { class: "welcome" }, X = { class: "sub" }, Z = { class: "modes" }, ee = { class: "on" }, te = {
   key: 0,
   "data-testid": "preview-sms"
-}, te = {
+}, oe = {
   key: 0,
   class: "captcha"
-}, oe = { class: "go" }, se = {
+}, se = { class: "go" }, ie = {
   class: "oauth",
   "data-testid": "preview-oauth"
-}, le = { class: "divider" }, ie = { class: "btns" }, ne = ["title"], ae = { class: "copy" }, pe = /* @__PURE__ */ N({
+}, le = { class: "divider" }, ne = { class: "btns" }, ae = ["title"], re = { class: "copy" }, fe = /* @__PURE__ */ N({
   __name: "LoginMock",
   props: {
     locale: {},
     formOnly: { type: Boolean }
   },
   setup(v) {
-    const y = v, C = { char: "A7K2", path: "K9x4", math: "3 + 5 = ?" }, { t: A } = x(), E = U(), { values: t } = E, o = (e) => A(e, {}, { locale: y.locale }), p = i(() => D(y.locale)), h = i(
+    const y = v, w = { char: "A7K2", path: "K9x4", math: "3 + 5 = ?" }, { t: A } = x(), E = U(), { values: o } = E, s = (e) => A(e, {}, { locale: y.locale }), p = n(() => D(y.locale)), h = n(
       () => F(
         {
-          headline: t[p.value.headline] ?? "",
-          highlight: t[p.value.highlight] ?? "",
-          features: I(t[p.value.features])
+          headline: o[p.value.headline] ?? "",
+          highlight: o[p.value.highlight] ?? "",
+          features: I(o[p.value.features])
         },
         {
-          headline: `${o("login.headlinePre")}${o("login.headlineAccent")}${o("login.headlinePost")}`,
-          highlight: o("login.headlineAccent"),
-          features: [o("login.featRbac"), o("login.featScope"), o("login.featPortal")]
+          headline: `${s("login.headlinePre")}${s("login.headlineAccent")}${s("login.headlinePost")}`,
+          highlight: s("login.headlineAccent"),
+          features: [s("login.featRbac"), s("login.featScope"), s("login.featPortal")]
         },
-        // 缺省视为开:库里没有这个键时登录页照常显示卖点
-        t[M] !== "false"
+        // 缺省视为开:库里没有这个键时登录页照常显示亮点
+        o[M] !== "false"
       )
-    ), f = i(() => {
+    ), f = n(() => {
       var e;
-      return ((e = t[R]) == null ? void 0 : e.trim()) || o("login.subtitle");
-    }), S = i(() => {
+      return ((e = o[R]) == null ? void 0 : e.trim()) || s("login.subtitle");
+    }), S = n(() => {
       var e;
-      return ((e = t["sys.site.title"]) == null ? void 0 : e.trim()) || "SmartAdmin";
-    }), b = i(() => {
+      return ((e = o["sys.site.title"]) == null ? void 0 : e.trim()) || "SmartAdmin";
+    }), b = n(() => {
       var e;
-      return ((e = t["sys.site.copyright"]) == null ? void 0 : e.trim()) || S.value;
-    }), P = i(() => t["sys.security.captcha.enabled"] === "true"), T = i(() => C[t[$] || "char"] ?? "A7K2"), L = i(() => t[z] === "true"), _ = i(
-      () => E.providerRows.value.filter((e) => e.registered && t[j(e.code)] === "true")
-    ), w = i(() => _.value.map((e) => e.code).join(","));
-    return (e, r) => (s(), l("div", {
+      return ((e = o["sys.site.copyright"]) == null ? void 0 : e.trim()) || S.value;
+    }), C = n(() => o["sys.security.captcha.enabled"] === "true"), P = n(() => w[o[$] || "char"] ?? "A7K2"), k = n(() => o[z] === "true"), _ = n(
+      () => E.providerRows.value.filter((e) => e.registered && o[j(e.code)] === "true")
+    ), T = n(() => _.value.map((e) => e.code).join(","));
+    return (e, a) => (i(), l("div", {
       class: H(["mock", { "form-only": v.formOnly }])
     }, [
-      v.formOnly ? g("", !0) : u((s(), l("div", J, [
-        O(V, {
+      a[3] || (a[3] = t("div", {
+        class: "desk",
+        "aria-hidden": "true"
+      }, [
+        t("i"),
+        t("i"),
+        t("i"),
+        t("i")
+      ], -1)),
+      v.formOnly ? g("", !0) : u((i(), l("div", J, [
+        L(V, {
           headline: h.value.headline,
           highlight: h.value.highlight,
           subtitle: f.value,
           features: h.value.features,
           title: S.value,
-          logo: a(t)[a(G)] ?? ""
+          logo: r(o)[r(G)] ?? ""
         }, null, 8, ["headline", "highlight", "subtitle", "features", "title", "logo"])
       ])), [
-        [a(d), JSON.stringify(h.value)]
+        [r(d), JSON.stringify(h.value)]
       ]),
-      n("div", W, [
-        n("b", q, c(o("login.welcome")), 1),
-        u((s(), l("span", Q, [
-          k(c(f.value), 1)
-        ])), [
-          [a(d), f.value]
-        ]),
-        u((s(), l("div", X, [
-          n("span", Z, c(o("login.accountLogin")), 1),
-          L.value ? (s(), l("span", ee, c(o("login.smsLogin")), 1)) : g("", !0)
-        ])), [
-          [a(d), L.value]
-        ]),
-        r[1] || (r[1] = n("i", { class: "in" }, null, -1)),
-        r[2] || (r[2] = n("i", { class: "in" }, null, -1)),
-        P.value ? (s(), l("div", te, [
-          r[0] || (r[0] = n("i", { class: "in" }, null, -1)),
-          n("span", null, c(T.value), 1)
-        ])) : g("", !0),
-        n("span", oe, c(o("login.submit")), 1),
-        u((s(), l("div", se, [
-          _.value.length ? (s(), l(K, { key: 0 }, [
-            n("div", le, c(a(A)("config.externalAuth.previewOther")), 1),
-            n("div", ie, [
-              (s(!0), l(K, null, Y(_.value, (m) => (s(), l("span", {
-                key: m.code,
-                title: m.displayName
-              }, [
-                O(B, {
-                  code: m.code,
-                  icon: m.icon,
-                  size: 20
-                }, null, 8, ["code", "icon"])
-              ], 8, ne))), 128))
-            ])
-          ], 64)) : g("", !0)
-        ])), [
-          [a(d), w.value]
-        ]),
-        u((s(), l("div", ae, [
-          k("© " + c(b.value), 1)
-        ])), [
-          [a(d), b.value]
+      t("div", W, [
+        t("div", q, [
+          t("b", Q, c(s("login.welcome")), 1),
+          u((i(), l("span", X, [
+            O(c(f.value), 1)
+          ])), [
+            [r(d), f.value]
+          ]),
+          u((i(), l("div", Z, [
+            t("span", ee, c(s("login.accountLogin")), 1),
+            k.value ? (i(), l("span", te, c(s("login.smsLogin")), 1)) : g("", !0)
+          ])), [
+            [r(d), k.value]
+          ]),
+          a[1] || (a[1] = t("i", { class: "in" }, null, -1)),
+          a[2] || (a[2] = t("i", { class: "in" }, null, -1)),
+          C.value ? (i(), l("div", oe, [
+            a[0] || (a[0] = t("i", { class: "in" }, null, -1)),
+            t("span", null, c(P.value), 1)
+          ])) : g("", !0),
+          t("span", se, c(s("login.submit")), 1),
+          u((i(), l("div", ie, [
+            _.value.length ? (i(), l(K, { key: 0 }, [
+              t("div", le, c(r(A)("config.externalAuth.previewOther")), 1),
+              t("div", ne, [
+                (i(!0), l(K, null, Y(_.value, (m) => (i(), l("span", {
+                  key: m.code,
+                  title: m.displayName
+                }, [
+                  L(B, {
+                    code: m.code,
+                    icon: m.icon,
+                    size: 20
+                  }, null, 8, ["code", "icon"])
+                ], 8, ae))), 128))
+              ])
+            ], 64)) : g("", !0)
+          ])), [
+            [r(d), T.value]
+          ]),
+          u((i(), l("div", re, [
+            O("© " + c(b.value), 1)
+          ])), [
+            [r(d), b.value]
+          ])
         ])
       ])
     ], 2));
   }
 });
 export {
-  pe as default
+  fe as default
 };
 //# sourceMappingURL=LoginMock2.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoginMock2.vue.js","sources":["../../../../../src/views/system/config/components/LoginMock.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 缩小版登录页(880×540 设计尺寸,外面 ScaleToFit 等比缩放)。form-only 只画右侧登录框(440×540),\n// 给「登录方式」页用。Hero 文案、验证码、短信登录入口、第三方按钮、页脚版权都读草稿——\n// 别的分类改了,这里一样跟着变。\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport BrandIcon from '#/components/oauth/BrandIcon.vue'\nimport { resolveLoginHero, splitLoginHeroFeatures } from '#/lib/loginHero'\nimport LoginHeroPanel from '#/views/login/components/LoginHeroPanel.vue'\nimport {\n  CAPTCHA_TYPE_KEY,\n  heroKeys,\n  LOGO_KEY,\n  SHOW_FEATURES_KEY,\n  SMS_LOGIN_KEY,\n  SUBTITLE_KEY,\n  type LoginLocale,\n} from '../groups'\nimport { enabledKey, useConfigDraft } from '../draft'\nimport { vFlash } from '../flash'\n\nconst props = defineProps<{ locale: LoginLocale; formOnly?: boolean }>()\n\nconst CAPTCHA_SAMPLE: Record<string, string> = { char: 'A7K2', path: 'K9x4', math: '3 + 5 = ?' }\n\nconst { t } = useI18n()\nconst draft = useConfigDraft()\nconst { values } = draft\nconst tr = (key: string) => t(key, {}, { locale: props.locale })\nconst keys = computed(() => heroKeys(props.locale))\n\nconst hero = computed(() =>\n  resolveLoginHero(\n    {\n      headline: values[keys.value.headline] ?? '',\n      highlight: values[keys.value.highlight] ?? '',\n      features: splitLoginHeroFeatures(values[keys.value.features]),\n    },\n    {\n      headline: `${tr('login.headlinePre')}${tr('login.headlineAccent')}${tr('login.headlinePost')}`,\n      highlight: tr('login.headlineAccent'),\n      features: [tr('login.featRbac'), tr('login.featScope'), tr('login.featPortal')],\n    },\n    // 缺省视为开:库里没有这个键时登录页照常显示卖点\n    values[SHOW_FEATURES_KEY] !== 'false',\n  ),\n)\nconst subtitle = computed(() => values[SUBTITLE_KEY]?.trim() || tr('login.subtitle'))\nconst siteTitle = computed(() => values['sys.site.title']?.trim() || 'SmartAdmin')\nconst copyright = computed(() => values['sys.site.copyright']?.trim() || siteTitle.value)\nconst captchaOn = computed(() => values['sys.security.captcha.enabled'] === 'true')\nconst captchaSample = computed(() => CAPTCHA_SAMPLE[values[CAPTCHA_TYPE_KEY] || 'char'] ?? 'A7K2')\nconst smsOn = computed(() => values[SMS_LOGIN_KEY] === 'true')\nconst oauth = computed(() =>\n  draft.providerRows.value.filter(p => p.registered && values[enabledKey(p.code)] === 'true'),\n)\nconst oauthSig = computed(() => oauth.value.map(p => p.code).join(','))\n</script>\n\n<template>\n  <div :class=\"['mock', { 'form-only': formOnly }]\">\n    <div v-if=\"!formOnly\" v-flash=\"JSON.stringify(hero)\" class=\"hero\">\n      <LoginHeroPanel\n        :headline=\"hero.headline\"\n        :highlight=\"hero.highlight\"\n        :subtitle=\"subtitle\"\n        :features=\"hero.features\"\n        :title=\"siteTitle\"\n        :logo=\"values[LOGO_KEY] ?? ''\"\n      />\n    </div>\n    <div class=\"form\">\n      <b class=\"welcome\">{{ tr('login.welcome') }}</b>\n      <span v-flash=\"subtitle\" class=\"sub\">{{ subtitle }}</span>\n      <div v-flash=\"smsOn\" class=\"modes\">\n        <span class=\"on\">{{ tr('login.accountLogin') }}</span>\n        <span v-if=\"smsOn\" data-testid=\"preview-sms\">{{ tr('login.smsLogin') }}</span>\n      </div>\n      <i class=\"in\" />\n      <i class=\"in\" />\n      <div v-if=\"captchaOn\" class=\"captcha\">\n        <i class=\"in\" />\n        <span>{{ captchaSample }}</span>\n      </div>\n      <span class=\"go\">{{ tr('login.submit') }}</span>\n      <div v-flash=\"oauthSig\" class=\"oauth\" data-testid=\"preview-oauth\">\n        <template v-if=\"oauth.length\">\n          <div class=\"divider\">{{ t('config.externalAuth.previewOther') }}</div>\n          <div class=\"btns\">\n            <span v-for=\"p in oauth\" :key=\"p.code\" :title=\"p.displayName\">\n              <BrandIcon :code=\"p.code\" :icon=\"p.icon\" :size=\"20\" />\n            </span>\n          </div>\n        </template>\n      </div>\n      <div v-flash=\"copyright\" class=\"copy\">© {{ copyright }}</div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.mock {\n  display: grid;\n  grid-template-columns: 1.15fr 1fr;\n  width: 880px;\n  height: 540px;\n  overflow: hidden;\n  border-radius: 10px;\n  background: var(--color-bg-container);\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);\n}\n.mock.form-only {\n  grid-template-columns: 1fr;\n  width: 440px;\n}\n.hero {\n  display: flex;\n  align-items: center;\n  padding: 32px 36px;\n  overflow: hidden;\n  background:\n    radial-gradient(\n      60% 70% at 20% 15%,\n      color-mix(in srgb, var(--color-primary) 18%, transparent),\n      transparent 72%\n    ),\n    var(--color-bg-body);\n}\n.hero :deep(.headline) {\n  font-size: 30px;\n  line-height: 1.3;\n}\n.hero :deep(.bar) {\n  margin: 22px 0 16px;\n}\n.hero :deep(.sub) {\n  margin: 12px 0 18px;\n}\n.form {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 44px 40px 18px;\n  font-size: 13px;\n}\n.welcome {\n  font-size: 22px;\n}\n.sub {\n  margin: -8px 0 4px;\n  border-radius: 6px;\n  color: var(--color-text-secondary);\n}\n.modes {\n  display: flex;\n  gap: 18px;\n  border-radius: 6px;\n  color: var(--color-text-secondary);\n}\n.modes .on {\n  padding-bottom: 3px;\n  border-bottom: 2px solid var(--color-primary);\n  color: var(--color-text-primary);\n  font-weight: 600;\n}\n.in {\n  display: block;\n  height: 40px;\n  border-radius: 8px;\n  background: var(--color-fill);\n}\n.captcha {\n  display: flex;\n  gap: 8px;\n}\n.captcha .in {\n  flex: 1;\n}\n.captcha span {\n  display: grid;\n  place-items: center;\n  width: 104px;\n  border-radius: 8px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  color: var(--color-text-secondary);\n  background: repeating-linear-gradient(\n    45deg,\n    var(--color-fill) 0 4px,\n    var(--color-bg-body) 4px 8px\n  );\n}\n.go {\n  display: grid;\n  place-items: center;\n  height: 42px;\n  border-radius: 8px;\n  color: #fff;\n  background: var(--color-primary);\n  font-weight: 600;\n}\n.oauth {\n  min-height: 20px;\n  border-radius: 8px;\n}\n.divider {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 12px;\n  color: var(--color-text-tertiary);\n}\n.divider::before,\n.divider::after {\n  content: '';\n  flex: 1;\n  border-top: 1px solid var(--color-border);\n}\n.btns {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 12px;\n}\n.btns span {\n  display: grid;\n  place-items: center;\n  width: 40px;\n  height: 40px;\n  border: 1px solid var(--color-border);\n  border-radius: 50%;\n}\n.copy {\n  margin-top: auto;\n  border-radius: 6px;\n  text-align: center;\n  font-size: 12px;\n  color: var(--color-text-tertiary);\n}\n</style>\n"],"names":["props","__props","CAPTCHA_SAMPLE","t","useI18n","draft","useConfigDraft","values","tr","key","keys","computed","heroKeys","hero","resolveLoginHero","splitLoginHeroFeatures","SHOW_FEATURES_KEY","subtitle","_a","SUBTITLE_KEY","siteTitle","copyright","captchaOn","captchaSample","CAPTCHA_TYPE_KEY","smsOn","SMS_LOGIN_KEY","oauth","p","enabledKey","oauthSig","_createElementBlock","_withDirectives","_openBlock","_hoisted_1","_createVNode","LoginHeroPanel","_unref","LOGO_KEY","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_Fragment","_hoisted_11","_hoisted_12","_renderList","BrandIcon","_hoisted_14","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"LoginMock2.vue.js","sources":["../../../../../src/views/system/config/components/LoginMock.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 缩小版登录页(880×540 设计尺寸,外面 ScaleToFit 等比缩放),画的是双栏形态:左栏品牌区压在柔光色场上,\n// 右栏是毛玻璃登录卡(与真实登录页同一套视觉语言,色场静止不漂移)。form-only 只画登录卡所在的右栏(440×540),\n// 给「登录方式」页用。Hero 文案、验证码、短信登录入口、第三方按钮、页脚版权都读草稿——\n// 别的分类改了,这里一样跟着变。\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport BrandIcon from '#/components/oauth/BrandIcon.vue'\nimport { resolveLoginHero, splitLoginHeroFeatures } from '#/lib/loginHero'\nimport LoginHeroPanel from '#/views/login/components/LoginHeroPanel.vue'\nimport {\n  CAPTCHA_TYPE_KEY,\n  heroKeys,\n  LOGO_KEY,\n  SHOW_FEATURES_KEY,\n  SMS_LOGIN_KEY,\n  SUBTITLE_KEY,\n  type LoginLocale,\n} from '../groups'\nimport { enabledKey, useConfigDraft } from '../draft'\nimport { vFlash } from '../flash'\n\nconst props = defineProps<{ locale: LoginLocale; formOnly?: boolean }>()\n\nconst CAPTCHA_SAMPLE: Record<string, string> = { char: 'A7K2', path: 'K9x4', math: '3 + 5 = ?' }\n\nconst { t } = useI18n()\nconst draft = useConfigDraft()\nconst { values } = draft\nconst tr = (key: string) => t(key, {}, { locale: props.locale })\nconst keys = computed(() => heroKeys(props.locale))\n\nconst hero = computed(() =>\n  resolveLoginHero(\n    {\n      headline: values[keys.value.headline] ?? '',\n      highlight: values[keys.value.highlight] ?? '',\n      features: splitLoginHeroFeatures(values[keys.value.features]),\n    },\n    {\n      headline: `${tr('login.headlinePre')}${tr('login.headlineAccent')}${tr('login.headlinePost')}`,\n      highlight: tr('login.headlineAccent'),\n      features: [tr('login.featRbac'), tr('login.featScope'), tr('login.featPortal')],\n    },\n    // 缺省视为开:库里没有这个键时登录页照常显示亮点\n    values[SHOW_FEATURES_KEY] !== 'false',\n  ),\n)\nconst subtitle = computed(() => values[SUBTITLE_KEY]?.trim() || tr('login.subtitle'))\nconst siteTitle = computed(() => values['sys.site.title']?.trim() || 'SmartAdmin')\nconst copyright = computed(() => values['sys.site.copyright']?.trim() || siteTitle.value)\nconst captchaOn = computed(() => values['sys.security.captcha.enabled'] === 'true')\nconst captchaSample = computed(() => CAPTCHA_SAMPLE[values[CAPTCHA_TYPE_KEY] || 'char'] ?? 'A7K2')\nconst smsOn = computed(() => values[SMS_LOGIN_KEY] === 'true')\nconst oauth = computed(() =>\n  draft.providerRows.value.filter(p => p.registered && values[enabledKey(p.code)] === 'true'),\n)\nconst oauthSig = computed(() => oauth.value.map(p => p.code).join(','))\n</script>\n\n<template>\n  <div :class=\"['mock', { 'form-only': formOnly }]\">\n    <div class=\"desk\" aria-hidden=\"true\">\n      <i />\n      <i />\n      <i />\n      <i />\n    </div>\n    <div v-if=\"!formOnly\" v-flash=\"JSON.stringify(hero)\" class=\"hero\">\n      <LoginHeroPanel\n        :headline=\"hero.headline\"\n        :highlight=\"hero.highlight\"\n        :subtitle=\"subtitle\"\n        :features=\"hero.features\"\n        :title=\"siteTitle\"\n        :logo=\"values[LOGO_KEY] ?? ''\"\n      />\n    </div>\n    <div class=\"form-wrap\">\n      <div class=\"form\">\n        <b class=\"welcome\">{{ tr('login.welcome') }}</b>\n        <span v-flash=\"subtitle\" class=\"sub\">{{ subtitle }}</span>\n        <div v-flash=\"smsOn\" class=\"modes\">\n          <span class=\"on\">{{ tr('login.accountLogin') }}</span>\n          <span v-if=\"smsOn\" data-testid=\"preview-sms\">{{ tr('login.smsLogin') }}</span>\n        </div>\n        <i class=\"in\" />\n        <i class=\"in\" />\n        <div v-if=\"captchaOn\" class=\"captcha\">\n          <i class=\"in\" />\n          <span>{{ captchaSample }}</span>\n        </div>\n        <span class=\"go\">{{ tr('login.submit') }}</span>\n        <div v-flash=\"oauthSig\" class=\"oauth\" data-testid=\"preview-oauth\">\n          <template v-if=\"oauth.length\">\n            <div class=\"divider\">{{ t('config.externalAuth.previewOther') }}</div>\n            <div class=\"btns\">\n              <span v-for=\"p in oauth\" :key=\"p.code\" :title=\"p.displayName\">\n                <BrandIcon :code=\"p.code\" :icon=\"p.icon\" :size=\"20\" />\n              </span>\n            </div>\n          </template>\n        </div>\n        <div v-flash=\"copyright\" class=\"copy\">© {{ copyright }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.mock {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1.15fr 1fr;\n  width: 880px;\n  height: 540px;\n  overflow: hidden;\n  border-radius: 10px;\n  background: var(--desk-base);\n  box-shadow: var(--shadow-2);\n}\n.mock.form-only {\n  grid-template-columns: 1fr;\n  width: 440px;\n}\n/* 色场:和真实登录页同一组 --desk-1..4,预览里不动 */\n.desk {\n  position: absolute;\n  inset: -20%;\n  pointer-events: none;\n}\n.desk i {\n  position: absolute;\n  display: block;\n  border-radius: 50%;\n  filter: blur(70px);\n  opacity: var(--desk-op);\n}\n.desk i:nth-child(1) {\n  left: 2%;\n  top: 4%;\n  width: 46%;\n  height: 62%;\n  background: var(--desk-1);\n}\n.desk i:nth-child(2) {\n  left: 26%;\n  top: 34%;\n  width: 44%;\n  height: 56%;\n  background: var(--desk-2);\n}\n.desk i:nth-child(3) {\n  left: 54%;\n  top: -6%;\n  width: 40%;\n  height: 58%;\n  background: var(--desk-3);\n}\n.desk i:nth-child(4) {\n  left: 62%;\n  top: 46%;\n  width: 46%;\n  height: 62%;\n  background: var(--desk-4);\n}\n.hero {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 32px 36px;\n  overflow: hidden;\n}\n.hero :deep(.login-hero-panel) {\n  max-width: 330px;\n}\n.hero :deep(.headline) {\n  font-size: 28px;\n  line-height: 1.3;\n}\n/* 真实登录页的左栏字号更大(logo 22 / 说明 17 / 亮点 16),预览按 880×540 的画布排版,这里把字号钉成预览尺寸 */\n.hero :deep(.logo) {\n  margin-bottom: 20px;\n  gap: 11px;\n  font-size: 18px;\n}\n.hero :deep(.sub) {\n  margin: 0 0 18px;\n  font-size: 15px;\n}\n.hero :deep(.points) {\n  gap: 14px;\n}\n.hero :deep(.points li) {\n  gap: 11px;\n  font-size: 14.5px;\n}\n.form-wrap {\n  position: relative;\n  display: grid;\n  place-items: center;\n  padding: 16px;\n  min-height: 0;\n}\n/* 登录卡:毛玻璃,与真实登录页同一套材质 */\n.form {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  width: 100%;\n  height: 100%;\n  padding: 24px 28px 12px;\n  overflow: hidden;\n  border: 1px solid var(--glass-border);\n  border-radius: 22px;\n  background: var(--glass-panel);\n  box-shadow: var(--glass-shadow);\n  font-size: 13px;\n}\n.mock:not(.form-only) .form {\n  max-width: 384px;\n}\n.welcome {\n  font-size: 22px;\n  font-weight: 600;\n  letter-spacing: -0.035em;\n  color: var(--text-1);\n}\n.sub {\n  margin: -6px 0 2px;\n  border-radius: 6px;\n  color: var(--text-2);\n}\n.modes {\n  display: flex;\n  gap: 18px;\n  border-radius: 6px;\n  color: var(--text-2);\n}\n.modes .on {\n  padding-bottom: 3px;\n  border-bottom: 2px solid var(--signal);\n  color: var(--text-1);\n  font-weight: 600;\n}\n.in {\n  display: block;\n  height: 40px;\n  border-radius: 11px;\n  background: var(--fill);\n}\n.captcha {\n  display: flex;\n  gap: 8px;\n}\n.captcha .in {\n  flex: 1;\n}\n.captcha span {\n  display: grid;\n  place-items: center;\n  width: 104px;\n  border-radius: 11px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  color: var(--text-2);\n  background: repeating-linear-gradient(45deg, var(--fill) 0 4px, transparent 4px 8px);\n}\n.go {\n  display: grid;\n  place-items: center;\n  height: 42px;\n  border-radius: 11px;\n  color: #fff;\n  background-image: linear-gradient(120deg, var(--signal), var(--login-accent-2));\n  box-shadow: 0 10px 26px -10px var(--signal-glow);\n  font-weight: 600;\n}\n.oauth {\n  min-height: 20px;\n  border-radius: 8px;\n}\n.divider {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 12px;\n  color: var(--text-3);\n}\n.divider::before,\n.divider::after {\n  content: '';\n  flex: 1;\n  border-top: 1px solid var(--hairline);\n}\n.btns {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 12px;\n}\n/* 与真实登录页一致:只露品牌标,不加底圈 */\n.btns span {\n  display: grid;\n  place-items: center;\n  width: 40px;\n  height: 40px;\n}\n.btns span :deep(.oauth-brand-badge) {\n  width: 28px;\n  height: 28px;\n}\n.copy {\n  margin-top: auto;\n  border-radius: 6px;\n  text-align: center;\n  font-size: 12px;\n  color: var(--text-3);\n}\n</style>\n"],"names":["props","__props","CAPTCHA_SAMPLE","t","useI18n","draft","useConfigDraft","values","tr","key","keys","computed","heroKeys","hero","resolveLoginHero","splitLoginHeroFeatures","SHOW_FEATURES_KEY","subtitle","_a","SUBTITLE_KEY","siteTitle","copyright","captchaOn","captchaSample","CAPTCHA_TYPE_KEY","smsOn","SMS_LOGIN_KEY","oauth","p","enabledKey","oauthSig","_createElementBlock","_createElementVNode","_withDirectives","_openBlock","_hoisted_1","_createVNode","LoginHeroPanel","_unref","LOGO_KEY","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_Fragment","_hoisted_12","_hoisted_13","_renderList","BrandIcon","_hoisted_15","_createTextVNode"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import o from "./LogoCropper2.vue.js";
 /* empty css                 */
 import r from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a92c4a40"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f4dc6118"]]);
 export {
   m as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"LogoCropper2.vue.js","sources":["../../../../../src/views/system/config/components/LogoCropper.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 正方形 Logo 裁剪:拖动平移、滑块或滚轮缩放,导出 256×256 PNG。\n// 只需要这三件事,所以不引裁剪库;几何计算在 lib/logoCrop.ts(有单测)。\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { NSlider } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { clampOffset, coverScale, sourceRect } from '#/lib/logoCrop'\n\nconst props = defineProps<{ file: File }>()\n\n/** 视口边长与取景框边长(px) */\nconst VIEW = 280\nconst FRAME = 232\nconst OUTPUT = 256\n\nconst { t } = useI18n()\nconst img = ref<HTMLImageElement | null>(null)\nconst url = ref('')\nconst natural = ref({ w: 1, h: 1 })\nconst zoom = ref(1)\nconst offset = ref({ x: 0, y: 0 })\n\nconst base = computed(() => coverScale(natural.value.w, natural.value.h, FRAME))\nconst scale = computed(() => base.value * zoom.value)\nconst state = computed(() => ({\n  width: natural.value.w,\n  height: natural.value.h,\n  frame: FRAME,\n  scale: scale.value,\n  ...offset.value,\n}))\nconst imgStyle = computed(() => ({\n  width: `${natural.value.w * scale.value}px`,\n  height: `${natural.value.h * scale.value}px`,\n  transform: `translate(calc(-50% + ${offset.value.x}px), calc(-50% + ${offset.value.y}px))`,\n}))\n\nwatch(\n  () => props.file,\n  file => {\n    if (url.value) URL.revokeObjectURL(url.value)\n    url.value = URL.createObjectURL(file)\n    zoom.value = 1\n    offset.value = { x: 0, y: 0 }\n  },\n  { immediate: true },\n)\nonBeforeUnmount(() => URL.revokeObjectURL(url.value))\n\nfunction onLoad(e: Event) {\n  const el = e.target as HTMLImageElement\n  natural.value = { w: el.naturalWidth || 1, h: el.naturalHeight || 1 }\n}\n\n// 缩放后重新收边,保证取景框里始终是图\nwatch(zoom, () => {\n  offset.value = clampOffset(state.value)\n})\n\nlet drag: { x: number; y: number; ox: number; oy: number } | null = null\nfunction onPointerDown(e: PointerEvent) {\n  ;(e.currentTarget as HTMLElement).setPointerCapture(e.pointerId)\n  drag = { x: e.clientX, y: e.clientY, ox: offset.value.x, oy: offset.value.y }\n}\nfunction onPointerMove(e: PointerEvent) {\n  if (!drag) return\n  offset.value = clampOffset({\n    ...state.value,\n    x: drag.ox + e.clientX - drag.x,\n    y: drag.oy + e.clientY - drag.y,\n  })\n}\nfunction onPointerUp() {\n  drag = null\n}\n/** 键盘替代拖动:方向键平移(Shift 大步),+ / - 缩放 */\nfunction onKey(e: KeyboardEvent) {\n  const step = e.shiftKey ? 20 : 5\n  const d: Record<string, [number, number]> = {\n    ArrowLeft: [-step, 0],\n    ArrowRight: [step, 0],\n    ArrowUp: [0, -step],\n    ArrowDown: [0, step],\n  }\n  if (d[e.key]) {\n    e.preventDefault()\n    offset.value = clampOffset({\n      ...state.value,\n      x: offset.value.x + d[e.key][0],\n      y: offset.value.y + d[e.key][1],\n    })\n  } else if (e.key === '+' || e.key === '=') {\n    e.preventDefault()\n    zoom.value = Math.min(4, zoom.value + 0.1)\n  } else if (e.key === '-') {\n    e.preventDefault()\n    zoom.value = Math.max(1, zoom.value - 0.1)\n  }\n}\n\nfunction onWheel(e: WheelEvent) {\n  zoom.value = Math.min(4, Math.max(1, zoom.value - e.deltaY * 0.002))\n}\n\n/** 按当前取景导出 PNG。 */\nfunction crop(): Promise<Blob> {\n  const canvas = document.createElement('canvas')\n  canvas.width = canvas.height = OUTPUT\n  const ctx = canvas.getContext('2d')\n  if (!ctx || !img.value) return Promise.reject(new Error('canvas unavailable'))\n  const { sx, sy, size } = sourceRect(state.value)\n  ctx.imageSmoothingQuality = 'high'\n  ctx.drawImage(img.value, sx, sy, size, size, 0, 0, OUTPUT, OUTPUT)\n  return new Promise((resolve, reject) =>\n    canvas.toBlob(b => (b ? resolve(b) : reject(new Error('toBlob failed'))), 'image/png'),\n  )\n}\n\ndefineExpose({ crop })\n</script>\n\n<template>\n  <div class=\"cropper\">\n    <div\n      class=\"viewport\"\n      :style=\"{ width: `${VIEW}px`, height: `${VIEW}px` }\"\n      tabindex=\"0\"\n      role=\"application\"\n      :aria-label=\"t('config.logo.cropTip')\"\n      @keydown=\"onKey\"\n      @pointerdown=\"onPointerDown\"\n      @pointermove=\"onPointerMove\"\n      @pointerup=\"onPointerUp\"\n      @pointercancel=\"onPointerUp\"\n      @wheel.prevent=\"onWheel\"\n    >\n      <img ref=\"img\" :src=\"url\" :style=\"imgStyle\" alt=\"\" draggable=\"false\" @load=\"onLoad\" />\n      <div class=\"frame\" :style=\"{ width: `${FRAME}px`, height: `${FRAME}px` }\" />\n    </div>\n    <div class=\"zoom\">\n      <span>{{ t('config.logo.zoom') }}</span>\n      <n-slider v-model:value=\"zoom\" :min=\"1\" :max=\"4\" :step=\"0.01\" :tooltip=\"false\" />\n    </div>\n    <p class=\"tip\">{{ t('config.logo.cropTip') }}</p>\n  </div>\n</template>\n\n<style scoped>\n.cropper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n.viewport {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--radius-lg);\n  cursor: grab;\n  touch-action: none;\n  user-select: none;\n  background: repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 0 0 / 16px 16px;\n}\n.viewport:active {\n  cursor: grabbing;\n}\n.viewport:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 3px;\n}\n.viewport img {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  max-width: none;\n  pointer-events: none;\n}\n.frame {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  border: 2px solid #fff;\n  border-radius: 12px;\n  box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.45);\n  pointer-events: none;\n}\n.zoom {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  width: 280px;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-tertiary);\n}\n.zoom span {\n  flex: none;\n}\n.tip {\n  margin: 0;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-tertiary);\n}\n</style>\n"],"names":["VIEW","FRAME","OUTPUT","props","__props","t","useI18n","img","ref","url","natural","zoom","offset","base","computed","coverScale","scale","state","imgStyle","watch","file","onBeforeUnmount","onLoad","el","clampOffset","drag","onPointerDown","onPointerMove","onPointerUp","onKey","step","d","onWheel","crop","canvas","ctx","sx","sy","size","sourceRect","resolve","reject","b","__expose","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeStyle","_unref","_hoisted_4","_createVNode","NSlider","$event","_hoisted_5","_toDisplayString"],"mappings":";;;;+GAWMA,IAAO,KACPC,IAAQ,KACRC,IAAS;;;;;;AALf,UAAMC,IAAQC,GAOR,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAMC,EAA6B,IAAI,GACvCC,IAAMD,EAAI,EAAE,GACZE,IAAUF,EAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAC5BG,IAAOH,EAAI,CAAC,GACZI,IAASJ,EAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAE3BK,IAAOC,EAAS,MAAMC,EAAWL,EAAQ,MAAM,GAAGA,EAAQ,MAAM,GAAGT,CAAK,CAAC,GACzEe,IAAQF,EAAS,MAAMD,EAAK,QAAQF,EAAK,KAAK,GAC9CM,IAAQH,EAAS,OAAO;AAAA,MAC5B,OAAOJ,EAAQ,MAAM;AAAA,MACrB,QAAQA,EAAQ,MAAM;AAAA,MACtB,OAAOT;AAAA,MACP,OAAOe,EAAM;AAAA,MACb,GAAGJ,EAAO;AAAA,IAAA,EACV,GACIM,IAAWJ,EAAS,OAAO;AAAA,MAC/B,OAAO,GAAGJ,EAAQ,MAAM,IAAIM,EAAM,KAAK;AAAA,MACvC,QAAQ,GAAGN,EAAQ,MAAM,IAAIM,EAAM,KAAK;AAAA,MACxC,WAAW,yBAAyBJ,EAAO,MAAM,CAAC,oBAAoBA,EAAO,MAAM,CAAC;AAAA,IAAA,EACpF;AAEF,IAAAO;AAAA,MACE,MAAMhB,EAAM;AAAA,MACZ,CAAAiB,MAAQ;AACN,QAAIX,EAAI,SAAO,IAAI,gBAAgBA,EAAI,KAAK,GAC5CA,EAAI,QAAQ,IAAI,gBAAgBW,CAAI,GACpCT,EAAK,QAAQ,GACbC,EAAO,QAAQ,EAAE,GAAG,GAAG,GAAG,EAAA;AAAA,MAC5B;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAEpBS,EAAgB,MAAM,IAAI,gBAAgBZ,EAAI,KAAK,CAAC;AAEpD,aAASa,EAAO,GAAU;AACxB,YAAMC,IAAK,EAAE;AACb,MAAAb,EAAQ,QAAQ,EAAE,GAAGa,EAAG,gBAAgB,GAAG,GAAGA,EAAG,iBAAiB,EAAA;AAAA,IACpE;AAGA,IAAAJ,EAAMR,GAAM,MAAM;AAChB,MAAAC,EAAO,QAAQY,EAAYP,EAAM,KAAK;AAAA,IACxC,CAAC;AAED,QAAIQ,IAAgE;AACpE,aAASC,EAAc,GAAiB;AACpC,QAAE,cAA8B,kBAAkB,EAAE,SAAS,GAC/DD,IAAO,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,SAAS,IAAIb,EAAO,MAAM,GAAG,IAAIA,EAAO,MAAM,EAAA;AAAA,IAC5E;AACA,aAASe,EAAc,GAAiB;AACtC,MAAKF,MACLb,EAAO,QAAQY,EAAY;AAAA,QACzB,GAAGP,EAAM;AAAA,QACT,GAAGQ,EAAK,KAAK,EAAE,UAAUA,EAAK;AAAA,QAC9B,GAAGA,EAAK,KAAK,EAAE,UAAUA,EAAK;AAAA,MAAA,CAC/B;AAAA,IACH;AACA,aAASG,IAAc;AACrB,MAAAH,IAAO;AAAA,IACT;AAEA,aAASI,EAAM,GAAkB;AAC/B,YAAMC,IAAO,EAAE,WAAW,KAAK,GACzBC,IAAsC;AAAA,QAC1C,WAAW,CAAC,CAACD,GAAM,CAAC;AAAA,QACpB,YAAY,CAACA,GAAM,CAAC;AAAA,QACpB,SAAS,CAAC,GAAG,CAACA,CAAI;AAAA,QAClB,WAAW,CAAC,GAAGA,CAAI;AAAA,MAAA;AAErB,MAAIC,EAAE,EAAE,GAAG,KACT,EAAE,eAAA,GACFnB,EAAO,QAAQY,EAAY;AAAA,QACzB,GAAGP,EAAM;AAAA,QACT,GAAGL,EAAO,MAAM,IAAImB,EAAE,EAAE,GAAG,EAAE,CAAC;AAAA,QAC9B,GAAGnB,EAAO,MAAM,IAAImB,EAAE,EAAE,GAAG,EAAE,CAAC;AAAA,MAAA,CAC/B,KACQ,EAAE,QAAQ,OAAO,EAAE,QAAQ,OACpC,EAAE,eAAA,GACFpB,EAAK,QAAQ,KAAK,IAAI,GAAGA,EAAK,QAAQ,GAAG,KAChC,EAAE,QAAQ,QACnB,EAAE,eAAA,GACFA,EAAK,QAAQ,KAAK,IAAI,GAAGA,EAAK,QAAQ,GAAG;AAAA,IAE7C;AAEA,aAASqB,EAAQ,GAAe;AAC9B,MAAArB,EAAK,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGA,EAAK,QAAQ,EAAE,SAAS,IAAK,CAAC;AAAA,IACrE;AAGA,aAASsB,IAAsB;AAC7B,YAAMC,IAAS,SAAS,cAAc,QAAQ;AAC9C,MAAAA,EAAO,QAAQA,EAAO,SAAShC;AAC/B,YAAMiC,IAAMD,EAAO,WAAW,IAAI;AAClC,UAAI,CAACC,KAAO,CAAC5B,EAAI,MAAO,QAAO,QAAQ,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAC7E,YAAM,EAAE,IAAA6B,GAAI,IAAAC,GAAI,MAAAC,MAASC,EAAWtB,EAAM,KAAK;AAC/C,aAAAkB,EAAI,wBAAwB,QAC5BA,EAAI,UAAU5B,EAAI,OAAO6B,GAAIC,GAAIC,GAAMA,GAAM,GAAG,GAAGpC,GAAQA,CAAM,GAC1D,IAAI;AAAA,QAAQ,CAACsC,GAASC,MAC3BP,EAAO,OAAO,OAAMQ,IAAIF,EAAQE,CAAC,IAAID,EAAO,IAAI,MAAM,eAAe,CAAC,GAAI,WAAW;AAAA,MAAA;AAAA,IAEzF;AAEA,WAAAE,EAAa,EAAE,MAAAV,GAAM,cAInBW,EAAA,GAAAC,EAsBM,OAtBNC,GAsBM;AAAA,MArBJC,EAeM,OAAA;AAAA,QAdJ,OAAM;AAAA,QACL,OAAKC,EAAA,EAAA,OAAA,GAAchD,CAAI,MAAA,QAAA,GAAiBA,CAAI,KAAA,CAAA;AAAA,QAC7C,UAAS;AAAA,QACT,MAAK;AAAA,QACJ,cAAYiD,EAAA5C,CAAA,EAAC,qBAAA;AAAA,QACb,WAASwB;AAAA,QACT,eAAaH;AAAA,QACb,eAAaC;AAAA,QACb,aAAWC;AAAA,QACX,iBAAeA;AAAA,QACf,WAAeI,GAAO,CAAA,SAAA,CAAA;AAAA,MAAA;QAEvBe,EAAsF,OAAA;AAAA,mBAA7E;AAAA,UAAJ,KAAIxC;AAAA,UAAO,KAAKE,EAAA;AAAA,UAAM,SAAOS,EAAA,KAAQ;AAAA,UAAE,KAAI;AAAA,UAAG,WAAU;AAAA,UAAS,QAAAI;AAAA,QAAA;QACtEyB,EAA4E,OAAA;AAAA,UAAvE,OAAM;AAAA,UAAS,OAAKC,EAAA,EAAA,OAAA,GAAc/C,CAAK,MAAA,QAAA,GAAiBA,CAAK,KAAA,CAAA;AAAA,QAAA;;MAEpE8C,EAGM,OAHNG,GAGM;AAAA,QAFJH,EAAwC,gBAA/BE,EAAA5C,CAAA,EAAC,kBAAA,CAAA,GAAA,CAAA;AAAA,QACV8C,EAAiFF,EAAAG,CAAA,GAAA;AAAA,UAA/D,OAAOzC,EAAA;AAAA,mDAAAA,EAAI,QAAA0C;AAAA,UAAG,KAAK;AAAA,UAAI,KAAK;AAAA,UAAI,MAAM;AAAA,UAAO,SAAS;AAAA,QAAA;;MAE1EN,EAAiD,KAAjDO,IAAiDC,EAA/BN,EAAA5C,CAAA,EAAC,qBAAA,CAAA,GAAA,CAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"LogoCropper2.vue.js","sources":["../../../../../src/views/system/config/components/LogoCropper.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 正方形 Logo 裁剪:拖动平移、滑块或滚轮缩放,导出 256×256 PNG。\n// 只需要这三件事,所以不引裁剪库;几何计算在 lib/logoCrop.ts(有单测)。\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { NSlider } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { clampOffset, coverScale, sourceRect } from '#/lib/logoCrop'\n\nconst props = defineProps<{ file: File }>()\n\n/** 视口边长与取景框边长(px) */\nconst VIEW = 280\nconst FRAME = 232\nconst OUTPUT = 256\n\nconst { t } = useI18n()\nconst img = ref<HTMLImageElement | null>(null)\nconst url = ref('')\nconst natural = ref({ w: 1, h: 1 })\nconst zoom = ref(1)\nconst offset = ref({ x: 0, y: 0 })\n\nconst base = computed(() => coverScale(natural.value.w, natural.value.h, FRAME))\nconst scale = computed(() => base.value * zoom.value)\nconst state = computed(() => ({\n  width: natural.value.w,\n  height: natural.value.h,\n  frame: FRAME,\n  scale: scale.value,\n  ...offset.value,\n}))\nconst imgStyle = computed(() => ({\n  width: `${natural.value.w * scale.value}px`,\n  height: `${natural.value.h * scale.value}px`,\n  transform: `translate(calc(-50% + ${offset.value.x}px), calc(-50% + ${offset.value.y}px))`,\n}))\n\nwatch(\n  () => props.file,\n  file => {\n    if (url.value) URL.revokeObjectURL(url.value)\n    url.value = URL.createObjectURL(file)\n    zoom.value = 1\n    offset.value = { x: 0, y: 0 }\n  },\n  { immediate: true },\n)\nonBeforeUnmount(() => URL.revokeObjectURL(url.value))\n\nfunction onLoad(e: Event) {\n  const el = e.target as HTMLImageElement\n  natural.value = { w: el.naturalWidth || 1, h: el.naturalHeight || 1 }\n}\n\n// 缩放后重新收边,保证取景框里始终是图\nwatch(zoom, () => {\n  offset.value = clampOffset(state.value)\n})\n\nlet drag: { x: number; y: number; ox: number; oy: number } | null = null\nfunction onPointerDown(e: PointerEvent) {\n  ;(e.currentTarget as HTMLElement).setPointerCapture(e.pointerId)\n  drag = { x: e.clientX, y: e.clientY, ox: offset.value.x, oy: offset.value.y }\n}\nfunction onPointerMove(e: PointerEvent) {\n  if (!drag) return\n  offset.value = clampOffset({\n    ...state.value,\n    x: drag.ox + e.clientX - drag.x,\n    y: drag.oy + e.clientY - drag.y,\n  })\n}\nfunction onPointerUp() {\n  drag = null\n}\n/** 键盘替代拖动:方向键平移(Shift 大步),+ / - 缩放 */\nfunction onKey(e: KeyboardEvent) {\n  const step = e.shiftKey ? 20 : 5\n  const d: Record<string, [number, number]> = {\n    ArrowLeft: [-step, 0],\n    ArrowRight: [step, 0],\n    ArrowUp: [0, -step],\n    ArrowDown: [0, step],\n  }\n  if (d[e.key]) {\n    e.preventDefault()\n    offset.value = clampOffset({\n      ...state.value,\n      x: offset.value.x + d[e.key][0],\n      y: offset.value.y + d[e.key][1],\n    })\n  } else if (e.key === '+' || e.key === '=') {\n    e.preventDefault()\n    zoom.value = Math.min(4, zoom.value + 0.1)\n  } else if (e.key === '-') {\n    e.preventDefault()\n    zoom.value = Math.max(1, zoom.value - 0.1)\n  }\n}\n\nfunction onWheel(e: WheelEvent) {\n  zoom.value = Math.min(4, Math.max(1, zoom.value - e.deltaY * 0.002))\n}\n\n/** 按当前取景导出 PNG。 */\nfunction crop(): Promise<Blob> {\n  const canvas = document.createElement('canvas')\n  canvas.width = canvas.height = OUTPUT\n  const ctx = canvas.getContext('2d')\n  if (!ctx || !img.value) return Promise.reject(new Error('canvas unavailable'))\n  const { sx, sy, size } = sourceRect(state.value)\n  ctx.imageSmoothingQuality = 'high'\n  ctx.drawImage(img.value, sx, sy, size, size, 0, 0, OUTPUT, OUTPUT)\n  return new Promise((resolve, reject) =>\n    canvas.toBlob(b => (b ? resolve(b) : reject(new Error('toBlob failed'))), 'image/png'),\n  )\n}\n\ndefineExpose({ crop })\n</script>\n\n<template>\n  <div class=\"cropper\">\n    <div\n      class=\"viewport\"\n      :style=\"{ width: `${VIEW}px`, height: `${VIEW}px` }\"\n      tabindex=\"0\"\n      role=\"application\"\n      :aria-label=\"t('config.logo.cropTip')\"\n      @keydown=\"onKey\"\n      @pointerdown=\"onPointerDown\"\n      @pointermove=\"onPointerMove\"\n      @pointerup=\"onPointerUp\"\n      @pointercancel=\"onPointerUp\"\n      @wheel.prevent=\"onWheel\"\n    >\n      <img ref=\"img\" :src=\"url\" :style=\"imgStyle\" alt=\"\" draggable=\"false\" @load=\"onLoad\" />\n      <div class=\"frame\" :style=\"{ width: `${FRAME}px`, height: `${FRAME}px` }\" />\n    </div>\n    <div class=\"zoom\">\n      <span>{{ t('config.logo.zoom') }}</span>\n      <n-slider v-model:value=\"zoom\" :min=\"1\" :max=\"4\" :step=\"0.01\" :tooltip=\"false\" />\n    </div>\n    <p class=\"tip\">{{ t('config.logo.cropTip') }}</p>\n  </div>\n</template>\n\n<style scoped>\n.cropper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n.viewport {\n  position: relative;\n  max-width: 100%;\n  overflow: hidden;\n  border-radius: 14px;\n  cursor: grab;\n  touch-action: none;\n  user-select: none;\n  background: repeating-conic-gradient(var(--glass-strong) 0 25%, var(--fill) 0 50%) 0 0 / 16px 16px;\n}\n.viewport:active {\n  cursor: grabbing;\n}\n.viewport:focus-visible {\n  outline: 2px solid var(--signal);\n  outline-offset: 3px;\n}\n.viewport img {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  max-width: none;\n  pointer-events: none;\n}\n.frame {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  border: 2px solid #fff;\n  border-radius: var(--radius-lg);\n  box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.45);\n  pointer-events: none;\n}\n.zoom {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  width: 280px;\n  max-width: 100%;\n  font-size: 13px;\n  color: var(--text-3);\n}\n.zoom span {\n  flex: none;\n}\n.tip {\n  margin: 0;\n  font-size: 13px;\n  color: var(--text-3);\n  text-align: center;\n}\n</style>\n"],"names":["VIEW","FRAME","OUTPUT","props","__props","t","useI18n","img","ref","url","natural","zoom","offset","base","computed","coverScale","scale","state","imgStyle","watch","file","onBeforeUnmount","onLoad","el","clampOffset","drag","onPointerDown","onPointerMove","onPointerUp","onKey","step","d","onWheel","crop","canvas","ctx","sx","sy","size","sourceRect","resolve","reject","b","__expose","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeStyle","_unref","_hoisted_4","_createVNode","NSlider","$event","_hoisted_5","_toDisplayString"],"mappings":"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"}

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as I, computed as w, ref as i, openBlock as k, createElementBlock as j, createVNode as r, unref as l, withCtx as s, createElementVNode as u, withModifiers as x, normalizeClass as z, toDisplayString as v, createBlock as A, createCommentVNode as F, createTextVNode as U } from "vue";
+import { defineComponent as I, computed as w, ref as i, openBlock as C, createElementBlock as j, createVNode as r, unref as l, withCtx as s, createElementVNode as u, withModifiers as k, normalizeClass as z, toDisplayString as v, createBlock as A, createCommentVNode as F, createTextVNode as U } from "vue";
 import { useMessage as R, NDropdown as $, NModal as L, NButton as N, NInput as G } from "naive-ui";
 import { useI18n as H } from "vue-i18n";
 import K from "../../../../components/SmartLogo.vue.js";
@@ -9,10 +9,7 @@ import q from "./LogoCropper.vue.js";
 const J = { class: "logo-edit" }, Q = ["aria-label"], Z = {
   class: "ov",
   "aria-hidden": "true"
-}, ee = { class: "dlg-foot" }, oe = {
-  class: "cfg-hint",
-  style: { margin: "8px 0 0" }
-}, D = 5, ce = /* @__PURE__ */ I({
+}, ee = { class: "dlg-foot" }, oe = { class: "url-hint" }, D = 5, ce = /* @__PURE__ */ I({
   __name: "LogoEditor",
   setup(te) {
     const P = ["image/png", "image/jpeg", "image/webp"], { t } = H(), p = R(), E = W(), c = Y(), g = w(() => c.values[X] ?? ""), m = w(() => E.hasPerm("POST:/api/v1/sys/config/logo")), _ = i(null), f = i(!1), a = i(null), b = i(null), h = i(!1), y = i(!1), d = i(""), O = w(() => {
@@ -23,7 +20,7 @@ const J = { class: "logo-edit" }, Q = ["aria-label"], Z = {
       var o;
       e === "upload" ? (o = _.value) == null || o.click() : e === "url" ? (d.value = g.value.startsWith("blob:") ? "" : g.value, y.value = !0) : e === "remove" && c.setPendingLogo(null, "");
     }
-    function C(e) {
+    function x(e) {
       if (e) {
         if (!P.includes(e.type)) return p.warning(t("config.logo.badType"));
         if (e.size > D * 1024 * 1024)
@@ -34,11 +31,11 @@ const J = { class: "logo-edit" }, Q = ["aria-label"], Z = {
     function T(e) {
       var n;
       const o = e.target;
-      C((n = o.files) == null ? void 0 : n[0]), o.value = "";
+      x((n = o.files) == null ? void 0 : n[0]), o.value = "";
     }
     function B(e) {
       var o;
-      f.value = !1, m.value && C((o = e.dataTransfer) == null ? void 0 : o.files[0]);
+      f.value = !1, m.value && x((o = e.dataTransfer) == null ? void 0 : o.files[0]);
     }
     async function M() {
       if (b.value) {
@@ -59,7 +56,7 @@ const J = { class: "logo-edit" }, Q = ["aria-label"], Z = {
         return p.warning(t("config.logo.badUrl")), !1;
       c.setPendingLogo(null, e);
     }
-    return (e, o) => (k(), j("div", J, [
+    return (e, o) => (C(), j("div", J, [
       r(l($), {
         trigger: "click",
         options: O.value,
@@ -73,9 +70,9 @@ const J = { class: "logo-edit" }, Q = ["aria-label"], Z = {
             "aria-label": l(t)("config.logo.edit"),
             "aria-haspopup": "menu",
             "data-testid": "logo-box",
-            onDragover: o[0] || (o[0] = x((n) => f.value = m.value, ["prevent"])),
+            onDragover: o[0] || (o[0] = k((n) => f.value = m.value, ["prevent"])),
             onDragleave: o[1] || (o[1] = (n) => f.value = !1),
-            onDrop: x(B, ["prevent"])
+            onDrop: k(B, ["prevent"])
           }, [
             r(K, {
               size: 40,
@@ -99,7 +96,7 @@ const J = { class: "logo-edit" }, Q = ["aria-label"], Z = {
         show: !!a.value,
         preset: "card",
         title: l(t)("config.logo.cropTitle"),
-        style: { width: "360px" },
+        style: { width: "min(360px, calc(100vw - 24px))" },
         "mask-closable": !1,
         "onUpdate:show": o[3] || (o[3] = (n) => !n && (a.value = null))
       }, {
@@ -126,7 +123,7 @@ const J = { class: "logo-edit" }, Q = ["aria-label"], Z = {
           ])
         ]),
         default: s(() => [
-          a.value ? (k(), A(q, {
+          a.value ? (C(), A(q, {
             key: 0,
             ref_key: "cropper",
             ref: b,
@@ -142,6 +139,7 @@ const J = { class: "logo-edit" }, Q = ["aria-label"], Z = {
         title: l(t)("config.logo.useUrl"),
         "positive-text": l(t)("common.confirm"),
         "negative-text": l(t)("common.cancel"),
+        style: { width: "min(420px, calc(100vw - 24px))" },
         onPositiveClick: V
       }, {
         default: s(() => [

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

@@ -1 +1 @@
-{"version":3,"file":"LogoEditor2.vue.js","sources":["../../../../../src/views/system/config/components/LogoEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Logo 编辑,仿 GitHub 换头像:点方块里的当前 Logo 弹出菜单 → 上传新图片(也可直接拖进方块)/\n// 使用图片链接 / 移除。上传的图先裁成正方形,只进草稿做预览,点底部「保存」才真正上传。\nimport { computed, ref } from 'vue'\nimport { NButton, NDropdown, NInput, NModal, useMessage, type DropdownOption } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport SmartLogo from '#/components/SmartLogo.vue'\nimport { useAuthStore } from '#/stores/auth'\nimport { LOGO_KEY } from '../groups'\nimport { useConfigDraft } from '../draft'\nimport LogoCropper from './LogoCropper.vue'\n\nconst ACCEPT = ['image/png', 'image/jpeg', 'image/webp']\n/** 裁剪前原图上限;裁完导出 256×256 PNG,远小于后端 1 MB 的限制 */\nconst MAX_SOURCE_MB = 5\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst auth = useAuthStore()\nconst draft = useConfigDraft()\nconst logo = computed(() => draft.values[LOGO_KEY] ?? '')\nconst canUpload = computed(() => auth.hasPerm('POST:/api/v1/sys/config/logo'))\n\nconst fileInput = ref<HTMLInputElement | null>(null)\nconst dragging = ref(false)\nconst cropFile = ref<File | null>(null)\nconst cropper = ref<InstanceType<typeof LogoCropper> | null>(null)\nconst cropping = ref(false)\nconst urlOpen = ref(false)\nconst urlValue = ref('')\n\nconst options = computed<DropdownOption[]>(() => {\n  const list: DropdownOption[] = []\n  if (canUpload.value) list.push({ key: 'upload', label: t('config.logo.upload') })\n  list.push({ key: 'url', label: t('config.logo.useUrl') })\n  if (logo.value)\n    list.push({ key: 'remove', label: t('config.logo.remove'), props: { class: 'logo-remove' } })\n  return list\n})\n\nfunction onSelect(key: string) {\n  if (key === 'upload') fileInput.value?.click()\n  else if (key === 'url') {\n    urlValue.value = logo.value.startsWith('blob:') ? '' : logo.value\n    urlOpen.value = true\n  } else if (key === 'remove') draft.setPendingLogo(null, '')\n}\n\nfunction pick(file: File | undefined) {\n  if (!file) return\n  if (!ACCEPT.includes(file.type)) return message.warning(t('config.logo.badType'))\n  if (file.size > MAX_SOURCE_MB * 1024 * 1024)\n    return message.warning(t('config.logo.tooLarge', { mb: MAX_SOURCE_MB }))\n  cropFile.value = file\n}\n\nfunction onFileChange(e: Event) {\n  const input = e.target as HTMLInputElement\n  pick(input.files?.[0])\n  input.value = '' // 同一张图可以再选一次\n}\n\nfunction onDrop(e: DragEvent) {\n  dragging.value = false\n  if (canUpload.value) pick(e.dataTransfer?.files[0])\n}\n\nasync function applyCrop() {\n  if (!cropper.value) return\n  cropping.value = true\n  try {\n    const blob = await cropper.value.crop()\n    draft.setPendingLogo(blob, URL.createObjectURL(blob))\n    cropFile.value = null\n  } catch {\n    message.error(t('config.logo.cropFailed'))\n  } finally {\n    cropping.value = false\n  }\n}\n\nfunction applyUrl() {\n  const v = urlValue.value.trim()\n  // 只收 http(s) 绝对地址或站内路径:javascript: 之类的伪协议不能进 <img src>/<link href>\n  if (v && !/^(https?:\\/\\/|\\/)/i.test(v)) {\n    message.warning(t('config.logo.badUrl'))\n    return false\n  }\n  draft.setPendingLogo(null, v)\n}\n</script>\n\n<template>\n  <div class=\"logo-edit\">\n    <n-dropdown trigger=\"click\" :options=\"options\" placement=\"bottom-end\" @select=\"onSelect\">\n      <button\n        type=\"button\"\n        :class=\"['logo-box', { dragging }]\"\n        :aria-label=\"t('config.logo.edit')\"\n        aria-haspopup=\"menu\"\n        data-testid=\"logo-box\"\n        @dragover.prevent=\"dragging = canUpload\"\n        @dragleave=\"dragging = false\"\n        @drop.prevent=\"onDrop\"\n      >\n        <SmartLogo :size=\"40\" :src=\"logo\" />\n        <span class=\"ov\" aria-hidden=\"true\">{{ t('common.edit') }}</span>\n      </button>\n    </n-dropdown>\n    <input\n      ref=\"fileInput\"\n      type=\"file\"\n      accept=\"image/png,image/jpeg,image/webp\"\n      hidden\n      data-testid=\"logo-file\"\n      @change=\"onFileChange\"\n    />\n\n    <n-modal\n      :show=\"!!cropFile\"\n      preset=\"card\"\n      :title=\"t('config.logo.cropTitle')\"\n      style=\"width: 360px\"\n      :mask-closable=\"false\"\n      @update:show=\"v => !v && (cropFile = null)\"\n    >\n      <LogoCropper v-if=\"cropFile\" ref=\"cropper\" :file=\"cropFile\" />\n      <template #footer>\n        <div class=\"dlg-foot\">\n          <n-button @click=\"cropFile = null\">{{ t('common.cancel') }}</n-button>\n          <n-button type=\"primary\" :loading=\"cropping\" @click=\"applyCrop\">\n            {{ t('config.logo.apply') }}\n          </n-button>\n        </div>\n      </template>\n    </n-modal>\n\n    <n-modal\n      v-model:show=\"urlOpen\"\n      preset=\"dialog\"\n      :title=\"t('config.logo.useUrl')\"\n      :positive-text=\"t('common.confirm')\"\n      :negative-text=\"t('common.cancel')\"\n      @positive-click=\"applyUrl\"\n    >\n      <n-input v-model:value=\"urlValue\" placeholder=\"https://cdn.example.com/logo.png\" />\n      <p class=\"cfg-hint\" style=\"margin: 8px 0 0\">{{ t('config.logo.urlHint') }}</p>\n    </n-modal>\n  </div>\n</template>\n\n<style scoped>\n.logo-box {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: 56px;\n  height: 56px;\n  padding: 0;\n  overflow: hidden;\n  border: 0;\n  border-radius: 14px;\n  background: var(--color-fill);\n  cursor: pointer;\n}\n.logo-box:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 2px;\n}\n.logo-box.dragging {\n  box-shadow: inset 0 0 0 2px var(--color-primary);\n}\n/* 悬停或聚焦时底部浮出「编辑」,和系统设置里换头像一样 */\n.ov {\n  position: absolute;\n  inset: auto 0 0;\n  padding: 2px 0;\n  font-size: 10px;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: opacity 0.15s;\n}\n.logo-box:hover .ov,\n.logo-box:focus-visible .ov {\n  opacity: 1;\n}\n.dlg-foot {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n:global(.logo-remove) {\n  color: var(--color-danger);\n}\n</style>\n"],"names":["MAX_SOURCE_MB","ACCEPT","useI18n","message","useMessage","auth","useAuthStore","draft","useConfigDraft","logo","computed","LOGO_KEY","canUpload","fileInput","ref","dragging","cropFile","cropper","cropping","urlOpen","urlValue","options","list","onSelect","key","_a","pick","file","onFileChange","input","onDrop","applyCrop","blob","applyUrl","v","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","NDropdown","_createElementVNode","_cache","_withModifiers","$event","SmartLogo","_hoisted_3","_toDisplayString","NModal","_hoisted_4","NButton","_createBlock","LogoCropper","NInput","_hoisted_5"],"mappings":"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"}
+{"version":3,"file":"LogoEditor2.vue.js","sources":["../../../../../src/views/system/config/components/LogoEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Logo 编辑,仿 GitHub 换头像:点方块里的当前 Logo 弹出菜单 → 上传新图片(也可直接拖进方块)/\n// 使用图片链接 / 移除。上传的图先裁成正方形,只进草稿做预览,点底部「保存」才真正上传。\nimport { computed, ref } from 'vue'\nimport { NButton, NDropdown, NInput, NModal, useMessage, type DropdownOption } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport SmartLogo from '#/components/SmartLogo.vue'\nimport { useAuthStore } from '#/stores/auth'\nimport { LOGO_KEY } from '../groups'\nimport { useConfigDraft } from '../draft'\nimport LogoCropper from './LogoCropper.vue'\n\nconst ACCEPT = ['image/png', 'image/jpeg', 'image/webp']\n/** 裁剪前原图上限;裁完导出 256×256 PNG,远小于后端 1 MB 的限制 */\nconst MAX_SOURCE_MB = 5\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst auth = useAuthStore()\nconst draft = useConfigDraft()\nconst logo = computed(() => draft.values[LOGO_KEY] ?? '')\nconst canUpload = computed(() => auth.hasPerm('POST:/api/v1/sys/config/logo'))\n\nconst fileInput = ref<HTMLInputElement | null>(null)\nconst dragging = ref(false)\nconst cropFile = ref<File | null>(null)\nconst cropper = ref<InstanceType<typeof LogoCropper> | null>(null)\nconst cropping = ref(false)\nconst urlOpen = ref(false)\nconst urlValue = ref('')\n\nconst options = computed<DropdownOption[]>(() => {\n  const list: DropdownOption[] = []\n  if (canUpload.value) list.push({ key: 'upload', label: t('config.logo.upload') })\n  list.push({ key: 'url', label: t('config.logo.useUrl') })\n  if (logo.value)\n    list.push({ key: 'remove', label: t('config.logo.remove'), props: { class: 'logo-remove' } })\n  return list\n})\n\nfunction onSelect(key: string) {\n  if (key === 'upload') fileInput.value?.click()\n  else if (key === 'url') {\n    urlValue.value = logo.value.startsWith('blob:') ? '' : logo.value\n    urlOpen.value = true\n  } else if (key === 'remove') draft.setPendingLogo(null, '')\n}\n\nfunction pick(file: File | undefined) {\n  if (!file) return\n  if (!ACCEPT.includes(file.type)) return message.warning(t('config.logo.badType'))\n  if (file.size > MAX_SOURCE_MB * 1024 * 1024)\n    return message.warning(t('config.logo.tooLarge', { mb: MAX_SOURCE_MB }))\n  cropFile.value = file\n}\n\nfunction onFileChange(e: Event) {\n  const input = e.target as HTMLInputElement\n  pick(input.files?.[0])\n  input.value = '' // 同一张图可以再选一次\n}\n\nfunction onDrop(e: DragEvent) {\n  dragging.value = false\n  if (canUpload.value) pick(e.dataTransfer?.files[0])\n}\n\nasync function applyCrop() {\n  if (!cropper.value) return\n  cropping.value = true\n  try {\n    const blob = await cropper.value.crop()\n    draft.setPendingLogo(blob, URL.createObjectURL(blob))\n    cropFile.value = null\n  } catch {\n    message.error(t('config.logo.cropFailed'))\n  } finally {\n    cropping.value = false\n  }\n}\n\nfunction applyUrl() {\n  const v = urlValue.value.trim()\n  // 只收 http(s) 绝对地址或站内路径:javascript: 之类的伪协议不能进 <img src>/<link href>\n  if (v && !/^(https?:\\/\\/|\\/)/i.test(v)) {\n    message.warning(t('config.logo.badUrl'))\n    return false\n  }\n  draft.setPendingLogo(null, v)\n}\n</script>\n\n<template>\n  <div class=\"logo-edit\">\n    <n-dropdown trigger=\"click\" :options=\"options\" placement=\"bottom-end\" @select=\"onSelect\">\n      <button\n        type=\"button\"\n        :class=\"['logo-box', { dragging }]\"\n        :aria-label=\"t('config.logo.edit')\"\n        aria-haspopup=\"menu\"\n        data-testid=\"logo-box\"\n        @dragover.prevent=\"dragging = canUpload\"\n        @dragleave=\"dragging = false\"\n        @drop.prevent=\"onDrop\"\n      >\n        <SmartLogo :size=\"40\" :src=\"logo\" />\n        <span class=\"ov\" aria-hidden=\"true\">{{ t('common.edit') }}</span>\n      </button>\n    </n-dropdown>\n    <input\n      ref=\"fileInput\"\n      type=\"file\"\n      accept=\"image/png,image/jpeg,image/webp\"\n      hidden\n      data-testid=\"logo-file\"\n      @change=\"onFileChange\"\n    />\n\n    <n-modal\n      :show=\"!!cropFile\"\n      preset=\"card\"\n      :title=\"t('config.logo.cropTitle')\"\n      style=\"width: min(360px, calc(100vw - 24px))\"\n      :mask-closable=\"false\"\n      @update:show=\"v => !v && (cropFile = null)\"\n    >\n      <LogoCropper v-if=\"cropFile\" ref=\"cropper\" :file=\"cropFile\" />\n      <template #footer>\n        <div class=\"dlg-foot\">\n          <n-button @click=\"cropFile = null\">{{ t('common.cancel') }}</n-button>\n          <n-button type=\"primary\" :loading=\"cropping\" @click=\"applyCrop\">\n            {{ t('config.logo.apply') }}\n          </n-button>\n        </div>\n      </template>\n    </n-modal>\n\n    <n-modal\n      v-model:show=\"urlOpen\"\n      preset=\"dialog\"\n      :title=\"t('config.logo.useUrl')\"\n      :positive-text=\"t('common.confirm')\"\n      :negative-text=\"t('common.cancel')\"\n      style=\"width: min(420px, calc(100vw - 24px))\"\n      @positive-click=\"applyUrl\"\n    >\n      <n-input v-model:value=\"urlValue\" placeholder=\"https://cdn.example.com/logo.png\" />\n      <p class=\"url-hint\">{{ t('config.logo.urlHint') }}</p>\n    </n-modal>\n  </div>\n</template>\n\n<style scoped>\n.logo-box {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: 56px;\n  height: 56px;\n  padding: 0;\n  overflow: hidden;\n  border: 0;\n  border-radius: 14px;\n  background: var(--glass-strong);\n  cursor: pointer;\n}\n.logo-box:focus-visible {\n  outline: 2px solid var(--signal);\n  outline-offset: 2px;\n}\n.logo-box.dragging {\n  box-shadow: inset 0 0 0 2px var(--signal);\n}\n/* 悬停或聚焦时底部浮出「编辑」,和系统设置里换头像一样 */\n.ov {\n  position: absolute;\n  inset: auto 0 0;\n  padding: 2px 0;\n  font-size: 11px;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: opacity var(--transition-fast);\n}\n.logo-box:hover .ov,\n.logo-box:focus-visible .ov {\n  opacity: 1;\n}\n.dlg-foot {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.url-hint {\n  margin: 8px 0 0;\n  font-size: 13px;\n  color: var(--text-3);\n}\n:global(.logo-remove) {\n  color: var(--err);\n}\n</style>\n"],"names":["MAX_SOURCE_MB","ACCEPT","useI18n","message","useMessage","auth","useAuthStore","draft","useConfigDraft","logo","computed","LOGO_KEY","canUpload","fileInput","ref","dragging","cropFile","cropper","cropping","urlOpen","urlValue","options","list","onSelect","key","_a","pick","file","onFileChange","input","onDrop","applyCrop","blob","applyUrl","v","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","NDropdown","_createElementVNode","_cache","_withModifiers","$event","SmartLogo","_hoisted_3","_toDisplayString","NModal","_hoisted_4","NButton","_createBlock","LogoCropper","NInput","_hoisted_5"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import o from "./ProviderSheet2.vue.js";
 /* empty css                   */
-import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-947e55e5"]]);
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-32e1410f"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=ProviderSheet.vue.js.map