smart-admin-web 10.15.0 → 10.20.0

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

@@ -1,366 +1,392 @@
-import { defineComponent as Y, ref as d, reactive as Z, computed as ee, onMounted as te, resolveDirective as oe, openBlock as N, createElementBlock as le, createVNode as a, unref as t, withCtx as r, withDirectives as ie, createBlock as O, createTextVNode as v, toDisplayString as f, createCommentVNode as ne, createElementVNode as E, h as y } from "vue";
-import { useMessage as ae, NButton as U, NForm as re, NFormItem as m, NSelect as h, NInput as x, NDynamicInput as ce, NCheckbox as P, NText as se, NModal as ue, NTag as pe, NSpace as de, NPopconfirm as me } from "naive-ui";
-import { useI18n as ve } from "vue-i18n";
-import { SmartTable as fe } from "smart-naive-table";
-import ye from "../../../components/AppIcon.vue.js";
-import he from "../../../components/FormContainer/index.vue.js";
+import { defineComponent as ie, ref as m, computed as k, h as s, reactive as ne, onMounted as ae, resolveDirective as re, openBlock as _, createElementBlock as ce, createVNode as a, unref as e, withCtx as r, withDirectives as se, createBlock as z, createTextVNode as f, toDisplayString as y, mergeProps as ue, normalizeStyle as q, createCommentVNode as pe, createElementVNode as $ } from "vue";
+import { useMessage as de, NTag as me, NSpace as ve, NButton as U, NPopconfirm as fe, NForm as ye, NFormItem as v, NSelect as h, NInput as A, NDynamicInput as he, NCheckbox as B, NText as be, NModal as ge } from "naive-ui";
+import { useMediaQuery as we } from "@vueuse/core";
+import { useI18n as Te } from "vue-i18n";
+import { SmartTable as Ne } from "smart-naive-table";
+import ke from "../../../components/AppIcon.vue.js";
+import _e from "../../../components/FormContainer/index.vue.js";
 /* empty css                                           */
