super-page-designer 2.0.37 → 2.0.41-beta1

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

@@ -0,0 +1,781 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withCtx, createTextVNode, withDirectives, vShow, toDisplayString, createBlock, renderList, createCommentVNode, unref, nextTick } from "vue";
+import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
+import "uuid";
+import _sfc_main$1 from "./configuration-value.vue.js";
+import _sfc_main$2 from "./formatting.vue.js";
+import { getCustomFuncs } from "../../../../utils/page-event-util.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 1 };
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = { key: 0 };
+const _hoisted_11 = { key: 0 };
+const _hoisted_12 = { key: 0 };
+const _hoisted_13 = { key: 0 };
+const _hoisted_14 = { key: 0 };
+const _hoisted_15 = { key: 0 };
+const _hoisted_16 = { key: 0 };
+const _hoisted_17 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dynamic-column",
+  props: {
+    configure: {
+      type: Object,
+      default: () => ({ props: {} })
+    },
+    // 标题字段数组
+    modelTableFieldList: {
+      type: Array,
+      default: () => []
+    },
+    // 动态列所选数据表字段集合
+    clolumnTableFields: {
+      type: Array,
+      default: () => []
+    },
+    title: String
+  },
+  setup(__props) {
+    const props = __props;
+    const dialogVisible = ref(false);
+    const configurationRef = ref(null);
+    function addColumnModelTable() {
+      props.configure.props.dynamicColumnData.columnModelTable.push({
+        visible: true,
+        exportable: true
+      });
+    }
+    function deleteColumnModelTable() {
+      props.configure.props.dynamicColumnData.columnModelTable = props.configure.props.dynamicColumnData.columnModelTable.filter((item) => {
+        return item != selectRow.value;
+      });
+    }
+    function getDataOriginField() {
+      if (configurationRef.value && configValue.value.type === "dynamicDataSource") {
+        configurationRef.value.echoDataOrigin(configValue.value.dynamicDataSourceCode);
+      }
+    }
+    const selectRow = ref({});
+    function listColumnRowClick(row) {
+      if (row === selectRow.value) {
+        row["editing"] = true;
+      } else {
+        if (!row.editing) {
+          row["editing"] = true;
+        }
+        if (selectRow.value) {
+          selectRow.value["editing"] = false;
+        }
+      }
+      selectRow.value = row;
+    }
+    const configurationVisible = ref(false);
+    const configValue = ref({});
+    const columnModelTableRowIndex = ref(0);
+    const dialogType = ref(0);
+    function showValueSetDialog(type, row, index) {
+      columnModelTableRowIndex.value = index;
+      dialogType.value = type;
+      if (type === 1) {
+        configValue.value = row.valueSettingFormat;
+      } else if (type === 2) {
+        configValue.value = row.dynamicDataSourceData;
+      }
+      configurationVisible.value = true;
+      nextTick(() => {
+        getDataOriginField();
+      });
+    }
+    function configurationAdd(configObj) {
+      if (dialogType.value === 1) {
+        props.configure.props.dynamicColumnData.columnModelTable[columnModelTableRowIndex.value].valueSettingFormat = configObj;
+      } else {
+        props.configure.props.dynamicColumnData.columnModelTable[columnModelTableRowIndex.value].dynamicDataSourceData = configObj;
+      }
+      console.log("%c描述-173933", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", props.configure.props.dynamicColumnData.columnModelTable);
+    }
+    function configurationClose() {
+      configurationVisible.value = false;
+    }
+    function formattingAdd(formattingData2) {
+      props.configure.props.dynamicColumnData.columnModelTable[columnModelTableRowIndex.value].listColumnFormat = formattingData2;
+      console.log("%c描述-195126", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", props.configure.props.dynamicColumnData.columnModelTable);
+    }
+    function formattingClose() {
+      formattingVisible.value = false;
+    }
+    const formattingVisible = ref(false);
+    const formattingData = ref({});
+    function showIsShow(row) {
+      formattingVisible.value = true;
+      formattingData.value = row.listColumnFormat;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_text = resolveComponent("el-text");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_switch = resolveComponent("el-switch");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", null, [
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = true)
+          }, {
+            default: withCtx(() => [
+              createTextVNode("编辑")
+            ]),
+            _: 1
+          }),
+          withDirectives(createVNode(_component_el_text, { type: "success" }, {
+            default: withCtx(() => [
+              createTextVNode(" 已设置条件")
+            ]),
+            _: 1
+          }, 512), [
+            [vShow, __props.configure.props.dynamicColumnData.columnModelTable && __props.configure.props.dynamicColumnData.columnModelTable.length > 0]
+          ])
+        ]),
+        createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
+          title: __props.title,
+          width: "60%"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", null, [
+              createVNode(_component_el_button, {
+                onClick: addColumnModelTable,
+                type: "primary",
+                size: "default"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("添加")
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                onClick: deleteColumnModelTable,
+                type: "danger",
+                size: "default"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("删除")
+                ]),
+                _: 1
+              })
+            ]),
+            createVNode(_component_el_table, {
+              data: __props.configure.props.dynamicColumnData.columnModelTable,
+              border: "",
+              "highlight-current-row": "",
+              "row-key": "id",
+              style: { "width": "100%", "margin-top": "10px" },
+              "max-height": "400px",
+              onRowDblclick: listColumnRowClick,
+              onRowClick: listColumnRowClick
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_table_column, { label: "基本信息" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_table_column, {
+                      label: "标题字段",
+                      align: "center",
+                      fixed: "left",
+                      prop: "columnName",
+                      width: "150"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                          createElementVNode("span", null, toDisplayString(scope.row.columnName), 1)
+                        ])) : (openBlock(), createElementBlock("span", _hoisted_2, [
+                          !scope.row.columnName || __props.configure.props.dataOrigin.optionValueSetType === "dataTable" ? (openBlock(), createBlock(_component_el_select, {
+                            key: 0,
+                            modelValue: scope.row.columnName,
+                            "onUpdate:modelValue": ($event) => scope.row.columnName = $event,
+                            clearable: "",
+                            filterable: "",
+                            "allow-create": "",
+                            "default-first-option": ""
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelTableFieldList, (item, index) => {
+                                return openBlock(), createBlock(_component_el_option, {
+                                  key: index,
+                                  label: item.alias,
+                                  value: item.dbColumnName
+                                }, null, 8, ["label", "value"]);
+                              }), 128))
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true),
+                          __props.configure.props.dataOrigin.optionValueSetType === "sql" ? (openBlock(), createBlock(_component_el_input, {
+                            key: 1,
+                            modelValue: scope.row.columnName,
+                            "onUpdate:modelValue": ($event) => scope.row.columnName = $event
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true),
+                          __props.configure.props.dataOrigin.optionValueSetType === "optionGroup" ? (openBlock(), createBlock(_component_el_select, {
+                            key: 2,
+                            modelValue: scope.row.columnName,
+                            "onUpdate:modelValue": ($event) => scope.row.columnName = $event,
+                            clearable: ""
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_el_option, {
+                                label: "Label",
+                                value: "label"
+                              }),
+                              createVNode(_component_el_option, {
+                                label: "Value",
+                                value: "value"
+                              })
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true)
+                        ]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      label: "固定标题",
+                      align: "center",
+                      fixed: "left",
+                      prop: "headerName",
+                      width: "150"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(scope.row.headerName), 1)) : (openBlock(), createBlock(_component_el_input, {
+                          key: 1,
+                          modelValue: scope.row.headerName,
+                          "onUpdate:modelValue": ($event) => scope.row.headerName = $event,
+                          onFocus: ($event) => listColumnRowClick(scope.row)
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      label: "标题值设置",
+                      align: "center",
+                      prop: "valueSet",
+                      width: "110"
+                    }, {
+                      default: withCtx((scope) => [
+                        createVNode(_component_el_button, {
+                          disabled: !scope.row.editing,
+                          type: "primary",
+                          onClick: ($event) => showValueSetDialog(2, scope.row, scope.$index)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode("配置值设置")
+                          ]),
+                          _: 2
+                        }, 1032, ["disabled", "onClick"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      label: "固定标题国际化key",
+                      align: "center",
+                      fixed: "left",
+                      prop: "headerNameI18nKey",
+                      width: "200px"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(scope.row.headerNameI18nKey), 1)) : (openBlock(), createBlock(_component_el_input, {
+                          key: 1,
+                          modelValue: scope.row.headerNameI18nKey,
+                          "onUpdate:modelValue": ($event) => scope.row.headerNameI18nKey = $event,
+                          onFocus: ($event) => listColumnRowClick(scope.row)
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      label: "内容字段",
+                      align: "center",
+                      fixed: "left",
+                      prop: "prop",
+                      width: "210px"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_5, [
+                          createElementVNode("span", null, toDisplayString(scope.row.prop), 1)
+                        ])) : (openBlock(), createElementBlock("span", _hoisted_6, [
+                          createVNode(_component_el_select, {
+                            modelValue: scope.row.prop,
+                            "onUpdate:modelValue": ($event) => scope.row.prop = $event,
+                            clearable: "",
+                            style: { "width": "100%" },
+                            onFocus: ($event) => listColumnRowClick(scope.row)
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.clolumnTableFields, (item, index) => {
+                                return openBlock(), createBlock(_component_el_option, {
+                                  key: index,
+                                  label: item.alias,
+                                  value: item.dbColumnName
+                                }, null, 8, ["label", "value"]);
+                              }), 128))
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue", "onFocus"])
+                        ]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      label: "标题内容映射字段",
+                      align: "center",
+                      fixed: "left",
+                      prop: "titleContentJoinField",
+                      width: "210px"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_7, [
+                          createElementVNode("span", null, toDisplayString(scope.row.titleContentJoinField), 1)
+                        ])) : (openBlock(), createElementBlock("span", _hoisted_8, [
+                          createVNode(_component_el_select, {
+                            modelValue: scope.row.titleContentJoinField,
+                            "onUpdate:modelValue": ($event) => scope.row.titleContentJoinField = $event,
+                            clearable: "",
+                            style: { "width": "100%" },
+                            onFocus: ($event) => listColumnRowClick(scope.row)
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.clolumnTableFields, (item, index) => {
+                                return openBlock(), createBlock(_component_el_option, {
+                                  key: index,
+                                  label: item.alias,
+                                  value: item.dbColumnName
+                                }, null, 8, ["label", "value"]);
+                              }), 128))
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue", "onFocus"])
+                        ]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      label: "列宽",
+                      align: "center",
+                      prop: "width",
+                      width: "80px"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(scope.row.width), 1)) : (openBlock(), createBlock(_component_el_input, {
+                          key: 1,
+                          modelValue: scope.row.width,
+                          "onUpdate:modelValue": ($event) => scope.row.width = $event,
+                          onFocus: ($event) => listColumnRowClick(scope.row)
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      label: "是否显示",
+                      align: "center",
+                      prop: "visible",
+                      width: "80px"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(scope.row.visible), 1)) : (openBlock(), createBlock(_component_el_switch, {
+                          key: 1,
+                          modelValue: scope.row.visible,
+                          "onUpdate:modelValue": ($event) => scope.row.visible = $event,
+                          onFocus: ($event) => listColumnRowClick(scope.row)
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      label: "是否导出",
+                      align: "center",
+                      prop: "exportable",
+                      width: "80px"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(scope.row.exportable), 1)) : (openBlock(), createBlock(_component_el_switch, {
+                          key: 1,
+                          modelValue: scope.row.exportable,
+                          "onUpdate:modelValue": ($event) => scope.row.exportable = $event,
+                          onFocus: ($event) => listColumnRowClick(scope.row)
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      label: "是否排序",
+                      align: "center",
+                      prop: "listColumnSort",
+                      width: "80"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(scope.row.listColumnSort), 1)) : (openBlock(), createBlock(_component_el_select, {
+                          key: 1,
+                          modelValue: scope.row.listColumnSort,
+                          "onUpdate:modelValue": ($event) => scope.row.listColumnSort = $event,
+                          clearable: "",
+                          onFocus: ($event) => listColumnRowClick(scope.row)
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_option, {
+                              label: "自定义",
+                              value: "custom"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "排序",
+                              value: "true"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "不排序",
+                              value: "false"
+                            })
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue", "onFocus"]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      label: "冻结列",
+                      align: "center",
+                      prop: "listColumnFixed",
+                      width: "80"
+                    }, {
+                      default: withCtx((scope) => [
+                        !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(scope.row.listColumnFixed), 1)) : (openBlock(), createBlock(_component_el_select, {
+                          key: 1,
+                          modelValue: scope.row.listColumnFixed,
+                          "onUpdate:modelValue": ($event) => scope.row.listColumnFixed = $event,
+                          clearable: "",
+                          onFocus: ($event) => listColumnRowClick(scope.row)
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_option, {
+                              label: "不冻结",
+                              value: "false"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "左",
+                              value: "left"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "右",
+                              value: "right"
+                            })
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue", "onFocus"]))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      label: "格式设置",
+                      align: "center",
+                      prop: "format",
+                      width: "100"
+                    }, {
+                      default: withCtx((scope) => [
+                        createVNode(_component_el_button, {
+                          disabled: !scope.row.editing,
+                          type: "primary",
+                          onClick: ($event) => showIsShow(scope.row)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode("配置格式 ")
+                          ]),
+                          _: 2
+                        }, 1032, ["disabled", "onClick"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, {
+                      label: "值设置",
+                      align: "center",
+                      prop: "valueSet",
+                      width: "110"
+                    }, {
+                      default: withCtx((scope) => [
+                        createVNode(_component_el_button, {
+                          disabled: !scope.row.editing,
+                          type: "primary",
+                          onClick: ($event) => showValueSetDialog(1, scope.row, scope.$index)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode("配置值设置")
+                          ]),
+                          _: 2
+                        }, 1032, ["disabled", "onClick"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_table_column, { label: "行编辑设置" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_table_column, {
+                          label: "是否编辑",
+                          align: "center",
+                          prop: "editable",
+                          width: "80px"
+                        }, {
+                          default: withCtx((scope) => [
+                            !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(scope.row.editable), 1)) : (openBlock(), createBlock(_component_el_switch, {
+                              key: 1,
+                              modelValue: scope.row.editable,
+                              "onUpdate:modelValue": ($event) => scope.row.editable = $event,
+                              onFocus: ($event) => listColumnRowClick(scope.row)
+                            }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"]))
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_table_column, {
+                          label: "默认值设置",
+                          align: "center",
+                          prop: "defaultValue",
+                          width: "100"
+                        }, {
+                          default: withCtx((scope) => [
+                            !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(scope.row.defaultValue), 1)) : (openBlock(), createBlock(_component_el_select, {
+                              key: 1,
+                              modelValue: scope.row.defaultValue,
+                              "onUpdate:modelValue": ($event) => scope.row.defaultValue = $event,
+                              placeholder: "请选择",
+                              "allow-create": "",
+                              clearable: "",
+                              "default-first-option": "",
+                              filterable: "",
+                              onFocus: ($event) => listColumnRowClick(scope.row)
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_el_option, {
+                                  label: "无",
+                                  value: "CURRENT_NOTHING"
+                                }),
+                                createVNode(_component_el_option, {
+                                  label: "当前日期",
+                                  value: "CURRENT_DATE"
+                                }),
+                                createVNode(_component_el_option, {
+                                  label: "当前时间",
+                                  value: "CURRENT_TIME"
+                                }),
+                                createVNode(_component_el_option, {
+                                  label: "当前用户名",
+                                  value: "CURRENT_USER_NAME"
+                                }),
+                                createVNode(_component_el_option, {
+                                  label: "当前登陆名",
+                                  value: "CURRENT_LOGIN_NAME"
+                                })
+                              ]),
+                              _: 2
+                            }, 1032, ["modelValue", "onUpdate:modelValue", "onFocus"]))
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_table_column, {
+                          label: "控件类型名称",
+                          align: "center",
+                          prop: "controlName",
+                          width: "120"
+                        }, {
+                          default: withCtx((scope) => [
+                            !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_16, toDisplayString(scope.row.controlName), 1)) : createCommentVNode("", true),
+                            createVNode(_component_el_select, {
+                              modelValue: scope.row.controlName,
+                              "onUpdate:modelValue": ($event) => scope.row.controlName = $event,
+                              onFocus: ($event) => listColumnRowClick(scope.row),
+                              placeholder: "请选择"
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getFormComponentOptions)(), (item) => {
+                                  return openBlock(), createBlock(_component_el_option, {
+                                    key: item.name,
+                                    label: item.label,
+                                    value: item.name
+                                  }, null, 8, ["label", "value"]);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1032, ["modelValue", "onUpdate:modelValue", "onFocus"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_table_column, {
+                          label: "控件事件",
+                          align: "center",
+                          width: "150px"
+                        }, {
+                          default: withCtx((scope) => [
+                            createVNode(_component_el_select, {
+                              clearable: "",
+                              disabled: !scope.row.editing,
+                              modelValue: scope.row.eventOption,
+                              "onUpdate:modelValue": ($event) => scope.row.eventOption = $event,
+                              placeholder: "请选择自定义方法",
+                              filterable: "",
+                              onFocus: ($event) => listColumnRowClick(scope.row)
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getCustomFuncs)(), (item) => {
+                                  return openBlock(), createBlock(_component_el_option, {
+                                    key: item.value,
+                                    label: item.label,
+                                    value: item.value
+                                  }, null, 8, ["label", "value"]);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1032, ["disabled", "modelValue", "onUpdate:modelValue", "onFocus"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_table_column, {
+                          label: "校验规则",
+                          align: "center",
+                          prop: "checkRules",
+                          width: "200px"
+                        }, {
+                          default: withCtx((scope) => [
+                            !scope.row.editing ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(scope.row.checkRules), 1)) : (openBlock(), createBlock(_component_el_input, {
+                              key: 1,
+                              modelValue: scope.row.checkRules,
+                              "onUpdate:modelValue": ($event) => scope.row.checkRules = $event,
+                              type: "textarea",
+                              onFocus: ($event) => listColumnRowClick(scope.row)
+                            }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"]))
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_table_column, {
+                          label: "校验规则",
+                          prop: "validations",
+                          width: "800"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_table_column, {
+                              label: "必填",
+                              align: "center",
+                              width: "70"
+                            }, {
+                              default: withCtx((scope) => [
+                                createVNode(_component_el_switch, {
+                                  modelValue: scope.row.required,
+                                  "onUpdate:modelValue": ($event) => scope.row.required = $event,
+                                  onFocus: ($event) => listColumnRowClick(scope.row)
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"])
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_table_column, {
+                              label: "校验格式",
+                              width: "100"
+                            }, {
+                              default: withCtx((scope) => [
+                                createVNode(_component_el_select, {
+                                  modelValue: scope.row.type,
+                                  "onUpdate:modelValue": ($event) => scope.row.type = $event,
+                                  clearable: "",
+                                  onFocus: ($event) => listColumnRowClick(scope.row)
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_el_option, {
+                                      label: "字符串",
+                                      value: "string"
+                                    }),
+                                    createVNode(_component_el_option, {
+                                      label: "数字",
+                                      value: "number"
+                                    }),
+                                    createVNode(_component_el_option, {
+                                      label: "布尔",
+                                      value: "boolean"
+                                    }),
+                                    createVNode(_component_el_option, {
+                                      label: "整形",
+                                      value: "integer"
+                                    }),
+                                    createVNode(_component_el_option, {
+                                      label: "单精度",
+                                      value: "float"
+                                    }),
+                                    createVNode(_component_el_option, {
+                                      label: "url",
+                                      value: "url"
+                                    }),
+                                    createVNode(_component_el_option, {
+                                      label: "邮箱地址",
+                                      value: "email"
+                                    }),
+                                    createVNode(_component_el_option, {
+                                      label: "十六进制",
+                                      value: "hex"
+                                    })
+                                  ]),
+                                  _: 2
+                                }, 1032, ["modelValue", "onUpdate:modelValue", "onFocus"])
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_table_column, {
+                              label: "正则表达式",
+                              width: "500"
+                            }, {
+                              default: withCtx((scope) => [
+                                createVNode(_component_el_input, {
+                                  modelValue: scope.row.pattern,
+                                  "onUpdate:modelValue": ($event) => scope.row.pattern = $event,
+                                  placeholder: "填写正则表达式",
+                                  type: "textarea",
+                                  onFocus: ($event) => listColumnRowClick(scope.row)
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"])
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["data"]),
+            configurationVisible.value ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              ref_key: "configurationRef",
+              ref: configurationRef,
+              configValue: configValue.value,
+              clolumnTableFields: __props.clolumnTableFields,
+              onAdd: configurationAdd,
+              onClose: configurationClose
+            }, null, 8, ["configValue", "clolumnTableFields"])) : createCommentVNode("", true),
+            formattingVisible.value ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 1,
+              pageDesign: _ctx.pageDesign,
+              formatting: formattingData.value,
+              onAdd: formattingAdd,
+              onClose: formattingClose
+            }, null, 8, ["pageDesign", "formatting"])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};