smart-admin-web 10.15.0 → 10.20.0

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

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

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

@@ -1 +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 { 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 { 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 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\"\n          size=\"small\"\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          <button\n            v-for=\"(_, name) in PRESETS\"\n            :key=\"name\"\n            type=\"button\"\n            class=\"chip\"\n            @click=\"addPreset(name)\"\n          >\n            {{ t(`config.upload.preset.${name}`) }}\n          </button>\n          <button type=\"button\" class=\"chip\" @click=\"exts = []\">\n            {{ t('config.upload.preset.clear') }}\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: 72px;\n}\n.num :deep(input) {\n  text-align: right;\n}\n.unit {\n  font-size: var(--font-size-sm);\n  color: var(--color-text-secondary);\n}\n.exts :deep(.ctl) {\n  flex: 1.4;\n}\n.exts :deep(.n-dynamic-tags) {\n  justify-content: flex-end;\n}\n.presets {\n  display: inline-flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 5px;\n}\n.chip {\n  padding: 2px 9px;\n  border: 0;\n  border-radius: 6px;\n  background: var(--color-fill);\n  font: inherit;\n  font-size: var(--font-size-sm);\n  line-height: 20px;\n  color: var(--color-text-secondary);\n  cursor: pointer;\n}\n.chip:hover {\n  background: var(--color-fill-hover);\n}\n.chip:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 1px;\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(--color-border-strong);\n  border-radius: 14px;\n  background: var(--color-bg-container);\n  text-align: center;\n}\n.drop .ic {\n  color: var(--color-primary);\n}\n.drop b {\n  font-weight: 500;\n}\n.drop small {\n  padding: 1px 6px;\n  border-radius: 6px;\n  color: var(--color-text-secondary);\n}\n.files {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border-radius: 12px;\n  background: var(--color-bg-container);\n}\n.files li {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 9px 14px;\n  font-size: var(--font-size-base);\n}\n.files li + li::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50px;\n  right: 0;\n  border-top: 0.5px solid var(--color-border);\n}\n.fi {\n  display: grid;\n  flex: none;\n  place-items: center;\n  width: 26px;\n  height: 30px;\n  border-radius: 5px;\n  background: var(--color-fill);\n  font-size: 9px;\n  font-weight: 700;\n  color: var(--color-text-secondary);\n}\n.nm {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-width: 0;\n}\n.nm small {\n  font-size: var(--font-size-sm);\n  color: var(--color-text-tertiary);\n}\n.st {\n  font-size: var(--font-size-sm);\n  color: var(--color-text-tertiary);\n}\n.st.ok {\n  color: var(--color-success);\n}\n.st.no {\n  color: var(--color-danger);\n}\n</style>\n"],"names":["t","useI18n","values","useConfigDraft","num","useDraftFields","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_3","_createVNode","AppIcon","_createElementBlock","_withDirectives","_openBlock","_hoisted_4","_Fragment","_renderList","_hoisted_5","_toDisplayString","_hoisted_6","_normalizeClass","CfgGroup","CfgRow","NSlider","$event","NInputNumber","_cache","NDynamicTags","_hoisted_1","_","_hoisted_2"],"mappings":"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"}
+{"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