-import be from "../../../components/MarkdownEditor/index.vue.js";
-import ge from "../../../components/MarkdownEditor/MarkdownView.vue.js";
-import { useConfirm as we } from "../../../composables/useConfirm.js";
-import { useAuthStore as Te } from "../../../stores/auth.js";
-import { roleApi as ke, userApi as Ne, noticeApi as _ } from "../../../api/index.js";
-import { NoticeType as p, ReceiverType as s } from "../../../types/api.js";
-import { isSiteRelativeUrl as Ue } from "../../../lib/noticeActions.js";
-import { translateError as M } from "../../../utils/error.js";
-import { fmtDateTime as xe } from "../../../utils/format.js";
-const _e = { class: "fill-page" }, Ae = { class: "notice-actions-editor" }, Se = { class: "notice-action-row" }, Ie = 5, Xe = /* @__PURE__ */ Y({
+import Ue from "../../../components/MarkdownEditor/index.vue.js";
+import Ae from "../../../components/MarkdownEditor/MarkdownView.vue.js";
+import { useConfirm as Se } from "../../../composables/useConfirm.js";
+import { useAuthStore as xe } from "../../../stores/auth.js";
+import { noticeApi as S, roleApi as Ie, userApi as Oe } from "../../../api/index.js";
+import { NoticeType as d, ReceiverType as u } from "../../../types/api.js";
+import { isSiteRelativeUrl as Re } from "../../../lib/noticeActions.js";
+import { translateError as D } from "../../../utils/error.js";
+import { SEARCH_ACTIONS as Ce, deriveHeaderFilters as Ee } from "../../../utils/tableFilter.js";
+import { TABLE_MIN_ROW_HEIGHT as Pe, TABLE_TOOLBAR as Me } from "../../../utils/tableToolbar.js";
+import ze from "../../../components/TableTotal/index.vue.js";
+import { fmtDateTime as qe } from "../../../utils/format.js";
+const $e = { class: "fill-page" }, Be = { class: "notice-actions-editor" }, De = { class: "notice-action-row" }, Le = 5, st = /* @__PURE__ */ ie({
   __name: "index",
-  setup(Ce) {
-    const { t: e } = ve(), b = ae(), { run: z } = we(), D = Te(), g = d(), $ = (l) => l === p.Announcement ? e("notice.typeAnnouncement") : l === p.Message ? e("notice.typeMessage") : e("notice.typeNotice"), V = (l) => l === p.Announcement ? "warning" : l === p.Message ? "success" : "info", q = [
-      { type: "index", title: () => e("common.rowNo"), width: 64, align: "center" },
-      { key: "title", title: () => e("notice.noticeTitle"), search: !0 },
+  setup(Ve) {
+    const { t } = Te(), b = de(), { run: L } = Se(), V = xe(), g = m(), H = (o) => o === d.Announcement ? t("notice.typeAnnouncement") : o === d.Message ? t("notice.typeMessage") : t("notice.typeNotice"), x = we("(max-width: 640px)"), F = k(
+      () => x.value ? { labelPlacement: "top", labelWidth: void 0 } : { labelPlacement: "left", labelWidth: 80 }
+    ), I = k(() => x.value ? void 0 : "width: 160px"), G = (o) => (o ?? "").replace(/```/g, "").replace(/[#>*`]/g, "").replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\s+/g, " ").trim(), J = (o) => o === d.Announcement ? "warning" : o === d.Message ? "success" : "info", O = [
+      { type: "index", title: () => t("common.rowNo"), width: 64, align: "center" },
+      {
+        key: "title",
+        title: () => t("notice.noticeTitle"),
+        search: { actions: Ce.fuzzy },
+        render: (o) => s("span", { style: "font-weight: 500" }, o.title)
+      },
       {
         key: "type",
-        title: () => e("notice.type"),
+        title: () => t("notice.type"),
         width: 90,
-        render: (l) => y(pe, { size: "small", type: V(l.type), bordered: !1 }, () => $(l.type))
+        render: (o) => s(me, { size: "small", type: J(o.type), bordered: !1 }, () => H(o.type))
+      },
+      {
+        key: "content",
+        title: () => t("notice.content"),
+        ellipsis: { tooltip: !0 },
+        render: (o) => s("span", { class: "muted" }, G(o.content))
       },
-      { key: "content", title: () => e("notice.content"), ellipsis: { tooltip: !0 } },
       {
         key: "actionsJson",
-        title: () => e("notice.actions"),
+        title: () => t("notice.actions"),
         width: 100,
-        render: (l) => {
-          const o = F(l.actionsJson);
-          return o ? e("notice.actionCount", { count: o }) : "—";
+        render: (o) => {
+          const l = K(o.actionsJson);
+          return l ? s("span", { class: "muted" }, t("notice.actionCount", { count: l })) : s("span", { class: "faint" }, "—");
         }
       },
       {
         key: "createTime",
-        title: () => e("notice.publishTime"),
+        title: () => t("notice.publishTime"),
         width: 170,
-        render: (l) => xe(l.createTime)
+        render: (o) => s("span", { class: "num muted", style: "white-space: nowrap" }, qe(o.createTime))
       },
       {
         key: "op",
-        title: () => e("common.operation"),
+        title: () => t("common.operation"),
         width: 140,
+        align: "right",
         fixed: "right",
         hideInSetting: !0,
-        render: (l) => y(de, { size: 4, wrapItem: !1 }, () => [
-          y(
+        render: (o) => s(ve, { size: 2, justify: "end", wrapItem: !1 }, () => [
+          s(
             U,
-            { size: "small", quaternary: !0, type: "primary", onClick: () => Q(l) },
-            () => e("notice.view")
+            { size: "small", quaternary: !0, type: "primary", onClick: () => oe(o) },
+            () => t("notice.view")
           ),
-          D.hasPerm("DELETE:/api/v1/sys/notice/{id}") ? y(
-            me,
+          V.hasPerm("DELETE:/api/v1/sys/notice/{id}") ? s(
+            fe,
             {
-              onPositiveClick: () => z(() => _.remove(l.id), e("notice.deleted")).then((o) => {
-                var u;
-                o && ((u = g.value) == null || u.refresh());
+              onPositiveClick: () => L(() => S.remove(o.id), t("notice.deleted")).then((l) => {
+                var p;
+                l && ((p = g.value) == null || p.refresh());
               })
             },
             {
-              trigger: () => y(
+              trigger: () => s(
                 U,
                 { size: "small", quaternary: !0, type: "error" },
-                () => e("common.delete")
+                () => t("common.delete")
               ),
-              default: () => e("notice.deleteConfirm", { title: l.title })
+              default: () => t("notice.deleteConfirm", { title: o.title })
             }
           ) : null
         ])
       }
-    ], w = d(!1), A = d(null), B = {
+    ];
+    Ee(O);
+    const w = m(!1), R = m(null), W = {
       title: {
         required: !0,
         whitespace: !0,
-        message: () => e("notice.titleRequired"),
+        message: () => t("notice.titleRequired"),
         trigger: ["input", "blur"]
       },
       receiverIds: {
         // 定向发送必须选接收对象;全体广播无需(validator 读实时 form.receiverType)
         validator: () => {
-          var l;
-          return n.receiverType === s.All || (((l = n.receiverIds) == null ? void 0 : l.length) ?? 0) > 0;
+          var o;
+          return n.receiverType === u.All || (((o = n.receiverIds) == null ? void 0 : o.length) ?? 0) > 0;
         },
-        message: () => e("notice.receiverRequired"),
+        message: () => t("notice.receiverRequired"),
         trigger: ["change", "blur"]
       },
       actions: {
         // 与后端同一条规则:文案非空、站内路径单个 / 开头;服务端仍会再校验一遍(45004)
-        validator: () => n.actions.every((l) => l.label.trim() && Ue(l.url.trim())),
-        message: () => e("error.notice.actionInvalid"),
+        validator: () => n.actions.every((o) => o.label.trim() && Re(o.url.trim())),
+        message: () => t("error.notice.actionInvalid"),
         trigger: ["input", "blur"]
       }
-    }, S = () => ({
+    }, C = () => ({
       title: "",
       content: "",
-      type: p.Notice,
-      receiverType: s.All,
+      type: d.Notice,
+      receiverType: u.All,
       receiverIds: [],
       actions: []
-    }), n = Z(S()), G = () => ({
+    }), n = ne(C()), j = () => ({
       label: "",
       method: "GET",
       url: "",
       style: "default",
       confirm: !1,
       comment: !1
-    }), J = [
+    }), Q = [
       { label: "GET", value: "GET" },
       { label: "POST", value: "POST" }
-    ], L = [
-      { label: () => e("notice.actionStyleDefault"), value: "default" },
-      { label: () => e("notice.actionStylePrimary"), value: "primary" },
-      { label: () => e("notice.actionStyleError"), value: "error" }
+    ], X = [
+      { label: () => t("notice.actionStyleDefault"), value: "default" },
+      { label: () => t("notice.actionStylePrimary"), value: "primary" },
+      { label: () => t("notice.actionStyleError"), value: "error" }
     ];
-    function F(l) {
-      if (!l) return 0;
+    function K(o) {
+      if (!o) return 0;
       try {
-        const o = JSON.parse(l);
-        return Array.isArray(o) ? o.length : 0;
+        const l = JSON.parse(o);
+        return Array.isArray(l) ? l.length : 0;
       } catch {
         return 0;
       }
     }
-    const H = [
-      { label: () => e("notice.typeNotice"), value: p.Notice },
-      { label: () => e("notice.typeAnnouncement"), value: p.Announcement },
-      { label: () => e("notice.typeMessage"), value: p.Message }
-    ], X = [
-      { label: () => e("notice.receiverAll"), value: s.All },
-      { label: () => e("notice.receiverRole"), value: s.Role },
-      { label: () => e("notice.receiverUser"), value: s.User }
-    ], I = d([]), C = d([]), j = ee(
-      () => n.receiverType === s.Role ? I.value : n.receiverType === s.User ? C.value : []
+    const Y = [
+      { label: () => t("notice.typeNotice"), value: d.Notice },
+      { label: () => t("notice.typeAnnouncement"), value: d.Announcement },
+      { label: () => t("notice.typeMessage"), value: d.Message }
+    ], Z = [
+      { label: () => t("notice.receiverAll"), value: u.All },
+      { label: () => t("notice.receiverRole"), value: u.Role },
+      { label: () => t("notice.receiverUser"), value: u.User }
+    ], E = m([]), P = m([]), ee = k(
+      () => n.receiverType === u.Role ? E.value : n.receiverType === u.User ? P.value : []
     );
-    te(async () => {
+    ae(async () => {
       try {
-        const { items: l } = await ke.page({ page: 1, pageSize: 200 });
-        I.value = l.map((o) => ({ label: o.name, value: o.id }));
+        const { items: o } = await Ie.page({ page: 1, pageSize: 200 });
+        E.value = o.map((l) => ({ label: l.name, value: l.id }));
       } catch {
       }
       try {
-        const { items: l } = await Ne.page({ page: 1, pageSize: 200 });
-        C.value = l.map((o) => ({ label: `${o.name}(${o.account})`, value: o.id }));
+        const { items: o } = await Oe.page({ page: 1, pageSize: 200 });
+        P.value = o.map((l) => ({ label: `${l.name}(${l.account})`, value: l.id }));
       } catch {
       }
     });
-    function K() {
-      Object.assign(n, S()), w.value = !0;
+    function te() {
+      Object.assign(n, C()), w.value = !0;
     }
-    const T = d(!1), k = d(null);
-    function Q(l) {
-      k.value = l, T.value = !0;
+    const T = m(!1), N = m(null);
+    function oe(o) {
+      N.value = o, T.value = !0;
     }
-    async function W() {
-      var l, o;
-      await ((l = A.value) == null ? void 0 : l.validate());
+    async function le() {
+      var o, l;
+      await ((o = R.value) == null ? void 0 : o.validate());
       try {
-        const u = n.actions.length ? n.actions : void 0;
-        await _.publish({ ...n, actions: u }), b.success(e("notice.published")), await ((o = g.value) == null ? void 0 : o.refresh());
-      } catch (u) {
-        return b.error(M(u)), !1;
+        const p = n.actions.length ? n.actions : void 0;
+        await S.publish({ ...n, actions: p }), b.success(t("notice.published")), await ((l = g.value) == null ? void 0 : l.refresh());
+      } catch (p) {
+        return b.error(D(p)), !1;
       }
     }
-    return (l, o) => {
-      var R;
-      const u = oe("auth");
-      return N(), le("div", _e, [
-        a(t(fe), {
-          "default-page-size": 100,
+    return (o, l) => {
+      var M;
+      const p = re("auth");
+      return _(), ce("div", $e, [
+        a(e(Ne), {
+          toolbar: e(Me),
           ref_key: "tableRef",
           ref: g,
-          columns: q,
-          fetcher: t(_).page,
-          "flex-height": "",
-          "virtual-scroll": "",
+          columns: O,
+          fetcher: e(S).page,
+          search: { container: "table" },
+          "fill-height": "",
+          "min-row-height": e(Pe),
+          "card-on-narrow": "",
           "storage-key": "sys-notice",
-          onError: o[0] || (o[0] = (i) => t(b).error(t(M)(i)))
+          onError: l[0] || (l[0] = (i) => e(b).error(e(D)(i)))
         }, {
-          toolbar: r(() => [
-            ie((N(), O(t(U), {
+          "pagination-prefix": r(({ itemCount: i }) => [
+            a(ze, { count: i }, null, 8, ["count"])
+          ]),
+          "toolbar-right": r(() => [
+            se((_(), z(e(U), {
               type: "primary",
-              onClick: K
+              onClick: te
             }, {
               icon: r(() => [
-                a(ye, {
+                a(ke, {
                   icon: "ph:megaphone",
                   size: 16
                 })
               ]),
               default: r(() => [
-                v(" " + f(t(e)("notice.publish")), 1)
+                f(" " + y(e(t)("notice.publish")), 1)
               ]),
               _: 1
             })), [
-              [u, "POST:/api/v1/sys/notice"]
+              [p, "POST:/api/v1/sys/notice"]
             ])
           ]),
           _: 1
-        }, 8, ["fetcher"]),
-        a(he, {
+        }, 8, ["toolbar", "fetcher", "min-row-height"]),
+        a(_e, {
           show: w.value,
-          "onUpdate:show": o[8] || (o[8] = (i) => w.value = i),
-          title: t(e)("notice.publishTitle"),
+          "onUpdate:show": l[8] || (l[8] = (i) => w.value = i),
+          title: e(t)("notice.publishTitle"),
           width: 820,
-          "on-confirm": W,
-          "confirm-text": t(e)("notice.publish")
+          "on-confirm": le,
+          "confirm-text": e(t)("notice.publish")
         }, {
           default: r(() => [
-            a(t(re), {
+            a(e(ye), ue({
               ref_key: "formRef",
-              ref: A,
+              ref: R,
               model: n,
-              rules: B,
-              "label-placement": "left",
-              "label-width": 80
-            }, {
+              rules: W,
+              "require-mark-placement": "left"
+            }, F.value), {
               default: r(() => [
-                a(t(m), {
-                  label: t(e)("notice.type")
+                a(e(v), {
+                  label: e(t)("notice.type"),
+                  required: ""
                 }, {
                   default: r(() => [
-                    a(t(h), {
+                    a(e(h), {
                       value: n.type,
-                      "onUpdate:value": o[1] || (o[1] = (i) => n.type = i),
-                      options: H,
-                      style: { width: "160px" }
-                    }, null, 8, ["value"])
+                      "onUpdate:value": l[1] || (l[1] = (i) => n.type = i),
+                      options: Y,
+                      style: q(I.value)
+                    }, null, 8, ["value", "style"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                a(t(m), {
-                  label: t(e)("notice.receiver")
+                a(e(v), {
+                  label: e(t)("notice.receiver"),
+                  required: ""
                 }, {
                   default: r(() => [
-                    a(t(h), {
+                    a(e(h), {
                       value: n.receiverType,
                       "onUpdate:value": [
-                        o[2] || (o[2] = (i) => n.receiverType = i),
-                        o[3] || (o[3] = (i) => n.receiverIds = [])
+                        l[2] || (l[2] = (i) => n.receiverType = i),
+                        l[3] || (l[3] = (i) => n.receiverIds = [])
                       ],
-                      options: X,
-                      style: { width: "160px" }
-                    }, null, 8, ["value"])
+                      options: Z,
+                      style: q(I.value)
+                    }, null, 8, ["value", "style"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                n.receiverType !== t(s).All ? (N(), O(t(m), {
+                n.receiverType !== e(u).All ? (_(), z(e(v), {
                   key: 0,
                   path: "receiverIds",
-                  label: n.receiverType === t(s).Role ? t(e)("notice.receiverRole") : t(e)("notice.receiverUser")
+                  required: "",
+                  label: n.receiverType === e(u).Role ? e(t)("notice.receiverRole") : e(t)("notice.receiverUser")
                 }, {
                   default: r(() => [
-                    a(t(h), {
+                    a(e(h), {
                       value: n.receiverIds,
-                      "onUpdate:value": o[4] || (o[4] = (i) => n.receiverIds = i),
-                      options: j.value,
+                      "onUpdate:value": l[4] || (l[4] = (i) => n.receiverIds = i),
+                      options: ee.value,
                       multiple: "",
                       filterable: "",
                       clearable: "",
-                      placeholder: t(e)("notice.receiverPlaceholder")
+                      placeholder: e(t)("notice.receiverPlaceholder")
                     }, null, 8, ["value", "options", "placeholder"])
                   ]),
                   _: 1
-                }, 8, ["label"])) : ne("", !0),
-                a(t(m), {
-                  label: t(e)("notice.noticeTitle"),
+                }, 8, ["label"])) : pe("", !0),
+                a(e(v), {
+                  label: e(t)("notice.noticeTitle"),
                   path: "title"
                 }, {
                   default: r(() => [
-                    a(t(x), {
+                    a(e(A), {
                       value: n.title,
-                      "onUpdate:value": o[5] || (o[5] = (i) => n.title = i),
-                      placeholder: t(e)("notice.noticeTitle")
+                      "onUpdate:value": l[5] || (l[5] = (i) => n.title = i),
+                      placeholder: e(t)("notice.noticeTitle")
                     }, null, 8, ["value", "placeholder"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                a(t(m), {
-                  label: t(e)("notice.content")
+                a(e(v), {
+                  label: e(t)("notice.content")
                 }, {
                   default: r(() => [
-                    a(be, {
+                    a(Ue, {
                       value: n.content,
-                      "onUpdate:value": o[6] || (o[6] = (i) => n.content = i)
+                      "onUpdate:value": l[6] || (l[6] = (i) => n.content = i)
                     }, null, 8, ["value"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                a(t(m), {
-                  label: t(e)("notice.actions"),
+                a(e(v), {
+                  label: e(t)("notice.actions"),
                   path: "actions"
                 }, {
                   default: r(() => [
-                    E("div", Ae, [
-                      a(t(ce), {
+                    $("div", Be, [
+                      a(e(he), {
                         value: n.actions,
-                        "onUpdate:value": o[7] || (o[7] = (i) => n.actions = i),
-                        max: Ie,
-                        "on-create": G,
+                        "onUpdate:value": l[7] || (l[7] = (i) => n.actions = i),
+                        max: Le,
+                        "on-create": j,
                         "item-style": "margin-bottom: 8px"
                       }, {
                         default: r(({ value: i }) => [
-                          E("div", Se, [
-                            a(t(x), {
+                          $("div", De, [
+                            a(e(A), {
                               value: i.label,
                               "onUpdate:value": (c) => i.label = c,
-                              placeholder: t(e)("notice.actionLabel"),
-                              style: { width: "150px" }
+                              placeholder: e(t)("notice.actionLabel"),
+                              class: "act-label"
                             }, null, 8, ["value", "onUpdate:value", "placeholder"]),
-                            a(t(h), {
+                            a(e(h), {
                               value: i.method,
                               "onUpdate:value": (c) => i.method = c,
-                              options: J,
+                              options: Q,
                               style: { width: "96px" }
                             }, null, 8, ["value", "onUpdate:value"]),
-                            a(t(x), {
+                            a(e(A), {
                               value: i.url,
                               "onUpdate:value": (c) => i.url = c,
-                              placeholder: t(e)("notice.actionUrl"),
-                              style: { flex: "1", "min-width": "180px" }
+                              placeholder: e(t)("notice.actionUrl"),
+                              class: "act-url mono"
                             }, null, 8, ["value", "onUpdate:value", "placeholder"]),
-                            a(t(h), {
+                            a(e(h), {
                               value: i.style,
                               "onUpdate:value": (c) => i.style = c,
-                              options: L,
+                              options: X,
                               style: { width: "96px" }
                             }, null, 8, ["value", "onUpdate:value"]),
-                            a(t(P), {
+                            a(e(B), {
                               checked: i.confirm,
                               "onUpdate:checked": (c) => i.confirm = c
                             }, {
                               default: r(() => [
-                                v(f(t(e)("notice.actionNeedConfirm")), 1)
+                                f(y(e(t)("notice.actionNeedConfirm")), 1)
                               ]),
                               _: 1
                             }, 8, ["checked", "onUpdate:checked"]),
-                            a(t(P), {
+                            a(e(B), {
                               checked: i.comment,
                               "onUpdate:checked": (c) => i.comment = c
                             }, {
                               default: r(() => [
-                                v(f(t(e)("notice.actionNeedComment")), 1)
+                                f(y(e(t)("notice.actionNeedComment")), 1)
                               ]),
                               _: 1
                             }, 8, ["checked", "onUpdate:checked"])
                           ])
                         ]),
                         "create-button-default": r(() => [
-                          v(f(t(e)("notice.actionAdd")), 1)
+                          f(y(e(t)("notice.actionAdd")), 1)
                         ]),
                         _: 1
                       }, 8, ["value"]),
-                      a(t(se), {
+                      a(e(be), {
                         depth: "3",
                         class: "notice-actions-hint"
                       }, {
                         default: r(() => [
-                          v(f(t(e)("notice.actionsHint")), 1)
+                          f(y(e(t)("notice.actionsHint")), 1)
                         ]),
                         _: 1
                       })
@@ -370,22 +396,24 @@ const _e = { class: "fill-page" }, Ae = { class: "notice-actions-editor" }, Se =
                 }, 8, ["label"])
               ]),
               _: 1
-            }, 8, ["model"])
+            }, 16, ["model"])
           ]),
           _: 1
         }, 8, ["show", "title", "confirm-text"]),
-        a(t(ue), {
+        a(e(ge), {
           show: T.value,
-          "onUpdate:show": o[9] || (o[9] = (i) => T.value = i),
+          "onUpdate:show": l[9] || (l[9] = (i) => T.value = i),
           preset: "card",
-          title: ((R = k.value) == null ? void 0 : R.title) || t(e)("notice.detailTitle"),
+          title: ((M = N.value) == null ? void 0 : M.title) || e(t)("notice.detailTitle"),
+          bordered: !1,
+          segmented: { content: !0 },
           style: { width: "720px", "max-width": "92vw" }
         }, {
           default: r(() => {
             var i;
             return [
-              a(ge, {
-                value: (i = k.value) == null ? void 0 : i.content
+              a(Ae, {
+                value: (i = N.value) == null ? void 0 : i.content
               }, null, 8, ["value"])
             ];
           }),
@@ -396,6 +424,6 @@ const _e = { class: "fill-page" }, Ae = { class: "notice-actions-editor" }, Se =
   }
 });
 export {
-  Xe as default
+  st as default
 };
 //# sourceMappingURL=index2.vue.js.map