starfish-editor-custom 1.0.0

package/dist/ConditionModule.js

@@ -0,0 +1,892 @@
+import { ElMessage, ElOption, ElSelect, ElTableColumn, ElInput, ElFormItem, ElForm, ElSwitch, ElButton, ElTable, ElMain, ElFooter, ElContainer } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/container/style/css";
+import "element-plus/es/components/footer/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/main/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/switch/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/message/style/css";
+import { resolveComponent, openBlock, createBlock, Teleport, createVNode, withCtx, createElementBlock, Fragment, renderList, createCommentVNode, withModifiers, createTextVNode, normalizeClass, withDirectives, createElementVNode, vShow, Transition, toRaw } from "vue";
+import { _ as _export_sfc, f as formStore } from "./main.js";
+import "element-plus/dist/index.css";
+import "jsoneditor/dist/jsoneditor.min.css";
+import "starfish-form";
+import "mitt";
+import "element-plus";
+import "nanoid";
+import "starfish-form/dist/style.css";
+import "clipboard";
+import "element-plus/es/components/tabs/style/css";
+import "element-plus/es/components/tab-pane/style/css";
+import "element-plus/es/components/scrollbar/style/css";
+import "element-plus/es/components/empty/style/css";
+import "element-plus/es/components/loading/style/css";
+import "element-plus/es/components/notification/style/css";
+import "element-plus/es/components/upload/style/css";
+import "element-plus/es/components/drawer/style/css";
+import "element-plus/es/components/tree/style/css";
+import "element-plus/es/components/tooltip/style/css";
+import "gesto";
+import "keycon";
+const _sfc_main$2 = {
+  props: {
+    fieldList: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    data: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      table: [],
+      groupSelect: [
+        {
+          value: "andgroup",
+          label: "+\u5E76\u7EC4"
+        },
+        {
+          value: "orgroup",
+          label: "+\u6216\u7EC4"
+        },
+        {
+          value: "data",
+          label: "\u6761\u4EF6"
+        }
+      ],
+      logicList: [
+        { value: "=", label: "\u7B49\u4E8E" },
+        { value: "!=", label: "\u4E0D\u7B49\u4E8E" }
+      ],
+      typeList: [
+        {
+          rule: [],
+          value: "\u5E38\u91CF",
+          label: "\u5E38\u91CF"
+        }
+      ]
+    };
+  },
+  computed: {
+    newtypeList() {
+      const item = this.fieldList.find((item2) => {
+        if (this.table && this.table.length > 0) {
+          if (item2.value == this.table[0].field) {
+            return item2;
+          }
+        }
+      });
+      if (item && item.options) {
+        return [
+          {
+            rule: [],
+            value: "\u9009\u9879",
+            label: "\u9009\u9879"
+          }
+        ];
+      }
+      if (item && item.switch) {
+        return [
+          {
+            value: "\u5E03\u5C14",
+            label: "\u5E03\u5C14"
+          }
+        ];
+      }
+      return this.typeList;
+    }
+  },
+  methods: {
+    handleType(type) {
+      if (type == "\u5E03\u5C14") {
+        this.table[0].value = true;
+      }
+    },
+    getFiled() {
+      if (!this.table[0] || !this.table[0].field)
+        return [];
+      const item = this.fieldList.find((item2) => {
+        if (this.table && this.table.length > 0) {
+          if (item2.value == this.table[0].field) {
+            return item2;
+          }
+        }
+      });
+      return item.options || [];
+    },
+    getMultiple() {
+      const item = this.fieldList.find((item2) => {
+        if (this.table && this.table.length > 0) {
+          if (item2.value == this.table[0].field) {
+            return item2;
+          }
+        }
+      });
+      return !!item.multiple;
+    },
+    getLogic() {
+      const item = this.fieldList.find((item2) => {
+        if (this.table && this.table.length > 0) {
+          if (item2.value == this.table[0].field) {
+            return item2;
+          }
+        }
+      });
+      if (item && item.options && item.multiple) {
+        return [
+          { value: "in", label: "\u5305\u542B" },
+          { value: "not in", label: "\u4E0D\u5305\u542B" }
+        ];
+      }
+      if (item && item.switch) {
+        return [
+          {
+            value: "=",
+            label: "\u7B49\u4E8E"
+          }
+        ];
+      }
+      return this.logicList;
+    },
+    show(data) {
+      this.$refs.maxJsonDialog.init("\u53EF\u7528\u6761\u4EF6", "icon-icon-bianji");
+      this.$refs.maxJsonDialog.show();
+      if (Object.keys(data).length > 0) {
+        this.table = [data];
+      }
+    },
+    onAddItem() {
+      this.table.push({
+        field: "",
+        logic: "",
+        type: "",
+        value: ""
+      });
+    },
+    getTypeIsChange(index) {
+      const nowRow = this.table[index];
+      return !!nowRow.type && nowRow.type == "\u5E38\u91CF";
+    },
+    getRules(value) {
+      var _a;
+      return {
+        value: (_a = this.typeList.find((item) => {
+          return item.value == value;
+        })) == null ? void 0 : _a.rule
+      };
+    },
+    closeDialog() {
+      this.$refs.maxJsonDialog.close();
+    },
+    deleteRow() {
+      this.table = [];
+    },
+    async saveJson() {
+      if (this.table.length > 0) {
+        const data = this.table[0];
+        if (!data.field) {
+          ElMessage({
+            type: "error",
+            message: "\u5B57\u6BB5\u4E0D\u80FD\u4E3A\u7A7A!"
+          });
+          return;
+        }
+        if (!data.type) {
+          ElMessage({
+            type: "error",
+            message: "\u8BF7\u9009\u62E9\u503C\u7C7B\u578B!!"
+          });
+          return;
+        }
+        if (data.type && data.type == "\u9009\u9879" && !data.value) {
+          ElMessage({
+            type: "error",
+            message: "\u503C\u7C7B\u578B\u4E3A\u5B57\u6BB5\u65F6\u503C\u4E0D\u80FD\u4E3A\u7A7A!"
+          });
+          return;
+        }
+        for (const key in this.table[0]) {
+          this.data[key] = this.table[0][key];
+        }
+      } else {
+        for (const key in this.data) {
+          delete this.data[key];
+        }
+      }
+      ElMessage({
+        message: "\u4FDD\u5B58\u6210\u529F",
+        type: "success"
+      });
+      this.closeDialog();
+      this.$emit("end");
+    }
+  }
+};
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_option = ElOption;
+  const _component_el_select = ElSelect;
+  const _component_el_table_column = ElTableColumn;
+  const _component_el_input = ElInput;
+  const _component_el_form_item = ElFormItem;
+  const _component_el_form = ElForm;
+  const _component_el_switch = ElSwitch;
+  const _component_el_button = ElButton;
+  const _component_el_table = ElTable;
+  const _component_el_main = ElMain;
+  const _component_el_footer = ElFooter;
+  const _component_el_container = ElContainer;
+  const _component_CustomDialog = resolveComponent("CustomDialog");
+  return openBlock(), createBlock(Teleport, { to: "body" }, [
+    createVNode(_component_CustomDialog, {
+      ref: "maxJsonDialog",
+      dialogclass: "maxJsonDialog"
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_el_main, { style: { "padding": "0" } }, {
+          default: withCtx(() => [
+            createVNode(_component_el_container, { style: { "height": "100%" } }, {
+              default: withCtx(() => [
+                createVNode(_component_el_main, { class: "my-pageMain" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_table, {
+                      data: $data.table,
+                      style: { "width": "100%" },
+                      border: ""
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_table_column, {
+                          prop: "field",
+                          label: "\u5B57\u6BB5"
+                        }, {
+                          default: withCtx((scope) => [
+                            createVNode(_component_el_select, {
+                              modelValue: scope.row.field,
+                              "onUpdate:modelValue": ($event) => scope.row.field = $event,
+                              placeholder: "\u8BF7\u9009\u62E9"
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_el_option, {
+                                  label: "\u672A\u9009\u62E9",
+                                  value: ""
+                                }),
+                                (openBlock(true), createElementBlock(Fragment, null, renderList($props.fieldList, (item, index) => {
+                                  return openBlock(), createBlock(_component_el_option, {
+                                    key: index,
+                                    label: item.label,
+                                    value: item.value
+                                  }, null, 8, ["label", "value"]);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1032, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_table_column, {
+                          prop: "logic",
+                          label: "\u903B\u8F91"
+                        }, {
+                          default: withCtx((scope) => [
+                            createVNode(_component_el_select, {
+                              modelValue: scope.row.logic,
+                              "onUpdate:modelValue": ($event) => scope.row.logic = $event,
+                              placeholder: "\u8BF7\u9009\u62E9"
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList($options.getLogic(), (item) => {
+                                  return openBlock(), createBlock(_component_el_option, {
+                                    key: item.value,
+                                    label: item.label,
+                                    value: item.value
+                                  }, null, 8, ["label", "value"]);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1032, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_table_column, {
+                          prop: "type",
+                          label: "\u503C\u7C7B\u578B"
+                        }, {
+                          default: withCtx((scope) => [
+                            createVNode(_component_el_select, {
+                              modelValue: scope.row.type,
+                              "onUpdate:modelValue": ($event) => scope.row.type = $event,
+                              placeholder: "\u8BF7\u9009\u62E9",
+                              onChange: $options.handleType
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList($options.newtypeList, (item) => {
+                                  return openBlock(), createBlock(_component_el_option, {
+                                    key: item.value,
+                                    label: item.label,
+                                    value: item.value
+                                  }, null, 8, ["label", "value"]);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_table_column, {
+                          prop: "value",
+                          label: "\u503C"
+                        }, {
+                          default: withCtx((scope) => [
+                            $options.getTypeIsChange(scope.$index, _ctx.index) ? (openBlock(), createBlock(_component_el_form, {
+                              key: 0,
+                              model: scope.row,
+                              rules: $options.getRules(scope.row.type),
+                              ref: "formList"
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_el_form_item, { prop: "value" }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_el_input, {
+                                      text: "",
+                                      modelValue: scope.row.value,
+                                      "onUpdate:modelValue": ($event) => scope.row.value = $event
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ]),
+                              _: 2
+                            }, 1032, ["model", "rules"])) : createCommentVNode("", true),
+                            scope.row.type == "\u9009\u9879" ? (openBlock(), createBlock(_component_el_select, {
+                              key: 1,
+                              modelValue: scope.row.value,
+                              "onUpdate:modelValue": ($event) => scope.row.value = $event,
+                              filterable: "",
+                              placeholder: "\u8BF7\u9009\u62E9",
+                              multiple: $options.getMultiple()
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_el_option, {
+                                  label: "\u672A\u9009\u62E9",
+                                  value: ""
+                                }),
+                                (openBlock(true), createElementBlock(Fragment, null, renderList($options.getFiled(), (item, index) => {
+                                  return openBlock(), createBlock(_component_el_option, {
+                                    key: index,
+                                    label: item.label,
+                                    value: item.value
+                                  }, null, 8, ["label", "value"]);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1032, ["modelValue", "onUpdate:modelValue", "multiple"])) : createCommentVNode("", true),
+                            scope.row.type == "\u5E03\u5C14" ? (openBlock(), createBlock(_component_el_switch, {
+                              key: 2,
+                              modelValue: scope.row.value,
+                              "onUpdate:modelValue": ($event) => scope.row.value = $event,
+                              "active-icon": _ctx.Check,
+                              "inactive-icon": _ctx.Close
+                            }, null, 8, ["modelValue", "onUpdate:modelValue", "active-icon", "inactive-icon"])) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_el_table_column, {
+                          fixed: "right",
+                          label: "\u64CD\u4F5C",
+                          width: "200"
+                        }, {
+                          default: withCtx((scope) => [
+                            createVNode(_component_el_button, {
+                              size: "small",
+                              type: "danger",
+                              onClick: withModifiers(($event) => $options.deleteRow(scope.$index, _ctx.index), ["prevent"])
+                            }, {
+                              default: withCtx(() => _cache[0] || (_cache[0] = [
+                                createTextVNode(" \u5220\u9664 ", -1)
+                              ])),
+                              _: 2,
+                              __: [0]
+                            }, 1032, ["onClick"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["data"]),
+                    $data.table.length == 0 ? (openBlock(), createBlock(_component_el_button, {
+                      key: 0,
+                      class: "mt-4",
+                      text: "",
+                      onClick: $options.onAddItem,
+                      style: { "width": "100%" }
+                    }, {
+                      default: withCtx(() => _cache[1] || (_cache[1] = [
+                        createTextVNode("+\u6761\u4EF6", -1)
+                      ])),
+                      _: 1,
+                      __: [1]
+                    }, 8, ["onClick"])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_footer, {
+                  class: "my-Footer",
+                  style: { "height": "60px", "padding-top": "10px" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_button, {
+                      type: "primary",
+                      onClick: $options.saveJson
+                    }, {
+                      default: withCtx(() => _cache[2] || (_cache[2] = [
+                        createTextVNode("\u4FDD\u5B58", -1)
+                      ])),
+                      _: 1,
+                      __: [2]
+                    }, 8, ["onClick"]),
+                    createVNode(_component_el_button, { onClick: $options.closeDialog }, {
+                      default: withCtx(() => _cache[3] || (_cache[3] = [
+                        createTextVNode("\u5173\u95ED", -1)
+                      ])),
+                      _: 1,
+                      __: [3]
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 512)
+  ]);
+}
+var ConditionTanc = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const _sfc_main$1 = {
+  name: "ConditionGroup",
+  components: {
+    ConditionTanc
+  },
+  props: {
+    result: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    index: {
+      type: Number,
+      default: 0
+    },
+    fieldList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    rightField: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    request: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      groupSelect: [
+        {
+          value: "andgroup",
+          label: "+\u5E76\u7EC4"
+        },
+        {
+          value: "orgroup",
+          label: "+\u6216\u7EC4"
+        },
+        {
+          value: "data",
+          label: "\u6761\u4EF6"
+        }
+      ]
+    };
+  },
+  watch: {
+    result: {
+      handler() {
+        this.$forceUpdate();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    onAddItem() {
+      if (!this.result.type)
+        return;
+      if (!this.result.result && this.result.type != "data") {
+        this.result.result = [];
+      }
+      if (this.result.type == "data" && !this.result.data) {
+        this.result.data = {};
+      }
+      this.result.control = true;
+      switch (this.result.type) {
+        case "orgroup":
+          this.result.result.push({ type: "orgroup", result: [] });
+          break;
+        case "andgroup":
+          this.result.result.push({ type: "andgroup", result: [] });
+          break;
+        case "data":
+          this.result.result.push({ type: "data", data: {} });
+          break;
+      }
+      this.handleUpdateForce();
+    },
+    handleControl(bool) {
+      this.result.control = bool;
+      this.handleUpdateForce();
+    },
+    onDeleteItem() {
+      if (this.index == 0) {
+        delete this.result.data;
+        delete this.result.result;
+        delete this.result.type;
+        this.handleUpdateForce();
+      } else {
+        this.$emit("delete", this.index);
+      }
+    },
+    handleDelete(index) {
+      this.result.result.splice(index, 1);
+      this.handleUpdateForce();
+    },
+    onChange(a) {
+      this.result.type = a;
+      if (a == "andgroup") {
+        this.result.result = [];
+        if (this.result.data) {
+          delete this.result.data;
+        }
+      } else if (a == "orgroup") {
+        this.result.result = [];
+        if (this.result.data) {
+          delete this.result.data;
+        }
+      } else {
+        this.result.data = {};
+        if (this.result.result) {
+          delete this.result.result;
+        }
+      }
+      this.handleUpdateForce();
+    },
+    handleUpdateForce() {
+      this.$forceUpdate();
+      this.$emit("update");
+    },
+    onEditData() {
+      this.$refs.ConditionTanc.show(this.result.data);
+    }
+  }
+};
+const _hoisted_1$1 = { class: "control" };
+const _hoisted_2$1 = { class: "moreCondition" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_option = ElOption;
+  const _component_el_select = ElSelect;
+  const _component_el_button = ElButton;
+  const _component_ConditionGroup = resolveComponent("ConditionGroup", true);
+  const _component_ConditionTanc = resolveComponent("ConditionTanc");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["conditionSelect", $props.result.type])
+  }, [
+    withDirectives(createElementVNode("div", _hoisted_1$1, [
+      !$props.result.control ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: "iconfontui icon-jiahao",
+        onClick: _cache[0] || (_cache[0] = ($event) => $options.handleControl(true))
+      })) : (openBlock(), createElementBlock("span", {
+        key: 1,
+        class: "iconfontui icon-jianhao",
+        onClick: _cache[1] || (_cache[1] = ($event) => $options.handleControl(false))
+      }))
+    ], 512), [
+      [vShow, $props.result.result && $props.result.result.length > 0 && $props.result.type !== "data"]
+    ]),
+    createVNode(_component_el_select, {
+      modelValue: $props.result.type,
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $props.result.type = $event),
+      placeholder: "\u8BF7\u9009\u62E9",
+      onChange: $options.onChange
+    }, {
+      default: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.groupSelect, (item) => {
+          return openBlock(), createBlock(_component_el_option, {
+            key: item.value,
+            label: item.label,
+            value: item.value
+          }, null, 8, ["label", "value"]);
+        }), 128))
+      ]),
+      _: 1
+    }, 8, ["modelValue", "onChange"]),
+    createVNode(_component_el_button, {
+      type: "primary",
+      onClick: $options.onAddItem,
+      size: "small",
+      disabled: !$props.result.type || $props.result.type == "data"
+    }, {
+      default: withCtx(() => _cache[3] || (_cache[3] = [
+        createTextVNode("\u589E\u52A0\u6761\u4EF6", -1)
+      ])),
+      _: 1,
+      __: [3]
+    }, 8, ["onClick", "disabled"]),
+    createVNode(_component_el_button, {
+      type: "danger",
+      onClick: $options.onDeleteItem,
+      size: "small"
+    }, {
+      default: withCtx(() => _cache[4] || (_cache[4] = [
+        createTextVNode("\u5220\u9664", -1)
+      ])),
+      _: 1,
+      __: [4]
+    }, 8, ["onClick"]),
+    $props.result.type == "data" ? (openBlock(), createBlock(_component_el_button, {
+      key: 0,
+      type: "primary",
+      onClick: $options.onEditData,
+      size: "small"
+    }, {
+      default: withCtx(() => _cache[5] || (_cache[5] = [
+        createTextVNode("\u7F16\u8F91", -1)
+      ])),
+      _: 1,
+      __: [5]
+    }, 8, ["onClick"])) : createCommentVNode("", true),
+    createVNode(Transition, null, {
+      default: withCtx(() => [
+        withDirectives(createElementVNode("div", _hoisted_2$1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($props.result.result, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "selectList"
+            }, [
+              createVNode(_component_ConditionGroup, {
+                result: item,
+                onUpdate: $options.handleUpdateForce,
+                onDelete: $options.handleDelete,
+                index,
+                fieldList: $props.fieldList
+              }, null, 8, ["result", "onUpdate", "onDelete", "index", "fieldList"])
+            ]);
+          }), 128)),
+          $props.result.result && $props.result.result.length >= 2 ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(["line", $props.result.type])
+          }, null, 2)) : createCommentVNode("", true)
+        ], 512), [
+          [vShow, $props.result.type && $props.result.type !== "data" && $props.result.control]
+        ])
+      ]),
+      _: 1
+    }),
+    withDirectives(createElementVNode("div", null, [
+      createVNode(_component_ConditionTanc, {
+        ref: "ConditionTanc",
+        data: $props.result.data,
+        fieldList: $props.fieldList,
+        onEnd: $options.handleUpdateForce
+      }, null, 8, ["data", "fieldList", "onEnd"])
+    ], 512), [
+      [vShow, $props.result.type && $props.result.type == "data"]
+    ])
+  ], 2);
+}
+var ConditionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const _sfc_main = {
+  components: {
+    ConditionGroup
+  },
+  props: {
+    data: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    item: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      result: {},
+      stringLink: "",
+      leftField: [],
+      rightField: [],
+      condition: [],
+      request: []
+    };
+  },
+  watch: {
+    result: {
+      handler() {
+        console.log(this.result);
+        this.$forceUpdate();
+      },
+      deep: true
+    }
+  },
+  emits: ["change"],
+  methods: {
+    async show() {
+      var _a, _b;
+      this.$refs.maxJsonDialog.init("\u53EF\u7528\u6761\u4EF6", "icon-icon-bianji");
+      this.$refs.maxJsonDialog.show();
+      await this.$nextTick();
+      const allFormList = (_a = formStore) == null ? void 0 : _a.get("allFormList");
+      const fieldResult = [];
+      (_b = toRaw(allFormList)) == null ? void 0 : _b.forEach((item) => {
+        window.VueContext.$Flex.getFormDataList(item, fieldResult, this.data.fieldName);
+      });
+      this.result = typeof this.data[this.item.data.fieldName] == "string" ? JSON.parse(this.data[this.item.data.fieldName]) : this.data[this.item.data.fieldName];
+      console.log(fieldResult);
+      this.leftField = fieldResult;
+    },
+    handleUpdateForce() {
+      this.$forceUpdate();
+      this.stringLink = this.filterCondition(this.result);
+    },
+    filterCondition(result) {
+      if (result.type == "andgroup" || result.type == "orgroup") {
+        const b = result.result.map((item) => this.filterCondition(item)).join(result.type == "andgroup" ? '<span class="and">and</span>' : '<span class="or">or</span>');
+        const a = `<span class='kh ${result.type}'>(${b})</span>`;
+        return a;
+      } else if (result.type == "data") {
+        return `<span class='data kh'>${this.getDataConditionRelate(result)}</span>`;
+      } else {
+        return "";
+      }
+    },
+    getDataConditionRelate(data) {
+      if (Object.keys(data.data).length == 0)
+        return "\u7A7A";
+      const fieldData = data.data;
+      const field = fieldData.field;
+      let value;
+      if (fieldData.type == "\u9009\u9879") {
+        const rightField = fieldData.value;
+        value = `${JSON.stringify(rightField)}`;
+      } else if (fieldData.type == "\u5E38\u91CF" || fieldData.type == "\u5E03\u5C14") {
+        value = fieldData.value;
+      }
+      return `${field} ${fieldData.logic} ${value}`;
+    },
+    closeDialog() {
+      this.$refs.maxJsonDialog.close();
+    },
+    saveJson() {
+      this.$emit("change", this.result);
+      this.closeDialog();
+    }
+  }
+};
+const _hoisted_1 = { class: "conditionContainer" };
+const _hoisted_2 = { class: "stringlist" };
+const _hoisted_3 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ConditionGroup = resolveComponent("ConditionGroup");
+  const _component_el_main = ElMain;
+  const _component_el_button = ElButton;
+  const _component_el_footer = ElFooter;
+  const _component_el_container = ElContainer;
+  const _component_CustomDialog = resolveComponent("CustomDialog");
+  return openBlock(), createBlock(_component_CustomDialog, {
+    ref: "maxJsonDialog",
+    dialogclass: "conditionModule"
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_el_main, { style: { "padding": "0" } }, {
+        default: withCtx(() => [
+          createVNode(_component_el_container, { style: { "height": "100%" } }, {
+            default: withCtx(() => [
+              createVNode(_component_el_main, { class: "my-pageMain" }, {
+                default: withCtx(() => [
+                  _cache[0] || (_cache[0] = createElementVNode("div", { class: "tipContent" }, "\u6EE1\u8DB3\u4EE5\u4E0B\u6240\u6709\u6761\u4EF6\u65F6,\u6B64\u7EC4\u4EF6\u53EF\u7528", -1)),
+                  createElementVNode("div", _hoisted_1, [
+                    createVNode(_component_ConditionGroup, {
+                      result: $data.result,
+                      onUpdate: $options.handleUpdateForce,
+                      fieldList: $data.leftField
+                    }, null, 8, ["result", "onUpdate", "fieldList"]),
+                    createElementVNode("div", _hoisted_2, [
+                      createElementVNode("pre", { innerHTML: $data.stringLink }, null, 8, _hoisted_3)
+                    ])
+                  ])
+                ]),
+                _: 1,
+                __: [0]
+              }),
+              createVNode(_component_el_footer, {
+                class: "my-Footer",
+                style: { "height": "60px", "padding-top": "10px" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    onClick: $options.saveJson
+                  }, {
+                    default: withCtx(() => _cache[1] || (_cache[1] = [
+                      createTextVNode("\u4FDD\u5B58", -1)
+                    ])),
+                    _: 1,
+                    __: [1]
+                  }, 8, ["onClick"]),
+                  createVNode(_component_el_button, { onClick: $options.closeDialog }, {
+                    default: withCtx(() => _cache[2] || (_cache[2] = [
+                      createTextVNode("\u5173\u95ED", -1)
+                    ])),
+                    _: 1,
+                    __: [2]
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 512);
+}
+var ConditionModule = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { ConditionModule as default };