smart-admin-web 10.21.0 → 10.22.0

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

@@ -1,137 +1,141 @@
-import { defineComponent as pe, ref as p, shallowRef as A, onMounted as fe, computed as f, watch as ve, h as o, resolveDirective as he, openBlock as K, createElementBlock as ye, createVNode as v, unref as s, withCtx as h, createTextVNode as V, toDisplayString as W, withDirectives as ge, createBlock as we, toRaw as ke } from "vue";
-import { useMessage as be, NSpace as J, NTag as Q, NButton as w, NDropdown as _e, NSelect as xe } from "naive-ui";
-import { SmartTable as Te } from "smart-naive-table";
-import { useI18n as Ie } from "vue-i18n";
-import c from "../../../components/AppIcon.vue.js";
-import Me from "../../../components/StatusSwitch/index.vue.js";
-import Ce from "./components/ButtonManager.vue.js";
-import ze from "./components/MenuFormModal.vue.js";
-import { useConfirm as Se } from "../../../composables/useConfirm.js";
-import { buildRoutesForModule as Ae } from "../../../composables/useAuthMenu.js";
-import { useAuthStore as Ee } from "../../../stores/auth.js";
-import { moduleApi as Pe, menuApi as x } from "../../../api/index.js";
-import { translateError as Be } from "../../../utils/error.js";
-import { SEARCH_ACTIONS as E, deriveHeaderFilters as Re } from "../../../utils/tableFilter.js";
-import { TABLE_MIN_ROW_HEIGHT as Ne, TABLE_TOOLBAR as Oe } from "../../../utils/tableToolbar.js";
-import { expandableIds as X } from "../../../utils/tree.js";
-import { filterTreeByParams as De, hasTreeCondition as Le } from "../../../utils/treeFilter.js";
-import { toMenuInput as Fe, MenuType as k, splitPermission as Ue } from "../../../types/menu.js";
-import { lineIcon as $e } from "../../../utils/menuIcon.js";
-import { translateMenuTitle as P } from "../../../locales/menuTitle.js";
-const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
+import { defineComponent as ye, ref as f, shallowRef as B, onMounted as ge, computed as c, watch as W, h as o, resolveDirective as we, openBlock as E, createElementBlock as ke, createVNode as v, unref as s, withCtx as h, createBlock as J, createTextVNode as Q, toDisplayString as X, createCommentVNode as be, withDirectives as _e, toRaw as Te } from "vue";
+import { useMessage as xe, NSpace as Y, NTag as Z, NButton as w, NDropdown as Ce, NSelect as Ie } from "naive-ui";
+import { SmartTable as Me } from "smart-naive-table";
+import { useI18n as ze } from "vue-i18n";
+import m from "../../../components/AppIcon.vue.js";
+import Se from "../../../components/StatusSwitch/index.vue.js";
+import Ae from "./components/ButtonManager.vue.js";
+import Be from "./components/MenuFormModal.vue.js";
+import { useConfirm as Ee } from "../../../composables/useConfirm.js";
+import { useShellBreakpoint as Pe } from "../../../composables/useShellBreakpoint.js";
+import { buildRoutesForModule as Re } from "../../../composables/useAuthMenu.js";
+import { useAuthStore as Ne } from "../../../stores/auth.js";
+import { moduleApi as Oe, menuApi as x } from "../../../api/index.js";
+import { translateError as De } from "../../../utils/error.js";
+import { SEARCH_ACTIONS as P, deriveHeaderFilters as Le } from "../../../utils/tableFilter.js";
+import { TABLE_MIN_ROW_HEIGHT as Fe, TABLE_TOOLBAR as Ue } from "../../../utils/tableToolbar.js";
+import { flattenTree as $e, expandableIds as ee } from "../../../utils/tree.js";
+import { indentByDepth as He } from "../../../utils/treeCard.js";
+import { filterTreeByParams as qe, hasTreeCondition as Ve } from "../../../utils/treeFilter.js";
+import { toMenuInput as je, MenuType as k, splitPermission as Ge } from "../../../types/menu.js";
+import { lineIcon as Ke } from "../../../utils/menuIcon.js";
+import { translateMenuTitle as R } from "../../../locales/menuTitle.js";
+const We = { class: "view fill-page" }, b = 0, te = -1, gt = /* @__PURE__ */ ye({
   __name: "index",
-  setup(qe) {
-    const { t: n } = Ie(), Z = be(), { confirm: ee } = Se(), d = Ee(), T = p(!1), y = A([]), g = A([]), a = p(d.currentModuleId ?? b), B = p([]);
-    async function te() {
-      T.value = !0;
+  setup(Je) {
+    const { t: n } = ze(), ne = xe(), { confirm: oe } = Ee(), d = Ne(), C = f(!1), y = B([]), g = B([]), a = f(d.currentModuleId ?? b), N = f([]);
+    async function le() {
+      C.value = !0;
       try {
         y.value = await x.tree();
       } catch (e) {
-        Z.error(Be(e));
+        ne.error(De(e));
       } finally {
-        T.value = !1;
+        C.value = !1;
       }
     }
-    async function R() {
+    async function O() {
       if (d.currentModuleId)
         try {
-          await Ae(d.currentModuleId);
+          await Re(d.currentModuleId);
         } catch {
         }
     }
-    fe(async () => {
+    ge(async () => {
       var e;
       try {
-        g.value = await Pe.list(), N.value.some((t) => t.value === a.value) || (a.value = ((e = g.value[0]) == null ? void 0 : e.id) ?? b);
+        g.value = await Oe.list(), D.value.some((t) => t.value === a.value) || (a.value = ((e = g.value[0]) == null ? void 0 : e.id) ?? b);
       } catch {
       }
       try {
-        B.value = await x.routes();
+        N.value = await x.routes();
       } catch {
       }
     });
-    const ne = (e) => e === k.Catalog ? n("menu.typeCatalog") : e === k.Menu ? n("menu.typeMenu") : n("menu.typeButton"), oe = (e) => e === k.Catalog ? "info" : "success", le = f(
-      () => g.value.map((e) => ({ label: P(e.title), value: e.id }))
-    ), N = f(() => [
-      { label: n("menu.moduleAll"), value: Y },
-      ...le.value,
+    const re = (e) => e === k.Catalog ? n("menu.typeCatalog") : e === k.Menu ? n("menu.typeMenu") : n("menu.typeButton"), ie = (e) => e === k.Catalog ? "info" : "success", ae = c(
+      () => g.value.map((e) => ({ label: R(e.title), value: e.id }))
+    ), D = c(() => [
+      { label: n("menu.moduleAll"), value: te },
+      ...ae.value,
       { label: n("menu.moduleUnassigned"), value: b }
     ]);
-    function O(e) {
-      return e.filter((t) => t.type !== k.Button).map((t) => ({ ...t, children: O(t.children) }));
+    function L(e) {
+      return e.filter((t) => t.type !== k.Button).map((t) => ({ ...t, children: L(t.children) }));
     }
-    const D = f(
-      () => O(
+    const F = c(
+      () => L(
         y.value.filter(
-          (e) => a.value === Y ? !0 : a.value === b ? e.moduleId == null : e.moduleId === a.value
+          (e) => a.value === te ? !0 : a.value === b ? e.moduleId == null : e.moduleId === a.value
         )
       )
-    ), L = f(() => {
+    ), U = c(() => {
       const e = /* @__PURE__ */ new Map(), t = (l) => {
-        for (const i of l) {
-          const r = i.children.filter((u) => u.type === k.Button);
-          e.set(i.id, {
-            count: r.length,
-            perms: r.flatMap((u) => Ue(u.permission)).join(" ").toLowerCase()
-          }), t(i.children);
+        for (const r of l) {
+          const i = r.children.filter((u) => u.type === k.Button);
+          e.set(r.id, {
+            count: i.length,
+            perms: i.flatMap((u) => Ge(u.permission)).join(" ").toLowerCase()
+          }), t(r.children);
         }
       };
       return t(y.value), e;
-    }), F = p(), I = () => {
+    }), $ = f(), _ = () => {
       var e;
-      return (e = F.value) == null ? void 0 : e.refresh();
-    }, U = {
+      return (e = $.value) == null ? void 0 : e.refresh();
+    }, H = {
       // 英文界面下表里显示的是译名,搜索要两边都认(库里存的中文原文 + 当前语言的显示名)。
-      title: (e) => `${e.title} ${P(e.title, e.path || void 0)}`,
+      title: (e) => `${e.title} ${R(e.title, e.path || void 0)}`,
       path: (e) => e.path,
       permission: (e) => {
         var t;
-        return (t = L.value.get(e.id)) == null ? void 0 : t.perms;
+        return (t = U.value.get(e.id)) == null ? void 0 : t.perms;
       }
-    }, $ = /* @__PURE__ */ new WeakMap(), ie = async (e) => {
-      await te();
-      const t = De(D.value, e, U);
-      return $.set(t, Le(e, U)), { items: t, total: t.length };
-    }, m = p([]), M = A([]);
-    let C = !1;
-    function re(e) {
+    }, q = /* @__PURE__ */ new WeakMap(), { bp: se } = Pe(), I = c(() => se.value === "narrow"), ue = async (e) => {
+      await le();
+      const t = qe(F.value, e, H), l = I.value ? $e(t) : t;
+      return q.set(l, Ve(e, H)), { items: l, total: l.length };
+    };
+    W(I, () => _());
+    const p = f([]), M = B([]);
+    let z = !1;
+    function de(e) {
       M.value = e;
-      const t = $.get(ke(e)) ?? !1;
-      t ? m.value = X(e) : C && (m.value = []), C = t;
+      const t = q.get(Te(e)) ?? !1;
+      t ? p.value = ee(e) : z && (p.value = []), z = t;
     }
-    ve(a, () => {
-      C || (m.value = []), I();
+    W(a, () => {
+      z || (p.value = []), _();
     });
-    const z = f(() => m.value.length > 0), ae = () => m.value = z.value ? [] : X(M.value), se = f(
+    const S = c(() => p.value.length > 0), ce = () => p.value = S.value ? [] : ee(M.value), me = c(
       () => {
         var e;
         return a.value === b ? void 0 : ((e = g.value.find((t) => t.id === a.value)) == null ? void 0 : e.apiPrefix) ?? void 0;
       }
-    ), _ = p(null), H = p(null), ue = (e) => {
+    ), T = f(null), V = f(null), pe = (e) => {
       var t;
-      return (t = H.value) == null ? void 0 : t.open({ id: e.id, title: e.title });
-    }, S = () => Promise.all([I(), R()]), de = (e) => ee({
+      return (t = V.value) == null ? void 0 : t.open({ id: e.id, title: e.title });
+    }, A = () => Promise.all([_(), O()]), fe = (e) => oe({
       content: n("menu.deleteConfirm", { title: e.title }),
       type: "error",
       action: () => x.remove(e.id),
       successMsg: n("menu.deleted")
     }).then((t) => {
-      t && S();
-    }), ce = ({ expanded: e }) => o(
+      t && A();
+    }), ve = ({ expanded: e }) => o(
       "span",
       {
         style: `display:inline-flex;transition:transform .2s var(--ease);transform:rotate(${e ? 90 : 0}deg)`
       },
-      o(c, { icon: "ph:caret-right", size: 14 })
-    ), me = f(() => {
-      const e = /* @__PURE__ */ new Map(), t = (l, i) => {
-        l.forEach((r, u) => {
-          const G = i ? `${i}.${u + 1}` : String(u + 1);
-          e.set(r.id, G), t(r.children, G);
+      o(m, { icon: "ph:caret-right", size: 14 })
+    ), he = c(() => {
+      const e = /* @__PURE__ */ new Map(), t = (l, r) => {
+        l.forEach((i, u) => {
+          const K = r ? `${r}.${u + 1}` : String(u + 1);
+          e.set(i.id, K), t(i.children, K);
         });
       };
       return t(M.value, ""), e;
-    }), q = (e) => e ? o("span", { class: "mono muted" }, e) : o("span", { class: "faint" }, "—"), j = [
+    }), j = (e) => e ? o("span", { class: "mono muted" }, e) : o("span", { class: "faint" }, "—"), G = [
       // 序号列是渲染 rowNoById 层级号的普通数据列,fixed:'left' 与标题列同锚 ——
       // 不锚定的话,横向滚动时会滑到 fixed 的标题列底下,「这是哪一行」照样丢。
       {
@@ -142,8 +146,10 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
         fixed: "left",
         hideInSetting: !0,
         // 结构性列,不进列设置
+        card: !1,
+        // 窄档卡片以标题为首,层级号不进卡片(默认会顶替标题成为卡片首行)
         render: (e) => {
-          const t = me.value.get(e.id);
+          const t = he.value.get(e.id);
           if (!t) return null;
           const l = t.lastIndexOf(".") + 1;
           return o("span", { class: "row-no" }, [
@@ -155,7 +161,7 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
       {
         title: () => n("menu.title"),
         key: "title",
-        search: { actions: E.fuzzy },
+        search: { actions: P.fuzzy },
         align: "left",
         // 树列左对齐,展开缩进才好读
         // 展开箭头与每层 26px 缩进钉死在这一列。默认会落到「首个无 type 的列」= 序号列,
@@ -167,11 +173,14 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
         // 横向滚动时不能丢失「这是哪一行」
         render: (e) => (
           // inline:必须行内 —— naive 的展开箭头是 inline-flex,默认块级 NSpace 会被挤到第二行。
-          o(J, { inline: !0, align: "center", size: 6, wrapItem: !1 }, () => [
-            P(e.title, e.path || void 0),
-            // 「隐藏」是罕见状态(种子里的目录/页面全是显示),只在为真时才占视觉 —— 省掉一整列同一个词。
-            e.visible ? null : o(Q, { size: "tiny", bordered: !1, type: "warning" }, () => n("common.hidden"))
-          ])
+          He(
+            e,
+            o(Y, { inline: !0, align: "center", size: 6, wrapItem: !1 }, () => [
+              R(e.title, e.path || void 0),
+              // 「隐藏」是罕见状态(种子里的目录/页面全是显示),只在为真时才占视觉 —— 省掉一整列同一个词。
+              e.visible ? null : o(Z, { size: "tiny", bordered: !1, type: "warning" }, () => n("common.hidden"))
+            ])
+          )
         )
       },
       // 图标独占一列:留在标题列会和树形展开箭头 + 缩进挤在一起撑破首列换行。
@@ -180,7 +189,7 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
         key: "icon",
         width: 64,
         align: "center",
-        render: (e) => e.icon ? o(c, { icon: $e(e.icon), size: 18 }) : null
+        render: (e) => e.icon ? o(m, { icon: Ke(e.icon), size: 18 }) : null
       },
       // 类型独占一列,不塞在标题里。按类型着色,目录/页面一眼可辨。
       {
@@ -188,9 +197,9 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
         key: "type",
         width: 90,
         render: (e) => o(
-          Q,
-          { size: "small", bordered: !1, type: oe(e.type) },
-          () => ne(e.type)
+          Z,
+          { size: "small", bordered: !1, type: ie(e.type) },
+          () => re(e.type)
         )
       },
       // 路由/组件路径:管理员核对菜单时真正要看的东西,直接列出,不必点开编辑弹窗。
@@ -202,8 +211,8 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
         align: "left",
         width: 160,
         ellipsis: { tooltip: !0 },
-        render: (e) => q(e.path),
-        search: { actions: E.fuzzy }
+        render: (e) => j(e.path),
+        search: { actions: P.fuzzy }
       },
       // 权限码只作搜索项:表格里不设这一列(见上),但「这个权限码归哪个页面」得能搜到 ——
       // 取值与匹配见 SEARCH_FIELDS.permission(查该节点按钮子节点的码)。
@@ -211,7 +220,7 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
         key: "permission",
         title: () => n("menu.permission"),
         hideInTable: !0,
-        search: { actions: E.fuzzy }
+        search: { actions: P.fuzzy }
       },
       {
         title: () => n("menu.component"),
@@ -219,7 +228,7 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
         align: "left",
         width: 180,
         ellipsis: { tooltip: !0 },
-        render: (e) => q(e.component)
+        render: (e) => j(e.component)
       },
       {
         title: () => n("menu.buttons"),
@@ -227,17 +236,17 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
         width: 140,
         render: (e) => {
           var l;
-          const t = ((l = L.value.get(e.id)) == null ? void 0 : l.count) ?? 0;
+          const t = ((l = U.value.get(e.id)) == null ? void 0 : l.count) ?? 0;
           return d.hasPerm("POST:/api/v1/sys/menu/add") ? o(
             w,
             {
               size: "small",
               quaternary: !0,
               type: t > 0 ? "primary" : void 0,
-              onClick: () => ue(e)
+              onClick: () => pe(e)
             },
             {
-              icon: () => o(c, { icon: "ph:shield-check", size: 15 }),
+              icon: () => o(m, { icon: "ph:shield-check", size: 15 }),
               default: () => n("menu.configPerms", { n: t })
             }
           ) : null;
@@ -253,17 +262,17 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
         title: () => n("common.status"),
         key: "enabled",
         width: 84,
-        render: (e) => o(Me, {
+        render: (e) => o(Se, {
           value: e.enabled,
           disabled: !d.hasPerm("PUT:/api/v1/sys/menu/{id}"),
           // 启停走全量 update,无更新权限则置灰
           // 停用是一键隐藏整棵子树的重操作,先确认;启用无副作用,跳过确认(返回 null)。
           confirm: (t) => t ? null : n("menu.disableConfirm", { title: e.title }),
-          request: (t) => x.update(e.id, { ...Fe(e), enabled: t }),
+          request: (t) => x.update(e.id, { ...je(e), enabled: t }),
           // 重拉而非往行对象上写:搜索态下的祖先行是 filterTree 的浅拷贝,写它不会回到源树(开关会弹回去)。
           // StatusSwitch 是悲观更新(请求成功才 emit),重拉一次就是最终态。
           "onUpdate:value": () => {
-            I(), R();
+            _(), O();
           }
         })
       },
@@ -274,19 +283,19 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
         key: "op",
         width: 150,
         fixed: "right",
-        render: (e) => o(J, { size: 2, wrapItem: !1, justify: "center" }, () => {
-          const t = d.hasPerm("POST:/api/v1/sys/menu/add"), l = d.hasPerm("DELETE:/api/v1/sys/menu/{id}"), i = [
+        render: (e) => o(Y, { size: 2, wrapItem: !1, justify: "center" }, () => {
+          const t = d.hasPerm("POST:/api/v1/sys/menu/add"), l = d.hasPerm("DELETE:/api/v1/sys/menu/{id}"), r = [
             t && {
               key: "addChild",
               label: n("menu.addChild"),
-              icon: () => o(c, { icon: "ph:plus", size: 16 })
+              icon: () => o(m, { icon: "ph:plus", size: 16 })
             },
             // 新增与删除之间一条分隔线;只剩一项时不画
             t && l && { type: "divider", key: "divider" },
             l && {
               key: "delete",
               label: n("common.delete"),
-              icon: () => o(c, { icon: "ph:trash", size: 16 }),
+              icon: () => o(m, { icon: "ph:trash", size: 16 }),
               props: { style: "color: var(--err)" }
             }
           ].filter(Boolean);
@@ -298,20 +307,20 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
                 quaternary: !0,
                 type: "primary",
                 onClick: () => {
-                  var r;
-                  return (r = _.value) == null ? void 0 : r.openEdit(e);
+                  var i;
+                  return (i = T.value) == null ? void 0 : i.openEdit(e);
                 }
               },
               () => n("common.edit")
             ) : null,
-            i.length ? o(
-              _e,
+            r.length ? o(
+              Ce,
               {
                 trigger: "click",
-                options: i,
-                onSelect: (r) => {
+                options: r,
+                onSelect: (i) => {
                   var u;
-                  return r === "addChild" ? (u = _.value) == null ? void 0 : u.openAdd(e.id) : de(e);
+                  return i === "addChild" ? (u = T.value) == null ? void 0 : u.openAdd(e.id) : fe(e);
                 }
               },
               () => o(
@@ -319,7 +328,7 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
                 { size: "small", quaternary: !0, type: "primary", iconPlacement: "right" },
                 {
                   default: () => n("common.more"),
-                  icon: () => o(c, { icon: "ph:caret-down", size: 12 })
+                  icon: () => o(m, { icon: "ph:caret-down", size: 12 })
                 }
               )
             ) : null
@@ -327,68 +336,70 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
         })
       }
     ];
-    return Re(j), (e, t) => {
-      const l = he("auth");
-      return K(), ye("div", He, [
-        v(s(Te), {
+    return Le(G), (e, t) => {
+      const l = we("auth");
+      return E(), ke("div", We, [
+        v(s(Me), {
           ref_key: "tableRef",
-          ref: F,
-          columns: j,
-          fetcher: ie,
-          loading: T.value,
+          ref: $,
+          columns: G,
+          fetcher: ue,
+          loading: C.value,
           "row-key": "id",
           pagination: !1,
           search: { container: "table" },
-          toolbar: s(Oe),
+          toolbar: s(Ue),
           "storage-key": "sys-menu",
           indent: 26,
           "fill-height": "",
-          "min-row-height": s(Ne),
-          "render-expand-icon": ce,
-          "expanded-row-keys": m.value,
-          "onUpdate:expandedRowKeys": t[2] || (t[2] = (i) => m.value = i),
-          onLoaded: re
+          "min-row-height": s(Fe),
+          "card-on-narrow": "",
+          "render-expand-icon": ve,
+          "expanded-row-keys": p.value,
+          "onUpdate:expandedRowKeys": t[2] || (t[2] = (r) => p.value = r),
+          onLoaded: de
         }, {
           toolbar: h(() => [
-            v(s(xe), {
+            v(s(Ie), {
               value: a.value,
-              "onUpdate:value": t[0] || (t[0] = (i) => a.value = i),
-              options: N.value,
+              "onUpdate:value": t[0] || (t[0] = (r) => a.value = r),
+              options: D.value,
               style: { width: "200px" },
               placeholder: s(n)("menu.module")
             }, null, 8, ["value", "options", "placeholder"])
           ]),
           "toolbar-right": h(() => [
-            v(s(w), {
+            I.value ? be("", !0) : (E(), J(s(w), {
+              key: 0,
               secondary: "",
-              onClick: ae
+              onClick: ce
             }, {
               icon: h(() => [
-                v(c, {
-                  icon: z.value ? "ph:arrows-in-line-vertical" : "ph:arrows-out-line-vertical",
+                v(m, {
+                  icon: S.value ? "ph:arrows-in-line-vertical" : "ph:arrows-out-line-vertical",
                   size: 16
                 }, null, 8, ["icon"])
               ]),
               default: h(() => [
-                V(" " + W(z.value ? s(n)("common.collapseAll") : s(n)("common.expandAll")), 1)
+                Q(" " + X(S.value ? s(n)("common.collapseAll") : s(n)("common.expandAll")), 1)
               ]),
               _: 1
-            }),
-            ge((K(), we(s(w), {
+            })),
+            _e((E(), J(s(w), {
               type: "primary",
-              onClick: t[1] || (t[1] = (i) => {
-                var r;
-                return (r = _.value) == null ? void 0 : r.openAdd(0);
+              onClick: t[1] || (t[1] = (r) => {
+                var i;
+                return (i = T.value) == null ? void 0 : i.openAdd(0);
               })
             }, {
               icon: h(() => [
-                v(c, {
+                v(m, {
                   icon: "ph:plus",
                   size: 16
                 })
               ]),
               default: h(() => [
-                V(" " + W(s(n)("common.add")), 1)
+                Q(" " + X(s(n)("common.add")), 1)
               ]),
               _: 1
             })), [
@@ -397,28 +408,28 @@ const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
           ]),
           _: 1
         }, 8, ["loading", "toolbar", "min-row-height", "expanded-row-keys"]),
-        v(ze, {
+        v(Be, {
           ref_key: "menuFormRef",
-          ref: _,
+          ref: T,
           modules: g.value,
           tree: y.value,
-          "filtered-tree": D.value,
+          "filtered-tree": F.value,
           "module-filter": a.value,
-          onSaved: S
+          onSaved: A
         }, null, 8, ["modules", "tree", "filtered-tree", "module-filter"]),
-        v(Ce, {
+        v(Ae, {
           ref_key: "buttonMgrRef",
-          ref: H,
+          ref: V,
           tree: y.value,
-          routes: B.value,
-          "app-prefix": se.value,
-          onChanged: S
+          routes: N.value,
+          "app-prefix": me.value,
+          onChanged: A
         }, null, 8, ["tree", "routes", "app-prefix"])
       ]);
     };
   }
 });
 export {
-  dt as default
+  gt as default
 };
 //# sourceMappingURL=index2.vue.js.map