smart-admin-web 10.14.0 → 10.15.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"JobSection2.vue.js","sources":["../../../../../src/views/system/config/components/JobSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 定时任务:执行日志保留天数 + 失败告警邮箱。\n// 预览:一条时间轴标出日志保留到哪天,再给一封失败告警邮件的样子(收件人读草稿);不填邮箱就不发。\nimport { computed } from 'vue'\nimport { NDynamicTags, NInputNumber } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { JOB_ALERT_KEY, JOB_RETENTION_KEY } from '../groups'\nimport { useConfigDraft, useDraftFields } from '../draft'\nimport { vFlash } from '../flash'\nimport SectionLayout from './SectionLayout.vue'\nimport CfgGroup from './CfgGroup.vue'\nimport CfgRow from './CfgRow.vue'\n\nconst PRESETS = [7, 30, 90, 180]\n/** 时间轴的总跨度(天);超过的按满格画 */\nconst AXIS_DAYS = 180\n\nconst { t } = useI18n()\nconst { values } = useConfigDraft()\nconst { num, str } = useDraftFields()\nconst days = num(JOB_RETENTION_KEY, 30)\nconst emails = str(JOB_ALERT_KEY)\nconst recipients = computed({\n  get: () =>\n    emails.value\n      .split(',')\n      .map(e => e.trim())\n      .filter(Boolean),\n  set: (list: string[]) => {\n    emails.value = [...new Set(list.map(e => e.trim()).filter(Boolean))].join(',')\n  },\n})\nconst siteTitle = computed(() => values['sys.site.title']?.trim() || 'SmartAdmin')\nconst keepWidth = computed(() => `${Math.min(100, (Math.max(days.value, 1) / AXIS_DAYS) * 100)}%`)\n</script>\n\n<template>\n  <SectionLayout\n    :title=\"t('config.tab.job')\"\n    :desc=\"t('config.job.desc')\"\n    :preview-title=\"t('config.job.preview')\"\n    layout=\"slim\"\n  >\n    <CfgGroup :title=\"t('config.job.groupLog')\">\n      <CfgRow\n        :label=\"t('config.job.logRetentionDays')\"\n        :hint=\"t('config.job.logRetentionHint')\"\n        :keys=\"[JOB_RETENTION_KEY]\"\n      >\n        <span class=\"presets\">\n          <button\n            v-for=\"d in PRESETS\"\n            :key=\"d\"\n            type=\"button\"\n            class=\"chip\"\n            :aria-pressed=\"days === d\"\n            @click=\"days = d\"\n          >\n            {{ d }}\n          </button>\n        </span>\n        <n-input-number\n          v-model:value=\"days\"\n          class=\"num\"\n          size=\"small\"\n          :min=\"1\"\n          :show-button=\"false\"\n          :input-props=\"{ 'aria-label': t('config.job.logRetentionDays') }\"\n        />\n        <span class=\"unit\">{{ t('config.security.unit.days') }}</span>\n      </CfgRow>\n    </CfgGroup>\n    <CfgGroup :title=\"t('config.job.groupAlert')\">\n      <CfgRow\n        :label=\"t('config.job.alertEmails')\"\n        :hint=\"t('config.job.alertEmailsHint')\"\n        :keys=\"[JOB_ALERT_KEY]\"\n        tall\n        class=\"mails\"\n      >\n        <n-dynamic-tags v-model:value=\"recipients\" size=\"small\" data-testid=\"alert-emails\" />\n      </CfgRow>\n    </CfgGroup>\n\n    <template #preview>\n      <div v-flash=\"days\" class=\"card tl\">\n        <div class=\"tl-text\">{{ t('config.job.previewRetention', { days }) }}</div>\n        <div class=\"bar\">\n          <div class=\"keep\" :style=\"{ width: keepWidth }\">\n            <span v-if=\"days >= 20\">{{ t('config.job.previewKeep', { days }) }}</span>\n          </div>\n        </div>\n        <div class=\"axis\">\n          <span>{{ t('config.job.previewAxisStart', { days: AXIS_DAYS }) }}</span>\n          <span>{{ t('config.job.previewToday') }}</span>\n        </div>\n      </div>\n      <div v-flash=\"recipients.join(',')\" class=\"card mail\">\n        <template v-if=\"recipients.length\">\n          <div class=\"mh\">\n            <span>\n              {{ t('config.job.previewTo') }}\n              <b>{{ recipients.join(t('config.preview.sep')) }}</b>\n            </span>\n            <span>\n              {{ t('config.job.previewSubject') }}\n              <b>{{ t('config.job.previewSubjectText', { site: siteTitle }) }}</b>\n            </span>\n          </div>\n          <div class=\"mb\">\n            {{ t('config.job.previewBody') }}\n            <div class=\"err\">TimeoutException: {{ t('config.job.previewError') }}</div>\n          </div>\n        </template>\n        <div v-else class=\"none\">{{ t('config.job.previewNoAlert') }}</div>\n      </div>\n    </template>\n  </SectionLayout>\n</template>\n\n<style scoped>\n.num {\n  width: 72px;\n}\n.num :deep(input) {\n  text-align: right;\n}\n.unit {\n  font-size: var(--font-size-sm);\n  color: var(--color-text-secondary);\n}\n.presets {\n  display: inline-flex;\n  gap: 4px;\n}\n.chip {\n  min-width: 34px;\n  padding: 2px 6px;\n  border: 0;\n  border-radius: 6px;\n  background: var(--color-fill);\n  font: inherit;\n  font-size: var(--font-size-sm);\n  line-height: 20px;\n  color: var(--color-text-secondary);\n  cursor: pointer;\n}\n.chip[aria-pressed='true'] {\n  background: var(--color-primary);\n  color: #fff;\n}\n.chip:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 1px;\n}\n.mails :deep(.ctl) {\n  flex: 1.4;\n}\n.mails :deep(.n-dynamic-tags) {\n  justify-content: flex-end;\n}\n.card {\n  border-radius: 12px;\n  background: var(--color-bg-container);\n}\n.tl {\n  padding: 14px 16px 12px;\n}\n.tl-text {\n  margin-bottom: 8px;\n  font-size: var(--font-size-base);\n  font-weight: 500;\n}\n.bar {\n  position: relative;\n  height: 26px;\n  overflow: hidden;\n  border-radius: 7px;\n  background: repeating-linear-gradient(-45deg, var(--color-fill) 0 6px, transparent 6px 12px);\n}\n.keep {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  display: grid;\n  place-items: center;\n  border-radius: 7px;\n  background: var(--color-primary);\n  color: #fff;\n  font-size: var(--font-size-sm);\n  white-space: nowrap;\n  transition: width 0.25s;\n}\n@media (prefers-reduced-motion: reduce) {\n  .keep {\n    transition: none;\n  }\n}\n.axis {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 6px;\n  font-size: var(--font-size-sm);\n  color: var(--color-text-tertiary);\n}\n.mail {\n  overflow: hidden;\n  font-size: var(--font-size-base);\n}\n.mh {\n  display: grid;\n  gap: 3px;\n  padding: 10px 14px;\n  border-bottom: 0.5px solid var(--color-border);\n  font-size: var(--font-size-sm);\n  color: var(--color-text-secondary);\n}\n.mh b {\n  font-weight: 500;\n  color: var(--color-text-primary);\n}\n.mb {\n  padding: 12px 14px;\n}\n.err {\n  margin-top: 8px;\n  padding: 8px 10px;\n  border-radius: 8px;\n  background: var(--color-danger-bg);\n  color: var(--color-danger);\n  font:\n    var(--font-size-sm) ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Consolas,\n    monospace;\n}\n.none {\n  padding: 28px 16px;\n  text-align: center;\n  color: var(--color-text-secondary);\n}\n</style>\n"],"names":["AXIS_DAYS","PRESETS","useI18n","values","useConfigDraft","num","str","useDraftFields","days","JOB_RETENTION_KEY","emails","JOB_ALERT_KEY","recipients","computed","e","list","siteTitle","_a","keepWidth","_createBlock","SectionLayout","_unref","_withDirectives","_openBlock","_createElementBlock","_hoisted_4","_createElementVNode","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_Fragment","_hoisted_10","_createTextVNode","_hoisted_11","_hoisted_12","_hoisted_13","vFlash","_createVNode","CfgGroup","CfgRow","_hoisted_1","_renderList","d","$event","_hoisted_2","NInputNumber","_hoisted_3","NDynamicTags"],"mappings":"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"}

