@vancone/console-component 0.2.0-beta.0 → 0.2.0-beta.1

package/packages/dist/console-component.es.js

@@ -26,23 +26,23 @@ var Ne = (e, o, n) => new Promise((t, s) => {
   }, l = (i) => i.done ? t(i.value) : Promise.resolve(i.value).then(a, c);
   l((n = n.apply(e, o)).next());
 });
-import { openBlock as u, createElementBlock as E, createElementVNode as _, defineComponent as Oe, reactive as fe, resolveComponent as $, createVNode as h, withCtx as p, unref as y, Fragment as ne, renderList as me, toDisplayString as A, normalizeStyle as He, shallowRef as he, ref as q, onMounted as wt, createBlock as I, createTextVNode as B, createCommentVNode as L, normalizeClass as Ct, withModifiers as Po, resolveDynamicComponent as it, effectScope as Wt, markRaw as Te, toRaw as We, hasInjectionContext as Io, inject as Vo, getCurrentInstance as Mo, watch as Me, isRef as Ze, isReactive as kt, toRef as mt, nextTick as ct, computed as Re, getCurrentScope as No, onScopeDispose as Uo, toRefs as Ut, onUnmounted as To, createStaticVNode as Ao, resolveDirective as Yt, withDirectives as Jt } from "vue";
+import { openBlock as d, createElementBlock as E, createElementVNode as _, defineComponent as Ce, reactive as fe, resolveComponent as $, createVNode as h, withCtx as p, unref as w, Fragment as ne, renderList as me, toDisplayString as A, normalizeStyle as He, shallowRef as he, ref as j, onMounted as wt, createBlock as I, createTextVNode as B, createCommentVNode as L, normalizeClass as Ct, withModifiers as Po, resolveDynamicComponent as it, effectScope as Wt, markRaw as Te, toRaw as We, hasInjectionContext as Io, inject as Vo, getCurrentInstance as Mo, watch as Me, isRef as Ze, isReactive as kt, toRef as mt, nextTick as ct, computed as Re, getCurrentScope as No, onScopeDispose as Uo, toRefs as Ut, onUnmounted as To, createStaticVNode as Ao, resolveDirective as Yt, withDirectives as Jt } from "vue";
 import { useRoute as tt, useRouter as ft } from "vue-router";
 import Do from "axios";
 import { ElMessage as ht, ElMessageBox as Tt } from "element-plus";
 import { createI18n as Ro, useI18n as St } from "vue-i18n";
 import { Search as Kt, ArrowDown as Qt, ArrowRight as Fo, Check as At, Refresh as xt, Delete as Lo, Upload as Go, Download as Dt, Document as jo, Printer as zo, Setting as qo, MoreFilled as Bo, QuestionFilled as Ho } from "@element-plus/icons-vue";
 import { cloneDeep as Be } from "lodash";
