smart-admin-web 10.14.0 → 10.20.0

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

@@ -0,0 +1,266 @@
+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 ne from "./LogoEditor.vue.js";
+import se from "./AdminMock.vue.js";
+import re from "./LoginMock.vue.js";
+const Le = /* @__PURE__ */ W({
+  __name: "BrandSection",
+  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(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, u.value = "login";
+    }
+    const A = p(() => B(d.value)), U = (n) => p({
+      get: () => c[A.value[n]] ?? "",
+      set: (o) => {
+        c[A.value[n]] = o;
+      }
+    }), h = U("headline"), b = U("highlight"), m = U("features"), z = p({
+      get: () => c[C] !== "false",
+      set: (n) => {
+        c[C] = n ? "true" : "false";
+      }
+    }), E = p(() => {
+      const n = h.value.trim(), o = b.value.trim();
+      return !!n && !!o && !n.includes(o);
+    }), 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": 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: a(() => [
+        O(i(I, {
+          width: 880,
+          height: 540
+        }, {
+          default: a(() => [
+            i(se)
+          ]),
+          _: 1
+        }, 512), [
+          [T, u.value === "admin"]
+        ]),
+        O(i(I, {
+          width: 880,
+          height: 540
+        }, {
+          default: a(() => [
+            i(re, { locale: d.value }, null, 8, ["locale"])
+          ]),
+          _: 1
+        }, 512), [
+          [T, u.value === "login"]
+        ])
+      ]),
+      default: a(() => [
+        i(D, {
+          title: e(l)("config.brand.groupSite"),
+          onFocusin: o[3] || (o[3] = (t) => u.value = "admin")
+        }, {
+          default: a(() => [
+            i(s, {
+              label: e(l)("config.logo.title"),
+              hint: e(l)("config.logo.help"),
+              keys: [e(ee)],
+              class: "logo-row"
+            }, {
+              default: a(() => [
+                i(ne)
+              ]),
+              _: 1
+            }, 8, ["label", "hint", "keys"]),
+            i(s, {
+              label: e(l)("config.base.siteTitle"),
+              keys: [e(le)[0]]
+            }, {
+              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", "size", "input-props"])
+              ]),
+              _: 1
+            }, 8, ["label", "keys"]),
+            i(s, {
+              label: e(l)("config.base.copyright"),
+              keys: ["sys.site.copyright"]
+            }, {
+              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", "size", "placeholder", "input-props"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            i(s, {
+              label: e(l)("config.base.copyrightUrl"),
+              hint: e(l)("config.brand.copyrightUrlHint"),
+              keys: ["sys.site.copyrightUrl"]
+            }, {
+              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", "size", "input-props"])
+              ]),
+              _: 1
+            }, 8, ["label", "hint"])
+          ]),
+          _: 1
+        }, 8, ["title"]),
+        i(D, {
+          title: e(l)("config.brand.groupLogin"),
+          onFocusin: o[9] || (o[9] = (t) => u.value = "login")
+        }, {
+          extra: a(() => [
+            i(H, {
+              "model-value": d.value,
+              options: $.value,
+              label: e(l)("config.login.language"),
+              "data-testid": "login-locale",
+              "onUpdate:modelValue": N
+            }, null, 8, ["model-value", "options", "label"])
+          ]),
+          default: a(() => [
+            i(s, {
+              label: e(l)("config.base.siteSubtitle"),
+              keys: [e(K)]
+            }, {
+              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", "size", "placeholder", "input-props"])
+              ]),
+              _: 1
+            }, 8, ["label", "keys"]),
+            i(s, {
+              label: e(l)("config.login.headline"),
+              keys: F("headline")
+            }, {
+              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", "size", "placeholder", "input-props"])
+              ]),
+              _: 1
+            }, 8, ["label", "keys"]),
+            i(s, {
+              label: e(l)("config.login.highlight"),
+              keys: F("highlight")
+            }, {
+              hint: a(() => [
+                R("span", {
+                  class: _({ warn: E.value })
+                }, M(E.value ? e(l)("config.login.highlightMissing") : e(l)("config.login.highlightHint")), 3)
+              ]),
+              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", "size", "status", "placeholder", "input-props"])
+              ]),
+              _: 1
+            }, 8, ["label", "keys"]),
+            i(s, {
+              label: e(l)("config.login.showFeatures"),
+              keys: [e(C)]
+            }, {
+              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"]),
+            i(s, {
+              label: e(l)("config.login.features"),
+              keys: F("features"),
+              disabled: !z.value,
+              tall: "",
+              class: "feat"
+            }, {
+              hint: a(() => [
+                R("span", {
+                  class: _({ err: L.value })
+                }, M(L.value ? e(l)("config.login.tooManyFeatures") : e(l)("config.login.featuresHint")), 3)
+              ]),
+              default: a(() => [
+                i(e(f), {
+                  value: e(m),
+                  "onUpdate:value": o[8] || (o[8] = (t) => g(m) ? m.value = t : null),
+                  type: "textarea",
+                  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", "size", "status", "placeholder", "input-props"])
+              ]),
+              _: 1
+            }, 8, ["label", "keys", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ]),
+      _: 1
+    }, 8, ["title", "desc", "preview-title"]));
+  }
+});
+export {
+  Le as default
+};
+//# sourceMappingURL=BrandSection2.vue.js.map

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