package/dist/views/system/config/components/{GroupExtraConfig.vue.d.ts → LoginMock.vue.d.ts}

@@ -1,8 +1,7 @@
+import { LoginLocale } from '../groups';
 type __VLS_Props = {
-    /** 本 Tab 管理的分组编码 */
-    group: string;
-    /** 本 Tab 已渲染成字段的键 */
-    claimed: readonly string[];
+    locale: LoginLocale;
+    formOnly?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

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

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

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

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

@@ -0,0 +1,121 @@
+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 { 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";
+import V from "../../../login/components/LoginHeroPanel.vue.js";
+import { heroKeys as D, SHOW_FEATURES_KEY as M, SUBTITLE_KEY as R, CAPTCHA_TYPE_KEY as $, SMS_LOGIN_KEY as z, LOGO_KEY as G } from "../groups.js";
+import { useConfigDraft as U, enabledKey as j } from "../draft.js";
+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 = {
+  key: 0,
+  "data-testid": "preview-sms"
+}, te = {
+  key: 0,
+  class: "captcha"
+}, oe = { class: "go" }, se = {
+  class: "oauth",
+  "data-testid": "preview-oauth"
+}, le = { class: "divider" }, ie = { class: "btns" }, ne = ["title"], ae = { class: "copy" }, pe = /* @__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(
+      () => F(
+        {
+          headline: t[p.value.headline] ?? "",
+          highlight: t[p.value.highlight] ?? "",
+          features: I(t[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")]
+        },
+        // 缺省视为开:库里没有这个键时登录页照常显示卖点
+        t[M] !== "false"
+      )
+    ), f = i(() => {
+      var e;
+      return ((e = t[R]) == null ? void 0 : e.trim()) || o("login.subtitle");
+    }), S = i(() => {
+      var e;
+      return ((e = t["sys.site.title"]) == null ? void 0 : e.trim()) || "SmartAdmin";
+    }), b = i(() => {
+      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", {
+      class: H(["mock", { "form-only": v.formOnly }])
+    }, [
+      v.formOnly ? g("", !0) : u((s(), l("div", J, [
+        O(V, {
+          headline: h.value.headline,
+          highlight: h.value.highlight,
+          subtitle: f.value,
+          features: h.value.features,
+          title: S.value,
+          logo: a(t)[a(G)] ?? ""
+        }, null, 8, ["headline", "highlight", "subtitle", "features", "title", "logo"])
+      ])), [
+        [a(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]
+        ])
+      ])
+    ], 2));
+  }
+});
+export {
+  pe as default
+};
+//# sourceMappingURL=LoginMock2.vue.js.map

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

@@ -0,0 +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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"}

package/dist/views/system/config/components/LogoCropper.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    file: File;
+};
+/** 按当前取景导出 PNG。 */
+declare function crop(): Promise<Blob>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
+    crop: typeof crop;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,8 @@
+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"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=LogoCropper.vue.js.map

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

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

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

@@ -0,0 +1,122 @@
+import { defineComponent as I, ref as c, computed as v, watch as k, onBeforeUnmount as W, openBlock as K, createElementBlock as N, createElementVNode as i, withModifiers as V, unref as p, normalizeStyle as g, toDisplayString as P, createVNode as Y } from "vue";
+import { NSlider as X } from "naive-ui";
+import { useI18n as F } from "vue-i18n";
+import { coverScale as H, clampOffset as x, sourceRect as Q } from "../../../../lib/logoCrop.js";
+const q = { class: "cropper" }, G = ["aria-label"], J = ["src"], Z = { class: "zoom" }, ee = { class: "tip" }, b = 280, f = 232, y = 256, le = /* @__PURE__ */ I({
+  __name: "LogoCropper",
+  props: {
+    file: {}
+  },
+  setup(L, { expose: R }) {
+    const $ = L, { t: m } = F(), h = c(null), u = c(""), n = c({ w: 1, h: 1 }), o = c(1), a = c({ x: 0, y: 0 }), E = v(() => H(n.value.w, n.value.h, f)), d = v(() => E.value * o.value), s = v(() => ({
+      width: n.value.w,
+      height: n.value.h,
+      frame: f,
+      scale: d.value,
+      ...a.value
+    })), M = v(() => ({
+      width: `${n.value.w * d.value}px`,
+      height: `${n.value.h * d.value}px`,
+      transform: `translate(calc(-50% + ${a.value.x}px), calc(-50% + ${a.value.y}px))`
+    }));
+    k(
+      () => $.file,
+      (e) => {
+        u.value && URL.revokeObjectURL(u.value), u.value = URL.createObjectURL(e), o.value = 1, a.value = { x: 0, y: 0 };
+      },
+      { immediate: !0 }
+    ), W(() => URL.revokeObjectURL(u.value));
+    function D(e) {
+      const t = e.target;
+      n.value = { w: t.naturalWidth || 1, h: t.naturalHeight || 1 };
+    }
+    k(o, () => {
+      a.value = x(s.value);
+    });
+    let l = null;
+    function S(e) {
+      e.currentTarget.setPointerCapture(e.pointerId), l = { x: e.clientX, y: e.clientY, ox: a.value.x, oy: a.value.y };
+    }
+    function z(e) {
+      l && (a.value = x({
+        ...s.value,
+        x: l.ox + e.clientX - l.x,
+        y: l.oy + e.clientY - l.y
+      }));
+    }
+    function w() {
+      l = null;
+    }
+    function A(e) {
+      const t = e.shiftKey ? 20 : 5, r = {
+        ArrowLeft: [-t, 0],
+        ArrowRight: [t, 0],
+        ArrowUp: [0, -t],
+        ArrowDown: [0, t]
+      };
+      r[e.key] ? (e.preventDefault(), a.value = x({
+        ...s.value,
+        x: a.value.x + r[e.key][0],
+        y: a.value.y + r[e.key][1]
+      })) : e.key === "+" || e.key === "=" ? (e.preventDefault(), o.value = Math.min(4, o.value + 0.1)) : e.key === "-" && (e.preventDefault(), o.value = Math.max(1, o.value - 0.1));
+    }
+    function B(e) {
+      o.value = Math.min(4, Math.max(1, o.value - e.deltaY * 2e-3));
+    }
+    function O() {
+      const e = document.createElement("canvas");
+      e.width = e.height = y;
+      const t = e.getContext("2d");
+      if (!t || !h.value) return Promise.reject(new Error("canvas unavailable"));
+      const { sx: r, sy: T, size: _ } = Q(s.value);
+      return t.imageSmoothingQuality = "high", t.drawImage(h.value, r, T, _, _, 0, 0, y, y), new Promise(
+        (j, C) => e.toBlob((U) => U ? j(U) : C(new Error("toBlob failed")), "image/png")
+      );
+    }
+    return R({ crop: O }), (e, t) => (K(), N("div", q, [
+      i("div", {
+        class: "viewport",
+        style: g({ width: `${b}px`, height: `${b}px` }),
+        tabindex: "0",
+        role: "application",
+        "aria-label": p(m)("config.logo.cropTip"),
+        onKeydown: A,
+        onPointerdown: S,
+        onPointermove: z,
+        onPointerup: w,
+        onPointercancel: w,
+        onWheel: V(B, ["prevent"])
+      }, [
+        i("img", {
+          ref_key: "img",
+          ref: h,
+          src: u.value,
+          style: g(M.value),
+          alt: "",
+          draggable: "false",
+          onLoad: D
+        }, null, 44, J),
+        i("div", {
+          class: "frame",
+          style: g({ width: `${f}px`, height: `${f}px` })
+        }, null, 4)
+      ], 44, G),
+      i("div", Z, [
+        i("span", null, P(p(m)("config.logo.zoom")), 1),
+        Y(p(X), {
+          value: o.value,
+          "onUpdate:value": t[0] || (t[0] = (r) => o.value = r),
+          min: 1,
+          max: 4,
+          step: 0.01,
+          tooltip: !1
+        }, null, 8, ["value"])
+      ]),
+      i("p", ee, P(p(m)("config.logo.cropTip")), 1)
+    ]));
+  }
+});
+export {
+  le as default
+};
+//# sourceMappingURL=LogoCropper2.vue.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +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"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=LogoEditor.vue.js.map

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

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

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

@@ -0,0 +1,163 @@
+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 { 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";
+import { useAuthStore as W } from "../../../../stores/auth.js";
+import { LOGO_KEY as X } from "../groups.js";
+import { useConfigDraft as Y } from "../draft.js";
+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({
+  __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(() => {
+      const e = [];
+      return m.value && e.push({ key: "upload", label: t("config.logo.upload") }), e.push({ key: "url", label: t("config.logo.useUrl") }), g.value && e.push({ key: "remove", label: t("config.logo.remove"), props: { class: "logo-remove" } }), e;
+    });
+    function S(e) {
+      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) {
+      if (e) {
+        if (!P.includes(e.type)) return p.warning(t("config.logo.badType"));
+        if (e.size > D * 1024 * 1024)
+          return p.warning(t("config.logo.tooLarge", { mb: D }));
+        a.value = e;
+      }
+    }
+    function T(e) {
+      var n;
+      const o = e.target;
+      C((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]);
+    }
+    async function M() {
+      if (b.value) {
+        h.value = !0;
+        try {
+          const e = await b.value.crop();
+          c.setPendingLogo(e, URL.createObjectURL(e)), a.value = null;
+        } catch {
+          p.error(t("config.logo.cropFailed"));
+        } finally {
+          h.value = !1;
+        }
+      }
+    }
+    function V() {
+      const e = d.value.trim();
+      if (e && !/^(https?:\/\/|\/)/i.test(e))
+        return p.warning(t("config.logo.badUrl")), !1;
+      c.setPendingLogo(null, e);
+    }
+    return (e, o) => (k(), j("div", J, [
+      r(l($), {
+        trigger: "click",
+        options: O.value,
+        placement: "bottom-end",
+        onSelect: S
+      }, {
+        default: s(() => [
+          u("button", {
+            type: "button",
+            class: z(["logo-box", { dragging: f.value }]),
+            "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"])),
+            onDragleave: o[1] || (o[1] = (n) => f.value = !1),
+            onDrop: x(B, ["prevent"])
+          }, [
+            r(K, {
+              size: 40,
+              src: g.value
+            }, null, 8, ["src"]),
+            u("span", Z, v(l(t)("common.edit")), 1)
+          ], 42, Q)
+        ]),
+        _: 1
+      }, 8, ["options"]),
+      u("input", {
+        ref_key: "fileInput",
+        ref: _,
+        type: "file",
+        accept: "image/png,image/jpeg,image/webp",
+        hidden: "",
+        "data-testid": "logo-file",
+        onChange: T
+      }, null, 544),
+      r(l(L), {
+        show: !!a.value,
+        preset: "card",
+        title: l(t)("config.logo.cropTitle"),
+        style: { width: "360px" },
+        "mask-closable": !1,
+        "onUpdate:show": o[3] || (o[3] = (n) => !n && (a.value = null))
+      }, {
+        footer: s(() => [
+          u("div", ee, [
+            r(l(N), {
+              onClick: o[2] || (o[2] = (n) => a.value = null)
+            }, {
+              default: s(() => [
+                U(v(l(t)("common.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            r(l(N), {
+              type: "primary",
+              loading: h.value,
+              onClick: M
+            }, {
+              default: s(() => [
+                U(v(l(t)("config.logo.apply")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ])
+        ]),
+        default: s(() => [
+          a.value ? (k(), A(q, {
+            key: 0,
+            ref_key: "cropper",
+            ref: b,
+            file: a.value
+          }, null, 8, ["file"])) : F("", !0)
+        ]),
+        _: 1
+      }, 8, ["show", "title"]),
+      r(l(L), {
+        show: y.value,
+        "onUpdate:show": o[5] || (o[5] = (n) => y.value = n),
+        preset: "dialog",
+        title: l(t)("config.logo.useUrl"),
+        "positive-text": l(t)("common.confirm"),
+        "negative-text": l(t)("common.cancel"),
+        onPositiveClick: V
+      }, {
+        default: s(() => [
+          r(l(G), {
+            value: d.value,
+            "onUpdate:value": o[4] || (o[4] = (n) => d.value = n),
+            placeholder: "https://cdn.example.com/logo.png"
+          }, null, 8, ["value"]),
+          u("p", oe, v(l(t)("config.logo.urlHint")), 1)
+        ]),
+        _: 1
+      }, 8, ["show", "title", "positive-text", "negative-text"])
+    ]));
+  }
+});
+export {
+  ce as default
+};
+//# sourceMappingURL=LogoEditor2.vue.js.map

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

@@ -0,0 +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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"}

package/dist/views/system/config/components/ProviderSheet.vue.d.ts

@@ -0,0 +1,17 @@
+import { ConfigProviderRow } from '../../../../utils/oauthBrand';
+/** 要设置的行(已配置的编辑,或已装未配置的首次配置);新增 OIDC 时为 null */
+type __VLS_Props = {
+    row: ConfigProviderRow | null;
+    newType?: string;
+};
+type __VLS_ModelProps = {
+    'show'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:show": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:show"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +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"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=ProviderSheet.vue.js.map

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

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