smart-admin-web 10.14.0 → 10.20.0

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 等比缩放),画的是双栏形态:左栏品牌区压在柔光色场上,\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.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-f4dc6118"]]);
+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  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

@@ -0,0 +1,8 @@
+import o from "./LogoEditor2.vue.js";
+/* empty css                */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-deb34bae"]]);
+export {
+  m 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,161 @@
+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";
+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: "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(() => {
+      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 x(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;
+      x((n = o.files) == null ? void 0 : n[0]), o.value = "";
+    }
+    function B(e) {
+      var o;
+      f.value = !1, m.value && x((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) => (C(), 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] = k((n) => f.value = m.value, ["prevent"])),
+            onDragleave: o[1] || (o[1] = (n) => f.value = !1),
+            onDrop: k(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: "min(360px, calc(100vw - 24px))" },
+        "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 ? (C(), 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"),
+        style: { width: "min(420px, calc(100vw - 24px))" },
+        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: 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.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 r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-32e1410f"]]);
+export {
+  m 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":";;;;"}