@@ -0,0 +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 { 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.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    title?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    extra?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { defineComponent as n, openBlock as o, createElementBlock as s, createElementVNode as r, toDisplayString as i, renderSlot as l, createCommentVNode as a } from "vue";
+const c = { class: "cfg-group" }, d = { key: 0 }, u = { class: "cfg-list" }, f = /* @__PURE__ */ n({
+  __name: "CfgGroup",
+  props: {
+    title: {}
+  },
+  setup(t) {
+    return (e, m) => (o(), s("div", c, [
+      t.title || e.$slots.extra ? (o(), s("h4", d, [
+        r("span", null, i(t.title), 1),
+        l(e.$slots, "extra", {}, void 0, !0)
+      ])) : a("", !0),
+      r("div", u, [
+        l(e.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+});
+export {
+  f as default
+};
+//# sourceMappingURL=CfgGroup2.vue.js.map

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

@@ -0,0 +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: 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.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    label?: string;
+    hint?: string;
+    keys?: readonly string[];
+    sub?: boolean;
+    disabled?: boolean;
+    /** 控件比一行高(多行输入、标签组):顶端对齐 */
+    tall?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_1) => any;
+} & {
+    hint?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,9 @@
+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-2191e0b7"]]);
+export {
+  _ as default
+};
+//# sourceMappingURL=CfgRow.vue.js.map

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

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

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

@@ -0,0 +1,54 @@
+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"
+}, w = {
+  key: 1,
+  class: "sr-only"
+}, D = { key: 0 }, E = { class: "ctl" }, I = /* @__PURE__ */ y({
+  __name: "CfgRow",
+  props: {
+    label: {},
+    hint: {},
+    keys: {},
+    sub: { type: Boolean },
+    disabled: { type: Boolean },
+    tall: { type: Boolean }
+  },
+  setup(e) {
+    const m = e, { t: f } = k(), h = C(), { nar: b } = p(), a = v(() => {
+      var t;
+      return !!((t = m.keys) != null && t.some((r) => h.dirtyKeys.value.includes(r)));
+    });
+    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
+    }, [
+      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", w, d(c(f)("config.unsavedTab")), 1)) : l("", !0)
+        ]),
+        e.hint || t.$slots.hint ? (s(), o("small", D, [
+          i(t.$slots, "hint", {}, () => [
+            u(d(e.hint), 1)
+          ], !0)
+        ])) : l("", !0)
+      ]),
+      n("div", E, [
+        i(t.$slots, "default", {}, void 0, !0)
+      ])
+    ], 10, B));
+  }
+});
+export {
+  I as default
+};
+//# sourceMappingURL=CfgRow2.vue.js.map

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

