smart-admin-web 10.20.0 → 10.21.0

package/dist/views/system/log/op/index2.vue.js

@@ -1,29 +1,29 @@
-import { defineComponent as j, ref as m, computed as b, h as d, resolveDirective as K, openBlock as f, createElementBlock as z, Fragment as Q, createVNode as r, unref as t, withCtx as a, withDirectives as X, createBlock as _, createTextVNode as k, toDisplayString as i, normalizeStyle as Y, normalizeClass as Z, createElementVNode as c, createCommentVNode as O } from "vue";
+import { defineComponent as j, ref as m, computed as b, h as d, resolveDirective as K, openBlock as h, createElementBlock as z, Fragment as Q, createVNode as r, unref as t, withCtx as a, withDirectives as X, createBlock as _, createTextVNode as w, toDisplayString as i, normalizeStyle as Y, normalizeClass as Z, createElementVNode as c, createCommentVNode as O } from "vue";
 import { useElementSize as ee } from "@vueuse/core";
 import { useMessage as te, NButton as D, NDrawer as le, NDrawerContent as oe, NDescriptions as ae, NDescriptionsItem as n, NTag as re } from "naive-ui";
 import { useI18n as se } from "vue-i18n";
 import { SmartTable as ie } from "smart-naive-table";
 import ne from "../../../../components/AppIcon.vue.js";
 import ce from "../../../../components/CodeBlock/index.vue.js";
-import ue from "../../../../components/ExportColumnsModal/index.vue.js";
-import { useConfirm as pe } from "../../../../composables/useConfirm.js";
+import pe from "../../../../components/ExportColumnsModal/index.vue.js";
+import { useConfirm as ue } from "../../../../composables/useConfirm.js";
 import { logApi as C, userApi as me } from "../../../../api/index.js";
 import { useAuthStore as de } from "../../../../stores/auth.js";
 import { translateError as I } from "../../../../utils/error.js";
-import { createFlatFilterSerializer as fe, SEARCH_ACTIONS as g, deriveHeaderFilters as he, flatSearchOf as ge, loadWithinServerMax as ve } from "../../../../utils/tableFilter.js";
+import { createFlatFilterSerializer as he, SEARCH_ACTIONS as g, deriveHeaderFilters as fe, flatSearchOf as ge, loadWithinServerMax as ve } from "../../../../utils/tableFilter.js";
 import { TABLE_TOOLBAR as ye, TABLE_MIN_ROW_HEIGHT as be } from "../../../../utils/tableToolbar.js";
 import _e from "../../../../components/TableTotal/index.vue.js";
 import { operatorText as A, fmtDateTime as B } from "../../../../utils/format.js";
