smart-admin-web 10.15.0 → 10.20.0

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

@@ -1,252 +1,254 @@
-import { defineComponent as $, ref as x, computed as u, openBlock as W, createBlock as X, unref as e, withCtx as i, createVNode as a, isRef as p, createElementVNode as R, normalizeClass as _, toDisplayString as M, withDirectives as O, vShow as T } from "vue";
-import { NInput as g, NSwitch as Z } from "naive-ui";
-import { useI18n as j } from "vue-i18n";
-import { splitLoginHeroFeatures as q } from "../../../../lib/loginHero.js";
-import { useAppStore as J } from "../../../../stores/app.js";
-import { SUBTITLE_KEY as K, LOGIN_LOCALES as V, heroKeys as B, SHOW_FEATURES_KEY as C, LOGO_KEY as Q, BRAND_KEYS as ee } from "../groups.js";
-import { useConfigDraft as le, useDraftFields as oe } from "../draft.js";
+import { defineComponent as W, ref as x, computed as p, openBlock as X, createBlock as Z, unref as e, withCtx as a, createVNode as i, isRef as g, createElementVNode as R, normalizeClass as _, toDisplayString as M, withDirectives as O, vShow as T } from "vue";
+import { NInput as f, NSwitch as j } from "naive-ui";
+import { useI18n as q } from "vue-i18n";
+import { splitLoginHeroFeatures as J } from "../../../../lib/loginHero.js";
+import { useAppStore as Q } from "../../../../stores/app.js";
+import { SUBTITLE_KEY as K, LOGIN_LOCALES as V, heroKeys as B, SHOW_FEATURES_KEY as C, LOGO_KEY as ee, BRAND_KEYS as le } from "../groups.js";
+import { useConfigDraft as oe, useDraftFields as ie } from "../draft.js";
+import { useConfigLayout as te } from "../layoutMode.js";
 import ae from "./SectionLayout.vue.js";
 import D from "./CfgGroup.vue.js";
 import s from "./CfgRow.vue.js";
 import H from "./CfgSegment.vue.js";
 import I from "./ScaleToFit.vue.js";