@@ -0,0 +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'\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.d.ts

@@ -0,0 +1,28 @@
+declare const __VLS_export: <T extends string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<({
+        options: readonly {
+            value: T;
+            label: string;
+        }[];
+        label?: string;
+    } & {
+        modelValue: T;
+    }) & {
+        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (event: "update:modelValue", value: T) => void;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

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

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

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

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

@@ -0,0 +1,45 @@
+import { defineComponent as p, useModel as f, openBlock as u, createElementBlock as i, normalizeClass as c, unref as g, Fragment as k, renderList as y, toDisplayString as b, mergeModels as h } from "vue";
+import { useConfigLayout as w } from "../layoutMode.js";
+const x = ["aria-label"], C = ["aria-checked", "tabindex", "data-value", "onClick"], D = /* @__PURE__ */ p({
+  __name: "CfgSegment",
+  props: /* @__PURE__ */ h({
+    options: {},
+    label: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const l = o, t = f(o, "modelValue"), { nar: d } = w();
+    function v(a) {
+      var s;
+      const n = a.key === "ArrowRight" || a.key === "ArrowDown" ? 1 : a.key === "ArrowLeft" || a.key === "ArrowUp" ? -1 : 0;
+      if (!n) return;
+      a.preventDefault();
+      const e = l.options.findIndex((m) => m.value === t.value), r = l.options[(e + n + l.options.length) % l.options.length];
+      t.value = r.value, (s = a.currentTarget.querySelector(`[data-value="${r.value}"]`)) == null || s.focus();
+    }
+    return (a, n) => (u(), i("span", {
+      class: c(["seg", { large: g(d) }]),
+      role: "radiogroup",
+      "aria-label": o.label,
+      onKeydown: v
+    }, [
+      (u(!0), i(k, null, y(o.options, (e) => (u(), i("button", {
+        key: e.value,
+        type: "button",
+        role: "radio",
+        "aria-checked": t.value === e.value,
+        tabindex: t.value === e.value ? 0 : -1,
+        "data-value": e.value,
+        class: c({ on: t.value === e.value }),
+        onClick: (r) => t.value = e.value
+      }, b(e.label), 11, C))), 128))
+    ], 42, x));
+  }
+});
+export {
+  D as default
+};
+//# sourceMappingURL=CfgSegment2.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CfgSegment2.vue.js","sources":["../../../../../src/views/system/config/components/CfgSegment.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends string\">\n// 分段控件(仿 macOS):一组互斥选项,选中的一格浮起。语义上是 radiogroup,方向键切换。\n// 外观是 Radio 按钮款的分段控件(轨道 + 滑块);窄档放大到手指好点的高度。\nimport { useConfigLayout } from '../layoutMode'\n\nconst props = defineProps<{\n  options: readonly { value: T; label: string }[]\n  label?: string\n}>()\nconst model = defineModel<T>({ required: true })\nconst { nar } = useConfigLayout()\n\nfunction onKey(e: KeyboardEvent) {\n  const step =\n    e.key === 'ArrowRight' || e.key === 'ArrowDown'\n      ? 1\n      : e.key === 'ArrowLeft' || e.key === 'ArrowUp'\n        ? -1\n        : 0\n  if (!step) return\n  e.preventDefault()\n  const i = props.options.findIndex(o => o.value === model.value)\n  const next = props.options[(i + step + props.options.length) % props.options.length]\n  model.value = next.value\n  ;(e.currentTarget as HTMLElement)\n    .querySelector<HTMLElement>(`[data-value=\"${next.value}\"]`)\n    ?.focus()\n}\n</script>\n\n<template>\n  <span :class=\"['seg', { large: nar }]\" role=\"radiogroup\" :aria-label=\"label\" @keydown=\"onKey\">\n    <button\n      v-for=\"o in options\"\n      :key=\"o.value\"\n      type=\"button\"\n      role=\"radio\"\n      :aria-checked=\"model === o.value\"\n      :tabindex=\"model === o.value ? 0 : -1\"\n      :data-value=\"o.value\"\n      :class=\"{ on: model === o.value }\"\n      @click=\"model = o.value\"\n    >\n      {{ o.label }}\n    </button>\n  </span>\n</template>\n\n<style scoped>\n.seg {\n  display: inline-flex;\n  flex: none;\n  padding: 2px;\n  border-radius: var(--radius-md);\n  background: var(--cfg-seg-track, var(--fill));\n}\nbutton {\n  padding: 0 12px;\n  border: 0;\n  border-radius: 6px;\n  background: none;\n  font: inherit;\n  font-size: 13px;\n  line-height: 24px;\n  color: var(--text-2);\n  cursor: pointer;\n  white-space: nowrap;\n}\nbutton:hover {\n  color: var(--text-1);\n}\nbutton.on {\n  background: var(--cfg-seg-thumb, var(--color-bg-container-solid));\n  color: var(--text-1);\n  font-weight: 500;\n}\nbutton:focus-visible {\n  outline: 2px solid var(--signal);\n  outline-offset: 1px;\n}\n.seg.large button {\n  padding: 0 16px;\n  font-size: 14px;\n  line-height: 36px;\n}\n</style>\n"],"names":["props","__props","model","_useModel","nar","useConfigLayout","onKey","e","step","i","o","next","_a","_createElementBlock","_unref","_Fragment","_renderList","_normalizeClass","$event","_toDisplayString","_hoisted_2"],"mappings":";;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GAIRC,IAAQC,EAAcF,GAAA,YAAmB,GACzC,EAAE,KAAAG,EAAA,IAAQC,EAAA;AAEhB,aAASC,EAAMC,GAAkB;;AAC/B,YAAMC,IACJD,EAAE,QAAQ,gBAAgBA,EAAE,QAAQ,cAChC,IACAA,EAAE,QAAQ,eAAeA,EAAE,QAAQ,YACjC,KACA;AACR,UAAI,CAACC,EAAM;AACX,MAAAD,EAAE,eAAA;AACF,YAAME,IAAIT,EAAM,QAAQ,UAAU,OAAKU,EAAE,UAAUR,EAAM,KAAK,GACxDS,IAAOX,EAAM,SAASS,IAAID,IAAOR,EAAM,QAAQ,UAAUA,EAAM,QAAQ,MAAM;AACnF,MAAAE,EAAM,QAAQS,EAAK,QACjBC,IAAAL,EAAE,cACD,cAA2B,gBAAgBI,EAAK,KAAK,IAAI,MAD1D,QAAAC,EAEE;AAAA,IACN;2BAIEC,EAcO,QAAA;AAAA,MAdA,0BAAwBC,EAAAV,CAAA,EAAA,CAAG,CAAA;AAAA,MAAK,MAAK;AAAA,MAAc,cAAYH,EAAA;AAAA,MAAQ,WAASK;AAAA,IAAA;cACrFO,EAYSE,GAAA,MAAAC,EAXKf,EAAA,SAAO,CAAZS,YADTG,EAYS,UAAA;AAAA,QAVN,KAAKH,EAAE;AAAA,QACR,MAAK;AAAA,QACL,MAAK;AAAA,QACJ,gBAAcR,EAAA,UAAUQ,EAAE;AAAA,QAC1B,UAAUR,EAAA,UAAUQ,EAAE,QAAK,IAAA;AAAA,QAC3B,cAAYA,EAAE;AAAA,QACd,OAAKO,EAAA,EAAA,IAAQf,EAAA,UAAUQ,EAAE,OAAK;AAAA,QAC9B,SAAK,CAAAQ,MAAEhB,EAAA,QAAQQ,EAAE;AAAA,MAAA,GAEfS,EAAAT,EAAE,KAAK,GAAA,IAAAU,CAAA;;;;"}

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

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

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

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