super-page-runtime 2.2.0 → 2.2.3

package/dist/es/components/runtime/views/assemblys/chart/table/table-runtime.vue2.js

@@ -1,68 +1,73 @@
-import { defineComponent as e, ref as o, onMounted as n, watch as t, resolveComponent as r, openBlock as a, createElementBlock as i, normalizeStyle as u, unref as l, normalizeClass as p, withDirectives as s, createVNode as c, vShow as g, withCtx as f, Fragment as d, renderList as m, createBlock as h, createCommentVNode as v, h as y } from "vue";
+import { defineComponent as e, ref as o, onMounted as n, watch as r, resolveComponent as t, openBlock as a, createElementBlock as i, normalizeStyle as u, unref as p, normalizeClass as l, withDirectives as s, createVNode as c, vShow as g, withCtx as f, Fragment as m, renderList as d, createBlock as h, createCommentVNode as v, h as y } from "vue";
 import C from "../common/common-chart-header.vue.js";
-import { getChartDatasFromPage as b, getValueFromVariable as x, isPromise as O, setValueForVariableName as S, updateChartDatasourcesByComponent as w, caculateShowCondition as j } from "../../../../utils/page-helper-util.js";
-import { getCustomFunc as F } from "../../../../utils/events/event-util.js";
-import k from "./group-column.vue.js";
-import E from "./normal-column.vue.js";
-import I from "./table-pageination.vue.js";
-import { getSummaryTitleColumn as R, getSummaryDataColumn as $, rowDataToColumn as T, getColumnToRowTableConfig as _, colDataToRow as z, computeFormula as D, summaryStatistics as H, replacePlaceholders as P, getHeaderCellStyleUtil as J, getRowStyleUtil as K, getCellStyleUtil as N, getIndexColumn as U } from "./chart-table-util.js";
-const V = e({ __name: "table-runtime", props: { configure: { type: Object, default: () => ({}) }, pageContext: { type: Object, default: () => ({}) } }, setup(e2, { expose: V2 }) {
+import { getSizeConfig as b, getChartDatasFromPage as x, getValueFromVariable as O, isPromise as S, setValueForVariableName as w, updateChartDatasourcesByComponent as j, caculateShowCondition as F } from "../../../../utils/page-helper-util.js";
+import { getCustomFunc as k } from "../../../../utils/events/event-util.js";
+import E from "./group-column.vue.js";
+import I from "./normal-column.vue.js";
+import R from "./table-pageination.vue.js";
+import { getSummaryTitleColumn as $, getSummaryDataColumn as H, rowDataToColumn as T, getColumnToRowTableConfig as _, colDataToRow as z, computeFormula as D, summaryStatistics as P, replacePlaceholders as K, getHeaderCellStyleUtil as N, getRowStyleUtil as A, getCellStyleUtil as J, getIndexColumn as U, formatColContent as V } from "./chart-table-util.js";
+import { deepCopy as G } from "../../../../utils/common-util.js";
+const L = e({ __name: "table-runtime", props: { configure: { type: Object, default: () => ({}) }, pageContext: { type: Object, default: () => ({}) } }, setup(e2, { expose: L2 }) {
   var _a;
-  const A = e2, G = A.configure.runtime ? A.configure.runtime : {}, L = G.style, q = G.class, B = G.dataConfig, M = G.headerInfo ? G.headerInfo : {}, Q = o(null), W = o(G.props.isEnableGroupHeader), X = o([]), Y = o([]), Z = o([]), ee = o({}), oe = o(false), ne = o({}), te = o({}), re = o({}), ae = [], ie = o({}), ue = o({}), le = o(null), pe = o(0);
-  let se = [];
-  function ce() {
-    const e3 = A.configure.props.dataOrigin.variable.match(/\${(.*?)}/), o2 = e3 ? e3[1].split(".") : [];
-    t(() => o2.reduce((e4, o3) => e4[o3], A.pageContext.entity), (e4) => {
-      e4 ? fe(JSON.parse(JSON.stringify(e4)), null) : (X.value = [], A.configure.props.modelCustom ? je(null) : W.value ? Z.value = A.configure.props.groupHeaders : Y.value = A.configure.items);
+  const q = e2, B = q.configure.runtime ? q.configure.runtime : {}, M = B.style, Q = B.class, W = B.dataConfig, X = B.headerInfo ? B.headerInfo : {}, Y = o(null), Z = o(B.props.isEnableGroupHeader), ee = o([]), oe = o([]), ne = o([]), re = o({}), te = o(false), ae = o({}), ie = o({}), ue = o({}), pe = [], le = o({}), se = o({}), ce = o(null), ge = o(0);
+  let fe, me = [];
+  q.configure.props.modelCustom || (Z.value ? ne.value = q.configure.props.groupHeaders : oe.value = q.configure.items, (_a = q.configure.items) == null ? void 0 : _a.forEach((e3) => {
+    re.value[e3.uuid] = e3, Object.keys(e3.style).length > 0 && (le.value[e3.props.base.prop] = { cellStyle: e3.style, titleStyle: e3.titleStyle }), e3.formula && "" !== e3.formula.trim() && (se.value[e3.props.base.prop] = e3.formula);
+  })), te.value = q.configure.props.base.showSummary, (te.value || q.configure.props.highOrder.groupField && q.configure.props.highOrder.groupField.length > 0) && (ae.value = $(q.configure), te.value && (ie.value = H(q.configure, "table")), q.configure.props.highOrder.groupField && q.configure.props.highOrder.groupField.length > 0 && (ue.value = H(q.configure, "group")));
+  let de = b(q.pageContext, q.configure);
+  function he() {
+    const e3 = q.configure.props.dataOrigin.variable.match(/\${(.*?)}/), o2 = e3 ? e3[1].split(".") : [];
+    r(() => o2.reduce((e4, o3) => e4[o3], q.pageContext.entity), (e4) => {
+      e4 ? ye(JSON.parse(JSON.stringify(e4)), null) : (ee.value = [], q.configure.props.modelCustom ? Re(null) : Z.value ? ne.value = q.configure.props.groupHeaders : oe.value = q.configure.items);
     });
   }
-  function ge(e3) {
+  function ve(e3) {
     e3 || (e3 = []), (e3 = e3.length > 0 ? e3[0] : {}) || (e3 = {}), e3.hasRender ? e3.hasRender = true : (!function(e4) {
-      je(e4), "service" === A.configure.props.dataOrigin.dataSource && e4.result ? se = e4.result[A.configure.props.dataOrigin.service.serviceDataField] : "variable" === A.configure.props.dataOrigin.dataSource && (ce(), se = x(A.pageContext.entity, A.configure.props.dataOrigin.variable));
-      se && fe(se, e4);
-    }(e3), e3.hasRender = true, B && (B.autoRefresh = false));
+      Re(e4), "service" === q.configure.props.dataOrigin.dataSource && e4.result ? me = e4.result[q.configure.props.dataOrigin.service.serviceDataField] : "variable" === q.configure.props.dataOrigin.dataSource && (he(), me = O(q.pageContext.entity, q.configure.props.dataOrigin.variable));
+      me && ye(me, e4);
+    }(e3), e3.hasRender = true, W && (W.autoRefresh = false));
   }
-  function fe(e3, o2) {
+  function ye(e3, o2) {
     var _a2;
-    if (de("rowToColumn")) {
-      if (e3 = T(e3, A.configure), !W.value) {
-        const o3 = function(e4, o4, n2, t2) {
-          const r2 = [...e4].filter((e5) => !n2.includes(e5.props.base.prop) && !t2.includes(e5.props.base.prop)), a2 = new RegExp(`(${t2.join("|")})$`), i2 = /* @__PURE__ */ new Set();
+    if (Ce("rowToColumn")) {
+      if (e3 = T(e3, q.configure), !Z.value) {
+        const o3 = function(e4, o4, n2, r2) {
+          const t2 = [...e4].filter((e5) => !n2.includes(e5.props.base.prop) && !r2.includes(e5.props.base.prop)), a2 = new RegExp(`(${r2.join("|")})$`), i2 = /* @__PURE__ */ new Set();
           return o4.forEach((e5) => {
             Object.keys(e5).forEach((e6) => {
-              if (t2.some((o5) => e6.includes(o5))) {
+              if (r2.some((o5) => e6.includes(o5))) {
                 const o5 = e6.split(a2)[0];
                 i2.add(o5);
               }
             });
           }), i2.forEach((e5) => {
-            t2.forEach((n3) => {
+            r2.forEach((n3) => {
               var _a3;
-              const t3 = (_a3 = Y.value.find((e6) => e6.props.base.prop === n3)) == null ? void 0 : _a3.props.base.name, a3 = { uuid: (/* @__PURE__ */ new Date()).getTime(), name: "", props: { base: { prop: `${e5}${n3}`, name: `${e5}${t3}`, displayOrder: r2.length + 1, sortable: true, headerAlign: "center", align: "center", fixed: false, visible: true, dataType: "number" == typeof o4[0][`${e5}${n3}`] ? "number" : "string" }, format: {}, size: { pc: {} } }, style: {}, componentIndex: 0, runtime: { common: { class: "", style: { pc_style: {}, pc_class: "" } } } };
-              r2.push(a3);
+              const r3 = (_a3 = oe.value.find((e6) => e6.props.base.prop === n3)) == null ? void 0 : _a3.props.base.name, a3 = { uuid: (/* @__PURE__ */ new Date()).getTime(), name: "", props: { base: { prop: `${e5}${n3}`, name: `${e5}${r3}`, displayOrder: t2.length + 1, sortable: true, headerAlign: "center", align: "center", fixed: false, visible: true, dataType: "number" == typeof o4[0][`${e5}${n3}`] ? "number" : "string" }, format: {}, size: { pc: {} } }, style: {}, componentIndex: 0, runtime: { common: { class: "", style: { pc_style: {}, pc_class: "" } } } };
+              t2.push(a3);
             });
-          }), r2;
-        }(Y.value, e3, A.configure.props.dataOrigin.rowToColumn.titleColumns, A.configure.props.dataOrigin.rowToColumn.dataColumns);
-        Y.value = o3;
+          }), t2;
+        }(oe.value, e3, q.configure.props.dataOrigin.rowToColumn.titleColumns, q.configure.props.dataOrigin.rowToColumn.dataColumns);
+        oe.value = o3;
       }
     } else
-      de("columnToRow") && (W.value || (Y.value = _(A.configure)), e3 = z(e3, A.configure));
-    if (A.configure.props.dataOrigin.dataFormatting) {
-      const o3 = F(A.pageContext, A.configure.props.dataOrigin.dataFormatting);
+      Ce("columnToRow") && (Z.value || (oe.value = _(q.configure)), e3 = z(e3, q.configure));
+    if (q.configure.props.dataOrigin.dataFormatting) {
+      const o3 = k(q.pageContext, q.configure.props.dataOrigin.dataFormatting);
       if (o3) {
         const n2 = o3.apply(o3, [{ tableData: e3 }]);
         n2 && (e3 = n2);
       }
     }
-    if (Object.keys(ue.value).length > 0 && e3 && e3.length > 0 && D(ue.value, e3, A.pageContext.entity), ((_a2 = A.configure.pageination) == null ? void 0 : _a2.enable) ? function(e4) {
-      "frontend" === A.configure.pageination.type ? (pe.value = se.length, Oe(1, A.configure.pageination.pageSize)) : "backend" === A.configure.pageination.type && (X.value = se, A.configure.pageination.totalFrom && (pe.value = e4.result[A.configure.pageination.totalFrom]));
-    }(o2) : X.value = e3, A.configure.props.highOrder.groupField && A.configure.props.highOrder.groupField.length > 0) {
-      const e4 = A.configure.props.highOrder.groupField;
-      X.value = function(e5, o3) {
+    if (Object.keys(se.value).length > 0 && e3 && e3.length > 0 && D(se.value, e3, q.pageContext.entity), ((_a2 = q.configure.pageination) == null ? void 0 : _a2.enable) ? function(e4) {
+      "frontend" === q.configure.pageination.type ? (ge.value = me.length, ke(1, q.configure.pageination.pageSize)) : "backend" === q.configure.pageination.type && (ee.value = me, q.configure.pageination.totalFrom && (ge.value = e4.result[q.configure.pageination.totalFrom]));
+    }(o2) : ee.value = e3, q.configure.props.highOrder.groupField && q.configure.props.highOrder.groupField.length > 0) {
+      const e4 = q.configure.props.highOrder.groupField;
+      ee.value = function(e5, o3) {
         var _a3, _b;
-        if (0 === re.value.length)
+        if (0 === ue.value.length)
           return e5;
-        const n2 = [], t2 = (_a3 = A.configure.items) == null ? void 0 : _a3.filter((e6) => o3.includes(e6.props.base.prop)), r2 = (_b = A.configure.items) == null ? void 0 : _b.filter((e6) => true === e6.props.base.groupSummary), a2 = {};
+        const n2 = [], r2 = (_a3 = q.configure.items) == null ? void 0 : _a3.filter((e6) => o3.includes(e6.props.base.prop)), t2 = (_b = q.configure.items) == null ? void 0 : _b.filter((e6) => true === e6.props.base.groupSummary), a2 = {};
         e5.forEach((e6) => {
           const n3 = o3.map((o4) => e6[o4]).join("|");
           a2[n3] || (a2[n3] = []), a2[n3].push(e6);
@@ -70,107 +75,126 @@ const V = e({ __name: "table-runtime", props: { configure: { type: Object, defau
         const i2 = Object.values(a2);
         for (let e6 = 0; e6 < i2.length; e6++) {
           const o4 = i2[e6], a3 = {};
-          r2 == null ? void 0 : r2.forEach((e7) => {
-            const n3 = e7.props.base.prop, t3 = H(re.value[n3], o4, n3, A.pageContext);
-            a3[n3] = t3;
-          }), n2.push(...o4), t2 == null ? void 0 : t2.forEach((e7) => {
+          t2 == null ? void 0 : t2.forEach((e7) => {
+            const n3 = e7.props.base.prop, r3 = P(ue.value[n3], o4, n3, q.pageContext);
+            a3[n3] = r3;
+          }), n2.push(...o4), r2 == null ? void 0 : r2.forEach((e7) => {
             const n3 = e7.props.base.prop;
-            a3[n3] = P(e7.props.base.summaryTitle, o4[0]);
-          }), n2.push(a3), ae.push(n2.length - 1);
+            a3[n3] = K(e7.props.base.summaryTitle, o4[0]);
+          }), n2.push(a3), pe.push(n2.length - 1);
         }
         return n2;
-      }(X.value, e4);
+      }(ee.value, e4);
     }
     !function(e4) {
-      if (A.configure.props.base.showIndex && -1 === e4.findIndex((e5) => "$index" === e5.props.base.prop)) {
+      if (q.configure.props.base.showIndex && -1 === e4.findIndex((e5) => "$index" === e5.props.base.prop)) {
         const o3 = U();
         o3 && e4.unshift(o3);
       }
-    }(Y.value);
+    }(oe.value);
   }
-  function de(e3) {
-    return A.configure.props.dataOrigin.transition === e3 && A.configure.props.dataOrigin.groupField && A.configure.props.dataOrigin.groupField.length > 0 && A.configure.props.dataOrigin[e3].titleColumns && A.configure.props.dataOrigin[e3].titleColumns.length > 0 && A.configure.props.dataOrigin[e3].dataColumns && A.configure.props.dataOrigin[e3].dataColumns.length > 0;
+  function Ce(e3) {
+    return q.configure.props.dataOrigin.transition === e3 && q.configure.props.dataOrigin.groupField && q.configure.props.dataOrigin.groupField.length > 0 && q.configure.props.dataOrigin[e3].titleColumns && q.configure.props.dataOrigin[e3].titleColumns.length > 0 && q.configure.props.dataOrigin[e3].dataColumns && q.configure.props.dataOrigin[e3].dataColumns.length > 0;
   }
-  function me(e3) {
-    const o2 = ie.value[e3.column.property] ? ie.value[e3.column.property].titleStyle : null, n2 = L == null ? void 0 : L.titleStyle;
-    return J(e3, { cellTitleStyle: o2, titleStyle: n2 }, A);
+  function be(e3) {
+    const o2 = le.value[e3.column.property] ? le.value[e3.column.property].titleStyle : null, n2 = M == null ? void 0 : M.titleStyle;
+    return N(e3, { cellTitleStyle: o2, titleStyle: n2 }, q);
   }
-  function he(e3) {
-    return K(e3, ae, A);
+  function xe(e3) {
+    return A(e3, pe, q);
   }
-  function ve(e3) {
-    const o2 = ie.value[e3.column.property] ? ie.value[e3.column.property].cellStyle : null;
-    return N(e3, o2, A);
+  function Oe(e3) {
+    const o2 = le.value[e3.column.property] ? le.value[e3.column.property].cellStyle : null;
+    return J(e3, o2, q);
   }
-  A.configure.props.modelCustom || (W.value ? Z.value = A.configure.props.groupHeaders : Y.value = A.configure.items, (_a = A.configure.items) == null ? void 0 : _a.forEach((e3) => {
-    ee.value[e3.uuid] = e3, Object.keys(e3.style).length > 0 && (ie.value[e3.props.base.prop] = { cellStyle: e3.style, titleStyle: e3.titleStyle }), e3.formula && "" !== e3.formula.trim() && (ue.value[e3.props.base.prop] = e3.formula);
-  })), oe.value = A.configure.props.base.showSummary, (oe.value || A.configure.props.highOrder.groupField && A.configure.props.highOrder.groupField.length > 0) && (ne.value = R(A.configure), oe.value && (te.value = $(A.configure, "table")), A.configure.props.highOrder.groupField && A.configure.props.highOrder.groupField.length > 0 && (re.value = $(A.configure, "group"))), n(() => {
-    const e3 = b(A.pageContext, A.configure);
+  de && de.maxHeight && (fe = de.maxHeight), !fe && de && de.fixHeight && (fe = de.fixHeight), fe && (fe = Number(fe + "")), n(() => {
+    const e3 = x(q.pageContext, q.configure);
     if (e3)
-      ge(e3);
-    else if ("variable" === A.configure.props.dataOrigin.dataSource) {
-      ce();
-      const o2 = x(A.pageContext.entity, A.configure.props.dataOrigin.variable);
-      o2 && fe(o2, e3);
+      ve(e3);
+    else if ("variable" === q.configure.props.dataOrigin.dataSource) {
+      he();
+      const o2 = O(q.pageContext.entity, q.configure.props.dataOrigin.variable);
+      o2 && ye(o2, e3);
     }
   });
-  const ye = (e3) => {
-    const { columns: o2, data: n2 } = e3, t2 = [];
+  const Se = (e3) => {
+    const { columns: o2, data: n2 } = e3, r2 = [];
     return o2.forEach((e4, o3) => {
-      if (ne.value[e4.property]) {
-        const r2 = ne.value[e4.property].label;
-        t2[o3] = y("div", {}, [P(r2, n2)]);
-      } else if (te.value[e4.property]) {
-        const r2 = n2.filter((e5, o4) => !ae.includes(o4));
-        t2[o3] = H(te.value[e4.property], r2, e4.property, A.pageContext);
+      if (ae.value[e4.property]) {
+        const t2 = ae.value[e4.property].label;
+        r2[o3] = y("div", {}, [K(t2, n2)]);
+      } else if (ie.value[e4.property]) {
+        const t2 = n2.filter((e5, o4) => !pe.includes(o4));
+        r2[o3] = P(ie.value[e4.property], t2, e4.property, q.pageContext);
       }
-    }), t2;
+    }), r2;
   };
-  function Ce({ row: e3, column: o2, rowIndex: n2, columnIndex: t2 }) {
-    const r2 = o2.property, a2 = A.configure.props.highOrder;
+  function we({ row: e3, column: o2, rowIndex: n2, columnIndex: r2 }) {
+    const t2 = o2.property, a2 = q.configure.props.highOrder;
     if (a2.scopeFunc) {
-      const r3 = F(A.pageContext, a2.scopeFunc);
-      if (r3) {
-        const a3 = r3.apply(r3, [{ tableData: X.value, row: e3, column: o2, rowIndex: n2, columnIndex: t2 }]);
+      const t3 = k(q.pageContext, a2.scopeFunc);
+      if (t3) {
+        const a3 = t3.apply(t3, [{ tableData: ee.value, row: e3, column: o2, rowIndex: n2, columnIndex: r2 }]);
         if (a3)
           return a3;
       }
-    } else if (a2 && a2.mergeColumn, a2 && a2.mergeRow && a2.mergeRow.includes(r2) && 0 === n2)
-      return { rowspan: X.value.length, colspan: 1 };
+    } else if (a2 && a2.mergeColumn, a2 && a2.mergeRow && a2.mergeRow.includes(t2) && 0 === n2)
+      return { rowspan: ee.value.length, colspan: 1 };
   }
-  function be(e3, o2) {
-    "frontend" === A.configure.pageination.type ? Oe(e3, o2) : Se(e3, o2);
+  function je(e3, o2) {
+    "frontend" === q.configure.pageination.type ? ke(e3, o2) : Ee(e3, o2);
   }
-  function xe(e3, o2) {
-    "frontend" === A.configure.pageination.type ? Oe(e3, o2) : Se(e3, o2);
+  function Fe(e3, o2) {
+    "frontend" === q.configure.pageination.type ? ke(e3, o2) : Ee(e3, o2);
   }
-  function Oe(e3, o2) {
-    se && (X.value = se.slice((e3 - 1) * o2, e3 * o2));
+  function ke(e3, o2) {
+    me && (ee.value = me.slice((e3 - 1) * o2, e3 * o2));
   }
-  function Se(e3, o2) {
-    A.configure.pageination.currentPageSet && S(A.pageContext.entity, A.configure.pageination.currentPageSet, e3), A.configure.pageination.pageSizeSet && S(A.pageContext.entity, A.configure.pageination.pageSizeSet, o2), w(A.pageContext, A.configure.uuid);
+  function Ee(e3, o2) {
+    q.configure.pageination.currentPageSet && w(q.pageContext.entity, q.configure.pageination.currentPageSet, e3), q.configure.pageination.pageSizeSet && w(q.pageContext.entity, q.configure.pageination.pageSizeSet, o2), j(q.pageContext, q.configure.uuid);
   }
-  function we(e3) {
+  function Ie(e3) {
     const o2 = e3.showCondition;
-    return j(A.pageContext, o2);
+    return F(q.pageContext, o2);
   }
-  function je(e3) {
-    if (A.configure.props.modelCustom) {
-      const o2 = F(A.pageContext, A.configure.props.modelCustom);
+  function Re(e3) {
+    if (q.configure.props.modelCustom) {
+      const o2 = k(q.pageContext, q.configure.props.modelCustom);
       if (o2) {
-        const n2 = o2.apply(o2, [{ pageContext: A.pageContext, configureObj: A.configure, value: e3 }]);
-        O(n2) ? n2.then((e4) => {
-          Y.value = e4.columns;
-        }) : Y.value = n2.columns;
+        const n2 = o2.apply(o2, [{ pageContext: q.pageContext, configureObj: q.configure, value: e3 }]);
+        S(n2) ? n2.then((e4) => {
+          oe.value = e4.columns;
+        }) : oe.value = n2.columns;
       }
     }
   }
-  return V2({ updateChartDatas: ge, exportChart: function() {
+  function $e(e3, o2, n2) {
+    e3.forEach((e4) => {
+      const r2 = e4.props.base.prop, t2 = e4.props.base.name;
+      let a2 = { name: r2, label: t2, i18nKey: t2 };
+      e4.children && e4.childern.length > 0 && (a2.children = [], $e(e4.children, a2.children, n2)), e4.props.format && e4.props.format.type && n2.push(e4), o2.push(a2);
+    });
+  }
+  return L2({ updateChartDatas: ve, exportChart: function() {
+    let e3 = [], o2 = [];
+    o2 = Z.value ? q.configure.props.groupHeaders : q.configure.items;
+    let n2 = [];
+    $e(o2, e3, n2);
+    return { isTable: true, dataArr: function(e4) {
+      let o3 = [];
+      ee.value && (o3 = G(ee.value), o3.forEach((o4) => {
+        e4.forEach((e5) => {
+          const n3 = V(o4, e5.props.format, e5, q.pageContext, q.configure);
+          o4[e5.props.base.prop] = n3;
+        });
+      }));
+      return o3;
+    }(n2), columns: e3 };
   } }), (o2, n2) => {
-    const t2 = r("el-table");
-    return a(), i("div", { style: u(l(L)), class: p([l(q), "amb-widget-chart"]), ref: "thisRef" }, [s(c(C, { ref_key: "headerRef", ref: Q, headerInfo: l(M), configure: e2.configure, pageContext: e2.pageContext }, null, 8, ["headerInfo", "configure", "pageContext"]), [[g, l(M).showHeader]]), c(t2, { ref_key: "gridRef", ref: le, data: X.value, style: { width: "100%" }, "header-cell-style": me, "row-style": he, "cell-style": ve, "show-summary": oe.value, stripe: e2.configure.props.base.stripe, "summary-method": ye, "span-method": Ce }, { default: f(() => [W.value ? (a(true), i(d, { key: 0 }, m(Z.value, (o3, n3) => (a(), i(d, { key: n3 }, [o3.isLeaf ? we(ee.value[o3.columnUuid]) ? (a(), h(E, { key: 1, configure: e2.configure, pageContext: e2.pageContext, column: ee.value[o3.columnUuid] }, null, 8, ["configure", "pageContext", "column"])) : v("", true) : (a(), h(k, { key: 0, configure: e2.configure, pageContext: e2.pageContext, groupColumn: o3, columnsConfigKeyValues: ee.value }, null, 8, ["configure", "pageContext", "groupColumn", "columnsConfigKeyValues"]))], 64))), 128)) : (a(true), i(d, { key: 1 }, m(Y.value, (o3, n3) => (a(), i(d, { key: n3 }, [we(o3) ? (a(), h(E, { key: 0, column: o3, configure: e2.configure, pageContext: e2.pageContext }, null, 8, ["column", "configure", "pageContext"])) : v("", true)], 64))), 128))]), _: 1 }, 8, ["data", "show-summary", "stripe"]), e2.configure.pageination && e2.configure.pageination.enable ? (a(), h(I, { key: 0, configure: e2.configure, "table-data": X.value, total: pe.value, onPageChange: be, onPageSizeChange: xe }, null, 8, ["configure", "table-data", "total"])) : v("", true)], 6);
+    const r2 = t("el-table");
+    return a(), i("div", { style: u(p(M)), class: l([p(Q), "amb-widget-chart"]), ref: "thisRef" }, [s(c(C, { ref_key: "headerRef", ref: Y, headerInfo: p(X), configure: e2.configure, pageContext: e2.pageContext }, null, 8, ["headerInfo", "configure", "pageContext"]), [[g, p(X).showHeader]]), c(r2, { ref_key: "gridRef", ref: ce, data: ee.value, style: { width: "100%" }, "max-height": p(fe), "header-cell-style": be, "row-style": xe, "cell-style": Oe, "show-summary": te.value, stripe: e2.configure.props.base.stripe, "summary-method": Se, "span-method": we }, { default: f(() => [Z.value ? (a(true), i(m, { key: 0 }, d(ne.value, (o3, n3) => (a(), i(m, { key: n3 }, [o3.isLeaf ? Ie(re.value[o3.columnUuid]) ? (a(), h(I, { key: 1, configure: e2.configure, pageContext: e2.pageContext, column: re.value[o3.columnUuid] }, null, 8, ["configure", "pageContext", "column"])) : v("", true) : (a(), h(E, { key: 0, configure: e2.configure, pageContext: e2.pageContext, groupColumn: o3, columnsConfigKeyValues: re.value }, null, 8, ["configure", "pageContext", "groupColumn", "columnsConfigKeyValues"]))], 64))), 128)) : (a(true), i(m, { key: 1 }, d(oe.value, (o3, n3) => (a(), i(m, { key: n3 }, [Ie(o3) ? (a(), h(I, { key: 0, column: o3, configure: e2.configure, pageContext: e2.pageContext }, null, 8, ["column", "configure", "pageContext"])) : v("", true)], 64))), 128))]), _: 1 }, 8, ["data", "max-height", "show-summary", "stripe"]), e2.configure.pageination && e2.configure.pageination.enable ? (a(), h(R, { key: 0, configure: e2.configure, "table-data": ee.value, total: ge.value, onPageChange: je, onPageSizeChange: Fe }, null, 8, ["configure", "table-data", "total"])) : v("", true)], 6);
   };
 } });
 export {
-  V as default
+  L as default
 };

package/dist/es/components/runtime/views/assemblys/data/table/main-table-runtime.vue.js

@@ -35,24 +35,23 @@ const H = e({ __name: "main-table-runtime", props: { pageContext: {}, configure:
       const t3 = $(e4.fieldName);
       t3 && t3.length > 1 && ne.push(t3[1]);
     }), ne.length > 0 && function() {
-      if (W.pageContext.toolsInputComponents && W.pageContext.toolsInputComponents.length > 0) {
-        let e4 = [];
-        if (W.pageContext.toolsInputComponents.forEach((t3) => {
-          if (G.props.linkages.some((e5) => e5.fieldName === t3.prop) && t3.defaultValue) {
-            const n3 = $(t3.prop);
-            n3 && n3.length > 1 && e4.push(n3[1]);
-          }
-        }), 0 === e4.length)
-          We();
-        else {
-          const t3 = ze();
-          e4 = e4.filter((e5) => T(t3, e5)), 0 === e4.length ? (Oe(t3), We()) : ne.forEach((t4) => {
-            o(() => W.pageContext.entity.page[t4], () => {
-              const t5 = ze();
-              0 === e4.length ? Oe(t5) : (e4 = e4.filter((e5) => T(t5, e5)), 0 === e4.length && Oe(t5));
-            }, { immediate: true });
-          });
+      let e4 = [];
+      W.pageContext.toolsInputComponents && W.pageContext.toolsInputComponents.length > 0 && W.pageContext.toolsInputComponents.forEach((t3) => {
+        if (G.props.linkages.some((e5) => e5.fieldName === t3.prop) && t3.defaultValue) {
+          const n3 = $(t3.prop);
+          n3 && n3.length > 1 && e4.push(n3[1]);
         }
+      });
+      if (0 === e4.length)
+        We();
+      else {
+        const t3 = ze();
+        e4 = e4.filter((e5) => T(t3, e5)), 0 === e4.length ? (Oe(t3), We()) : ne.forEach((t4) => {
+          o(() => W.pageContext.entity.page[t4], () => {
+            const t5 = ze();
+            0 === e4.length ? Oe(t5) : (e4 = e4.filter((e5) => T(t5, e5)), 0 === e4.length && Oe(t5));
+          }, { immediate: true });
+        });
       }
     }());
     return function(e4) {