@vancone/console-component 0.1.0-beta.20 → 0.1.0-beta.21

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

@@ -119,16 +119,16 @@ const wt = { class: "app-catalog-wrapper" }, At = { style: { width: "calc(100% -
               i("div", _t, [
                 (l(!0), U(ee, null, se(o, (y) => (l(), U("div", kt, [
                   i("h1", null, Q(y.name), 1),
-                  (l(!0), U(ee, null, se(y.apps, (A) => {
+                  (l(!0), U(ee, null, se(y.apps, (w) => {
                     var D, V;
                     return l(), U("a", {
-                      style: Ge([{ "text-decoration": "none" }, { pointerEvents: ((D = A.homepageUrl) == null ? void 0 : D.length) > 0 ? "auto" : "none" }]),
+                      style: Ge([{ "text-decoration": "none" }, { pointerEvents: ((D = w.homepageUrl) == null ? void 0 : D.length) > 0 ? "auto" : "none" }]),
                       target: "_blank",
-                      href: A.homepageUrl
+                      href: w.homepageUrl
                     }, [
                       i("h2", {
-                        style: Ge({ color: ((V = A.homepageUrl) == null ? void 0 : V.length) > 0 ? "#555" : "#bbb" })
-                      }, Q(A.name), 5)
+                        style: Ge({ color: ((V = w.homepageUrl) == null ? void 0 : V.length) > 0 ? "#555" : "#bbb" })
+                      }, Q(w.name), 5)
                     ], 12, It);
                   }), 256))
                 ]))), 256))
@@ -264,7 +264,7 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
     helpDocUrl: {}
   },
   setup(r) {
-    const { t: a } = Ie(), o = E(), g = E(), e = E(), t = r, C = E(!1), c = E(""), y = E(Me.global.locale), A = ne([
+    const { t: a } = Ie(), o = E(), g = E(), e = E(), t = r, C = E(!1), c = E(""), y = E(Me.global.locale), w = ne([
       {
         id: "en",
         name: "English"
@@ -281,8 +281,8 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
       });
     });
     function D(O) {
-      for (var k = O + "=", $ = document.cookie.split(";"), X = 0; X < $.length; X++) {
-        for (var Y = $[X]; Y.charAt(0) == " "; ) Y = Y.substring(1);
+      for (var k = O + "=", W = document.cookie.split(";"), L = 0; L < W.length; L++) {
+        for (var Y = W[L]; Y.charAt(0) == " "; ) Y = Y.substring(1);
         if (Y.indexOf(k) != -1)
           return Y.substring(k.length, Y.length);
       }
@@ -307,7 +307,7 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
       window.open(t.helpDocUrl, "_blank");
     }
     return (O, k) => {
-      const $ = b("el-tooltip"), X = b("el-avatar"), Y = b("el-menu-item"), fe = b("el-icon"), m = b("el-popover"), T = b("el-menu");
+      const W = b("el-tooltip"), L = b("el-avatar"), Y = b("el-menu-item"), fe = b("el-icon"), m = b("el-popover"), T = b("el-menu");
       return l(), U("div", Tt, [
         i("div", {
           class: "title",
@@ -322,7 +322,7 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
         ]),
         d(St, { visible: C.value }, null, 8, ["visible"]),
         i("div", Kt, [
-          d($, {
+          d(W, {
             effect: "dark",
             content: v(a)("common.header.product"),
             placement: "bottom"
@@ -337,7 +337,7 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
             ]),
             _: 1
           }, 8, ["content"]),
-          d($, {
+          d(W, {
             effect: "dark",
             content: v(a)("common.header.help"),
             placement: "bottom"
@@ -353,7 +353,7 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
             ]),
             _: 1
           }, 8, ["content"]),
-          d($, {
+          d(W, {
             effect: "dark",
             content: v(a)("common.header.message"),
             placement: "bottom"
@@ -366,7 +366,7 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
             _: 1
           }, 8, ["content"]),
           i("div", Lt, [
-            d(X, {
+            d(L, {
               size: 30,
               src: "",
               ref_key: "avatarRef",
@@ -389,7 +389,7 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
             }, {
               default: n(() => [
                 i("div", Xt, [
-                  d(X, {
+                  d(L, {
                     size: 48,
                     src: ""
                   }, {
@@ -436,7 +436,7 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
                       "popper-style": "height: 80px; left: -165px"
                     }, {
                       default: n(() => [
-                        (l(!0), U(ee, null, se(A, (h) => (l(), U("div", {
+                        (l(!0), U(ee, null, se(w, (h) => (l(), U("div", {
                           class: "select-list",
                           onClick: (G) => H(h.id)
                         }, [
@@ -485,12 +485,12 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
         index: o.menu.path
       }, {
         title: n(() => {
-          var c, y, A;
+          var c, y, w;
           return [
             i("div", Jt, [
               (l(), I(Se((c = o.menu.meta) == null ? void 0 : c.icon), { class: "menu-icon" }))
             ]),
-            i("span", null, Q(o.$t((A = (y = o.menu.meta) == null ? void 0 : y.title) != null ? A : "")), 1)
+            i("span", null, Q(o.$t((w = (y = o.menu.meta) == null ? void 0 : y.title) != null ? w : "")), 1)
           ];
         }),
         default: n(() => [
@@ -544,19 +544,19 @@ const oo = { render: to }, ao = { class: "menu-wrapper" }, lo = { class: "menu-b
   setup(r, { emit: a }) {
     const o = r, g = a, e = ke(), t = E(), C = xe(() => {
       var D;
-      const A = e.meta.activeMenu;
-      if (A === "{model}") {
+      const w = e.meta.activeMenu;
+      if (w === "{model}") {
         let V = e.params.app ? `${e.params.app}/${e.params.model}` : e.params.model;
         return "/" + ((D = Wt[e.params.model]) != null ? D : V);
       } else
-        return A;
+        return w;
     }), c = E(!1);
     function y() {
       g("update:menuCollapsed", !o.menuCollapsed);
     }
     return he(c, () => {
       c.value && t.value.style.width && (t.value.style.width += "200");
-    }), (A, D) => {
+    }), (w, D) => {
       const V = b("el-menu");
       return l(), U("div", ao, [
         i("div", lo, [
@@ -605,7 +605,7 @@ const oo = { render: to }, ao = { class: "menu-wrapper" }, lo = { class: "menu-b
           v(a).query.embedded !== "true" ? (l(), I(qe, {
             key: 0,
             menuCollapsed: o.value,
-            "onUpdate:menuCollapsed": C[0] || (C[0] = (A) => o.value = A)
+            "onUpdate:menuCollapsed": C[0] || (C[0] = (w) => o.value = w)
           }, null, 8, ["menuCollapsed"])) : K("", !0),
           d(y, { class: "scrollbar" }, {
             default: n(() => [
@@ -704,28 +704,28 @@ const Co = /* @__PURE__ */ re(vo, [["render", bo]]), yo = { class: "card-wrapper
         deep: !0
       }
     ), (c, y) => (l(), U("div", yo, [
-      (l(!0), U(ee, null, se(e.cards, (A) => (l(), U("div", {
-        class: Te(["card", { "card-selected": t.value === A.key }]),
-        onClick: (D) => C(A)
+      (l(!0), U(ee, null, se(e.cards, (w) => (l(), U("div", {
+        class: Te(["card", { "card-selected": t.value === w.key }]),
+        onClick: (D) => C(w)
       }, [
         i("div", Ao, [
           i("div", _o, [
             i("div", ko, [
-              A.icon ? (l(), I(Se(A.icon), {
+              w.icon ? (l(), I(Se(w.icon), {
                 key: 0,
                 class: "svg-icon"
               })) : K("", !0)
             ]),
             i("span", {
-              style: Ge({ color: A.disabled ? "#aaa" : "black" })
-            }, Q(v(a)(A.label)), 5)
+              style: Ge({ color: w.disabled ? "#aaa" : "black" })
+            }, Q(v(a)(w.label)), 5)
           ]),
-          i("span", null, Q(A.count), 1)
+          i("span", null, Q(w.count), 1)
         ])
       ], 10, wo))), 256))
     ]));
   }
-}), He = /* @__PURE__ */ re(Io, [["__scopeId", "data-v-112aac83"]]);
+}), He = /* @__PURE__ */ re(Io, [["__scopeId", "data-v-047a86e6"]]);
 function ve(r, a, o) {
   switch (a) {
     case "POST":
@@ -759,11 +759,11 @@ const _e = (r) => {
   },
   emits: ["update:id"],
   setup(r, { expose: a, emit: o }) {
-    const { t: g } = Me.global, e = r, t = ne({}), C = E(!1), c = E(), y = ne({}), A = E(!0), D = (m) => e.mode === "view" && (Y(m, void 0) || Y(m, "input") || Y(m, "select") || Y(m, "password")), V = xe(() => e.model.fields ? e.model.fields.filter(
+    const { t: g } = Me.global, e = r, t = ne({}), C = E(!1), c = E(), y = ne({}), w = E(!0), D = (m) => e.mode === "view" && (Y(m, void 0) || Y(m, "input") || Y(m, "select") || Y(m, "password")), V = xe(() => e.model.fields ? e.model.fields.filter(
       (m) => {
-        var G, w, _, x;
+        var G, A, _, x;
         let T = m.visible !== !1 && ((G = m.formItemAttributes) == null ? void 0 : G.visible) !== !1;
-        if (e.mode !== "view" && ((w = m.formItemAttributes) == null ? void 0 : w.editable) === !1 || e.mode === "view" && ((_ = m.formItemAttributes) == null ? void 0 : _.type) === "password")
+        if (e.mode !== "view" && ((A = m.formItemAttributes) == null ? void 0 : A.editable) === !1 || e.mode === "view" && ((_ = m.formItemAttributes) == null ? void 0 : _.type) === "password")
           return !1;
         let h = (x = m.formItemAttributes) == null ? void 0 : x.showCondition;
         return h && h.field && h.value ? t[h.field] === h.value : T;
@@ -776,23 +776,23 @@ const _e = (r) => {
       const m = e.model.fields;
       let T = {};
       m == null || m.forEach((h) => {
-        var G, w, _, x, M, R, L, p, S;
+        var G, A, _, x, M, R, j, p, S;
         if (t[h.prop] = null, h.visible !== !1 && ((G = h.formItemAttributes) == null ? void 0 : G.visible) !== !1) {
-          if (((w = h.formItemAttributes) == null ? void 0 : w.defaultValue) !== void 0 ? t[h.prop] = (_ = h.formItemAttributes) == null ? void 0 : _.defaultValue : t[h.prop] = void 0, e.mode !== "view") {
+          if (((A = h.formItemAttributes) == null ? void 0 : A.defaultValue) !== void 0 ? t[h.prop] = (_ = h.formItemAttributes) == null ? void 0 : _.defaultValue : t[h.prop] = void 0, e.mode !== "view") {
             let q = (x = h.formItemAttributes) == null ? void 0 : x.validationRule;
             q !== void 0 && (T[h.prop] = q), Object.assign(y, T);
           }
-          const u = h.formItemAttributes, s = u == null ? void 0 : u.type, f = (M = u == null ? void 0 : u.selectAttributes) == null ? void 0 : M.api, B = (R = u == null ? void 0 : u.selectAttributes) == null ? void 0 : R.valueMappingField, Z = (L = u == null ? void 0 : u.selectAttributes) == null ? void 0 : L.labelMappingField;
+          const u = h.formItemAttributes, s = u == null ? void 0 : u.type, f = (M = u == null ? void 0 : u.selectAttributes) == null ? void 0 : M.api, B = (R = u == null ? void 0 : u.selectAttributes) == null ? void 0 : R.valueMappingField, Z = (j = u == null ? void 0 : u.selectAttributes) == null ? void 0 : j.labelMappingField;
           if (s === "select" && f) {
             let q = f;
             const oe = (p = u == null ? void 0 : u.selectAttributes) == null ? void 0 : p.queryParamName, ce = (S = u == null ? void 0 : u.selectAttributes) == null ? void 0 : S.queryParamValueField;
             oe && (q = `${q}?${oe}=${e.id}`), ce || ve(q, "GET", {}).then(({ data: ae }) => {
               var le;
               if ((le = h.formItemAttributes) != null && le.selectAttributes) {
-                let W = [];
-                Array.isArray(ae.data) ? W = ae.data : ae.data.list && Array.isArray(ae.data.list) && (W = ae.data.list), h.formItemAttributes.selectAttributes.options = W.map((j) => ({
-                  value: B ? j[B] : j.value,
-                  label: Z ? j[Z] : j.label
+                let $ = [];
+                Array.isArray(ae.data) ? $ = ae.data : ae.data.list && Array.isArray(ae.data.list) && ($ = ae.data.list), h.formItemAttributes.selectAttributes.options = $.map((X) => ({
+                  value: B ? X[B] : X.value,
+                  label: Z ? X[Z] : X.label
                 }));
               }
             });
@@ -802,18 +802,18 @@ const _e = (r) => {
     }
     function P() {
       var m;
-      console.log("init form", e.id, e.model), F(), A.value = (m = e.model.useI18n) != null ? m : !0, H(), (e.mode === "update" || e.mode === "view") && e.id !== void 0 && e.id !== "" && e.model.api !== "" && (C.value = !0, ve(`${e.model.api}/${e.id}`, "GET", {}).then(({ data: T }) => {
+      console.log("init form", e.id, e.model), F(), w.value = (m = e.model.useI18n) != null ? m : !0, H(), (e.mode === "update" || e.mode === "view") && e.id !== void 0 && e.id !== "" && e.model.api !== "" && (C.value = !0, ve(`${e.model.api}/${e.id}`, "GET", {}).then(({ data: T }) => {
         _e(t), Object.assign(t, T.data), C.value = !1;
       }));
     }
     function z() {
       return new Promise((m, T) => {
-        var G, w, _, x;
-        ((w = (G = e.model.formConfig) == null ? void 0 : G.functions) == null ? void 0 : w.beforeSubmit) !== void 0 && Object.assign(t, (x = (_ = e.model.formConfig) == null ? void 0 : _.functions) == null ? void 0 : x.beforeSubmit(t));
+        var G, A, _, x;
+        ((A = (G = e.model.formConfig) == null ? void 0 : G.functions) == null ? void 0 : A.beforeSubmit) !== void 0 && Object.assign(t, (x = (_ = e.model.formConfig) == null ? void 0 : _.functions) == null ? void 0 : x.beforeSubmit(t));
         let h = e.mode === "create" ? "POST" : "PUT";
         e.model.api && ve(e.model.api, h, t).then(({ data: M }) => {
-          var R, L, p, S;
-          M.code === 0 && (e.closeDialogFunc && e.closeDialogFunc(), ((L = (R = e.model.formConfig) == null ? void 0 : R.functions) == null ? void 0 : L.afterSubmit) !== void 0 && ((S = (p = e.model.formConfig) == null ? void 0 : p.functions) == null || S.afterSubmit(M.data)), e.afterSubmitFunc && e.afterSubmitFunc(), m());
+          var R, j, p, S;
+          M.code === 0 && (e.closeDialogFunc && e.closeDialogFunc(), ((j = (R = e.model.formConfig) == null ? void 0 : R.functions) == null ? void 0 : j.afterSubmit) !== void 0 && ((S = (p = e.model.formConfig) == null ? void 0 : p.functions) == null || S.afterSubmit(M.data)), e.afterSubmitFunc && e.afterSubmitFunc(), m());
         });
       });
     }
@@ -822,29 +822,29 @@ const _e = (r) => {
       (m = c.value) == null || m.resetFields();
     }
     function O(m) {
-      return m.label ? A ? g(m.label) : m.label : m.prop.slice(0, 1).toUpperCase() + m.prop.slice(1).toLowerCase();
+      return m.label ? w ? g(m.label) : m.label : m.prop.slice(0, 1).toUpperCase() + m.prop.slice(1).toLowerCase();
     }
     function k(m) {
-      var T, h, G, w;
+      var T, h, G, A;
       if (m) {
         if (Y(m, "select")) {
           const _ = (h = (T = m.tableColumnAttributes) == null ? void 0 : T.functions) == null ? void 0 : h.transformValue;
           if (_)
             return _(t[m.prop]);
-          const x = (w = (G = m.formItemAttributes) == null ? void 0 : G.selectAttributes) == null ? void 0 : w.viewModeLabelField;
+          const x = (A = (G = m.formItemAttributes) == null ? void 0 : G.selectAttributes) == null ? void 0 : A.viewModeLabelField;
           if (x)
             return t[x];
         }
         return t[m.prop];
       }
     }
-    function $(m) {
+    function W(m) {
       var T;
       return ((T = m.formItemAttributes) == null ? void 0 : T.updatable) === !1 && e.mode === "update";
     }
-    function X(m, T) {
-      var G, w;
-      const h = (w = (G = T.formItemAttributes) == null ? void 0 : G.type) != null ? w : "input";
+    function L(m, T) {
+      var G, A;
+      const h = (A = (G = T.formItemAttributes) == null ? void 0 : G.type) != null ? A : "input";
       switch (m) {
         case "input":
           return e.mode === "view" ? !1 : h === "input" || h === "password";
@@ -863,16 +863,16 @@ const _e = (r) => {
       for (let h of e.model.fields) {
         const G = (T = h.formItemAttributes) == null ? void 0 : T.selectAttributes;
         if (!(!h.formItemAttributes || h.formItemAttributes.type !== "select" || !G || !G.queryParamValueField) && G.queryParamValueField === m.prop) {
-          const w = G.api;
-          if (w) {
-            let _ = w;
+          const A = G.api;
+          if (A) {
+            let _ = A;
             const x = G.queryParamName;
             x && (_ = `${_}?${x}=${t[G.queryParamValueField]}`), ve(_, "GET", {}).then(({ data: M }) => {
               if (G) {
                 let R = [];
-                Array.isArray(M.data) ? R = M.data : M.data.list && Array.isArray(M.data.list) && (R = M.data.list), G.options = R.map((L) => ({
-                  value: G.valueMappingField ? L[G.valueMappingField] : L.value,
-                  label: G.labelMappingField ? L[G.labelMappingField] : L.label
+                Array.isArray(M.data) ? R = M.data : M.data.list && Array.isArray(M.data.list) && (R = M.data.list), G.options = R.map((j) => ({
+                  value: G.valueMappingField ? j[G.valueMappingField] : j.value,
+                  label: G.labelMappingField ? j[G.labelMappingField] : j.label
                 }));
               }
             });
@@ -888,7 +888,7 @@ const _e = (r) => {
       submit: z,
       formData: t
     }), (m, T) => {
-      const h = b("el-input"), G = b("el-switch"), w = b("el-date-picker"), _ = b("el-option"), x = b("el-select"), M = b("el-form-item"), R = b("el-form"), L = Ke("loading");
+      const h = b("el-input"), G = b("el-switch"), A = b("el-date-picker"), _ = b("el-option"), x = b("el-select"), M = b("el-form-item"), R = b("el-form"), j = Ke("loading");
       return Pe((l(), I(R, {
         ref_key: "formRef",
         ref: c,
@@ -908,13 +908,13 @@ const _e = (r) => {
             default: n(() => {
               var S;
               return [
-                X("input", p) ? (l(), I(h, {
+                L("input", p) ? (l(), I(h, {
                   key: 0,
                   type: Y(p, "password") ? "password" : "text",
                   modelValue: t[p.prop],
                   "onUpdate:modelValue": (u) => t[p.prop] = u,
                   placeholder: (S = p.formItemAttributes) == null ? void 0 : S.placeholder,
-                  disabled: $(p)
+                  disabled: W(p)
                 }, null, 8, ["type", "modelValue", "onUpdate:modelValue", "placeholder", "disabled"])) : K("", !0),
                 D(p) ? (l(), U("span", Eo, Q(k(p)), 1)) : K("", !0),
                 Y(p, "switch") ? (l(), I(G, {
@@ -922,7 +922,7 @@ const _e = (r) => {
                   modelValue: t[p.prop],
                   "onUpdate:modelValue": (u) => t[p.prop] = u
                 }, null, 8, ["modelValue", "onUpdate:modelValue"])) : K("", !0),
-                Y(p, "datepicker") ? (l(), I(w, {
+                Y(p, "datepicker") ? (l(), I(A, {
                   key: 3,
                   type: "date",
                   modelValue: t[p.prop],
@@ -932,7 +932,7 @@ const _e = (r) => {
                   key: 4,
                   modelValue: t[p.prop],
                   "onUpdate:modelValue": (u) => t[p.prop] = u,
-                  disabled: $(p),
+                  disabled: W(p),
                   onChange: (u) => fe(p)
                 }, {
                   default: n(() => {
@@ -953,7 +953,7 @@ const _e = (r) => {
         ]),
         _: 1
       }, 8, ["model", "rules"])), [
-        [L, C.value]
+        [j, C.value]
       ]);
     };
   }
@@ -975,14 +975,14 @@ const _e = (r) => {
     function y() {
       c.value && c.value.refresh();
     }
-    function A() {
+    function w() {
       C("update:visible", !1), c.value.reset();
     }
     function D() {
       c.value.submit();
     }
     return a({
-      close: A,
+      close: w,
       refresh: y
     }), (V, H) => {
       const P = b("el-button"), z = b("el-dialog");
@@ -990,7 +990,7 @@ const _e = (r) => {
         title: "Edit",
         "model-value": e.visible,
         width: "800px",
-        onClose: A
+        onClose: w
       }, {
         footer: n(() => {
           var F;
@@ -1007,7 +1007,7 @@ const _e = (r) => {
                 }, 1032, ["onClick"]))), 256))
               ]),
               i("div", null, [
-                d(P, { onClick: A }, {
+                d(P, { onClick: w }, {
                   default: n(() => [
                     N(Q(v(g)("common.basic.cancel")), 1)
                   ]),
@@ -1035,7 +1035,7 @@ const _e = (r) => {
             mode: e.mode,
             model: e.model,
             afterSubmitFunc: e.afterSubmitFunc,
-            closeDialogFunc: A
+            closeDialogFunc: w
           }, null, 8, ["id", "sessionId", "mode", "model", "afterSubmitFunc"])
         ]),
         _: 1
@@ -1050,7 +1050,7 @@ const _e = (r) => {
   setup(r, { expose: a }) {
     const { t: o } = Me.global, g = r, e = ne([]), t = ne({
       showPane: !0
-    }), C = E(""), c = E(!0), y = E(!1), A = Be(), D = E(""), V = ne([]), H = ne([]), P = E(), z = E([]), F = E("create"), O = E(!0), k = E(!1), $ = E(""), X = ne({
+    }), C = E(""), c = E(!0), y = E(!1), w = Be(), D = E(""), V = ne([]), H = ne([]), P = E(), z = E([]), F = E("create"), O = E(!0), k = E(!1), W = E(""), L = ne({
       pageSize: 10,
       pageNo: 1,
       totalElements: 0
@@ -1067,20 +1067,20 @@ const _e = (r) => {
       if (Z)
         B = Z(B);
       else if (q && q.length > 0) {
-        for (let W of q)
-          if (B === W.value) {
-            B = o(W.label);
+        for (let $ of q)
+          if (B === $.value) {
+            B = o($.label);
             break;
           }
       } else if (((le = s.formItemAttributes) == null ? void 0 : le.type) === "select") {
-        const W = s.formItemAttributes.selectAttributes;
-        if (W) {
-          if (W.viewModeLabelField)
-            B = f.row[W.viewModeLabelField];
-          else if (W.options && W.options.length > 0) {
-            for (let j of W.options)
-              if (j.value === f.row[s.prop]) {
-                B = j.label;
+        const $ = s.formItemAttributes.selectAttributes;
+        if ($) {
+          if ($.viewModeLabelField)
+            B = f.row[$.viewModeLabelField];
+          else if ($.options && $.options.length > 0) {
+            for (let X of $.options)
+              if (X.value === f.row[s.prop]) {
+                B = X.label;
                 break;
               }
           }
@@ -1101,16 +1101,16 @@ const _e = (r) => {
         return;
       _e(t), t.showPane = !0, Object.assign(t, (f = g.model.tableConfig) != null ? f : {}), e.splice(0, e.length, ...g.model.fields), C.value = (B = g.model.route) != null ? B : "", c.value = (Z = g.model.useI18n) != null ? Z : !0;
       let s = Ee({}, t.queryParams);
-      s.pageSize = X.pageSize, s.pageNo = X.pageNo, s.search = D.value, ve(g.model.api, "GET", s).then(({ data: q }) => {
+      s.pageSize = L.pageSize, s.pageNo = L.pageNo, s.search = D.value, ve(g.model.api, "GET", s).then(({ data: q }) => {
         const { list: oe, totalCount: ce } = q.data;
-        V.splice(0, V.length, ...oe), X.totalElements = ce, O.value = !1;
+        V.splice(0, V.length, ...oe), L.totalElements = ce, O.value = !1;
       });
     }
     function G() {
       var s, f;
-      t.createPageRoutePath !== void 0 ? A.push(t.createPageRoutePath) : ((s = t.functions) == null ? void 0 : s.create) !== void 0 ? (f = t.functions) == null || f.create() : (F.value = "create", $.value = "", y.value = !0);
+      t.createPageRoutePath !== void 0 ? w.push(t.createPageRoutePath) : ((s = t.functions) == null ? void 0 : s.create) !== void 0 ? (f = t.functions) == null || f.create() : (F.value = "create", W.value = "", y.value = !0);
     }
-    function w(s, f) {
+    function A(s, f) {
       g.model.api && ve(g.model.api, "DELETE", f.id).then(({ data: B }) => {
         B.code === 0 && (y.value = !1, h());
       });
@@ -1140,20 +1140,20 @@ const _e = (r) => {
       });
     }
     function x(s) {
-      X.pageSize = s, h();
+      L.pageSize = s, h();
     }
     function M(s) {
-      X.pageNo = s, h();
+      L.pageNo = s, h();
     }
     function R(s, f) {
-      t.editPageRoutePath !== void 0 ? A.push({
+      t.editPageRoutePath !== void 0 ? w.push({
         path: t.editPageRoutePath,
         query: {
           id: f.id
         }
-      }) : ($.value = f.id, F.value = "update", y.value = !0);
+      }) : (W.value = f.id, F.value = "update", y.value = !0);
     }
-    function L() {
+    function j() {
       let s = window.location.origin + g.model.api + "/export";
       const f = t.queryParams;
       f !== void 0 && Object.keys(f).length > 0 && (s += "?", Object.entries(t.queryParams).map((B) => {
@@ -1179,7 +1179,7 @@ const _e = (r) => {
       refresh: h,
       updateConfigAndRefresh: T
     }), (s, f) => {
-      const B = b("el-checkbox"), Z = b("el-badge"), q = b("el-button"), oe = b("el-icon"), ce = b("el-tooltip"), ae = b("el-input"), le = b("el-table-column"), W = b("router-link"), j = b("el-tag"), ue = b("el-popconfirm"), me = b("el-table"), ye = b("el-pagination"), Ne = Ke("loading");
+      const B = b("el-checkbox"), Z = b("el-badge"), q = b("el-button"), oe = b("el-icon"), ce = b("el-tooltip"), ae = b("el-input"), le = b("el-table-column"), $ = b("router-link"), X = b("el-tag"), ue = b("el-popconfirm"), me = b("el-table"), ye = b("el-pagination"), Ne = Ke("loading");
       return l(), U("div", {
         class: Te({ "table-view-wrapper": t.showPane })
       }, [
@@ -1254,7 +1254,7 @@ const _e = (r) => {
             t.export ? (l(), I(q, {
               key: 0,
               class: "button-export",
-              onClick: L
+              onClick: j
             }, {
               default: n(() => [
                 d(oe, null, {
@@ -1309,7 +1309,7 @@ const _e = (r) => {
                   default: n((we) => {
                     var be, Ae;
                     return [
-                      (be = J.tableColumnAttributes) != null && be.link ? (l(), I(W, {
+                      (be = J.tableColumnAttributes) != null && be.link ? (l(), I($, {
                         key: 0,
                         class: "router-link",
                         to: `/${C.value}/detail?id=${we.row.id}`
@@ -1319,7 +1319,7 @@ const _e = (r) => {
                         ]),
                         _: 2
                       }, 1032, ["to"])) : (l(), U("span", Oo, Q(fe(J, we)), 1)),
-                      ((Ae = J.tableColumnAttributes) == null ? void 0 : Ae.type) === "tag" ? (l(), I(j, { key: 2 }, {
+                      ((Ae = J.tableColumnAttributes) == null ? void 0 : Ae.type) === "tag" ? (l(), I(X, { key: 2 }, {
                         default: n(() => [
                           N(Q(we.row[J.prop]), 1)
                         ]),
@@ -1349,7 +1349,7 @@ const _e = (r) => {
                   }, 1032, ["onClick"]),
                   d(ue, {
                     title: "Are you sure to delete this?",
-                    onConfirm: (ge) => w(J.$index, J.row)
+                    onConfirm: (ge) => A(J.$index, J.row)
                   }, {
                     reference: n(() => [
                       d(q, {
@@ -1404,17 +1404,17 @@ const _e = (r) => {
           background: "",
           onSizeChange: x,
           onCurrentChange: M,
-          currentPage: X.pageNo,
-          "onUpdate:currentPage": f[1] || (f[1] = (te) => X.pageNo = te),
+          currentPage: L.pageNo,
+          "onUpdate:currentPage": f[1] || (f[1] = (te) => L.pageNo = te),
           "page-sizes": [10, 20, 50, 100],
-          "page-size": X.pageSize,
+          "page-size": L.pageSize,
           layout: "total, sizes, prev, pager, next",
-          total: X.totalElements
+          total: L.totalElements
         }, null, 8, ["currentPage", "page-size", "total"])),
         d(ze, {
           model: s.model,
           mode: F.value,
-          id: $.value,
+          id: W.value,
           afterSubmitFunc: h,
           visible: y.value,
           "onUpdate:visible": f[2] || (f[2] = (te) => y.value = te)
@@ -1422,17 +1422,17 @@ const _e = (r) => {
       ], 2);
     };
   }
-}), Qe = /* @__PURE__ */ re(Fo, [["__scopeId", "data-v-d37a3022"]]), Ro = { class: "nav-bar" }, Vo = {
+}), Qe = /* @__PURE__ */ re(Fo, [["__scopeId", "data-v-9c7312a1"]]), Ro = { class: "nav-bar" }, Vo = {
   key: 0,
   class: "info-card-wrapper"
 }, Do = { class: "icon-wrapper" }, To = { class: "info-wrapper" }, Ko = { class: "title-wrapper" }, Po = { class: "tabs-wrapper" }, Lo = { class: "dialog-footer" }, jo = /* @__PURE__ */ pe({
   __name: "DetailPage",
   setup(r) {
-    const { t: a } = Ie(), o = ke(), g = Be(), e = xe(() => o.query.id), t = E(!1), C = E(!1), c = E("view"), y = E(), A = E(-1), D = E(), V = E(), H = E("summary"), P = E(""), z = E(""), F = E(""), O = E(0), k = ne({
+    const { t: a } = Ie(), o = ke(), g = Be(), e = xe(() => o.query.id), t = E(!1), C = E(!1), c = E("view"), y = E(), w = E(-1), D = E(), V = E(), H = E("summary"), P = E(""), z = E(""), F = E(""), O = E(0), k = ne({
       api: "",
       fields: []
-    }), $ = ne([]);
-    let X = [];
+    }), W = ne([]);
+    let L = [];
     he([
       () => g.currentRoute.value,
       de
@@ -1442,33 +1442,33 @@ const _e = (r) => {
       immediate: !0,
       deep: !0
     });
-    function Y(w) {
-      A.value = parseInt(w.index) - 1;
+    function Y(A) {
+      w.value = parseInt(A.index) - 1, console.log(w.value, W[w.value]);
     }
     function fe() {
       var M;
-      let w = (M = X[A.value].api) == null ? void 0 : M.replace("/select", "");
-      w = w == null ? void 0 : w.substring(w.lastIndexOf("/"));
-      const _ = k.api + "/" + e.value + w, x = V.value.multipleSelection.map((R) => R.id);
+      let A = (M = L[w.value].api) == null ? void 0 : M.replace("/select", "");
+      A = A == null ? void 0 : A.substring(A.lastIndexOf("/"));
+      const _ = k.api + "/" + e.value + A, x = V.value.multipleSelection.map((R) => R.id);
       ve(_, "POST", x).then(() => {
         D.value.refresh(), C.value = !1;
       });
     }
-    function m(w, _, x) {
-      var L;
+    function m(A, _, x) {
+      var j;
       x.functions || (x.functions = {}), x.functions.create = () => {
         C.value = !0, V.value && V.value.refresh();
       };
       let M = Ce(_);
-      M.tableConfig || (M.tableConfig = {}), M.tableConfig.selectMode = !0, M.tableConfig.queryParams = {}, w.queryParamName && (M.tableConfig.queryParams[w.queryParamName] = e.value);
+      M.tableConfig || (M.tableConfig = {}), M.tableConfig.selectMode = !0, M.tableConfig.queryParams = {}, A.queryParamName && (M.tableConfig.queryParams[A.queryParamName] = e.value);
       for (var R in M.fields)
-        M.fields[R].tableColumnAttributes && (L = M.fields[R].tableColumnAttributes) != null && L.link && (M.fields[R].tableColumnAttributes.link = !1);
-      X.push(M), x.labels = {
+        M.fields[R].tableColumnAttributes && (j = M.fields[R].tableColumnAttributes) != null && j.link && (M.fields[R].tableColumnAttributes.link = !1);
+      L.push(M), x.labels = {
         create: "common.table.add",
         delete: "common.table.remove"
       }, x.functions.batchDelete = (p) => {
         var f;
-        let S = (f = X[A.value].api) == null ? void 0 : f.replace("/select", "");
+        let S = (f = L[w.value].api) == null ? void 0 : f.replace("/select", "");
         S = S == null ? void 0 : S.substring(S.lastIndexOf("/"));
         const u = k.api + "/" + e.value + S, s = p.map((B) => B.id);
         ie.delete(`${u}/${s.join(",")}`).then(({ data: B }) => {
@@ -1480,7 +1480,7 @@ const _e = (r) => {
           functions: {
             click: (p, S) => {
               var f;
-              let u = (f = X[A.value].api) == null ? void 0 : f.replace("/select", "");
+              let u = (f = L[w.value].api) == null ? void 0 : f.replace("/select", "");
               u = u == null ? void 0 : u.substring(u.lastIndexOf("/"));
               const s = k.api + "/" + e.value + u;
               ve(s, "DELETE", S.id).then(() => {
@@ -1492,27 +1492,29 @@ const _e = (r) => {
       ], M.api += "/select";
     }
     function T() {
-      var M, R, L;
-      $.splice(0);
-      const w = o.params.model;
-      if (de.value[w] === void 0) {
-        console.warn("Detail page model not exist:", w);
+      var M, R, j;
+      W.splice(0);
+      const A = o.params.model;
+      if (de.value[A] === void 0) {
+        console.warn("Detail page model not exist:", A);
         return;
       } else
-        console.debug("Detail page model found:", w, de.value[w]);
+        console.debug("Detail page model found:", A, de.value[A]);
       _e(k);
-      const _ = Ce(de.value[w]);
-      Object.assign(k, _), O.value++, A.value = -1, H.value = "summary";
+      const _ = Ce(de.value[A]);
+      Object.assign(k, _), O.value++, w.value = -1, H.value = "summary";
       const x = (R = (M = k.pageConfig) == null ? void 0 : M.detailPage) == null ? void 0 : R.tabs;
       if (x)
         for (let p of x) {
           const S = Ce(de.value[p.modelKey]);
-          if ($.push(S), p.type === "table") {
+          if (W.push(S), p.type === "table") {
             S.tableConfig || (S.tableConfig = {});
             let u = S.tableConfig;
-            u.showPane = !1, p.modelRelationType === "associated" ? m(p, S, u) : p.modelRelationType === "child" && (S.formConfig === void 0 && (S.formConfig = {}), S.formConfig.functions === void 0 && (S.formConfig.functions = {}), p.queryParamName && (S.formConfig.functions.beforeSubmit = (s) => {
+            u.showPane = !1, p.modelRelationType === "associated" ? m(p, S, u) : p.modelRelationType === "child" && (L.push({
+              fields: []
+            }), S.formConfig === void 0 && (S.formConfig = {}), S.formConfig.functions === void 0 && (S.formConfig.functions = {}), p.queryParamName && (S.formConfig.functions.beforeSubmit = (s) => {
               s[p.queryParamName] = e.value;
-            })), u.queryParams || (u.queryParams = {}), p.queryParamName && (u.queryParams[p.queryParamName] = e.value), p.queryParams && Object.assign(u.queryParams, p.queryParams), u.readOnly = (L = p.readOnly) != null ? L : !1, p.includeFields && (S.fields = S.fields.filter((s) => {
+            })), u.queryParams || (u.queryParams = {}), p.queryParamName && (u.queryParams[p.queryParamName] = e.value), p.queryParams && Object.assign(u.queryParams, p.queryParams), u.readOnly = (j = p.readOnly) != null ? j : !1, p.includeFields && (S.fields = S.fields.filter((s) => {
               var f;
               return (f = p.includeFields) == null ? void 0 : f.includes(s.prop);
             })), p.excludeFields && (S.fields = S.fields.filter((s) => {
@@ -1525,22 +1527,22 @@ const _e = (r) => {
     he(
       [
         () => {
-          var w, _;
-          return (_ = (w = k.pageConfig) == null ? void 0 : w.detailPage) == null ? void 0 : _.infoCard;
+          var A, _;
+          return (_ = (A = k.pageConfig) == null ? void 0 : A.detailPage) == null ? void 0 : _.infoCard;
         },
         () => {
-          var w;
-          return (w = y.value) == null ? void 0 : w.formData;
+          var A;
+          return (A = y.value) == null ? void 0 : A.formData;
         }
       ],
-      (w) => {
+      (A) => {
         De(() => {
           var x, M, R;
           const _ = (M = (x = k.pageConfig) == null ? void 0 : x.detailPage) == null ? void 0 : M.infoCard;
-          _ && (P.value = _.titleFieldProp ? y.value.formData[_.titleFieldProp] : "", z.value = _.subtitleFieldProp ? y.value.formData[_.subtitleFieldProp] : "", F.value = _.tagFieldProp ? y.value.formData[_.tagFieldProp] : "", (R = k.fields) == null || R.forEach((L) => {
+          _ && (P.value = _.titleFieldProp ? y.value.formData[_.titleFieldProp] : "", z.value = _.subtitleFieldProp ? y.value.formData[_.subtitleFieldProp] : "", F.value = _.tagFieldProp ? y.value.formData[_.tagFieldProp] : "", (R = k.fields) == null || R.forEach((j) => {
             var p, S;
-            if (L.prop === _.tagFieldProp) {
-              const u = (S = (p = L.tableColumnAttributes) == null ? void 0 : p.functions) == null ? void 0 : S.transformValue;
+            if (j.prop === _.tagFieldProp) {
+              const u = (S = (p = j.tableColumnAttributes) == null ? void 0 : p.functions) == null ? void 0 : S.transformValue;
               u && (F.value = u(F.value));
             }
           }));
@@ -1557,17 +1559,17 @@ const _e = (r) => {
     function G() {
       y.value.refresh();
     }
-    return (w, _) => {
-      var q, oe, ce, ae, le, W;
-      const x = b("el-breadcrumb-item"), M = b("el-breadcrumb"), R = b("el-button"), L = b("el-icon"), p = b("el-dropdown-item"), S = b("el-dropdown-menu"), u = b("el-dropdown"), s = b("el-tag"), f = b("el-tab-pane"), B = b("el-tabs"), Z = b("el-dialog");
+    return (A, _) => {
+      var q, oe, ce, ae, le, $;
+      const x = b("el-breadcrumb-item"), M = b("el-breadcrumb"), R = b("el-button"), j = b("el-icon"), p = b("el-dropdown-item"), S = b("el-dropdown-menu"), u = b("el-dropdown"), s = b("el-tag"), f = b("el-tab-pane"), B = b("el-tabs"), Z = b("el-dialog");
       return l(), U(ee, null, [
         i("div", Ro, [
           d(M, null, {
             default: n(() => {
-              var j, ue;
+              var X, ue;
               return [
                 d(x, {
-                  to: { path: `/${(ue = (j = k == null ? void 0 : k.breadcrumbRoute) != null ? j : k == null ? void 0 : k.route) != null ? ue : ""}` }
+                  to: { path: `/${(ue = (X = k == null ? void 0 : k.breadcrumbRoute) != null ? X : k == null ? void 0 : k.route) != null ? ue : ""}` }
                 }, {
                   default: n(() => {
                     var me;
@@ -1611,9 +1613,9 @@ const _e = (r) => {
               dropdown: n(() => [
                 d(S, null, {
                   default: n(() => {
-                    var j, ue;
+                    var X, ue;
                     return [
-                      (l(!0), U(ee, null, se((ue = (j = k.pageConfig) == null ? void 0 : j.detailPage) == null ? void 0 : ue.operationButtons, (me) => (l(), I(p, {
+                      (l(!0), U(ee, null, se((ue = (X = k.pageConfig) == null ? void 0 : X.detailPage) == null ? void 0 : ue.operationButtons, (me) => (l(), I(p, {
                         onClick: (ye) => me.function(y.value.formData)
                       }, {
                         default: n(() => [
@@ -1630,7 +1632,7 @@ const _e = (r) => {
                 d(R, { style: { margin: "0 10px" } }, {
                   default: n(() => [
                     N(Q(v(a)("common.basic.more")), 1),
-                    d(L, { class: "el-icon--right" }, {
+                    d(j, { class: "el-icon--right" }, {
                       default: n(() => [
                         d(v(pt))
                       ]),
@@ -1655,7 +1657,7 @@ const _e = (r) => {
           i("div", To, [
             i("div", Ko, [
               i("h1", null, Q(P.value), 1),
-              ((W = F.value) == null ? void 0 : W.length) > 0 ? (l(), I(s, {
+              (($ = F.value) == null ? void 0 : $.length) > 0 ? (l(), I(s, {
                 key: 0,
                 size: "small"
               }, {
@@ -1671,11 +1673,11 @@ const _e = (r) => {
         i("div", Po, [
           d(B, {
             modelValue: H.value,
-            "onUpdate:modelValue": _[0] || (_[0] = (j) => H.value = j),
+            "onUpdate:modelValue": _[0] || (_[0] = (X) => H.value = X),
             onTabClick: Y
           }, {
             default: n(() => {
-              var j, ue;
+              var X, ue;
               return [
                 d(f, {
                   label: v(a)("common.basic.summary"),
@@ -1693,7 +1695,7 @@ const _e = (r) => {
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                (l(!0), U(ee, null, se((ue = (j = k.pageConfig) == null ? void 0 : j.detailPage) == null ? void 0 : ue.tabs, (me) => {
+                (l(!0), U(ee, null, se((ue = (X = k.pageConfig) == null ? void 0 : X.detailPage) == null ? void 0 : ue.tabs, (me) => {
                   var ye;
                   return l(), I(f, {
                     label: v(a)((ye = me.name) != null ? ye : "")
@@ -1703,22 +1705,22 @@ const _e = (r) => {
             }),
             _: 1
           }, 8, ["modelValue"]),
-          A.value >= 0 ? (l(), I(Qe, {
+          w.value >= 0 ? (l(), I(Qe, {
             key: 0,
             ref_key: "tabPaneTableRef",
             ref: D,
-            model: $[A.value]
+            model: W[w.value]
           }, null, 8, ["model"])) : K("", !0),
           d(Z, {
             modelValue: C.value,
-            "onUpdate:modelValue": _[2] || (_[2] = (j) => C.value = j),
+            "onUpdate:modelValue": _[2] || (_[2] = (X) => C.value = X),
             title: v(a)("common.table.select"),
             width: "800px"
           }, {
             footer: n(() => [
               i("span", Lo, [
                 d(R, {
-                  onClick: _[1] || (_[1] = (j) => C.value = !1)
+                  onClick: _[1] || (_[1] = (X) => C.value = !1)
                 }, {
                   default: n(() => [
                     N(Q(v(a)("common.basic.cancel")), 1)
@@ -1737,11 +1739,11 @@ const _e = (r) => {
               ])
             ]),
             default: n(() => [
-              A.value >= 0 ? (l(), I(Qe, {
+              w.value >= 0 ? (l(), I(Qe, {
                 key: 0,
                 ref_key: "selectTableRef",
                 ref: V,
-                model: v(X)[A.value]
+                model: v(L)[w.value]
               }, null, 8, ["model"])) : K("", !0)
             ]),
             _: 1
@@ -1751,14 +1753,14 @@ const _e = (r) => {
           id: e.value,
           mode: "update",
           visible: t.value,
-          "onUpdate:visible": _[3] || (_[3] = (j) => t.value = j),
+          "onUpdate:visible": _[3] || (_[3] = (X) => t.value = X),
           model: k,
           afterSubmitFunc: G
         }, null, 8, ["id", "visible", "model"])
       ], 64);
     };
   }
-}), Xo = /* @__PURE__ */ re(jo, [["__scopeId", "data-v-d8d8ebf9"]]), Yo = { class: "page-title" }, qo = /* @__PURE__ */ pe({
+}), Xo = /* @__PURE__ */ re(jo, [["__scopeId", "data-v-25243c4f"]]), Yo = { class: "page-title" }, qo = /* @__PURE__ */ pe({
   __name: "TablePage",
   setup(r) {
     const { t: a } = Ie(), o = ke(), g = Be(), e = E(), t = E([]), C = ne({
@@ -1778,7 +1780,7 @@ const _e = (r) => {
         };
       }));
     }
-    function A() {
+    function w() {
       var H, P;
       console.log("Init table page, loading model:", o.params.model), console.log("Current model list", de.value);
       const D = o.params.model;
@@ -1794,7 +1796,7 @@ const _e = (r) => {
       () => g.currentRoute.value,
       de
     ], () => {
-      A();
+      w();
     }, {
       immediate: !0,
       deep: !0