@vancone/console-component 0.1.1-beta.13 → 0.1.1-beta.14

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vancone/console-component",
   "private": false,
-  "version": "0.1.1-beta.13",
+  "version": "0.1.1-beta.14",
   "type": "module",
   "files": [
     "packages/dist/**"

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

@@ -26,7 +26,7 @@ var we = (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 M, createElementVNode as b, defineComponent as ve, reactive as ce, resolveComponent as k, createVNode as _, withCtx as m, unref as C, Fragment as oe, renderList as de, toDisplayString as D, normalizeStyle as De, ref as N, onMounted as Nt, createCommentVNode as z, createTextVNode as ee, createBlock as V, nextTick as Le, resolveDynamicComponent as tt, effectScope as At, markRaw as Pe, toRaw as je, hasInjectionContext as _o, inject as go, getCurrentInstance as bo, watch as Ce, isRef as ze, isReactive as ft, toRef as at, computed as Re, getCurrentScope as vo, onScopeDispose as yo, toRefs as St, createStaticVNode as wo, normalizeClass as Mt, resolveDirective as Ut, withDirectives as Tt } from "vue";
+import { openBlock as p, createElementBlock as M, createElementVNode as b, defineComponent as ve, reactive as ce, resolveComponent as k, createVNode as _, withCtx as m, unref as C, Fragment as oe, renderList as de, toDisplayString as D, normalizeStyle as De, ref as N, onMounted as Nt, createCommentVNode as z, createTextVNode as ee, createBlock as V, nextTick as je, resolveDynamicComponent as tt, effectScope as At, markRaw as Pe, toRaw as ze, hasInjectionContext as _o, inject as go, getCurrentInstance as bo, watch as Ce, isRef as qe, isReactive as ft, toRef as at, computed as Fe, getCurrentScope as vo, onScopeDispose as yo, toRefs as St, createStaticVNode as wo, normalizeClass as Mt, resolveDirective as Ut, withDirectives as Tt } from "vue";
 import { useRoute as He, useRouter as rt } from "vue-router";
 import So from "axios";
 import { ElMessage as lt, ElMessageBox as Co } from "element-plus";
@@ -595,7 +595,7 @@ const _n = { render: hn }, gn = { class: "header" }, bn = { class: "title" }, vn
   },
   setup(e) {
     const t = e;
-    return Le(() => console.log("menu", t.menu)), (o, n) => {
+    return je(() => console.log("menu", t.menu)), (o, n) => {
       const s = k("SideMenuItem", !0), r = k("el-sub-menu"), l = k("el-menu-item");
       return o.menu.children && o.menu.children.length > 0 ? (p(), V(r, {
         key: 0,
@@ -750,8 +750,8 @@ function qt(e, t) {
  * (c) 2024 Eduardo San Martin Morote
  * @license MIT
  */
-let Ge;
-const qe = (e) => Ge = e, Bt = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
+let Le;
+const Be = (e) => Le = e, Bt = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
   /* istanbul ignore next */
   Symbol()
 );
@@ -1076,7 +1076,7 @@ function Zn(e, t) {
             editable: !0,
             value: a._isOptionsAPI ? {
               _custom: {
-                value: je(a.$state),
+                value: ze(a.$state),
                 actions: [
                   {
                     icon: "restore",
@@ -1114,7 +1114,7 @@ function Zn(e, t) {
         const s = n.nodeId === Ze ? t : t._s.get(n.nodeId);
         if (!s)
           return;
-        s && (n.nodeId !== Ze && (globalThis.$store = je(s)), n.state = Yn(s));
+        s && (n.nodeId !== Ze && (globalThis.$store = ze(s)), n.state = Yn(s));
       }
     }), o.on.editInspectorState((n, s) => {
       if (n.app === e && n.inspectorId === le) {
@@ -1271,7 +1271,7 @@ function es(e, t) {
 }
 let Zt = 0, Oe;
 function Ot(e, t, o) {
-  const n = t.reduce((s, r) => (s[r] = je(e)[r], s), {});
+  const n = t.reduce((s, r) => (s[r] = ze(e)[r], s), {});
   for (const s in n)
     e[s] = function() {
       const r = Zt, l = o ? new Proxy(e, {
@@ -1292,7 +1292,7 @@ function ts({ app: e, store: t, options: o }) {
     if (t._isOptionsAPI = !!o.state, !t._p._testing) {
       Ot(t, Object.keys(o.actions), t._isOptionsAPI);
       const n = t._hotUpdate;
-      je(t)._hotUpdate = function(s) {
+      ze(t)._hotUpdate = function(s) {
         n.apply(this, arguments), Ot(t, Object.keys(s._hmrPayload.actions), !!t._isOptionsAPI);
       };
     }
@@ -1308,7 +1308,7 @@ function os() {
   let o = [], n = [];
   const s = Pe({
     install(r) {
-      qe(s), s._a = r, r.provide(Bt, s), r.config.globalProperties.$pinia = s, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && Ve && Zn(r, s), n.forEach((l) => o.push(l)), n = [];
+      Be(s), s._a = r, r.provide(Bt, s), r.config.globalProperties.$pinia = s, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && Ve && Zn(r, s), n.forEach((l) => o.push(l)), n = [];
     },
     use(r) {
       return !this._a && !jt ? n.push(r) : o.push(r), this;
@@ -1329,7 +1329,7 @@ function eo(e, t) {
     if (!(o in e))
       continue;
     const s = e[o];
-    Ne(s) && Ne(n) && !ze(n) && !ft(n) ? e[o] = eo(s, n) : e[o] = n;
+    Ne(s) && Ne(n) && !qe(n) && !ft(n) ? e[o] = eo(s, n) : e[o] = n;
   }
   return e;
 }
@@ -1355,7 +1355,7 @@ function dt(e, t) {
     if (!t.hasOwnProperty(o))
       continue;
     const n = t[o], s = e[o];
-    Ne(s) && Ne(n) && e.hasOwnProperty(o) && !ze(n) && !ft(n) ? e[o] = dt(s, n) : e[o] = n;
+    Ne(s) && Ne(n) && e.hasOwnProperty(o) && !qe(n) && !ft(n) ? e[o] = dt(s, n) : e[o] = n;
   }
   return e;
 }
@@ -1368,7 +1368,7 @@ function rs(e) {
 }
 const { assign: fe } = Object;
 function $t(e) {
-  return !!(ze(e) && e.effect);
+  return !!(qe(e) && e.effect);
 }
 function It(e, t, o, n) {
   const { state: s, actions: r, getters: l } = t, a = o.state.value[e];
@@ -1379,8 +1379,8 @@ function It(e, t, o, n) {
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
       St(N(s ? s() : {}).value)
     ) : St(o.state.value[e]);
-    return fe(w, r, Object.keys(l || {}).reduce((y, A) => (process.env.NODE_ENV !== "production" && A in w && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${A}" in store "${e}".`), y[A] = Pe(Re(() => {
-      qe(o);
+    return fe(w, r, Object.keys(l || {}).reduce((y, A) => (process.env.NODE_ENV !== "production" && A in w && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${A}" in store "${e}".`), y[A] = Pe(Fe(() => {
+      Be(o);
       const U = o._s.get(e);
       return l[A].call(U, U);
     })), y), {}));
@@ -1414,7 +1414,7 @@ function pt(e, t, o = {}, n, s, r) {
       events: U
     });
     const v = L = Symbol();
-    Le().then(() => {
+    je().then(() => {
       L === v && (d = !0);
     }), w = !0, Me(y, c, n.state.value[e]);
   }
@@ -1436,7 +1436,7 @@ function pt(e, t, o = {}, n, s, r) {
     if (xt in u)
       return u[ct] = c, u;
     const v = function() {
-      qe(n);
+      Be(n);
       const $ = Array.from(arguments), F = [], H = [];
       function G(f) {
         F.push(f);
@@ -1497,8 +1497,8 @@ function pt(e, t, o = {}, n, s, r) {
   const I = (n._a && n._a.runWithContext || ns)(() => n._e.run(() => (l = At()).run(() => t({ action: B }))));
   for (const u in I) {
     const c = I[u];
-    if (ze(c) && !$t(c) || ft(c))
-      process.env.NODE_ENV !== "production" && s ? Qe(R.value, u, at(I, u)) : r || (j && rs(c) && (ze(c) ? c.value = j[u] : dt(c, j[u])), n.state.value[e][u] = c), process.env.NODE_ENV !== "production" && ne.state.push(u);
+    if (qe(c) && !$t(c) || ft(c))
+      process.env.NODE_ENV !== "production" && s ? Qe(R.value, u, at(I, u)) : r || (j && rs(c) && (qe(c) ? c.value = j[u] : dt(c, j[u])), n.state.value[e][u] = c), process.env.NODE_ENV !== "production" && ne.state.push(u);
     else if (typeof c == "function") {
       const v = process.env.NODE_ENV !== "production" && s ? c : B(c, u);
       I[u] = v, process.env.NODE_ENV !== "production" && (ne.actions[u] = c), a.actions[u] = c;
@@ -1508,7 +1508,7 @@ function pt(e, t, o = {}, n, s, r) {
     ) : c, Ve && (I._getters || // @ts-expect-error: same
     (I._getters = Pe([]))).push(u));
   }
-  if (fe(g, I), fe(je(g), I), Object.defineProperty(g, "$state", {
+  if (fe(g, I), fe(ze(g), I), Object.defineProperty(g, "$state", {
     get: () => process.env.NODE_ENV !== "production" && s ? R.value : n.state.value[e],
     set: (u) => {
       if (process.env.NODE_ENV !== "production" && s)
@@ -1526,7 +1526,7 @@ function pt(e, t, o = {}, n, s, r) {
       Qe(g, c, at(u.$state, c));
     }), Object.keys(g.$state).forEach((c) => {
       c in u.$state || it(g, c);
-    }), d = !1, w = !1, n.state.value[e] = at(u._hmrPayload, "hotState"), w = !0, Le().then(() => {
+    }), d = !1, w = !1, n.state.value[e] = at(u._hmrPayload, "hotState"), w = !0, je().then(() => {
       d = !0;
     });
     for (const c in u._hmrPayload.actions) {
@@ -1536,7 +1536,7 @@ function pt(e, t, o = {}, n, s, r) {
     for (const c in u._hmrPayload.getters) {
       const v = u._hmrPayload.getters[c], $ = r ? (
         // special handling of options api
-        Re(() => (qe(n), v.call(g, g)))
+        Fe(() => (Be(n), v.call(g, g)))
       ) : v;
       Qe(g, c, $);
     }
@@ -1586,11 +1586,11 @@ function as(e, t, o) {
     const d = _o();
     if (a = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
-    (process.env.NODE_ENV === "test" && Ge && Ge._testing ? null : a) || (d ? go(Bt, null) : null), a && qe(a), process.env.NODE_ENV !== "production" && !Ge)
+    (process.env.NODE_ENV === "test" && Le && Le._testing ? null : a) || (d ? go(Bt, null) : null), a && Be(a), process.env.NODE_ENV !== "production" && !Le)
       throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
 See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
 This will fail in production.`);
-    a = Ge, a._s.has(n) || (r ? pt(n, t, s, a) : It(n, s, a), process.env.NODE_ENV !== "production" && (l._pinia = a));
+    a = Le, a._s.has(n) || (r ? pt(n, t, s, a) : It(n, s, a), process.env.NODE_ENV !== "production" && (l._pinia = a));
     const w = a._s.get(n);
     if (process.env.NODE_ENV !== "production" && i) {
       const y = "__hot:" + n, A = r ? pt(y, t, s, a, !0) : It(y, fe({}, s), a, !0);
@@ -1828,7 +1828,7 @@ const ro = /* @__PURE__ */ as("console", {
   emits: ["update:menuCollapsed"],
   setup(e, { emit: t }) {
     ro(gt);
-    const o = He(), n = Re(() => {
+    const o = He(), n = Fe(() => {
       var r;
       const s = o.meta.activeMenu;
       if (s === "{model}") {
@@ -1956,7 +1956,7 @@ const Vs = /* @__PURE__ */ _e(Is, [["render", Ps]]), Ns = { class: "card-wrapper
             break;
           }
       }
-      Le(() => {
+      je(() => {
         s.tableRef && s.cards && s.cards.length > 0 && s.tableRef.updateConfigAndRefresh((a != null ? a : s.cards[0]).model);
       });
     }), Ce(
@@ -2009,7 +2009,7 @@ function Ee(e, t, o) {
       return he.get(e, { params: o });
   }
 }
-const Be = (e) => {
+const Re = (e) => {
   const t = Object.keys(e);
   let o = {};
   t.forEach((n) => {
@@ -2031,7 +2031,7 @@ const Be = (e) => {
   },
   emits: ["update:id"],
   setup(e, { expose: t, emit: o }) {
-    const { t: n } = ot.global, s = e, r = ce({}), l = N(!1), a = N(), i = ce({}), d = N(!0), w = (S) => s.mode === "view" && (B(S, void 0) || B(S, "input") || B(S, "select") || B(S, "password") || B(S, "input-number")), y = Re(() => s.model.fields ? s.model.fields.filter(
+    const { t: n } = ot.global, s = e, r = ce({}), l = N(!1), a = N(), i = ce({}), d = N(!0), w = (S) => s.mode === "view" && (B(S, void 0) || B(S, "input") || B(S, "select") || B(S, "password") || B(S, "input-number")), y = Fe(() => s.model.fields ? s.model.fields.filter(
       (S) => {
         var I, u, c, v;
         let g = S.visible !== !1 && ((I = S.formItemAttributes) == null ? void 0 : I.visible) !== !1;
@@ -2055,7 +2055,7 @@ const Be = (e) => {
         if (r[x.prop] = null, x.visible !== !1 && ((I = x.formItemAttributes) == null ? void 0 : I.visible) !== !1) {
           if (((u = x.formItemAttributes) == null ? void 0 : u.defaultValue) !== void 0 ? r[x.prop] = (c = x.formItemAttributes) == null ? void 0 : c.defaultValue : r[x.prop] = void 0, s.mode !== "view") {
             let Q = (v = x.formItemAttributes) == null ? void 0 : v.validationRule;
-            Q !== void 0 && (g[x.prop] = Q), Object.assign(i, g);
+            Q !== void 0 && (g[x.prop] = Q), Re(i), Object.assign(i, g);
           }
           const E = x.formItemAttributes, f = E == null ? void 0 : E.type, O = ($ = E == null ? void 0 : E.selectAttributes) == null ? void 0 : $.api, T = (F = E == null ? void 0 : E.selectAttributes) == null ? void 0 : F.valueMappingField, X = (H = E == null ? void 0 : E.selectAttributes) == null ? void 0 : H.labelMappingField;
           if (f === "select" && O) {
@@ -2078,7 +2078,7 @@ const Be = (e) => {
     function U() {
       var S;
       console.log(`FormView.refresh: id = ${s.id}, model = `, s.model), R(), d.value = (S = s.model.useI18n) != null ? S : !0, A(), (s.mode === "update" || s.mode === "view") && s.id !== void 0 && s.id !== "" && s.model.api !== "" && (l.value = !0, Ee(`${s.model.api}/${s.id}`, "GET", {}).then(({ data: g }) => {
-        Be(r), Object.assign(r, g.data), l.value = !1;
+        Re(r), Object.assign(r, g.data), l.value = !1;
       }));
     }
     function j() {
@@ -2245,7 +2245,7 @@ const Be = (e) => {
       ]);
     };
   }
-}), io = /* @__PURE__ */ _e(Fs, [["__scopeId", "data-v-727e6087"]]), Gs = { class: "console-dialog__body" }, Ls = {
+}), io = /* @__PURE__ */ _e(Fs, [["__scopeId", "data-v-38082a40"]]), Gs = { class: "console-dialog__body" }, Ls = {
   key: 0,
   class: "process-view"
 }, js = { class: "operation-button-wrapper" }, co = /* @__PURE__ */ ve({
@@ -2370,7 +2370,7 @@ const Be = (e) => {
       pageSize: 10,
       pageNo: 1,
       totalElements: 0
-    }), B = Re(() => s.filter(
+    }), B = Fe(() => s.filter(
       (f) => {
         var O, T;
         return ((O = f.formItemAttributes) == null ? void 0 : O.type) !== "password" && f.visible !== !1 && ((T = f.tableColumnAttributes) == null ? void 0 : T.visible) !== !1;
@@ -2409,13 +2409,13 @@ const Be = (e) => {
       return f.label ? o(f.label) : (X = (T = f.functions) == null ? void 0 : T.transformLabel) == null ? void 0 : X.call(T, O.$index, O.row);
     }
     function g(f) {
-      Be(n.model), Object.assign(n.model, f);
+      Re(n.model), Object.assign(n.model, f);
     }
     function x() {
       var O, T, X;
       if (L.value = !0, !n.model || !n.model.api)
         return;
-      Be(r), r.showPane = !0, Object.assign(r, (O = n.model.tableConfig) != null ? O : {}), s.splice(0, s.length, ...n.model.fields), l.value = (T = n.model.route) != null ? T : "", a.value = (X = n.model.useI18n) != null ? X : !0;
+      Re(r), r.showPane = !0, Object.assign(r, (O = n.model.tableConfig) != null ? O : {}), s.splice(0, s.length, ...n.model.fields), l.value = (T = n.model.route) != null ? T : "", a.value = (X = n.model.useI18n) != null ? X : !0;
       let f = Ye({}, r.queryParams);
       f.pageSize = q.pageSize, f.pageNo = q.pageNo, f.search = w.value, Ee(n.model.api, "GET", f).then(({ data: Q }) => {
         const { list: se, totalCount: ie } = Q.data;
@@ -2623,7 +2623,7 @@ const Be = (e) => {
                   "show-overflow-tooltip": ""
                 }, {
                   default: m((xe) => {
-                    var $e, Fe, bt;
+                    var $e, Ge, bt;
                     return [
                       ($e = J.tableColumnAttributes) != null && $e.link ? (p(), V(Z, {
                         key: 0,
@@ -2634,7 +2634,7 @@ const Be = (e) => {
                           b("span", null, D(ne(J, xe)), 1)
                         ]),
                         _: 2
-                      }, 1032, ["to"])) : (Fe = J.tableColumnAttributes) != null && Fe.routerLink ? (p(), V(Z, {
+                      }, 1032, ["to"])) : (Ge = J.tableColumnAttributes) != null && Ge.routerLink ? (p(), V(Z, {
                         key: 1,
                         class: "router-link",
                         to: J.tableColumnAttributes.routerLink.replace("{id}", xe.row.id)
@@ -2707,8 +2707,8 @@ const Be = (e) => {
                     type: "primary",
                     key: ge.label,
                     onClick: (xe) => {
-                      var $e, Fe;
-                      return ((Fe = ($e = ge.functions) == null ? void 0 : $e.click) == null ? void 0 : Fe.call($e, J.$index, J.row)) && x();
+                      var $e, Ge;
+                      return ((Ge = ($e = ge.functions) == null ? void 0 : $e.click) == null ? void 0 : Ge.call($e, J.$index, J.row)) && x();
                     }
                   }, {
                     default: m(() => [
@@ -2755,7 +2755,7 @@ const Be = (e) => {
 }, Qs = { class: "icon-wrapper" }, Ks = { class: "info-wrapper" }, Xs = { class: "title-wrapper" }, Zs = { class: "tabs-wrapper" }, er = { class: "dialog-footer" }, tr = /* @__PURE__ */ ve({
   __name: "DetailPage",
   setup(e) {
-    const { t } = Je(), o = He(), n = rt(), s = Re(() => o.query.id), r = N(!1), l = N(!1), a = N("view"), i = N(), d = N(-1), w = N(), y = N(), A = N("summary"), U = N(""), j = N(""), R = N(""), L = N(0), P = ce({
+    const { t } = Je(), o = He(), n = rt(), s = Fe(() => o.query.id), r = N(!1), l = N(!1), a = N("view"), i = N(), d = N(-1), w = N(), y = N(), A = N("summary"), U = N(""), j = N(""), R = N(""), L = N(0), P = ce({
       api: "",
       fields: []
     }), K = ce([]);
@@ -2827,7 +2827,7 @@ const Be = (e) => {
         return;
       } else
         console.debug("Detail page model found:", u, me.value[u]);
-      Be(P);
+      Re(P);
       const c = Te(me.value[u]);
       Object.assign(P, c), L.value++, d.value = -1, A.value = "summary";
       const v = (F = ($ = P.pageConfig) == null ? void 0 : $.detailPage) == null ? void 0 : F.tabs;
@@ -2863,7 +2863,7 @@ const Be = (e) => {
         }
       ],
       (u) => {
-        Le(() => {
+        je(() => {
           var v, $, F;
           const c = ($ = (v = P.pageConfig) == null ? void 0 : v.detailPage) == null ? void 0 : $.infoCard;
           c && (U.value = c.titleFieldProp ? i.value.formData[c.titleFieldProp] : "", j.value = c.subtitleFieldProp ? i.value.formData[c.subtitleFieldProp] : "", R.value = c.tagFieldProp ? i.value.formData[c.tagFieldProp] : "", (F = P.fields) == null || F.forEach((H) => {
@@ -3115,7 +3115,7 @@ const Be = (e) => {
         console.warn("TablePage.init: model not found", w, me.value);
         return;
       }
-      Be(l);
+      Re(l);
       const y = Te(me.value[w]);
       Object.assign(l, y), (U = (A = l.pageConfig) == null ? void 0 : A.tablePage) != null && U.tabViewAttributes || Object.assign(a, l), i();
     }