@vancone/console-component 0.1.1-beta.31 → 0.1.1-beta.32

package/package.json

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

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

@@ -26,7 +26,7 @@ var xe = (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 A, createElementVNode as y, 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 D, normalizeStyle as je, ref as V, onMounted as Dt, createBlock as I, createTextVNode as K, createCommentVNode as J, nextTick as He, resolveDynamicComponent as st, effectScope as Ft, markRaw as Me, toRaw as We, hasInjectionContext as Co, inject as ko, getCurrentInstance as xo, watch as Ee, isRef as Je, isReactive as gt, toRef as ct, computed as Te, getCurrentScope as $o, onScopeDispose as Eo, toRefs as xt, createStaticVNode as Oo, normalizeClass as Rt, resolveDirective as Gt, withDirectives as Lt } from "vue";
+import { openBlock as p, createElementBlock as A, createElementVNode as y, defineComponent as Se, reactive as de, resolveComponent as E, createVNode as m, withCtx as d, unref as x, Fragment as ie, renderList as fe, toDisplayString as D, normalizeStyle as je, ref as V, onMounted as Dt, createBlock as I, createTextVNode as K, createCommentVNode as J, nextTick as He, resolveDynamicComponent as st, effectScope as Ft, markRaw as Me, toRaw as We, hasInjectionContext as Co, inject as ko, getCurrentInstance as xo, watch as Ee, isRef as Je, isReactive as gt, toRef as ct, computed as Te, getCurrentScope as $o, onScopeDispose as Eo, toRefs as xt, createStaticVNode as Oo, normalizeClass as Rt, resolveDirective as Gt, withDirectives as Lt } from "vue";
 import { useRoute as Ke, useRouter as it } from "vue-router";
 import Po from "axios";
 import { ElMessage as ut, ElMessageBox as $t } from "element-plus";
