super-page-runtime 2.1.48 → 2.1.50-temp1

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

@@ -0,0 +1,247 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, createTextVNode, toDisplayString, resolveDynamicComponent, createVNode, normalizeClass, createCommentVNode, createElementVNode } from "vue";
+import { getCustomFunc } from "../../../../utils/events/event-util.js";
+import eventBus from "../../../../utils/eventBus.js";
+import { ExpressionEvaluator } from "./chart-table-util.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = { key: 3 };
+const _hoisted_4 = { key: 2 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "normal-column",
+  props: {
+    configure: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    pageContext: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    column: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const resloveLinkText = ref(false);
+    let toPage = null;
+    if (props.column.linkPage && props.column.linkPage.length > 0) {
+      resloveLinkText.value = true;
+    }
+    function formatter(row, column, cellValue, index) {
+      console.log("formatter", row);
+    }
+    function showLink(row) {
+      var _a;
+      const show = (_a = props.column.linkPage) == null ? void 0 : _a.some((item) => {
+        let canShow = false;
+        if (item.scopeFunc) {
+          const func = getCustomFunc(props.pageContext, item.scopeFunc);
+          if (func) {
+            const result = func.apply(func, [
+              {
+                pageContext: props.pageContext,
+                configureObj: props.configure,
+                row
+              }
+            ]);
+            if (result) {
+              canShow = true;
+            }
+          }
+        } else if (item.showCondition && item.showCondition.length > 0) {
+          const result = ExpressionEvaluator.evaluate(props.pageContext, item.showCondition, row);
+          if (result) {
+            canShow = true;
+          }
+        } else {
+          canShow = true;
+        }
+        if (canShow) {
+          toPage = item;
+          return true;
+        }
+      });
+      return show;
+    }
+    function clickLink(row) {
+      if (toPage) {
+        const myPageCode = props.pageContext.code;
+        const eventPageInfo = myPageCode + "_";
+        const linkPage = JSON.parse(JSON.stringify(toPage));
+        linkPage.base = {
+          successOperation: "closeWindow"
+        };
+        const eventParams = {
+          id: row.id ? row["id"] : row["ID"],
+          selections: [row]
+        };
+        eventBus.$emit(eventPageInfo + "open-dialog", {
+          pageContext: props.pageContext,
+          configureObj: { props: linkPage },
+          eventParams
+        });
+      }
+    }
+    function formatContent(row, format) {
+      console.log("formatContent", row, format);
+      const value = row[props.column.props.base.prop];
+      switch (format.type) {
+        case "number":
+          return formatNumber(value, format);
+        case "currency":
+          return formatCurrency(value, format);
+        case "percent":
+          return formatPercent(value, format);
+        case "custom":
+          return formatCustomFunc(row, format);
+        default:
+          return value;
+      }
+    }
+    function formatNumber(value, format) {
+      let formattedValue = value;
+      if (!formattedValue) {
+        formattedValue = 0;
+      }
+      if (format.scientific) {
+        formattedValue = Number(value).toExponential(format.scientificNum);
+      }
+      if (format.decimalDigit) {
+        formattedValue = Number(value).toFixed(format.decimalDigit);
+      }
+      if (format.thousandsSeparator) {
+        formattedValue = formattedValue.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+      }
+      if (format.symbol) {
+        formattedValue = `${format.symbol} ${formattedValue}`;
+      }
+      return formattedValue;
+    }
+    function formatCurrency(value, format) {
+      let formattedValue = value;
+      if (!formattedValue) {
+        formattedValue = 0;
+      }
+      if (format.decimalDigit) {
+        formattedValue = Number(value).toFixed(format.decimalDigit);
+      }
+      if (format.symbol) {
+        formattedValue = `${format.symbol} ${formattedValue}`;
+      }
+      return formattedValue;
+    }
+    function formatPercent(value, format) {
+      let formattedValue = value;
+      if (!formattedValue) {
+        formattedValue = 0;
+      }
+      if (format.decimalDigit) {
+        formattedValue = Number(value).toFixed(format.decimalDigit);
+      }
+      return formattedValue + " %";
+    }
+    function formatCustomFunc(row, format) {
+      const func = getCustomFunc(props.pageContext, format.customFunc);
+      if (func) {
+        const resultValue = func.apply(func, [
+          {
+            pageContext: props.pageContext,
+            configureObj: props.configure,
+            row,
+            prop: props.column.props.base.prop
+          }
+        ]);
+        return resultValue;
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_progress = resolveComponent("el-progress");
+      const _component_el_tag = resolveComponent("el-tag");
+      const _component_el_link = resolveComponent("el-link");
+      return __props.column.props.base.prop === "$index" ? (openBlock(), createBlock(_component_el_table_column, {
+        key: 0,
+        label: __props.column.props.base.name,
+        type: "index",
+        align: "center",
+        "header-align": "center",
+        width: "80"
+      }, null, 8, ["label"])) : (openBlock(), createBlock(_component_el_table_column, {
+        key: 1,
+        prop: __props.column.props.base.prop,
+        width: __props.column.props.base.width ? __props.column.props.base.width : "",
+        label: __props.column.props.base.name,
+        "header-align": __props.column.props.base.headerAlign,
+        align: __props.column.props.base.align,
+        fixed: __props.column.props.base.fixed ? __props.column.props.base.fixed : false,
+        formatter
+      }, {
+        default: withCtx((scope) => [
+          __props.column.props.format && __props.column.props.format.type ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createTextVNode(toDisplayString(__props.column.props.format.status) + " ", 1),
+            __props.column.props.format.type === "customControl" ? (openBlock(), createBlock(resolveDynamicComponent(__props.column.props.format.customControl), {
+              key: 0,
+              scope,
+              column: __props.column,
+              configure: __props.configure,
+              pageContext: __props.pageContext
+            }, null, 8, ["scope", "column", "configure", "pageContext"])) : __props.column.props.format.type === "progress" ? (openBlock(), createBlock(_component_el_progress, {
+              key: 1,
+              type: __props.column.props.format.progressType,
+              percentage: scope.row[__props.column.props.base.prop],
+              status: __props.column.props.format.status,
+              "text-inside": __props.column.props.format.showText,
+              "stroke-width": __props.column.props.format.strokeWidth,
+              color: __props.column.props.format.colorType === "custom" ? __props.column.props.format.color : ""
+            }, null, 8, ["type", "percentage", "status", "text-inside", "stroke-width", "color"])) : __props.column.props.format.type === "icon" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+              __props.column.props.format.isTag ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                createVNode(_component_el_tag, {
+                  type: __props.column.props.format.tagType,
+                  effect: __props.column.props.format.tagEffect,
+                  hit: __props.column.props.format.hit,
+                  size: __props.column.props.format.size
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(scope.row[__props.column.props.base.prop]), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type", "effect", "hit", "size"])
+              ])) : (openBlock(), createElementBlock("span", _hoisted_2, [
+                __props.column.props.format.position === "pre" ? (openBlock(), createElementBlock("i", {
+                  key: 0,
+                  class: normalizeClass(__props.column.props.format.icon)
+                }, null, 2)) : createCommentVNode("", true),
+                createElementVNode("span", null, toDisplayString(scope.row[__props.column.props.base.prop]), 1),
+                __props.column.props.format.position === "suf" ? (openBlock(), createElementBlock("i", {
+                  key: 1,
+                  class: normalizeClass(__props.column.props.format.icon)
+                }, null, 2)) : createCommentVNode("", true)
+              ]))
+            ], 64)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(formatContent(scope.row, __props.column.props.format)), 1))
+          ], 64)) : resloveLinkText.value && showLink(scope.row) ? (openBlock(), createBlock(_component_el_link, {
+            key: 1,
+            type: "primary",
+            onClick: ($event) => clickLink(scope.row)
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(scope.row[__props.column.props.base.prop]), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"])) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(scope.row[__props.column.props.base.prop]), 1))
+        ]),
+        _: 1
+      }, 8, ["prop", "width", "label", "header-align", "align", "fixed"]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./normal-column.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -1,7 +1,10 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createVNode, vShow, withCtx, Fragment, renderList, createBlock } from "vue";
+import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createVNode, vShow, withCtx, Fragment, renderList, createBlock, watch, h } from "vue";
 import _sfc_main$1 from "../common/common-chart-header.vue.js";
