super-page-runtime 2.2.0 → 2.2.1

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as a, resolveComponent as t, openBlock as n, createElementBlock as p, createVNode as l } from "vue";
+import { defineComponent as e, ref as a, resolveComponent as t, createElementBlock as n, openBlock as p, createVNode as l } from "vue";
 const u = { style: { padding: "5px", "text-align": "center" } }, g = e({ __name: "table-pageination", props: { configure: { type: Object, default: () => ({}) }, pageContext: { type: Object, default: () => ({}) }, column: { type: Object, default: () => ({}) }, total: { type: Number, default: 0 } }, emits: ["pageChange", "pageSizeChange"], setup(e2, { emit: g2 }) {
   const i = e2, o = g2, r = a(1), s = a(i.configure.pageination.pageSize), c = (e3) => {
     r.value = e3, o("pageChange", r.value, s.value);
@@ -7,7 +7,7 @@ const u = { style: { padding: "5px", "text-align": "center" } }, g = e({ __name:
   };
   return (a2, g3) => {
     const i2 = t("el-pagination");
-    return n(), p("div", u, [l(i2, { "current-page": r.value, "onUpdate:currentPage": g3[0] || (g3[0] = (e3) => r.value = e3), "page-size": s.value, "onUpdate:pageSize": g3[1] || (g3[1] = (e3) => s.value = e3), "page-sizes": [10, 30, 50, 100], size: "small", layout: "total, sizes, prev, pager, next, jumper", total: e2.total, onCurrentChange: c, onSizeChange: v }, null, 8, ["current-page", "page-size", "total"])]);
+    return p(), n("div", u, [l(i2, { "current-page": r.value, "onUpdate:currentPage": g3[0] || (g3[0] = (e3) => r.value = e3), "page-size": s.value, "onUpdate:pageSize": g3[1] || (g3[1] = (e3) => s.value = e3), "page-sizes": [10, 30, 50, 100], size: "small", layout: "total, sizes, prev, pager, next, jumper", total: e2.total, onCurrentChange: c, onSizeChange: v }, null, 8, ["current-page", "page-size", "total"])]);
   };
 } });
 export {

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

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

package/dist/es/components/runtime/views/assemblys/common/export-form-report-dialog.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     configure: {
         type: ObjectConstructor;
         required: true;
@@ -6,7 +6,7 @@ declare const _default: import('vue').DefineComponent<{
     pageContext: {
         type: ObjectConstructor;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     export: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -17,8 +17,8 @@ declare const _default: import('vue').DefineComponent<{
     pageContext: {
         type: ObjectConstructor;
     };
-}>> & {
+}>> & Readonly<{
     onClose?: (...args: any[]) => any;
     onExport?: (...args: any[]) => any;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/components/runtime/views/assemblys/common/export-form-report-dialog.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, onMounted as a, resolveComponent as l, openBlock as o, createBlock as p, withCtx as r, createVNode as s, createTextVNode as u, toDisplayString as i } from "vue";
+import { defineComponent as e, ref as t, onMounted as a, resolveComponent as l, createBlock as o, openBlock as p, withCtx as r, createVNode as s, createTextVNode as u, toDisplayString as i } from "vue";
 import { packageTemplateFiles as n } from "../../../utils/common-util.js";
 const m = "${", d = "}", c = e({ __name: "export-form-report-dialog", props: { configure: { type: Object, required: true }, pageContext: { type: Object } }, emits: ["export", "close"], setup(e2, { emit: c2 }) {
   const g = e2, f = c2, b = t([]), h = t([]), x = g.configure.props.base, v = g.pageContext.entity.data;
@@ -21,7 +21,7 @@ const m = "${", d = "}", c = e({ __name: "export-form-report-dialog", props: { c
     });
   }), (e3, t2) => {
     const a2 = l("el-table-column"), n2 = l("el-button"), m2 = l("el-table"), d2 = l("el-dialog");
-    return o(), p(d2, { "show-close": true, "append-to-body": true, title: e3.$t("superPageRuntimeMessage.selectTemplate"), "model-value": "", onClose: y }, { default: r(() => [s(m2, { data: b.value, style: { width: "100%" } }, { default: r(() => [s(a2, { label: e3.$t("superPageRuntimeMessage.temlpate"), prop: "templateShowPath" }, { default: r((e4) => [u(i(e4.row.templateName), 1)]), _: 1 }, 8, ["label"]), s(a2, { label: e3.$t("superPageRuntimeMessage.operating"), width: "200", fixed: "right" }, { default: r((t3) => [s(n2, { type: "text", size: "small", onClick: (e4) => {
+    return p(), o(d2, { "show-close": true, "append-to-body": true, title: e3.$t("superPageRuntimeMessage.selectTemplate"), "model-value": "", onClose: y }, { default: r(() => [s(m2, { data: b.value, style: { width: "100%" } }, { default: r(() => [s(a2, { label: e3.$t("superPageRuntimeMessage.temlpate"), prop: "templateShowPath" }, { default: r((e4) => [u(i(e4.row.templateName), 1)]), _: 1 }, 8, ["label"]), s(a2, { label: e3.$t("superPageRuntimeMessage.operating"), width: "200", fixed: "right" }, { default: r((t3) => [s(n2, { type: "text", size: "small", onClick: (e4) => {
       return a3 = t3.row, void f("export", g.configure, a3);
       var a3;
     } }, { default: r(() => [u(i(e3.$t("superPageRuntimeMessage.export")), 1)]), _: 2 }, 1032, ["onClick"])]), _: 1 }, 8, ["label"])]), _: 1 }, 8, ["data"])]), _: 1 }, 8, ["title"]);

package/dist/es/components/runtime/views/assemblys/common/remove-signer-dialog.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     taskId: {
         type: NumberConstructor;
         default: any;
@@ -7,9 +7,9 @@ declare const _default: import('vue').DefineComponent<{
         type: ArrayConstructor;
         default: any;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    result: (...args: any[]) => void;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
+    result: (...args: any[]) => void;
     open: (...args: any[]) => void;
     opend: (...args: any[]) => void;
     closed: (...args: any[]) => void;
@@ -22,14 +22,14 @@ declare const _default: import('vue').DefineComponent<{
         type: ArrayConstructor;
         default: any;
     };
-}>> & {
+}>> & Readonly<{
     onClose?: (...args: any[]) => any;
     onResult?: (...args: any[]) => any;
     onOpen?: (...args: any[]) => any;
     onOpend?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
-}, {
+}>, {
     taskId: number;
     activeTasks: unknown[];
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/components/runtime/views/assemblys/common/remove-signer-dialog.vue.js

@@ -1,24 +1,22 @@
-import { defineComponent as e, ref as t, onMounted as l, resolveComponent as a, openBlock as s, createElementBlock as o, createVNode as n, withCtx as r, createElementVNode as u, createTextVNode as i, toDisplayString as d } from "vue";
+import { defineComponent as e, ref as t, onMounted as l, resolveComponent as a, createElementBlock as s, openBlock as o, createVNode as n, withCtx as r, createElementVNode as u, createTextVNode as i, toDisplayString as d } from "vue";
 import { ElMessage as p } from "element-plus";
 import { useI18n as m } from "vue-i18n";
 const c = { class: "dialog-footer" }, g = e({ __name: "remove-signer-dialog", props: { taskId: { type: Number, default: null }, activeTasks: { type: Array, default: null } }, emits: ["open", "opend", "close", "closed", "result"], setup(e2, { emit: g2 }) {
-  m();
-  const f = e2, v = g2, b = t([]), h = t([]);
-  function k(e3) {
-    b.value = e3;
+  const { t: f } = m(), v = e2, b = g2, h = t([]), k = t([]);
+  function y(e3) {
+    h.value = e3;
   }
-  function y() {
-    0 !== b.value.length ? v("result", b.value) : p({ showClose: true, type: "warning", message: this.$t("superPageRuntimeMessage.pleaseSelectRemoverUsers") });
+  function R() {
+    0 !== h.value.length ? b("result", h.value) : p({ showClose: true, type: "warning", message: this.$t("superPageRuntimeMessage.pleaseSelectRemoverUsers") });
   }
   return l(() => {
-    h.value = function() {
-      if (f.activeTasks && f.taskId)
-        return f.activeTasks.filter((e3) => f.taskId !== e3.id ? e3.id : e3.ID ? e3.ID : null);
+    k.value = function() {
+      if (v.activeTasks && v.taskId) return v.activeTasks.filter((e3) => v.taskId !== e3.id ? e3.id : e3.ID ? e3.ID : null);
       return [];
     }();
   }), (e3, t2) => {
     const l2 = a("el-table-column"), p2 = a("el-table"), m2 = a("el-button"), g3 = a("el-dialog");
-    return s(), o("div", null, [n(g3, { "model-value": "", title: e3.$t("superPageRuntimeMessage.selectRemoveUsers"), "close-on-click-modal": false, "append-to-body": "", width: "30%", "max-height": "400", onOpen: t2[1] || (t2[1] = (e4) => v("open")), onOpend: t2[2] || (t2[2] = (e4) => v("opend")), onClose: t2[3] || (t2[3] = (e4) => v("close")), onClosed: t2[4] || (t2[4] = (e4) => v("closed")) }, { footer: r(() => [u("div", c, [n(m2, { type: "primary", onClick: y }, { default: r(() => [i(d(e3.$t("superPageRuntimeMessage.sure")), 1)]), _: 1 }), n(m2, { onClick: t2[0] || (t2[0] = (t3) => e3.$emit("close")) }, { default: r(() => [i(d(e3.$t("superPageRuntimeMessage.cancel")), 1)]), _: 1 })])]), default: r(() => [n(p2, { data: h.value, border: "", style: { width: "100%" }, onSelect: k }, { default: r(() => [n(l2, { type: "selection", width: "55" }), n(l2, { prop: "transactorName", label: e3.$t("superPageRuntimeMessage.transactorName"), width: "180" }, null, 8, ["label"]), n(l2, { prop: "transactor", label: e3.$t("superPageRuntimeMessage.transactor"), width: "180" }, null, 8, ["label"]), n(l2, { prop: "trustorName", label: e3.$t("superPageRuntimeMessage.trustorName"), width: "180" }, null, 8, ["label"])]), _: 1 }, 8, ["data"])]), _: 1 }, 8, ["title"])]);
+    return o(), s("div", null, [n(g3, { "model-value": "", title: e3.$t("superPageRuntimeMessage.selectRemoveUsers"), "close-on-click-modal": false, "append-to-body": "", width: "30%", "max-height": "400", onOpen: t2[1] || (t2[1] = (e4) => b("open")), onOpend: t2[2] || (t2[2] = (e4) => b("opend")), onClose: t2[3] || (t2[3] = (e4) => b("close")), onClosed: t2[4] || (t2[4] = (e4) => b("closed")) }, { footer: r(() => [u("div", c, [n(m2, { type: "primary", onClick: R }, { default: r(() => [i(d(e3.$t("superPageRuntimeMessage.sure")), 1)]), _: 1 }), n(m2, { onClick: t2[0] || (t2[0] = (t3) => e3.$emit("close")) }, { default: r(() => [i(d(e3.$t("superPageRuntimeMessage.cancel")), 1)]), _: 1 })])]), default: r(() => [n(p2, { data: k.value, border: "", style: { width: "100%" }, onSelect: y }, { default: r(() => [n(l2, { type: "selection", width: "55" }), n(l2, { prop: "transactorName", label: e3.$t("superPageRuntimeMessage.transactorName"), width: "180" }, null, 8, ["label"]), n(l2, { prop: "transactor", label: e3.$t("superPageRuntimeMessage.transactor"), width: "180" }, null, 8, ["label"]), n(l2, { prop: "trustorName", label: e3.$t("superPageRuntimeMessage.trustorName"), width: "180" }, null, 8, ["label"])]), _: 1 }, 8, ["data"])]), _: 1 }, 8, ["title"])]);
   };
 } });
 export {

package/dist/es/components/runtime/views/assemblys/common/task-informition-dialog.vue.d.ts

@@ -1,11 +1,11 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     taskInformitions: {
         type: ArrayConstructor;
         default: any;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    result: (...args: any[]) => void;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
+    result: (...args: any[]) => void;
     open: (...args: any[]) => void;
     opend: (...args: any[]) => void;
     closed: (...args: any[]) => void;
@@ -14,13 +14,13 @@ declare const _default: import('vue').DefineComponent<{
         type: ArrayConstructor;
         default: any;
     };
-}>> & {
+}>> & Readonly<{
     onClose?: (...args: any[]) => any;
     onResult?: (...args: any[]) => any;
     onOpen?: (...args: any[]) => any;
     onOpend?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
-}, {
+}>, {
     taskInformitions: unknown[];
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/components/runtime/views/assemblys/common/task-informition-dialog.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, resolveComponent as l, openBlock as o, createElementBlock as n, createVNode as a, withCtx as s, createElementVNode as i, createTextVNode as u, toDisplayString as d } from "vue";
+import { defineComponent as e, ref as t, resolveComponent as l, createElementBlock as o, openBlock as n, createVNode as a, withCtx as s, createElementVNode as i, createTextVNode as u, toDisplayString as d } from "vue";
 import { ElMessage as r } from "element-plus";
 import { useI18n as p } from "vue-i18n";
 const m = { class: "dialog-footer" }, c = e({ __name: "task-informition-dialog", props: { taskInformitions: { type: Array, default: null } }, emits: ["open", "opend", "close", "closed", "result"], setup(e2, { emit: c2 }) {
@@ -11,7 +11,7 @@ const m = { class: "dialog-footer" }, c = e({ __name: "task-informition-dialog",
   }
   return (t2, r2) => {
     const p2 = l("el-table-column"), c3 = l("el-table"), g2 = l("el-button"), h2 = l("el-dialog");
-    return o(), n("div", null, [a(h2, { "model-value": "", title: t2.$t("superPageRuntimeMessage.selectNode"), "close-on-click-modal": false, "append-to-body": "", width: "30%", "max-height": "400", onOpen: r2[1] || (r2[1] = (e3) => f("open")), onOpend: r2[2] || (r2[2] = (e3) => f("opend")), onClose: r2[3] || (r2[3] = (e3) => f("close")), onClosed: r2[4] || (r2[4] = (e3) => f("closed")) }, { footer: s(() => [i("div", m, [a(g2, { type: "primary", onClick: b }, { default: s(() => [u(d(t2.$t("superPageRuntimeMessage.sure")), 1)]), _: 1 }), a(g2, { onClick: r2[0] || (r2[0] = (e3) => f("close")) }, { default: s(() => [u(d(t2.$t("superPageRuntimeMessage.cancel")), 1)]), _: 1 })])]), default: s(() => [a(c3, { data: e2.taskInformitions, border: "", style: { width: "100%" }, onSelect: v }, { default: s(() => [a(p2, { type: "selection", width: "55" }), a(p2, { prop: "nodeName", label: t2.$t("superPageRuntimeMessage.nodeName"), width: "180" }, null, 8, ["label"]), a(p2, { prop: "nodeId", label: t2.$t("superPageRuntimeMessage.nodeId"), width: "180" }, null, 8, ["label"])]), _: 1 }, 8, ["data"])]), _: 1 }, 8, ["title"])]);
+    return n(), o("div", null, [a(h2, { "model-value": "", title: t2.$t("superPageRuntimeMessage.selectNode"), "close-on-click-modal": false, "append-to-body": "", width: "30%", "max-height": "400", onOpen: r2[1] || (r2[1] = (e3) => f("open")), onOpend: r2[2] || (r2[2] = (e3) => f("opend")), onClose: r2[3] || (r2[3] = (e3) => f("close")), onClosed: r2[4] || (r2[4] = (e3) => f("closed")) }, { footer: s(() => [i("div", m, [a(g2, { type: "primary", onClick: b }, { default: s(() => [u(d(t2.$t("superPageRuntimeMessage.sure")), 1)]), _: 1 }), a(g2, { onClick: r2[0] || (r2[0] = (e3) => f("close")) }, { default: s(() => [u(d(t2.$t("superPageRuntimeMessage.cancel")), 1)]), _: 1 })])]), default: s(() => [a(c3, { data: e2.taskInformitions, border: "", style: { width: "100%" }, onSelect: v }, { default: s(() => [a(p2, { type: "selection", width: "55" }), a(p2, { prop: "nodeName", label: t2.$t("superPageRuntimeMessage.nodeName"), width: "180" }, null, 8, ["label"]), a(p2, { prop: "nodeId", label: t2.$t("superPageRuntimeMessage.nodeId"), width: "180" }, null, 8, ["label"])]), _: 1 }, 8, ["data"])]), _: 1 }, 8, ["title"])]);
   };
 } });
 export {

package/dist/es/components/runtime/views/assemblys/container/card/card-runtime.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, onMounted as o, nextTick as n, openBlock as i, createBlock as r, unref as u, normalizeStyle as p, normalizeClass as s, createSlots as l, withCtx as c, createElementVNode as a, createElementBlock as f, Fragment as g, renderList as m, createCommentVNode as y, createTextVNode as d, toDisplayString as x } from "vue";
+import { defineComponent as e, ref as t, onMounted as o, nextTick as n, createBlock as i, openBlock as r, unref as u, normalizeClass as p, normalizeStyle as s, createSlots as l, withCtx as c, createElementVNode as a, createElementBlock as f, Fragment as g, renderList as m, createCommentVNode as y, createTextVNode as d, toDisplayString as x } from "vue";
 import { ElCard as v } from "element-plus";
 import { SuperIcon as C } from "agilebuilder-ui";
 import h from "../../object-render.vue.js";
@@ -14,7 +14,7 @@ const k = e({ __name: "card-runtime", props: { pageContext: {}, configure: {} },
     });
   }), k2({ test: function() {
     T.configure.props.title = "teee";
-  } }), (e3, t2) => (i(), r(u(v), { ref_key: "thisRef", ref: V, style: p([u(S), { "margin-top": "20px" }]), class: s(u(R)) }, l({ default: c(() => [a("div", { style: p(u(D)) }, [(i(true), f(g, null, m(e3.configure.items, (t3, o2) => (i(), r(h, { key: t3.uuid, pageContext: e3.pageContext, configure: t3 }, null, 8, ["pageContext", "configure"]))), 128))], 4)]), _: 2 }, [e3.configure.props.base.tittleShow ? { name: "header", fn: c(() => [a("div", { style: p(u(w)) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (i(), r(u(C), { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : y("", true), d(" " + x(u(b)(e3.configure.props.base.title)), 1)], 4)]), key: "0" } : void 0]), 1032, ["style", "class"]));
+  } }), (e3, t2) => (r(), i(u(v), { ref_key: "thisRef", ref: V, style: s([u(S), { "margin-top": "20px" }]), class: p(u(R)) }, l({ default: c(() => [a("div", { style: s(u(D)) }, [(r(true), f(g, null, m(e3.configure.items, (t3, o2) => (r(), i(h, { key: t3.uuid, pageContext: e3.pageContext, configure: t3 }, null, 8, ["pageContext", "configure"]))), 128))], 4)]), _: 2 }, [e3.configure.props.base.tittleShow ? { name: "header", fn: c(() => [a("div", { style: s(u(w)) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (r(), i(u(C), { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : y("", true), d(" " + x(u(b)(e3.configure.props.base.title)), 1)], 4)]), key: "0" } : void 0]), 1032, ["style", "class"]));
 } });
 export {
   k as default

package/dist/es/components/runtime/views/assemblys/container/collapse/collapse-runtime.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, onMounted as n, nextTick as o, resolveComponent as l, openBlock as i, createBlock as u, unref as r, isRef as a, normalizeStyle as p, normalizeClass as s, withCtx as c, createElementBlock as f, Fragment as g, renderList as m, createElementVNode as d, createCommentVNode as y, createTextVNode as x, toDisplayString as v } from "vue";
+import { defineComponent as e, ref as t, onMounted as n, nextTick as o, resolveComponent as l, createBlock as i, openBlock as u, normalizeClass as r, unref as a, normalizeStyle as p, isRef as s, withCtx as c, createElementBlock as f, Fragment as g, renderList as m, createElementVNode as d, createCommentVNode as y, createTextVNode as x, toDisplayString as v } from "vue";
 import C from "../../object-render.vue.js";
 import "../../../../utils/global-refs.js";
 import { $t as V } from "../../../../utils/i18n-util.js";
@@ -13,7 +13,7 @@ const _ = e({ __name: "collapse-runtime", props: { pageContext: {}, configure: {
     });
   }), (e3, t2) => {
     const n2 = l("SuperIcon"), o2 = l("el-collapse-item"), j2 = l("el-collapse");
-    return i(), u(j2, { ref_key: "thisRef", ref: b, modelValue: r(h), "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => a(h) ? h.value = e4 : null), style: p(r(O)), accordion: r(T), class: s(r(R)) }, { default: c(() => [(i(true), f(g, null, m(e3.configure.items, (t3, l2) => (i(), u(o2, { name: t3.index }, { title: c(() => [d("div", { style: p([r(S), { width: "100%" }]) }, [t3.iconType && t3.iconValue ? (i(), u(n2, { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : y("", true), x(" " + v(r(V)(t3.label)), 1)], 4)]), default: c(() => [d("div", null, [(i(true), f(g, null, m(t3.items, (t4, n3) => (i(), u(C, { key: t4.uuid, configure: t4, pageContext: e3.pageContext }, null, 8, ["configure", "pageContext"]))), 128))])]), _: 2 }, 1032, ["name"]))), 256))]), _: 1 }, 8, ["modelValue", "style", "accordion", "class"]);
+    return u(), i(j2, { ref_key: "thisRef", ref: b, modelValue: a(h), "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => s(h) ? h.value = e4 : null), style: p(a(O)), accordion: a(T), class: r(a(R)) }, { default: c(() => [(u(true), f(g, null, m(e3.configure.items, (t3, l2) => (u(), i(o2, { name: t3.index }, { title: c(() => [d("div", { style: p([a(S), { width: "100%" }]) }, [t3.iconType && t3.iconValue ? (u(), i(n2, { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : y("", true), x(" " + v(a(V)(t3.label)), 1)], 4)]), default: c(() => [d("div", null, [(u(true), f(g, null, m(t3.items, (t4, n3) => (u(), i(C, { key: t4.uuid, configure: t4, pageContext: e3.pageContext }, null, 8, ["configure", "pageContext"]))), 128))])]), _: 2 }, 1032, ["name"]))), 256))]), _: 1 }, 8, ["modelValue", "style", "accordion", "class"]);
   };
 } });
 export {