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

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

@@ -0,0 +1,1109 @@
+import '../../../style.css';
+import draggable from "@epxing/core/src/components/draggable";
+import OperateItem from "./OperateItem.js";
+import { resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createVNode, createTextVNode, createCommentVNode, withDirectives, createElementVNode, TransitionGroup, Fragment, renderList, mergeProps, normalizeClass, toDisplayString, vShow, withModifiers } from "vue";
+/* empty css            */
+/* empty css             */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-operate",
+  components: {
+    draggable,
+    OperateItem
+  },
+  props: {
+    value: Array,
+    defaultValue: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    configs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    state: {
+      type: String,
+      defaultValue: "ADD"
+    },
+    metaId: String,
+    compMetaId: String,
+    commonOperates: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    handlerList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    actionList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    ruleList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    treeFieldStore: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    scopeConfigs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    operateConfigs: {
+      type: Array
+    },
+    operateOptions: {
+      type: [Object, Array],
+      default() {
+        return {};
+      }
+    },
+    pageGlobalConfigs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    pageParams: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    changeItemConfigs: {
+      type: Function,
+      default() {
+        return () => null;
+      }
+    },
+    designer: {
+      type: Object,
+      required: true
+    }
+  },
+  data() {
+    return {
+      operateTabs: [],
+      operates: [],
+      settingOperates: [],
+      operateWay: "default",
+      pageWay: "component",
+      showDialog: false,
+      selectOperate: null,
+      dropdownTabs: [],
+      showDropdownDialog: false,
+      selectDropdownOperate: null,
+      settingDropdownOperates: []
+    };
+  },
+  computed: {
+    currentMetaId() {
+      return this.metaId || this.compMetaId;
+    }
+  },
+  watch: {
+    defaultValue: {
+      handler() {
+        if (this.value) {
+          this.operateWay = "custom";
+          this.operates = this.value;
+        } else {
+          this.operateWay = "default";
+          this.operates = [...this.defaultValue];
+        }
+      },
+      immediate: true
+    },
+    operates(v) {
+      if (this.operateWay === "custom") {
+        if (v !== this.value) {
+          this.$emit("change-configs", v);
+        }
+      } else if (this.value != null) {
+        this.$emit("change-configs", null);
+      }
+    },
+    operateWay(v) {
+      if (this._skipOperateWayChange) {
+        this._skipOperateWayChange = false;
+        return;
+      }
+      if (v === "custom") {
+        if (this.operates !== this.value) {
+          this.$emit("change-configs", this.operates);
+        }
+      } else if (this.value && this.value.length) {
+        this.$confirm("切换为默认操作后，已配置的自定义按钮将被清除，是否继续？", "提示", { type: "warning" }).then(() => {
+          this.$emit("change-configs", null);
+        }).catch(() => {
+          this._skipOperateWayChange = true;
+          this.operateWay = "custom";
+        });
+      } else {
+        this.$emit("change-configs", null);
+      }
+    },
+    operateOptions() {
+      this.getOperateOptions();
+    }
+  },
+  methods: {
+    getOperateOptions() {
+      const defaultOperateOptions = {
+        text: { key: "text", label: "按钮名称" },
+        ui: {
+          key: "ui",
+          label: "按钮类型",
+          type: "ui-select",
+          options: [
+            { label: "主要按钮", value: "primary" },
+            { label: "成功按钮", value: "success" },
+            { label: "信息按钮", value: "info" },
+            { label: "警告按钮", value: "warning" },
+            { label: "危险按钮", value: "danger" },
+            { label: "文本按钮", value: "text" },
+            { label: "默认按钮", value: "default" }
+          ],
+          defaultValue: "default"
+        },
+        styles: {
+          key: "styles",
+          label: "按钮样式",
+          type: "checkbox",
+          options: [
+            {
+              label: "空心按钮",
+              value: "plain"
+            },
+            {
+              label: "圆角按钮",
+              value: "round"
+            },
+            {
+              label: "圆形按钮",
+              value: "circle"
+            }
+          ]
+        },
+        icon: { key: "icon", label: "按钮图标", type: "object", object: "FM_FONT_ICON" },
+        showName: { key: "showName", label: "显示按钮名称", type: "switch", defaultValue: true },
+        preview: { key: "preview", label: "预览", type: "preview" },
+        beforeTrigger: {
+          key: "beforeTrigger",
+          label: "事件触发前",
+          type: "function"
+        },
+        handler: {
+          key: "handler",
+          label: "处理事件",
+          type: "select",
+          options: this.handlerList,
+          allowCreate: true
+        },
+        metaId: { key: "metaId", label: "请求对象", type: "entity" },
+        action: { key: "action", label: "请求操作", type: "action", options: this.actionList, desc: "请求操作可用于控制操作权限：按钮是否显示" },
+        rule: {
+          key: "rule",
+          label: "业务规则",
+          type: "rule",
+          options: this.ruleList,
+          showFlag: { handler: "commonRuleAction" }
+        },
+        page: {
+          key: "page",
+          label: "打开页面",
+          type: "page",
+          showFlag: { handler: ["goPage", "addEntity", "editEntity", "entityImport"] }
+        },
+        menuId: {
+          key: "menuId",
+          label: "打开菜单",
+          type: "object",
+          object: "FM_MODULE",
+          flag: "config_menu",
+          objectWay: "option",
+          isTree: "1",
+          showFlag: { handler: ["goPage", "addEntity", "editEntity"] }
+        },
+        moveType: {
+          key: "moveType",
+          label: "移动类型",
+          type: "radio",
+          options: [{ label: "上移", value: "pre" }, { label: "下移", value: "next" }, { label: "最前", value: "first" }, { label: "最后", value: "last" }, { label: "上一层", value: "upper" }],
+          defaultValue: "pre",
+          showFlag: { handler: ["operateTree"] }
+        },
+        openMode: {
+          key: "openMode",
+          label: "页面打开方式",
+          type: "radio",
+          options: [{ label: "直接打开", value: "3" }, { label: "标签页", value: "1" }, { label: "弹窗", value: "2" }],
+          defaultValue: "3",
+          showFlag: { handler: ["goPage", "addEntity", "editEntity", "print"] }
+        },
+        serviceId: {
+          key: "serviceId",
+          label: "指定应用",
+          type: "object",
+          object: "FM_SERVICE",
+          scopeParams: [{ field: "CLIENT", values: this.CLIENT }],
+          showFlag: { handler: ["goApp"] }
+        },
+        webLinkUrl: {
+          key: "webLinkUrl",
+          label: "指定链接",
+          type: "input",
+          showFlag: { handler: "goWebLink" }
+        },
+        pageType: {
+          key: "pageType",
+          label: "页面状态",
+          type: "radio",
+          options: [{ label: "新增", value: "ADD" }, { label: "编辑", value: "EDIT" }, { label: "详情", value: "DETAIL" }, { label: "只读", value: "READONLY" }],
+          showFlag: { handler: ["goPage", "addEntity", "editEntity"] }
+        },
+        printWay: {
+          key: "printWay",
+          label: "打印方式",
+          type: "radio",
+          options: [{ label: "自定义报表打印", value: "custom" }, { label: "帆软报表打印", value: "fine" }],
+          defaultValue: "custom",
+          showFlag: { handler: "print" }
+        },
+        printCode: {
+          key: "printCode",
+          label: "打印模板",
+          type: "object",
+          object: "FM_FORM",
+          dataKey: "CODE",
+          showFlag: { handler: ["print", "downloadReport"], printWay: "custom" }
+        },
+        cptName: {
+          key: "cptName",
+          label: "打印模板",
+          type: "object",
+          object: "FM_REPORT_TEMPLATE",
+          dataKey: "CODE",
+          showFlag: { handler: "print", printWay: "fine" }
+        },
+        printOperates: {
+          key: "printOperates",
+          label: "按钮显示",
+          type: "checkbox",
+          options: [{ label: "下载pdf", value: "downloadPdf" }, { label: "下载word", value: "downloadWord" }, { label: "下载excel", value: "downloadExcel" }, { label: "打印", value: "print" }],
+          defaultValue: "downloadPdf,downloadWord,downloadExcel,print",
+          showFlag: { handler: "print", printWay: "custom" }
+        },
+        showDownloadReportDialog: {
+          key: "showDownloadReportDialog",
+          label: "下载报表弹窗",
+          type: "radio",
+          options: [{ label: "显示", value: true }, { label: "不显示", value: false }],
+          defaultValue: true,
+          showFlag: { handler: "downloadReport" }
+        },
+        showDownloadReportFormat: {
+          key: "showDownloadReportFormat",
+          label: "显示文件格式",
+          type: "radio",
+          options: [{ label: "显示", value: true }, { label: "不显示", value: false }],
+          defaultValue: true,
+          showFlag: { handler: "downloadReport", showDownloadReportDialog: [true, null] }
+        },
+        downloadReportFormat: {
+          key: "downloadReportFormat",
+          label: "文件格式",
+          type: "radio",
+          options: [{ label: "pdf", value: "pdf" }, { label: "excel", value: "excel" }, { label: "word", value: "word" }],
+          defaultValue: "pdf",
+          showFlag: { handler: "downloadReport" }
+        },
+        downloadReportWay: {
+          key: "downloadReportWay",
+          label: "下载报表方式",
+          type: "radio",
+          options: [{ label: "单个文件", value: "single" }, { label: "多个文件", value: "multiple" }],
+          defaultValue: "single",
+          showFlag: { handler: "downloadReport" }
+        },
+        downloadReportNameFields: {
+          key: "downloadReportNameFields",
+          label: "文件命名字段",
+          type: "field",
+          showFlag: { handler: "downloadReport" }
+        },
+        downloadReportNameSplit: {
+          key: "downloadReportNameSplit",
+          label: "文件命名分隔符",
+          type: "select",
+          allowCreate: true,
+          placeholder: "请选择或输入分隔符",
+          options: [{ label: "_", value: "_" }, { label: "-", value: "-" }],
+          // eslint-disable-next-line no-useless-escape
+          tip: '文件分隔符不能包含 / : * ? " < > |',
+          showFlag: { handler: "downloadReport" }
+        },
+        destActivityId: {
+          key: "destActivityId",
+          label: "审核流程",
+          type: "process",
+          processType: "check",
+          showFlag: { handler: ["checkEntity", "check"] }
+        },
+        processNode: {
+          key: "processNode",
+          label: "流程",
+          type: "process",
+          showFlag: { handler: "applyEntity" }
+        },
+        auditorOptional: {
+          key: "auditorOptional",
+          label: "审核人自选",
+          type: "radio",
+          options: [{ label: "是", value: true }, { label: "否", value: false }],
+          defaultValue: false,
+          showFlag: { handler: ["checkEntity", "check", "applyEntity"] }
+        },
+        openOpinion: {
+          key: "openOpinion",
+          label: "审核意见弹窗",
+          type: "radio",
+          options: [{ label: "显示", value: true }, { label: "不显示", value: false }],
+          defaultValue: true,
+          showFlag: { handler: ["checkEntity", "check"] }
+        },
+        showCheckFields: {
+          key: "showCheckFields",
+          label: "显示字段",
+          type: "checkbox",
+          options: [{ label: "审核操作", value: "operate" }, { label: "审核意见", value: "opinion" }, { label: "审核签名", value: "sign" }],
+          defaultValue: ["operate", "opinion", "sign"],
+          showFlag: { handler: ["checkEntity", "check"] }
+        },
+        checkRequireFields: {
+          key: "checkRequireFields",
+          label: "必填字段",
+          type: "checkbox",
+          options: [{ label: "审核意见", value: "opinion" }, { label: "审核签名", value: "sign" }],
+          showFlag: { handler: ["checkEntity", "check"] }
+        },
+        showCheckOperate: {
+          key: "showCheckOperate",
+          label: "审核操作",
+          type: "radio",
+          options: [{ label: "显示", value: true }, { label: "不显示", value: false }],
+          defaultValue: true,
+          showFlag: { handler: ["checkEntity", "check"] }
+        },
+        checkOpinion: {
+          key: "checkOpinion",
+          label: "审核意见",
+          type: "radio",
+          options: [{ label: "显示", value: true }, { label: "不显示", value: false }],
+          defaultValue: true,
+          showFlag: { handler: ["checkEntity", "check"] }
+        },
+        checkOpinionLabel: {
+          key: "checkOpinionLabel",
+          label: "审核意见名称",
+          type: "text",
+          showFlag: { handler: ["checkEntity", "check"], showCheckFields: ["opinion", null] }
+        },
+        checkOpinionValue: {
+          key: "checkOpinionValue",
+          label: "审核意见默认值",
+          type: "text",
+          showFlag: { handler: ["checkEntity", "check"], showCheckFields: ["opinion", null] }
+        },
+        checkSign: {
+          key: "checkSign",
+          label: "审核签名",
+          type: "radio",
+          options: [{ label: "显示", value: true }, { label: "不显示", value: false }],
+          defaultValue: true,
+          showFlag: { handler: ["checkEntity", "check"] }
+        },
+        reload: {
+          key: "reload",
+          label: "是否刷新页面",
+          type: "radio",
+          options: [{ label: "是", value: true }, { label: "否", value: false }],
+          showFlag: { handler: "backPage" },
+          defaultValue: false
+        },
+        function: {
+          key: "function",
+          label: "事件名称",
+          type: "function",
+          showFlag: { handler: "customJs" }
+        },
+        afterTrigger: {
+          key: "afterTrigger",
+          label: "事件触发后",
+          type: "select",
+          options: [
+            { label: "返回", value: "backPage" },
+            { label: "返回并刷新", value: "backRefeshPage" },
+            { label: "打开指定页面", value: "goPage" },
+            { label: "刷新组件", value: "$refesh" },
+            { label: "刷新页面", value: "$refeshPage" },
+            { label: "重新加载页面", value: "reloadPage" }
+          ],
+          showFlag: { handler: ["commonRuleAction", "commonAction", "downloadFile", "applyEntity", "checkEntity", "batchCheck", "check"] }
+        },
+        backPageDelta: {
+          key: "backPageDelta",
+          label: "返回页面数",
+          type: "num",
+          defaultValue: 1,
+          showFlag: { handler: ["commonRuleAction", "commonAction", "downloadFile", "applyEntity", "checkEntity", "batchCheck", "check"], afterTrigger: ["backPage", "backRefeshPage"] }
+        },
+        afterTriggerPage: {
+          key: "afterTriggerPage",
+          label: "打开页面",
+          type: "object",
+          object: "FM_PAGE_CONFIG",
+          scopeParams: [{ field: "SYSTEM", values: this.SYSTEM }],
+          showFlag: { handler: ["commonRuleAction", "commonAction", "downloadFile", "applyEntity", "checkEntity", "batchCheck", "check"], afterTrigger: "goPage" }
+        },
+        afterTriggerPageOpenMode: {
+          key: "afterTriggerPageOpenMode",
+          label: "页面打开方式",
+          type: "radio",
+          options: [{ label: "直接打开", value: "3" }, { label: "标签页", value: "1" }, { label: "弹窗", value: "2" }],
+          defaultValue: "3",
+          showFlag: { handler: ["commonRuleAction", "commonAction", "downloadFile", "applyEntity", "checkEntity", "batchCheck", "check"], afterTrigger: "goPage" }
+        },
+        afterTriggerParams: {
+          key: "afterTriggerParams",
+          label: "页面参数传递",
+          type: "params",
+          showFlag: { handler: ["commonRuleAction", "commonAction", "downloadFile", "applyEntity", "checkEntity", "batchCheck", "check"], afterTrigger: "goPage" }
+        },
+        num: { key: "num", label: "控制选择数量", type: "radio", options: [{ label: "不需要", value: "0" }, { label: "选择1个", value: "1" }, { label: "选择多个", value: "n" }], defaultValue: "0" },
+        limitFlag: { key: "limitFlag", label: "操作限制", type: "radio", options: [{ label: "需要", value: true }, { label: "不需要", value: false }], defaultValue: true },
+        limitCondition: {
+          key: "limitCondition",
+          label: "操作限制条件",
+          type: "scope",
+          showOperate: false,
+          modeType: ["FIXED_VALUE", "DYNAMIC_VALUE", "DEFINED"],
+          extendFields: [{
+            code: "user",
+            text: "用户信息",
+            type: "meta",
+            children: [
+              { code: "user.account", text: "用户账户", type: "field", field: "user.account", dataType: "text" },
+              { code: "user.roleCode", text: "用户角色编号", type: "field", field: "user.roleCode", dataType: "text" }
+            ]
+          }],
+          showFlag: { limitFlag: [true, null] }
+        },
+        limitTip: { key: "limitTip", label: "操作限制提示", defaultValue: "对不起，不能执行该操作！", showFlag: { limitFlag: [true, null] } },
+        showConditionType: { key: "showConditionType", label: "显示条件类型", type: "radio", options: [{ label: "高级筛选", value: "scope" }, { label: "公式编辑器", value: "el" }], defaultValue: "scope" },
+        showCondition: {
+          key: "showCondition",
+          label: "显示条件",
+          type: "scope",
+          showOperate: false,
+          modeType: ["FIXED_VALUE", "DYNAMIC_VALUE", "DEFINED"],
+          // 显示条件在前端用 runExpByScope 解析，系统变量改用前端可解析的 $[xxx] 形式
+          frontendSysVar: true,
+          extendFields: [{
+            code: "user",
+            text: "用户信息",
+            type: "meta",
+            children: [
+              { code: "user.account", text: "用户账户", type: "field", field: "user.account", dataType: "text" },
+              { code: "user.roleCode", text: "用户角色编号", type: "field", field: "user.roleCode", dataType: "text" }
+            ]
+          }],
+          showFlag: { showConditionType: ["scope", null] }
+        },
+        showConditionEl: { key: "showConditionEl", label: "显示条件（表达式）", type: "el", showFlag: { showConditionType: "el" } },
+        confirm: { key: "confirm", label: "二次确认", type: "radio", options: [{ label: "需要", value: true }, { label: "不需要", value: false }], defaultValue: false },
+        confirmMsg: { key: "confirmMsg", label: "操作确认信息", showFlag: { confirm: true } },
+        confirmButtonText: { key: "confirmButtonText", label: "确认按钮文字", defaultValue: this.$t("confirm"), showFlag: { confirm: true } },
+        cancelButtonText: { key: "cancelButtonText", label: "取消按钮文字", defaultValue: this.$t("cancel"), showFlag: { confirm: true } },
+        successMsg: { key: "successMsg", label: "操作成功提示", defaultValue: "处理成功" },
+        failMsg: { key: "failMsg", label: "操作失败提示", defaultValue: "处理失败" },
+        actionOptionMsg: { key: "actionOptionMsg", label: "禁止操作提示" },
+        mask: { key: "mask", label: "loading遮罩", type: "radio", options: [{ label: "显示", value: true }, { label: "不显示", value: false }] },
+        params: { key: "params", label: "参数传递", type: "params" },
+        terminal: { key: "terminal", label: "适用终端", type: "radio", options: [{ label: "全部", value: "all" }, { label: "PC端", value: "pc" }, { label: "移动端", value: "mobile" }], defaultValue: "all" }
+      };
+      const operateOptions = { ...defaultOperateOptions, ...this.operateOptions };
+      let operateConfigs = this.operateConfigs;
+      if (!operateConfigs) {
+        operateConfigs = [
+          {
+            key: "base",
+            title: "基本",
+            options: ["text", "ui", "styles", "icon", "showName", "preview"]
+          },
+          {
+            key: "event",
+            title: "事件",
+            options: ["handler", "metaId", "action", "rule", "moveType", "openMode", "page", "pageType", "menuId", "serviceId", "webLinkUrl", "printWay", "printCode", "cptName", "destActivityId", "processNode", "function", "params", "beforeTrigger", "afterTrigger", "afterTriggerPage", "afterTriggerPageOpenMode", "afterTriggerParams"]
+          },
+          {
+            key: "advance",
+            title: "高级",
+            options: ["terminal", "num", "limitFlag", "limitCondition", "limitTip", "showCondition", "confirm", "confirmMsg", "confirmButtonText", "cancelButtonText", "successMsg", "failMsg", "mask"]
+          }
+        ];
+      }
+      this.operateTabs = operateConfigs.map((item) => {
+        return {
+          ...item,
+          options: item.options.map((option) => operateOptions[option])
+        };
+      });
+      const dropdownOptions = ["text", "ui", "styles", "icon", "showName", "preview"].map((option) => operateOptions[option]);
+      const dropdownAnvanceOptions = ["terminal", "limitFlag", "limitCondition", "limitTip", "showConditionType", "showCondition", "showConditionEl"].map((option) => operateOptions[option]);
+      this.dropdownTabs = [
+        {
+          key: "base",
+          title: "基本",
+          options: [...dropdownOptions, { key: "operates", label: "按钮", type: "operate" }]
+        },
+        {
+          key: "advance",
+          title: "高级",
+          options: dropdownAnvanceOptions
+        }
+      ];
+    },
+    openDialog() {
+      this.settingOperates = this.$_.cloneDeep(this.operates);
+      this.showDialog = true;
+      this.selectOperate = null;
+    },
+    openDropdownDialog() {
+      this.showDropdownDialog = true;
+      this.selectDropdown = null;
+      this.settingDropdownOperates = this.selectOperate.operates ? this.$_.cloneDeep(this.selectOperate.operates) : [];
+    },
+    addOperate(operate) {
+      const key = "operate_" + this.$util.genId();
+      const item = { ...operate || { text: "自定义按钮" }, key };
+      this.settingOperates.push(item);
+      this.selectOperateFn(item);
+    },
+    addFoldOperate(operate) {
+      const key = "operate_" + this.$util.genId();
+      const item = { ...operate || { text: "折叠按钮", operateType: "dropdown" }, key };
+      this.settingOperates.push(item);
+      this.selectOperateFn(item);
+    },
+    addDropdownOperate(operate) {
+      if (this.selectOperate) {
+        const key = "operate_" + this.$util.genId();
+        const dropdownOperate = { ...operate || { text: "自定义按钮" }, key };
+        this.settingDropdownOperates.push(dropdownOperate);
+        this.selectOperateFn(dropdownOperate, "dropdown");
+      }
+    },
+    copyOperate(operate) {
+      const key = "operate_" + this.$util.genId();
+      const newBtn = { ...this.$_.cloneDeep(operate), key, id: key, text: `${operate.text}-复制-按钮${this.settingOperates.length + 1}` };
+      this.settingOperates.push(newBtn);
+    },
+    deleteOperate(operate, index) {
+      if (this.selectOperate && operate.key === this.selectOperate.key) this.selectOperate = null;
+      this.settingOperates.splice(index, 1);
+    },
+    copyDropdown(operate) {
+      if (this.selectDropdownOperate && operate.key === this.selectDropdownOperate.key) this.selectDropdownOperate = null;
+      const key = "operate_" + this.$util.genId();
+      const newBtn = { ...this.$_.cloneDeep(operate), key, id: key, text: `${operate.text}-复制-按钮${this.settingDropdownOperates.length + 1}` };
+      this.settingDropdownOperates.push(newBtn);
+    },
+    deleteDropdown(operate, index) {
+      if (this.selectDropdownOperate && operate.key === this.selectDropdownOperate.key) this.selectDropdownOperate = null;
+      this.settingDropdownOperates.splice(index, 1);
+    },
+    async selectOperateFn(operate = {}, type) {
+      if (!operate.key) operate.key = "operate_" + this.$util.genId();
+      const selectOperate = { ...operate };
+      if (type === "dropdown") {
+        this.selectDropdownOperate = selectOperate;
+      } else {
+        this.selectOperate = null;
+        this.$nextTick(() => {
+          this.selectOperate = selectOperate;
+        });
+      }
+    },
+    async updateOperate(v) {
+      const operates = this.settingOperates;
+      const selectOperate = { ...v };
+      const index = operates.findIndex((item) => item.key === selectOperate.key);
+      this.$emit("change-operate", v);
+      if (index !== -1) {
+        const operate = { ...selectOperate };
+        this.settingOperates.splice(index, 1, operate);
+      }
+    },
+    saveOperateSetting() {
+      setTimeout(() => {
+        this.operates = [...this.settingOperates];
+        this.$message.success("保存成功");
+        this.showDialog = false;
+      }, 400);
+    },
+    async updateDropdownOperates(v) {
+      const selectOperate = { ...v };
+      const index = this.settingDropdownOperates.findIndex((item) => item.key === selectOperate.key);
+      if (index !== -1) {
+        const operate = { ...this.settingDropdownOperates[index], ...selectOperate };
+        this.settingDropdownOperates.splice(index, 1, operate);
+      }
+    },
+    saveDropdownOperate() {
+      this.selectOperate.operates = [...this.settingDropdownOperates];
+      this.showDropdownDialog = false;
+      this.selectDropdownOperate = null;
+      this.selectOperateFn(this.selectOperate);
+    }
+  },
+  created() {
+    this.getOperateOptions();
+  }
+};
+const _hoisted_1 = { class: "operates" };
+const _hoisted_2 = { class: "operate-group" };
+const _hoisted_3 = { class: "operate-group" };
+const _hoisted_4 = { class: "operate-config" };
+const _hoisted_5 = { class: "setting-fields-container" };
+const _hoisted_6 = { class: "setting-fields__select" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "button-icon-container" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { style: { maxHeight: "300px", overflow: "auto" } };
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = { class: "button-group" };
+const _hoisted_14 = { class: "setting-fields-container" };
+const _hoisted_15 = { class: "setting-fields__select" };
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = { class: "button-icon-container" };
+const _hoisted_18 = ["onClick"];
+const _hoisted_19 = ["onClick"];
+const _hoisted_20 = ["onClick"];
+const _hoisted_21 = { class: "button-group" };
+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_el_button = resolveComponent("el-button");
+  const _component_draggable = resolveComponent("draggable");
+  const _component_el_popover = resolveComponent("el-popover");
+  const _component_operate_Item = resolveComponent("operate-Item");
+  const _component_epx_visual_config_lazy_dialog = resolveComponent("epx-visual-config-lazy-dialog");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    $props.state !== "DETAIL" ? (openBlock(), createBlock(_component_el_radio_group, {
+      key: 0,
+      modelValue: $data.operateWay,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.operateWay = $event)
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_el_radio, {
+          label: "default",
+          value: "default"
+        }, {
+          default: withCtx(() => [..._cache[9] || (_cache[9] = [
+            createTextVNode("默认操作", -1)
+          ])]),
+          _: 1
+        }),
+        createVNode(_component_el_radio, {
+          label: "custom",
+          value: "custom"
+        }, {
+          default: withCtx(() => [..._cache[10] || (_cache[10] = [
+            createTextVNode("自定义操作", -1)
+          ])]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])) : createCommentVNode("", true),
+    withDirectives(createElementVNode("div", _hoisted_2, [
+      createVNode(_component_draggable, {
+        modelValue: $data.operates,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.operates = $event),
+        class: "list-group-operates",
+        "ghost-class": "ghost",
+        disabled: $props.state === "DETAIL"
+      }, {
+        default: withCtx(() => [
+          createVNode(TransitionGroup, {
+            type: "transition",
+            name: "flip-list"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($data.operates, (operate) => {
+                return openBlock(), createBlock(_component_el_button, mergeProps({ ref_for: true }, { [operate.type]: true }, {
+                  key: operate.text,
+                  size: "default",
+                  type: operate.type == "text" ? "text" : operate.ui
+                }), {
+                  default: withCtx(() => [
+                    createElementVNode("i", {
+                      class: normalizeClass(["fa", operate.icon])
+                    }, null, 2),
+                    createTextVNode(" " + toDisplayString(operate.text), 1)
+                  ]),
+                  _: 2
+                }, 1040, ["type"]);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled"]),
+      $props.state !== "DETAIL" ? (openBlock(), createBlock(_component_el_button, {
+        key: 0,
+        type: "primary",
+        link: "",
+        style: { marginLeft: "12px" },
+        onClick: $options.openDialog
+      }, {
+        default: withCtx(() => [..._cache[11] || (_cache[11] = [
+          createTextVNode("设置", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"])) : createCommentVNode("", true)
+    ], 512), [
+      [vShow, $data.operateWay === "custom"]
+    ]),
+    withDirectives(createElementVNode("div", _hoisted_3, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.defaultValue, (operate) => {
+        return openBlock(), createBlock(_component_el_button, mergeProps({ ref_for: true }, { [operate.type]: true }, {
+          size: "default",
+          key: operate.text,
+          type: operate.type == "text" ? "text" : operate.ui
+        }), {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(operate.text), 1)
+          ]),
+          _: 2
+        }, 1040, ["type"]);
+      }), 128))
+    ], 512), [
+      [vShow, $data.operateWay === "default"]
+    ]),
+    createElementVNode("div", _hoisted_4, [
+      createVNode(_component_epx_visual_config_lazy_dialog, {
+        class: "setting-fields-dialog setting-operate-dialog",
+        title: "操作按钮配置",
+        modelValue: $data.showDialog,
+        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.showDialog = $event),
+        "append-to-body": true,
+        width: "70%"
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_13, [
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: $options.saveOperateSetting
+            }, {
+              default: withCtx(() => [..._cache[15] || (_cache[15] = [
+                createTextVNode("保存", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(_component_el_button, {
+              onClick: _cache[4] || (_cache[4] = ($event) => $data.showDialog = false)
+            }, {
+              default: withCtx(() => [..._cache[16] || (_cache[16] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              createVNode(_component_draggable, {
+                list: $data.settingOperates,
+                class: "list-group",
+                "ghost-class": "ghost"
+              }, {
+                default: withCtx(() => [
+                  createVNode(TransitionGroup, {
+                    type: "transition",
+                    name: "flip-list",
+                    class: "setting-fields__select--list"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList($data.settingOperates, (operate, index) => {
+                        return openBlock(), createElementBlock("li", {
+                          class: "setting-fields__select--item",
+                          key: operate.text,
+                          onClick: ($event) => $options.selectOperateFn(operate)
+                        }, [
+                          createVNode(_component_el_button, {
+                            size: "default",
+                            type: operate.ui
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("i", {
+                                class: normalizeClass(["fa", operate.icon])
+                              }, null, 2),
+                              createTextVNode(toDisplayString(operate.text), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["type"]),
+                          createElementVNode("span", _hoisted_8, [
+                            createElementVNode("i", {
+                              title: "复制",
+                              class: "el-icon-copy-document",
+                              onClick: withModifiers(($event) => $options.copyOperate(operate, index), ["stop"])
+                            }, null, 8, _hoisted_9),
+                            createElementVNode("i", {
+                              title: "删除",
+                              class: "el-icon-delete",
+                              onClick: withModifiers(($event) => $options.deleteOperate(operate, index), ["stop"])
+                            }, null, 8, _hoisted_10)
+                          ])
+                        ], 8, _hoisted_7);
+                      }), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["list"]),
+              createVNode(_component_el_popover, { trigger: "click" }, {
+                reference: withCtx(() => [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    link: "",
+                    class: "setting-fields__select--add"
+                  }, {
+                    default: withCtx(() => [..._cache[12] || (_cache[12] = [
+                      createTextVNode("+ 添加常用按钮", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                default: withCtx(() => [
+                  createElementVNode("ul", _hoisted_11, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($props.commonOperates, (operate) => {
+                      return openBlock(), createElementBlock("li", {
+                        key: operate.text,
+                        class: "common-operate-item",
+                        onClick: ($event) => $options.addOperate(operate)
+                      }, toDisplayString(operate.text), 9, _hoisted_12);
+                    }), 128))
+                  ])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                link: "",
+                class: "setting-fields__select--add",
+                onClick: _cache[2] || (_cache[2] = ($event) => $options.addOperate(null))
+              }, {
+                default: withCtx(() => [..._cache[13] || (_cache[13] = [
+                  createTextVNode("+ 添加自定义按钮", -1)
+                ])]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                link: "",
+                class: "setting-fields__select--add",
+                onClick: _cache[3] || (_cache[3] = ($event) => $options.addFoldOperate(null))
+              }, {
+                default: withCtx(() => [..._cache[14] || (_cache[14] = [
+                  createTextVNode("+ 添加折叠按钮", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            $data.selectOperate ? (openBlock(), createBlock(_component_operate_Item, {
+              key: $data.selectOperate.id,
+              designer: $props.designer,
+              value: $data.selectOperate,
+              "operate-tabs": $data.selectOperate.operateType === "dropdown" ? $data.dropdownTabs : $data.operateTabs,
+              metaId: $options.currentMetaId,
+              defaultRuleList: $props.ruleList,
+              defaultActionList: $props.actionList,
+              treeFieldStore: $props.treeFieldStore,
+              useProcessRight: $props.configs.useProcessRight,
+              scopeConfigs: $props.scopeConfigs,
+              onChange: $options.updateOperate,
+              onSetDropdown: $options.openDropdownDialog
+            }, null, 8, ["designer", "value", "operate-tabs", "metaId", "defaultRuleList", "defaultActionList", "treeFieldStore", "useProcessRight", "scopeConfigs", "onChange", "onSetDropdown"])) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      $data.selectOperate ? (openBlock(), createBlock(_component_epx_visual_config_lazy_dialog, {
+        key: 0,
+        class: "setting-fields-dialog setting-operate-dialog",
+        title: "折叠按钮配置",
+        modelValue: $data.showDropdownDialog,
+        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $data.showDropdownDialog = $event),
+        "append-to-body": true,
+        width: "70%"
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_21, [
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: $options.saveDropdownOperate
+            }, {
+              default: withCtx(() => [..._cache[19] || (_cache[19] = [
+                createTextVNode("保存", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(_component_el_button, {
+              onClick: _cache[7] || (_cache[7] = ($event) => $data.showDropdownDialog = false)
+            }, {
+              default: withCtx(() => [..._cache[20] || (_cache[20] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_14, [
+            createElementVNode("div", _hoisted_15, [
+              createVNode(_component_draggable, {
+                list: $data.settingDropdownOperates,
+                class: "list-group",
+                "ghost-class": "ghost"
+              }, {
+                default: withCtx(() => [
+                  createVNode(TransitionGroup, {
+                    type: "transition",
+                    name: "flip-list",
+                    class: "setting-fields__select--list"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList($data.settingDropdownOperates, (operate, index) => {
+                        return openBlock(), createElementBlock("li", {
+                          class: "setting-fields__select--item",
+                          key: operate.text,
+                          onClick: ($event) => $options.selectOperateFn(operate, "dropdown")
+                        }, [
+                          createVNode(_component_el_button, {
+                            size: "default",
+                            type: operate.ui
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("i", {
+                                class: normalizeClass(["fa", operate.icon])
+                              }, null, 2),
+                              createTextVNode(toDisplayString(operate.text), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["type"]),
+                          createElementVNode("span", _hoisted_17, [
+                            createElementVNode("i", {
+                              title: "复制",
+                              class: "el-icon-copy-document",
+                              onClick: withModifiers(($event) => $options.copyDropdown(operate, index), ["stop"])
+                            }, null, 8, _hoisted_18),
+                            createElementVNode("i", {
+                              title: "删除",
+                              class: "el-icon-delete",
+                              onClick: withModifiers(($event) => $options.deleteDropdown(operate, index), ["stop"])
+                            }, null, 8, _hoisted_19)
+                          ])
+                        ], 8, _hoisted_16);
+                      }), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["list"]),
+              createVNode(_component_el_popover, { trigger: "click" }, {
+                reference: withCtx(() => [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    link: "",
+                    class: "setting-fields__select--add"
+                  }, {
+                    default: withCtx(() => [..._cache[17] || (_cache[17] = [
+                      createTextVNode("+ 添加常用按钮", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                default: withCtx(() => [
+                  createElementVNode("ul", null, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($props.commonOperates, (operate) => {
+                      return openBlock(), createElementBlock("li", {
+                        key: operate.text,
+                        class: "common-operate-item",
+                        onClick: ($event) => $options.addDropdownOperate(operate)
+                      }, toDisplayString(operate.text), 9, _hoisted_20);
+                    }), 128))
+                  ])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                link: "",
+                class: "setting-fields__select--add",
+                onClick: _cache[6] || (_cache[6] = ($event) => $options.addDropdownOperate(null))
+              }, {
+                default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                  createTextVNode("+ 添加自定义按钮", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            $data.selectDropdownOperate ? (openBlock(), createBlock(_component_operate_Item, {
+              key: $data.selectDropdownOperate.key,
+              designer: $props.designer,
+              value: $data.selectDropdownOperate,
+              "operate-tabs": $data.operateTabs,
+              metaId: $options.currentMetaId,
+              defaultRuleList: $props.ruleList,
+              defaultActionList: $props.actionList,
+              treeFieldStore: $props.treeFieldStore,
+              useProcessRight: $props.configs.useProcessRight,
+              scopeConfigs: $props.scopeConfigs,
+              onChange: $options.updateDropdownOperates
+            }, null, 8, ["designer", "value", "operate-tabs", "metaId", "defaultRuleList", "defaultActionList", "treeFieldStore", "useProcessRight", "scopeConfigs", "onChange"])) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])) : createCommentVNode("", true)
+    ])
+  ]);
+}
+const Operate = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-967a2c13"]]);
+export {
+  Operate as default
+};