@vancone/console-component 0.1.1-beta.66 → 0.1.1-beta.68

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

@@ -26,7 +26,7 @@ var Me = (e, o, n) => new Promise((t, s) => {
   }, r = (i) => i.done ? t(i.value) : Promise.resolve(i.value).then(a, c);
   r((n = n.apply(e, o)).next());
 });
-import { openBlock as u, createElementBlock as E, createElementVNode as v, defineComponent as Ee, reactive as pe, resolveComponent as x, createVNode as h, withCtx as p, unref as y, Fragment as te, renderList as fe, toDisplayString as A, normalizeStyle as He, ref as N, onMounted as yt, createBlock as I, createTextVNode as H, createCommentVNode as G, normalizeClass as wt, withModifiers as Oo, resolveDynamicComponent as lt, effectScope as Bt, markRaw as Re, toRaw as Qe, hasInjectionContext as Po, inject as Io, getCurrentInstance as Vo, watch as Ve, isRef as Xe, isReactive as Ct, toRef as ft, nextTick as it, computed as Ae, getCurrentScope as Mo, onScopeDispose as No, toRefs as Nt, onUnmounted as Uo, createStaticVNode as To, resolveDirective as Wt, withDirectives as Yt } from "vue";
+import { openBlock as u, createElementBlock as E, createElementVNode as v, defineComponent as Ee, reactive as fe, resolveComponent as x, createVNode as h, withCtx as p, unref as y, Fragment as te, renderList as me, toDisplayString as A, normalizeStyle as He, ref as N, onMounted as yt, createBlock as I, createTextVNode as H, createCommentVNode as G, normalizeClass as wt, withModifiers as Oo, resolveDynamicComponent as lt, effectScope as Bt, markRaw as Re, toRaw as Qe, hasInjectionContext as Po, inject as Io, getCurrentInstance as Vo, watch as Ve, isRef as Xe, isReactive as Ct, toRef as ft, nextTick as it, computed as Ae, getCurrentScope as Mo, onScopeDispose as No, toRefs as Nt, onUnmounted as Uo, createStaticVNode as To, resolveDirective as Wt, withDirectives as Yt } from "vue";
 import { useRoute as et, useRouter as pt } from "vue-router";
 import Ao from "axios";
 import { ElMessage as mt, ElMessageBox as Ut } from "element-plus";
