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

package/dist/src/base/ComponentGlobalSet.vue.js

@@ -0,0 +1,722 @@
+import { createVNode, resolveComponent, createTextVNode } from "vue";
+import component from "@epxing/core/src/mixins/component";
+import { mapGetters } from "vuex";
+const _sfc_main = {
+  name: "epx-component-global-set",
+  mixins: [component],
+  appType: "client",
+  data() {
+    return {
+      settingInfo: {},
+      settingComponents: {},
+      componentConfig: {},
+      defaultConfigs: {},
+      showModal: false,
+      eventList: [],
+      opened: {},
+      activeComponent: null,
+      componentCodes: [],
+      isDetail: true
+    };
+  },
+  computed: {
+    ...mapGetters(["getCodeById"]),
+    appType() {
+      const {
+        appType
+      } = this.$configs;
+      return appType;
+    }
+    // componentCodes () {
+    //   return Object.keys(this.settingComponents)
+    // }
+    // isDefaultValue () {
+    //   return (key) => {
+    //     const { [key]: defaultValue } = this.defaultConfigs
+    //     const { [key]: value } = this.config
+    //     return defaultValue !== undefined && (value === undefined || this.$_.isEqual(value, defaultValue))
+    //   }
+    // }
+  },
+  watch: {
+    settingComponents: {
+      handler(val) {
+        this.componentCodes = Object.keys(val);
+      },
+      deep: true
+    }
+  },
+  methods: {
+    save() {
+      const cleanObject = (obj) => {
+        const cleaned = {};
+        for (const key in obj) {
+          if (obj[key] !== null && typeof obj[key] === "object" && !Array.isArray(obj[key])) {
+            cleaned[key] = cleanObject(obj[key]);
+          } else if (obj[key] !== null) {
+            cleaned[key] = obj[key];
+          }
+        }
+        return cleaned;
+      };
+      const cleanedComponentConfig = cleanObject(this.componentConfig);
+      const action = this.settingInfo.ID ? "update" : "save";
+      const content = JSON.stringify(cleanedComponentConfig);
+      const params = {
+        action,
+        entityId: "FM_COMPONENT_GLOBAL_SET",
+        bean: {
+          ID: this.settingInfo.ID,
+          CLIENT: this.CLIENT,
+          CONTENT: content
+        }
+      };
+      if (this.appType === "system") {
+        params.bean.SYSTEM = this.SYSTEM;
+      }
+      console.log(params);
+      this.$http.update(params).then((data) => {
+        this.$message.success("保存成功");
+        this.isDetail = true;
+        if (action === "save") this.settingInfo.ID = data;
+      });
+    },
+    async getEventList() {
+      let eventList = this.getCodeById("EVENT");
+      if (!eventList) {
+        await this.$store.dispatch({
+          type: "ADD_LIST",
+          key: "EVENT"
+        }).then((data) => {
+          eventList = data;
+        });
+      }
+      this.eventList = eventList;
+    },
+    addComponent(component2) {
+      const componentList = Object.keys(this.componentConfig);
+      if (componentList.includes(component2.CODE)) {
+        this.$message.warning("组件已存在");
+        this.showModal = false;
+        return;
+      }
+      this.$http.list({
+        entityId: "FM_PAGE_ATTRIBUTE",
+        "scope.PAGE": component2.ID,
+        "scope.IS_GLOBAL": "1",
+        link: "page"
+      }).then((data) => {
+        const arr2 = data.entitys;
+        const comCode2 = component2.CODE;
+        this.componentConfig[comCode2] = {};
+        this.opened[comCode2] = {};
+        this.defaultConfigs[comCode2] = {};
+        this.formatComponentData(comCode2, arr2);
+        this.settingComponents[comCode2] = {
+          name: component2.TITLE,
+          configs: arr2
+        };
+      });
+      this.showModal = false;
+    },
+    formatComponentData(comCode, arr) {
+      arr.forEach((item) => {
+        const {
+          TYPE,
+          CODE,
+          NAME,
+          CODE_KEY,
+          RELATED_ENTITY,
+          RELATED_ENTITY_KEY,
+          SHOW_CONDITION,
+          DYNAMIC_META_ID,
+          OBJECT_SCOPE,
+          FIELD_EDITABLE,
+          DEFAULT_VALUE_TYPE,
+          DEFAULT_VALUE,
+          DEFAULT_VALUE_DYNAMIC,
+          INPUT_VARIABLE,
+          NOTE,
+          MULTIPLE,
+          SHOW_SUB_FIELD,
+          LIMIT_DATATYPE,
+          OBJECT_FLAG,
+          CUSTOM_FUNCTION,
+          CODE_KEY_SET,
+          CUSTOM_CODE_KEY,
+          EVENT,
+          IS_TREE,
+          FIELD_CONFIGS,
+          REG_EXP,
+          INPUTABLE
+        } = item;
+        try {
+          if (DEFAULT_VALUE_TYPE === "dynamic") {
+            if (DEFAULT_VALUE_DYNAMIC) item.defaultValue = eval(DEFAULT_VALUE_DYNAMIC);
+          } else if (DEFAULT_VALUE) {
+            if (TYPE === "switch" || TYPE === "num") {
+              item.defaultValue = eval(DEFAULT_VALUE);
+            } else if (TYPE === "operates") {
+              item.defaultValue = JSON.parse(DEFAULT_VALUE);
+            } else {
+              item.defaultValue = DEFAULT_VALUE;
+            }
+          }
+        } catch (error) {
+          console.error(error);
+        }
+        if (!this.$_.isNil(item.defaultValue)) {
+          this.defaultConfigs[comCode][CODE] = item.defaultValue;
+        }
+        item.key = CODE;
+        item.label = NAME;
+        item.type = TYPE;
+        item.showCondition = SHOW_CONDITION;
+        item.dynamicMetaId = DYNAMIC_META_ID;
+        item.code = CODE_KEY;
+        item.object = RELATED_ENTITY;
+        item.dataKey = RELATED_ENTITY_KEY;
+        item.fieldEditable = FIELD_EDITABLE;
+        item.inputVariable = INPUT_VARIABLE === "1";
+        item.tip = NOTE;
+        item.regExp = REG_EXP;
+        if (INPUTABLE) item.inputable = INPUTABLE === "1";
+        if (TYPE === "field") {
+          if (MULTIPLE) item.multiple = MULTIPLE !== "0";
+          if (SHOW_SUB_FIELD) item.showSubField = SHOW_SUB_FIELD === "1";
+          if (LIMIT_DATATYPE) item.limit = {
+            dataType: LIMIT_DATATYPE.split(",")
+          };
+        } else if (TYPE === "object") {
+          if (OBJECT_FLAG) item.flag = OBJECT_FLAG;
+          if (IS_TREE) item.isTree = IS_TREE;
+          if (FIELD_CONFIGS) item.fieldConfigs = JSON.parse(FIELD_CONFIGS);
+        } else if (TYPE === "custom") {
+          if (CUSTOM_FUNCTION) {
+            if (typeof this[CUSTOM_FUNCTION] === "function") {
+              item.renderContent = this[CUSTOM_FUNCTION];
+            }
+          }
+        }
+        if (EVENT) {
+          const event = {};
+          this.eventList.forEach((item2) => {
+            if (EVENT.includes(item2.code)) {
+              event[item2.code] = item2.name;
+            }
+          });
+          item.eventList = event;
+        }
+        if (CODE_KEY_SET === "1" && CUSTOM_CODE_KEY) {
+          item.options = JSON.parse(CUSTOM_CODE_KEY);
+        }
+        if (OBJECT_SCOPE) {
+          const scope = JSON.parse(OBJECT_SCOPE);
+          item.scopeParams = scope.scopeParams;
+        }
+      });
+    },
+    async getComponentList() {
+      const component2 = Object.keys(this.componentConfig);
+      await this.$http.list({
+        entityId: "FM_PAGE",
+        "scope.CODE#in": component2.join(",")
+      }).then((data) => {
+        const arr2 = data.entitys;
+        const obj = {};
+        arr2.forEach((item2) => {
+          obj[item2.CODE] = item2;
+        });
+        component2.forEach((code) => {
+          if (obj[code]) {
+            this.settingComponents[code] = {
+              name: obj[code].TITLE,
+              configs: []
+            };
+          }
+        });
+      });
+      this.$http.list({
+        entityId: "FM_PAGE_ATTRIBUTE",
+        "scope.PAGE|CODE#in": component2.join(","),
+        "scope.IS_GLOBAL": "1",
+        link: "page"
+      }).then((data) => {
+        const arr2 = data.entitys;
+        const obj = {};
+        arr2.forEach((item2) => {
+          const comCode2 = item2["PAGE|CODE"];
+          if (obj[comCode2]) {
+            obj[comCode2].configs.push(item2);
+          } else {
+            obj[comCode2] = {
+              name: item2["PAGE|TITLE"],
+              configs: [item2]
+            };
+          }
+        });
+        for (const comCode2 in obj) {
+          if (!this.componentConfig[comCode2]) this.componentConfig[comCode2] = {};
+          this.defaultConfigs[comCode2] = {};
+          this.opened[comCode2] = {};
+          if (obj[comCode2].configs.length > 0) {
+            this.formatComponentData(comCode2, obj[comCode2].configs);
+            this.settingComponents[comCode2] = obj[comCode2];
+          }
+        }
+      });
+    },
+    getGlobalConfig() {
+      const params = {
+        entityId: "FM_COMPONENT_GLOBAL_SET",
+        "scope.CLIENT": this.CLIENT
+      };
+      if (this.appType === "system") {
+        params["scope.SYSTEM"] = this.SYSTEM;
+      } else {
+        params["scope.SYSTEM#is_null"] = "";
+      }
+      this.$http.find(params).then((data) => {
+        if (data && data.data) {
+          this.settingInfo = data.data;
+          if (this.settingInfo.CONTENT) {
+            this.componentConfig = JSON.parse(this.settingInfo.CONTENT);
+          }
+          console.log(this.componentConfig);
+          this.getComponentList();
+        }
+      });
+    },
+    renderModal() {
+      return createVNode(resolveComponent("el-dialog"), {
+        "title": "页面组件查询",
+        "modelValue": !!this.showModal,
+        "width": "960px",
+        "append-to-body": true,
+        "class": "visual-component-select-dialog",
+        "onClick": (e) => e.stopPropagation(),
+        "onClose": () => this.showModal = false
+      }, {
+        default: () => [createVNode(resolveComponent("epx-visual-component-library-dialog"), {
+          "onClick": this.addComponent.bind(this)
+        }, null)]
+      });
+    },
+    goList() {
+      this.$createPage({
+        component: "entity-list",
+        metaId: "FM_COMPONENT_GLOBAL_SET"
+      });
+    },
+    changeConfigItem(comCode2, key, value) {
+      this.componentConfig[comCode2][key] = value;
+    },
+    renderDeatileFormItem(comCode2, item2) {
+      const defaultValue = this.$_.isNil(item2.defaultValue) ? this.defaultConfigs[comCode2][item2.key] : item2.defaultValue;
+      const value = this.$_.isNil(this.componentConfig[comCode2][item2.key]) ? defaultValue : this.componentConfig[comCode2][item2.key];
+      const {
+        NAME: NAME2,
+        CUSTOM_CODE_KEY: CUSTOM_CODE_KEY2,
+        CODE: CODE2,
+        CODE_KEY: CODE_KEY2
+      } = item2;
+      const arr2 = CUSTOM_CODE_KEY2 ? JSON.parse(CUSTOM_CODE_KEY2) : null;
+      let options = null;
+      if (arr2) {
+        options = arr2.map((item3, index) => {
+          return {
+            id: index,
+            code: item3.value,
+            name: item3.label
+          };
+        });
+      }
+      return createVNode("div", {
+        "class": ["component-setting", {
+          "epx-visual-component__form-item--opened": this.opened[comCode2][item2.key],
+          ["epx-visual-component__form-item--" + item2.type]: true
+        }]
+      }, [item2.type !== "font" && createVNode("div", {
+        "class": "component-setting__label"
+      }, [item2.label, createTextVNode("：")]), item2.type === "font" ? createVNode("span", {
+        "class": "component-setting__label"
+      }, [createVNode("i", {
+        "class": "epx-visual-component__form-item-fold-icon el-icon-caret-right",
+        "onClick": () => this.opened[comCode2][item2.key] = !this.opened[comCode2][item2.key]
+      }, null), item2.label]) : item2.tip ? createVNode("span", null, [item2.label, createTextVNode("："), createVNode(resolveComponent("el-tooltip"), {
+        "content": item2.tip,
+        "placement": "top"
+      }, {
+        default: () => [createVNode("i", {
+          "class": "el-icon-warning epx-visual-component__form-item-tip"
+        }, null)]
+      })]) : null, item2.type === "switch" ? createVNode("span", null, [value ? "是" : "否"]) : createVNode(resolveComponent("epx-table-form-item"), {
+        "value": value,
+        "fieldConfigs": {
+          attriLabel: NAME2,
+          attriName: CODE2,
+          codeKey: CODE_KEY2,
+          state: "DETAIL",
+          dataType: item2.TYPE,
+          options
+        }
+      }, null)]);
+    },
+    renderFormItem(comCode2, item2) {
+      const defaultValue = this.$_.isNil(item2.defaultValue) ? this.defaultConfigs[comCode2][item2.key] : item2.defaultValue;
+      if (item2.type === "report") {
+        return createVNode(resolveComponent("epx-visual-config-design-report"), {
+          "value": this.componentConfig[comCode2][item2.key],
+          "defaultValue": this.defaultConfigs[comCode2][item2.key]
+        }, null);
+      }
+      return createVNode("div", {
+        "class": ["component-setting", {
+          "epx-visual-component__form-item--opened": this.opened[comCode2][item2.key],
+          ["epx-visual-component__form-item--" + item2.type]: true
+        }]
+      }, [item2.type !== "font" && createVNode("div", {
+        "class": "component-setting__label"
+      }, [item2.label, createTextVNode("：")]), item2.type === "font" ? createVNode("span", {
+        "class": "component-setting__label"
+      }, [createVNode("i", {
+        "class": "epx-visual-component__form-item-fold-icon el-icon-caret-right",
+        "onClick": () => this.opened[comCode2][item2.key] = !this.opened[comCode2][item2.key]
+      }, null), item2.label]) : item2.tip ? createVNode("span", null, [item2.label, createVNode(resolveComponent("el-tooltip"), {
+        "content": item2.tip,
+        "placement": "top"
+      }, {
+        default: () => [createVNode("i", {
+          "class": "el-icon-warning epx-visual-component__form-item-tip"
+        }, null)]
+      })]) : null, item2.renderContent ? createVNode("div", null, [item2.renderContent(item2)]) : item2.type === "radio" ? createVNode(resolveComponent("epx-visual-config-radio"), {
+        "code": item2.code,
+        "option-list": item2.options,
+        "value": this.componentConfig[comCode2][item2.key],
+        "inputable": item2.inputable,
+        "defaultValue": defaultValue,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "checkbox" ? createVNode(resolveComponent("epx-visual-config-checkbox"), {
+        "code": item2.code,
+        "option-list": item2.options,
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "switch" ? createVNode(resolveComponent("epx-visual-config-switch"), {
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "action" ? createVNode(resolveComponent("epx-visual-config-list"), {
+        "option-list": this.actionList,
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "code": item2.code,
+        "label": item2.label,
+        "multiple": item2.multiple,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "rule" ? createVNode(resolveComponent("epx-visual-config-list"), {
+        "option-list": this.ruleList,
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "code": item2.code,
+        "label": item2.label,
+        "multiple": item2.multiple,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "tree" ? createVNode(resolveComponent("epx-visual-config-tree"), {
+        "option-list": item2.options,
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "row" ? createVNode(resolveComponent("epx-visual-config-row"), {
+        "value": this.config[item2.key],
+        "defaultValue": defaultValue,
+        "treeFieldStore": this.treeFieldStore,
+        "field-options": this.rowFieldOptions || this.fieldOptions,
+        "pageParams": this.pageParams,
+        "pageGlobalConfigs": this.globalConfigs,
+        "scopeConfigs": this.scopeConfigs,
+        "functionOption": this.FunctionOption,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "list" ? createVNode(resolveComponent("epx-visual-config-list"), {
+        "option-list": item2.options,
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "code": item2.code,
+        "label": item2.label,
+        "multiple": item2.multiple,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "select" ? createVNode(resolveComponent("epx-visual-config-select"), {
+        "option-list": item2.options,
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "onChangeConfigs": item2.change || this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "list-field" || item2.type === "field" && item2.fieldEditable === "1" ? createVNode(resolveComponent("epx-visual-config-list-field"), {
+        "value": this.config[item2.key],
+        "componentMetaId": this.componentMetaId,
+        "defaultValue": defaultValue,
+        "rule-list": this.ruleList,
+        "treeFieldStore": this.treeFieldStore,
+        "functionOption": this.FunctionOption,
+        "scopeConfigs": this.scopeConfigs,
+        "pageParams": this.pageParams,
+        "pageGlobalConfigs": this.globalConfigs,
+        "field-options": item2.children && item2.children.length > 0 ? item2.children : this.fieldOptions,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "field" ? createVNode(resolveComponent("epx-visual-config-field"), {
+        "value": this.config[item2.key],
+        "defaultValue": defaultValue,
+        "rule-list": this.ruleList,
+        "metaId": item2.metaId || this.getConfigMetaId(item2),
+        "treeFieldStore": this.treeFieldStore,
+        "multiple": item2.multiple,
+        "limit": item2.limit,
+        "scopeConfigs": this.scopeConfigs,
+        "defaultShowSubField": item2.showSubField,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "m-field" ? createVNode(resolveComponent("epx-visual-config-m-list-field"), {
+        "value": this.config[item2.key],
+        "defaultValue": this.defaultConfigs[comCode2][item2.key],
+        "treeFieldStore": this.treeFieldStore,
+        "field-options": this.fieldOptions,
+        "pageParams": this.pageParams,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "order-field" ? createVNode(resolveComponent("epx-visual-config-order-field"), {
+        "value": this.config[item2.key],
+        "defaultValue": defaultValue,
+        "metaId": item2.metaId || this.getConfigMetaId(item2),
+        "treeFieldStore": this.treeFieldStore,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "operates" || item2.type === "operate" ? createVNode(resolveComponent("epx-visual-config-operate"), {
+        "value": this.config[item2.key],
+        "defaultValue": defaultValue,
+        "configs": this.config,
+        "metaId": item2.metaId,
+        "compMetaId": this.getConfigMetaId(item2),
+        "common-operates": item2.commonOperates || this.commonOperates,
+        "operate-options": {
+          ...this.operateOptions || {},
+          ...item2.operateOptions || {}
+        },
+        "operate-configs": this.operateConfigs,
+        "treeFieldStore": this.treeFieldStore,
+        "pageParams": this.pageParams,
+        "handlerList": item2.handlerList || this.handlerList,
+        "action-list": this.actionList,
+        "rule-list": this.ruleList,
+        "scopeConfigs": this.scopeConfigs,
+        "pageGlobalConfigs": this.globalConfigs,
+        "onChangeOperate": this.changeOperate && this.changeOperate.bind(this, item2.key),
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "scope" ? createVNode(resolveComponent("epx-visual-config-scope"), {
+        "value": this.config[item2.key],
+        "pageParams": this.pageParams,
+        "treeFieldStore": this.treeFieldStore,
+        "extendFields": item2.extendFields,
+        "componentMetaId": this.getConfigMetaId(item2),
+        "scopeConfigs": this.scopeConfigs,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "el" ? createVNode(resolveComponent("epx-rule"), {
+        "formulaType": "web",
+        "modelValue": this.componentConfig[comCode2][item2.key],
+        "onChange": this.changeEl.bind(this, item2.key),
+        "metaId": this.getConfigMetaId(item2),
+        "variableList": this.variableTree,
+        "fieldConfigs": {
+          state: "EDIT",
+          functionType: "web"
+        }
+      }, null) : item2.type === "num" ? createVNode(resolveComponent("epx-visual-config-number"), {
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "chart" ? createVNode(resolveComponent("epx-visual-config-chart"), {
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "onCallback": item2.callback,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "params" ? createVNode(resolveComponent("epx-visual-config-params"), {
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "treeFieldStore": this.treeFieldStore,
+        "metaId": this.getConfigMetaId(item2),
+        "pageParams": this.pageParams,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "object" || item2.type === "multiobject" ? createVNode(resolveComponent("epx-visual-config-object"), {
+        "type": item2.type,
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "object": item2.object,
+        "label": item2.label,
+        "dataKey": item2.dataKey,
+        "fieldConfigs": item2.fieldConfigs,
+        "flag": item2.flag,
+        "isTree": item2.isTree,
+        "scopeParams": item2.key === "metaViewId" ? [{
+          field: "ENTITY",
+          values: this.componentMetaId
+        }] : item2.scopeParams,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "font" ? createVNode(resolveComponent("epx-visual-config-font"), {
+        "class": "epx-visual-config-font",
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": this.defaultConfigs[comCode2][item2.key],
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "color" ? createVNode(resolveComponent("epx-visual-config-color"), {
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": this.defaultConfigs[comCode2][item2.key],
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "page" ? createVNode(resolveComponent("epx-visual-config-item-page"), {
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": this.defaultConfigs[comCode2][item2.key],
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "event" ? createVNode(resolveComponent("epx-visual-config-event"), {
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "functionList": this.functionList,
+        "eventList": item2.eventList,
+        "pageGlobalConfigs": this.globalConfigs,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "function" ? createVNode(resolveComponent("epx-visual-config-function"), {
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": defaultValue,
+        "functionList": this.functionList,
+        "pageGlobalConfigs": this.globalConfigs,
+        "onInput": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "html" ? createVNode(resolveComponent("epx-visual-config-html"), {
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": this.defaultConfigs[comCode2][item2.key],
+        "i18nValue": this.componentConfig[comCode2][item2.key + ".i18n"],
+        "pageGlobalConfigs": this.globalConfigs,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "image" ? createVNode(resolveComponent("epx-visual-config-image"), {
+        "label": item2.label,
+        "value": this.componentConfig[comCode2][item2.key],
+        "defaultValue": this.defaultConfigs[comCode2][item2.key],
+        "pageGlobalConfigs": this.globalConfigs,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : item2.type === "textarea" ? createVNode(resolveComponent("epx-visual-config-textarea"), {
+        "label": item2.label,
+        "value": this.componentConfig[comCode2][item2.key],
+        "i18nValue": this.componentConfig[comCode2][item2.key + ".i18n"],
+        "defaultValue": this.defaultConfigs[comCode2][item2.key],
+        "inputVariable": item2.inputVariable,
+        "change": item2.change,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null) : createVNode(resolveComponent("epx-visual-config-input"), {
+        "label": item2.label,
+        "value": this.componentConfig[comCode2][item2.key],
+        "i18nValue": this.componentConfig[comCode2][item2.key + ".i18n"],
+        "defaultValue": this.defaultConfigs[comCode2][item2.key],
+        "inputVariable": item2.inputVariable,
+        "regExp": item2.regExp,
+        "readonly": item2.readonly,
+        "change": item2.change,
+        "onChangeConfigs": this.changeConfigItem.bind(this, comCode2, item2.key)
+      }, null)]);
+    },
+    scrollToComponent(key) {
+      const container = this.$refs.componentSettingContainer;
+      const targetElement = this.$refs[`component-${key}`];
+      this.activeComponent = key;
+      if (container && targetElement) {
+        const targetTop = targetElement.offsetTop;
+        const headerTop = 58;
+        container.scrollTo({
+          top: targetTop - headerTop,
+          behavior: "smooth"
+        });
+      }
+    },
+    deleteSettingComponent(key, e) {
+      e.stopPropagation();
+      this.$confirm("确定删除该组件配置吗？").then((_) => {
+        this.settingComponents[key] = null;
+        delete this.settingComponents[key];
+        delete this.componentConfig[key];
+      });
+    }
+  },
+  created() {
+    this.getGlobalConfig();
+    this.getEventList();
+  },
+  render() {
+    return createVNode("div", {
+      "class": "container",
+      "style": this.$component.style
+    }, [createVNode("div", {
+      "class": "left"
+    }, [!this.isDetail && createVNode("div", {
+      "class": "btn"
+    }, [createVNode(resolveComponent("el-button"), {
+      "style": "width:100%",
+      "type": "primary",
+      "onClick": () => this.showModal = true
+    }, {
+      default: () => [createTextVNode("添加组件")]
+    })]), createVNode("div", {
+      "class": "component-list"
+    }, [this.componentCodes.map((key) => {
+      if (this.settingComponents[key]) {
+        return createVNode("div", {
+          "key": key,
+          "class": ["component-list-item", {
+            active: this.activeComponent === key
+          }],
+          "onClick": () => this.scrollToComponent(key)
+        }, [this.settingComponents[key].name, createVNode("div", null, [!this.isDetail && createVNode("i", {
+          "class": "el-icon-delete",
+          "onClick": this.deleteSettingComponent.bind(this, key)
+        }, null)])]);
+      }
+    })])]), createVNode("div", {
+      "class": "right"
+    }, [createVNode("div", {
+      "class": "component-setting-container",
+      "ref": "componentSettingContainer"
+    }, [this.componentCodes.map((key) => {
+      if (this.settingComponents[key]) {
+        return createVNode("div", {
+          "class": "component-setting-item",
+          "ref": `component-${key}`
+        }, [createVNode("div", {
+          "key": key,
+          "class": "epx-add-form-item__header"
+        }, [createVNode("span", {
+          "class": "epx-add-form-item__title"
+        }, [this.settingComponents[key].name])]), createVNode("div", {
+          "class": "component-setting-content"
+        }, [this.settingComponents[key].configs.length > 0 && this.settingComponents[key].configs.map((item2) => {
+          if (this.isDetail) {
+            return this.renderDeatileFormItem(key, item2);
+          } else {
+            return this.renderFormItem(key, item2);
+          }
+        })])]);
+      }
+    })]), createVNode("div", {
+      "class": "right-btn"
+    }, [!this.isDetail ? createVNode("span", null, [createVNode(resolveComponent("el-button"), {
+      "type": "primary",
+      "onClick": this.save
+    }, {
+      default: () => [createTextVNode("保存")]
+    }), createVNode(resolveComponent("el-button"), {
+      "onClick": () => {
+        this.isDetail = true;
+      }
+    }, {
+      default: () => [createTextVNode("取消")]
+    })]) : createVNode(resolveComponent("el-button"), {
+      "type": "primary",
+      "onClick": () => {
+        this.isDetail = false;
+      }
+    }, {
+      default: () => [createTextVNode("编辑")]
+    })])]), this.renderModal()]);
+  }
+};
+export {
+  _sfc_main as default
+};