super-page-runtime 2.1.45 → 2.1.50-temp1

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(() => {
     });

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

@@ -1,13 +1,14 @@
 import { defineComponent, ref, onMounted, watch, onUnmounted, resolveComponent, openBlock, createElementBlock, createVNode, unref } from "vue";
 import "agilebuilder-ui";
-import { setTableEvents, getEventFuncByType, canExecuteButton, doAfterClickEvent, getEventNameByType, doBeforeClickEvent, getHandleEvent, gridSelectRecord, gridSelectAllRecords, gridSelectionChange, cellClick, cellDblClick, rowClick, rowDblClick, headerClick } from "../../../../utils/events/event-util.js";
+import { setTableEvents, canExecuteButton, doAfterClickEvent, getEventNameByType, doBeforeClickEvent, getHandleEvent, gridSelectRecord, gridSelectAllRecords, gridSelectionChange, cellClick, cellDblClick, rowClick, rowDblClick, headerClick } from "../../../../utils/events/event-util.js";
 import { getBaseUrl, getListCode, getRealRestApiPath } from "../../../../utils/common-util.js";
 import { getAdditionalParamMap, getSaveFormRequestWithRow, standardEvents } from "../../../../utils/events/standard-event.js";
 import { isPromise } from "agilebuilder-ui/src/utils/common-util";
 import { getDataTypeMapRequest, popupToPage } from "../../../../utils/table-utils.js";
 import eventBus from "../../../../utils/eventBus.js";
 import { getPermissionCodes, getDefaultValue } from "../../../../utils/page-init-util.js";
-import { getSizeConfig } from "../../../../utils/page-helper-util.js";
+import { decomposeVariable, getSizeConfig } from "../../../../utils/page-helper-util.js";
+import { getRowStyleUtil, getCellStyleUtil, getHeaderCellStyleUtil } from "../../chart/table/chart-table-util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "main-table-runtime",
   props: {
@@ -88,12 +89,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         searchGridData(props.pageContext.entity.data);
       }
     );
