smart-admin-web 10.15.0 → 10.20.1

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

@@ -1,17 +1,20 @@
-import { defineComponent as Ie, computed as d, ref as r, reactive as Ne, openBlock as m, createElementBlock as q, Fragment as ee, createVNode as a, unref as l, withCtx as u, createBlock as v, createTextVNode as w, toDisplayString as h, createCommentVNode as L, createElementVNode as te, renderList as Ue, h as y } from "vue";
-import { useMessage as _e, NSpace as c, NButton as x, NForm as ze, NGrid as Pe, NFormItemGi as C, NInput as D, NSelect as le, NCheckbox as M, NInputNumber as Te, NSwitch as Be, NEmpty as ne, NTag as Se, NPopconfirm as Ee } from "naive-ui";
-import { SmartTable as Ae } from "smart-naive-table";
-import { useI18n as Re } from "vue-i18n";
-import $e from "../../../../components/AppIcon.vue.js";
-import j from "../../../../components/FormContainer/index.vue.js";
+import { defineComponent as Ue, computed as r, ref as d, reactive as _e, openBlock as m, createElementBlock as M, Fragment as te, createVNode as a, unref as l, withCtx as u, createBlock as v, createTextVNode as x, toDisplayString as h, createCommentVNode as O, mergeProps as Be, createElementVNode as le, renderList as Ae, h as p } from "vue";
+import { useMediaQuery as Ee } from "@vueuse/core";
+import { useMessage as Se, NButton as C, NSpace as b, NForm as ze, NGrid as Re, NFormItemGi as I, NInput as q, NSelect as ne, NCheckbox as j, NInputNumber as Le, NSwitch as Oe, NEmpty as oe, NTag as $e, NPopconfirm as Me } from "naive-ui";
+import { SmartTable as qe } from "smart-naive-table";
+import { useI18n as je } from "vue-i18n";
+import D from "../../../../components/AppIcon.vue.js";
+import F from "../../../../components/FormContainer/index.vue.js";
 /* empty css                                              */