@@ -42,12 +42,12 @@ const we = (e, o) => {
 function Yo(e, o) {
   return u(), E("div", Wo);
 }
-const Jo = /* @__PURE__ */ we(Bo, [["render", Yo], ["__scopeId", "data-v-07bd45d2"]]), be = Ao.create({
+const Jo = /* @__PURE__ */ we(Bo, [["render", Yo], ["__scopeId", "data-v-07bd45d2"]]), ye = Ao.create({
   timeout: 2 * 60 * 1e3,
   withCredentials: !0
 });
-be.interceptors.request.use((e) => e);
-be.interceptors.response.use((e) => {
+ye.interceptors.request.use((e) => e);
+ye.interceptors.response.use((e) => {
   const { headers: o, method: n } = e.config, { code: t, message: s } = e.data, { "No-Success-Message": a } = o, c = n !== "get";
   return t === 0 ? (c && !a && mt({
     message: s,
@@ -175,22 +175,22 @@ const Ko = {
   const { origin: e } = window.location;
   return e.includes("beta") || e.includes("localhost") ? "passport.beta.vancone.com" : "passport.vancone.com";
 };
-function ye(e) {
+function de(e) {
   const o = "i18n(", n = ")";
   return e && e.startsWith(o) && e.endsWith(n) ? Xo(e.slice(o.length, -n.length)) : e != null ? e : "";
 }
 const Xt = Qt();
 function Zo() {
-  return be.get(`//${Xt}/api/passport/service/v1/account`);
+  return ye.get(`//${Xt}/api/passport/service/v1/account`);
 }
 function en() {
-  return be.delete(`//${Xt}/api/passport/service/v1/login`);
+  return ye.delete(`//${Xt}/api/passport/service/v1/login`);
 }
 function tn() {
-  return be.get("//app-center.vancone.com/api/app-center/v1/app-group?pageSize=1000");
+  return ye.get("//app-center.vancone.com/api/app-center/v1/app-group?pageSize=1000");
 }
 function on() {
-  return be.get("//app-center.vancone.com/api/app-center/v1/store/app?pageSize=1000");
+  return ye.get("//app-center.vancone.com/api/app-center/v1/store/app?pageSize=1000");
 }
 const nn = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -237,7 +237,7 @@ const pn = { render: un }, fn = { class: "app-catalog-wrapper" }, mn = { class:
     visible: { type: Boolean }
   },
   setup(e) {
-    const o = pe([]);
+    const o = fe([]);
     function n() {
       tn().then(({ data: t }) => {
         o.splice(0, o.length, ...t.data.list), on().then(({ data: s }) => {
@@ -270,10 +270,10 @@ const pn = { render: un }, fn = { class: "app-catalog-wrapper" }, mn = { class:
                 }, {
                   default: p(() => [
                     v("div", mn, [
-                      (u(!0), E(te, null, fe(o, (f) => (u(), E("div", hn, [
+                      (u(!0), E(te, null, me(o, (f) => (u(), E("div", hn, [
                         v("h1", null, A(f.name), 1),
                         v("div", _n, [
-                          (u(!0), E(te, null, fe(f.apps, (b) => {
+                          (u(!0), E(te, null, me(f.apps, (b) => {
                             var $, V;
                             return u(), E("a", {
                               style: He([{ "text-decoration": "none" }, { pointerEvents: (($ = b.homepageUrl) == null ? void 0 : $.length) > 0 ? "auto" : "none" }]),
@@ -374,13 +374,13 @@ const Nn = { render: Mn };
 function $e(e, o, n) {
   switch (o) {
     case "POST":
-      return be.post(e, n);
+      return ye.post(e, n);
     case "PUT":
-      return be.put(e, n);
+      return ye.put(e, n);
     case "DELETE":
-      return be.delete(e + "/" + n);
+      return ye.delete(e + "/" + n);
     default:
-      return be.get(e, { params: n });
+      return ye.get(e, { params: n });
   }
 }
 const Un = { class: "header" }, Tn = { class: "title" }, An = { class: "right" }, Dn = { class: "icon-wrapper" }, Rn = { class: "user-wrapper" }, Fn = { style: { "font-size": "11px", "font-weight": "bold" } }, Ln = { class: "user-popover-header" }, Gn = { style: { "font-size": "15px", "font-weight": "bold" } }, jn = ["onClick"], zn = { class: "message-center-header" }, qn = { class: "message-center-content" }, Hn = {
@@ -436,12 +436,12 @@ const Un = { class: "header" }, Tn = { class: "title" }, An = { class: "right" }
         sendTime: "2025-12-25 14:00:00",
         isRead: !0
       }
-    ]), i = N([]), f = N(!1), b = e, $ = N(), V = pe(
+    ]), i = N([]), f = N(!1), b = e, $ = N(), V = fe(
       {
         id: "",
         name: ""
       }
-    ), M = N(""), z = N(ct.global.locale), Y = pe([
+    ), M = N(""), z = N(ct.global.locale), Y = fe([
       {
         id: "en",
         name: "English"
@@ -480,7 +480,7 @@ const Un = { class: "header" }, Tn = { class: "title" }, An = { class: "right" }
     function oe() {
       window.open("https://passport.vancone.com/#/account/profile", "_blank");
     }
-    function me() {
+    function he() {
       window.open(b.helpDocUrl, "_blank");
     }
     function W(l) {
@@ -531,7 +531,7 @@ const Un = { class: "header" }, Tn = { class: "title" }, An = { class: "right" }
               dropdown: p(() => [
                 h(F, { style: { width: "300px" } }, {
                   default: p(() => [
-                    (u(!0), E(te, null, fe($.value, (R) => (u(), I(P, {
+                    (u(!0), E(te, null, me($.value, (R) => (u(), I(P, {
                       command: R.id
                     }, {
                       default: p(() => [
@@ -600,7 +600,7 @@ const Un = { class: "header" }, Tn = { class: "title" }, An = { class: "right" }
                 b.helpDocUrl !== void 0 ? (u(), E("div", {
                   key: 0,
                   class: "icon-wrapper",
-                  onClick: me
+                  onClick: he
                 }, [
                   h(y(En))
                 ])) : G("", !0)
@@ -693,7 +693,7 @@ const Un = { class: "header" }, Tn = { class: "title" }, An = { class: "right" }
                         "popper-style": "height: 80px; left: -165px"
                       }, {
                         default: p(() => [
-                          (u(!0), E(te, null, fe(Y, (R) => (u(), E("div", {
+                          (u(!0), E(te, null, me(Y, (R) => (u(), E("div", {
                             class: "select-list",
                             onClick: (ne) => ee(R.id)
                           }, [
@@ -792,7 +792,7 @@ const Un = { class: "header" }, Tn = { class: "title" }, An = { class: "right" }
                     _: 1
                   }, 8, ["indeterminate", "modelValue"])
                 ])),
-                (u(!0), E(te, null, fe(r.value, (R) => (u(), E("div", {
+                (u(!0), E(te, null, me(r.value, (R) => (u(), E("div", {
                   key: R.id,
                   class: wt(["message-item", { unread: !R.isRead, selected: i.value.includes(R.id) }]),
                   onClick: (ne) => i.value = i.value.includes(R.id) ? i.value.filter((Q) => Q !== R.id) : [...i.value, R.id]
@@ -857,11 +857,11 @@ const Un = { class: "header" }, Tn = { class: "title" }, An = { class: "right" }
                 innerHTML: o.menu.meta.svgXml
               }, null, 8, ls)) : G("", !0)
             ]),
-            v("span", null, A(y(ye)((b = n.menu.meta) == null ? void 0 : b.title)), 1)
+            v("span", null, A(y(de)((b = n.menu.meta) == null ? void 0 : b.title)), 1)
           ];
         }),
         default: p(() => [
-          (u(!0), E(te, null, fe(n.menu.children, (r) => (u(), I(s, {
+          (u(!0), E(te, null, me(n.menu.children, (r) => (u(), I(s, {
             key: r.path,
             route: r,
             menu: r
@@ -876,7 +876,7 @@ const Un = { class: "header" }, Tn = { class: "title" }, An = { class: "right" }
         title: p(() => {
           var r;
           return [
-            v("span", null, A(y(ye)((r = n.menu.meta) == null ? void 0 : r.title)), 1)
+            v("span", null, A(y(de)((r = n.menu.meta) == null ? void 0 : r.title)), 1)
           ];
         }),
         default: p(() => {
@@ -1263,7 +1263,7 @@ function Ms(e) {
   }
 }
 let ze = !0;
-const rt = [], De = "pinia:mutations", de = "pinia", { assign: Ns } = Object, dt = (e) => "🍍 " + e;
+const rt = [], De = "pinia:mutations", ue = "pinia", { assign: Ns } = Object, dt = (e) => "🍍 " + e;
 function Us(e, o) {
   oo({
     id: "dev.esm.pinia",
@@ -1279,7 +1279,7 @@ function Us(e, o) {
       label: "Pinia 🍍",
       color: 15064968
     }), n.addInspector({
-      id: de,
+      id: ue,
       label: "Pinia 🍍",
       icon: "storage",
       treeFilterPlaceholder: "Search stores",
@@ -1294,7 +1294,7 @@ function Us(e, o) {
         {
           icon: "content_paste",
           action: () => Me(this, null, function* () {
-            yield xs(o), n.sendInspectorTree(de), n.sendInspectorState(de);
+            yield xs(o), n.sendInspectorTree(ue), n.sendInspectorState(ue);
           }),
           tooltip: "Replace the state with the content of your clipboard"
         },
@@ -1308,7 +1308,7 @@ function Us(e, o) {
         {
           icon: "folder_open",
           action: () => Me(this, null, function* () {
-            yield Os(o), n.sendInspectorTree(de), n.sendInspectorState(de);
+            yield Os(o), n.sendInspectorTree(ue), n.sendInspectorState(ue);
           }),
           tooltip: "Import the state from a JSON file"
         }
@@ -1363,19 +1363,19 @@ function Us(e, o) {
         });
       }
     }), n.on.getInspectorTree((t) => {
-      if (t.app === e && t.inspectorId === de) {
+      if (t.app === e && t.inspectorId === ue) {
         let s = [o];
         s = s.concat(Array.from(o._s.values())), t.rootNodes = (t.filter ? s.filter((a) => "$id" in a ? a.$id.toLowerCase().includes(t.filter.toLowerCase()) : uo.toLowerCase().includes(t.filter.toLowerCase())) : s).map(Ps);
       }
     }), globalThis.$pinia = o, n.on.getInspectorState((t) => {
-      if (t.app === e && t.inspectorId === de) {
+      if (t.app === e && t.inspectorId === ue) {
         const s = t.nodeId === at ? o : o._s.get(t.nodeId);
         if (!s)
           return;
         s && (t.nodeId !== at && (globalThis.$store = Qe(s)), t.state = Is(s));
       }
     }), n.on.editInspectorState((t, s) => {
-      if (t.app === e && t.inspectorId === de) {
+      if (t.app === e && t.inspectorId === ue) {
         const a = t.nodeId === at ? o : o._s.get(t.nodeId);
         if (!a)
           return le(`store "${t.nodeId}" not found`, "error");
@@ -1471,7 +1471,7 @@ function Ts(e, o) {
       });
     }, !0), o._customProperties.forEach((c) => {
       Ve(() => y(o[c]), (r, i) => {
-        n.notifyComponentUpdate(), n.sendInspectorState(de), ze && n.addTimelineEvent({
+        n.notifyComponentUpdate(), n.sendInspectorState(ue), ze && n.addTimelineEvent({
           layerId: De,
           event: {
             time: t(),
@@ -1486,7 +1486,7 @@ function Ts(e, o) {
         });
       }, { deep: !0 });
     }), o.$subscribe(({ events: c, type: r }, i) => {
-      if (n.notifyComponentUpdate(), n.sendInspectorState(de), !ze)
+      if (n.notifyComponentUpdate(), n.sendInspectorState(ue), !ze)
         return;
       const f = {
         time: t(),
@@ -1519,12 +1519,12 @@ function Ts(e, o) {
             info: Se("HMR update")
           }
         }
-      }), n.notifyComponentUpdate(), n.sendInspectorTree(de), n.sendInspectorState(de);
+      }), n.notifyComponentUpdate(), n.sendInspectorTree(ue), n.sendInspectorState(ue);
     });
     const { $dispose: a } = o;
     o.$dispose = () => {
-      a(), n.notifyComponentUpdate(), n.sendInspectorTree(de), n.sendInspectorState(de), n.getSettings().logStoreChanges && le(`Disposed "${o.$id}" store 🗑`);
-    }, n.notifyComponentUpdate(), n.sendInspectorTree(de), n.sendInspectorState(de), n.getSettings().logStoreChanges && le(`"${o.$id}" store installed 🆕`);
+      a(), n.notifyComponentUpdate(), n.sendInspectorTree(ue), n.sendInspectorState(ue), n.getSettings().logStoreChanges && le(`Disposed "${o.$id}" store 🗑`);
+    }, n.notifyComponentUpdate(), n.sendInspectorTree(ue), n.sendInspectorState(ue), n.getSettings().logStoreChanges && le(`"${o.$id}" store installed 🆕`);
   });
 }
 let po = 0, Te;
@@ -1624,7 +1624,7 @@ const Fs = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration")
 function Ls(e) {
   return !Le(e) || !e.hasOwnProperty(Fs);
 }
-const { assign: ge } = Object;
+const { assign: be } = Object;
 function jt(e) {
   return !!(Xe(e) && e.effect);
 }
@@ -1637,7 +1637,7 @@ function zt(e, o, n, t) {
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
       Nt(N(s ? s() : {}).value)
     ) : Nt(n.state.value[e]);
-    return ge(b, a, Object.keys(c || {}).reduce(($, V) => (process.env.NODE_ENV !== "production" && V in b && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${V}" in store "${e}".`), $[V] = Re(Ae(() => {
+    return be(b, a, Object.keys(c || {}).reduce(($, V) => (process.env.NODE_ENV !== "production" && V in b && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${V}" in store "${e}".`), $[V] = Re(Ae(() => {
       Ze(n);
       const M = n._s.get(e);
       return c[V].call(M, M);
@@ -1647,7 +1647,7 @@ function zt(e, o, n, t) {
 }
 function bt(e, o, n = {}, t, s, a) {
   let c;
-  const r = ge({ actions: {} }, n);
+  const r = be({ actions: {} }, n);
   if (process.env.NODE_ENV !== "production" && !t._e.active)
     throw new Error("Pinia destroyed");
   const i = { deep: !0 };
@@ -1679,7 +1679,7 @@ function bt(e, o, n = {}, t, s, a) {
   const ee = a ? function() {
     const { state: l } = n, _ = l ? l() : {};
     this.$patch((k) => {
-      ge(k, _);
+      be(k, _);
     });
   } : (
     /* istanbul ignore next */
@@ -1690,7 +1690,7 @@ function bt(e, o, n = {}, t, s, a) {
   function oe() {
     c.stop(), $ = [], V = [], t._s.delete(e);
   }
-  const me = (d, l = "") => {
+  const he = (d, l = "") => {
     if (Gt in d)
       return d[_t] = l, d;
     const _ = function() {
@@ -1737,11 +1737,11 @@ function bt(e, o, n = {}, t, s, a) {
           type: Ie.direct,
           events: M
         }, P);
-      }, ge({}, i, l)));
+      }, be({}, i, l)));
       return _;
     },
     $dispose: oe
-  }, U = pe(process.env.NODE_ENV !== "production" || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && Fe ? ge(
+  }, U = fe(process.env.NODE_ENV !== "production" || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && Fe ? be(
     {
       _hmrPayload: W,
       _customProperties: Re(/* @__PURE__ */ new Set())
@@ -1752,13 +1752,13 @@ function bt(e, o, n = {}, t, s, a) {
     // setupStore
   ) : Ce);
   t._s.set(e, U);
-  const T = (t._a && t._a.runWithContext || Rs)(() => t._e.run(() => (c = Bt()).run(() => o({ action: me }))));
+  const T = (t._a && t._a.runWithContext || Rs)(() => t._e.run(() => (c = Bt()).run(() => o({ action: he }))));
   for (const d in T) {
     const l = T[d];
     if (Xe(l) && !jt(l) || Ct(l))
       process.env.NODE_ENV !== "production" && s ? ot(Y.value, d, ft(T, d)) : a || (z && Ls(l) && (Xe(l) ? l.value = z[d] : gt(l, z[d])), t.state.value[e][d] = l), process.env.NODE_ENV !== "production" && W.state.push(d);
     else if (typeof l == "function") {
-      const _ = process.env.NODE_ENV !== "production" && s ? l : me(l, d);
+      const _ = process.env.NODE_ENV !== "production" && s ? l : he(l, d);
       T[d] = _, process.env.NODE_ENV !== "production" && (W.actions[d] = l), r.actions[d] = l;
     } else process.env.NODE_ENV !== "production" && jt(l) && (W.getters[d] = a ? (
       // @ts-expect-error
@@ -1766,13 +1766,13 @@ function bt(e, o, n = {}, t, s, a) {
     ) : l, Fe && (T._getters || // @ts-expect-error: same
     (T._getters = Re([]))).push(d));
   }
-  if (ge(U, T), ge(Qe(U), T), Object.defineProperty(U, "$state", {
+  if (be(U, T), be(Qe(U), T), Object.defineProperty(U, "$state", {
     get: () => process.env.NODE_ENV !== "production" && s ? Y.value : t.state.value[e],
     set: (d) => {
       if (process.env.NODE_ENV !== "production" && s)
         throw new Error("cannot set hotState");
       B((l) => {
-        ge(l, d);
+        be(l, d);
       });
     }
   }), process.env.NODE_ENV !== "production" && (U._hotUpdate = Re((d) => {
@@ -1789,7 +1789,7 @@ function bt(e, o, n = {}, t, s, a) {
     });
     for (const l in d._hmrPayload.actions) {
       const _ = d[l];
-      ot(U, l, me(_, l));
+      ot(U, l, he(_, l));
     }
     for (const l in d._hmrPayload.getters) {
       const _ = d._hmrPayload.getters[l], k = a ? (
@@ -1811,7 +1811,7 @@ function bt(e, o, n = {}, t, s, a) {
       enumerable: !1
     };
     ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((l) => {
-      Object.defineProperty(U, l, ge({ value: U[l] }, d));
+      Object.defineProperty(U, l, be({ value: U[l] }, d));
     });
   }
   return t._p.forEach((d) => {
@@ -1822,9 +1822,9 @@ function bt(e, o, n = {}, t, s, a) {
         pinia: t,
         options: r
       }));
-      Object.keys(l || {}).forEach((_) => U._customProperties.add(_)), ge(U, l);
+      Object.keys(l || {}).forEach((_) => U._customProperties.add(_)), be(U, l);
     } else
-      ge(U, c.run(() => d({
+      be(U, c.run(() => d({
         store: U,
         app: t._a,
         pinia: t,
@@ -1851,7 +1851,7 @@ This will fail in production.`);
     r = Ke, r._s.has(t) || (a ? bt(t, o, s, r) : zt(t, s, r), process.env.NODE_ENV !== "production" && (c._pinia = r));
     const b = r._s.get(t);
     if (process.env.NODE_ENV !== "production" && i) {
-      const $ = "__hot:" + t, V = a ? bt($, o, s, r, !0) : zt($, ge({}, s), r, !0);
+      const $ = "__hot:" + t, V = a ? bt($, o, s, r, !0) : zt($, be({}, s), r, !0);
       i._hotUpdate(V), delete r.state.value[$], r._s.delete($);
     }
     if (process.env.NODE_ENV !== "production" && Fe) {
@@ -2133,7 +2133,7 @@ const go = /* @__PURE__ */ Gs("console", {
           router: ""
         }, {
           default: p(() => [
-            (u(!0), E(te, null, fe(y(Dt), (M) => (u(), I(us, {
+            (u(!0), E(te, null, me(y(Dt), (M) => (u(), I(us, {
               key: M.path,
               menu: M
             }, null, 8, ["menu"]))), 128))
@@ -2268,7 +2268,7 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
         deep: !0
       }
     ), (c, r) => (u(), E("div", va, [
-      (u(!0), E(te, null, fe(t.cards, (i) => (u(), E("div", {
+      (u(!0), E(te, null, me(t.cards, (i) => (u(), E("div", {
         class: wt(["card", { "card-selected": s.value === i.key }]),
         onClick: (f) => a(i)
       }, [
@@ -2282,7 +2282,7 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
             ]),
             v("span", {
               style: He({ color: i.disabled ? "#aaa" : "black" })
-            }, A(y(ye)(i.label)), 5)
+            }, A(y(de)(i.label)), 5)
           ]),
           v("span", null, A(i.count), 1)
         ])
@@ -2317,7 +2317,7 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
   },
   emits: ["update:id"],
   setup(e, { expose: o, emit: n }) {
-    const t = e, s = pe({}), a = N(!1), c = N(), r = pe({}), i = N(!1), f = N(""), b = N(null), $ = (w) => t.mode === "view" && (W(w, void 0) || W(w, "input") || W(w, "select") || W(w, "password") || W(w, "input-number") || W(w, "date") || W(w, "time") || W(w, "datetime")), V = Ae(() => t.model.fields ? t.model.fields.filter(
+    const t = e, s = fe({}), a = N(!1), c = N(), r = fe({}), i = N(!1), f = N(""), b = N(null), $ = (w) => t.mode === "view" && (W(w, void 0) || W(w, "input") || W(w, "select") || W(w, "password") || W(w, "input-number") || W(w, "date") || W(w, "time") || W(w, "datetime")), V = Ae(() => t.model.fields ? t.model.fields.filter(
       (w) => {
         var l, _, k, P;
         let T = w.visible !== !1 && ((l = w.formItem) == null ? void 0 : l.visible) !== !1;
@@ -2356,27 +2356,27 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
           if (Z === "select") {
             if (R) {
               let re = `${Ae(() => 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=${ne}`;
-              const he = (g = C == null ? void 0 : C.select) == null ? void 0 : g.queryParamName, ue = (S = C == null ? void 0 : C.select) == null ? void 0 : S.queryParamValueField;
-              he && (re = `${re}?${he}=${t.id}`), ue || $e(re, "GET", {}).then(({ data: _e }) => {
+              const _e = (g = C == null ? void 0 : C.select) == null ? void 0 : g.queryParamName, pe = (S = C == null ? void 0 : C.select) == null ? void 0 : S.queryParamValueField;
+              _e && (re = `${re}?${_e}=${t.id}`), pe || $e(re, "GET", {}).then(({ data: ve }) => {
                 var ke;
                 if ((ke = d.formItem) != null && ke.select) {
-                  let ve = [];
-                  Array.isArray(_e.data) ? ve = _e.data : _e.data.list && Array.isArray(_e.data.list) && (ve = _e.data.list), d.formItem.select.options = ve.map((Ue) => ({
+                  let ge = [];
+                  Array.isArray(ve.data) ? ge = ve.data : ve.data.list && Array.isArray(ve.data.list) && (ge = ve.data.list), d.formItem.select.options = ge.map((Ue) => ({
                     value: Ue.dbOrdinal,
-                    label: ye(Ue.value)
+                    label: de(Ue.value)
                   }));
                 }
               });
             } else if (Q) {
               let ae = Q;
-              const re = (m = C == null ? void 0 : C.select) == null ? void 0 : m.queryParamName, he = (q = C == null ? void 0 : C.select) == null ? void 0 : q.queryParamValueField;
-              re && (ae = `${ae}?${re}=${t.id}`), he || $e(ae, "GET", {}).then(({ data: ue }) => {
-                var _e;
-                if ((_e = d.formItem) != null && _e.select) {
+              const re = (m = C == null ? void 0 : C.select) == null ? void 0 : m.queryParamName, _e = (q = C == null ? void 0 : C.select) == null ? void 0 : q.queryParamValueField;
+              re && (ae = `${ae}?${re}=${t.id}`), _e || $e(ae, "GET", {}).then(({ data: pe }) => {
+                var ve;
+                if ((ve = d.formItem) != null && ve.select) {
                   let ke = [];
-                  Array.isArray(ue.data) ? ke = ue.data : ue.data.list && Array.isArray(ue.data.list) && (ke = ue.data.list), d.formItem.select.options = ke.map((ve) => ({
-                    value: J ? ve[J] : ve.value,
-                    label: ye(se ? ve[se] : ve.label)
+                  Array.isArray(pe.data) ? ke = pe.data : pe.data.list && Array.isArray(pe.data.list) && (ke = pe.data.list), d.formItem.select.options = ke.map((ge) => ({
+                    value: J ? ge[J] : ge.value,
+                    label: de(se ? ge[se] : ge.label)
                   }));
                 }
               });
@@ -2408,7 +2408,7 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
       (w = c.value) == null || w.resetFields();
     }
     function B(w) {
-      return w != null && w.prop ? w.label ? ye(w.label) : w.prop.slice(0, 1).toUpperCase() + w.prop.slice(1).toLowerCase() : "";
+      return w != null && w.prop ? w.label ? de(w.label) : w.prop.slice(0, 1).toUpperCase() + w.prop.slice(1).toLowerCase() : "";
     }
     function ee(w) {
       var T, d, l, _, k, P;
@@ -2419,22 +2419,22 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
             return F(s[w.prop]);
           const D = (_ = (l = w.formItem) == null ? void 0 : l.select) == null ? void 0 : _.viewModeLabelField;
           if (D)
-            return s[D];
+            return de(s[D]);
           const O = (P = (k = w.formItem) == null ? void 0 : k.select) == null ? void 0 : P.options;
           if (O) {
             for (let L of O)
               if (L.value === s[w.prop])
-                return ye(L.label);
+                return de(L.label);
           }
         }
-        return s[w.prop];
+        return de(s[w.prop]);
       }
     }
     function oe(w) {
       var T;
       return ((T = w.formItem) == null ? void 0 : T.updatable) === !1 && t.mode === "update";
     }
-    function me(w, T) {
+    function he(w, T) {
       var l, _;
       const d = (_ = (l = T.formItem) == null ? void 0 : l.type) != null ? _ : "input";
       switch (w) {
@@ -2471,7 +2471,7 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
                 let D = [];
                 Array.isArray(F.data) ? D = F.data : F.data.list && Array.isArray(F.data.list) && (D = F.data.list), l.options = D.map((O) => ({
                   value: l.valueMappingField ? O[l.valueMappingField] : O.value,
-                  label: l.labelMappingField ? O[l.labelMappingField] : O.label
+                  label: de(l.labelMappingField ? O[l.labelMappingField] : O.label)
                 }));
               }
             });
@@ -2504,16 +2504,16 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
           inline: !t.disableInline
         }, {
           default: p(() => [
-            (u(!0), E(te, null, fe(V.value, (m) => (u(), I(L, {
+            (u(!0), E(te, null, me(V.value, (m) => (u(), I(L, {
               class: "form-item",
               style: He({ width: t.disableInline ? "100%" : "calc(50% - 32px)" }),
               prop: m.prop,
               label: B(m)
             }, {
               default: p(() => {
-                var q, C, Z, R, ne, Q, J, se, ae, re, he, ue, _e, ke, ve, Ue, We, Ye, ie, K;
+                var q, C, Z, R, ne, Q, J, se, ae, re, _e, pe, ve, ke, ge, Ue, We, Ye, ie, K;
                 return [
-                  me("input", m) ? (u(), I(d, {
+                  he("input", m) ? (u(), I(d, {
                     key: 0,
                     type: W(m, "password") ? "password" : "text",
                     modelValue: s[m.prop],
@@ -2559,7 +2559,7 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
                     "collapse-tags": (ne = (R = m.formItem) == null ? void 0 : R.select) == null ? void 0 : ne.multiple,
                     filterable: (J = (Q = m.formItem) == null ? void 0 : Q.select) == null ? void 0 : J.allowCreate,
                     "allow-create": (ae = (se = m.formItem) == null ? void 0 : se.select) == null ? void 0 : ae.allowCreate,
-                    "default-first-option": (he = (re = m.formItem) == null ? void 0 : re.select) == null ? void 0 : he.allowCreate,
+                    "default-first-option": (_e = (re = m.formItem) == null ? void 0 : re.select) == null ? void 0 : _e.allowCreate,
                     modelValue: s[m.prop],
                     "onUpdate:modelValue": (X) => s[m.prop] = X,
                     disabled: oe(m),
@@ -2568,9 +2568,9 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
                     default: p(() => {
                       var X, Oe;
                       return [
-                        (u(!0), E(te, null, fe((Oe = (X = m.formItem) == null ? void 0 : X.select) == null ? void 0 : Oe.options, (Pe) => (u(), I(P, {
+                        (u(!0), E(te, null, me((Oe = (X = m.formItem) == null ? void 0 : X.select) == null ? void 0 : Oe.options, (Pe) => (u(), I(P, {
                           value: Pe.value,
-                          label: Pe.label
+                          label: y(de)(Pe.label)
                         }, null, 8, ["value", "label"]))), 256))
                       ];
                     }),
@@ -2581,8 +2581,8 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
                     style: { width: "100%" },
                     modelValue: s[m.prop],
                     "onUpdate:modelValue": (X) => s[m.prop] = X,
-                    min: (ke = (_e = (ue = m.formItem) == null ? void 0 : ue.inputNumber) == null ? void 0 : _e.min) != null ? ke : Number.NEGATIVE_INFINITY,
-                    max: (We = (Ue = (ve = m.formItem) == null ? void 0 : ve.inputNumber) == null ? void 0 : Ue.max) != null ? We : Number.POSITIVE_INFINITY,
+                    min: (ke = (ve = (pe = m.formItem) == null ? void 0 : pe.inputNumber) == null ? void 0 : ve.min) != null ? ke : Number.NEGATIVE_INFINITY,
+                    max: (We = (Ue = (ge = m.formItem) == null ? void 0 : ge.inputNumber) == null ? void 0 : Ue.max) != null ? We : Number.POSITIVE_INFINITY,
                     step: (K = (ie = (Ye = m.formItem) == null ? void 0 : Ye.inputNumber) == null ? void 0 : ie.step) != null ? K : 1,
                     "value-on-clear": -10
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max", "step"])) : G("", !0),
@@ -2651,7 +2651,7 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
       ], 64);
     };
   }
-}), wo = /* @__PURE__ */ we(Oa, [["__scopeId", "data-v-079a7470"]]), Pa = { class: "console-dialog__body" }, Ia = {
+}), wo = /* @__PURE__ */ we(Oa, [["__scopeId", "data-v-05b484b8"]]), Pa = { class: "console-dialog__body" }, Ia = {
   key: 0,
   class: "process-view"
 }, Va = { class: "operation-button-wrapper" }, Co = /* @__PURE__ */ Ee({
@@ -2700,7 +2700,7 @@ const _a = /* @__PURE__ */ we(ma, [["render", ha]]), va = { class: "card-wrapper
               style: He({ width: s.showProcess ? "calc(100% - 350px)" : "auto" })
             }, [
               v("div", Va, [
-                (u(!0), E(te, null, fe((B = s.model.formConfig) == null ? void 0 : B.dialogButtons, (ee) => (u(), I(Y, {
+                (u(!0), E(te, null, me((B = s.model.formConfig) == null ? void 0 : B.dialogButtons, (ee) => (u(), I(Y, {
                   onClick: (oe) => ee.function(r.value.formData)
                 }, {
                   default: p(() => [
@@ -2785,13 +2785,13 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
     model: {}
   },
   setup(e, { expose: o }) {
-    const { t: n } = ct.global, t = e, s = pe([]), a = pe({}), c = N(""), r = N(!1), i = pt(), f = N(""), b = pe([]), $ = pe([]), V = N(), M = N([]), z = N("create"), Y = N(!0), ce = N(!1), B = N(""), ee = pe({
+    const { t: n } = ct.global, t = e, s = fe([]), a = fe({}), c = N(""), r = N(!1), i = pt(), f = N(""), b = fe([]), $ = fe([]), V = N(), M = N([]), z = N("create"), Y = N(!0), ce = N(!1), B = N(""), ee = fe({
       pageSize: 10,
       pageNo: 1,
       totalElements: 0
     });
     let oe = {};
-    const me = Ae(() => s.filter(
+    const he = Ae(() => s.filter(
       (g) => {
         var S, m;
         return ((S = g.formItem) == null ? void 0 : S.type) !== "password" && g.visible !== !1 && ((m = g.tableColumn) == null ? void 0 : m.visible) !== !1;
@@ -2824,11 +2824,11 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
             if (oe[J.dictId] === void 0) {
               let ae = `${Ae(() => 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=${J.dictId}`;
               $e(ae, "GET", {}).then(({ data: re }) => {
-                let he = [];
-                Array.isArray(re.data) ? he = re.data : re.data.list && Array.isArray(re.data.list) && (he = re.data.list), oe[J.dictId] = he;
-                for (let ue of oe[J.dictId])
-                  if (ue.dbOrdinal == m) {
-                    m = ue.value;
+                let _e = [];
+                Array.isArray(re.data) ? _e = re.data : re.data.list && Array.isArray(re.data.list) && (_e = re.data.list), oe[J.dictId] = _e;
+                for (let pe of oe[J.dictId])
+                  if (pe.dbOrdinal == m) {
+                    m = pe.value;
                     break;
                   }
               });
@@ -2841,7 +2841,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
           }
         }
       }
-      return ye(m);
+      return de(m);
     }
     function Ce(g, S) {
       var m, q;
@@ -2892,7 +2892,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
           (S = a.functions) == null || S.batchDelete(M.value);
         else {
           const m = M.value.map((q) => q.id);
-          be.delete(`${t.model.api}/${m.join(",")}`).then(({ data: q }) => {
+          ye.delete(`${t.model.api}/${m.join(",")}`).then(({ data: q }) => {
             q.code === 0 && (r.value = !1, w());
           });
         }
@@ -2927,7 +2927,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
       M.value = g;
     }
     function O(g) {
-      return g != null && g.prop ? g.label ? ye(g.label) : g.prop.slice(0, 1).toUpperCase() + g.prop.slice(1).toLowerCase() : "";
+      return g != null && g.prop ? g.label ? de(g.label) : g.prop.slice(0, 1).toUpperCase() + g.prop.slice(1).toLowerCase() : "";
     }
     function L(g) {
       g ? (ce.value = !0, $.splice(0, $.length, ...b), b.splice(0, b.length, ...M.value)) : (ce.value = !1, b.splice(0, b.length, ...$));
@@ -2941,12 +2941,12 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
         return;
       }
       let g = "";
-      me.value.forEach((R) => {
+      he.value.forEach((R) => {
         g += `<th>${O(R)}</th>`;
       });
       let S = "";
       M.value.forEach((R) => {
-        S += "<tr>", me.value.forEach((ne) => {
+        S += "<tr>", he.value.forEach((ne) => {
           S += `<td>${R[ne.prop]}</td>`;
         }), S += "</tr>";
       });
@@ -3016,7 +3016,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
       updateConfigAndRefresh: U
     }), (g, S) => {
       var Ue, We, Ye;
-      const m = x("el-checkbox"), q = x("el-badge"), C = x("el-button"), Z = x("el-dropdown-item"), R = x("el-dropdown-menu"), ne = x("el-dropdown"), Q = x("el-icon"), J = x("el-tooltip"), se = x("el-input"), ae = x("el-table-column"), re = x("router-link"), he = x("el-tag"), ue = x("el-popconfirm"), _e = x("el-table"), ke = x("el-pagination"), ve = Wt("loading");
+      const m = x("el-checkbox"), q = x("el-badge"), C = x("el-button"), Z = x("el-dropdown-item"), R = x("el-dropdown-menu"), ne = x("el-dropdown"), Q = x("el-icon"), J = x("el-tooltip"), se = x("el-input"), ae = x("el-table-column"), re = x("router-link"), _e = x("el-tag"), pe = x("el-popconfirm"), ve = x("el-table"), ke = x("el-pagination"), ge = Wt("loading");
       return u(), E("div", {
         class: wt({ "table-view-wrapper": (Ue = a.display) == null ? void 0 : Ue.pane })
       }, [
@@ -3211,7 +3211,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
             })) : G("", !0)
           ])
         ]),
-        Yt((u(), I(_e, {
+        Yt((u(), I(ve, {
           border: !0,
           ref_key: "tableRef",
           ref: V,
@@ -3227,7 +3227,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
                 type: "selection",
                 width: "50"
               })),
-              (u(!0), E(te, null, fe(me.value, (K) => {
+              (u(!0), E(te, null, me(he.value, (K) => {
                 var X;
                 return u(), I(ae, {
                   prop: K.prop,
@@ -3257,7 +3257,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
                         ]),
                         _: 2
                       }, 1032, ["to"])) : (u(), E("span", Ra, A(W(K, Oe)), 1)),
-                      ((Pt = K.tableColumn) == null ? void 0 : Pt.type) === "tag" ? (u(), I(he, { key: 3 }, {
+                      ((Pt = K.tableColumn) == null ? void 0 : Pt.type) === "tag" ? (u(), I(_e, { key: 3 }, {
                         default: p(() => [
                           H(A(Oe.row[K.prop]), 1)
                         ]),
@@ -3286,7 +3286,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
                     ]),
                     _: 2
                   }, 1032, ["onClick"])) : G("", !0),
-                  h(ue, {
+                  h(pe, {
                     title: "Are you sure to delete this?",
                     onConfirm: (X) => d(K.$index, K.row)
                   }, {
@@ -3314,7 +3314,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
                 width: "120"
               }, {
                 default: p((K) => [
-                  (u(!0), E(te, null, fe(a.operations, (X) => (u(), I(C, {
+                  (u(!0), E(te, null, me(a.operations, (X) => (u(), I(C, {
                     class: "operation-button",
                     link: "",
                     type: "primary",
@@ -3336,7 +3336,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
           }),
           _: 1
         }, 8, ["data"])), [
-          [ve, Y.value]
+          [ge, Y.value]
         ]),
         ce.value ? G("", !0) : (u(), I(ke, {
           key: 0,
@@ -3368,10 +3368,10 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
 }, za = { class: "icon-wrapper" }, qa = { class: "info-wrapper" }, Ha = { class: "title-wrapper" }, Ba = { class: "tabs-wrapper" }, Wa = { class: "dialog-footer" }, Ya = /* @__PURE__ */ Ee({
   __name: "DetailPage",
   setup(e) {
-    const { t: o } = kt(), n = et(), t = pt(), s = Ae(() => n.query.id), a = N(!1), c = N(!1), r = N("view"), i = N(), f = N(-1), b = N(), $ = N(), V = N("summary"), M = N(""), z = N(""), Y = N(""), ce = N(0), B = pe({
+    const { t: o } = kt(), n = et(), t = pt(), s = Ae(() => n.query.id), a = N(!1), c = N(!1), r = N("view"), i = N(), f = N(-1), b = N(), $ = N(), V = N("summary"), M = N(""), z = N(""), Y = N(""), ce = N(0), B = fe({
       api: "",
       fields: []
-    }), ee = pe([]);
+    }), ee = fe([]);
     let oe = [];
     Ve([
       () => t.currentRoute.value,
@@ -3382,7 +3382,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
       immediate: !0,
       deep: !0
     });
-    function me(d) {
+    function he(d) {
       f.value = parseInt(d.index) - 1;
     }
     function W() {
@@ -3411,7 +3411,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
         let O = (g = oe[f.value].api) == null ? void 0 : g.replace("/select", "");
         O = O == null ? void 0 : O.substring(O.lastIndexOf("/"));
         const L = B.api + "/" + s.value + O, j = D.map((S) => S.id);
-        be.delete(`${L}/${j.join(",")}`).then(({ data: S }) => {
+        ye.delete(`${L}/${j.join(",")}`).then(({ data: S }) => {
           S.code === 0 && b.value.refresh();
         });
       }, _.operations = [
@@ -3520,7 +3520,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
               v("span", null, null, -1)
             ])),
             content: p(() => [
-              v("span", Ga, A(y(ye)(B == null ? void 0 : B.name)), 1)
+              v("span", Ga, A(y(de)(B == null ? void 0 : B.name)), 1)
             ]),
             _: 1
           }),
@@ -3540,7 +3540,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
                   default: p(() => {
                     var Q, J;
                     return [
-                      (u(!0), E(te, null, fe((J = (Q = B.pageConfig) == null ? void 0 : Q.detailPage) == null ? void 0 : J.operationButtons, (se) => (u(), I(F, {
+                      (u(!0), E(te, null, me((J = (Q = B.pageConfig) == null ? void 0 : Q.detailPage) == null ? void 0 : J.operationButtons, (se) => (u(), I(F, {
                         onClick: (ae) => se.function(i.value.formData)
                       }, {
                         default: p(() => [
@@ -3609,7 +3609,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
           h(g, {
             modelValue: V.value,
             "onUpdate:modelValue": l[1] || (l[1] = (Q) => V.value = Q),
-            onTabClick: me
+            onTabClick: he
           }, {
             default: p(() => {
               var Q, J;
@@ -3630,8 +3630,8 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                (u(!0), E(te, null, fe((J = (Q = B.pageConfig) == null ? void 0 : Q.detailPage) == null ? void 0 : J.tabs, (se) => (u(), I(j, {
-                  label: y(ye)(se.name)
+                (u(!0), E(te, null, me((J = (Q = B.pageConfig) == null ? void 0 : Q.detailPage) == null ? void 0 : J.tabs, (se) => (u(), I(j, {
+                  label: y(de)(se.name)
                 }, null, 8, ["label"]))), 256))
               ];
             }),
@@ -3695,10 +3695,10 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
 }), Ja = /* @__PURE__ */ we(Ya, [["__scopeId", "data-v-0fa73126"]]), Ka = { class: "page-title" }, Qa = /* @__PURE__ */ Ee({
   __name: "TablePage",
   setup(e) {
-    const o = et(), n = pt(), t = N(), s = N([]), a = pe({
+    const o = et(), n = pt(), t = N(), s = N([]), a = fe({
       api: "",
       fields: []
-    }), c = pe(tt({}, a));
+    }), c = fe(tt({}, a));
     function r() {
       var f, b, $, V, M;
       s.value = [], a.pageConfig && ((b = (f = a.pageConfig) == null ? void 0 : f.tablePage) != null && b.tabViewAttributes) && (s.value = (M = (V = ($ = a.pageConfig) == null ? void 0 : $.tablePage) == null ? void 0 : V.tabViewAttributes) == null ? void 0 : M.map((z) => {
@@ -3734,7 +3734,7 @@ const Ua = { render: Na }, Ta = { class: "toolbar" }, Aa = { class: "tool-button
     }), (f, b) => {
       const $ = x("el-scrollbar");
       return u(), E(te, null, [
-        v("h1", Ka, A(y(ye)(a == null ? void 0 : a.name)), 1),
+        v("h1", Ka, A(y(de)(a == null ? void 0 : a.name)), 1),
         h($, null, {
           default: p(() => {
             var V, M;