@vancone/console-component 0.1.0-beta.10 → 0.1.0-beta.12

package/package.json

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

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

@@ -10,7 +10,7 @@ var Re = (s, a, o) => a in s ? Ze(s, a, { enumerable: !0, configurable: !0, writ
       tt.call(a, o) && Re(s, o, a[o]);
   return s;
 }, Ve = (s, a) => We(s, $e(a));
-import { openBlock as n, createElementBlock as U, defineComponent as de, reactive as le, resolveComponent as y, createVNode as d, withCtx as r, createElementVNode as i, Fragment as ee, renderList as se, toDisplayString as Q, normalizeStyle as Ge, ref as E, onMounted as Oe, unref as v, createCommentVNode as K, createTextVNode as N, createBlock as I, resolveDynamicComponent as Se, computed as xe, watch as ue, createStaticVNode as ot, nextTick as De, normalizeClass as Te, resolveDirective as Ke, withDirectives as Pe } from "vue";
+import { openBlock as n, createElementBlock as U, defineComponent as de, reactive as le, resolveComponent as w, createVNode as d, withCtx as r, createElementVNode as i, Fragment as ee, renderList as se, toDisplayString as Q, normalizeStyle as Ge, ref as E, onMounted as Oe, unref as v, createCommentVNode as K, createTextVNode as N, createBlock as I, resolveDynamicComponent as Se, computed as xe, watch as ue, createStaticVNode as ot, nextTick as De, normalizeClass as Te, resolveDirective as Ke, withDirectives as Pe } from "vue";
 import { useRoute as _e, useRouter as Be } from "vue-router";
 import at from "axios";
 import { ElMessage as Ue, ElMessageBox as nt } from "element-plus";
@@ -92,7 +92,7 @@ const wt = { class: "app-catalog-wrapper" }, At = { style: { width: "calc(100% -
       });
     }
     return g(), (t, e) => {
-      const b = y("el-input"), c = y("el-drawer");
+      const b = w("el-input"), c = w("el-drawer");
       return n(), U("div", wt, [
         d(c, {
           "modal-class": "drawer-modal",
@@ -276,15 +276,15 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
     ]);
     Oe(() => {
       c.value = decodeURIComponent(escape(window.atob(V("passport_username")))), c.value === "" && vt().then(({ data: O }) => {
-        var w;
-        O.code == 0 && (c.value = (w = O.data.name) != null ? w : O.data.displayId);
+        var y;
+        O.code == 0 && (c.value = (y = O.data.name) != null ? y : O.data.displayId);
       });
     });
     function V(O) {
-      for (var w = O + "=", W = document.cookie.split(";"), Y = 0; Y < W.length; Y++) {
+      for (var y = O + "=", W = document.cookie.split(";"), Y = 0; Y < W.length; Y++) {
         for (var q = W[Y]; q.charAt(0) == " "; ) q = q.substring(1);
-        if (q.indexOf(w) != -1)
-          return q.substring(w.length, q.length);
+        if (q.indexOf(y) != -1)
+          return q.substring(y.length, q.length);
       }
       return "";
     }
@@ -306,18 +306,18 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
     function D() {
       window.open(e.helpDocUrl, "_blank");
     }
-    return (O, w) => {
-      const W = y("el-tooltip"), Y = y("el-avatar"), q = y("el-menu-item"), fe = y("el-icon"), m = y("el-popover"), T = y("el-menu");
+    return (O, y) => {
+      const W = w("el-tooltip"), Y = w("el-avatar"), q = w("el-menu-item"), fe = w("el-icon"), m = w("el-popover"), T = w("el-menu");
       return n(), U("div", Tt, [
         i("div", {
           class: "title",
           onClick: P
         }, [
-          w[1] || (w[1] = i("img", {
+          y[1] || (y[1] = i("img", {
             src: gt,
             class: "logo"
           }, null, -1)),
-          w[2] || (w[2] = i("h1", null, "VanCone", -1)),
+          y[2] || (y[2] = i("h1", null, "VanCone", -1)),
           i("span", null, Q(O.title), 1)
         ]),
         d(St, { visible: b.value }, null, 8, ["visible"]),
@@ -330,7 +330,7 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
             default: r(() => [
               i("div", {
                 class: "icon-wrapper",
-                onClick: w[0] || (w[0] = (h) => b.value = !b.value)
+                onClick: y[0] || (y[0] = (h) => b.value = !b.value)
               }, [
                 d(v(Ut))
               ])
@@ -479,7 +479,7 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
   setup(s) {
     const a = s;
     return (o, g) => {
-      const t = y("SideMenuItem", !0), e = y("el-sub-menu"), b = y("el-menu-item");
+      const t = w("SideMenuItem", !0), e = w("el-sub-menu"), b = w("el-menu-item");
       return o.menu.children && o.menu.children.length > 0 ? (n(), I(e, {
         key: 0,
         index: o.menu.path
@@ -557,7 +557,7 @@ const oo = { render: to }, ao = { class: "menu-wrapper" }, no = { class: "menu-b
     return ue(c, () => {
       c.value && e.value.style.width && (e.value.style.width += "200");
     }), (k, V) => {
-      const R = y("el-menu");
+      const R = w("el-menu");
       return n(), U("div", ao, [
         i("div", no, [
           d(v(oo), {
@@ -594,7 +594,7 @@ const oo = { render: to }, ao = { class: "menu-wrapper" }, no = { class: "menu-b
     return ue(o, () => {
       o.value ? g.value.style.width = "100%" : (g.value.style.transition = "width 0.5s ease", g.value.style.width = "calc(100% - 250px)");
     }), (e, b) => {
-      const c = y("router-view");
+      const c = w("router-view");
       return n(), U(ee, null, [
         v(a).query.embedded !== "true" ? (n(), I(Ye, {
           key: 0,
@@ -630,7 +630,7 @@ function co(s, a) {
 }
 const po = { render: co }, uo = {}, fo = { class: "wrapper" }, mo = { class: "content" };
 function ho(s, a) {
-  const o = y("el-button");
+  const o = w("el-button");
   return n(), U("div", fo, [
     a[4] || (a[4] = i("img", { src: po }, null, -1)),
     i("div", mo, [
@@ -654,7 +654,7 @@ function ho(s, a) {
 }
 const go = /* @__PURE__ */ re(uo, [["render", ho], ["__scopeId", "data-v-0155b361"]]), vo = {};
 function bo(s, a) {
-  const o = y("router-view");
+  const o = w("router-view");
   return n(), I(o);
 }
 const Co = /* @__PURE__ */ re(vo, [["render", bo]]), yo = { class: "card-wrapper" }, wo = ["onClick"], Ao = { class: "card-inner-wrapper" }, ko = { class: "card-title" }, _o = { class: "icon" }, Io = /* @__PURE__ */ de({
@@ -819,7 +819,7 @@ const ke = (s) => {
     function O(m) {
       return m.label ? k ? g(m.label) : m.label : m.prop.slice(0, 1).toUpperCase() + m.prop.slice(1).toLowerCase();
     }
-    function w(m) {
+    function y(m) {
       var T, h, G, _;
       if (m) {
         if (q(m, "select")) {
@@ -883,7 +883,7 @@ const ke = (s) => {
       submit: z,
       formData: e
     }), (m, T) => {
-      const h = y("el-input"), G = y("el-switch"), _ = y("el-date-picker"), A = y("el-option"), x = y("el-select"), M = y("el-form-item"), F = y("el-form"), L = Ke("loading");
+      const h = w("el-input"), G = w("el-switch"), _ = w("el-date-picker"), A = w("el-option"), x = w("el-select"), M = w("el-form-item"), F = w("el-form"), L = Ke("loading");
       return Pe((n(), I(F, {
         ref_key: "formRef",
         ref: c,
@@ -911,7 +911,7 @@ const ke = (s) => {
                   placeholder: (S = p.formItemAttributes) == null ? void 0 : S.placeholder,
                   disabled: W(p)
                 }, null, 8, ["type", "modelValue", "onUpdate:modelValue", "placeholder", "disabled"])) : K("", !0),
-                V(p) ? (n(), U("span", Eo, Q(w(p)), 1)) : K("", !0),
+                V(p) ? (n(), U("span", Eo, Q(y(p)), 1)) : K("", !0),
                 q(p, "switch") ? (n(), I(G, {
                   key: 2,
                   modelValue: e[p.prop],
@@ -980,7 +980,7 @@ const ke = (s) => {
       close: k,
       refresh: C
     }), (R, X) => {
-      const P = y("el-button"), z = y("el-dialog");
+      const P = w("el-button"), z = w("el-dialog");
       return n(), I(z, {
         title: "Edit",
         "model-value": t.visible,
@@ -993,7 +993,7 @@ const ke = (s) => {
             i("div", Mo, [
               i("div", Qo, [
                 (n(!0), U(ee, null, se((D = t.model.formConfig) == null ? void 0 : D.dialogButtons, (O) => (n(), I(P, {
-                  onClick: (w) => O.function(c.value.formData)
+                  onClick: (y) => O.function(c.value.formData)
                 }, {
                   default: r(() => [
                     N(Q(v(g)(O.label)), 1)
@@ -1045,7 +1045,7 @@ const ke = (s) => {
   setup(s, { expose: a }) {
     const { t: o } = Me.global, g = s, t = le([]), e = le({
       showPane: !0
-    }), b = E(""), c = E(!0), C = E(!1), k = Be(), V = E(""), R = le([]), X = le([]), P = E(), z = E([]), D = E("create"), O = E(!0), w = E(!1), W = E(""), Y = le({
+    }), b = E(""), c = E(!0), C = E(!1), k = Be(), V = E(""), R = le([]), X = le([]), P = E(), z = E([]), D = E("create"), O = E(!0), y = E(!1), W = E(""), Y = le({
       pageSize: 10,
       pageNo: 1,
       totalElements: 0
@@ -1162,7 +1162,7 @@ const ke = (s) => {
       return l.label ? c.value ? o(l.label) : l.label : l.prop.slice(0, 1).toUpperCase() + l.prop.slice(1).toLowerCase();
     }
     function u(l) {
-      l ? (w.value = !0, X.splice(0, X.length, ...R), R.splice(0, R.length, ...z.value)) : (w.value = !1, R.splice(0, R.length, ...X));
+      l ? (y.value = !0, X.splice(0, X.length, ...R), R.splice(0, R.length, ...z.value)) : (y.value = !1, R.splice(0, R.length, ...X));
     }
     return ue(() => g.model, () => {
       h();
@@ -1174,7 +1174,7 @@ const ke = (s) => {
       refresh: h,
       updateConfigAndRefresh: T
     }), (l, f) => {
-      const B = y("el-checkbox"), Z = y("el-badge"), H = y("el-button"), oe = y("el-icon"), ce = y("el-tooltip"), ae = y("el-input"), ne = y("el-table-column"), $ = y("router-link"), j = y("el-tag"), pe = y("el-popconfirm"), me = y("el-table"), ye = y("el-pagination"), Ne = Ke("loading");
+      const B = w("el-checkbox"), Z = w("el-badge"), H = w("el-button"), oe = w("el-icon"), ce = w("el-tooltip"), ae = w("el-input"), ne = w("el-table-column"), $ = w("router-link"), j = w("el-tag"), pe = w("el-popconfirm"), me = w("el-table"), ye = w("el-pagination"), Ne = Ke("loading");
       return n(), U("div", {
         class: Te({ "table-view-wrapper": e.showPane })
       }, [
@@ -1393,7 +1393,7 @@ const ke = (s) => {
         }, 8, ["data"])), [
           [Ne, O.value]
         ]),
-        w.value ? K("", !0) : (n(), I(ye, {
+        y.value ? K("", !0) : (n(), I(ye, {
           key: 0,
           size: "small",
           background: "",
@@ -1423,7 +1423,7 @@ const ke = (s) => {
 }, Do = { class: "icon-wrapper" }, To = { class: "info-wrapper" }, Ko = { class: "title-wrapper" }, Po = { class: "tabs-wrapper" }, Lo = { class: "dialog-footer" }, jo = /* @__PURE__ */ de({
   __name: "DetailPage",
   setup(s) {
-    const { t: a } = Ie(), o = _e(), g = Be(), t = xe(() => o.query.id), e = E(!1), b = E(!1), c = E("view"), C = E(), k = E(-1), V = E(), R = E(), X = E("summary"), P = E(""), z = E(""), D = E(""), O = E(0), w = le({
+    const { t: a } = Ie(), o = _e(), g = Be(), t = xe(() => o.query.id), e = E(!1), b = E(!1), c = E("view"), C = E(), k = E(-1), V = E(), R = E(), X = E("summary"), P = E(""), z = E(""), D = E(""), O = E(0), y = le({
       api: "",
       fields: []
     }), W = le([]);
@@ -1432,8 +1432,8 @@ const ke = (s) => {
       T();
     }, {
       immediate: !0
-    }), ue(w, () => {
-      T();
+    }), ue(() => y, () => {
+      console.log("watch model changed:", y), T();
     });
     function q(_) {
       k.value = parseInt(_.index) - 1, console.log(W[k.value]);
@@ -1442,7 +1442,7 @@ const ke = (s) => {
       var M;
       let _ = (M = Y[k.value].api) == null ? void 0 : M.replace("/select", "");
       _ = _ == null ? void 0 : _.substring(_.lastIndexOf("/"));
-      const A = w.api + "/" + t.value + _, x = R.value.multipleSelection.map((F) => F.id);
+      const A = y.api + "/" + t.value + _, x = R.value.multipleSelection.map((F) => F.id);
       ve(A, "POST", x).then(() => {
         V.value.refresh(), b.value = !1;
       });
@@ -1463,7 +1463,7 @@ const ke = (s) => {
         var f;
         let S = (f = Y[k.value].api) == null ? void 0 : f.replace("/select", "");
         S = S == null ? void 0 : S.substring(S.lastIndexOf("/"));
-        const u = w.api + "/" + t.value + S, l = p.map((B) => B.id);
+        const u = y.api + "/" + t.value + S, l = p.map((B) => B.id);
         ie.delete(`${u}/${l.join(",")}`).then(({ data: B }) => {
           B.code === 0 && V.value.refresh();
         });
@@ -1475,7 +1475,7 @@ const ke = (s) => {
               var f;
               let u = (f = Y[k.value].api) == null ? void 0 : f.replace("/select", "");
               u = u == null ? void 0 : u.substring(u.lastIndexOf("/"));
-              const l = w.api + "/" + t.value + u;
+              const l = y.api + "/" + t.value + u;
               ve(l, "DELETE", S.id).then(() => {
                 V.value.refresh();
               });
@@ -1490,10 +1490,10 @@ const ke = (s) => {
       const _ = o.params.model;
       if (he.value[_] === void 0)
         return;
-      ke(w);
+      ke(y);
       const A = Ce(he.value[_]);
-      Object.assign(w, A), k.value = -1, X.value = "summary";
-      const x = (F = (M = w.pageConfig) == null ? void 0 : M.detailPage) == null ? void 0 : F.tabs;
+      Object.assign(y, A), k.value = -1, X.value = "summary";
+      const x = (F = (M = y.pageConfig) == null ? void 0 : M.detailPage) == null ? void 0 : F.tabs;
       if (x)
         for (let p of x) {
           const S = Ce(he.value[p.modelKey]);
@@ -1516,7 +1516,7 @@ const ke = (s) => {
       [
         () => {
           var _, A;
-          return (A = (_ = w.pageConfig) == null ? void 0 : _.detailPage) == null ? void 0 : A.infoCard;
+          return (A = (_ = y.pageConfig) == null ? void 0 : _.detailPage) == null ? void 0 : A.infoCard;
         },
         () => {
           var _;
@@ -1526,8 +1526,8 @@ const ke = (s) => {
       (_) => {
         De(() => {
           var x, M, F;
-          const A = (M = (x = w.pageConfig) == null ? void 0 : x.detailPage) == null ? void 0 : M.infoCard;
-          A && (P.value = A.titleFieldProp ? C.value.formData[A.titleFieldProp] : "", z.value = A.subtitleFieldProp ? C.value.formData[A.subtitleFieldProp] : "", D.value = A.tagFieldProp ? C.value.formData[A.tagFieldProp] : "", (F = w.fields) == null || F.forEach((L) => {
+          const A = (M = (x = y.pageConfig) == null ? void 0 : x.detailPage) == null ? void 0 : M.infoCard;
+          A && (P.value = A.titleFieldProp ? C.value.formData[A.titleFieldProp] : "", z.value = A.subtitleFieldProp ? C.value.formData[A.subtitleFieldProp] : "", D.value = A.tagFieldProp ? C.value.formData[A.tagFieldProp] : "", (F = y.fields) == null || F.forEach((L) => {
             var p, S;
             if (L.prop === A.tagFieldProp) {
               const u = (S = (p = L.tableColumnAttributes) == null ? void 0 : p.functions) == null ? void 0 : S.transformValue;
@@ -1549,7 +1549,7 @@ const ke = (s) => {
     }
     return (_, A) => {
       var H, oe, ce, ae, ne, $;
-      const x = y("el-breadcrumb-item"), M = y("el-breadcrumb"), F = y("el-button"), L = y("el-icon"), p = y("el-dropdown-item"), S = y("el-dropdown-menu"), u = y("el-dropdown"), l = y("el-tag"), f = y("el-tab-pane"), B = y("el-tabs"), Z = y("el-dialog");
+      const x = w("el-breadcrumb-item"), M = w("el-breadcrumb"), F = w("el-button"), L = w("el-icon"), p = w("el-dropdown-item"), S = w("el-dropdown-menu"), u = w("el-dropdown"), l = w("el-tag"), f = w("el-tab-pane"), B = w("el-tabs"), Z = w("el-dialog");
       return n(), U(ee, null, [
         i("div", Ro, [
           d(M, null, {
@@ -1557,12 +1557,12 @@ const ke = (s) => {
               var j, pe;
               return [
                 d(x, {
-                  to: { path: `/${(pe = (j = w == null ? void 0 : w.breadcrumbRoute) != null ? j : w == null ? void 0 : w.route) != null ? pe : ""}` }
+                  to: { path: `/${(pe = (j = y == null ? void 0 : y.breadcrumbRoute) != null ? j : y == null ? void 0 : y.route) != null ? pe : ""}` }
                 }, {
                   default: r(() => {
                     var me;
                     return [
-                      N(Q(v(a)((me = w == null ? void 0 : w.name) != null ? me : "")), 1)
+                      N(Q(v(a)((me = y == null ? void 0 : y.name) != null ? me : "")), 1)
                     ];
                   }),
                   _: 1
@@ -1597,13 +1597,13 @@ const ke = (s) => {
               ]),
               _: 1
             }),
-            ((oe = (H = w.pageConfig) == null ? void 0 : H.detailPage) == null ? void 0 : oe.operationButtons) !== void 0 ? (n(), I(u, { key: 0 }, {
+            ((oe = (H = y.pageConfig) == null ? void 0 : H.detailPage) == null ? void 0 : oe.operationButtons) !== void 0 ? (n(), I(u, { key: 0 }, {
               dropdown: r(() => [
                 d(S, null, {
                   default: r(() => {
                     var j, pe;
                     return [
-                      (n(!0), U(ee, null, se((pe = (j = w.pageConfig) == null ? void 0 : j.detailPage) == null ? void 0 : pe.operationButtons, (me) => (n(), I(p, {
+                      (n(!0), U(ee, null, se((pe = (j = y.pageConfig) == null ? void 0 : j.detailPage) == null ? void 0 : pe.operationButtons, (me) => (n(), I(p, {
                         onClick: (ye) => me.function(C.value.formData)
                       }, {
                         default: r(() => [
@@ -1638,9 +1638,9 @@ const ke = (s) => {
             }, null, 8, ["icon"])
           ])
         ]),
-        (ae = (ce = w.pageConfig) == null ? void 0 : ce.detailPage) != null && ae.infoCard ? (n(), U("div", Vo, [
+        (ae = (ce = y.pageConfig) == null ? void 0 : ce.detailPage) != null && ae.infoCard ? (n(), U("div", Vo, [
           i("div", Do, [
-            (n(), I(Se((ne = w.pageConfig.detailPage.infoCard.icon) != null ? ne : ""), { class: "icon" }))
+            (n(), I(Se((ne = y.pageConfig.detailPage.infoCard.icon) != null ? ne : ""), { class: "icon" }))
           ]),
           i("div", To, [
             i("div", Ko, [
@@ -1678,12 +1678,12 @@ const ke = (s) => {
                       id: t.value,
                       sessionId: O.value,
                       mode: c.value,
-                      model: w
+                      model: y
                     }, null, 8, ["id", "sessionId", "mode", "model"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                (n(!0), U(ee, null, se((pe = (j = w.pageConfig) == null ? void 0 : j.detailPage) == null ? void 0 : pe.tabs, (me) => {
+                (n(!0), U(ee, null, se((pe = (j = y.pageConfig) == null ? void 0 : j.detailPage) == null ? void 0 : pe.tabs, (me) => {
                   var ye;
                   return n(), I(f, {
                     label: v(a)((ye = me.name) != null ? ye : "")
@@ -1742,13 +1742,13 @@ const ke = (s) => {
           mode: "update",
           visible: e.value,
           "onUpdate:visible": A[3] || (A[3] = (j) => e.value = j),
-          model: w,
+          model: y,
           afterSubmitFunc: G
         }, null, 8, ["id", "visible", "model"])
       ], 64);
     };
   }
-}), Xo = /* @__PURE__ */ re(jo, [["__scopeId", "data-v-dd56a4a3"]]), Yo = { class: "page-title" }, qo = /* @__PURE__ */ de({
+}), Xo = /* @__PURE__ */ re(jo, [["__scopeId", "data-v-4d54e165"]]), Yo = { class: "page-title" }, qo = /* @__PURE__ */ de({
   __name: "TablePage",
   setup(s) {
     const { t: a } = Ie(), o = _e(), g = Be(), t = E(), e = E([]), b = le({