@vancone/console-component 0.1.0-beta.15 → 0.1.0-beta.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vancone/console-component",
   "private": false,
-  "version": "0.1.0-beta.15",
+  "version": "0.1.0-beta.16",
   "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 he, 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 pe, 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 he, 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";
@@ -74,7 +74,7 @@ function Ct() {
 function yt() {
   return ie.get("https://console.vancone.com/api/console/app?pageSize=1000");
 }
-const wt = { class: "app-catalog-wrapper" }, At = { style: { width: "calc(100% - 330px)" } }, kt = { class: "catalog-wrapper" }, _t = { class: "service-list" }, It = ["href"], Et = /* @__PURE__ */ de({
+const wt = { class: "app-catalog-wrapper" }, At = { style: { width: "calc(100% - 330px)" } }, kt = { class: "catalog-wrapper" }, _t = { class: "service-list" }, It = ["href"], Et = /* @__PURE__ */ pe({
   __name: "AppCatalog",
   props: {
     visible: { type: Boolean }
@@ -257,7 +257,7 @@ function Vt(s, a) {
     i("path", { d: "M358.4 871.2H45.152C19.936 871.2 0 843.904 0 819.2s19.936-50.624 45.152-50.624h56.64l-1.088-283.168c0-204.608 164.032-374.56 337.056-412.576v-1.28C437.76 32.032 470.496 0 510.848 0s73.088 32.032 73.088 71.552v1.28C756.96 110.848 922.08 280.8 922.08 485.408v283.168h55.008c25.216 0 46.944 25.92 46.944 50.624s-21.696 52-46.944 52H665.632c-.416 84.48-69.024 152.8-153.6 152.8s-153.184-68.352-153.6-152.8zm102.4 0c.416 27.904 23.168 50.4 51.2 50.4s50.784-22.496 51.2-50.4zm357.216-103.328v-282.56c0-179.808-149.536-329.984-307.104-329.984S204.544 305.472 204.544 485.312v282.56z" }, null, -1)
   ]));
 }
-const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt = { class: "icon-wrapper" }, Lt = { class: "user-wrapper" }, jt = { style: { "font-size": "11px", "font-weight": "bold" } }, Xt = { class: "user-popover-header" }, Yt = { style: { "font-size": "15px", "font-weight": "bold" } }, qt = ["onClick"], Ht = /* @__PURE__ */ de({
+const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt = { class: "icon-wrapper" }, Lt = { class: "user-wrapper" }, jt = { style: { "font-size": "11px", "font-weight": "bold" } }, Xt = { class: "user-popover-header" }, Yt = { style: { "font-size": "15px", "font-weight": "bold" } }, qt = ["onClick"], Ht = /* @__PURE__ */ pe({
   __name: "Header",
   props: {
     title: {},
@@ -471,7 +471,7 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
       ]);
     };
   }
-}), Ye = /* @__PURE__ */ re(Ht, [["__scopeId", "data-v-a9821cf9"]]), Jt = { class: "menu-icon-wrapper" }, zt = { class: "menu-icon-wrapper" }, Nt = /* @__PURE__ */ de({
+}), Ye = /* @__PURE__ */ re(Ht, [["__scopeId", "data-v-a9821cf9"]]), Jt = { class: "menu-icon-wrapper" }, zt = { class: "menu-icon-wrapper" }, Nt = /* @__PURE__ */ pe({
   __name: "SideMenuItem",
   props: {
     menu: {}
@@ -520,7 +520,7 @@ const Dt = { render: Vt }, Tt = { class: "header" }, Kt = { class: "right" }, Pt
       }, 8, ["index"]));
     };
   }
-}), Zt = /* @__PURE__ */ re(Nt, [["__scopeId", "data-v-e3b5500a"]]), ue = E({}), Wt = {}, $t = E([]), eo = {
+}), Zt = /* @__PURE__ */ re(Nt, [["__scopeId", "data-v-e3b5500a"]]), de = E({}), Wt = {}, $t = E([]), eo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",
   height: "32",
@@ -535,7 +535,7 @@ function to(s, a) {
     }, null, -1)
   ]));
 }
