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

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

@@ -0,0 +1,1185 @@
+import { mapGetters } from "vuex";
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, mergeProps, createCommentVNode, withDirectives, vShow, createElementVNode, TransitionGroup, normalizeClass } from "vue";
+/* empty css                */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  props: {
+    designer: {
+      type: Object
+    },
+    useProcessRight: {
+      type: Boolean,
+      default: false
+    },
+    value: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    metaId: String,
+    operateTabs: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    scopeConfigs: Object,
+    treeFieldStore: Array,
+    defaultActionList: Array,
+    defaultRuleList: Array
+  },
+  data() {
+    return {
+      operateTab: "base",
+      selectOperate: null,
+      pageWay: "component",
+      operateType: [
+        {
+          label: "默认",
+          value: "default"
+        },
+        {
+          label: "空心按钮",
+          value: "plain"
+        },
+        {
+          label: "圆角按钮",
+          value: "round"
+        },
+        {
+          label: "圆形按钮",
+          value: "circle"
+        },
+        {
+          label: "文字按钮",
+          value: "text"
+        }
+      ],
+      operateUi: [
+        { label: "默认", value: "default", color: "#fff" },
+        { label: "主要", value: "primary" },
+        { label: "成功", value: "success", color: "#67c23a" },
+        { label: "警告", value: "warning", color: "#e6a23c" },
+        { label: "危险", value: "danger", color: "#f56c6c" },
+        { label: "文字", value: "text" }
+      ],
+      processNodeList: [],
+      checkProcessNodeList: [],
+      actionList: [],
+      ruleList: [],
+      paramType: "str",
+      operateParamsDialog: false,
+      operateParams: {
+        key: "",
+        value: ""
+      },
+      printFormParams: []
+    };
+  },
+  computed: {
+    ...mapGetters([
+      "getMetaViewFields"
+    ]),
+    widgetConfig() {
+      return this.designer.widgetConfig[this.designer.selectedWidget.id] || {};
+    },
+    functionList() {
+      var _a;
+      const { JS = "" } = ((_a = this.designer) == null ? void 0 : _a.pageConfig) || {};
+      const result = JS.match(/export\sfunction\s(\w+)/g);
+      const functionList = [];
+      if (!result) return [];
+      result.forEach((item) => {
+        functionList.push(item.replace(/export\sfunction\s/, ""));
+      });
+      return functionList;
+    },
+    fieldStore() {
+      const id = this.selectOperate.metaId;
+      return this.getMetaViewFields(id || this.metaId) || this.treeFieldStore;
+    },
+    operateActionList() {
+      if (this.selectOperate.metaId && this.entityWay === "custom" && this.actionList) return this.actionList;
+      return this.defaultActionList;
+    },
+    operateRuleList() {
+      if (this.selectOperate.metaId && this.entityWay === "custom" && this.ruleList) return this.ruleList;
+      return this.defaultRuleList;
+    },
+    showOperateOptions() {
+      return (operateOptions = []) => {
+        const operate = this.selectOperate;
+        const operates = operateOptions.filter((item) => {
+          let flag = true;
+          if (!item) return false;
+          if (item.showFlag) {
+            for (const key in item.showFlag) {
+              const relyOption = operateOptions.find((option) => option && option.key === key) || {};
+              const value = operate && !this.$_.isNil(operate[key]) ? operate[key] : relyOption.defaultValue || null;
+              const condition = item.showFlag[key];
+              if (typeof condition === "object") {
+                if (Array.isArray(value)) {
+                  flag = value.some((item2) => condition.includes(item2));
+                  if (!flag) return false;
+                } else {
+                  if (!condition.includes(value)) return false;
+                }
+              } else if (condition !== value) {
+                return false;
+              }
+            }
+          }
+          return flag;
+        });
+        return operates;
+      };
+    },
+    entityWay: {
+      get() {
+        const { metaMode, handler, metaId } = this.selectOperate;
+        if (metaMode) {
+          return metaMode;
+        } else {
+          if (this.useProcessRight && ["applyEntity", "checkEntity", "batchCheck"].includes(handler)) {
+            return "process";
+          } else {
+            return metaId ? "custom" : "default";
+          }
+        }
+      },
+      set(v) {
+        this.selectOperate.metaMode = v;
+      }
+    },
+    elData() {
+      return (value) => {
+        if (typeof value === "object") {
+          return JSON.stringify(value);
+        } else {
+          return value;
+        }
+      };
+    },
+    variableSets: {
+      get() {
+        var _a;
+        return ((_a = this.designer.pageConfig) == null ? void 0 : _a.variableSets) || [];
+      }
+    },
+    variableTree() {
+      const { iterator } = this.widgetConfig;
+      const variableList = this.variableSets.map((item) => ({ ...item, type: "variable", text: item.name || item.code, code: item.code }));
+      if (iterator == null ? void 0 : iterator.data) {
+        variableList.push({
+          type: "variable",
+          text: this.selectedWidget.title + "_迭代变量",
+          code: iterator.name || "item"
+        });
+      }
+      variableList.push({
+        type: "variable",
+        text: "页面状态",
+        code: "pageType"
+      });
+      return [{
+        code: "PAGE_VARIABLE",
+        text: "页面变量",
+        children: variableList
+      }];
+    }
+  },
+  watch: {
+    "selectOperate.metaId"(v) {
+      if (v) {
+        const metaId = v.id || v;
+        if (metaId !== this.metaId) {
+          this.getActionList(metaId);
+          this.getRuleList(metaId);
+          this.getFieldStore(metaId);
+        }
+      }
+    },
+    "selectOperate.processCode"(v) {
+      this.getProcessNode(v);
+      this.getCheckProcessNode(v);
+    },
+    "selectOperate.printCode"(v) {
+      const { printWay, handler } = this.selectOperate;
+      if (printWay !== "fine" && handler === "print" && v) {
+        this.getPrintParams();
+      }
+    },
+    selectOperate: {
+      async handler(v) {
+        const operate = { ...v };
+        if (this.entityWay !== "custom") {
+          operate.metaId = null;
+        }
+        if (this.pageWay === "component") {
+          operate.pageId = null;
+        }
+        for (const key in operate) {
+          if (operate[key] && (typeof operate[key] === "object" && !Array.isArray(operate[key])) && key !== "params" && key !== "limitCondition" && key !== "showCondition" && key !== "showConditionEl" && key !== "afterTriggerParams" && key !== "downloadReportNameFields" && key !== "operates" && !key.includes("i18n")) {
+            operate[key] = operate[key].id;
+          }
+          if (operate[key] === null) delete operate[key];
+        }
+        if (operate.component) {
+          const code = await this.getComponentCode(operate.component);
+          if (code) operate.component = code;
+        }
+        this.$emit("change", operate);
+      },
+      deep: true
+    }
+  },
+  methods: {
+    getActionList(id) {
+      this.$http.list({
+        action: "getEntityAllApi",
+        entityId: "FM_ENTITY_API",
+        metaId: id
+      }).then((data) => {
+        this.actionList = data.entitys.map((item) => ({ label: item.LABEL || item.NAME, value: item.NAME }));
+      });
+    },
+    getRuleList(id) {
+      this.$http.list({
+        entityId: "ACT_RE_MODEL",
+        "scope.ENTITY": id,
+        "scope.CATEGORY": "2"
+      }).then((data) => {
+        this.ruleList = data.entitys.map((item) => ({ label: item.NAME || item.KEY, value: item.KEY }));
+      });
+    },
+    getFieldStore(id) {
+      if (!id) return;
+      if (!(this.fieldStore && this.fieldStore.length > 0)) {
+        this.$store.dispatch({
+          type: "ADD_META_VIEW_FIELDS",
+          metaId: id
+        });
+      }
+    },
+    getPrintParams() {
+      const { printCode } = this.selectOperate;
+      this.$http.list({
+        entityId: "FM_FORM_PARAM",
+        "scope.FORM|CODE": printCode
+      }).then((data) => {
+        this.printFormParams = data.entitys;
+      });
+    },
+    getProcessNode(processCode) {
+      if (!processCode) return;
+      const operateMeta = this.selectOperate.metaId;
+      this.$http.get({
+        action: "getProcessStartFlow",
+        entityId: "ACT_RE_MODEL",
+        processCode,
+        currentMetaId: operateMeta || this.currentMetaId
+      }).then((data) => {
+        this.processNodeList = data;
+      });
+    },
+    getCheckProcessNode(processCode) {
+      if (!processCode) return;
+      const operateMeta = this.selectOperate.metaId;
+      this.$http.get({
+        action: "getProcessFlow",
+        entityId: "ACT_RE_MODEL",
+        processCode,
+        currentMetaId: operateMeta || this.metaId
+      }).then((data) => {
+        this.checkProcessNodeList = data.map((item) => ({ ...item, name: item.sourceFlowName + "-" + item.name }));
+      });
+    },
+    getComponentId(code) {
+      return new Promise((resolve) => {
+        this.$http.find({
+          entityId: "FM_PAGE",
+          "scope.CODE": code
+        }).then((data) => {
+          if (data && data.data) {
+            resolve(data.data.ID);
+          }
+          resolve();
+        });
+      });
+    },
+    getComponentCode(id) {
+      return new Promise((resolve) => {
+        this.$http.get({
+          entityId: "FM_PAGE",
+          id
+        }).then((data) => {
+          if (data && data.data) {
+            resolve(data.data.CODE);
+          }
+          resolve();
+        });
+      });
+    },
+    changeSelect(item, v) {
+      this.selectOperate[item.key] = v;
+      if (item.onChange) {
+        item.onChange(v);
+      }
+    },
+    changeProcess(item, v) {
+      this.selectOperate.processCode = v;
+      if (!v) {
+        this.selectOperate[item.key] = null;
+      }
+    },
+    changeScopeParmas(key, v, type) {
+      this.selectOperate[key] = v;
+    },
+    changeEl(key, v, type) {
+      this.selectOperate[key] = v ? JSON.parse(v).el : null;
+    },
+    addOperateParams() {
+      const operate = this.selectOperate;
+      const params = { ...operate[this.operateParamsDialog] || {} };
+      let key = this.operateParams.key.trim();
+      const value = this.operateParams.value.trim();
+      if (!key || key === "custom") {
+        key = this.operateParams.customKey.trim();
+      }
+      if (!key) {
+        this.$message.error("请输入参数名");
+        return;
+      }
+      if (!value) {
+        this.$message.error("请输入参数值");
+        return;
+      }
+      if (this.operateParamKey) delete params[this.operateParamKey];
+      params[key] = value;
+      this.selectOperate[this.operateParamsDialog] = params;
+      this.operateParams = {
+        key: "",
+        customKey: "",
+        value: ""
+      };
+      this.operateParamsDialog = false;
+      this.operateParamsType = null;
+      this.operateParamKey = null;
+    },
+    deleteOperateParam(itemKey, key) {
+      const params = { ...this.selectOperate[itemKey] || {} };
+      delete params[key];
+      this.$set(this.selectOperate, itemKey, params);
+    },
+    editOperateParam(itemKey, key, value) {
+      this.operateParamsDialog = itemKey;
+      this.operateParamKey = key;
+      this.operateParams = {
+        key: "custom",
+        customKey: key,
+        value
+      };
+    },
+    editJS(item, type) {
+      var _a;
+      const operate = { ...this.selectOperate };
+      const { JS = "" } = ((_a = this.designer) == null ? void 0 : _a.pageConfig) || {};
+      if (!operate[item.key] || operate[item.key] === "new") {
+        if (!operate[item.key + "Name"]) {
+          this.$message.error("请输入事件名");
+          return;
+        }
+        if (this.functionList.includes(operate[item.key + "Name"])) {
+          this.$message.error("该事件名称已存在");
+          return;
+        }
+        const js = JS + `
+  /**
+   * Button ${operate[item.key + "Name"]}
+   */
+  export function ${operate[item.key + "Name"]} () {
+
+  }
+      `;
+        this.designer.updatePageConfig({ JS: js });
+        this.selectOperate[item.key] = operate[item.key + "Name"];
+        this.selectOperate[item.key + "Name"] = null;
+      }
+      this.designer.openPanel("jsPanel");
+    }
+  },
+  async mounted() {
+    const selectOperate = this.$_.cloneDeep(this.value);
+    if (this.value.pageId) {
+      this.pageWay = "page";
+    } else {
+      this.pageWay = "component";
+    }
+    if (this.value.component) {
+      const id = await this.getComponentId(this.value.component);
+      if (id) selectOperate.component = id;
+    }
+    this.selectOperate = selectOperate;
+  }
+};
+const _hoisted_1 = {
+  key: 9,
+  style: { marginBottom: "10px" }
+};
+const _hoisted_2 = { key: 12 };
+const _hoisted_3 = { class: "handler-function" };
+const _hoisted_4 = { key: 16 };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { key: 17 };
+const _hoisted_8 = { class: "add-params-input" };
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = { class: "add-params-input" };
+const _hoisted_11 = { class: "add-params-input" };
+const _hoisted_12 = ["innerHTML", "onClick"];
+const _hoisted_13 = { class: "add-params__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_epx_visual_config_select = resolveComponent("epx-visual-config-select");
+  const _component_epx_visual_config_checkbox = resolveComponent("epx-visual-config-checkbox");
+  const _component_el_switch = resolveComponent("el-switch");
+  const _component_epx_visual_config_object = resolveComponent("epx-visual-config-object");
+  const _component_epx_visual_config_field = resolveComponent("epx-visual-config-field");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_epx_object = resolveComponent("epx-object");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_epx_visual_config_scope = resolveComponent("epx-visual-config-scope");
+  const _component_epx_rule = resolveComponent("epx-rule");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_draggable = resolveComponent("draggable");
+  const _component_epx_visual_config_textarea = resolveComponent("epx-visual-config-textarea");
+  const _component_epx_visual_config_input = resolveComponent("epx-visual-config-input");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  const _component_el_form_item = resolveComponent("el-form-item");
+  const _component_el_form = resolveComponent("el-form");
+  const _component_el_tab_pane = resolveComponent("el-tab-pane");
+  const _component_epx_page_designer_setting_style = resolveComponent("epx-page-designer-setting-style");
+  const _component_el_tabs = resolveComponent("el-tabs");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_popover = resolveComponent("el-popover");
+  const _component_epx_visual_config_lazy_dialog = resolveComponent("epx-visual-config-lazy-dialog");
+  return $data.selectOperate ? (openBlock(), createElementBlock("div", {
+    class: "operate-config__options",
+    key: $data.selectOperate.key || $data.selectOperate.id
+  }, [
+    createVNode(_component_el_tabs, {
+      class: "operate-tabs",
+      modelValue: $data.operateTab,
+      "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $data.operateTab = $event)
+    }, {
+      default: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($props.operateTabs, (tab) => {
+          return openBlock(), createBlock(_component_el_tab_pane, {
+            key: tab.key,
+            label: tab.title,
+            name: tab.key
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_form, {
+                class: "setting-field__config",
+                "label-position": "right"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.showOperateOptions(tab.options), (item) => {
+                    return openBlock(), createBlock(_component_el_form_item, {
+                      key: item.key,
+                      label: item.label
+                    }, {
+                      default: withCtx(() => [
+                        item.type === "radio" ? (openBlock(), createBlock(_component_el_radio_group, {
+                          key: 0,
+                          "model-value": $data.selectOperate[item.key] != null ? $data.selectOperate[item.key] : item.defaultValue
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(item.options, (option) => {
+                              return openBlock(), createBlock(_component_el_radio, {
+                                key: option.value,
+                                label: option.value,
+                                value: option.value,
+                                onClick: ($event) => $data.selectOperate[item.key] = option.value
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(option.label), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["label", "value", "onClick"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["model-value"])) : item.type === "select" ? (openBlock(), createBlock(_component_epx_visual_config_select, {
+                          key: 1,
+                          "allow-create": item.allowCreate,
+                          value: $data.selectOperate[item.key],
+                          defaultValue: item.defaultValue,
+                          placeholder: item.placeholder,
+                          "option-list": item.options,
+                          multiple: item.multiple,
+                          onChangeConfigs: (v) => $data.selectOperate[item.key] = v
+                        }, null, 8, ["allow-create", "value", "defaultValue", "placeholder", "option-list", "multiple", "onChangeConfigs"])) : item.type === "checkbox" ? (openBlock(), createBlock(_component_epx_visual_config_checkbox, {
+                          key: 2,
+                          code: item.code,
+                          "option-list": item.options,
+                          value: $data.selectOperate[item.key],
+                          defaultValue: item.defaultValue,
+                          onChangeConfigs: (v) => $data.selectOperate[item.key] = v
+                        }, null, 8, ["code", "option-list", "value", "defaultValue", "onChangeConfigs"])) : item.type === "switch" ? (openBlock(), createBlock(_component_el_switch, {
+                          key: 3,
+                          "model-value": $data.selectOperate[item.key] != null ? $data.selectOperate[item.key] : item.defaultValue,
+                          "onUpdate:modelValue": (v) => $data.selectOperate[item.key] = v
+                        }, null, 8, ["model-value", "onUpdate:modelValue"])) : item.type === "object" ? (openBlock(), createBlock(_component_epx_visual_config_object, {
+                          key: 4,
+                          value: $data.selectOperate[item.key],
+                          label: "",
+                          dataKey: item.dataKey,
+                          object: item.entityId || item.object,
+                          flag: item.flag,
+                          fieldConfigs: item.fieldConfigs,
+                          onChangeConfigs: (v) => $data.selectOperate[item.key] = v
+                        }, null, 8, ["value", "dataKey", "object", "flag", "fieldConfigs", "onChangeConfigs"])) : item.type === "field" ? (openBlock(), createBlock(_component_epx_visual_config_field, {
+                          key: 5,
+                          value: $data.selectOperate[item.key],
+                          metaId: $options.entityWay === "custom" ? $data.selectOperate.metaId || $props.metaId : $props.metaId,
+                          treeFieldStore: $props.treeFieldStore,
+                          multiple: item.multiple,
+                          limit: item.limit,
+                          scopeConfigs: $props.scopeConfigs,
+                          defaultShowSubField: item.showSubField,
+                          showSubFlag: item.showSubFlag,
+                          onChangeConfigs: (v) => $data.selectOperate[item.key] = v
+                        }, null, 8, ["value", "metaId", "treeFieldStore", "multiple", "limit", "scopeConfigs", "defaultShowSubField", "showSubFlag", "onChangeConfigs"])) : item.type === "ui-select" ? (openBlock(), createBlock(_component_el_radio_group, {
+                          key: 6,
+                          class: "operate-item__ui-select",
+                          modelValue: $data.selectOperate.ui,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.selectOperate.ui = $event),
+                          size: "default"
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList($data.operateUi, (option) => {
+                              return openBlock(), createBlock(_component_el_radio, {
+                                key: option.value,
+                                label: option.value,
+                                value: option.value,
+                                border: ""
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_el_button, {
+                                    size: "small",
+                                    type: option.value,
+                                    onClick: ($event) => $data.selectOperate["ui"] = option.value
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(option.label), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["type", "onClick"])
+                                ]),
+                                _: 2
+                              }, 1032, ["label", "value"]);
+                            }), 128))
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])) : item.type === "preview" ? (openBlock(), createBlock(_component_el_button, mergeProps({
+                          key: 7,
+                          ref_for: true
+                        }, { [$data.selectOperate.type]: true }, {
+                          size: "default",
+                          type: $data.selectOperate.ui,
+                          plain: $data.selectOperate.styles && $data.selectOperate.styles.includes("plain"),
+                          circle: $data.selectOperate.styles && $data.selectOperate.styles.includes("circle"),
+                          round: $data.selectOperate.styles && $data.selectOperate.styles.includes("round"),
+                          icon: $data.selectOperate.icon && ($data.selectOperate.icon.id || $data.selectOperate.icon)
+                        }), {
+                          default: withCtx(() => [
+                            $data.selectOperate.showName !== false ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                              createTextVNode(toDisplayString($data.selectOperate.text), 1)
+                            ], 64)) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        }, 16, ["type", "plain", "circle", "round", "icon"])) : item.type === "entity" ? (openBlock(), createElementBlock(Fragment, { key: 8 }, [
+                          createVNode(_component_el_radio_group, {
+                            modelValue: $options.entityWay,
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $options.entityWay = $event)
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_el_radio, {
+                                label: "default",
+                                value: "default"
+                              }, {
+                                default: withCtx(() => [..._cache[17] || (_cache[17] = [
+                                  createTextVNode("当前对象", -1)
+                                ])]),
+                                _: 1
+                              }),
+                              createVNode(_component_el_radio, {
+                                label: "custom",
+                                value: "custom"
+                              }, {
+                                default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                                  createTextVNode("指定对象", -1)
+                                ])]),
+                                _: 1
+                              }),
+                              withDirectives(createVNode(_component_el_radio, {
+                                label: "process",
+                                value: "process"
+                              }, {
+                                default: withCtx(() => [..._cache[19] || (_cache[19] = [
+                                  createTextVNode("流程对象", -1)
+                                ])]),
+                                _: 1
+                              }, 512), [
+                                [vShow, $props.useProcessRight && ["applyEntity", "checkEntity", "batchCheck"].includes($data.selectOperate.handler)]
+                              ])
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"]),
+                          withDirectives(createVNode(_component_epx_object, {
+                            modelValue: $data.selectOperate.metaId,
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = (v) => $data.selectOperate["metaId"] = v.id || v),
+                            fieldConfigs: { state: "ADD", attriLabel: "对象", codeKey: "FM_ENTITY" }
+                          }, null, 8, ["modelValue"]), [
+                            [vShow, $options.entityWay === "custom"]
+                          ])
+                        ], 64)) : item.type === "action" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                          createVNode(_component_el_select, {
+                            filterable: true,
+                            clearable: "",
+                            modelValue: $data.selectOperate[item.key],
+                            "onUpdate:modelValue": ($event) => $data.selectOperate[item.key] = $event,
+                            size: "default",
+                            placeholder: ""
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList($options.operateActionList, (option) => {
+                                return openBlock(), createBlock(_component_el_option, {
+                                  key: option.value,
+                                  label: `${option.label}`,
+                                  value: option.value
+                                }, null, 8, ["label", "value"]);
+                              }), 128))
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue", "onUpdate:modelValue"]),
+                          _cache[20] || (_cache[20] = createElementVNode("p", { style: { fontSize: "12px", color: "#999", position: "absolute", top: "30px", whiteSpace: "nowrap" } }, "请求操作可用于控制操作权限：按钮是否显示", -1))
+                        ])) : item.type === "rule" ? (openBlock(), createBlock(_component_el_select, {
+                          key: 10,
+                          clearable: "",
+                          modelValue: $data.selectOperate[item.key],
+                          "onUpdate:modelValue": ($event) => $data.selectOperate[item.key] = $event,
+                          size: "default",
+                          placeholder: ""
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList($options.operateRuleList, (option) => {
+                              return openBlock(), createBlock(_component_el_option, {
+                                key: option.value,
+                                label: `${option.label}`,
+                                value: option.value
+                              }, null, 8, ["label", "value"]);
+                            }), 128))
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "onUpdate:modelValue"])) : item.type === "page" ? (openBlock(), createElementBlock(Fragment, { key: 11 }, [
+                          createVNode(_component_el_radio_group, {
+                            modelValue: $data.pageWay,
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.pageWay = $event)
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_el_radio, {
+                                label: "component",
+                                value: "component"
+                              }, {
+                                default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                                  createTextVNode("指定页面模板", -1)
+                                ])]),
+                                _: 1
+                              }),
+                              createVNode(_component_el_radio, {
+                                label: "page",
+                                value: "page"
+                              }, {
+                                default: withCtx(() => [..._cache[22] || (_cache[22] = [
+                                  createTextVNode("指定页面", -1)
+                                ])]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"]),
+                          withDirectives(createVNode(_component_epx_object, {
+                            modelValue: $data.selectOperate.component,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.selectOperate.component = $event),
+                            fieldConfigs: { state: "ADD", attriLabel: "页面模板", codeKey: "FM_PAGE", scopeParams: [{ lb: "(", field: "SYSTEM", values: _ctx.SYSTEM, link: "or" }, { field: "LEVEL", values: "01", "rb": ")" }] }
+                          }, null, 8, ["modelValue", "fieldConfigs"]), [
+                            [vShow, $data.pageWay === "component"]
+                          ]),
+                          withDirectives(createVNode(_component_epx_object, {
+                            modelValue: $data.selectOperate.pageId,
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.selectOperate.pageId = $event),
+                            fieldConfigs: { state: "ADD", attriLabel: "页面", codeKey: "FM_PAGE_CONFIG", scopeParams: [{ field: "SYSTEM", values: _ctx.SYSTEM }], addBtn: true, addPageFlag: "page_add", detailPageFlag: "page_config" }
+                          }, null, 8, ["modelValue", "fieldConfigs"]), [
+                            [vShow, $data.pageWay === "page"]
+                          ])
+                        ], 64)) : item.type === "process" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                          createVNode(_component_epx_visual_config_object, {
+                            value: $data.selectOperate.processCode,
+                            label: "",
+                            scopeParams: [{ field: "ENTITY", values: $options.entityWay === "custom" ? $data.selectOperate.metaId || $props.metaId : $props.metaId }, { field: "CATEGORY", values: "1" }],
+                            dataKey: "KEY",
+                            object: "ACT_RE_MODEL",
+                            onChangeConfigs: (v) => $options.changeProcess(item, v)
+                          }, null, 8, ["value", "scopeParams", "onChangeConfigs"]),
+                          createElementVNode("div", null, [
+                            createVNode(_component_el_radio_group, {
+                              modelValue: $data.selectOperate[item.key + "Type"],
+                              "onUpdate:modelValue": ($event) => $data.selectOperate[item.key + "Type"] = $event
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_el_radio, {
+                                  label: "line",
+                                  value: "line"
+                                }, {
+                                  default: withCtx(() => [..._cache[23] || (_cache[23] = [
+                                    createTextVNode("自定义连线", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                createVNode(_component_el_radio, {
+                                  label: "default",
+                                  value: "default"
+                                }, {
+                                  default: withCtx(() => [..._cache[24] || (_cache[24] = [
+                                    createTextVNode("默认操作", -1)
+                                  ])]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          $data.selectOperate[item.key + "Type"] === "default" ? (openBlock(), createBlock(_component_el_select, {
+                            key: 0,
+                            clearable: "",
+                            modelValue: $data.selectOperate[item.key],
+                            "onUpdate:modelValue": ($event) => $data.selectOperate[item.key] = $event,
+                            size: "default",
+                            placeholder: ""
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_el_option, {
+                                label: "同意",
+                                value: "agree"
+                              }),
+                              createVNode(_component_el_option, {
+                                label: "驳回",
+                                value: "disagree"
+                              }),
+                              createVNode(_component_el_option, {
+                                label: "保存",
+                                value: "save"
+                              }),
+                              createVNode(_component_el_option, {
+                                label: "退回",
+                                value: "return"
+                              }),
+                              createVNode(_component_el_option, {
+                                label: "撤销",
+                                value: "repeal"
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue", "onUpdate:modelValue"])) : (openBlock(), createBlock(_component_el_select, {
+                            key: 1,
+                            clearable: "",
+                            modelValue: $data.selectOperate[item.key],
+                            "onUpdate:modelValue": ($event) => $data.selectOperate[item.key] = $event,
+                            size: "default",
+                            placeholder: ""
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(item.processType === "check" ? $data.checkProcessNodeList : $data.processNodeList, (option) => {
+                                return openBlock(), createBlock(_component_el_option, {
+                                  key: option.id,
+                                  label: option.name,
+                                  value: option.id
+                                }, null, 8, ["label", "value"]);
+                              }), 128))
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue"]))
+                        ])) : item.type === "scope" ? (openBlock(), createBlock(_component_epx_visual_config_scope, mergeProps({
+                          key: 13,
+                          ref_for: true
+                        }, item, {
+                          value: $data.selectOperate[item.key],
+                          treeFieldStore: $props.treeFieldStore,
+                          componentMetaId: item.metaId || $props.metaId,
+                          scopeConfigs: $props.scopeConfigs,
+                          onChangeConfigs: (v) => $options.changeScopeParmas(item.key, v)
+                        }), null, 16, ["value", "treeFieldStore", "componentMetaId", "scopeConfigs", "onChangeConfigs"])) : item.type === "el" ? (openBlock(), createBlock(_component_epx_rule, {
+                          key: 14,
+                          formulaType: "web",
+                          modelValue: $options.elData($data.selectOperate[item.key]) || item.defaultValue,
+                          onChange: (v) => $options.changeEl(item.key, v),
+                          metaId: item.metaId || $props.metaId,
+                          extendVariable: $options.variableTree,
+                          fieldConfigs: { state: "EDIT", functionType: "web" }
+                        }, null, 8, ["modelValue", "onChange", "metaId", "extendVariable"])) : item.type === "function" ? (openBlock(), createElementBlock(Fragment, { key: 15 }, [
+                          createVNode(_component_el_select, {
+                            clearable: "",
+                            "model-value": $data.selectOperate[item.key] || "new",
+                            onClear: ($event) => $data.selectOperate[item.key] = null
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList($options.functionList, (option) => {
+                                return openBlock(), createBlock(_component_el_option, {
+                                  onClick: ($event) => $data.selectOperate[item.key] = option,
+                                  key: option,
+                                  value: option
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(toDisplayString(option), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["onClick", "value"]);
+                              }), 128)),
+                              createVNode(_component_el_option, {
+                                onClick: ($event) => $data.selectOperate[item.key] = "new",
+                                value: "new",
+                                label: "添加新事件"
+                              }, {
+                                default: withCtx(() => [..._cache[25] || (_cache[25] = [
+                                  createTextVNode("添加新事件", -1)
+                                ])]),
+                                _: 1
+                              }, 8, ["onClick"])
+                            ]),
+                            _: 2
+                          }, 1032, ["model-value", "onClear"]),
+                          createElementVNode("div", _hoisted_3, [
+                            !$data.selectOperate[item.key] || $data.selectOperate[item.key] === "new" ? (openBlock(), createBlock(_component_el_input, {
+                              key: 0,
+                              size: "default",
+                              modelValue: $data.selectOperate[item.key + "Name"],
+                              "onUpdate:modelValue": ($event) => $data.selectOperate[item.key + "Name"] = $event
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true),
+                            createVNode(_component_el_button, {
+                              onClick: ($event) => $options.editJS(item)
+                            }, {
+                              default: withCtx(() => [..._cache[26] || (_cache[26] = [
+                                createTextVNode("编辑JS代码", -1)
+                              ])]),
+                              _: 1
+                            }, 8, ["onClick"])
+                          ])
+                        ], 64)) : item.type === "params" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList($data.selectOperate[item.key], (value, key) => {
+                            return openBlock(), createElementBlock("p", {
+                              class: "operate-params-item",
+                              key
+                            }, [
+                              createTextVNode(toDisplayString(key) + " = " + toDisplayString(value) + " ", 1),
+                              createElementVNode("i", {
+                                class: "el-icon-edit",
+                                onClick: ($event) => $options.editOperateParam(item.key, key, value)
+                              }, null, 8, _hoisted_5),
+                              createElementVNode("i", {
+                                class: "el-icon-close",
+                                onClick: ($event) => $options.deleteOperateParam(item.key, key)
+                              }, null, 8, _hoisted_6)
+                            ]);
+                          }), 128)),
+                          createVNode(_component_el_button, {
+                            type: "primary",
+                            link: "",
+                            onClick: ($event) => $data.operateParamsDialog = `${item.key}`
+                          }, {
+                            default: withCtx(() => [..._cache[27] || (_cache[27] = [
+                              createTextVNode("添加参数", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["onClick"])
+                        ])) : item.type === "operate" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                          createVNode(_component_draggable, {
+                            list: $data.selectOperate.operates,
+                            class: "list-group-operates",
+                            "ghost-class": "ghost"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(TransitionGroup, {
+                                type: "transition",
+                                name: "flip-list"
+                              }, {
+                                default: withCtx(() => [
+                                  (openBlock(true), createElementBlock(Fragment, null, renderList($data.selectOperate.operates, (operate) => {
+                                    return openBlock(), createBlock(_component_el_button, {
+                                      size: "default",
+                                      type: operate.ui,
+                                      key: operate.text
+                                    }, {
+                                      default: withCtx(() => [
+                                        createElementVNode("i", {
+                                          class: normalizeClass(["fa", operate.icon])
+                                        }, null, 2),
+                                        createTextVNode(" " + toDisplayString(operate.text), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["type"]);
+                                  }), 128))
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["list"]),
+                          createVNode(_component_el_button, {
+                            type: "primary",
+                            link: "",
+                            style: { marginLeft: "12px" },
+                            onClick: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("set-dropdown"))
+                          }, {
+                            default: withCtx(() => [..._cache[28] || (_cache[28] = [
+                              createTextVNode("设置", -1)
+                            ])]),
+                            _: 1
+                          })
+                        ])) : item.type === "textarea" ? (openBlock(), createBlock(_component_epx_visual_config_textarea, {
+                          key: item.key,
+                          label: item.label,
+                          value: $data.selectOperate[item.key],
+                          defaultValue: item.defaultValue,
+                          i18nValue: $data.selectOperate[item.key + ".i18n"],
+                          onChangeConfigs: (v) => $data.selectOperate[item.key] = v,
+                          onChangeLanguageConfig: (v) => $data.selectOperate[item.key + ".i18n"] = v
+                        }, null, 8, ["label", "value", "defaultValue", "i18nValue", "onChangeConfigs", "onChangeLanguageConfig"])) : (openBlock(), createBlock(_component_epx_visual_config_input, {
+                          key: 19,
+                          label: item.label,
+                          value: $data.selectOperate[item.key],
+                          defaultValue: item.defaultValue,
+                          i18nValue: $data.selectOperate[item.key + ".i18n"],
+                          onChangeConfigs: (v) => $data.selectOperate[item.key] = v,
+                          onChangeLanguageConfig: (v) => $data.selectOperate[item.key + ".i18n"] = v
+                        }, null, 8, ["label", "value", "defaultValue", "i18nValue", "onChangeConfigs", "onChangeLanguageConfig"])),
+                        item.tip ? (openBlock(), createBlock(_component_el_tooltip, {
+                          key: 20,
+                          class: "operate-config-item__tip",
+                          content: item.tip,
+                          placement: "top"
+                        }, {
+                          default: withCtx(() => [..._cache[29] || (_cache[29] = [
+                            createElementVNode("i", { class: "el-icon-warning-outline" }, null, -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["content"])) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"]);
+                  }), 128))
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1032, ["label", "name"]);
+        }), 128)),
+        createVNode(_component_el_tab_pane, {
+          label: "样式",
+          name: "style"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_epx_page_designer_setting_style, {
+              style: { width: "360px" },
+              modelValue: $data.selectOperate.css,
+              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.selectOperate.css = $event),
+              "inline-style": ""
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    createVNode(_component_epx_visual_config_lazy_dialog, {
+      title: "添加参数",
+      "append-to-body": "",
+      "model-value": !!$data.operateParamsDialog,
+      width: "400px",
+      onClose: _cache[16] || (_cache[16] = ($event) => {
+        $data.operateParamsDialog = false;
+        _ctx.operateParamsType = null;
+      })
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", null, [
+          createElementVNode("div", _hoisted_8, [
+            _cache[31] || (_cache[31] = createElementVNode("span", null, "参数名：", -1)),
+            $data.selectOperate && $data.selectOperate.handler === "print" && $data.selectOperate.printWay !== "fine" ? (openBlock(), createElementBlock("div", _hoisted_9, [
+              createVNode(_component_el_radio_group, {
+                modelValue: $data.operateParams.key,
+                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $data.operateParams.key = $event)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($data.printFormParams, (param) => {
+                    return openBlock(), createBlock(_component_el_radio, {
+                      key: param.ID,
+                      label: param.CODE,
+                      value: param.CODE
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(param.NAME), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["label", "value"]);
+                  }), 128)),
+                  createVNode(_component_el_radio, {
+                    label: "custom",
+                    value: "custom"
+                  }, {
+                    default: withCtx(() => [..._cache[30] || (_cache[30] = [
+                      createTextVNode("自定义", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              $data.operateParams.key === "custom" ? (openBlock(), createBlock(_component_el_input, {
+                key: 0,
+                "model-value": $data.operateParams.customKey,
+                "onUpdate:modelValue": _cache[10] || (_cache[10] = (v) => $data.operateParams["customKey"] = v)
+              }, null, 8, ["model-value"])) : createCommentVNode("", true)
+            ])) : (openBlock(), createBlock(_component_el_input, {
+              key: 1,
+              "model-value": $data.operateParams.customKey,
+              "onUpdate:modelValue": _cache[11] || (_cache[11] = (v) => $data.operateParams["customKey"] = v)
+            }, null, 8, ["model-value"]))
+          ]),
+          createElementVNode("div", _hoisted_10, [
+            _cache[35] || (_cache[35] = createElementVNode("span", null, "参数类型：", -1)),
+            createVNode(_component_el_radio_group, {
+              modelValue: $data.paramType,
+              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => $data.paramType = $event)
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_radio, {
+                  label: "str",
+                  value: "str"
+                }, {
+                  default: withCtx(() => [..._cache[32] || (_cache[32] = [
+                    createTextVNode("固定值", -1)
+                  ])]),
+                  _: 1
+                }),
+                createVNode(_component_el_radio, {
+                  label: "field",
+                  value: "field"
+                }, {
+                  default: withCtx(() => [..._cache[33] || (_cache[33] = [
+                    createTextVNode("字段值 ", -1)
+                  ])]),
+                  _: 1
+                }),
+                createVNode(_component_el_radio, {
+                  label: "page",
+                  value: "page"
+                }, {
+                  default: withCtx(() => [..._cache[34] || (_cache[34] = [
+                    createTextVNode("页面参数", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          createElementVNode("div", _hoisted_11, [
+            _cache[36] || (_cache[36] = createElementVNode("span", null, "参数值：", -1)),
+            $data.paramType === "str" ? (openBlock(), createBlock(_component_el_input, {
+              key: 0,
+              "model-value": $data.operateParams.value,
+              "onUpdate:modelValue": _cache[13] || (_cache[13] = (v) => $data.operateParams["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.operateParams.value
+                }, 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.operateParams.value = `#[${data.field.replace(/\./g, "|")}]`
+                    }, null, 8, _hoisted_12)
+                  ]),
+                  _: 1
+                }, 8, ["data"])
+              ]),
+              _: 1
+            })) : $data.paramType === "page" ? (openBlock(), createBlock(_component_el_select, {
+              key: 2,
+              modelValue: $data.operateParams.value,
+              "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => $data.operateParams.value = $event)
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pageParams, (item) => {
+                  return openBlock(), createBlock(_component_el_option, {
+                    key: item.code,
+                    label: item.name || item.code,
+                    value: `$[${item.code}]`
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_13, [
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: $options.addOperateParams
+            }, {
+              default: withCtx(() => [..._cache[37] || (_cache[37] = [
+                createTextVNode("确定", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(_component_el_button, {
+              onClick: _cache[15] || (_cache[15] = ($event) => {
+                $data.operateParamsDialog = false;
+              })
+            }, {
+              default: withCtx(() => [..._cache[38] || (_cache[38] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["model-value"])
+  ])) : createCommentVNode("", true);
+}
+const OperateItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-455f2c20"]]);
+export {
+  OperateItem as default
+};