-import { getChartDatasFromPage } from "../../../../utils/page-helper-util.js";
+import { getChartDatasFromPage, isPromise, getValueFromVariable } from "../../../../utils/page-helper-util.js";
 import { getCustomFunc } from "../../../../utils/events/event-util.js";
+import _sfc_main$2 from "./group-column.vue.js";
+import _sfc_main$3 from "./normal-column.vue.js";
+import { getSummaryTitleColumn, getSummaryDataColumn, rowDataToColumn, getColumnToRowTableConfig, colDataToRow, computeFormula, summaryStatistics, replacePlaceholders, getHeaderCellStyleUtil, getRowStyleUtil, getCellStyleUtil, getIndexColumn } from "./chart-table-util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "table-runtime",
   props: {
@@ -19,21 +22,54 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props, { expose: __expose }) {
+    var _a;
     const props = __props;
     const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
-    debugger;
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const dataConfig = runtimeInfo.dataConfig;
     const headerInfo = runtimeInfo.headerInfo ? runtimeInfo.headerInfo : {};
     const headerRef = ref(null);
+    const isEnableGroupHeader = ref(runtimeInfo.props.isEnableGroupHeader);
     const tableData = ref([]);
-    const tableColumns = ref([]);
-    const customColumnModels = ref(false);
-    if (props.configure.props.modelCustom) {
-      customColumnModels.value = true;
-    } else {
-      tableColumns.value = props.configure.items;
+    const tableColumnsConfig = ref([]);
+    const groupColumnsConfig = ref([]);
+    const columnsConfigKeyValues = ref({});
+    const showSummary = ref(false);
+    const tableSummaryTitle = ref({});
+    const tableSummaryColumns = ref({});
+    const groupSummaryColumns = ref({});
+    const groupSummaryDataRowIndex = [];
+    const columnStyleSourceConfig = ref({});
+    const dataFormulaMapping = ref({});
+    if (!props.configure.props.modelCustom) {
+      if (!isEnableGroupHeader.value) {
+        tableColumnsConfig.value = props.configure.items;
+      } else {
+        groupColumnsConfig.value = props.configure.props.groupHeaders;
+      }
+      (_a = props.configure.items) == null ? void 0 : _a.forEach((item) => {
+        columnsConfigKeyValues.value[item.uuid] = item;
+        if (Object.keys(item.style).length > 0) {
+          columnStyleSourceConfig.value[item.props.base.prop] = {
+            cellStyle: item.style,
+            titleStyle: item.titleStyle
+          };
+        }
+        if (item.formula && item.formula.trim() !== "") {
+          dataFormulaMapping.value[item.props.base.prop] = item.formula;
+        }
+      });
+    }
+    showSummary.value = props.configure.props.base.showSummary;
+    if (showSummary.value || props.configure.props.highOrder.groupField && props.configure.props.highOrder.groupField.length > 0) {
+      tableSummaryTitle.value = getSummaryTitleColumn(props.configure);
+      if (showSummary.value) {
+        tableSummaryColumns.value = getSummaryDataColumn(props.configure, "table");
+      }
+      if (props.configure.props.highOrder.groupField && props.configure.props.highOrder.groupField.length > 0) {
+        groupSummaryColumns.value = getSummaryDataColumn(props.configure, "group");
+      }
     }
     onMounted(() => {
       const resultData = getChartDatasFromPage(props.pageContext, props.configure);
@@ -41,6 +77,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         updateChartDatas(resultData);
       }
     });
+    function watchVariableDataChange() {
+      const match = props.configure.props.dataOrigin.variable.match(/\${(.*?)}/);
+      const path = match ? match[1].split(".") : [];
+      watch(
+        () => path.reduce((obj, key) => obj[key], props.pageContext.entity),
+        (newVal) => {
+          loadTable(JSON.parse(JSON.stringify(newVal)));
+        }
+      );
+    }
     function updateChartDatas(resultData) {
       if (!resultData) {
         resultData = [];
@@ -54,25 +100,256 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         console.log("重复更新!", resultData);
         return;
       }
-      if (customColumnModels.value) {
+      updateTable(resultData);
+      resultData.hasRender = true;
+      dataConfig.autoRefresh = false;
+    }
+    function updateTable(resultData) {
+      if (props.configure.props.modelCustom) {
         const func = getCustomFunc(props.pageContext, props.configure.props.modelCustom);
         if (func) {
-          func.apply(func, [
+          const resultValue = func.apply(func, [
             {
               pageContext: props.pageContext,
               configureObj: props.configure,
               value: resultData
             }
           ]);
+          if (isPromise(resultValue)) {
+            resultValue.then((res) => {
+              tableColumnsConfig.value = res.columns;
+            });
+          } else {
+            tableColumnsConfig.value = resultValue.columns;
+          }
         }
       }
-      if (props.configure.serviceDataField && resultData.result) {
-        tableData.value = resultData.result[props.configure.serviceDataField];
+      let tmpTableData = [];
+      if (props.configure.props.dataOrigin.dataSource === "service" && resultData.result) {
+        tmpTableData = resultData.result[props.configure.props.dataOrigin.service.serviceDataField];
+      } else if (props.configure.props.dataOrigin.dataSource === "variable") {
+        watchVariableDataChange();
+        tmpTableData = getValueFromVariable(
+          props.pageContext.entity,
+          props.configure.props.dataOrigin.variable
+        );
+      }
+      if (tmpTableData) {
+        loadTable(tmpTableData);
+      }
+    }
+    function loadTable(tmpTableData) {
+      if (enableTransition("rowToColumn")) {
+        tmpTableData = rowDataToColumn(tmpTableData, props.configure);
+        if (!isEnableGroupHeader.value) {
+          const updatedColumnConfig = updateColumnConfig(
+            tableColumnsConfig.value,
+            tmpTableData,
+            props.configure.props.dataOrigin.rowToColumn.titleColumns,
+            props.configure.props.dataOrigin.rowToColumn.dataColumns
+          );
+          tableColumnsConfig.value = updatedColumnConfig;
+        }
+      } else if (enableTransition("columnToRow")) {
+        if (!isEnableGroupHeader.value) {
+          tableColumnsConfig.value = getColumnToRowTableConfig(props.configure);
+        }
+        tmpTableData = colDataToRow(tmpTableData, props.configure);
+      }
+      if (props.configure.props.dataOrigin.dataFormatting) {
+        const func = getCustomFunc(props.pageContext, props.configure.props.dataOrigin.dataFormatting);
+        if (func) {
+          const resultValue = func.apply(func, [{ tableData: tmpTableData }]);
+          if (resultValue) {
+            tmpTableData = resultValue;
+          }
+        }
+      }
+      if (Object.keys(dataFormulaMapping.value).length > 0 && tmpTableData && tmpTableData.length > 0) {
+        tmpTableData.forEach((item) => {
+          Object.keys(dataFormulaMapping.value).forEach((key) => {
+            const formula = dataFormulaMapping.value[key];
+            item[key] = computeFormula(item, formula);
+          });
+        });
+      }
+      tableData.value = tmpTableData;
+      if (props.configure.props.highOrder.groupField && props.configure.props.highOrder.groupField.length > 0) {
+        const groupField = props.configure.props.highOrder.groupField;
+        tableData.value = groupAndAddTotals(tableData.value, groupField);
+      }
+      pushTableIndexColumn(tableColumnsConfig.value);
+    }
+    function enableTransition(type) {
+      return props.configure.props.dataOrigin.transition === type && props.configure.props.dataOrigin.groupField && props.configure.props.dataOrigin.groupField.length > 0 && props.configure.props.dataOrigin[type].titleColumns && props.configure.props.dataOrigin[type].titleColumns.length > 0 && props.configure.props.dataOrigin[type].dataColumns && props.configure.props.dataOrigin[type].dataColumns.length > 0;
+    }
+    function getHeaderCellStyle(data) {
+      const cellTitleStyle = columnStyleSourceConfig.value[data.column.property] ? columnStyleSourceConfig.value[data.column.property].titleStyle : null;
+      const rowTitleStyle = runtimeStyle == null ? void 0 : runtimeStyle.titleStyle;
+      return getHeaderCellStyleUtil(
+        data,
+        { cellTitleStyle, titleStyle: rowTitleStyle },
+        props
+      );
+    }
+    function getRowStyle(data) {
+      return getRowStyleUtil(data, groupSummaryDataRowIndex, props);
+    }
+    function getCellStyle(data) {
+      const cellStyles = columnStyleSourceConfig.value[data.column.property] ? columnStyleSourceConfig.value[data.column.property].cellStyle : null;
+      return getCellStyleUtil(data, cellStyles, props);
+    }
+    const getSummaries = (param) => {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (tableSummaryTitle.value[column.property]) {
+          const label = tableSummaryTitle.value[column.property].label;
+          sums[index] = h("div", {}, [replacePlaceholders(label, data)]);
+          return;
+        }
+        if (tableSummaryColumns.value[column.property]) {
+          const scientificData = data.filter((item, index2) => !groupSummaryDataRowIndex.includes(index2));
+          sums[index] = summaryStatistics(
+            tableSummaryColumns.value[column.property],
+            scientificData,
+            column.property,
+            props.pageContext
+          );
+        }
+      });
+      return sums;
+    };
+    function spanMethod({ row, column, rowIndex, columnIndex }) {
+      const property = column.property;
+      const highOrder = props.configure.props.highOrder;
+      if (highOrder.scopeFunc) {
+        const func = getCustomFunc(props.pageContext, highOrder.scopeFunc);
+        if (func) {
+          const resultValue = func.apply(func, [
+            { tableData: tableData.value, row, column, rowIndex, columnIndex }
+          ]);
+          if (resultValue) {
+            return resultValue;
+          }
+        }
       } else {
-        tableData.value = [];
+        if (highOrder && highOrder.mergeColumn) ;
+        if (highOrder && highOrder.mergeRow && highOrder.mergeRow.includes(property)) {
+          if (rowIndex === 0) {
+            return {
+              rowspan: tableData.value.length,
+              colspan: 1
+            };
+          }
+        }
+      }
+    }
+    function updateColumnConfig(columnConfig, pivotedData, columnFields, valueFields) {
+      const updatedConfig = [...columnConfig].filter(
+        (item) => !columnFields.includes(item.props.base.prop) && !valueFields.includes(item.props.base.prop)
+      );
+      const valueFieldsRegex = new RegExp(`(${valueFields.join("|")})$`);
+      const columnCombinations = /* @__PURE__ */ new Set();
+      pivotedData.forEach((record) => {
+        Object.keys(record).forEach((key) => {
+          if (valueFields.some((valueField) => key.includes(valueField))) {
+            const parts = key.split(valueFieldsRegex);
+            const combination = parts[0];
+            columnCombinations.add(combination);
+          }
+        });
+      });
+      columnCombinations.forEach((combination) => {
+        valueFields.forEach((valueField) => {
+          var _a2;
+          const name = (_a2 = tableColumnsConfig.value.find((item) => item.props.base.prop === valueField)) == null ? void 0 : _a2.props.base.name;
+          const newConfigItem = {
+            uuid: (/* @__PURE__ */ new Date()).getTime(),
+            // 生成新的UUID
+            name: "",
+            props: {
+              base: {
+                prop: `${combination}${valueField}`,
+                name: `${combination}${name}`,
+                displayOrder: updatedConfig.length + 1,
+                // 更新显示顺序
+                sortable: true,
+                headerAlign: "center",
+                align: "center",
+                fixed: false,
+                visible: true,
+                dataType: typeof pivotedData[0][`${combination}${valueField}`] === "number" ? "number" : "string"
+              },
+              format: {},
+              size: {
+                pc: {}
+              }
+            },
+            style: {},
+            componentIndex: 0,
+            // 根据实际情况设置
+            runtime: {
+              common: {
+                class: "",
+                style: {
+                  pc_style: {},
+                  pc_class: ""
+                }
+              }
+            }
+          };
+          updatedConfig.push(newConfigItem);
+        });
+      });
+      return updatedConfig;
+    }
+    function groupAndAddTotals(data, groupFields) {
+      var _a2, _b;
+      if (groupSummaryColumns.value.length === 0) {
+        return data;
+      }
+      const result = [];
+      const groupColumns = (_a2 = props.configure.items) == null ? void 0 : _a2.filter(
+        (item) => groupFields.includes(item.props.base.prop)
+      );
+      const summaryColumns = (_b = props.configure.items) == null ? void 0 : _b.filter(
+        (item) => item.props.base.groupSummary === true
+      );
+      const groupedData = {};
+      data.forEach((item) => {
+        const key = groupFields.map((field) => item[field]).join("|");
+        if (!groupedData[key]) {
+          groupedData[key] = [];
+        }
+        groupedData[key].push(item);
+      });
+      const groupResult = Object.values(groupedData);
+      for (let i = 0; i < groupResult.length; i++) {
+        const group = groupResult[i];
+        const total = {};
+        summaryColumns == null ? void 0 : summaryColumns.forEach((column) => {
+          const prop = column.props.base.prop;
+          const res = summaryStatistics(groupSummaryColumns.value[prop], group, prop, props.pageContext);
+          total[prop] = res;
+        });
+        result.push(...group);
+        groupColumns == null ? void 0 : groupColumns.forEach((column) => {
+          const prop = column.props.base.prop;
+          total[prop] = replacePlaceholders(column.props.base.summaryTitle, group[0]);
+        });
+        result.push(total);
+        groupSummaryDataRowIndex.push(result.length - 1);
+      }
+      return result;
+    }
+    function pushTableIndexColumn(tableColumnsConfig2) {
+      if (props.configure.props.base.showIndex && tableColumnsConfig2.findIndex((item) => item.props.base.prop === "$index") === -1) {
+        const indexColumn = getIndexColumn();
+        if (indexColumn) {
+          tableColumnsConfig2.unshift(indexColumn);
+        }
       }
-      resultData.hasRender = true;
-      dataConfig.autoRefresh = false;
     }
     function exportChart() {
     }
@@ -81,7 +358,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       exportChart
     });
     return (_ctx, _cache) => {
-      const _component_el_table_column = resolveComponent("el-table-column");
       const _component_el_table = resolveComponent("el-table");
       return openBlock(), createElementBlock("div", {
         style: normalizeStyle(unref(runtimeStyle)),
@@ -99,32 +375,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         createVNode(_component_el_table, {
           data: tableData.value,
-          style: { "width": "100%" }
+          style: { "width": "100%" },
+          "header-cell-style": getHeaderCellStyle,
+          "row-style": getRowStyle,
+          "cell-style": getCellStyle,
+          "show-summary": showSummary.value,
+          stripe: __props.configure.props.base.stripe,
+          "summary-method": getSummaries,
+          "span-method": spanMethod
         }, {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(tableColumns.value, (column, index) => {
+            isEnableGroupHeader.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(groupColumnsConfig.value, (item, index) => {
               return openBlock(), createElementBlock(Fragment, { key: index }, [
-                column.props.base.prop === "$index" ? (openBlock(), createBlock(_component_el_table_column, {
+                !item.isLeaf ? (openBlock(), createBlock(_sfc_main$2, {
                   key: 0,
-                  label: column.props.base.name,
-                  type: "index",
-                  align: "center",
-                  "header-align": "center",
-                  width: "80"
-                }, null, 8, ["label"])) : (openBlock(), createBlock(_component_el_table_column, {
+                  configure: __props.configure,
+                  pageContext: __props.pageContext,
+                  groupColumn: item,
+                  columnsConfigKeyValues: columnsConfigKeyValues.value
+                }, null, 8, ["configure", "pageContext", "groupColumn", "columnsConfigKeyValues"])) : (openBlock(), createBlock(_sfc_main$3, {
                   key: 1,
-                  prop: column.props.base.prop,
-                  width: column.props.base.width ? column.props.base.width : "200",
-                  label: column.props.base.name,
-                  "header-align": column.props.base.headerAlign,
-                  align: column.props.base.align,
-                  fixed: column.props.base.fixed ? column.props.base.fixed : false
-                }, null, 8, ["prop", "width", "label", "header-align", "align", "fixed"]))
+                  configure: __props.configure,
+                  pageContext: __props.pageContext,
+                  column: columnsConfigKeyValues.value[item.columnUuid]
+                }, null, 8, ["configure", "pageContext", "column"]))
               ], 64);
+            }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(tableColumnsConfig.value, (column, index) => {
+              return openBlock(), createBlock(_sfc_main$3, {
+                key: index,
+                column
+              }, null, 8, ["column"]);
             }), 128))
           ]),
           _: 1
-        }, 8, ["data"])
+        }, 8, ["data", "show-summary", "stripe"])
       ], 6);
     };
   }

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

@@ -23,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
         resizeObserver2.observe(thisRef.value.parentNode);
       }
+      console.log("tools-runtime onMounted");
     });
     onUnmounted(() => {
     });