-const oo = { render: to }, ao = { class: "menu-wrapper" }, no = { class: "menu-button-wrapper" }, lo = /* @__PURE__ */ de({
+const oo = { render: to }, ao = { class: "menu-wrapper" }, no = { class: "menu-button-wrapper" }, lo = /* @__PURE__ */ pe({
   __name: "SideMenu",
   props: {
     menuCollapsed: { type: Boolean }
@@ -583,7 +583,7 @@ const oo = { render: to }, ao = { class: "menu-wrapper" }, no = { class: "menu-b
       ]);
     };
   }
-}), qe = /* @__PURE__ */ re(lo, [["__scopeId", "data-v-f9a7b402"]]), so = { class: "container" }, ro = /* @__PURE__ */ de({
+}), qe = /* @__PURE__ */ re(lo, [["__scopeId", "data-v-f9a7b402"]]), so = { class: "container" }, ro = /* @__PURE__ */ pe({
   __name: "ConsoleApp",
   props: {
     title: {},
@@ -657,7 +657,7 @@ function bo(s, a) {
   const o = y("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({
+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__ */ pe({
   __name: "TabCard",
   props: {
     cards: {},
@@ -742,7 +742,7 @@ const ke = (s) => {
 }, Eo = {
   key: 1,
   class: "view-span"
-}, So = /* @__PURE__ */ de({
+}, So = /* @__PURE__ */ pe({
   __name: "FormView",
   props: {
     id: {},
@@ -952,7 +952,7 @@ const ke = (s) => {
       ]);
     };
   }
-}), Je = /* @__PURE__ */ re(So, [["__scopeId", "data-v-aeba890e"]]), Mo = { class: "dialog-footer" }, Qo = { class: "operation-button-wrapper" }, xo = /* @__PURE__ */ de({
+}), Je = /* @__PURE__ */ re(So, [["__scopeId", "data-v-aeba890e"]]), Mo = { class: "dialog-footer" }, Qo = { class: "operation-button-wrapper" }, xo = /* @__PURE__ */ pe({
   __name: "FormDialog",
   props: {
     id: {},
@@ -1037,7 +1037,7 @@ const ke = (s) => {
       }, 8, ["model-value"]);
     };
   }
-}), ze = /* @__PURE__ */ re(xo, [["__scopeId", "data-v-d1628662"]]), Bo = { class: "toolbar" }, Uo = { class: "tool-buttons" }, Go = { class: "tool-buttons" }, Oo = { key: 1 }, Fo = /* @__PURE__ */ de({
+}), ze = /* @__PURE__ */ re(xo, [["__scopeId", "data-v-d1628662"]]), Bo = { class: "toolbar" }, Uo = { class: "tool-buttons" }, Go = { class: "tool-buttons" }, Oo = { key: 1 }, Fo = /* @__PURE__ */ pe({
   __name: "TableView",
   props: {
     model: {}
@@ -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 = 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"), ue = y("el-popconfirm"), me = y("el-table"), ye = y("el-pagination"), Ne = Ke("loading");
       return n(), U("div", {
         class: Te({ "table-view-wrapper": e.showPane })
       }, [
@@ -1342,7 +1342,7 @@ const ke = (s) => {
                     ]),
                     _: 2
                   }, 1032, ["onClick"]),
-                  d(pe, {
+                  d(ue, {
                     title: "Are you sure to delete this?",
                     onConfirm: (ge) => _(J.$index, J.row)
                   }, {
@@ -1420,7 +1420,7 @@ const ke = (s) => {
 }), Qe = /* @__PURE__ */ re(Fo, [["__scopeId", "data-v-d37a3022"]]), 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__ */ de({
+}, 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(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(), A = E(-1), V = E(), R = E(), X = E("summary"), P = E(""), z = E(""), D = E(""), O = E(0), k = le({
@@ -1430,9 +1430,9 @@ const ke = (s) => {
     let Y = [];
     he([
       () => g.currentRoute.value,
-      ue
+      de
     ], () => {
-      T();
+      console.log("model list changed", de), T();
     }, {
       immediate: !0,
       deep: !0
@@ -1490,15 +1490,17 @@ const ke = (s) => {
       var M, F, L;
       W.splice(0);
       const _ = o.params.model;
-      if (ue.value[_] === void 0)
+      if (de.value[_] === void 0) {
+        console.warn("Model not exist:", _);
         return;
+      }
       ke(k);
-      const w = Ce(ue.value[_]);
+      const w = Ce(de.value[_]);
       Object.assign(k, w), A.value = -1, X.value = "summary";
       const x = (F = (M = k.pageConfig) == null ? void 0 : M.detailPage) == null ? void 0 : F.tabs;
       if (x)
         for (let p of x) {
-          const S = Ce(ue.value[p.modelKey]);
+          const S = Ce(de.value[p.modelKey]);
           if (W.push(S), p.type === "table") {
             S.tableConfig || (S.tableConfig = {});
             let u = S.tableConfig;
@@ -1556,10 +1558,10 @@ const ke = (s) => {
         i("div", Ro, [
           d(M, null, {
             default: r(() => {
-              var j, pe;
+              var j, ue;
               return [
                 d(x, {
-                  to: { path: `/${(pe = (j = k == null ? void 0 : k.breadcrumbRoute) != null ? j : k == null ? void 0 : k.route) != null ? pe : ""}` }
+                  to: { path: `/${(ue = (j = k == null ? void 0 : k.breadcrumbRoute) != null ? j : k == null ? void 0 : k.route) != null ? ue : ""}` }
                 }, {
                   default: r(() => {
                     var me;
@@ -1603,9 +1605,9 @@ const ke = (s) => {
               dropdown: r(() => [
                 d(S, null, {
                   default: r(() => {
-                    var j, pe;
+                    var j, ue;
                     return [
-                      (n(!0), U(ee, null, se((pe = (j = k.pageConfig) == null ? void 0 : j.detailPage) == null ? void 0 : pe.operationButtons, (me) => (n(), I(p, {
+                      (n(!0), U(ee, null, se((ue = (j = k.pageConfig) == null ? void 0 : j.detailPage) == null ? void 0 : ue.operationButtons, (me) => (n(), I(p, {
                         onClick: (ye) => me.function(C.value.formData)
                       }, {
                         default: r(() => [
@@ -1667,7 +1669,7 @@ const ke = (s) => {
             onTabClick: q
           }, {
             default: r(() => {
-              var j, pe;
+              var j, ue;
               return [
                 d(f, {
                   label: v(a)("common.basic.summary"),
@@ -1685,7 +1687,7 @@ const ke = (s) => {
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                (n(!0), U(ee, null, se((pe = (j = k.pageConfig) == null ? void 0 : j.detailPage) == null ? void 0 : pe.tabs, (me) => {
+                (n(!0), U(ee, null, se((ue = (j = k.pageConfig) == null ? void 0 : j.detailPage) == null ? void 0 : ue.tabs, (me) => {
                   var ye;
                   return n(), I(f, {
                     label: v(a)((ye = me.name) != null ? ye : "")
@@ -1750,7 +1752,7 @@ const ke = (s) => {
       ], 64);
     };
   }
-}), Xo = /* @__PURE__ */ re(jo, [["__scopeId", "data-v-04564673"]]), Yo = { class: "page-title" }, qo = /* @__PURE__ */ de({
+}), Xo = /* @__PURE__ */ re(jo, [["__scopeId", "data-v-e255f44d"]]), Yo = { class: "page-title" }, qo = /* @__PURE__ */ pe({
   __name: "TablePage",
   setup(s) {
     const { t: a } = Ie(), o = _e(), g = Be(), t = E(), e = E([]), b = le({
@@ -1761,7 +1763,7 @@ const ke = (s) => {
       var V, R, X, P, z;
       e.value = [], b.pageConfig && ((R = (V = b.pageConfig) == null ? void 0 : V.tablePage) != null && R.tabViewAttributes) && (e.value = (z = (P = (X = b.pageConfig) == null ? void 0 : X.tablePage) == null ? void 0 : P.tabViewAttributes) == null ? void 0 : z.map((D) => {
         let O;
-        return D.modelKey && ue.value[D.modelKey] ? O = Ce(ue.value[D.modelKey]) : O = Ce(b), D.queryParams && (O.tableConfig || (O.tableConfig = {}), O.tableConfig.queryParams = D.queryParams), D.fields && (O.fields = D.fields), D.modelKey && (O.breadcrumbRoute = b.route), {
+        return D.modelKey && de.value[D.modelKey] ? O = Ce(de.value[D.modelKey]) : O = Ce(b), D.queryParams && (O.tableConfig || (O.tableConfig = {}), O.tableConfig.queryParams = D.queryParams), D.fields && (O.fields = D.fields), D.modelKey && (O.breadcrumbRoute = b.route), {
           key: D.key,
           label: D.label,
           icon: D.icon,
@@ -1772,19 +1774,19 @@ const ke = (s) => {
     }
     function A() {
       var X, P;
-      console.log("Init table page, loading model:", o.params.model), console.log("Current model list", ue.value);
+      console.log("Init table page, loading model:", o.params.model), console.log("Current model list", de.value);
       const V = o.params.model;
-      if (ue.value[V] === void 0) {
+      if (de.value[V] === void 0) {
         console.warn("Model not found", V);
         return;
       }
       ke(b);
-      const R = Ce(ue.value[V]);
+      const R = Ce(de.value[V]);
       Object.assign(b, R), (P = (X = b.pageConfig) == null ? void 0 : X.tablePage) != null && P.tabViewAttributes || Object.assign(c, b), C();
     }
     return he([
       () => g.currentRoute.value,
-      ue
+      de
     ], () => {
       A();
     }, {
@@ -1839,6 +1841,6 @@ export {
   Mt as en,
   Me as i18n,
   $t as menuList,
-  ue as modelList,
+  de as modelList,
   Qt as zh
 };