@web-utils/component 2.8.15 → 2.8.17

package/properties-panel/index.mjs

@@ -1,4791 +0,0 @@
-var P = Object.defineProperty, V = Object.defineProperties;
-var z = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var R = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var h = (e, i, t) => i in e ? P(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, o = (e, i) => {
-  for (var t in i || (i = {}))
-    R.call(i, t) && h(e, t, i[t]);
-  if (b)
-    for (var t of b(i))
-      A.call(i, t) && h(e, t, i[t]);
-  return e;
-}, p = (e, i) => V(e, z(i));
-var d = (e, i, t) => new Promise((n, s) => {
-  var l = (c) => {
-    try {
-      m(t.next(c));
-    } catch (f) {
-      s(f);
-    }
-  }, r = (c) => {
-    try {
-      m(t.throw(c));
-    } catch (f) {
-      s(f);
-    }
-  }, m = (c) => c.done ? n(c.value) : Promise.resolve(c.value).then(l, r);
-  m((t = t.apply(e, i)).next());
-});
-import { n as a } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-import { debug as F } from "@web-utils/core";
-var N = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "panel-tab__content"
-  }, [t("ElForm", {
-    attrs: {
-      size: "mini",
-      "label-width": "90px"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "ID"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      disabled: e.idEditDisabled,
-      clearable: ""
-    },
-    on: {
-      change: function(n) {
-        return e.updateBaseInfo("id");
-      }
-    },
-    model: {
-      value: e.elementBaseInfo.id,
-      callback: function(n) {
-        e.$set(e.elementBaseInfo, "id", n);
-      },
-      expression: "elementBaseInfo.id"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "名称"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: function(n) {
-        return e.updateBaseInfo("name");
-      }
-    },
-    model: {
-      value: e.elementBaseInfo.name,
-      callback: function(n) {
-        e.$set(e.elementBaseInfo, "name", n);
-      },
-      expression: "elementBaseInfo.name"
-    }
-  })], 1), e.elementBaseInfo.$type === "bpmn:Process" ? [t("ElFormItem", {
-    attrs: {
-      label: "版本标签"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: function(n) {
-        return e.updateBaseInfo("versionTag");
-      }
-    },
-    model: {
-      value: e.elementBaseInfo.versionTag,
-      callback: function(n) {
-        e.$set(e.elementBaseInfo, "versionTag", n);
-      },
-      expression: "elementBaseInfo.versionTag"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "可执行"
-    }
-  }, [t("ElSwitch", {
-    attrs: {
-      "active-text": "是",
-      "inactive-text": "否"
-    },
-    on: {
-      change: function(n) {
-        return e.updateBaseInfo("isExecutable");
-      }
-    },
-    model: {
-      value: e.elementBaseInfo.isExecutable,
-      callback: function(n) {
-        e.$set(e.elementBaseInfo, "isExecutable", n);
-      },
-      expression: "elementBaseInfo.isExecutable"
-    }
-  })], 1)] : e._e(), e.elementBaseInfo.$type === "bpmn:SubProcess" ? t("ElFormItem", {
-    attrs: {
-      label: "状态"
-    }
-  }, [t("ElSwitch", {
-    attrs: {
-      "active-text": "展开",
-      "inactive-text": "折叠"
-    },
-    on: {
-      change: function(n) {
-        return e.updateBaseInfo("isExpanded");
-      }
-    },
-    model: {
-      value: e.elementBaseInfo.isExpanded,
-      callback: function(n) {
-        e.$set(e.elementBaseInfo, "isExpanded", n);
-      },
-      expression: "elementBaseInfo.isExpanded"
-    }
-  })], 1) : e._e()], 2)], 1);
-}, q = [];
-const J = {
-  name: "ElementBaseInfo",
-  props: {
-    businessObject: Object,
-    idEditDisabled: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      elementBaseInfo: {}
-    };
-  },
-  watch: {
-    businessObject: {
-      immediate: !1,
-      handler: function(e) {
-        e && this.$nextTick(() => this.resetBaseInfo());
-      }
-    }
-  },
-  beforeDestroy() {
-    this.bpmnElement = null;
-  },
-  methods: {
-    resetBaseInfo() {
-      var e, i;
-      this.bpmnElement = ((e = window == null ? void 0 : window.bpmnInstances) == null ? void 0 : e.bpmnElement) || {}, this.elementBaseInfo = JSON.parse(JSON.stringify(this.bpmnElement.businessObject)), this.elementBaseInfo && this.elementBaseInfo.$type === "bpmn:SubProcess" && this.$set(this.elementBaseInfo, "isExpanded", (i = this.elementBaseInfo.di) == null ? void 0 : i.isExpanded);
-    },
-    updateBaseInfo(e) {
-      var t;
-      if (e === "id") {
-        window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
-          id: this.elementBaseInfo[e],
-          di: { id: `${this.elementBaseInfo[e]}_di` }
-        });
-        return;
-      }
-      if (e === "isExpanded") {
-        (t = window == null ? void 0 : window.bpmnInstances) == null || t.modeling.toggleCollapse(this.bpmnElement);
-        return;
-      }
-      const i = /* @__PURE__ */ Object.create(null);
-      i[e] = this.elementBaseInfo[e], window.bpmnInstances.modeling.updateProperties(this.bpmnElement, i);
-    }
-  }
-}, v = {};
-var U = /* @__PURE__ */ a(
-  J,
-  N,
-  q,
-  !1,
-  K,
-  null,
-  null,
-  null
-);
-function K(e) {
-  for (let i in v)
-    this[i] = v[i];
-}
-const G = /* @__PURE__ */ function() {
-  return U.exports;
-}();
-var H = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "panel-tab__content"
-  }, [t("div", {
-    staticClass: "element-property input-property"
-  }, [t("div", {
-    staticClass: "element-property__label"
-  }, [e._v("元素文档：")]), t("div", {
-    staticClass: "element-property__value"
-  }, [t("ElInput", {
-    attrs: {
-      type: "textarea",
-      size: "mini",
-      resize: "vertical",
-      autosize: {
-        minRows: 2,
-        maxRows: 4
-      }
-    },
-    on: {
-      input: e.updateDocumentation,
-      blur: e.updateDocumentation
-    },
-    model: {
-      value: e.documentation,
-      callback: function(n) {
-        e.documentation = n;
-      },
-      expression: "documentation"
-    }
-  })], 1)])]);
-}, Q = [];
-const W = {
-  name: "ElementOtherConfig",
-  props: {
-    id: String
-  },
-  data() {
-    return {
-      documentation: ""
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler: function(e) {
-        e && e.length ? this.$nextTick(() => {
-          var t;
-          const i = (t = window.bpmnInstances.bpmnElement.businessObject) == null ? void 0 : t.documentation;
-          this.documentation = i && i.length ? i[0].text : "";
-        }) : this.documentation = "";
-      }
-    }
-  },
-  beforeDestroy() {
-    this.bpmnElement = null;
-  },
-  methods: {
-    updateDocumentation() {
-      this.bpmnElement && this.bpmnElement.id === this.id || (this.bpmnElement = window.bpmnInstances.elementRegistry.get(this.id));
-      const e = window.bpmnInstances.bpmnFactory.create("bpmn:Documentation", { text: this.documentation });
-      window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
-        documentation: [e]
-      });
-    }
-  }
-}, E = {};
-var X = /* @__PURE__ */ a(
-  W,
-  H,
-  Q,
-  !1,
-  Y,
-  null,
-  null,
-  null
-);
-function Y(e) {
-  for (let i in E)
-    this[i] = E[i];
-}
-const Z = /* @__PURE__ */ function() {
-  return X.exports;
-}();
-var ee = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticStyle: {
-      "margin-top": "16px"
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "处理用户"
-    }
-  }, [t("ElSelect", {
-    on: {
-      change: function(n) {
-        return e.updateElementTask("assignee");
-      }
-    },
-    model: {
-      value: e.userTaskForm.assignee,
-      callback: function(n) {
-        e.$set(e.userTaskForm, "assignee", n);
-      },
-      expression: "userTaskForm.assignee"
-    }
-  }, e._l(e.mockData, function(n) {
-    return t("ElOption", {
-      key: `ass-${n}`,
-      attrs: {
-        label: `用户${n}`,
-        value: `user${n}`
-      }
-    });
-  }), 1)], 1), t("ElFormItem", {
-    attrs: {
-      label: "候选用户"
-    }
-  }, [t("ElSelect", {
-    attrs: {
-      multiple: "",
-      "collapse-tags": ""
-    },
-    on: {
-      change: function(n) {
-        return e.updateElementTask("candidateUsers");
-      }
-    },
-    model: {
-      value: e.userTaskForm.candidateUsers,
-      callback: function(n) {
-        e.$set(e.userTaskForm, "candidateUsers", n);
-      },
-      expression: "userTaskForm.candidateUsers"
-    }
-  }, e._l(e.mockData, function(n) {
-    return t("ElOption", {
-      key: `user-${n}`,
-      attrs: {
-        label: `用户${n}`,
-        value: `user${n}`
-      }
-    });
-  }), 1)], 1), t("ElFormItem", {
-    attrs: {
-      label: "候选分组"
-    }
-  }, [t("ElSelect", {
-    attrs: {
-      multiple: "",
-      "collapse-tags": ""
-    },
-    on: {
-      change: function(n) {
-        return e.updateElementTask("candidateGroups");
-      }
-    },
-    model: {
-      value: e.userTaskForm.candidateGroups,
-      callback: function(n) {
-        e.$set(e.userTaskForm, "candidateGroups", n);
-      },
-      expression: "userTaskForm.candidateGroups"
-    }
-  }, e._l(e.mockData, function(n) {
-    return t("ElOption", {
-      key: `ass-${n}`,
-      attrs: {
-        label: `分组${n}`,
-        value: `group${n}`
-      }
-    });
-  }), 1)], 1), t("ElFormItem", {
-    attrs: {
-      label: "到期时间"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: function(n) {
-        return e.updateElementTask("dueDate");
-      }
-    },
-    model: {
-      value: e.userTaskForm.dueDate,
-      callback: function(n) {
-        e.$set(e.userTaskForm, "dueDate", n);
-      },
-      expression: "userTaskForm.dueDate"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "跟踪时间"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: function(n) {
-        return e.updateElementTask("followUpDate");
-      }
-    },
-    model: {
-      value: e.userTaskForm.followUpDate,
-      callback: function(n) {
-        e.$set(e.userTaskForm, "followUpDate", n);
-      },
-      expression: "userTaskForm.followUpDate"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "优先级"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: function(n) {
-        return e.updateElementTask("priority");
-      }
-    },
-    model: {
-      value: e.userTaskForm.priority,
-      callback: function(n) {
-        e.$set(e.userTaskForm, "priority", n);
-      },
-      expression: "userTaskForm.priority"
-    }
-  })], 1)], 1);
-}, te = [];
-const ne = {
-  name: "UserTask",
-  props: {
-    id: String
-  },
-  data() {
-    return {
-      defaultTaskForm: {
-        assignee: "",
-        candidateUsers: [],
-        candidateGroups: [],
-        dueDate: "",
-        followUpDate: "",
-        priority: ""
-      },
-      userTaskForm: {},
-      mockData: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler() {
-        this.bpmnElement = window.bpmnInstances.bpmnElement, this.$nextTick(() => this.resetTaskForm());
-      }
-    }
-  },
-  beforeDestroy() {
-    this.bpmnElement = null;
-  },
-  methods: {
-    resetTaskForm() {
-      var e, i;
-      for (const t in this.defaultTaskForm) {
-        let n;
-        t === "candidateUsers" || t === "candidateGroups" ? n = (e = this.bpmnElement) != null && e.businessObject[t] ? this.bpmnElement.businessObject[t].split(",") : [] : n = ((i = this.bpmnElement) == null ? void 0 : i.businessObject[t]) || this.defaultTaskForm[t], this.$set(this.userTaskForm, t, n);
-      }
-    },
-    updateElementTask(e) {
-      const i = /* @__PURE__ */ Object.create(null);
-      e === "candidateUsers" || e === "candidateGroups" ? i[e] = this.userTaskForm[e] && this.userTaskForm[e].length ? this.userTaskForm[e].join() : null : i[e] = this.userTaskForm[e] || null, window.bpmnInstances.modeling.updateProperties(this.bpmnElement, i);
-    }
-  }
-}, y = {};
-var ie = /* @__PURE__ */ a(
-  ne,
-  ee,
-  te,
-  !1,
-  se,
-  null,
-  null,
-  null
-);
-function se(e) {
-  for (let i in y)
-    this[i] = y[i];
-}
-const le = /* @__PURE__ */ function() {
-  return ie.exports;
-}();
-var re = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticStyle: {
-      "margin-top": "16px"
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "脚本格式"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      input: function(n) {
-        return e.updateElementTask();
-      },
-      change: function(n) {
-        return e.updateElementTask();
-      }
-    },
-    model: {
-      value: e.scriptTaskForm.scriptFormat,
-      callback: function(n) {
-        e.$set(e.scriptTaskForm, "scriptFormat", n);
-      },
-      expression: "scriptTaskForm.scriptFormat"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "脚本类型"
-    }
-  }, [t("ElSelect", {
-    model: {
-      value: e.scriptTaskForm.scriptType,
-      callback: function(n) {
-        e.$set(e.scriptTaskForm, "scriptType", n);
-      },
-      expression: "scriptTaskForm.scriptType"
-    }
-  }, [t("ElOption", {
-    attrs: {
-      label: "内联脚本",
-      value: "inline"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "外部资源",
-      value: "external"
-    }
-  })], 1)], 1), t("ElFormItem", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: e.scriptTaskForm.scriptType === "inline",
-      expression: "scriptTaskForm.scriptType === 'inline'"
-    }],
-    attrs: {
-      label: "脚本"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      type: "textarea",
-      resize: "vertical",
-      autosize: {
-        minRows: 2,
-        maxRows: 4
-      },
-      clearable: ""
-    },
-    on: {
-      input: function(n) {
-        return e.updateElementTask();
-      },
-      change: function(n) {
-        return e.updateElementTask();
-      }
-    },
-    model: {
-      value: e.scriptTaskForm.script,
-      callback: function(n) {
-        e.$set(e.scriptTaskForm, "script", n);
-      },
-      expression: "scriptTaskForm.script"
-    }
-  })], 1), t("ElFormItem", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: e.scriptTaskForm.scriptType === "external",
-      expression: "scriptTaskForm.scriptType === 'external'"
-    }],
-    attrs: {
-      label: "资源地址"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      input: function(n) {
-        return e.updateElementTask();
-      },
-      change: function(n) {
-        return e.updateElementTask();
-      }
-    },
-    model: {
-      value: e.scriptTaskForm.resource,
-      callback: function(n) {
-        e.$set(e.scriptTaskForm, "resource", n);
-      },
-      expression: "scriptTaskForm.resource"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "结果变量"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      input: function(n) {
-        return e.updateElementTask();
-      },
-      change: function(n) {
-        return e.updateElementTask();
-      }
-    },
-    model: {
-      value: e.scriptTaskForm.resultVariable,
-      callback: function(n) {
-        e.$set(e.scriptTaskForm, "resultVariable", n);
-      },
-      expression: "scriptTaskForm.resultVariable"
-    }
-  })], 1)], 1);
-}, oe = [];
-const ae = {
-  name: "ScriptTask",
-  props: {
-    id: String
-  },
-  data() {
-    return {
-      defaultTaskForm: {
-        scriptFormat: "",
-        script: "",
-        resource: "",
-        resultVariable: ""
-      },
-      scriptTaskForm: {}
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler() {
-        this.bpmnElement = window.bpmnInstances.bpmnElement, this.$nextTick(() => this.resetTaskForm());
-      }
-    }
-  },
-  beforeDestroy() {
-    this.bpmnElement = null;
-  },
-  methods: {
-    resetTaskForm() {
-      var e;
-      for (const i in this.defaultTaskForm) {
-        const t = ((e = this.bpmnElement) == null ? void 0 : e.businessObject[i]) || this.defaultTaskForm[i];
-        this.$set(this.scriptTaskForm, i, t);
-      }
-      this.$set(this.scriptTaskForm, "scriptType", this.scriptTaskForm.script ? "inline" : "external");
-    },
-    updateElementTask() {
-      const e = /* @__PURE__ */ Object.create(null);
-      e.scriptFormat = this.scriptTaskForm.scriptFormat || null, e.resultVariable = this.scriptTaskForm.resultVariable || null, this.scriptTaskForm.scriptType === "inline" ? (e.script = this.scriptTaskForm.script || null, e.resource = null) : (e.resource = this.scriptTaskForm.resource || null, e.script = null), window.bpmnInstances.modeling.updateProperties(this.bpmnElement, e);
-    }
-  }
-}, x = {};
-var me = /* @__PURE__ */ a(
-  ae,
-  re,
-  oe,
-  !1,
-  ce,
-  null,
-  null,
-  null
-);
-function ce(e) {
-  for (let i in x)
-    this[i] = x[i];
-}
-const pe = /* @__PURE__ */ function() {
-  return me.exports;
-}();
-var de = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticStyle: {
-      "margin-top": "16px"
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "消息实例"
-    }
-  }, [t("div", {
-    staticStyle: {
-      display: "flex",
-      "flex-wrap": "nowrap",
-      "align-items": "center",
-      "justify-content": "space-between"
-    }
-  }, [t("ElSelect", {
-    on: {
-      change: e.updateTaskMessage
-    },
-    model: {
-      value: e.bindMessageId,
-      callback: function(n) {
-        e.bindMessageId = n;
-      },
-      expression: "bindMessageId"
-    }
-  }, e._l(Object.keys(e.messageMap), function(n) {
-    return t("ElOption", {
-      key: n,
-      attrs: {
-        value: n,
-        label: e.messageMap[n]
-      }
-    });
-  }), 1), t("ElButton", {
-    staticStyle: {
-      "margin-left": "8px"
-    },
-    attrs: {
-      size: "mini",
-      type: "primary",
-      icon: "el-icon-plus"
-    },
-    on: {
-      click: e.openMessageModel
-    }
-  })], 1)]), t("ElementDialog", {
-    attrs: {
-      visible: e.messageModelVisible,
-      "close-on-click-modal": !1,
-      title: "创建新消息",
-      width: "400px",
-      "append-to-body": "",
-      "destroy-on-close": ""
-    },
-    on: {
-      "update:visible": function(n) {
-        e.messageModelVisible = n;
-      }
-    },
-    scopedSlots: e._u([{
-      key: "footer",
-      fn: function() {
-        return [t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "primary"
-          },
-          on: {
-            click: e.createNewMessage
-          }
-        }, [e._v("确 认")])];
-      },
-      proxy: !0
-    }])
-  }, [t("ElForm", {
-    attrs: {
-      model: e.newMessageForm,
-      size: "mini",
-      "label-width": "90px"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "消息ID"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.newMessageForm.id,
-      callback: function(n) {
-        e.$set(e.newMessageForm, "id", n);
-      },
-      expression: "newMessageForm.id"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "消息名称"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.newMessageForm.name,
-      callback: function(n) {
-        e.$set(e.newMessageForm, "name", n);
-      },
-      expression: "newMessageForm.name"
-    }
-  })], 1)], 1)], 1)], 1);
-}, ue = [];
-const fe = {
-  name: "ReceiveTask",
-  props: {
-    id: String
-  },
-  data() {
-    return {
-      bindMessageId: "",
-      newMessageForm: {},
-      messageMap: {},
-      messageModelVisible: !1
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler() {
-        this.$nextTick(() => this.getBindMessage());
-      }
-    }
-  },
-  created() {
-    this.bpmnMessageRefsMap = /* @__PURE__ */ Object.create(null), this.bpmnRootElements = window.bpmnInstances.modeler.getDefinitions().rootElements, this.bpmnRootElements.filter((e) => e.$type === "bpmn:Message").forEach((e) => {
-      this.bpmnMessageRefsMap[e.id] = e, this.$set(this.messageMap, e.id, e.name);
-    }), this.$set(this.messageMap, "-1", "无");
-  },
-  beforeDestroy() {
-    this.bpmnElement = null;
-  },
-  methods: {
-    getBindMessage() {
-      var e, i;
-      this.bpmnElement = window.bpmnInstances.bpmnElement, this.bindMessageId = ((i = (e = this.bpmnElement.businessObject) == null ? void 0 : e.messageRef) == null ? void 0 : i.id) || "-1";
-    },
-    openMessageModel() {
-      this.messageModelVisible = !0, this.newMessageForm = {};
-    },
-    createNewMessage() {
-      if (this.messageMap[this.newMessageForm.id]) {
-        this.$message.error("该消息已存在，请修改id后重新保存");
-        return;
-      }
-      const e = window.bpmnInstances.moddle.create("bpmn:Message", this.newMessageForm);
-      this.bpmnRootElements.push(e), this.$set(this.messageMap, this.newMessageForm.id, this.newMessageForm.name), this.bpmnMessageRefsMap[this.newMessageForm.id] = e, this.messageModelVisible = !1;
-    },
-    updateTaskMessage(e) {
-      e === "-1" ? window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
-        messageRef: null
-      }) : window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
-        messageRef: this.bpmnMessageRefsMap[e]
-      });
-    }
-  }
-}, g = {};
-var be = /* @__PURE__ */ a(
-  fe,
-  de,
-  ue,
-  !1,
-  he,
-  null,
-  null,
-  null
-);
-function he(e) {
-  for (let i in g)
-    this[i] = g[i];
-}
-const Fe = /* @__PURE__ */ function() {
-  return be.exports;
-}();
-var ve = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "panel-tab__content"
-  }, [t("ElForm", {
-    attrs: {
-      size: "mini",
-      "label-width": "90px"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "异步延续"
-    }
-  }, [t("ElCheckbox", {
-    attrs: {
-      label: "异步前"
-    },
-    on: {
-      change: e.changeTaskAsync
-    },
-    model: {
-      value: e.taskConfigForm.asyncBefore,
-      callback: function(n) {
-        e.$set(e.taskConfigForm, "asyncBefore", n);
-      },
-      expression: "taskConfigForm.asyncBefore"
-    }
-  }), t("ElCheckbox", {
-    attrs: {
-      label: "异步后"
-    },
-    on: {
-      change: e.changeTaskAsync
-    },
-    model: {
-      value: e.taskConfigForm.asyncAfter,
-      callback: function(n) {
-        e.$set(e.taskConfigForm, "asyncAfter", n);
-      },
-      expression: "taskConfigForm.asyncAfter"
-    }
-  }), e.taskConfigForm.asyncAfter || e.taskConfigForm.asyncBefore ? t("ElCheckbox", {
-    attrs: {
-      label: "排除"
-    },
-    on: {
-      change: e.changeTaskAsync
-    },
-    model: {
-      value: e.taskConfigForm.exclusive,
-      callback: function(n) {
-        e.$set(e.taskConfigForm, "exclusive", n);
-      },
-      expression: "taskConfigForm.exclusive"
-    }
-  }) : e._e()], 1), t(e.witchTaskComponent, e._b({
-    tag: "Component"
-  }, "Component", e.$props, !1))], 1)], 1);
-}, Ee = [];
-const ye = {
-  name: "ElementTaskConfig",
-  components: { UserTask: le, ScriptTask: pe, ReceiveTask: Fe },
-  props: {
-    id: String,
-    type: String
-  },
-  data() {
-    return {
-      taskConfigForm: {
-        asyncAfter: !1,
-        asyncBefore: !1,
-        exclusive: !1
-      },
-      witchTaskComponent: "",
-      installedComponent: {
-        // 手工任务与普通任务一致，不需要其他配置
-        // 接收消息任务，需要在全局下插入新的消息实例，并在该节点下的 messageRef 属性绑定该实例
-        // 发送任务、服务任务、业务规则任务共用一个相同配置
-        UserTask: "UserTask",
-        // 用户任务配置
-        ScriptTask: "ScriptTask",
-        // 脚本任务配置
-        ReceiveTask: "ReceiveTask"
-        // 消息接收任务
-      }
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler() {
-        var e, i, t, n, s, l;
-        this.bpmnElement = window.bpmnInstances.bpmnElement, this.taskConfigForm.asyncBefore = (i = (e = this.bpmnElement) == null ? void 0 : e.businessObject) == null ? void 0 : i.asyncBefore, this.taskConfigForm.asyncAfter = (n = (t = this.bpmnElement) == null ? void 0 : t.businessObject) == null ? void 0 : n.asyncAfter, this.taskConfigForm.exclusive = (l = (s = this.bpmnElement) == null ? void 0 : s.businessObject) == null ? void 0 : l.exclusive;
-      }
-    },
-    type: {
-      immediate: !0,
-      handler() {
-        this.witchTaskComponent = this.installedComponent[this.type];
-      }
-    }
-  },
-  methods: {
-    changeTaskAsync() {
-      !this.taskConfigForm.asyncBefore && !this.taskConfigForm.asyncAfter && (this.taskConfigForm.exclusive = !1), window.bpmnInstances.modeling.updateProperties(window.bpmnInstances.bpmnElement, o({}, this.taskConfigForm));
-    }
-  }
-}, _ = {};
-var xe = /* @__PURE__ */ a(
-  ye,
-  ve,
-  Ee,
-  !1,
-  ge,
-  null,
-  null,
-  null
-);
-function ge(e) {
-  for (let i in _)
-    this[i] = _[i];
-}
-const _e = /* @__PURE__ */ function() {
-  return xe.exports;
-}();
-var we = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "panel-tab__content"
-  }, [t("ElForm", {
-    attrs: {
-      size: "mini",
-      "label-width": "90px"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "回路特性"
-    }
-  }, [t("ElSelect", {
-    on: {
-      change: e.changeLoopCharacteristicsType
-    },
-    model: {
-      value: e.loopCharacteristics,
-      callback: function(n) {
-        e.loopCharacteristics = n;
-      },
-      expression: "loopCharacteristics"
-    }
-  }, [t("ElOption", {
-    attrs: {
-      label: "并行多重事件",
-      value: "ParallelMultiInstance"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "时序多重事件",
-      value: "SequentialMultiInstance"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "循环事件",
-      value: "StandardLoop"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "无",
-      value: "Null"
-    }
-  })], 1)], 1), e.loopCharacteristics === "ParallelMultiInstance" || e.loopCharacteristics === "SequentialMultiInstance" ? [t("ElFormItem", {
-    key: "loopCardinality",
-    attrs: {
-      label: "循环基数"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: e.updateLoopCardinality
-    },
-    model: {
-      value: e.loopInstanceForm.loopCardinality,
-      callback: function(n) {
-        e.$set(e.loopInstanceForm, "loopCardinality", n);
-      },
-      expression: "loopInstanceForm.loopCardinality"
-    }
-  })], 1), t("ElFormItem", {
-    key: "collection",
-    attrs: {
-      label: "集合"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: e.updateLoopBase
-    },
-    model: {
-      value: e.loopInstanceForm.collection,
-      callback: function(n) {
-        e.$set(e.loopInstanceForm, "collection", n);
-      },
-      expression: "loopInstanceForm.collection"
-    }
-  })], 1), t("ElFormItem", {
-    key: "elementVariable",
-    attrs: {
-      label: "元素变量"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: e.updateLoopBase
-    },
-    model: {
-      value: e.loopInstanceForm.elementVariable,
-      callback: function(n) {
-        e.$set(e.loopInstanceForm, "elementVariable", n);
-      },
-      expression: "loopInstanceForm.elementVariable"
-    }
-  })], 1), t("ElFormItem", {
-    key: "completionCondition",
-    attrs: {
-      label: "完成条件"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: e.updateLoopCondition
-    },
-    model: {
-      value: e.loopInstanceForm.completionCondition,
-      callback: function(n) {
-        e.$set(e.loopInstanceForm, "completionCondition", n);
-      },
-      expression: "loopInstanceForm.completionCondition"
-    }
-  })], 1), t("ElFormItem", {
-    key: "async",
-    attrs: {
-      label: "异步状态"
-    }
-  }, [t("ElCheckbox", {
-    attrs: {
-      label: "异步前"
-    },
-    on: {
-      change: function(n) {
-        return e.updateLoopAsync("asyncBefore");
-      }
-    },
-    model: {
-      value: e.loopInstanceForm.asyncBefore,
-      callback: function(n) {
-        e.$set(e.loopInstanceForm, "asyncBefore", n);
-      },
-      expression: "loopInstanceForm.asyncBefore"
-    }
-  }), t("ElCheckbox", {
-    attrs: {
-      label: "异步后"
-    },
-    on: {
-      change: function(n) {
-        return e.updateLoopAsync("asyncAfter");
-      }
-    },
-    model: {
-      value: e.loopInstanceForm.asyncAfter,
-      callback: function(n) {
-        e.$set(e.loopInstanceForm, "asyncAfter", n);
-      },
-      expression: "loopInstanceForm.asyncAfter"
-    }
-  }), e.loopInstanceForm.asyncAfter || e.loopInstanceForm.asyncBefore ? t("ElCheckbox", {
-    attrs: {
-      label: "排除"
-    },
-    on: {
-      change: function(n) {
-        return e.updateLoopAsync("exclusive");
-      }
-    },
-    model: {
-      value: e.loopInstanceForm.exclusive,
-      callback: function(n) {
-        e.$set(e.loopInstanceForm, "exclusive", n);
-      },
-      expression: "loopInstanceForm.exclusive"
-    }
-  }) : e._e()], 1), e.loopInstanceForm.asyncAfter || e.loopInstanceForm.asyncBefore ? t("ElFormItem", {
-    key: "timeCycle",
-    attrs: {
-      label: "重试周期",
-      prop: "timeCycle"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: e.updateLoopTimeCycle
-    },
-    model: {
-      value: e.loopInstanceForm.timeCycle,
-      callback: function(n) {
-        e.$set(e.loopInstanceForm, "timeCycle", n);
-      },
-      expression: "loopInstanceForm.timeCycle"
-    }
-  })], 1) : e._e()] : e._e()], 2)], 1);
-}, Ie = [];
-const Te = {
-  name: "ElementMultiInstance",
-  inject: {
-    prefix: "prefix"
-  },
-  props: {
-    businessObject: Object
-  },
-  data() {
-    return {
-      loopCharacteristics: "",
-      // 默认配置，用来覆盖原始不存在的选项，避免报错
-      defaultLoopInstanceForm: {
-        completionCondition: "",
-        loopCardinality: "",
-        extensionElements: [],
-        asyncAfter: !1,
-        asyncBefore: !1,
-        exclusive: !1
-      },
-      loopInstanceForm: {}
-    };
-  },
-  watch: {
-    businessObject: {
-      immediate: !0,
-      handler(e) {
-        this.bpmnElement = window.bpmnInstances.bpmnElement, this.getElementLoop(e);
-      }
-    }
-  },
-  beforeDestroy() {
-    this.multiLoopInstance = null, this.bpmnElement = null;
-  },
-  methods: {
-    getElementLoop(e) {
-      var i, t, n, s, l, r;
-      if (!e.loopCharacteristics) {
-        this.loopCharacteristics = "Null", this.loopInstanceForm = {};
-        return;
-      }
-      if (e.loopCharacteristics.$type === "bpmn:StandardLoopCharacteristics") {
-        this.loopCharacteristics = "StandardLoop", this.loopInstanceForm = {};
-        return;
-      }
-      e.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = p(o(o({}, this.defaultLoopInstanceForm), e.loopCharacteristics), {
-        completionCondition: (n = (t = (i = e.loopCharacteristics) == null ? void 0 : i.completionCondition) == null ? void 0 : t.body) != null ? n : "",
-        loopCardinality: (r = (l = (s = e.loopCharacteristics) == null ? void 0 : s.loopCardinality) == null ? void 0 : l.body) != null ? r : ""
-      }), this.multiLoopInstance = window.bpmnInstances.bpmnElement.businessObject.loopCharacteristics, e.loopCharacteristics.extensionElements && e.loopCharacteristics.extensionElements.values && e.loopCharacteristics.extensionElements.values.length && this.$set(this.loopInstanceForm, "timeCycle", e.loopCharacteristics.extensionElements.values[0].body);
-    },
-    changeLoopCharacteristicsType(e) {
-      if (e === "Null") {
-        window.bpmnInstances.modeling.updateProperties(this.bpmnElement, { loopCharacteristics: null });
-        return;
-      }
-      if (e === "StandardLoop") {
-        const i = window.bpmnInstances.moddle.create("bpmn:StandardLoopCharacteristics");
-        window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
-          loopCharacteristics: i
-        }), this.multiLoopInstance = null;
-        return;
-      }
-      e === "SequentialMultiInstance" ? this.multiLoopInstance = window.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics", {
-        isSequential: !0
-      }) : this.multiLoopInstance = window.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics"), window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
-        loopCharacteristics: this.multiLoopInstance
-      });
-    },
-    // 循环基数
-    updateLoopCardinality(e) {
-      let i = null;
-      e && e.length && (i = window.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: e })), window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.multiLoopInstance, {
-        loopCardinality: i
-      });
-    },
-    // 完成条件
-    updateLoopCondition(e) {
-      let i = null;
-      e && e.length && (i = window.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: e })), window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.multiLoopInstance, {
-        completionCondition: i
-      });
-    },
-    // 重试周期
-    updateLoopTimeCycle(e) {
-      const i = window.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
-        values: [
-          window.bpmnInstances.moddle.create(`${this.prefix}:FailedJobRetryTimeCycle`, {
-            body: e
-          })
-        ]
-      });
-      window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.multiLoopInstance, {
-        extensionElements: i
-      });
-    },
-    // 直接更新的基础信息
-    updateLoopBase() {
-      window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.multiLoopInstance, {
-        collection: this.loopInstanceForm.collection || null,
-        elementVariable: this.loopInstanceForm.elementVariable || null
-      });
-    },
-    // 各异步状态
-    updateLoopAsync(e) {
-      const { asyncBefore: i, asyncAfter: t } = this.loopInstanceForm;
-      let n = /* @__PURE__ */ Object.create(null);
-      !i && !t ? (this.$set(this.loopInstanceForm, "exclusive", !1), n = { asyncBefore: !1, asyncAfter: !1, exclusive: !1, extensionElements: null }) : n[e] = this.loopInstanceForm[e], window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.multiLoopInstance, n);
-    }
-  }
-}, w = {};
-var ke = /* @__PURE__ */ a(
-  Te,
-  we,
-  Ie,
-  !1,
-  $e,
-  null,
-  null,
-  null
-);
-function $e(e) {
-  for (let i in w)
-    this[i] = w[i];
-}
-const Ce = /* @__PURE__ */ function() {
-  return ke.exports;
-}();
-var Le = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "panel-tab__content"
-  }, [t("ElForm", {
-    attrs: {
-      model: e.flowConditionForm,
-      "label-width": "90px",
-      size: "mini"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "流转类型"
-    }
-  }, [t("ElSelect", {
-    on: {
-      change: e.updateFlowType
-    },
-    model: {
-      value: e.flowConditionForm.type,
-      callback: function(n) {
-        e.$set(e.flowConditionForm, "type", n);
-      },
-      expression: "flowConditionForm.type"
-    }
-  }, [t("ElOption", {
-    attrs: {
-      label: "普通流转路径",
-      value: "normal"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "默认流转路径",
-      value: "default"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "条件流转路径",
-      value: "condition"
-    }
-  })], 1)], 1), e.flowConditionForm.type === "condition" ? t("ElFormItem", {
-    key: "condition",
-    attrs: {
-      label: "条件格式"
-    }
-  }, [t("ElSelect", {
-    model: {
-      value: e.flowConditionForm.conditionType,
-      callback: function(n) {
-        e.$set(e.flowConditionForm, "conditionType", n);
-      },
-      expression: "flowConditionForm.conditionType"
-    }
-  }, [t("ElOption", {
-    attrs: {
-      label: "表达式",
-      value: "expression"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "脚本",
-      value: "script"
-    }
-  })], 1)], 1) : e._e(), e.flowConditionForm.conditionType && e.flowConditionForm.conditionType === "expression" ? t("ElFormItem", {
-    key: "express",
-    attrs: {
-      label: "表达式"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: e.updateFlowCondition
-    },
-    model: {
-      value: e.flowConditionForm.body,
-      callback: function(n) {
-        e.$set(e.flowConditionForm, "body", n);
-      },
-      expression: "flowConditionForm.body"
-    }
-  })], 1) : e._e(), e.flowConditionForm.conditionType && e.flowConditionForm.conditionType === "script" ? [t("ElFormItem", {
-    key: "language",
-    attrs: {
-      label: "脚本语言"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: e.updateFlowCondition
-    },
-    model: {
-      value: e.flowConditionForm.language,
-      callback: function(n) {
-        e.$set(e.flowConditionForm, "language", n);
-      },
-      expression: "flowConditionForm.language"
-    }
-  })], 1), t("ElFormItem", {
-    key: "scriptType",
-    attrs: {
-      label: "脚本类型"
-    }
-  }, [t("ElSelect", {
-    model: {
-      value: e.flowConditionForm.scriptType,
-      callback: function(n) {
-        e.$set(e.flowConditionForm, "scriptType", n);
-      },
-      expression: "flowConditionForm.scriptType"
-    }
-  }, [t("ElOption", {
-    attrs: {
-      label: "内联脚本",
-      value: "inlineScript"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "外部脚本",
-      value: "externalScript"
-    }
-  })], 1)], 1), e.flowConditionForm.scriptType === "inlineScript" ? t("ElFormItem", {
-    key: "body",
-    attrs: {
-      label: "脚本"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      type: "textarea",
-      clearable: ""
-    },
-    on: {
-      change: e.updateFlowCondition
-    },
-    model: {
-      value: e.flowConditionForm.body,
-      callback: function(n) {
-        e.$set(e.flowConditionForm, "body", n);
-      },
-      expression: "flowConditionForm.body"
-    }
-  })], 1) : e._e(), e.flowConditionForm.scriptType === "externalScript" ? t("ElFormItem", {
-    key: "resource",
-    attrs: {
-      label: "资源地址"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: e.updateFlowCondition
-    },
-    model: {
-      value: e.flowConditionForm.resource,
-      callback: function(n) {
-        e.$set(e.flowConditionForm, "resource", n);
-      },
-      expression: "flowConditionForm.resource"
-    }
-  })], 1) : e._e()] : e._e()], 2)], 1);
-}, Oe = [];
-const Se = {
-  name: "FlowCondition",
-  props: {
-    businessObject: Object
-  },
-  data() {
-    return {
-      flowConditionForm: {}
-    };
-  },
-  watch: {
-    businessObject: {
-      immediate: !0,
-      handler() {
-        this.$nextTick(() => this.resetFlowCondition());
-      }
-    }
-  },
-  beforeDestroy() {
-    this.bpmnElement = null, this.bpmnElementSource = null, this.bpmnElementSourceRef = null;
-  },
-  methods: {
-    resetFlowCondition() {
-      if (this.bpmnElement = window.bpmnInstances.bpmnElement, this.bpmnElementSource = this.bpmnElement.source, this.bpmnElementSourceRef = this.bpmnElement.businessObject.sourceRef, this.bpmnElementSourceRef && this.bpmnElementSourceRef.default && this.bpmnElementSourceRef.default.id === this.bpmnElement.id)
-        this.flowConditionForm = { type: "default" };
-      else if (!this.bpmnElement.businessObject.conditionExpression)
-        this.flowConditionForm = { type: "normal" };
-      else {
-        const e = this.bpmnElement.businessObject.conditionExpression;
-        if (this.flowConditionForm = p(o({}, e), { type: "condition" }), this.flowConditionForm.resource) {
-          this.$set(this.flowConditionForm, "conditionType", "script"), this.$set(this.flowConditionForm, "scriptType", "externalScript");
-          return;
-        }
-        if (e.language) {
-          this.$set(this.flowConditionForm, "conditionType", "script"), this.$set(this.flowConditionForm, "scriptType", "inlineScript");
-          return;
-        }
-        this.$set(this.flowConditionForm, "conditionType", "expression");
-      }
-    },
-    updateFlowType(e) {
-      if (e === "condition") {
-        this.flowConditionRef = window.bpmnInstances.moddle.create("bpmn:FormalExpression"), window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
-          conditionExpression: this.flowConditionRef
-        });
-        return;
-      }
-      if (e === "default") {
-        window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
-          conditionExpression: null
-        }), window.bpmnInstances.modeling.updateProperties(this.bpmnElementSource, {
-          default: this.bpmnElement
-        });
-        return;
-      }
-      this.bpmnElementSourceRef.default && this.bpmnElementSourceRef.default.id === this.bpmnElement.id && window.bpmnInstances.modeling.updateProperties(this.bpmnElementSource, {
-        default: null
-      }), window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
-        conditionExpression: null
-      });
-    },
-    updateFlowCondition() {
-      const { conditionType: e, scriptType: i, body: t, resource: n, language: s } = this.flowConditionForm;
-      let l;
-      e === "expression" ? l = window.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: t }) : i === "inlineScript" ? (l = window.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: t, language: s }), this.$set(this.flowConditionForm, "resource", "")) : (this.$set(this.flowConditionForm, "body", ""), l = window.bpmnInstances.moddle.create("bpmn:FormalExpression", { resource: n, language: s })), window.bpmnInstances.modeling.updateProperties(this.bpmnElement, { conditionExpression: l });
-    }
-  }
-}, I = {};
-var Me = /* @__PURE__ */ a(
-  Se,
-  Le,
-  Oe,
-  !1,
-  Be,
-  null,
-  null,
-  null
-);
-function Be(e) {
-  for (let i in I)
-    this[i] = I[i];
-}
-const De = /* @__PURE__ */ function() {
-  return Me.exports;
-}();
-var je = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "panel-tab__content"
-  }, [t("div", {
-    staticClass: "panel-tab__content--title"
-  }, [e._m(0), t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary",
-      icon: "el-icon-plus"
-    },
-    on: {
-      click: function(n) {
-        return e.openModel("message");
-      }
-    }
-  }, [e._v("创建新消息")])], 1), t("ElTable", {
-    attrs: {
-      data: e.messageList,
-      size: "mini",
-      border: ""
-    }
-  }, [t("ElTableColumn", {
-    attrs: {
-      type: "index",
-      label: "序号",
-      width: "60px"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "消息ID",
-      prop: "id",
-      "max-width": "300px",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "消息名称",
-      prop: "name",
-      "max-width": "300px",
-      "show-overflow-tooltip": ""
-    }
-  })], 1), t("div", {
-    staticClass: "panel-tab__content--title",
-    staticStyle: {
-      "margin-top": "8px",
-      "padding-top": "8px",
-      "border-top": "1px solid #eee"
-    }
-  }, [e._m(1), t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary",
-      icon: "el-icon-plus"
-    },
-    on: {
-      click: function(n) {
-        return e.openModel("signal");
-      }
-    }
-  }, [e._v("创建新信号")])], 1), t("ElTable", {
-    attrs: {
-      data: e.signalList,
-      size: "mini",
-      border: ""
-    }
-  }, [t("ElTableColumn", {
-    attrs: {
-      type: "index",
-      label: "序号",
-      width: "60px"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "信号ID",
-      prop: "id",
-      "max-width": "300px",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "信号名称",
-      prop: "name",
-      "max-width": "300px",
-      "show-overflow-tooltip": ""
-    }
-  })], 1), t("ElementDialog", {
-    attrs: {
-      visible: e.modelVisible,
-      title: e.modelConfig.title,
-      "close-on-click-modal": !1,
-      width: "400px",
-      "append-to-body": "",
-      "destroy-on-close": ""
-    },
-    on: {
-      "update:visible": function(n) {
-        e.modelVisible = n;
-      }
-    },
-    scopedSlots: e._u([{
-      key: "footer",
-      fn: function() {
-        return [t("ElButton", {
-          attrs: {
-            size: "mini"
-          },
-          on: {
-            click: function(n) {
-              e.modelVisible = !1;
-            }
-          }
-        }, [e._v("取 消")]), t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "primary"
-          },
-          on: {
-            click: e.addNewObject
-          }
-        }, [e._v("保 存")])];
-      },
-      proxy: !0
-    }])
-  }, [t("ElForm", {
-    attrs: {
-      model: e.modelObjectForm,
-      size: "mini",
-      "label-width": "90px"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: e.modelConfig.idLabel
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.modelObjectForm.id,
-      callback: function(n) {
-        e.$set(e.modelObjectForm, "id", n);
-      },
-      expression: "modelObjectForm.id"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: e.modelConfig.nameLabel
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.modelObjectForm.name,
-      callback: function(n) {
-        e.$set(e.modelObjectForm, "name", n);
-      },
-      expression: "modelObjectForm.name"
-    }
-  })], 1)], 1)], 1)], 1);
-}, Pe = [function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("span", [t("i", {
-    staticClass: "el-icon-menu",
-    staticStyle: {
-      "margin-right": "8px",
-      color: "#555"
-    }
-  }), e._v("消息列表")]);
-}, function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("span", [t("i", {
-    staticClass: "el-icon-menu",
-    staticStyle: {
-      "margin-right": "8px",
-      color: "#555"
-    }
-  }), e._v("信号列表")]);
-}];
-const Ve = {
-  name: "SignalAndMessage",
-  data() {
-    return {
-      signalList: [],
-      messageList: [],
-      modelVisible: !1,
-      modelType: "",
-      modelObjectForm: {}
-    };
-  },
-  computed: {
-    modelConfig() {
-      return this.modelType === "message" ? { title: "创建消息", idLabel: "消息ID", nameLabel: "消息名称" } : { title: "创建信号", idLabel: "信号ID", nameLabel: "信号名称" };
-    }
-  },
-  mounted() {
-    this.initDataList();
-  },
-  methods: {
-    initDataList() {
-      this.rootElements = window.bpmnInstances.modeler.getDefinitions().rootElements, this.messageIdMap = {}, this.signalIdMap = {}, this.messageList = [], this.signalList = [], this.rootElements.forEach((e) => {
-        e.$type === "bpmn:Message" && (this.messageIdMap[e.id] = !0, this.messageList.push(o({}, e))), e.$type === "bpmn:Signal" && (this.signalIdMap[e.id] = !0, this.signalList.push(o({}, e)));
-      });
-    },
-    openModel(e) {
-      this.modelType = e, this.modelObjectForm = {}, this.modelVisible = !0;
-    },
-    addNewObject() {
-      if (this.modelType === "message") {
-        if (this.messageIdMap[this.modelObjectForm.id])
-          return this.$message.error("该消息已存在，请修改id后重新保存");
-        const e = window.bpmnInstances.moddle.create("bpmn:Message", this.modelObjectForm);
-        this.rootElements.push(e);
-      } else {
-        if (this.signalIdMap[this.modelObjectForm.id])
-          return this.$message.error("该信号已存在，请修改id后重新保存");
-        const e = window.bpmnInstances.moddle.create("bpmn:Signal", this.modelObjectForm);
-        this.rootElements.push(e);
-      }
-      this.modelVisible = !1, this.initDataList();
-    }
-  }
-}, T = {};
-var ze = /* @__PURE__ */ a(
-  Ve,
-  je,
-  Pe,
-  !1,
-  Re,
-  null,
-  null,
-  null
-);
-function Re(e) {
-  for (let i in T)
-    this[i] = T[i];
-}
-const Ae = /* @__PURE__ */ function() {
-  return ze.exports;
-}();
-function S(e, i, t) {
-  const n = /* @__PURE__ */ Object.create(null);
-  switch (n.event = e.event, i && (n.id = e.id), e.listenerType) {
-    case "scriptListener":
-      n.script = qe(e, t);
-      break;
-    case "expressionListener":
-      n.expression = e.expression;
-      break;
-    case "delegateExpressionListener":
-      n.delegateExpression = e.delegateExpression;
-      break;
-    default:
-      n.class = e.class;
-  }
-  if (e.fields && (n.fields = e.fields.map((s) => Ne(s, t))), i && e.event === "timeout" && e.eventDefinitionType) {
-    const s = window.bpmnInstances.moddle.create("bpmn:FormalExpression", {
-      body: e.eventTimeDefinitions
-    }), l = window.bpmnInstances.moddle.create("bpmn:TimerEventDefinition", {
-      id: `TimerEventDefinition_${Je(8)}`,
-      [`time${e.eventDefinitionType.replace(/^\S/, (r) => r.toUpperCase())}`]: s
-    });
-    n.eventDefinitions = [l];
-  }
-  return window.bpmnInstances.moddle.create(`${t}:${i ? "TaskListener" : "ExecutionListener"}`, n);
-}
-function Ne(e, i) {
-  const { name: t, fieldType: n, string: s, expression: l } = e, r = n === "string" ? { name: t, string: s } : { name: t, expression: l };
-  return window.bpmnInstances.moddle.create(`${i}:Field`, r);
-}
-function qe(e, i) {
-  const { scriptType: t, scriptFormat: n, value: s, resource: l } = e, r = t === "inlineScript" ? { scriptFormat: n, value: s } : { scriptFormat: n, resource: l };
-  return window.bpmnInstances.moddle.create(`${i}:Script`, r);
-}
-function u(e, i) {
-  const t = window.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
-    values: i
-  });
-  window.bpmnInstances.modeling.updateProperties(e, {
-    extensionElements: t
-  });
-}
-function Je(e = 8, i) {
-  let t = "";
-  const n = i || "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
-  for (let s = e; s > 0; --s)
-    t += n[Math.floor(Math.random() * n.length)];
-  return t;
-}
-function M(e) {
-  let i = o({}, e);
-  if (e.script && (i = p(o(o({}, e), e.script), {
-    scriptType: e.script.resource ? "externalScript" : "inlineScript"
-  })), e.event === "timeout" && e.eventDefinitions && e.eventDefinitions.length) {
-    let t = "";
-    for (const n in e.eventDefinitions[0])
-      console.log(e.eventDefinitions, n), n.indexOf("time") !== -1 && (t = n, i.eventDefinitionType = n.replace("time", "").toLowerCase());
-    console.log(t), i.eventTimeDefinitions = e.eventDefinitions[0][t].body;
-  }
-  return i;
-}
-function B(e) {
-  var t;
-  let i;
-  return e.class && (i = "classListener"), e.expression && (i = "expressionListener"), e.delegateExpression && (i = "delegateExpressionListener"), e.script && (i = "scriptListener"), p(o(o({}, JSON.parse(JSON.stringify(e))), (t = e.script) != null ? t : {}), {
-    listenerType: i
-  });
-}
-const D = {
-  classListener: "Java 类",
-  expressionListener: "表达式",
-  delegateExpressionListener: "代理表达式",
-  scriptListener: "脚本"
-}, Ue = {
-  create: "创建",
-  assignment: "指派",
-  complete: "完成",
-  delete: "删除",
-  update: "更新",
-  timeout: "超时"
-}, j = {
-  string: "字符串",
-  expression: "表达式"
-};
-var Ke = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "panel-tab__content"
-  }, [t("ElTable", {
-    attrs: {
-      data: e.elementListenersList,
-      size: "mini",
-      border: ""
-    }
-  }, [t("ElTableColumn", {
-    attrs: {
-      label: "序号",
-      width: "50px",
-      type: "index"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "事件类型",
-      "min-width": "100px",
-      prop: "event"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "监听器类型",
-      "min-width": "100px",
-      "show-overflow-tooltip": "",
-      formatter: function(n) {
-        return e.listenerTypeObject[n.listenerType];
-      }
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "操作",
-      width: "90px"
-    },
-    scopedSlots: e._u([{
-      key: "default",
-      fn: function(n) {
-        var s = n.row, l = n.$index;
-        return [t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.openListenerForm(s, l);
-            }
-          }
-        }, [e._v("编辑")]), t("ElDivider", {
-          attrs: {
-            direction: "vertical"
-          }
-        }), t("ElButton", {
-          staticStyle: {
-            color: "#ff4d4f"
-          },
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.removeListener(s, l);
-            }
-          }
-        }, [e._v("移除")])];
-      }
-    }])
-  })], 1), t("div", {
-    staticClass: "element-drawer__button"
-  }, [t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary",
-      icon: "el-icon-plus"
-    },
-    on: {
-      click: function(n) {
-        return e.openListenerForm(null);
-      }
-    }
-  }, [e._v("添加监听器")])], 1), t("ElDrawer", {
-    attrs: {
-      visible: e.listenerFormModelVisible,
-      title: "执行监听器",
-      size: `${e.width}px`,
-      "append-to-body": "",
-      "destroy-on-close": ""
-    },
-    on: {
-      "update:visible": function(n) {
-        e.listenerFormModelVisible = n;
-      }
-    }
-  }, [t("ElForm", {
-    ref: "listenerFormRef",
-    attrs: {
-      size: "mini",
-      model: e.listenerForm,
-      "label-width": "96px"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "事件类型",
-      prop: "event",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElSelect", {
-    model: {
-      value: e.listenerForm.event,
-      callback: function(n) {
-        e.$set(e.listenerForm, "event", n);
-      },
-      expression: "listenerForm.event"
-    }
-  }, [t("ElOption", {
-    attrs: {
-      label: "start",
-      value: "start"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "end",
-      value: "end"
-    }
-  })], 1)], 1), t("ElFormItem", {
-    attrs: {
-      label: "监听器类型",
-      prop: "listenerType",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElSelect", {
-    model: {
-      value: e.listenerForm.listenerType,
-      callback: function(n) {
-        e.$set(e.listenerForm, "listenerType", n);
-      },
-      expression: "listenerForm.listenerType"
-    }
-  }, e._l(Object.keys(e.listenerTypeObject), function(n) {
-    return t("ElOption", {
-      key: n,
-      attrs: {
-        label: e.listenerTypeObject[n],
-        value: n
-      }
-    });
-  }), 1)], 1), e.listenerForm.listenerType === "classListener" ? t("ElFormItem", {
-    key: "listener-class",
-    attrs: {
-      label: "Java类",
-      prop: "class",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.class,
-      callback: function(n) {
-        e.$set(e.listenerForm, "class", n);
-      },
-      expression: "listenerForm.class"
-    }
-  })], 1) : e._e(), e.listenerForm.listenerType === "expressionListener" ? t("ElFormItem", {
-    key: "listener-expression",
-    attrs: {
-      label: "表达式",
-      prop: "expression",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.expression,
-      callback: function(n) {
-        e.$set(e.listenerForm, "expression", n);
-      },
-      expression: "listenerForm.expression"
-    }
-  })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", {
-    key: "listener-delegate",
-    attrs: {
-      label: "代理表达式",
-      prop: "delegateExpression",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.delegateExpression,
-      callback: function(n) {
-        e.$set(e.listenerForm, "delegateExpression", n);
-      },
-      expression: "listenerForm.delegateExpression"
-    }
-  })], 1) : e._e(), e.listenerForm.listenerType === "scriptListener" ? [t("ElFormItem", {
-    key: "listener-script-format",
-    attrs: {
-      label: "脚本格式",
-      prop: "scriptFormat",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"],
-        message: "请填写脚本格式"
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.scriptFormat,
-      callback: function(n) {
-        e.$set(e.listenerForm, "scriptFormat", n);
-      },
-      expression: "listenerForm.scriptFormat"
-    }
-  })], 1), t("ElFormItem", {
-    key: "listener-script-type",
-    attrs: {
-      label: "脚本类型",
-      prop: "scriptType",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"],
-        message: "请选择脚本类型"
-      }
-    }
-  }, [t("ElSelect", {
-    model: {
-      value: e.listenerForm.scriptType,
-      callback: function(n) {
-        e.$set(e.listenerForm, "scriptType", n);
-      },
-      expression: "listenerForm.scriptType"
-    }
-  }, [t("ElOption", {
-    attrs: {
-      label: "内联脚本",
-      value: "inlineScript"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "外部脚本",
-      value: "externalScript"
-    }
-  })], 1)], 1), e.listenerForm.scriptType === "inlineScript" ? t("ElFormItem", {
-    key: "listener-script",
-    attrs: {
-      label: "脚本内容",
-      prop: "value",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"],
-        message: "请填写脚本内容"
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.value,
-      callback: function(n) {
-        e.$set(e.listenerForm, "value", n);
-      },
-      expression: "listenerForm.value"
-    }
-  })], 1) : e._e(), e.listenerForm.scriptType === "externalScript" ? t("ElFormItem", {
-    key: "listener-resource",
-    attrs: {
-      label: "资源地址",
-      prop: "resource",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"],
-        message: "请填写资源地址"
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.resource,
-      callback: function(n) {
-        e.$set(e.listenerForm, "resource", n);
-      },
-      expression: "listenerForm.resource"
-    }
-  })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", {
-    staticClass: "listener-filed__title"
-  }, [t("span", [t("i", {
-    staticClass: "el-icon-menu"
-  }), e._v("注入字段：")]), t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary"
-    },
-    on: {
-      click: function(n) {
-        return e.openListenerFieldForm(null);
-      }
-    }
-  }, [e._v("添加字段")])], 1), t("ElTable", {
-    staticStyle: {
-      flex: "none"
-    },
-    attrs: {
-      data: e.fieldsListOfListener,
-      size: "mini",
-      "max-height": "240",
-      border: "",
-      fit: ""
-    }
-  }, [t("ElTableColumn", {
-    attrs: {
-      label: "序号",
-      width: "50px",
-      type: "index"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "字段名称",
-      "min-width": "100px",
-      prop: "name"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "字段类型",
-      "min-width": "80px",
-      "show-overflow-tooltip": "",
-      formatter: function(n) {
-        return e.fieldTypeObject[n.fieldType];
-      }
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "字段值/表达式",
-      "min-width": "100px",
-      "show-overflow-tooltip": "",
-      formatter: function(n) {
-        return n.string || n.expression;
-      }
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "操作",
-      width: "100px"
-    },
-    scopedSlots: e._u([{
-      key: "default",
-      fn: function(n) {
-        var s = n.row, l = n.$index;
-        return [t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.openListenerFieldForm(s, l);
-            }
-          }
-        }, [e._v("编辑")]), t("ElDivider", {
-          attrs: {
-            direction: "vertical"
-          }
-        }), t("ElButton", {
-          staticStyle: {
-            color: "#ff4d4f"
-          },
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.removeListenerField(s, l);
-            }
-          }
-        }, [e._v("移除")])];
-      }
-    }])
-  })], 1), t("div", {
-    staticClass: "element-drawer__button"
-  }, [t("ElButton", {
-    attrs: {
-      size: "mini"
-    },
-    on: {
-      click: function(n) {
-        e.listenerFormModelVisible = !1;
-      }
-    }
-  }, [e._v("取 消")]), t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary"
-    },
-    on: {
-      click: e.saveListenerConfig
-    }
-  }, [e._v("保 存")])], 1)], 1), t("ElementDialog", {
-    attrs: {
-      title: "字段配置",
-      visible: e.listenerFieldFormModelVisible,
-      width: "600px",
-      "append-to-body": "",
-      "destroy-on-close": ""
-    },
-    on: {
-      "update:visible": function(n) {
-        e.listenerFieldFormModelVisible = n;
-      }
-    },
-    scopedSlots: e._u([{
-      key: "footer",
-      fn: function() {
-        return [t("ElButton", {
-          attrs: {
-            size: "mini"
-          },
-          on: {
-            click: function(n) {
-              e.listenerFieldFormModelVisible = !1;
-            }
-          }
-        }, [e._v("取 消")]), t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "primary"
-          },
-          on: {
-            click: e.saveListenerFiled
-          }
-        }, [e._v("确 定")])];
-      },
-      proxy: !0
-    }])
-  }, [t("ElForm", {
-    ref: "listenerFieldFormRef",
-    staticStyle: {
-      height: "136px"
-    },
-    attrs: {
-      model: e.listenerFieldForm,
-      size: "mini",
-      "label-width": "96px"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "字段名称：",
-      prop: "name",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerFieldForm.name,
-      callback: function(n) {
-        e.$set(e.listenerFieldForm, "name", n);
-      },
-      expression: "listenerFieldForm.name"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "字段类型：",
-      prop: "fieldType",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElSelect", {
-    model: {
-      value: e.listenerFieldForm.fieldType,
-      callback: function(n) {
-        e.$set(e.listenerFieldForm, "fieldType", n);
-      },
-      expression: "listenerFieldForm.fieldType"
-    }
-  }, e._l(Object.keys(e.fieldTypeObject), function(n) {
-    return t("ElOption", {
-      key: n,
-      attrs: {
-        label: e.fieldTypeObject[n],
-        value: n
-      }
-    });
-  }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", {
-    key: "field-string",
-    attrs: {
-      label: "字段值：",
-      prop: "string",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerFieldForm.string,
-      callback: function(n) {
-        e.$set(e.listenerFieldForm, "string", n);
-      },
-      expression: "listenerFieldForm.string"
-    }
-  })], 1) : e._e(), e.listenerFieldForm.fieldType === "expression" ? t("ElFormItem", {
-    key: "field-expression",
-    attrs: {
-      label: "表达式：",
-      prop: "expression",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerFieldForm.expression,
-      callback: function(n) {
-        e.$set(e.listenerFieldForm, "expression", n);
-      },
-      expression: "listenerFieldForm.expression"
-    }
-  })], 1) : e._e()], 1)], 1)], 1);
-}, Ge = [];
-const He = {
-  name: "ElementListeners",
-  inject: {
-    prefix: "prefix",
-    width: "width"
-  },
-  props: {
-    id: String
-  },
-  data() {
-    return {
-      elementListenersList: [],
-      // 监听器列表
-      listenerForm: {},
-      // 监听器详情表单
-      listenerFormModelVisible: !1,
-      // 监听器 编辑 侧边栏显示状态
-      fieldsListOfListener: [],
-      listenerFieldForm: {},
-      // 监听器 注入字段 详情表单
-      listenerFieldFormModelVisible: !1,
-      // 监听器 注入字段表单弹窗 显示状态
-      editingListenerIndex: -1,
-      // 监听器所在下标，-1 为新增
-      editingListenerFieldIndex: -1,
-      // 字段所在下标，-1 为新增
-      listenerTypeObject: D,
-      fieldTypeObject: j
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler(e) {
-        e && e.length && this.$nextTick(() => this.resetListenersList());
-      }
-    }
-  },
-  methods: {
-    resetListenersList() {
-      var e, i, t, n;
-      this.bpmnElement = window.bpmnInstances.bpmnElement, this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (i = (e = this.bpmnElement.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter((s) => s.$type === `${this.prefix}:ExecutionListener`)) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => B(s));
-    },
-    // 打开 监听器详情 侧边栏
-    openListenerForm(e, i) {
-      e ? (this.listenerForm = M(e), this.editingListenerIndex = i) : (this.listenerForm = {}, this.editingListenerIndex = -1), e && e.fields ? this.fieldsListOfListener = e.fields.map((t) => p(o({}, t), {
-        fieldType: t.string ? "string" : "expression"
-      })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, this.$nextTick(() => {
-        this.$refs.listenerFormRef && this.$refs.listenerFormRef.clearValidate();
-      });
-    },
-    // 打开监听器字段编辑弹窗
-    openListenerFieldForm(e, i) {
-      this.listenerFieldForm = e ? JSON.parse(JSON.stringify(e)) : {}, this.editingListenerFieldIndex = e ? i : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
-        this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.clearValidate();
-      });
-    },
-    // 保存监听器注入字段
-    saveListenerFiled() {
-      return d(this, null, function* () {
-        (yield this.$refs.listenerFieldFormRef.validate()) && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, this.$nextTick(() => this.listenerFieldForm = {}));
-      });
-    },
-    // 移除监听器字段
-    removeListenerField(e, i) {
-      this.$confirm("确认移除该字段吗？", "提示", {
-        confirmButtonText: "确 认",
-        cancelButtonText: "取 消"
-      }).then(() => {
-        this.fieldsListOfListener.splice(i, 1), this.listenerForm.fields.splice(i, 1);
-      }).catch(() => console.info("操作取消"));
-    },
-    // 移除监听器
-    removeListener(e, i) {
-      this.$confirm("确认移除该监听器吗？", "提示", {
-        confirmButtonText: "确 认",
-        cancelButtonText: "取 消"
-      }).then(() => {
-        this.bpmnElementListeners.splice(i, 1), this.elementListenersList.splice(i, 1), u(this.bpmnElement, this.otherExtensionList.concat(this.bpmnElementListeners));
-      }).catch(() => console.info("操作取消"));
-    },
-    // 保存监听器配置
-    saveListenerConfig() {
-      return d(this, null, function* () {
-        var t, n, s, l;
-        if (!(yield this.$refs.listenerFormRef.validate()))
-          return;
-        const i = S(this.listenerForm, !1, this.prefix);
-        this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(i), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, i), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (l = (s = (n = (t = this.bpmnElement.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : n.values) == null ? void 0 : s.filter((r) => r.$type !== `${this.prefix}:ExecutionListener`)) != null ? l : [], u(this.bpmnElement, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
-      });
-    }
-  }
-}, k = {};
-var Qe = /* @__PURE__ */ a(
-  He,
-  Ke,
-  Ge,
-  !1,
-  We,
-  null,
-  null,
-  null
-);
-function We(e) {
-  for (let i in k)
-    this[i] = k[i];
-}
-const Xe = /* @__PURE__ */ function() {
-  return Qe.exports;
-}();
-var Ye = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "panel-tab__content"
-  }, [t("ElTable", {
-    attrs: {
-      data: e.elementPropertyList,
-      size: "mini",
-      "max-height": "240",
-      border: "",
-      fit: ""
-    }
-  }, [t("ElTableColumn", {
-    attrs: {
-      label: "序号",
-      width: "50px",
-      type: "index"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "属性名",
-      prop: "name",
-      "min-width": "100px",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "属性值",
-      prop: "value",
-      "min-width": "100px",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "操作",
-      width: "90px"
-    },
-    scopedSlots: e._u([{
-      key: "default",
-      fn: function(n) {
-        var s = n.row, l = n.$index;
-        return [t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.openAttributesForm(s, l);
-            }
-          }
-        }, [e._v("编辑")]), t("ElDivider", {
-          attrs: {
-            direction: "vertical"
-          }
-        }), t("ElButton", {
-          staticStyle: {
-            color: "#ff4d4f"
-          },
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.removeAttributes(s, l);
-            }
-          }
-        }, [e._v("移除")])];
-      }
-    }])
-  })], 1), t("div", {
-    staticClass: "element-drawer__button"
-  }, [t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary",
-      icon: "el-icon-plus"
-    },
-    on: {
-      click: function(n) {
-        return e.openAttributesForm(null, -1);
-      }
-    }
-  }, [e._v("添加属性")])], 1), t("ElementDialog", {
-    attrs: {
-      visible: e.propertyFormModelVisible,
-      title: "属性配置",
-      width: "600px",
-      "append-to-body": "",
-      "destroy-on-close": ""
-    },
-    on: {
-      "update:visible": function(n) {
-        e.propertyFormModelVisible = n;
-      }
-    },
-    scopedSlots: e._u([{
-      key: "footer",
-      fn: function() {
-        return [t("ElButton", {
-          attrs: {
-            size: "mini"
-          },
-          on: {
-            click: function(n) {
-              e.propertyFormModelVisible = !1;
-            }
-          }
-        }, [e._v("取 消")]), t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "primary"
-          },
-          on: {
-            click: e.saveAttribute
-          }
-        }, [e._v("确 定")])];
-      },
-      proxy: !0
-    }])
-  }, [t("ElForm", {
-    ref: "attributeFormRef",
-    attrs: {
-      model: e.propertyForm,
-      "label-width": "80px",
-      size: "mini"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "属性名：",
-      prop: "name"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.propertyForm.name,
-      callback: function(n) {
-        e.$set(e.propertyForm, "name", n);
-      },
-      expression: "propertyForm.name"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "属性值：",
-      prop: "value"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.propertyForm.value,
-      callback: function(n) {
-        e.$set(e.propertyForm, "value", n);
-      },
-      expression: "propertyForm.value"
-    }
-  })], 1)], 1)], 1)], 1);
-}, Ze = [];
-const et = {
-  name: "ElementProperties",
-  inject: {
-    prefix: "prefix",
-    width: "width"
-  },
-  props: {
-    id: String
-  },
-  data() {
-    return {
-      elementPropertyList: [],
-      propertyForm: {},
-      editingPropertyIndex: -1,
-      propertyFormModelVisible: !1
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler(e) {
-        e && e.length && this.resetAttributesList();
-      }
-    }
-  },
-  methods: {
-    resetAttributesList() {
-      var e, i, t, n, s;
-      this.bpmnElement = window.bpmnInstances.bpmnElement, this.otherExtensionList = [], this.bpmnElementProperties = (n = (t = (i = (e = this.bpmnElement.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter((l) => (l.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(l), l.$type === `${this.prefix}:Properties`))) != null ? n : [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce((l, r) => l.concat(r.values), []), this.elementPropertyList = JSON.parse(JSON.stringify((s = this.bpmnElementPropertyList) != null ? s : []));
-    },
-    openAttributesForm(e, i) {
-      this.editingPropertyIndex = i, this.propertyForm = i === -1 ? {} : JSON.parse(JSON.stringify(e)), this.propertyFormModelVisible = !0, this.$nextTick(() => {
-        this.$refs.attributeFormRef && this.$refs.attributeFormRef.clearValidate();
-      });
-    },
-    removeAttributes(e, i) {
-      this.$confirm("确认移除该属性吗？", "提示", {
-        confirmButtonText: "确 认",
-        cancelButtonText: "取 消"
-      }).then(() => {
-        this.elementPropertyList.splice(i, 1), this.bpmnElementPropertyList.splice(i, 1);
-        const t = window.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
-          values: this.bpmnElementPropertyList
-        });
-        this.updateElementExtensions(t), this.resetAttributesList();
-      }).catch(() => console.info("操作取消"));
-    },
-    saveAttribute() {
-      const { name: e, value: i } = this.propertyForm;
-      if (console.log(this.bpmnElementPropertyList), this.editingPropertyIndex !== -1)
-        window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.bpmnElementPropertyList[this.editingPropertyIndex], {
-          name: e,
-          value: i
-        });
-      else {
-        const t = window.bpmnInstances.moddle.create(`${this.prefix}:Property`, { name: e, value: i }), n = window.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
-          values: this.bpmnElementPropertyList.concat([t])
-        });
-        this.updateElementExtensions(n);
-      }
-      this.propertyFormModelVisible = !1, this.resetAttributesList();
-    },
-    updateElementExtensions(e) {
-      const i = window.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
-        values: this.otherExtensionList.concat([e])
-      });
-      window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
-        extensionElements: i
-      });
-    }
-  }
-}, $ = {};
-var tt = /* @__PURE__ */ a(
-  et,
-  Ye,
-  Ze,
-  !1,
-  nt,
-  null,
-  null,
-  null
-);
-function nt(e) {
-  for (let i in $)
-    this[i] = $[i];
-}
-const it = /* @__PURE__ */ function() {
-  return tt.exports;
-}();
-var st = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "panel-tab__content"
-  }, [t("ElForm", {
-    attrs: {
-      size: "mini",
-      "label-width": "80px"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "表单标识"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    on: {
-      change: e.updateElementFormKey
-    },
-    model: {
-      value: e.formKey,
-      callback: function(n) {
-        e.formKey = n;
-      },
-      expression: "formKey"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "业务标识"
-    }
-  }, [t("ElSelect", {
-    on: {
-      change: e.updateElementBusinessKey
-    },
-    model: {
-      value: e.businessKey,
-      callback: function(n) {
-        e.businessKey = n;
-      },
-      expression: "businessKey"
-    }
-  }, [e._l(e.fieldList, function(n) {
-    return t("ElOption", {
-      key: n.id,
-      attrs: {
-        value: n.id,
-        label: n.label
-      }
-    });
-  }), t("ElOption", {
-    attrs: {
-      label: "无",
-      value: ""
-    }
-  })], 2)], 1)], 1), t("div", {
-    staticClass: "element-property list-property"
-  }, [t("ElDivider", [t("i", {
-    staticClass: "el-icon-coin"
-  }), e._v(" 表单字段")]), t("ElTable", {
-    attrs: {
-      data: e.fieldList,
-      size: "mini",
-      "max-height": "240",
-      border: "",
-      fit: ""
-    }
-  }, [t("ElTableColumn", {
-    attrs: {
-      label: "序号",
-      type: "index",
-      width: "50px"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "字段名称",
-      prop: "label",
-      "min-width": "80px",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "字段类型",
-      prop: "type",
-      "min-width": "80px",
-      formatter: function(n) {
-        return e.fieldType[n.type] || n.type;
-      },
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "默认值",
-      prop: "defaultValue",
-      "min-width": "80px",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "操作",
-      width: "90px"
-    },
-    scopedSlots: e._u([{
-      key: "default",
-      fn: function(n) {
-        var s = n.row, l = n.$index;
-        return [t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.openFieldForm(s, l);
-            }
-          }
-        }, [e._v("编辑")]), t("ElDivider", {
-          attrs: {
-            direction: "vertical"
-          }
-        }), t("ElButton", {
-          staticStyle: {
-            color: "#ff4d4f"
-          },
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.removeField(s, l);
-            }
-          }
-        }, [e._v("移除")])];
-      }
-    }])
-  })], 1)], 1), t("div", {
-    staticClass: "element-drawer__button"
-  }, [t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary",
-      icon: "el-icon-plus"
-    },
-    on: {
-      click: function(n) {
-        return e.openFieldForm(null, -1);
-      }
-    }
-  }, [e._v("添加字段")])], 1), t("ElDrawer", {
-    attrs: {
-      visible: e.fieldModelVisible,
-      title: "字段配置",
-      size: `${e.width}px`,
-      "append-to-body": "",
-      "destroy-on-close": ""
-    },
-    on: {
-      "update:visible": function(n) {
-        e.fieldModelVisible = n;
-      }
-    }
-  }, [t("ElForm", {
-    attrs: {
-      model: e.formFieldForm,
-      "label-width": "90px",
-      size: "mini"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "字段ID"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.formFieldForm.id,
-      callback: function(n) {
-        e.$set(e.formFieldForm, "id", n);
-      },
-      expression: "formFieldForm.id"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "类型"
-    }
-  }, [t("ElSelect", {
-    attrs: {
-      placeholder: "请选择字段类型",
-      clearable: ""
-    },
-    on: {
-      change: e.changeFieldTypeType
-    },
-    model: {
-      value: e.formFieldForm.typeType,
-      callback: function(n) {
-        e.$set(e.formFieldForm, "typeType", n);
-      },
-      expression: "formFieldForm.typeType"
-    }
-  }, e._l(e.fieldType, function(n, s) {
-    return t("ElOption", {
-      key: s,
-      attrs: {
-        label: n,
-        value: s
-      }
-    });
-  }), 1)], 1), e.formFieldForm.typeType === "custom" ? t("ElFormItem", {
-    attrs: {
-      label: "类型名称"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.formFieldForm.type,
-      callback: function(n) {
-        e.$set(e.formFieldForm, "type", n);
-      },
-      expression: "formFieldForm.type"
-    }
-  })], 1) : e._e(), t("ElFormItem", {
-    attrs: {
-      label: "名称"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.formFieldForm.label,
-      callback: function(n) {
-        e.$set(e.formFieldForm, "label", n);
-      },
-      expression: "formFieldForm.label"
-    }
-  })], 1), e.formFieldForm.typeType === "date" ? t("ElFormItem", {
-    attrs: {
-      label: "时间格式"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.formFieldForm.datePattern,
-      callback: function(n) {
-        e.$set(e.formFieldForm, "datePattern", n);
-      },
-      expression: "formFieldForm.datePattern"
-    }
-  })], 1) : e._e(), t("ElFormItem", {
-    attrs: {
-      label: "默认值"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.formFieldForm.defaultValue,
-      callback: function(n) {
-        e.$set(e.formFieldForm, "defaultValue", n);
-      },
-      expression: "formFieldForm.defaultValue"
-    }
-  })], 1)], 1), e.formFieldForm.type === "enum" ? [t("ElDivider", {
-    key: "enum-divider"
-  }), t("p", {
-    key: "enum-title",
-    staticClass: "listener-filed__title"
-  }, [t("span", [t("i", {
-    staticClass: "el-icon-menu"
-  }), e._v("枚举值列表：")]), t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary"
-    },
-    on: {
-      click: function(n) {
-        return e.openFieldOptionForm(null, -1, "enum");
-      }
-    }
-  }, [e._v("添加枚举值")])], 1), t("ElTable", {
-    key: "enum-table",
-    attrs: {
-      data: e.fieldEnumList,
-      size: "mini",
-      "max-height": "240",
-      border: "",
-      fit: ""
-    }
-  }, [t("ElTableColumn", {
-    attrs: {
-      label: "序号",
-      width: "50px",
-      type: "index"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "枚举值编号",
-      prop: "id",
-      "min-width": "100px",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "枚举值名称",
-      prop: "name",
-      "min-width": "100px",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "操作",
-      width: "90px"
-    },
-    scopedSlots: e._u([{
-      key: "default",
-      fn: function(n) {
-        var s = n.row, l = n.$index;
-        return [t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.openFieldOptionForm(s, l, "enum");
-            }
-          }
-        }, [e._v("编辑")]), t("ElDivider", {
-          attrs: {
-            direction: "vertical"
-          }
-        }), t("ElButton", {
-          staticStyle: {
-            color: "#ff4d4f"
-          },
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.removeFieldOptionItem(s, l, "enum");
-            }
-          }
-        }, [e._v("移除")])];
-      }
-    }], null, !1, 747635382)
-  })], 1)] : e._e(), t("ElDivider", {
-    key: "validation-divider"
-  }), t("p", {
-    key: "validation-title",
-    staticClass: "listener-filed__title"
-  }, [t("span", [t("i", {
-    staticClass: "el-icon-menu"
-  }), e._v("约束条件列表：")]), t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary"
-    },
-    on: {
-      click: function(n) {
-        return e.openFieldOptionForm(null, -1, "constraint");
-      }
-    }
-  }, [e._v("添加约束")])], 1), t("ElTable", {
-    key: "validation-table",
-    attrs: {
-      data: e.fieldConstraintsList,
-      size: "mini",
-      "max-height": "240",
-      border: "",
-      fit: ""
-    }
-  }, [t("ElTableColumn", {
-    attrs: {
-      label: "序号",
-      width: "50px",
-      type: "index"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "约束名称",
-      prop: "name",
-      "min-width": "100px",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "约束配置",
-      prop: "config",
-      "min-width": "100px",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "操作",
-      width: "90px"
-    },
-    scopedSlots: e._u([{
-      key: "default",
-      fn: function(n) {
-        var s = n.row, l = n.$index;
-        return [t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.openFieldOptionForm(s, l, "constraint");
-            }
-          }
-        }, [e._v("编辑")]), t("ElDivider", {
-          attrs: {
-            direction: "vertical"
-          }
-        }), t("ElButton", {
-          staticStyle: {
-            color: "#ff4d4f"
-          },
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.removeFieldOptionItem(s, l, "constraint");
-            }
-          }
-        }, [e._v("移除")])];
-      }
-    }])
-  })], 1), t("ElDivider", {
-    key: "property-divider"
-  }), t("p", {
-    key: "property-title",
-    staticClass: "listener-filed__title"
-  }, [t("span", [t("i", {
-    staticClass: "el-icon-menu"
-  }), e._v("字段属性列表：")]), t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary"
-    },
-    on: {
-      click: function(n) {
-        return e.openFieldOptionForm(null, -1, "property");
-      }
-    }
-  }, [e._v("添加属性")])], 1), t("ElTable", {
-    key: "property-table",
-    attrs: {
-      data: e.fieldPropertiesList,
-      size: "mini",
-      "max-height": "240",
-      border: "",
-      fit: ""
-    }
-  }, [t("ElTableColumn", {
-    attrs: {
-      label: "序号",
-      width: "50px",
-      type: "index"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "属性编号",
-      prop: "id",
-      "min-width": "100px",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "属性值",
-      prop: "value",
-      "min-width": "100px",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "操作",
-      width: "90px"
-    },
-    scopedSlots: e._u([{
-      key: "default",
-      fn: function(n) {
-        var s = n.row, l = n.$index;
-        return [t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.openFieldOptionForm(s, l, "property");
-            }
-          }
-        }, [e._v("编辑")]), t("ElDivider", {
-          attrs: {
-            direction: "vertical"
-          }
-        }), t("ElButton", {
-          staticStyle: {
-            color: "#ff4d4f"
-          },
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.removeFieldOptionItem(s, l, "property");
-            }
-          }
-        }, [e._v("移除")])];
-      }
-    }])
-  })], 1), t("div", {
-    staticClass: "element-drawer__button"
-  }, [t("ElButton", {
-    attrs: {
-      size: "mini"
-    }
-  }, [e._v("取 消")]), t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary"
-    },
-    on: {
-      click: e.saveField
-    }
-  }, [e._v("保 存")])], 1)], 2), t("ElementDialog", {
-    attrs: {
-      visible: e.fieldOptionModelVisible,
-      title: e.optionModelTitle,
-      width: "600px",
-      "append-to-body": "",
-      "destroy-on-close": ""
-    },
-    on: {
-      "update:visible": function(n) {
-        e.fieldOptionModelVisible = n;
-      }
-    },
-    scopedSlots: e._u([{
-      key: "footer",
-      fn: function() {
-        return [t("ElButton", {
-          attrs: {
-            size: "mini"
-          },
-          on: {
-            click: function(n) {
-              e.fieldOptionModelVisible = !1;
-            }
-          }
-        }, [e._v("取 消")]), t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "primary"
-          },
-          on: {
-            click: e.saveFieldOption
-          }
-        }, [e._v("确 定")])];
-      },
-      proxy: !0
-    }])
-  }, [t("ElForm", {
-    attrs: {
-      model: e.fieldOptionForm,
-      size: "mini",
-      "label-width": "96px"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [e.fieldOptionType !== "constraint" ? t("ElFormItem", {
-    key: "option-id",
-    attrs: {
-      label: "编号/ID"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.fieldOptionForm.id,
-      callback: function(n) {
-        e.$set(e.fieldOptionForm, "id", n);
-      },
-      expression: "fieldOptionForm.id"
-    }
-  })], 1) : e._e(), e.fieldOptionType !== "property" ? t("ElFormItem", {
-    key: "option-name",
-    attrs: {
-      label: "名称"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.fieldOptionForm.name,
-      callback: function(n) {
-        e.$set(e.fieldOptionForm, "name", n);
-      },
-      expression: "fieldOptionForm.name"
-    }
-  })], 1) : e._e(), e.fieldOptionType === "constraint" ? t("ElFormItem", {
-    key: "option-config",
-    attrs: {
-      label: "配置"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.fieldOptionForm.config,
-      callback: function(n) {
-        e.$set(e.fieldOptionForm, "config", n);
-      },
-      expression: "fieldOptionForm.config"
-    }
-  })], 1) : e._e(), e.fieldOptionType === "property" ? t("ElFormItem", {
-    key: "option-value",
-    attrs: {
-      label: "值"
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.fieldOptionForm.value,
-      callback: function(n) {
-        e.$set(e.fieldOptionForm, "value", n);
-      },
-      expression: "fieldOptionForm.value"
-    }
-  })], 1) : e._e()], 1)], 1)], 1);
-}, lt = [];
-const rt = {
-  name: "ElementForm",
-  inject: {
-    prefix: "prefix",
-    width: "width"
-  },
-  props: {
-    id: String
-  },
-  data() {
-    return {
-      formKey: "",
-      businessKey: "",
-      optionModelTitle: "",
-      fieldList: [],
-      formFieldForm: {},
-      fieldType: {
-        long: "长整型",
-        string: "字符串",
-        boolean: "布尔类",
-        date: "日期类",
-        enum: "枚举类",
-        custom: "自定义类型"
-      },
-      formFieldIndex: -1,
-      // 编辑中的字段， -1 为新增
-      formFieldOptionIndex: -1,
-      // 编辑中的字段配置项， -1 为新增
-      fieldModelVisible: !1,
-      fieldOptionModelVisible: !1,
-      fieldOptionForm: {},
-      // 当前激活的字段配置项数据
-      fieldOptionType: "",
-      // 当前激活的字段配置项弹窗 类型
-      fieldEnumList: [],
-      // 枚举值列表
-      fieldConstraintsList: [],
-      // 约束条件列表
-      fieldPropertiesList: []
-      // 绑定属性列表
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler(e) {
-        e && e.length && this.$nextTick(() => this.resetFormList());
-      }
-    }
-  },
-  methods: {
-    resetFormList() {
-      var e;
-      this.bpmnElement = window.bpmnInstances.bpmnElement, this.formKey = this.bpmnElement.businessObject.formKey, this.elExtensionElements = this.bpmnElement.businessObject.get("extensionElements") || window.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: [] }), this.formData = ((e = this.elExtensionElements.values.filter((i) => i.$type === `${this.prefix}:FormData`)) == null ? void 0 : e[0]) || window.bpmnInstances.moddle.create(`${this.prefix}:FormData`, { fields: [] }), this.businessKey = this.formData.businessKey, this.otherExtensions = this.elExtensionElements.values.filter((i) => i.$type !== `${this.prefix}:FormData`), this.fieldList = JSON.parse(JSON.stringify(this.formData.fields || [])), this.updateElementExtensions();
-    },
-    updateElementFormKey() {
-      window.bpmnInstances.modeling.updateProperties(this.bpmnElement, { formKey: this.formKey });
-    },
-    updateElementBusinessKey() {
-      window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.formData, {
-        businessKey: this.businessKey
-      });
-    },
-    // 根据类型调整字段type
-    changeFieldTypeType(e) {
-      this.$set(this.formFieldForm, "type", e === "custom" ? "" : e);
-    },
-    // 打开字段详情侧边栏
-    openFieldForm(e, i) {
-      var t, n;
-      if (this.formFieldIndex = i, i !== -1) {
-        const s = this.formData.fields[i];
-        this.formFieldForm = JSON.parse(JSON.stringify(e)), this.$set(this.formFieldForm, "typeType", this.fieldType[e.type] ? e.type : "custom"), e.type === "enum" && (this.fieldEnumList = JSON.parse(JSON.stringify((s == null ? void 0 : s.values) || []))), this.fieldConstraintsList = JSON.parse(JSON.stringify(((t = s == null ? void 0 : s.validation) == null ? void 0 : t.constraints) || [])), this.fieldPropertiesList = JSON.parse(JSON.stringify(((n = s == null ? void 0 : s.properties) == null ? void 0 : n.values) || []));
-      } else
-        this.formFieldForm = {}, this.fieldEnumList = [], this.fieldConstraintsList = [], this.fieldPropertiesList = [];
-      this.fieldModelVisible = !0;
-    },
-    // 打开字段 某个 配置项 弹窗
-    openFieldOptionForm(e, i, t) {
-      return this.fieldOptionModelVisible = !0, this.fieldOptionType = t, this.formFieldOptionIndex = i, t === "property" ? (this.fieldOptionForm = e ? JSON.parse(JSON.stringify(e)) : {}, this.optionModelTitle = "属性配置") : t === "enum" ? (this.fieldOptionForm = e ? JSON.parse(JSON.stringify(e)) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = e ? JSON.parse(JSON.stringify(e)) : {}, this.optionModelTitle = "约束条件配置");
-    },
-    // 保存字段 某个 配置项
-    saveFieldOption() {
-      this.formFieldOptionIndex === -1 ? (this.fieldOptionType === "property" && this.fieldPropertiesList.push(this.fieldOptionForm), this.fieldOptionType === "constraint" && this.fieldConstraintsList.push(this.fieldOptionForm), this.fieldOptionType === "enum" && this.fieldEnumList.push(this.fieldOptionForm)) : (this.fieldOptionType === "property" && this.fieldPropertiesList.splice(this.formFieldOptionIndex, 1, this.fieldOptionForm), this.fieldOptionType === "constraint" && this.fieldConstraintsList.splice(this.formFieldOptionIndex, 1, this.fieldOptionForm), this.fieldOptionType === "enum" && this.fieldEnumList.splice(this.formFieldOptionIndex, 1, this.fieldOptionForm)), this.fieldOptionModelVisible = !1, this.fieldOptionForm = {};
-    },
-    // 保存字段配置
-    saveField() {
-      const { id: e, type: i, label: t, defaultValue: n, datePattern: s } = this.formFieldForm, l = window.bpmnInstances.moddle.create(`${this.prefix}:FormField`, { id: e, type: i, label: t });
-      if (n && (l.defaultValue = n), s && (l.datePattern = s), this.fieldPropertiesList && this.fieldPropertiesList.length) {
-        const r = this.fieldPropertiesList.map((m) => window.bpmnInstances.moddle.create(`${this.prefix}:Property`, { id: m.id, value: m.value }));
-        l.properties = window.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
-          values: r
-        });
-      }
-      if (this.fieldConstraintsList && this.fieldConstraintsList.length) {
-        const r = this.fieldConstraintsList.map((m) => window.bpmnInstances.moddle.create(`${this.prefix}:Constraint`, { name: m.name, config: m.config }));
-        l.validation = window.bpmnInstances.moddle.create(`${this.prefix}:Validation`, {
-          constraints: r
-        });
-      }
-      this.fieldEnumList && this.fieldEnumList.length && (l.values = this.fieldEnumList.map((r) => window.bpmnInstances.moddle.create(`${this.prefix}:Value`, { name: r.name, id: r.id }))), this.formFieldIndex === -1 ? (this.fieldList.push(this.formFieldForm), this.formData.fields.push(l)) : (this.fieldList.splice(this.formFieldIndex, 1, this.formFieldForm), this.formData.fields.splice(this.formFieldIndex, 1, l)), this.updateElementExtensions(), this.fieldModelVisible = !1;
-    },
-    // 移除某个 字段的 配置项
-    removeFieldOptionItem(e, i, t) {
-      if (t === "property") {
-        this.fieldPropertiesList.splice(i, 1);
-        return;
-      }
-      if (t === "enum") {
-        this.fieldEnumList.splice(i, 1);
-        return;
-      }
-      this.fieldConstraintsList.splice(i, 1);
-    },
-    // 移除 字段
-    removeField(e, i) {
-      this.fieldList.splice(i, 1), this.formData.fields.splice(i, 1), this.updateElementExtensions();
-    },
-    updateElementExtensions() {
-      const e = window.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
-        values: this.otherExtensions.concat(this.formData)
-      });
-      window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
-        extensionElements: e
-      });
-    }
-  }
-}, C = {};
-var ot = /* @__PURE__ */ a(
-  rt,
-  st,
-  lt,
-  !1,
-  at,
-  null,
-  null,
-  null
-);
-function at(e) {
-  for (let i in C)
-    this[i] = C[i];
-}
-const mt = /* @__PURE__ */ function() {
-  return ot.exports;
-}();
-var ct = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "panel-tab__content"
-  }, [t("ElTable", {
-    attrs: {
-      data: e.elementListenersList,
-      size: "mini",
-      border: ""
-    }
-  }, [t("ElTableColumn", {
-    attrs: {
-      label: "序号",
-      width: "50px",
-      type: "index"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "事件类型",
-      "min-width": "80px",
-      "show-overflow-tooltip": "",
-      formatter: function(n) {
-        return e.listenerEventTypeObject[n.event];
-      }
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "事件id",
-      "min-width": "80px",
-      prop: "id",
-      "show-overflow-tooltip": ""
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "监听器类型",
-      "min-width": "80px",
-      "show-overflow-tooltip": "",
-      formatter: function(n) {
-        return e.listenerTypeObject[n.listenerType];
-      }
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "操作",
-      width: "90px"
-    },
-    scopedSlots: e._u([{
-      key: "default",
-      fn: function(n) {
-        var s = n.row, l = n.$index;
-        return [t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.openListenerForm(s, l);
-            }
-          }
-        }, [e._v("编辑")]), t("ElDivider", {
-          attrs: {
-            direction: "vertical"
-          }
-        }), t("ElButton", {
-          staticStyle: {
-            color: "#ff4d4f"
-          },
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.removeListener(s, l);
-            }
-          }
-        }, [e._v("移除")])];
-      }
-    }])
-  })], 1), t("div", {
-    staticClass: "element-drawer__button"
-  }, [t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary",
-      icon: "el-icon-plus"
-    },
-    on: {
-      click: function(n) {
-        return e.openListenerForm(null);
-      }
-    }
-  }, [e._v("添加监听器")])], 1), t("ElDrawer", {
-    attrs: {
-      visible: e.listenerFormModelVisible,
-      title: "任务监听器",
-      size: `${e.width}px`,
-      "append-to-body": "",
-      "destroy-on-close": ""
-    },
-    on: {
-      "update:visible": function(n) {
-        e.listenerFormModelVisible = n;
-      }
-    }
-  }, [t("ElForm", {
-    ref: "listenerFormRef",
-    attrs: {
-      size: "mini",
-      model: e.listenerForm,
-      "label-width": "96px"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "事件类型",
-      prop: "event",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElSelect", {
-    model: {
-      value: e.listenerForm.event,
-      callback: function(n) {
-        e.$set(e.listenerForm, "event", n);
-      },
-      expression: "listenerForm.event"
-    }
-  }, e._l(Object.keys(e.listenerEventTypeObject), function(n) {
-    return t("ElOption", {
-      key: n,
-      attrs: {
-        label: e.listenerEventTypeObject[n],
-        value: n
-      }
-    });
-  }), 1)], 1), t("ElFormItem", {
-    attrs: {
-      label: "监听器ID",
-      prop: "id",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.id,
-      callback: function(n) {
-        e.$set(e.listenerForm, "id", n);
-      },
-      expression: "listenerForm.id"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "监听器类型",
-      prop: "listenerType",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElSelect", {
-    model: {
-      value: e.listenerForm.listenerType,
-      callback: function(n) {
-        e.$set(e.listenerForm, "listenerType", n);
-      },
-      expression: "listenerForm.listenerType"
-    }
-  }, e._l(Object.keys(e.listenerTypeObject), function(n) {
-    return t("ElOption", {
-      key: n,
-      attrs: {
-        label: e.listenerTypeObject[n],
-        value: n
-      }
-    });
-  }), 1)], 1), e.listenerForm.listenerType === "classListener" ? t("ElFormItem", {
-    key: "listener-class",
-    attrs: {
-      label: "Java类",
-      prop: "class",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.class,
-      callback: function(n) {
-        e.$set(e.listenerForm, "class", n);
-      },
-      expression: "listenerForm.class"
-    }
-  })], 1) : e._e(), e.listenerForm.listenerType === "expressionListener" ? t("ElFormItem", {
-    key: "listener-expression",
-    attrs: {
-      label: "表达式",
-      prop: "expression",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.expression,
-      callback: function(n) {
-        e.$set(e.listenerForm, "expression", n);
-      },
-      expression: "listenerForm.expression"
-    }
-  })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", {
-    key: "listener-delegate",
-    attrs: {
-      label: "代理表达式",
-      prop: "delegateExpression",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.delegateExpression,
-      callback: function(n) {
-        e.$set(e.listenerForm, "delegateExpression", n);
-      },
-      expression: "listenerForm.delegateExpression"
-    }
-  })], 1) : e._e(), e.listenerForm.listenerType === "scriptListener" ? [t("ElFormItem", {
-    key: "listener-script-format",
-    attrs: {
-      label: "脚本格式",
-      prop: "scriptFormat",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"],
-        message: "请填写脚本格式"
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.scriptFormat,
-      callback: function(n) {
-        e.$set(e.listenerForm, "scriptFormat", n);
-      },
-      expression: "listenerForm.scriptFormat"
-    }
-  })], 1), t("ElFormItem", {
-    key: "listener-script-type",
-    attrs: {
-      label: "脚本类型",
-      prop: "scriptType",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"],
-        message: "请选择脚本类型"
-      }
-    }
-  }, [t("ElSelect", {
-    model: {
-      value: e.listenerForm.scriptType,
-      callback: function(n) {
-        e.$set(e.listenerForm, "scriptType", n);
-      },
-      expression: "listenerForm.scriptType"
-    }
-  }, [t("ElOption", {
-    attrs: {
-      label: "内联脚本",
-      value: "inlineScript"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "外部脚本",
-      value: "externalScript"
-    }
-  })], 1)], 1), e.listenerForm.scriptType === "inlineScript" ? t("ElFormItem", {
-    key: "listener-script",
-    attrs: {
-      label: "脚本内容",
-      prop: "value",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"],
-        message: "请填写脚本内容"
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.value,
-      callback: function(n) {
-        e.$set(e.listenerForm, "value", n);
-      },
-      expression: "listenerForm.value"
-    }
-  })], 1) : e._e(), e.listenerForm.scriptType === "externalScript" ? t("ElFormItem", {
-    key: "listener-resource",
-    attrs: {
-      label: "资源地址",
-      prop: "resource",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"],
-        message: "请填写资源地址"
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.resource,
-      callback: function(n) {
-        e.$set(e.listenerForm, "resource", n);
-      },
-      expression: "listenerForm.resource"
-    }
-  })], 1) : e._e()] : e._e(), e.listenerForm.event === "timeout" ? [t("ElFormItem", {
-    key: "eventDefinitionType",
-    attrs: {
-      label: "定时器类型",
-      prop: "eventDefinitionType"
-    }
-  }, [t("ElSelect", {
-    model: {
-      value: e.listenerForm.eventDefinitionType,
-      callback: function(n) {
-        e.$set(e.listenerForm, "eventDefinitionType", n);
-      },
-      expression: "listenerForm.eventDefinitionType"
-    }
-  }, [t("ElOption", {
-    attrs: {
-      label: "日期",
-      value: "date"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "持续时长",
-      value: "duration"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "循环",
-      value: "cycle"
-    }
-  }), t("ElOption", {
-    attrs: {
-      label: "无",
-      value: "null"
-    }
-  })], 1)], 1), e.listenerForm.eventDefinitionType && e.listenerForm.eventDefinitionType !== "null" ? t("ElFormItem", {
-    key: "eventTimeDefinitions",
-    attrs: {
-      label: "定时器",
-      prop: "eventTimeDefinitions",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"],
-        message: "请填写定时器配置"
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerForm.eventTimeDefinitions,
-      callback: function(n) {
-        e.$set(e.listenerForm, "eventTimeDefinitions", n);
-      },
-      expression: "listenerForm.eventTimeDefinitions"
-    }
-  })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", {
-    staticClass: "listener-filed__title"
-  }, [t("span", [t("i", {
-    staticClass: "el-icon-menu"
-  }), e._v("注入字段：")]), t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary"
-    },
-    on: {
-      click: function(n) {
-        return e.openListenerFieldForm(null);
-      }
-    }
-  }, [e._v("添加字段")])], 1), t("ElTable", {
-    staticStyle: {
-      flex: "none"
-    },
-    attrs: {
-      data: e.fieldsListOfListener,
-      size: "mini",
-      "max-height": "240",
-      border: "",
-      fit: ""
-    }
-  }, [t("ElTableColumn", {
-    attrs: {
-      label: "序号",
-      width: "50px",
-      type: "index"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "字段名称",
-      "min-width": "100px",
-      prop: "name"
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "字段类型",
-      "min-width": "80px",
-      "show-overflow-tooltip": "",
-      formatter: function(n) {
-        return e.fieldTypeObject[n.fieldType];
-      }
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "字段值/表达式",
-      "min-width": "100px",
-      "show-overflow-tooltip": "",
-      formatter: function(n) {
-        return n.string || n.expression;
-      }
-    }
-  }), t("ElTableColumn", {
-    attrs: {
-      label: "操作",
-      width: "100px"
-    },
-    scopedSlots: e._u([{
-      key: "default",
-      fn: function(n) {
-        var s = n.row, l = n.$index;
-        return [t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.openListenerFieldForm(s, l);
-            }
-          }
-        }, [e._v("编辑")]), t("ElDivider", {
-          attrs: {
-            direction: "vertical"
-          }
-        }), t("ElButton", {
-          staticStyle: {
-            color: "#ff4d4f"
-          },
-          attrs: {
-            size: "mini",
-            type: "text"
-          },
-          on: {
-            click: function(r) {
-              return e.removeListenerField(s, l);
-            }
-          }
-        }, [e._v("移除")])];
-      }
-    }])
-  })], 1), t("div", {
-    staticClass: "element-drawer__button"
-  }, [t("ElButton", {
-    attrs: {
-      size: "mini"
-    },
-    on: {
-      click: function(n) {
-        e.listenerFormModelVisible = !1;
-      }
-    }
-  }, [e._v("取 消")]), t("ElButton", {
-    attrs: {
-      size: "mini",
-      type: "primary"
-    },
-    on: {
-      click: e.saveListenerConfig
-    }
-  }, [e._v("保 存")])], 1)], 1), t("ElementDialog", {
-    attrs: {
-      title: "字段配置",
-      visible: e.listenerFieldFormModelVisible,
-      width: "600px",
-      "append-to-body": "",
-      "destroy-on-close": ""
-    },
-    on: {
-      "update:visible": function(n) {
-        e.listenerFieldFormModelVisible = n;
-      }
-    },
-    scopedSlots: e._u([{
-      key: "footer",
-      fn: function() {
-        return [t("ElButton", {
-          attrs: {
-            size: "mini"
-          },
-          on: {
-            click: function(n) {
-              e.listenerFieldFormModelVisible = !1;
-            }
-          }
-        }, [e._v("取 消")]), t("ElButton", {
-          attrs: {
-            size: "mini",
-            type: "primary"
-          },
-          on: {
-            click: e.saveListenerFiled
-          }
-        }, [e._v("确 定")])];
-      },
-      proxy: !0
-    }])
-  }, [t("ElForm", {
-    ref: "listenerFieldFormRef",
-    staticStyle: {
-      height: "136px"
-    },
-    attrs: {
-      model: e.listenerFieldForm,
-      size: "mini",
-      "label-width": "96px"
-    },
-    nativeOn: {
-      submit: function(n) {
-        n.preventDefault();
-      }
-    }
-  }, [t("ElFormItem", {
-    attrs: {
-      label: "字段名称：",
-      prop: "name",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerFieldForm.name,
-      callback: function(n) {
-        e.$set(e.listenerFieldForm, "name", n);
-      },
-      expression: "listenerFieldForm.name"
-    }
-  })], 1), t("ElFormItem", {
-    attrs: {
-      label: "字段类型：",
-      prop: "fieldType",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElSelect", {
-    model: {
-      value: e.listenerFieldForm.fieldType,
-      callback: function(n) {
-        e.$set(e.listenerFieldForm, "fieldType", n);
-      },
-      expression: "listenerFieldForm.fieldType"
-    }
-  }, e._l(Object.keys(e.fieldTypeObject), function(n) {
-    return t("ElOption", {
-      key: n,
-      attrs: {
-        label: e.fieldTypeObject[n],
-        value: n
-      }
-    });
-  }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", {
-    key: "field-string",
-    attrs: {
-      label: "字段值：",
-      prop: "string",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerFieldForm.string,
-      callback: function(n) {
-        e.$set(e.listenerFieldForm, "string", n);
-      },
-      expression: "listenerFieldForm.string"
-    }
-  })], 1) : e._e(), e.listenerFieldForm.fieldType === "expression" ? t("ElFormItem", {
-    key: "field-expression",
-    attrs: {
-      label: "表达式：",
-      prop: "expression",
-      rules: {
-        required: !0,
-        trigger: ["blur", "change"]
-      }
-    }
-  }, [t("ElInput", {
-    attrs: {
-      clearable: ""
-    },
-    model: {
-      value: e.listenerFieldForm.expression,
-      callback: function(n) {
-        e.$set(e.listenerFieldForm, "expression", n);
-      },
-      expression: "listenerFieldForm.expression"
-    }
-  })], 1) : e._e()], 1)], 1)], 1);
-}, pt = [];
-const dt = {
-  name: "UserTaskListeners",
-  inject: {
-    prefix: "prefix",
-    width: "width"
-  },
-  props: {
-    id: String
-  },
-  data() {
-    return {
-      elementListenersList: [],
-      listenerEventTypeObject: Ue,
-      listenerTypeObject: D,
-      listenerFormModelVisible: !1,
-      listenerForm: {},
-      fieldTypeObject: j,
-      fieldsListOfListener: [],
-      listenerFieldFormModelVisible: !1,
-      // 监听器 注入字段表单弹窗 显示状态
-      editingListenerIndex: -1,
-      // 监听器所在下标，-1 为新增
-      editingListenerFieldIndex: -1,
-      // 字段所在下标，-1 为新增
-      listenerFieldForm: {}
-      // 监听器 注入字段 详情表单
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler(e) {
-        e && e.length && this.$nextTick(() => this.resetListenersList());
-      }
-    }
-  },
-  methods: {
-    resetListenersList() {
-      var e, i, t, n;
-      this.bpmnElement = window.bpmnInstances.bpmnElement, this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (i = (e = this.bpmnElement.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter((s) => s.$type === `${this.prefix}:TaskListener`)) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => B(s));
-    },
-    openListenerForm(e, i) {
-      e ? (this.listenerForm = M(e), this.editingListenerIndex = i) : (this.listenerForm = {}, this.editingListenerIndex = -1), e && e.fields ? this.fieldsListOfListener = e.fields.map((t) => p(o({}, t), {
-        fieldType: t.string ? "string" : "expression"
-      })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, this.$nextTick(() => {
-        this.$refs.listenerFormRef && this.$refs.listenerFormRef.clearValidate();
-      });
-    },
-    // 移除监听器
-    removeListener(e, i) {
-      this.$confirm("确认移除该监听器吗？", "提示", {
-        confirmButtonText: "确 认",
-        cancelButtonText: "取 消"
-      }).then(() => {
-        this.bpmnElementListeners.splice(i, 1), this.elementListenersList.splice(i, 1), u(this.bpmnElement, this.otherExtensionList.concat(this.bpmnElementListeners));
-      }).catch(() => console.info("操作取消"));
-    },
-    // 保存监听器
-    saveListenerConfig() {
-      return d(this, null, function* () {
-        var t, n, s, l;
-        if (!(yield this.$refs.listenerFormRef.validate()))
-          return;
-        const i = S(this.listenerForm, !0, this.prefix);
-        this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(i), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, i), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (l = (s = (n = (t = this.bpmnElement.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : n.values) == null ? void 0 : s.filter((r) => r.$type !== `${this.prefix}:TaskListener`)) != null ? l : [], u(this.bpmnElement, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
-      });
-    },
-    // 打开监听器字段编辑弹窗
-    openListenerFieldForm(e, i) {
-      this.listenerFieldForm = e ? JSON.parse(JSON.stringify(e)) : {}, this.editingListenerFieldIndex = e ? i : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
-        this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.clearValidate();
-      });
-    },
-    // 保存监听器注入字段
-    saveListenerFiled() {
-      return d(this, null, function* () {
-        (yield this.$refs.listenerFieldFormRef.validate()) && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, this.$nextTick(() => this.listenerFieldForm = {}));
-      });
-    },
-    // 移除监听器字段
-    removeListenerField(e, i) {
-      this.$confirm("确认移除该字段吗？", "提示", {
-        confirmButtonText: "确 认",
-        cancelButtonText: "取 消"
-      }).then(() => {
-        this.fieldsListOfListener.splice(i, 1), this.listenerForm.fields.splice(i, 1);
-      }).catch(() => console.info("操作取消"));
-    }
-  }
-}, L = {};
-var ut = /* @__PURE__ */ a(
-  dt,
-  ct,
-  pt,
-  !1,
-  ft,
-  null,
-  null,
-  null
-);
-function ft(e) {
-  for (let i in L)
-    this[i] = L[i];
-}
-const bt = /* @__PURE__ */ function() {
-  return ut.exports;
-}();
-var ht = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "process-panel__container",
-    style: {
-      width: `${e.width}px`
-    }
-  }, [t("ElCollapse", {
-    model: {
-      value: e.activeTab,
-      callback: function(n) {
-        e.activeTab = n;
-      },
-      expression: "activeTab"
-    }
-  }, [t("ElCollapseItem", {
-    attrs: {
-      name: "base"
-    },
-    scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [t("div", {
-          staticClass: "panel-tab__title"
-        }, [t("i", {
-          staticClass: "el-icon-info"
-        }), e._v("常规")])];
-      },
-      proxy: !0
-    }])
-  }, [t("ElementBaseInfo", {
-    attrs: {
-      "id-edit-disabled": e.idEditDisabled,
-      "business-object": e.elementBusinessObject,
-      type: e.elementType
-    }
-  })], 1), e.elementType === "Process" ? t("ElCollapseItem", {
-    key: "message",
-    attrs: {
-      name: "condition"
-    },
-    scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [t("div", {
-          staticClass: "panel-tab__title"
-        }, [t("i", {
-          staticClass: "el-icon-s-comment"
-        }), e._v("消息与信号")])];
-      },
-      proxy: !0
-    }], null, !1, 2715634709)
-  }, [t("SignalAndMassage")], 1) : e._e(), e.conditionFormVisible ? t("ElCollapseItem", {
-    key: "condition",
-    attrs: {
-      name: "condition"
-    },
-    scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [t("div", {
-          staticClass: "panel-tab__title"
-        }, [t("i", {
-          staticClass: "el-icon-s-promotion"
-        }), e._v("流转条件")])];
-      },
-      proxy: !0
-    }], null, !1, 2203010800)
-  }, [t("FlowCondition", {
-    attrs: {
-      "business-object": e.elementBusinessObject,
-      type: e.elementType
-    }
-  })], 1) : e._e(), e.formVisible ? t("ElCollapseItem", {
-    key: "form",
-    attrs: {
-      name: "condition"
-    },
-    scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [t("div", {
-          staticClass: "panel-tab__title"
-        }, [t("i", {
-          staticClass: "el-icon-s-order"
-        }), e._v("表单")])];
-      },
-      proxy: !0
-    }], null, !1, 1341048650)
-  }, [t("ElementForm", {
-    attrs: {
-      id: e.elementId,
-      type: e.elementType
-    }
-  })], 1) : e._e(), e.elementType.indexOf("Task") !== -1 ? t("ElCollapseItem", {
-    key: "task",
-    attrs: {
-      name: "task"
-    },
-    scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [t("div", {
-          staticClass: "panel-tab__title"
-        }, [t("i", {
-          staticClass: "el-icon-s-claim"
-        }), e._v("任务")])];
-      },
-      proxy: !0
-    }], null, !1, 2144785833)
-  }, [t("ElementTask", {
-    attrs: {
-      id: e.elementId,
-      type: e.elementType
-    }
-  })], 1) : e._e(), e.elementType.indexOf("Task") !== -1 ? t("ElCollapseItem", {
-    key: "multiInstance",
-    attrs: {
-      name: "multiInstance"
-    },
-    scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [t("div", {
-          staticClass: "panel-tab__title"
-        }, [t("i", {
-          staticClass: "el-icon-s-help"
-        }), e._v("多实例")])];
-      },
-      proxy: !0
-    }], null, !1, 1253501895)
-  }, [t("ElementMultiInstance", {
-    attrs: {
-      "business-object": e.elementBusinessObject,
-      type: e.elementType
-    }
-  })], 1) : e._e(), t("ElCollapseItem", {
-    key: "listeners",
-    attrs: {
-      name: "listeners"
-    },
-    scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [t("div", {
-          staticClass: "panel-tab__title"
-        }, [t("i", {
-          staticClass: "el-icon-message-solid"
-        }), e._v("执行监听器")])];
-      },
-      proxy: !0
-    }])
-  }, [t("ElementListeners", {
-    attrs: {
-      id: e.elementId,
-      type: e.elementType
-    }
-  })], 1), e.elementType === "UserTask" ? t("ElCollapseItem", {
-    key: "taskListeners",
-    attrs: {
-      name: "taskListeners"
-    },
-    scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [t("div", {
-          staticClass: "panel-tab__title"
-        }, [t("i", {
-          staticClass: "el-icon-message-solid"
-        }), e._v("任务监听器")])];
-      },
-      proxy: !0
-    }], null, !1, 3617698803)
-  }, [t("UserTaskListeners", {
-    attrs: {
-      id: e.elementId,
-      type: e.elementType
-    }
-  })], 1) : e._e(), t("ElCollapseItem", {
-    key: "extensions",
-    attrs: {
-      name: "extensions"
-    },
-    scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [t("div", {
-          staticClass: "panel-tab__title"
-        }, [t("i", {
-          staticClass: "el-icon-circle-plus"
-        }), e._v("扩展属性")])];
-      },
-      proxy: !0
-    }])
-  }, [t("ElementProperties", {
-    attrs: {
-      id: e.elementId,
-      type: e.elementType
-    }
-  })], 1), t("ElCollapseItem", {
-    key: "other",
-    attrs: {
-      name: "other"
-    },
-    scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [t("div", {
-          staticClass: "panel-tab__title"
-        }, [t("i", {
-          staticClass: "el-icon-s-promotion"
-        }), e._v("其他")])];
-      },
-      proxy: !0
-    }])
-  }, [t("ElementOtherConfig", {
-    attrs: {
-      id: e.elementId
-    }
-  })], 1)], 1)], 1);
-}, Ft = [];
-const vt = {
-  name: "PropertiesPanel",
-  components: {
-    UserTaskListeners: bt,
-    ElementForm: mt,
-    ElementProperties: it,
-    ElementListeners: Xe,
-    SignalAndMassage: Ae,
-    FlowCondition: De,
-    ElementMultiInstance: Ce,
-    ElementTask: _e,
-    ElementOtherConfig: Z,
-    ElementBaseInfo: G
-  },
-  componentName: "MyPropertiesPanel",
-  provide() {
-    return {
-      prefix: this.prefix,
-      width: this.width
-    };
-  },
-  props: {
-    bpmnModeler: Object,
-    prefix: {
-      type: String,
-      default: "camunda"
-    },
-    width: {
-      type: Number,
-      default: 480
-    },
-    idEditDisabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    return {
-      activeTab: "base",
-      elementId: "",
-      elementType: "",
-      elementBusinessObject: {},
-      // 元素 businessObject 镜像，提供给需要做判断的组件使用
-      conditionFormVisible: !1,
-      // 流转条件设置
-      formVisible: !1
-      // 表单配置
-    };
-  },
-  watch: {
-    elementId: {
-      handler() {
-        this.activeTab = "base";
-      }
-    }
-  },
-  created() {
-    this.initModels();
-  },
-  methods: {
-    initModels() {
-      if (!this.bpmnModeler) {
-        this.timer = setTimeout(() => this.initModels(), 10);
-        return;
-      }
-      this.timer && clearTimeout(this.timer), window.bpmnInstances = {
-        modeler: this.bpmnModeler,
-        modeling: this.bpmnModeler.get("modeling"),
-        moddle: this.bpmnModeler.get("moddle"),
-        eventBus: this.bpmnModeler.get("eventBus"),
-        bpmnFactory: this.bpmnModeler.get("bpmnFactory"),
-        elementFactory: this.bpmnModeler.get("elementFactory"),
-        elementRegistry: this.bpmnModeler.get("elementRegistry"),
-        replace: this.bpmnModeler.get("replace"),
-        selection: this.bpmnModeler.get("selection")
-      }, this.getActiveElement();
-    },
-    getActiveElement() {
-      this.initFormOnChanged(null), this.bpmnModeler.on("import.done", () => {
-        this.initFormOnChanged(null);
-      }), this.bpmnModeler.on("selection.changed", ({ newSelection: e }) => {
-        this.initFormOnChanged(e[0] || null);
-      }), this.bpmnModeler.on("element.changed", ({ element: e }) => {
-        e && e.id === this.elementId && this.initFormOnChanged(e);
-      });
-    },
-    // 初始化数据
-    initFormOnChanged(e) {
-      var t;
-      let i = e;
-      i || (i = (t = window.bpmnInstances.elementRegistry.find((n) => n.type === "bpmn:Process")) != null ? t : window.bpmnInstances.elementRegistry.find((n) => n.type === "bpmn:Collaboration")), i && (F.call(this, `select element changed: id: ${i.id} , type: ${i.businessObject.$type}`), F.call(this, "businessObject", i.businessObject), window.bpmnInstances.bpmnElement = i, this.bpmnElement = i, this.elementId = i.id, this.elementType = i.type.split(":")[1] || "", this.elementBusinessObject = JSON.parse(JSON.stringify(i.businessObject)), this.conditionFormVisible = !!(this.elementType === "SequenceFlow" && i.source && i.source.type.indexOf("StartEvent") === -1), this.formVisible = this.elementType === "UserTask" || this.elementType === "StartEvent");
-    },
-    beforeDestroy() {
-      window.bpmnInstances = null;
-    }
-  }
-}, O = {};
-var Et = /* @__PURE__ */ a(
-  vt,
-  ht,
-  Ft,
-  !1,
-  yt,
-  null,
-  null,
-  null
-);
-function yt(e) {
-  for (let i in O)
-    this[i] = O[i];
-}
-const wt = /* @__PURE__ */ function() {
-  return Et.exports;
-}();
-export {
-  wt as default
-};