-import Le from "../../../../components/StatusSwitch/index.vue.js";
-import { useConfirm as Oe } from "../../../../composables/useConfirm.js";
-import { useAuthStore as qe } from "../../../../stores/auth.js";
-import { menuApi as I } from "../../../../api/index.js";
-import { translateError as oe } from "../../../../utils/error.js";
-import { MenuType as N, splitPermission as F, joinPermission as De } from "../../../../types/menu.js";
-const Me = { class: "perm-hint" }, je = { style: { width: "210px", color: "var(--color-text-secondary, #888)", "font-size": "12px" } }, lt = /* @__PURE__ */ Ie({
+import De from "../../../../components/StatusSwitch/index.vue.js";
+import { useConfirm as Fe } from "../../../../composables/useConfirm.js";
+import { translateMenuTitle as ae } from "../../../../locales/menuTitle.js";
+import { useAuthStore as Ve } from "../../../../stores/auth.js";
+import { menuApi as N } from "../../../../api/index.js";
+import { translateError as ue } from "../../../../utils/error.js";
+import { TABLE_TOOLBAR as Ge } from "../../../../utils/tableToolbar.js";
+import { MenuType as P, splitPermission as V, joinPermission as We } from "../../../../types/menu.js";
+const He = { class: "perm-hint" }, Qe = { class: "batch-route mono muted" }, mt = /* @__PURE__ */ Ue({
   __name: "ButtonManager",
   props: {
     tree: {},
@@ -19,8 +22,10 @@ const Me = { class: "perm-hint" }, je = { style: { width: "210px", color: "var(-
     appPrefix: {}
   },
   emits: ["changed"],
-  setup(ae, { expose: ue, emit: se }) {
-    const f = ae, U = se, { t: o } = Re(), _ = _e(), { run: ie } = Oe(), O = qe(), V = d(() => O.hasPerm("POST:/api/v1/sys/menu/add")), re = d(() => O.hasPerm("PUT:/api/v1/sys/menu/{id}")), de = d(() => O.hasPerm("DELETE:/api/v1/sys/menu/{id}")), z = r(!1), b = r(null), G = r("");
+  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(
+      () => 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;
@@ -29,45 +34,48 @@ const Me = { class: "perm-hint" }, je = { style: { width: "210px", color: "var(-
       }
       return null;
     }
-    const K = d(() => {
-      if (b.value == null) return [];
-      const e = H(f.tree, b.value);
-      return ((e == null ? void 0 : e.children) ?? []).filter((t) => t.type === N.Button);
-    }), me = d(() => new Set(K.value.flatMap((e) => F(e.permission)))), P = d(() => (f.appPrefix ?? "").trim().replace(/^\/+|\/+$/g, "")), T = (e) => {
-      const t = P.value;
+    const Q = r(() => {
+      if (y.value == null) return [];
+      const e = H(f.tree, y.value);
+      return ((e == null ? void 0 : e.children) ?? []).filter((t) => t.type === P.Button);
+    }), ve = r(() => new Set(Q.value.flatMap((e) => V(e.permission)))), B = r(() => (f.appPrefix ?? "").trim().replace(/^\/+|\/+$/g, "")), A = (e) => {
+      const t = B.value;
       return t ? e.includes(`/${t}/`) || e.endsWith(`/${t}`) : !0;
-    }, Q = d(
-      () => P.value !== "" && f.routes.some((e) => !T(e.path))
-    ), p = r(!1), B = (e) => ({ label: `${e.method} ${e.path}`, value: e.code }), pe = d(() => {
-      if (!P.value) return f.routes.map(B);
-      const t = f.routes.filter((s) => T(s.path));
-      if (!p.value) return t.map(B);
-      const n = f.routes.filter((s) => !T(s.path));
+    }, K = r(
+      () => 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));
+      if (!c.value) return t.map(E);
+      const n = f.routes.filter((s) => !A(s.path));
       return [
-        { type: "group", key: "__inApp", label: o("menu.routesInApp"), children: t.map(B) },
-        { type: "group", key: "__other", label: o("menu.routesOther"), children: n.map(B) }
+        { type: "group", key: "__inApp", label: o("menu.routesInApp"), children: t.map(E) },
+        { type: "group", key: "__other", label: o("menu.routesOther"), children: n.map(E) }
       ];
-    }), ce = d(() => {
+    }), be = r(() => {
       const e = [], t = (n, s) => {
-        for (const $ of n)
-          $.type !== N.Button && (e.push({ label: `${"　".repeat(s)}${$.title}`, value: $.id }), t($.children, s + 1));
+        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));
       };
       return t(f.tree, 0), e;
     });
-    function fe(e) {
-      b.value = e.id, G.value = e.title, z.value = !0;
+    function ye(e) {
+      y.value = e.id, W.value = ae(e.title), _.value = !0;
     }
-    ue({ open: fe });
-    const S = r(!1), g = r(null), W = r(null), ve = {
+    ie({ open: ye });
+    const S = d(!1), g = d(null), J = d(null), ge = {
       title: {
         required: !0,
         whitespace: !0,
         message: () => o("menu.titleRequired"),
         trigger: ["input", "blur"]
       }
-    }, J = () => ({
-      parentId: b.value ?? 0,
-      type: N.Button,
+    }, X = () => ({
+      parentId: y.value ?? 0,
+      type: P.Button,
       title: "",
       permission: "",
       sort: 0,
@@ -77,7 +85,7 @@ const Me = { class: "perm-hint" }, je = { style: { width: "210px", color: "var(-
       component: "",
       icon: "",
       visible: !0
-    }), i = Ne(J()), k = r([]), X = (e) => ({
+    }), i = _e(X()), k = d([]), Y = (e) => ({
       parentId: e.parentId,
       type: e.type,
       title: e.title,
@@ -90,54 +98,54 @@ const Me = { class: "perm-hint" }, je = { style: { width: "210px", color: "var(-
       icon: e.icon ?? "",
       visible: e.visible
     });
-    function he() {
-      g.value = null, p.value = !1, Object.assign(i, J()), k.value = [], S.value = !0;
+    function ke() {
+      g.value = null, c.value = !1, Object.assign(i, X()), k.value = [], S.value = !0;
     }
-    function ye(e) {
-      g.value = e.id, p.value = !0, Object.assign(i, X(e)), k.value = F(e.permission), 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;
     }
-    async function be() {
+    async function xe() {
       var e;
-      await ((e = W.value) == null ? void 0 : e.validate());
+      await ((e = J.value) == null ? void 0 : e.validate());
       try {
         const t = {
           ...i,
-          permission: De(k.value),
-          type: N.Button,
+          permission: We(k.value),
+          type: P.Button,
           moduleId: null
         };
-        g.value === null ? await I.add(t) : await I.update(g.value, t), _.success(o("menu.saved")), U("changed");
+        g.value === null ? await N.add(t) : await N.update(g.value, t), U.success(o("menu.saved")), T("changed");
       } catch (t) {
-        return _.error(oe(t)), !1;
+        return U.error(ue(t)), !1;
       }
     }
-    const E = r(!1), A = r([]), Y = r(!1), R = r(""), Z = d(() => {
-      const e = R.value.trim().toLowerCase(), t = P.value;
-      return A.value.filter((n) => t && !p.value && !T(n.path) ? !1 : e ? n.method.toLowerCase().includes(e) || n.path.toLowerCase().includes(e) || n.title.toLowerCase().includes(e) : !0);
+    const z = d(!1), R = d([]), Z = d(!1), L = d(""), ee = r(() => {
+      const e = L.value.trim().toLowerCase(), t = B.value;
+      return R.value.filter((n) => t && !c.value && !A(n.path) ? !1 : e ? n.method.toLowerCase().includes(e) || n.path.toLowerCase().includes(e) || n.title.toLowerCase().includes(e) : !0);
     });
-    function ge(e) {
+    function Ce(e) {
       const t = e.toUpperCase();
       return t === "GET" ? o("menu.btnQuery") : t === "POST" ? o("menu.btnCreate") : t === "PUT" || t === "PATCH" ? o("menu.btnUpdate") : t === "DELETE" ? o("menu.btnDelete") : e;
     }
-    function ke() {
-      R.value = "", p.value = !1, A.value = f.routes.filter((e) => !me.value.has(e.code)).map((e) => ({
+    function Ie() {
+      L.value = "", c.value = !1, R.value = f.routes.filter((e) => !ve.value.has(e.code)).map((e) => ({
         code: e.code,
         method: e.method,
         path: e.path,
-        title: ge(e.method),
+        title: Ce(e.method),
         checked: !1
-      })), E.value = !0;
+      })), z.value = !0;
     }
-    const we = d(() => A.value.filter((e) => e.checked));
-    async function xe() {
-      const e = we.value;
+    const Ne = r(() => R.value.filter((e) => e.checked));
+    async function Pe() {
+      const e = Ne.value;
       if (!e.length) return !1;
-      Y.value = !0;
+      Z.value = !0;
       try {
         for (const t of e)
-          await I.add({
-            parentId: b.value ?? 0,
-            type: N.Button,
+          await N.add({
+            parentId: y.value ?? 0,
+            type: P.Button,
             title: t.title.trim() || t.method,
             permission: t.code,
             sort: 0,
@@ -148,61 +156,67 @@ const Me = { class: "perm-hint" }, je = { style: { width: "210px", color: "var(-
             icon: "",
             visible: !0
           });
-        _.success(o("menu.saved")), U("changed"), E.value = !1;
+        U.success(o("menu.saved")), T("changed"), z.value = !1;
       } catch (t) {
-        return _.error(oe(t)), !1;
+        return U.error(ue(t)), !1;
       } finally {
-        Y.value = !1;
+        Z.value = !1;
       }
     }
-    const Ce = [
+    const Te = [
       { type: "index", title: () => o("common.rowNo"), width: 64, align: "center" },
-      { title: () => o("menu.title"), key: "title", align: "left" },
+      { title: () => o("menu.title"), key: "title", align: "left", search: {} },
       {
         title: () => o("menu.permission"),
         key: "permission",
         // 多码按钮逐条成 tag,一眼看出「查询」挂了哪几条路由
         render: (e) => {
-          const t = F(e.permission);
-          return t.length ? y(
-            c,
+          const t = V(e.permission);
+          return t.length ? p(
+            b,
             { size: 4, wrapItem: !1 },
-            () => t.map((n) => y(Se, { size: "small", bordered: !1, key: n }, () => n))
-          ) : "—";
+            () => t.map((n) => p($e, { size: "small", bordered: !1, key: n }, () => n))
+          ) : p("span", { class: "faint" }, "—");
         }
       },
-      { title: () => o("menu.sort"), key: "sort", width: 70 },
+      {
+        title: () => o("menu.sort"),
+        key: "sort",
+        width: 70,
+        render: (e) => p("span", { class: "num muted" }, e.sort)
+      },
       {
         title: () => o("common.status"),
         key: "enabled",
         width: 84,
-        render: (e) => y(Le, {
+        render: (e) => p(De, {
           value: e.enabled,
-          request: (t) => I.update(e.id, { ...X(e), enabled: t }),
-          "onUpdate:value": () => U("changed")
+          request: (t) => N.update(e.id, { ...Y(e), enabled: t }),
+          "onUpdate:value": () => T("changed")
         })
       },
       {
         title: () => o("common.operation"),
         key: "op",
         width: 130,
+        align: "right",
         fixed: "right",
-        render: (e) => y(c, { size: 2, wrapItem: !1 }, () => [
-          re.value ? y(
-            x,
-            { size: "small", quaternary: !0, type: "primary", onClick: () => ye(e) },
+        render: (e) => p(b, { size: 2, justify: "end", wrapItem: !1 }, () => [
+          me.value ? p(
+            C,
+            { size: "small", quaternary: !0, type: "primary", onClick: () => we(e) },
             () => o("common.edit")
           ) : null,
-          de.value ? y(
-            Ee,
+          ce.value ? p(
+            Me,
             {
-              onPositiveClick: () => ie(() => I.remove(e.id), o("menu.deleted")).then((t) => {
-                t && U("changed");
+              onPositiveClick: () => de(() => N.remove(e.id), o("menu.deleted")).then((t) => {
+                t && T("changed");
               })
             },
             {
-              trigger: () => y(
-                x,
+              trigger: () => p(
+                C,
                 { size: "small", quaternary: !0, type: "error" },
                 () => o("common.delete")
               ),
@@ -212,21 +226,21 @@ const Me = { class: "perm-hint" }, je = { style: { width: "210px", color: "var(-
         ])
       }
     ];
-    return (e, t) => (m(), q(ee, null, [
-      a(j, {
-        show: z.value,
-        "onUpdate:show": t[1] || (t[1] = (n) => z.value = n),
-        title: l(o)("menu.buttonManagerTitle", { title: G.value }),
+    return (e, t) => (m(), M(te, null, [
+      a(F, {
+        show: _.value,
+        "onUpdate:show": t[1] || (t[1] = (n) => _.value = n),
+        title: l(o)("menu.buttonManagerTitle", { title: W.value }),
         width: 960
       }, {
         footer: u(() => [
-          a(l(c), { justify: "end" }, {
+          a(l(b), { justify: "end" }, {
             default: u(() => [
-              a(l(x), {
-                onClick: t[0] || (t[0] = (n) => z.value = !1)
+              a(l(C), {
+                onClick: t[0] || (t[0] = (n) => _.value = !1)
               }, {
                 default: u(() => [
-                  w(h(l(o)("common.close")), 1)
+                  x(h(l(o)("common.close")), 1)
                 ]),
                 _: 1
               })
@@ -235,80 +249,83 @@ const Me = { class: "perm-hint" }, je = { style: { width: "210px", color: "var(-
           })
         ]),
         default: u(() => [
-          a(l(c), {
-            vertical: "",
-            size: 12
+          a(l(qe), {
+            columns: Te,
+            data: Q.value,
+            toolbar: l(Ge),
+            search: { container: "table" },
+            pagination: !1,
+            "row-key": "id",
+            "card-on-narrow": "",
+            "storage-key": "sys-menu-buttons"
           }, {
-            default: u(() => [
-              a(l(c), null, {
+            "toolbar-right": u(() => [
+              G.value ? (m(), v(l(C), {
+                key: 0,
+                secondary: "",
+                onClick: Ie
+              }, {
+                icon: u(() => [
+                  a(D, {
+                    icon: "ph:list-plus",
+                    size: 16
+                  })
+                ]),
                 default: u(() => [
-                  V.value ? (m(), v(l(x), {
-                    key: 0,
-                    type: "primary",
-                    size: "small",
-                    onClick: he
-                  }, {
-                    default: u(() => [
-                      w(h(l(o)("menu.addButton")), 1)
-                    ]),
-                    _: 1
-                  })) : L("", !0),
-                  V.value ? (m(), v(l(x), {
-                    key: 1,
-                    size: "small",
-                    onClick: ke
-                  }, {
-                    default: u(() => [
-                      w(h(l(o)("menu.batchFromRoutes")), 1)
-                    ]),
-                    _: 1
-                  })) : L("", !0)
+                  x(" " + h(l(o)("menu.batchFromRoutes")), 1)
                 ]),
                 _: 1
-              }),
-              a(l(Ae), {
-                "default-page-size": 100,
-                columns: Ce,
-                data: K.value,
-                pagination: !1,
-                "row-key": "id",
-                "storage-key": "sys-menu-buttons"
-              }, null, 8, ["data"])
+              })) : O("", !0),
+              G.value ? (m(), v(l(C), {
+                key: 1,
+                type: "primary",
+                onClick: ke
+              }, {
+                icon: u(() => [
+                  a(D, {
+                    icon: "ph:plus",
+                    size: 16
+                  })
+                ]),
+                default: u(() => [
+                  x(" " + h(l(o)("menu.addButton")), 1)
+                ]),
+                _: 1
+              })) : O("", !0)
             ]),
             _: 1
-          })
+          }, 8, ["data", "toolbar"])
         ]),
         _: 1
       }, 8, ["show", "title"]),
-      a(j, {
+      a(F, {
         show: S.value,
         "onUpdate:show": t[8] || (t[8] = (n) => S.value = n),
         title: g.value === null ? l(o)("menu.addButton") : l(o)("common.edit"),
         width: 600,
-        "on-confirm": be,
+        "on-confirm": xe,
         "confirm-text": l(o)("common.save")
       }, {
         default: u(() => [
-          a(l(ze), {
+          a(l(ze), Be({
             ref_key: "formRef",
-            ref: W,
+            ref: J,
             model: i,
-            rules: ve,
-            "label-placement": "left",
-            "label-width": 80
-          }, {
+            rules: ge,
+            "require-mark-placement": "left"
+          }, fe.value), {
             default: u(() => [
-              a(l(Pe), {
+              a(l(Re), {
                 cols: 1,
                 "y-gap": 4
               }, {
                 default: u(() => [
-                  a(l(C), {
+                  a(l(I), {
                     label: l(o)("menu.title"),
                     path: "title"
                   }, {
                     default: u(() => [
-                      a(l(D), {
+                      a(l(q), {
                         value: i.title,
                         "onUpdate:value": t[2] || (t[2] = (n) => i.title = n),
                         placeholder: l(o)("menu.title")
@@ -316,62 +333,62 @@ const Me = { class: "perm-hint" }, je = { style: { width: "210px", color: "var(-
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  a(l(C), {
+                  a(l(I), {
                     label: l(o)("menu.buttonParent")
                   }, {
                     default: u(() => [
-                      a(l(le), {
+                      a(l(ne), {
                         value: i.parentId,
                         "onUpdate:value": t[3] || (t[3] = (n) => i.parentId = n),
-                        options: ce.value,
+                        options: be.value,
                         filterable: ""
                       }, null, 8, ["value", "options"])
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  a(l(C), {
+                  a(l(I), {
                     label: l(o)("menu.permission")
                   }, {
                     default: u(() => [
-                      a(l(c), {
+                      a(l(b), {
                         vertical: "",
                         size: 4,
                         style: { width: "100%" }
                       }, {
                         default: u(() => [
-                          a(l(le), {
+                          a(l(ne), {
                             value: k.value,
                             "onUpdate:value": t[4] || (t[4] = (n) => k.value = n),
-                            options: pe.value,
+                            options: he.value,
                             multiple: "",
                             filterable: "",
                             tag: "",
                             clearable: "",
                             placeholder: l(o)("menu.permissionPlaceholder")
                           }, null, 8, ["value", "options", "placeholder"]),
-                          te("span", Me, h(l(o)("menu.permissionHint")), 1),
-                          Q.value ? (m(), v(l(M), {
+                          le("span", He, h(l(o)("menu.permissionHint")), 1),
+                          K.value ? (m(), v(l(j), {
                             key: 0,
-                            checked: p.value,
-                            "onUpdate:checked": t[5] || (t[5] = (n) => p.value = n),
+                            checked: c.value,
+                            "onUpdate:checked": t[5] || (t[5] = (n) => c.value = n),
                             size: "small"
                           }, {
                             default: u(() => [
-                              w(h(l(o)("menu.showAllRoutes")), 1)
+                              x(h(l(o)("menu.showAllRoutes")), 1)
                             ]),
                             _: 1
-                          }, 8, ["checked"])) : L("", !0)
+                          }, 8, ["checked"])) : O("", !0)
                         ]),
                         _: 1
                       })
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  a(l(C), {
+                  a(l(I), {
                     label: l(o)("menu.sort")
                   }, {
                     default: u(() => [
-                      a(l(Te), {
+                      a(l(Le), {
                         value: i.sort,
                         "onUpdate:value": t[6] || (t[6] = (n) => i.sort = n),
                         min: 0,
@@ -380,11 +397,11 @@ const Me = { class: "perm-hint" }, je = { style: { width: "210px", color: "var(-
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  a(l(C), {
+                  a(l(I), {
                     label: l(o)("common.status")
                   }, {
                     default: u(() => [
-                      a(l(Be), {
+                      a(l(Oe), {
                         value: i.enabled,
                         "onUpdate:value": t[7] || (t[7] = (n) => i.enabled = n)
                       }, null, 8, ["value"])
@@ -396,92 +413,91 @@ const Me = { class: "perm-hint" }, je = { style: { width: "210px", color: "var(-
               })
             ]),
             _: 1
-          }, 8, ["model"])
+          }, 16, ["model"])
         ]),
         _: 1
       }, 8, ["show", "title", "confirm-text"]),
-      a(j, {
-        show: E.value,
-        "onUpdate:show": t[11] || (t[11] = (n) => E.value = n),
+      a(F, {
+        show: z.value,
+        "onUpdate:show": t[11] || (t[11] = (n) => z.value = n),
         title: l(o)("menu.batchTitle"),
         width: 640,
-        "on-confirm": xe,
+        "on-confirm": Pe,
         "confirm-text": l(o)("common.save")
       }, {
         default: u(() => [
-          A.value.length ? (m(), v(l(c), {
+          R.value.length ? (m(), v(l(b), {
             key: 1,
             vertical: "",
             size: 10
           }, {
             default: u(() => [
-              a(l(c), {
+              a(l(b), {
                 align: "center",
                 size: 12
               }, {
                 default: u(() => [
-                  a(l(D), {
-                    value: R.value,
-                    "onUpdate:value": t[9] || (t[9] = (n) => R.value = n),
+                  a(l(q), {
+                    value: L.value,
+                    "onUpdate:value": t[9] || (t[9] = (n) => L.value = n),
                     clearable: "",
                     placeholder: l(o)("menu.batchSearchPlaceholder"),
                     style: { flex: "1" }
                   }, {
                     prefix: u(() => [
-                      a($e, {
+                      a(D, {
                         icon: "ph:magnifying-glass",
                         size: 16
                       })
                     ]),
                     _: 1
                   }, 8, ["value", "placeholder"]),
-                  Q.value ? (m(), v(l(M), {
+                  K.value ? (m(), v(l(j), {
                     key: 0,
-                    checked: p.value,
-                    "onUpdate:checked": t[10] || (t[10] = (n) => p.value = n)
+                    checked: c.value,
+                    "onUpdate:checked": t[10] || (t[10] = (n) => c.value = n)
                   }, {
                     default: u(() => [
-                      w(h(l(o)("menu.showAllRoutes")), 1)
+                      x(h(l(o)("menu.showAllRoutes")), 1)
                     ]),
                     _: 1
-                  }, 8, ["checked"])) : L("", !0)
+                  }, 8, ["checked"])) : O("", !0)
                 ]),
                 _: 1
               }),
-              Z.value.length ? (m(), v(l(c), {
+              ee.value.length ? (m(), v(l(b), {
                 key: 1,
                 vertical: "",
                 size: 6,
                 style: { "max-height": "55vh", overflow: "auto" }
               }, {
                 default: u(() => [
-                  (m(!0), q(ee, null, Ue(Z.value, (n) => (m(), q("div", {
+                  (m(!0), M(te, null, Ae(ee.value, (n) => (m(), M("div", {
                     key: n.code,
-                    style: { display: "flex", "align-items": "center", gap: "10px" }
+                    class: "batch-row"
                   }, [
-                    a(l(M), {
+                    a(l(j), {
                       checked: n.checked,
                       "onUpdate:checked": (s) => n.checked = s
                     }, null, 8, ["checked", "onUpdate:checked"]),
-                    te("span", je, h(n.method) + " " + h(n.path), 1),
-                    a(l(D), {
+                    le("span", Qe, h(n.method) + " " + h(n.path), 1),
+                    a(l(q), {
                       value: n.title,
                       "onUpdate:value": (s) => n.title = s,
-                      size: "small",
                       disabled: !n.checked,
-                      style: { width: "160px" }
+                      class: "batch-title"
                     }, null, 8, ["value", "onUpdate:value", "disabled"])
                   ]))), 128))
                 ]),
                 _: 1
-              })) : (m(), v(l(ne), {
+              })) : (m(), v(l(oe), {
                 key: 0,
                 description: l(o)("menu.noRoutesLeft"),
                 style: { padding: "16px 0" }
               }, null, 8, ["description"]))
             ]),
             _: 1
-          })) : (m(), v(l(ne), {
+          })) : (m(), v(l(oe), {
             key: 0,
             description: l(o)("menu.noRoutesLeft"),
             style: { padding: "24px 0" }
@@ -493,6 +509,6 @@ const Me = { class: "perm-hint" }, je = { style: { width: "210px", color: "var(-
   }
 });
 export {
-  lt as default
+  mt as default
 };
 //# sourceMappingURL=ButtonManager2.vue.js.map