smart-admin-web 10.14.0 → 10.20.0

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

@@ -0,0 +1,176 @@
+import { defineComponent as A, computed as g, openBlock as m, createBlock as P, unref as e, withCtx as u, createVNode as s, isRef as S, createElementVNode as p, createElementBlock as d, Fragment as C, renderList as y, createTextVNode as f, toDisplayString as r, withDirectives as E, normalizeClass as j } from "vue";
+import { NSlider as $, NInputNumber as F, NDynamicTags as I, NButton as D } from "naive-ui";
+import { useI18n as R } from "vue-i18n";
+import V from "../../../../components/AppIcon.vue.js";
+import { UPLOAD_MAX_KEY as B, UPLOAD_EXTS_KEY as x } from "../groups.js";
+import { useConfigDraft as K, useDraftFields as X } from "../draft.js";
+import { useConfigLayout as Y } from "../layoutMode.js";
+import { vFlash as L } from "../flash.js";
+import q from "./SectionLayout.vue.js";
+import G from "./CfgGroup.vue.js";
+import b from "./CfgRow.vue.js";
+const W = { class: "presets" }, H = {
+  class: "drop",
+  "data-testid": "upload-preview"
+}, J = { class: "files" }, Q = { class: "fi" }, Z = { class: "nm" }, ce = /* @__PURE__ */ A({
+  __name: "UploadSection",
+  setup(ee) {
+    const { t: l } = R(), { values: k } = K(), { num: h } = X(), { ctl: M, sm: _ } = Y(), i = h(B, 20);
+    function N(a) {
+      const t = a.trim().toLowerCase();
+      return t.startsWith(".") ? t : "." + t;
+    }
+    const n = g({
+      get: () => (k[x] ?? "").split(",").map((a) => a.trim()).filter(Boolean),
+      set: (a) => {
+        k[x] = [...new Set(a.map(N).filter((t) => t !== "."))].join(",");
+      }
+    }), w = {
+      images: [".jpg", ".jpeg", ".png", ".gif", ".webp"],
+      docs: [".pdf", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx"],
+      archives: [".zip", ".rar", ".7z"]
+    };
+    function T(a) {
+      n.value = [...n.value, ...w[a]];
+    }
+    const U = [
+      { name: "report.pdf", mb: 3.2 },
+      { name: "photo.png", mb: 1.4 },
+      { name: "demo.mp4", mb: 48 },
+      { name: "setup.exe", mb: 12 }
+    ], O = g(
+      () => U.map((a) => {
+        const t = a.name.slice(a.name.lastIndexOf(".")), o = n.value.length ? n.value.includes(t) : void 0, c = a.mb <= i.value, z = o === !1 ? { ok: !1, text: l("config.upload.fileBadExt", { ext: t }) } : c ? o ? { ok: !0, text: l("config.upload.fileOk") } : { ok: void 0, text: l("config.upload.fileDefault") } : { ok: !1, text: l("config.upload.fileTooBig", { mb: i.value }) };
+        return { ...a, ext: t.slice(1).toUpperCase(), status: z };
+      })
+    ), v = g(
+      () => l("config.upload.previewLimit", {
+        exts: n.value.length ? n.value.join(" ") : l("config.upload.previewDefault"),
+        mb: i.value
+      })
+    );
+    return (a, t) => (m(), P(q, {
+      title: e(l)("config.tab.upload"),
+      desc: e(l)("config.upload.desc"),
+      "preview-title": e(l)("config.upload.preview"),
+      layout: "slim"
+    }, {
+      preview: u(() => [
+        p("div", H, [
+          s(V, {
+            icon: "ph:cloud-arrow-up",
+            size: 30,
+            class: "ic"
+          }),
+          p("b", null, r(e(l)("config.upload.previewDrop")), 1),
+          E((m(), d("small", null, [
+            f(r(v.value), 1)
+          ])), [
+            [e(L), v.value]
+          ])
+        ]),
+        E((m(), d("ul", J, [
+          (m(!0), d(C, null, y(O.value, (o) => (m(), d("li", {
+            key: o.name
+          }, [
+            p("span", Q, r(o.ext), 1),
+            p("span", Z, [
+              f(r(o.name) + " ", 1),
+              p("small", null, r(o.mb) + " MB", 1)
+            ]),
+            p("span", {
+              class: j(["st", { ok: o.status.ok === !0, no: o.status.ok === !1 }])
+            }, r(o.status.text), 3)
+          ]))), 128))
+        ])), [
+          [e(L), v.value]
+        ])
+      ]),
+      default: u(() => [
+        s(G, {
+          title: e(l)("config.upload.groupLimit")
+        }, {
+          default: u(() => [
+            s(b, {
+              label: e(l)("config.upload.maxSizeMb"),
+              keys: [e(B)]
+            }, {
+              default: u(() => [
+                s(e($), {
+                  value: e(i),
+                  "onUpdate:value": t[0] || (t[0] = (o) => S(i) ? i.value = o : null),
+                  class: "slider",
+                  min: 1,
+                  max: 200,
+                  tooltip: !1,
+                  "aria-label": e(l)("config.upload.maxSizeMb")
+                }, null, 8, ["value", "aria-label"]),
+                s(e(F), {
+                  value: e(i),
+                  "onUpdate:value": t[1] || (t[1] = (o) => S(i) ? i.value = o : null),
+                  class: "num sm",
+                  size: e(M),
+                  min: 1,
+                  "show-button": !1,
+                  "input-props": { "aria-label": e(l)("config.upload.maxSizeMb") }
+                }, null, 8, ["value", "size", "input-props"]),
+                t[4] || (t[4] = p("span", { class: "unit" }, "MB", -1))
+              ]),
+              _: 1
+            }, 8, ["label", "keys"]),
+            s(b, {
+              label: e(l)("config.upload.allowedExtensions"),
+              hint: e(l)("config.upload.extTip"),
+              keys: [e(x)],
+              tall: "",
+              class: "exts"
+            }, {
+              default: u(() => [
+                s(e(I), {
+                  value: n.value,
+                  "onUpdate:value": t[2] || (t[2] = (o) => n.value = o),
+                  size: "small"
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["label", "hint", "keys"]),
+            s(b, {
+              label: e(l)("config.upload.quickAdd")
+            }, {
+              default: u(() => [
+                p("span", W, [
+                  (m(), d(C, null, y(w, (o, c) => s(e(D), {
+                    key: c,
+                    size: e(_),
+                    onClick: (z) => T(c)
+                  }, {
+                    default: u(() => [
+                      f(r(e(l)(`config.upload.preset.${c}`)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["size", "onClick"])), 64)),
+                  s(e(D), {
+                    size: e(_),
+                    onClick: t[3] || (t[3] = (o) => n.value = [])
+                  }, {
+                    default: u(() => [
+                      f(r(e(l)("config.upload.preset.clear")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["size"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ]),
+      _: 1
+    }, 8, ["title", "desc", "preview-title"]));
+  }
+});
+export {
+  ce as default
+};
+//# sourceMappingURL=UploadSection2.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadSection2.vue.js","sources":["../../../../../src/views/system/config/components/UploadSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 文件上传:大小上限 + 后缀白名单。后端 FileService 读这两键强制执行,保存即生效。\n// 后缀以逗号分隔落库,输入时补前导点、转小写(与后端 ParseExts 对齐)。\n// 预览是用户看到的上传框,再拿几个示例文件按新规则判一遍,能不能传、为什么不能一目了然。\nimport { computed } from 'vue'\nimport { NButton, NDynamicTags, NInputNumber, NSlider } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport AppIcon from '#/components/AppIcon.vue'\nimport { UPLOAD_EXTS_KEY, UPLOAD_MAX_KEY } from '../groups'\nimport { useConfigDraft, useDraftFields } from '../draft'\nimport { useConfigLayout } from '../layoutMode'\nimport { vFlash } from '../flash'\nimport SectionLayout from './SectionLayout.vue'\nimport CfgGroup from './CfgGroup.vue'\nimport CfgRow from './CfgRow.vue'\n\nconst { t } = useI18n()\nconst { values } = useConfigDraft()\nconst { num } = useDraftFields()\nconst { ctl, sm } = useConfigLayout()\nconst maxSizeMb = num(UPLOAD_MAX_KEY, 20)\n\nfunction normalizeExt(v: string): string {\n  const s = v.trim().toLowerCase()\n  return s.startsWith('.') ? s : '.' + s\n}\nconst exts = computed({\n  get: () =>\n    (values[UPLOAD_EXTS_KEY] ?? '')\n      .split(',')\n      .map(e => e.trim())\n      .filter(Boolean),\n  set: (list: string[]) => {\n    values[UPLOAD_EXTS_KEY] = [...new Set(list.map(normalizeExt).filter(e => e !== '.'))].join(',')\n  },\n})\n\nconst PRESETS = {\n  images: ['.jpg', '.jpeg', '.png', '.gif', '.webp'],\n  docs: ['.pdf', '.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx'],\n  archives: ['.zip', '.rar', '.7z'],\n} as const\nfunction addPreset(name: keyof typeof PRESETS) {\n  exts.value = [...exts.value, ...PRESETS[name]]\n}\n\nconst SAMPLES = [\n  { name: 'report.pdf', mb: 3.2 },\n  { name: 'photo.png', mb: 1.4 },\n  { name: 'demo.mp4', mb: 48 },\n  { name: 'setup.exe', mb: 12 },\n]\nconst samples = computed(() =>\n  SAMPLES.map(f => {\n    const ext = f.name.slice(f.name.lastIndexOf('.'))\n    // 白名单留空时格式以服务端默认为准,这里不替它下结论\n    const extOk = exts.value.length ? exts.value.includes(ext) : undefined\n    const sizeOk = f.mb <= maxSizeMb.value\n    const status =\n      extOk === false\n        ? { ok: false, text: t('config.upload.fileBadExt', { ext }) }\n        : !sizeOk\n          ? { ok: false, text: t('config.upload.fileTooBig', { mb: maxSizeMb.value }) }\n          : extOk\n            ? { ok: true, text: t('config.upload.fileOk') }\n            : { ok: undefined, text: t('config.upload.fileDefault') }\n    return { ...f, ext: ext.slice(1).toUpperCase(), status }\n  }),\n)\nconst limitText = computed(() =>\n  t('config.upload.previewLimit', {\n    exts: exts.value.length ? exts.value.join(' ') : t('config.upload.previewDefault'),\n    mb: maxSizeMb.value,\n  }),\n)\n</script>\n\n<template>\n  <SectionLayout\n    :title=\"t('config.tab.upload')\"\n    :desc=\"t('config.upload.desc')\"\n    :preview-title=\"t('config.upload.preview')\"\n    layout=\"slim\"\n  >\n    <CfgGroup :title=\"t('config.upload.groupLimit')\">\n      <CfgRow :label=\"t('config.upload.maxSizeMb')\" :keys=\"[UPLOAD_MAX_KEY]\">\n        <n-slider\n          v-model:value=\"maxSizeMb\"\n          class=\"slider\"\n          :min=\"1\"\n          :max=\"200\"\n          :tooltip=\"false\"\n          :aria-label=\"t('config.upload.maxSizeMb')\"\n        />\n        <n-input-number\n          v-model:value=\"maxSizeMb\"\n          class=\"num sm\"\n          :size=\"ctl\"\n          :min=\"1\"\n          :show-button=\"false\"\n          :input-props=\"{ 'aria-label': t('config.upload.maxSizeMb') }\"\n        />\n        <span class=\"unit\">MB</span>\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.upload.allowedExtensions')\"\n        :hint=\"t('config.upload.extTip')\"\n        :keys=\"[UPLOAD_EXTS_KEY]\"\n        tall\n        class=\"exts\"\n      >\n        <n-dynamic-tags v-model:value=\"exts\" size=\"small\" />\n      </CfgRow>\n      <CfgRow :label=\"t('config.upload.quickAdd')\">\n        <span class=\"presets\">\n          <n-button v-for=\"(_, name) in PRESETS\" :key=\"name\" :size=\"sm\" @click=\"addPreset(name)\">\n            {{ t(`config.upload.preset.${name}`) }}\n          </n-button>\n          <n-button :size=\"sm\" @click=\"exts = []\">\n            {{ t('config.upload.preset.clear') }}\n          </n-button>\n        </span>\n      </CfgRow>\n    </CfgGroup>\n\n    <template #preview>\n      <div class=\"drop\" data-testid=\"upload-preview\">\n        <AppIcon icon=\"ph:cloud-arrow-up\" :size=\"30\" class=\"ic\" />\n        <b>{{ t('config.upload.previewDrop') }}</b>\n        <small v-flash=\"limitText\">{{ limitText }}</small>\n      </div>\n      <ul v-flash=\"limitText\" class=\"files\">\n        <li v-for=\"f in samples\" :key=\"f.name\">\n          <span class=\"fi\">{{ f.ext }}</span>\n          <span class=\"nm\">\n            {{ f.name }}\n            <small>{{ f.mb }} MB</small>\n          </span>\n          <span :class=\"['st', { ok: f.status.ok === true, no: f.status.ok === false }]\">\n            {{ f.status.text }}\n          </span>\n        </li>\n      </ul>\n    </template>\n  </SectionLayout>\n</template>\n\n<style scoped>\n.slider {\n  width: 160px;\n}\n.num {\n  width: 96px;\n}\n.num.sm {\n  width: 72px;\n}\n.num :deep(input) {\n  text-align: right;\n}\n.unit {\n  flex: none;\n  min-width: 32px;\n  font-size: 13px;\n  color: var(--text-2);\n}\n.exts :deep(.ctl) {\n  flex: 1.4 1 0;\n}\n.exts :deep(.n-dynamic-tags) {\n  justify-content: flex-end;\n}\n.presets {\n  display: inline-flex;\n  flex: none;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 5px;\n}\n.drop {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  padding: 24px 16px;\n  border: 1.5px dashed var(--hairline-strong);\n  border-radius: var(--radius-lg);\n  background: var(--cfg-card);\n  text-align: center;\n}\n.drop .ic {\n  color: var(--signal);\n}\n.drop b {\n  font-size: 14px;\n  font-weight: 600;\n}\n.drop small {\n  border-radius: 6px;\n  font-size: 13px;\n  color: var(--text-3);\n}\n.files {\n  margin: 0;\n  padding: 4px 0;\n  list-style: none;\n  border-radius: var(--radius-lg);\n  background: var(--cfg-card);\n}\n.files li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 14px;\n  font-size: 14px;\n}\n.files li + li {\n  border-top: 1px solid var(--separator);\n}\n.fi {\n  display: grid;\n  flex: none;\n  place-items: center;\n  width: 34px;\n  height: 24px;\n  border-radius: 6px;\n  background: var(--glass-strong);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-2);\n}\n.nm {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-width: 0;\n}\n.nm small {\n  font-size: 13px;\n  color: var(--text-3);\n}\n.st {\n  flex: none;\n  font-size: 13px;\n  color: var(--text-3);\n}\n.st.ok {\n  color: var(--ok);\n}\n.st.no {\n  color: var(--err);\n}\n</style>\n"],"names":["t","useI18n","values","useConfigDraft","num","useDraftFields","ctl","sm","useConfigLayout","maxSizeMb","UPLOAD_MAX_KEY","normalizeExt","v","s","exts","computed","UPLOAD_EXTS_KEY","e","list","PRESETS","addPreset","name","SAMPLES","samples","f","ext","extOk","sizeOk","status","limitText","_createBlock","SectionLayout","_unref","_createElementVNode","_hoisted_2","_createVNode","AppIcon","_createElementBlock","_withDirectives","_openBlock","_hoisted_3","_Fragment","_renderList","_hoisted_4","_toDisplayString","_hoisted_5","_normalizeClass","CfgGroup","CfgRow","NSlider","$event","NInputNumber","_cache","NDynamicTags","_hoisted_1","_","NButton","_createTextVNode"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,284 @@
+import { defineComponent as G, computed as u, openBlock as R, createBlock as h, unref as e, withCtx as s, createVNode as t, isRef as f, createElementVNode as p, createElementBlock as P, Fragment as j, renderList as Y, normalizeClass as $, toDisplayString as y } from "vue";
+import { NSwitch as D, NCheckboxGroup as q, NCheckbox as J, NInput as Q, NSelect as X, NSlider as A } from "naive-ui";
+import { useI18n as Z } from "vue-i18n";
+import { WATERMARK_KEY as i, DEFAULT_WATERMARK as c, normalizeWatermarkFields as V, WATERMARK_FIELDS as ee, WATERMARK_TIME_FORMATS as ae, formatWatermarkTime as le, watermarkParts as te, watermarkFromValues as ie, WATERMARK_LIMITS as b } from "../../../../lib/watermark.js";
+import { useConfigDraft as oe, useDraftFields as ne } from "../draft.js";
+import { useConfigLayout as se } from "../layoutMode.js";
+import re from "./SectionLayout.vue.js";
+import L from "./CfgGroup.vue.js";
+import m from "./CfgRow.vue.js";
+import N from "./CfgSegment.vue.js";
+import me from "./ScaleToFit.vue.js";
+import de from "./AdminMock.vue.js";
+const ue = { class: "wm-fields" }, fe = { class: "unit" }, be = { class: "unit" }, ce = { class: "unit" }, Re = /* @__PURE__ */ G({
+  __name: "WatermarkSection",
+  setup(pe) {
+    const { t: a } = Z(), { values: d } = oe(), { str: W, num: x, bool: O } = ne(), { ctl: C } = se(), n = O(i.enabled), S = u({
+      get: () => d[i.fields] === void 0 ? [...c.fields] : V(d[i.fields]),
+      set: (r) => {
+        d[i.fields] = V(r).join(",");
+      }
+    }), F = W(i.text), _ = (r, o) => u({
+      get: () => d[r] || o,
+      set: (l) => {
+        d[r] = l;
+      }
+    }), T = _(
+      i.timeFormat,
+      c.timeFormat
+    ), z = _(i.layout, c.layout), E = _(i.density, c.density), w = x(i.fontSize, c.fontSize), k = x(i.opacity, c.opacity), v = x(i.rotate, c.rotate), U = u({
+      get: () => d[i.cross] !== "false",
+      set: (r) => {
+        d[i.cross] = r ? "true" : "false";
+      }
+    }), g = (r) => S.value.includes(r), H = u(
+      () => ee.map((r) => ({ value: r, label: a(`config.watermark.field.${r}`) }))
+    ), I = u(
+      () => ae.map((r) => ({ value: r, label: le(r, /* @__PURE__ */ new Date()) }))
+    ), K = u(() => [
+      { value: "single", label: a("config.watermark.layoutSingle") },
+      { value: "multi", label: a("config.watermark.layoutMulti") }
+    ]), B = u(() => [
+      { value: "sparse", label: a("config.watermark.sparse") },
+      { value: "normal", label: a("config.watermark.normal") },
+      { value: "dense", label: a("config.watermark.dense") }
+    ]), M = u(
+      () => n.value && te(
+        ie(d),
+        { name: "x", account: "x", org: "x", phoneTail: "x" },
+        /* @__PURE__ */ new Date()
+      ).length === 0
+    );
+    return (r, o) => (R(), h(re, {
+      title: e(a)("config.tab.watermark"),
+      desc: e(a)("config.watermark.desc"),
+      "preview-title": e(a)("config.brand.preview")
+    }, {
+      preview: s(() => [
+        t(me, {
+          width: 880,
+          height: 540
+        }, {
+          default: s(() => [
+            t(de)
+          ]),
+          _: 1
+        })
+      ]),
+      default: s(() => [
+        t(L, {
+          title: e(a)("config.watermark.groupContent")
+        }, {
+          default: s(() => [
+            t(m, {
+              label: e(a)("config.watermark.enable"),
+              hint: e(a)("config.watermark.enableHint"),
+              keys: [e(i).enabled]
+            }, {
+              default: s(() => [
+                t(e(D), {
+                  value: e(n),
+                  "onUpdate:value": o[0] || (o[0] = (l) => f(n) ? n.value = l : null),
+                  "aria-label": e(a)("config.watermark.enable")
+                }, null, 8, ["value", "aria-label"])
+              ]),
+              _: 1
+            }, 8, ["label", "hint", "keys"]),
+            t(m, {
+              label: e(a)("config.watermark.content"),
+              keys: [e(i).fields],
+              disabled: !e(n),
+              tall: "",
+              class: "wm-content"
+            }, {
+              hint: s(() => [
+                p("span", {
+                  class: $({ warn: M.value })
+                }, y(M.value ? e(a)("config.watermark.contentEmpty") : e(a)("config.watermark.contentHint")), 3)
+              ]),
+              default: s(() => [
+                t(e(q), {
+                  value: S.value,
+                  "onUpdate:value": o[1] || (o[1] = (l) => S.value = l),
+                  disabled: !e(n)
+                }, {
+                  default: s(() => [
+                    p("div", ue, [
+                      (R(!0), P(j, null, Y(H.value, (l) => (R(), h(e(J), {
+                        key: l.value,
+                        value: l.value,
+                        label: l.label
+                      }, null, 8, ["value", "label"]))), 128))
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["value", "disabled"])
+              ]),
+              _: 1
+            }, 8, ["label", "keys", "disabled"]),
+            t(m, {
+              label: e(a)("config.watermark.text"),
+              hint: e(a)("config.watermark.textHint"),
+              keys: [e(i).text],
+              disabled: !e(n) || !g("text"),
+              sub: ""
+            }, {
+              default: s(() => [
+                t(e(Q), {
+                  value: e(F),
+                  "onUpdate:value": o[2] || (o[2] = (l) => f(F) ? F.value = l : null),
+                  size: e(C),
+                  maxlength: e(b).text,
+                  "show-count": "",
+                  disabled: !e(n) || !g("text"),
+                  placeholder: e(a)("config.watermark.textPlaceholder", { max: e(b).text }),
+                  "input-props": { "aria-label": e(a)("config.watermark.text") }
+                }, null, 8, ["value", "size", "maxlength", "disabled", "placeholder", "input-props"])
+              ]),
+              _: 1
+            }, 8, ["label", "hint", "keys", "disabled"]),
+            t(m, {
+              label: e(a)("config.watermark.timeFormat"),
+              keys: [e(i).timeFormat],
+              disabled: !e(n) || !g("time"),
+              sub: ""
+            }, {
+              default: s(() => [
+                t(e(X), {
+                  value: e(T),
+                  "onUpdate:value": o[3] || (o[3] = (l) => f(T) ? T.value = l : null),
+                  size: e(C),
+                  options: I.value,
+                  disabled: !e(n) || !g("time"),
+                  "aria-label": e(a)("config.watermark.timeFormat")
+                }, null, 8, ["value", "size", "options", "disabled", "aria-label"])
+              ]),
+              _: 1
+            }, 8, ["label", "keys", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["title"]),
+        t(L, {
+          title: e(a)("config.watermark.groupStyle")
+        }, {
+          default: s(() => [
+            t(m, {
+              label: e(a)("config.watermark.layout"),
+              keys: [e(i).layout],
+              disabled: !e(n)
+            }, {
+              default: s(() => [
+                t(N, {
+                  modelValue: e(z),
+                  "onUpdate:modelValue": o[4] || (o[4] = (l) => f(z) ? z.value = l : null),
+                  options: K.value,
+                  label: e(a)("config.watermark.layout")
+                }, null, 8, ["modelValue", "options", "label"])
+              ]),
+              _: 1
+            }, 8, ["label", "keys", "disabled"]),
+            t(m, {
+              label: e(a)("config.watermark.fontSize"),
+              keys: [e(i).fontSize],
+              disabled: !e(n)
+            }, {
+              default: s(() => [
+                t(e(A), {
+                  value: e(w),
+                  "onUpdate:value": o[5] || (o[5] = (l) => f(w) ? w.value = l : null),
+                  class: "slider",
+                  min: e(b).fontSize.min,
+                  max: e(b).fontSize.max,
+                  tooltip: !1,
+                  disabled: !e(n),
+                  "aria-label": e(a)("config.watermark.fontSize")
+                }, null, 8, ["value", "min", "max", "disabled", "aria-label"]),
+                p("span", fe, y(e(w)) + " px", 1)
+              ]),
+              _: 1
+            }, 8, ["label", "keys", "disabled"]),
+            t(m, {
+              label: e(a)("config.watermark.opacity"),
+              hint: e(a)("config.watermark.opacityHint"),
+              keys: [e(i).opacity],
+              disabled: !e(n)
+            }, {
+              default: s(() => [
+                t(e(A), {
+                  value: e(k),
+                  "onUpdate:value": o[6] || (o[6] = (l) => f(k) ? k.value = l : null),
+                  class: "slider",
+                  min: e(b).opacity.min,
+                  max: e(b).opacity.max,
+                  tooltip: !1,
+                  disabled: !e(n),
+                  "aria-label": e(a)("config.watermark.opacity")
+                }, null, 8, ["value", "min", "max", "disabled", "aria-label"]),
+                p("span", be, y(e(k)) + "%", 1)
+              ]),
+              _: 1
+            }, 8, ["label", "hint", "keys", "disabled"]),
+            t(m, {
+              label: e(a)("config.watermark.rotate"),
+              keys: [e(i).rotate],
+              disabled: !e(n)
+            }, {
+              default: s(() => [
+                t(e(A), {
+                  value: e(v),
+                  "onUpdate:value": o[7] || (o[7] = (l) => f(v) ? v.value = l : null),
+                  class: "slider",
+                  min: e(b).rotate.min,
+                  max: e(b).rotate.max,
+                  step: 5,
+                  tooltip: !1,
+                  disabled: !e(n),
+                  "aria-label": e(a)("config.watermark.rotate")
+                }, null, 8, ["value", "min", "max", "disabled", "aria-label"]),
+                p("span", ce, y(e(v)) + "°", 1)
+              ]),
+              _: 1
+            }, 8, ["label", "keys", "disabled"]),
+            t(m, {
+              label: e(a)("config.watermark.density"),
+              keys: [e(i).density],
+              disabled: !e(n)
+            }, {
+              default: s(() => [
+                t(N, {
+                  modelValue: e(E),
+                  "onUpdate:modelValue": o[8] || (o[8] = (l) => f(E) ? E.value = l : null),
+                  options: B.value,
+                  label: e(a)("config.watermark.density")
+                }, null, 8, ["modelValue", "options", "label"])
+              ]),
+              _: 1
+            }, 8, ["label", "keys", "disabled"]),
+            t(m, {
+              label: e(a)("config.watermark.cross"),
+              hint: e(a)("config.watermark.crossHint"),
+              keys: [e(i).cross],
+              disabled: !e(n)
+            }, {
+              default: s(() => [
+                t(e(D), {
+                  value: U.value,
+                  "onUpdate:value": o[9] || (o[9] = (l) => U.value = l),
+                  disabled: !e(n),
+                  "aria-label": e(a)("config.watermark.cross")
+                }, null, 8, ["value", "disabled", "aria-label"])
+              ]),
+              _: 1
+            }, 8, ["label", "hint", "keys", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ]),
+      _: 1
+    }, 8, ["title", "desc", "preview-title"]));
+  }
+});
+export {
+  Re as default
+};
+//# sourceMappingURL=WatermarkSection2.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WatermarkSection2.vue.js","sources":["../../../../../src/views/system/config/components/WatermarkSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 水印设置:左边「内容」「样式」两组设置,右边预览(缩小版后台,水印层直接叠在上面,改一项即时变)。\n// 水印只印在登录后的页面,所以预览只有后台一种,不像「品牌与登录页」要切登录页。\nimport { computed } from 'vue'\nimport { NCheckbox, NCheckboxGroup, NInput, NSelect, NSlider, NSwitch } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport {\n  DEFAULT_WATERMARK,\n  formatWatermarkTime,\n  normalizeWatermarkFields,\n  watermarkFromValues,\n  watermarkParts,\n  WATERMARK_FIELDS,\n  WATERMARK_KEY,\n  WATERMARK_LIMITS,\n  WATERMARK_TIME_FORMATS,\n  type WatermarkDensity,\n  type WatermarkLayout,\n  type WatermarkTimeFormat,\n} from '#/lib/watermark'\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 AdminMock from './AdminMock.vue'\n\nconst { t } = useI18n()\nconst { values } = useConfigDraft()\nconst { str, num, bool } = useDraftFields()\nconst { ctl } = useConfigLayout()\n\n// 内容项勾选顺序不算数,存的时候按固定顺序排,线上和预览才印得一样;键不存在(老库没种子)按默认内容项。\nconst wmOn = bool(WATERMARK_KEY.enabled)\nconst wmFields = computed<string[]>({\n  get: () =>\n    values[WATERMARK_KEY.fields] === undefined\n      ? [...DEFAULT_WATERMARK.fields]\n      : normalizeWatermarkFields(values[WATERMARK_KEY.fields]),\n  set: v => {\n    values[WATERMARK_KEY.fields] = normalizeWatermarkFields(v).join(',')\n  },\n})\nconst wmText = str(WATERMARK_KEY.text)\nconst wmEnum = <T extends string>(key: string, fallback: T) =>\n  computed<T>({\n    get: () => (values[key] || fallback) as T,\n    set: v => {\n      values[key] = v\n    },\n  })\nconst wmTimeFormat = wmEnum<WatermarkTimeFormat>(\n  WATERMARK_KEY.timeFormat,\n  DEFAULT_WATERMARK.timeFormat,\n)\nconst wmLayout = wmEnum<WatermarkLayout>(WATERMARK_KEY.layout, DEFAULT_WATERMARK.layout)\nconst wmDensity = wmEnum<WatermarkDensity>(WATERMARK_KEY.density, DEFAULT_WATERMARK.density)\nconst wmSize = num(WATERMARK_KEY.fontSize, DEFAULT_WATERMARK.fontSize)\nconst wmOpacity = num(WATERMARK_KEY.opacity, DEFAULT_WATERMARK.opacity)\nconst wmRotate = num(WATERMARK_KEY.rotate, DEFAULT_WATERMARK.rotate)\nconst wmCross = computed({\n  get: () => values[WATERMARK_KEY.cross] !== 'false',\n  set: v => {\n    values[WATERMARK_KEY.cross] = v ? 'true' : 'false'\n  },\n})\nconst wmHasField = (f: string) => wmFields.value.includes(f)\nconst wmFieldOptions = computed(() =>\n  WATERMARK_FIELDS.map(f => ({ value: f, label: t(`config.watermark.field.${f}`) })),\n)\n// 时间格式的选项文字就是「现在这一刻按该格式印出来」的样子,不用背格式串\nconst wmTimeOptions = computed(() =>\n  WATERMARK_TIME_FORMATS.map(f => ({ value: f, label: formatWatermarkTime(f, new Date()) })),\n)\nconst wmLayoutOptions = computed(() => [\n  { value: 'single' as const, label: t('config.watermark.layoutSingle') },\n  { value: 'multi' as const, label: t('config.watermark.layoutMulti') },\n])\nconst wmDensityOptions = computed(() => [\n  { value: 'sparse' as const, label: t('config.watermark.sparse') },\n  { value: 'normal' as const, label: t('config.watermark.normal') },\n  { value: 'dense' as const, label: t('config.watermark.dense') },\n])\n// 启用了但没有任何可印的东西(一项没勾,或只勾了自定义文字却没填):警告,照常允许保存\nconst wmEmpty = computed(\n  () =>\n    wmOn.value &&\n    watermarkParts(\n      watermarkFromValues(values),\n      { name: 'x', account: 'x', org: 'x', phoneTail: 'x' },\n      new Date(),\n    ).length === 0,\n)\n</script>\n\n<template>\n  <SectionLayout\n    :title=\"t('config.tab.watermark')\"\n    :desc=\"t('config.watermark.desc')\"\n    :preview-title=\"t('config.brand.preview')\"\n  >\n    <CfgGroup :title=\"t('config.watermark.groupContent')\">\n      <CfgRow\n        :label=\"t('config.watermark.enable')\"\n        :hint=\"t('config.watermark.enableHint')\"\n        :keys=\"[WATERMARK_KEY.enabled]\"\n      >\n        <n-switch v-model:value=\"wmOn\" :aria-label=\"t('config.watermark.enable')\" />\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.watermark.content')\"\n        :keys=\"[WATERMARK_KEY.fields]\"\n        :disabled=\"!wmOn\"\n        tall\n        class=\"wm-content\"\n      >\n        <template #hint>\n          <span :class=\"{ warn: wmEmpty }\">\n            {{ wmEmpty ? t('config.watermark.contentEmpty') : t('config.watermark.contentHint') }}\n          </span>\n        </template>\n        <n-checkbox-group v-model:value=\"wmFields\" :disabled=\"!wmOn\">\n          <div class=\"wm-fields\">\n            <n-checkbox\n              v-for=\"o in wmFieldOptions\"\n              :key=\"o.value\"\n              :value=\"o.value\"\n              :label=\"o.label\"\n            />\n          </div>\n        </n-checkbox-group>\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.watermark.text')\"\n        :hint=\"t('config.watermark.textHint')\"\n        :keys=\"[WATERMARK_KEY.text]\"\n        :disabled=\"!wmOn || !wmHasField('text')\"\n        sub\n      >\n        <n-input\n          v-model:value=\"wmText\"\n          :size=\"ctl\"\n          :maxlength=\"WATERMARK_LIMITS.text\"\n          show-count\n          :disabled=\"!wmOn || !wmHasField('text')\"\n          :placeholder=\"t('config.watermark.textPlaceholder', { max: WATERMARK_LIMITS.text })\"\n          :input-props=\"{ 'aria-label': t('config.watermark.text') }\"\n        />\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.watermark.timeFormat')\"\n        :keys=\"[WATERMARK_KEY.timeFormat]\"\n        :disabled=\"!wmOn || !wmHasField('time')\"\n        sub\n      >\n        <n-select\n          v-model:value=\"wmTimeFormat\"\n          :size=\"ctl\"\n          :options=\"wmTimeOptions\"\n          :disabled=\"!wmOn || !wmHasField('time')\"\n          :aria-label=\"t('config.watermark.timeFormat')\"\n        />\n      </CfgRow>\n    </CfgGroup>\n\n    <CfgGroup :title=\"t('config.watermark.groupStyle')\">\n      <CfgRow\n        :label=\"t('config.watermark.layout')\"\n        :keys=\"[WATERMARK_KEY.layout]\"\n        :disabled=\"!wmOn\"\n      >\n        <CfgSegment\n          v-model=\"wmLayout\"\n          :options=\"wmLayoutOptions\"\n          :label=\"t('config.watermark.layout')\"\n        />\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.watermark.fontSize')\"\n        :keys=\"[WATERMARK_KEY.fontSize]\"\n        :disabled=\"!wmOn\"\n      >\n        <n-slider\n          v-model:value=\"wmSize\"\n          class=\"slider\"\n          :min=\"WATERMARK_LIMITS.fontSize.min\"\n          :max=\"WATERMARK_LIMITS.fontSize.max\"\n          :tooltip=\"false\"\n          :disabled=\"!wmOn\"\n          :aria-label=\"t('config.watermark.fontSize')\"\n        />\n        <span class=\"unit\">{{ wmSize }} px</span>\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.watermark.opacity')\"\n        :hint=\"t('config.watermark.opacityHint')\"\n        :keys=\"[WATERMARK_KEY.opacity]\"\n        :disabled=\"!wmOn\"\n      >\n        <n-slider\n          v-model:value=\"wmOpacity\"\n          class=\"slider\"\n          :min=\"WATERMARK_LIMITS.opacity.min\"\n          :max=\"WATERMARK_LIMITS.opacity.max\"\n          :tooltip=\"false\"\n          :disabled=\"!wmOn\"\n          :aria-label=\"t('config.watermark.opacity')\"\n        />\n        <span class=\"unit\">{{ wmOpacity }}%</span>\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.watermark.rotate')\"\n        :keys=\"[WATERMARK_KEY.rotate]\"\n        :disabled=\"!wmOn\"\n      >\n        <n-slider\n          v-model:value=\"wmRotate\"\n          class=\"slider\"\n          :min=\"WATERMARK_LIMITS.rotate.min\"\n          :max=\"WATERMARK_LIMITS.rotate.max\"\n          :step=\"5\"\n          :tooltip=\"false\"\n          :disabled=\"!wmOn\"\n          :aria-label=\"t('config.watermark.rotate')\"\n        />\n        <span class=\"unit\">{{ wmRotate }}°</span>\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.watermark.density')\"\n        :keys=\"[WATERMARK_KEY.density]\"\n        :disabled=\"!wmOn\"\n      >\n        <CfgSegment\n          v-model=\"wmDensity\"\n          :options=\"wmDensityOptions\"\n          :label=\"t('config.watermark.density')\"\n        />\n      </CfgRow>\n      <CfgRow\n        :label=\"t('config.watermark.cross')\"\n        :hint=\"t('config.watermark.crossHint')\"\n        :keys=\"[WATERMARK_KEY.cross]\"\n        :disabled=\"!wmOn\"\n      >\n        <n-switch\n          v-model:value=\"wmCross\"\n          :disabled=\"!wmOn\"\n          :aria-label=\"t('config.watermark.cross')\"\n        />\n      </CfgRow>\n    </CfgGroup>\n\n    <template #preview>\n      <ScaleToFit :width=\"880\" :height=\"540\">\n        <AdminMock />\n      </ScaleToFit>\n    </template>\n  </SectionLayout>\n</template>\n\n<style scoped>\n.warn {\n  color: var(--warn);\n}\n.wm-content :deep(.ctl) {\n  flex: 1.8 1 0;\n}\n.wm-content :deep(.n-checkbox-group) {\n  width: 100%;\n}\n.wm-fields {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 8px 16px;\n}\n.slider {\n  width: 160px;\n}\n.unit {\n  flex: none;\n  min-width: 44px;\n  font-size: 13px;\n  color: var(--text-2);\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n</style>\n"],"names":["t","useI18n","values","useConfigDraft","str","num","bool","useDraftFields","ctl","useConfigLayout","wmOn","WATERMARK_KEY","wmFields","computed","DEFAULT_WATERMARK","normalizeWatermarkFields","v","wmText","wmEnum","key","fallback","wmTimeFormat","wmLayout","wmDensity","wmSize","wmOpacity","wmRotate","wmCross","wmHasField","f","wmFieldOptions","WATERMARK_FIELDS","wmTimeOptions","WATERMARK_TIME_FORMATS","formatWatermarkTime","wmLayoutOptions","wmDensityOptions","wmEmpty","watermarkParts","watermarkFromValues","_createBlock","SectionLayout","_unref","_createVNode","ScaleToFit","AdminMock","CfgGroup","CfgRow","NSwitch","$event","_createElementVNode","NCheckboxGroup","_hoisted_1","_createElementBlock","_Fragment","_renderList","o","NCheckbox","NInput","WATERMARK_LIMITS","NSelect","CfgSegment","NSlider","_hoisted_2","_toDisplayString","_hoisted_3","_hoisted_4"],"mappings":"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"}