-const Ce = (e, o) => {
+const ke = (e, o) => {
   const n = e.__vccOpts || e;
   for (const [t, s] of o)
     n[t] = s;
   return n;
 }, Wo = {}, Yo = { class: "building" };
 function Jo(e, o) {
-  return u(), E("div", Yo);
+  return d(), E("div", Yo);
 }
-const Ko = /* @__PURE__ */ Ce(Wo, [["render", Jo], ["__scopeId", "data-v-07bd45d2"]]), we = Do.create({
+const Ko = /* @__PURE__ */ ke(Wo, [["render", Jo], ["__scopeId", "data-v-07bd45d2"]]), we = Do.create({
   timeout: 2 * 60 * 1e3,
   withCredentials: !0
 });
@@ -164,17 +164,17 @@ const Qo = {
       yes: "是"
     }
   }
-}, dt = Ro({
+}, ut = Ro({
   legacy: !1,
   locale: localStorage.getItem("locale") || navigator.language.slice(0, 2),
   messages: {
     en: Qo,
     zh: Xo
   }
-}), { t: Zo } = dt.global, en = (e) => e.filter(({ meta: o }) => !o || !o.hidden), Xt = () => {
+}), { t: Zo } = ut.global, en = (e) => e.filter(({ meta: o }) => !o || !o.hidden), Xt = () => {
   const { origin: e } = window.location;
   return e.includes("beta") || e.includes("localhost") ? "passport.beta.vancone.com" : "passport.vancone.com";
-}, ur = (e, o) => {
+}, dr = (e, o) => {
   let n = window.URL || window.webkitURL || window, t = new Blob([e]), s = document.createElement("a");
   s.href = n.createObjectURL(t), s.download = o, s.click();
 };
@@ -217,23 +217,23 @@ const rn = {
   viewBox: "0 0 1024 1024"
 };
 function ln(e, o) {
-  return u(), E("svg", rn, o[0] || (o[0] = [
+  return d(), E("svg", rn, o[0] || (o[0] = [
     _("path", { d: "M480 544v352H128V544zm416 288v64H544v-64zM416 608H192v224h224zm480 83.072v64H544v-64zM896 544v64H544v-64zM480 128v352H128V128zm416 0v352H544V128zm-480 64H192v224h224zm416 0H608v224h224z" }, null, -1)
   ]));
 }
-const cn = { render: ln }, dn = {
+const cn = { render: ln }, un = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",
   height: "32",
   class: "icon",
   viewBox: "0 0 1024 1024"
 };
-function un(e, o) {
-  return u(), E("svg", dn, o[0] || (o[0] = [
+function dn(e, o) {
+  return d(), E("svg", un, o[0] || (o[0] = [
     _("path", { d: "M487.01 113.079a56.076 56.076 0 0 1 73.216 21.918l1.901 3.536 100.401 203.215L886.93 374.32a56.076 56.076 0 0 1 33.939 92.647l-2.877 3.024-162.329 158.061L793.99 851.31a56.076 56.076 0 0 1-77.726 60.855l-3.609-1.707-200.801-105.472-200.802 105.448a56.076 56.076 0 0 1-81.871-55.345l.512-3.78 38.351-223.256-162.328-158.061a56.076 56.076 0 0 1 27.282-94.989l3.78-.682 224.377-32.573L461.58 138.533a56.08 56.08 0 0 1 25.43-25.454M409.722 408.6l-228.206 33.134 165.132 160.744-39.01 227.133 204.216-107.252 204.19 107.252-39.01-227.133 165.133-160.744L613.96 408.6 511.854 201.9 409.698 408.6z" }, null, -1)
   ]));
 }
-const pn = { render: un }, fn = {
+const pn = { render: dn }, fn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",
   height: "32",
@@ -241,14 +241,14 @@ const pn = { render: un }, fn = {
   viewBox: "0 0 1024 1024"
 };
 function mn(e, o) {
-  return u(), E("svg", fn, o[0] || (o[0] = [
+  return d(), E("svg", fn, o[0] || (o[0] = [
     _("path", { d: "M512 109.714c222.184 0 402.286 180.102 402.286 402.286S734.184 914.286 512 914.286l-2.901-.122c-104.546-8.314-189.416-43.52-253.075-105.13l-.024 80.87h-73.143V658.287h207.238v73.143H283.99c52.858 65.048 128.561 101.4 229.45 109.714l7.63-.122C698.662 836.218 841.144 690.737 841.144 512c0-181.784-147.359-329.143-329.143-329.143S182.857 330.216 182.857 512h-73.143c0-222.184 180.102-402.286 402.286-402.286m-48.762 182.857h73.143V475.43h182.857v73.142h-256z" }, null, -1)
   ]));
 }
 const hn = { render: mn }, vn = { class: "app-catalog-wrapper" }, _n = { class: "catalog-wrapper" }, gn = { class: "service-list" }, bn = { class: "app-icon-container" }, yn = ["href"], wn = ["innerHTML"], Cn = {
   key: 1,
   class: "app-icon"
-}, kn = /* @__PURE__ */ Oe({
+}, kn = /* @__PURE__ */ Ce({
   __name: "AppCatalog",
   props: {
     visible: { type: Boolean }
@@ -267,18 +267,18 @@ const hn = { render: mn }, vn = { class: "app-catalog-wrapper" }, _n = { class:
     }
     return n(), (t, s) => {
       const a = $("el-input"), c = $("el-scrollbar"), l = $("el-tab-pane"), i = $("el-tabs");
-      return u(), E("div", vn, [
+      return d(), E("div", vn, [
         h(i, { "tab-position": "left" }, {
           default: p(() => [
             h(l, null, {
               label: p(() => [
-                h(y(cn), { class: "left-icon" })
+                h(w(cn), { class: "left-icon" })
               ]),
               default: p(() => [
                 s[0] || (s[0] = _("h1", { class: "catalog-title" }, "Apps", -1)),
                 h(a, {
                   class: "search-box",
-                  "prefix-icon": y(Kt),
+                  "prefix-icon": w(Kt),
                   placeholder: "Search apps"
                 }, null, 8, ["prefix-icon"]),
                 h(c, {
@@ -287,23 +287,23 @@ const hn = { render: mn }, vn = { class: "app-catalog-wrapper" }, _n = { class:
                 }, {
                   default: p(() => [
                     _("div", _n, [
-                      (u(!0), E(ne, null, me(o, (f) => (u(), E("div", gn, [
+                      (d(!0), E(ne, null, me(o, (f) => (d(), E("div", gn, [
                         _("h1", null, A(f.name), 1),
                         _("div", bn, [
-                          (u(!0), E(ne, null, me(f.apps, (b) => {
-                            var C, M;
-                            return u(), E("a", {
-                              style: He([{ "text-decoration": "none" }, { pointerEvents: ((C = b.homepageUrl) == null ? void 0 : C.length) > 0 ? "auto" : "none" }]),
+                          (d(!0), E(ne, null, me(f.apps, (b) => {
+                            var y, V;
+                            return d(), E("a", {
+                              style: He([{ "text-decoration": "none" }, { pointerEvents: ((y = b.homepageUrl) == null ? void 0 : y.length) > 0 ? "auto" : "none" }]),
                               target: "_blank",
                               href: b.homepageUrl
                             }, [
-                              b.iconSvg !== void 0 ? (u(), E("div", {
+                              b.iconSvg !== void 0 ? (d(), E("div", {
                                 key: 0,
                                 class: "app-icon",
                                 innerHTML: b.iconSvg
-                              }, null, 8, wn)) : (u(), E("div", Cn, " ")),
+                              }, null, 8, wn)) : (d(), E("div", Cn, " ")),
                               _("h2", {
-                                style: He({ color: ((M = b.homepageUrl) == null ? void 0 : M.length) > 0 ? "#555" : "#bbb" })
+                                style: He({ color: ((V = b.homepageUrl) == null ? void 0 : V.length) > 0 ? "#555" : "#bbb" })
                               }, A(b.name), 5)
                             ], 12, yn);
                           }), 256))
@@ -318,7 +318,7 @@ const hn = { render: mn }, vn = { class: "app-catalog-wrapper" }, _n = { class:
             }),
             h(l, null, {
               label: p(() => [
-                h(y(pn), { class: "left-icon" })
+                h(w(pn), { class: "left-icon" })
               ]),
               default: p(() => [
                 s[1] || (s[1] = _("h1", { class: "catalog-title" }, "Favorites", -1))
@@ -327,7 +327,7 @@ const hn = { render: mn }, vn = { class: "app-catalog-wrapper" }, _n = { class:
             }),
             h(l, null, {
               label: p(() => [
-                h(y(hn), { class: "left-icon" })
+                h(w(hn), { class: "left-icon" })
               ]),
               default: p(() => [
                 s[2] || (s[2] = _("h1", { class: "catalog-title" }, "Recently", -1))
@@ -340,13 +340,13 @@ const hn = { render: mn }, vn = { class: "app-catalog-wrapper" }, _n = { class:
       ]);
     };
   }
-}), Sn = /* @__PURE__ */ Ce(kn, [["__scopeId", "data-v-fcfb021b"]]), xn = {
+}), Sn = /* @__PURE__ */ ke(kn, [["__scopeId", "data-v-fcfb021b"]]), xn = {
   xmlns: "http://www.w3.org/2000/svg",
   "xml:space": "preserve",
   viewBox: "0 0 32 32"
 };
 function $n(e, o) {
-  return u(), E("svg", xn, o[0] || (o[0] = [
+  return d(), E("svg", xn, o[0] || (o[0] = [
     _("path", { d: "M22.6 29.1h6.6v-6.6h-6.6m0-3.2h6.6v-6.6h-6.6m-9.9-3.3h6.6V2.9h-6.6m9.9 6.5h6.6V2.9h-6.6m-9.9 16.4h6.6v-6.6h-6.6m-9.8 6.6h6.6v-6.6H2.9m0 16.4h6.6v-6.6H2.9m9.8 6.6h6.6v-6.6h-6.6M2.9 9.4h6.6V2.9H2.9z" }, null, -1)
   ]));
 }
@@ -358,7 +358,7 @@ const En = { render: $n }, On = {
   viewBox: "0 0 1024 1024"
 };
 function Pn(e, o) {
-  return u(), E("svg", On, o[0] || (o[0] = [
+  return d(), E("svg", On, o[0] || (o[0] = [
     _("path", { d: "M651.404 284.363c-14.446-23.404-34.322-43.717-58.832-56.969A164.4 164.4 0 0 0 512 206.328a157.8 157.8 0 0 0-63.864 12.893 163.8 163.8 0 0 0-52.22 35.105c-14.77 14.405-26.455 32.338-35.04 51.895a164 164 0 0 0-12.829 63.958c0 15.233 6.615 28.88 15.993 39.036 10.063 9.363 23.72 15.988 38.92 15.988a56.73 56.73 0 0 0 38.528-15.988c10.134-10.155 16.747-23.803 16.747-39.036a54.8 54.8 0 0 1 3.918-21.066c3.126-6.232 6.614-12.495 11.643-17.17a60.4 60.4 0 0 1 17.143-11.703c6.614-2.304 14.053-4.646 21.061-4.646a53.95 53.95 0 0 1 38.167 16.35c18.652 18.364 21.384 49.946 7.759 71.803-5.47 7.779-12.83 13.685-19.443 19.915-19.874 16.78-39.748 33.96-55.31 62.045-15.598 27.258-25.733 65.537-25.733 122.47a55.76 55.76 0 0 0 16.352 39.035c9.38 9.758 23.36 15.591 38.204 15.591 15.167 0 29.578-5.833 38.921-15.591a55.6 55.6 0 0 0 16.354-39.036c0-32.769 5.067-53.803 13.228-68.635 8.59-14.873 18.687-24.198 28.822-32.806 9.74-8.57 19.048-16.383 27.638-25.35 8.158-8.966 15.992-18.69 22.21-30.825 5.462-9.327 9.344-21.03 12.435-34.318 7.008-29.276 7.008-63.197-2.3-92.47-4.313-13.647-10.136-27.69-17.899-39.394zM512 706.508a53.51 53.51 0 0 0-38.204 15.988 54.725 54.725 0 0 0 0 78.035A53.51 53.51 0 0 0 512 816.519c15.167 0 29.578-6.232 38.921-15.988a54.72 54.72 0 0 0 0-78.035c-9.343-9.758-23.754-15.988-38.921-15.988m350.046-543.104c-88.409-88.95-211.463-144.363-347.744-145.12-137.826-.792-260.887 54.627-351.194 144.365-89.598 89.7-144.835 213-144.835 348.757a528.6 528.6 0 0 0 10.099 100.288c7.008 31.581 16.352 63.597 28.788 92.47 37.808 90.493 102.03 165.394 180.305 218.113a493.11 493.11 0 0 0 623.435-61.29c90.315-89.34 144.798-213.035 144.798-349.585 0-135.362-54.483-258.228-143.649-348.001zm-137.86 668.742a383.537 383.537 0 0 1-565.784-170.902c-10.135-22.614-17.106-46.814-22.57-71.768-4.636-25.388-7.758-51.132-7.758-78.07a381.15 381.15 0 0 1 112.92-271.516c69.29-69.463 165.86-112.387 272.562-112.387a385.85 385.85 0 0 1 352.768 234.1 398 398 0 0 1 29.58 149.803 393.7 393.7 0 0 1-29.58 149.834 387.25 387.25 0 0 1-142.137 170.906" }, null, -1)
   ]));
 }
@@ -370,7 +370,7 @@ const In = { render: Pn }, Vn = {
   viewBox: "0 0 1024 1024"
 };
 function Mn(e, o) {
-  return u(), E("svg", Vn, o[0] || (o[0] = [
+  return d(), E("svg", Vn, o[0] || (o[0] = [
     _("path", { d: "M358.4 871.2H45.152C19.936 871.2 0 843.904 0 819.2s19.936-50.624 45.152-50.624h56.64l-1.088-283.168c0-204.608 164.032-374.56 337.056-412.576v-1.28C437.76 32.032 470.496 0 510.848 0s73.088 32.032 73.088 71.552v1.28C756.96 110.848 922.08 280.8 922.08 485.408v283.168h55.008c25.216 0 46.944 25.92 46.944 50.624s-21.696 52-46.944 52H665.632c-.416 84.48-69.024 152.8-153.6 152.8s-153.184-68.352-153.6-152.8zm102.4 0c.416 27.904 23.168 50.4 51.2 50.4s50.784-22.496 51.2-50.4zm357.216-103.328v-282.56c0-179.808-149.536-329.984-307.104-329.984S204.544 305.472 204.544 485.312v282.56z" }, null, -1)
   ]));
 }
@@ -380,7 +380,7 @@ const Nn = { render: Mn }, Un = {
   viewBox: "0 0 32 32"
 };
 function Tn(e, o) {
-  return u(), E("svg", Un, o[0] || (o[0] = [
+  return d(), E("svg", Un, o[0] || (o[0] = [
     _("path", {
       d: "M23.8 22.1H8.2c-2.5 0-4.5-2.1-4.5-4.5V7.9c0-2.5 2.1-4.5 4.5-4.5h15.6c2.5 0 4.5 2.1 4.5 4.5v9.7c0 2.4-2.1 4.5-4.5 4.5M16 23.2v5M8.3 28.9h15.4",
       style: { fill: "none", "stroke-width": "3", "stroke-miterlimit": "10" }
@@ -388,7 +388,7 @@ function Tn(e, o) {
   ]));
 }
 const An = { render: Tn };
-function Ee(e, o, n) {
+function Oe(e, o, n) {
   switch (o) {
     case "POST":
       return we.post(e, n);
@@ -412,7 +412,7 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
 }, Xn = ["onClick"], Zn = { class: "message-checkbox" }, es = { class: "message-body" }, ts = { class: "message-header" }, os = { class: "message-title" }, ns = {
   key: 0,
   class: "unread-badge"
-}, ss = { class: "message-content" }, as = { class: "message-footer" }, rs = { class: "message-sender" }, ls = { class: "message-time" }, is = /* @__PURE__ */ Oe({
+}, ss = { class: "message-content" }, as = { class: "message-footer" }, rs = { class: "message-sender" }, ls = { class: "message-time" }, is = /* @__PURE__ */ Ce({
   __name: "Header",
   props: {
     title: {},
@@ -420,7 +420,7 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
     helpDocUrl: {}
   },
   setup(e) {
-    const { t: o } = St(), n = he(), t = he(), s = he(), a = he(), c = q(!1), l = q([
+    const { t: o } = St(), n = he(), t = he(), s = he(), a = he(), c = j(!1), l = j([
       {
         id: "1",
         title: "系统通知",
@@ -453,12 +453,12 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
         sendTime: "2025-12-25 14:00:00",
         isRead: !0
       }
-    ]), i = q([]), f = q(!1), b = e, C = he(), M = fe(
+    ]), i = j([]), f = j(!1), b = e, y = he(), V = fe(
       {
         id: "",
         name: ""
       }
-    ), V = q(""), K = q(dt.global.locale), H = fe([
+    ), M = j(""), K = j(ut.global.locale), H = fe([
       {
         id: "en",
         name: "English"
@@ -470,12 +470,12 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
     ]);
     wt(() => {
       var r, v, S;
-      V.value = decodeURIComponent(Z("passport_username").replace(/\+/g, " ")), V.value === "" && on().then(({ data: P }) => {
+      M.value = decodeURIComponent(Z("passport_username").replace(/\+/g, " ")), M.value === "" && on().then(({ data: P }) => {
         var R;
-        P.code == 0 && (V.value = (R = P.data.name) != null ? R : P.data.displayId);
-      }), (r = b.headerProjectConfig) != null && r.api ? Ee((v = b.headerProjectConfig) == null ? void 0 : v.api, "GET", {}).then(({ data: P }) => {
-        C.value = P.data;
-      }) : (S = b.headerProjectConfig) != null && S.items && (C.value = b.headerProjectConfig.items);
+        P.code == 0 && (M.value = (R = P.data.name) != null ? R : P.data.displayId);
+      }), (r = b.headerProjectConfig) != null && r.api ? Oe((v = b.headerProjectConfig) == null ? void 0 : v.api, "GET", {}).then(({ data: P }) => {
+        y.value = P.data;
+      }) : (S = b.headerProjectConfig) != null && S.items && (y.value = b.headerProjectConfig.items);
     });
     function Z(r) {
       let v = r + "=", S = document.cookie.split(";");
@@ -487,14 +487,14 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
       }
       return "";
     }
-    function j() {
+    function z() {
       nn().then(() => {
         const r = encodeURIComponent(window.location.href);
         window.location.href = `//${Xt()}/?from=${r}#login`;
       });
     }
     function te(r) {
-      dt.global.locale.value = r, K.value = r, localStorage.setItem("locale", r);
+      ut.global.locale.value = r, K.value = r, localStorage.setItem("locale", r);
     }
     function se() {
       window.open("https://passport.vancone.com/#/account/profile", "_blank");
@@ -506,18 +506,18 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
       if (r === "allProjects")
         console.log("show all projects");
       else
-        for (let v of C.value)
+        for (let v of y.value)
           if (v.id === r) {
-            Object.assign(M, v);
+            Object.assign(V, v);
             break;
           }
     }
-    function ke() {
+    function Se() {
     }
     function U() {
       i.value.length !== 0 && (l.value = l.value.filter((r) => !i.value.includes(r.id)), i.value = []);
     }
-    function w() {
+    function C() {
       i.value.length !== 0 && (l.value.forEach((r) => {
         i.value.includes(r.id) && (r.isRead = !0);
       }), i.value = []);
@@ -525,12 +525,12 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
     function T(r) {
       r ? i.value = l.value.map((v) => v.id) : i.value = [];
     }
-    function d(r) {
+    function u(r) {
       return r;
     }
     return (r, v) => {
-      const S = $("el-icon"), P = $("el-dropdown-item"), R = $("el-dropdown-menu"), D = $("el-dropdown"), O = $("el-popover"), F = $("el-tooltip"), G = $("el-avatar"), g = $("el-menu-item"), x = $("el-menu"), m = $("el-button"), z = $("el-empty"), k = $("el-checkbox"), ee = $("el-drawer");
-      return u(), E(ne, null, [
+      const S = $("el-icon"), P = $("el-dropdown-item"), R = $("el-dropdown-menu"), D = $("el-dropdown"), O = $("el-popover"), F = $("el-tooltip"), G = $("el-avatar"), g = $("el-menu-item"), x = $("el-menu"), m = $("el-button"), q = $("el-empty"), k = $("el-checkbox"), ee = $("el-drawer");
+      return d(), E(ne, null, [
         _("div", Dn, [
           _("div", Rn, [
             _("div", {
@@ -539,10 +539,10 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
               class: "icon-wrapper",
               style: { "margin-left": "8px" }
             }, [
-              h(y(En))
+              h(w(En))
             ], 512),
             _("h1", null, A(r.title), 1),
-            b.headerProjectConfig ? (u(), I(D, {
+            b.headerProjectConfig ? (d(), I(D, {
               key: 0,
               placement: "bottom-start",
               onCommand: W
@@ -550,7 +550,7 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
               dropdown: p(() => [
                 h(R, { style: { width: "300px" } }, {
                   default: p(() => [
-                    (u(!0), E(ne, null, me(C.value, (N) => (u(), I(P, {
+                    (d(!0), E(ne, null, me(y.value, (N) => (d(), I(P, {
                       key: N.id,
                       command: N.id
                     }, {
@@ -574,10 +574,10 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
               ]),
               default: p(() => [
                 _("span", null, [
-                  B(A(M.name) + " ", 1),
+                  B(A(V.name) + " ", 1),
                   h(S, { class: "el-icon--right" }, {
                     default: p(() => [
-                      h(y(Qt))
+                      h(w(Qt))
                     ]),
                     _: 1
                   })
@@ -601,35 +601,35 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
           _("div", Fn, [
             h(F, {
               effect: "dark",
-              content: y(o)("common.header.workbench"),
+              content: w(o)("common.header.workbench"),
               placement: "bottom"
             }, {
               default: p(() => [
                 _("div", Ln, [
-                  h(y(An))
+                  h(w(An))
                 ])
               ]),
               _: 1
             }, 8, ["content"]),
             h(F, {
               effect: "dark",
-              content: y(o)("common.header.help"),
+              content: w(o)("common.header.help"),
               placement: "bottom"
             }, {
               default: p(() => [
-                b.helpDocUrl !== void 0 ? (u(), E("div", {
+                b.helpDocUrl !== void 0 ? (d(), E("div", {
                   key: 0,
                   class: "icon-wrapper",
                   onClick: ve
                 }, [
-                  h(y(In))
+                  h(w(In))
                 ])) : L("", !0)
               ]),
               _: 1
             }, 8, ["content"]),
             h(F, {
               effect: "dark",
-              content: y(o)("common.header.notification"),
+              content: w(o)("common.header.notification"),
               placement: "bottom"
             }, {
               default: p(() => [
@@ -637,7 +637,7 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
                   class: "icon-wrapper",
                   onClick: v[0] || (v[0] = (N) => c.value = !0)
                 }, [
-                  h(y(Nn))
+                  h(w(Nn))
                 ])
               ]),
               _: 1
@@ -650,7 +650,7 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
                 ref: n
               }, {
                 default: p(() => [
-                  _("span", jn, A(V.value.substring(0, 2)), 1)
+                  _("span", jn, A(M.value.substring(0, 2)), 1)
                 ]),
                 _: 1
               }, 512),
@@ -671,17 +671,17 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
                       src: ""
                     }, {
                       default: p(() => [
-                        _("span", qn, A(V.value.substring(0, 2)), 1)
+                        _("span", qn, A(M.value.substring(0, 2)), 1)
                       ]),
                       _: 1
                     }),
-                    _("span", null, A(V.value), 1)
+                    _("span", null, A(M.value), 1)
                   ]),
                   h(x, { class: "user-menu" }, {
                     default: p(() => [
                       h(g, { onClick: se }, {
                         default: p(() => [
-                          B(A(y(o)("common.header.userCenter")), 1)
+                          B(A(w(o)("common.header.userCenter")), 1)
                         ]),
                         _: 1
                       }),
@@ -691,10 +691,10 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
                         style: { display: "flex", "justify-content": "space-between" }
                       }, {
                         default: p(() => [
-                          _("span", null, A(y(o)("common.header.switchLanguage")), 1),
+                          _("span", null, A(w(o)("common.header.switchLanguage")), 1),
                           h(S, { style: { left: "15px" } }, {
                             default: p(() => [
-                              h(y(Fo))
+                              h(w(Fo))
                             ]),
                             _: 1
                           })
@@ -713,18 +713,18 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
                         "popper-style": "height: 80px; left: -165px"
                       }, {
                         default: p(() => [
-                          (u(!0), E(ne, null, me(H, (N) => (u(), E("div", {
+                          (d(!0), E(ne, null, me(H, (N) => (d(), E("div", {
                             class: "select-list",
                             key: N.id,
                             onClick: (ae) => te(N.id)
                           }, [
                             _("span", null, A(N.name), 1),
-                            N.id === K.value ? (u(), I(S, {
+                            N.id === K.value ? (d(), I(S, {
                               key: 0,
                               style: { color: "#8ba74f" }
                             }, {
                               default: p(() => [
-                                h(y(At))
+                                h(w(At))
                               ]),
                               _: 1
                             })) : L("", !0)
@@ -732,9 +732,9 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
                         ]),
                         _: 1
                       }, 8, ["virtual-ref"]),
-                      h(g, { onClick: j }, {
+                      h(g, { onClick: z }, {
                         default: p(() => [
-                          B(A(y(o)("common.header.signOut")), 1)
+                          B(A(w(o)("common.header.signOut")), 1)
                         ]),
                         _: 1
                       })
@@ -751,19 +751,19 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
           modelValue: c.value,
           "onUpdate:modelValue": v[3] || (v[3] = (N) => c.value = N),
           direction: "rtl",
-          title: y(o)("common.header.messageCenter"),
+          title: w(o)("common.header.messageCenter"),
           size: "500px"
         }, {
           header: p(() => [
             _("div", Hn, [
-              _("span", null, A(y(o)("common.header.messageCenter")), 1),
+              _("span", null, A(w(o)("common.header.messageCenter")), 1),
               h(m, {
-                icon: y(xt),
+                icon: w(xt),
                 link: "",
-                onClick: ke
+                onClick: Se
               }, {
                 default: p(() => [
-                  B(A(y(o)("common.header.refresh")), 1)
+                  B(A(w(o)("common.header.refresh")), 1)
                 ]),
                 _: 1
               }, 8, ["icon"])
@@ -771,36 +771,36 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
           ]),
           default: p(() => [
             _("div", Wn, [
-              i.value.length > 0 ? (u(), E("div", Yn, [
+              i.value.length > 0 ? (d(), E("div", Yn, [
                 h(m, {
-                  icon: y(At),
+                  icon: w(At),
                   type: "primary",
                   size: "small",
-                  onClick: w
+                  onClick: C
                 }, {
                   default: p(() => [
-                    B(A(y(o)("common.header.markAsRead")), 1)
+                    B(A(w(o)("common.header.markAsRead")), 1)
                   ]),
                   _: 1
                 }, 8, ["icon"]),
                 h(m, {
-                  icon: y(Lo),
+                  icon: w(Lo),
                   type: "danger",
                   size: "small",
                   onClick: U
                 }, {
                   default: p(() => [
-                    B(A(y(o)("common.header.delete")), 1)
+                    B(A(w(o)("common.header.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["icon"])
               ])) : L("", !0),
               _("div", Jn, [
-                l.value.length === 0 ? (u(), E("div", Kn, [
-                  h(z, {
-                    description: y(o)("common.header.noMessages")
+                l.value.length === 0 ? (d(), E("div", Kn, [
+                  h(q, {
+                    description: w(o)("common.header.noMessages")
                   }, null, 8, ["description"])
-                ])) : (u(), E("div", Qn, [
+                ])) : (d(), E("div", Qn, [
                   h(k, {
                     indeterminate: i.value.length > 0 && i.value.length < l.value.length,
                     modelValue: f.value,
@@ -808,12 +808,12 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
                     onChange: T
                   }, {
                     default: p(() => [
-                      B(A(y(o)("common.header.selectAll")), 1)
+                      B(A(w(o)("common.header.selectAll")), 1)
                     ]),
                     _: 1
                   }, 8, ["indeterminate", "modelValue"])
                 ])),
-                (u(!0), E(ne, null, me(l.value, (N) => (u(), E("div", {
+                (d(!0), E(ne, null, me(l.value, (N) => (d(), E("div", {
                   key: N.id,
                   class: Ct(["message-item", { unread: !N.isRead, selected: i.value.includes(N.id) }]),
                   onClick: (ae) => i.value = i.value.includes(N.id) ? i.value.filter((Q) => Q !== N.id) : [...i.value, N.id]
@@ -831,7 +831,7 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
                   _("div", es, [
                     _("div", ts, [
                       _("span", os, A(N.title), 1),
-                      N.isRead ? L("", !0) : (u(), E("span", ns))
+                      N.isRead ? L("", !0) : (d(), E("span", ns))
                     ]),
                     _("div", ss, A(N.content), 1),
                     _("div", as, [
@@ -848,49 +848,49 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
       ], 64);
     };
   }
-}), eo = /* @__PURE__ */ Ce(is, [["__scopeId", "data-v-d52604c1"]]), Rt = q([]), cs = {
+}), eo = /* @__PURE__ */ ke(is, [["__scopeId", "data-v-d52604c1"]]), Rt = j([]), cs = {
   class: "menu-icon-wrapper",
   style: { "margin-left": "3px" }
-}, ds = ["innerHTML"], us = { class: "menu-icon-wrapper" }, ps = ["innerHTML"], fs = /* @__PURE__ */ Oe({
+}, us = ["innerHTML"], ds = { class: "menu-icon-wrapper" }, ps = ["innerHTML"], fs = /* @__PURE__ */ Ce({
   __name: "SideMenuItem",
   props: {
     menu: {}
   },
   setup(e) {
     const o = e;
-    return console.log("props.menu", o.menu), (n, t) => {
+    return (n, t) => {
       var l;
       const s = $("SideMenuItem", !0), a = $("el-sub-menu"), c = $("el-menu-item");
-      return n.menu.children && n.menu.children.length > 0 ? (u(), I(a, {
+      return n.menu.children && n.menu.children.length > 0 ? (d(), I(a, {
         key: 0,
         index: (l = n.menu.path) != null ? l : Math.random().toString(36)
       }, {
         title: p(() => {
-          var i, f, b, C;
+          var i, f, b, y;
           return [
             _("div", cs, [
-              (i = o.menu.meta) != null && i.icon ? (u(), I(it((f = n.menu.meta) == null ? void 0 : f.icon), {
+              (i = o.menu.meta) != null && i.icon ? (d(), I(it((f = n.menu.meta) == null ? void 0 : f.icon), {
                 key: 0,
                 class: "menu-icon"
               })) : L("", !0),
-              (b = o.menu.meta) != null && b.svgXml ? (u(), E("div", {
+              (b = o.menu.meta) != null && b.svgXml ? (d(), E("div", {
                 key: 1,
                 class: "svg-xml-icon",
                 innerHTML: o.menu.meta.svgXml
-              }, null, 8, ds)) : L("", !0)
+              }, null, 8, us)) : L("", !0)
             ]),
-            _("span", null, A(y(oe)((C = n.menu.meta) == null ? void 0 : C.title)), 1)
+            _("span", null, A(w(oe)((y = n.menu.meta) == null ? void 0 : y.title)), 1)
           ];
         }),
         default: p(() => [
-          (u(!0), E(ne, null, me(n.menu.children, (i) => (u(), I(s, {
+          (d(!0), E(ne, null, me(n.menu.children, (i) => (d(), I(s, {
             key: i.path,
             route: i,
             menu: i
           }, null, 8, ["route", "menu"]))), 128))
         ]),
         _: 1
-      }, 8, ["index"])) : (u(), I(c, {
+      }, 8, ["index"])) : (d(), I(c, {
         key: 1,
         index: o.menu.path,
         style: { height: "40px" }
@@ -898,18 +898,18 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
         title: p(() => {
           var i;
           return [
-            _("span", null, A(y(oe)((i = n.menu.meta) == null ? void 0 : i.title)), 1)
+            _("span", null, A(w(oe)((i = n.menu.meta) == null ? void 0 : i.title)), 1)
           ];
         }),
         default: p(() => {
           var i, f, b;
           return [
-            _("div", us, [
-              (i = o.menu.meta) != null && i.icon ? (u(), I(it((f = n.$props.menu.meta) == null ? void 0 : f.icon), {
+            _("div", ds, [
+              (i = o.menu.meta) != null && i.icon ? (d(), I(it((f = n.$props.menu.meta) == null ? void 0 : f.icon), {
                 key: 0,
                 class: "menu-icon"
               })) : L("", !0),
-              ((b = o.menu.meta) == null ? void 0 : b.svgXml) !== void 0 ? (u(), E("div", {
+              ((b = o.menu.meta) == null ? void 0 : b.svgXml) !== void 0 ? (d(), E("div", {
                 key: 1,
                 class: "svg-xml-icon",
                 innerHTML: o.menu.meta.svgXml
@@ -921,7 +921,7 @@ const Dn = { class: "header" }, Rn = { class: "title" }, Fn = { class: "right" }
       }, 8, ["index"]));
     };
   }
-}), ms = /* @__PURE__ */ Ce(fs, [["__scopeId", "data-v-3e2edc53"]]), $e = q({}), hs = {}, fr = he([]);
+}), ms = /* @__PURE__ */ ke(fs, [["__scopeId", "data-v-8edb6880"]]), Ee = j({}), hs = {}, fr = he([]);
 var to = !1;
 function nt(e, o, n) {
   return Array.isArray(e) ? (e.length = Math.max(e.length, o), e.splice(o, 1, n), n) : (e[o] = n, n);
@@ -1206,7 +1206,7 @@ function uo(e, o) {
     t ? Object.assign(t, o[n]) : e.state.value[n] = o[n];
   }
 }
-function xe(e) {
+function $e(e) {
   return {
     _custom: {
       display: e
@@ -1266,8 +1266,8 @@ function Us(e) {
     operations: [],
     newValue: {}
   }) : {
-    operation: xe(e.type),
-    key: xe(e.key),
+    operation: $e(e.type),
+    key: $e(e.key),
     oldValue: e.oldValue,
     newValue: e.newValue
   } : {};
@@ -1285,7 +1285,7 @@ function Ts(e) {
   }
 }
 let qe = !0;
-const lt = [], Fe = "pinia:mutations", ue = "pinia", { assign: As } = Object, ut = (e) => "🍍 " + e;
+const lt = [], Fe = "pinia:mutations", de = "pinia", { assign: As } = Object, dt = (e) => "🍍 " + e;
 function Ds(e, o) {
   no({
     id: "dev.esm.pinia",
@@ -1301,7 +1301,7 @@ function Ds(e, o) {
       label: "Pinia 🍍",
       color: 15064968
     }), n.addInspector({
-      id: ue,
+      id: de,
       label: "Pinia 🍍",
       icon: "storage",
       treeFilterPlaceholder: "Search stores",
@@ -1316,7 +1316,7 @@ function Ds(e, o) {
         {
           icon: "content_paste",
           action: () => Ne(this, null, function* () {
-            yield Os(o), n.sendInspectorTree(ue), n.sendInspectorState(ue);
+            yield Os(o), n.sendInspectorTree(de), n.sendInspectorState(de);
           }),
           tooltip: "Replace the state with the content of your clipboard"
         },
@@ -1330,7 +1330,7 @@ function Ds(e, o) {
         {
           icon: "folder_open",
           action: () => Ne(this, null, function* () {
-            yield Vs(o), n.sendInspectorTree(ue), n.sendInspectorState(ue);
+            yield Vs(o), n.sendInspectorTree(de), n.sendInspectorState(de);
           }),
           tooltip: "Import the state from a JSON file"
         }
@@ -1351,7 +1351,7 @@ function Ds(e, o) {
         const c = t.componentInstance.proxy._pStores;
         Object.values(c).forEach((l) => {
           t.instanceData.state.push({
-            type: ut(l.$id),
+            type: dt(l.$id),
             key: "state",
             editable: !0,
             value: l._isOptionsAPI ? {
@@ -1370,7 +1370,7 @@ function Ds(e, o) {
               Object.keys(l.$state).reduce((i, f) => (i[f] = l.$state[f], i), {})
             )
           }), l._getters && l._getters.length && t.instanceData.state.push({
-            type: ut(l.$id),
+            type: dt(l.$id),
             key: "getters",
             editable: !1,
             value: l._getters.reduce((i, f) => {
@@ -1385,19 +1385,19 @@ function Ds(e, o) {
         });
       }
     }), n.on.getInspectorTree((t) => {
-      if (t.app === e && t.inspectorId === ue) {
+      if (t.app === e && t.inspectorId === de) {
         let s = [o];
         s = s.concat(Array.from(o._s.values())), t.rootNodes = (t.filter ? s.filter((a) => "$id" in a ? a.$id.toLowerCase().includes(t.filter.toLowerCase()) : po.toLowerCase().includes(t.filter.toLowerCase())) : s).map(Ms);
       }
     }), globalThis.$pinia = o, n.on.getInspectorState((t) => {
-      if (t.app === e && t.inspectorId === ue) {
+      if (t.app === e && t.inspectorId === de) {
         const s = t.nodeId === rt ? o : o._s.get(t.nodeId);
         if (!s)
           return;
         s && (t.nodeId !== rt && (globalThis.$store = We(s)), t.state = Ns(s));
       }
     }), n.on.editInspectorState((t, s) => {
-      if (t.app === e && t.inspectorId === ue) {
+      if (t.app === e && t.inspectorId === de) {
         const a = t.nodeId === rt ? o : o._s.get(t.nodeId);
         if (!a)
           return ce(`store "${t.nodeId}" not found`, "error");
@@ -1420,7 +1420,7 @@ Only state can be modified.`);
   });
 }
 function Rs(e, o) {
-  lt.includes(ut(o.$id)) || lt.push(ut(o.$id)), no({
+  lt.includes(dt(o.$id)) || lt.push(dt(o.$id)), no({
     id: "dev.esm.pinia",
     label: "Pinia 🍍",
     logo: "https://pinia.vuejs.org/logo.svg",
@@ -1451,13 +1451,13 @@ function Rs(e, o) {
           title: "🛫 " + i,
           subtitle: "start",
           data: {
-            store: xe(o.$id),
-            action: xe(i),
+            store: $e(o.$id),
+            action: $e(i),
             args: f
           },
           groupId: b
         }
-      }), c((C) => {
+      }), c((y) => {
         De = void 0, n.addTimelineEvent({
           layerId: Fe,
           event: {
@@ -1465,15 +1465,15 @@ function Rs(e, o) {
             title: "🛬 " + i,
             subtitle: "end",
             data: {
-              store: xe(o.$id),
-              action: xe(i),
+              store: $e(o.$id),
+              action: $e(i),
               args: f,
-              result: C
+              result: y
             },
             groupId: b
           }
         });
-      }), l((C) => {
+      }), l((y) => {
         De = void 0, n.addTimelineEvent({
           layerId: Fe,
           event: {
@@ -1482,18 +1482,18 @@ function Rs(e, o) {
             title: "💥 " + i,
             subtitle: "end",
             data: {
-              store: xe(o.$id),
-              action: xe(i),
+              store: $e(o.$id),
+              action: $e(i),
               args: f,
-              error: C
+              error: y
             },
             groupId: b
           }
         });
       });
     }, !0), o._customProperties.forEach((c) => {
-      Me(() => y(o[c]), (l, i) => {
-        n.notifyComponentUpdate(), n.sendInspectorState(ue), qe && n.addTimelineEvent({
+      Me(() => w(o[c]), (l, i) => {
+        n.notifyComponentUpdate(), n.sendInspectorState(de), qe && n.addTimelineEvent({
           layerId: Fe,
           event: {
             time: t(),
@@ -1508,12 +1508,12 @@ function Rs(e, o) {
         });
       }, { deep: !0 });
     }), o.$subscribe(({ events: c, type: l }, i) => {
-      if (n.notifyComponentUpdate(), n.sendInspectorState(ue), !qe)
+      if (n.notifyComponentUpdate(), n.sendInspectorState(de), !qe)
         return;
       const f = {
         time: t(),
         title: Ts(l),
-        data: As({ store: xe(o.$id) }, Us(c)),
+        data: As({ store: $e(o.$id) }, Us(c)),
         groupId: De
       };
       l === Ve.patchFunction ? f.subtitle = "⤵️" : l === Ve.patchObject ? f.subtitle = "🧩" : c && !Array.isArray(c) && (f.subtitle = c.type), c && (f.data["rawEvent(s)"] = {
@@ -1537,16 +1537,16 @@ function Rs(e, o) {
           title: "🔥 " + o.$id,
           subtitle: "HMR update",
           data: {
-            store: xe(o.$id),
-            info: xe("HMR update")
+            store: $e(o.$id),
+            info: $e("HMR update")
           }
         }
-      }), n.notifyComponentUpdate(), n.sendInspectorTree(ue), n.sendInspectorState(ue);
+      }), n.notifyComponentUpdate(), n.sendInspectorTree(de), n.sendInspectorState(de);
     });
     const { $dispose: a } = o;
     o.$dispose = () => {
-      a(), n.notifyComponentUpdate(), n.sendInspectorTree(ue), n.sendInspectorState(ue), n.getSettings().logStoreChanges && ce(`Disposed "${o.$id}" store 🗑`);
-    }, n.notifyComponentUpdate(), n.sendInspectorTree(ue), n.sendInspectorState(ue), n.getSettings().logStoreChanges && ce(`"${o.$id}" store installed 🆕`);
+      a(), n.notifyComponentUpdate(), n.sendInspectorTree(de), n.sendInspectorState(de), n.getSettings().logStoreChanges && ce(`Disposed "${o.$id}" store 🗑`);
+    }, n.notifyComponentUpdate(), n.sendInspectorTree(de), n.sendInspectorState(de), n.getSettings().logStoreChanges && ce(`"${o.$id}" store installed 🆕`);
   });
 }
 let fo = 0, De;
@@ -1584,7 +1584,7 @@ function Fs({ app: e, store: o, options: n }) {
   }
 }
 function Ls() {
-  const e = Wt(!0), o = e.run(() => q({}));
+  const e = Wt(!0), o = e.run(() => j({}));
   let n = [], t = [];
   const s = Te({
     install(a) {
@@ -1657,13 +1657,13 @@ function qt(e, o, n, t) {
     !l && (process.env.NODE_ENV === "production" || !t) && (n.state.value[e] = s ? s() : {});
     const b = process.env.NODE_ENV !== "production" && t ? (
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
-      Ut(q(s ? s() : {}).value)
+      Ut(j(s ? s() : {}).value)
     ) : Ut(n.state.value[e]);
-    return ye(b, a, Object.keys(c || {}).reduce((C, M) => (process.env.NODE_ENV !== "production" && M in b && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${M}" in store "${e}".`), C[M] = Te(Re(() => {
+    return ye(b, a, Object.keys(c || {}).reduce((y, V) => (process.env.NODE_ENV !== "production" && V in b && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${V}" in store "${e}".`), y[V] = Te(Re(() => {
       et(n);
-      const V = n._s.get(e);
-      return c[M].call(V, V);
-    })), C), {}));
+      const M = n._s.get(e);
+      return c[V].call(M, M);
+    })), y), {}));
   }
   return i = yt(e, f, o, n, t, !0), i;
 }
@@ -1673,30 +1673,30 @@ function yt(e, o, n = {}, t, s, a) {
   if (process.env.NODE_ENV !== "production" && !t._e.active)
     throw new Error("Pinia destroyed");
   const i = { deep: !0 };
-  process.env.NODE_ENV !== "production" && !to && (i.onTrigger = (d) => {
-    f ? V = d : f == !1 && !U._hotUpdating && (Array.isArray(V) ? V.push(d) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+  process.env.NODE_ENV !== "production" && !to && (i.onTrigger = (u) => {
+    f ? M = u : f == !1 && !U._hotUpdating && (Array.isArray(M) ? M.push(u) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let f, b, C = [], M = [], V;
+  let f, b, y = [], V = [], M;
   const K = t.state.value[e];
   !a && !K && (process.env.NODE_ENV === "production" || !s) && (t.state.value[e] = {});
-  const H = q({});
+  const H = j({});
   let Z;
-  function j(d) {
+  function z(u) {
     let r;
-    f = b = !1, process.env.NODE_ENV !== "production" && (V = []), typeof d == "function" ? (d(t.state.value[e]), r = {
+    f = b = !1, process.env.NODE_ENV !== "production" && (M = []), typeof u == "function" ? (u(t.state.value[e]), r = {
       type: Ve.patchFunction,
       storeId: e,
-      events: V
-    }) : (bt(t.state.value[e], d), r = {
+      events: M
+    }) : (bt(t.state.value[e], u), r = {
       type: Ve.patchObject,
-      payload: d,
+      payload: u,
       storeId: e,
-      events: V
+      events: M
     });
     const v = Z = Symbol();
     ct().then(() => {
       Z === v && (f = !0);
-    }), b = !0, ze(C, r, t.state.value[e]);
+    }), b = !0, ze(y, r, t.state.value[e]);
   }
   const te = a ? function() {
     const { state: r } = n, v = r ? r() : {};
@@ -1710,11 +1710,11 @@ function yt(e, o, n = {}, t, s, a) {
     } : ho
   );
   function se() {
-    c.stop(), C = [], M = [], t._s.delete(e);
+    c.stop(), y = [], V = [], t._s.delete(e);
   }
-  const ve = (d, r = "") => {
-    if (jt in d)
-      return d[_t] = r, d;
+  const ve = (u, r = "") => {
+    if (jt in u)
+      return u[_t] = r, u;
     const v = function() {
       et(t);
       const S = Array.from(arguments), P = [], R = [];
@@ -1724,7 +1724,7 @@ function yt(e, o, n = {}, t, s, a) {
       function O(G) {
         R.push(G);
       }
-      ze(M, {
+      ze(V, {
         args: S,
         name: v[_t],
         store: U,
@@ -1733,7 +1733,7 @@ function yt(e, o, n = {}, t, s, a) {
       });
       let F;
       try {
-        F = d.apply(this && this.$id === e ? this : U, S);
+        F = u.apply(this && this.$id === e ? this : U, S);
       } catch (G) {
         throw ze(R, G), G;
       }
@@ -1745,19 +1745,19 @@ function yt(e, o, n = {}, t, s, a) {
     getters: {},
     state: [],
     hotState: H
-  }), ke = {
+  }), Se = {
     _p: t,
     // _s: scope,
     $id: e,
-    $onAction: Gt.bind(null, M),
-    $patch: j,
+    $onAction: Gt.bind(null, V),
+    $patch: z,
     $reset: te,
-    $subscribe(d, r = {}) {
-      const v = Gt(C, d, r.detached, () => S()), S = c.run(() => Me(() => t.state.value[e], (P) => {
-        (r.flush === "sync" ? b : f) && d({
+    $subscribe(u, r = {}) {
+      const v = Gt(y, u, r.detached, () => S()), S = c.run(() => Me(() => t.state.value[e], (P) => {
+        (r.flush === "sync" ? b : f) && u({
           storeId: e,
           type: Ve.direct,
-          events: V
+          events: M
         }, P);
       }, ye({}, i, r)));
       return v;
@@ -1769,76 +1769,76 @@ function yt(e, o, n = {}, t, s, a) {
       _customProperties: Te(/* @__PURE__ */ new Set())
       // devtools custom properties
     },
-    ke
+    Se
     // must be added later
     // setupStore
-  ) : ke);
+  ) : Se);
   t._s.set(e, U);
   const T = (t._a && t._a.runWithContext || Gs)(() => t._e.run(() => (c = Wt()).run(() => o({ action: ve }))));
-  for (const d in T) {
-    const r = T[d];
+  for (const u in T) {
+    const r = T[u];
     if (Ze(r) && !zt(r) || kt(r))
-      process.env.NODE_ENV !== "production" && s ? nt(H.value, d, mt(T, d)) : a || (K && zs(r) && (Ze(r) ? r.value = K[d] : bt(r, K[d])), t.state.value[e][d] = r), process.env.NODE_ENV !== "production" && W.state.push(d);
+      process.env.NODE_ENV !== "production" && s ? nt(H.value, u, mt(T, u)) : a || (K && zs(r) && (Ze(r) ? r.value = K[u] : bt(r, K[u])), t.state.value[e][u] = r), process.env.NODE_ENV !== "production" && W.state.push(u);
     else if (typeof r == "function") {
-      const v = process.env.NODE_ENV !== "production" && s ? r : ve(r, d);
-      T[d] = v, process.env.NODE_ENV !== "production" && (W.actions[d] = r), l.actions[d] = r;
-    } else process.env.NODE_ENV !== "production" && zt(r) && (W.getters[d] = a ? (
+      const v = process.env.NODE_ENV !== "production" && s ? r : ve(r, u);
+      T[u] = v, process.env.NODE_ENV !== "production" && (W.actions[u] = r), l.actions[u] = r;
+    } else process.env.NODE_ENV !== "production" && zt(r) && (W.getters[u] = a ? (
       // @ts-expect-error
-      n.getters[d]
+      n.getters[u]
     ) : r, Le && (T._getters || // @ts-expect-error: same
-    (T._getters = Te([]))).push(d));
+    (T._getters = Te([]))).push(u));
   }
   if (ye(U, T), ye(We(U), T), Object.defineProperty(U, "$state", {
     get: () => process.env.NODE_ENV !== "production" && s ? H.value : t.state.value[e],
-    set: (d) => {
+    set: (u) => {
       if (process.env.NODE_ENV !== "production" && s)
         throw new Error("cannot set hotState");
-      j((r) => {
-        ye(r, d);
+      z((r) => {
+        ye(r, u);
       });
     }
-  }), process.env.NODE_ENV !== "production" && (U._hotUpdate = Te((d) => {
-    U._hotUpdating = !0, d._hmrPayload.state.forEach((r) => {
+  }), process.env.NODE_ENV !== "production" && (U._hotUpdate = Te((u) => {
+    U._hotUpdating = !0, u._hmrPayload.state.forEach((r) => {
       if (r in U.$state) {
-        const v = d.$state[r], S = U.$state[r];
-        typeof v == "object" && Ge(v) && Ge(S) ? mo(v, S) : d.$state[r] = S;
+        const v = u.$state[r], S = U.$state[r];
+        typeof v == "object" && Ge(v) && Ge(S) ? mo(v, S) : u.$state[r] = S;
       }
-      nt(U, r, mt(d.$state, r));
+      nt(U, r, mt(u.$state, r));
     }), Object.keys(U.$state).forEach((r) => {
-      r in d.$state || vt(U, r);
-    }), f = !1, b = !1, t.state.value[e] = mt(d._hmrPayload, "hotState"), b = !0, ct().then(() => {
+      r in u.$state || vt(U, r);
+    }), f = !1, b = !1, t.state.value[e] = mt(u._hmrPayload, "hotState"), b = !0, ct().then(() => {
       f = !0;
     });
-    for (const r in d._hmrPayload.actions) {
-      const v = d[r];
+    for (const r in u._hmrPayload.actions) {
+      const v = u[r];
       nt(U, r, ve(v, r));
     }
-    for (const r in d._hmrPayload.getters) {
-      const v = d._hmrPayload.getters[r], S = a ? (
+    for (const r in u._hmrPayload.getters) {
+      const v = u._hmrPayload.getters[r], S = a ? (
         // special handling of options api
         Re(() => (et(t), v.call(U, U)))
       ) : v;
       nt(U, r, S);
     }
     Object.keys(U._hmrPayload.getters).forEach((r) => {
-      r in d._hmrPayload.getters || vt(U, r);
+      r in u._hmrPayload.getters || vt(U, r);
     }), Object.keys(U._hmrPayload.actions).forEach((r) => {
-      r in d._hmrPayload.actions || vt(U, r);
-    }), U._hmrPayload = d._hmrPayload, U._getters = d._getters, U._hotUpdating = !1;
+      r in u._hmrPayload.actions || vt(U, r);
+    }), U._hmrPayload = u._hmrPayload, U._getters = u._getters, U._hotUpdating = !1;
   })), process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && Le) {
-    const d = {
+    const u = {
       writable: !0,
       configurable: !0,
       // avoid warning on devtools trying to display this property
       enumerable: !1
     };
     ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((r) => {
-      Object.defineProperty(U, r, ye({ value: U[r] }, d));
+      Object.defineProperty(U, r, ye({ value: U[r] }, u));
     });
   }
-  return t._p.forEach((d) => {
+  return t._p.forEach((u) => {
     if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && Le) {
-      const r = c.run(() => d({
+      const r = c.run(() => u({
         store: U,
         app: t._a,
         pinia: t,
@@ -1846,7 +1846,7 @@ function yt(e, o, n = {}, t, s, a) {
       }));
       Object.keys(r || {}).forEach((v) => U._customProperties.add(v)), ye(U, r);
     } else
-      ye(U, c.run(() => d({
+      ye(U, c.run(() => u({
         store: U,
         app: t._a,
         pinia: t,
@@ -1873,15 +1873,15 @@ This will fail in production.`);
     l = Xe, l._s.has(t) || (a ? yt(t, o, s, l) : qt(t, s, l), process.env.NODE_ENV !== "production" && (c._pinia = l));
     const b = l._s.get(t);
     if (process.env.NODE_ENV !== "production" && i) {
-      const C = "__hot:" + t, M = a ? yt(C, o, s, l, !0) : qt(C, ye({}, s), l, !0);
-      i._hotUpdate(M), delete l.state.value[C], l._s.delete(C);
+      const y = "__hot:" + t, V = a ? yt(y, o, s, l, !0) : qt(y, ye({}, s), l, !0);
+      i._hotUpdate(V), delete l.state.value[y], l._s.delete(y);
     }
     if (process.env.NODE_ENV !== "production" && Le) {
-      const C = Mo();
-      if (C && C.proxy && // avoid adding stores that are just built for hot module replacement
+      const y = Mo();
+      if (y && y.proxy && // avoid adding stores that are just built for hot module replacement
       !i) {
-        const M = C.proxy, V = "_pStores" in M ? M._pStores : M._pStores = {};
-        V[t] = b;
+        const V = y.proxy, M = "_pStores" in V ? V._pStores : V._pStores = {};
+        M[t] = b;
       }
     }
     return b;
@@ -2012,14 +2012,14 @@ function Bt(e, {
 }, f, b = !0) {
   try {
     b && (l == null || l(f));
-    const C = o.getItem(t);
-    if (C) {
-      const M = n.deserialize(C), V = a ? _o(M, a) : M, K = c ? go(V, c) : V;
+    const y = o.getItem(t);
+    if (y) {
+      const V = n.deserialize(y), M = a ? _o(V, a) : V, K = c ? go(M, c) : M;
       e.$patch(K);
     }
     b && (i == null || i(f));
-  } catch (C) {
-    s && console.error("[pinia-plugin-persistedstate]", C);
+  } catch (y) {
+    s && console.error("[pinia-plugin-persistedstate]", y);
   }
 }
 function Ht(e, {
@@ -2070,11 +2070,11 @@ function Zs(e = {}) {
       (t) => {
         var s, a, c, l, i, f, b;
         return {
-          key: (e.key ? e.key : (C) => C)((s = t.key) != null ? s : o.store.$id),
+          key: (e.key ? e.key : (y) => y)((s = t.key) != null ? s : o.store.$id),
           debug: (c = (a = t.debug) != null ? a : e.debug) != null ? c : !1,
           serializer: (i = (l = t.serializer) != null ? l : e.serializer) != null ? i : {
-            serialize: (C) => JSON.stringify(C),
-            deserialize: (C) => Ks(C)
+            serialize: (y) => JSON.stringify(y),
+            deserialize: (y) => Ks(y)
           },
           storage: (b = (f = t.storage) != null ? f : e.storage) != null ? b : window.localStorage,
           beforeHydrate: t.beforeHydrate,
@@ -2115,23 +2115,23 @@ const bo = /* @__PURE__ */ qs("console", {
 }, sa = {
   key: 1,
   points: "15 18 9 12 15 6"
-}, aa = /* @__PURE__ */ Oe({
+}, aa = /* @__PURE__ */ Ce({
   __name: "SideMenu",
   props: {
     menuCollapsed: { type: Boolean }
   },
   emits: ["update:menuCollapsed"],
   setup(e, { emit: o }) {
-    const n = bo(Pt), t = e, s = o, a = tt(), c = en(Rt.value), l = q(window.innerWidth);
+    const n = bo(Pt), t = e, s = o, a = tt(), c = en(Rt.value), l = j(window.innerWidth);
     console.log("routes", Rt), console.log("menus", c);
     const i = Re(() => {
-      var M;
-      const C = a.meta.activeMenu;
-      if (C === "{model}") {
-        let V = a.params.app ? `${a.params.app}/${a.params.model}` : a.params.model;
-        return "/" + ((M = hs[a.params.model]) != null ? M : V);
+      var V;
+      const y = a.meta.activeMenu;
+      if (y === "{model}") {
+        let M = a.params.app ? `${a.params.app}/${a.params.model}` : a.params.model;
+        return "/" + ((V = hs[a.params.model]) != null ? V : M);
       } else
-        return C;
+        return y;
     }), f = () => {
       l.value = window.innerWidth, l.value < 768 && (t.menuCollapsed || (s("update:menuCollapsed", !0), n.menu.collapsed = !0));
     };
@@ -2141,20 +2141,20 @@ const bo = /* @__PURE__ */ qs("console", {
       window.removeEventListener("resize", f);
     });
     function b() {
-      const C = t.menuCollapsed;
-      s("update:menuCollapsed", !C), n.menu.collapsed = !C;
+      const y = t.menuCollapsed;
+      s("update:menuCollapsed", !y), n.menu.collapsed = !y;
     }
-    return (C, M) => {
-      const V = $("el-menu");
-      return u(), E("div", ta, [
-        h(V, {
+    return (y, V) => {
+      const M = $("el-menu");
+      return d(), E("div", ta, [
+        h(M, {
           class: "menu",
           "default-active": i.value,
-          collapse: C.menuCollapsed,
+          collapse: y.menuCollapsed,
           router: ""
         }, {
           default: p(() => [
-            (u(!0), E(ne, null, me(y(c), (K) => (u(), I(ms, {
+            (d(!0), E(ne, null, me(w(c), (K) => (d(), I(ms, {
               key: K.path,
               menu: K
             }, null, 8, ["menu"]))), 128))
@@ -2165,14 +2165,14 @@ const bo = /* @__PURE__ */ qs("console", {
           class: "collapse-button",
           onClick: b
         }, [
-          (u(), E("svg", oa, [
-            C.menuCollapsed ? (u(), E("polyline", na)) : (u(), E("polyline", sa))
+          (d(), E("svg", oa, [
+            y.menuCollapsed ? (d(), E("polyline", na)) : (d(), E("polyline", sa))
           ]))
         ])
       ]);
     };
   }
-}), yo = /* @__PURE__ */ Ce(aa, [["__scopeId", "data-v-c5fc0a54"]]), ra = { class: "container" }, la = { class: "main-wrapper" }, ia = /* @__PURE__ */ Oe({
+}), yo = /* @__PURE__ */ ke(aa, [["__scopeId", "data-v-c5fc0a54"]]), ra = { class: "container" }, la = { class: "main-wrapper" }, ia = /* @__PURE__ */ Ce({
   __name: "ConsoleApp",
   props: {
     title: {},
@@ -2180,18 +2180,18 @@ const bo = /* @__PURE__ */ qs("console", {
     helpDocUrl: {}
   },
   setup(e) {
-    const o = bo(Pt), n = tt(), t = q(o.menu.collapsed), s = e;
+    const o = bo(Pt), n = tt(), t = j(o.menu.collapsed), s = e;
     return (a, c) => {
       const l = $("router-view"), i = $("el-scrollbar");
-      return u(), E(ne, null, [
-        y(n).query.embedded !== "true" ? (u(), I(eo, {
+      return d(), E(ne, null, [
+        w(n).query.embedded !== "true" ? (d(), I(eo, {
           key: 0,
           title: s.title,
           helpDocUrl: s.helpDocUrl,
           headerProjectConfig: s.headerProjectConfig
         }, null, 8, ["title", "helpDocUrl", "headerProjectConfig"])) : L("", !0),
         _("div", ra, [
-          y(n).query.embedded !== "true" ? (u(), I(yo, {
+          w(n).query.embedded !== "true" ? (d(), I(yo, {
             key: 0,
             menuCollapsed: t.value,
             "onUpdate:menuCollapsed": c[0] || (c[0] = (f) => t.value = f)
@@ -2213,16 +2213,16 @@ const bo = /* @__PURE__ */ qs("console", {
   width: "800",
   height: "800"
 };
-function da(e, o) {
-  return u(), E("svg", ca, o[0] || (o[0] = [
+function ua(e, o) {
+  return d(), E("svg", ca, o[0] || (o[0] = [
     Ao('<defs><linearGradient id="a" x1="399.126" x2="399.126" y1="159.978" y2="715.47" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#f4f2fb"></stop><stop offset="1" stop-color="#e1eef5"></stop></linearGradient><linearGradient id="b" x1="481.607" x2="481.607" y1="594.251" y2="423.306" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset=".362" stop-color="#b4c9db"></stop><stop offset=".898" stop-color="#ecf0f9"></stop></linearGradient><linearGradient id="c" x1="114.87" x2="114.87" y1="540.843" y2="403.668" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset=".227" stop-color="#d0dceb"></stop><stop offset=".789" stop-color="#ecf1fb"></stop></linearGradient><linearGradient id="d" x1="114.872" x2="114.872" y1="418.9" y2="570.033" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#ecf1fb"></stop><stop offset=".818" stop-color="#b6c9dd"></stop></linearGradient><linearGradient id="e" x1="615.999" x2="615.999" y1="449.321" y2="360.996" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset=".227" stop-color="#d0dceb"></stop><stop offset=".789" stop-color="#ecf1fb"></stop></linearGradient><linearGradient id="f" x1="616" x2="616" y1="370.804" y2="468.116" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#ecf1fb"></stop><stop offset=".818" stop-color="#b6c9dd"></stop></linearGradient><linearGradient id="g" x1="672.709" x2="672.709" y1="544.867" y2="510.536" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset=".227" stop-color="#d0dceb"></stop><stop offset=".789" stop-color="#ecf1fb"></stop></linearGradient><linearGradient id="h" x1="672.77" x2="672.77" y1="514.871" y2="570.135" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#ecf1fb"></stop><stop offset=".818" stop-color="#b6c9dd"></stop></linearGradient><linearGradient id="i" x1="461.917" x2="427.163" y1="86.714" y2="146.91" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#ffdb80"></stop><stop offset="1" stop-color="#ffbb24"></stop></linearGradient><linearGradient id="j" x1="419.58" x2="419.58" y1="117.18" y2="174.634" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#f9fafe"></stop><stop offset="1" stop-color="#e5edf7"></stop></linearGradient><linearGradient id="k" x1="-1967.352" x2="-2213.626" y1="525.737" y2="279.463" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset=".15" stop-color="#9fb6cc"></stop><stop offset="1" stop-color="#d5e1f2"></stop></linearGradient><linearGradient id="l" x1="-1980.099" x2="-2214.789" y1="526.438" y2="291.748" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset=".15" stop-color="#b6cadc"></stop><stop offset="1" stop-color="#dfe8f9"></stop></linearGradient><linearGradient id="m" x1="441.358" x2="329.96" y1="472.657" y2="361.259" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset=".15" stop-color="#9fb6cc"></stop><stop offset="1" stop-color="#bccde1"></stop></linearGradient><linearGradient id="n" x1="569.328" x2="454.912" y1="597.606" y2="483.19" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset=".15" stop-color="#afc5d8"></stop><stop offset="1" stop-color="#dfe8f9"></stop></linearGradient><linearGradient id="o" x1="562.331" x2="453.712" y1="598.807" y2="490.188" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#c7d4e5"></stop><stop offset=".687" stop-color="#e8eff8"></stop></linearGradient><linearGradient id="p" x1="219.375" x2="219.375" y1="553.783" y2="478.333" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#fad96e"></stop><stop offset="1" stop-color="#ffb32c"></stop></linearGradient><linearGradient id="q" x1="220.421" x2="220.421" y1="465.465" y2="489.367" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#f4ae98"></stop><stop offset="1" stop-color="#fad1bb"></stop></linearGradient><linearGradient id="r" x1="-840.016" x2="-828.333" y1="946.367" y2="864.11" gradientTransform="rotate(-8.082 -3028.264 -6569.32)" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#fad96e"></stop><stop offset="1" stop-color="#ffa91f"></stop></linearGradient><linearGradient id="s" x1="-7035.52" x2="-7023.838" y1="66.46" y2="-15.798" gradientTransform="scale(-1 1)rotate(-8.082 -118.132 -47761.005)" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#fad96e"></stop><stop offset="1" stop-color="#ffa91f"></stop></linearGradient><linearGradient id="t" x1="219.375" x2="219.375" y1="526.535" y2="574.482" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#275c89"></stop><stop offset="1" stop-color="#013f7c"></stop></linearGradient><linearGradient id="u" x1="6174.812" x2="6157.838" y1="595.174" y2="595.174" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#f4b9a4"></stop><stop offset=".652" stop-color="#fad1bb"></stop></linearGradient><linearGradient id="v" x1="196.36" x2="283.925" y1="576.466" y2="576.466" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#18264b"></stop><stop offset=".652" stop-color="#2d3c65"></stop></linearGradient><linearGradient id="w" x1="176.617" x2="176.617" y1="604.946" y2="586.928" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#4673bc"></stop><stop offset=".652" stop-color="#6a94e0"></stop></linearGradient><linearGradient id="x" x1="238.667" x2="255.641" y1="595.174" y2="595.174" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#f4b9a4"></stop><stop offset=".652" stop-color="#fad1bb"></stop></linearGradient><linearGradient id="y" x1="158.041" x2="245.606" y1="576.466" y2="576.466" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#445677"></stop><stop offset="1" stop-color="#293861"></stop></linearGradient><linearGradient id="z" x1="265.35" x2="265.35" y1="604.946" y2="586.928" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#4673bc"></stop><stop offset=".652" stop-color="#6a94e0"></stop></linearGradient><linearGradient id="A" x1="236.065" x2="204.828" y1="459.983" y2="459.983" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#f4b9a4"></stop><stop offset=".652" stop-color="#fad1bb"></stop></linearGradient><linearGradient id="B" x1="200.53" x2="236.795" y1="447.908" y2="447.908" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#4f5c7c"></stop><stop offset="1" stop-color="#274168"></stop></linearGradient></defs><path fill="url(#a)" d="M482.38 201.33c-38.37 30.29-120.74 33.81-181.17-2.22s-172-31.38-202.22 34.87 37.19 131.33 12.78 178.98S6.01 528.01 61.8 609.36s126.6 60.62 169.22 52.45c84.17-16.13 189.79 115.67 308.62 16.13 68.47-57.35 170.44 42.09 210.17-81.36 32.78-101.86-85.67-139.5-49.97-208.03 37.96-72.88 30.67-159.24-10.46-201.06-38.31-38.96-140.75-38.46-207 13.84"></path><path fill="url(#b)" d="M393.48 423.31h216.44l-22.53 49.03s59.19 57.86-14.13 121.91c-134.28-44.17-221.74-37.1-219.98-38.87 1.77-1.77 40.2-132.07 40.2-132.07"></path><path fill="url(#c)" d="M115.65 403.91s-.22-.57-.52.04c-2.7 5.49-27.15 64.96-29.09 110.86 0 0-4.08 26.37 30.11 26.02 28.54-.29 27.78-24.6 27.68-32.79-.38-33.22-28.18-104.13-28.18-104.13"></path><path fill="url(#d)" d="M114.87 570.03c-.55 0-1-.45-1-1V419.9c0-.55.45-1 1-1s1 .45 1 1v149.13c0 .56-.45 1-1 1"></path><path fill="url(#e)" d="M616.5 361.15s-.14-.37-.33.03c-1.74 3.53-17.48 41.83-18.73 71.38 0 0-2.63 16.98 19.39 16.76 18.38-.18 17.89-15.84 17.82-21.11-.25-21.4-18.15-67.06-18.15-67.06"></path><path fill="url(#f)" d="M616 468.12c-.36 0-.64-.29-.64-.64v-96.02c0-.36.29-.64.64-.64.36 0 .64.29.64.64v96.02c0 .35-.28.64-.64.64"></path><path fill="url(#g)" d="M689.88 527.7c0 9.48-7.69 17.17-17.17 17.17s-17.17-7.69-17.17-17.17 7.69-17.17 17.17-17.17 17.17 7.69 17.17 17.17"></path><path fill="url(#h)" d="M672.77 570.13c-.29 0-.53-.24-.53-.53v-54.2c0-.29.24-.53.53-.53s.53.24.53.53v54.21c0 .29-.24.52-.53.52"></path><path fill="url(#i)" d="M479.29 116.81c0 19.19-15.56 34.75-34.75 34.75s-34.75-15.56-34.75-34.75 15.56-34.75 34.75-34.75 34.75 15.56 34.75 34.75"></path><path fill="url(#j)" d="M464.32 135.76h-34.57c-2.23-10.61-11.65-18.58-22.93-18.58s-20.69 7.97-22.93 18.58h-9.05c-10.73 0-19.44 8.7-19.44 19.44 0 10.73 8.7 19.44 19.44 19.44h89.47c10.73 0 19.44-8.7 19.44-19.44s-8.7-19.44-19.43-19.44"></path><path fill="url(#k)" d="M235.65 388.64c0-24.52-.03-49.03.01-73.54.02-14.37 4.24-18.36 17.97-20.53 41.87-6.61 82.03-18.72 117.91-42.29 10.38-6.82 18.3-7.59 29.06-.47 34.85 23.06 73.26 37.11 114.55 42.8 13.12 1.81 16.84 5.88 16.85 19.25.04 45.72-.4 91.44.18 137.15.34 26.77-8.17 49.99-24.02 70.73-31.46 41.17-74.88 63.76-122.21 80.03-2.5.86-5.83.67-8.36-.23-38.47-13.74-74.58-31.84-104.15-61.09-22.97-22.73-37.84-49.56-37.79-83.22.03-22.87 0-45.73 0-68.59"></path><path fill="url(#l)" d="M234.76 396.09c0-23.21-.03-46.42.01-69.63.02-13.61 4.06-17.38 17.23-19.43 40.15-6.26 78.67-17.72 113.07-40.04 9.95-6.46 17.55-7.18 27.86-.44 33.42 21.83 70.25 35.14 109.84 40.52 12.58 1.71 16.14 5.56 16.15 18.22.03 43.28-.38 86.57.18 129.84.33 25.34-7.83 47.33-23.03 66.96-30.17 38.98-71.81 60.36-117.19 75.77-2.4.81-5.59.64-8.01-.22-36.89-13.01-71.52-30.14-99.87-57.84-22.03-21.52-36.28-46.91-36.23-78.78.02-21.65 0-43.29-.01-64.93"></path><path fill="url(#m)" d="M398.42 430.39c23.18-5.61 40.41-26.11 40.41-50.49 0-28.68-23.85-52.01-53.17-52.01s-53.17 23.33-53.17 52.01c0 24.38 17.24 44.88 40.41 50.49v85.2h25.52v-36.38h32.67v-24.96h-32.67zM358 379.91c0-14.91 12.41-27.05 27.65-27.05S413.3 365 413.3 379.91s-12.41 27.05-27.65 27.05S358 394.82 358 379.91"></path><path fill="#fff" d="M394.5 433.67c21.8-5.39 38.01-25.1 38.01-48.54 0-27.58-22.43-50.01-50.01-50.01s-50.01 22.43-50.01 50.01c0 23.44 16.21 43.15 38.01 48.54v81.92h24v-34.98h30.73v-24H394.5zm-38.01-48.54c0-14.34 11.67-26.01 26.01-26.01s26.01 11.67 26.01 26.01-11.67 26.01-26.01 26.01-26.01-11.67-26.01-26.01"></path><path fill="url(#n)" d="M593.02 540.4c0 44.68-36.22 80.9-80.9 80.9s-80.9-36.22-80.9-80.9 36.22-80.9 80.9-80.9 80.9 36.22 80.9 80.9"></path><path fill="url(#o)" d="M584.83 544.5c0 42.42-34.39 76.81-76.81 76.81s-76.81-34.39-76.81-76.81 34.39-76.81 76.81-76.81 76.81 34.39 76.81 76.81"></path><path fill="#fff" d="m525.32 542.26 23.01-23.01c4.44-4.44 4.44-11.63 0-16.06-4.44-4.44-11.63-4.44-16.06 0l-23.01 23.01-23.01-23.01c-4.44-4.44-11.63-4.44-16.06 0-4.44 4.44-4.44 11.63 0 16.06l23.01 23.01-23.01 23.01c-4.44 4.44-4.44 11.63 0 16.06 2.22 2.22 5.13 3.33 8.03 3.33s5.81-1.11 8.03-3.33l23.01-23.01 23.01 23.01c2.22 2.22 5.13 3.33 8.03 3.33s5.81-1.11 8.03-3.33c4.44-4.44 4.44-11.63 0-16.06z"></path><path fill="url(#p)" d="M211.59 478.69s-18.31-2.53-24.25 5.88c-5.95 8.41-8.12 29.95-8.12 29.95l13.78-.73-1.16 25.09 25.42 14.9 36.22-19.48-5.51-22.73 11.57-3.02s-3.45-32.99-19.55-28.12c-8.27.89-10.88.74-10.88.74s-2.18 6.94-9.65 6.35-7.87-8.83-7.87-8.83"></path><path fill="url(#q)" d="m213.42 468.32-3.8 16.97c-.18.8.24 1.61.99 1.92 1.97.8 5.9 2.16 9.95 2.16 4.2 0 8.16-2.3 9.98-3.53.63-.42.89-1.21.65-1.93l-5.82-17.31a1.68 1.68 0 0 0-1.88-1.12l-8.72 1.55c-.67.12-1.2.63-1.35 1.29"></path><path fill="url(#r)" d="M190.69 481.63c5.33-1.77 12.55-.59 12.85 11.37.29 11.95-11.42 31-7.22 37.63 4.25 6.71 13.34 16.25 19.12 21.68-1.34 6.38-4.98 11.75-4.98 11.75s-21.31-9.83-30.59-19.68-4.6-32.43-.3-48.5c3.24-12.12 11.12-14.25 11.12-14.25"></path><path fill="url(#s)" d="M246.53 481.63c-5.33-1.77-12.55-.59-12.85 11.37-.29 11.95 11.42 31 7.22 37.63-4.25 6.71-13.34 16.25-19.12 21.68 1.34 6.38 4.98 11.75 4.98 11.75s21.31-9.83 30.59-19.68 4.6-32.43.3-48.5c-3.24-12.12-11.12-14.25-11.12-14.25"></path><path fill="url(#t)" d="M193.27 574.48h51.74c2.34 0 4.44-1.78 5.25-4.45l10.43-34.31c1.35-4.45-1.35-9.19-5.25-9.19h-72.12c-3.86 0-6.57 4.65-5.28 9.09l9.96 34.31c.79 2.73 2.9 4.55 5.27 4.55"></path><path fill="#fff" d="M191.21 590.26s-.8-1.76-1.41-1.95c-.62-.19-9.46-.54-12.69-1.38s-12.54-2.16-16.52 1.61c-3.47 3.29-4.62 10.97.67 15.39 1.98 1.72 3.93 2.23 11.28 1.89s18-.27 20.34-3.67c-.09-5.63-1.67-11.89-1.67-11.89"></path><path fill="url(#u)" d="M199.42 588.31s-8.54 1.92-11.6 1.64c-3.05-.28-.5 12.02-.5 12.02s8.16.56 15.37-1.52c2.44-9.43-3.27-12.14-3.27-12.14"></path><path fill="url(#v)" d="m196.36 587.86 4.44 13.81s95.43-12.57 81.79-43.54c-11.4-25.89-86.23 29.73-86.23 29.73"></path><path fill="url(#w)" d="M190.1 588.93s3.5 1.37 3.94 6.24-1 8.15-8.43 9.05-9.32.56-13.98.68c-4.66.11-11.43.56-12.43-8.3s8.06-11.12 17.46-8.86c2.95.57 13.44 1.19 13.44 1.19"></path><path fill="#fff" d="M250.76 590.26s.8-1.76 1.41-1.95c.62-.19 9.46-.54 12.69-1.38s11.9-2.23 16.28 1.51c4.06 3.47 4.33 11.14-.3 15.37-1.98 1.72-4.07 2.35-11.42 2.01s-18-.27-20.34-3.67c.09-5.63 1.68-11.89 1.68-11.89"></path><path fill="url(#x)" d="M242.55 588.31s8.54 1.92 11.6 1.64.5 12.02.5 12.02-8.16.56-15.37-1.52c-2.45-9.43 3.27-12.14 3.27-12.14"></path><path fill="url(#y)" d="m245.61 587.86-4.44 13.81s-95.43-12.57-81.79-43.54c11.4-25.89 86.23 29.73 86.23 29.73"></path><path fill="url(#z)" d="M251.87 588.93s-3.5 1.37-3.94 6.24 1 8.15 8.43 9.05 9.32.56 13.98.68c4.66.11 11.43.56 12.43-8.3s-8.06-11.12-17.46-8.86c-2.96.57-13.44 1.19-13.44 1.19"></path><path fill="url(#A)" d="M235.39 461.53c.57-.81.93-2.88.46-3.48-.84-.68-1.63-.29-2.23.3.14-4.94-.31-9.05-.42-10.09-.31-3.03-3.39-8.58-13.46-8.58s-12.03 7.27-12.03 7.27-.66 5.14-.46 11.38c-.6-.57-1.39-.95-2.21-.28-.46.61-.1 2.68.46 3.48.57.81.93 2.73 1.03 3.79.1 1.01-.63 3.69 2.02 3.35 1.58 6.33 7.99 11.61 11.96 11.61 4.35 0 10.13-5.32 11.77-11.62 2.71.37 1.97-2.33 2.07-3.35.12-1.05.48-2.97 1.04-3.78"></path><path fill="url(#B)" d="M227 437.52s-1.97-6.19-9.5-4.71c-7.54 1.48-8.05 5.04-11 5.18-5.05.24-9.09 6.53-2.61 13.19 2.88 2.97.45 4.24 1.82 6.87s1.36 5.18 1.36 5.18 2.41-7.69.82-10.97c-.82-1.69 2.81-2.15 7.33-1.75s11.65-1.09 12.21-4.17c1.34 6.31 2.67 6.97 4.37 7.93s1.8 8.58 1.8 8.58.3-5.6 1.48-6.87c.98-2.07 2.88-10.2.73-12.17s-.35-8.29-8.81-6.29"></path>', 33)
   ]));
 }
-const ua = { render: da }, pa = {}, fa = { class: "wrapper" }, ma = { class: "content" };
+const da = { render: ua }, pa = {}, fa = { class: "wrapper" }, ma = { class: "content" };
 function ha(e, o) {
   const n = $("el-button");
-  return u(), E("div", fa, [
-    o[4] || (o[4] = _("img", { src: ua }, null, -1)),
+  return d(), E("div", fa, [
+    o[4] || (o[4] = _("img", { src: da }, null, -1)),
     _("div", ma, [
       o[3] || (o[3] = _("h1", null, "You have no permission to access the page.", -1)),
       h(n, { type: "primary" }, {
@@ -2242,19 +2242,19 @@ function ha(e, o) {
     ])
   ]);
 }
-const va = /* @__PURE__ */ Ce(pa, [["render", ha], ["__scopeId", "data-v-0155b361"]]), _a = {};
+const va = /* @__PURE__ */ ke(pa, [["render", ha], ["__scopeId", "data-v-0155b361"]]), _a = {};
 function ga(e, o) {
   const n = $("router-view");
-  return u(), I(n);
+  return d(), I(n);
 }
-const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper" }, wa = ["onClick"], Ca = { class: "card-inner-wrapper" }, ka = { class: "card-title" }, Sa = { class: "icon" }, xa = /* @__PURE__ */ Oe({
+const ba = /* @__PURE__ */ ke(_a, [["render", ga]]), ya = { class: "card-wrapper" }, wa = ["onClick"], Ca = { class: "card-inner-wrapper" }, ka = { class: "card-title" }, Sa = { class: "icon" }, xa = /* @__PURE__ */ Ce({
   __name: "TabCard",
   props: {
     cards: {},
     tableRef: {}
   },
   setup(e) {
-    const o = tt(), n = ft(), t = e, s = q(t.cards[0].key);
+    const o = tt(), n = ft(), t = e, s = j(t.cards[0].key);
     function a(c) {
       c.disabled || (s.value = c.key, t.tableRef.updateConfigAndRefresh(c.model), n.push({
         path: o.path,
@@ -2288,29 +2288,29 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
       {
         deep: !0
       }
-    ), (c, l) => (u(), E("div", ya, [
-      (u(!0), E(ne, null, me(t.cards, (i) => (u(), E("div", {
+    ), (c, l) => (d(), E("div", ya, [
+      (d(!0), E(ne, null, me(t.cards, (i) => (d(), E("div", {
         class: Ct(["card", { "card-selected": s.value === i.key }]),
         onClick: (f) => a(i)
       }, [
         _("div", Ca, [
           _("div", ka, [
             _("div", Sa, [
-              i.icon ? (u(), I(it(Te(i.icon)), {
+              i.icon ? (d(), I(it(Te(i.icon)), {
                 key: 0,
                 class: "svg-icon"
               })) : L("", !0)
             ]),
             _("span", {
               style: He({ color: i.disabled ? "#aaa" : "black" })
-            }, A(y(oe)(i.label)), 5)
+            }, A(w(oe)(i.label)), 5)
           ]),
           _("span", null, A(i.count), 1)
         ])
       ], 10, wa))), 256))
     ]));
   }
-}), wo = /* @__PURE__ */ Ce(xa, [["__scopeId", "data-v-def6f4dd"]]), $a = {
+}), wo = /* @__PURE__ */ ke(xa, [["__scopeId", "data-v-def6f4dd"]]), $a = {
   key: 1,
   class: "view-span"
 }, Ea = {
@@ -2319,7 +2319,7 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
 }, Oa = ["innerHTML"], Pa = {
   key: 9,
   class: "svg-field view-mode"
-}, Ia = ["innerHTML"], Va = /* @__PURE__ */ Oe({
+}, Ia = ["innerHTML"], Va = /* @__PURE__ */ Ce({
   __name: "FormView",
   props: {
     id: {},
@@ -2332,22 +2332,22 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
   },
   emits: ["update:id"],
   setup(e, { expose: o, emit: n }) {
-    const t = e, s = fe({}), a = q(!1), c = q(), l = fe({}), i = q(!1), f = q(""), b = q(null), C = (w) => t.mode === "view" && (W(w, void 0) || W(w, "input") || W(w, "select") || W(w, "password") || W(w, "input-number") || W(w, "date") || W(w, "time") || W(w, "datetime")), M = Re(() => t.model.fields ? t.model.fields.filter(
-      (w) => {
+    const t = e, s = fe({}), a = j(!1), c = j(), l = fe({}), i = j(!1), f = j(""), b = j(null), y = (C) => t.mode === "view" && (W(C, void 0) || W(C, "input") || W(C, "select") || W(C, "password") || W(C, "input-number") || W(C, "date") || W(C, "time") || W(C, "datetime")), V = Re(() => t.model.fields ? t.model.fields.filter(
+      (C) => {
         var r, v, S, P;
-        let T = w.visible !== !1 && ((r = w.formItem) == null ? void 0 : r.visible) !== !1;
-        if (t.mode !== "view" && ((v = w.formItem) == null ? void 0 : v.editable) === !1 || t.mode === "view" && ((S = w.formItem) == null ? void 0 : S.type) === "password")
+        let T = C.visible !== !1 && ((r = C.formItem) == null ? void 0 : r.visible) !== !1;
+        if (t.mode !== "view" && ((v = C.formItem) == null ? void 0 : v.editable) === !1 || t.mode === "view" && ((S = C.formItem) == null ? void 0 : S.type) === "password")
           return !1;
-        let d = (P = w.formItem) == null ? void 0 : P.showCondition;
-        if (d && d.field && d.value !== void 0) {
-          if (d.operator === void 0 || d.operator === "==")
-            return s[d.field] === d.value;
-          if (d.operator === "!=")
-            return s[d.field] !== d.value;
-          if (d.operator === ">")
-            return s[d.field] > d.value;
-          if (d.operator === "<")
-            return s[d.field] < d.value;
+        let u = (P = C.formItem) == null ? void 0 : P.showCondition;
+        if (u && u.field && u.value !== void 0) {
+          if (u.operator === void 0 || u.operator === "==")
+            return s[u.field] === u.value;
+          if (u.operator === "!=")
+            return s[u.field] !== u.value;
+          if (u.operator === ">")
+            return s[u.field] > u.value;
+          if (u.operator === "<")
+            return s[u.field] < u.value;
         }
         return T;
       }
@@ -2357,26 +2357,26 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
     }, {
       immediate: !0
     });
-    function V() {
-      const w = t.model.fields;
+    function M() {
+      const C = t.model.fields;
       let T = {};
-      w == null || w.forEach((d) => {
-        var r, v, S, P, R, D, O, F, G, g, x, m, z;
-        if (s[d.prop] = null, d.visible !== !1 && ((r = d.formItem) == null ? void 0 : r.visible) !== !1) {
-          if (((v = d.formItem) == null ? void 0 : v.defaultValue) !== void 0 ? s[d.prop] = (S = d.formItem) == null ? void 0 : S.defaultValue : s[d.prop] = void 0, t.mode !== "view") {
-            let le = (P = d.formItem) == null ? void 0 : P.validationRule;
-            le !== void 0 && (T[d.prop] = le), Ye(l), Object.assign(l, T);
+      C == null || C.forEach((u) => {
+        var r, v, S, P, R, D, O, F, G, g, x, m, q;
+        if (s[u.prop] = null, u.visible !== !1 && ((r = u.formItem) == null ? void 0 : r.visible) !== !1) {
+          if (((v = u.formItem) == null ? void 0 : v.defaultValue) !== void 0 ? s[u.prop] = (S = u.formItem) == null ? void 0 : S.defaultValue : s[u.prop] = void 0, t.mode !== "view") {
+            let le = (P = u.formItem) == null ? void 0 : P.validationRule;
+            le !== void 0 && (T[u.prop] = le), Ye(l), Object.assign(l, T);
           }
-          const k = d.formItem, ee = k == null ? void 0 : k.type, N = (R = k == null ? void 0 : k.select) == null ? void 0 : R.useDatableDict, ae = (D = k == null ? void 0 : k.select) == null ? void 0 : D.dictId, Q = (O = k == null ? void 0 : k.select) == null ? void 0 : O.api, Y = (F = k == null ? void 0 : k.select) == null ? void 0 : F.valueMappingField, re = (G = k == null ? void 0 : k.select) == null ? void 0 : G.labelMappingField;
+          const k = u.formItem, ee = k == null ? void 0 : k.type, N = (R = k == null ? void 0 : k.select) == null ? void 0 : R.useDatableDict, ae = (D = k == null ? void 0 : k.select) == null ? void 0 : D.dictId, Q = (O = k == null ? void 0 : k.select) == null ? void 0 : O.api, Y = (F = k == null ? void 0 : k.select) == null ? void 0 : F.valueMappingField, re = (G = k == null ? void 0 : k.select) == null ? void 0 : G.labelMappingField;
           if (ee === "select") {
             if (N) {
               let ie = `${Re(() => window.location.href.indexOf("localhost") > 0 ? "http://localhost.vancone.com:8080" : "https://datable.vancone.com/agent/public/0001").value}/api/datable/agent/metadata/dict?dictId=${ae}`;
               const _e = (g = k == null ? void 0 : k.select) == null ? void 0 : g.queryParamName, pe = (x = k == null ? void 0 : k.select) == null ? void 0 : x.queryParamValueField;
-              _e && (ie = `${ie}?${_e}=${t.id}`), pe || Ee(ie, "GET", {}).then(({ data: ge }) => {
-                var Se;
-                if ((Se = d.formItem) != null && Se.select) {
+              _e && (ie = `${ie}?${_e}=${t.id}`), pe || Oe(ie, "GET", {}).then(({ data: ge }) => {
+                var xe;
+                if ((xe = u.formItem) != null && xe.select) {
                   let be = [];
-                  Array.isArray(ge.data) ? be = ge.data : ge.data.list && Array.isArray(ge.data.list) && (be = ge.data.list), d.formItem.select.options = be.map((Ae) => ({
+                  Array.isArray(ge.data) ? be = ge.data : ge.data.list && Array.isArray(ge.data.list) && (be = ge.data.list), u.formItem.select.options = be.map((Ae) => ({
                     value: Ae.dbOrdinal,
                     label: oe(Ae.value)
                   }));
@@ -2384,12 +2384,12 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
               });
             } else if (Q) {
               let le = Q;
-              const ie = (m = k == null ? void 0 : k.select) == null ? void 0 : m.queryParamName, _e = (z = k == null ? void 0 : k.select) == null ? void 0 : z.queryParamValueField;
-              ie && (le = `${le}?${ie}=${t.id}`), _e || Ee(le, "GET", {}).then(({ data: pe }) => {
+              const ie = (m = k == null ? void 0 : k.select) == null ? void 0 : m.queryParamName, _e = (q = k == null ? void 0 : k.select) == null ? void 0 : q.queryParamValueField;
+              ie && (le = `${le}?${ie}=${t.id}`), _e || Oe(le, "GET", {}).then(({ data: pe }) => {
                 var ge;
-                if ((ge = d.formItem) != null && ge.select) {
-                  let Se = [];
-                  Array.isArray(pe.data) ? Se = pe.data : pe.data.list && Array.isArray(pe.data.list) && (Se = pe.data.list), d.formItem.select.options = Se.map((be) => ({
+                if ((ge = u.formItem) != null && ge.select) {
+                  let xe = [];
+                  Array.isArray(pe.data) ? xe = pe.data : pe.data.list && Array.isArray(pe.data.list) && (xe = pe.data.list), u.formItem.select.options = xe.map((be) => ({
                     value: Y ? be[Y] : be.value,
                     label: oe(re ? be[re] : be.label)
                   }));
@@ -2401,60 +2401,60 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
       });
     }
     function K() {
-      Z(), V(), (t.mode === "update" || t.mode === "view") && t.id !== void 0 && t.id !== "" && t.model.api !== "" && (a.value = !0, Ee(`${t.model.api}/${t.id}`, "GET", {}).then(({ data: w }) => {
-        Ye(s), Object.assign(s, w.data), t.model.fields.forEach((T) => {
-          T.formItem && T.formItem.type === "select" && s[T.prop] !== void 0 && ke(T);
+      Z(), M(), (t.mode === "update" || t.mode === "view") && t.id !== void 0 && t.id !== "" && t.model.api !== "" && (a.value = !0, Oe(`${t.model.api}/${t.id}`, "GET", {}).then(({ data: C }) => {
+        Ye(s), Object.assign(s, C.data), t.model.fields.forEach((T) => {
+          T.formItem && T.formItem.type === "select" && s[T.prop] !== void 0 && Se(T);
         }), a.value = !1;
       }));
     }
     function H() {
-      return new Promise((w, T) => {
+      return new Promise((C, T) => {
         var r, v, S, P;
         ((v = (r = t.model.formConfig) == null ? void 0 : r.functions) == null ? void 0 : v.beforeSubmit) !== void 0 && Object.assign(s, (P = (S = t.model.formConfig) == null ? void 0 : S.functions) == null ? void 0 : P.beforeSubmit(s));
-        let d = t.mode === "create" ? "POST" : "PUT";
-        t.model.api && Ee(t.model.api, d, s).then(({ data: R }) => {
+        let u = t.mode === "create" ? "POST" : "PUT";
+        t.model.api && Oe(t.model.api, u, s).then(({ data: R }) => {
           var D, O, F, G;
-          R.code === 0 && (t.closeDialogFunc && t.closeDialogFunc(), ((O = (D = t.model.formConfig) == null ? void 0 : D.functions) == null ? void 0 : O.afterSubmit) !== void 0 && ((G = (F = t.model.formConfig) == null ? void 0 : F.functions) == null || G.afterSubmit(R.data)), t.afterSubmitFunc && t.afterSubmitFunc(), w());
+          R.code === 0 && (t.closeDialogFunc && t.closeDialogFunc(), ((O = (D = t.model.formConfig) == null ? void 0 : D.functions) == null ? void 0 : O.afterSubmit) !== void 0 && ((G = (F = t.model.formConfig) == null ? void 0 : F.functions) == null || G.afterSubmit(R.data)), t.afterSubmitFunc && t.afterSubmitFunc(), C());
         });
       });
     }
     function Z() {
-      var w;
-      (w = c.value) == null || w.resetFields();
+      var C;
+      (C = c.value) == null || C.resetFields();
     }
-    function j(w) {
-      return w != null && w.prop ? w.label ? oe(w.label) : w.prop.slice(0, 1).toUpperCase() + w.prop.slice(1).toLowerCase() : "";
+    function z(C) {
+      return C != null && C.prop ? C.label ? oe(C.label) : C.prop.slice(0, 1).toUpperCase() + C.prop.slice(1).toLowerCase() : "";
     }
-    function te(w) {
-      var T, d, r, v, S, P;
-      if (w) {
-        if (W(w, "select")) {
-          const R = (d = (T = w.tableColumn) == null ? void 0 : T.functions) == null ? void 0 : d.transformValue;
+    function te(C) {
+      var T, u, r, v, S, P;
+      if (C) {
+        if (W(C, "select")) {
+          const R = (u = (T = C.tableColumn) == null ? void 0 : T.functions) == null ? void 0 : u.transformValue;
           if (R)
-            return R(s[w.prop]);
-          const D = (v = (r = w.formItem) == null ? void 0 : r.select) == null ? void 0 : v.viewModeLabelField;
+            return R(s[C.prop]);
+          const D = (v = (r = C.formItem) == null ? void 0 : r.select) == null ? void 0 : v.viewModeLabelField;
           if (D)
             return oe(s[D]);
-          const O = (P = (S = w.formItem) == null ? void 0 : S.select) == null ? void 0 : P.options;
+          const O = (P = (S = C.formItem) == null ? void 0 : S.select) == null ? void 0 : P.options;
           if (O) {
             for (let F of O)
-              if (F.value === s[w.prop])
+              if (F.value === s[C.prop])
                 return oe(F.label);
           }
         }
-        return oe(s[w.prop]);
+        return oe(s[C.prop]);
       }
     }
-    function se(w) {
+    function se(C) {
       var T;
-      return ((T = w.formItem) == null ? void 0 : T.updatable) === !1 && t.mode === "update";
+      return ((T = C.formItem) == null ? void 0 : T.updatable) === !1 && t.mode === "update";
     }
-    function ve(w, T) {
+    function ve(C, T) {
       var r, v;
-      const d = (v = (r = T.formItem) == null ? void 0 : r.type) != null ? v : "input";
-      switch (w) {
+      const u = (v = (r = T.formItem) == null ? void 0 : r.type) != null ? v : "input";
+      switch (C) {
         case "input":
-          return t.mode === "view" ? !1 : d === "input" || d === "password";
+          return t.mode === "view" ? !1 : u === "input" || u === "password";
         case "select":
           return !0;
         case "input-number":
@@ -2465,23 +2465,23 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
         case "svg":
           return !0;
         default:
-          return console.log("Error: unrecognized form component type: ", w), !0;
+          return console.log("Error: unrecognized form component type: ", C), !0;
       }
     }
-    function W(w, T) {
-      var d;
-      return ((d = w.formItem) == null ? void 0 : d.type) === T;
+    function W(C, T) {
+      var u;
+      return ((u = C.formItem) == null ? void 0 : u.type) === T;
     }
-    function ke(w) {
+    function Se(C) {
       var T;
-      for (let d of t.model.fields) {
-        const r = (T = d.formItem) == null ? void 0 : T.select;
-        if (!(!d.formItem || d.formItem.type !== "select" || !r || !r.queryParamValueField) && r.queryParamValueField === w.prop) {
+      for (let u of t.model.fields) {
+        const r = (T = u.formItem) == null ? void 0 : T.select;
+        if (!(!u.formItem || u.formItem.type !== "select" || !r || !r.queryParamValueField) && r.queryParamValueField === C.prop) {
           const v = r.api;
           if (v) {
             let S = v;
             const P = r.queryParamName;
-            P && (S = `${S}?${P}=${s[r.queryParamValueField]}`), Ee(S, "GET", {}).then(({ data: R }) => {
+            P && (S = `${S}?${P}=${s[r.queryParamValueField]}`), Oe(S, "GET", {}).then(({ data: R }) => {
               if (r) {
                 let D = [];
                 Array.isArray(R.data) ? D = R.data : R.data.list && Array.isArray(R.data.list) && (D = R.data.list), r.options = D.map((O) => ({
@@ -2494,20 +2494,20 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
         }
       }
     }
-    function U(w) {
-      b.value = w, f.value = s[w.prop], i.value = !0;
+    function U(C) {
+      b.value = C, f.value = s[C.prop], i.value = !0;
     }
-    return Me(f, (w) => {
-      b.value && (s[b.value.prop] = w);
+    return Me(f, (C) => {
+      b.value && (s[b.value.prop] = C);
     }), o({
       refresh: K,
       reset: Z,
       submit: H,
       formData: s
-    }), (w, T) => {
-      const d = $("el-input"), r = $("el-switch"), v = $("el-date-picker"), S = $("el-time-picker"), P = $("el-option"), R = $("el-select"), D = $("el-input-number"), O = $("el-button"), F = $("el-form-item"), G = $("el-form"), g = $("el-dialog"), x = Yt("loading");
-      return u(), E(ne, null, [
-        Jt((u(), I(G, {
+    }), (C, T) => {
+      const u = $("el-input"), r = $("el-switch"), v = $("el-date-picker"), S = $("el-time-picker"), P = $("el-option"), R = $("el-select"), D = $("el-input-number"), O = $("el-button"), F = $("el-form-item"), G = $("el-form"), g = $("el-dialog"), x = Yt("loading");
+      return d(), E(ne, null, [
+        Jt((d(), I(G, {
           ref_key: "formRef",
           ref: c,
           model: s,
@@ -2519,31 +2519,31 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
           inline: !t.disableInline
         }, {
           default: p(() => [
-            (u(!0), E(ne, null, me(M.value, (m) => (u(), I(F, {
+            (d(!0), E(ne, null, me(V.value, (m) => (d(), I(F, {
               class: "form-item",
               style: He({ width: t.disableInline ? "100%" : "calc(50% - 32px)" }),
               prop: m.prop,
-              label: j(m)
+              label: z(m)
             }, {
               default: p(() => {
-                var z, k, ee, N, ae, Q, Y, re, le, ie, _e, pe, ge, Se, be, Ae, Je, Ke, de, J;
+                var q, k, ee, N, ae, Q, Y, re, le, ie, _e, pe, ge, xe, be, Ae, Je, Ke, ue, J;
                 return [
-                  ve("input", m) ? (u(), I(d, {
+                  ve("input", m) ? (d(), I(u, {
                     key: 0,
                     type: W(m, "password") ? "password" : "text",
                     modelValue: s[m.prop],
                     "onUpdate:modelValue": (X) => s[m.prop] = X,
-                    placeholder: (z = m.formItem) == null ? void 0 : z.placeholder,
+                    placeholder: (q = m.formItem) == null ? void 0 : q.placeholder,
                     disabled: se(m)
                   }, null, 8, ["type", "modelValue", "onUpdate:modelValue", "placeholder", "disabled"])) : L("", !0),
-                  C(m) ? (u(), E("span", $a, A(te(m)), 1)) : L("", !0),
-                  W(m, "switch") ? (u(), I(r, {
+                  y(m) ? (d(), E("span", $a, A(te(m)), 1)) : L("", !0),
+                  W(m, "switch") ? (d(), I(r, {
                     key: 2,
                     modelValue: s[m.prop],
                     "onUpdate:modelValue": (X) => s[m.prop] = X,
                     disabled: t.mode === "view"
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : L("", !0),
-                  W(m, "date") && t.mode !== "view" ? (u(), I(v, {
+                  W(m, "date") && t.mode !== "view" ? (d(), I(v, {
                     key: 3,
                     style: { width: "100%" },
                     type: "date",
@@ -2552,14 +2552,14 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
                     "onUpdate:modelValue": (X) => s[m.prop] = X,
                     disabled: t.mode === "view"
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : L("", !0),
-                  W(m, "time") && t.mode !== "view" ? (u(), I(S, {
+                  W(m, "time") && t.mode !== "view" ? (d(), I(S, {
                     key: 4,
                     style: { width: "100%" },
                     modelValue: s[m.prop],
                     "onUpdate:modelValue": (X) => s[m.prop] = X,
                     disabled: t.mode === "view"
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : L("", !0),
-                  W(m, "datetime") && t.mode !== "view" ? (u(), I(v, {
+                  W(m, "datetime") && t.mode !== "view" ? (d(), I(v, {
                     key: 5,
                     style: { width: "100%" },
                     type: "datetime",
@@ -2568,7 +2568,7 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
                     "onUpdate:modelValue": (X) => s[m.prop] = X,
                     disabled: t.mode === "view"
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : L("", !0),
-                  W(m, "select") && t.mode !== "view" ? (u(), I(R, {
+                  W(m, "select") && t.mode !== "view" ? (d(), I(R, {
                     key: 6,
                     multiple: (ee = (k = m.formItem) == null ? void 0 : k.select) == null ? void 0 : ee.multiple,
                     "collapse-tags": (ae = (N = m.formItem) == null ? void 0 : N.select) == null ? void 0 : ae.multiple,
@@ -2578,30 +2578,30 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
                     modelValue: s[m.prop],
                     "onUpdate:modelValue": (X) => s[m.prop] = X,
                     disabled: se(m),
-                    onChange: (X) => ke(m)
+                    onChange: (X) => Se(m)
                   }, {
                     default: p(() => {
                       var X, Pe;
                       return [
-                        (u(!0), E(ne, null, me((Pe = (X = m.formItem) == null ? void 0 : X.select) == null ? void 0 : Pe.options, (Ie) => (u(), I(P, {
+                        (d(!0), E(ne, null, me((Pe = (X = m.formItem) == null ? void 0 : X.select) == null ? void 0 : Pe.options, (Ie) => (d(), I(P, {
                           value: Ie.value,
-                          label: y(oe)(Ie.label)
+                          label: w(oe)(Ie.label)
                         }, null, 8, ["value", "label"]))), 256))
                       ];
                     }),
                     _: 2
                   }, 1032, ["multiple", "collapse-tags", "filterable", "allow-create", "default-first-option", "modelValue", "onUpdate:modelValue", "disabled", "onChange"])) : L("", !0),
-                  W(m, "input-number") && t.mode !== "view" ? (u(), I(D, {
+                  W(m, "input-number") && t.mode !== "view" ? (d(), I(D, {
                     key: 7,
                     style: { width: "100%" },
                     modelValue: s[m.prop],
                     "onUpdate:modelValue": (X) => s[m.prop] = X,
-                    min: (Se = (ge = (pe = m.formItem) == null ? void 0 : pe.inputNumber) == null ? void 0 : ge.min) != null ? Se : Number.NEGATIVE_INFINITY,
+                    min: (xe = (ge = (pe = m.formItem) == null ? void 0 : pe.inputNumber) == null ? void 0 : ge.min) != null ? xe : Number.NEGATIVE_INFINITY,
                     max: (Je = (Ae = (be = m.formItem) == null ? void 0 : be.inputNumber) == null ? void 0 : Ae.max) != null ? Je : Number.POSITIVE_INFINITY,
-                    step: (J = (de = (Ke = m.formItem) == null ? void 0 : Ke.inputNumber) == null ? void 0 : de.step) != null ? J : 1,
+                    step: (J = (ue = (Ke = m.formItem) == null ? void 0 : Ke.inputNumber) == null ? void 0 : ue.step) != null ? J : 1,
                     "value-on-clear": -10
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max", "step"])) : L("", !0),
-                  W(m, "svg") && t.mode !== "view" ? (u(), E("div", Ea, [
+                  W(m, "svg") && t.mode !== "view" ? (d(), E("div", Ea, [
                     _("div", {
                       class: "svg-icon",
                       innerHTML: s[m.prop]
@@ -2618,7 +2618,7 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
                       _: 2
                     }, 1032, ["onClick"])
                   ])) : L("", !0),
-                  W(m, "svg") && t.mode === "view" ? (u(), E("div", Pa, [
+                  W(m, "svg") && t.mode === "view" ? (d(), E("div", Pa, [
                     _("div", {
                       class: "svg-icon",
                       innerHTML: s[m.prop]
@@ -2653,7 +2653,7 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
           "close-on-click-modal": !1
         }, {
           default: p(() => [
-            h(d, {
+            h(u, {
               type: "textarea",
               rows: 15,
               modelValue: f.value,
@@ -2666,10 +2666,10 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
       ], 64);
     };
   }
-}), Co = /* @__PURE__ */ Ce(Va, [["__scopeId", "data-v-c2a11be0"]]), Ma = { class: "console-dialog__body" }, Na = {
+}), Co = /* @__PURE__ */ ke(Va, [["__scopeId", "data-v-c2a11be0"]]), Ma = { class: "console-dialog__body" }, Na = {
   key: 0,
   class: "process-view"
-}, Ua = { class: "operation-button-wrapper" }, ko = /* @__PURE__ */ Oe({
+}, Ua = { class: "operation-button-wrapper" }, ko = /* @__PURE__ */ Ce({
   __name: "FormDialog",
   props: {
     id: {},
@@ -2681,7 +2681,7 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
   },
   emits: ["update:visible", "update:id"],
   setup(e, { expose: o, emit: n }) {
-    const { t } = St(), s = e, a = q(0), c = n, l = he();
+    const { t } = St(), s = e, a = j(0), c = n, l = he();
     Me(() => s.visible, () => {
       s.visible && a.value++;
     });
@@ -2697,9 +2697,9 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
     return o({
       close: f,
       refresh: i
-    }), (C, M) => {
-      const V = $("el-step"), K = $("el-steps"), H = $("el-button"), Z = $("el-dialog");
-      return u(), I(Z, {
+    }), (y, V) => {
+      const M = $("el-step"), K = $("el-steps"), H = $("el-button"), Z = $("el-dialog");
+      return d(), I(Z, {
         class: "console-dialog",
         title: "Edit",
         "align-center": "",
@@ -2708,18 +2708,18 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
         onClose: f
       }, {
         footer: p(() => {
-          var j;
+          var z;
           return [
             _("div", {
               class: "dialog-footer",
               style: He({ width: s.showProcess ? "calc(100% - 350px)" : "auto" })
             }, [
               _("div", Ua, [
-                (u(!0), E(ne, null, me((j = s.model.formConfig) == null ? void 0 : j.dialogButtons, (te) => (u(), I(H, {
+                (d(!0), E(ne, null, me((z = s.model.formConfig) == null ? void 0 : z.dialogButtons, (te) => (d(), I(H, {
                   onClick: (se) => te.function(l.value.formData)
                 }, {
                   default: p(() => [
-                    B(A(y(t)(te.label)), 1)
+                    B(A(w(t)(te.label)), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 256))
@@ -2727,7 +2727,7 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
               _("div", null, [
                 h(H, { onClick: f }, {
                   default: p(() => [
-                    B(A(y(t)("common.basic.cancel")), 1)
+                    B(A(w(t)("common.basic.cancel")), 1)
                   ]),
                   _: 1
                 }),
@@ -2736,7 +2736,7 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
                   onClick: b
                 }, {
                   default: p(() => [
-                    B(A(y(t)("common.basic.save")), 1)
+                    B(A(w(t)("common.basic.save")), 1)
                   ]),
                   _: 1
                 })
@@ -2748,7 +2748,7 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
           _("div", Ma, [
             h(Co, {
               class: "form-view",
-              style: He({ width: C.showProcess ? "calc(100% - 280px)" : "100%" }),
+              style: He({ width: y.showProcess ? "calc(100% - 280px)" : "100%" }),
               ref_key: "formViewRef",
               ref: l,
               id: s.id,
@@ -2759,16 +2759,16 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
               closeDialogFunc: f,
               disableInline: s.showProcess
             }, null, 8, ["style", "id", "sessionId", "mode", "model", "afterSubmitFunc", "disableInline"]),
-            C.showProcess ? (u(), E("div", Na, [
-              M[0] || (M[0] = _("h1", null, "流程动态", -1)),
+            y.showProcess ? (d(), E("div", Na, [
+              V[0] || (V[0] = _("h1", null, "流程动态", -1)),
               h(K, {
                 style: { height: "90%" },
                 direction: "vertical",
                 active: 1
               }, {
                 default: p(() => [
-                  h(V, { title: "Step 1" }),
-                  h(V, { title: "Step 2" })
+                  h(M, { title: "Step 1" }),
+                  h(M, { title: "Step 2" })
                 ]),
                 _: 1
               })
@@ -2787,20 +2787,20 @@ const ba = /* @__PURE__ */ Ce(_a, [["render", ga]]), ya = { class: "card-wrapper
   viewBox: "0 0 1024 1024"
 };
 function Aa(e, o) {
-  return u(), E("svg", Ta, o[0] || (o[0] = [
+  return d(), E("svg", Ta, o[0] || (o[0] = [
     _("path", {
       fill: "#888a8d",
       d: "M192 672a16 16 0 0 1 16 16v128h604.992V688a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v160a64 64 0 0 1-56.512 63.552l-7.488.448H176a64 64 0 0 1-64-64V688a16 16 0 0 1 16-16zm268.032-505.664v2.56l-.128 13.248v89.024l.064 46.08V718.72A18.176 18.176 0 0 1 443.2 736h-62.08a18.176 18.176 0 0 1-17.216-16.768V334.464h-1.28l-130.432 129.28a16 16 0 0 1-22.592-.128l-.32-.256L164.544 416a16 16 0 0 1 .448-22.4l86.08-84.736a18.2 18.2 0 0 1 2.688-3.2l142.72-139.648c7.04-6.784 56.512-6.656 63.488.32zm184.832-5.312c9.152.448 16.512 7.68 17.216 16.768v384.704h1.344L793.792 433.28a16 16 0 0 1 22.592.128l.256.256 44.736 47.36a16 16 0 0 1-.448 22.4l-86.08 84.736a18.2 18.2 0 0 1-2.624 3.2l-142.72 139.648c-7.104 6.784-56.512 6.656-63.488-.32v-2.56l.064-13.312V579.84l-.064-17.28V178.304a18.176 18.176 0 0 1 16.768-17.216h62.08z"
     }, null, -1)
   ]));
 }
-const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-buttons" }, La = { class: "tool-buttons" }, Ga = { key: 2 }, ja = /* @__PURE__ */ Oe({
+const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-buttons" }, La = { class: "tool-buttons" }, Ga = { key: 2 }, ja = /* @__PURE__ */ Ce({
   __name: "TableView",
   props: {
     model: {}
   },
   setup(e, { expose: o }) {
-    const { t: n } = dt.global, t = e, s = fe([]), a = fe({}), c = q(""), l = q(!1), i = ft(), f = q(""), b = fe([]), C = fe([]), M = he(), V = he([]), K = q("create"), H = q(!0), Z = q(!1), j = q(""), te = fe({
+    const { t: n } = ut.global, t = e, s = fe([]), a = fe({}), c = j(""), l = j(!1), i = ft(), f = j(""), b = fe([]), y = fe([]), V = he(), M = he([]), K = j("create"), H = j(!0), Z = j(!1), z = j(""), te = fe({
       pageSize: 10,
       pageNo: 1,
       totalElements: 0
@@ -2815,9 +2815,9 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
     function W(g, x) {
       var ee, N, ae, Q;
       let m = x.row[g.prop];
-      const z = (N = (ee = g.tableColumn) == null ? void 0 : ee.functions) == null ? void 0 : N.transformValue, k = (ae = g.tableColumn) == null ? void 0 : ae.transformValueMappings;
-      if (z)
-        m = z(m);
+      const q = (N = (ee = g.tableColumn) == null ? void 0 : ee.functions) == null ? void 0 : N.transformValue, k = (ae = g.tableColumn) == null ? void 0 : ae.transformValueMappings;
+      if (q)
+        m = q(m);
       else if (k && k.length > 0) {
         for (let Y of k)
           if (m === Y.value) {
@@ -2838,7 +2838,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
           } else if (Y.useDatableDict && Y.dictId) {
             if (se[Y.dictId] === void 0) {
               let le = `${Re(() => window.location.href.indexOf("localhost") > 0 ? "http://localhost.vancone.com:8080" : "https://datable.vancone.com/agent/public/0001").value}/api/datable/agent/metadata/dict?dictId=${Y.dictId}`;
-              Ee(le, "GET", {}).then(({ data: ie }) => {
+              Oe(le, "GET", {}).then(({ data: ie }) => {
                 let _e = [];
                 Array.isArray(ie.data) ? _e = ie.data : ie.data.list && Array.isArray(ie.data.list) && (_e = ie.data.list), se[Y.dictId] = _e;
                 for (let pe of se[Y.dictId])
@@ -2858,37 +2858,37 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
       }
       return oe(m);
     }
-    function ke(g, x) {
-      var m, z;
-      return g.label ? oe(g.label) : oe((z = (m = g.functions) == null ? void 0 : m.transformLabel) == null ? void 0 : z.call(m, x.$index, x.row));
+    function Se(g, x) {
+      var m, q;
+      return g.label ? oe(g.label) : oe((q = (m = g.functions) == null ? void 0 : m.transformLabel) == null ? void 0 : q.call(m, x.$index, x.row));
     }
     function U(g) {
       Ye(t.model), Object.assign(t.model, g);
     }
-    function w() {
-      var x, m, z;
+    function C() {
+      var x, m, q;
       if (H.value = !0, !t.model || !t.model.api)
         return;
-      Ye(a), Object.assign(a, (x = t.model.tableConfig) != null ? x : {}), a.display = (m = a.display) != null ? m : {}, a.display.advancedSearch !== !0 && (a.display.advancedSearch = !1), a.display.fileTaskButton !== !0 && (a.display.fileTaskButton = !1), a.display.pagination !== !1 && (a.display.pagination = !0), a.display.pane !== !1 && (a.display.pane = !0), a.display.searchBox !== !1 && (a.display.searchBox = !0), s.splice(0, s.length, ...t.model.fields), c.value = (z = t.model.route) != null ? z : "";
+      Ye(a), Object.assign(a, (x = t.model.tableConfig) != null ? x : {}), a.display = (m = a.display) != null ? m : {}, a.display.advancedSearch !== !0 && (a.display.advancedSearch = !1), a.display.fileTaskButton !== !0 && (a.display.fileTaskButton = !1), a.display.pagination !== !1 && (a.display.pagination = !0), a.display.pane !== !1 && (a.display.pane = !0), a.display.searchBox !== !1 && (a.display.searchBox = !0), s.splice(0, s.length, ...t.model.fields), c.value = (q = t.model.route) != null ? q : "";
       let g = ot({}, a.queryParams);
-      g.pageSize = te.pageSize, g.pageNo = te.pageNo, g.search = f.value, Ee(t.model.api, "GET", g).then(({ data: k }) => {
+      g.pageSize = te.pageSize, g.pageNo = te.pageNo, g.search = f.value, Oe(t.model.api, "GET", g).then(({ data: k }) => {
         const { list: ee, totalCount: N } = k.data;
         b.splice(0, b.length, ...ee), te.totalElements = N, H.value = !1;
       });
     }
     function T() {
       var g, x;
-      a.createPageRoutePath !== void 0 ? i.push(a.createPageRoutePath) : ((g = a.functions) == null ? void 0 : g.create) !== void 0 ? (x = a.functions) == null || x.create() : (K.value = "create", j.value = "", l.value = !0);
+      a.createPageRoutePath !== void 0 ? i.push(a.createPageRoutePath) : ((g = a.functions) == null ? void 0 : g.create) !== void 0 ? (x = a.functions) == null || x.create() : (K.value = "create", z.value = "", l.value = !0);
     }
-    function d(g, x) {
-      var m, z;
+    function u(g, x) {
+      var m, q;
       if (t.model.api) {
         if (x.id === void 0) {
-          const k = (z = (m = t.model.formConfig) == null ? void 0 : m.functions) == null ? void 0 : z.beforeSubmit;
+          const k = (q = (m = t.model.formConfig) == null ? void 0 : m.functions) == null ? void 0 : q.beforeSubmit;
           k !== void 0 && k(x);
         }
-        Ee(t.model.api, "DELETE", x.id).then(({ data: k }) => {
-          k.code === 0 && (l.value = !1, w());
+        Oe(t.model.api, "DELETE", x.id).then(({ data: k }) => {
+          k.code === 0 && (l.value = !1, C());
         });
       }
     }
@@ -2904,23 +2904,23 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
       ).then(() => {
         var g, x;
         if (((g = a.functions) == null ? void 0 : g.batchDelete) !== void 0)
-          (x = a.functions) == null || x.batchDelete(V.value);
+          (x = a.functions) == null || x.batchDelete(M.value);
         else {
-          const m = V.value.map((z) => z.id);
-          we.delete(`${t.model.api}/${m.join(",")}`).then(({ data: z }) => {
-            z.code === 0 && (l.value = !1, w());
+          const m = M.value.map((q) => q.id);
+          we.delete(`${t.model.api}/${m.join(",")}`).then(({ data: q }) => {
+            q.code === 0 && (l.value = !1, C());
           });
         }
-        M.value.clearSelection();
+        V.value.clearSelection();
       }).catch(() => {
-        M.value.clearSelection();
+        V.value.clearSelection();
       });
     }
     function v(g) {
-      te.pageSize = g, w();
+      te.pageSize = g, C();
     }
     function S(g) {
-      te.pageNo = g, w();
+      te.pageNo = g, C();
     }
     function P(g, x) {
       a.editPageRoutePath !== void 0 ? i.push({
@@ -2928,28 +2928,28 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
         query: {
           id: x.id
         }
-      }) : (j.value = x.id, K.value = "update", l.value = !0);
+      }) : (z.value = x.id, K.value = "update", l.value = !0);
     }
     function R() {
       var m;
       let g = ((m = t.model.api) != null && m.startsWith("http") ? "" : window.location.origin) + t.model.api + "/export";
       const x = a.queryParams;
-      x !== void 0 && Object.keys(x).length > 0 && (g += "?", Object.entries(a.queryParams).map((z) => {
-        g += `${z[0]}=${z[1]}&`;
+      x !== void 0 && Object.keys(x).length > 0 && (g += "?", Object.entries(a.queryParams).map((q) => {
+        g += `${q[0]}=${q[1]}&`;
       })), window.open(g);
     }
     function D(g) {
-      V.value = g;
+      M.value = g;
     }
     function O(g) {
       return g != null && g.prop ? g.label ? oe(g.label) : g.prop.slice(0, 1).toUpperCase() + g.prop.slice(1).toLowerCase() : "";
     }
     function F(g) {
-      g ? (Z.value = !0, C.splice(0, C.length, ...b), b.splice(0, b.length, ...V.value)) : (Z.value = !1, b.splice(0, b.length, ...C));
+      g ? (Z.value = !0, y.splice(0, y.length, ...b), b.splice(0, b.length, ...M.value)) : (Z.value = !1, b.splice(0, b.length, ...y));
     }
     function G() {
       var ee;
-      if (V.value.length === 0) {
+      if (M.value.length === 0) {
         Tt.alert("Select rows before printing", "Print", {
           confirmButtonText: "OK"
         });
@@ -2960,15 +2960,15 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
         g += `<th>${O(N)}</th>`;
       });
       let x = "";
-      V.value.forEach((N) => {
+      M.value.forEach((N) => {
         x += "<tr>", ve.value.forEach((ae) => {
           x += `<td>${N[ae.prop]}</td>`;
         }), x += "</tr>";
       });
       let m = `<table><tr>${g}</tr>${x}</table>`;
-      const z = document.createElement("iframe");
-      z.style.display = "none", document.body.appendChild(z);
-      const k = z.contentDocument || ((ee = z.contentWindow) == null ? void 0 : ee.document);
+      const q = document.createElement("iframe");
+      q.style.display = "none", document.body.appendChild(q);
+      const k = q.contentDocument || ((ee = q.contentWindow) == null ? void 0 : ee.document);
       k == null || k.open(), k == null || k.write(`
         <!DOCTYPE html>
         <html>
@@ -3021,25 +3021,25 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
     `), k == null || k.close();
     }
     return Me(() => t.model, () => {
-      w();
+      C();
     }, {
       deep: !0,
       immediate: !0
     }), o({
-      multipleSelection: V,
-      refresh: w,
+      multipleSelection: M,
+      refresh: C,
       updateConfigAndRefresh: U
     }), (g, x) => {
       var Ae, Je, Ke;
-      const m = $("el-checkbox"), z = $("el-badge"), k = $("el-button"), ee = $("el-dropdown-item"), N = $("el-dropdown-menu"), ae = $("el-dropdown"), Q = $("el-icon"), Y = $("el-tooltip"), re = $("el-input"), le = $("el-table-column"), ie = $("router-link"), _e = $("el-tag"), pe = $("el-popconfirm"), ge = $("el-table"), Se = $("el-pagination"), be = Yt("loading");
-      return u(), E("div", {
+      const m = $("el-checkbox"), q = $("el-badge"), k = $("el-button"), ee = $("el-dropdown-item"), N = $("el-dropdown-menu"), ae = $("el-dropdown"), Q = $("el-icon"), Y = $("el-tooltip"), re = $("el-input"), le = $("el-table-column"), ie = $("router-link"), _e = $("el-tag"), pe = $("el-popconfirm"), ge = $("el-table"), xe = $("el-pagination"), be = Yt("loading");
+      return d(), E("div", {
         class: Ct({ "table-view-wrapper": (Ae = a.display) == null ? void 0 : Ae.pane })
       }, [
         _("div", Ra, [
           _("div", Fa, [
-            a.selectMode ? (u(), I(z, {
+            a.selectMode ? (d(), I(q, {
               key: 0,
-              value: V.value.length,
+              value: M.value.length,
               type: "primary",
               class: "selected-badge"
             }, {
@@ -3047,46 +3047,46 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                 h(m, {
                   class: "selected-checkbox",
                   border: !0,
-                  label: y(n)("common.table.viewSelected"),
+                  label: w(n)("common.table.viewSelected"),
                   onChange: F
                 }, null, 8, ["label"])
               ]),
               _: 1
             }, 8, ["value"])) : L("", !0),
-            !a.selectMode && !a.readOnly && a.creatable !== !1 ? (u(), I(k, {
+            !a.selectMode && !a.readOnly && a.creatable !== !1 ? (d(), I(k, {
               key: 1,
               type: "primary",
               onClick: T
             }, {
               default: p(() => {
-                var de, J;
+                var ue, J;
                 return [
-                  B(A(((de = a.labels) == null ? void 0 : de.create) != null ? y(n)((J = a.labels) == null ? void 0 : J.create) : y(n)("common.table.create")), 1)
+                  B(A(((ue = a.labels) == null ? void 0 : ue.create) != null ? w(n)((J = a.labels) == null ? void 0 : J.create) : w(n)("common.table.create")), 1)
                 ];
               }),
               _: 1
             })) : L("", !0),
-            !a.selectMode && !a.readOnly && a.deletable !== !1 ? (u(), I(k, {
+            !a.selectMode && !a.readOnly && a.deletable !== !1 ? (d(), I(k, {
               key: 2,
-              disabled: V.value.length == 0,
+              disabled: M.value.length == 0,
               type: "danger",
               plain: "",
               onClick: r
             }, {
               default: p(() => {
-                var de, J;
+                var ue, J;
                 return [
-                  B(A(((de = a.labels) == null ? void 0 : de.delete) != null ? y(n)((J = a.labels) == null ? void 0 : J.delete) : y(n)("common.table.delete")), 1)
+                  B(A(((ue = a.labels) == null ? void 0 : ue.delete) != null ? w(n)((J = a.labels) == null ? void 0 : J.delete) : w(n)("common.table.delete")), 1)
                 ];
               }),
               _: 1
             }, 8, ["disabled"])) : L("", !0),
             h(k, {
-              icon: y(xt),
+              icon: w(xt),
               style: { width: "28px" },
-              onClick: w
+              onClick: C
             }, null, 8, ["icon"]),
-            (Je = a.display) != null && Je.fileTaskButton ? (u(), I(ae, {
+            (Je = a.display) != null && Je.fileTaskButton ? (d(), I(ae, {
               key: 3,
               placement: "bottom-start",
               trigger: "click"
@@ -3095,7 +3095,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                 h(N, null, {
                   default: p(() => [
                     h(ee, {
-                      icon: y(Go),
+                      icon: w(Go),
                       disabled: !0
                     }, {
                       default: p(() => x[3] || (x[3] = [
@@ -3104,7 +3104,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                       _: 1
                     }, 8, ["icon"]),
                     h(ee, {
-                      icon: y(Dt),
+                      icon: w(Dt),
                       divided: "",
                       disabled: !0
                     }, {
@@ -3114,7 +3114,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                       _: 1
                     }, 8, ["icon"]),
                     h(ee, {
-                      icon: y(Dt),
+                      icon: w(Dt),
                       onClick: R
                     }, {
                       default: p(() => x[5] || (x[5] = [
@@ -3123,7 +3123,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                       _: 1
                     }, 8, ["icon"]),
                     h(ee, {
-                      icon: y(jo),
+                      icon: w(jo),
                       divided: "",
                       disabled: !0
                     }, {
@@ -3139,7 +3139,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
               default: p(() => [
                 h(k, { style: { width: "28px" } }, {
                   icon: p(() => [
-                    h(y(Da))
+                    h(w(Da))
                   ]),
                   _: 1
                 })
@@ -3154,7 +3154,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                 h(N, null, {
                   default: p(() => [
                     h(ee, {
-                      icon: y(zo),
+                      icon: w(zo),
                       onClick: G
                     }, {
                       default: p(() => x[7] || (x[7] = [
@@ -3163,7 +3163,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                       _: 1
                     }, 8, ["icon"]),
                     h(ee, {
-                      icon: y(qo),
+                      icon: w(qo),
                       disabled: !0
                     }, {
                       default: p(() => x[8] || (x[8] = [
@@ -3177,22 +3177,22 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
               ]),
               default: p(() => [
                 h(k, {
-                  icon: y(Bo),
+                  icon: w(Bo),
                   style: { width: "28px" }
                 }, null, 8, ["icon"])
               ]),
               _: 1
             }),
-            a.tooltip ? (u(), I(Y, {
+            a.tooltip ? (d(), I(Y, {
               key: 4,
               effect: "dark",
-              content: y(n)(a.tooltip),
+              content: w(n)(a.tooltip),
               placement: "right"
             }, {
               default: p(() => [
                 h(Q, { style: { color: "#8ba74f" } }, {
                   default: p(() => [
-                    h(y(Ho))
+                    h(w(Ho))
                   ]),
                   _: 1
                 })
@@ -3202,20 +3202,20 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
           ]),
           _("div", La, [
             h(re, {
-              placeholder: `${y(n)("common.table.search")}...`,
+              placeholder: `${w(n)("common.table.search")}...`,
               modelValue: f.value,
-              "onUpdate:modelValue": x[0] || (x[0] = (de) => f.value = de)
+              "onUpdate:modelValue": x[0] || (x[0] = (ue) => f.value = ue)
             }, {
               append: p(() => [
                 h(k, {
                   style: { "margin-left": "-20px" },
-                  icon: y(Kt),
-                  onClick: w
+                  icon: w(Kt),
+                  onClick: C
                 }, null, 8, ["icon"])
               ]),
               _: 1
             }, 8, ["placeholder", "modelValue"]),
-            (Ke = a.display) != null && Ke.advancedSearch ? (u(), I(k, {
+            (Ke = a.display) != null && Ke.advancedSearch ? (d(), I(k, {
               key: 0,
               type: "text"
             }, {
@@ -3226,25 +3226,25 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
             })) : L("", !0)
           ])
         ]),
-        Jt((u(), I(ge, {
+        Jt((d(), I(ge, {
           border: !0,
           ref_key: "tableRef",
-          ref: M,
+          ref: V,
           data: b,
           onSelectionChange: D,
           class: "table"
         }, {
           default: p(() => {
-            var de;
+            var ue;
             return [
-              a.readOnly ? L("", !0) : (u(), I(le, {
+              a.readOnly ? L("", !0) : (d(), I(le, {
                 key: 0,
                 type: "selection",
                 width: "50"
               })),
-              (u(!0), E(ne, null, me(ve.value, (J) => {
+              (d(!0), E(ne, null, me(ve.value, (J) => {
                 var X;
-                return u(), I(le, {
+                return d(), I(le, {
                   prop: J.prop,
                   label: O(J),
                   width: (X = J.tableColumn) == null ? void 0 : X.width,
@@ -3253,7 +3253,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                   default: p((Pe) => {
                     var Ie, Qe, It;
                     return [
-                      (Ie = J.tableColumn) != null && Ie.link ? (u(), I(ie, {
+                      (Ie = J.tableColumn) != null && Ie.link ? (d(), I(ie, {
                         key: 0,
                         class: "router-link",
                         to: `/${c.value}/detail?id=${Pe.row.id}`
@@ -3262,7 +3262,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                           _("span", null, A(W(J, Pe)), 1)
                         ]),
                         _: 2
-                      }, 1032, ["to"])) : (Qe = J.tableColumn) != null && Qe.routerLink ? (u(), I(ie, {
+                      }, 1032, ["to"])) : (Qe = J.tableColumn) != null && Qe.routerLink ? (d(), I(ie, {
                         key: 1,
                         class: "router-link",
                         to: J.tableColumn.routerLink.replace("{id}", Pe.row.id)
@@ -3271,8 +3271,8 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                           _("span", null, A(W(J, Pe)), 1)
                         ]),
                         _: 2
-                      }, 1032, ["to"])) : (u(), E("span", Ga, A(W(J, Pe)), 1)),
-                      ((It = J.tableColumn) == null ? void 0 : It.type) === "tag" ? (u(), I(_e, { key: 3 }, {
+                      }, 1032, ["to"])) : (d(), E("span", Ga, A(W(J, Pe)), 1)),
+                      ((It = J.tableColumn) == null ? void 0 : It.type) === "tag" ? (d(), I(_e, { key: 3 }, {
                         default: p(() => [
                           B(A(Pe.row[J.prop]), 1)
                         ]),
@@ -3283,13 +3283,13 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                   _: 2
                 }, 1032, ["prop", "label", "width"]);
               }), 256)),
-              a.operations === void 0 && !((de = a.selectMode) != null && de) && !a.readOnly ? (u(), I(le, {
+              a.operations === void 0 && !((ue = a.selectMode) != null && ue) && !a.readOnly ? (d(), I(le, {
                 key: 1,
-                label: y(n)("common.table.operation"),
+                label: w(n)("common.table.operation"),
                 width: "120"
               }, {
                 default: p((J) => [
-                  a.updatable !== !1 ? (u(), I(k, {
+                  a.updatable !== !1 ? (d(), I(k, {
                     key: 0,
                     link: "",
                     type: "primary",
@@ -3297,23 +3297,23 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                     onClick: (X) => P(J.$index, J.row)
                   }, {
                     default: p(() => [
-                      B(A(y(n)("common.table.edit")), 1)
+                      B(A(w(n)("common.table.edit")), 1)
                     ]),
                     _: 2
                   }, 1032, ["onClick"])) : L("", !0),
                   h(pe, {
                     title: "Are you sure to delete this?",
-                    onConfirm: (X) => d(J.$index, J.row)
+                    onConfirm: (X) => u(J.$index, J.row)
                   }, {
                     reference: p(() => [
-                      a.deletable !== !1 ? (u(), I(k, {
+                      a.deletable !== !1 ? (d(), I(k, {
                         key: 0,
                         link: "",
                         type: "primary",
                         class: "operation-button"
                       }, {
                         default: p(() => [
-                          B(A(y(n)("common.table.delete")), 1)
+                          B(A(w(n)("common.table.delete")), 1)
                         ]),
                         _: 1
                       })) : L("", !0)
@@ -3323,24 +3323,24 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                 ]),
                 _: 1
               }, 8, ["label"])) : L("", !0),
-              a.operations !== void 0 && !a.readOnly ? (u(), I(le, {
+              a.operations !== void 0 && !a.readOnly ? (d(), I(le, {
                 key: 2,
-                label: y(n)("common.table.operation"),
+                label: w(n)("common.table.operation"),
                 width: "120"
               }, {
                 default: p((J) => [
-                  (u(!0), E(ne, null, me(a.operations, (X) => (u(), I(k, {
+                  (d(!0), E(ne, null, me(a.operations, (X) => (d(), I(k, {
                     class: "operation-button",
                     link: "",
                     type: "primary",
                     key: X.label,
                     onClick: (Pe) => {
                       var Ie, Qe;
-                      return ((Qe = (Ie = X.functions) == null ? void 0 : Ie.click) == null ? void 0 : Qe.call(Ie, J.$index, J.row)) && w();
+                      return ((Qe = (Ie = X.functions) == null ? void 0 : Ie.click) == null ? void 0 : Qe.call(Ie, J.$index, J.row)) && C();
                     }
                   }, {
                     default: p(() => [
-                      B(A(ke(X, J)), 1)
+                      B(A(Se(X, J)), 1)
                     ]),
                     _: 2
                   }, 1032, ["onClick"]))), 128))
@@ -3353,14 +3353,14 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
         }, 8, ["data"])), [
           [be, H.value]
         ]),
-        Z.value ? L("", !0) : (u(), I(Se, {
+        Z.value ? L("", !0) : (d(), I(xe, {
           key: 0,
           size: "small",
           background: "",
           onSizeChange: v,
           onCurrentChange: S,
           currentPage: te.pageNo,
-          "onUpdate:currentPage": x[1] || (x[1] = (de) => te.pageNo = de),
+          "onUpdate:currentPage": x[1] || (x[1] = (ue) => te.pageNo = ue),
           "page-sizes": [10, 20, 50, 100],
           "page-size": te.pageSize,
           layout: "total, sizes, prev, pager, next",
@@ -3369,53 +3369,86 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
         h(ko, {
           model: g.model,
           mode: K.value,
-          id: j.value,
-          afterSubmitFunc: w,
+          id: z.value,
+          afterSubmitFunc: C,
           visible: l.value,
-          "onUpdate:visible": x[2] || (x[2] = (de) => l.value = de)
+          "onUpdate:visible": x[2] || (x[2] = (ue) => l.value = ue)
         }, null, 8, ["model", "mode", "id", "visible"])
       ], 2);
     };
   }
-}), pt = /* @__PURE__ */ Ce(ja, [["__scopeId", "data-v-676ef8b1"]]), za = { class: "nav-bar" }, qa = { style: { "font-size": "16px" } }, Ba = {
+}), pt = /* @__PURE__ */ ke(ja, [["__scopeId", "data-v-676ef8b1"]]), mr = /* @__PURE__ */ Ce({
+  __name: "VcPagination",
+  props: {
+    totalElements: { default: 0 }
+  },
+  emits: ["refresh"],
+  setup(e, { expose: o, emit: n }) {
+    const t = e, s = n, a = j(1), c = j(10);
+    function l(f) {
+      c.value = f, s("refresh");
+    }
+    function i(f) {
+      a.value = f, s("refresh");
+    }
+    return o({
+      pageNo: a,
+      pageSize: c
+    }), (f, b) => {
+      const y = $("el-pagination");
+      return d(), I(y, {
+        size: "small",
+        background: "",
+        onSizeChange: l,
+        onCurrentChange: i,
+        currentPage: a.value,
+        "onUpdate:currentPage": b[0] || (b[0] = (V) => a.value = V),
+        "page-sizes": [10, 20, 50, 100],
+        "page-size": c.value,
+        layout: "total, sizes, prev, pager, next",
+        total: t.totalElements
+      }, null, 8, ["currentPage", "page-size", "total"]);
+    };
+  }
+}), za = { class: "nav-bar" }, qa = { style: { "font-size": "16px" } }, Ba = {
   key: 0,
   class: "info-card-wrapper"
-}, Ha = { class: "icon-wrapper" }, Wa = { class: "info-wrapper" }, Ya = { class: "title-wrapper" }, Ja = { class: "tabs-wrapper" }, Ka = { class: "dialog-footer" }, Qa = /* @__PURE__ */ Oe({
+}, Ha = { class: "icon-wrapper" }, Wa = { class: "info-wrapper" }, Ya = { class: "title-wrapper" }, Ja = { class: "tabs-wrapper" }, Ka = { class: "dialog-footer" }, Qa = /* @__PURE__ */ Ce({
   __name: "DetailPage",
   setup(e) {
-    const { t: o } = St(), n = tt(), t = ft(), s = Re(() => n.query.id), a = q(!1), c = q(!1), l = q("view"), i = he(), f = q(-1), b = he(), C = he(), M = q("summary"), V = q(""), K = q(""), H = q(""), Z = q(0), j = fe({
+    const { t: o } = St(), n = tt(), t = ft(), s = Re(() => n.query.id), a = j(!1), c = j(!1), l = j("view"), i = he(), f = j(-1), b = he(), y = he(), V = j("summary"), M = j(""), K = j(""), H = j(""), Z = j(0), z = fe({
       api: "",
       fields: []
     }), te = fe([]);
     let se = [];
     Me([
       () => t.currentRoute.value,
-      $e
+      Ee
     ], () => {
       U();
     }, {
       immediate: !0,
       deep: !0
     });
-    function ve(d) {
-      f.value = parseInt(d.index) - 1;
+    function ve(u) {
+      f.value = parseInt(u.index) - 1;
     }
     function W() {
       var S;
-      let d = (S = se[f.value].api) == null ? void 0 : S.replace("/select", "");
-      d = d == null ? void 0 : d.substring(d.lastIndexOf("/"));
-      const r = j.api + "/" + s.value + d, v = C.value.multipleSelection.map((P) => P.id);
-      Ee(r, "POST", v).then(() => {
+      let u = (S = se[f.value].api) == null ? void 0 : S.replace("/select", "");
+      u = u == null ? void 0 : u.substring(u.lastIndexOf("/"));
+      const r = z.api + "/" + s.value + u, v = y.value.multipleSelection.map((P) => P.id);
+      Oe(r, "POST", v).then(() => {
         b.value.refresh(), c.value = !1;
       });
     }
-    function ke(d, r, v) {
+    function Se(u, r, v) {
       var R;
       v.functions || (v.functions = {}), v.functions.create = () => {
-        c.value = !0, C.value && C.value.refresh();
+        c.value = !0, y.value && y.value.refresh();
       };
       let S = Be(r);
-      S.tableConfig || (S.tableConfig = {}), S.tableConfig.selectMode = !0, S.tableConfig.queryParams = {}, d.queryParamName && (S.tableConfig.queryParams[d.queryParamName] = s.value);
+      S.tableConfig || (S.tableConfig = {}), S.tableConfig.selectMode = !0, S.tableConfig.queryParams = {}, u.queryParamName && (S.tableConfig.queryParams[u.queryParamName] = s.value);
       for (var P in S.fields)
         S.fields[P].tableColumn && (R = S.fields[P].tableColumn) != null && R.link && (S.fields[P].tableColumn.link = !1);
       se.push(S), v.labels = {
@@ -3425,7 +3458,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
         var g;
         let O = (g = se[f.value].api) == null ? void 0 : g.replace("/select", "");
         O = O == null ? void 0 : O.substring(O.lastIndexOf("/"));
-        const F = j.api + "/" + s.value + O, G = D.map((x) => x.id);
+        const F = z.api + "/" + s.value + O, G = D.map((x) => x.id);
         we.delete(`${F}/${G.join(",")}`).then(({ data: x }) => {
           x.code === 0 && b.value.refresh();
         });
@@ -3437,8 +3470,8 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
               var g;
               let F = (g = se[f.value].api) == null ? void 0 : g.replace("/select", "");
               F = F == null ? void 0 : F.substring(F.lastIndexOf("/"));
-              const G = j.api + "/" + s.value + F;
-              Ee(G, "DELETE", O.id).then(() => {
+              const G = z.api + "/" + s.value + F;
+              Oe(G, "DELETE", O.id).then(() => {
                 b.value.refresh();
               });
             }
@@ -3449,26 +3482,26 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
     function U() {
       var S, P, R;
       te.splice(0);
-      const d = n.params.model;
-      if ($e.value[d] === void 0) {
-        console.warn("Detail page model not exist:", d);
+      const u = n.params.model;
+      if (Ee.value[u] === void 0) {
+        console.warn("Detail page model not exist:", u);
         return;
       } else
-        console.debug("Detail page model found:", d, $e.value[d]);
-      Ye(j);
-      const r = Be($e.value[d]);
-      Object.assign(j, r), Z.value++, f.value = -1, M.value = "summary";
-      const v = (P = (S = j.pageConfig) == null ? void 0 : S.detailPage) == null ? void 0 : P.tabs;
+        console.debug("Detail page model found:", u, Ee.value[u]);
+      Ye(z);
+      const r = Be(Ee.value[u]);
+      Object.assign(z, r), Z.value++, f.value = -1, V.value = "summary";
+      const v = (P = (S = z.pageConfig) == null ? void 0 : S.detailPage) == null ? void 0 : P.tabs;
       if (v)
         for (let D of v) {
-          const O = Be($e.value[D.modelKey]);
+          const O = Be(Ee.value[D.modelKey]);
           if (te.push(O), D.type === "table") {
             O.tableConfig || (O.tableConfig = {});
             let F = O.tableConfig;
             if (F.display = {
               pane: !1
             }, D.modelRelationType === "associated")
-              ke(D, O, F);
+              Se(D, O, F);
             else if (D.modelRelationType === "child") {
               se.push({
                 fields: []
@@ -3491,19 +3524,19 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
     Me(
       [
         () => {
-          var d, r;
-          return (r = (d = j.pageConfig) == null ? void 0 : d.detailPage) == null ? void 0 : r.infoCard;
+          var u, r;
+          return (r = (u = z.pageConfig) == null ? void 0 : u.detailPage) == null ? void 0 : r.infoCard;
         },
         () => {
-          var d;
-          return (d = i.value) == null ? void 0 : d.formData;
+          var u;
+          return (u = i.value) == null ? void 0 : u.formData;
         }
       ],
-      (d) => {
+      (u) => {
         ct(() => {
           var v, S, P;
-          const r = (S = (v = j.pageConfig) == null ? void 0 : v.detailPage) == null ? void 0 : S.infoCard;
-          r && (V.value = r.titleFieldProp ? i.value.formData[r.titleFieldProp] : "", K.value = r.subtitleFieldProp ? i.value.formData[r.subtitleFieldProp] : "", H.value = r.tagFieldProp ? i.value.formData[r.tagFieldProp] : "", (P = j.fields) == null || P.forEach((R) => {
+          const r = (S = (v = z.pageConfig) == null ? void 0 : v.detailPage) == null ? void 0 : S.infoCard;
+          r && (M.value = r.titleFieldProp ? i.value.formData[r.titleFieldProp] : "", K.value = r.subtitleFieldProp ? i.value.formData[r.subtitleFieldProp] : "", H.value = r.tagFieldProp ? i.value.formData[r.tagFieldProp] : "", (P = z.fields) == null || P.forEach((R) => {
             var D, O;
             if (R.prop === r.tagFieldProp) {
               const F = (O = (D = R.tableColumn) == null ? void 0 : D.functions) == null ? void 0 : O.transformValue;
@@ -3517,49 +3550,49 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
         deep: !0
       }
     );
-    function w() {
+    function C() {
       a.value = !0;
     }
     function T() {
       i.value.refresh();
     }
-    return (d, r) => {
-      var m, z, k, ee, N, ae;
+    return (u, r) => {
+      var m, q, k, ee, N, ae;
       const v = $("el-page-header"), S = $("el-button"), P = $("el-icon"), R = $("el-dropdown-item"), D = $("el-dropdown-menu"), O = $("el-dropdown"), F = $("el-tag"), G = $("el-tab-pane"), g = $("el-tabs"), x = $("el-dialog");
-      return u(), E(ne, null, [
+      return d(), E(ne, null, [
         _("div", za, [
           h(v, {
-            onClick: r[0] || (r[0] = (Q) => y(t).back())
+            onClick: r[0] || (r[0] = (Q) => w(t).back())
           }, {
             title: p(() => r[5] || (r[5] = [
               _("span", null, null, -1)
             ])),
             content: p(() => [
-              _("span", qa, A(y(oe)(j == null ? void 0 : j.name)), 1)
+              _("span", qa, A(w(oe)(z == null ? void 0 : z.name)), 1)
             ]),
             _: 1
           }),
           _("div", null, [
             h(S, {
               type: "primary",
-              onClick: w
+              onClick: C
             }, {
               default: p(() => [
-                B(A(y(o)("common.table.edit")), 1)
+                B(A(w(o)("common.table.edit")), 1)
               ]),
               _: 1
             }),
-            ((z = (m = j.pageConfig) == null ? void 0 : m.detailPage) == null ? void 0 : z.operationButtons) !== void 0 ? (u(), I(O, { key: 0 }, {
+            ((q = (m = z.pageConfig) == null ? void 0 : m.detailPage) == null ? void 0 : q.operationButtons) !== void 0 ? (d(), I(O, { key: 0 }, {
               dropdown: p(() => [
                 h(D, null, {
                   default: p(() => {
                     var Q, Y;
                     return [
-                      (u(!0), E(ne, null, me((Y = (Q = j.pageConfig) == null ? void 0 : Q.detailPage) == null ? void 0 : Y.operationButtons, (re) => (u(), I(R, {
+                      (d(!0), E(ne, null, me((Y = (Q = z.pageConfig) == null ? void 0 : Q.detailPage) == null ? void 0 : Y.operationButtons, (re) => (d(), I(R, {
                         onClick: (le) => re.function(i.value.formData)
                       }, {
                         default: p(() => [
-                          B(A(y(oe)(re.label)), 1)
+                          B(A(w(oe)(re.label)), 1)
                         ]),
                         _: 2
                       }, 1032, ["onClick"]))), 256))
@@ -3571,10 +3604,10 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
               default: p(() => [
                 h(S, { style: { margin: "0 10px" } }, {
                   default: p(() => [
-                    B(A(y(o)("common.basic.more")), 1),
+                    B(A(w(o)("common.basic.more")), 1),
                     h(P, { class: "el-icon--right" }, {
                       default: p(() => [
-                        h(y(Qt))
+                        h(w(Qt))
                       ]),
                       _: 1
                     })
@@ -3591,7 +3624,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
               default: p(() => [
                 h(P, null, {
                   default: p(() => [
-                    h(y(xt))
+                    h(w(xt))
                   ]),
                   _: 1
                 })
@@ -3600,14 +3633,14 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
             })
           ])
         ]),
-        (ee = (k = j.pageConfig) == null ? void 0 : k.detailPage) != null && ee.infoCard ? (u(), E("div", Ba, [
+        (ee = (k = z.pageConfig) == null ? void 0 : k.detailPage) != null && ee.infoCard ? (d(), E("div", Ba, [
           _("div", Ha, [
-            (u(), I(it((N = j.pageConfig.detailPage.infoCard.icon) != null ? N : ""), { class: "icon" }))
+            (d(), I(it((N = z.pageConfig.detailPage.infoCard.icon) != null ? N : ""), { class: "icon" }))
           ]),
           _("div", Wa, [
             _("div", Ya, [
-              _("h1", null, A(V.value), 1),
-              ((ae = H.value) == null ? void 0 : ae.length) > 0 ? (u(), I(F, {
+              _("h1", null, A(M.value), 1),
+              ((ae = H.value) == null ? void 0 : ae.length) > 0 ? (d(), I(F, {
                 key: 0,
                 size: "small"
               }, {
@@ -3622,15 +3655,15 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
         ])) : L("", !0),
         _("div", Ja, [
           h(g, {
-            modelValue: M.value,
-            "onUpdate:modelValue": r[1] || (r[1] = (Q) => M.value = Q),
+            modelValue: V.value,
+            "onUpdate:modelValue": r[1] || (r[1] = (Q) => V.value = Q),
             onTabClick: ve
           }, {
             default: p(() => {
               var Q, Y;
               return [
                 h(G, {
-                  label: y(o)("common.basic.summary"),
+                  label: w(o)("common.basic.summary"),
                   name: "summary"
                 }, {
                   default: p(() => [
@@ -3640,19 +3673,19 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                       id: s.value,
                       sessionId: Z.value,
                       mode: l.value,
-                      model: j
+                      model: z
                     }, null, 8, ["id", "sessionId", "mode", "model"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                (u(!0), E(ne, null, me((Y = (Q = j.pageConfig) == null ? void 0 : Q.detailPage) == null ? void 0 : Y.tabs, (re) => (u(), I(G, {
-                  label: y(oe)(re.name)
+                (d(!0), E(ne, null, me((Y = (Q = z.pageConfig) == null ? void 0 : Q.detailPage) == null ? void 0 : Y.tabs, (re) => (d(), I(G, {
+                  label: w(oe)(re.name)
                 }, null, 8, ["label"]))), 256))
               ];
             }),
             _: 1
           }, 8, ["modelValue"]),
-          f.value >= 0 ? (u(), I(pt, {
+          f.value >= 0 ? (d(), I(pt, {
             key: 0,
             ref_key: "tabPaneTableRef",
             ref: b,
@@ -3661,7 +3694,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
           h(x, {
             modelValue: c.value,
             "onUpdate:modelValue": r[3] || (r[3] = (Q) => c.value = Q),
-            title: y(o)("common.table.select"),
+            title: w(o)("common.table.select"),
             width: "800px"
           }, {
             footer: p(() => [
@@ -3670,7 +3703,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                   onClick: r[2] || (r[2] = (Q) => c.value = !1)
                 }, {
                   default: p(() => [
-                    B(A(y(o)("common.basic.cancel")), 1)
+                    B(A(w(o)("common.basic.cancel")), 1)
                   ]),
                   _: 1
                 }),
@@ -3679,18 +3712,18 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
                   onClick: W
                 }, {
                   default: p(() => [
-                    B(A(y(o)("common.basic.save")), 1)
+                    B(A(w(o)("common.basic.save")), 1)
                   ]),
                   _: 1
                 })
               ])
             ]),
             default: p(() => [
-              f.value >= 0 ? (u(), I(pt, {
+              f.value >= 0 ? (d(), I(pt, {
                 key: 0,
                 ref_key: "selectTableRef",
-                ref: C,
-                model: y(se)[f.value]
+                ref: y,
+                model: w(se)[f.value]
               }, null, 8, ["model"])) : L("", !0)
             ]),
             _: 1
@@ -3701,13 +3734,13 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
           mode: "update",
           visible: a.value,
           "onUpdate:visible": r[4] || (r[4] = (Q) => a.value = Q),
-          model: j,
+          model: z,
           afterSubmitFunc: T
         }, null, 8, ["id", "visible", "model"])
       ], 64);
     };
   }
-}), Xa = /* @__PURE__ */ Ce(Qa, [["__scopeId", "data-v-5fe1d5fa"]]), Za = { class: "page-title" }, er = /* @__PURE__ */ Oe({
+}), Xa = /* @__PURE__ */ ke(Qa, [["__scopeId", "data-v-5fe1d5fa"]]), Za = { class: "page-title" }, er = /* @__PURE__ */ Ce({
   __name: "TablePage",
   setup(e) {
     const o = tt(), n = ft(), t = he(), s = he([]), a = fe({
@@ -3715,49 +3748,49 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
       fields: []
     }), c = fe(ot({}, a));
     function l() {
-      var f, b, C, M, V;
-      s.value = [], a.pageConfig && ((b = (f = a.pageConfig) == null ? void 0 : f.tablePage) != null && b.tabViewAttributes) && (s.value = (V = (M = (C = a.pageConfig) == null ? void 0 : C.tablePage) == null ? void 0 : M.tabViewAttributes) == null ? void 0 : V.map((K) => {
+      var f, b, y, V, M;
+      s.value = [], a.pageConfig && ((b = (f = a.pageConfig) == null ? void 0 : f.tablePage) != null && b.tabViewAttributes) && (s.value = (M = (V = (y = a.pageConfig) == null ? void 0 : y.tablePage) == null ? void 0 : V.tabViewAttributes) == null ? void 0 : M.map((K) => {
         const H = We(K);
         let Z;
-        H.modelKey && $e.value[H.modelKey] ? Z = Be($e.value[H.modelKey]) : Z = Be(a), H.queryParams && (Z.tableConfig || (Z.tableConfig = {}), Z.tableConfig.queryParams = H.queryParams), H.fields && (Z.fields = H.fields), H.modelKey && (Z.breadcrumbRoute = a.route);
-        const j = H.icon;
+        H.modelKey && Ee.value[H.modelKey] ? Z = Be(Ee.value[H.modelKey]) : Z = Be(a), H.queryParams && (Z.tableConfig || (Z.tableConfig = {}), Z.tableConfig.queryParams = H.queryParams), H.fields && (Z.fields = H.fields), H.modelKey && (Z.breadcrumbRoute = a.route);
+        const z = H.icon;
         return {
           key: H.key,
           label: H.label,
-          icon: j ? Te(j) : void 0,
+          icon: z ? Te(z) : void 0,
           disabled: H.disabled,
           model: Z
         };
       }));
     }
     function i() {
-      var C, M;
+      var y, V;
       const f = o.params.model;
-      if ($e.value[f] === void 0) {
-        console.warn("TablePage.init: model not found", f, $e.value);
+      if (Ee.value[f] === void 0) {
+        console.warn("TablePage.init: model not found", f, Ee.value);
         return;
       }
       Ye(a);
-      const b = Be($e.value[f]);
-      Object.assign(a, b), (M = (C = a.pageConfig) == null ? void 0 : C.tablePage) != null && M.tabViewAttributes || Object.assign(c, a), l();
+      const b = Be(Ee.value[f]);
+      Object.assign(a, b), (V = (y = a.pageConfig) == null ? void 0 : y.tablePage) != null && V.tabViewAttributes || Object.assign(c, a), l();
     }
     return Me([
       () => n.currentRoute.value,
-      $e
+      Ee
     ], () => {
       i();
     }, {
       immediate: !0,
       deep: !0
     }), (f, b) => {
-      const C = $("el-scrollbar");
-      return u(), E(ne, null, [
-        _("h1", Za, A(y(oe)(a == null ? void 0 : a.name)), 1),
-        h(C, null, {
+      const y = $("el-scrollbar");
+      return d(), E(ne, null, [
+        _("h1", Za, A(w(oe)(a == null ? void 0 : a.name)), 1),
+        h(y, null, {
           default: p(() => {
-            var M, V;
+            var V, M;
             return [
-              (V = (M = a.pageConfig) == null ? void 0 : M.tablePage) != null && V.tabViewAttributes ? (u(), I(wo, {
+              (M = (V = a.pageConfig) == null ? void 0 : V.tablePage) != null && M.tabViewAttributes ? (d(), I(wo, {
                 key: 0,
                 class: "tabs-wrapper",
                 cards: s.value,
@@ -3776,7 +3809,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
       ], 64);
     };
   }
-}), tr = /* @__PURE__ */ Ce(er, [["__scopeId", "data-v-4c0b2381"]]), or = [
+}), tr = /* @__PURE__ */ ke(er, [["__scopeId", "data-v-4c0b2381"]]), or = [
   Ko,
   ia,
   eo,
@@ -3787,7 +3820,7 @@ const Da = { render: Aa }, Ra = { class: "toolbar" }, Fa = { class: "tool-button
   pt,
   Xa,
   tr
-], mr = (e) => {
+], hr = (e) => {
   e && e.component && or.forEach((o) => {
     e.component(o.__name, o);
   });
@@ -3803,17 +3836,19 @@ export {
   wo as TabCard,
   tr as TablePage,
   pt as TableView,
+  mr as VcPagination,
   hs as activeMenuMapping,
+  Ye as clearObject,
   oe as convertI18n,
-  ur as createFile,
+  dr as createFile,
   tn as deepMerge,
-  mr as default,
+  hr as default,
   Qo as en,
   Xt as getPassportOrigin,
   pr as getUrlParam,
-  dt as i18n,
+  ut as i18n,
   fr as menuList,
-  $e as modelList,
+  Ee as modelList,
   Pt as pinia,
   Rt as routes,
   bo as useConsoleStore,