@fecp/designer 5.4.62 → 5.4.64

package/lib/designer/src/packages/dialog/index.vue2.js

@@ -0,0 +1,988 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("../../../../node_modules/element-plus/es/index.js");
+;/* empty css                                                          */
+;/* empty css                                                                */
+;/* empty css                                                               */
+;/* empty css                                                             */
+;/* empty css                                                                 */
+;/* empty css                                                               */
+;/* empty css                                                               */
+;/* empty css                                                                */
+;/* empty css                                                                  */
+;/* empty css                                                            */
+;/* empty css                                                               */
+;/* empty css                                                                     */
+;/* empty css                                                               */
+;/* empty css                                                              */
+;/* empty css                                                                    */
+;/* empty css                                                                     */
+;/* empty css                                                                  */
+;/* empty css                                                              */
+;/* empty css                                                                  */
+;/* empty css                                                               */
+;/* empty css                                                               */
+;/* empty css                                                             */
+;/* empty css                                                             */
+;/* empty css                                                              */
+;/* empty css                                                               */
+const vue = require("vue");
+const vueDraggablePlus = require("../../../../node_modules/vue-draggable-plus/dist/vue-draggable-plus.js");
+const index$4 = require("../../../../node_modules/@element-plus/icons-vue/dist/index.js");
+const common = require("../utils/common.js");
+const TemplateSelector = require("../../components/TemplateSelector.vue2.js");
+const index = require("../../api/index.js");
+const ParamsConfig = require("../../components/ParamsConfig.vue2.js");
+const DataSourceSelect = require("../../components/DataSourceSelect.vue.js");
+const FieldSetMapping = require("../../components/FieldSetMapping.vue2.js");
+const OnlyFLowConfigButton = ;/* empty css                                          */
+const FormulaEditorInput = require("../../components/FormulaEditorInput.vue.js");
+const index$g = require("../table/aside/index.js");
+const _default = require("../table/default.js");
+const widgets = require("../table/property/widgets.vue.js");
+;/* empty css                                                              */
+;/* empty css                                                                */
+;/* empty css           */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const index$1 = require("../../../../node_modules/element-plus/es/components/dialog/index.js");
+const index$2 = require("../../../../node_modules/element-plus/es/components/container/index.js");
+const index$3 = require("../../../../node_modules/element-plus/es/components/button/index.js");
+const index$5 = require("../../../../node_modules/element-plus/es/components/input/index.js");
+const index$6 = require("../../../../node_modules/element-plus/es/components/link/index.js");
+const index$7 = require("../../../../node_modules/element-plus/es/components/icon/index.js");
+const index$8 = require("../../../../node_modules/element-plus/es/components/scrollbar/index.js");
+const index$9 = require("../../../../node_modules/element-plus/es/components/form/index.js");
+const index$a = require("../../../../node_modules/element-plus/es/components/radio/index.js");
+const index$b = require("../../../../node_modules/element-plus/es/components/select/index.js");
+const index$c = require("../../../../node_modules/element-plus/es/components/popover/index.js");
+const index$d = require("../../../../node_modules/element-plus/es/components/switch/index.js");
+const index$e = require("../../../../node_modules/element-plus/es/components/checkbox/index.js");
+const index$f = require("../../../../node_modules/element-plus/es/components/message/index.js");
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { class: "dialog-menu-item is-editing" };
+const _hoisted_3 = { class: "new-item-content" };
+const _hoisted_4 = { class: "edit-actions" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "dialog-content" };
+const _hoisted_7 = { class: "dialog-name-wrapper" };
+const _hoisted_8 = { style: { "display": "flex", "gap": "16px", "width": "100%" } };
+const _hoisted_9 = { class: "col-panel" };
+const _hoisted_10 = { class: "col-header" };
+const _hoisted_11 = { class: "col-rules-list" };
+const _hoisted_12 = { class: "drag-handle" };
+const _hoisted_13 = { class: "custom-col-btns" };
+const _hoisted_14 = { class: "col-property" };
+const _hoisted_15 = { class: "footer-buttons-container" };
+const _hoisted_16 = {
+  key: 0,
+  class: "empty-tip"
+};
+const _hoisted_17 = {
+  key: 1,
+  class: "footer-buttons"
+};
+const _hoisted_18 = {
+  key: 1,
+  class: "empty-selection"
+};
+const _hoisted_19 = { class: "dialog-footer" };
+const _sfc_main = {
+  __name: "index",
+  props: {
+    "modelValue": { required: true },
+    "modelModifiers": {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const editConfigData = vue.computed(() => {
+      return common.getEditConfigData();
+    });
+    const dialogVisible = vue.useModel(__props, "modelValue");
+    const selectedDialogs = vue.ref([]);
+    const activeDialogIndex = vue.ref(-1);
+    vue.watch(dialogVisible, (val) => {
+      if (val) {
+        isEditingNew.value = false;
+        editingDialogIndex.value = -1;
+        selectedDialogs.value = common.cloneDeep(common.getEditConfigDialogs());
+        if (selectedDialogs.value.length > 0 && activeDialogIndex.value === -1) {
+          activeDialogIndex.value = 0;
+        }
+      }
+    });
+    const isEditingNew = vue.ref(false);
+    const newDialogName = vue.ref("");
+    const editingDialogIndex = vue.ref(-1);
+    const editingDialogName = vue.ref("");
+    const startAddDialog = () => {
+      isEditingNew.value = true;
+      newDialogName.value = "";
+    };
+    const confirmAddDialog = () => {
+      if (!newDialogName.value.trim()) {
+        index$f.ElMessage.warning("请输入弹层名称");
+        return;
+      }
+      selectedDialogs.value.push({
+        id: "dialog_" + Date.now(),
+        name: newDialogName.value,
+        dialogSize: "standard",
+        dialogParams: [],
+        customWidth: "",
+        // 自定义宽度
+        customMaxHeight: "",
+        // 自定义最大高度
+        contentSource: "table",
+        tableContent: "select",
+        selectionMode: "single",
+        isSubTablePagination: true,
+        isSubTableReadOnly: false,
+        componentPath: "",
+        fieldMapping: [],
+        subFormMode: "edit",
+        subFormFooterButtons: [],
+        // 表单底部按钮
+        componentParams: []
+      });
+      isEditingNew.value = false;
+      newDialogName.value = "";
+      activeDialogIndex.value = selectedDialogs.value.length - 1;
+    };
+    const cancelAddDialog = () => {
+      isEditingNew.value = false;
+      newDialogName.value = "";
+    };
+    const handleRemoveDialog = (index2) => {
+      selectedDialogs.value.splice(index2, 1);
+      if (activeDialogIndex.value === index2) {
+        activeDialogIndex.value = -1;
+      } else if (activeDialogIndex.value > index2) {
+        activeDialogIndex.value--;
+      }
+    };
+    const startEditDialog = (index2) => {
+      editingDialogIndex.value = index2;
+      editingDialogName.value = selectedDialogs.value[index2].name;
+    };
+    const onEditOutside = () => {
+      if (editingDialogIndex.value !== -1) {
+        if (!editingDialogName.value.trim()) {
+          index$f.ElMessage.warning("请输入弹层名称");
+          return;
+        }
+        selectedDialogs.value[editingDialogIndex.value].name = editingDialogName.value;
+        editingDialogIndex.value = -1;
+        editingDialogName.value = "";
+      }
+    };
+    const onConfirm = () => {
+      common.setEditConfigDialogs(selectedDialogs.value);
+      dialogVisible.value = false;
+    };
+    const tableOptions = vue.ref(null);
+    const formOptions = vue.ref(null);
+    const currentDialog = vue.computed(() => {
+      const data = selectedDialogs.value[activeDialogIndex.value];
+      if (!data.fieldMapping) {
+        data.fieldMapping = [];
+      }
+      if (!data.customTableConfig) {
+        data.customTableConfig = common.cloneDeep(_default.defaultTableConfig);
+        data.customTableConfig.fieldsData = [];
+        data.customTableConfig.dataSources = editConfigData.value.dataSources;
+      } else {
+        data.customTableConfig.dataSources = editConfigData.value.dataSources;
+        data.customTableConfig.queryConfig.enabled = false;
+      }
+      if ((data == null ? void 0 : data.contentSource) == "table") {
+        const pkId = data == null ? void 0 : data.subTableId;
+        if (pkId) {
+          index.default.getById(pkId, false).then((data2) => {
+            tableOptions.value = JSON.parse(data2.context);
+          });
+        }
+      } else if ((data == null ? void 0 : data.contentSource) == "form") {
+        const pkId = data == null ? void 0 : data.subFormId;
+        if (pkId) {
+          index.default.getById(pkId, false).then((data2) => {
+            formOptions.value = JSON.parse(data2.context);
+          });
+        }
+      }
+      return data;
+    });
+    function tableSelectorConfirm(data) {
+      tableOptions.value = data;
+      currentDialog.value.subTableMode = null;
+    }
+    function formSelectorConfirm(data) {
+      formOptions.value = data;
+    }
+    const tableMode = vue.computed(() => {
+      var _a;
+      return (_a = tableOptions.value) == null ? void 0 : _a.mode;
+    });
+    const tableFields = vue.computed(() => {
+      var _a, _b, _c, _d;
+      if (currentDialog.value.tableContent === "custom") {
+        return ((_b = (_a = currentDialog.value) == null ? void 0 : _a.customTableConfig) == null ? void 0 : _b.fieldsData) || [];
+      } else if (currentDialog.value.tableContent === "select") {
+        return [
+          ...((_c = tableOptions.value) == null ? void 0 : _c.fieldsData) || [],
+          ...((_d = tableOptions.value) == null ? void 0 : _d.hiddenFields) || []
+        ];
+      }
+    });
+    const formFooterBtn = vue.computed(() => {
+      var _a;
+      const btnList = (_a = formOptions.value) == null ? void 0 : _a.pageFooterConfig.actions;
+      if (btnList) {
+        return btnList.filter((item) => item.btnType == "primary");
+      }
+      return [];
+    });
+    const isButtonSelected = (btnId) => {
+      var _a, _b;
+      return (_b = (_a = currentDialog.value) == null ? void 0 : _a.subFormFooterButtons) == null ? void 0 : _b.includes(btnId);
+    };
+    const toggleButton = (btn) => {
+      if (!currentDialog.value.subFormFooterButtons) {
+        currentDialog.value.subFormFooterButtons = [];
+      }
+      const index2 = currentDialog.value.subFormFooterButtons.indexOf(btn.id);
+      if (index2 > -1) {
+        currentDialog.value.subFormFooterButtons.splice(index2, 1);
+      } else {
+        currentDialog.value.subFormFooterButtons.push(btn.id);
+      }
+    };
+    function handleOnlyFlowConfirm(data) {
+      currentDialog.value.callbackEventConfig = data;
+    }
+    const addTableCol = () => {
+      currentDialog.value.customTableConfig.fieldsData.push({
+        fieldType: "text",
+        label: "",
+        ...index$g.defaultProperty,
+        fieldName: ""
+      });
+    };
+    const removeCol = (index2) => {
+      currentDialog.value.customTableConfig.fieldsData.splice(index2, 1);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_button = index$3.ElButton;
+      const _component_el_header = index$2.ElHeader;
+      const _component_el_input = index$5.ElInput;
+      const _component_el_link = index$6.ElLink;
+      const _component_el_icon = index$7.ElIcon;
+      const _component_el_main = index$2.ElMain;
+      const _component_el_container = index$2.ElContainer;
+      const _component_el_aside = index$2.ElAside;
+      const _component_el_form_item = index$9.ElFormItem;
+      const _component_el_radio_button = index$a.ElRadioButton;
+      const _component_el_radio_group = index$a.ElRadioGroup;
+      const _component_el_option = index$b.ElOption;
+      const _component_el_select = index$b.ElSelect;
+      const _component_el_scrollbar = index$8.ElScrollbar;
+      const _component_el_popover = index$c.ElPopover;
+      const _component_el_switch = index$d.ElSwitch;
+      const _component_el_checkbox = index$e.ElCheckbox;
+      const _component_el_form = index$9.ElForm;
+      const _component_el_dialog = index$1.ElDialog;
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        modelValue: dialogVisible.value,
+        "onUpdate:modelValue": _cache[31] || (_cache[31] = ($event) => dialogVisible.value = $event),
+        width: "50%",
+        title: "页面弹层配置",
+        draggable: "",
+        overflow: "",
+        "append-to-body": "",
+        class: "fec-dev-designer-dialog"
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_19, [
+            vue.createVNode(_component_el_button, {
+              onClick: _cache[30] || (_cache[30] = ($event) => dialogVisible.value = false)
+            }, {
+              default: vue.withCtx(() => _cache[51] || (_cache[51] = [
+                vue.createTextVNode("取消")
+              ])),
+              _: 1
+            }),
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              onClick: onConfirm
+            }, {
+              default: vue.withCtx(() => _cache[52] || (_cache[52] = [
+                vue.createTextVNode("确定")
+              ])),
+              _: 1
+            })
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_container, { style: { "border": "1px solid #ebeef5", "border-radius": "4px", "height": "600px" } }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_aside, { width: "300px" }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_container, null, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_header, {
+                        height: "40px",
+                        style: { "background-color": "#f2f2f2", "line-height": "40px" }
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_button, {
+                            type: "primary",
+                            link: "",
+                            icon: vue.unref(index$4.Plus),
+                            onClick: startAddDialog
+                          }, {
+                            default: vue.withCtx(() => _cache[32] || (_cache[32] = [
+                              vue.createTextVNode(" 新增弹层 ")
+                            ])),
+                            _: 1
+                          }, 8, ["icon"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_main, { style: { "padding": "10px" } }, {
+                        default: vue.withCtx(() => [
+                          vue.unref(isEditingNew) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                            vue.createElementVNode("div", _hoisted_2, [
+                              vue.createElementVNode("div", _hoisted_3, [
+                                vue.createVNode(_component_el_input, {
+                                  modelValue: vue.unref(newDialogName),
+                                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(newDialogName) ? newDialogName.value = $event : null),
+                                  placeholder: "请输入弹层名称",
+                                  size: "default",
+                                  onKeyup: vue.withKeys(confirmAddDialog, ["enter"]),
+                                  class: "new-item-input"
+                                }, null, 8, ["modelValue"]),
+                                vue.createElementVNode("div", _hoisted_4, [
+                                  vue.createVNode(_component_el_button, {
+                                    size: "small",
+                                    icon: vue.unref(index$4.Close),
+                                    onClick: cancelAddDialog
+                                  }, {
+                                    default: vue.withCtx(() => _cache[33] || (_cache[33] = [
+                                      vue.createTextVNode(" 取消 ")
+                                    ])),
+                                    _: 1
+                                  }, 8, ["icon"]),
+                                  vue.createVNode(_component_el_button, {
+                                    type: "primary",
+                                    size: "small",
+                                    icon: vue.unref(index$4.Check),
+                                    onClick: confirmAddDialog
+                                  }, {
+                                    default: vue.withCtx(() => _cache[34] || (_cache[34] = [
+                                      vue.createTextVNode(" 确认 ")
+                                    ])),
+                                    _: 1
+                                  }, 8, ["icon"])
+                                ])
+                              ])
+                            ])
+                          ])) : vue.createCommentVNode("", true),
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(selectedDialogs), (dialog, index2) => {
+                            return vue.openBlock(), vue.createElementBlock("div", {
+                              key: index2,
+                              class: vue.normalizeClass([
+                                "dialog-menu-item",
+                                { "is-active": vue.unref(activeDialogIndex) === index2 }
+                              ]),
+                              onClick: ($event) => activeDialogIndex.value = index2
+                            }, [
+                              vue.createElementVNode("div", _hoisted_6, [
+                                vue.createElementVNode("div", _hoisted_7, [
+                                  vue.withDirectives(vue.createVNode(_component_el_input, {
+                                    onBlur: ($event) => onEditOutside(),
+                                    maxlength: "30",
+                                    modelValue: vue.unref(editingDialogName),
+                                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(editingDialogName) ? editingDialogName.value = $event : null),
+                                    size: "small"
+                                  }, null, 8, ["onBlur", "modelValue"]), [
+                                    [vue.vShow, vue.unref(editingDialogIndex) === index2]
+                                  ]),
+                                  vue.withDirectives(vue.createVNode(_component_el_link, {
+                                    icon: "Edit",
+                                    onClick: vue.withModifiers(($event) => startEditDialog(index2), ["stop"])
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createTextVNode(vue.toDisplayString(dialog.name), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["onClick"]), [
+                                    [vue.vShow, vue.unref(editingDialogIndex) !== index2]
+                                  ])
+                                ]),
+                                vue.createVNode(_component_el_icon, {
+                                  class: "delete-icon",
+                                  onClick: vue.withModifiers(($event) => handleRemoveDialog(index2), ["stop"])
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(index$4.Delete))
+                                  ]),
+                                  _: 2
+                                }, 1032, ["onClick"])
+                              ])
+                            ], 10, _hoisted_5);
+                          }), 128))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_main, { style: { "border-left": "1px solid #ebeef5", "padding": "0" } }, {
+                default: vue.withCtx(() => [
+                  vue.unref(activeDialogIndex) !== -1 ? (vue.openBlock(), vue.createBlock(_component_el_container, {
+                    key: 0,
+                    style: { "height": "100%" }
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_header, {
+                        height: "40px",
+                        class: "dialog-header"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(currentDialog).name), 1)
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_main, { style: { "padding": "12px 20px 0 20px" } }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_scrollbar, null, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_el_form, {
+                                model: vue.unref(currentDialog),
+                                "label-width": "130px",
+                                style: { "padding-right": "20px" },
+                                size: "small"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_el_form_item, { label: "弹层标题" }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_el_input, {
+                                        modelValue: vue.unref(currentDialog).dialogTitle,
+                                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(currentDialog).dialogTitle = $event),
+                                        placeholder: "请输入弹层标题",
+                                        clearable: ""
+                                      }, null, 8, ["modelValue"])
+                                    ]),
+                                    _: 1
+                                  }),
+                                  vue.createVNode(_component_el_form_item, { label: "弹层尺寸" }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_el_radio_group, {
+                                        modelValue: vue.unref(currentDialog).dialogSize,
+                                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(currentDialog).dialogSize = $event)
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(_component_el_radio_button, { value: "standard" }, {
+                                            default: vue.withCtx(() => _cache[35] || (_cache[35] = [
+                                              vue.createTextVNode("标准")
+                                            ])),
+                                            _: 1
+                                          }),
+                                          vue.createVNode(_component_el_radio_button, { value: "large" }, {
+                                            default: vue.withCtx(() => _cache[36] || (_cache[36] = [
+                                              vue.createTextVNode("更大")
+                                            ])),
+                                            _: 1
+                                          }),
+                                          vue.createVNode(_component_el_radio_button, { value: "small" }, {
+                                            default: vue.withCtx(() => _cache[37] || (_cache[37] = [
+                                              vue.createTextVNode("更小")
+                                            ])),
+                                            _: 1
+                                          }),
+                                          vue.createVNode(_component_el_radio_button, { value: "custom" }, {
+                                            default: vue.withCtx(() => _cache[38] || (_cache[38] = [
+                                              vue.createTextVNode("自定义")
+                                            ])),
+                                            _: 1
+                                          })
+                                        ]),
+                                        _: 1
+                                      }, 8, ["modelValue"])
+                                    ]),
+                                    _: 1
+                                  }),
+                                  vue.unref(currentDialog).dialogSize === "custom" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                                    key: 0,
+                                    label: "自定义尺寸"
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createElementVNode("div", _hoisted_8, [
+                                        vue.createVNode(_component_el_input, {
+                                          modelValue: vue.unref(currentDialog).customWidth,
+                                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(currentDialog).customWidth = $event),
+                                          placeholder: "宽度，如：800px、60%",
+                                          style: { "flex": "1" }
+                                        }, null, 8, ["modelValue"]),
+                                        vue.createVNode(_component_el_input, {
+                                          modelValue: vue.unref(currentDialog).customMaxHeight,
+                                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(currentDialog).customMaxHeight = $event),
+                                          placeholder: "最大高度，如：600px、80vh",
+                                          style: { "flex": "1" }
+                                        }, null, 8, ["modelValue"])
+                                      ])
+                                    ]),
+                                    _: 1
+                                  })) : vue.createCommentVNode("", true),
+                                  vue.createVNode(_component_el_form_item, { label: "弹层参数" }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(ParamsConfig.default, {
+                                        modelValue: vue.unref(currentDialog).dialogParams,
+                                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(currentDialog).dialogParams = $event)
+                                      }, null, 8, ["modelValue"])
+                                    ]),
+                                    _: 1
+                                  }),
+                                  vue.createVNode(_component_el_form_item, { label: "弹层类型" }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_el_radio_group, {
+                                        modelValue: vue.unref(currentDialog).contentSource,
+                                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(currentDialog).contentSource = $event)
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(_component_el_radio_button, { value: "table" }, {
+                                            default: vue.withCtx(() => _cache[39] || (_cache[39] = [
+                                              vue.createTextVNode("列表")
+                                            ])),
+                                            _: 1
+                                          }),
+                                          vue.createVNode(_component_el_radio_button, { value: "form" }, {
+                                            default: vue.withCtx(() => _cache[40] || (_cache[40] = [
+                                              vue.createTextVNode("表单")
+                                            ])),
+                                            _: 1
+                                          }),
+                                          vue.createVNode(_component_el_radio_button, { value: "tree" }, {
+                                            default: vue.withCtx(() => _cache[41] || (_cache[41] = [
+                                              vue.createTextVNode("树形")
+                                            ])),
+                                            _: 1
+                                          }),
+                                          vue.createVNode(_component_el_radio_button, { value: "component" }, {
+                                            default: vue.withCtx(() => _cache[42] || (_cache[42] = [
+                                              vue.createTextVNode("组件")
+                                            ])),
+                                            _: 1
+                                          })
+                                        ]),
+                                        _: 1
+                                      }, 8, ["modelValue"])
+                                    ]),
+                                    _: 1
+                                  }),
+                                  vue.unref(currentDialog).contentSource === "table" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                                    vue.createVNode(_component_el_form_item, { label: "列表内容" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(_component_el_radio_group, {
+                                          modelValue: vue.unref(currentDialog).tableContent,
+                                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(currentDialog).tableContent = $event)
+                                        }, {
+                                          default: vue.withCtx(() => [
+                                            vue.createVNode(_component_el_radio_button, { value: "select" }, {
+                                              default: vue.withCtx(() => _cache[43] || (_cache[43] = [
+                                                vue.createTextVNode("选择列表")
+                                              ])),
+                                              _: 1
+                                            }),
+                                            vue.createVNode(_component_el_radio_button, { value: "custom" }, {
+                                              default: vue.withCtx(() => _cache[44] || (_cache[44] = [
+                                                vue.createTextVNode("自定义")
+                                              ])),
+                                              _: 1
+                                            })
+                                          ]),
+                                          _: 1
+                                        }, 8, ["modelValue"])
+                                      ]),
+                                      _: 1
+                                    }),
+                                    vue.unref(currentDialog).tableContent === "select" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                                      vue.createVNode(_component_el_form_item, { label: "选择列表" }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(TemplateSelector.default, {
+                                            modelValue: vue.unref(currentDialog).subTableName,
+                                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(currentDialog).subTableName = $event),
+                                            templateKey: vue.unref(currentDialog).subTableKey,
+                                            "onUpdate:templateKey": _cache[10] || (_cache[10] = ($event) => vue.unref(currentDialog).subTableKey = $event),
+                                            templateId: vue.unref(currentDialog).subTableId,
+                                            "onUpdate:templateId": _cache[11] || (_cache[11] = ($event) => vue.unref(currentDialog).subTableId = $event),
+                                            templateType: "table",
+                                            onConfirm: tableSelectorConfirm
+                                          }, null, 8, ["modelValue", "templateKey", "templateId"])
+                                        ]),
+                                        _: 1
+                                      }),
+                                      vue.createVNode(_component_el_form_item, { label: "列表模式" }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(_component_el_select, {
+                                            modelValue: vue.unref(currentDialog).subTableMode,
+                                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(currentDialog).subTableMode = $event),
+                                            clearable: ""
+                                          }, {
+                                            default: vue.withCtx(() => [
+                                              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tableMode), (mode) => {
+                                                return vue.openBlock(), vue.createBlock(_component_el_option, {
+                                                  key: mode.key,
+                                                  label: mode.name,
+                                                  value: mode.key
+                                                }, null, 8, ["label", "value"]);
+                                              }), 128))
+                                            ]),
+                                            _: 1
+                                          }, 8, ["modelValue"])
+                                        ]),
+                                        _: 1
+                                      })
+                                    ], 64)) : vue.createCommentVNode("", true),
+                                    vue.unref(currentDialog).tableContent === "custom" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                                      vue.createVNode(_component_el_form_item, { label: "列配置" }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createElementVNode("div", _hoisted_9, [
+                                            vue.createElementVNode("div", _hoisted_10, [
+                                              vue.createVNode(_component_el_button, {
+                                                type: "primary",
+                                                size: "small",
+                                                onClick: addTableCol,
+                                                icon: "Plus",
+                                                link: ""
+                                              }, {
+                                                default: vue.withCtx(() => _cache[45] || (_cache[45] = [
+                                                  vue.createTextVNode(" 添加列配置 ")
+                                                ])),
+                                                _: 1
+                                              })
+                                            ]),
+                                            vue.createElementVNode("div", _hoisted_11, [
+                                              vue.createVNode(vue.unref(vueDraggablePlus.VueDraggable), {
+                                                modelValue: vue.unref(currentDialog).customTableConfig.fieldsData,
+                                                "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(currentDialog).customTableConfig.fieldsData = $event),
+                                                animation: 150,
+                                                handle: ".drag-handle"
+                                              }, {
+                                                default: vue.withCtx(() => [
+                                                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(currentDialog).customTableConfig.fieldsData, (col, index2) => {
+                                                    return vue.openBlock(), vue.createElementBlock("div", {
+                                                      key: index2,
+                                                      class: "col-rule-item"
+                                                    }, [
+                                                      vue.createElementVNode("div", _hoisted_12, [
+                                                        vue.createVNode(_component_el_icon, null, {
+                                                          default: vue.withCtx(() => [
+                                                            vue.createVNode(vue.unref(index$4.Rank))
+                                                          ]),
+                                                          _: 1
+                                                        })
+                                                      ]),
+                                                      vue.createVNode(_component_el_input, {
+                                                        modelValue: col.label,
+                                                        "onUpdate:modelValue": ($event) => col.label = $event,
+                                                        size: "small",
+                                                        placeholder: "列标题"
+                                                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                                                      vue.createVNode(_component_el_input, {
+                                                        modelValue: col.fieldName,
+                                                        "onUpdate:modelValue": ($event) => col.fieldName = $event,
+                                                        size: "small",
+                                                        placeholder: "字段名"
+                                                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                                                      vue.createElementVNode("div", _hoisted_13, [
+                                                        vue.createVNode(_component_el_popover, {
+                                                          placement: "right",
+                                                          width: 200,
+                                                          trigger: "click"
+                                                        }, {
+                                                          reference: vue.withCtx(() => [
+                                                            vue.createVNode(_component_el_button, {
+                                                              icon: vue.unref(index$4.Edit),
+                                                              link: "",
+                                                              type: "primary",
+                                                              class: "edit-btn"
+                                                            }, null, 8, ["icon"])
+                                                          ]),
+                                                          default: vue.withCtx(() => [
+                                                            vue.createElementVNode("div", _hoisted_14, [
+                                                              vue.createVNode(_component_el_scrollbar, { "wrap-class": "col-property-scrollbar" }, {
+                                                                default: vue.withCtx(() => [
+                                                                  vue.createVNode(widgets.default, {
+                                                                    column: col,
+                                                                    isComp: ""
+                                                                  }, null, 8, ["column"])
+                                                                ]),
+                                                                _: 2
+                                                              }, 1024)
+                                                            ])
+                                                          ]),
+                                                          _: 2
+                                                        }, 1024),
+                                                        vue.createVNode(_component_el_button, {
+                                                          icon: vue.unref(index$4.Delete),
+                                                          link: "",
+                                                          type: "danger",
+                                                          class: "delete-btn",
+                                                          onClick: ($event) => removeCol(index2)
+                                                        }, null, 8, ["icon", "onClick"])
+                                                      ])
+                                                    ]);
+                                                  }), 128))
+                                                ]),
+                                                _: 1
+                                              }, 8, ["modelValue"])
+                                            ])
+                                          ])
+                                        ]),
+                                        _: 1
+                                      }),
+                                      vue.createVNode(_component_el_form_item, { label: "主键字段" }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(_component_el_input, {
+                                            modelValue: vue.unref(currentDialog).customTableConfig.pkFieldName,
+                                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(currentDialog).customTableConfig.pkFieldName = $event),
+                                            placeholder: "请输入主键字段",
+                                            clearable: ""
+                                          }, null, 8, ["modelValue"])
+                                        ]),
+                                        _: 1
+                                      }),
+                                      vue.createVNode(_component_el_form_item, { label: "数据源" }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(DataSourceSelect.default, {
+                                            modelValue: vue.unref(currentDialog).customTableConfig.dataSourceId,
+                                            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.unref(currentDialog).customTableConfig.dataSourceId = $event)
+                                          }, null, 8, ["modelValue"])
+                                        ]),
+                                        _: 1
+                                      })
+                                    ], 64)) : vue.createCommentVNode("", true),
+                                    vue.createVNode(_component_el_form_item, { label: "是否翻页" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(_component_el_switch, {
+                                          modelValue: vue.unref(currentDialog).isSubTablePagination,
+                                          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.unref(currentDialog).isSubTablePagination = $event)
+                                        }, null, 8, ["modelValue"])
+                                      ]),
+                                      _: 1
+                                    }),
+                                    vue.createVNode(_component_el_form_item, { label: "是否只读" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(_component_el_switch, {
+                                          modelValue: vue.unref(currentDialog).isSubTableReadOnly,
+                                          "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.unref(currentDialog).isSubTableReadOnly = $event)
+                                        }, null, 8, ["modelValue"])
+                                      ]),
+                                      _: 1
+                                    }),
+                                    !vue.unref(currentDialog).isSubTableReadOnly ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                                      vue.createVNode(_component_el_form_item, { label: "选择模式" }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(_component_el_radio_group, {
+                                            modelValue: vue.unref(currentDialog).selectionMode,
+                                            "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => vue.unref(currentDialog).selectionMode = $event)
+                                          }, {
+                                            default: vue.withCtx(() => [
+                                              vue.createVNode(_component_el_radio_button, { value: "none" }, {
+                                                default: vue.withCtx(() => _cache[46] || (_cache[46] = [
+                                                  vue.createTextVNode("无")
+                                                ])),
+                                                _: 1
+                                              }),
+                                              vue.createVNode(_component_el_radio_button, { value: "single" }, {
+                                                default: vue.withCtx(() => _cache[47] || (_cache[47] = [
+                                                  vue.createTextVNode("单选")
+                                                ])),
+                                                _: 1
+                                              }),
+                                              vue.createVNode(_component_el_radio_button, { value: "multiple" }, {
+                                                default: vue.withCtx(() => _cache[48] || (_cache[48] = [
+                                                  vue.createTextVNode("多选")
+                                                ])),
+                                                _: 1
+                                              })
+                                            ]),
+                                            _: 1
+                                          }, 8, ["modelValue"])
+                                        ]),
+                                        _: 1
+                                      }),
+                                      vue.unref(currentDialog).selectionMode != "none" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                                        vue.createVNode(_component_el_form_item, { label: "选取后反显格式" }, {
+                                          default: vue.withCtx(() => [
+                                            vue.createVNode(vue.unref(FormulaEditorInput.default), {
+                                              title: "反显格式配置",
+                                              formulaConf: vue.unref(currentDialog).displayFormat,
+                                              "onUpdate:formulaConf": _cache[19] || (_cache[19] = ($event) => vue.unref(currentDialog).displayFormat = $event),
+                                              modelValue: vue.unref(currentDialog).displayFormatText,
+                                              "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => vue.unref(currentDialog).displayFormatText = $event),
+                                              fieldList: vue.unref(tableFields)
+                                            }, null, 8, ["formulaConf", "modelValue", "fieldList"])
+                                          ]),
+                                          _: 1
+                                        }),
+                                        vue.unref(currentDialog).selectionMode == "single" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                                          key: 0,
+                                          label: "行数据全部赋值表单"
+                                        }, {
+                                          default: vue.withCtx(() => [
+                                            vue.createVNode(_component_el_switch, {
+                                              modelValue: vue.unref(currentDialog).isRowDataAssignToForm,
+                                              "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => vue.unref(currentDialog).isRowDataAssignToForm = $event)
+                                            }, null, 8, ["modelValue"])
+                                          ]),
+                                          _: 1
+                                        })) : vue.createCommentVNode("", true),
+                                        vue.createVNode(_component_el_form_item, { label: "选取后表单赋值映射" }, {
+                                          default: vue.withCtx(() => [
+                                            vue.createVNode(FieldSetMapping.default, {
+                                              modelValue: vue.unref(currentDialog).fieldMapping,
+                                              "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => vue.unref(currentDialog).fieldMapping = $event),
+                                              fieldLabel: "赋值表单字段",
+                                              valueLabel: "列表字段",
+                                              valueOptions: vue.unref(tableFields),
+                                              valueSelectMode: ""
+                                            }, null, 8, ["modelValue", "valueOptions"])
+                                          ]),
+                                          _: 1
+                                        })
+                                      ], 64)) : vue.createCommentVNode("", true),
+                                      vue.createVNode(_component_el_form_item, { label: "回调事件配置" }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(OnlyFLowConfigButton.default, {
+                                            config: vue.unref(currentDialog).callbackEventConfig,
+                                            onConfirm: handleOnlyFlowConfirm
+                                          }, null, 8, ["config"])
+                                        ]),
+                                        _: 1
+                                      })
+                                    ], 64)) : vue.createCommentVNode("", true)
+                                  ], 64)) : vue.createCommentVNode("", true),
+                                  vue.unref(currentDialog).contentSource === "form" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                                    vue.createVNode(_component_el_form_item, { label: "选择表单" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(TemplateSelector.default, {
+                                          modelValue: vue.unref(currentDialog).subFormName,
+                                          "onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => vue.unref(currentDialog).subFormName = $event),
+                                          templateKey: vue.unref(currentDialog).subFormKey,
+                                          "onUpdate:templateKey": _cache[24] || (_cache[24] = ($event) => vue.unref(currentDialog).subFormKey = $event),
+                                          templateId: vue.unref(currentDialog).subFormId,
+                                          "onUpdate:templateId": _cache[25] || (_cache[25] = ($event) => vue.unref(currentDialog).subFormId = $event),
+                                          templateType: "form",
+                                          onConfirm: formSelectorConfirm
+                                        }, null, 8, ["modelValue", "templateKey", "templateId"])
+                                      ]),
+                                      _: 1
+                                    }),
+                                    vue.createVNode(_component_el_form_item, { label: "表单模式" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(_component_el_radio_group, {
+                                          modelValue: vue.unref(currentDialog).subFormMode,
+                                          "onUpdate:modelValue": _cache[26] || (_cache[26] = ($event) => vue.unref(currentDialog).subFormMode = $event)
+                                        }, {
+                                          default: vue.withCtx(() => [
+                                            vue.createVNode(_component_el_radio_button, { value: "edit" }, {
+                                              default: vue.withCtx(() => _cache[49] || (_cache[49] = [
+                                                vue.createTextVNode("编辑")
+                                              ])),
+                                              _: 1
+                                            }),
+                                            vue.createVNode(_component_el_radio_button, { value: "query" }, {
+                                              default: vue.withCtx(() => _cache[50] || (_cache[50] = [
+                                                vue.createTextVNode("查看")
+                                              ])),
+                                              _: 1
+                                            })
+                                          ]),
+                                          _: 1
+                                        }, 8, ["modelValue"])
+                                      ]),
+                                      _: 1
+                                    }),
+                                    vue.createVNode(_component_el_form_item, { label: "表单底部按钮" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createElementVNode("div", _hoisted_15, [
+                                          !vue.unref(formFooterBtn) || vue.unref(formFooterBtn).length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, " 暂无可用按钮 ")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, [
+                                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(formFooterBtn), (btn) => {
+                                              return vue.openBlock(), vue.createBlock(_component_el_checkbox, {
+                                                key: btn.id,
+                                                "model-value": isButtonSelected(btn.id),
+                                                onChange: ($event) => toggleButton(btn)
+                                              }, {
+                                                default: vue.withCtx(() => [
+                                                  vue.createTextVNode(vue.toDisplayString(btn.label), 1)
+                                                ]),
+                                                _: 2
+                                              }, 1032, ["model-value", "onChange"]);
+                                            }), 128))
+                                          ]))
+                                        ])
+                                      ]),
+                                      _: 1
+                                    })
+                                  ], 64)) : vue.createCommentVNode("", true),
+                                  vue.unref(currentDialog).contentSource === "component" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
+                                    vue.createVNode(_component_el_form_item, { label: "组件路由地址" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(_component_el_input, {
+                                          modelValue: vue.unref(currentDialog).componentPath,
+                                          "onUpdate:modelValue": _cache[27] || (_cache[27] = ($event) => vue.unref(currentDialog).componentPath = $event),
+                                          placeholder: "请输入组件路径",
+                                          clearable: ""
+                                        }, null, 8, ["modelValue"])
+                                      ]),
+                                      _: 1
+                                    }),
+                                    vue.createVNode(_component_el_form_item, { label: "组件参数" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(ParamsConfig.default, {
+                                          modelValue: vue.unref(currentDialog).componentParams,
+                                          "onUpdate:modelValue": _cache[28] || (_cache[28] = ($event) => vue.unref(currentDialog).componentParams = $event)
+                                        }, null, 8, ["modelValue"])
+                                      ]),
+                                      _: 1
+                                    }),
+                                    vue.createVNode(_component_el_form_item, { label: "组件是否是弹层" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(_component_el_switch, {
+                                          modelValue: vue.unref(currentDialog).componentIsDialog,
+                                          "onUpdate:modelValue": _cache[29] || (_cache[29] = ($event) => vue.unref(currentDialog).componentIsDialog = $event)
+                                        }, null, 8, ["modelValue"])
+                                      ]),
+                                      _: 1
+                                    })
+                                  ], 64)) : vue.createCommentVNode("", true)
+                                ]),
+                                _: 1
+                              }, 8, ["model"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, "请从左侧选择一个弹层"))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+};
+const DialogDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-90bb67fd"]]);
+exports.default = DialogDialog;