smart-admin-web 10.14.0 → 10.20.0

package/dist/views/system/config/index2.vue.js

@@ -1,127 +1,217 @@
-import { defineComponent as l, openBlock as f, createBlock as d, unref as t, withCtx as a, createVNode as e } from "vue";
-import { NTabs as n, NTabPane as o, NCard as r } from "naive-ui";
-import { useI18n as b } from "vue-i18n";
-import c from "./components/SysBaseConfig2.vue.js";
-import s from "./components/SecurityConfig.vue.js";
-import m from "./components/ExternalAuthConfig.vue.js";
-import u from "./components/UploadConfig2.vue.js";
-import _ from "./components/JobConfig2.vue.js";
-import p from "./components/OtherConfig2.vue.js";
-const k = /* @__PURE__ */ l({
+import { defineComponent as M, ref as L, computed as _, onMounted as j, onBeforeUnmount as J, openBlock as a, createBlock as S, unref as t, normalizeClass as $, withCtx as k, createElementVNode as f, createElementBlock as u, Fragment as C, renderList as A, createCommentVNode as v, createVNode as c, toDisplayString as y, withDirectives as m, vShow as p, Transition as W, createTextVNode as x, nextTick as Z } from "vue";
+import { useRoute as Q, useRouter as X, onBeforeRouteLeave as Y } from "vue-router";
+import { useMessage as ee, NCard as te, NSpin as oe, NButton as q } from "naive-ui";
+import { useElementSize as ne } from "@vueuse/core";
+import { useI18n as ae } from "vue-i18n";
+import re from "../../../components/AppIcon.vue.js";
+import { useConfirm as ie } from "../../../composables/useConfirm.js";
+import { useAuthStore as le } from "../../../stores/auth.js";
+import { translateError as R } from "../../../utils/error.js";
+import { CONFIG_TABS as d, TAB_GROUPS as se, TAB_ICONS as ce } from "./groups.js";
+import { createConfigDraft as ue, provideConfigDraft as de, checkDraft as fe } from "./draft.js";
+import { createConfigLayout as ve, provideConfigLayout as me } from "./layoutMode.js";
+import pe from "./components/BrandSection.vue.js";
+import ge from "./components/SecuritySection.vue.js";
+import be from "./components/SigninSection.vue.js";
+import ye from "./components/WatermarkSection.vue.js";
+import he from "./components/SensitiveSection.vue.js";
+import _e from "./components/UploadSection.vue.js";
+import Se from "./components/JobSection.vue.js";
+import ke from "./components/AdvancedSection.vue.js";
+const Ce = ["aria-label"], we = {
+  key: 0,
+  class: "gap",
+  "aria-hidden": "true"
+}, xe = ["aria-selected", "tabindex", "data-tab", "onClick"], Te = ["title"], Be = { class: "sr-only" }, Ne = {
+  key: 0,
+  class: "cfg-loading"
+}, ze = {
+  key: 1,
+  class: "cfg-body"
+}, De = {
+  key: 0,
+  class: "savebar",
+  "data-testid": "config-savebar"
+}, Ee = {
+  class: "msg",
+  role: "status",
+  "aria-live": "polite"
+}, et = /* @__PURE__ */ M({
   __name: "index",
-  setup(y) {
-    const { t: i } = b();
-    return (h, g) => (f(), d(t(n), {
-      type: "line",
-      animated: ""
+  setup(Le) {
+    const { t: n } = ae(), g = ee(), { ask: U } = ie(), O = le(), w = Q(), V = X(), i = ue();
+    de(i);
+    const T = L(null), { width: I } = ne(T, { width: 0, height: 0 }, { box: "border-box" }), B = ve(I);
+    me(B);
+    const { nar: N, side: K, btn: z } = B, P = _(
+      () => N.value ? { padding: 0, position: "relative" } : {
+        padding: 0,
+        position: "relative",
+        display: "flex",
+        flexDirection: "column",
+        flex: "1 1 0",
+        minHeight: 0
+      }
+    ), F = _(() => O.hasPerm("PUT:/api/v1/sys/config/batch")), h = _(() => i.dirtyKeys.value.length), D = L(null);
+    function G(e) {
+      const s = d.indexOf(o.value), l = e.key === "ArrowRight" ? (s + 1) % d.length : e.key === "ArrowLeft" ? (s - 1 + d.length) % d.length : e.key === "Home" ? 0 : e.key === "End" ? d.length - 1 : -1;
+      l < 0 || (e.preventDefault(), o.value = d[l], Z(
+        () => {
+          var b, r;
+          return (r = (b = e.currentTarget) == null ? void 0 : b.querySelector(`[data-tab="${d[l]}"]`)) == null ? void 0 : r.focus();
+        }
+      ));
+    }
+    const o = _({
+      get: () => {
+        const e = w.query.tab;
+        return d.includes(e) ? e : "brand";
+      },
+      set: (e) => {
+        V.replace({ query: { ...w.query, tab: e } });
+      }
+    });
+    j(async () => {
+      try {
+        await i.load();
+      } catch (e) {
+        g.error(R(e));
+      }
+    });
+    async function H() {
+      var s;
+      const e = fe(i.values);
+      if (e.error) {
+        o.value = e.error.tab, e.error.locale && ((s = D.value) == null || s.setLocale(e.error.locale)), g.error(n(e.error.message));
+        return;
+      }
+      for (const l of e.warnings)
+        g.warning(
+          `${n(`config.login.locale${l.locale === "zh-CN" ? "Zh" : "En"}`)}: ${n(l.message)}`
+        );
+      try {
+        await i.save(), g.success(n("config.saved"));
+      } catch (l) {
+        g.error(R(l));
+      }
+    }
+    Y(async (e) => !h.value || e.path === w.path ? !0 : U({ title: n("config.leaveTitle"), content: n("config.leaveConfirm") }));
+    function E(e) {
+      h.value && e.preventDefault();
+    }
+    return window.addEventListener("beforeunload", E), J(() => {
+      window.removeEventListener("beforeunload", E), i.discard();
+    }), (e, s) => (a(), S(t(te), {
+      ref_key: "root",
+      ref: T,
+      class: $(["config-center", "fill-page", t(N) ? "fill-page--soft nar" : "fit", { side: t(K) }]),
+      "content-style": P.value
     }, {
-      default: a(() => [
-        e(t(o), {
-          name: "base",
-          tab: t(i)("config.tab.base"),
-          "display-directive": "show:lazy"
-        }, {
-          default: a(() => [
-            e(t(r), {
-              bordered: !1,
-              title: t(i)("config.tab.base")
-            }, {
-              default: a(() => [
-                e(c)
-              ]),
-              _: 1
-            }, 8, ["title"])
+      default: k(() => [
+        f("nav", {
+          class: "cfg-nav",
+          role: "tablist",
+          "aria-label": t(n)("config.title"),
+          "data-testid": "config-nav",
+          onKeydown: G
+        }, [
+          (a(!0), u(C, null, A(t(se), (l, b) => (a(), u(C, { key: b }, [
+            b ? (a(), u("span", we)) : v("", !0),
+            (a(!0), u(C, null, A(l, (r) => (a(), u("button", {
+              key: r,
+              type: "button",
+              role: "tab",
+              "aria-selected": o.value === r,
+              tabindex: o.value === r ? 0 : -1,
+              class: $(["nav-item", { on: o.value === r }]),
+              "data-tab": r,
+              onClick: ($e) => o.value = r
+            }, [
+              c(re, {
+                icon: t(ce)[r],
+                size: 22
+              }, null, 8, ["icon"]),
+              f("span", null, y(t(n)(`config.tab.${r}`)), 1),
+              t(i).dirtyTabs.value.has(r) ? (a(), u(C, { key: 0 }, [
+                f("i", {
+                  class: "dot",
+                  "aria-hidden": "true",
+                  title: t(n)("config.unsavedTab")
+                }, null, 8, Te),
+                f("span", Be, y(t(n)("config.unsavedTab")), 1)
+              ], 64)) : v("", !0)
+            ], 10, xe))), 128))
+          ], 64))), 128))
+        ], 40, Ce),
+        t(i).loading.value ? (a(), u("div", Ne, [
+          c(t(oe))
+        ])) : (a(), u("div", ze, [
+          m(c(pe, {
+            ref_key: "brandSection",
+            ref: D
+          }, null, 512), [
+            [p, o.value === "brand"]
           ]),
-          _: 1
-        }, 8, ["tab"]),
-        e(t(o), {
-          name: "security",
-          tab: t(i)("config.tab.security"),
-          "display-directive": "show:lazy"
-        }, {
-          default: a(() => [
-            e(t(r), {
-              bordered: !1,
-              title: t(i)("config.tab.security")
-            }, {
-              default: a(() => [
-                e(s)
-              ]),
-              _: 1
-            }, 8, ["title"])
+          m(c(be, null, null, 512), [
+            [p, o.value === "signin"]
           ]),
-          _: 1
-        }, 8, ["tab"]),
-        e(t(o), {
-          name: "externalAuth",
-          tab: t(i)("config.tab.externalAuth"),
-          "display-directive": "show:lazy"
-        }, {
-          default: a(() => [
-            e(t(r), {
-              bordered: !1,
-              title: t(i)("config.tab.externalAuth")
-            }, {
-              default: a(() => [
-                e(m)
-              ]),
-              _: 1
-            }, 8, ["title"])
+          m(c(ge, null, null, 512), [
+            [p, o.value === "security"]
           ]),
-          _: 1
-        }, 8, ["tab"]),
-        e(t(o), {
-          name: "upload",
-          tab: t(i)("config.tab.upload"),
-          "display-directive": "show:lazy"
-        }, {
-          default: a(() => [
-            e(t(r), {
-              bordered: !1,
-              title: t(i)("config.tab.upload")
-            }, {
-              default: a(() => [
-                e(u)
-              ]),
-              _: 1
-            }, 8, ["title"])
+          m(c(ye, null, null, 512), [
+            [p, o.value === "watermark"]
           ]),
-          _: 1
-        }, 8, ["tab"]),
-        e(t(o), {
-          name: "job",
-          tab: t(i)("config.tab.job"),
-          "display-directive": "show:lazy"
-        }, {
-          default: a(() => [
-            e(t(r), {
-              bordered: !1,
-              title: t(i)("config.tab.job")
-            }, {
-              default: a(() => [
-                e(_)
-              ]),
-              _: 1
-            }, 8, ["title"])
+          o.value === "sensitive" ? (a(), S(he, { key: 0 })) : v("", !0),
+          m(c(_e, null, null, 512), [
+            [p, o.value === "upload"]
           ]),
-          _: 1
-        }, 8, ["tab"]),
-        e(t(o), {
-          name: "other",
-          tab: t(i)("config.tab.other"),
-          "display-directive": "show:lazy"
-        }, {
-          default: a(() => [
-            e(p)
+          m(c(Se, null, null, 512), [
+            [p, o.value === "job"]
+          ]),
+          o.value === "advanced" ? (a(), S(ke, { key: 1 })) : v("", !0)
+        ])),
+        c(W, { name: "savebar" }, {
+          default: k(() => [
+            h.value ? (a(), u("div", De, [
+              f("span", Ee, [
+                s[1] || (s[1] = f("i", {
+                  class: "dot",
+                  "aria-hidden": "true"
+                }, null, -1)),
+                x(" " + y(t(n)("config.unsaved", { n: h.value })), 1)
+              ]),
+              c(t(q), {
+                size: t(z),
+                disabled: t(i).saving.value,
+                onClick: s[0] || (s[0] = (l) => t(i).discard())
+              }, {
+                default: k(() => [
+                  x(y(t(n)("config.discard")), 1)
+                ]),
+                _: 1
+              }, 8, ["size", "disabled"]),
+              F.value ? (a(), S(t(q), {
+                key: 0,
+                size: t(z),
+                type: "primary",
+                loading: t(i).saving.value,
+                onClick: H
+              }, {
+                default: k(() => [
+                  x(y(t(n)("common.save")), 1)
+                ]),
+                _: 1
+              }, 8, ["size", "loading"])) : v("", !0)
+            ])) : v("", !0)
           ]),
           _: 1
-        }, 8, ["tab"])
+        })
       ]),
       _: 1
-    }));
+    }, 8, ["class", "content-style"]));
   }
 });
 export {
-  k as default
+  et as default
 };
 //# sourceMappingURL=index2.vue.js.map

package/dist/views/system/config/index2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.vue.js","sources":["../../../../src/views/system/config/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 分类配置中心:按分类 Tab 组织,一个结构化 Tab 管一个分组(见 groups.ts)。系统基础=结构化表单(字段级 UI);\n// 安全策略=锁定/密码/会话结构化表单(后端 ISecurityPolicyProvider 强制执行,改值即时生效);\n// 结构化 Tab 下方的「本组其它配置」列同组里没被字段认领的行;其他配置=不归任何结构化 Tab 的分组的扁平 CRUD 兜底。\nimport { NTabs, NTabPane, NCard } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport SysBaseConfig from './components/SysBaseConfig.vue'\nimport SecurityConfig from './components/SecurityConfig.vue'\nimport ExternalAuthConfig from './components/ExternalAuthConfig.vue'\nimport UploadConfig from './components/UploadConfig.vue'\nimport JobConfig from './components/JobConfig.vue'\nimport OtherConfig from './components/OtherConfig.vue'\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <!-- display-directive=\"show:lazy\":每个面板首次访问才挂载(保住懒加载),之后常驻、切走只是 v-show 隐藏。\n       naive 的默认值是 'if' —— 面板一离场就销毁,而四个子面板的未保存改动全在各自的组件本地 state 里,\n       于是\"改了值 → 切个 Tab 看一眼 → 切回来\"就把改动无声吃掉了(回来还会重新拉一遍后端旧值,让人以为没改过)。\n       注意 display-directive 是 n-tab-pane 的 prop,不是 n-tabs 的,四个都得写。 -->\n  <n-tabs type=\"line\" animated>\n    <n-tab-pane name=\"base\" :tab=\"t('config.tab.base')\" display-directive=\"show:lazy\">\n      <n-card :bordered=\"false\" :title=\"t('config.tab.base')\">\n        <sys-base-config />\n      </n-card>\n    </n-tab-pane>\n    <n-tab-pane name=\"security\" :tab=\"t('config.tab.security')\" display-directive=\"show:lazy\">\n      <n-card :bordered=\"false\" :title=\"t('config.tab.security')\">\n        <security-config />\n      </n-card>\n    </n-tab-pane>\n    <n-tab-pane\n      name=\"externalAuth\"\n      :tab=\"t('config.tab.externalAuth')\"\n      display-directive=\"show:lazy\"\n    >\n      <n-card :bordered=\"false\" :title=\"t('config.tab.externalAuth')\">\n        <external-auth-config />\n      </n-card>\n    </n-tab-pane>\n    <n-tab-pane name=\"upload\" :tab=\"t('config.tab.upload')\" display-directive=\"show:lazy\">\n      <n-card :bordered=\"false\" :title=\"t('config.tab.upload')\">\n        <upload-config />\n      </n-card>\n    </n-tab-pane>\n    <n-tab-pane name=\"job\" :tab=\"t('config.tab.job')\" display-directive=\"show:lazy\">\n      <n-card :bordered=\"false\" :title=\"t('config.tab.job')\">\n        <job-config />\n      </n-card>\n    </n-tab-pane>\n    <n-tab-pane name=\"other\" :tab=\"t('config.tab.other')\" display-directive=\"show:lazy\">\n      <other-config />\n    </n-tab-pane>\n  </n-tabs>\n</template>\n"],"names":["t","useI18n","_createBlock","_unref","NTabs","_createVNode","NTabPane","NCard","SysBaseConfig","SecurityConfig","ExternalAuthConfig","UploadConfig","JobConfig","OtherConfig"],"mappings":";;;;;;;;;;;;AAaA,UAAM,EAAE,GAAAA,EAAA,IAAMC,EAAA;2BAQZC,EAiCSC,EAAAC,CAAA,GAAA;AAAA,MAjCD,MAAK;AAAA,MAAO,UAAA;AAAA,IAAA;iBAClB,MAIa;AAAA,QAJbC,EAIaF,EAAAG,CAAA,GAAA;AAAA,UAJD,MAAK;AAAA,UAAQ,KAAKH,EAAAH,CAAA,EAAC,iBAAA;AAAA,UAAqB,qBAAkB;AAAA,QAAA;qBACpE,MAES;AAAA,YAFTK,EAESF,EAAAI,CAAA,GAAA;AAAA,cAFA,UAAU;AAAA,cAAQ,OAAOJ,EAAAH,CAAA,EAAC,iBAAA;AAAA,YAAA;yBACjC,MAAmB;AAAA,gBAAnBK,EAAmBG,CAAA;AAAA,cAAA;;;;;;QAGvBH,EAIaF,EAAAG,CAAA,GAAA;AAAA,UAJD,MAAK;AAAA,UAAY,KAAKH,EAAAH,CAAA,EAAC,qBAAA;AAAA,UAAyB,qBAAkB;AAAA,QAAA;qBAC5E,MAES;AAAA,YAFTK,EAESF,EAAAI,CAAA,GAAA;AAAA,cAFA,UAAU;AAAA,cAAQ,OAAOJ,EAAAH,CAAA,EAAC,qBAAA;AAAA,YAAA;yBACjC,MAAmB;AAAA,gBAAnBK,EAAmBI,CAAA;AAAA,cAAA;;;;;;QAGvBJ,EAQaF,EAAAG,CAAA,GAAA;AAAA,UAPX,MAAK;AAAA,UACJ,KAAKH,EAAAH,CAAA,EAAC,yBAAA;AAAA,UACP,qBAAkB;AAAA,QAAA;qBAElB,MAES;AAAA,YAFTK,EAESF,EAAAI,CAAA,GAAA;AAAA,cAFA,UAAU;AAAA,cAAQ,OAAOJ,EAAAH,CAAA,EAAC,yBAAA;AAAA,YAAA;yBACjC,MAAwB;AAAA,gBAAxBK,EAAwBK,CAAA;AAAA,cAAA;;;;;;QAG5BL,EAIaF,EAAAG,CAAA,GAAA;AAAA,UAJD,MAAK;AAAA,UAAU,KAAKH,EAAAH,CAAA,EAAC,mBAAA;AAAA,UAAuB,qBAAkB;AAAA,QAAA;qBACxE,MAES;AAAA,YAFTK,EAESF,EAAAI,CAAA,GAAA;AAAA,cAFA,UAAU;AAAA,cAAQ,OAAOJ,EAAAH,CAAA,EAAC,mBAAA;AAAA,YAAA;yBACjC,MAAiB;AAAA,gBAAjBK,EAAiBM,CAAA;AAAA,cAAA;;;;;;QAGrBN,EAIaF,EAAAG,CAAA,GAAA;AAAA,UAJD,MAAK;AAAA,UAAO,KAAKH,EAAAH,CAAA,EAAC,gBAAA;AAAA,UAAoB,qBAAkB;AAAA,QAAA;qBAClE,MAES;AAAA,YAFTK,EAESF,EAAAI,CAAA,GAAA;AAAA,cAFA,UAAU;AAAA,cAAQ,OAAOJ,EAAAH,CAAA,EAAC,gBAAA;AAAA,YAAA;yBACjC,MAAc;AAAA,gBAAdK,EAAcO,CAAA;AAAA,cAAA;;;;;;QAGlBP,EAEaF,EAAAG,CAAA,GAAA;AAAA,UAFD,MAAK;AAAA,UAAS,KAAKH,EAAAH,CAAA,EAAC,kBAAA;AAAA,UAAsB,qBAAkB;AAAA,QAAA;qBACtE,MAAgB;AAAA,YAAhBK,EAAgBQ,CAAA;AAAA,UAAA;;;;;;;;"}
+{"version":3,"file":"index2.vue.js","sources":["../../../../src/views/system/config/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 配置中心:仿 macOS「系统设置」。顶部图标页签,每个分类一屏放下、「左边设置、右边预览」\n// (没有可预览效果的分类不放预览)。结构化表单共用一份页面级草稿(draft.ts),改动由底部浮出的\n// 保存条统一保存;改过的行和页签带橙点。当前分类写进 ?tab=,刷新和分享链接能回到同一处。\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { onBeforeRouteLeave, useRoute, useRouter } from 'vue-router'\nimport { NButton, NCard, NSpin, useMessage } from 'naive-ui'\nimport { useElementSize } from '@vueuse/core'\nimport { useI18n } from 'vue-i18n'\nimport AppIcon from '#/components/AppIcon.vue'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { useAuthStore } from '#/stores/auth'\nimport { translateError } from '#/utils/error'\nimport { CONFIG_TABS, TAB_GROUPS, TAB_ICONS, type ConfigTab } from './groups'\nimport { checkDraft, createConfigDraft, provideConfigDraft } from './draft'\nimport { createConfigLayout, provideConfigLayout } from './layoutMode'\nimport BrandSection from './components/BrandSection.vue'\nimport SecuritySection from './components/SecuritySection.vue'\nimport SigninSection from './components/SigninSection.vue'\nimport WatermarkSection from './components/WatermarkSection.vue'\nimport SensitiveSection from './components/SensitiveSection.vue'\nimport UploadSection from './components/UploadSection.vue'\nimport JobSection from './components/JobSection.vue'\nimport AdvancedSection from './components/AdvancedSection.vue'\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { ask } = useConfirm()\nconst auth = useAuthStore()\nconst route = useRoute()\nconst router = useRouter()\n\nconst draft = createConfigDraft()\nprovideConfigDraft(draft)\n\n// 版面分档:量自己卡片的宽度(边框盒),窄档整页自然滚动,宽档分栏定高\nconst root = ref<InstanceType<typeof NCard> | null>(null)\nconst { width } = useElementSize(root, { width: 0, height: 0 }, { box: 'border-box' })\nconst layout = createConfigLayout(width)\nprovideConfigLayout(layout)\nconst { nar, side, btn } = layout\nconst contentStyle = computed(() =>\n  nar.value\n    ? { padding: 0, position: 'relative' as const }\n    : {\n        padding: 0,\n        position: 'relative' as const,\n        display: 'flex',\n        flexDirection: 'column' as const,\n        flex: '1 1 0',\n        minHeight: 0,\n      },\n)\nconst canSave = computed(() => auth.hasPerm('PUT:/api/v1/sys/config/batch'))\nconst dirtyCount = computed(() => draft.dirtyKeys.value.length)\nconst brandSection = ref<InstanceType<typeof BrandSection> | null>(null)\n\n/** 方向键在页签间移动并切换,焦点跟过去 */\nfunction onNavKey(e: KeyboardEvent) {\n  const i = CONFIG_TABS.indexOf(tab.value)\n  const next =\n    e.key === 'ArrowRight'\n      ? (i + 1) % CONFIG_TABS.length\n      : e.key === 'ArrowLeft'\n        ? (i - 1 + CONFIG_TABS.length) % CONFIG_TABS.length\n        : e.key === 'Home'\n          ? 0\n          : e.key === 'End'\n            ? CONFIG_TABS.length - 1\n            : -1\n  if (next < 0) return\n  e.preventDefault()\n  tab.value = CONFIG_TABS[next]\n  void nextTick(() =>\n    (e.currentTarget as HTMLElement | null)\n      ?.querySelector<HTMLElement>(`[data-tab=\"${CONFIG_TABS[next]}\"]`)\n      ?.focus(),\n  )\n}\n\nconst tab = computed<ConfigTab>({\n  get: () => {\n    const q = route.query.tab\n    return CONFIG_TABS.includes(q as ConfigTab) ? (q as ConfigTab) : 'brand'\n  },\n  set: v => {\n    void router.replace({ query: { ...route.query, tab: v } })\n  },\n})\n\nonMounted(async () => {\n  try {\n    await draft.load()\n  } catch (e) {\n    message.error(translateError(e))\n  }\n})\n\nasync function save() {\n  const check = checkDraft(draft.values)\n  if (check.error) {\n    tab.value = check.error.tab\n    if (check.error.locale) brandSection.value?.setLocale(check.error.locale)\n    message.error(t(check.error.message))\n    return\n  }\n  for (const w of check.warnings)\n    message.warning(\n      `${t(`config.login.locale${w.locale === 'zh-CN' ? 'Zh' : 'En'}`)}: ${t(w.message)}`,\n    )\n  try {\n    await draft.save()\n    message.success(t('config.saved'))\n  } catch (e) {\n    message.error(translateError(e))\n  }\n}\n\n// 有未保存改动时离开要确认;关标签页/刷新交给浏览器自己的提示\nonBeforeRouteLeave(async to => {\n  if (!dirtyCount.value || to.path === route.path) return true\n  return ask({ title: t('config.leaveTitle'), content: t('config.leaveConfirm') })\n})\nfunction onBeforeUnload(e: BeforeUnloadEvent) {\n  if (dirtyCount.value) e.preventDefault()\n}\nwindow.addEventListener('beforeunload', onBeforeUnload)\nonBeforeUnmount(() => {\n  window.removeEventListener('beforeunload', onBeforeUnload)\n  draft.discard() // 释放预览用的 blob: 地址\n})\n</script>\n\n<template>\n  <!-- .fill-page:整页吃满一屏(内核 styles/layout.css 的高度链),每个分类在 .cfg-body 里一屏放下。\n       窄档改 .fill-page--soft:整页自然滚动,保存条改成贴底的粘性条 -->\n  <n-card\n    ref=\"root\"\n    :class=\"['config-center', 'fill-page', nar ? 'fill-page--soft nar' : 'fit', { side }]\"\n    :content-style=\"contentStyle\"\n  >\n    <!-- 页签导航:role=tablist + 漫游 tabindex,方向键 / Home / End 切换(WAI-ARIA Tabs 模式) -->\n    <nav\n      class=\"cfg-nav\"\n      role=\"tablist\"\n      :aria-label=\"t('config.title')\"\n      data-testid=\"config-nav\"\n      @keydown=\"onNavKey\"\n    >\n      <template v-for=\"(group, gi) in TAB_GROUPS\" :key=\"gi\">\n        <span v-if=\"gi\" class=\"gap\" aria-hidden=\"true\" />\n        <button\n          v-for=\"key in group\"\n          :key=\"key\"\n          type=\"button\"\n          role=\"tab\"\n          :aria-selected=\"tab === key\"\n          :tabindex=\"tab === key ? 0 : -1\"\n          :class=\"['nav-item', { on: tab === key }]\"\n          :data-tab=\"key\"\n          @click=\"tab = key\"\n        >\n          <AppIcon :icon=\"TAB_ICONS[key]\" :size=\"22\" />\n          <span>{{ t(`config.tab.${key}`) }}</span>\n          <template v-if=\"draft.dirtyTabs.value.has(key)\">\n            <i class=\"dot\" aria-hidden=\"true\" :title=\"t('config.unsavedTab')\" />\n            <span class=\"sr-only\">{{ t('config.unsavedTab') }}</span>\n          </template>\n        </button>\n      </template>\n    </nav>\n\n    <div v-if=\"draft.loading.value\" class=\"cfg-loading\"><n-spin /></div>\n    <div v-else class=\"cfg-body\">\n      <BrandSection v-show=\"tab === 'brand'\" ref=\"brandSection\" />\n      <SigninSection v-show=\"tab === 'signin'\" />\n      <SecuritySection v-show=\"tab === 'security'\" />\n      <WatermarkSection v-show=\"tab === 'watermark'\" />\n      <SensitiveSection v-if=\"tab === 'sensitive'\" />\n      <UploadSection v-show=\"tab === 'upload'\" />\n      <JobSection v-show=\"tab === 'job'\" />\n      <AdvancedSection v-if=\"tab === 'advanced'\" />\n    </div>\n\n    <!-- 保存条浮在底部正中(毛玻璃胶囊),有改动才出现;窄档整页在滚,改成贴底的粘性条 -->\n    <transition name=\"savebar\">\n      <div v-if=\"dirtyCount\" class=\"savebar\" data-testid=\"config-savebar\">\n        <span class=\"msg\" role=\"status\" aria-live=\"polite\">\n          <i class=\"dot\" aria-hidden=\"true\" />\n          {{ t('config.unsaved', { n: dirtyCount }) }}\n        </span>\n        <n-button :size=\"btn\" :disabled=\"draft.saving.value\" @click=\"draft.discard()\">\n          {{ t('config.discard') }}\n        </n-button>\n        <n-button\n          v-if=\"canSave\"\n          :size=\"btn\"\n          type=\"primary\"\n          :loading=\"draft.saving.value\"\n          @click=\"save\"\n        >\n          {{ t('common.save') }}\n        </n-button>\n      </div>\n    </transition>\n  </n-card>\n</template>\n\n<style scoped>\n.config-center {\n  /* 预览画布里「纸面」要用不透明实底色(设置行、迷你界面、规则卡都铺在半透明的 --fill 上) */\n  --cfg-card: var(--color-bg-container-solid);\n  --cfg-app: var(--color-bg-body);\n  /* 分段控件的轨道与滑块,暗色另取 */\n  --cfg-seg-track: rgba(70, 90, 130, 0.12);\n  --cfg-seg-thumb: #fff;\n  position: relative;\n  min-width: 0;\n}\n.config-center.fit {\n  overflow: hidden;\n}\n.cfg-nav {\n  display: flex;\n  flex: none;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--hairline);\n}\n.gap {\n  width: 14px;\n}\n.nav-item {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 3px;\n  min-width: 76px;\n  min-height: 52px;\n  padding: 6px 10px 5px;\n  border: 0;\n  border-radius: 9px;\n  background: none;\n  font: inherit;\n  font-size: 13px;\n  color: var(--text-2);\n  cursor: pointer;\n  user-select: none;\n}\n.nar .nav-item {\n  min-width: 72px;\n  padding: 6px 6px 5px;\n}\n.nav-item:hover {\n  background: var(--hover);\n}\n.nav-item.on {\n  background: var(--tab-on-bg);\n  color: var(--tab-on-fg);\n}\n.nav-item.on span {\n  color: var(--text-1);\n  font-weight: 500;\n}\n.nav-item:focus-visible {\n  outline: 2px solid var(--signal);\n  outline-offset: -2px;\n}\n.nav-item .dot {\n  position: absolute;\n  top: 6px;\n  right: 16px;\n  box-shadow: 0 0 0 2px var(--cfg-card);\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n.dot {\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--warn);\n}\n.cfg-loading {\n  display: grid;\n  flex: 1;\n  min-height: 240px;\n  place-items: center;\n}\n/* 内容区吃掉导航之外的全部高度;每个分类自己保证一屏放下(SectionLayout)。\n   宽档(左右分栏)内容区不滚、由两栏各自在列内滚;中档(单栏)整块在内容区里滚;窄档随页面自然滚动 */\n.cfg-body {\n  flex: 1 1 0;\n  min-height: 0;\n  padding: 14px 20px 18px;\n}\n.fit .cfg-body {\n  overflow: auto;\n}\n.fit.side .cfg-body {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.side .cfg-body > :deep(.cfg-section) {\n  flex: 1 1 0;\n}\n.nar .cfg-body {\n  flex: none;\n  padding: 12px 12px 18px;\n}\n.savebar {\n  position: absolute;\n  left: 50%;\n  bottom: 16px;\n  z-index: 10;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  max-width: calc(100% - 24px);\n  padding: 7px 7px 7px 16px;\n  border: 1px solid var(--glass-border);\n  border-radius: 14px;\n  background: var(--glass-panel);\n  backdrop-filter: blur(20px) saturate(170%);\n  -webkit-backdrop-filter: blur(20px) saturate(170%);\n  box-shadow: var(--glass-shadow);\n  transform: translateX(-50%);\n}\n.nar .savebar {\n  position: sticky;\n  left: auto;\n  bottom: 12px;\n  width: fit-content;\n  margin: 8px auto 12px;\n  transform: none;\n}\n.savebar .msg {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-right: 4px;\n  font-size: 14px;\n  color: var(--text-2);\n  white-space: nowrap;\n}\n/* 保存条:像 macOS 的浮动提示条那样减速落定,不回弹(带过冲的曲线会冲过头再弹回);退场更快收走 */\n.savebar-enter-active {\n  transition:\n    transform 0.28s var(--ease-sheet),\n    opacity 0.2s var(--ease);\n}\n.savebar-leave-active {\n  transition:\n    transform 0.16s ease-in,\n    opacity 0.14s ease-in;\n}\n.fit .savebar-enter-from,\n.fit .savebar-leave-to {\n  transform: translate(-50%, 140%);\n  opacity: 0;\n}\n.nar .savebar-enter-from,\n.nar .savebar-leave-to {\n  transform: translateY(60%);\n  opacity: 0;\n}\n/* 系统开了「减少动态效果」就只淡入淡出,不做位移 */\n@media (prefers-reduced-motion: reduce) {\n  .savebar-enter-active,\n  .savebar-leave-active {\n    transition: opacity var(--transition-fast);\n  }\n  .fit .savebar-enter-from,\n  .fit .savebar-leave-to {\n    transform: translateX(-50%);\n  }\n  .nar .savebar-enter-from,\n  .nar .savebar-leave-to {\n    transform: none;\n  }\n}\n/* 矮屏:收紧留白 */\n@media (max-height: 899px) {\n  .cfg-nav {\n    padding: 6px 12px;\n  }\n  .nav-item {\n    min-height: 48px;\n    padding: 4px 10px 3px;\n  }\n  .cfg-body {\n    padding: 12px 20px 14px;\n  }\n  .nar .cfg-body {\n    padding: 12px 12px 18px;\n  }\n}\n</style>\n\n<style>\n/* 分段控件在深色下的轨道与滑块。必须是非 scoped:放在 scoped 块里用 :global(:root…) 写,\n   实测编译后不生效(滑块在深色下仍是白色,白字白底看不见),e2e 截图才暴露。 */\n:root[data-theme='dark'] .config-center {\n  --cfg-seg-track: rgba(120, 120, 128, 0.24);\n  --cfg-seg-thumb: rgba(110, 110, 116, 0.85);\n}\n</style>\n"],"names":["t","useI18n","message","useMessage","ask","useConfirm","auth","useAuthStore","route","useRoute","router","useRouter","draft","createConfigDraft","provideConfigDraft","root","ref","width","useElementSize","layout","createConfigLayout","provideConfigLayout","nar","side","btn","contentStyle","computed","canSave","dirtyCount","brandSection","onNavKey","i","CONFIG_TABS","tab","next","nextTick","_b","_a","q","v","onMounted","translateError","save","check","checkDraft","w","e","onBeforeRouteLeave","to","onBeforeUnload","onBeforeUnmount","_createBlock","_unref","NCard","_normalizeClass","_createElementVNode","_openBlock","_createElementBlock","_Fragment","_renderList","TAB_GROUPS","group","gi","_hoisted_2","key","$event","_createVNode","AppIcon","TAB_ICONS","_toDisplayString","_hoisted_5","_hoisted_6","NSpin","_hoisted_7","BrandSection","SigninSection","SecuritySection","WatermarkSection","SensitiveSection","UploadSection","JobSection","AdvancedSection","_Transition","_hoisted_8","_hoisted_9","NButton","_cache"],"mappings":"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"}

package/dist/views/system/config/layoutMode.d.ts

@@ -0,0 +1,23 @@
+import { ComputedRef, Ref } from 'vue';
+/** 卡片(边框盒)宽度低于它算窄档 */
+export declare const NARROW_MAX = 600;
+/** 卡片宽度达到它才左右分栏 */
+export declare const SIDE_MIN = 896;
+export type ControlSize = 'medium' | 'large';
+export type SmallControlSize = 'small' | 'large';
+export interface ConfigLayout {
+    nar: ComputedRef<boolean>;
+    side: ComputedRef<boolean>;
+    /** 输入框 / 数字框:窄档放大成 large,方便手指点 */
+    ctl: ComputedRef<ControlSize>;
+    /** 行内的小按钮、分段控件 */
+    sm: ComputedRef<SmallControlSize>;
+    /** 保存条、弹窗里的主按钮 */
+    btn: ComputedRef<ControlSize>;
+    /** 窄档下预览栏是否展开(各分类共用,切页签不收回去) */
+    previewOpen: Ref<boolean>;
+}
+export declare function createConfigLayout(width: Ref<number>): ConfigLayout;
+export declare function provideConfigLayout(layout: ConfigLayout): void;
+/** 没有祖先提供时(单独挂载某个分类)按宽屏处理 */
+export declare function useConfigLayout(): ConfigLayout;

package/dist/views/system/config/layoutMode.js

@@ -0,0 +1,28 @@
+import { computed as o, ref as u, provide as r, inject as l } from "vue";
+const c = 600, i = 896;
+function f(e) {
+  const n = o(() => e.value > 0 && e.value < c), a = o(() => e.value === 0 || e.value >= i);
+  return {
+    nar: n,
+    side: a,
+    ctl: o(() => n.value ? "large" : "medium"),
+    sm: o(() => n.value ? "large" : "small"),
+    btn: o(() => n.value ? "large" : "medium"),
+    previewOpen: u(!1)
+  };
+}
+const t = Symbol("config-layout");
+function s(e) {
+  r(t, e);
+}
+function v() {
+  return l(t, () => f(u(0)), !0);
+}
+export {
+  c as NARROW_MAX,
+  i as SIDE_MIN,
+  f as createConfigLayout,
+  s as provideConfigLayout,
+  v as useConfigLayout
+};
+//# sourceMappingURL=layoutMode.js.map

package/dist/views/system/config/layoutMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutMode.js","sources":["../../../../src/views/system/config/layoutMode.ts"],"sourcesContent":["// 配置中心的版面分档(只管样式,不碰业务):由 index.vue 量自己卡片的宽度,经 provide 下发给各分类。\n// 三档:\n//   nar  卡片 < 600:整页自然滚动,设置行上下排(标签一行、控件占满一行),预览收成可展开的一条并排到最前;\n//   side 卡片 ≥ 896:左边设置、右边预览,两栏各自在列内滚;\n//   其余(600 到 896):单栏,预览叠在设置下面,整块在内容区里滚。\n// 600 与表格窄档对齐(SmartTable 容器宽 < 600 即卡片列表),这样页面进入窄档时,「高级」页的表一定是卡片列表。\nimport { computed, inject, provide, ref, type ComputedRef, type InjectionKey, type Ref } from 'vue'\n\n/** 卡片(边框盒)宽度低于它算窄档 */\nexport const NARROW_MAX = 600\n/** 卡片宽度达到它才左右分栏 */\nexport const SIDE_MIN = 896\n\nexport type ControlSize = 'medium' | 'large'\nexport type SmallControlSize = 'small' | 'large'\n\nexport interface ConfigLayout {\n  nar: ComputedRef<boolean>\n  side: ComputedRef<boolean>\n  /** 输入框 / 数字框:窄档放大成 large,方便手指点 */\n  ctl: ComputedRef<ControlSize>\n  /** 行内的小按钮、分段控件 */\n  sm: ComputedRef<SmallControlSize>\n  /** 保存条、弹窗里的主按钮 */\n  btn: ComputedRef<ControlSize>\n  /** 窄档下预览栏是否展开(各分类共用,切页签不收回去) */\n  previewOpen: Ref<boolean>\n}\n\nexport function createConfigLayout(width: Ref<number>): ConfigLayout {\n  // 宽度还没量到(0)时按宽屏处理,免得首帧闪一下窄档\n  const nar = computed(() => width.value > 0 && width.value < NARROW_MAX)\n  const side = computed(() => width.value === 0 || width.value >= SIDE_MIN)\n  return {\n    nar,\n    side,\n    ctl: computed(() => (nar.value ? 'large' : 'medium')),\n    sm: computed(() => (nar.value ? 'large' : 'small')),\n    btn: computed(() => (nar.value ? 'large' : 'medium')),\n    previewOpen: ref(false),\n  }\n}\n\nconst KEY: InjectionKey<ConfigLayout> = Symbol('config-layout')\n\nexport function provideConfigLayout(layout: ConfigLayout) {\n  provide(KEY, layout)\n}\n\n/** 没有祖先提供时(单独挂载某个分类)按宽屏处理 */\nexport function useConfigLayout(): ConfigLayout {\n  return inject(KEY, () => createConfigLayout(ref(0)), true)\n}\n"],"names":["NARROW_MAX","SIDE_MIN","createConfigLayout","width","nar","computed","side","ref","KEY","provideConfigLayout","layout","provide","useConfigLayout","inject"],"mappings":";AASO,MAAMA,IAAa,KAEbC,IAAW;AAkBjB,SAASC,EAAmBC,GAAkC;AAEnE,QAAMC,IAAMC,EAAS,MAAMF,EAAM,QAAQ,KAAKA,EAAM,QAAQH,CAAU,GAChEM,IAAOD,EAAS,MAAMF,EAAM,UAAU,KAAKA,EAAM,SAASF,CAAQ;AACxE,SAAO;AAAA,IACL,KAAAG;AAAA,IACA,MAAAE;AAAA,IACA,KAAKD,EAAS,MAAOD,EAAI,QAAQ,UAAU,QAAS;AAAA,IACpD,IAAIC,EAAS,MAAOD,EAAI,QAAQ,UAAU,OAAQ;AAAA,IAClD,KAAKC,EAAS,MAAOD,EAAI,QAAQ,UAAU,QAAS;AAAA,IACpD,aAAaG,EAAI,EAAK;AAAA,EAAA;AAE1B;AAEA,MAAMC,IAAkC,OAAO,eAAe;AAEvD,SAASC,EAAoBC,GAAsB;AACxD,EAAAC,EAAQH,GAAKE,CAAM;AACrB;AAGO,SAASE,IAAgC;AAC9C,SAAOC,EAAOL,GAAK,MAAMN,EAAmBK,EAAI,CAAC,CAAC,GAAG,EAAI;AAC3D;"}

package/dist/views/system/config/providerForm.d.ts

@@ -0,0 +1,33 @@
+import { ExternalAuthField, ExternalAuthProvider, ExternalAuthProviderSaveInput, ExternalAuthProviderTestInput } from '../../../api';
+/** 新增 OIDC 时标识的写法:小写字母开头,字母数字与连字符,2–32 位。与后端规则一致。 */
+export declare const CODE_PATTERN: RegExp;
+export interface ProviderForm {
+    /** 新增(标识可填)还是编辑(标识固定) */
+    isNew: boolean;
+    code: string;
+    displayName: string;
+    /** 非机密字段当前输入 */
+    values: Record<string, string>;
+    /** 机密字段当前输入;空串 = 不改 */
+    secrets: Record<string, string>;
+}
+/** 用目录里已有的配置(或类型缺省值)起一份表单;`identity` 是还没存过时的标识与展示名。 */
+export declare function createForm(fields: readonly ExternalAuthField[], saved: ExternalAuthProvider | undefined, isNew: boolean, identity: {
+    code: string;
+    displayName: string;
+}): ProviderForm;
+/** 改了「决定请求发往哪里」的字段(如 OIDC 的 Authority,忽略末尾 `/`)。新增不算。 */
+export declare function endpointChanged(fields: readonly ExternalAuthField[], form: ProviderForm, saved: ExternalAuthProvider | undefined): boolean;
+/** 这个机密字段现在必须填吗:还没配过,或者改了端点(防止把已保存的密钥发到新地址)。 */
+export declare function secretRequired(field: ExternalAuthField, saved: ExternalAuthProvider | undefined, endpointMoved: boolean): boolean;
+/** 缺哪些必填项(字段名列表);空数组 = 可以保存。 */
+export declare function missingFields(fields: readonly ExternalAuthField[], form: ProviderForm, saved: ExternalAuthProvider | undefined): string[];
+/** 保存入参:非机密进 values,机密进 secrets(后端按名字对操作日志打码,别混放)。 */
+export declare function buildSaveBody(type: string, form: ProviderForm): ExternalAuthProviderSaveInput;
+/** 测试入参:用表单里的值;库里已有这条时带上 code,机密留空则取已保存的。 */
+export declare function buildTestBody(type: string, form: ProviderForm, saved: ExternalAuthProvider | undefined): ExternalAuthProviderTestInput;
+/**
+ * 要填到厂商后台的回调地址:后端给的模板里把 `{code}` 换成标识(新增时标识没填,保留占位)。
+ * 没配回调基址时模板为空串,返回空串,由页面提示。
+ */
+export declare function callbackFor(template: string, code: string): string;

package/dist/views/system/config/providerForm.js

@@ -0,0 +1,63 @@
+const a = /^[a-z][a-z0-9-]{1,31}$/;
+function f(n, e, t, c) {
+  const i = {}, u = {};
+  for (const s of n)
+    s.secret ? u[s.name] = "" : i[s.name] = (e == null ? void 0 : e.values[s.name]) ?? s.default ?? "";
+  return {
+    isNew: t,
+    code: (e == null ? void 0 : e.code) ?? c.code,
+    displayName: (e == null ? void 0 : e.displayName) ?? c.displayName,
+    values: i,
+    secrets: u
+  };
+}
+const o = (n) => (n ?? "").trim().replace(/\/+$/, "");
+function m(n, e, t) {
+  return e.isNew || !t ? !1 : n.some(
+    (c) => c.definesEndpoint && o(e.values[c.name]) !== o(t.values[c.name])
+  );
+}
+function p(n, e, t) {
+  var c;
+  return n.secret ? !((c = e == null ? void 0 : e.secrets[n.name]) != null && c.hasValue) || t : !1;
+}
+function N(n, e, t) {
+  var u, s;
+  const c = m(n, e, t), i = [];
+  e.isNew && (e.displayName.trim() || i.push("displayName"), a.test(e.code) || i.push("code"));
+  for (const r of n)
+    r.secret ? p(r, t, c) && !((u = e.secrets[r.name]) != null && u.trim()) && i.push(r.name) : r.required && !((s = e.values[r.name]) != null && s.trim()) && i.push(r.name);
+  return i;
+}
+const l = (n) => Object.fromEntries(Object.entries(n).map(([e, t]) => [e, t.trim()]));
+function d(n, e) {
+  return {
+    type: n,
+    displayName: e.displayName.trim() || null,
+    icon: null,
+    values: l(e.values),
+    secrets: l(e.secrets)
+  };
+}
+function y(n, e, t) {
+  return {
+    code: t ? e.code : null,
+    type: n,
+    values: l(e.values),
+    secrets: l(e.secrets)
+  };
+}
+function h(n, e) {
+  return n.replace("{code}", e || "{code}");
+}
+export {
+  a as CODE_PATTERN,
+  d as buildSaveBody,
+  y as buildTestBody,
+  h as callbackFor,
+  f as createForm,
+  m as endpointChanged,
+  N as missingFields,
+  p as secretRequired
+};
+//# sourceMappingURL=providerForm.js.map

package/dist/views/system/config/providerForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"providerForm.js","sources":["../../../../src/views/system/config/providerForm.ts"],"sourcesContent":["// 第三方登录设置面板的表单规则(纯函数,vitest 直接驱动)。\n// 字段清单来自后端类型目录:非机密字段回显,机密字段只有「已配置 + 尾四位」,留空表示不改。\nimport type {\n  ExternalAuthField,\n  ExternalAuthProvider,\n  ExternalAuthProviderSaveInput,\n  ExternalAuthProviderTestInput,\n} from '#/api'\n\n/** 新增 OIDC 时标识的写法:小写字母开头,字母数字与连字符,2–32 位。与后端规则一致。 */\nexport const CODE_PATTERN = /^[a-z][a-z0-9-]{1,31}$/\n\nexport interface ProviderForm {\n  /** 新增(标识可填)还是编辑(标识固定) */\n  isNew: boolean\n  code: string\n  displayName: string\n  /** 非机密字段当前输入 */\n  values: Record<string, string>\n  /** 机密字段当前输入;空串 = 不改 */\n  secrets: Record<string, string>\n}\n\n/** 用目录里已有的配置(或类型缺省值)起一份表单;`identity` 是还没存过时的标识与展示名。 */\nexport function createForm(\n  fields: readonly ExternalAuthField[],\n  saved: ExternalAuthProvider | undefined,\n  isNew: boolean,\n  identity: { code: string; displayName: string },\n): ProviderForm {\n  const values: Record<string, string> = {}\n  const secrets: Record<string, string> = {}\n  for (const f of fields) {\n    if (f.secret) secrets[f.name] = ''\n    else values[f.name] = saved?.values[f.name] ?? f.default ?? ''\n  }\n  return {\n    isNew,\n    code: saved?.code ?? identity.code,\n    displayName: saved?.displayName ?? identity.displayName,\n    values,\n    secrets,\n  }\n}\n\nconst normEndpoint = (v: string | undefined) => (v ?? '').trim().replace(/\\/+$/, '')\n\n/** 改了「决定请求发往哪里」的字段(如 OIDC 的 Authority,忽略末尾 `/`)。新增不算。 */\nexport function endpointChanged(\n  fields: readonly ExternalAuthField[],\n  form: ProviderForm,\n  saved: ExternalAuthProvider | undefined,\n): boolean {\n  if (form.isNew || !saved) return false\n  return fields.some(\n    f =>\n      f.definesEndpoint && normEndpoint(form.values[f.name]) !== normEndpoint(saved.values[f.name]),\n  )\n}\n\n/** 这个机密字段现在必须填吗:还没配过,或者改了端点(防止把已保存的密钥发到新地址)。 */\nexport function secretRequired(\n  field: ExternalAuthField,\n  saved: ExternalAuthProvider | undefined,\n  endpointMoved: boolean,\n): boolean {\n  if (!field.secret) return false\n  return !saved?.secrets[field.name]?.hasValue || endpointMoved\n}\n\n/** 缺哪些必填项(字段名列表);空数组 = 可以保存。 */\nexport function missingFields(\n  fields: readonly ExternalAuthField[],\n  form: ProviderForm,\n  saved: ExternalAuthProvider | undefined,\n): string[] {\n  const moved = endpointChanged(fields, form, saved)\n  const missing: string[] = []\n  if (form.isNew) {\n    if (!form.displayName.trim()) missing.push('displayName')\n    if (!CODE_PATTERN.test(form.code)) missing.push('code')\n  }\n  for (const f of fields) {\n    if (f.secret) {\n      if (secretRequired(f, saved, moved) && !form.secrets[f.name]?.trim()) missing.push(f.name)\n    } else if (f.required && !form.values[f.name]?.trim()) {\n      missing.push(f.name)\n    }\n  }\n  return missing\n}\n\nconst trimmed = (src: Record<string, string>) =>\n  Object.fromEntries(Object.entries(src).map(([k, v]) => [k, v.trim()]))\n\n/** 保存入参:非机密进 values,机密进 secrets(后端按名字对操作日志打码,别混放)。 */\nexport function buildSaveBody(type: string, form: ProviderForm): ExternalAuthProviderSaveInput {\n  return {\n    type,\n    displayName: form.displayName.trim() || null,\n    icon: null,\n    values: trimmed(form.values),\n    secrets: trimmed(form.secrets),\n  }\n}\n\n/** 测试入参:用表单里的值;库里已有这条时带上 code,机密留空则取已保存的。 */\nexport function buildTestBody(\n  type: string,\n  form: ProviderForm,\n  saved: ExternalAuthProvider | undefined,\n): ExternalAuthProviderTestInput {\n  return {\n    code: saved ? form.code : null,\n    type,\n    values: trimmed(form.values),\n    secrets: trimmed(form.secrets),\n  }\n}\n\n/**\n * 要填到厂商后台的回调地址:后端给的模板里把 `{code}` 换成标识(新增时标识没填,保留占位)。\n * 没配回调基址时模板为空串,返回空串,由页面提示。\n */\nexport function callbackFor(template: string, code: string): string {\n  return template.replace('{code}', code || '{code}')\n}\n"],"names":["CODE_PATTERN","createForm","fields","saved","isNew","identity","values","secrets","f","normEndpoint","v","endpointChanged","form","secretRequired","field","endpointMoved","_a","missingFields","_b","moved","missing","trimmed","src","k","buildSaveBody","type","buildTestBody","callbackFor","template","code"],"mappings":"AAUO,MAAMA,IAAe;AAcrB,SAASC,EACdC,GACAC,GACAC,GACAC,GACc;AACd,QAAMC,IAAiC,CAAA,GACjCC,IAAkC,CAAA;AACxC,aAAWC,KAAKN;AACd,IAAIM,EAAE,SAAQD,EAAQC,EAAE,IAAI,IAAI,KAC3BF,EAAOE,EAAE,IAAI,KAAIL,KAAA,gBAAAA,EAAO,OAAOK,EAAE,UAASA,EAAE,WAAW;AAE9D,SAAO;AAAA,IACL,OAAAJ;AAAA,IACA,OAAMD,KAAA,gBAAAA,EAAO,SAAQE,EAAS;AAAA,IAC9B,cAAaF,KAAA,gBAAAA,EAAO,gBAAeE,EAAS;AAAA,IAC5C,QAAAC;AAAA,IACA,SAAAC;AAAA,EAAA;AAEJ;AAEA,MAAME,IAAe,CAACC,OAA2BA,KAAK,IAAI,OAAO,QAAQ,QAAQ,EAAE;AAG5E,SAASC,EACdT,GACAU,GACAT,GACS;AACT,SAAIS,EAAK,SAAS,CAACT,IAAc,KAC1BD,EAAO;AAAA,IACZ,CAAAM,MACEA,EAAE,mBAAmBC,EAAaG,EAAK,OAAOJ,EAAE,IAAI,CAAC,MAAMC,EAAaN,EAAM,OAAOK,EAAE,IAAI,CAAC;AAAA,EAAA;AAElG;AAGO,SAASK,EACdC,GACAX,GACAY,GACS;AAvDJ,MAAAC;AAwDL,SAAKF,EAAM,SACJ,GAACE,IAAAb,KAAA,gBAAAA,EAAO,QAAQW,EAAM,UAArB,QAAAE,EAA4B,aAAYD,IADtB;AAE5B;AAGO,SAASE,EACdf,GACAU,GACAT,GACU;AAjEL,MAAAa,GAAAE;AAkEL,QAAMC,IAAQR,EAAgBT,GAAQU,GAAMT,CAAK,GAC3CiB,IAAoB,CAAA;AAC1B,EAAIR,EAAK,UACFA,EAAK,YAAY,UAAQQ,EAAQ,KAAK,aAAa,GACnDpB,EAAa,KAAKY,EAAK,IAAI,KAAGQ,EAAQ,KAAK,MAAM;AAExD,aAAWZ,KAAKN;AACd,IAAIM,EAAE,SACAK,EAAeL,GAAGL,GAAOgB,CAAK,KAAK,GAACH,IAAAJ,EAAK,QAAQJ,EAAE,IAAI,MAAnB,QAAAQ,EAAsB,WAAQI,EAAQ,KAAKZ,EAAE,IAAI,IAChFA,EAAE,YAAY,GAACU,IAAAN,EAAK,OAAOJ,EAAE,IAAI,MAAlB,QAAAU,EAAqB,WAC7CE,EAAQ,KAAKZ,EAAE,IAAI;AAGvB,SAAOY;AACT;AAEA,MAAMC,IAAU,CAACC,MACf,OAAO,YAAY,OAAO,QAAQA,CAAG,EAAE,IAAI,CAAC,CAACC,GAAGb,CAAC,MAAM,CAACa,GAAGb,EAAE,KAAA,CAAM,CAAC,CAAC;AAGhE,SAASc,EAAcC,GAAcb,GAAmD;AAC7F,SAAO;AAAA,IACL,MAAAa;AAAA,IACA,aAAab,EAAK,YAAY,KAAA,KAAU;AAAA,IACxC,MAAM;AAAA,IACN,QAAQS,EAAQT,EAAK,MAAM;AAAA,IAC3B,SAASS,EAAQT,EAAK,OAAO;AAAA,EAAA;AAEjC;AAGO,SAASc,EACdD,GACAb,GACAT,GAC+B;AAC/B,SAAO;AAAA,IACL,MAAMA,IAAQS,EAAK,OAAO;AAAA,IAC1B,MAAAa;AAAA,IACA,QAAQJ,EAAQT,EAAK,MAAM;AAAA,IAC3B,SAASS,EAAQT,EAAK,OAAO;AAAA,EAAA;AAEjC;AAMO,SAASe,EAAYC,GAAkBC,GAAsB;AAClE,SAAOD,EAAS,QAAQ,UAAUC,KAAQ,QAAQ;AACpD;"}

package/dist/views/system/dict/index.vue.js

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