-import { triggerBlobDownload as ke } from "../../../../utils/download.js";
-const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num" }, Ce = { class: "exception" }, Ne = { class: "num" }, Ee = { class: "mono" }, Se = { class: "muted break" }, Me = { class: "num" }, ze = { key: 1 }, Ke = /* @__PURE__ */ j({
+import { triggerBlobDownload as we } from "../../../../utils/download.js";
+const ke = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num" }, Ce = { class: "exception" }, Ne = { class: "num" }, Ee = { class: "mono" }, Se = { class: "muted break" }, Me = { class: "num" }, ze = { key: 1 }, Ke = /* @__PURE__ */ j({
   __name: "index",
   setup(Oe) {
-    const { t: e } = se(), w = te(), { confirm: R } = pe(), H = de(), v = m(), y = m(!1), x = m(!1), L = b(
+    const { t: e } = se(), k = te(), { confirm: R } = ue(), H = de(), v = m(), y = m(!1), x = m(!1), L = b(
       () => {
         var l;
         return (l = v.value) == null ? void 0 : l.$el;
       }
-    ), { width: N } = ee(L), p = b(() => N.value > 0 && N.value < 600), $ = b(
+    ), { width: N } = ee(L), u = b(() => N.value > 0 && N.value < 600), $ = b(
       () => H.hasPerm("GET:/api/v1/sys/log/op/export") ? [{ label: e("export.button"), key: "export" }] : []
     ), F = b(() => ({ ...ye, more: $.value }));
     function J(l) {
@@ -45,7 +45,7 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
       const o = ge(v.value, E);
       x.value = !0;
       try {
-        const h = await C.opExport({
+        const f = await C.opExport({
           title: o.title || void 0,
           success: o.success,
           operatorId: o.operatorId != null ? Number(o.operatorId) : void 0,
@@ -53,14 +53,14 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
           createTime: o.createTime ?? null,
           columns: l.join(",")
         });
-        ke(h, e("logOp.fileName")), y.value = !1, w.success(e("export.done"));
-      } catch (h) {
-        w.error(I(h));
+        we(f, e("logOp.fileName")), y.value = !1, k.success(e("export.done"));
+      } catch (f) {
+        k.error(I(f));
       } finally {
         x.value = !1;
       }
     }
-    const E = fe({ ranges: ["createTime"] }), S = m([]);
+    const E = he({ ranges: ["createTime"] }), S = m([]);
     async function W() {
       try {
         const { items: l } = await ve(me.page, 1e3);
@@ -71,7 +71,13 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
     W();
     const M = [
       { type: "index", title: () => e("common.rowNo"), width: 64, align: "center" },
-      { key: "title", title: () => e("log.opName"), search: { actions: g.fuzzy } },
+      {
+        key: "title",
+        width: 220,
+        ellipsis: { tooltip: !0 },
+        title: () => e("log.opName"),
+        search: { actions: g.fuzzy }
+      },
       { key: "httpMethod", title: () => e("log.method"), width: 90 },
       {
         key: "path",
@@ -82,6 +88,7 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
       },
       {
         key: "success",
+        width: 90,
         title: () => e("log.result"),
         tag: !0,
         search: { actions: g.exact },
@@ -120,6 +127,8 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
       },
       {
         key: "ip",
+        width: 140,
+        ellipsis: { tooltip: !0 },
         title: () => e("log.ip"),
         render: (l) => d("span", { class: "mono muted" }, l.ip || "—")
       },
@@ -127,6 +136,7 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
       // api 层拆成 StartTime/EndTime 并把结束日补到 23:59:59。
       {
         key: "createTime",
+        width: 170,
         title: () => e("common.createTime"),
         render: (l) => d("span", { class: "num muted", style: "white-space: nowrap" }, B(l.createTime)),
         search: { type: "daterange", actions: g.dayRange }
@@ -144,7 +154,7 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
         )
       }
     ];
-    he(M);
+    fe(M);
     const T = m(!1), s = m(null);
     function G(l) {
       s.value = l, T.value = !0;
@@ -168,8 +178,8 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
       });
     }
     return (l, o) => {
-      const h = K("auth");
-      return f(), z(Q, null, [
+      const f = K("auth");
+      return h(), z(Q, null, [
         r(t(ie), {
           ref_key: "tableRef",
           ref: v,
@@ -183,13 +193,13 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
           "card-on-narrow": "",
           "storage-key": "sys-log-op",
           onMoreSelect: J,
-          onError: o[0] || (o[0] = (u) => t(w).error(t(I)(u)))
+          onError: o[0] || (o[0] = (p) => t(k).error(t(I)(p)))
         }, {
-          "pagination-prefix": a(({ itemCount: u }) => [
-            r(_e, { count: u }, null, 8, ["count"])
+          "pagination-prefix": a(({ itemCount: p }) => [
+            r(_e, { count: p }, null, 8, ["count"])
           ]),
           "toolbar-right": a(() => [
-            X((f(), _(t(D), {
+            X((h(), _(t(D), {
               type: "error",
               secondary: "",
               onClick: q
@@ -201,39 +211,39 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
                 })
               ]),
               default: a(() => [
-                k(" " + i(t(e)("log.clear")), 1)
+                w(" " + i(t(e)("log.clear")), 1)
               ]),
               _: 1
             })), [
-              [h, "DELETE:/api/v1/sys/log/op"]
+              [f, "DELETE:/api/v1/sys/log/op"]
             ])
           ]),
           _: 1
         }, 8, ["fetcher", "filter-serializer", "toolbar", "min-row-height"]),
-        r(ue, {
+        r(pe, {
           show: y.value,
-          "onUpdate:show": o[1] || (o[1] = (u) => y.value = u),
+          "onUpdate:show": o[1] || (o[1] = (p) => y.value = p),
           columns: P,
           loading: x.value,
           onConfirm: V
         }, null, 8, ["show", "loading"]),
         r(t(le), {
           show: T.value,
-          "onUpdate:show": o[2] || (o[2] = (u) => T.value = u),
-          placement: p.value ? "bottom" : "right",
-          width: p.value ? void 0 : "min(560px, 100vw)",
-          height: p.value ? "auto" : void 0,
-          class: Z(p.value ? "st-sheet" : ""),
-          style: Y(p.value ? "max-height: 85vh" : "")
+          "onUpdate:show": o[2] || (o[2] = (p) => T.value = p),
+          placement: u.value ? "bottom" : "right",
+          width: u.value ? void 0 : "min(560px, 100vw)",
+          height: u.value ? "auto" : void 0,
+          class: Z(u.value ? "st-sheet" : ""),
+          style: Y(u.value ? "max-height: 85vh" : "")
         }, {
           default: a(() => [
             r(t(oe), {
               title: t(e)("log.detail"),
               closable: "",
-              "native-scrollbar": p.value
+              "native-scrollbar": u.value
             }, {
               default: a(() => [
-                s.value ? (f(), _(t(ae), {
+                s.value ? (h(), _(t(ae), {
                   key: 0,
                   "label-placement": "left",
                   column: 1,
@@ -246,7 +256,7 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
                       label: t(e)("log.opName")
                     }, {
                       default: a(() => [
-                        c("span", we, i(s.value.title), 1)
+                        c("span", ke, i(s.value.title), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
@@ -254,7 +264,7 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
                       label: t(e)("log.method")
                     }, {
                       default: a(() => [
-                        k(i(s.value.httpMethod), 1)
+                        w(i(s.value.httpMethod), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
@@ -276,7 +286,7 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
                           bordered: !1
                         }, {
                           default: a(() => [
-                            k(i(s.value.success ? t(e)("log.success") : t(e)("log.failed")), 1)
+                            w(i(s.value.success ? t(e)("log.success") : t(e)("log.failed")), 1)
                           ]),
                           _: 1
                         }, 8, ["type"])
@@ -291,7 +301,7 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    s.value.exceptionMessage ? (f(), _(t(n), {
+                    s.value.exceptionMessage ? (h(), _(t(n), {
                       key: 0,
                       label: t(e)("log.exception")
                     }, {
@@ -312,7 +322,7 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
                       label: t(e)("log.operator")
                     }, {
                       default: a(() => [
-                        k(i(t(A)(s.value)), 1)
+                        w(i(t(A)(s.value)), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
@@ -344,10 +354,10 @@ const we = { class: "break" }, xe = { class: "mono break" }, Te = { class: "num"
                       label: t(e)("log.param")
                     }, {
                       default: a(() => [
-                        s.value.paramJson ? (f(), _(ce, {
+                        s.value.paramJson ? (h(), _(ce, {
                           key: 0,
                           code: U(s.value.paramJson)
-                        }, null, 8, ["code"])) : (f(), z("span", ze, "—"))
+                        }, null, 8, ["code"])) : (h(), z("span", ze, "—"))
                       ]),
                       _: 1
                     }, 8, ["label"])

package/dist/views/system/log/op/index2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.vue.js","sources":["../../../../../src/views/system/log/op/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 操作日志 = 只读 SmartTable + 详情抽屉。后端无 op/{id},分页项已含全字段 → 抽屉直接用行数据。\n// 搜索区要能答审计的三个问题:谁(操作人)、什么时候(时间范围)、干了什么(操作名/路径/成败)。\n// paramJson 走 CodeBlock(json 高亮 + 复制;美化是 parse→stringify,失败原样);异常堆栈保持危险色 <pre>——堆栈非代码,高亮无意义。\n// 导出:ExportColumnsModal 选列 + 当前筛选条件。\nimport { computed, h, ref } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nimport {\n  NButton,\n  NTag,\n  NDrawer,\n  NDrawerContent,\n  NDescriptions,\n  NDescriptionsItem,\n  useMessage,\n} from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { SmartTable, type SmartTableColumn, type SmartTableInst } from 'smart-naive-table'\nimport AppIcon from '#/components/AppIcon.vue'\nimport CodeBlock from '#/components/CodeBlock/index.vue'\nimport ExportColumnsModal from '#/components/ExportColumnsModal/index.vue'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { logApi, userApi } from '#/api'\nimport { useAuthStore } from '#/stores/auth'\nimport { translateError } from '#/utils/error'\nimport {\n  SEARCH_ACTIONS,\n  createFlatFilterSerializer,\n  flatSearchOf,\n  loadWithinServerMax,\n  deriveHeaderFilters,\n} from '#/utils/tableFilter'\nimport { TABLE_MIN_ROW_HEIGHT, TABLE_TOOLBAR } from '#/utils/tableToolbar'\nimport TableTotal from '#/components/TableTotal/index.vue'\nimport { fmtDateTime, operatorText } from '#/utils/format'\nimport { triggerBlobDownload } from '#/utils/download'\nimport type { ExportColumnDef, SysOpLog } from '#/types/api'\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { confirm } = useConfirm()\nconst authStore = useAuthStore()\nconst tableRef = ref<SmartTableInst<SysOpLog>>()\n\nconst exportShow = ref(false)\nconst exporting = ref(false)\n\n// 详情抽屉的窄档判据:直接读表格根节点的宽度,与库的窄档(容器 < 600,卡片列表)同源同值,\n// 不用视口近似。窄档详情从底部抽屉弹出(宽档右侧抽屉)。未量到宽度(0)时按宽档处理。\nconst tableEl = computed(\n  () => (tableRef.value as unknown as { $el?: HTMLElement } | undefined)?.$el,\n)\nconst { width: tableWidth } = useElementSize(tableEl)\nconst isNarrow = computed(() => tableWidth.value > 0 && tableWidth.value < 600)\n\n// 导出收进表格内置的「更多」菜单;没有导出权限时 more 为空数组,按钮不出现。\nconst toolbarMore = computed(() =>\n  authStore.hasPerm('GET:/api/v1/sys/log/op/export')\n    ? [{ label: t('export.button'), key: 'export' }]\n    : [],\n)\n// 引用稳定的 toolbar 配置:不要把 `{ ...TABLE_TOOLBAR, more }` 直接写进模板,那样每次重渲染都会新建一个对象\nconst toolbar = computed(() => ({ ...TABLE_TOOLBAR, more: toolbarMore.value }))\nfunction onMoreSelect(key: string | number) {\n  if (key === 'export') exportShow.value = true\n}\n\n/** 与后端 OpLogExportProfile.Columns 对齐。 */\nconst opExportColumns: ExportColumnDef[] = [\n  { key: 'Title', title: t('log.opName') },\n  { key: 'HttpMethod', title: t('log.method') },\n  { key: 'Path', title: t('log.path') },\n  { key: 'ResultCode', title: t('log.resultCode') },\n  { key: 'Success', title: t('log.success') },\n  { key: 'OperatorName', title: t('log.operator') },\n  { key: 'Ip', title: t('log.ip') },\n  { key: 'ElapsedMs', title: t('log.elapsed') },\n  { key: 'CreateTime', title: t('common.createTime') },\n  { key: 'ExceptionMessage', title: t('log.exceptionMessage'), defaultSelected: false },\n]\n\nasync function onExport(keys: string[]) {\n  // 搜索值在过滤态里,flatSearchOf 用同一个序列化器还原成与列表请求一致的扁平键\n  const p = flatSearchOf(tableRef.value, filterSerializer)\n  exporting.value = true\n  try {\n    const blob = await logApi.opExport({\n      title: p.title || undefined,\n      success: p.success,\n      operatorId: p.operatorId != null ? Number(p.operatorId) : undefined,\n      path: p.path || undefined,\n      createTime: p.createTime ?? null,\n      columns: keys.join(','),\n    })\n    triggerBlobDownload(blob, t('logOp.fileName'))\n    exportShow.value = false\n    message.success(t('export.done'))\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    exporting.value = false\n  }\n}\n\n// 日期区间:条件构造器里是同一字段的两行(大于等于 + 小于等于),序列化器合并成 [起, 止],\n// api 层 splitRange 再拆成 StartTime/EndTime 并给结束日补 23:59:59。\nconst filterSerializer = createFlatFilterSerializer({ ranges: ['createTime'] })\n\n// 操作人下拉的选项源:取前 1000 个用户。\n// 用选项列而不是 UserSelect(远程搜索):条件构造器放不下自定义控件。\n// 当前限制:用户超过 1000 时,排在后面的人在这里选不到。\nconst operatorOptions = ref<{ label: string; value: number }[]>([])\nasync function loadOperatorOptions() {\n  try {\n    // 应用把 MaxPageSize 调到 1000 以下时,loadWithinServerMax 按后端回的上限重取一次\n    const { items } = await loadWithinServerMax(userApi.page, 1000)\n    operatorOptions.value = items.map(u => ({ label: `${u.name}(${u.account})`, value: u.id }))\n  } catch {\n    // 静默:人员下拉是筛选辅助,拉取失败不打断列表\n  }\n}\nvoid loadOperatorOptions()\n\nconst columns: SmartTableColumn<SysOpLog>[] = [\n  { type: 'index', title: () => t('common.rowNo'), width: 64, align: 'center' },\n  { key: 'title', title: () => t('log.opName'), search: { actions: SEARCH_ACTIONS.fuzzy } },\n  { key: 'httpMethod', title: () => t('log.method'), width: 90 },\n  {\n    key: 'path',\n    title: () => t('log.path'),\n    ellipsis: { tooltip: true },\n    search: { actions: SEARCH_ACTIONS.fuzzy },\n    render: r => h('span', { class: 'mono muted' }, r.path),\n  },\n  {\n    key: 'success',\n    title: () => t('log.result'),\n    tag: true,\n    search: { actions: SEARCH_ACTIONS.exact },\n    options: [\n      { label: () => t('log.success'), value: true, tagType: 'success' },\n      { label: () => t('log.failed'), value: false, tagType: 'error' },\n    ],\n  },\n  {\n    key: 'resultCode',\n    title: () => t('log.resultCode'),\n    width: 100,\n    render: r => h('span', { class: 'num' }, String(r.resultCode)),\n  },\n  {\n    key: 'operator',\n    title: () => t('log.operator'),\n    width: 120,\n    ellipsis: { tooltip: true },\n    render: r => operatorText(r),\n  },\n  // 操作人搜索项:日志只存 OperatorId(姓名是读取时回填的),按人筛必须是精确 Id(后端 OperatorId ==)。\n  // 只作搜索项,不进表格也不进列设置;展示列是上面的 operator。\n  {\n    key: 'operatorId',\n    title: () => t('log.operator'),\n    hideInTable: true,\n    options: operatorOptions,\n    search: { actions: SEARCH_ACTIONS.exact, props: { clearable: true, filterable: true } },\n  },\n  {\n    key: 'elapsedMs',\n    title: () => t('log.elapsed'),\n    width: 100,\n    render: r => h('span', { class: 'num' }, `${r.elapsedMs} ms`),\n  },\n  {\n    key: 'ip',\n    title: () => t('log.ip'),\n    render: r => h('span', { class: 'mono muted' }, r.ip || '—'),\n  },\n  // 时间范围是审计最常用的一刀(\"上周三下午谁删了那批数据\");daterange 回传 ['YYYY-MM-DD','YYYY-MM-DD'],\n  // api 层拆成 StartTime/EndTime 并把结束日补到 23:59:59。\n  {\n    key: 'createTime',\n    title: () => t('common.createTime'),\n    render: r =>\n      h('span', { class: 'num muted', style: 'white-space: nowrap' }, fmtDateTime(r.createTime)),\n    search: { type: 'daterange', actions: SEARCH_ACTIONS.dayRange },\n  },\n  {\n    key: 'op',\n    title: () => t('common.operation'),\n    width: 90,\n    fixed: 'right',\n    hideInSetting: true,\n    render: r =>\n      h(\n        NButton,\n        { size: 'small', quaternary: true, type: 'primary', onClick: () => openDetail(r) },\n        () => t('log.detail'),\n      ),\n  },\n]\nderiveHeaderFilters(columns)\n\n// ── 详情抽屉(只读,行数据直填)──\nconst showDetail = ref(false)\nconst detailRow = ref<SysOpLog | null>(null)\nfunction openDetail(r: SysOpLog) {\n  detailRow.value = r\n  showDetail.value = true\n}\n/** paramJson 美化:parse→stringify(2);非法 JSON 原样返回。空值占位由模板判空。 */\nfunction prettyParam(json: string) {\n  try {\n    return JSON.stringify(JSON.parse(json), null, 2)\n  } catch {\n    return json\n  }\n}\n\nfunction clearLogs() {\n  confirm({\n    type: 'error',\n    content: t('log.clearOpConfirm'),\n    action: () => logApi.opClear(),\n    successMsg: t('log.cleared'),\n  }).then(ok => {\n    if (ok) tableRef.value?.refresh()\n  })\n}\n</script>\n\n<template>\n  <SmartTable\n    ref=\"tableRef\"\n    :columns=\"columns\"\n    :fetcher=\"logApi.opPage\"\n    :search=\"{ container: 'table' }\"\n    :filter-serializer=\"filterSerializer\"\n    :toolbar=\"toolbar\"\n    fill-height\n    :min-row-height=\"TABLE_MIN_ROW_HEIGHT\"\n    card-on-narrow\n    storage-key=\"sys-log-op\"\n    @more-select=\"onMoreSelect\"\n    @error=\"e => message.error(translateError(e))\"\n  >\n    <template #pagination-prefix=\"{ itemCount }\">\n      <TableTotal :count=\"itemCount\" />\n    </template>\n    <template #toolbar-right>\n      <n-button v-auth=\"'DELETE:/api/v1/sys/log/op'\" type=\"error\" secondary @click=\"clearLogs\">\n        <template #icon><AppIcon icon=\"ph:trash\" :size=\"16\" /></template>\n        {{ t('log.clear') }}\n      </n-button>\n    </template>\n  </SmartTable>\n\n  <ExportColumnsModal\n    v-model:show=\"exportShow\"\n    :columns=\"opExportColumns\"\n    :loading=\"exporting\"\n    @confirm=\"onExport\"\n  />\n\n  <!-- 详情抽屉:宽档右侧 560,窄档底部抽屉(.st-sheet 由全局样式补圆角与滚动链);没有响应体,只有脱敏后的入参 -->\n  <n-drawer\n    v-model:show=\"showDetail\"\n    :placement=\"isNarrow ? 'bottom' : 'right'\"\n    :width=\"isNarrow ? undefined : 'min(560px, 100vw)'\"\n    :height=\"isNarrow ? 'auto' : undefined\"\n    :class=\"isNarrow ? 'st-sheet' : ''\"\n    :style=\"isNarrow ? 'max-height: 85vh' : ''\"\n  >\n    <n-drawer-content :title=\"t('log.detail')\" closable :native-scrollbar=\"isNarrow\">\n      <n-descriptions\n        v-if=\"detailRow\"\n        label-placement=\"left\"\n        :column=\"1\"\n        bordered\n        size=\"small\"\n        label-style=\"width: 96px\"\n      >\n        <n-descriptions-item :label=\"t('log.opName')\">\n          <span class=\"break\">{{ detailRow.title }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.method')\">\n          {{ detailRow.httpMethod }}\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.path')\">\n          <span class=\"mono break\">{{ detailRow.path }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.result')\">\n          <n-tag :type=\"detailRow.success ? 'success' : 'error'\" size=\"small\" :bordered=\"false\">\n            {{ detailRow.success ? t('log.success') : t('log.failed') }}\n          </n-tag>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.resultCode')\">\n          <span class=\"num\">{{ detailRow.resultCode }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item v-if=\"detailRow.exceptionMessage\" :label=\"t('log.exception')\">\n          <pre class=\"exception\">{{ detailRow.exceptionMessage }}</pre>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.elapsed')\">\n          <span class=\"num\">{{ detailRow.elapsedMs }} ms</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.operator')\">\n          {{ operatorText(detailRow) }}\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.ip')\">\n          <span class=\"mono\">{{ detailRow.ip || '—' }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.userAgent')\">\n          <span class=\"muted break\">{{ detailRow.userAgent || '—' }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('common.createTime')\">\n          <span class=\"num\">{{ fmtDateTime(detailRow.createTime) }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.param')\">\n          <CodeBlock v-if=\"detailRow.paramJson\" :code=\"prettyParam(detailRow.paramJson)\" />\n          <span v-else>—</span>\n        </n-descriptions-item>\n      </n-descriptions>\n    </n-drawer-content>\n  </n-drawer>\n</template>\n\n<style scoped>\n.break {\n  word-break: break-all;\n}\n.exception {\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-all;\n  font-family: var(--font-mono, ui-monospace, monospace);\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--err, var(--color-danger));\n}\n</style>\n"],"names":["t","useI18n","message","useMessage","confirm","useConfirm","authStore","useAuthStore","tableRef","ref","exportShow","exporting","tableEl","computed","_a","tableWidth","useElementSize","isNarrow","toolbarMore","toolbar","TABLE_TOOLBAR","onMoreSelect","key","opExportColumns","onExport","keys","p","flatSearchOf","filterSerializer","blob","logApi","triggerBlobDownload","e","translateError","createFlatFilterSerializer","operatorOptions","loadOperatorOptions","items","loadWithinServerMax","userApi","u","columns","SEARCH_ACTIONS","h","r","operatorText","fmtDateTime","NButton","openDetail","deriveHeaderFilters","showDetail","detailRow","prettyParam","json","clearLogs","ok","_createVNode","_unref","SmartTable","TABLE_MIN_ROW_HEIGHT","_cache","_withCtx","itemCount","TableTotal","_createBlock","AppIcon","_createTextVNode","ExportColumnsModal","$event","NDrawer","NDrawerContent","NDescriptions","NDescriptionsItem","_createElementVNode","_hoisted_1","_toDisplayString","_hoisted_2","NTag","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","CodeBlock","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index2.vue.js","sources":["../../../../../src/views/system/log/op/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 操作日志 = 只读 SmartTable + 详情抽屉。后端无 op/{id},分页项已含全字段 → 抽屉直接用行数据。\n// 搜索区要能答审计的三个问题:谁(操作人)、什么时候(时间范围)、干了什么(操作名/路径/成败)。\n// paramJson 走 CodeBlock(json 高亮 + 复制;美化是 parse→stringify,失败原样);异常堆栈保持危险色 <pre>——堆栈非代码,高亮无意义。\n// 导出:ExportColumnsModal 选列 + 当前筛选条件。\nimport { computed, h, ref } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nimport {\n  NButton,\n  NTag,\n  NDrawer,\n  NDrawerContent,\n  NDescriptions,\n  NDescriptionsItem,\n  useMessage,\n} from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { SmartTable, type SmartTableColumn, type SmartTableInst } from 'smart-naive-table'\nimport AppIcon from '#/components/AppIcon.vue'\nimport CodeBlock from '#/components/CodeBlock/index.vue'\nimport ExportColumnsModal from '#/components/ExportColumnsModal/index.vue'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { logApi, userApi } from '#/api'\nimport { useAuthStore } from '#/stores/auth'\nimport { translateError } from '#/utils/error'\nimport {\n  SEARCH_ACTIONS,\n  createFlatFilterSerializer,\n  flatSearchOf,\n  loadWithinServerMax,\n  deriveHeaderFilters,\n} from '#/utils/tableFilter'\nimport { TABLE_MIN_ROW_HEIGHT, TABLE_TOOLBAR } from '#/utils/tableToolbar'\nimport TableTotal from '#/components/TableTotal/index.vue'\nimport { fmtDateTime, operatorText } from '#/utils/format'\nimport { triggerBlobDownload } from '#/utils/download'\nimport type { ExportColumnDef, SysOpLog } from '#/types/api'\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { confirm } = useConfirm()\nconst authStore = useAuthStore()\nconst tableRef = ref<SmartTableInst<SysOpLog>>()\n\nconst exportShow = ref(false)\nconst exporting = ref(false)\n\n// 详情抽屉的窄档判据:直接读表格根节点的宽度,与库的窄档(容器 < 600,卡片列表)同源同值,\n// 不用视口近似。窄档详情从底部抽屉弹出(宽档右侧抽屉)。未量到宽度(0)时按宽档处理。\nconst tableEl = computed(\n  () => (tableRef.value as unknown as { $el?: HTMLElement } | undefined)?.$el,\n)\nconst { width: tableWidth } = useElementSize(tableEl)\nconst isNarrow = computed(() => tableWidth.value > 0 && tableWidth.value < 600)\n\n// 导出收进表格内置的「更多」菜单;没有导出权限时 more 为空数组,按钮不出现。\nconst toolbarMore = computed(() =>\n  authStore.hasPerm('GET:/api/v1/sys/log/op/export')\n    ? [{ label: t('export.button'), key: 'export' }]\n    : [],\n)\n// 引用稳定的 toolbar 配置:不要把 `{ ...TABLE_TOOLBAR, more }` 直接写进模板,那样每次重渲染都会新建一个对象\nconst toolbar = computed(() => ({ ...TABLE_TOOLBAR, more: toolbarMore.value }))\nfunction onMoreSelect(key: string | number) {\n  if (key === 'export') exportShow.value = true\n}\n\n/** 与后端 OpLogExportProfile.Columns 对齐。 */\nconst opExportColumns: ExportColumnDef[] = [\n  { key: 'Title', title: t('log.opName') },\n  { key: 'HttpMethod', title: t('log.method') },\n  { key: 'Path', title: t('log.path') },\n  { key: 'ResultCode', title: t('log.resultCode') },\n  { key: 'Success', title: t('log.success') },\n  { key: 'OperatorName', title: t('log.operator') },\n  { key: 'Ip', title: t('log.ip') },\n  { key: 'ElapsedMs', title: t('log.elapsed') },\n  { key: 'CreateTime', title: t('common.createTime') },\n  { key: 'ExceptionMessage', title: t('log.exceptionMessage'), defaultSelected: false },\n]\n\nasync function onExport(keys: string[]) {\n  // 搜索值在过滤态里,flatSearchOf 用同一个序列化器还原成与列表请求一致的扁平键\n  const p = flatSearchOf(tableRef.value, filterSerializer)\n  exporting.value = true\n  try {\n    const blob = await logApi.opExport({\n      title: p.title || undefined,\n      success: p.success,\n      operatorId: p.operatorId != null ? Number(p.operatorId) : undefined,\n      path: p.path || undefined,\n      createTime: p.createTime ?? null,\n      columns: keys.join(','),\n    })\n    triggerBlobDownload(blob, t('logOp.fileName'))\n    exportShow.value = false\n    message.success(t('export.done'))\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    exporting.value = false\n  }\n}\n\n// 日期区间:条件构造器里是同一字段的两行(大于等于 + 小于等于),序列化器合并成 [起, 止],\n// api 层 splitRange 再拆成 StartTime/EndTime 并给结束日补 23:59:59。\nconst filterSerializer = createFlatFilterSerializer({ ranges: ['createTime'] })\n\n// 操作人下拉的选项源:取前 1000 个用户。\n// 用选项列而不是 UserSelect(远程搜索):条件构造器放不下自定义控件。\n// 当前限制:用户超过 1000 时,排在后面的人在这里选不到。\nconst operatorOptions = ref<{ label: string; value: number }[]>([])\nasync function loadOperatorOptions() {\n  try {\n    // 应用把 MaxPageSize 调到 1000 以下时,loadWithinServerMax 按后端回的上限重取一次\n    const { items } = await loadWithinServerMax(userApi.page, 1000)\n    operatorOptions.value = items.map(u => ({ label: `${u.name}(${u.account})`, value: u.id }))\n  } catch {\n    // 静默:人员下拉是筛选辅助,拉取失败不打断列表\n  }\n}\nvoid loadOperatorOptions()\n\nconst columns: SmartTableColumn<SysOpLog>[] = [\n  { type: 'index', title: () => t('common.rowNo'), width: 64, align: 'center' },\n  {\n    key: 'title',\n    width: 220,\n    ellipsis: { tooltip: true },\n    title: () => t('log.opName'),\n    search: { actions: SEARCH_ACTIONS.fuzzy },\n  },\n  { key: 'httpMethod', title: () => t('log.method'), width: 90 },\n  {\n    key: 'path',\n    title: () => t('log.path'),\n    ellipsis: { tooltip: true },\n    search: { actions: SEARCH_ACTIONS.fuzzy },\n    render: r => h('span', { class: 'mono muted' }, r.path),\n  },\n  {\n    key: 'success',\n    width: 90,\n    title: () => t('log.result'),\n    tag: true,\n    search: { actions: SEARCH_ACTIONS.exact },\n    options: [\n      { label: () => t('log.success'), value: true, tagType: 'success' },\n      { label: () => t('log.failed'), value: false, tagType: 'error' },\n    ],\n  },\n  {\n    key: 'resultCode',\n    title: () => t('log.resultCode'),\n    width: 100,\n    render: r => h('span', { class: 'num' }, String(r.resultCode)),\n  },\n  {\n    key: 'operator',\n    title: () => t('log.operator'),\n    width: 120,\n    ellipsis: { tooltip: true },\n    render: r => operatorText(r),\n  },\n  // 操作人搜索项:日志只存 OperatorId(姓名是读取时回填的),按人筛必须是精确 Id(后端 OperatorId ==)。\n  // 只作搜索项,不进表格也不进列设置;展示列是上面的 operator。\n  {\n    key: 'operatorId',\n    title: () => t('log.operator'),\n    hideInTable: true,\n    options: operatorOptions,\n    search: { actions: SEARCH_ACTIONS.exact, props: { clearable: true, filterable: true } },\n  },\n  {\n    key: 'elapsedMs',\n    title: () => t('log.elapsed'),\n    width: 100,\n    render: r => h('span', { class: 'num' }, `${r.elapsedMs} ms`),\n  },\n  {\n    key: 'ip',\n    width: 140,\n    ellipsis: { tooltip: true },\n    title: () => t('log.ip'),\n    render: r => h('span', { class: 'mono muted' }, r.ip || '—'),\n  },\n  // 时间范围是审计最常用的一刀(\"上周三下午谁删了那批数据\");daterange 回传 ['YYYY-MM-DD','YYYY-MM-DD'],\n  // api 层拆成 StartTime/EndTime 并把结束日补到 23:59:59。\n  {\n    key: 'createTime',\n    width: 170,\n    title: () => t('common.createTime'),\n    render: r =>\n      h('span', { class: 'num muted', style: 'white-space: nowrap' }, fmtDateTime(r.createTime)),\n    search: { type: 'daterange', actions: SEARCH_ACTIONS.dayRange },\n  },\n  {\n    key: 'op',\n    title: () => t('common.operation'),\n    width: 90,\n    fixed: 'right',\n    hideInSetting: true,\n    render: r =>\n      h(\n        NButton,\n        { size: 'small', quaternary: true, type: 'primary', onClick: () => openDetail(r) },\n        () => t('log.detail'),\n      ),\n  },\n]\nderiveHeaderFilters(columns)\n\n// ── 详情抽屉(只读,行数据直填)──\nconst showDetail = ref(false)\nconst detailRow = ref<SysOpLog | null>(null)\nfunction openDetail(r: SysOpLog) {\n  detailRow.value = r\n  showDetail.value = true\n}\n/** paramJson 美化:parse→stringify(2);非法 JSON 原样返回。空值占位由模板判空。 */\nfunction prettyParam(json: string) {\n  try {\n    return JSON.stringify(JSON.parse(json), null, 2)\n  } catch {\n    return json\n  }\n}\n\nfunction clearLogs() {\n  confirm({\n    type: 'error',\n    content: t('log.clearOpConfirm'),\n    action: () => logApi.opClear(),\n    successMsg: t('log.cleared'),\n  }).then(ok => {\n    if (ok) tableRef.value?.refresh()\n  })\n}\n</script>\n\n<template>\n  <SmartTable\n    ref=\"tableRef\"\n    :columns=\"columns\"\n    :fetcher=\"logApi.opPage\"\n    :search=\"{ container: 'table' }\"\n    :filter-serializer=\"filterSerializer\"\n    :toolbar=\"toolbar\"\n    fill-height\n    :min-row-height=\"TABLE_MIN_ROW_HEIGHT\"\n    card-on-narrow\n    storage-key=\"sys-log-op\"\n    @more-select=\"onMoreSelect\"\n    @error=\"e => message.error(translateError(e))\"\n  >\n    <template #pagination-prefix=\"{ itemCount }\">\n      <TableTotal :count=\"itemCount\" />\n    </template>\n    <template #toolbar-right>\n      <n-button v-auth=\"'DELETE:/api/v1/sys/log/op'\" type=\"error\" secondary @click=\"clearLogs\">\n        <template #icon><AppIcon icon=\"ph:trash\" :size=\"16\" /></template>\n        {{ t('log.clear') }}\n      </n-button>\n    </template>\n  </SmartTable>\n\n  <ExportColumnsModal\n    v-model:show=\"exportShow\"\n    :columns=\"opExportColumns\"\n    :loading=\"exporting\"\n    @confirm=\"onExport\"\n  />\n\n  <!-- 详情抽屉:宽档右侧 560,窄档底部抽屉(.st-sheet 由全局样式补圆角与滚动链);没有响应体,只有脱敏后的入参 -->\n  <n-drawer\n    v-model:show=\"showDetail\"\n    :placement=\"isNarrow ? 'bottom' : 'right'\"\n    :width=\"isNarrow ? undefined : 'min(560px, 100vw)'\"\n    :height=\"isNarrow ? 'auto' : undefined\"\n    :class=\"isNarrow ? 'st-sheet' : ''\"\n    :style=\"isNarrow ? 'max-height: 85vh' : ''\"\n  >\n    <n-drawer-content :title=\"t('log.detail')\" closable :native-scrollbar=\"isNarrow\">\n      <n-descriptions\n        v-if=\"detailRow\"\n        label-placement=\"left\"\n        :column=\"1\"\n        bordered\n        size=\"small\"\n        label-style=\"width: 96px\"\n      >\n        <n-descriptions-item :label=\"t('log.opName')\">\n          <span class=\"break\">{{ detailRow.title }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.method')\">\n          {{ detailRow.httpMethod }}\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.path')\">\n          <span class=\"mono break\">{{ detailRow.path }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.result')\">\n          <n-tag :type=\"detailRow.success ? 'success' : 'error'\" size=\"small\" :bordered=\"false\">\n            {{ detailRow.success ? t('log.success') : t('log.failed') }}\n          </n-tag>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.resultCode')\">\n          <span class=\"num\">{{ detailRow.resultCode }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item v-if=\"detailRow.exceptionMessage\" :label=\"t('log.exception')\">\n          <pre class=\"exception\">{{ detailRow.exceptionMessage }}</pre>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.elapsed')\">\n          <span class=\"num\">{{ detailRow.elapsedMs }} ms</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.operator')\">\n          {{ operatorText(detailRow) }}\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.ip')\">\n          <span class=\"mono\">{{ detailRow.ip || '—' }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.userAgent')\">\n          <span class=\"muted break\">{{ detailRow.userAgent || '—' }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('common.createTime')\">\n          <span class=\"num\">{{ fmtDateTime(detailRow.createTime) }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.param')\">\n          <CodeBlock v-if=\"detailRow.paramJson\" :code=\"prettyParam(detailRow.paramJson)\" />\n          <span v-else>—</span>\n        </n-descriptions-item>\n      </n-descriptions>\n    </n-drawer-content>\n  </n-drawer>\n</template>\n\n<style scoped>\n.break {\n  word-break: break-all;\n}\n.exception {\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-all;\n  font-family: var(--font-mono, ui-monospace, monospace);\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--err, var(--color-danger));\n}\n</style>\n"],"names":["t","useI18n","message","useMessage","confirm","useConfirm","authStore","useAuthStore","tableRef","ref","exportShow","exporting","tableEl","computed","_a","tableWidth","useElementSize","isNarrow","toolbarMore","toolbar","TABLE_TOOLBAR","onMoreSelect","key","opExportColumns","onExport","keys","p","flatSearchOf","filterSerializer","blob","logApi","triggerBlobDownload","e","translateError","createFlatFilterSerializer","operatorOptions","loadOperatorOptions","items","loadWithinServerMax","userApi","u","columns","SEARCH_ACTIONS","h","r","operatorText","fmtDateTime","NButton","openDetail","deriveHeaderFilters","showDetail","detailRow","prettyParam","json","clearLogs","ok","_createVNode","_unref","SmartTable","TABLE_MIN_ROW_HEIGHT","_cache","_withCtx","itemCount","TableTotal","_createBlock","AppIcon","_createTextVNode","ExportColumnsModal","$event","NDrawer","NDrawerContent","NDescriptions","NDescriptionsItem","_createElementVNode","_hoisted_1","_toDisplayString","_hoisted_2","NTag","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","CodeBlock","_openBlock","_createElementBlock"],"mappings":"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"}

package/dist/views/system/menu/components/ButtonManager.vue.js

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

package/dist/views/system/menu/components/ButtonManager2.vue.js

@@ -22,15 +22,15 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
     appPrefix: {}
   },
   emits: ["changed"],
-  setup(se, { expose: ie, emit: re }) {
-    const f = se, T = re, { t: o } = je(), U = Se(), { run: de } = Fe(), $ = Ve(), G = r(() => $.hasPerm("POST:/api/v1/sys/menu/add")), me = r(() => $.hasPerm("PUT:/api/v1/sys/menu/{id}")), ce = r(() => $.hasPerm("DELETE:/api/v1/sys/menu/{id}")), pe = Ee("(max-width: 640px)"), fe = r(
+  setup(ie, { expose: se, emit: re }) {
+    const f = ie, T = re, { t: o } = je(), U = Se(), { run: de } = Fe(), $ = Ve(), G = r(() => $.hasPerm("POST:/api/v1/sys/menu/add")), me = r(() => $.hasPerm("PUT:/api/v1/sys/menu/{id}")), ce = r(() => $.hasPerm("DELETE:/api/v1/sys/menu/{id}")), pe = Ee("(max-width: 640px)"), fe = r(
       () => pe.value ? { labelPlacement: "top", labelWidth: void 0 } : { labelPlacement: "left", labelWidth: 80 }
     ), _ = d(!1), y = d(null), W = d("");
     function H(e, t) {
       for (const n of e) {
         if (n.id === t) return n;
-        const s = H(n.children, t);
-        if (s) return s;
+        const i = H(n.children, t);
+        if (i) return i;
       }
       return null;
     }
@@ -45,27 +45,27 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
       () => B.value !== "" && f.routes.some((e) => !A(e.path))
     ), c = d(!1), E = (e) => ({ label: `${e.method} ${e.path}`, value: e.code }), he = r(() => {
       if (!B.value) return f.routes.map(E);
-      const t = f.routes.filter((s) => A(s.path));
+      const t = f.routes.filter((i) => A(i.path));
       if (!c.value) return t.map(E);
-      const n = f.routes.filter((s) => !A(s.path));
+      const n = f.routes.filter((i) => !A(i.path));
       return [
         { type: "group", key: "__inApp", label: o("menu.routesInApp"), children: t.map(E) },
         { type: "group", key: "__other", label: o("menu.routesOther"), children: n.map(E) }
       ];
     }), be = r(() => {
-      const e = [], t = (n, s) => {
-        for (const w of n)
-          w.type !== P.Button && (e.push({
-            label: `${"　".repeat(s)}${ae(w.title, w.path || void 0)}`,
-            value: w.id
-          }), t(w.children, s + 1));
+      const e = [], t = (n, i) => {
+        for (const k of n)
+          k.type !== P.Button && (e.push({
+            label: `${"　".repeat(i)}${ae(k.title, k.path || void 0)}`,
+            value: k.id
+          }), t(k.children, i + 1));
       };
       return t(f.tree, 0), e;
     });
     function ye(e) {
       y.value = e.id, W.value = ae(e.title), _.value = !0;
     }
-    ie({ open: ye });
+    se({ open: ye });
     const S = d(!1), g = d(null), J = d(null), ge = {
       title: {
         required: !0,
@@ -85,7 +85,7 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
       component: "",
       icon: "",
       visible: !0
-    }), i = _e(X()), k = d([]), Y = (e) => ({
+    }), s = _e(X()), w = d([]), Y = (e) => ({
       parentId: e.parentId,
       type: e.type,
       title: e.title,
@@ -98,19 +98,19 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
       icon: e.icon ?? "",
       visible: e.visible
     });
-    function ke() {
-      g.value = null, c.value = !1, Object.assign(i, X()), k.value = [], S.value = !0;
+    function we() {
+      g.value = null, c.value = !1, Object.assign(s, X()), w.value = [], S.value = !0;
     }
-    function we(e) {
-      g.value = e.id, c.value = !0, Object.assign(i, Y(e)), k.value = V(e.permission), S.value = !0;
+    function ke(e) {
+      g.value = e.id, c.value = !0, Object.assign(s, Y(e)), w.value = V(e.permission), S.value = !0;
     }
     async function xe() {
       var e;
       await ((e = J.value) == null ? void 0 : e.validate());
       try {
         const t = {
-          ...i,
-          permission: We(k.value),
+          ...s,
+          permission: We(w.value),
           type: P.Button,
           moduleId: null
         };
@@ -165,10 +165,19 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
     }
     const Te = [
       { type: "index", title: () => o("common.rowNo"), width: 64, align: "center" },
-      { title: () => o("menu.title"), key: "title", align: "left", search: {} },
+      {
+        title: () => o("menu.title"),
+        key: "title",
+        ellipsis: { tooltip: !0 },
+        align: "left",
+        search: {}
+      },
       {
         title: () => o("menu.permission"),
         key: "permission",
+        // 权限码是 `METHOD:/api/...` 的整条路由,单个 tag 就比默认列宽长,所以给足宽度,放不下的一律省略 + 悬浮提示
+        width: 360,
+        ellipsis: { tooltip: !0 },
         // 多码按钮逐条成 tag,一眼看出「查询」挂了哪几条路由
         render: (e) => {
           const t = V(e.permission);
@@ -204,7 +213,7 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
         render: (e) => p(b, { size: 2, justify: "end", wrapItem: !1 }, () => [
           me.value ? p(
             C,
-            { size: "small", quaternary: !0, type: "primary", onClick: () => we(e) },
+            { size: "small", quaternary: !0, type: "primary", onClick: () => ke(e) },
             () => o("common.edit")
           ) : null,
           ce.value ? p(
@@ -279,7 +288,7 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
               G.value ? (m(), v(l(C), {
                 key: 1,
                 type: "primary",
-                onClick: ke
+                onClick: we
               }, {
                 icon: u(() => [
                   a(D, {
@@ -310,7 +319,7 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
           a(l(ze), Be({
             ref_key: "formRef",
             ref: J,
-            model: i,
+            model: s,
             rules: ge,
             "require-mark-placement": "left"
           }, fe.value), {
@@ -326,8 +335,8 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
                   }, {
                     default: u(() => [
                       a(l(q), {
-                        value: i.title,
-                        "onUpdate:value": t[2] || (t[2] = (n) => i.title = n),
+                        value: s.title,
+                        "onUpdate:value": t[2] || (t[2] = (n) => s.title = n),
                         placeholder: l(o)("menu.title")
                       }, null, 8, ["value", "placeholder"])
                     ]),
@@ -338,8 +347,8 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
                   }, {
                     default: u(() => [
                       a(l(ne), {
-                        value: i.parentId,
-                        "onUpdate:value": t[3] || (t[3] = (n) => i.parentId = n),
+                        value: s.parentId,
+                        "onUpdate:value": t[3] || (t[3] = (n) => s.parentId = n),
                         options: be.value,
                         filterable: ""
                       }, null, 8, ["value", "options"])
@@ -357,8 +366,8 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
                       }, {
                         default: u(() => [
                           a(l(ne), {
-                            value: k.value,
-                            "onUpdate:value": t[4] || (t[4] = (n) => k.value = n),
+                            value: w.value,
+                            "onUpdate:value": t[4] || (t[4] = (n) => w.value = n),
                             options: he.value,
                             multiple: "",
                             filterable: "",
@@ -389,8 +398,8 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
                   }, {
                     default: u(() => [
                       a(l(Le), {
-                        value: i.sort,
-                        "onUpdate:value": t[6] || (t[6] = (n) => i.sort = n),
+                        value: s.sort,
+                        "onUpdate:value": t[6] || (t[6] = (n) => s.sort = n),
                         min: 0,
                         style: { width: "100%" }
                       }, null, 8, ["value"])
@@ -402,8 +411,8 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
                   }, {
                     default: u(() => [
                       a(l(Oe), {
-                        value: i.enabled,
-                        "onUpdate:value": t[7] || (t[7] = (n) => i.enabled = n)
+                        value: s.enabled,
+                        "onUpdate:value": t[7] || (t[7] = (n) => s.enabled = n)
                       }, null, 8, ["value"])
                     ]),
                     _: 1
@@ -478,12 +487,12 @@ const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt
                   }, [
                     a(l(j), {
                       checked: n.checked,
-                      "onUpdate:checked": (s) => n.checked = s
+                      "onUpdate:checked": (i) => n.checked = i
                     }, null, 8, ["checked", "onUpdate:checked"]),
                     le("span", Qe, h(n.method) + " " + h(n.path), 1),
                     a(l(q), {
                       value: n.title,
-                      "onUpdate:value": (s) => n.title = s,
+                      "onUpdate:value": (i) => n.title = i,
                       disabled: !n.checked,
                       class: "batch-title"
                     }, null, 8, ["value", "onUpdate:value", "disabled"])