@@ -168,10 +168,10 @@ const tn = { render: en }, on = { class: "app-catalog-wrapper" }, nn = { class:
                 }, {
                   default: d(() => [
                     y("div", nn, [
-                      (p(!0), A(le, null, fe(t, (f) => (p(), A("div", sn, [
+                      (p(!0), A(ie, null, fe(t, (f) => (p(), A("div", sn, [
                         y("h1", null, D(f.name), 1),
                         y("div", rn, [
-                          (p(!0), A(le, null, fe(f.apps, (w) => {
+                          (p(!0), A(ie, null, fe(f.apps, (w) => {
                             var $, N;
                             return p(), A("a", {
                               style: je([{ "text-decoration": "none" }, { pointerEvents: (($ = w.homepageUrl) == null ? void 0 : $.length) > 0 ? "auto" : "none" }]),
@@ -421,7 +421,7 @@ const $n = { class: "header" }, En = { class: "title" }, On = { class: "right" }
     function B() {
       window.open(a.helpDocUrl, "_blank");
     }
-    function ie(R) {
+    function ce(R) {
       if (R === "allProjects")
         alert("show all projects");
       else
@@ -433,7 +433,7 @@ const $n = { class: "header" }, En = { class: "title" }, On = { class: "right" }
     }
     return (R, G) => {
       const ee = E("el-icon"), _ = E("el-dropdown-item"), h = E("el-dropdown-menu"), S = E("el-dropdown"), P = E("el-popover"), u = E("el-tooltip"), c = E("el-avatar"), C = E("el-menu-item"), O = E("el-menu"), L = E("el-drawer");
-      return p(), A(le, null, [
+      return p(), A(ie, null, [
         y("div", $n, [
           y("div", En, [
             y("div", {
@@ -448,12 +448,12 @@ const $n = { class: "header" }, En = { class: "title" }, On = { class: "right" }
             a.headerProjectConfig ? (p(), I(S, {
               key: 0,
               placement: "bottom-start",
-              onCommand: ie
+              onCommand: ce
             }, {
               dropdown: d(() => [
                 m(h, { style: { width: "300px" } }, {
                   default: d(() => [
-                    (p(!0), A(le, null, fe(i.value, (U) => (p(), I(_, {
+                    (p(!0), A(ie, null, fe(i.value, (U) => (p(), I(_, {
                       command: U.id
                     }, {
                       default: d(() => [
@@ -615,7 +615,7 @@ const $n = { class: "header" }, En = { class: "title" }, On = { class: "right" }
                         "popper-style": "height: 80px; left: -165px"
                       }, {
                         default: d(() => [
-                          (p(!0), A(le, null, fe(N, (U) => (p(), A("div", {
+                          (p(!0), A(ie, null, fe(N, (U) => (p(), A("div", {
                             class: "select-list",
                             onClick: (T) => F(U.id)
                           }, [
@@ -683,7 +683,7 @@ const $n = { class: "header" }, En = { class: "title" }, On = { class: "right" }
           ];
         }),
         default: d(() => [
-          (p(!0), A(le, null, fe(o.menu.children, (a) => (p(), I(s, {
+          (p(!0), A(ie, null, fe(o.menu.children, (a) => (p(), I(s, {
             key: a.path,
             route: a,
             menu: a
@@ -914,7 +914,7 @@ function Qn(e, t, o, n) {
     }, 4e4);
   }
 }
-function ae(e, t) {
+function le(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);
 }
@@ -923,20 +923,20 @@ function bt(e) {
 }
 function to() {
   if (!("clipboard" in navigator))
-    return ae("Your browser doesn't support the Clipboard API", "error"), !0;
+    return le("Your browser doesn't support the Clipboard API", "error"), !0;
 }
 function oo(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") ? (le('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
 }
 function Xn(e) {
   return xe(this, null, function* () {
     if (!to())
       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)), le("Global state copied to clipboard.");
       } catch (t) {
         if (oo(t))
           return;
-        ae("Failed to serialize the state. Check the console for more details.", "error"), console.error(t);
+        le("Failed to serialize the state. Check the console for more details.", "error"), console.error(t);
       }
   });
 }
@@ -944,11 +944,11 @@ function Zn(e) {
   return xe(this, null, function* () {
     if (!to())
       try {
-        no(e, JSON.parse(yield navigator.clipboard.readText())), ae("Global state pasted from clipboard.");
+        no(e, JSON.parse(yield navigator.clipboard.readText())), le("Global state pasted from clipboard.");
       } catch (t) {
         if (oo(t))
           return;
-        ae("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(t);
+        le("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(t);
       }
   });
 }
@@ -959,7 +959,7 @@ function es(e) {
         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);
+      le("Failed to export the state as JSON. Check the console for more details.", "error"), console.error(t);
     }
   });
 }
@@ -986,9 +986,9 @@ function os(e) {
       if (!o)
         return;
       const { text: n, file: s } = o;
-      no(e, JSON.parse(n)), ae(`Global state imported from "${s.name}".`);
+      no(e, JSON.parse(n)), le(`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);
+      le("Failed to import the state from JSON. Check the console for more details.", "error"), console.error(t);
     }
   });
 }
@@ -1088,7 +1088,7 @@ function is(e, t) {
     componentStateTypes: nt,
     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" && le("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
@@ -1133,7 +1133,7 @@ function is(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" ? le(`Cannot reset "${n}" store because it doesn't have a "$reset" method implemented.`, "warn") : (s.$reset(), le(`Store "${n}" reset.`)) : le(`Cannot reset "${n}" store because it wasn't found.`, "warn");
           }
         }
       ]
@@ -1192,7 +1192,7 @@ function is(e, t) {
       if (n.app === e && n.inspectorId === ue) {
         const r = n.nodeId === ot ? t : t._s.get(n.nodeId);
         if (!r)
-          return ae(`store "${n.nodeId}" not found`, "error");
+          return le(`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"), Ge = !1, n.set(r, l, n.state.value), Ge = !0;
       }
@@ -1200,10 +1200,10 @@ function is(e, t) {
       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 le(`store "${s}" not found`, "error");
         const { path: l } = n;
         if (l[0] !== "state")
-          return ae(`Invalid path for store "${s}":
+          return le(`Invalid path for store "${s}":
 ${l}
 Only state can be modified.`);
         l[0] = "$state", Ge = !1, n.set(r, l, n.state.value), Ge = !0;
@@ -1337,8 +1337,8 @@ function cs(e, t) {
     });
     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 && le(`Disposed "${t.$id}" store 🗑`);
+    }, o.notifyComponentUpdate(), o.sendInspectorTree(ue), o.sendInspectorState(ue), o.getSettings().logStoreChanges && le(`"${t.$id}" store installed 🆕`);
   });
 }
 let ro = 0, Pe;
@@ -1490,7 +1490,7 @@ function ht(e, t, o = {}, n, s, r) {
       Z === C && (f = !0);
     }), w = !0, Re($, c, n.state.value[e]);
   }
-  const ie = r ? function() {
+  const ce = r ? function() {
     const { state: c } = o, C = c ? c() : {};
     this.$patch((O) => {
       _e(O, C);
@@ -1543,7 +1543,7 @@ function ht(e, t, o = {}, n, s, r) {
     $id: e,
     $onAction: Vt.bind(null, N),
     $patch: B,
-    $reset: ie,
+    $reset: ce,
     $subscribe(u, c = {}) {
       const C = Vt($, u, c.detached, () => O()), O = l.run(() => Ee(() => n.state.value[e], (L) => {
         (c.flush === "sync" ? w : f) && u({
@@ -1918,7 +1918,7 @@ const po = /* @__PURE__ */ hs("console", {
           router: ""
         }, {
           default: d(() => [
-            (p(!0), A(le, null, fe(x(Ot), (a) => (p(), I(Rn, {
+            (p(!0), A(ie, null, fe(x(Ot), (a) => (p(), I(Rn, {
               key: a.path,
               menu: a
             }, null, 8, ["menu"]))), 128))
@@ -1939,7 +1939,7 @@ const po = /* @__PURE__ */ hs("console", {
     const t = po(yt), o = Ke(), n = V(t.menu.collapsed), s = V(), r = e;
     return (l, a) => {
       const i = E("router-view"), f = E("el-scrollbar");
-      return p(), A(le, null, [
+      return p(), A(ie, null, [
         x(o).query.embedded !== "true" ? (p(), I(Wt, {
           key: 0,
           title: r.title,
@@ -2049,7 +2049,7 @@ const Gs = /* @__PURE__ */ ye(Fs, [["render", Rs]]), Ls = { class: "card-wrapper
         deep: !0
       }
     ), (a, i) => (p(), A("div", Ls, [
-      (p(!0), A(le, null, fe(s.cards, (f) => (p(), A("div", {
+      (p(!0), A(ie, null, fe(s.cards, (f) => (p(), A("div", {
         class: Rt(["card", { "card-selected": r.value === f.key }]),
         onClick: (w) => l(f)
       }, [
@@ -2132,8 +2132,8 @@ const Gs = /* @__PURE__ */ ye(Fs, [["render", Rs]]), Ls = { class: "card-wrapper
           if (Y === "select") {
             if (z) {
               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 = (j = v == null ? void 0 : v.selectAttributes) == null ? void 0 : j.queryParamName, me = (H = v == null ? void 0 : v.selectAttributes) == null ? void 0 : H.queryParamValueField;
-              ce && (se = `${se}?${ce}=${s.id}`), me || Ce(se, "GET", {}).then(({ data: he }) => {
+              const ae = (j = v == null ? void 0 : v.selectAttributes) == null ? void 0 : j.queryParamName, me = (H = v == null ? void 0 : v.selectAttributes) == null ? void 0 : H.queryParamValueField;
+              ae && (se = `${se}?${ae}=${s.id}`), me || Ce(se, "GET", {}).then(({ data: he }) => {
                 var oe;
                 if ((oe = S.formItemAttributes) != null && oe.selectAttributes) {
                   let ge = [];
@@ -2145,8 +2145,8 @@ const Gs = /* @__PURE__ */ ye(Fs, [["render", Rs]]), Ls = { class: "card-wrapper
               });
             } else if (ne) {
               let W = ne;
-              const se = (g = v == null ? void 0 : v.selectAttributes) == null ? void 0 : g.queryParamName, ce = (k = v == null ? void 0 : v.selectAttributes) == null ? void 0 : k.queryParamValueField;
-              se && (ce ? W = `${W}?${se}=${r[ce]}` : W = `${W}?${se}=${s.id}`), console.log("select option url", W), Ce(W, "GET", {}).then(({ data: me }) => {
+              const se = (g = v == null ? void 0 : v.selectAttributes) == null ? void 0 : g.queryParamName, ae = (k = v == null ? void 0 : v.selectAttributes) == null ? void 0 : k.queryParamValueField;
+              se && (ae ? W = `${W}?${se}=${r[ae]}` : W = `${W}?${se}=${s.id}`, console.log("Use select option API, url = %s, queryParamValueField = %s, formData = %o", W, ae, r)), Ce(W, "GET", {}).then(({ data: me }) => {
                 var he;
                 if ((he = S.formItemAttributes) != null && he.selectAttributes) {
                   let oe = [];
@@ -2199,7 +2199,7 @@ const Gs = /* @__PURE__ */ ye(Fs, [["render", Rs]]), Ls = { class: "card-wrapper
         return r[_.prop];
       }
     }
-    function ie(_) {
+    function ce(_) {
       var h;
       return ((h = _.formItemAttributes) == null ? void 0 : h.updatable) === !1 && s.mode === "update";
     }
@@ -2260,14 +2260,14 @@ const Gs = /* @__PURE__ */ ye(Fs, [["render", Rs]]), Ls = { class: "card-wrapper
         inline: !s.disableInline
       }, {
         default: d(() => [
-          (p(!0), A(le, null, fe($.value, (b) => (p(), I(L, {
+          (p(!0), A(ie, null, fe($.value, (b) => (p(), I(L, {
             class: "form-item",
             style: je({ width: s.disableInline ? "100%" : "calc(50% - 32px)" }),
             prop: b.prop,
             label: Z(b)
           }, {
             default: d(() => {
-              var j, H, g, k, v, Y, z, te, ne, re, Q, W, se, ce, me, he;
+              var j, H, g, k, v, Y, z, te, ne, re, Q, W, se, ae, me, he;
               return [
                 R("input", b) ? (p(), I(S, {
                   key: 0,
@@ -2275,7 +2275,7 @@ const Gs = /* @__PURE__ */ ye(Fs, [["render", Rs]]), Ls = { class: "card-wrapper
                   modelValue: r[b.prop],
                   "onUpdate:modelValue": (oe) => r[b.prop] = oe,
                   placeholder: (j = b.formItemAttributes) == null ? void 0 : j.placeholder,
-                  disabled: ie(b)
+                  disabled: ce(b)
                 }, null, 8, ["type", "modelValue", "onUpdate:modelValue", "placeholder", "disabled"])) : J("", !0),
                 w(b) ? (p(), A("span", Ws, D(B(b)), 1)) : J("", !0),
                 G(b, "switch") ? (p(), I(P, {
@@ -2300,13 +2300,13 @@ const Gs = /* @__PURE__ */ ye(Fs, [["render", Rs]]), Ls = { class: "card-wrapper
                   "default-first-option": (z = (Y = b.formItemAttributes) == null ? void 0 : Y.selectAttributes) == null ? void 0 : z.allowCreate,
                   modelValue: r[b.prop],
                   "onUpdate:modelValue": (oe) => r[b.prop] = oe,
-                  disabled: ie(b),
+                  disabled: ce(b),
                   onChange: (oe) => ee(b)
                 }, {
                   default: d(() => {
                     var oe, ge;
                     return [
-                      (p(!0), A(le, null, fe((ge = (oe = b.formItemAttributes) == null ? void 0 : oe.selectAttributes) == null ? void 0 : ge.options, (Ie) => (p(), I(c, {
+                      (p(!0), A(ie, null, fe((ge = (oe = b.formItemAttributes) == null ? void 0 : oe.selectAttributes) == null ? void 0 : ge.options, (Ie) => (p(), I(c, {
                         value: Ie.value,
                         label: Ie.label
                       }, null, 8, ["value", "label"]))), 256))
@@ -2320,7 +2320,7 @@ const Gs = /* @__PURE__ */ ye(Fs, [["render", Rs]]), Ls = { class: "card-wrapper
                   "onUpdate:modelValue": (oe) => r[b.prop] = oe,
                   min: (re = (ne = (te = b.formItemAttributes) == null ? void 0 : te.inputNumber) == null ? void 0 : ne.min) != null ? re : Number.NEGATIVE_INFINITY,
                   max: (se = (W = (Q = b.formItemAttributes) == null ? void 0 : Q.inputNumber) == null ? void 0 : W.max) != null ? se : Number.POSITIVE_INFINITY,
-                  step: (he = (me = (ce = b.formItemAttributes) == null ? void 0 : ce.inputNumber) == null ? void 0 : me.step) != null ? he : 1,
+                  step: (he = (me = (ae = b.formItemAttributes) == null ? void 0 : ae.inputNumber) == null ? void 0 : me.step) != null ? he : 1,
                   "value-on-clear": -10
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max", "step"])) : J("", !0)
               ];
@@ -2334,7 +2334,7 @@ const Gs = /* @__PURE__ */ ye(Fs, [["render", Rs]]), Ls = { class: "card-wrapper
       ]);
     };
   }
-}), ho = /* @__PURE__ */ ye(Js, [["__scopeId", "data-v-cc54cb1a"]]), Ys = { class: "console-dialog__body" }, Ks = {
+}), ho = /* @__PURE__ */ ye(Js, [["__scopeId", "data-v-32d25b13"]]), Ys = { class: "console-dialog__body" }, Ks = {
   key: 0,
   class: "process-view"
 }, Qs = { class: "operation-button-wrapper" }, go = /* @__PURE__ */ Se({
@@ -2383,11 +2383,11 @@ const Gs = /* @__PURE__ */ ye(Fs, [["render", Rs]]), Ls = { class: "card-wrapper
               style: je({ width: s.showProcess ? "calc(100% - 350px)" : "auto" })
             }, [
               y("div", Qs, [
-                (p(!0), A(le, null, fe((B = s.model.formConfig) == null ? void 0 : B.dialogButtons, (ie) => (p(), I(F, {
-                  onClick: (R) => ie.function(a.value.formData)
+                (p(!0), A(ie, null, fe((B = s.model.formConfig) == null ? void 0 : B.dialogButtons, (ce) => (p(), I(F, {
+                  onClick: (R) => ce.function(a.value.formData)
                 }, {
                   default: d(() => [
-                    K(D(x(n)(ie.label)), 1)
+                    K(D(x(n)(ce.label)), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 256))
@@ -2470,7 +2470,7 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
   setup(e, { expose: t }) {
     const { t: o } = rt.global, n = e, s = de([]), r = de({
       showPane: !0
-    }), l = V(""), a = V(!0), i = V(!1), f = it(), w = V(""), $ = de([]), N = de([]), M = V(), q = V([]), F = V("create"), Z = V(!0), B = V(!1), ie = V(""), R = de({
+    }), l = V(""), a = V(!0), i = V(!1), f = it(), w = V(""), $ = de([]), N = de([]), M = V(), q = V([]), F = V("create"), Z = V(!0), B = V(!1), ce = V(""), R = de({
       pageSize: 10,
       pageNo: 1,
       totalElements: 0
@@ -2528,7 +2528,7 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
     }
     function P() {
       var g, k;
-      r.createPageRoutePath !== void 0 ? f.push(r.createPageRoutePath) : ((g = r.functions) == null ? void 0 : g.create) !== void 0 ? (k = r.functions) == null || k.create() : (F.value = "create", ie.value = "", i.value = !0);
+      r.createPageRoutePath !== void 0 ? f.push(r.createPageRoutePath) : ((g = r.functions) == null ? void 0 : g.create) !== void 0 ? (k = r.functions) == null || k.create() : (F.value = "create", ce.value = "", i.value = !0);
     }
     function u(g, k) {
       n.model.api && Ce(n.model.api, "DELETE", k.id).then(({ data: v }) => {
@@ -2571,7 +2571,7 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
         query: {
           id: k.id
         }
-      }) : (ie.value = k.id, F.value = "update", i.value = !0);
+      }) : (ce.value = k.id, F.value = "update", i.value = !0);
     }
     function U() {
       var v;
@@ -2674,7 +2674,7 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
       refresh: S,
       updateConfigAndRefresh: h
     }), (g, k) => {
-      const v = E("el-checkbox"), Y = E("el-badge"), z = E("el-button"), te = E("el-dropdown-item"), ne = E("el-dropdown-menu"), re = E("el-dropdown"), Q = E("el-icon"), W = E("el-tooltip"), se = E("el-input"), ce = E("el-table-column"), me = E("router-link"), he = E("el-tag"), oe = E("el-popconfirm"), ge = E("el-table"), Ie = E("el-pagination"), _o = Gt("loading");
+      const v = E("el-checkbox"), Y = E("el-badge"), z = E("el-button"), te = E("el-dropdown-item"), ne = E("el-dropdown-menu"), re = E("el-dropdown"), Q = E("el-icon"), W = E("el-tooltip"), se = E("el-input"), ae = E("el-table-column"), me = E("router-link"), he = E("el-tag"), oe = E("el-popconfirm"), ge = E("el-table"), Ie = E("el-pagination"), _o = Gt("loading");
       return p(), A("div", {
         class: Rt({ "table-view-wrapper": r.showPane })
       }, [
@@ -2876,14 +2876,14 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
           default: d(() => {
             var pe;
             return [
-              r.readOnly ? J("", !0) : (p(), I(ce, {
+              r.readOnly ? J("", !0) : (p(), I(ae, {
                 key: 0,
                 type: "selection",
                 width: "50"
               })),
-              (p(!0), A(le, null, fe(G.value, (X) => {
+              (p(!0), A(ie, null, fe(G.value, (X) => {
                 var Oe;
-                return p(), I(ce, {
+                return p(), I(ae, {
                   prop: X.prop,
                   label: b(X),
                   width: (Oe = X.tableColumnAttributes) == null ? void 0 : Oe.width,
@@ -2922,7 +2922,7 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
                   _: 2
                 }, 1032, ["prop", "label", "width"]);
               }), 256)),
-              r.operations === void 0 && !((pe = r.selectMode) != null && pe) && !r.readOnly ? (p(), I(ce, {
+              r.operations === void 0 && !((pe = r.selectMode) != null && pe) && !r.readOnly ? (p(), I(ae, {
                 key: 1,
                 label: x(o)("common.table.operation"),
                 width: "120"
@@ -2962,13 +2962,13 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
                 ]),
                 _: 1
               }, 8, ["label"])) : J("", !0),
-              r.operations !== void 0 && !r.readOnly ? (p(), I(ce, {
+              r.operations !== void 0 && !r.readOnly ? (p(), I(ae, {
                 key: 2,
                 label: x(o)("common.table.operation"),
                 width: "120"
               }, {
                 default: d((X) => [
-                  (p(!0), A(le, null, fe(r.operations, (Oe) => (p(), I(z, {
+                  (p(!0), A(ie, null, fe(r.operations, (Oe) => (p(), I(z, {
                     class: "operation-button",
                     link: "",
                     type: "primary",
@@ -3008,7 +3008,7 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
         m(go, {
           model: g.model,
           mode: F.value,
-          id: ie.value,
+          id: ce.value,
           afterSubmitFunc: S,
           visible: i.value,
           "onUpdate:visible": k[2] || (k[2] = (pe) => i.value = pe)
@@ -3025,7 +3025,7 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
     const { t } = Qe(), o = Ke(), n = it(), s = Te(() => o.query.id), r = V(!1), l = V(!1), a = V("view"), i = V(), f = V(-1), w = V(), $ = V(), N = V("summary"), M = V(""), q = V(""), F = V(""), Z = V(0), B = de({
       api: "",
       fields: []
-    }), ie = de([]);
+    }), ce = de([]);
     let R = [];
     Ee([
       () => n.currentRoute.value,
@@ -3087,7 +3087,7 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
     }
     function h() {
       var O, L, U;
-      ie.splice(0);
+      ce.splice(0);
       const u = o.params.model;
       if (be.value[u] === void 0) {
         console.warn("Detail page model not exist:", u);
@@ -3101,7 +3101,7 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
       if (C)
         for (let T of C) {
           const b = Le(be.value[T.modelKey]);
-          if (ie.push(b), T.type === "table") {
+          if (ce.push(b), T.type === "table") {
             b.tableConfig || (b.tableConfig = {});
             let j = b.tableConfig;
             j.showPane = !1, T.modelRelationType === "associated" ? _(T, b, j) : T.modelRelationType === "child" && (R.push({
@@ -3156,7 +3156,7 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
     return (u, c) => {
       var v, Y, z, te, ne, re;
       const C = E("el-page-header"), O = E("el-button"), L = E("el-icon"), U = E("el-dropdown-item"), T = E("el-dropdown-menu"), b = E("el-dropdown"), j = E("el-tag"), H = E("el-tab-pane"), g = E("el-tabs"), k = E("el-dialog");
-      return p(), A(le, null, [
+      return p(), A(ie, null, [
         y("div", ar, [
           m(C, {
             onClick: c[0] || (c[0] = (Q) => x(n).back())
@@ -3188,8 +3188,8 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
                   default: d(() => {
                     var Q, W;
                     return [
-                      (p(!0), A(le, null, fe((W = (Q = B.pageConfig) == null ? void 0 : Q.detailPage) == null ? void 0 : W.operationButtons, (se) => (p(), I(U, {
-                        onClick: (ce) => se.function(i.value.formData)
+                      (p(!0), A(ie, null, fe((W = (Q = B.pageConfig) == null ? void 0 : Q.detailPage) == null ? void 0 : W.operationButtons, (se) => (p(), I(U, {
+                        onClick: (ae) => se.function(i.value.formData)
                       }, {
                         default: d(() => [
                           K(D(x(t)(se.label)), 1)
@@ -3278,10 +3278,10 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                (p(!0), A(le, null, fe((W = (Q = B.pageConfig) == null ? void 0 : Q.detailPage) == null ? void 0 : W.tabs, (se) => {
-                  var ce;
+                (p(!0), A(ie, null, fe((W = (Q = B.pageConfig) == null ? void 0 : Q.detailPage) == null ? void 0 : W.tabs, (se) => {
+                  var ae;
                   return p(), I(H, {
-                    label: x(t)((ce = se.name) != null ? ce : "")
+                    label: x(t)((ae = se.name) != null ? ae : "")
                   }, null, 8, ["label"]);
                 }), 256))
               ];
@@ -3292,7 +3292,7 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
             key: 0,
             ref_key: "tabPaneTableRef",
             ref: w,
-            model: ie[f.value]
+            model: ce[f.value]
           }, null, 8, ["model"])) : J("", !0),
           m(k, {
             modelValue: l.value,
@@ -3386,7 +3386,7 @@ const er = { render: Zs }, tr = { class: "toolbar" }, or = { class: "tool-button
     }), (w, $) => {
       var M;
       const N = E("el-scrollbar");
-      return p(), A(le, null, [
+      return p(), A(ie, null, [
         y("h1", gr, D(x(t)((M = l.name) != null ? M : "")), 1),
         m(N, null, {
           default: d(() => {