-    watch(
-      () => props.pageContext.entity.page,
-      (searchFormData) => {
-        searchGridData(props.pageContext.entity.page);
+    const linkageVariable = [];
+    if (configure.props.linkages && configure.props.linkages.length > 0) {
+      configure.props.linkages.forEach((linkage) => {
+        const variablePath = decomposeVariable(linkage.fieldName);
+        if (variablePath && variablePath.length > 1) {
+          linkageVariable.push(variablePath[1]);
+        }
+      });
+      if (linkageVariable.length > 0) {
+        linkageVariable.forEach((variable) => {
+          watch(
+            () => props.pageContext.entity.page[variable],
+            () => {
+              const values = getLinkageVariableValues();
+              searchGridData(values);
+            }
+          );
+        });
       }
-    );
+    }
     onUnmounted(() => {
       eventBus.$off(eventPageInfo + "-close-component-page-dialog");
       eventBus.$off(eventPageInfo + "_close-dialog-get-entity");
@@ -151,7 +166,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         tableClass: runtimeClass,
         tableStyle: runtimeStyle,
         pageContext,
-        configureObj: configure
+        configureObj: configure,
+        backendUrl: baseURL,
+        cellStyleRender: getCellStyle,
+        rowStyleRender: getRowStyle,
+        titleStyleRender: getTitleStyle
       };
       setOperationButtons(options);
       setSortInfo(options);
@@ -251,10 +270,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const customEvents = pageContext.customEvents;
       if (customEvents) {
         options.eventCallBack = customEvents;
-        const rowStyleEvent = getEventFuncByType(pageContext, tableEvents, "rowStyle");
-        if (rowStyleEvent) {
-          options.rowStyleRender = rowStyleEvent;
-        }
       }
     }
     function enterSave({ rowIndex, column, row, orgRow }) {
@@ -568,8 +583,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (!thisRefDom) {
           thisRefDom = gridRef.value;
         }
-        const parentNode = thisRefDom.parentNode;
-        if (!thisRefDom || !parentNode) {
+        if (!thisRefDom) {
           return;
         }
         const rect = thisRefDom.getBoundingClientRect();
@@ -698,6 +712,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function canShowMobileSearch(listCode2) {
       isCanShowMobileSearch.value = true;
     }
+    function getLinkageVariableValues() {
+      const values = {};
+      linkageVariable.forEach((variable) => {
+        values[variable] = props.pageContext.entity.page[variable];
+      });
+      return values;
+    }
+    function getRowStyle(data) {
+      return getRowStyleUtil(data, null, props);
+    }
+    function getCellStyle(data) {
+      return getCellStyleUtil(data, data.cellStyle, props);
+    }
+    function getTitleStyle(data) {
+      const cellTitleStyle = data.titleStyle;
+      const rowTitleStyle = props.configure.style.titleStyle;
+      return getHeaderCellStyleUtil(data, { cellTitleStyle, titleStyle: rowTitleStyle }, props);
+    }
     __expose({
       refresh,
       createRow,

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

@@ -4,8 +4,9 @@ import { getSizeConfig, getVariableValue, setVariableValue } from "../../../../u
 import { getModelFields, getDefaultValue } from "../../../../utils/page-init-util.js";
 import eventBus from "../../../../utils/eventBus.js";
 import { popupToPage } from "../../../../utils/table-utils.js";
-import { getListCode } from "../../../../utils/common-util.js";
+import { getListCode, getBaseUrl } from "../../../../utils/common-util.js";
 import { getAdditionalParamMap } from "../../../../utils/events/standard-event.js";
+import { getRowStyleUtil, getCellStyleUtil, getHeaderCellStyleUtil } from "../../chart/table/chart-table-util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sub-table-runtime",
   props: {
@@ -30,9 +31,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const runtimeClass = runtimeInfo.class;
     const entity = props.pageContext.entity ? props.pageContext.entity : {};
     let dynamicFields = getModelFields(props.configure, prop);
+    let baseURL = getBaseUrl(pageContext.backendUrl, pageContext.isTest);
+    if (!baseURL) {
+      baseURL = window["$vueApp"].config.globalProperties.baseURL;
+    }
     const listViewShowFlag = ref(false);
     let componentKey = ref(0);
-    const baseURL = window["$vueApp"].config.globalProperties.baseURL;
     const listViewOptions = ref({
       isSql: true,
       subTableData: null,
@@ -44,8 +48,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       pageContext,
       configureObj: configure,
       showPageArea: false,
-      showOverflowTooltip: !!(configure.props && configure.props.otherSettings && (configure.props.otherSettings.isBreakLine === void 0 || configure.props.otherSettings.isBreakLine === false))
+      showRowForm: false,
+      showOverflowTooltip: !!(configure.props && configure.props.otherSettings && (configure.props.otherSettings.isBreakLine === void 0 || configure.props.otherSettings.isBreakLine === false)),
       // 单元格内容是否换行显示
+      backendUrl: baseURL,
+      cellStyleRender: getCellStyle,
+      rowStyleRender: getRowStyle,
+      titleStyleRender: getTitleStyle
     });
     if (runtimeStyle) {
       listViewOptions.value["tableStyle"] = runtimeStyle;
@@ -58,6 +67,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } else {
       listViewOptions.value.showPageArea = false;
     }
+    if (configure.props.base.showRowForm) {
+      listViewOptions.value.showRowForm = configure.props.base.showRowForm;
+    }
     const gridRef = ref(null);
     onMounted(() => {
       const tableUuid = configure.uuid;
@@ -112,6 +124,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       listViewOptions.value["getFormData"] = getParentFormData;
       listViewOptions.value["getGridData"] = getGridData;
       listViewOptions.value.extraParam["subTableListViewCode"] = listCode;
+      listViewOptions.value.extraParam["beanName"] = pageContext.beanName;
       listViewOptions.value.extraParam["subtableSetting"] = configure.props && configure.props.otherSettings ? JSON.stringify(configure.props.otherSettings) : null;
       listViewOptions.value.extraParam["additionalParamMap"] = additionalParamMap;
       listViewOptions.value.extraParam["entityMap"] = pageContext.entity.data;
@@ -483,6 +496,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }, 10);
     }
+    function getRowStyle(data) {
+      return getRowStyleUtil(data, null, props);
+    }
+    function getCellStyle(data) {
+      return getCellStyleUtil(data, data.cellStyle, props);
+    }
+    function getTitleStyle(data) {
+      const cellTitleStyle = data.titleStyle;
+      const rowTitleStyle = props.configure.style.titleStyle;
+      return getHeaderCellStyleUtil(data, { cellTitleStyle, titleStyle: rowTitleStyle }, props);
+    }
     __expose({
       createRow,
       getSelections,
@@ -500,7 +524,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           ref_key: "gridRef",
           ref: gridRef,
-          url: unref(baseURL) + "/common/super-forms/sub-table",
+          url: unref(baseURL) + "/dsc/commons/sub-table",
           options: listViewOptions.value,
           code: unref(listCode),
           settings: unref(superGridSetting),

package/dist/es/components/runtime/views/assemblys/form/custom/custom-runtime.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, onMounted, onUnmounted, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, resolveDynamicComponent } from "vue";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
-import { getVariableValue, setVariableValue, getFormPropName, setVariableValueWithProp } from "../../../../utils/page-helper-util.js";
+import { getVariableValue, setVariableValue, formatVariableValue, getFormPropName, setVariableValueWithProp } from "../../../../utils/page-helper-util.js";
 import { handleEvent } from "../../../../utils/events/event-util.js";
 import { updateFormItemEditState } from "../../../../utils/events/validator-util.js";
 import { getListCode } from "../../../../utils/common-util.js";
@@ -40,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const runtimeClass = runtimeInfo.class;
     const headerStyle = runtimeInfo.headerStyle;
     const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
-    const customParams = runtimeInfo.customParams ? runtimeInfo.customParams : {};
+    const customParams = getCustomParams(runtimeInfo.customParams ? runtimeInfo.customParams : {});
     const additionalParamMap = getAdditionalParamMap(props.pageContext);
     const componentName = ref(
       props.configure.props && props.configure.props.base ? props.configure.props.base.name : null
@@ -52,6 +52,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       props.pageContext.customValidatorUuids.push(props.configure.uuid);
     }
+    function getCustomParams(customParams2) {
+      if (customParams2) {
+        for (let key in customParams2) {
+          customParams2.value[key] = formatVariableValue(props.pageContext, key);
+        }
+      }
+    }
     function customControlSetValue(prop, value) {
       setVariableValueWithProp(entity, prop, value);
     }

package/dist/es/components/runtime/views/assemblys/form/input-text/inputtext-runtime.vue2.js

@@ -66,7 +66,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       userAgent = "browser";
     }
     console.log("window.location.protocol---", window.location.protocol);
-    const isShowScanIcon = ref(isMobile.value && scanEnable.value && window.location.protocol === "https:" ? true : false);
+    const isShowScanIcon = ref(
+      isMobile.value && scanEnable.value && window.location.protocol === "https:" ? true : false
+    );
     const isApk = isMobile.value && userAgent && userAgent === "app" ? true : false;
     let scanRuleSets = {};
     if (((_b = designProperty.value.scan) == null ? void 0 : _b.enable) && ((_c = designProperty.value.scan.ruleList) == null ? void 0 : _c.length) > 0) {

package/dist/es/components/runtime/views/assemblys/form/placeholder/placeholder-runtime.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./placeholder-runtime.vue2.js";
-import "./placeholder-runtime.vue3.js";
+/* empty css                         */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const placeholderRuntime = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a0860ff0"]]);
 export {