-import te from "./LogoEditor.vue.js";
-import ie from "./AdminMock.vue.js";
-import ne from "./LoginMock.vue.js";
-const Ue = /* @__PURE__ */ $({
+import ne from "./LogoEditor.vue.js";
+import se from "./AdminMock.vue.js";
+import re from "./LoginMock.vue.js";
+const Le = /* @__PURE__ */ W({
   __name: "BrandSection",
-  setup(se, { expose: z }) {
-    const { t: l } = j(), G = J(), { values: f } = le(), { str: c } = oe(), m = c("sys.site.title"), y = c("sys.site.copyright"), w = c("sys.site.copyrightUrl"), k = c(K), r = x("admin"), P = u(() => [
+  setup(ue, { expose: G }) {
+    const { t: l } = q(), P = Q(), { values: c } = oe(), { str: v } = ie(), { ctl: r } = te(), y = v("sys.site.title"), w = v("sys.site.copyright"), k = v("sys.site.copyrightUrl"), S = v(K), u = x("admin"), Y = p(() => [
       { value: "admin", label: l("config.brand.previewAdmin") },
       { value: "login", label: l("config.brand.previewLogin") }
-    ]), d = x(G.locale === "en-US" ? "en-US" : "zh-CN"), Y = u(
+    ]), d = x(P.locale === "en-US" ? "en-US" : "zh-CN"), $ = p(
       () => V.map((n) => ({
         value: n,
         label: l(`config.login.locale${n === "zh-CN" ? "Zh" : "En"}`)
       }))
     );
     function N(n) {
-      d.value = n, r.value = "login";
+      d.value = n, u.value = "login";
     }
-    const A = u(() => B(d.value)), S = (n) => u({
-      get: () => f[A.value[n]] ?? "",
+    const A = p(() => B(d.value)), U = (n) => p({
+      get: () => c[A.value[n]] ?? "",
       set: (o) => {
-        f[A.value[n]] = o;
+        c[A.value[n]] = o;
       }
-    }), v = S("headline"), h = S("highlight"), b = S("features"), U = u({
-      get: () => f[C] !== "false",
+    }), h = U("headline"), b = U("highlight"), m = U("features"), z = p({
+      get: () => c[C] !== "false",
       set: (n) => {
-        f[C] = n ? "true" : "false";
+        c[C] = n ? "true" : "false";
       }
-    }), E = u(() => {
-      const n = v.value.trim(), o = h.value.trim();
+    }), E = p(() => {
+      const n = h.value.trim(), o = b.value.trim();
       return !!n && !!o && !n.includes(o);
-    }), F = u(
-      () => q(b.value, Number.MAX_SAFE_INTEGER).length > 5
-    ), L = (n) => V.map((o) => B(o)[n]);
-    return z({ setLocale: N }), (n, o) => (W(), X(ae, {
+    }), L = p(
+      () => J(m.value, Number.MAX_SAFE_INTEGER).length > 5
+    ), F = (n) => V.map((o) => B(o)[n]);
+    return G({ setLocale: N }), (n, o) => (X(), Z(ae, {
       title: e(l)("config.tab.brand"),
       desc: e(l)("config.brand.desc"),
       "preview-title": e(l)("config.brand.preview")
     }, {
-      "preview-extra": i(() => [
-        a(H, {
-          modelValue: r.value,
-          "onUpdate:modelValue": o[10] || (o[10] = (t) => r.value = t),
-          options: P.value,
+      "preview-extra": a(() => [
+        i(H, {
+          modelValue: u.value,
+          "onUpdate:modelValue": o[10] || (o[10] = (t) => u.value = t),
+          options: Y.value,
           label: e(l)("config.brand.preview")
         }, null, 8, ["modelValue", "options", "label"])
       ]),
-      preview: i(() => [
-        O(a(I, {
+      preview: a(() => [
+        O(i(I, {
           width: 880,
           height: 540
         }, {
-          default: i(() => [
-            a(ie)
+          default: a(() => [
+            i(se)
           ]),
           _: 1
         }, 512), [
-          [T, r.value === "admin"]
+          [T, u.value === "admin"]
         ]),
-        O(a(I, {
+        O(i(I, {
           width: 880,
           height: 540
         }, {
-          default: i(() => [
-            a(ne, { locale: d.value }, null, 8, ["locale"])
+          default: a(() => [
+            i(re, { locale: d.value }, null, 8, ["locale"])
           ]),
           _: 1
         }, 512), [
-          [T, r.value === "login"]
+          [T, u.value === "login"]
         ])
       ]),
-      default: i(() => [
-        a(D, {
+      default: a(() => [
+        i(D, {
           title: e(l)("config.brand.groupSite"),
-          onFocusin: o[3] || (o[3] = (t) => r.value = "admin")
+          onFocusin: o[3] || (o[3] = (t) => u.value = "admin")
         }, {
-          default: i(() => [
-            a(s, {
+          default: a(() => [
+            i(s, {
               label: e(l)("config.logo.title"),
               hint: e(l)("config.logo.help"),
-              keys: [e(Q)],
+              keys: [e(ee)],
               class: "logo-row"
             }, {
-              default: i(() => [
-                a(te)
+              default: a(() => [
+                i(ne)
               ]),
               _: 1
             }, 8, ["label", "hint", "keys"]),
-            a(s, {
+            i(s, {
               label: e(l)("config.base.siteTitle"),
-              keys: [e(ee)[0]]
+              keys: [e(le)[0]]
             }, {
-              default: i(() => [
-                a(e(g), {
-                  value: e(m),
-                  "onUpdate:value": o[0] || (o[0] = (t) => p(m) ? m.value = t : null),
-                  class: "fld",
+              default: a(() => [
+                i(e(f), {
+                  value: e(y),
+                  "onUpdate:value": o[0] || (o[0] = (t) => g(y) ? y.value = t : null),
+                  size: e(r),
                   placeholder: "SmartAdmin",
                   "input-props": { "aria-label": e(l)("config.base.siteTitle") }
-                }, null, 8, ["value", "input-props"])
+                }, null, 8, ["value", "size", "input-props"])
               ]),
               _: 1
             }, 8, ["label", "keys"]),
-            a(s, {
+            i(s, {
               label: e(l)("config.base.copyright"),
               keys: ["sys.site.copyright"]
             }, {
-              default: i(() => [
-                a(e(g), {
-                  value: e(y),
-                  "onUpdate:value": o[1] || (o[1] = (t) => p(y) ? y.value = t : null),
-                  class: "fld",
+              default: a(() => [
+                i(e(f), {
+                  value: e(w),
+                  "onUpdate:value": o[1] || (o[1] = (t) => g(w) ? w.value = t : null),
+                  size: e(r),
                   placeholder: e(l)("config.brand.copyrightPh"),
                   "input-props": { "aria-label": e(l)("config.base.copyright") }
-                }, null, 8, ["value", "placeholder", "input-props"])
+                }, null, 8, ["value", "size", "placeholder", "input-props"])
               ]),
               _: 1
             }, 8, ["label"]),
-            a(s, {
+            i(s, {
               label: e(l)("config.base.copyrightUrl"),
               hint: e(l)("config.brand.copyrightUrlHint"),
               keys: ["sys.site.copyrightUrl"]
             }, {
-              default: i(() => [
-                a(e(g), {
-                  value: e(w),
-                  "onUpdate:value": o[2] || (o[2] = (t) => p(w) ? w.value = t : null),
-                  class: "fld",
+              default: a(() => [
+                i(e(f), {
+                  value: e(k),
+                  "onUpdate:value": o[2] || (o[2] = (t) => g(k) ? k.value = t : null),
+                  size: e(r),
                   placeholder: "https://",
                   "input-props": { "aria-label": e(l)("config.base.copyrightUrl") }
-                }, null, 8, ["value", "input-props"])
+                }, null, 8, ["value", "size", "input-props"])
               ]),
               _: 1
             }, 8, ["label", "hint"])
           ]),
           _: 1
         }, 8, ["title"]),
-        a(D, {
+        i(D, {
           title: e(l)("config.brand.groupLogin"),
-          onFocusin: o[9] || (o[9] = (t) => r.value = "login")
+          onFocusin: o[9] || (o[9] = (t) => u.value = "login")
         }, {
-          extra: i(() => [
-            a(H, {
+          extra: a(() => [
+            i(H, {
               "model-value": d.value,
-              options: Y.value,
+              options: $.value,
               label: e(l)("config.login.language"),
               "data-testid": "login-locale",
               "onUpdate:modelValue": N
             }, null, 8, ["model-value", "options", "label"])
           ]),
-          default: i(() => [
-            a(s, {
+          default: a(() => [
+            i(s, {
               label: e(l)("config.base.siteSubtitle"),
               keys: [e(K)]
             }, {
-              default: i(() => [
-                a(e(g), {
-                  value: e(k),
-                  "onUpdate:value": o[4] || (o[4] = (t) => p(k) ? k.value = t : null),
-                  class: "fld",
+              default: a(() => [
+                i(e(f), {
+                  value: e(S),
+                  "onUpdate:value": o[4] || (o[4] = (t) => g(S) ? S.value = t : null),
+                  size: e(r),
                   placeholder: e(l)("login.subtitle", {}, { locale: d.value }),
                   "input-props": { "aria-label": e(l)("config.base.siteSubtitle") }
-                }, null, 8, ["value", "placeholder", "input-props"])
+                }, null, 8, ["value", "size", "placeholder", "input-props"])
               ]),
               _: 1
             }, 8, ["label", "keys"]),
-            a(s, {
+            i(s, {
               label: e(l)("config.login.headline"),
-              keys: L("headline")
+              keys: F("headline")
             }, {
-              default: i(() => [
-                a(e(g), {
-                  value: e(v),
-                  "onUpdate:value": o[5] || (o[5] = (t) => p(v) ? v.value = t : null),
-                  class: "fld",
+              default: a(() => [
+                i(e(f), {
+                  value: e(h),
+                  "onUpdate:value": o[5] || (o[5] = (t) => g(h) ? h.value = t : null),
+                  size: e(r),
                   placeholder: e(l)("config.login.headlinePlaceholder"),
                   "input-props": { "aria-label": e(l)("config.login.headline") }
-                }, null, 8, ["value", "placeholder", "input-props"])
+                }, null, 8, ["value", "size", "placeholder", "input-props"])
               ]),
               _: 1
             }, 8, ["label", "keys"]),
-            a(s, {
+            i(s, {
               label: e(l)("config.login.highlight"),
-              keys: L("highlight")
+              keys: F("highlight")
             }, {
-              hint: i(() => [
+              hint: a(() => [
                 R("span", {
                   class: _({ warn: E.value })
                 }, M(E.value ? e(l)("config.login.highlightMissing") : e(l)("config.login.highlightHint")), 3)
               ]),
-              default: i(() => [
-                a(e(g), {
-                  value: e(h),
-                  "onUpdate:value": o[6] || (o[6] = (t) => p(h) ? h.value = t : null),
-                  class: "fld",
+              default: a(() => [
+                i(e(f), {
+                  value: e(b),
+                  "onUpdate:value": o[6] || (o[6] = (t) => g(b) ? b.value = t : null),
+                  size: e(r),
                   status: E.value ? "warning" : void 0,
                   placeholder: e(l)("config.login.highlightPlaceholder"),
                   "input-props": { "aria-label": e(l)("config.login.highlight") }
-                }, null, 8, ["value", "status", "placeholder", "input-props"])
+                }, null, 8, ["value", "size", "status", "placeholder", "input-props"])
               ]),
               _: 1
             }, 8, ["label", "keys"]),
-            a(s, {
+            i(s, {
               label: e(l)("config.login.showFeatures"),
               keys: [e(C)]
             }, {
-              default: i(() => [
-                a(e(Z), {
-                  value: U.value,
-                  "onUpdate:value": o[7] || (o[7] = (t) => U.value = t),
+              default: a(() => [
+                i(e(j), {
+                  value: z.value,
+                  "onUpdate:value": o[7] || (o[7] = (t) => z.value = t),
                   "aria-label": e(l)("config.login.showFeatures")
                 }, null, 8, ["value", "aria-label"])
               ]),
               _: 1
             }, 8, ["label", "keys"]),
-            a(s, {
+            i(s, {
               label: e(l)("config.login.features"),
-              keys: L("features"),
-              disabled: !U.value,
+              keys: F("features"),
+              disabled: !z.value,
               tall: "",
               class: "feat"
             }, {
-              hint: i(() => [
+              hint: a(() => [
                 R("span", {
-                  class: _({ err: F.value })
-                }, M(F.value ? e(l)("config.login.tooManyFeatures") : e(l)("config.login.featuresHint")), 3)
+                  class: _({ err: L.value })
+                }, M(L.value ? e(l)("config.login.tooManyFeatures") : e(l)("config.login.featuresHint")), 3)
               ]),
-              default: i(() => [
-                a(e(g), {
-                  value: e(b),
-                  "onUpdate:value": o[8] || (o[8] = (t) => p(b) ? b.value = t : null),
+              default: a(() => [
+                i(e(f), {
+                  value: e(m),
+                  "onUpdate:value": o[8] || (o[8] = (t) => g(m) ? m.value = t : null),
                   type: "textarea",
-                  status: F.value ? "error" : void 0,
+                  size: e(r),
+                  status: L.value ? "error" : void 0,
                   autosize: { minRows: 2, maxRows: 4 },
                   placeholder: e(l)("config.login.featuresPlaceholder"),
                   "input-props": { "aria-label": e(l)("config.login.features") }
-                }, null, 8, ["value", "status", "placeholder", "input-props"])
+                }, null, 8, ["value", "size", "status", "placeholder", "input-props"])
               ]),
               _: 1
             }, 8, ["label", "keys", "disabled"])
@@ -259,6 +261,6 @@ const Ue = /* @__PURE__ */ $({
   }
 });
 export {
-  Ue as default
+  Le as default
 };
 //# sourceMappingURL=BrandSection2.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BrandSection2.vue.js","sources":["../../../../../src/views/system/config/components/BrandSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 品牌与登录页:左边「站点」「登录页」两组设置,右边一块预览,用分段控件切「后台 / 登录页」。\n// 预览跟着焦点走:编辑站点组时看后台,编辑登录页组时看登录页,也可手动切。\n// 登录页文案中英文分开配,组名右侧切语言,预览同步切到该语言。\nimport { computed, ref } from 'vue'\nimport { NInput, NSwitch } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { splitLoginHeroFeatures } from '#/lib/loginHero'\nimport { useAppStore } from '#/stores/app'\nimport {\n  BRAND_KEYS,\n  heroKeys,\n  LOGIN_LOCALES,\n  LOGO_KEY,\n  SHOW_FEATURES_KEY,\n  SUBTITLE_KEY,\n  type LoginLocale,\n} from '../groups'\nimport { useConfigDraft, useDraftFields } from '../draft'\nimport SectionLayout from './SectionLayout.vue'\nimport CfgGroup from './CfgGroup.vue'\nimport CfgRow from './CfgRow.vue'\nimport CfgSegment from './CfgSegment.vue'\nimport ScaleToFit from './ScaleToFit.vue'\nimport LogoEditor from './LogoEditor.vue'\nimport AdminMock from './AdminMock.vue'\nimport LoginMock from './LoginMock.vue'\n\nconst { t } = useI18n()\nconst app = useAppStore()\nconst { values } = useConfigDraft()\nconst { str } = useDraftFields()\n\nconst title = str('sys.site.title')\nconst copyright = str('sys.site.copyright')\nconst copyrightUrl = str('sys.site.copyrightUrl')\nconst subtitle = str(SUBTITLE_KEY)\n\nconst view = ref<'admin' | 'login'>('admin')\nconst viewOptions = computed(() => [\n  { value: 'admin' as const, label: t('config.brand.previewAdmin') },\n  { value: 'login' as const, label: t('config.brand.previewLogin') },\n])\n\nconst locale = ref<LoginLocale>(app.locale === 'en-US' ? 'en-US' : 'zh-CN')\nconst localeOptions = computed(() =>\n  LOGIN_LOCALES.map(l => ({\n    value: l,\n    label: t(`config.login.locale${l === 'zh-CN' ? 'Zh' : 'En'}`),\n  })),\n)\nfunction setLocale(l: LoginLocale) {\n  locale.value = l\n  view.value = 'login'\n}\nconst keys = computed(() => heroKeys(locale.value))\nconst field = (name: 'headline' | 'highlight' | 'features') =>\n  computed({\n    get: () => values[keys.value[name]] ?? '',\n    set: (v: string) => {\n      values[keys.value[name]] = v\n    },\n  })\nconst headline = field('headline')\nconst highlight = field('highlight')\nconst features = field('features')\n// 缺省视为开:库里没有这个键时登录页照常显示卖点\nconst showFeatures = computed({\n  get: () => values[SHOW_FEATURES_KEY] !== 'false',\n  set: v => {\n    values[SHOW_FEATURES_KEY] = v ? 'true' : 'false'\n  },\n})\nconst highlightMissing = computed(() => {\n  const h = headline.value.trim()\n  const k = highlight.value.trim()\n  return !!h && !!k && !h.includes(k)\n})\nconst tooManyFeatures = computed(\n  () => splitLoginHeroFeatures(features.value, Number.MAX_SAFE_INTEGER).length > 5,\n)\nconst heroRowKeys = (name: 'headline' | 'highlight' | 'features') =>\n  LOGIN_LOCALES.map(l => heroKeys(l)[name])\n\ndefineExpose({ setLocale })\n</script>\n\n<template>\n  <SectionLayout\n    :title=\"t('config.tab.brand')\"\n    :desc=\"t('config.brand.desc')\"\n    :preview-title=\"t('config.brand.preview')\"\n  >\n    <CfgGroup :title=\"t('config.brand.groupSite')\" @focusin=\"view = 'admin'\">\n      <CfgRow\n        :label=\"t('config.logo.title')\"\n        :hint=\"t('config.logo.help')\"\n        :keys=\"[LOGO_KEY]\"\n        class=\"logo-row\"\n      >\n        <LogoEditor />\n      </CfgRow>\n      <CfgRow :label=\"t('config.base.siteTitle')\" :keys=\"[BRAND_KEYS[0]]\">\n        <n-input\n          v-model:value=\"title\"\n          class=\"fld\"\n          placeholder=\"SmartAdmin\"\n          :input-props=\"{ 'aria-label': t('config.base.siteTitle') }\"\n        />\n      </CfgRow>\n      <CfgRow :label=\"t('config.base.copyright')\" :keys=\"['sys.site.copyright']\">\n        <n-input\n          v-model:value=\"copyright\"\n          class=\"fld\"\n          :placeholder=\"t('config.brand.copyrightPh')\"\n          :input-props=\"{ 'aria-label': t('config.base.copyright') }\"\n        />\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.base.copyrightUrl')\"\n        :hint=\"t('config.brand.copyrightUrlHint')\"\n        :keys=\"['sys.site.copyrightUrl']\"\n      >\n        <n-input\n          v-model:value=\"copyrightUrl\"\n          class=\"fld\"\n          placeholder=\"https://\"\n          :input-props=\"{ 'aria-label': t('config.base.copyrightUrl') }\"\n        />\n      </CfgRow>\n    </CfgGroup>\n\n    <CfgGroup :title=\"t('config.brand.groupLogin')\" @focusin=\"view = 'login'\">\n      <template #extra>\n        <CfgSegment\n          :model-value=\"locale\"\n          :options=\"localeOptions\"\n          :label=\"t('config.login.language')\"\n          data-testid=\"login-locale\"\n          @update:model-value=\"setLocale\"\n        />\n      </template>\n      <CfgRow :label=\"t('config.base.siteSubtitle')\" :keys=\"[SUBTITLE_KEY]\">\n        <n-input\n          v-model:value=\"subtitle\"\n          class=\"fld\"\n          :placeholder=\"t('login.subtitle', {}, { locale })\"\n          :input-props=\"{ 'aria-label': t('config.base.siteSubtitle') }\"\n        />\n      </CfgRow>\n      <CfgRow :label=\"t('config.login.headline')\" :keys=\"heroRowKeys('headline')\">\n        <n-input\n          v-model:value=\"headline\"\n          class=\"fld\"\n          :placeholder=\"t('config.login.headlinePlaceholder')\"\n          :input-props=\"{ 'aria-label': t('config.login.headline') }\"\n        />\n      </CfgRow>\n      <CfgRow :label=\"t('config.login.highlight')\" :keys=\"heroRowKeys('highlight')\">\n        <template #hint>\n          <span :class=\"{ warn: highlightMissing }\">\n            {{\n              highlightMissing\n                ? t('config.login.highlightMissing')\n                : t('config.login.highlightHint')\n            }}\n          </span>\n        </template>\n        <n-input\n          v-model:value=\"highlight\"\n          class=\"fld\"\n          :status=\"highlightMissing ? 'warning' : undefined\"\n          :placeholder=\"t('config.login.highlightPlaceholder')\"\n          :input-props=\"{ 'aria-label': t('config.login.highlight') }\"\n        />\n      </CfgRow>\n      <CfgRow :label=\"t('config.login.showFeatures')\" :keys=\"[SHOW_FEATURES_KEY]\">\n        <n-switch v-model:value=\"showFeatures\" :aria-label=\"t('config.login.showFeatures')\" />\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.login.features')\"\n        :keys=\"heroRowKeys('features')\"\n        :disabled=\"!showFeatures\"\n        tall\n        class=\"feat\"\n      >\n        <template #hint>\n          <span :class=\"{ err: tooManyFeatures }\">\n            {{\n              tooManyFeatures ? t('config.login.tooManyFeatures') : t('config.login.featuresHint')\n            }}\n          </span>\n        </template>\n        <n-input\n          v-model:value=\"features\"\n          type=\"textarea\"\n          :status=\"tooManyFeatures ? 'error' : undefined\"\n          :autosize=\"{ minRows: 2, maxRows: 4 }\"\n          :placeholder=\"t('config.login.featuresPlaceholder')\"\n          :input-props=\"{ 'aria-label': t('config.login.features') }\"\n        />\n      </CfgRow>\n    </CfgGroup>\n\n    <template #preview-extra>\n      <CfgSegment v-model=\"view\" :options=\"viewOptions\" :label=\"t('config.brand.preview')\" />\n    </template>\n    <template #preview>\n      <ScaleToFit v-show=\"view === 'admin'\" :width=\"880\" :height=\"540\">\n        <AdminMock />\n      </ScaleToFit>\n      <ScaleToFit v-show=\"view === 'login'\" :width=\"880\" :height=\"540\">\n        <LoginMock :locale=\"locale\" />\n      </ScaleToFit>\n    </template>\n  </SectionLayout>\n</template>\n\n<style scoped>\n.fld {\n  width: 240px;\n}\n.logo-row {\n  min-height: 64px;\n}\n.feat :deep(.ctl) {\n  flex: 1.6;\n}\n.warn {\n  color: var(--color-warning);\n}\n.err {\n  color: var(--color-danger);\n}\n</style>\n"],"names":["t","useI18n","app","useAppStore","values","useConfigDraft","str","useDraftFields","title","copyright","copyrightUrl","subtitle","SUBTITLE_KEY","view","ref","viewOptions","computed","locale","localeOptions","LOGIN_LOCALES","l","setLocale","keys","heroKeys","field","name","v","headline","highlight","features","showFeatures","SHOW_FEATURES_KEY","highlightMissing","h","k","tooManyFeatures","splitLoginHeroFeatures","heroRowKeys","__expose","_createBlock","SectionLayout","_unref","_createVNode","CfgSegment","$event","ScaleToFit","AdminMock","LoginMock","CfgGroup","CfgRow","LOGO_KEY","LogoEditor","BRAND_KEYS","NInput","_createElementVNode","NSwitch"],"mappings":"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"}
+{"version":3,"file":"BrandSection2.vue.js","sources":["../../../../../src/views/system/config/components/BrandSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 品牌与登录页:左边「站点」「登录页」两组设置,右边一块预览,用分段控件切「后台 / 登录页」。\n// 预览跟着焦点走:编辑站点组时看后台,编辑登录页组时看登录页,也可手动切。\n// 登录页文案中英文分开配,组名右侧切语言,预览同步切到该语言。\nimport { computed, ref } from 'vue'\nimport { NInput, NSwitch } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { splitLoginHeroFeatures } from '#/lib/loginHero'\nimport { useAppStore } from '#/stores/app'\nimport {\n  BRAND_KEYS,\n  heroKeys,\n  LOGIN_LOCALES,\n  LOGO_KEY,\n  SHOW_FEATURES_KEY,\n  SUBTITLE_KEY,\n  type LoginLocale,\n} from '../groups'\nimport { useConfigDraft, useDraftFields } from '../draft'\nimport { useConfigLayout } from '../layoutMode'\nimport SectionLayout from './SectionLayout.vue'\nimport CfgGroup from './CfgGroup.vue'\nimport CfgRow from './CfgRow.vue'\nimport CfgSegment from './CfgSegment.vue'\nimport ScaleToFit from './ScaleToFit.vue'\nimport LogoEditor from './LogoEditor.vue'\nimport AdminMock from './AdminMock.vue'\nimport LoginMock from './LoginMock.vue'\n\nconst { t } = useI18n()\nconst app = useAppStore()\nconst { values } = useConfigDraft()\nconst { str } = useDraftFields()\nconst { ctl } = useConfigLayout()\n\nconst title = str('sys.site.title')\nconst copyright = str('sys.site.copyright')\nconst copyrightUrl = str('sys.site.copyrightUrl')\nconst subtitle = str(SUBTITLE_KEY)\n\nconst view = ref<'admin' | 'login'>('admin')\nconst viewOptions = computed(() => [\n  { value: 'admin' as const, label: t('config.brand.previewAdmin') },\n  { value: 'login' as const, label: t('config.brand.previewLogin') },\n])\n\nconst locale = ref<LoginLocale>(app.locale === 'en-US' ? 'en-US' : 'zh-CN')\nconst localeOptions = computed(() =>\n  LOGIN_LOCALES.map(l => ({\n    value: l,\n    label: t(`config.login.locale${l === 'zh-CN' ? 'Zh' : 'En'}`),\n  })),\n)\nfunction setLocale(l: LoginLocale) {\n  locale.value = l\n  view.value = 'login'\n}\nconst keys = computed(() => heroKeys(locale.value))\nconst field = (name: 'headline' | 'highlight' | 'features') =>\n  computed({\n    get: () => values[keys.value[name]] ?? '',\n    set: (v: string) => {\n      values[keys.value[name]] = v\n    },\n  })\nconst headline = field('headline')\nconst highlight = field('highlight')\nconst features = field('features')\n// 缺省视为开:库里没有这个键时登录页照常显示亮点\nconst showFeatures = computed({\n  get: () => values[SHOW_FEATURES_KEY] !== 'false',\n  set: v => {\n    values[SHOW_FEATURES_KEY] = v ? 'true' : 'false'\n  },\n})\nconst highlightMissing = computed(() => {\n  const h = headline.value.trim()\n  const k = highlight.value.trim()\n  return !!h && !!k && !h.includes(k)\n})\nconst tooManyFeatures = computed(\n  () => splitLoginHeroFeatures(features.value, Number.MAX_SAFE_INTEGER).length > 5,\n)\nconst heroRowKeys = (name: 'headline' | 'highlight' | 'features') =>\n  LOGIN_LOCALES.map(l => heroKeys(l)[name])\n\ndefineExpose({ setLocale })\n</script>\n\n<template>\n  <SectionLayout\n    :title=\"t('config.tab.brand')\"\n    :desc=\"t('config.brand.desc')\"\n    :preview-title=\"t('config.brand.preview')\"\n  >\n    <CfgGroup :title=\"t('config.brand.groupSite')\" @focusin=\"view = 'admin'\">\n      <CfgRow\n        :label=\"t('config.logo.title')\"\n        :hint=\"t('config.logo.help')\"\n        :keys=\"[LOGO_KEY]\"\n        class=\"logo-row\"\n      >\n        <LogoEditor />\n      </CfgRow>\n      <CfgRow :label=\"t('config.base.siteTitle')\" :keys=\"[BRAND_KEYS[0]]\">\n        <n-input\n          v-model:value=\"title\"\n          :size=\"ctl\"\n          placeholder=\"SmartAdmin\"\n          :input-props=\"{ 'aria-label': t('config.base.siteTitle') }\"\n        />\n      </CfgRow>\n      <CfgRow :label=\"t('config.base.copyright')\" :keys=\"['sys.site.copyright']\">\n        <n-input\n          v-model:value=\"copyright\"\n          :size=\"ctl\"\n          :placeholder=\"t('config.brand.copyrightPh')\"\n          :input-props=\"{ 'aria-label': t('config.base.copyright') }\"\n        />\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.base.copyrightUrl')\"\n        :hint=\"t('config.brand.copyrightUrlHint')\"\n        :keys=\"['sys.site.copyrightUrl']\"\n      >\n        <n-input\n          v-model:value=\"copyrightUrl\"\n          :size=\"ctl\"\n          placeholder=\"https://\"\n          :input-props=\"{ 'aria-label': t('config.base.copyrightUrl') }\"\n        />\n      </CfgRow>\n    </CfgGroup>\n\n    <CfgGroup :title=\"t('config.brand.groupLogin')\" @focusin=\"view = 'login'\">\n      <template #extra>\n        <CfgSegment\n          :model-value=\"locale\"\n          :options=\"localeOptions\"\n          :label=\"t('config.login.language')\"\n          data-testid=\"login-locale\"\n          @update:model-value=\"setLocale\"\n        />\n      </template>\n      <CfgRow :label=\"t('config.base.siteSubtitle')\" :keys=\"[SUBTITLE_KEY]\">\n        <n-input\n          v-model:value=\"subtitle\"\n          :size=\"ctl\"\n          :placeholder=\"t('login.subtitle', {}, { locale })\"\n          :input-props=\"{ 'aria-label': t('config.base.siteSubtitle') }\"\n        />\n      </CfgRow>\n      <CfgRow :label=\"t('config.login.headline')\" :keys=\"heroRowKeys('headline')\">\n        <n-input\n          v-model:value=\"headline\"\n          :size=\"ctl\"\n          :placeholder=\"t('config.login.headlinePlaceholder')\"\n          :input-props=\"{ 'aria-label': t('config.login.headline') }\"\n        />\n      </CfgRow>\n      <CfgRow :label=\"t('config.login.highlight')\" :keys=\"heroRowKeys('highlight')\">\n        <template #hint>\n          <span :class=\"{ warn: highlightMissing }\">\n            {{\n              highlightMissing\n                ? t('config.login.highlightMissing')\n                : t('config.login.highlightHint')\n            }}\n          </span>\n        </template>\n        <n-input\n          v-model:value=\"highlight\"\n          :size=\"ctl\"\n          :status=\"highlightMissing ? 'warning' : undefined\"\n          :placeholder=\"t('config.login.highlightPlaceholder')\"\n          :input-props=\"{ 'aria-label': t('config.login.highlight') }\"\n        />\n      </CfgRow>\n      <CfgRow :label=\"t('config.login.showFeatures')\" :keys=\"[SHOW_FEATURES_KEY]\">\n        <n-switch v-model:value=\"showFeatures\" :aria-label=\"t('config.login.showFeatures')\" />\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.login.features')\"\n        :keys=\"heroRowKeys('features')\"\n        :disabled=\"!showFeatures\"\n        tall\n        class=\"feat\"\n      >\n        <template #hint>\n          <span :class=\"{ err: tooManyFeatures }\">\n            {{\n              tooManyFeatures ? t('config.login.tooManyFeatures') : t('config.login.featuresHint')\n            }}\n          </span>\n        </template>\n        <n-input\n          v-model:value=\"features\"\n          type=\"textarea\"\n          :size=\"ctl\"\n          :status=\"tooManyFeatures ? 'error' : undefined\"\n          :autosize=\"{ minRows: 2, maxRows: 4 }\"\n          :placeholder=\"t('config.login.featuresPlaceholder')\"\n          :input-props=\"{ 'aria-label': t('config.login.features') }\"\n        />\n      </CfgRow>\n    </CfgGroup>\n\n    <template #preview-extra>\n      <CfgSegment v-model=\"view\" :options=\"viewOptions\" :label=\"t('config.brand.preview')\" />\n    </template>\n    <template #preview>\n      <ScaleToFit v-show=\"view === 'admin'\" :width=\"880\" :height=\"540\">\n        <AdminMock />\n      </ScaleToFit>\n      <ScaleToFit v-show=\"view === 'login'\" :width=\"880\" :height=\"540\">\n        <LoginMock :locale=\"locale\" />\n      </ScaleToFit>\n    </template>\n  </SectionLayout>\n</template>\n\n<style scoped>\n.logo-row {\n  min-height: 72px;\n}\n.feat :deep(.ctl) {\n  flex: 1.8 1 0;\n}\n.warn {\n  color: var(--warn);\n}\n.err {\n  color: var(--err);\n}\n</style>\n"],"names":["t","useI18n","app","useAppStore","values","useConfigDraft","str","useDraftFields","ctl","useConfigLayout","title","copyright","copyrightUrl","subtitle","SUBTITLE_KEY","view","ref","viewOptions","computed","locale","localeOptions","LOGIN_LOCALES","l","setLocale","keys","heroKeys","field","name","v","headline","highlight","features","showFeatures","SHOW_FEATURES_KEY","highlightMissing","h","k","tooManyFeatures","splitLoginHeroFeatures","heroRowKeys","__expose","_createBlock","SectionLayout","_unref","_createVNode","CfgSegment","$event","ScaleToFit","AdminMock","LoginMock","CfgGroup","CfgRow","LOGO_KEY","LogoEditor","BRAND_KEYS","NInput","_createElementVNode","NSwitch"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import o from "./CfgGroup2.vue.js";
 /* empty css              */
-import r from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-85a7c281"]]);
+import f from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ f(o, [["__scopeId", "data-v-b7e2ff62"]]);
 export {
-  f as default
+  m as default
 };
 //# sourceMappingURL=CfgGroup.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CfgGroup2.vue.js","sources":["../../../../../src/views/system/config/components/CfgGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 圆角分组列表(仿 macOS「系统设置」):组名在卡片外的左上方,#extra 放在组名右侧(如语言切换)。\ndefineProps<{ title?: string }>()\n</script>\n\n<template>\n  <div class=\"cfg-group\">\n    <h4 v-if=\"title || $slots.extra\">\n      <span>{{ title }}</span>\n      <slot name=\"extra\" />\n    </h4>\n    <div class=\"cfg-list\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.cfg-group {\n  flex: none;\n  min-width: 0;\n}\nh4 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  min-height: 22px;\n  margin: 0 0 6px 12px;\n  font-size: var(--font-size-sm);\n  font-weight: 500;\n  color: var(--color-text-secondary);\n}\n.cfg-list {\n  border-radius: 12px;\n  background: var(--color-bg-container);\n  border: 1px solid var(--color-border);\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","__props","$slots","_hoisted_2","_createElementVNode","_renderSlot","_ctx","_hoisted_3"],"mappings":";;;;;;;sBAMEA,EAAA,GAAAC,EAQM,OARNC,GAQM;AAAA,MAPMC,EAAA,SAASC,EAAAA,OAAO,cAA1BH,EAGK,MAAAI,GAAA;AAAA,QAFHC,EAAwB,gBAAfH,EAAA,KAAK,GAAA,CAAA;AAAA,QACdI,EAAqBC,EAAA,QAAA,SAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;MAEvBF,EAEM,OAFNG,GAEM;AAAA,QADJF,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"CfgGroup2.vue.js","sources":["../../../../../src/views/system/config/components/CfgGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 圆角分组列表(仿 macOS「系统设置」):组名在卡片外的左上方,#extra 放在组名右侧(如语言切换)。\ndefineProps<{ title?: string }>()\n</script>\n\n<template>\n  <div class=\"cfg-group\">\n    <h4 v-if=\"title || $slots.extra\">\n      <span>{{ title }}</span>\n      <slot name=\"extra\" />\n    </h4>\n    <div class=\"cfg-list\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.cfg-group {\n  flex: none;\n  min-width: 0;\n}\nh4 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  min-height: 28px;\n  margin: 0 0 4px 12px;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--text-2);\n}\n/* 列表卡:不描边、不投影,靠半透明填充底和卡片拉开层次 */\n.cfg-list {\n  border-radius: var(--radius-lg);\n  background: var(--fill);\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","__props","$slots","_hoisted_2","_createElementVNode","_renderSlot","_ctx","_hoisted_3"],"mappings":";;;;;;;sBAMEA,EAAA,GAAAC,EAQM,OARNC,GAQM;AAAA,MAPMC,EAAA,SAASC,EAAAA,OAAO,cAA1BH,EAGK,MAAAI,GAAA;AAAA,QAFHC,EAAwB,gBAAfH,EAAA,KAAK,GAAA,CAAA;AAAA,QACdI,EAAqBC,EAAA,QAAA,SAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;MAEvBF,EAEM,OAFNG,GAEM;AAAA,QADJF,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;;;;"}

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

@@ -2,7 +2,7 @@ import o from "./CfgRow2.vue.js";
 /* empty css            */
 /* empty css            */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bd8e29b3"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2191e0b7"]]);
 export {
   _ as default
 };

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

@@ -1,14 +1,15 @@
-import { defineComponent as h, computed as b, openBlock as s, createElementBlock as o, normalizeClass as y, createElementVNode as l, createCommentVNode as n, renderSlot as d, createTextVNode as r, toDisplayString as i, unref as v } from "vue";
-import { useI18n as g } from "vue-i18n";
-import { useConfigDraft as k } from "../draft.js";
-const B = ["aria-disabled"], C = { class: "lb" }, p = { class: "name" }, $ = {
+import { defineComponent as y, computed as v, openBlock as s, createElementBlock as o, normalizeClass as g, unref as c, createElementVNode as n, createCommentVNode as l, renderSlot as i, createTextVNode as u, toDisplayString as d } from "vue";
+import { useI18n as k } from "vue-i18n";
+import { useConfigDraft as C } from "../draft.js";
+import { useConfigLayout as p } from "../layoutMode.js";
+const B = ["aria-disabled"], $ = { class: "lb" }, N = { class: "name" }, V = {
   key: 0,
   class: "dot",
   "aria-hidden": "true"
-}, N = {
+}, w = {
   key: 1,
   class: "sr-only"
-}, V = { key: 0 }, w = { class: "ctl" }, T = /* @__PURE__ */ h({
+}, D = { key: 0 }, E = { class: "ctl" }, I = /* @__PURE__ */ y({
   __name: "CfgRow",
   props: {
     label: {},
@@ -19,35 +20,35 @@ const B = ["aria-disabled"], C = { class: "lb" }, p = { class: "name" }, $ = {
     tall: { type: Boolean }
   },
   setup(e) {
-    const u = e, { t: m } = g(), f = k(), a = b(() => {
+    const m = e, { t: f } = k(), h = C(), { nar: b } = p(), a = v(() => {
       var t;
-      return !!((t = u.keys) != null && t.some((c) => f.dirtyKeys.value.includes(c)));
+      return !!((t = m.keys) != null && t.some((r) => h.dirtyKeys.value.includes(r)));
     });
-    return (t, c) => (s(), o("div", {
-      class: y(["cfg-row", { sub: e.sub, off: e.disabled, tall: e.tall, changed: a.value }]),
+    return (t, r) => (s(), o("div", {
+      class: g(["cfg-row", { sub: e.sub, off: e.disabled, tall: e.tall, changed: a.value, nar: c(b) }]),
       "aria-disabled": e.disabled || void 0
     }, [
-      l("div", C, [
-        l("span", p, [
-          a.value ? (s(), o("i", $)) : n("", !0),
-          d(t.$slots, "label", {}, () => [
-            r(i(e.label), 1)
+      n("div", $, [
+        n("span", N, [
+          a.value ? (s(), o("i", V)) : l("", !0),
+          i(t.$slots, "label", {}, () => [
+            u(d(e.label), 1)
           ], !0),
-          a.value ? (s(), o("span", N, i(v(m)("config.unsavedTab")), 1)) : n("", !0)
+          a.value ? (s(), o("span", w, d(c(f)("config.unsavedTab")), 1)) : l("", !0)
         ]),
-        e.hint || t.$slots.hint ? (s(), o("small", V, [
-          d(t.$slots, "hint", {}, () => [
-            r(i(e.hint), 1)
+        e.hint || t.$slots.hint ? (s(), o("small", D, [
+          i(t.$slots, "hint", {}, () => [
+            u(d(e.hint), 1)
           ], !0)
-        ])) : n("", !0)
+        ])) : l("", !0)
       ]),
-      l("div", w, [
-        d(t.$slots, "default", {}, void 0, !0)
+      n("div", E, [
+        i(t.$slots, "default", {}, void 0, !0)
       ])
     ], 10, B));
   }
 });
 export {
-  T as default
+  I as default
 };
 //# sourceMappingURL=CfgRow2.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CfgRow2.vue.js","sources":["../../../../../src/views/system/config/components/CfgRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 分组列表里的一行:左边标签(可带一行灰色说明),右边控件。\n// keys 里任一键有未保存改动,标签前出现橙点——用户一眼看出改了哪几项。\n// sub 是缩进的从属项(如「验证码类型」),disabled 让整行变灰不可操作(从属的总开关关着)。\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useConfigDraft } from '../draft'\n\nconst props = defineProps<{\n  label?: string\n  hint?: string\n  keys?: readonly string[]\n  sub?: boolean\n  disabled?: boolean\n  /** 控件比一行高(多行输入、标签组):顶端对齐 */\n  tall?: boolean\n}>()\n\nconst { t } = useI18n()\nconst draft = useConfigDraft()\nconst changed = computed(() => !!props.keys?.some(key => draft.dirtyKeys.value.includes(key)))\n</script>\n\n<template>\n  <div\n    :class=\"['cfg-row', { sub, off: disabled, tall, changed }]\"\n    :aria-disabled=\"disabled || undefined\"\n  >\n    <div class=\"lb\">\n      <span class=\"name\">\n        <i v-if=\"changed\" class=\"dot\" aria-hidden=\"true\" />\n        <slot name=\"label\">{{ label }}</slot>\n        <span v-if=\"changed\" class=\"sr-only\">{{ t('config.unsavedTab') }}</span>\n      </span>\n      <small v-if=\"hint || $slots.hint\">\n        <slot name=\"hint\">{{ hint }}</slot>\n      </small>\n    </div>\n    <div class=\"ctl\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.cfg-row {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-height: 48px;\n  padding: 6px 14px;\n  font-size: var(--font-size-base);\n}\n.cfg-row + .cfg-row::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 14px;\n  right: 0;\n  border-top: 0.5px solid var(--color-border);\n}\n.cfg-row.sub {\n  padding-left: 34px;\n}\n.cfg-row.sub::before {\n  left: 34px;\n}\n.cfg-row.tall {\n  align-items: flex-start;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n.cfg-row.off .lb,\n.cfg-row.off .ctl {\n  opacity: 0.45;\n  pointer-events: none;\n}\n.lb {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-width: 130px;\n}\n.name {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  white-space: nowrap;\n  color: var(--color-text-primary);\n}\n.dot {\n  position: absolute;\n  left: -11px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--color-warning);\n}\nsmall {\n  font-size: var(--font-size-sm);\n  line-height: 1.4;\n  color: var(--color-text-tertiary);\n}\n.ctl {\n  display: flex;\n  flex: 0 1 auto;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  min-width: 0;\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</style>\n\n<style>\n/* 带文本输入框的行:标签与输入按 1:1.8 分(输入框是主角,要宽),输入框铺满自己那一份。\n   放在非 scoped 块里::has() 要看子孙里有没有输入框,scoped 的属性选择器改写会打乱它。 */\n.cfg-row:has(> .ctl > :is(.n-input, .n-select)) > .lb {\n  flex: 1 1 0;\n}\n.cfg-row:has(> .ctl > :is(.n-input, .n-select)) > .ctl {\n  flex: 1.8 1 0;\n}\n.cfg-row > .ctl > :is(.n-input, .n-select) {\n  flex: 1;\n  min-width: 0;\n}\n</style>\n"],"names":["props","__props","t","useI18n","draft","useConfigDraft","changed","computed","_a","key","_createElementBlock","_createElementVNode","_hoisted_2","_hoisted_3","_openBlock","_hoisted_4","_renderSlot","_ctx","_hoisted_5","_toDisplayString","_unref","$slots","_hoisted_6","_hoisted_7"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAUR,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAAUC,EAAS,MAAA;;AAAM,cAAC,GAACC,IAAAR,EAAM,SAAN,QAAAQ,EAAY,KAAK,CAAAC,MAAOL,EAAM,UAAU,MAAM,SAASK,CAAG;AAAA,KAAE;2BAI3FC,EAiBM,OAAA;AAAA,MAhBH,4BAAqBT,EAAA,KAAG,KAAOA,YAAQ,MAAEA,EAAA,eAAMK,EAAA,MAAA,CAAO,CAAA;AAAA,MACtD,iBAAeL,EAAA,YAAY;AAAA,IAAA;MAE5BU,EASM,OATNC,GASM;AAAA,QARJD,EAIO,QAJPE,GAIO;AAAA,UAHIP,EAAA,SAATQ,EAAA,GAAAJ,EAAmD,KAAnDK,CAAmD;UACnDC,EAAqCC,uBAArC,MAAqC;AAAA,gBAAfhB,EAAA,KAAK,GAAA,CAAA;AAAA,UAAA;UACfK,EAAA,cAAZI,EAAwE,QAAxEQ,GAAwEC,EAAhCC,EAAAlB,CAAA,EAAC,mBAAA,CAAA,GAAA,CAAA;;QAE9BD,EAAA,QAAQoB,EAAAA,OAAO,aAA5BX,EAEQ,SAAAY,GAAA;AAAA,UADNN,EAAmCC,sBAAnC,MAAmC;AAAA,gBAAdhB,EAAA,IAAI,GAAA,CAAA;AAAA,UAAA;;;MAG7BU,EAEM,OAFNY,GAEM;AAAA,QADJP,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"CfgRow2.vue.js","sources":["../../../../../src/views/system/config/components/CfgRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 分组列表里的一行:左边标签(可带一行灰色说明),右边控件。\n// keys 里任一键有未保存改动,标签前出现橙点——用户一眼看出改了哪几项。\n// sub 是缩进的从属项(如「验证码类型」),disabled 让整行变灰不可操作(从属的总开关关着)。\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useConfigDraft } from '../draft'\nimport { useConfigLayout } from '../layoutMode'\n\nconst props = defineProps<{\n  label?: string\n  hint?: string\n  keys?: readonly string[]\n  sub?: boolean\n  disabled?: boolean\n  /** 控件比一行高(多行输入、标签组):顶端对齐 */\n  tall?: boolean\n}>()\n\nconst { t } = useI18n()\nconst draft = useConfigDraft()\nconst { nar } = useConfigLayout()\nconst changed = computed(() => !!props.keys?.some(key => draft.dirtyKeys.value.includes(key)))\n</script>\n\n<template>\n  <div\n    :class=\"['cfg-row', { sub, off: disabled, tall, changed, nar }]\"\n    :aria-disabled=\"disabled || undefined\"\n  >\n    <div class=\"lb\">\n      <span class=\"name\">\n        <i v-if=\"changed\" class=\"dot\" aria-hidden=\"true\" />\n        <slot name=\"label\">{{ label }}</slot>\n        <span v-if=\"changed\" class=\"sr-only\">{{ t('config.unsavedTab') }}</span>\n      </span>\n      <small v-if=\"hint || $slots.hint\">\n        <slot name=\"hint\">{{ hint }}</slot>\n      </small>\n    </div>\n    <div class=\"ctl\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.cfg-row {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-height: 48px;\n  padding: 6px 14px;\n  font-size: 14px;\n}\n.cfg-row + .cfg-row::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 14px;\n  right: 0;\n  border-top: 1px solid var(--separator);\n}\n.cfg-row.sub {\n  padding-left: 34px;\n}\n.cfg-row.sub::before {\n  left: 34px;\n}\n.cfg-row.tall {\n  align-items: flex-start;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n.cfg-row.off .lb,\n.cfg-row.off .ctl {\n  opacity: 0.45;\n  pointer-events: none;\n}\n.lb {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-width: 130px;\n}\n.name {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  white-space: nowrap;\n  color: var(--text-1);\n}\n.dot {\n  position: absolute;\n  left: -11px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--warn);\n}\nsmall {\n  font-size: 13px;\n  line-height: 1.4;\n  color: var(--text-3);\n}\n.ctl {\n  display: flex;\n  flex: 0 1 auto;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  min-width: 0;\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/* 窄档:从属项的缩进收一点 */\n.cfg-row.nar.sub {\n  padding-left: 24px;\n}\n.cfg-row.nar.sub::before {\n  left: 24px;\n}\n</style>\n\n<style>\n/* 带文本输入框的行:标签与输入按 1:1.8 分(输入框是主角,要宽),输入框铺满自己那一份。\n   放在非 scoped 块里::has() 要看子孙里有没有输入框,scoped 的属性选择器改写会打乱它。 */\n.cfg-row:has(> .ctl > :is(.n-input, .n-select)) > .lb {\n  flex: 1 1 0;\n}\n.cfg-row:has(> .ctl > :is(.n-input, .n-select)) > .ctl {\n  flex: 1.8 1 0;\n}\n.cfg-row > .ctl > :is(.n-input, .n-select) {\n  flex: 1;\n  min-width: 0;\n}\n/* 窄档:设置行上下排,标签一行、控件占满一行(带开关的行保持左右一行,开关本来就小) */\n.cfg-row.nar:not(:has(> .ctl > .n-switch)) {\n  flex-wrap: wrap;\n  row-gap: 8px;\n}\n.cfg-row.nar:not(:has(> .ctl > .n-switch)) > .lb {\n  flex: 1 1 100%;\n}\n.cfg-row.nar:not(:has(> .ctl > .n-switch)) > .ctl,\n.cfg-row.nar:has(> .ctl > :is(.n-input, .n-select)) > .ctl {\n  flex: 1 1 100%;\n}\n.cfg-row.nar:not(:has(> .ctl > .n-switch)) > .ctl {\n  justify-content: flex-start;\n}\n.cfg-row.nar > .ctl > .n-input-number {\n  width: 120px;\n}\n.cfg-row.nar > .ctl > .n-slider {\n  flex: 1;\n  width: auto;\n}\n</style>\n"],"names":["props","__props","t","useI18n","draft","useConfigDraft","nar","useConfigLayout","changed","computed","_a","key","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_hoisted_2","_hoisted_3","_openBlock","_hoisted_4","_renderSlot","_ctx","_hoisted_5","_toDisplayString","$slots","_hoisted_6","_hoisted_7"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAUR,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAQC,EAAA,GACR,EAAE,KAAAC,EAAA,IAAQC,EAAA,GACVC,IAAUC,EAAS,MAAA;;AAAM,cAAC,GAACC,IAAAV,EAAM,SAAN,QAAAU,EAAY,KAAK,CAAAC,MAAOP,EAAM,UAAU,MAAM,SAASO,CAAG;AAAA,KAAE;2BAI3FC,EAiBM,OAAA;AAAA,MAhBH,OAAKC,EAAA,CAAA,WAAA,EAAA,KAAgBZ,OAAG,KAAOA,EAAA,gBAAUA,EAAA,MAAI,SAAEO,EAAA,OAAO,KAAEM,EAAAR,CAAA,EAAA,CAAG,CAAA;AAAA,MAC3D,iBAAeL,EAAA,YAAY;AAAA,IAAA;MAE5Bc,EASM,OATNC,GASM;AAAA,QARJD,EAIO,QAJPE,GAIO;AAAA,UAHIT,EAAA,SAATU,EAAA,GAAAN,EAAmD,KAAnDO,CAAmD;UACnDC,EAAqCC,uBAArC,MAAqC;AAAA,gBAAfpB,EAAA,KAAK,GAAA,CAAA;AAAA,UAAA;UACfO,EAAA,cAAZI,EAAwE,QAAxEU,GAAwEC,EAAhCT,EAAAZ,CAAA,EAAC,mBAAA,CAAA,GAAA,CAAA;;QAE9BD,EAAA,QAAQuB,EAAAA,OAAO,aAA5BZ,EAEQ,SAAAa,GAAA;AAAA,UADNL,EAAmCC,sBAAnC,MAAmC;AAAA,gBAAdpB,EAAA,IAAI,GAAA,CAAA;AAAA,UAAA;;;MAG7Bc,EAEM,OAFNW,GAEM;AAAA,QADJN,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;;;;"}

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

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