@opengis/admin 0.1.8 → 0.1.10

package/dist/{add-page-DSvX-3Xh.js → add-page-yK_HDhXj.js}

@@ -1,5 +1,5 @@
 import { u as m } from "./userMenu-CT1xO2Pt.js";
-import { _ as b, a as c } from "./import-file-DpWVoe-P.js";
+import { _ as b, a as c } from "./import-file-CxubR66f.js";
 import { resolveComponent as h, openBlock as i, createElementBlock as d, createElementVNode as a, createBlock as f, createCommentVNode as p } from "vue";
 const g = {
   data() {
@@ -55,7 +55,7 @@ const g = {
     }
   }
 }, x = { style: { width: "calc(100vw - 260px)" } }, w = { class: "h-[58px] bg-gray-50 flex items-center justify-between px-[30px]" }, y = { class: "flex items-center gap-[6px]" }, k = {
-  style: { height: "calc(100vh - 60px)", width: "calc(100vw - 260px)" },
+  style: { height: "calc(100vh - 120px)", width: "calc(100vw - 260px)" },
   class: "bg-gray-50 p-[20px] flex"
 }, v = { class: "bg-white w-full rounded-xl border p-[20px] overflow-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" };
 function V(t, e, o, s, r, l) {

package/dist/{admin-interface-Oa0z-BVX.js → admin-interface-WBo5oXkx.js}

@@ -1,4 +1,4 @@
-import { _ as m, a as v } from "./import-file-DpWVoe-P.js";
+import { _ as m, a as v } from "./import-file-CxubR66f.js";
 import { u as F } from "./userMenu-CT1xO2Pt.js";
 import { openBlock as a, createElementBlock as i, createStaticVNode as j, createTextVNode as k, toDisplayString as $, createCommentVNode as I, createElementVNode as r, Fragment as x, resolveComponent as d, createVNode as p, withCtx as y, withModifiers as O, renderList as w, withDirectives as E, vModelCheckbox as N, createBlock as M, vModelText as R, resolveDynamicComponent as W, Transition as G, vShow as J } from "vue";
 const K = {}, Q = {
@@ -11,7 +11,7 @@ const K = {}, Q = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-adjustments-horizontal"
 };
-function X(e, t, n, l, s, o) {
+function X(e, t, n, o, s, l) {
   return a(), i("svg", Q, t[0] || (t[0] = [
     j('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M4 6l8 0"></path><path d="M16 6l4 0"></path><path d="M8 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M4 12l2 0"></path><path d="M10 12l10 0"></path><path d="M17 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M4 18l11 0"></path><path d="M19 18l1 0"></path>', 10)
   ]));
@@ -62,10 +62,10 @@ const Y = /* @__PURE__ */ m(K, [["render", X]]), Z = {
     },
     handleClickSortBtn(e) {
       this.$emit("change-active", this.data.name), this.currentSort = this.changeCurrentSort(e);
-      const t = this.$route.query, { sort: n, ...l } = t, s = this.currentSort ? `${this.data.name}-${this.currentSort}` : "";
+      const t = this.$route.query, { sort: n, ...o } = t, s = this.currentSort ? `${this.data.name}-${this.currentSort}` : "";
       this.$router.replace({
         query: {
-          ...l,
+          ...o,
           ...s && { sort: s }
         }
       });
@@ -98,23 +98,23 @@ const Y = /* @__PURE__ */ m(K, [["render", X]]), Z = {
   key: 1,
   class: "text-sm text-gray-800 px-[4px] py-2.5 text-start font-normal text-gray-500"
 };
-function ot(e, t, n, l, s, o) {
+function lt(e, t, n, o, s, l) {
   return a(), i("th", tt, [
-    o.getVisibleIcon ? (a(), i("button", {
+    l.getVisibleIcon ? (a(), i("button", {
       key: 0,
       type: "button",
       class: "text-sm text-gray-800 px-[4px] py-2.5 text-start font-normal text-gray-500 flex items-center gap-[6px]",
-      onClick: t[0] || (t[0] = (b) => o.handleClickSortBtn(s.currentSort))
+      onClick: t[0] || (t[0] = (b) => l.handleClickSortBtn(s.currentSort))
     }, [
-      k($(o.label) + " ", 1),
+      k($(l.label) + " ", 1),
       (a(), i("svg", et, [
         s.currentSort === "asc" || s.currentSort === "" ? (a(), i("path", rt)) : I("", !0),
         s.currentSort === "desc" || s.currentSort === "" ? (a(), i("path", nt)) : I("", !0)
       ]))
-    ])) : (a(), i("p", st, $(o.label), 1))
+    ])) : (a(), i("p", st, $(l.label), 1))
   ]);
 }
-const lt = /* @__PURE__ */ m(Z, [["render", ot]]), at = {}, it = {
+const ot = /* @__PURE__ */ m(Z, [["render", lt]]), at = {}, it = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -124,7 +124,7 @@ const lt = /* @__PURE__ */ m(Z, [["render", ot]]), at = {}, it = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-dots-vertical"
 };
-function ut(e, t, n, l, s, o) {
+function ut(e, t, n, o, s, l) {
   return a(), i("svg", it, t[0] || (t[0] = [
     r("path", {
       stroke: "none",
@@ -146,7 +146,7 @@ const ct = /* @__PURE__ */ m(at, [["render", ut]]), dt = {}, pt = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ht(e, t, n, l, s, o) {
+function ht(e, t, n, o, s, l) {
   return a(), i("svg", pt, t[0] || (t[0] = [
     j('<path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line>', 5)
   ]));
@@ -158,7 +158,7 @@ const bt = /* @__PURE__ */ m(dt, [["render", ht]]), mt = {
     color: { type: String, default: "black" }
   }
 }, gt = { style: { display: "none" } }, ft = ["height", "width", "fill"];
-function xt(e, t, n, l, s, o) {
+function xt(e, t, n, o, s, l) {
   return a(), i(x, null, [
     (a(), i("svg", gt, t[0] || (t[0] = [
       r("symbol", {
@@ -234,7 +234,7 @@ const yt = /* @__PURE__ */ m(mt, [["render", xt]]), _t = {
   type: "button",
   class: "gap-x-2 p-2 rounded-lg hover:border-transparent focus:outline-none text-black hover:bg-gray-50"
 }, wt = { class: "pt-[7px] pb-[7px] flex flex-col items-start" }, $t = { class: "p-4" }, Ct = { class: "mt-4 flex justify-end gap-x-3" };
-function Tt(e, t, n, l, s, o) {
+function Tt(e, t, n, o, s, l) {
   const b = d("IconMore"), u = d("IconEdit"), g = d("router-link"), f = d("IconDelete"), C = d("VsPopover"), A = d("VsDialog");
   return a(), i(x, null, [
     r("div", vt, [
@@ -266,7 +266,7 @@ function Tt(e, t, n, l, s, o) {
               }, 8, ["to"]),
               t[6] || (t[6] = r("div", { class: "h-[1px] w-[80%] bg-gray-200 ml-auto mr-auto mt-[10px] mb-[10px]" }, null, -1)),
               r("button", {
-                onClick: t[0] || (t[0] = O((...V) => o.openConfirm && o.openConfirm(...V), ["stop"])),
+                onClick: t[0] || (t[0] = O((...V) => l.openConfirm && l.openConfirm(...V), ["stop"])),
                 type: "button",
                 class: "w-[100px] flex items-center justify-center gap-x-3 rounded-lg text-[14px] text-red-500"
               }, [
@@ -296,7 +296,7 @@ function Tt(e, t, n, l, s, o) {
             r("button", {
               type: "button",
               class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-red-500 text-white hover:bg-red-600 disabled:opacity-50 disabled:pointer-events-none",
-              onClick: t[2] || (t[2] = (..._) => o.deleteElement && o.deleteElement(..._))
+              onClick: t[2] || (t[2] = (..._) => l.deleteElement && l.deleteElement(..._))
             }, " Так, я впевнена/ий ")
           ])
         ])
@@ -315,7 +315,7 @@ const Mt = /* @__PURE__ */ m(_t, [["render", Tt]]), St = {}, Vt = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Dt(e, t, n, l, s, o) {
+function Dt(e, t, n, o, s, l) {
   return a(), i("svg", Vt, t[0] || (t[0] = [
     r("path", { d: "m3 16 4 4 4-4" }, null, -1),
     r("path", { d: "M7 20V4" }, null, -1),
@@ -348,11 +348,11 @@ const At = /* @__PURE__ */ m(St, [["render", Dt]]), Ft = {
           responseType: "blob"
         }), t = new Blob([e.data], {
           type: "application/octet-stream"
-        }), n = window.URL.createObjectURL(t), l = document.createElement("a");
-        l.href = n, l.setAttribute(
+        }), n = window.URL.createObjectURL(t), o = document.createElement("a");
+        o.href = n, o.setAttribute(
           "download",
           `${this.table.split(".")[0]}.${this.format}`
-        ), document.body.appendChild(l), l.click(), document.body.removeChild(l), window.URL.revokeObjectURL(n), this.$notify({
+        ), document.body.appendChild(o), o.click(), document.body.removeChild(o), window.URL.revokeObjectURL(n), this.$notify({
           type: "success",
           title: "Експорт",
           message: "Файл успішно експортовано!"
@@ -370,7 +370,7 @@ const At = /* @__PURE__ */ m(St, [["render", Dt]]), Ft = {
     }
   }
 }, It = { class: "p-4" }, Et = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, jt = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, zt = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, Pt = { class: "mt-2 space-y-2" }, Bt = ["id", "onChange"], Ut = ["for"], Ht = { class: "pb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, qt = { class: "text-center" };
-function Lt(e, t, n, l, s, o) {
+function Lt(e, t, n, o, s, l) {
   const b = d("VsCheckbox");
   return a(), i(x, null, [
     t[4] || (t[4] = r("div", { class: "dark:border-neutral-700" }, null, -1)),
@@ -405,7 +405,7 @@ function Lt(e, t, n, l, s, o) {
               name: "hs-pro-duecmfm",
               class: "shrink-0 border-gray-300 rounded-full text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800",
               id: u,
-              onChange: (f) => o.selectFormat(u)
+              onChange: (f) => l.selectFormat(u)
             }, null, 40, Bt),
             r("label", {
               for: u,
@@ -419,7 +419,7 @@ function Lt(e, t, n, l, s, o) {
           r("button", {
             type: "button",
             class: "p-2 inline-flex items-center gap-x-2 text-xs font-medium rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:ring-2 focus:ring-blue-500",
-            onClick: t[1] || (t[1] = (...u) => o.exportTable && o.exportTable(...u))
+            onClick: t[1] || (t[1] = (...u) => l.exportTable && l.exportTable(...u))
           }, " Завантажити таблицю ")
         ])
       ])
@@ -435,7 +435,7 @@ const Ot = /* @__PURE__ */ m(Ft, [["render", Lt]]), Nt = {
     };
   }
 };
-function Rt(e, t, n, l, s, o) {
+function Rt(e, t, n, o, s, l) {
   const b = d("IconExport"), u = d("AdminTableExportForm"), g = d("VsDialog");
   return a(), i(x, null, [
     r("button", {
@@ -473,7 +473,7 @@ const Wt = /* @__PURE__ */ m(Nt, [["render", Rt]]), Gt = {}, Jt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-columns"
 };
-function Kt(e, t, n, l, s, o) {
+function Kt(e, t, n, o, s, l) {
   return a(), i("svg", Jt, t[0] || (t[0] = [
     j('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 6l5.5 0"></path><path d="M4 10l5.5 0"></path><path d="M4 14l5.5 0"></path><path d="M4 18l5.5 0"></path><path d="M14.5 6l5.5 0"></path><path d="M14.5 10l5.5 0"></path><path d="M14.5 14l5.5 0"></path><path d="M14.5 18l5.5 0"></path>', 9)
   ]));
@@ -496,7 +496,7 @@ const Qt = /* @__PURE__ */ m(Gt, [["render", Kt]]), Xt = {
     ((e = this.column) == null ? void 0 : e.hidden) !== !0 && (this.value = !0);
   }
 }, Yt = { class: "flex w-full gap-[8px] items-centr" };
-function Zt(e, t, n, l, s, o) {
+function Zt(e, t, n, o, s, l) {
   var b, u;
   return a(), i("label", Yt, [
     E(r("input", {
@@ -514,12 +514,12 @@ const te = /* @__PURE__ */ m(Xt, [["render", Zt]]), ee = {
   props: { columns: Array },
   methods: {
     updateColumn(e) {
-      const t = this.columns.findIndex((l) => (l == null ? void 0 : l.name) === (e == null ? void 0 : e.name)), n = this.columns;
+      const t = this.columns.findIndex((o) => (o == null ? void 0 : o.name) === (e == null ? void 0 : e.name)), n = this.columns;
       n[t] = e, this.$emit("update-columns", [...n]);
     }
   }
 }, re = { class: "py-2 px-3 flex items-center gap-x-2 text-sm border focus:outline-none border-gray-100 font-medium rounded-lg text-gray-800 hover:border-gray-100 focus:border-gray-100 hover:bg-gray-50 shadow-sm duration-300" }, ne = { class: "flex flex-col gap-[3px] h-[400px] w-[300px] overflow-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" };
-function se(e, t, n, l, s, o) {
+function se(e, t, n, o, s, l) {
   const b = d("IconColumns"), u = d("AdminTableColumnsHiddenItem"), g = d("VsPopover");
   return a(), M(g, {
     trigger: "click",
@@ -540,7 +540,7 @@ function se(e, t, n, l, s, o) {
           (a(!0), i(x, null, w(n.columns, (f, C) => (a(), i("li", { key: C }, [
             p(u, {
               column: f,
-              onUpdateColumn: o.updateColumn
+              onUpdateColumn: l.updateColumn
             }, null, 8, ["column", "onUpdateColumn"])
           ]))), 128))
         ])
@@ -549,14 +549,14 @@ function se(e, t, n, l, s, o) {
     _: 1
   });
 }
-const oe = /* @__PURE__ */ m(ee, [["render", se]]), le = {
+const le = /* @__PURE__ */ m(ee, [["render", se]]), oe = {
   props: { table: String },
   components: {
     IconFilter: Y,
     AdminTableControl: Mt,
     AdminTableExport: Wt,
-    AdminTableColumnsHidden: oe,
-    AdminTableColumn: lt
+    AdminTableColumnsHidden: le,
+    AdminTableColumn: ot
   },
   data() {
     return {
@@ -597,8 +597,8 @@ const oe = /* @__PURE__ */ m(ee, [["render", se]]), le = {
     },
     $route: {
       handler(e, t) {
-        var n, l;
-        ((n = e == null ? void 0 : e.params) == null ? void 0 : n.catchAll) !== ((l = t == null ? void 0 : t.params) == null ? void 0 : l.catchAll) && (this.filterScheme = null, this.getFilters());
+        var n, o;
+        ((n = e == null ? void 0 : e.params) == null ? void 0 : n.catchAll) !== ((o = t == null ? void 0 : t.params) == null ? void 0 : o.catchAll) && (this.filterScheme = null, this.getFilters());
       },
       deep: !0
     }
@@ -607,7 +607,7 @@ const oe = /* @__PURE__ */ m(ee, [["render", se]]), le = {
     async getTableData() {
       var e, t;
       try {
-        const { data: n } = await v.get(`/api/template/table/${this.table}`), l = await v.get(`/api/table-data/${this.table}`, {
+        const { data: n } = await v.get(`/api/template/table/${this.table}`), o = await v.get(`/api/table-data/${this.table}`, {
           params: {
             page: this.page,
             search: this.searchValue || null,
@@ -619,7 +619,7 @@ const oe = /* @__PURE__ */ m(ee, [["render", se]]), le = {
         this.tableData = {
           ...this.tableData,
           ...n,
-          ...(l == null ? void 0 : l.data) || {}
+          ...(o == null ? void 0 : o.data) || {}
         };
       } catch {
       }
@@ -653,13 +653,13 @@ const oe = /* @__PURE__ */ m(ee, [["render", se]]), le = {
     }
   }
 }, ae = { class: "w-[calc(100vw - 320px)]" }, ie = { class: "h-[58px] bg-gray-50 flex items-center justify-between px-[30px]" }, ue = { class: "text-xl font-medium" }, ce = {
-  style: { height: "calc(100vh - 60px)", width: "calc(100vw - 260px)" },
-  class: "bg-gray-50 p-[20px] flex"
+  style: { height: "calc(100vh - 120px)", width: "calc(100vw - 260px)" },
+  class: "bg-gray-50 p-[20px] flex pt-[10px]"
 }, de = { class: "bg-white w-full rounded-xl border p-[20px]" }, pe = { class: "flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px]" }, he = { class: "flex gap-[6px] ml-auto" }, be = { class: "space-y-5 flex items-start w-full justify-start" }, me = {
-  style: { height: "calc(100vh - 250px)" },
+  style: { height: "calc(100vh - 310px)" },
   class: "overflow-x-auto w-full border-t [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"
-}, ge = { class: "inline-block align-middle" }, fe = { class: "divide-y divide-gray-200 dark:divide-neutral-700 relative" }, xe = { class: "sticky top-0 bg-white w-full relative after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, ye = { class: "border-stone-200 z-[1]" }, _e = { class: "divide-y divide-gray-200" }, ve = { class: "size-px min-w-[200px] max-w-[300px] text-start pe-4 py-3 text-sm text-gray-600" }, ke = { class: "text-center sticky right-0 bg-white" }, we = { class: "p-[20px] flex justify-end w-full" }, $e = { class: "filter-content h-screen bg-white w-[400px] p-[20px] pt-[10px] overflow-x-auto bg-[rgba(0,0,0,0.5)] [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" };
-function Ce(e, t, n, l, s, o) {
+}, ge = { class: "inline-block w-full align-middle" }, fe = { class: "divide-y divide-gray-200 min-w-full dark:divide-neutral-700 relative table-fixed" }, xe = { class: "sticky top-0 bg-white w-full relative after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, ye = { class: "border-stone-200 right-0 z-[1]" }, _e = { class: "divide-y divide-gray-200" }, ve = { class: "min-w-[200px] text-start pe-4 py-3 text-sm text-gray-600" }, ke = { class: "text-center sticky right-0 bg-white w-[80px] px-[10px]" }, we = { class: "p-[20px] flex justify-end w-full" }, $e = { class: "filter-content h-screen bg-white w-[400px] p-[20px] pt-[10px] overflow-x-auto bg-[rgba(0,0,0,0.5)] [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" };
+function Ce(e, t, n, o, s, l) {
   var T, V, z, P, B, U, H;
   const b = d("router-link"), u = d("AdminTableColumnsHidden"), g = d("AdminTableExport"), f = d("IconFilter"), C = d("AdminTableColumn"), A = d("AdminTableControl"), _ = d("VsPagination"), S = d("VsFilter");
   return a(), i(x, null, [
@@ -713,13 +713,13 @@ function Ce(e, t, n, l, s, o) {
                 r("table", fe, [
                   r("thead", xe, [
                     r("tr", ye, [
-                      (a(!0), i(x, null, w(o.columns, (c) => (a(), M(C, {
+                      (a(!0), i(x, null, w(l.columns, (c) => (a(), M(C, {
                         key: c.name,
                         data: c,
                         activeColumn: s.activeColumn,
-                        onChangeActive: o.changeActiveColumn
+                        onChangeActive: l.changeActiveColumn
                       }, null, 8, ["data", "activeColumn", "onChangeActive"]))), 128)),
-                      t[7] || (t[7] = r("th", { class: "min-w-[70px] max-w-[70px] sticky right-0 top-0 bg-white" }, null, -1))
+                      t[7] || (t[7] = r("th", { class: "w-[70px] sticky right-0 top-0 bg-white" }, null, -1))
                     ])
                   ]),
                   r("tbody", _e, [
@@ -734,16 +734,16 @@ function Ce(e, t, n, l, s, o) {
                             default: y(() => {
                               var h;
                               return [
-                                k($(c == null ? void 0 : c[(h = o.columns[0]) == null ? void 0 : h.name]), 1)
+                                k($(c == null ? void 0 : c[(h = l.columns[0]) == null ? void 0 : h.name]), 1)
                               ];
                             }),
                             _: 2
                           }, 1032, ["to"])
                         ]),
-                        (a(!0), i(x, null, w((q = o.columns) == null ? void 0 : q.slice(1), (h) => {
+                        (a(!0), i(x, null, w((q = l.columns) == null ? void 0 : q.slice(1), (h) => {
                           var L;
                           return a(), i("td", {
-                            class: "size-px min-w-[300px] max-w-[400px] text-start px-[4px] py-3 text-sm text-gray-600",
+                            class: "min-w-[300px] w-full text-start px-[4px] py-3 text-sm text-gray-600",
                             key: h.name
                           }, [
                             (a(), M(W(
@@ -759,7 +759,7 @@ function Ce(e, t, n, l, s, o) {
                           p(A, {
                             item: c,
                             table: n.table,
-                            onUpdateTable: o.getTableData
+                            onUpdateTable: l.getTableData
                           }, null, 8, ["item", "table", "onUpdateTable"])
                         ])
                       ]);
@@ -773,12 +773,12 @@ function Ce(e, t, n, l, s, o) {
             p(_, {
               goTo: !1,
               class: "justify-end",
-              "default-page": o.defaultPage,
+              "default-page": l.defaultPage,
               total: ((H = s.tableData) == null ? void 0 : H.total) || 0,
               pageSize: s.limit,
-              onPageChange: o.handlePageChange,
+              onPageChange: l.handlePageChange,
               pageSizes: [10, 16, 20],
-              onPageSizeChange: o.changeLimit
+              onPageSizeChange: l.changeLimit
             }, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])
           ])
         ])
@@ -789,7 +789,7 @@ function Ce(e, t, n, l, s, o) {
         var c;
         return [
           E(r("div", {
-            onClick: t[4] || (t[4] = (...D) => o.closeFilter && o.closeFilter(...D)),
+            onClick: t[4] || (t[4] = (...D) => l.closeFilter && l.closeFilter(...D)),
             style: { height: "100vh" },
             class: "fixed filter-container top-0 flex justify-end items-center z-[2] right-0 left-0 bottom-0 bg-[rgba(0,0,0,0.5)]"
           }, [
@@ -802,7 +802,7 @@ function Ce(e, t, n, l, s, o) {
                 "apply-vue-router": "",
                 history: "",
                 name: "filter",
-                onFilterChange: o.filterChange,
+                onFilterChange: l.filterChange,
                 closeFilterBtn: !0,
                 onFilterClose: t[3] || (t[3] = (D) => s.isFilters = !1)
               }, null, 8, ["scheme", "onFilterChange"])) : I("", !0)
@@ -816,7 +816,7 @@ function Ce(e, t, n, l, s, o) {
     })
   ], 64);
 }
-const Te = /* @__PURE__ */ m(le, [["render", Ce]]), Me = {
+const Te = /* @__PURE__ */ m(oe, [["render", Ce]]), Me = {
   components: { AdminTable: Te },
   data() {
     return {
@@ -857,9 +857,9 @@ const Te = /* @__PURE__ */ m(le, [["render", Ce]]), Me = {
     async checkPageType() {
       const e = this.flattenMenu(F.value);
       e != null && e.length || this.$router.replace("/404");
-      const t = e == null ? void 0 : e.find((l) => {
-        var s, o;
-        return (l == null ? void 0 : l.path) == ((o = (s = this.$route) == null ? void 0 : s.params) == null ? void 0 : o.catchAll);
+      const t = e == null ? void 0 : e.find((o) => {
+        var s, l;
+        return (o == null ? void 0 : o.path) == ((l = (s = this.$route) == null ? void 0 : s.params) == null ? void 0 : l.catchAll);
       });
       this.title = t == null ? void 0 : t.ua, t || this.$router.replace("/404");
       const n = t == null ? void 0 : t.table;
@@ -877,20 +877,20 @@ const Te = /* @__PURE__ */ m(le, [["render", Ce]]), Me = {
       }
     }
   }
-}, Se = {
-  key: 1,
-  class: "w-full"
-}, Ve = ["innerHTML"];
-function De(e, t, n, l, s, o) {
+}, Se = ["innerHTML"];
+function Ve(e, t, n, o, s, l) {
   const b = d("AdminTable");
   return s.table ? (a(), M(b, {
     key: 0,
     table: s.table
-  }, null, 8, ["table"])) : (a(), i("div", Se, [
-    r("div", { innerHTML: s.interface }, null, 8, Ve)
-  ]));
+  }, null, 8, ["table"])) : (a(), i("div", {
+    key: 1,
+    class: "w-full bg-gray-50",
+    style: { height: "calc(100vh - 120px)" },
+    innerHTML: s.interface
+  }, null, 8, Se));
 }
-const Ee = /* @__PURE__ */ m(Me, [["render", De]]);
+const Ie = /* @__PURE__ */ m(Me, [["render", Ve]]);
 export {
-  Ee as default
+  Ie as default
 };