super-page-designer 2.0.92 → 2.0.96

package/dist/es/components/design/views/assemblys/data/table/tablecolumn-dynamic-column.vue.js

@@ -0,0 +1,731 @@
+import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, createCommentVNode, unref, renderList, normalizeClass, withDirectives, vShow } from "vue";
+import { Search, Close } from "@element-plus/icons-vue";
+import _sfc_main$1 from "../../common/page-permission-select.vue.js";
+import _sfc_main$4 from "../../common/common-select-table.vue.js";
+import { usePageContextStore } from "../../../../../../stores/page-store.js";
+import { queryTableFields } from "../../../../utils/page-table-util.js";
+import _sfc_main$2 from "../../form/common/condition.vue.js";
+import _sfc_main$3 from "../component/dynamic-column.vue.js";
+import _sfc_main$5 from "../component/configuration-value.vue.js";
+import http from "agilebuilder-ui/src/utils/request";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", null, "列模型设置", -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tablecolumn-dynamic-column",
+  props: {
+    // 当前列数据
+    configure: {
+      type: Object,
+      default: () => ({ props: {} })
+    },
+    // 表格总体数据
+    tableConfigure: {
+      type: Object,
+      default: () => ({ props: {} })
+    },
+    // 页面对象
+    pageDesign: {
+      type: Object,
+      default: () => ({ props: {} })
+    },
+    operationColumn: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const selectTableDialog = ref();
+    const selectTableType = ref("");
+    const pageContextUtil = usePageContextStore();
+    const queryConditionRef = ref();
+    const selectConditionRef = ref();
+    const updateConditionRef = ref();
+    const atPresentSortIndex = ref("");
+    const modelTableFieldList = ref([]);
+    let clolumnTableFields = ref([]);
+    const groupTitleValueSet = ref({});
+    function dynamicColumnDataSourcesChange(value) {
+      if (value === "service" && !props.configure.props.dynamicColumnData.service) {
+        props.configure.props.dynamicColumnData.service = {};
+      }
+    }
+    const queryOptionGroupLoading = ref(false);
+    const optionGroups = ref([]);
+    function queryOptionGroups(query) {
+      queryOptionGroupLoading.value = true;
+      const param = {
+        query
+      };
+      http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/option-groups/query", param).then((result) => {
+        queryOptionGroupLoading.value = false;
+        optionGroups.value = result;
+      }).catch((error) => {
+        queryOptionGroupLoading.value = false;
+        console.log("查询选项组出错", error);
+      });
+    }
+    function afterSelectService(type, code, name) {
+      props.configure.props.dynamicColumnData.service.simpleCode = code;
+      props.configure.props.dynamicColumnData.service.name = name;
+    }
+    function selectTable(type) {
+      selectTableDialog.value.openDialog();
+      selectTableType.value = type;
+    }
+    function clearTable(type) {
+      if (type == "masterTable") {
+        props.configure.props.dynamicColumnData.tableName = "";
+        props.configure.props.dynamicColumnData.tableAlias = "";
+        props.configure.props.dynamicColumnData.dataTableCode = null;
+        props.configure.props.dynamicColumnData.tableSysVersion = null;
+      } else {
+        props.configure.props.dynamicColumnData.settingDataName = "";
+        props.configure.props.dynamicColumnData.settingDataAlias = "";
+        props.configure.props.dynamicColumnData.settingDataTableCode = null;
+        props.configure.props.dynamicColumnData.settingDataSysVersion = null;
+      }
+    }
+    function onSelectTable(tableInfo) {
+      if (selectTableType.value == "masterTable") {
+        let hisKey = props.configure.props.dynamicColumnData.dataTableCode ? props.configure.props.dynamicColumnData.dataTableCode : "";
+        hisKey += "_";
+        hisKey += props.configure.props.dynamicColumnData.tableSysVersion ? props.configure.props.dynamicColumnData.tableSysVersion : "";
+        hisKey += "_";
+        hisKey += props.configure.props.dynamicColumnData.tableName ? props.configure.props.dynamicColumnData.tableName : "";
+        let newKey = tableInfo.systemCode ? tableInfo.systemCode : "";
+        newKey += "_";
+        newKey += tableInfo.systemVersion ? tableInfo.systemVersion : "";
+        newKey += "_";
+        newKey += tableInfo.name ? tableInfo.name : "";
+        if (newKey != hisKey) {
+          props.configure.props.dynamicColumnData.dataTableCode = tableInfo.name;
+          props.configure.props.dynamicColumnData.tableAlias = tableInfo.alias;
+          props.configure.props.dynamicColumnData.tableSysVersion = tableInfo.systemVersion;
+          props.configure.props.dynamicColumnData.tableSysCode = tableInfo.systemCode;
+          queryTableFieldsByTable();
+        }
+      } else {
+        let hisKey = props.configure.props.dynamicColumnData.settingDataTableCode ? props.configure.props.dynamicColumnData.settingDataTableCode : "";
+        hisKey += "_";
+        hisKey += props.configure.props.dynamicColumnData.settingDataSysVersion ? props.configure.props.dynamicColumnData.settingDataSysVersion : "";
+        hisKey += "_";
+        hisKey += props.configure.props.dynamicColumnData.settingDataName ? props.configure.props.dynamicColumnData.settingDataName : "";
+        let newKey = tableInfo.systemCode ? tableInfo.systemCode : "";
+        newKey += "_";
+        newKey += tableInfo.systemVersion ? tableInfo.systemVersion : "";
+        newKey += "_";
+        newKey += tableInfo.name ? tableInfo.name : "";
+        if (newKey != hisKey) {
+          props.configure.props.dynamicColumnData.settingDataTableCode = tableInfo.name;
+          props.configure.props.dynamicColumnData.settingDataAlias = tableInfo.alias;
+          props.configure.props.dynamicColumnData.settingDataSysVersion = tableInfo.systemVersion;
+          props.configure.props.dynamicColumnData.settingDataSysCode = tableInfo.systemVersion;
+          queryTableFieldsByTableSublist();
+        }
+      }
+    }
+    function queryTableFieldsByTable() {
+      const {
+        tableSysCode = pageContextUtil.pageContext.systemCode,
+        tableSysVersion = pageContextUtil.pageContext.systemVersion,
+        dataTableCode: tableName
+      } = props.configure.props.dynamicColumnData;
+      const systemCode = tableSysCode;
+      const systemVersion = tableSysVersion;
+      if (!tableName) {
+        return;
+      }
+      queryTableFields(systemCode, systemVersion, tableName).then((resultFields) => {
+        modelTableFieldList.value = resultFields;
+        if (queryConditionRef.value) {
+          queryConditionRef.value.changeTableFields(resultFields);
+        }
+      }).catch((error) => {
+        console.log("数据源中查询表字段失败!", error);
+      });
+    }
+    function queryTableFieldsByTableSublist() {
+      const { settingDataSysCode, settingDataSysVersion, settingDataTableCode } = props.configure.props.dynamicColumnData;
+      const { systemCode: defaultSystemCode, systemVersion: defaultSystemVersion } = pageContextUtil.pageContext;
+      const systemCode = settingDataSysCode || defaultSystemCode;
+      const systemVersion = settingDataSysVersion || defaultSystemVersion;
+      const tableName = settingDataTableCode;
+      if (!tableName) {
+        return;
+      }
+      queryTableFields(systemCode, systemVersion, tableName).then((resultFields) => {
+        console.log("%c描述-111942", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", resultFields);
+        clolumnTableFields.value = resultFields;
+        selectConditionRef.value.changeTableFields(resultFields);
+        updateConditionRef.value.changeTableFields(resultFields);
+      }).catch((error) => {
+        console.log("数据源中查询表字段失败!", error);
+      });
+    }
+    function seleteSort(index) {
+      atPresentSortIndex.value = index;
+    }
+    function addSortField() {
+      if (!props.configure.props.dynamicColumnData.dataTableSortTable) {
+        props.configure.props.dynamicColumnData.dataTableSortTable = [];
+      }
+      props.configure.props.dynamicColumnData.dataTableSortTable.push({});
+      atPresentSortIndex.value = "";
+    }
+    function removeSortField() {
+      if (props.configure.props.dynamicColumnData.dataTableSortTable.length > 0) {
+        props.configure.props.dynamicColumnData.dataTableSortTable.splice(
+          props.configure.props.dynamicColumnData.dataTableSortTable.length - 1,
+          1
+        );
+      }
+    }
+    ref(0);
+    const configurationVisible = ref(false);
+    const configurationRef = ref();
+    function configurationClose() {
+      configurationVisible.value = false;
+    }
+    function configurationAdd(configObj) {
+      debugger;
+    }
+    onMounted(() => {
+      var _a, _b, _c;
+      if (((_a = props.configure.props.base) == null ? void 0 : _a.prop) === "dynamicColumnSelect") {
+        if (((_b = props.configure.props.dynamicColumnData) == null ? void 0 : _b.dataSources) === "dataTable" && props.configure.props.dynamicColumnData.dataTableCode) {
+          queryTableFieldsByTable();
+        } else if (((_c = props.configure.props.dynamicColumnData) == null ? void 0 : _c.dataSources) === "optionGroup" && props.configure.props.dynamicColumnData.optionGroup) {
+          queryOptionGroups("");
+        }
+        if (props.configure.props.dynamicColumnData && props.configure.props.dynamicColumnData.settingDataTableCode) {
+          queryTableFieldsByTableSublist();
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_radio_group = resolveComponent("el-radio-group");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_divider = resolveComponent("el-divider");
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      return openBlock(), createElementBlock(Fragment, null, [
+        !__props.operationColumn && __props.configure.props.base.prop === "dynamicColumnSelect" ? (openBlock(), createBlock(_component_el_collapse_item, {
+          key: 0,
+          title: "动态列",
+          name: "columnModel",
+          class: "amb-design-attr-group-header"
+        }, {
+          default: withCtx(() => {
+            var _a, _b, _c, _d;
+            return [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(_component_el_form_item, {
+                  label: "数据来源",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_radio_group, {
+                      modelValue: __props.configure.props.dynamicColumnData.dataSources,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.dynamicColumnData.dataSources = $event),
+                      onChange: dynamicColumnDataSourcesChange
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio, { value: "dataTable" }, {
+                          default: withCtx(() => [
+                            createTextVNode("数据表/视图")
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_radio, { value: "sql" }, {
+                          default: withCtx(() => [
+                            createTextVNode("SQL语句")
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_radio, { value: "optionGroup" }, {
+                          default: withCtx(() => [
+                            createTextVNode("选项组")
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_radio, { value: "bean" }, {
+                          default: withCtx(() => [
+                            createTextVNode("bean名称")
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_radio, { value: "service" }, {
+                          default: withCtx(() => [
+                            createTextVNode("服务")
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                __props.configure.props.dynamicColumnData.dataSources === "bean" ? (openBlock(), createBlock(_component_el_form_item, {
+                  key: 0,
+                  label: "bean名称",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: __props.configure.props.dynamicColumnData.beanName,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.dynamicColumnData.beanName = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                __props.configure.props.dynamicColumnData.dataSources === "service" && __props.configure.props.dynamicColumnData.service ? (openBlock(), createBlock(_component_el_form_item, {
+                  key: 1,
+                  label: "服务名",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$1, {
+                      pageDesign: __props.pageDesign,
+                      rowObj: __props.configure.props.dynamicColumnData.service,
+                      onlyService: "",
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = (type, code, name) => afterSelectService(type, code, name))
+                    }, null, 8, ["pageDesign", "rowObj"])
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                createVNode(_component_el_form_item, {
+                  label: "监控字段",
+                  title: "监控主表字段",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: __props.configure.props.dynamicColumnData.watchParentAttr,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.dynamicColumnData.watchParentAttr = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                __props.configure.props.dynamicColumnData.dataSources === "dataTable" ? (openBlock(), createBlock(_component_el_form_item, {
+                  key: 2,
+                  label: "数据表视图",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: __props.configure.props.dynamicColumnData.dataTableCode,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.dynamicColumnData.dataTableCode = $event),
+                      title: __props.configure.props.dynamicColumnData.dataTableCode,
+                      onClick: _cache[7] || (_cache[7] = ($event) => selectTable("masterTable")),
+                      clearable: "",
+                      readonly: "true"
+                    }, {
+                      append: withCtx(() => [
+                        createVNode(_component_el_button, {
+                          icon: unref(Search),
+                          onClick: _cache[4] || (_cache[4] = ($event) => selectTable("masterTable")),
+                          size: "small"
+                        }, null, 8, ["icon"]),
+                        createVNode(_component_el_button, {
+                          icon: unref(Close),
+                          onClick: _cache[5] || (_cache[5] = ($event) => clearTable("masterTable")),
+                          title: "Clear",
+                          size: "small"
+                        }, null, 8, ["icon"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "title"])
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                __props.configure.props.dynamicColumnData.dataSources === "dataTable" ? (openBlock(), createBlock(_component_el_form_item, {
+                  key: 3,
+                  label: "排序",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_button, {
+                      type: "primary",
+                      onClick: addSortField
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("添加")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_button, { onClick: removeSortField }, {
+                      default: withCtx(() => [
+                        createTextVNode("删除")
+                      ]),
+                      _: 1
+                    }),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.configure.props.dynamicColumnData.dataTableSortTable, (item, index) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: index,
+                        onClick: ($event) => seleteSort(index),
+                        style: { "margin-top": "6px" },
+                        class: normalizeClass(
+                          atPresentSortIndex.value === index ? "amb-design-attr-item-inline seleteSort" : "amb-design-attr-item-inline"
+                        )
+                      }, [
+                        createVNode(_component_el_select, {
+                          modelValue: item.sortColumn,
+                          "onUpdate:modelValue": ($event) => item.sortColumn = $event,
+                          filterable: "",
+                          clearable: "",
+                          placeholder: "请选择"
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(modelTableFieldList.value, (field, index2) => {
+                              return openBlock(), createBlock(_component_el_option, {
+                                key: index2,
+                                label: field.alias + "(" + field.dbColumnName + ")",
+                                value: field.dbColumnName
+                              }, null, 8, ["label", "value"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"]),
+                        createVNode(_component_el_select, {
+                          modelValue: item.sortOrder,
+                          "onUpdate:modelValue": ($event) => item.sortOrder = $event,
+                          style: { "margin-left": "10px" },
+                          placeholder: "请选择"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_option, {
+                              label: "升序",
+                              value: "asc"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "降序",
+                              value: "desc"
+                            })
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"])
+                      ], 10, _hoisted_2);
+                    }), 128))
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                withDirectives(createVNode(_component_el_form_item, {
+                  label: "查询条件",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$2, {
+                      title: "查询条件",
+                      list: __props.configure.props.dynamicColumnData.searchcondition,
+                      ref_key: "queryConditionRef",
+                      ref: queryConditionRef
+                    }, null, 8, ["list"])
+                  ]),
+                  _: 1
+                }, 512), [
+                  [vShow, __props.configure.props.dynamicColumnData.dataSources === "dataTable"]
+                ]),
+                withDirectives(createVNode(_component_el_form_item, {
+                  label: "SQL",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: __props.configure.props.dynamicColumnData.sql,
+                      "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.props.dynamicColumnData.sql = $event),
+                      rows: 2,
+                      type: "textarea"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 512), [
+                  [vShow, __props.configure.props.dynamicColumnData.dataSources === "sql"]
+                ]),
+                withDirectives(createVNode(_component_el_form_item, {
+                  label: "选项组名",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_select, {
+                      modelValue: __props.configure.props.dynamicColumnData.optionGroup,
+                      "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.props.dynamicColumnData.optionGroup = $event),
+                      filterable: "",
+                      remote: "",
+                      "reserve-keyword": "",
+                      clearable: "",
+                      placeholder: "请选择",
+                      "remote-show-suffix": "",
+                      "remote-method": queryOptionGroups,
+                      loading: queryOptionGroupLoading.value
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(optionGroups.value, (item) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: item.code,
+                            label: item.name + "(" + item.code + ")",
+                            value: item.code
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "loading"])
+                  ]),
+                  _: 1
+                }, 512), [
+                  [vShow, __props.configure.props.dynamicColumnData.dataSources === "optionGroup"]
+                ]),
+                createVNode(_component_el_divider, null, {
+                  default: withCtx(() => [
+                    _hoisted_3
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, {
+                  label: "数据表",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: __props.configure.props.dynamicColumnData.settingDataTableCode,
+                      "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => __props.configure.props.dynamicColumnData.settingDataTableCode = $event),
+                      title: __props.configure.props.dynamicColumnData.settingDataTableCode,
+                      clearable: "",
+                      readonly: "true"
+                    }, {
+                      append: withCtx(() => [
+                        createVNode(_component_el_button, {
+                          icon: unref(Search),
+                          onClick: _cache[10] || (_cache[10] = ($event) => selectTable("sublist")),
+                          size: "small"
+                        }, null, 8, ["icon"]),
+                        createVNode(_component_el_button, {
+                          icon: unref(Close),
+                          onClick: _cache[11] || (_cache[11] = ($event) => clearTable("sublist")),
+                          title: "Clear",
+                          size: "small"
+                        }, null, 8, ["icon"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "title"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, {
+                  label: "关联字段",
+                  title: "与主表关联字段",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_select, {
+                      modelValue: __props.configure.props.dynamicColumnData.settingRelationColumn,
+                      "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => __props.configure.props.dynamicColumnData.settingRelationColumn = $event),
+                      clearable: "",
+                      filterable: ""
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(clolumnTableFields), (item, index) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: index,
+                            label: item.alias,
+                            value: item.dbColumnName
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, {
+                  label: "查询条件",
+                  title: "查询附加条件",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$2, {
+                      title: "查询条件",
+                      list: __props.configure.props.dynamicColumnData.selectCondition,
+                      ref_key: "selectConditionRef",
+                      ref: selectConditionRef
+                    }, null, 8, ["list"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, {
+                  label: "更新条件",
+                  title: "更新附加条件",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$2, {
+                      title: "更新条件",
+                      list: __props.configure.props.dynamicColumnData.updateCondition,
+                      ref_key: "updateConditionRef",
+                      ref: updateConditionRef
+                    }, null, 8, ["list"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, {
+                  label: "配置模型",
+                  title: "配置模型",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$3, {
+                      configure: __props.configure,
+                      clolumnTableFields: unref(clolumnTableFields),
+                      modelTableFieldList: modelTableFieldList.value
+                    }, null, 8, ["configure", "clolumnTableFields", "modelTableFieldList"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, {
+                  label: "分组标题",
+                  title: "分组标题类型",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_select, {
+                      modelValue: __props.configure.props.dynamicColumnData.mergeFieldType,
+                      "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => __props.configure.props.dynamicColumnData.mergeFieldType = $event),
+                      clearable: ""
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_option, {
+                          label: "不设置分组标题",
+                          value: "no"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "合并为一组",
+                          value: "one"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "分组字段",
+                          value: "more"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                ((_a = __props.configure.props.dynamicColumnData) == null ? void 0 : _a.mergeFieldType) === "one" ? (openBlock(), createBlock(_component_el_form_item, {
+                  key: 4,
+                  label: "设置标题",
+                  title: "设置标题",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: __props.configure.props.dynamicColumnData.mergeName,
+                      "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => __props.configure.props.dynamicColumnData.mergeName = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                ((_b = __props.configure.props.dynamicColumnData) == null ? void 0 : _b.mergeFieldType) === "one" ? (openBlock(), createBlock(_component_el_form_item, {
+                  key: 5,
+                  label: "标题国际化key",
+                  title: "国际化key",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: __props.configure.props.dynamicColumnData.mergeNameI18nKey,
+                      "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => __props.configure.props.dynamicColumnData.mergeNameI18nKey = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                ((_c = __props.configure.props.dynamicColumnData) == null ? void 0 : _c.mergeFieldType) === "more" ? (openBlock(), createBlock(_component_el_form_item, {
+                  key: 6,
+                  label: "设置字段",
+                  title: "设置字段",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_select, {
+                      modelValue: __props.configure.props.dynamicColumnData.mergeField,
+                      "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => __props.configure.props.dynamicColumnData.mergeField = $event),
+                      filterable: "",
+                      clearable: "",
+                      placeholder: "请选择"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(modelTableFieldList.value, (field, index) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: index,
+                            label: field.alias + "(" + field.dbColumnName + ")",
+                            value: field.dbColumnName
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                ((_d = __props.configure.props.dynamicColumnData) == null ? void 0 : _d.mergeFieldType) === "more" ? (openBlock(), createBlock(_component_el_form_item, {
+                  key: 7,
+                  label: "内容与标题对应字段",
+                  title: "内容与标题对应字段",
+                  class: "amb-design-attr-item"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_select, {
+                      modelValue: __props.configure.props.dynamicColumnData.mergeTitleContentJoinField,
+                      "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => __props.configure.props.dynamicColumnData.mergeTitleContentJoinField = $event),
+                      filterable: "",
+                      clearable: "",
+                      placeholder: "请选择"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(clolumnTableFields), (field, index) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: index,
+                            label: field.alias + "(" + field.dbColumnName + ")",
+                            value: field.dbColumnName
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ])
+            ];
+          }),
+          _: 1
+        })) : createCommentVNode("", true),
+        createVNode(_sfc_main$4, {
+          ref_key: "selectTableDialog",
+          ref: selectTableDialog,
+          onSelectTable,
+          systemCode: __props.configure.systemCode,
+          systemVersion: __props.configure.systemVersion
+        }, null, 8, ["systemCode", "systemVersion"]),
+        configurationVisible.value ? (openBlock(), createBlock(_sfc_main$5, {
+          key: 1,
+          ref_key: "configurationRef",
+          ref: configurationRef,
+          configValue: groupTitleValueSet.value,
+          clolumnTableFields: unref(clolumnTableFields),
+          onAdd: configurationAdd,
+          onClose: configurationClose
+        }, null, 8, ["configValue", "clolumnTableFields"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};