@epxing/designer 0.0.0-stage → 5.3.0-beta.1

package/dist/src/visual/config/MField.js

@@ -0,0 +1,732 @@
+import draggable from "@epxing/core/src/components/draggable";
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, Fragment, renderList, createElementVNode, toDisplayString, TransitionGroup, normalizeClass, createBlock, createCommentVNode, withDirectives, vShow } from "vue";
+/* empty css           */
+/* empty css            */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-m-list-field",
+  components: {
+    draggable
+  },
+  props: {
+    value: {
+      type: Array
+    },
+    defaultValue: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    treeFieldStore: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    functionOption: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    fieldOptions: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    pageParams: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      formatFieldList: [],
+      selectFieldList: [],
+      settingFieldWay: "default",
+      showFieldDialog: false,
+      selectField: null,
+      showEditFieldDialog: false,
+      fieldInfo: {},
+      valueType: "string"
+    };
+  },
+  watch: {
+    formatFieldList: {
+      handler(v) {
+      },
+      deep: true
+    },
+    fieldList(V) {
+      this.$emit("change-configs", V);
+    },
+    settingFieldWay(v) {
+      if (v === "custom") {
+        this.$emit("change-configs", this.fieldList);
+      } else {
+        this.$emit("change-configs", null);
+      }
+    },
+    // ⚠️ 这条在 array-watchers 基线里是误报，**别补 deep**。
+    // 该字段的原地变更只有两处：handler 自己体内的 splice（只为改视图），以及别处的
+    // `delete this.selectFieldList[i]`。后者是关键——`delete arr[i]` 在 **Vue2 下同样不触发**
+    // watcher（Vue2 只 patch 了 push/pop/shift/unshift/splice/sort/reverse，下标删除得用
+    // Vue.delete），所以这不是迁移回归。反过来 Vue3 的 Proxy **有** deleteProperty 陷阱，
+    // 补 deep 会让 watcher 在 Vue2 从未触发过的时机跑起来 ⇒ 凭空引入新行为。
+    // 其余入口（checkbox-group 的 v-model、两处整体赋值）本就产生新数组，浅层够用。
+    selectFieldList(fieldList) {
+      this.treeFieldStore.forEach((item) => {
+        const isAllChecked = item.children.every((field) => {
+          return fieldList.find((fieldItem) => fieldItem && (fieldItem.attriName || fieldItem) === field.code);
+        });
+        const isCheckIndex = fieldList.findIndex((field) => item.code === field);
+        if (isAllChecked) {
+          if (isCheckIndex === -1) this.selectFieldList = [...fieldList, item.code];
+        } else {
+          if (isCheckIndex !== -1) this.selectFieldList.splice(isCheckIndex, 1);
+        }
+      });
+    }
+  },
+  computed: {
+    fieldList() {
+      const fieldList = [];
+      this.formatFieldList.forEach((item, rowIndex) => {
+        item.forEach((field, index) => {
+          if (index === 0 && rowIndex !== 0) {
+            if (typeof field === "string") {
+              field = {
+                attriName: field
+              };
+            }
+            field.isWrap = true;
+          } else {
+            if (field.isWrap) {
+              delete field.isWrap;
+            }
+          }
+          fieldList.push(field);
+        });
+      });
+      return fieldList;
+    },
+    fieldLabel() {
+      return (field) => {
+        if (!field) return null;
+        let attriName = null;
+        let attriLabel = null;
+        if (typeof field === "string") {
+          attriName = field;
+        } else {
+          attriName = field.attriName;
+          if (field.attriLabel) attriLabel = field.attriLabel;
+        }
+        if (attriLabel) return attriLabel;
+        for (let i = 0; i < this.treeFieldStore.length; i++) {
+          const item = this.treeFieldStore[i];
+          for (let j = 0; j < item.children.length; j++) {
+            const field2 = item.children[j];
+            if (field2.code.replace(".", "|") === attriName) {
+              return field2.text;
+            }
+          }
+        }
+        return attriName;
+      };
+    },
+    getFunctionOption() {
+      return (type) => {
+        let option = [];
+        if (type === "num") {
+          option = this.functionOption.filter((item) => {
+            return item.value !== "GROUP_CONCAT";
+          });
+        } else if (type === "date" || type === "time") {
+          option = this.functionOption.filter((item) => {
+            return item.value === "MIN" || item.value === "MAX";
+          });
+        } else {
+          option = this.functionOption.filter((item) => {
+            return item.value === "GROUP_CONCAT" || item.value === "COUNT";
+          });
+        }
+        return option;
+      };
+    },
+    showTreeFieldStore() {
+      const treeFieldStore = [];
+      this.treeFieldStore.forEach((item, index) => {
+        const children = item.children.filter((fieldItem) => !this.fieldList.find((field) => (field.attriName || field) === fieldItem.code));
+        treeFieldStore.push({
+          ...item,
+          children
+        });
+      });
+      return treeFieldStore;
+    }
+  },
+  methods: {
+    deleteField(index) {
+      this.fieldList.splice(index, 1);
+    },
+    deleteConfigField(field) {
+      this.formatFieldList.forEach((row) => {
+        const index = row.findIndex((item) => (item.attriName || item) === (field.attriName || field));
+        if (index !== -1) {
+          row.splice(index, 1);
+        }
+      });
+    },
+    editField(field) {
+      this.showEditFieldDialog = true;
+      this.selectSettingField(field);
+    },
+    selectSettingField(field) {
+      let fieldConfig = field;
+      if (typeof field === "string") {
+        fieldConfig = { attriName: field };
+      }
+      const { attriName, ...other } = fieldConfig;
+      if (!this.$_.isEmpty(other)) {
+        fieldConfig.configWay = "custom";
+      }
+      this.selectField = { ...fieldConfig };
+      if (this.selectField.value && this.selectField.value.match(/\$\[(.+)\]/)) {
+        this.valueType = "page";
+      }
+      let item = this.selectField.attriName;
+      if (item.includes("|")) {
+        item = item.replace("|", ".");
+      }
+      this.treeFieldStore.forEach((fields) => {
+        const fieldItem = fields.children.find((fieldItem2) => fieldItem2.code === item);
+        if (fieldItem) {
+          this.fieldInfo = { ...fieldItem };
+        }
+      });
+    },
+    saveFieldConfig() {
+      this.$message.success("保存成功");
+      const { configWay, attriName, ...otherConfigs } = this.selectField;
+      const fieldList = [...this.fieldList];
+      const index = fieldList.findIndex((item) => (item.attriName || item) === this.selectField.attriName);
+      if (configWay === "custom") {
+        if (index !== -1) {
+          fieldList.splice(index, 1, { attriName, ...otherConfigs });
+        }
+      } else {
+        fieldList.splice(index, 1, { attriName });
+      }
+      this.formatFieldListFn(fieldList);
+      this.showEditFieldDialog = false;
+    },
+    handleNodeClick(data, node) {
+      this.fieldList = [.../* @__PURE__ */ new Set([...this.fieldList, { attriName: data.code.replace(/\./g, "|") }])];
+    },
+    openAddFieldDialog(key) {
+      this.selectFieldList = this.fieldList.map((item) => item.attriName || item);
+      this.showFieldDialog = true;
+    },
+    selectAllField(value, index) {
+      const fieldList = this.treeFieldStore[index].children || [];
+      if (value) {
+        const fieldCodeList = fieldList.map((item) => item.code);
+        this.selectFieldList = [.../* @__PURE__ */ new Set([...this.selectFieldList, ...fieldCodeList])];
+      } else {
+        fieldList.forEach((item) => {
+          const selectIndex = this.selectFieldList.findIndex((selectItem) => selectItem === item.code);
+          if (selectIndex !== -1) {
+            delete this.selectFieldList[selectIndex];
+          }
+        });
+      }
+    },
+    saveSelectField() {
+      const fieldList = [];
+      const allCheckCodes = this.treeFieldStore.map((item) => item.code);
+      this.selectFieldList.forEach((item) => {
+        if (allCheckCodes.includes(item)) return;
+        const field = item.replace(".", "|");
+        const existField = this.fieldList.find((fieldItem) => field === (fieldItem.attriName || fieldItem));
+        if (existField) {
+          fieldList.push(existField);
+        } else {
+          fieldList.push(field);
+        }
+      });
+      this.formatFieldListFn(fieldList);
+      this.showFieldDialog = false;
+    },
+    swicthFieldStoreFold(index) {
+      const item = this.treeFieldStore[index];
+      this.treeFieldStore[index] = { ...item, isUnFold: !item.isUnFold };
+    },
+    formatFieldListFn(fieldList) {
+      const list = [];
+      let row = [];
+      fieldList.forEach((item) => {
+        if (item.isWrap) {
+          list.push(row);
+          row = [item];
+        } else {
+          row.push(item);
+        }
+      });
+      if (row.length > 0) {
+        list.push(row);
+      }
+      this.formatFieldList = list;
+    }
+  },
+  created() {
+    if (this.value) {
+      this.formatFieldListFn(this.value);
+      this.settingFieldWay = "custom";
+    } else {
+      this.formatFieldListFn(this.defaultValue);
+    }
+  }
+};
+const _hoisted_1 = { class: "field" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "select-field-item__mask" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = {
+  key: 1,
+  class: "select-field-list"
+};
+const _hoisted_7 = { class: "setting-fields-container" };
+const _hoisted_8 = { class: "setting-fields__select" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = {
+  key: 2,
+  class: "setting-field__item"
+};
+const _hoisted_12 = { class: "setting-field__item--default" };
+const _hoisted_13 = {
+  key: 3,
+  class: "setting-field__item"
+};
+const _hoisted_14 = {
+  key: 4,
+  class: "setting-field__item",
+  style: { display: "inline-block" }
+};
+const _hoisted_15 = {
+  key: 5,
+  class: "setting-field__item"
+};
+const _hoisted_16 = { class: "setting-field__item--default" };
+const _hoisted_17 = { class: "tree-field-header" };
+const _hoisted_18 = ["onClick"];
+const _hoisted_19 = { class: "el-icon-minus" };
+const _hoisted_20 = { class: "el-icon-plus" };
+const _hoisted_21 = ["innerHTML"];
+const _hoisted_22 = { class: "tree-field-checkbox" };
+const _hoisted_23 = { class: "dialog-footer" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_radio = resolveComponent("el-radio");
+  const _component_el_radio_group = resolveComponent("el-radio-group");
+  const _component_draggable = resolveComponent("draggable");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_el_color_picker = resolveComponent("el-color-picker");
+  const _component_el_input_number = resolveComponent("el-input-number");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_form_item = resolveComponent("el-form-item");
+  const _component_el_row = resolveComponent("el-row");
+  const _component_el_form = resolveComponent("el-form");
+  const _component_epx_visual_config_lazy_dialog = resolveComponent("epx-visual-config-lazy-dialog");
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_el_radio_group, {
+      modelValue: $data.settingFieldWay,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.settingFieldWay = $event)
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_el_radio, {
+          label: "default",
+          value: "default"
+        }, {
+          default: withCtx(() => [..._cache[6] || (_cache[6] = [
+            createTextVNode("默认字段", -1)
+          ])]),
+          _: 1
+        }),
+        createVNode(_component_el_radio, {
+          label: "custom",
+          value: "custom"
+        }, {
+          default: withCtx(() => [..._cache[7] || (_cache[7] = [
+            createTextVNode("自定义字段", -1)
+          ])]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    $data.settingFieldWay === "custom" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($data.formatFieldList, (row, index) => {
+        return openBlock(), createElementBlock("li", {
+          class: "list-row",
+          key: index
+        }, [
+          createVNode(_component_draggable, {
+            list: row,
+            class: "row-field-group",
+            "ghost-class": "ghost",
+            group: { name: "g1" }
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(row, (field) => {
+                return openBlock(), createElementBlock("div", {
+                  class: "select-field-item list-group-item",
+                  key: field.attriName || field
+                }, [
+                  createElementVNode("span", null, toDisplayString($options.fieldLabel(field)), 1),
+                  createElementVNode("div", _hoisted_3, [
+                    createElementVNode("i", {
+                      class: "el-icon-edit",
+                      onClick: ($event) => $options.editField(field)
+                    }, null, 8, _hoisted_4),
+                    _cache[8] || (_cache[8] = createTextVNode(" | ", -1)),
+                    createElementVNode("i", {
+                      class: "el-icon-close",
+                      onClick: ($event) => $options.deleteConfigField(field)
+                    }, null, 8, _hoisted_5)
+                  ])
+                ]);
+              }), 128))
+            ]),
+            _: 2
+          }, 1032, ["list"])
+        ]);
+      }), 128)),
+      createVNode(_component_el_button, {
+        class: "add-field-btn",
+        size: "small",
+        type: "primary",
+        onClick: $options.openAddFieldDialog
+      }, {
+        default: withCtx(() => [..._cache[9] || (_cache[9] = [
+          createTextVNode("+ 添加字段", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"])
+    ])) : (openBlock(), createElementBlock("ul", _hoisted_6, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.defaultValue, (field) => {
+        return openBlock(), createElementBlock("li", {
+          class: "select-field-item list-group-item",
+          key: field.attriName || field
+        }, [
+          createElementVNode("span", null, toDisplayString($options.fieldLabel(field)), 1)
+        ]);
+      }), 128))
+    ])),
+    createVNode(_component_epx_visual_config_lazy_dialog, {
+      class: "setting-fields-dialog",
+      title: "设置字段",
+      modelValue: $data.showEditFieldDialog,
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.showEditFieldDialog = $event),
+      width: "70%"
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
+            createVNode(_component_draggable, {
+              list: $options.fieldList,
+              class: "list-group",
+              "ghost-class": "ghost"
+            }, {
+              default: withCtx(() => [
+                createVNode(TransitionGroup, {
+                  type: "transition",
+                  name: "flip-list",
+                  class: "setting-fields__select--list"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.fieldList, (field) => {
+                      return openBlock(), createElementBlock("li", {
+                        class: normalizeClass(["setting-fields__select--item", { active: $data.selectField && $data.selectField.attriName === (field.attriName || field) }]),
+                        key: field.attriName || field,
+                        onClick: ($event) => $options.selectSettingField(field)
+                      }, [
+                        _cache[10] || (_cache[10] = createElementVNode("i", { class: "el-icon-document" }, null, -1)),
+                        createElementVNode("span", null, toDisplayString($options.fieldLabel(field)), 1),
+                        createElementVNode("i", {
+                          class: "el-icon-delete fr",
+                          onClick: ($event) => $options.deleteConfigField(field)
+                        }, null, 8, _hoisted_10)
+                      ], 10, _hoisted_9);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["list"])
+          ]),
+          $data.selectField ? (openBlock(), createBlock(_component_el_form, {
+            key: 0,
+            class: "setting-field__config",
+            inline: "",
+            "label-position": "right",
+            "label-width": "140px"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.fieldOptions, (item) => {
+                return openBlock(), createBlock(_component_el_row, {
+                  class: "setting-field__row",
+                  key: item.key
+                }, {
+                  default: withCtx(() => [
+                    !($data.selectField.configWay !== "custom" && (item.key !== "configWay" && item.key !== "attriName")) ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 0,
+                      label: `${item.label}：`
+                    }, {
+                      default: withCtx(() => [
+                        item.type === "radio" ? (openBlock(), createBlock(_component_el_radio_group, {
+                          key: 0,
+                          "model-value": $data.selectField[item.key] === void 0 ? item.defaultValue : $data.selectField[item.key]
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(item.options, (option) => {
+                              return openBlock(), createBlock(_component_el_radio, {
+                                key: option.value,
+                                label: option.value,
+                                value: option.value,
+                                onClick: ($event) => $data.selectField[item.key] = option.value
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(option.label) + " " + toDisplayString(option.value === item.defaultValue ? "（默认值）" : ""), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["label", "value", "onClick"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["model-value"])) : item.type === "function" && $data.fieldInfo.relationSort === "1" ? (openBlock(), createBlock(_component_el_select, {
+                          key: 1,
+                          modelValue: $data.selectField[item.key],
+                          "onUpdate:modelValue": ($event) => $data.selectField[item.key] = $event,
+                          placeholder: "请选择"
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList($options.getFunctionOption($data.fieldInfo.dataType), (item2) => {
+                              return openBlock(), createBlock(_component_el_option, {
+                                key: item2.value,
+                                label: item2.name,
+                                value: item2.value
+                              }, null, 8, ["label", "value"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"])) : item.type === "color" ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                          createVNode(_component_el_color_picker, {
+                            "model-value": $data.selectField[item.key] || item.defaultValue,
+                            onChange: (v) => $data.selectField[item.key] = v
+                          }, null, 8, ["model-value", "onChange"]),
+                          createElementVNode("span", _hoisted_12, toDisplayString($data.selectField[item.key] && $data.selectField[item.key] === item.defaultValue ? "（默认值）" : ""), 1)
+                        ])) : item.type === "fileNum" && $data.fieldInfo.dataType === "blob" ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                          createVNode(_component_el_input_number, {
+                            size: "default",
+                            "model-value": $data.selectField[item.key] || item.defaultValue,
+                            onChange: (v) => $data.selectField[item.key] = v
+                          }, null, 8, ["model-value", "onChange"])
+                        ])) : item.type === "value" ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                          createVNode(_component_el_radio_group, {
+                            modelValue: $data.valueType,
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.valueType = $event),
+                            onChange: ($event) => $data.selectField[item.key] = null
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_el_radio, {
+                                label: "string",
+                                value: "string"
+                              }, {
+                                default: withCtx(() => [..._cache[11] || (_cache[11] = [
+                                  createTextVNode("固定值", -1)
+                                ])]),
+                                _: 1
+                              }),
+                              createVNode(_component_el_radio, {
+                                label: "page",
+                                value: "page"
+                              }, {
+                                default: withCtx(() => [..._cache[12] || (_cache[12] = [
+                                  createTextVNode("页面参数", -1)
+                                ])]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue", "onChange"]),
+                          createElementVNode("div", null, [
+                            $data.valueType === "string" ? (openBlock(), createBlock(_component_el_input, {
+                              key: 0,
+                              "model-value": $data.selectField[item.key] || item.defaultValue,
+                              "onUpdate:modelValue": (v) => $data.selectField[item.key] = v,
+                              readonly: item.readonly,
+                              type: "text",
+                              size: "medium"
+                            }, null, 8, ["model-value", "onUpdate:modelValue", "readonly"])) : (openBlock(), createBlock(_component_el_select, {
+                              key: 1,
+                              modelValue: $data.selectField[item.key],
+                              "onUpdate:modelValue": ($event) => $data.selectField[item.key] = $event
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList($props.pageParams, (item2) => {
+                                  return openBlock(), createBlock(_component_el_option, {
+                                    key: item2.CODE,
+                                    label: item2.NAME,
+                                    value: `$[${item2.CODE}]`
+                                  }, null, 8, ["label", "value"]);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1032, ["modelValue", "onUpdate:modelValue"]))
+                          ])
+                        ])) : (openBlock(), createElementBlock("div", _hoisted_15, [
+                          createVNode(_component_el_input, {
+                            "model-value": $data.selectField[item.key] || item.defaultValue,
+                            "onUpdate:modelValue": (v) => $data.selectField[item.key] = v,
+                            readonly: item.readonly,
+                            type: "text",
+                            size: "medium"
+                          }, null, 8, ["model-value", "onUpdate:modelValue", "readonly"]),
+                          createElementVNode("span", _hoisted_16, toDisplayString($data.selectField[item.key] && $data.selectField[item.key] === item.defaultValue ? "（默认值）" : ""), 1)
+                        ]))
+                      ]),
+                      _: 2
+                    }, 1032, ["label"])) : createCommentVNode("", true)
+                  ]),
+                  _: 2
+                }, 1024);
+              }), 128)),
+              createVNode(_component_el_form_item, { style: { marginLeft: "140px" } }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    onClick: $options.saveFieldConfig
+                  }, {
+                    default: withCtx(() => [..._cache[13] || (_cache[13] = [
+                      createTextVNode("保存", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    createVNode(_component_epx_visual_config_lazy_dialog, {
+      title: "添加字段",
+      modelValue: $data.showFieldDialog,
+      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.showFieldDialog = $event),
+      width: "70%"
+    }, {
+      footer: withCtx(() => [
+        createElementVNode("span", _hoisted_23, [
+          createVNode(_component_el_button, {
+            onClick: _cache[4] || (_cache[4] = ($event) => $data.showFieldDialog = false)
+          }, {
+            default: withCtx(() => [..._cache[16] || (_cache[16] = [
+              createTextVNode("取 消", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: $options.saveSelectField
+          }, {
+            default: withCtx(() => [..._cache[17] || (_cache[17] = [
+              createTextVNode("确 定", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ])
+      ]),
+      default: withCtx(() => [
+        createVNode(_component_el_checkbox_group, {
+          modelValue: $data.selectFieldList,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.selectFieldList = $event),
+          class: "tree-field-checkbox-group"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($props.treeFieldStore, (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: item.code
+              }, [
+                createElementVNode("div", _hoisted_17, [
+                  createElementVNode("span", {
+                    class: "tree-field-title",
+                    onClick: ($event) => $options.swicthFieldStoreFold(index)
+                  }, [
+                    withDirectives(createElementVNode("i", _hoisted_19, null, 512), [
+                      [vShow, item.isUnFold]
+                    ]),
+                    withDirectives(createElementVNode("i", _hoisted_20, null, 512), [
+                      [vShow, !item.isUnFold]
+                    ])
+                  ], 8, _hoisted_18),
+                  _cache[14] || (_cache[14] = createElementVNode("span", { class: "tree-field-title" }, [
+                    createElementVNode("i", { class: "el-icon-folder-opened" })
+                  ], -1)),
+                  createElementVNode("span", {
+                    innerHTML: _ctx.xss.process(item.text),
+                    class: "tree-field-title"
+                  }, null, 8, _hoisted_21)
+                ]),
+                withDirectives(createElementVNode("div", _hoisted_22, [
+                  createVNode(_component_el_checkbox, {
+                    label: item.code,
+                    value: item.code,
+                    onChange: (val) => $options.selectAllField(val, index)
+                  }, {
+                    default: withCtx(() => [..._cache[15] || (_cache[15] = [
+                      createTextVNode("全选", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["label", "value", "onChange"]),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (option) => {
+                    return openBlock(), createBlock(_component_el_checkbox, {
+                      label: option.code,
+                      value: option.code,
+                      key: option.code
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(option.text), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["label", "value"]);
+                  }), 128))
+                ], 512), [
+                  [vShow, item.isUnFold]
+                ])
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const MField = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-11c4d77d"]]);
+export {
+  MField as default
+};