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

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

@@ -0,0 +1,2080 @@
+import '../../../style.css';
+import draggable from "@epxing/core/src/components/draggable";
+import { mapGetters } from "vuex";
+import { evalWith } from "@epxing/utils/src/eval-with";
+import { resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createVNode, createTextVNode, createCommentVNode, TransitionGroup, Fragment, renderList, createElementVNode, toDisplayString, renderSlot, normalizeStyle, withDirectives, vShow, normalizeClass, withModifiers } from "vue";
+/* empty css              */
+/* empty css               */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-list-field",
+  components: {
+    draggable
+  },
+  props: {
+    showFieldWay: {
+      type: Boolean,
+      default: true
+    },
+    showSubFlag: {
+      type: Boolean,
+      default: true
+    },
+    value: {
+      type: Array
+    },
+    defaultValue: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    ruleList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    treeFieldStore: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    functionOption: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    fieldOptions: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    pageParams: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    pageGlobalConfigs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    changeItemConfigs: {
+      type: Function,
+      default() {
+        return () => null;
+      }
+    },
+    componentMetaId: String,
+    scopeConfigs: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      loadFieldFinish: true,
+      fieldList: [],
+      checkedFieldList: [],
+      settingFieldList: [],
+      selectFieldList: [],
+      selectFieldMulti: false,
+      checkedSelectFieldList: [],
+      selectFieldIndex: -1,
+      settingFieldWay: "default",
+      showFieldDialog: false,
+      selectField: null,
+      showEditFieldDialog: false,
+      fieldInfo: {},
+      valueType: "string",
+      scopeEntityType: "string",
+      optionScopeType: "all",
+      functionList: [],
+      eventDialog: false,
+      filterText: "",
+      event: {
+        function: "new",
+        functionName: ""
+      },
+      showJsDrawer: false,
+      eventList: {
+        onChange: "值发生变化",
+        onFocus: "获取焦点",
+        onBlur: "失去焦点"
+      },
+      treeProps: {
+        children: "children",
+        label: "text"
+      },
+      fieldParamDialog: false,
+      fieldParams: {},
+      paramType: "str",
+      showLogField: false,
+      showSubField: true
+    };
+  },
+  watch: {
+    defaultValue(v) {
+      if (!this.value) {
+        this.fieldList = [...this.defaultValue];
+      }
+    },
+    // Vue3 起浅层 watcher 不响应 push/splice，而删字段、保存字段详细配置走的正是 splice。
+    // 坏掉时用户感受最差：saveFieldConfig 第一行就弹「保存成功」，紧接着的 splice 却不回写配置。
+    fieldList: {
+      deep: 1,
+      handler(v) {
+        if (v === this.value) return;
+        if (this.value == null && this.settingFieldWay !== "custom") return;
+        if (this.$_.isEqual(v, this.value)) return;
+        this.$emit("change-configs", this.$_.cloneDeep(v));
+        this.$emit("input", this.$_.cloneDeep(v));
+      }
+    },
+    value(v) {
+      if (!this.$_.isEqual(v, this.fieldList)) {
+        this.fieldList = [...v];
+      }
+    },
+    settingFieldWay(v) {
+      if (this._skipFieldWayChange) {
+        this._skipFieldWayChange = false;
+        return;
+      }
+      if (v === "custom") {
+        if (!this.fieldList) {
+          this.fieldList = this.$_.cloneDeep(this.defaultValue);
+        } else {
+          if (this.fieldList !== this.value && !this.$_.isEqual(this.fieldList, this.value)) {
+            const fieldList = this.$_.cloneDeep(this.fieldList || this.defaultValue);
+            this.$emit("change-configs", fieldList);
+            this.$emit("input", fieldList);
+          }
+        }
+      } else if (this.value && this.value.length) {
+        this.$confirm("切换为默认配置后，已配置的自定义字段将被清除，是否继续？", "提示", { type: "warning" }).then(() => {
+          this.$emit("change-configs", null);
+          this.$emit("input", null);
+        }).catch(() => {
+          this._skipFieldWayChange = true;
+          this.settingFieldWay = "custom";
+        });
+      } else {
+        this.$emit("change-configs", null);
+        this.$emit("input", null);
+      }
+    },
+    selectField(v) {
+      this.settingFieldList.splice(this.selectFieldIndex, 1, v);
+    },
+    // ⚠️ handler 于 2022-07-01 由 e685a40e42「列表字段配置-去除selectField监听」**刻意**整段
+    // 注释掉，不是漏删：本组件的 UI 已从扁平 el-checkbox-group 换成 el-tree，父子级联勾选由
+    // el-tree 原生处理，不再需要手工同步分组全选态（配套的 $refs.tree.setCheckedKeys 也一并
+    // 被注释）。同源的活实现仍在 MField.vue，那边 UI 是 checkbox-group，确实需要。
+    // ⇒ 既**别补 deep**（唤醒空 handler 纯成本），也**别恢复注释里的逻辑**（会与 el-tree 的
+    // 级联勾选打架，还会把分组 code 污染进 selectFieldList，让 unSelectFieldStore 跟着错）。
+    selectFieldList(fieldList) {
+    },
+    pageGlobalConfigs: {
+      handler(v) {
+        this.getFunctionList();
+      },
+      immediate: true
+    },
+    filterText(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  computed: {
+    ...mapGetters([
+      "getMetaViewFields"
+    ]),
+    fieldStore() {
+      if (this.treeFieldStore && this.treeFieldStore.length > 0) {
+        return this.treeFieldStore;
+      } else {
+        return this.getMetaViewFields(this.componentMetaId) || [];
+      }
+    },
+    unSelectFieldStore() {
+      const selectFields = this.selectFieldList.map((item) => item.attriName || item);
+      const formatField = (arr) => {
+        return arr.filter((item) => {
+          if (!this.showLogField && ["ID", "LOG_C_TIME", "LOG_C_USER", "LOG_U_TIME", "LOG_U_USER"].includes(item.code)) {
+            return false;
+          }
+          if (!this.showSubField && (item.relationType === "1" || item.isSub)) {
+            return false;
+          }
+          if (item.relationType !== "1") {
+            const index = selectFields.findIndex((key) => item.field === key);
+            if (index !== -1) {
+              item.disabled = true;
+              selectFields.splice(index, 1);
+            }
+          }
+          if (item.children) {
+            item.children = formatField(item.children);
+          }
+          return true;
+        });
+      };
+      const copyFieldStore = this.$_.cloneDeep(this.fieldStore);
+      return formatField(copyFieldStore);
+    },
+    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;
+        const getLabel = (arr) => {
+          for (const item of arr) {
+            if (item.field === attriName) return item.text;
+            if (item.children) {
+              const label = getLabel(item.children);
+              if (label) return label;
+            }
+          }
+        };
+        return getLabel(this.fieldStore) || 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;
+      };
+    },
+    defaultExpandKeys() {
+      return this.fieldStore[0] ? [this.fieldStore[0].field] : [];
+    },
+    showTreeFieldStore() {
+      const fieldStore = [];
+      this.fieldStore.forEach((item, index) => {
+        const children = item.children.filter((fieldItem) => !this.fieldList.find((field) => (field.attriName || field) === fieldItem.code));
+        fieldStore.push({
+          ...item,
+          children
+        });
+      });
+      return fieldStore;
+    },
+    parentField() {
+      return (field) => {
+        const parent = this.getChildParent(this.fieldStore, field) || {};
+        return parent;
+      };
+    },
+    getFieldPath() {
+      const { attriName } = this.selectField;
+      const getPath = (arr, path) => {
+        for (const item of arr) {
+          if (item.field === attriName) {
+            return path ? path + "/" + item.text : item.text;
+          } else if (item.children) {
+            const childPath = getPath(item.children, path ? path + "/" + item.text : item.text);
+            if (childPath) return childPath;
+          }
+        }
+      };
+      return getPath(this.fieldStore);
+    },
+    showFieldOptions() {
+      const fieldOptions = [];
+      const { attriName, link, linkType } = this.selectField;
+      const field = this.getField(this.fieldStore, attriName) || {};
+      const { dataType, optionType, type, isSub, relationSort } = field;
+      field.isMeta = field.type === "meta";
+      const selectField = { ...this.selectField };
+      const scope = { attriName, link, linkType, dataType, optionType, type, isSub, relationSort, selectField, field };
+      this.fieldOptions.forEach((item) => {
+        if (item.showFlag) {
+          for (const key in item.showFlag) {
+            try {
+              if (!evalWith(key, scope, this) || !item.showFlag[key].includes(evalWith(key, scope, this))) {
+                return;
+              }
+            } catch (error) {
+              if (Array.isArray(item.showFlag[key])) {
+                if (!item.showFlag[key].includes(evalWith(`selectField.${key}`, scope, this))) {
+                  return;
+                }
+              } else {
+                if (item.showFlag[key] !== evalWith(`selectField.${key}`, scope, this)) {
+                  return;
+                }
+              }
+            }
+          }
+        }
+        if (item.showCondition) {
+          let flag = true;
+          try {
+            const showCondition = typeof item.showCondition === "string" ? JSON.parse(item.showCondition) : item.showCondition;
+            const condition = showCondition.el;
+            const el = condition.replace(/^#{(.*)}$/, "$1");
+            if (el) {
+              flag = evalWith(el, { config: this.allConfigs, selectField: this.selectField }, this);
+            }
+          } catch (error) {
+            flag = false;
+          }
+          if (!flag) return;
+        }
+        fieldOptions.push(item);
+      });
+      return fieldOptions;
+    },
+    isSelectAllField: {
+      get() {
+        return this.checkedSelectFieldList.length === this.settingFieldList.length;
+      },
+      set(v) {
+        if (v) {
+          this.checkedSelectFieldList = this.settingFieldList.map((item, index) => index);
+        } else {
+          this.checkedSelectFieldList = [];
+        }
+      }
+    }
+  },
+  methods: {
+    getFieldStore() {
+      if (!this.componentMetaId) return;
+      if (!(this.fieldStore && this.fieldStore.length > 0)) {
+        this.$store.dispatch({
+          type: "ADD_META_VIEW_FIELDS",
+          metaId: this.componentMetaId
+        });
+      }
+    },
+    getField(arr, code) {
+      for (let i = 0; i < arr.length; i++) {
+        const field = arr[i];
+        if (field.field === code) {
+          return field;
+        }
+        if (field.children) {
+          const findField = this.getField(field.children, code);
+          if (findField) return findField;
+        }
+      }
+    },
+    formatScopeParams(scopeParams) {
+      if (!scopeParams) return [];
+      const attribute = this.getField(this.fieldStore, this.selectField.attriName) || {};
+      const _scopeParams = this.$_.cloneDeep(scopeParams);
+      for (const scopeKey in _scopeParams) {
+        const scope = _scopeParams[scopeKey];
+        if (!scope) continue;
+        let values = scope.values;
+        if (/\$\[(.+)\]/.test(values)) {
+          values = values.replace(/\$\[(.+)\]/, (match, key) => {
+            try {
+              return evalWith(key, { attribute }, this) || evalWith(`this.${key}`, {}, this) || "";
+            } catch (error) {
+              return values;
+            }
+          });
+        }
+        scope.values = values;
+      }
+      return _scopeParams;
+    },
+    getScopeMetaId(item) {
+      if (item.metaId) return item.metaId;
+      const { attriName } = this.selectField;
+      const field = this.getFieldByCode(attriName);
+      if (field.isMeta) {
+        return field.id;
+      } else if (field.relationSort === "1") {
+        const parent = this.parentField(attriName);
+        return parent.id;
+      } else if (field.dataType === "object" || field.dataType === "user" || field.dataType === "dept") {
+        return field.relatedEntity;
+      }
+      return this.componentMetaId;
+    },
+    getFieldByCode(code) {
+      return this.getField(this.fieldStore, code);
+    },
+    deleteField(index) {
+      this.fieldList.splice(index, 1);
+    },
+    deleteSettingField(index) {
+      this.settingFieldList.splice(index, 1);
+      this.selectFieldList.splice(index, 1);
+    },
+    deleteSelectField() {
+      this.settingFieldList = this.settingFieldList.filter((item, index) => !this.checkedSelectFieldList.includes(index));
+      this.selectFieldList = [...this.settingFieldList];
+      this.selectFieldMulti = false;
+    },
+    editField(field, index) {
+      this.selectFieldList = this.fieldList.map((item) => (item.attriName || item).replace(/\./g, "|"));
+      this.settingFieldList = this.$_.cloneDeep(this.fieldList);
+      this.showFieldDialog = true;
+      this.selectSettingField(field, index);
+    },
+    getFunctionList() {
+      const { JS = "" } = this.pageGlobalConfigs;
+      const result = JS.match(/export\sfunction\s(\w+)/g);
+      const functionList = [];
+      if (!result) return;
+      result.forEach((item) => {
+        functionList.push(item.replace(/export\sfunction\s/, ""));
+      });
+      this.functionList = functionList;
+    },
+    selectSettingField(field, index) {
+      this.selectFieldIndex = index;
+      let fieldConfig = field;
+      if (typeof field === "string") {
+        fieldConfig = { attriName: field };
+      }
+      const { attriName, ...other } = fieldConfig;
+      if (!this.$_.isEmpty(other)) {
+        fieldConfig.configWay = "custom";
+      } else {
+        fieldConfig.configWay = "default";
+      }
+      this.selectField = { ...fieldConfig };
+      this.loadFieldFinish = false;
+      this.$nextTick(() => {
+        this.loadFieldFinish = true;
+      });
+      if (this.selectField.value) {
+        if (this.selectField.value.match(/\$\[(.+)\]/)) {
+          this.valueType = "page";
+        } else if (this.selectField.value.match(/#\{user(.+)\}/)) {
+          this.valueType = "user";
+        } else if (this.selectField.value.match(/#\[(.+)\]/)) {
+          this.valueType = "field";
+        }
+      }
+      if (this.selectField.scopeEntity) {
+        if (this.selectField.scopeEntity.match(/#\[(.+)\]/)) {
+          this.scopeEntityType = "field";
+        }
+      }
+      if (this.selectField.showOptionCodes) {
+        this.optionScopeType = "custom";
+      }
+      this.fieldInfo = this.getField(this.fieldStore, fieldConfig.attriName) || {};
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.text && data.text.indexOf(value) !== -1;
+    },
+    changeParams(key, v) {
+      const selectField = { ...this.selectField };
+      selectField[key] = v;
+      this.selectField = selectField;
+    },
+    saveFieldConfig() {
+      this.$message.success("保存成功");
+      const { configWay, attriName, ...otherConfigs } = this.selectField;
+      const index = this.fieldList.findIndex((item) => (item.attriName || item) === this.selectField.attriName);
+      if (configWay === "custom") {
+        if (index !== -1) {
+          this.fieldList.splice(index, 1, { attriName, ...otherConfigs });
+        }
+      } else {
+        this.fieldList.splice(index, 1, { attriName });
+      }
+      this.showEditFieldDialog = false;
+    },
+    setDefaultValue(key, v) {
+      let value = null;
+      if (Array.isArray(v)) {
+        value = v.map((item) => item.id || item).join(",");
+      } else {
+        value = v ? v.id || v : null;
+      }
+      this.changeParams(key, value);
+    },
+    nodeClick(data, node) {
+      const field = this.settingFieldList.find((item) => data.field === (item.attriName || item));
+      if (!field) return;
+      this.selectSettingField(field);
+      const fieldElem = this.$refs["select_field_" + (field.attriName || field)];
+      if (fieldElem && fieldElem[0]) {
+        const scrollEl = this.$refs.selectFieldContainer;
+        if (fieldElem[0].offsetTop < scrollEl.scrollTop || fieldElem[0].offsetTop > scrollEl.offsetHeight + scrollEl.scrollTop - 40) {
+          scrollEl.scrollTop = fieldElem[0].offsetTop - scrollEl.offsetHeight / 2;
+        }
+      }
+    },
+    openAddFieldDialog(key) {
+      this.selectFieldList = this.fieldList.map((item) => (item.attriName || item).replace(/\./g, "|"));
+      this.settingFieldList = this.$_.cloneDeep(this.fieldList);
+      this.showFieldDialog = true;
+      this.$nextTick(() => {
+      });
+    },
+    getChildParent(arr, field, parent) {
+      for (const item of arr) {
+        if (item.field === field) {
+          return parent;
+        } else if (item.children) {
+          const child = this.getChildParent(item.children, field, item);
+          if (child) return child;
+        }
+      }
+    },
+    checkChange(data, isCheck) {
+      if (data.isMain || data.type === "folder") {
+        if (isCheck) {
+          const children = data.children.filter((item) => !item.isSub);
+          for (const child of children) {
+            if ((!this.filterText || child.text.indexOf(this.filterText) !== -1) && !this.selectFieldList.includes(child.field)) {
+              this.$nextTick(() => {
+                this.$refs.tree.setChecked(child.field, true);
+              });
+            }
+          }
+        } else {
+          const children = data.children.filter((item) => !item.isSub && !item.disabled);
+          const flag = children.every((child) => this.checkedFieldList.find((checked) => checked.field === child.field));
+          if (flag) {
+            children.forEach((item) => {
+              this.$refs.tree.setChecked(item.field, false);
+            });
+          }
+        }
+      } else {
+        const parent = this.getChildParent(this.unSelectFieldStore, data.field);
+        if (isCheck) {
+          if (parent && parent.isMain) {
+            const children = parent.children.filter((item) => !item.isSub && !item.disabled);
+            const checkedFieldList = this.$refs.tree.getCheckedNodes();
+            const flag = children.every((child) => checkedFieldList.find((checked) => checked.field === child.field));
+            if (flag) this.$refs.tree.setChecked(parent.field, true);
+          }
+        } else {
+          if (parent && data.type !== "meta" && parent.isMain) this.$refs.tree.setChecked(parent.field, false);
+        }
+      }
+      this.checkedFieldList = this.$refs.tree.getCheckedNodes();
+    },
+    cancelChecked() {
+      this.$refs.tree.setCheckedKeys([]);
+    },
+    addCheckedField() {
+      this.checkedFieldList.forEach((data) => {
+        if (data.type !== "folder" && !data.isMain) {
+          const parent = this.getChildParent(this.fieldStore, data.field);
+          this.selectFieldList.push(data.field);
+          if (data.type === "meta") {
+            this.settingFieldList.push({ attriName: data.field, type: "meta" });
+          } else {
+            this.settingFieldList.push(data.field);
+          }
+          if (data.field.includes("|")) {
+            const nodesMap = this.$refs.tree.store.nodesMap;
+            nodesMap[parent.field].expanded = true;
+          }
+        }
+      });
+      this.$refs.tree.setCheckedKeys([]);
+    },
+    checkFieldChange(data, isCheck) {
+      if (data.isMain || data.type === "folder") {
+        if (isCheck) {
+          const children = data.children.filter((item) => !item.isSub);
+          for (const child of children) {
+            this.$nextTick(() => {
+              this.$refs.tree.setChecked(child.field, true);
+            });
+          }
+        } else {
+          const children = data.children.filter((item) => !item.isSub);
+          const flag = children.every((child) => this.selectFieldList.includes(child.field));
+          if (flag) {
+            children.forEach((item) => {
+              this.$refs.tree.setChecked(item.field, false);
+            });
+          }
+        }
+      } else {
+        const parent = this.getChildParent(this.fieldStore, data.field);
+        if (isCheck) {
+          const field = this.settingFieldList.find((item) => (item.attriName || item) === data.field);
+          if (!field) {
+            this.selectFieldList.push(data.field);
+            if (data.type === "meta") {
+              this.settingFieldList.push({ attriName: data.field, type: "meta" });
+            } else {
+              this.settingFieldList.push(data.field);
+            }
+          }
+          if (data.field.includes("|")) {
+            const nodesMap = this.$refs.tree.store.nodesMap;
+            nodesMap[parent.field].expanded = true;
+          }
+          if (parent && parent.isMain) {
+            const children = parent.children.filter((item) => !item.isSub);
+            const flag = children.every((child) => this.selectFieldList.includes(child.field));
+            if (flag) this.$refs.tree.setChecked(parent.field, true);
+          }
+        } else {
+          const index = this.selectFieldList.findIndex((item) => item === data.field);
+          const fieldIndex = this.settingFieldList.findIndex((item) => (item.attriName || item) === data.field);
+          if (index !== -1) {
+            this.selectFieldList.splice(index, 1);
+          }
+          if (fieldIndex !== -1) {
+            this.settingFieldList.splice(fieldIndex, 1);
+          }
+          if (parent && data.type !== "meta" && parent.isMain) this.$refs.tree.setChecked(parent.field, false);
+        }
+      }
+    },
+    selectAllField(value, index) {
+      const fieldList = this.fieldStore[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.fieldStore.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.fieldList = fieldList;
+      this.showFieldDialog = false;
+    },
+    addFieldParams() {
+      const field = this.selectField;
+      const { [this.fieldParamDialog]: params = {} } = field;
+      let key = this.fieldParams.key;
+      if (!key || key === "custom") {
+        key = this.fieldParams.customKey;
+      }
+      if (!key) {
+        this.$message.error("请输入参数名");
+        return;
+      }
+      if (!this.fieldParams.value) {
+        this.$message.error("请输入参数值");
+        return;
+      }
+      params[key] = this.fieldParams.value;
+      this.selectField[this.fieldParamDialog] = params;
+      this.fieldParams = {
+        key: "",
+        customKey: "",
+        value: ""
+      };
+      this.fieldParamDialog = false;
+    },
+    deleteParams(itemKey, key) {
+      const selectField = { ...this.selectField };
+      const { [itemKey]: params = {} } = selectField;
+      delete params[key];
+      this.selectField = selectField;
+    },
+    swicthFieldStoreFold(index) {
+      const item = this.fieldStore[index];
+      this.fieldStore[index] = { ...item, isUnFold: !item.isUnFold };
+    },
+    saveFieldList() {
+      this.fieldList = this.settingFieldList.map((item) => {
+        if (typeof item === "string") return item;
+        const { configWay, attriName, ...otherConfigs } = item;
+        if (configWay !== "default" && configWay !== null) {
+          return { attriName, ...otherConfigs };
+        } else {
+          return attriName;
+        }
+      });
+      this.showFieldDialog = false;
+    },
+    createEvent(command) {
+      this.eventDialog = command;
+      let name = command;
+      let index = 1;
+      while (this.functionList.includes(name)) {
+        name = command + index++;
+      }
+      this.event = {
+        function: "new",
+        functionName: name
+      };
+    },
+    settingEvent(key, index) {
+      this.eventDialog = key;
+      const { events = {} } = this.selectField;
+      const eventName = events[key][index];
+      this.event = {
+        function: eventName,
+        index
+      };
+    },
+    deleteEvent(key, index) {
+      const { events = {} } = this.selectField;
+      events[key].splice(index, 1);
+      this.selectField.events = events;
+    },
+    createFunction() {
+      const event = { ...this.event };
+      const { JS = "" } = this.pageGlobalConfigs;
+      const { events = {} } = this.selectField;
+      const typeEvents = events[this.eventDialog] || [];
+      if (!event.function || event.function === "new") {
+        if (!event.functionName) {
+          this.$message.error("请输入事件名");
+          return;
+        }
+        if (this.functionList.includes(event.functionName)) {
+          this.$message.error("该事件名称已存在");
+          return;
+        }
+        const js = JS + `
+  /**
+   * Field ${event.functionName}
+   */
+  export function ${event.functionName} () {
+
+  }
+      `;
+        this.changeItemConfigs("page", { JS: js });
+      }
+      const eventName = !event.function || event.function === "new" ? event.functionName : event.function;
+      if (event.index !== void 0) {
+        typeEvents[event.index] = eventName;
+      } else {
+        typeEvents.push(eventName);
+      }
+      events[this.eventDialog] = typeEvents;
+      this.selectField.events = events;
+      this.eventDialog = false;
+      this.showJsDrawer = true;
+    }
+  },
+  created() {
+    this.getFieldStore();
+    if (this.value) {
+      this.fieldList = [...this.value];
+      this.settingFieldWay = "custom";
+    } else {
+      if (this.defaultValue) this.fieldList = [...this.defaultValue];
+    }
+    if (!this.showSubFlag) {
+      this.showSubField = false;
+    }
+  }
+};
+const _hoisted_1 = { class: "field" };
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = { class: "select-field-item__mask" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = {
+  key: 2,
+  class: "select-field-list"
+};
+const _hoisted_7 = { class: "field-setting" };
+const _hoisted_8 = { class: "field-setting-item" };
+const _hoisted_9 = { class: "field-setting__content" };
+const _hoisted_10 = { class: "set-show-field" };
+const _hoisted_11 = { class: "field-setting-button__group" };
+const _hoisted_12 = { class: "field-setting-button__group_inner" };
+const _hoisted_13 = { class: "field-setting-item" };
+const _hoisted_14 = { class: "field-setting__header" };
+const _hoisted_15 = { class: "field-setting__content" };
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = { class: "field-setting-button__group" };
+const _hoisted_19 = { class: "field-setting-button__group_inner" };
+const _hoisted_20 = { class: "field-setting-item" };
+const _hoisted_21 = { class: "field-setting__content" };
+const _hoisted_22 = { class: "setting-field__form-label" };
+const _hoisted_23 = {
+  key: 3,
+  class: "setting-field__item"
+};
+const _hoisted_24 = { class: "setting-field__item--default" };
+const _hoisted_25 = {
+  key: 4,
+  class: "setting-field__item"
+};
+const _hoisted_26 = {
+  key: 5,
+  class: "setting-field__item",
+  style: { display: "inline-block" }
+};
+const _hoisted_27 = ["innerHTML", "onClick"];
+const _hoisted_28 = {
+  key: 6,
+  class: "setting-field__item",
+  style: { display: "inline-block" }
+};
+const _hoisted_29 = {
+  key: 7,
+  class: "setting-field__item",
+  style: { display: "inline-block" }
+};
+const _hoisted_30 = ["innerHTML"];
+const _hoisted_31 = { key: 8 };
+const _hoisted_32 = { class: "event-list" };
+const _hoisted_33 = { class: "event-title" };
+const _hoisted_34 = { class: "event-type__list" };
+const _hoisted_35 = { class: "event-name" };
+const _hoisted_36 = { class: "event-operate" };
+const _hoisted_37 = ["onClick"];
+const _hoisted_38 = { key: 9 };
+const _hoisted_39 = ["onClick"];
+const _hoisted_40 = { key: 10 };
+const _hoisted_41 = { key: 11 };
+const _hoisted_42 = { key: 12 };
+const _hoisted_43 = { key: 13 };
+const _hoisted_44 = { key: 14 };
+const _hoisted_45 = {
+  key: 15,
+  class: "date-range"
+};
+const _hoisted_46 = {
+  key: 16,
+  class: "setting-field__item"
+};
+const _hoisted_47 = { class: "setting-field__item--default" };
+const _hoisted_48 = {
+  key: 17,
+  class: "setting-field__item"
+};
+const _hoisted_49 = {
+  key: 18,
+  class: "setting-field__item"
+};
+const _hoisted_50 = {
+  key: 19,
+  class: "setting-field__item"
+};
+const _hoisted_51 = {
+  key: 20,
+  class: "setting-field__item"
+};
+const _hoisted_52 = { class: "setting-field__item--default" };
+const _hoisted_53 = {
+  key: 1,
+  class: "no-select-field"
+};
+const _hoisted_54 = { class: "field-setting__button" };
+const _hoisted_55 = { class: "add-params-input" };
+const _hoisted_56 = { class: "add-params-input" };
+const _hoisted_57 = { class: "add-params-input" };
+const _hoisted_58 = ["innerHTML"];
+const _hoisted_59 = { class: "add-params__footer" };
+const _hoisted_60 = { class: "event-form__item" };
+const _hoisted_61 = {
+  key: 0,
+  class: "event-form__item"
+};
+const _hoisted_62 = { 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_input = resolveComponent("el-input");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
+  const _component_el_form_item = resolveComponent("el-form-item");
+  const _component_el_row = resolveComponent("el-row");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  const _component_epx_visual_config_radio = resolveComponent("epx-visual-config-radio");
+  const _component_epx_visual_config_switch = resolveComponent("epx-visual-config-switch");
+  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_epx_visual_config_object = resolveComponent("epx-visual-config-object");
+  const _component_epx_table_form_item = resolveComponent("epx-table-form-item");
+  const _component_el_popover = resolveComponent("el-popover");
+  const _component_epx_object = resolveComponent("epx-object");
+  const _component_epx_visual_config_list = resolveComponent("epx-visual-config-list");
+  const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+  const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+  const _component_el_dropdown = resolveComponent("el-dropdown");
+  const _component_el_popconfirm = resolveComponent("el-popconfirm");
+  const _component_epx_visual_config_scope = resolveComponent("epx-visual-config-scope");
+  const _component_epx_rule = resolveComponent("epx-rule");
+  const _component_epx_visual_config_field = resolveComponent("epx-visual-config-field");
+  const _component_epx_visual_config_order_field = resolveComponent("epx-visual-config-order-field");
+  const _component_el_input_number = resolveComponent("el-input-number");
+  const _component_epx_visual_config_textarea = resolveComponent("epx-visual-config-textarea");
+  const _component_epx_visual_config_select = resolveComponent("epx-visual-config-select");
+  const _component_epx_visual_config_input = resolveComponent("epx-visual-config-input");
+  const _component_el_form = resolveComponent("el-form");
+  const _component_epx_visual_config_lazy_dialog = resolveComponent("epx-visual-config-lazy-dialog");
+  const _component_epx_js_panel = resolveComponent("epx-js-panel");
+  const _component_el_drawer = resolveComponent("el-drawer");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    $props.showFieldWay ? (openBlock(), createBlock(_component_el_radio_group, {
+      key: 0,
+      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[31] || (_cache[31] = [
+            createTextVNode("默认字段", -1)
+          ])]),
+          _: 1
+        }),
+        createVNode(_component_el_radio, {
+          label: "custom",
+          value: "custom"
+        }, {
+          default: withCtx(() => [..._cache[32] || (_cache[32] = [
+            createTextVNode("自定义字段", -1)
+          ])]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])) : createCommentVNode("", true),
+    $data.settingFieldWay === "custom" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      createVNode(_component_draggable, {
+        list: $data.fieldList,
+        class: "list-group",
+        "ghost-class": "ghost"
+      }, {
+        default: withCtx(() => [
+          createVNode(TransitionGroup, {
+            type: "transition",
+            name: "flip-list",
+            class: "select-field-list"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($data.fieldList, (field, index) => {
+                return openBlock(), createElementBlock("li", {
+                  class: "select-field-item list-group-item",
+                  key: index
+                }, [
+                  createElementVNode("span", null, toDisplayString($options.fieldLabel(field)), 1),
+                  createElementVNode("div", _hoisted_3, [
+                    createElementVNode("i", {
+                      class: "el-icon-edit",
+                      onClick: ($event) => $options.editField(field, index)
+                    }, null, 8, _hoisted_4),
+                    _cache[33] || (_cache[33] = createTextVNode(" | ", -1)),
+                    createElementVNode("i", {
+                      class: "el-icon-close",
+                      onClick: ($event) => $options.deleteField(index)
+                    }, null, 8, _hoisted_5)
+                  ])
+                ]);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["list"]),
+      createVNode(_component_el_button, {
+        class: "add-field-btn",
+        size: "small",
+        type: "primary",
+        onClick: $options.openAddFieldDialog
+      }, {
+        default: withCtx(() => [..._cache[34] || (_cache[34] = [
+          createTextVNode("+ 添加字段", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"]),
+      renderSlot(_ctx.$slots, "operate", {}, void 0, true)
+    ])) : (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, {
+      title: "添加字段",
+      modelValue: $data.showFieldDialog,
+      "onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => $data.showFieldDialog = $event),
+      "append-to-body": true,
+      "destroy-on-close": "",
+      width: "1200px",
+      class: "show-field-dialog",
+      top: "10vh"
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
+            _cache[40] || (_cache[40] = createElementVNode("p", { class: "field-setting__header" }, [
+              createElementVNode("span", null, "选择字段")
+            ], -1)),
+            createElementVNode("div", _hoisted_9, [
+              createVNode(_component_el_input, {
+                class: "field-setting__filter",
+                "suffix-icon": "el-icon-search",
+                size: "default",
+                modelValue: $data.filterText,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.filterText = $event)
+              }, null, 8, ["modelValue"]),
+              createVNode(_component_el_tree, {
+                ref: "tree",
+                class: "field-tree",
+                "show-checkbox": "",
+                "node-key": "field",
+                "default-expanded-keys": $options.defaultExpandKeys,
+                data: $options.unSelectFieldStore,
+                "render-after-expand": true,
+                "auto-expand-parent": false,
+                props: $data.treeProps,
+                "check-strictly": true,
+                "highlight-current": true,
+                onCheckChange: $options.checkChange,
+                "filter-node-method": $options.filterNode,
+                onNodeClick: $options.nodeClick
+              }, {
+                default: withCtx(({ node, data }) => [
+                  createElementVNode("span", {
+                    style: normalizeStyle(data.type === "meta" && data.relationType === "1" ? { color: "red" } : {})
+                  }, toDisplayString(node.label), 5)
+                ]),
+                _: 1
+              }, 8, ["default-expanded-keys", "data", "props", "onCheckChange", "filter-node-method", "onNodeClick"]),
+              createElementVNode("div", _hoisted_10, [
+                _cache[37] || (_cache[37] = createTextVNode(" 显示字段： ", -1)),
+                createVNode(_component_el_checkbox, {
+                  modelValue: $data.showLogField,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.showLogField = $event)
+                }, {
+                  default: withCtx(() => [..._cache[35] || (_cache[35] = [
+                    createTextVNode("日志字段", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                $props.showSubFlag ? (openBlock(), createBlock(_component_el_checkbox, {
+                  key: 0,
+                  modelValue: $data.showSubField,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.showSubField = $event)
+                }, {
+                  default: withCtx(() => [..._cache[36] || (_cache[36] = [
+                    createTextVNode("子集字段", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"])) : createCommentVNode("", true)
+              ]),
+              withDirectives(createElementVNode("div", _hoisted_11, [
+                createElementVNode("div", _hoisted_12, [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    size: "default",
+                    onClick: $options.addCheckedField
+                  }, {
+                    default: withCtx(() => [..._cache[38] || (_cache[38] = [
+                      createTextVNode("添加选中字段", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    onClick: $options.cancelChecked
+                  }, {
+                    default: withCtx(() => [..._cache[39] || (_cache[39] = [
+                      createTextVNode("取消", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ])
+              ], 512), [
+                [vShow, $data.checkedFieldList.length > 0]
+              ])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_13, [
+            createElementVNode("p", _hoisted_14, [
+              createElementVNode("span", null, [
+                _cache[42] || (_cache[42] = createTextVNode("已选字段 ", -1)),
+                withDirectives(createVNode(_component_el_checkbox, {
+                  style: { marginLeft: "8px" },
+                  modelValue: $options.isSelectAllField,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $options.isSelectAllField = $event)
+                }, {
+                  default: withCtx(() => [..._cache[41] || (_cache[41] = [
+                    createTextVNode("全选", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"]), [
+                  [vShow, $data.selectFieldMulti]
+                ])
+              ]),
+              createVNode(_component_el_checkbox, {
+                class: "fr",
+                modelValue: $data.selectFieldMulti,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.selectFieldMulti = $event)
+              }, {
+                default: withCtx(() => [..._cache[43] || (_cache[43] = [
+                  createTextVNode("多选", -1)
+                ])]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            createElementVNode("div", _hoisted_15, [
+              createVNode(_component_el_checkbox_group, {
+                ref: "selectFieldContainer",
+                class: "setting-fields__select",
+                modelValue: $data.checkedSelectFieldList,
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.checkedSelectFieldList = $event)
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_draggable, {
+                    list: $data.settingFieldList,
+                    class: "list-group",
+                    "ghost-class": "ghost"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(TransitionGroup, {
+                        tag: "ul",
+                        type: "transition",
+                        name: "flip-list",
+                        class: "setting-fields__select--list"
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList($data.settingFieldList, (field, index) => {
+                            return openBlock(), createElementBlock("li", {
+                              ref_for: true,
+                              ref: `select_field_${field.attriName || field}`,
+                              class: normalizeClass(["setting-fields__select--item", { active: $data.selectFieldIndex === index }]),
+                              key: field.attriName || field,
+                              onClick: ($event) => $options.selectSettingField(field, index)
+                            }, [
+                              withDirectives(createVNode(_component_el_checkbox, {
+                                onClick: _cache[6] || (_cache[6] = withModifiers(() => {
+                                }, ["stop"])),
+                                label: index,
+                                value: index
+                              }, {
+                                default: withCtx(() => [..._cache[44] || (_cache[44] = [
+                                  createTextVNode(toDisplayString(""), -1)
+                                ])]),
+                                _: 1
+                              }, 8, ["label", "value"]), [
+                                [vShow, $data.selectFieldMulti]
+                              ]),
+                              _cache[45] || (_cache[45] = createElementVNode("i", { class: "el-icon-document" }, null, -1)),
+                              createElementVNode("span", null, toDisplayString($options.fieldLabel(field)), 1),
+                              withDirectives(createElementVNode("i", {
+                                class: "el-icon-delete fr",
+                                onClick: withModifiers(($event) => $options.deleteSettingField(index), ["stop"])
+                              }, null, 8, _hoisted_17), [
+                                [vShow, !$data.selectFieldMulti]
+                              ])
+                            ], 10, _hoisted_16);
+                          }), 128))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["list"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              withDirectives(createElementVNode("div", _hoisted_18, [
+                createElementVNode("div", _hoisted_19, [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    size: "default",
+                    onClick: $options.deleteSelectField
+                  }, {
+                    default: withCtx(() => [..._cache[46] || (_cache[46] = [
+                      createTextVNode("删除", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    onClick: _cache[8] || (_cache[8] = ($event) => $data.selectFieldMulti = false)
+                  }, {
+                    default: withCtx(() => [..._cache[47] || (_cache[47] = [
+                      createTextVNode("取消", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ], 512), [
+                [vShow, $data.selectFieldMulti]
+              ])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_20, [
+            _cache[60] || (_cache[60] = createElementVNode("p", { class: "field-setting__header" }, [
+              createElementVNode("span", null, "字段属性")
+            ], -1)),
+            createElementVNode("div", _hoisted_21, [
+              $data.selectField && $data.loadFieldFinish ? (openBlock(), createBlock(_component_el_form, {
+                key: 0,
+                class: "setting-field__config",
+                inline: "",
+                "label-position": "left",
+                "label-width": "98px"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_row, { class: "setting-field__row" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_form_item, { label: "字段路径" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString($options.getFieldPath), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.showFieldOptions, (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}`
+                        }, {
+                          label: withCtx(() => [
+                            createElementVNode("span", _hoisted_22, [
+                              createTextVNode(toDisplayString(item.label) + " ", 1),
+                              item.note ? (openBlock(), createBlock(_component_el_tooltip, {
+                                key: 0,
+                                class: "item",
+                                effect: "dark",
+                                content: item.note,
+                                placement: "top"
+                              }, {
+                                default: withCtx(() => [..._cache[48] || (_cache[48] = [
+                                  createElementVNode("i", { class: "el-icon-warning-outline" }, null, -1)
+                                ])]),
+                                _: 1
+                              }, 8, ["content"])) : createCommentVNode("", true)
+                            ])
+                          ]),
+                          default: withCtx(() => [
+                            item.type === "radio" || item.type === "radio-input" ? (openBlock(), createBlock(_component_epx_visual_config_radio, {
+                              key: 0,
+                              code: item.code,
+                              "option-list": item.options,
+                              value: $data.selectField[item.key],
+                              defaultValue: item.defaultValue,
+                              inputable: item.type === "radio-input",
+                              onChangeConfigs: (v) => $data.selectField[item.key] = v
+                            }, null, 8, ["code", "option-list", "value", "defaultValue", "inputable", "onChangeConfigs"])) : item.type === "switch" ? (openBlock(), createBlock(_component_epx_visual_config_switch, {
+                              key: 1,
+                              value: $data.selectField[item.key],
+                              defaultValue: item.defaultValue,
+                              onChangeConfigs: (v) => $data.selectField[item.key] = v
+                            }, null, 8, ["value", "defaultValue", "onChangeConfigs"])) : item.type === "function" && $data.fieldInfo.relationSort === "1" ? (openBlock(), createBlock(_component_el_select, {
+                              key: 2,
+                              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_23, [
+                              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_24, toDisplayString($data.selectField[item.key] && $data.selectField[item.key] === item.defaultValue ? "（默认值）" : ""), 1)
+                            ])) : item.type === "object" ? (openBlock(), createElementBlock("div", _hoisted_25, [
+                              createVNode(_component_epx_visual_config_object, {
+                                value: $data.selectField[item.key],
+                                defaultValue: item.defaultValue,
+                                object: item.object,
+                                label: item.label,
+                                dataKey: item.dataKey,
+                                fieldConfigs: item.fieldConfigs || {},
+                                scopeParams: $options.formatScopeParams(item.scopeParams),
+                                onChangeConfigs: (v) => $data.selectField[item.key] = v
+                              }, null, 8, ["value", "defaultValue", "object", "label", "dataKey", "fieldConfigs", "scopeParams", "onChangeConfigs"])
+                            ])) : item.type === "scopeEntity" ? (openBlock(), createElementBlock("div", _hoisted_26, [
+                              createVNode(_component_el_radio_group, {
+                                modelValue: $data.scopeEntityType,
+                                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $data.scopeEntityType = $event),
+                                onChange: ($event) => $data.selectField[item.key] = ""
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_el_radio, {
+                                    label: "string",
+                                    value: "string"
+                                  }, {
+                                    default: withCtx(() => [..._cache[49] || (_cache[49] = [
+                                      createTextVNode("固定值", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  createVNode(_component_el_radio, {
+                                    label: "field",
+                                    value: "field"
+                                  }, {
+                                    default: withCtx(() => [..._cache[50] || (_cache[50] = [
+                                      createTextVNode("字段值", -1)
+                                    ])]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["modelValue", "onChange"]),
+                              createElementVNode("div", null, [
+                                $data.scopeEntityType === "string" ? (openBlock(), createBlock(_component_epx_table_form_item, {
+                                  key: $data.fieldInfo.field,
+                                  "model-value": $data.selectField[item.key] || item.defaultValue,
+                                  "onUpdate:modelValue": (v) => $options.setDefaultValue(item.key, v),
+                                  fieldConfigs: {
+                                    attriName: "scopeEntity",
+                                    attriLabel: "查询对象",
+                                    codeKey: "FM_ENTITY",
+                                    dataType: "object",
+                                    state: "EDIT"
+                                  }
+                                }, null, 8, ["model-value", "onUpdate:modelValue"])) : $data.scopeEntityType === "field" ? (openBlock(), createBlock(_component_el_popover, {
+                                  key: 1,
+                                  width: "200",
+                                  trigger: "click"
+                                }, {
+                                  reference: withCtx(() => [
+                                    createVNode(_component_el_input, {
+                                      "model-value": $data.selectField[item.key] || item.defaultValue
+                                    }, null, 8, ["model-value"])
+                                  ]),
+                                  default: withCtx(() => [
+                                    createVNode(_component_el_tree, {
+                                      style: { maxHeight: "300px", overflow: "auto" },
+                                      data: $options.fieldStore,
+                                      props: {
+                                        children: "children",
+                                        label: "text"
+                                      }
+                                    }, {
+                                      default: withCtx(({ node, data }) => [
+                                        createElementVNode("span", {
+                                          innerHTML: _ctx.xss.process(node.label),
+                                          onClick: ($event) => $data.selectField[item.key] = `#[${data.field}]`
+                                        }, null, 8, _hoisted_27)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["data"])
+                                  ]),
+                                  _: 2
+                                }, 1024)) : createCommentVNode("", true)
+                              ])
+                            ])) : item.type === "option-scope" ? (openBlock(), createElementBlock("div", _hoisted_28, [
+                              createVNode(_component_el_radio_group, {
+                                modelValue: $data.optionScopeType,
+                                "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.optionScopeType = $event),
+                                onChange: (v) => $data.selectField[item.key] = null
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_el_radio, {
+                                    label: "all",
+                                    value: "all"
+                                  }, {
+                                    default: withCtx(() => [..._cache[51] || (_cache[51] = [
+                                      createTextVNode("全部", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  createVNode(_component_el_radio, {
+                                    label: "custom",
+                                    value: "custom"
+                                  }, {
+                                    default: withCtx(() => [..._cache[52] || (_cache[52] = [
+                                      createTextVNode("自定义", -1)
+                                    ])]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["modelValue", "onChange"]),
+                              $data.optionScopeType === "custom" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                $options.getFieldByCode($data.selectField.attriName).dataType === "treeList" || $options.getFieldByCode($data.selectField.attriName).optionType === "treeList" ? (openBlock(), createBlock(_component_epx_object, {
+                                  key: 0,
+                                  modelValue: $data.selectField[item.key],
+                                  fieldConfigs: { attriLabel: "", codeKey: $options.getFieldByCode($data.selectField.attriName).codeKey, state: "EDIT", dataType: "treeList", isMultiple: "1", onlySelectLeaf: false },
+                                  "onUpdate:modelValue": (v) => $data.selectField[item.key] = v.map((item2) => item2.id)
+                                }, null, 8, ["modelValue", "fieldConfigs", "onUpdate:modelValue"])) : (openBlock(), createBlock(_component_epx_visual_config_list, {
+                                  key: 1,
+                                  code: $options.getFieldByCode($data.selectField.attriName).codeKey,
+                                  multiple: true,
+                                  value: $data.selectField[item.key],
+                                  defaultValue: item.defaultValue,
+                                  onChangeConfigs: (v) => $data.selectField[item.key] = v
+                                }, null, 8, ["code", "value", "defaultValue", "onChangeConfigs"]))
+                              ], 64)) : createCommentVNode("", true)
+                            ])) : item.type === "value" ? (openBlock(), createElementBlock("div", _hoisted_29, [
+                              createVNode(_component_el_radio_group, {
+                                modelValue: $data.valueType,
+                                "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => $data.valueType = $event),
+                                onChange: ($event) => $data.selectField[item.key] = ""
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_el_radio, {
+                                    label: "string",
+                                    value: "string"
+                                  }, {
+                                    default: withCtx(() => [..._cache[53] || (_cache[53] = [
+                                      createTextVNode("固定值", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  createVNode(_component_el_radio, {
+                                    label: "page",
+                                    value: "page"
+                                  }, {
+                                    default: withCtx(() => [..._cache[54] || (_cache[54] = [
+                                      createTextVNode("页面参数", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  createVNode(_component_el_radio, {
+                                    label: "user",
+                                    value: "user"
+                                  }, {
+                                    default: withCtx(() => [..._cache[55] || (_cache[55] = [
+                                      createTextVNode("用户信息", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  createVNode(_component_el_radio, {
+                                    label: "field",
+                                    value: "field"
+                                  }, {
+                                    default: withCtx(() => [..._cache[56] || (_cache[56] = [
+                                      createTextVNode("字段值", -1)
+                                    ])]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["modelValue", "onChange"]),
+                              createElementVNode("div", null, [
+                                $data.valueType === "string" ? (openBlock(), createBlock(_component_epx_table_form_item, {
+                                  key: $data.fieldInfo.field,
+                                  "model-value": $data.selectField[item.key] || item.defaultValue,
+                                  "onUpdate:modelValue": (v) => $options.setDefaultValue(item.key, v),
+                                  fieldConfigs: {
+                                    attriName: $data.fieldInfo.field,
+                                    attriLabel: $data.fieldInfo.text,
+                                    dataType: $data.fieldInfo.dataType,
+                                    optionType: $data.fieldInfo.optionType === "multibox" ? "multiList" : $data.fieldInfo.optionType,
+                                    codeKey: $data.fieldInfo.codeKey,
+                                    relatedEntity: $data.fieldInfo.relatedEntity,
+                                    state: "EDIT",
+                                    datePrecision: $data.fieldInfo.datePrecision,
+                                    attribute: {
+                                      isTree: $data.fieldInfo.isTree,
+                                      isMultiple: $data.fieldInfo.isMultiple,
+                                      objectWay: $data.fieldInfo.objectWay
+                                    }
+                                  }
+                                }, null, 8, ["model-value", "onUpdate:modelValue", "fieldConfigs"])) : $data.valueType === "page" ? (openBlock(), createBlock(_component_el_select, {
+                                  key: 1,
+                                  modelValue: $data.selectField[item.key],
+                                  "onUpdate:modelValue": ($event) => $data.selectField[item.key] = $event,
+                                  filterable: "",
+                                  "allow-create": "",
+                                  "default-first-option": ""
+                                }, {
+                                  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"])) : $data.valueType === "field" ? (openBlock(), createBlock(_component_el_popover, {
+                                  key: 2,
+                                  width: "200",
+                                  trigger: "click"
+                                }, {
+                                  reference: withCtx(() => [
+                                    createVNode(_component_el_input, {
+                                      "model-value": $data.selectField[item.key]
+                                    }, null, 8, ["model-value"])
+                                  ]),
+                                  default: withCtx(() => [
+                                    createVNode(_component_el_tree, {
+                                      style: { maxHeight: "300px", overflow: "auto" },
+                                      data: $options.fieldStore,
+                                      "node-key": "field",
+                                      props: {
+                                        children: "children",
+                                        label: "text"
+                                      },
+                                      onNodeClick: (data, node) => $data.selectField[item.key] = `#[${data.field.replace(/\./g, "|")}]`
+                                    }, {
+                                      default: withCtx(({ node }) => [
+                                        createElementVNode("span", {
+                                          innerHTML: _ctx.xss.process(node.label)
+                                        }, null, 8, _hoisted_30)
+                                      ]),
+                                      _: 1
+                                    }, 8, ["data", "onNodeClick"])
+                                  ]),
+                                  _: 2
+                                }, 1024)) : (openBlock(), createBlock(_component_el_select, {
+                                  key: 3,
+                                  modelValue: $data.selectField[item.key],
+                                  "onUpdate:modelValue": ($event) => $data.selectField[item.key] = $event,
+                                  filterable: "",
+                                  "allow-create": "",
+                                  "default-first-option": ""
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_el_option, {
+                                      value: "#{user.id}",
+                                      label: "用户ID"
+                                    }),
+                                    createVNode(_component_el_option, {
+                                      value: "#{user.name}",
+                                      label: "用户名称"
+                                    }),
+                                    createVNode(_component_el_option, {
+                                      value: "#{user.client}",
+                                      label: "用户所属客户"
+                                    }),
+                                    createVNode(_component_el_option, {
+                                      value: "#{user.system}",
+                                      label: "用户所属系统"
+                                    }),
+                                    createVNode(_component_el_option, {
+                                      value: "#{user.deptId}",
+                                      label: "用户所属单位"
+                                    }),
+                                    (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"]))
+                              ])
+                            ])) : item.type === "events" ? (openBlock(), createElementBlock("div", _hoisted_31, [
+                              createVNode(_component_el_dropdown, { onCommand: $options.createEvent }, {
+                                dropdown: withCtx(() => [
+                                  createVNode(_component_el_dropdown_menu, null, {
+                                    default: withCtx(() => [
+                                      (openBlock(true), createElementBlock(Fragment, null, renderList($data.eventList, (text, key) => {
+                                        return openBlock(), createBlock(_component_el_dropdown_item, {
+                                          key,
+                                          command: key
+                                        }, {
+                                          default: withCtx(() => [
+                                            createTextVNode(toDisplayString(key) + " " + toDisplayString(text), 1)
+                                          ]),
+                                          _: 2
+                                        }, 1032, ["command"]);
+                                      }), 128))
+                                    ]),
+                                    _: 1
+                                  })
+                                ]),
+                                default: withCtx(() => [
+                                  createVNode(_component_el_button, {
+                                    size: "default",
+                                    type: "primary"
+                                  }, {
+                                    default: withCtx(() => [..._cache[57] || (_cache[57] = [
+                                      createTextVNode(" 新建事件", -1),
+                                      createElementVNode("i", { class: "el-icon-arrow-down el-icon--right" }, null, -1)
+                                    ])]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["onCommand"]),
+                              createElementVNode("ul", _hoisted_32, [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList($data.selectField.events, (item2, key) => {
+                                  return openBlock(), createElementBlock("li", {
+                                    class: "event-item",
+                                    key
+                                  }, [
+                                    createElementVNode("p", _hoisted_33, toDisplayString(`${key} ${$data.eventList[key]}`), 1),
+                                    createElementVNode("div", _hoisted_34, [
+                                      (openBlock(true), createElementBlock(Fragment, null, renderList(item2, (event, index) => {
+                                        return openBlock(), createElementBlock("div", {
+                                          class: "event",
+                                          key: index
+                                        }, [
+                                          createElementVNode("p", _hoisted_35, toDisplayString(event), 1),
+                                          createElementVNode("p", _hoisted_36, [
+                                            createElementVNode("i", {
+                                              class: "el-icon-view",
+                                              onClick: _cache[12] || (_cache[12] = ($event) => $data.showJsDrawer = true)
+                                            }),
+                                            createElementVNode("i", {
+                                              class: "el-icon-setting",
+                                              onClick: ($event) => $options.settingEvent(key, index)
+                                            }, null, 8, _hoisted_37),
+                                            createVNode(_component_el_popconfirm, {
+                                              title: "确认删除吗？",
+                                              onConfirm: ($event) => $options.deleteEvent(key, index)
+                                            }, {
+                                              reference: withCtx(() => [..._cache[58] || (_cache[58] = [
+                                                createElementVNode("i", { class: "el-icon-delete" }, null, -1)
+                                              ])]),
+                                              _: 1
+                                            }, 8, ["onConfirm"])
+                                          ])
+                                        ]);
+                                      }), 128))
+                                    ])
+                                  ]);
+                                }), 128))
+                              ])
+                            ])) : item.type === "params" ? (openBlock(), createElementBlock("div", _hoisted_38, [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList($data.selectField[item.key], (value, key) => {
+                                return openBlock(), createElementBlock("p", {
+                                  class: "operate-params-item",
+                                  key
+                                }, [
+                                  createTextVNode(toDisplayString(key) + " = " + toDisplayString(value) + " ", 1),
+                                  createElementVNode("i", {
+                                    class: "el-icon-close",
+                                    onClick: ($event) => $options.deleteParams(item.key, key)
+                                  }, null, 8, _hoisted_39)
+                                ]);
+                              }), 128)),
+                              createVNode(_component_el_button, {
+                                type: "primary",
+                                link: "",
+                                onClick: ($event) => $data.fieldParamDialog = `${item.key}`
+                              }, {
+                                default: withCtx(() => [..._cache[59] || (_cache[59] = [
+                                  createTextVNode("添加参数", -1)
+                                ])]),
+                                _: 1
+                              }, 8, ["onClick"])
+                            ])) : item.type === "scope" || item.type === "child-scope" ? (openBlock(), createElementBlock("div", _hoisted_40, [
+                              createVNode(_component_epx_visual_config_scope, {
+                                scopeConfigs: $props.scopeConfigs,
+                                componentMetaId: $options.getScopeMetaId(item),
+                                value: $data.selectField[item.key],
+                                onChangeConfigs: (v) => $data.selectField[item.key] = v
+                              }, null, 8, ["scopeConfigs", "componentMetaId", "value", "onChangeConfigs"])
+                            ])) : item.type === "object-scope" ? (openBlock(), createElementBlock("div", _hoisted_41, [
+                              createVNode(_component_epx_visual_config_scope, {
+                                scopeConfigs: $props.scopeConfigs,
+                                componentMetaId: $options.getFieldByCode($data.selectField.attriName).codeKey || $props.componentMetaId,
+                                value: $data.selectField[item.key],
+                                onChangeConfigs: (v) => $data.selectField[item.key] = v
+                              }, null, 8, ["scopeConfigs", "componentMetaId", "value", "onChangeConfigs"])
+                            ])) : item.type === "rule" ? (openBlock(), createElementBlock("div", _hoisted_42, [
+                              createVNode(_component_epx_rule, {
+                                modelValue: $data.selectField[item.key],
+                                "onUpdate:modelValue": ($event) => $data.selectField[item.key] = $event,
+                                metaId: $options.getScopeMetaId(item),
+                                fieldConfigs: { state: "EDIT" }
+                              }, null, 8, ["modelValue", "onUpdate:modelValue", "metaId"])
+                            ])) : item.type === "field" ? (openBlock(), createElementBlock("div", _hoisted_43, [
+                              createVNode(_component_epx_visual_config_field, {
+                                value: $data.selectField[item.key],
+                                metaId: $options.getFieldByCode($data.selectField.attriName).id || $props.componentMetaId,
+                                onChangeConfigs: (v) => $data.selectField[item.key] = v
+                              }, null, 8, ["value", "metaId", "onChangeConfigs"])
+                            ])) : item.type === "order-field" ? (openBlock(), createElementBlock("div", _hoisted_44, [
+                              createVNode(_component_epx_visual_config_order_field, {
+                                value: $data.selectField[item.key],
+                                metaId: $options.getScopeMetaId(item),
+                                onChangeConfigs: (v) => $data.selectField[item.key] = v
+                              }, null, 8, ["value", "metaId", "onChangeConfigs"])
+                            ])) : item.type === "dateSelectRange" ? (openBlock(), createElementBlock("div", _hoisted_45, [
+                              createVNode(_component_el_select, {
+                                size: "default",
+                                class: "date-range__select",
+                                modelValue: $data.selectField.dateRangeMode,
+                                "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $data.selectField.dateRangeMode = $event)
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_el_option, {
+                                    label: "早于",
+                                    value: "less"
+                                  }),
+                                  createVNode(_component_el_option, {
+                                    label: "晚于",
+                                    value: "greater"
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["modelValue"]),
+                              createVNode(_component_el_select, {
+                                size: "default",
+                                class: "date-range__select",
+                                modelValue: $data.selectField.dateRangeValue,
+                                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => $data.selectField.dateRangeValue = $event)
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_el_option, {
+                                    label: "今天",
+                                    value: "$[today]"
+                                  }),
+                                  createVNode(_component_el_option, {
+                                    label: "今天（含当日）",
+                                    value: "$[todayInclude]"
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["modelValue"]),
+                              createElementVNode("i", {
+                                class: "date-range__delete el-icon-close",
+                                onClick: _cache[15] || (_cache[15] = ($event) => {
+                                  $data.selectField.dateRangeMode = null;
+                                  $data.selectField.dateRangeValue = null;
+                                })
+                              })
+                            ])) : item.type === "num" ? (openBlock(), createElementBlock("div", _hoisted_46, [
+                              createVNode(_component_el_input_number, {
+                                "model-value": $data.selectField[item.key] || item.defaultValue,
+                                "onUpdate:modelValue": (v) => $data.selectField[item.key] = v,
+                                readonly: item.readonly,
+                                size: "medium"
+                              }, null, 8, ["model-value", "onUpdate:modelValue", "readonly"]),
+                              createElementVNode("span", _hoisted_47, toDisplayString($data.selectField[item.key] && $data.selectField[item.key] === item.defaultValue ? "（默认值）" : ""), 1)
+                            ])) : item.type === "readonly" ? (openBlock(), createElementBlock("div", _hoisted_48, toDisplayString($data.selectField[item.key] || item.defaultValue), 1)) : item.type === "textarea" ? (openBlock(), createElementBlock("div", _hoisted_49, [
+                              createVNode(_component_epx_visual_config_textarea, {
+                                label: item.label,
+                                value: $data.selectField[item.key],
+                                i18nValue: $data.selectField[item.key + ".i18n"],
+                                defaultValue: item.defaultValue,
+                                onChangeConfigs: (v) => $data.selectField[item.key] = v,
+                                onChangeLanguageConfig: (v) => $data.selectField[item.key + ".i18n"] = v
+                              }, null, 8, ["label", "value", "i18nValue", "defaultValue", "onChangeConfigs", "onChangeLanguageConfig"])
+                            ])) : item.type === "select" ? (openBlock(), createElementBlock("div", _hoisted_50, [
+                              createVNode(_component_epx_visual_config_select, {
+                                "option-list": $props.ruleList,
+                                label: item.label,
+                                value: $data.selectField[item.key],
+                                i18nValue: $data.selectField[item.key + ".i18n"],
+                                defaultValue: item.defaultValue,
+                                onChangeConfigs: (v) => $data.selectField[item.key] = v,
+                                onChangeLanguageConfig: (v) => $data.selectField[item.key + ".i18n"] = v
+                              }, null, 8, ["option-list", "label", "value", "i18nValue", "defaultValue", "onChangeConfigs", "onChangeLanguageConfig"])
+                            ])) : (openBlock(), createElementBlock("div", _hoisted_51, [
+                              createVNode(_component_epx_visual_config_input, {
+                                label: item.label,
+                                value: $data.selectField[item.key],
+                                readonly: item.readonly,
+                                i18nValue: $data.selectField[item.key + ".i18n"],
+                                defaultValue: item.defaultValue,
+                                onChangeConfigs: (v) => $data.selectField[item.key] = v,
+                                onChangeLanguageConfig: (v) => $data.selectField[item.key + ".i18n"] = v
+                              }, null, 8, ["label", "value", "readonly", "i18nValue", "defaultValue", "onChangeConfigs", "onChangeLanguageConfig"]),
+                              createElementVNode("span", _hoisted_52, toDisplayString($data.selectField[item.key] && $data.selectField[item.key] === item.defaultValue ? "（默认值）" : ""), 1)
+                            ]))
+                          ]),
+                          _: 2
+                        }, 1032, ["label"])) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1024);
+                  }), 128))
+                ]),
+                _: 1
+              })) : (openBlock(), createElementBlock("div", _hoisted_53, "请选择字段进行配置"))
+            ])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_54, [
+          createVNode(_component_el_button, {
+            size: "default",
+            onClick: _cache[16] || (_cache[16] = ($event) => $data.showFieldDialog = false)
+          }, {
+            default: withCtx(() => [..._cache[61] || (_cache[61] = [
+              createTextVNode("取消", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_el_button, {
+            size: "default",
+            type: "primary",
+            onClick: $options.saveFieldList
+          }, {
+            default: withCtx(() => [..._cache[62] || (_cache[62] = [
+              createTextVNode("保存", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        createVNode(_component_epx_visual_config_lazy_dialog, {
+          title: "添加参数",
+          "model-value": !!$data.fieldParamDialog,
+          width: "400px",
+          "append-to-body": true,
+          onClose: _cache[23] || (_cache[23] = ($event) => $data.fieldParamDialog = false)
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_55, [
+                _cache[63] || (_cache[63] = createElementVNode("span", null, "参数名：", -1)),
+                createVNode(_component_el_input, {
+                  "model-value": $data.fieldParams.customKey,
+                  "onUpdate:modelValue": _cache[17] || (_cache[17] = (v) => $data.fieldParams["customKey"] = v)
+                }, null, 8, ["model-value"])
+              ]),
+              createElementVNode("div", _hoisted_56, [
+                _cache[67] || (_cache[67] = createElementVNode("span", null, "参数类型：", -1)),
+                createVNode(_component_el_radio_group, {
+                  modelValue: $data.paramType,
+                  "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => $data.paramType = $event)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_radio, {
+                      label: "str",
+                      value: "str"
+                    }, {
+                      default: withCtx(() => [..._cache[64] || (_cache[64] = [
+                        createTextVNode("固定值", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_radio, {
+                      label: "field",
+                      value: "field"
+                    }, {
+                      default: withCtx(() => [..._cache[65] || (_cache[65] = [
+                        createTextVNode("字段值 ", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_radio, {
+                      label: "page",
+                      value: "page"
+                    }, {
+                      default: withCtx(() => [..._cache[66] || (_cache[66] = [
+                        createTextVNode("页面参数", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              createElementVNode("div", _hoisted_57, [
+                _cache[68] || (_cache[68] = createElementVNode("span", null, "参数值：", -1)),
+                $data.paramType === "str" ? (openBlock(), createBlock(_component_el_input, {
+                  key: 0,
+                  "model-value": $data.fieldParams.value,
+                  "onUpdate:modelValue": _cache[19] || (_cache[19] = (v) => $data.fieldParams["value"] = v)
+                }, null, 8, ["model-value"])) : $data.paramType === "field" ? (openBlock(), createBlock(_component_el_popover, {
+                  key: 1,
+                  width: "200",
+                  trigger: "click"
+                }, {
+                  reference: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      "model-value": $data.fieldParams.value
+                    }, null, 8, ["model-value"])
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(_component_el_tree, {
+                      style: { maxHeight: "300px", overflow: "auto" },
+                      data: $props.treeFieldStore,
+                      "node-key": "code",
+                      props: {
+                        children: "children",
+                        label: "text"
+                      },
+                      onNodeClick: _cache[20] || (_cache[20] = (data, node) => $data.fieldParams["value"] = `#[${data.code.replace(/\./g, "|")}]`)
+                    }, {
+                      default: withCtx(({ node }) => [
+                        createElementVNode("span", {
+                          innerHTML: _ctx.xss.process(node.label)
+                        }, null, 8, _hoisted_58)
+                      ]),
+                      _: 1
+                    }, 8, ["data"])
+                  ]),
+                  _: 1
+                })) : $data.paramType === "page" ? (openBlock(), createBlock(_component_el_select, {
+                  key: 2,
+                  modelValue: $data.fieldParams.value,
+                  "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => $data.fieldParams.value = $event)
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($props.pageParams, (item) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: item.CODE,
+                        label: item.NAME,
+                        value: `$[${item.CODE}]`
+                      }, null, 8, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])) : createCommentVNode("", true)
+              ]),
+              createElementVNode("div", _hoisted_59, [
+                createVNode(_component_el_button, {
+                  type: "primary",
+                  onClick: $options.addFieldParams
+                }, {
+                  default: withCtx(() => [..._cache[69] || (_cache[69] = [
+                    createTextVNode("确定", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"]),
+                createVNode(_component_el_button, {
+                  onClick: _cache[22] || (_cache[22] = ($event) => $data.fieldParamDialog = false)
+                }, {
+                  default: withCtx(() => [..._cache[70] || (_cache[70] = [
+                    createTextVNode("取消", -1)
+                  ])]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["model-value"])
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    createVNode(_component_epx_visual_config_lazy_dialog, {
+      title: "添加事件",
+      modelValue: $data.eventDialog,
+      "onUpdate:modelValue": _cache[28] || (_cache[28] = ($event) => $data.eventDialog = $event),
+      width: "50%"
+    }, {
+      footer: withCtx(() => [
+        createElementVNode("span", _hoisted_62, [
+          createVNode(_component_el_button, {
+            onClick: _cache[27] || (_cache[27] = ($event) => $data.eventDialog = false)
+          }, {
+            default: withCtx(() => [..._cache[73] || (_cache[73] = [
+              createTextVNode("取 消", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: $options.createFunction
+          }, {
+            default: withCtx(() => [..._cache[74] || (_cache[74] = [
+              createTextVNode("确 定", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ])
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_60, [
+          _cache[71] || (_cache[71] = createElementVNode("span", null, "请选择事件：", -1)),
+          createVNode(_component_el_select, {
+            modelValue: $data.event.function,
+            "onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => $data.event.function = $event)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_option, {
+                value: "new",
+                label: "添加新事件"
+              }),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($data.functionList, (item) => {
+                return openBlock(), createBlock(_component_el_option, {
+                  key: item,
+                  value: item,
+                  label: item
+                }, null, 8, ["value", "label"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        $data.event.function === "new" ? (openBlock(), createElementBlock("div", _hoisted_61, [
+          _cache[72] || (_cache[72] = createElementVNode("span", null, "请输入事件名称：", -1)),
+          createVNode(_component_el_input, {
+            size: "default",
+            modelValue: $data.event.functionName,
+            "onUpdate:modelValue": _cache[26] || (_cache[26] = ($event) => $data.event.functionName = $event)
+          }, null, 8, ["modelValue"])
+        ])) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    createVNode(_component_el_drawer, {
+      size: "50%",
+      modelValue: $data.showJsDrawer,
+      "onUpdate:modelValue": _cache[30] || (_cache[30] = ($event) => $data.showJsDrawer = $event),
+      direction: "rtl",
+      withHeader: false
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_epx_js_panel, {
+          value: $props.pageGlobalConfigs.JS,
+          onChange: _cache[29] || (_cache[29] = (v) => $props.changeItemConfigs("page", { JS: v }))
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const VisualConfigListField = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8b1eec5a"]]);
+export {
+  VisualConfigListField as default
+};