@vancone/console-component 0.1.1-beta.45 → 0.1.1-beta.46

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

@@ -1,16 +1,16 @@
-var vo = Object.defineProperty, bo = Object.defineProperties;
+var bo = Object.defineProperty, vo = Object.defineProperties;
 var yo = Object.getOwnPropertyDescriptors;
 var Ct = Object.getOwnPropertySymbols;
 var wo = Object.prototype.hasOwnProperty, So = Object.prototype.propertyIsEnumerable;
-var kt = (e, t, o) => t in e ? vo(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, Ze = (e, t) => {
+var kt = (e, t, o) => t in e ? bo(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, Ze = (e, t) => {
   for (var o in t || (t = {}))
     wo.call(t, o) && kt(e, o, t[o]);
   if (Ct)
     for (var o of Ct(t))
       So.call(t, o) && kt(e, o, t[o]);
   return e;
-}, $t = (e, t) => bo(e, yo(t));
-var $e = (e, t, o) => new Promise((n, s) => {
+}, $t = (e, t) => vo(e, yo(t));
+var Ee = (e, t, o) => new Promise((n, s) => {
   var r = (i) => {
     try {
       a(o.next(i));
@@ -26,14 +26,14 @@ var $e = (e, t, o) => new Promise((n, s) => {
   }, a = (i) => i.done ? n(i.value) : Promise.resolve(i.value).then(r, l);
   a((o = o.apply(e, t)).next());
 });
-import { openBlock as p, createElementBlock as V, createElementVNode as S, defineComponent as Se, reactive as de, resolveComponent as E, createVNode as m, withCtx as d, unref as x, Fragment as le, renderList as fe, toDisplayString as R, normalizeStyle as je, ref as A, onMounted as Ft, createBlock as P, createTextVNode as J, createCommentVNode as j, nextTick as Be, resolveDynamicComponent as rt, effectScope as Rt, markRaw as Me, toRaw as Ye, hasInjectionContext as Co, inject as ko, getCurrentInstance as $o, watch as Ee, isRef as We, isReactive as _t, toRef as ut, computed as Te, getCurrentScope as xo, onScopeDispose as Eo, toRefs as xt, createStaticVNode as Oo, normalizeClass as Lt, resolveDirective as Gt, withDirectives as jt } from "vue";
+import { openBlock as p, createElementBlock as V, createElementVNode as S, defineComponent as Ce, reactive as de, resolveComponent as E, createVNode as m, withCtx as d, unref as x, Fragment as ae, renderList as pe, toDisplayString as G, normalizeStyle as je, ref as A, onMounted as Ft, createBlock as P, createTextVNode as K, createCommentVNode as q, nextTick as Be, resolveDynamicComponent as rt, effectScope as Rt, markRaw as Me, toRaw as Ye, hasInjectionContext as Co, inject as ko, getCurrentInstance as $o, watch as Pe, isRef as We, isReactive as _t, toRef as ut, computed as Te, getCurrentScope as xo, onScopeDispose as Eo, toRefs as xt, createStaticVNode as Oo, normalizeClass as Lt, resolveDirective as Gt, withDirectives as jt } from "vue";
 import { useRoute as Ke, useRouter as ct } from "vue-router";
 import Po from "axios";
 import { ElMessage as dt, ElMessageBox as Et } from "element-plus";
 import { Search as zt, ArrowDown as qt, ArrowRight as Io, Check as Vo, Refresh as Ht, Upload as Ao, Download as Ot, Document as No, Printer as Mo, Setting as Uo, MoreFilled as To, QuestionFilled as Do } from "@element-plus/icons-vue";
 import { createI18n as Fo, useI18n as Qe } from "vue-i18n";
 import { cloneDeep as Ge } from "lodash";
-const be = (e, t) => {
+const ve = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [n, s] of t)
     o[n] = s;
@@ -42,12 +42,12 @@ const be = (e, t) => {
 function Go(e, t) {
   return p(), V("div", Lo);
 }
-const jo = /* @__PURE__ */ be(Ro, [["render", Go], ["__scopeId", "data-v-07bd45d2"]]), ve = Po.create({
+const jo = /* @__PURE__ */ ve(Ro, [["render", Go], ["__scopeId", "data-v-07bd45d2"]]), be = Po.create({
   timeout: 2 * 60 * 1e3,
   withCredentials: !0
 });
-ve.interceptors.request.use((e) => e);
-ve.interceptors.response.use((e) => {
+be.interceptors.request.use((e) => e);
+be.interceptors.response.use((e) => {
   const { headers: t, method: o } = e.config, { code: n, message: s } = e.data, { "No-Success-Message": r } = t, l = o !== "get";
   return n === 0 ? (l && !r && dt({
     message: s,
@@ -79,16 +79,16 @@ const Bt = () => {
   return e.includes("beta") || e.includes("localhost") ? "passport.beta.vancone.com" : "passport.vancone.com";
 }, Yt = Bt();
 function zo() {
-  return ve.get(`//${Yt}/api/passport/service/v1/account`);
+  return be.get(`//${Yt}/api/passport/service/v1/account`);
 }
 function qo() {
-  return ve.delete(`//${Yt}/api/passport/service/v1/login`);
+  return be.delete(`//${Yt}/api/passport/service/v1/login`);
 }
 function Ho() {
-  return ve.get("//app-center.vancone.com/api/app-center/v1/app-group?pageSize=1000");
+  return be.get("//app-center.vancone.com/api/app-center/v1/app-group?pageSize=1000");
 }
 function Bo() {
-  return ve.get("//app-center.vancone.com/api/app-center/v1/store/app?pageSize=1000");
+  return be.get("//app-center.vancone.com/api/app-center/v1/store/app?pageSize=1000");
 }
 const Yo = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -129,7 +129,7 @@ function en(e, t) {
 const tn = { render: en }, on = { class: "app-catalog-wrapper" }, nn = { class: "catalog-wrapper" }, sn = { class: "service-list" }, rn = { class: "app-icon-container" }, an = ["href"], ln = ["innerHTML"], cn = {
   key: 1,
   class: "app-icon"
-}, un = /* @__PURE__ */ Se({
+}, un = /* @__PURE__ */ Ce({
   __name: "AppCatalog",
   props: {
     visible: { type: Boolean }
@@ -168,11 +168,11 @@ const tn = { render: en }, on = { class: "app-catalog-wrapper" }, nn = { class:
                 }, {
                   default: d(() => [
                     S("div", nn, [
-                      (p(!0), V(le, null, fe(t, (f) => (p(), V("div", sn, [
-                        S("h1", null, R(f.name), 1),
+                      (p(!0), V(ae, null, pe(t, (f) => (p(), V("div", sn, [
+                        S("h1", null, G(f.name), 1),
                         S("div", rn, [
-                          (p(!0), V(le, null, fe(f.apps, (y) => {
-                            var C, N;
+                          (p(!0), V(ae, null, pe(f.apps, (y) => {
+                            var C, M;
                             return p(), V("a", {
                               style: je([{ "text-decoration": "none" }, { pointerEvents: ((C = y.homepageUrl) == null ? void 0 : C.length) > 0 ? "auto" : "none" }]),
                               target: "_blank",
@@ -184,8 +184,8 @@ const tn = { render: en }, on = { class: "app-catalog-wrapper" }, nn = { class:
                                 innerHTML: y.iconSvg
                               }, null, 8, ln)) : (p(), V("div", cn, " ")),
                               S("h2", {
-                                style: je({ color: ((N = y.homepageUrl) == null ? void 0 : N.length) > 0 ? "#555" : "#bbb" })
-                              }, R(y.name), 5)
+                                style: je({ color: ((M = y.homepageUrl) == null ? void 0 : M.length) > 0 ? "#555" : "#bbb" })
+                              }, G(y.name), 5)
                             ], 12, an);
                           }), 256))
                         ])
@@ -221,7 +221,7 @@ const tn = { render: en }, on = { class: "app-catalog-wrapper" }, nn = { class:
       ]);
     };
   }
-}), dn = /* @__PURE__ */ be(un, [["__scopeId", "data-v-fcfb021b"]]), pn = {
+}), dn = /* @__PURE__ */ ve(un, [["__scopeId", "data-v-fcfb021b"]]), pn = {
   common: {
     header: {
       product: "Products",
@@ -323,12 +323,12 @@ const gn = { render: hn }, _n = {
   class: "icon",
   viewBox: "0 0 1024 1024"
 };
-function vn(e, t) {
+function bn(e, t) {
   return p(), V("svg", _n, t[0] || (t[0] = [
     S("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)
   ]));
 }
-const bn = { render: vn }, yn = {
+const vn = { render: bn }, yn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
@@ -354,19 +354,19 @@ function kn(e, t) {
   ]));
 }
 const $n = { render: kn };
-function Ce(e, t, o) {
+function $e(e, t, o) {
   switch (t) {
     case "POST":
-      return ve.post(e, o);
+      return be.post(e, o);
     case "PUT":
-      return ve.put(e, o);
+      return be.put(e, o);
     case "DELETE":
-      return ve.delete(e + "/" + o);
+      return be.delete(e + "/" + o);
     default:
-      return ve.get(e, { params: o });
+      return be.get(e, { params: o });
   }
 }
-const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }, Pn = { class: "icon-wrapper" }, In = { class: "user-wrapper" }, Vn = { style: { "font-size": "11px", "font-weight": "bold" } }, An = { class: "user-popover-header" }, Nn = { style: { "font-size": "15px", "font-weight": "bold" } }, Mn = ["onClick"], Un = /* @__PURE__ */ Se({
+const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }, Pn = { class: "icon-wrapper" }, In = { class: "user-wrapper" }, Vn = { style: { "font-size": "11px", "font-weight": "bold" } }, An = { class: "user-popover-header" }, Nn = { style: { "font-size": "15px", "font-weight": "bold" } }, Mn = ["onClick"], Un = /* @__PURE__ */ Ce({
   __name: "Header",
   props: {
     title: {},
@@ -379,7 +379,7 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
         id: "",
         name: ""
       }
-    ), y = A(""), C = A(at.global.locale), N = de([
+    ), y = A(""), C = A(at.global.locale), M = de([
       {
         id: "en",
         name: "English"
@@ -390,50 +390,50 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
       }
     ]);
     Ft(() => {
-      var G, M, te;
-      y.value = decodeURIComponent(T("passport_username").replace(/\+/g, " ")), y.value === "" && zo().then(({ data: h }) => {
+      var z, U, ee;
+      y.value = decodeURIComponent(R("passport_username").replace(/\+/g, " ")), y.value === "" && zo().then(({ data: h }) => {
         var g;
         h.code == 0 && (y.value = (g = h.data.name) != null ? g : h.data.displayId);
-      }), (G = a.headerProjectConfig) != null && G.api ? Ce((M = a.headerProjectConfig) == null ? void 0 : M.api, "GET", {}).then(({ data: h }) => {
+      }), (z = a.headerProjectConfig) != null && z.api ? $e((U = a.headerProjectConfig) == null ? void 0 : U.api, "GET", {}).then(({ data: h }) => {
         i.value = h.data;
-      }) : (te = a.headerProjectConfig) != null && te.items && (i.value = a.headerProjectConfig.items);
+      }) : (ee = a.headerProjectConfig) != null && ee.items && (i.value = a.headerProjectConfig.items);
     });
-    function T(G) {
-      for (var M = G + "=", te = document.cookie.split(";"), h = 0; h < te.length; h++) {
-        for (var g = te[h]; g.charAt(0) == " "; ) g = g.substring(1);
-        if (g.indexOf(M) != -1)
-          return g.substring(M.length, g.length);
+    function R(z) {
+      for (var U = z + "=", ee = document.cookie.split(";"), h = 0; h < ee.length; h++) {
+        for (var g = ee[h]; g.charAt(0) == " "; ) g = g.substring(1);
+        if (g.indexOf(U) != -1)
+          return g.substring(U.length, g.length);
       }
       return "";
     }
-    function H() {
+    function B() {
       qo().then(() => {
-        const G = escape(window.location.href);
-        window.location.href = `//${Bt()}/?from=${G}#login`;
+        const z = escape(window.location.href);
+        window.location.href = `//${Bt()}/?from=${z}#login`;
       });
     }
-    function L(G) {
-      at.global.locale.value = G, C.value = G, localStorage.setItem("locale", G);
+    function j(z) {
+      at.global.locale.value = z, C.value = z, localStorage.setItem("locale", z);
     }
-    function ee() {
+    function Z() {
       window.open("https://passport.vancone.com/#/account/profile", "_blank");
     }
-    function B() {
+    function Y() {
       window.open(a.helpDocUrl, "_blank");
     }
-    function ie(G) {
-      if (G === "allProjects")
+    function le(z) {
+      if (z === "allProjects")
         alert("show all projects");
       else
-        for (let M of i.value)
-          if (console.log("project.id", M.id, "command", G), M.id === G) {
-            Object.assign(f, M);
+        for (let U of i.value)
+          if (console.log("project.id", U.id, "command", z), U.id === z) {
+            Object.assign(f, U);
             break;
           }
     }
-    return (G, M) => {
-      const te = E("el-icon"), h = E("el-dropdown-item"), g = E("el-dropdown-menu"), b = E("el-dropdown"), I = E("el-popover"), u = E("el-tooltip"), c = E("el-avatar"), k = E("el-menu-item"), O = E("el-menu"), z = E("el-drawer");
-      return p(), V(le, null, [
+    return (z, U) => {
+      const ee = E("el-icon"), h = E("el-dropdown-item"), g = E("el-dropdown-menu"), v = E("el-dropdown"), I = E("el-popover"), u = E("el-tooltip"), c = E("el-avatar"), k = E("el-menu-item"), O = E("el-menu"), L = E("el-drawer");
+      return p(), V(ae, null, [
         S("div", xn, [
           S("div", En, [
             S("div", {
@@ -444,20 +444,20 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
             }, [
               m(x(gn))
             ], 512),
-            S("h1", null, R(G.title), 1),
-            a.headerProjectConfig ? (p(), P(b, {
+            S("h1", null, G(z.title), 1),
+            a.headerProjectConfig ? (p(), P(v, {
               key: 0,
               placement: "bottom-start",
-              onCommand: ie
+              onCommand: le
             }, {
               dropdown: d(() => [
                 m(g, { style: { width: "300px" } }, {
                   default: d(() => [
-                    (p(!0), V(le, null, fe(i.value, (D) => (p(), P(h, {
-                      command: D.id
+                    (p(!0), V(ae, null, pe(i.value, (T) => (p(), P(h, {
+                      command: T.id
                     }, {
                       default: d(() => [
-                        J(R(D.name), 1)
+                        K(G(T.name), 1)
                       ]),
                       _: 2
                     }, 1032, ["command"]))), 256)),
@@ -465,8 +465,8 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
                       divided: "",
                       command: "allProjects"
                     }, {
-                      default: d(() => M[2] || (M[2] = [
-                        J("全部项目")
+                      default: d(() => U[2] || (U[2] = [
+                        K("全部项目")
                       ])),
                       _: 1
                     })
@@ -476,8 +476,8 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
               ]),
               default: d(() => [
                 S("span", null, [
-                  J(R(f.name) + " ", 1),
-                  m(te, { class: "el-icon--right" }, {
+                  K(G(f.name) + " ", 1),
+                  m(ee, { class: "el-icon--right" }, {
                     default: d(() => [
                       m(x(qt))
                     ]),
@@ -486,7 +486,7 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
                 ])
               ]),
               _: 1
-            })) : j("", !0)
+            })) : q("", !0)
           ]),
           m(I, {
             class: "app-popover",
@@ -522,10 +522,10 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
                 a.helpDocUrl !== void 0 ? (p(), V("div", {
                   key: 0,
                   class: "icon-wrapper",
-                  onClick: B
+                  onClick: Y
                 }, [
-                  m(x(bn))
-                ])) : j("", !0)
+                  m(x(vn))
+                ])) : q("", !0)
               ]),
               _: 1
             }, 8, ["content"]),
@@ -537,7 +537,7 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
               default: d(() => [
                 S("div", {
                   class: "icon-wrapper",
-                  onClick: M[0] || (M[0] = (D) => l.value = !0)
+                  onClick: U[0] || (U[0] = (T) => l.value = !0)
                 }, [
                   m(x(Sn))
                 ])
@@ -552,7 +552,7 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
                 ref: o
               }, {
                 default: d(() => [
-                  S("span", Vn, R(y.value.substring(0, 2)), 1)
+                  S("span", Vn, G(y.value.substring(0, 2)), 1)
                 ]),
                 _: 1
               }, 512),
@@ -573,17 +573,17 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
                       src: ""
                     }, {
                       default: d(() => [
-                        S("span", Nn, R(y.value.substring(0, 2)), 1)
+                        S("span", Nn, G(y.value.substring(0, 2)), 1)
                       ]),
                       _: 1
                     }),
-                    S("span", null, R(y.value), 1)
+                    S("span", null, G(y.value), 1)
                   ]),
                   m(O, { class: "user-menu" }, {
                     default: d(() => [
-                      m(k, { onClick: ee }, {
+                      m(k, { onClick: Z }, {
                         default: d(() => [
-                          J(R(x(t)("common.header.userCenter")), 1)
+                          K(G(x(t)("common.header.userCenter")), 1)
                         ]),
                         _: 1
                       }),
@@ -593,8 +593,8 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
                         style: { display: "flext", "justify-content": "space-between" }
                       }, {
                         default: d(() => [
-                          S("span", null, R(x(t)("common.header.switchLanguage")), 1),
-                          m(te, { style: { left: "15px" } }, {
+                          S("span", null, G(x(t)("common.header.switchLanguage")), 1),
+                          m(ee, { style: { left: "15px" } }, {
                             default: d(() => [
                               m(x(Io))
                             ]),
@@ -615,12 +615,12 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
                         "popper-style": "height: 80px; left: -165px"
                       }, {
                         default: d(() => [
-                          (p(!0), V(le, null, fe(N, (D) => (p(), V("div", {
+                          (p(!0), V(ae, null, pe(M, (T) => (p(), V("div", {
                             class: "select-list",
-                            onClick: (F) => L(D.id)
+                            onClick: (D) => j(T.id)
                           }, [
-                            S("span", null, R(D.name), 1),
-                            D.id === C.value ? (p(), P(te, {
+                            S("span", null, G(T.name), 1),
+                            T.id === C.value ? (p(), P(ee, {
                               key: 0,
                               style: { color: "#8ba74f" }
                             }, {
@@ -628,14 +628,14 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
                                 m(x(Vo))
                               ]),
                               _: 1
-                            })) : j("", !0)
+                            })) : q("", !0)
                           ], 8, Mn))), 256))
                         ]),
                         _: 1
                       }, 8, ["virtual-ref"]),
-                      m(k, { onClick: H }, {
+                      m(k, { onClick: B }, {
                         default: d(() => [
-                          J(R(x(t)("common.header.signOut")), 1)
+                          K(G(x(t)("common.header.signOut")), 1)
                         ]),
                         _: 1
                       })
@@ -648,19 +648,19 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
             ])
           ])
         ]),
-        m(z, {
+        m(L, {
           modelValue: l.value,
-          "onUpdate:modelValue": M[1] || (M[1] = (D) => l.value = D),
+          "onUpdate:modelValue": U[1] || (U[1] = (T) => l.value = T),
           direction: "rtl",
           title: "Message Center"
         }, null, 8, ["modelValue"])
       ], 64);
     };
   }
-}), Wt = /* @__PURE__ */ be(Un, [["__scopeId", "data-v-b04b3245"]]), Tn = {
+}), Wt = /* @__PURE__ */ ve(Un, [["__scopeId", "data-v-b04b3245"]]), Tn = {
   class: "menu-icon-wrapper",
   style: { "margin-left": "3px" }
-}, Dn = ["innerHTML"], Fn = { class: "menu-icon-wrapper" }, Rn = ["innerHTML"], Ln = /* @__PURE__ */ Se({
+}, Dn = ["innerHTML"], Fn = { class: "menu-icon-wrapper" }, Rn = ["innerHTML"], Ln = /* @__PURE__ */ Ce({
   __name: "SideMenuItem",
   props: {
     menu: {}
@@ -680,18 +680,18 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
               (a = t.menu.meta) != null && a.icon ? (p(), P(rt((i = o.menu.meta) == null ? void 0 : i.icon), {
                 key: 0,
                 class: "menu-icon"
-              })) : j("", !0),
+              })) : q("", !0),
               (f = t.menu.meta) != null && f.svgXml ? (p(), V("div", {
                 key: 1,
                 class: "svg-xml-icon",
                 innerHTML: t.menu.meta.svgXml
-              }, null, 8, Dn)) : j("", !0)
+              }, null, 8, Dn)) : q("", !0)
             ]),
-            S("span", null, R(o.$t((C = (y = o.menu.meta) == null ? void 0 : y.title) != null ? C : "")), 1)
+            S("span", null, G(o.$t((C = (y = o.menu.meta) == null ? void 0 : y.title) != null ? C : "")), 1)
           ];
         }),
         default: d(() => [
-          (p(!0), V(le, null, fe(o.menu.children, (a) => (p(), P(s, {
+          (p(!0), V(ae, null, pe(o.menu.children, (a) => (p(), P(s, {
             key: a.path,
             route: a,
             menu: a
@@ -706,7 +706,7 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
         title: d(() => {
           var a, i;
           return [
-            S("span", null, R(o.$t((i = (a = o.menu.meta) == null ? void 0 : a.title) != null ? i : "")), 1)
+            S("span", null, G(o.$t((i = (a = o.menu.meta) == null ? void 0 : a.title) != null ? i : "")), 1)
           ];
         }),
         default: d(() => {
@@ -716,12 +716,12 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
               (a = t.menu.meta) != null && a.icon ? (p(), P(rt((i = o.$props.menu.meta) == null ? void 0 : i.icon), {
                 key: 0,
                 class: "menu-icon"
-              })) : j("", !0),
+              })) : q("", !0),
               ((f = t.menu.meta) == null ? void 0 : f.svgXml) !== void 0 ? (p(), V("div", {
                 key: 1,
                 class: "svg-xml-icon",
                 innerHTML: t.menu.meta.svgXml
-              }, null, 8, Rn)) : j("", !0)
+              }, null, 8, Rn)) : q("", !0)
             ])
           ];
         }),
@@ -729,7 +729,7 @@ const xn = { class: "header" }, En = { class: "title" }, On = { class: "right" }
       }, 8, ["index"]));
     };
   }
-}), Gn = /* @__PURE__ */ be(Ln, [["__scopeId", "data-v-032308f8"]]), _e = A({}), jn = {}, Pt = A([]);
+}), Gn = /* @__PURE__ */ ve(Ln, [["__scopeId", "data-v-032308f8"]]), _e = A({}), jn = {}, Pt = A([]);
 var Jt = !1;
 function et(e, t, o) {
   return Array.isArray(e) ? (e.length = Math.max(e.length, t), e.splice(t, 1, o), o) : (e[t] = o, o);
@@ -811,7 +811,7 @@ class Jn {
     });
   }
   setRealTarget(t) {
-    return $e(this, null, function* () {
+    return Ee(this, null, function* () {
       this.target = t;
       for (const o of this.onQueue)
         this.target.on[o.method](...o.args);
@@ -846,15 +846,15 @@ const Je = (e) => He = e, Xt = process.env.NODE_ENV !== "production" ? Symbol("p
 function De(e) {
   return e && typeof e == "object" && Object.prototype.toString.call(e) === "[object Object]" && typeof e.toJSON != "function";
 }
-var ke;
+var xe;
 (function(e) {
   e.direct = "direct", e.patchObject = "patch object", e.patchFunction = "patch function";
-})(ke || (ke = {}));
+})(xe || (xe = {}));
 const Ue = typeof window != "undefined", It = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof global == "object" && global.global === global ? global : typeof globalThis == "object" ? globalThis : { HTMLElement: null };
 function Kn(e, { autoBom: t = !1 } = {}) {
   return t && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type) ? new Blob(["\uFEFF", e], { type: e.type }) : e;
 }
-function vt(e, t, o) {
+function bt(e, t, o) {
   const n = new XMLHttpRequest();
   n.open("GET", e), n.responseType = "blob", n.onload = function() {
     to(n.response, t, o);
@@ -892,7 +892,7 @@ const ot = typeof navigator == "object" ? navigator : { userAgent: "" }, eo = /M
 };
 function Qn(e, t = "download", o) {
   const n = document.createElement("a");
-  n.download = t, n.rel = "noopener", typeof e == "string" ? (n.href = e, n.origin !== location.origin ? Zt(n.href) ? vt(e, t, o) : (n.target = "_blank", tt(n)) : tt(n)) : (n.href = URL.createObjectURL(e), setTimeout(function() {
+  n.download = t, n.rel = "noopener", typeof e == "string" ? (n.href = e, n.origin !== location.origin ? Zt(n.href) ? bt(e, t, o) : (n.target = "_blank", tt(n)) : tt(n)) : (n.href = URL.createObjectURL(e), setTimeout(function() {
     URL.revokeObjectURL(n.href);
   }, 4e4), setTimeout(function() {
     tt(n);
@@ -901,7 +901,7 @@ function Qn(e, t = "download", o) {
 function Xn(e, t = "download", o) {
   if (typeof e == "string")
     if (Zt(e))
-      vt(e, t, o);
+      bt(e, t, o);
     else {
       const n = document.createElement("a");
       n.href = e, n.target = "_blank", setTimeout(function() {
@@ -913,7 +913,7 @@ function Xn(e, t = "download", o) {
 }
 function Zn(e, t, o, n) {
   if (n = n || open("", "_blank"), n && (n.document.title = n.document.body.innerText = "downloading..."), typeof e == "string")
-    return vt(e, t, o);
+    return bt(e, t, o);
   const s = e.type === "application/octet-stream", r = /constructor/i.test(String(It.HTMLElement)) || "safari" in It, l = /CriOS\/[\d]+/.test(navigator.userAgent);
   if ((l || s && r || eo) && typeof FileReader != "undefined") {
     const a = new FileReader();
@@ -930,81 +930,81 @@ function Zn(e, t, o, n) {
     }, 4e4);
   }
 }
-function ae(e, t) {
+function re(e, t) {
   const o = "🍍 " + e;
   typeof __VUE_DEVTOOLS_TOAST__ == "function" ? __VUE_DEVTOOLS_TOAST__(o, t) : t === "error" ? console.error(o) : t === "warn" ? console.warn(o) : console.log(o);
 }
-function bt(e) {
+function vt(e) {
   return "_a" in e && "install" in e;
 }
 function oo() {
   if (!("clipboard" in navigator))
-    return ae("Your browser doesn't support the Clipboard API", "error"), !0;
+    return re("Your browser doesn't support the Clipboard API", "error"), !0;
 }
 function no(e) {
-  return e instanceof Error && e.message.toLowerCase().includes("document is not focused") ? (ae('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
+  return e instanceof Error && e.message.toLowerCase().includes("document is not focused") ? (re('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
 }
 function es(e) {
-  return $e(this, null, function* () {
+  return Ee(this, null, function* () {
     if (!oo())
       try {
-        yield navigator.clipboard.writeText(JSON.stringify(e.state.value)), ae("Global state copied to clipboard.");
+        yield navigator.clipboard.writeText(JSON.stringify(e.state.value)), re("Global state copied to clipboard.");
       } catch (t) {
         if (no(t))
           return;
-        ae("Failed to serialize the state. Check the console for more details.", "error"), console.error(t);
+        re("Failed to serialize the state. Check the console for more details.", "error"), console.error(t);
       }
   });
 }
 function ts(e) {
-  return $e(this, null, function* () {
+  return Ee(this, null, function* () {
     if (!oo())
       try {
-        so(e, JSON.parse(yield navigator.clipboard.readText())), ae("Global state pasted from clipboard.");
+        so(e, JSON.parse(yield navigator.clipboard.readText())), re("Global state pasted from clipboard.");
       } catch (t) {
         if (no(t))
           return;
-        ae("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(t);
+        re("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(t);
       }
   });
 }
 function os(e) {
-  return $e(this, null, function* () {
+  return Ee(this, null, function* () {
     try {
       to(new Blob([JSON.stringify(e.state.value)], {
         type: "text/plain;charset=utf-8"
       }), "pinia-state.json");
     } catch (t) {
-      ae("Failed to export the state as JSON. Check the console for more details.", "error"), console.error(t);
+      re("Failed to export the state as JSON. Check the console for more details.", "error"), console.error(t);
     }
   });
 }
-let xe;
+let Oe;
 function ns() {
-  xe || (xe = document.createElement("input"), xe.type = "file", xe.accept = ".json");
+  Oe || (Oe = document.createElement("input"), Oe.type = "file", Oe.accept = ".json");
   function e() {
     return new Promise((t, o) => {
-      xe.onchange = () => $e(this, null, function* () {
-        const n = xe.files;
+      Oe.onchange = () => Ee(this, null, function* () {
+        const n = Oe.files;
         if (!n)
           return t(null);
         const s = n.item(0);
         return t(s ? { text: yield s.text(), file: s } : null);
-      }), xe.oncancel = () => t(null), xe.onerror = o, xe.click();
+      }), Oe.oncancel = () => t(null), Oe.onerror = o, Oe.click();
     });
   }
   return e;
 }
 function ss(e) {
-  return $e(this, null, function* () {
+  return Ee(this, null, function* () {
     try {
       const o = yield ns()();
       if (!o)
         return;
       const { text: n, file: s } = o;
-      so(e, JSON.parse(n)), ae(`Global state imported from "${s.name}".`);
+      so(e, JSON.parse(n)), re(`Global state imported from "${s.name}".`);
     } catch (t) {
-      ae("Failed to import the state from JSON. Check the console for more details.", "error"), console.error(t);
+      re("Failed to import the state from JSON. Check the console for more details.", "error"), console.error(t);
     }
   });
 }
@@ -1014,7 +1014,7 @@ function so(e, t) {
     n ? Object.assign(n, t[o]) : e.state.value[o] = t[o];
   }
 }
-function we(e) {
+function Se(e) {
   return {
     _custom: {
       display: e
@@ -1023,7 +1023,7 @@ function we(e) {
 }
 const ro = "🍍 Pinia (root)", nt = "_root";
 function rs(e) {
-  return bt(e) ? {
+  return vt(e) ? {
     id: nt,
     label: ro
   } : {
@@ -1032,7 +1032,7 @@ function rs(e) {
   };
 }
 function as(e) {
-  if (bt(e)) {
+  if (vt(e)) {
     const o = Array.from(e._s.keys()), n = e._s;
     return {
       state: o.map((r) => ({
@@ -1074,19 +1074,19 @@ function ls(e) {
     operations: [],
     newValue: {}
   }) : {
-    operation: we(e.type),
-    key: we(e.key),
+    operation: Se(e.type),
+    key: Se(e.key),
     oldValue: e.oldValue,
     newValue: e.newValue
   } : {};
 }
 function is(e) {
   switch (e) {
-    case ke.direct:
+    case xe.direct:
       return "mutation";
-    case ke.patchFunction:
+    case xe.patchFunction:
       return "$patch";
-    case ke.patchObject:
+    case xe.patchObject:
       return "$patch";
     default:
       return "unknown";
@@ -1104,7 +1104,7 @@ function us(e, t) {
     componentStateTypes: st,
     app: e
   }, (o) => {
-    typeof o.now != "function" && ae("You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), o.addTimelineLayer({
+    typeof o.now != "function" && re("You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), o.addTimelineLayer({
       id: Ne,
       label: "Pinia 🍍",
       color: 15064968
@@ -1123,7 +1123,7 @@ function us(e, t) {
         },
         {
           icon: "content_paste",
-          action: () => $e(this, null, function* () {
+          action: () => Ee(this, null, function* () {
             yield ts(t), o.sendInspectorTree(ue), o.sendInspectorState(ue);
           }),
           tooltip: "Replace the state with the content of your clipboard"
@@ -1137,7 +1137,7 @@ function us(e, t) {
         },
         {
           icon: "folder_open",
-          action: () => $e(this, null, function* () {
+          action: () => Ee(this, null, function* () {
             yield ss(t), o.sendInspectorTree(ue), o.sendInspectorState(ue);
           }),
           tooltip: "Import the state from a JSON file"
@@ -1149,7 +1149,7 @@ function us(e, t) {
           tooltip: 'Reset the state (with "$reset")',
           action: (n) => {
             const s = t._s.get(n);
-            s ? typeof s.$reset != "function" ? ae(`Cannot reset "${n}" store because it doesn't have a "$reset" method implemented.`, "warn") : (s.$reset(), ae(`Store "${n}" reset.`)) : ae(`Cannot reset "${n}" store because it wasn't found.`, "warn");
+            s ? typeof s.$reset != "function" ? re(`Cannot reset "${n}" store because it doesn't have a "$reset" method implemented.`, "warn") : (s.$reset(), re(`Store "${n}" reset.`)) : re(`Cannot reset "${n}" store because it wasn't found.`, "warn");
           }
         }
       ]
@@ -1208,18 +1208,18 @@ function us(e, t) {
       if (n.app === e && n.inspectorId === ue) {
         const r = n.nodeId === nt ? t : t._s.get(n.nodeId);
         if (!r)
-          return ae(`store "${n.nodeId}" not found`, "error");
+          return re(`store "${n.nodeId}" not found`, "error");
         const { path: l } = n;
-        bt(r) ? l.unshift("state") : (l.length !== 1 || !r._customProperties.has(l[0]) || l[0] in r.$state) && l.unshift("$state"), Le = !1, n.set(r, l, n.state.value), Le = !0;
+        vt(r) ? l.unshift("state") : (l.length !== 1 || !r._customProperties.has(l[0]) || l[0] in r.$state) && l.unshift("$state"), Le = !1, n.set(r, l, n.state.value), Le = !0;
       }
     }), o.on.editComponentState((n) => {
       if (n.type.startsWith("🍍")) {
         const s = n.type.replace(/^🍍\s*/, ""), r = t._s.get(s);
         if (!r)
-          return ae(`store "${s}" not found`, "error");
+          return re(`store "${s}" not found`, "error");
         const { path: l } = n;
         if (l[0] !== "state")
-          return ae(`Invalid path for store "${s}":
+          return re(`Invalid path for store "${s}":
 ${l}
 Only state can be modified.`);
         l[0] = "$state", Le = !1, n.set(r, l, n.state.value), Le = !0;
@@ -1259,22 +1259,22 @@ function ds(e, t) {
           title: "🛫 " + i,
           subtitle: "start",
           data: {
-            store: we(t.$id),
-            action: we(i),
+            store: Se(t.$id),
+            action: Se(i),
             args: f
           },
           groupId: y
         }
       }), l((C) => {
-        Pe = void 0, o.addTimelineEvent({
+        Ie = void 0, o.addTimelineEvent({
           layerId: Ne,
           event: {
             time: n(),
             title: "🛬 " + i,
             subtitle: "end",
             data: {
-              store: we(t.$id),
-              action: we(i),
+              store: Se(t.$id),
+              action: Se(i),
               args: f,
               result: C
             },
@@ -1282,7 +1282,7 @@ function ds(e, t) {
           }
         });
       }), a((C) => {
-        Pe = void 0, o.addTimelineEvent({
+        Ie = void 0, o.addTimelineEvent({
           layerId: Ne,
           event: {
             time: n(),
@@ -1290,8 +1290,8 @@ function ds(e, t) {
             title: "💥 " + i,
             subtitle: "end",
             data: {
-              store: we(t.$id),
-              action: we(i),
+              store: Se(t.$id),
+              action: Se(i),
               args: f,
               error: C
             },
@@ -1300,7 +1300,7 @@ function ds(e, t) {
         });
       });
     }, !0), t._customProperties.forEach((l) => {
-      Ee(() => x(t[l]), (a, i) => {
+      Pe(() => x(t[l]), (a, i) => {
         o.notifyComponentUpdate(), o.sendInspectorState(ue), Le && o.addTimelineEvent({
           layerId: Ne,
           event: {
@@ -1311,7 +1311,7 @@ function ds(e, t) {
               newValue: a,
               oldValue: i
             },
-            groupId: Pe
+            groupId: Ie
           }
         });
       }, { deep: !0 });
@@ -1321,10 +1321,10 @@ function ds(e, t) {
       const f = {
         time: n(),
         title: is(a),
-        data: cs({ store: we(t.$id) }, ls(l)),
-        groupId: Pe
+        data: cs({ store: Se(t.$id) }, ls(l)),
+        groupId: Ie
       };
-      a === ke.patchFunction ? f.subtitle = "⤵️" : a === ke.patchObject ? f.subtitle = "🧩" : l && !Array.isArray(l) && (f.subtitle = l.type), l && (f.data["rawEvent(s)"] = {
+      a === xe.patchFunction ? f.subtitle = "⤵️" : a === xe.patchObject ? f.subtitle = "🧩" : l && !Array.isArray(l) && (f.subtitle = l.type), l && (f.data["rawEvent(s)"] = {
         _custom: {
           display: "DebuggerEvent",
           type: "object",
@@ -1345,34 +1345,34 @@ function ds(e, t) {
           title: "🔥 " + t.$id,
           subtitle: "HMR update",
           data: {
-            store: we(t.$id),
-            info: we("HMR update")
+            store: Se(t.$id),
+            info: Se("HMR update")
           }
         }
       }), o.notifyComponentUpdate(), o.sendInspectorTree(ue), o.sendInspectorState(ue);
     });
     const { $dispose: r } = t;
     t.$dispose = () => {
-      r(), o.notifyComponentUpdate(), o.sendInspectorTree(ue), o.sendInspectorState(ue), o.getSettings().logStoreChanges && ae(`Disposed "${t.$id}" store 🗑`);
-    }, o.notifyComponentUpdate(), o.sendInspectorTree(ue), o.sendInspectorState(ue), o.getSettings().logStoreChanges && ae(`"${t.$id}" store installed 🆕`);
+      r(), o.notifyComponentUpdate(), o.sendInspectorTree(ue), o.sendInspectorState(ue), o.getSettings().logStoreChanges && re(`Disposed "${t.$id}" store 🗑`);
+    }, o.notifyComponentUpdate(), o.sendInspectorTree(ue), o.sendInspectorState(ue), o.getSettings().logStoreChanges && re(`"${t.$id}" store installed 🆕`);
   });
 }
-let ao = 0, Pe;
+let ao = 0, Ie;
 function Vt(e, t, o) {
   const n = t.reduce((s, r) => (s[r] = Ye(e)[r], s), {});
   for (const s in n)
     e[s] = function() {
       const r = ao, l = o ? new Proxy(e, {
         get(...i) {
-          return Pe = r, Reflect.get(...i);
+          return Ie = r, Reflect.get(...i);
         },
         set(...i) {
-          return Pe = r, Reflect.set(...i);
+          return Ie = r, Reflect.set(...i);
         }
       }) : e;
-      Pe = r;
+      Ie = r;
       const a = n[s].apply(l, arguments);
-      return Pe = void 0, a;
+      return Ie = void 0, a;
     };
 }
 function ps({ app: e, store: t, options: o }) {
@@ -1467,10 +1467,10 @@ function Ut(e, t, o, n) {
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
       xt(A(s ? s() : {}).value)
     ) : xt(o.state.value[e]);
-    return ge(y, r, Object.keys(l || {}).reduce((C, N) => (process.env.NODE_ENV !== "production" && N in y && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${N}" in store "${e}".`), C[N] = Me(Te(() => {
+    return ge(y, r, Object.keys(l || {}).reduce((C, M) => (process.env.NODE_ENV !== "production" && M in y && 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] = Me(Te(() => {
       Je(o);
-      const T = o._s.get(e);
-      return l[N].call(T, T);
+      const R = o._s.get(e);
+      return l[M].call(R, R);
     })), C), {}));
   }
   return i = gt(e, f, t, o, n, !0), i;
@@ -1482,31 +1482,31 @@ function gt(e, t, o = {}, n, s, r) {
     throw new Error("Pinia destroyed");
   const i = { deep: !0 };
   process.env.NODE_ENV !== "production" && !Jt && (i.onTrigger = (u) => {
-    f ? T = u : f == !1 && !g._hotUpdating && (Array.isArray(T) ? T.push(u) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+    f ? R = u : f == !1 && !g._hotUpdating && (Array.isArray(R) ? R.push(u) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let f, y, C = [], N = [], T;
-  const H = n.state.value[e];
-  !r && !H && (process.env.NODE_ENV === "production" || !s) && (n.state.value[e] = {});
-  const L = A({});
-  let ee;
-  function B(u) {
+  let f, y, C = [], M = [], R;
+  const B = n.state.value[e];
+  !r && !B && (process.env.NODE_ENV === "production" || !s) && (n.state.value[e] = {});
+  const j = A({});
+  let Z;
+  function Y(u) {
     let c;
-    f = y = !1, process.env.NODE_ENV !== "production" && (T = []), typeof u == "function" ? (u(n.state.value[e]), c = {
-      type: ke.patchFunction,
+    f = y = !1, process.env.NODE_ENV !== "production" && (R = []), typeof u == "function" ? (u(n.state.value[e]), c = {
+      type: xe.patchFunction,
       storeId: e,
-      events: T
+      events: R
     }) : (ht(n.state.value[e], u), c = {
-      type: ke.patchObject,
+      type: xe.patchObject,
       payload: u,
       storeId: e,
-      events: T
+      events: R
     });
-    const k = ee = Symbol();
+    const k = Z = Symbol();
     Be().then(() => {
-      ee === k && (f = !0);
+      Z === k && (f = !0);
     }), y = !0, Re(C, c, n.state.value[e]);
   }
-  const ie = r ? function() {
+  const le = r ? function() {
     const { state: c } = o, k = c ? c() : {};
     this.$patch((O) => {
       ge(O, k);
@@ -1517,63 +1517,63 @@ function gt(e, t, o = {}, n, s, r) {
       throw new Error(`🍍: Store "${e}" is built using the setup syntax and does not implement $reset().`);
     } : io
   );
-  function G() {
-    l.stop(), C = [], N = [], n._s.delete(e);
+  function z() {
+    l.stop(), C = [], M = [], n._s.delete(e);
   }
-  const M = (u, c = "") => {
+  const U = (u, c = "") => {
     if (Nt in u)
       return u[ft] = c, u;
     const k = function() {
       Je(n);
-      const O = Array.from(arguments), z = [], D = [];
-      function F(Y) {
-        z.push(Y);
+      const O = Array.from(arguments), L = [], T = [];
+      function D(W) {
+        L.push(W);
       }
-      function U(Y) {
-        D.push(Y);
+      function F(W) {
+        T.push(W);
       }
-      Re(N, {
+      Re(M, {
         args: O,
         name: k[ft],
         store: g,
-        after: F,
-        onError: U
+        after: D,
+        onError: F
       });
-      let v;
+      let _;
       try {
-        v = u.apply(this && this.$id === e ? this : g, O);
-      } catch (Y) {
-        throw Re(D, Y), Y;
+        _ = u.apply(this && this.$id === e ? this : g, O);
+      } catch (W) {
+        throw Re(T, W), W;
       }
-      return v instanceof Promise ? v.then((Y) => (Re(z, Y), Y)).catch((Y) => (Re(D, Y), Promise.reject(Y))) : (Re(z, v), v);
+      return _ instanceof Promise ? _.then((W) => (Re(L, W), W)).catch((W) => (Re(T, W), Promise.reject(W))) : (Re(L, _), _);
     };
     return k[Nt] = !0, k[ft] = c, k;
-  }, te = /* @__PURE__ */ Me({
+  }, ee = /* @__PURE__ */ Me({
     actions: {},
     getters: {},
     state: [],
-    hotState: L
+    hotState: j
   }), h = {
     _p: n,
     // _s: scope,
     $id: e,
-    $onAction: At.bind(null, N),
-    $patch: B,
-    $reset: ie,
+    $onAction: At.bind(null, M),
+    $patch: Y,
+    $reset: le,
     $subscribe(u, c = {}) {
-      const k = At(C, u, c.detached, () => O()), O = l.run(() => Ee(() => n.state.value[e], (z) => {
+      const k = At(C, u, c.detached, () => O()), O = l.run(() => Pe(() => n.state.value[e], (L) => {
         (c.flush === "sync" ? y : f) && u({
           storeId: e,
-          type: ke.direct,
-          events: T
-        }, z);
+          type: xe.direct,
+          events: R
+        }, L);
       }, ge({}, i, c)));
       return k;
     },
-    $dispose: G
+    $dispose: z
   }, g = de(process.env.NODE_ENV !== "production" || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && Ue ? ge(
     {
-      _hmrPayload: te,
+      _hmrPayload: ee,
       _customProperties: Me(/* @__PURE__ */ new Set())
       // devtools custom properties
     },
@@ -1582,26 +1582,26 @@ function gt(e, t, o = {}, n, s, r) {
     // setupStore
   ) : h);
   n._s.set(e, g);
-  const I = (n._a && n._a.runWithContext || ms)(() => n._e.run(() => (l = Rt()).run(() => t({ action: M }))));
+  const I = (n._a && n._a.runWithContext || ms)(() => n._e.run(() => (l = Rt()).run(() => t({ action: U }))));
   for (const u in I) {
     const c = I[u];
     if (We(c) && !Mt(c) || _t(c))
-      process.env.NODE_ENV !== "production" && s ? et(L.value, u, ut(I, u)) : r || (H && gs(c) && (We(c) ? c.value = H[u] : ht(c, H[u])), n.state.value[e][u] = c), process.env.NODE_ENV !== "production" && te.state.push(u);
+      process.env.NODE_ENV !== "production" && s ? et(j.value, u, ut(I, u)) : r || (B && gs(c) && (We(c) ? c.value = B[u] : ht(c, B[u])), n.state.value[e][u] = c), process.env.NODE_ENV !== "production" && ee.state.push(u);
     else if (typeof c == "function") {
-      const k = process.env.NODE_ENV !== "production" && s ? c : M(c, u);
-      I[u] = k, process.env.NODE_ENV !== "production" && (te.actions[u] = c), a.actions[u] = c;
-    } else process.env.NODE_ENV !== "production" && Mt(c) && (te.getters[u] = r ? (
+      const k = process.env.NODE_ENV !== "production" && s ? c : U(c, u);
+      I[u] = k, process.env.NODE_ENV !== "production" && (ee.actions[u] = c), a.actions[u] = c;
+    } else process.env.NODE_ENV !== "production" && Mt(c) && (ee.getters[u] = r ? (
       // @ts-expect-error
       o.getters[u]
     ) : c, Ue && (I._getters || // @ts-expect-error: same
     (I._getters = Me([]))).push(u));
   }
   if (ge(g, I), ge(Ye(g), I), Object.defineProperty(g, "$state", {
-    get: () => process.env.NODE_ENV !== "production" && s ? L.value : n.state.value[e],
+    get: () => process.env.NODE_ENV !== "production" && s ? j.value : n.state.value[e],
     set: (u) => {
       if (process.env.NODE_ENV !== "production" && s)
         throw new Error("cannot set hotState");
-      B((c) => {
+      Y((c) => {
         ge(c, u);
       });
     }
@@ -1619,7 +1619,7 @@ function gt(e, t, o = {}, n, s, r) {
     });
     for (const c in u._hmrPayload.actions) {
       const k = u[c];
-      et(g, c, M(k, c));
+      et(g, c, U(k, c));
     }
     for (const c in u._hmrPayload.getters) {
       const k = u._hmrPayload.getters[c], O = r ? (
@@ -1662,7 +1662,7 @@ function gt(e, t, o = {}, n, s, r) {
       })));
   }), process.env.NODE_ENV !== "production" && g.$state && typeof g.$state == "object" && typeof g.$state.constructor == "function" && !g.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
 	state: () => new MyClass()
-Found in store "${g.$id}".`), H && r && o.hydrate && o.hydrate(g.$state, H), f = !0, y = !0, g;
+Found in store "${g.$id}".`), B && r && o.hydrate && o.hydrate(g.$state, B), f = !0, y = !0, g;
 }
 /*! #__NO_SIDE_EFFECTS__ */
 // @__NO_SIDE_EFFECTS__
@@ -1681,22 +1681,22 @@ This will fail in production.`);
     a = He, a._s.has(n) || (r ? gt(n, t, s, a) : Ut(n, s, a), process.env.NODE_ENV !== "production" && (l._pinia = a));
     const y = a._s.get(n);
     if (process.env.NODE_ENV !== "production" && i) {
-      const C = "__hot:" + n, N = r ? gt(C, t, s, a, !0) : Ut(C, ge({}, s), a, !0);
-      i._hotUpdate(N), delete a.state.value[C], a._s.delete(C);
+      const C = "__hot:" + n, M = r ? gt(C, t, s, a, !0) : Ut(C, ge({}, s), a, !0);
+      i._hotUpdate(M), delete a.state.value[C], a._s.delete(C);
     }
     if (process.env.NODE_ENV !== "production" && Ue) {
       const C = $o();
       if (C && C.proxy && // avoid adding stores that are just built for hot module replacement
       !i) {
-        const N = C.proxy, T = "_pStores" in N ? N._pStores : N._pStores = {};
-        T[n] = y;
+        const M = C.proxy, R = "_pStores" in M ? M._pStores : M._pStores = {};
+        R[n] = y;
       }
     }
     return y;
   }
   return l.$id = n, l;
 }
-const vs = /"(?:_|\\u0{2}5[Ff]){2}(?:p|\\u0{2}70)(?:r|\\u0{2}72)(?:o|\\u0{2}6[Ff])(?:t|\\u0{2}74)(?:o|\\u0{2}6[Ff])(?:_|\\u0{2}5[Ff]){2}"\s*:/, bs = /"(?:c|\\u0063)(?:o|\\u006[Ff])(?:n|\\u006[Ee])(?:s|\\u0073)(?:t|\\u0074)(?:r|\\u0072)(?:u|\\u0075)(?:c|\\u0063)(?:t|\\u0074)(?:o|\\u006[Ff])(?:r|\\u0072)"\s*:/, ys = /^\s*["[{]|^\s*-?\d{1,16}(\.\d{1,17})?([Ee][+-]?\d+)?\s*$/;
+const bs = /"(?:_|\\u0{2}5[Ff]){2}(?:p|\\u0{2}70)(?:r|\\u0{2}72)(?:o|\\u0{2}6[Ff])(?:t|\\u0{2}74)(?:o|\\u0{2}6[Ff])(?:_|\\u0{2}5[Ff]){2}"\s*:/, vs = /"(?:c|\\u0063)(?:o|\\u006[Ff])(?:n|\\u006[Ee])(?:s|\\u0073)(?:t|\\u0074)(?:r|\\u0072)(?:u|\\u0075)(?:c|\\u0063)(?:t|\\u0074)(?:o|\\u006[Ff])(?:r|\\u0072)"\s*:/, ys = /^\s*["[{]|^\s*-?\d{1,16}(\.\d{1,17})?([Ee][+-]?\d+)?\s*$/;
 function ws(e, t) {
   if (e === "__proto__" || e === "constructor" && t && typeof t == "object" && "prototype" in t) {
     Ss(e);
@@ -1739,7 +1739,7 @@ function Cs(e, t = {}) {
     return e;
   }
   try {
-    if (vs.test(e) || bs.test(e)) {
+    if (bs.test(e) || vs.test(e)) {
       if (t.strict)
         throw new Error("[destr] Possible prototype pollution");
       return JSON.parse(e, ws);
@@ -1822,8 +1822,8 @@ function Tt(e, {
     y && (a == null || a(f));
     const C = t.getItem(n);
     if (C) {
-      const N = o.deserialize(C), T = r ? uo(N, r) : N, H = l ? po(T, l) : T;
-      e.$patch(H);
+      const M = o.deserialize(C), R = r ? uo(M, r) : M, B = l ? po(R, l) : R;
+      e.$patch(B);
     }
     y && (i == null || i(f));
   } catch (C) {
@@ -1912,7 +1912,7 @@ const fo = /* @__PURE__ */ _s("console", {
 }), Os = {
   key: 0,
   class: "menu-wrapper"
-}, Ps = /* @__PURE__ */ Se({
+}, Ps = /* @__PURE__ */ Ce({
   __name: "SideMenu",
   props: {
     menuCollapsed: { type: Boolean }
@@ -1938,17 +1938,17 @@ const fo = /* @__PURE__ */ _s("console", {
           router: ""
         }, {
           default: d(() => [
-            (p(!0), V(le, null, fe(x(Pt), (a) => (p(), P(Gn, {
+            (p(!0), V(ae, null, pe(x(Pt), (a) => (p(), P(Gn, {
               key: a.path,
               menu: a
             }, null, 8, ["menu"]))), 128))
           ]),
           _: 1
         }, 8, ["default-active"])
-      ])) : j("", !0);
+      ])) : q("", !0);
     };
   }
-}), mo = /* @__PURE__ */ be(Ps, [["__scopeId", "data-v-c70ca2ba"]]), Is = { class: "container" }, Vs = /* @__PURE__ */ Se({
+}), mo = /* @__PURE__ */ ve(Ps, [["__scopeId", "data-v-c70ca2ba"]]), Is = { class: "container" }, Vs = /* @__PURE__ */ Ce({
   __name: "ConsoleApp",
   props: {
     title: {},
@@ -1959,19 +1959,19 @@ const fo = /* @__PURE__ */ _s("console", {
     const t = fo(wt), o = Ke(), n = A(t.menu.collapsed), s = A(), r = e;
     return (l, a) => {
       const i = E("router-view"), f = E("el-scrollbar");
-      return p(), V(le, null, [
+      return p(), V(ae, null, [
         x(o).query.embedded !== "true" ? (p(), P(Wt, {
           key: 0,
           title: r.title,
           helpDocUrl: r.helpDocUrl,
           headerProjectConfig: r.headerProjectConfig
-        }, null, 8, ["title", "helpDocUrl", "headerProjectConfig"])) : j("", !0),
+        }, null, 8, ["title", "helpDocUrl", "headerProjectConfig"])) : q("", !0),
         S("div", Is, [
           x(o).query.embedded !== "true" ? (p(), P(mo, {
             key: 0,
             menuCollapsed: n.value,
             "onUpdate:menuCollapsed": a[0] || (a[0] = (y) => n.value = y)
-          }, null, 8, ["menuCollapsed"])) : j("", !0),
+          }, null, 8, ["menuCollapsed"])) : q("", !0),
           m(f, { class: "main-scrollbar" }, {
             default: d(() => [
               S("main", {
@@ -2007,7 +2007,7 @@ function Fs(e, t) {
       t[3] || (t[3] = S("h1", null, "You have no permission to access the page.", -1)),
       m(o, { type: "primary" }, {
         default: d(() => t[1] || (t[1] = [
-          J("Apply")
+          K("Apply")
         ])),
         _: 1
       }),
@@ -2015,19 +2015,19 @@ function Fs(e, t) {
         onClick: t[0] || (t[0] = (n) => e.$router.go(-1))
       }, {
         default: d(() => t[2] || (t[2] = [
-          J("Go Back")
+          K("Go Back")
         ])),
         _: 1
       })
     ])
   ]);
 }
-const Rs = /* @__PURE__ */ be(Us, [["render", Fs], ["__scopeId", "data-v-0155b361"]]), Ls = {};
+const Rs = /* @__PURE__ */ ve(Us, [["render", Fs], ["__scopeId", "data-v-0155b361"]]), Ls = {};
 function Gs(e, t) {
   const o = E("router-view");
   return p(), P(o);
 }
-const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper" }, qs = ["onClick"], Hs = { class: "card-inner-wrapper" }, Bs = { class: "card-title" }, Ys = { class: "icon" }, Ws = /* @__PURE__ */ Se({
+const js = /* @__PURE__ */ ve(Ls, [["render", Gs]]), zs = { class: "card-wrapper" }, qs = ["onClick"], Hs = { class: "card-inner-wrapper" }, Bs = { class: "card-title" }, Ys = { class: "icon" }, Ws = /* @__PURE__ */ Ce({
   __name: "TabCard",
   props: {
     cards: {},
@@ -2053,7 +2053,7 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
       Be(() => {
         s.tableRef && s.cards && s.cards.length > 0 && s.tableRef.updateConfigAndRefresh((a != null ? a : s.cards[0]).model);
       });
-    }), Ee(
+    }), Pe(
       () => s.cards,
       (a) => {
         if (o.query.tab !== void 0) {
@@ -2069,7 +2069,7 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
         deep: !0
       }
     ), (a, i) => (p(), V("div", zs, [
-      (p(!0), V(le, null, fe(s.cards, (f) => (p(), V("div", {
+      (p(!0), V(ae, null, pe(s.cards, (f) => (p(), V("div", {
         class: Lt(["card", { "card-selected": r.value === f.key }]),
         onClick: (y) => l(f)
       }, [
@@ -2079,18 +2079,18 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
               f.icon ? (p(), P(rt(f.icon), {
                 key: 0,
                 class: "svg-icon"
-              })) : j("", !0)
+              })) : q("", !0)
             ]),
             S("span", {
               style: je({ color: f.disabled ? "#aaa" : "black" })
-            }, R(x(t)(f.label)), 5)
+            }, G(x(t)(f.label)), 5)
           ]),
-          S("span", null, R(f.count), 1)
+          S("span", null, G(f.count), 1)
         ])
       ], 10, qs))), 256))
     ]));
   }
-}), ho = /* @__PURE__ */ be(Ws, [["__scopeId", "data-v-047a86e6"]]), ze = (e) => {
+}), ho = /* @__PURE__ */ ve(Ws, [["__scopeId", "data-v-047a86e6"]]), ze = (e) => {
   const t = Object.keys(e);
   let o = {};
   t.forEach((n) => {
@@ -2099,7 +2099,7 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
 }, Js = {
   key: 1,
   class: "view-span"
-}, Ks = /* @__PURE__ */ Se({
+}, Ks = /* @__PURE__ */ Ce({
   __name: "FormView",
   props: {
     id: {},
@@ -2112,67 +2112,67 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
   },
   emits: ["update:id"],
   setup(e, { expose: t, emit: o }) {
-    const { t: n } = at.global, s = e, r = de({}), l = A(!1), a = A(), i = de({}), f = A(!0), y = (h) => s.mode === "view" && (M(h, void 0) || M(h, "input") || M(h, "select") || M(h, "password") || M(h, "input-number") || M(h, "date") || M(h, "time") || M(h, "datetime")), C = Te(() => s.model.fields ? s.model.fields.filter(
+    const { t: n } = at.global, s = e, r = de({}), l = A(!1), a = A(), i = de({}), f = A(!0), y = (h) => s.mode === "view" && (U(h, void 0) || U(h, "input") || U(h, "select") || U(h, "password") || U(h, "input-number") || U(h, "date") || U(h, "time") || U(h, "datetime")), C = Te(() => s.model.fields ? s.model.fields.filter(
       (h) => {
         var I, u, c, k;
         let g = h.visible !== !1 && ((I = h.formItemAttributes) == null ? void 0 : I.visible) !== !1;
         if (s.mode !== "view" && ((u = h.formItemAttributes) == null ? void 0 : u.editable) === !1 || s.mode === "view" && ((c = h.formItemAttributes) == null ? void 0 : c.type) === "password")
           return !1;
-        let b = (k = h.formItemAttributes) == null ? void 0 : k.showCondition;
-        if (b && b.field && b.value !== void 0) {
-          if (b.operator === void 0 || b.operator === "==")
-            return r[b.field] === b.value;
-          if (b.operator === "!=")
-            return r[b.field] !== b.value;
-          if (b.operator === ">")
-            return r[b.field] > b.value;
-          if (b.operator === "<")
-            return r[b.field] < b.value;
+        let v = (k = h.formItemAttributes) == null ? void 0 : k.showCondition;
+        if (v && v.field && v.value !== void 0) {
+          if (v.operator === void 0 || v.operator === "==")
+            return r[v.field] === v.value;
+          if (v.operator === "!=")
+            return r[v.field] !== v.value;
+          if (v.operator === ">")
+            return r[v.field] > v.value;
+          if (v.operator === "<")
+            return r[v.field] < v.value;
         }
         return g;
       }
     ) : []);
-    Ee([() => s.id, () => s.sessionId], () => {
-      console.log(`FormView.watch: id = ${s.id}, sessionId = ${s.sessionId}`), T();
+    Pe([() => s.id, () => s.sessionId], () => {
+      console.log(`FormView.watch: id = ${s.id}, sessionId = ${s.sessionId}`), R();
     }, {
       immediate: !0
     });
-    function N() {
+    function M() {
       console.log("FormView.initFormFields: begin");
       const h = s.model.fields;
       let g = {};
-      h == null || h.forEach((b) => {
-        var I, u, c, k, O, z, D, F, U, v, Y, _, $;
-        if (r[b.prop] = null, b.visible !== !1 && ((I = b.formItemAttributes) == null ? void 0 : I.visible) !== !1) {
-          if (((u = b.formItemAttributes) == null ? void 0 : u.defaultValue) !== void 0 ? r[b.prop] = (c = b.formItemAttributes) == null ? void 0 : c.defaultValue : r[b.prop] = void 0, s.mode !== "view") {
-            let K = (k = b.formItemAttributes) == null ? void 0 : k.validationRule;
-            K !== void 0 && (g[b.prop] = K), ze(i), Object.assign(i, g);
+      h == null || h.forEach((v) => {
+        var I, u, c, k, O, L, T, D, F, _, W, b, $;
+        if (r[v.prop] = null, v.visible !== !1 && ((I = v.formItemAttributes) == null ? void 0 : I.visible) !== !1) {
+          if (((u = v.formItemAttributes) == null ? void 0 : u.defaultValue) !== void 0 ? r[v.prop] = (c = v.formItemAttributes) == null ? void 0 : c.defaultValue : r[v.prop] = void 0, s.mode !== "view") {
+            let Q = (k = v.formItemAttributes) == null ? void 0 : k.validationRule;
+            Q !== void 0 && (g[v.prop] = Q), ze(i), Object.assign(i, g);
           }
-          const w = b.formItemAttributes, W = w == null ? void 0 : w.type, q = (O = w == null ? void 0 : w.selectAttributes) == null ? void 0 : O.useDatableDict, oe = (z = w == null ? void 0 : w.selectAttributes) == null ? void 0 : z.dictId, ne = (D = w == null ? void 0 : w.selectAttributes) == null ? void 0 : D.api, se = (F = w == null ? void 0 : w.selectAttributes) == null ? void 0 : F.valueMappingField, X = (U = w == null ? void 0 : w.selectAttributes) == null ? void 0 : U.labelMappingField;
-          if (W === "select") {
-            if (q) {
-              let re = `${Te(() => 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=${oe}`;
-              const ce = (v = w == null ? void 0 : w.selectAttributes) == null ? void 0 : v.queryParamName, me = (Y = w == null ? void 0 : w.selectAttributes) == null ? void 0 : Y.queryParamValueField;
-              ce && (re = `${re}?${ce}=${s.id}`), me || Ce(re, "GET", {}).then(({ data: he }) => {
+          const w = v.formItemAttributes, J = w == null ? void 0 : w.type, H = (O = w == null ? void 0 : w.selectAttributes) == null ? void 0 : O.useDatableDict, te = (L = w == null ? void 0 : w.selectAttributes) == null ? void 0 : L.dictId, oe = (T = w == null ? void 0 : w.selectAttributes) == null ? void 0 : T.api, ne = (D = w == null ? void 0 : w.selectAttributes) == null ? void 0 : D.valueMappingField, X = (F = w == null ? void 0 : w.selectAttributes) == null ? void 0 : F.labelMappingField;
+          if (J === "select") {
+            if (H) {
+              let se = `${Te(() => 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=${te}`;
+              const ce = (_ = w == null ? void 0 : w.selectAttributes) == null ? void 0 : _.queryParamName, fe = (W = w == null ? void 0 : w.selectAttributes) == null ? void 0 : W.queryParamValueField;
+              ce && (se = `${se}?${ce}=${s.id}`), fe || $e(se, "GET", {}).then(({ data: me }) => {
                 var ye;
-                if ((ye = b.formItemAttributes) != null && ye.selectAttributes) {
-                  let Q = [];
-                  Array.isArray(he.data) ? Q = he.data : he.data.list && Array.isArray(he.data.list) && (Q = he.data.list), b.formItemAttributes.selectAttributes.options = Q.map((Ie) => ({
-                    value: Ie.dbOrdinal,
-                    label: Ie.value
+                if ((ye = v.formItemAttributes) != null && ye.selectAttributes) {
+                  let he = [];
+                  Array.isArray(me.data) ? he = me.data : me.data.list && Array.isArray(me.data.list) && (he = me.data.list), v.formItemAttributes.selectAttributes.options = he.map((Ve) => ({
+                    value: Ve.dbOrdinal,
+                    label: Ve.value
                   }));
                 }
               });
-            } else if (ne) {
-              let K = ne;
-              const re = (_ = w == null ? void 0 : w.selectAttributes) == null ? void 0 : _.queryParamName, ce = ($ = w == null ? void 0 : w.selectAttributes) == null ? void 0 : $.queryParamValueField;
-              re && (K = `${K}?${re}=${s.id}`), ce || Ce(K, "GET", {}).then(({ data: me }) => {
-                var he;
-                if ((he = b.formItemAttributes) != null && he.selectAttributes) {
+            } else if (oe) {
+              let Q = oe;
+              const se = (b = w == null ? void 0 : w.selectAttributes) == null ? void 0 : b.queryParamName, ce = ($ = w == null ? void 0 : w.selectAttributes) == null ? void 0 : $.queryParamValueField;
+              se && (Q = `${Q}?${se}=${s.id}`), ce || $e(Q, "GET", {}).then(({ data: fe }) => {
+                var me;
+                if ((me = v.formItemAttributes) != null && me.selectAttributes) {
                   let ye = [];
-                  Array.isArray(me.data) ? ye = me.data : me.data.list && Array.isArray(me.data.list) && (ye = me.data.list), b.formItemAttributes.selectAttributes.options = ye.map((Q) => ({
-                    value: se ? Q[se] : Q.value,
-                    label: X ? Q[X] : Q.label
+                  Array.isArray(fe.data) ? ye = fe.data : fe.data.list && Array.isArray(fe.data.list) && (ye = fe.data.list), v.formItemAttributes.selectAttributes.options = ye.map((he) => ({
+                    value: ne ? he[ne] : he.value,
+                    label: X ? he[X] : he.label
                   }));
                 }
               });
@@ -2181,81 +2181,87 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
         }
       });
     }
-    function T() {
+    function R() {
       var h;
-      console.log(`Refresh form view data: id = ${s.id}, model = `, s.model), L(), f.value = (h = s.model.useI18n) != null ? h : !0, N(), (s.mode === "update" || s.mode === "view") && s.id !== void 0 && s.id !== "" && s.model.api !== "" && (l.value = !0, Ce(`${s.model.api}/${s.id}`, "GET", {}).then(({ data: g }) => {
-        ze(r), Object.assign(r, g.data), s.model.fields.forEach((b) => {
-          b.formItemAttributes && b.formItemAttributes.type === "select" && r[b.prop] !== void 0 && te(b);
+      console.log(`Refresh form view data: id = ${s.id}, model = `, s.model), j(), f.value = (h = s.model.useI18n) != null ? h : !0, M(), (s.mode === "update" || s.mode === "view") && s.id !== void 0 && s.id !== "" && s.model.api !== "" && (l.value = !0, $e(`${s.model.api}/${s.id}`, "GET", {}).then(({ data: g }) => {
+        ze(r), Object.assign(r, g.data), s.model.fields.forEach((v) => {
+          v.formItemAttributes && v.formItemAttributes.type === "select" && r[v.prop] !== void 0 && ee(v);
         }), l.value = !1;
       }));
     }
-    function H() {
+    function B() {
       return new Promise((h, g) => {
         var I, u, c, k;
         ((u = (I = s.model.formConfig) == null ? void 0 : I.functions) == null ? void 0 : u.beforeSubmit) !== void 0 && Object.assign(r, (k = (c = s.model.formConfig) == null ? void 0 : c.functions) == null ? void 0 : k.beforeSubmit(r));
-        let b = s.mode === "create" ? "POST" : "PUT";
-        s.model.api && Ce(s.model.api, b, r).then(({ data: O }) => {
-          var z, D, F, U;
-          O.code === 0 && (s.closeDialogFunc && s.closeDialogFunc(), ((D = (z = s.model.formConfig) == null ? void 0 : z.functions) == null ? void 0 : D.afterSubmit) !== void 0 && ((U = (F = s.model.formConfig) == null ? void 0 : F.functions) == null || U.afterSubmit(O.data)), s.afterSubmitFunc && s.afterSubmitFunc(), h());
+        let v = s.mode === "create" ? "POST" : "PUT";
+        s.model.api && $e(s.model.api, v, r).then(({ data: O }) => {
+          var L, T, D, F;
+          O.code === 0 && (s.closeDialogFunc && s.closeDialogFunc(), ((T = (L = s.model.formConfig) == null ? void 0 : L.functions) == null ? void 0 : T.afterSubmit) !== void 0 && ((F = (D = s.model.formConfig) == null ? void 0 : D.functions) == null || F.afterSubmit(O.data)), s.afterSubmitFunc && s.afterSubmitFunc(), h());
         });
       });
     }
-    function L() {
+    function j() {
       var h;
       console.log("FormView.reset: begin"), (h = a.value) == null || h.resetFields();
     }
-    function ee(h) {
+    function Z(h) {
       return h.label ? f ? n(h.label) : h.label : h.prop.slice(0, 1).toUpperCase() + h.prop.slice(1).toLowerCase();
     }
-    function B(h) {
-      var g, b, I, u;
+    function Y(h) {
+      var g, v, I, u, c, k;
       if (h) {
-        if (M(h, "select")) {
-          const c = (b = (g = h.tableColumnAttributes) == null ? void 0 : g.functions) == null ? void 0 : b.transformValue;
-          if (c)
-            return c(r[h.prop]);
-          const k = (u = (I = h.formItemAttributes) == null ? void 0 : I.selectAttributes) == null ? void 0 : u.viewModeLabelField;
-          if (k)
-            return r[k];
+        if (U(h, "select")) {
+          const O = (v = (g = h.tableColumnAttributes) == null ? void 0 : g.functions) == null ? void 0 : v.transformValue;
+          if (O)
+            return O(r[h.prop]);
+          const L = (u = (I = h.formItemAttributes) == null ? void 0 : I.selectAttributes) == null ? void 0 : u.viewModeLabelField;
+          if (L)
+            return r[L];
+          const T = (k = (c = h.formItemAttributes) == null ? void 0 : c.selectAttributes) == null ? void 0 : k.options;
+          if (T) {
+            for (let D of T)
+              if (D.value === r[h.prop])
+                return D.label;
+          }
         }
         return r[h.prop];
       }
     }
-    function ie(h) {
+    function le(h) {
       var g;
       return ((g = h.formItemAttributes) == null ? void 0 : g.updatable) === !1 && s.mode === "update";
     }
-    function G(h, g) {
+    function z(h, g) {
       var I, u;
-      const b = (u = (I = g.formItemAttributes) == null ? void 0 : I.type) != null ? u : "input";
+      const v = (u = (I = g.formItemAttributes) == null ? void 0 : I.type) != null ? u : "input";
       switch (h) {
         case "input":
-          return s.mode === "view" ? !1 : b === "input" || b === "password";
+          return s.mode === "view" ? !1 : v === "input" || v === "password";
         case "select":
           return !0;
         default:
           return console.log("Error: unrecognized form component type: ", h), !0;
       }
     }
-    function M(h, g) {
-      var b;
-      return ((b = h.formItemAttributes) == null ? void 0 : b.type) === g;
+    function U(h, g) {
+      var v;
+      return ((v = h.formItemAttributes) == null ? void 0 : v.type) === g;
     }
-    function te(h) {
+    function ee(h) {
       var g;
-      for (let b of s.model.fields) {
-        const I = (g = b.formItemAttributes) == null ? void 0 : g.selectAttributes;
-        if (!(!b.formItemAttributes || b.formItemAttributes.type !== "select" || !I || !I.queryParamValueField) && I.queryParamValueField === h.prop) {
+      for (let v of s.model.fields) {
+        const I = (g = v.formItemAttributes) == null ? void 0 : g.selectAttributes;
+        if (!(!v.formItemAttributes || v.formItemAttributes.type !== "select" || !I || !I.queryParamValueField) && I.queryParamValueField === h.prop) {
           const u = I.api;
           if (u) {
             let c = u;
             const k = I.queryParamName;
-            k && (c = `${c}?${k}=${r[I.queryParamValueField]}`), Ce(c, "GET", {}).then(({ data: O }) => {
+            k && (c = `${c}?${k}=${r[I.queryParamValueField]}`), $e(c, "GET", {}).then(({ data: O }) => {
               if (I) {
-                let z = [];
-                Array.isArray(O.data) ? z = O.data : O.data.list && Array.isArray(O.data.list) && (z = O.data.list), I.options = z.map((D) => ({
-                  value: I.valueMappingField ? D[I.valueMappingField] : D.value,
-                  label: I.labelMappingField ? D[I.labelMappingField] : D.label
+                let L = [];
+                Array.isArray(O.data) ? L = O.data : O.data.list && Array.isArray(O.data.list) && (L = O.data.list), I.options = L.map((T) => ({
+                  value: I.valueMappingField ? T[I.valueMappingField] : T.value,
+                  label: I.labelMappingField ? T[I.labelMappingField] : T.label
                 }));
               }
             });
@@ -2264,13 +2270,13 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
       }
     }
     return t({
-      refresh: T,
-      reset: L,
-      submit: H,
+      refresh: R,
+      reset: j,
+      submit: B,
       formData: r
     }), (h, g) => {
-      const b = E("el-input"), I = E("el-switch"), u = E("el-date-picker"), c = E("el-time-picker"), k = E("el-option"), O = E("el-select"), z = E("el-input-number"), D = E("el-form-item"), F = E("el-form"), U = Gt("loading");
-      return jt((p(), P(F, {
+      const v = E("el-input"), I = E("el-switch"), u = E("el-date-picker"), c = E("el-time-picker"), k = E("el-option"), O = E("el-select"), L = E("el-input-number"), T = E("el-form-item"), D = E("el-form"), F = Gt("loading");
+      return jt((p(), P(D, {
         ref_key: "formRef",
         ref: a,
         model: r,
@@ -2282,86 +2288,88 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
         inline: !s.disableInline
       }, {
         default: d(() => [
-          (p(!0), V(le, null, fe(C.value, (v) => (p(), P(D, {
+          (p(!0), V(ae, null, pe(C.value, (_) => (p(), P(T, {
             class: "form-item",
             style: je({ width: s.disableInline ? "100%" : "calc(50% - 32px)" }),
-            prop: v.prop,
-            label: ee(v)
+            prop: _.prop,
+            label: Z(_)
           }, {
             default: d(() => {
-              var Y, _, $, w, W, q, oe, ne, se, X, K, re, ce, me, he, ye;
+              var W, b, $, w, J, H, te, oe, ne, X, Q, se, ce, fe, me, ye, he, Ve, Xe, ie;
               return [
-                G("input", v) ? (p(), P(b, {
+                z("input", _) ? (p(), P(v, {
                   key: 0,
-                  type: M(v, "password") ? "password" : "text",
-                  modelValue: r[v.prop],
-                  "onUpdate:modelValue": (Q) => r[v.prop] = Q,
-                  placeholder: (Y = v.formItemAttributes) == null ? void 0 : Y.placeholder,
-                  disabled: ie(v)
-                }, null, 8, ["type", "modelValue", "onUpdate:modelValue", "placeholder", "disabled"])) : j("", !0),
-                y(v) ? (p(), V("span", Js, R(B(v)), 1)) : j("", !0),
-                M(v, "switch") ? (p(), P(I, {
+                  type: U(_, "password") ? "password" : "text",
+                  modelValue: r[_.prop],
+                  "onUpdate:modelValue": (N) => r[_.prop] = N,
+                  placeholder: (W = _.formItemAttributes) == null ? void 0 : W.placeholder,
+                  disabled: le(_)
+                }, null, 8, ["type", "modelValue", "onUpdate:modelValue", "placeholder", "disabled"])) : q("", !0),
+                y(_) ? (p(), V("span", Js, G(Y(_)), 1)) : q("", !0),
+                U(_, "switch") ? (p(), P(I, {
                   key: 2,
-                  modelValue: r[v.prop],
-                  "onUpdate:modelValue": (Q) => r[v.prop] = Q,
+                  modelValue: r[_.prop],
+                  "onUpdate:modelValue": (N) => r[_.prop] = N,
                   disabled: h.mode === "view"
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : j("", !0),
-                M(v, "date") && h.mode !== "view" ? (p(), P(u, {
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : q("", !0),
+                U(_, "date") && h.mode !== "view" ? (p(), P(u, {
                   key: 3,
                   style: { width: "100%" },
                   type: "date",
                   "value-format": "YYYY-MM-DD",
-                  modelValue: r[v.prop],
-                  "onUpdate:modelValue": (Q) => r[v.prop] = Q,
+                  modelValue: r[_.prop],
+                  "onUpdate:modelValue": (N) => r[_.prop] = N,
                   disabled: h.mode === "view"
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : j("", !0),
-                M(v, "time") && h.mode !== "view" ? (p(), P(c, {
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : q("", !0),
+                U(_, "time") && h.mode !== "view" ? (p(), P(c, {
                   key: 4,
                   style: { width: "100%" },
-                  modelValue: r[v.prop],
-                  "onUpdate:modelValue": (Q) => r[v.prop] = Q,
+                  modelValue: r[_.prop],
+                  "onUpdate:modelValue": (N) => r[_.prop] = N,
                   disabled: h.mode === "view"
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : j("", !0),
-                M(v, "datetime") && h.mode !== "view" ? (p(), P(u, {
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : q("", !0),
+                U(_, "datetime") && h.mode !== "view" ? (p(), P(u, {
                   key: 5,
                   style: { width: "100%" },
                   type: "datetime",
                   "value-format": "YYYY-MM-DD HH:mm:ss",
-                  modelValue: r[v.prop],
-                  "onUpdate:modelValue": (Q) => r[v.prop] = Q,
+                  modelValue: r[_.prop],
+                  "onUpdate:modelValue": (N) => r[_.prop] = N,
                   disabled: h.mode === "view"
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : j("", !0),
-                M(v, "select") && h.mode !== "view" ? (p(), P(O, {
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : q("", !0),
+                U(_, "select") && h.mode !== "view" ? (p(), P(O, {
                   key: 6,
-                  filterable: ($ = (_ = v.formItemAttributes) == null ? void 0 : _.selectAttributes) == null ? void 0 : $.allowCreate,
-                  "allow-create": (W = (w = v.formItemAttributes) == null ? void 0 : w.selectAttributes) == null ? void 0 : W.allowCreate,
-                  "default-first-option": (oe = (q = v.formItemAttributes) == null ? void 0 : q.selectAttributes) == null ? void 0 : oe.allowCreate,
-                  modelValue: r[v.prop],
-                  "onUpdate:modelValue": (Q) => r[v.prop] = Q,
-                  disabled: ie(v),
-                  onChange: (Q) => te(v)
+                  multiple: ($ = (b = _.formItemAttributes) == null ? void 0 : b.selectAttributes) == null ? void 0 : $.multiple,
+                  "collapse-tags": (J = (w = _.formItemAttributes) == null ? void 0 : w.selectAttributes) == null ? void 0 : J.multiple,
+                  filterable: (te = (H = _.formItemAttributes) == null ? void 0 : H.selectAttributes) == null ? void 0 : te.allowCreate,
+                  "allow-create": (ne = (oe = _.formItemAttributes) == null ? void 0 : oe.selectAttributes) == null ? void 0 : ne.allowCreate,
+                  "default-first-option": (Q = (X = _.formItemAttributes) == null ? void 0 : X.selectAttributes) == null ? void 0 : Q.allowCreate,
+                  modelValue: r[_.prop],
+                  "onUpdate:modelValue": (N) => r[_.prop] = N,
+                  disabled: le(_),
+                  onChange: (N) => ee(_)
                 }, {
                   default: d(() => {
-                    var Q, Ie;
+                    var N, we;
                     return [
-                      (p(!0), V(le, null, fe((Ie = (Q = v.formItemAttributes) == null ? void 0 : Q.selectAttributes) == null ? void 0 : Ie.options, (Xe) => (p(), P(k, {
-                        value: Xe.value,
-                        label: Xe.label
+                      (p(!0), V(ae, null, pe((we = (N = _.formItemAttributes) == null ? void 0 : N.selectAttributes) == null ? void 0 : we.options, (ke) => (p(), P(k, {
+                        value: ke.value,
+                        label: ke.label
                       }, null, 8, ["value", "label"]))), 256))
                     ];
                   }),
                   _: 2
-                }, 1032, ["filterable", "allow-create", "default-first-option", "modelValue", "onUpdate:modelValue", "disabled", "onChange"])) : j("", !0),
-                M(v, "input-number") && h.mode !== "view" ? (p(), P(z, {
+                }, 1032, ["multiple", "collapse-tags", "filterable", "allow-create", "default-first-option", "modelValue", "onUpdate:modelValue", "disabled", "onChange"])) : q("", !0),
+                U(_, "input-number") && h.mode !== "view" ? (p(), P(L, {
                   key: 7,
                   style: { width: "100%" },
-                  modelValue: r[v.prop],
-                  "onUpdate:modelValue": (Q) => r[v.prop] = Q,
-                  min: (X = (se = (ne = v.formItemAttributes) == null ? void 0 : ne.inputNumber) == null ? void 0 : se.min) != null ? X : Number.NEGATIVE_INFINITY,
-                  max: (ce = (re = (K = v.formItemAttributes) == null ? void 0 : K.inputNumber) == null ? void 0 : re.max) != null ? ce : Number.POSITIVE_INFINITY,
-                  step: (ye = (he = (me = v.formItemAttributes) == null ? void 0 : me.inputNumber) == null ? void 0 : he.step) != null ? ye : 1,
+                  modelValue: r[_.prop],
+                  "onUpdate:modelValue": (N) => r[_.prop] = N,
+                  min: (fe = (ce = (se = _.formItemAttributes) == null ? void 0 : se.inputNumber) == null ? void 0 : ce.min) != null ? fe : Number.NEGATIVE_INFINITY,
+                  max: (he = (ye = (me = _.formItemAttributes) == null ? void 0 : me.inputNumber) == null ? void 0 : ye.max) != null ? he : Number.POSITIVE_INFINITY,
+                  step: (ie = (Xe = (Ve = _.formItemAttributes) == null ? void 0 : Ve.inputNumber) == null ? void 0 : Xe.step) != null ? ie : 1,
                   "value-on-clear": -10
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max", "step"])) : j("", !0)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max", "step"])) : q("", !0)
               ];
             }),
             _: 2
@@ -2369,14 +2377,14 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
         ]),
         _: 1
       }, 8, ["model", "rules", "inline"])), [
-        [U, l.value]
+        [F, l.value]
       ]);
     };
   }
-}), go = /* @__PURE__ */ be(Ks, [["__scopeId", "data-v-e6411d33"]]), Qs = { class: "console-dialog__body" }, Xs = {
+}), go = /* @__PURE__ */ ve(Ks, [["__scopeId", "data-v-8fb7ed43"]]), Qs = { class: "console-dialog__body" }, Xs = {
   key: 0,
   class: "process-view"
-}, Zs = { class: "operation-button-wrapper" }, _o = /* @__PURE__ */ Se({
+}, Zs = { class: "operation-button-wrapper" }, _o = /* @__PURE__ */ Ce({
   __name: "FormDialog",
   props: {
     id: {},
@@ -2389,7 +2397,7 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
   emits: ["update:visible", "update:id"],
   setup(e, { expose: t, emit: o }) {
     const { t: n } = Qe(), s = e, r = A(0), l = o, a = A();
-    Ee(() => s.visible, () => {
+    Pe(() => s.visible, () => {
       s.visible && r.value++;
     });
     function i() {
@@ -2404,9 +2412,9 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
     return t({
       close: f,
       refresh: i
-    }), (C, N) => {
-      const T = E("el-step"), H = E("el-steps"), L = E("el-button"), ee = E("el-dialog");
-      return p(), P(ee, {
+    }), (C, M) => {
+      const R = E("el-step"), B = E("el-steps"), j = E("el-button"), Z = E("el-dialog");
+      return p(), P(Z, {
         class: "console-dialog",
         title: "Edit",
         "align-center": "",
@@ -2415,35 +2423,35 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
         onClose: f
       }, {
         footer: d(() => {
-          var B;
+          var Y;
           return [
             S("div", {
               class: "dialog-footer",
               style: je({ width: s.showProcess ? "calc(100% - 350px)" : "auto" })
             }, [
               S("div", Zs, [
-                (p(!0), V(le, null, fe((B = s.model.formConfig) == null ? void 0 : B.dialogButtons, (ie) => (p(), P(L, {
-                  onClick: (G) => ie.function(a.value.formData)
+                (p(!0), V(ae, null, pe((Y = s.model.formConfig) == null ? void 0 : Y.dialogButtons, (le) => (p(), P(j, {
+                  onClick: (z) => le.function(a.value.formData)
                 }, {
                   default: d(() => [
-                    J(R(x(n)(ie.label)), 1)
+                    K(G(x(n)(le.label)), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 256))
               ]),
               S("div", null, [
-                m(L, { onClick: f }, {
+                m(j, { onClick: f }, {
                   default: d(() => [
-                    J(R(x(n)("common.basic.cancel")), 1)
+                    K(G(x(n)("common.basic.cancel")), 1)
                   ]),
                   _: 1
                 }),
-                m(L, {
+                m(j, {
                   type: "primary",
                   onClick: y
                 }, {
                   default: d(() => [
-                    J(R(x(n)("common.basic.save")), 1)
+                    K(G(x(n)("common.basic.save")), 1)
                   ]),
                   _: 1
                 })
@@ -2467,19 +2475,19 @@ const js = /* @__PURE__ */ be(Ls, [["render", Gs]]), zs = { class: "card-wrapper
               disableInline: s.showProcess
             }, null, 8, ["style", "id", "sessionId", "mode", "model", "afterSubmitFunc", "disableInline"]),
             C.showProcess ? (p(), V("div", Xs, [
-              N[0] || (N[0] = S("h1", null, "流程动态", -1)),
-              m(H, {
+              M[0] || (M[0] = S("h1", null, "流程动态", -1)),
+              m(B, {
                 style: { height: "90%" },
                 direction: "vertical",
                 active: 1
               }, {
                 default: d(() => [
-                  m(T, { title: "Step 1" }),
-                  m(T, { title: "Step 2" })
+                  m(R, { title: "Step 1" }),
+                  m(R, { title: "Step 2" })
                 ]),
                 _: 1
               })
-            ])) : j("", !0)
+            ])) : q("", !0)
           ])
         ]),
         _: 1
@@ -2501,7 +2509,7 @@ function tr(e, t) {
     }, null, -1)
   ]));
 }
-const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-buttons" }, rr = { class: "tool-buttons" }, ar = { key: 2 }, lr = /* @__PURE__ */ Se({
+const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-buttons" }, rr = { class: "tool-buttons" }, ar = { key: 2 }, lr = /* @__PURE__ */ Ce({
   __name: "TableView",
   props: {
     model: {}
@@ -2509,37 +2517,37 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
   setup(e, { expose: t }) {
     const { t: o } = at.global, n = e, s = de([]), r = de({
       showPane: !0
-    }), l = A(""), a = A(!0), i = A(!1), f = ct(), y = A(""), C = de([]), N = de([]), T = A(), H = A([]), L = A("create"), ee = A(!0), B = A(!1), ie = A(""), G = de({
+    }), l = A(""), a = A(!0), i = A(!1), f = ct(), y = A(""), C = de([]), M = de([]), R = A(), B = A([]), j = A("create"), Z = A(!0), Y = A(!1), le = A(""), z = de({
       pageSize: 10,
       pageNo: 1,
       totalElements: 0
-    }), M = Te(() => s.filter(
-      (_) => {
+    }), U = Te(() => s.filter(
+      (b) => {
         var $, w;
-        return (($ = _.formItemAttributes) == null ? void 0 : $.type) !== "password" && _.visible !== !1 && ((w = _.tableColumnAttributes) == null ? void 0 : w.visible) !== !1;
+        return (($ = b.formItemAttributes) == null ? void 0 : $.type) !== "password" && b.visible !== !1 && ((w = b.tableColumnAttributes) == null ? void 0 : w.visible) !== !1;
       }
     ));
-    function te(_, $) {
-      var oe, ne, se, X;
-      let w = $.row[_.prop];
-      const W = (ne = (oe = _.tableColumnAttributes) == null ? void 0 : oe.functions) == null ? void 0 : ne.transformValue, q = (se = _.tableColumnAttributes) == null ? void 0 : se.transformValueMappings;
-      if (W)
-        w = W(w);
-      else if (q && q.length > 0) {
-        for (let K of q)
-          if (w === K.value) {
-            w = o(K.label);
+    function ee(b, $) {
+      var te, oe, ne, X;
+      let w = $.row[b.prop];
+      const J = (oe = (te = b.tableColumnAttributes) == null ? void 0 : te.functions) == null ? void 0 : oe.transformValue, H = (ne = b.tableColumnAttributes) == null ? void 0 : ne.transformValueMappings;
+      if (J)
+        w = J(w);
+      else if (H && H.length > 0) {
+        for (let Q of H)
+          if (w === Q.value) {
+            w = o(Q.label);
             break;
           }
-      } else if (((X = _.formItemAttributes) == null ? void 0 : X.type) === "select") {
-        const K = _.formItemAttributes.selectAttributes;
-        if (K) {
-          if (K.viewModeLabelField)
-            w = $.row[K.viewModeLabelField];
-          else if (K.options && K.options.length > 0) {
-            for (let re of K.options)
-              if (re.value === $.row[_.prop]) {
-                w = re.label;
+      } else if (((X = b.formItemAttributes) == null ? void 0 : X.type) === "select") {
+        const Q = b.formItemAttributes.selectAttributes;
+        if (Q) {
+          if (Q.viewModeLabelField)
+            w = $.row[Q.viewModeLabelField];
+          else if (Q.options && Q.options.length > 0) {
+            for (let se of Q.options)
+              if (se.value === $.row[b.prop]) {
+                w = se.label;
                 break;
               }
           }
@@ -2547,31 +2555,31 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
       }
       return w;
     }
-    function h(_, $) {
-      var w, W;
-      return _.label ? o(_.label) : (W = (w = _.functions) == null ? void 0 : w.transformLabel) == null ? void 0 : W.call(w, $.$index, $.row);
+    function h(b, $) {
+      var w, J;
+      return b.label ? o(b.label) : (J = (w = b.functions) == null ? void 0 : w.transformLabel) == null ? void 0 : J.call(w, $.$index, $.row);
     }
-    function g(_) {
-      ze(n.model), Object.assign(n.model, _);
+    function g(b) {
+      ze(n.model), Object.assign(n.model, b);
     }
-    function b() {
-      var $, w, W;
-      if (ee.value = !0, !n.model || !n.model.api)
+    function v() {
+      var $, w, J;
+      if (Z.value = !0, !n.model || !n.model.api)
         return;
-      ze(r), r.showPane = !0, Object.assign(r, ($ = n.model.tableConfig) != null ? $ : {}), s.splice(0, s.length, ...n.model.fields), l.value = (w = n.model.route) != null ? w : "", a.value = (W = n.model.useI18n) != null ? W : !0;
-      let _ = Ze({}, r.queryParams);
-      _.pageSize = G.pageSize, _.pageNo = G.pageNo, _.search = y.value, Ce(n.model.api, "GET", _).then(({ data: q }) => {
-        const { list: oe, totalCount: ne } = q.data;
-        C.splice(0, C.length, ...oe), G.totalElements = ne, ee.value = !1;
+      ze(r), r.showPane = !0, Object.assign(r, ($ = n.model.tableConfig) != null ? $ : {}), s.splice(0, s.length, ...n.model.fields), l.value = (w = n.model.route) != null ? w : "", a.value = (J = n.model.useI18n) != null ? J : !0;
+      let b = Ze({}, r.queryParams);
+      b.pageSize = z.pageSize, b.pageNo = z.pageNo, b.search = y.value, $e(n.model.api, "GET", b).then(({ data: H }) => {
+        const { list: te, totalCount: oe } = H.data;
+        C.splice(0, C.length, ...te), z.totalElements = oe, Z.value = !1;
       });
     }
     function I() {
-      var _, $;
-      r.createPageRoutePath !== void 0 ? f.push(r.createPageRoutePath) : ((_ = r.functions) == null ? void 0 : _.create) !== void 0 ? ($ = r.functions) == null || $.create() : (L.value = "create", ie.value = "", i.value = !0);
+      var b, $;
+      r.createPageRoutePath !== void 0 ? f.push(r.createPageRoutePath) : ((b = r.functions) == null ? void 0 : b.create) !== void 0 ? ($ = r.functions) == null || $.create() : (j.value = "create", le.value = "", i.value = !0);
     }
-    function u(_, $) {
-      n.model.api && Ce(n.model.api, "DELETE", $.id).then(({ data: w }) => {
-        w.code === 0 && (i.value = !1, b());
+    function u(b, $) {
+      n.model.api && $e(n.model.api, "DELETE", $.id).then(({ data: w }) => {
+        w.code === 0 && (i.value = !1, v());
       });
     }
     function c() {
@@ -2584,75 +2592,75 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
           type: "warning"
         }
       ).then(() => {
-        var _, $;
-        if (((_ = r.functions) == null ? void 0 : _.batchDelete) !== void 0)
-          ($ = r.functions) == null || $.batchDelete(H.value);
+        var b, $;
+        if (((b = r.functions) == null ? void 0 : b.batchDelete) !== void 0)
+          ($ = r.functions) == null || $.batchDelete(B.value);
         else {
-          const w = H.value.map((W) => W.id);
-          ve.delete(`${n.model.api}/${w.join(",")}`).then(({ data: W }) => {
-            W.code === 0 && (i.value = !1, b());
+          const w = B.value.map((J) => J.id);
+          be.delete(`${n.model.api}/${w.join(",")}`).then(({ data: J }) => {
+            J.code === 0 && (i.value = !1, v());
           });
         }
-        T.value.clearSelection();
+        R.value.clearSelection();
       }).catch(() => {
-        T.value.clearSelection();
+        R.value.clearSelection();
       });
     }
-    function k(_) {
-      G.pageSize = _, b();
+    function k(b) {
+      z.pageSize = b, v();
     }
-    function O(_) {
-      G.pageNo = _, b();
+    function O(b) {
+      z.pageNo = b, v();
     }
-    function z(_, $) {
+    function L(b, $) {
       r.editPageRoutePath !== void 0 ? f.push({
         path: r.editPageRoutePath,
         query: {
           id: $.id
         }
-      }) : (ie.value = $.id, L.value = "update", i.value = !0);
+      }) : (le.value = $.id, j.value = "update", i.value = !0);
     }
-    function D() {
+    function T() {
       var w;
-      let _ = ((w = n.model.api) != null && w.startsWith("http") ? "" : window.location.origin) + n.model.api + "/export";
+      let b = ((w = n.model.api) != null && w.startsWith("http") ? "" : window.location.origin) + n.model.api + "/export";
       const $ = r.queryParams;
-      $ !== void 0 && Object.keys($).length > 0 && (_ += "?", Object.entries(r.queryParams).map((W) => {
-        _ += `${W[0]}=${W[1]}&`;
-      })), window.open(_);
+      $ !== void 0 && Object.keys($).length > 0 && (b += "?", Object.entries(r.queryParams).map((J) => {
+        b += `${J[0]}=${J[1]}&`;
+      })), window.open(b);
     }
-    function F(_) {
-      H.value = _;
+    function D(b) {
+      B.value = b;
     }
-    function U(_) {
-      return _.label ? a.value ? o(_.label) : _.label : _.prop.slice(0, 1).toUpperCase() + _.prop.slice(1).toLowerCase();
+    function F(b) {
+      return b.label ? a.value ? o(b.label) : b.label : b.prop.slice(0, 1).toUpperCase() + b.prop.slice(1).toLowerCase();
     }
-    function v(_) {
-      _ ? (B.value = !0, N.splice(0, N.length, ...C), C.splice(0, C.length, ...H.value)) : (B.value = !1, C.splice(0, C.length, ...N));
+    function _(b) {
+      b ? (Y.value = !0, M.splice(0, M.length, ...C), C.splice(0, C.length, ...B.value)) : (Y.value = !1, C.splice(0, C.length, ...M));
     }
-    function Y() {
-      var oe;
-      if (H.value.length === 0) {
+    function W() {
+      var te;
+      if (B.value.length === 0) {
         Et.alert("Select rows before printing", "Print", {
           confirmButtonText: "OK"
         });
         return;
       }
-      let _ = "";
-      M.value.forEach((ne) => {
-        var se;
-        _ += `<th>${o((se = ne.label) != null ? se : "")}</th>`;
+      let b = "";
+      U.value.forEach((oe) => {
+        var ne;
+        b += `<th>${o((ne = oe.label) != null ? ne : "")}</th>`;
       });
       let $ = "";
-      H.value.forEach((ne) => {
-        $ += "<tr>", M.value.forEach((se) => {
-          $ += `<td>${ne[se.prop]}</td>`;
+      B.value.forEach((oe) => {
+        $ += "<tr>", U.value.forEach((ne) => {
+          $ += `<td>${oe[ne.prop]}</td>`;
         }), $ += "</tr>";
       });
-      let w = `<table><tr>${_}</tr>${$}</table>`;
-      const W = document.createElement("iframe");
-      W.style.display = "none", document.body.appendChild(W);
-      const q = W.contentDocument || ((oe = W.contentWindow) == null ? void 0 : oe.document);
-      q == null || q.open(), q == null || q.write(`
+      let w = `<table><tr>${b}</tr>${$}</table>`;
+      const J = document.createElement("iframe");
+      J.style.display = "none", document.body.appendChild(J);
+      const H = J.contentDocument || ((te = J.contentWindow) == null ? void 0 : te.document);
+      H == null || H.open(), H == null || H.write(`
         <!DOCTYPE html>
         <html>
         <head>
@@ -2701,27 +2709,27 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
             <\/script>
         </body>
         </html>
-    `), q == null || q.close();
+    `), H == null || H.close();
     }
-    return Ee(() => n.model, () => {
-      b();
+    return Pe(() => n.model, () => {
+      v();
     }, {
       deep: !0,
       immediate: !0
     }), t({
-      multipleSelection: H,
-      refresh: b,
+      multipleSelection: B,
+      refresh: v,
       updateConfigAndRefresh: g
-    }), (_, $) => {
-      const w = E("el-checkbox"), W = E("el-badge"), q = E("el-button"), oe = E("el-dropdown-item"), ne = E("el-dropdown-menu"), se = E("el-dropdown"), X = E("el-icon"), K = E("el-tooltip"), re = E("el-input"), ce = E("el-table-column"), me = E("router-link"), he = E("el-tag"), ye = E("el-popconfirm"), Q = E("el-table"), Ie = E("el-pagination"), Xe = Gt("loading");
+    }), (b, $) => {
+      const w = E("el-checkbox"), J = E("el-badge"), H = E("el-button"), te = E("el-dropdown-item"), oe = E("el-dropdown-menu"), ne = E("el-dropdown"), X = E("el-icon"), Q = E("el-tooltip"), se = E("el-input"), ce = E("el-table-column"), fe = E("router-link"), me = E("el-tag"), ye = E("el-popconfirm"), he = E("el-table"), Ve = E("el-pagination"), Xe = Gt("loading");
       return p(), V("div", {
         class: Lt({ "table-view-wrapper": r.showPane })
       }, [
         S("div", nr, [
           S("div", sr, [
-            r.selectMode ? (p(), P(W, {
+            r.selectMode ? (p(), P(J, {
               key: 0,
-              value: H.value.length,
+              value: B.value.length,
               type: "primary",
               class: "selected-badge"
             }, {
@@ -2730,86 +2738,86 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
                   class: "selected-checkbox",
                   border: !0,
                   label: x(o)("common.table.viewSelected"),
-                  onChange: v
+                  onChange: _
                 }, null, 8, ["label"])
               ]),
               _: 1
-            }, 8, ["value"])) : j("", !0),
-            !r.selectMode && !r.readOnly && r.creatable !== !1 ? (p(), P(q, {
+            }, 8, ["value"])) : q("", !0),
+            !r.selectMode && !r.readOnly && r.creatable !== !1 ? (p(), P(H, {
               key: 1,
               type: "primary",
               onClick: I
             }, {
               default: d(() => {
-                var pe, Z;
+                var ie, N;
                 return [
-                  J(R(((pe = r.labels) == null ? void 0 : pe.create) != null ? x(o)((Z = r.labels) == null ? void 0 : Z.create) : x(o)("common.table.create")), 1)
+                  K(G(((ie = r.labels) == null ? void 0 : ie.create) != null ? x(o)((N = r.labels) == null ? void 0 : N.create) : x(o)("common.table.create")), 1)
                 ];
               }),
               _: 1
-            })) : j("", !0),
-            !r.selectMode && !r.readOnly && r.deletable !== !1 ? (p(), P(q, {
+            })) : q("", !0),
+            !r.selectMode && !r.readOnly && r.deletable !== !1 ? (p(), P(H, {
               key: 2,
-              disabled: H.value.length == 0,
+              disabled: B.value.length == 0,
               type: "danger",
               plain: "",
               onClick: c
             }, {
               default: d(() => {
-                var pe, Z;
+                var ie, N;
                 return [
-                  J(R(((pe = r.labels) == null ? void 0 : pe.delete) != null ? x(o)((Z = r.labels) == null ? void 0 : Z.delete) : x(o)("common.table.delete")), 1)
+                  K(G(((ie = r.labels) == null ? void 0 : ie.delete) != null ? x(o)((N = r.labels) == null ? void 0 : N.delete) : x(o)("common.table.delete")), 1)
                 ];
               }),
               _: 1
-            }, 8, ["disabled"])) : j("", !0),
-            m(q, {
+            }, 8, ["disabled"])) : q("", !0),
+            m(H, {
               icon: x(Ht),
               style: { width: "28px" },
-              onClick: b
+              onClick: v
             }, null, 8, ["icon"]),
-            m(se, {
+            m(ne, {
               placement: "bottom-start",
               trigger: "click"
             }, {
               dropdown: d(() => [
-                m(ne, null, {
+                m(oe, null, {
                   default: d(() => [
-                    m(oe, {
+                    m(te, {
                       icon: x(Ao),
                       disabled: !0
                     }, {
                       default: d(() => $[3] || ($[3] = [
-                        J("导入")
+                        K("导入")
                       ])),
                       _: 1
                     }, 8, ["icon"]),
-                    m(oe, {
+                    m(te, {
                       icon: x(Ot),
                       divided: "",
                       disabled: !0
                     }, {
                       default: d(() => $[4] || ($[4] = [
-                        J("导出选中内容")
+                        K("导出选中内容")
                       ])),
                       _: 1
                     }, 8, ["icon"]),
-                    m(oe, {
+                    m(te, {
                       icon: x(Ot),
-                      onClick: D
+                      onClick: T
                     }, {
                       default: d(() => $[5] || ($[5] = [
-                        J("导出查询结果")
+                        K("导出查询结果")
                       ])),
                       _: 1
                     }, 8, ["icon"]),
-                    m(oe, {
+                    m(te, {
                       icon: x(No),
                       divided: "",
                       disabled: !0
                     }, {
                       default: d(() => $[6] || ($[6] = [
-                        J("任务中心")
+                        K("任务中心")
                       ])),
                       _: 1
                     }, 8, ["icon"])
@@ -2818,7 +2826,7 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
                 })
               ]),
               default: d(() => [
-                m(q, { style: { width: "28px" } }, {
+                m(H, { style: { width: "28px" } }, {
                   icon: d(() => [
                     m(x(or))
                   ]),
@@ -2827,28 +2835,28 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
               ]),
               _: 1
             }),
-            m(se, {
+            m(ne, {
               placement: "bottom-start",
               trigger: "click"
             }, {
               dropdown: d(() => [
-                m(ne, null, {
+                m(oe, null, {
                   default: d(() => [
-                    m(oe, {
+                    m(te, {
                       icon: x(Mo),
-                      onClick: Y
+                      onClick: W
                     }, {
                       default: d(() => $[7] || ($[7] = [
-                        J("打印")
+                        K("打印")
                       ])),
                       _: 1
                     }, 8, ["icon"]),
-                    m(oe, {
+                    m(te, {
                       icon: x(Uo),
                       disabled: !0
                     }, {
                       default: d(() => $[8] || ($[8] = [
-                        J("表格设置")
+                        K("表格设置")
                       ])),
                       _: 1
                     }, 8, ["icon"])
@@ -2857,14 +2865,14 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
                 })
               ]),
               default: d(() => [
-                m(q, {
+                m(H, {
                   icon: x(To),
                   style: { width: "28px" }
                 }, null, 8, ["icon"])
               ]),
               _: 1
             }),
-            r.tooltip ? (p(), P(K, {
+            r.tooltip ? (p(), P(Q, {
               key: 3,
               effect: "dark",
               content: x(o)(r.tooltip),
@@ -2879,194 +2887,194 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
                 })
               ]),
               _: 1
-            }, 8, ["content"])) : j("", !0)
+            }, 8, ["content"])) : q("", !0)
           ]),
           S("div", rr, [
-            m(re, {
+            m(se, {
               placeholder: `${x(o)("common.table.search")}...`,
               modelValue: y.value,
-              "onUpdate:modelValue": $[0] || ($[0] = (pe) => y.value = pe)
+              "onUpdate:modelValue": $[0] || ($[0] = (ie) => y.value = ie)
             }, {
               append: d(() => [
-                m(q, {
+                m(H, {
                   style: { "margin-left": "-20px" },
                   icon: x(zt),
-                  onClick: b
+                  onClick: v
                 }, null, 8, ["icon"])
               ]),
               _: 1
             }, 8, ["placeholder", "modelValue"]),
-            m(q, { type: "text" }, {
+            m(H, { type: "text" }, {
               default: d(() => $[9] || ($[9] = [
-                J("高级搜索")
+                K("高级搜索")
               ])),
               _: 1
             })
           ])
         ]),
-        jt((p(), P(Q, {
+        jt((p(), P(he, {
           border: !0,
           ref_key: "tableRef",
-          ref: T,
+          ref: R,
           data: C,
-          onSelectionChange: F,
+          onSelectionChange: D,
           class: "table"
         }, {
           default: d(() => {
-            var pe;
+            var ie;
             return [
-              r.readOnly ? j("", !0) : (p(), P(ce, {
+              r.readOnly ? q("", !0) : (p(), P(ce, {
                 key: 0,
                 type: "selection",
                 width: "50"
               })),
-              (p(!0), V(le, null, fe(M.value, (Z) => {
-                var Oe;
+              (p(!0), V(ae, null, pe(U.value, (N) => {
+                var we;
                 return p(), P(ce, {
-                  prop: Z.prop,
-                  label: U(Z),
-                  width: (Oe = Z.tableColumnAttributes) == null ? void 0 : Oe.width,
+                  prop: N.prop,
+                  label: F(N),
+                  width: (we = N.tableColumnAttributes) == null ? void 0 : we.width,
                   "show-overflow-tooltip": ""
                 }, {
-                  default: d((Ve) => {
+                  default: d((ke) => {
                     var Ae, qe, St;
                     return [
-                      (Ae = Z.tableColumnAttributes) != null && Ae.link ? (p(), P(me, {
+                      (Ae = N.tableColumnAttributes) != null && Ae.link ? (p(), P(fe, {
                         key: 0,
                         class: "router-link",
-                        to: `/${l.value}/detail?id=${Ve.row.id}`
+                        to: `/${l.value}/detail?id=${ke.row.id}`
                       }, {
                         default: d(() => [
-                          S("span", null, R(te(Z, Ve)), 1)
+                          S("span", null, G(ee(N, ke)), 1)
                         ]),
                         _: 2
-                      }, 1032, ["to"])) : (qe = Z.tableColumnAttributes) != null && qe.routerLink ? (p(), P(me, {
+                      }, 1032, ["to"])) : (qe = N.tableColumnAttributes) != null && qe.routerLink ? (p(), P(fe, {
                         key: 1,
                         class: "router-link",
-                        to: Z.tableColumnAttributes.routerLink.replace("{id}", Ve.row.id)
+                        to: N.tableColumnAttributes.routerLink.replace("{id}", ke.row.id)
                       }, {
                         default: d(() => [
-                          S("span", null, R(te(Z, Ve)), 1)
+                          S("span", null, G(ee(N, ke)), 1)
                         ]),
                         _: 2
-                      }, 1032, ["to"])) : (p(), V("span", ar, R(te(Z, Ve)), 1)),
-                      ((St = Z.tableColumnAttributes) == null ? void 0 : St.type) === "tag" ? (p(), P(he, { key: 3 }, {
+                      }, 1032, ["to"])) : (p(), V("span", ar, G(ee(N, ke)), 1)),
+                      ((St = N.tableColumnAttributes) == null ? void 0 : St.type) === "tag" ? (p(), P(me, { key: 3 }, {
                         default: d(() => [
-                          J(R(Ve.row[Z.prop]), 1)
+                          K(G(ke.row[N.prop]), 1)
                         ]),
                         _: 2
-                      }, 1024)) : j("", !0)
+                      }, 1024)) : q("", !0)
                     ];
                   }),
                   _: 2
                 }, 1032, ["prop", "label", "width"]);
               }), 256)),
-              r.operations === void 0 && !((pe = r.selectMode) != null && pe) && !r.readOnly ? (p(), P(ce, {
+              r.operations === void 0 && !((ie = r.selectMode) != null && ie) && !r.readOnly ? (p(), P(ce, {
                 key: 1,
                 label: x(o)("common.table.operation"),
                 width: "120"
               }, {
-                default: d((Z) => [
-                  r.updatable !== !1 ? (p(), P(q, {
+                default: d((N) => [
+                  r.updatable !== !1 ? (p(), P(H, {
                     key: 0,
                     link: "",
                     type: "primary",
                     class: "operation-button",
-                    onClick: (Oe) => z(Z.$index, Z.row)
+                    onClick: (we) => L(N.$index, N.row)
                   }, {
                     default: d(() => [
-                      J(R(x(o)("common.table.edit")), 1)
+                      K(G(x(o)("common.table.edit")), 1)
                     ]),
                     _: 2
-                  }, 1032, ["onClick"])) : j("", !0),
+                  }, 1032, ["onClick"])) : q("", !0),
                   m(ye, {
                     title: "Are you sure to delete this?",
-                    onConfirm: (Oe) => u(Z.$index, Z.row)
+                    onConfirm: (we) => u(N.$index, N.row)
                   }, {
                     reference: d(() => [
-                      r.deletable !== !1 ? (p(), P(q, {
+                      r.deletable !== !1 ? (p(), P(H, {
                         key: 0,
                         link: "",
                         type: "primary",
                         class: "operation-button"
                       }, {
                         default: d(() => [
-                          J(R(x(o)("common.table.delete")), 1)
+                          K(G(x(o)("common.table.delete")), 1)
                         ]),
                         _: 1
-                      })) : j("", !0)
+                      })) : q("", !0)
                     ]),
                     _: 2
                   }, 1032, ["onConfirm"])
                 ]),
                 _: 1
-              }, 8, ["label"])) : j("", !0),
+              }, 8, ["label"])) : q("", !0),
               r.operations !== void 0 && !r.readOnly ? (p(), P(ce, {
                 key: 2,
                 label: x(o)("common.table.operation"),
                 width: "120"
               }, {
-                default: d((Z) => [
-                  (p(!0), V(le, null, fe(r.operations, (Oe) => (p(), P(q, {
+                default: d((N) => [
+                  (p(!0), V(ae, null, pe(r.operations, (we) => (p(), P(H, {
                     class: "operation-button",
                     link: "",
                     type: "primary",
-                    key: Oe.label,
-                    onClick: (Ve) => {
+                    key: we.label,
+                    onClick: (ke) => {
                       var Ae, qe;
-                      return ((qe = (Ae = Oe.functions) == null ? void 0 : Ae.click) == null ? void 0 : qe.call(Ae, Z.$index, Z.row)) && b();
+                      return ((qe = (Ae = we.functions) == null ? void 0 : Ae.click) == null ? void 0 : qe.call(Ae, N.$index, N.row)) && v();
                     }
                   }, {
                     default: d(() => [
-                      J(R(h(Oe, Z)), 1)
+                      K(G(h(we, N)), 1)
                     ]),
                     _: 2
                   }, 1032, ["onClick"]))), 128))
                 ]),
                 _: 1
-              }, 8, ["label"])) : j("", !0)
+              }, 8, ["label"])) : q("", !0)
             ];
           }),
           _: 1
         }, 8, ["data"])), [
-          [Xe, ee.value]
+          [Xe, Z.value]
         ]),
-        B.value ? j("", !0) : (p(), P(Ie, {
+        Y.value ? q("", !0) : (p(), P(Ve, {
           key: 0,
           size: "small",
           background: "",
           onSizeChange: k,
           onCurrentChange: O,
-          currentPage: G.pageNo,
-          "onUpdate:currentPage": $[1] || ($[1] = (pe) => G.pageNo = pe),
+          currentPage: z.pageNo,
+          "onUpdate:currentPage": $[1] || ($[1] = (ie) => z.pageNo = ie),
           "page-sizes": [10, 20, 50, 100],
-          "page-size": G.pageSize,
+          "page-size": z.pageSize,
           layout: "total, sizes, prev, pager, next",
-          total: G.totalElements
+          total: z.totalElements
         }, null, 8, ["currentPage", "page-size", "total"])),
         m(_o, {
-          model: _.model,
-          mode: L.value,
-          id: ie.value,
-          afterSubmitFunc: b,
+          model: b.model,
+          mode: j.value,
+          id: le.value,
+          afterSubmitFunc: v,
           visible: i.value,
-          "onUpdate:visible": $[2] || ($[2] = (pe) => i.value = pe)
+          "onUpdate:visible": $[2] || ($[2] = (ie) => i.value = ie)
         }, null, 8, ["model", "mode", "id", "visible"])
       ], 2);
     };
   }
-}), it = /* @__PURE__ */ be(lr, [["__scopeId", "data-v-5307a4aa"]]), ir = { class: "nav-bar" }, cr = { style: { "font-size": "16px" } }, ur = {
+}), it = /* @__PURE__ */ ve(lr, [["__scopeId", "data-v-5307a4aa"]]), ir = { class: "nav-bar" }, cr = { style: { "font-size": "16px" } }, ur = {
   key: 0,
   class: "info-card-wrapper"
-}, dr = { class: "icon-wrapper" }, pr = { class: "info-wrapper" }, fr = { class: "title-wrapper" }, mr = { class: "tabs-wrapper" }, hr = { class: "dialog-footer" }, gr = /* @__PURE__ */ Se({
+}, dr = { class: "icon-wrapper" }, pr = { class: "info-wrapper" }, fr = { class: "title-wrapper" }, mr = { class: "tabs-wrapper" }, hr = { class: "dialog-footer" }, gr = /* @__PURE__ */ Ce({
   __name: "DetailPage",
   setup(e) {
-    const { t } = Qe(), o = Ke(), n = ct(), s = Te(() => o.query.id), r = A(!1), l = A(!1), a = A("view"), i = A(), f = A(-1), y = A(), C = A(), N = A("summary"), T = A(""), H = A(""), L = A(""), ee = A(0), B = de({
+    const { t } = Qe(), o = Ke(), n = ct(), s = Te(() => o.query.id), r = A(!1), l = A(!1), a = A("view"), i = A(), f = A(-1), y = A(), C = A(), M = A("summary"), R = A(""), B = A(""), j = A(""), Z = A(0), Y = de({
       api: "",
       fields: []
-    }), ie = de([]);
-    let G = [];
-    Ee([
+    }), le = de([]);
+    let z = [];
+    Pe([
       () => n.currentRoute.value,
       _e
     ], () => {
@@ -3075,48 +3083,48 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
       immediate: !0,
       deep: !0
     });
-    function M(u) {
+    function U(u) {
       f.value = parseInt(u.index) - 1;
     }
-    function te() {
+    function ee() {
       var O;
-      let u = (O = G[f.value].api) == null ? void 0 : O.replace("/select", "");
+      let u = (O = z[f.value].api) == null ? void 0 : O.replace("/select", "");
       u = u == null ? void 0 : u.substring(u.lastIndexOf("/"));
-      const c = B.api + "/" + s.value + u, k = C.value.multipleSelection.map((z) => z.id);
-      Ce(c, "POST", k).then(() => {
+      const c = Y.api + "/" + s.value + u, k = C.value.multipleSelection.map((L) => L.id);
+      $e(c, "POST", k).then(() => {
         y.value.refresh(), l.value = !1;
       });
     }
     function h(u, c, k) {
-      var D;
+      var T;
       k.functions || (k.functions = {}), k.functions.create = () => {
         l.value = !0, C.value && C.value.refresh();
       };
       let O = Ge(c);
       O.tableConfig || (O.tableConfig = {}), O.tableConfig.selectMode = !0, O.tableConfig.queryParams = {}, u.queryParamName && (O.tableConfig.queryParams[u.queryParamName] = s.value);
-      for (var z in O.fields)
-        O.fields[z].tableColumnAttributes && (D = O.fields[z].tableColumnAttributes) != null && D.link && (O.fields[z].tableColumnAttributes.link = !1);
-      G.push(O), k.labels = {
+      for (var L in O.fields)
+        O.fields[L].tableColumnAttributes && (T = O.fields[L].tableColumnAttributes) != null && T.link && (O.fields[L].tableColumnAttributes.link = !1);
+      z.push(O), k.labels = {
         create: "common.table.add",
         delete: "common.table.remove"
-      }, k.functions.batchDelete = (F) => {
-        var _;
-        let U = (_ = G[f.value].api) == null ? void 0 : _.replace("/select", "");
-        U = U == null ? void 0 : U.substring(U.lastIndexOf("/"));
-        const v = B.api + "/" + s.value + U, Y = F.map(($) => $.id);
-        ve.delete(`${v}/${Y.join(",")}`).then(({ data: $ }) => {
+      }, k.functions.batchDelete = (D) => {
+        var b;
+        let F = (b = z[f.value].api) == null ? void 0 : b.replace("/select", "");
+        F = F == null ? void 0 : F.substring(F.lastIndexOf("/"));
+        const _ = Y.api + "/" + s.value + F, W = D.map(($) => $.id);
+        be.delete(`${_}/${W.join(",")}`).then(({ data: $ }) => {
           $.code === 0 && y.value.refresh();
         });
       }, k.operations = [
         {
           label: "common.table.remove",
           functions: {
-            click: (F, U) => {
-              var _;
-              let v = (_ = G[f.value].api) == null ? void 0 : _.replace("/select", "");
-              v = v == null ? void 0 : v.substring(v.lastIndexOf("/"));
-              const Y = B.api + "/" + s.value + v;
-              Ce(Y, "DELETE", U.id).then(() => {
+            click: (D, F) => {
+              var b;
+              let _ = (b = z[f.value].api) == null ? void 0 : b.replace("/select", "");
+              _ = _ == null ? void 0 : _.substring(_.lastIndexOf("/"));
+              const W = Y.api + "/" + s.value + _;
+              $e(W, "DELETE", F.id).then(() => {
                 y.value.refresh();
               });
             }
@@ -3125,43 +3133,43 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
       ], O.api += "/select";
     }
     function g() {
-      var O, z, D;
-      ie.splice(0);
+      var O, L, T;
+      le.splice(0);
       const u = o.params.model;
       if (_e.value[u] === void 0) {
         console.warn("Detail page model not exist:", u);
         return;
       } else
         console.debug("Detail page model found:", u, _e.value[u]);
-      ze(B);
+      ze(Y);
       const c = Ge(_e.value[u]);
-      Object.assign(B, c), ee.value++, f.value = -1, N.value = "summary";
-      const k = (z = (O = B.pageConfig) == null ? void 0 : O.detailPage) == null ? void 0 : z.tabs;
+      Object.assign(Y, c), Z.value++, f.value = -1, M.value = "summary";
+      const k = (L = (O = Y.pageConfig) == null ? void 0 : O.detailPage) == null ? void 0 : L.tabs;
       if (k)
-        for (let F of k) {
-          const U = Ge(_e.value[F.modelKey]);
-          if (ie.push(U), F.type === "table") {
-            U.tableConfig || (U.tableConfig = {});
-            let v = U.tableConfig;
-            v.showPane = !1, F.modelRelationType === "associated" ? h(F, U, v) : F.modelRelationType === "child" && (G.push({
+        for (let D of k) {
+          const F = Ge(_e.value[D.modelKey]);
+          if (le.push(F), D.type === "table") {
+            F.tableConfig || (F.tableConfig = {});
+            let _ = F.tableConfig;
+            _.showPane = !1, D.modelRelationType === "associated" ? h(D, F, _) : D.modelRelationType === "child" && (z.push({
               fields: []
-            }), U.formConfig === void 0 && (U.formConfig = {}), U.formConfig.functions === void 0 && (U.formConfig.functions = {}), F.queryParamName && (U.formConfig.functions.beforeSubmit = (Y) => {
-              Y[F.queryParamName] = s.value;
-            })), v.queryParams || (v.queryParams = {}), F.queryParamName && (v.queryParams[F.queryParamName] = s.value), F.queryParams && Object.assign(v.queryParams, F.queryParams), v.readOnly = (D = F.readOnly) != null ? D : !1, F.includeFields && (U.fields = U.fields.filter((Y) => {
-              var _;
-              return (_ = F.includeFields) == null ? void 0 : _.includes(Y.prop);
-            })), F.excludeFields && (U.fields = U.fields.filter((Y) => {
-              var _;
-              return !((_ = F.excludeFields) != null && _.includes(Y.prop));
-            })), F.tooltip && (v.tooltip = F.tooltip);
+            }), F.formConfig === void 0 && (F.formConfig = {}), F.formConfig.functions === void 0 && (F.formConfig.functions = {}), D.queryParamName && (F.formConfig.functions.beforeSubmit = (W) => {
+              W[D.queryParamName] = s.value;
+            })), _.queryParams || (_.queryParams = {}), D.queryParamName && (_.queryParams[D.queryParamName] = s.value), D.queryParams && Object.assign(_.queryParams, D.queryParams), _.readOnly = (T = D.readOnly) != null ? T : !1, D.includeFields && (F.fields = F.fields.filter((W) => {
+              var b;
+              return (b = D.includeFields) == null ? void 0 : b.includes(W.prop);
+            })), D.excludeFields && (F.fields = F.fields.filter((W) => {
+              var b;
+              return !((b = D.excludeFields) != null && b.includes(W.prop));
+            })), D.tooltip && (_.tooltip = D.tooltip);
           }
         }
     }
-    Ee(
+    Pe(
       [
         () => {
           var u, c;
-          return (c = (u = B.pageConfig) == null ? void 0 : u.detailPage) == null ? void 0 : c.infoCard;
+          return (c = (u = Y.pageConfig) == null ? void 0 : u.detailPage) == null ? void 0 : c.infoCard;
         },
         () => {
           var u;
@@ -3170,13 +3178,13 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
       ],
       (u) => {
         Be(() => {
-          var k, O, z;
-          const c = (O = (k = B.pageConfig) == null ? void 0 : k.detailPage) == null ? void 0 : O.infoCard;
-          c && (T.value = c.titleFieldProp ? i.value.formData[c.titleFieldProp] : "", H.value = c.subtitleFieldProp ? i.value.formData[c.subtitleFieldProp] : "", L.value = c.tagFieldProp ? i.value.formData[c.tagFieldProp] : "", (z = B.fields) == null || z.forEach((D) => {
-            var F, U;
-            if (D.prop === c.tagFieldProp) {
-              const v = (U = (F = D.tableColumnAttributes) == null ? void 0 : F.functions) == null ? void 0 : U.transformValue;
-              v && (L.value = v(L.value));
+          var k, O, L;
+          const c = (O = (k = Y.pageConfig) == null ? void 0 : k.detailPage) == null ? void 0 : O.infoCard;
+          c && (R.value = c.titleFieldProp ? i.value.formData[c.titleFieldProp] : "", B.value = c.subtitleFieldProp ? i.value.formData[c.subtitleFieldProp] : "", j.value = c.tagFieldProp ? i.value.formData[c.tagFieldProp] : "", (L = Y.fields) == null || L.forEach((T) => {
+            var D, F;
+            if (T.prop === c.tagFieldProp) {
+              const _ = (F = (D = T.tableColumnAttributes) == null ? void 0 : D.functions) == null ? void 0 : F.transformValue;
+              _ && (j.value = _(j.value));
             }
           }));
         });
@@ -3186,16 +3194,16 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
         deep: !0
       }
     );
-    function b() {
+    function v() {
       r.value = !0;
     }
     function I() {
       i.value.refresh();
     }
     return (u, c) => {
-      var w, W, q, oe, ne, se;
-      const k = E("el-page-header"), O = E("el-button"), z = E("el-icon"), D = E("el-dropdown-item"), F = E("el-dropdown-menu"), U = E("el-dropdown"), v = E("el-tag"), Y = E("el-tab-pane"), _ = E("el-tabs"), $ = E("el-dialog");
-      return p(), V(le, null, [
+      var w, J, H, te, oe, ne;
+      const k = E("el-page-header"), O = E("el-button"), L = E("el-icon"), T = E("el-dropdown-item"), D = E("el-dropdown-menu"), F = E("el-dropdown"), _ = E("el-tag"), W = E("el-tab-pane"), b = E("el-tabs"), $ = E("el-dialog");
+      return p(), V(ae, null, [
         S("div", ir, [
           m(k, {
             onClick: c[0] || (c[0] = (X) => x(n).back())
@@ -3206,7 +3214,7 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
             content: d(() => {
               var X;
               return [
-                S("span", cr, R(x(t)((X = B == null ? void 0 : B.name) != null ? X : "")), 1)
+                S("span", cr, G(x(t)((X = Y == null ? void 0 : Y.name) != null ? X : "")), 1)
               ];
             }),
             _: 1
@@ -3214,24 +3222,24 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
           S("div", null, [
             m(O, {
               type: "primary",
-              onClick: b
+              onClick: v
             }, {
               default: d(() => [
-                J(R(x(t)("common.table.edit")), 1)
+                K(G(x(t)("common.table.edit")), 1)
               ]),
               _: 1
             }),
-            ((W = (w = B.pageConfig) == null ? void 0 : w.detailPage) == null ? void 0 : W.operationButtons) !== void 0 ? (p(), P(U, { key: 0 }, {
+            ((J = (w = Y.pageConfig) == null ? void 0 : w.detailPage) == null ? void 0 : J.operationButtons) !== void 0 ? (p(), P(F, { key: 0 }, {
               dropdown: d(() => [
-                m(F, null, {
+                m(D, null, {
                   default: d(() => {
-                    var X, K;
+                    var X, Q;
                     return [
-                      (p(!0), V(le, null, fe((K = (X = B.pageConfig) == null ? void 0 : X.detailPage) == null ? void 0 : K.operationButtons, (re) => (p(), P(D, {
-                        onClick: (ce) => re.function(i.value.formData)
+                      (p(!0), V(ae, null, pe((Q = (X = Y.pageConfig) == null ? void 0 : X.detailPage) == null ? void 0 : Q.operationButtons, (se) => (p(), P(T, {
+                        onClick: (ce) => se.function(i.value.formData)
                       }, {
                         default: d(() => [
-                          J(R(x(t)(re.label)), 1)
+                          K(G(x(t)(se.label)), 1)
                         ]),
                         _: 2
                       }, 1032, ["onClick"]))), 256))
@@ -3243,8 +3251,8 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
               default: d(() => [
                 m(O, { style: { margin: "0 10px" } }, {
                   default: d(() => [
-                    J(R(x(t)("common.basic.more")), 1),
-                    m(z, { class: "el-icon--right" }, {
+                    K(G(x(t)("common.basic.more")), 1),
+                    m(L, { class: "el-icon--right" }, {
                       default: d(() => [
                         m(x(qt))
                       ]),
@@ -3255,13 +3263,13 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
                 })
               ]),
               _: 1
-            })) : j("", !0),
+            })) : q("", !0),
             m(O, {
               onClick: I,
               style: { "border-color": "#bbb", width: "30px" }
             }, {
               default: d(() => [
-                m(z, null, {
+                m(L, null, {
                   default: d(() => [
                     m(x(Ht))
                   ]),
@@ -3272,36 +3280,36 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
             })
           ])
         ]),
-        (oe = (q = B.pageConfig) == null ? void 0 : q.detailPage) != null && oe.infoCard ? (p(), V("div", ur, [
+        (te = (H = Y.pageConfig) == null ? void 0 : H.detailPage) != null && te.infoCard ? (p(), V("div", ur, [
           S("div", dr, [
-            (p(), P(rt((ne = B.pageConfig.detailPage.infoCard.icon) != null ? ne : ""), { class: "icon" }))
+            (p(), P(rt((oe = Y.pageConfig.detailPage.infoCard.icon) != null ? oe : ""), { class: "icon" }))
           ]),
           S("div", pr, [
             S("div", fr, [
-              S("h1", null, R(T.value), 1),
-              ((se = L.value) == null ? void 0 : se.length) > 0 ? (p(), P(v, {
+              S("h1", null, G(R.value), 1),
+              ((ne = j.value) == null ? void 0 : ne.length) > 0 ? (p(), P(_, {
                 key: 0,
                 size: "small"
               }, {
                 default: d(() => [
-                  J(R(L.value), 1)
+                  K(G(j.value), 1)
                 ]),
                 _: 1
-              })) : j("", !0)
+              })) : q("", !0)
             ]),
-            S("span", null, R(H.value), 1)
+            S("span", null, G(B.value), 1)
           ])
-        ])) : j("", !0),
+        ])) : q("", !0),
         S("div", mr, [
-          m(_, {
-            modelValue: N.value,
-            "onUpdate:modelValue": c[1] || (c[1] = (X) => N.value = X),
-            onTabClick: M
+          m(b, {
+            modelValue: M.value,
+            "onUpdate:modelValue": c[1] || (c[1] = (X) => M.value = X),
+            onTabClick: U
           }, {
             default: d(() => {
-              var X, K;
+              var X, Q;
               return [
-                m(Y, {
+                m(W, {
                   label: x(t)("common.basic.summary"),
                   name: "summary"
                 }, {
@@ -3310,17 +3318,17 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
                       ref_key: "formViewRef",
                       ref: i,
                       id: s.value,
-                      sessionId: ee.value,
+                      sessionId: Z.value,
                       mode: a.value,
-                      model: B
+                      model: Y
                     }, null, 8, ["id", "sessionId", "mode", "model"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                (p(!0), V(le, null, fe((K = (X = B.pageConfig) == null ? void 0 : X.detailPage) == null ? void 0 : K.tabs, (re) => {
+                (p(!0), V(ae, null, pe((Q = (X = Y.pageConfig) == null ? void 0 : X.detailPage) == null ? void 0 : Q.tabs, (se) => {
                   var ce;
-                  return p(), P(Y, {
-                    label: x(t)((ce = re.name) != null ? ce : "")
+                  return p(), P(W, {
+                    label: x(t)((ce = se.name) != null ? ce : "")
                   }, null, 8, ["label"]);
                 }), 256))
               ];
@@ -3331,8 +3339,8 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
             key: 0,
             ref_key: "tabPaneTableRef",
             ref: y,
-            model: ie[f.value]
-          }, null, 8, ["model"])) : j("", !0),
+            model: le[f.value]
+          }, null, 8, ["model"])) : q("", !0),
           m($, {
             modelValue: l.value,
             "onUpdate:modelValue": c[3] || (c[3] = (X) => l.value = X),
@@ -3345,16 +3353,16 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
                   onClick: c[2] || (c[2] = (X) => l.value = !1)
                 }, {
                   default: d(() => [
-                    J(R(x(t)("common.basic.cancel")), 1)
+                    K(G(x(t)("common.basic.cancel")), 1)
                   ]),
                   _: 1
                 }),
                 m(O, {
                   type: "primary",
-                  onClick: te
+                  onClick: ee
                 }, {
                   default: d(() => [
-                    J(R(x(t)("common.basic.save")), 1)
+                    K(G(x(t)("common.basic.save")), 1)
                   ]),
                   _: 1
                 })
@@ -3365,8 +3373,8 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
                 key: 0,
                 ref_key: "selectTableRef",
                 ref: C,
-                model: x(G)[f.value]
-              }, null, 8, ["model"])) : j("", !0)
+                model: x(z)[f.value]
+              }, null, 8, ["model"])) : q("", !0)
             ]),
             _: 1
           }, 8, ["modelValue", "title"])
@@ -3376,13 +3384,13 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
           mode: "update",
           visible: r.value,
           "onUpdate:visible": c[4] || (c[4] = (X) => r.value = X),
-          model: B,
+          model: Y,
           afterSubmitFunc: I
         }, null, 8, ["id", "visible", "model"])
       ], 64);
     };
   }
-}), _r = /* @__PURE__ */ be(gr, [["__scopeId", "data-v-cc1c9498"]]), vr = { class: "page-title" }, br = /* @__PURE__ */ Se({
+}), _r = /* @__PURE__ */ ve(gr, [["__scopeId", "data-v-cc1c9498"]]), br = { class: "page-title" }, vr = /* @__PURE__ */ Ce({
   __name: "TablePage",
   setup(e) {
     const { t } = Qe(), o = Ke(), n = ct(), s = A(), r = A([]), l = de({
@@ -3390,20 +3398,20 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
       fields: []
     }), a = de(Ze({}, l));
     function i() {
-      var y, C, N, T, H;
-      r.value = [], l.pageConfig && ((C = (y = l.pageConfig) == null ? void 0 : y.tablePage) != null && C.tabViewAttributes) && (r.value = (H = (T = (N = l.pageConfig) == null ? void 0 : N.tablePage) == null ? void 0 : T.tabViewAttributes) == null ? void 0 : H.map((L) => {
-        let ee;
-        return L.modelKey && _e.value[L.modelKey] ? ee = Ge(_e.value[L.modelKey]) : ee = Ge(l), L.queryParams && (ee.tableConfig || (ee.tableConfig = {}), ee.tableConfig.queryParams = L.queryParams), L.fields && (ee.fields = L.fields), L.modelKey && (ee.breadcrumbRoute = l.route), {
-          key: L.key,
-          label: L.label,
-          icon: L.icon,
-          disabled: L.disabled,
-          model: ee
+      var y, C, M, R, B;
+      r.value = [], l.pageConfig && ((C = (y = l.pageConfig) == null ? void 0 : y.tablePage) != null && C.tabViewAttributes) && (r.value = (B = (R = (M = l.pageConfig) == null ? void 0 : M.tablePage) == null ? void 0 : R.tabViewAttributes) == null ? void 0 : B.map((j) => {
+        let Z;
+        return j.modelKey && _e.value[j.modelKey] ? Z = Ge(_e.value[j.modelKey]) : Z = Ge(l), j.queryParams && (Z.tableConfig || (Z.tableConfig = {}), Z.tableConfig.queryParams = j.queryParams), j.fields && (Z.fields = j.fields), j.modelKey && (Z.breadcrumbRoute = l.route), {
+          key: j.key,
+          label: j.label,
+          icon: j.icon,
+          disabled: j.disabled,
+          model: Z
         };
       }));
     }
     function f() {
-      var N, T;
+      var M, R;
       console.log("TablePage.init: loading model:", o.params.model), console.log("TablePage.init: current model list", _e.value);
       const y = o.params.model;
       if (_e.value[y] === void 0) {
@@ -3412,9 +3420,9 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
       }
       ze(l);
       const C = Ge(_e.value[y]);
-      Object.assign(l, C), (T = (N = l.pageConfig) == null ? void 0 : N.tablePage) != null && T.tabViewAttributes || Object.assign(a, l), i();
+      Object.assign(l, C), (R = (M = l.pageConfig) == null ? void 0 : M.tablePage) != null && R.tabViewAttributes || Object.assign(a, l), i();
     }
-    return Ee([
+    return Pe([
       () => n.currentRoute.value,
       _e
     ], () => {
@@ -3423,20 +3431,20 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
       immediate: !0,
       deep: !0
     }), (y, C) => {
-      var T;
-      const N = E("el-scrollbar");
-      return p(), V(le, null, [
-        S("h1", vr, R(x(t)((T = l.name) != null ? T : "")), 1),
-        m(N, null, {
+      var R;
+      const M = E("el-scrollbar");
+      return p(), V(ae, null, [
+        S("h1", br, G(x(t)((R = l.name) != null ? R : "")), 1),
+        m(M, null, {
           default: d(() => {
-            var H, L;
+            var B, j;
             return [
-              (L = (H = l.pageConfig) == null ? void 0 : H.tablePage) != null && L.tabViewAttributes ? (p(), P(ho, {
+              (j = (B = l.pageConfig) == null ? void 0 : B.tablePage) != null && j.tabViewAttributes ? (p(), P(ho, {
                 key: 0,
                 class: "tabs-wrapper",
                 cards: r.value,
                 tableRef: s.value
-              }, null, 8, ["cards", "tableRef"])) : j("", !0)
+              }, null, 8, ["cards", "tableRef"])) : q("", !0)
             ];
           }),
           _: 1
@@ -3450,7 +3458,7 @@ const or = { render: tr }, nr = { class: "toolbar" }, sr = { class: "tool-button
       ], 64);
     };
   }
-}), yr = /* @__PURE__ */ be(br, [["__scopeId", "data-v-1a472785"]]), wr = [
+}), yr = /* @__PURE__ */ ve(vr, [["__scopeId", "data-v-1a472785"]]), wr = [
   jo,
   Vs,
   Wt,