@web-utils/component 2.7.20 → 2.7.21

package/dist/components/properties-panel/index.js

@@ -0,0 +1,4765 @@
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+import { debug } from "@web-utils/core";
+var render$d = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "panel-tab__content"
+  }, [_c("ElForm", {
+    attrs: {
+      size: "mini",
+      "label-width": "90px"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "ID"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      disabled: _vm.idEditDisabled,
+      clearable: ""
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateBaseInfo("id");
+      }
+    },
+    model: {
+      value: _vm.elementBaseInfo.id,
+      callback: function($$v) {
+        _vm.$set(_vm.elementBaseInfo, "id", $$v);
+      },
+      expression: "elementBaseInfo.id"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "名称"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateBaseInfo("name");
+      }
+    },
+    model: {
+      value: _vm.elementBaseInfo.name,
+      callback: function($$v) {
+        _vm.$set(_vm.elementBaseInfo, "name", $$v);
+      },
+      expression: "elementBaseInfo.name"
+    }
+  })], 1), _vm.elementBaseInfo.$type === "bpmn:Process" ? [_c("ElFormItem", {
+    attrs: {
+      label: "版本标签"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateBaseInfo("versionTag");
+      }
+    },
+    model: {
+      value: _vm.elementBaseInfo.versionTag,
+      callback: function($$v) {
+        _vm.$set(_vm.elementBaseInfo, "versionTag", $$v);
+      },
+      expression: "elementBaseInfo.versionTag"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "可执行"
+    }
+  }, [_c("ElSwitch", {
+    attrs: {
+      "active-text": "是",
+      "inactive-text": "否"
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateBaseInfo("isExecutable");
+      }
+    },
+    model: {
+      value: _vm.elementBaseInfo.isExecutable,
+      callback: function($$v) {
+        _vm.$set(_vm.elementBaseInfo, "isExecutable", $$v);
+      },
+      expression: "elementBaseInfo.isExecutable"
+    }
+  })], 1)] : _vm._e(), _vm.elementBaseInfo.$type === "bpmn:SubProcess" ? _c("ElFormItem", {
+    attrs: {
+      label: "状态"
+    }
+  }, [_c("ElSwitch", {
+    attrs: {
+      "active-text": "展开",
+      "inactive-text": "折叠"
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateBaseInfo("isExpanded");
+      }
+    },
+    model: {
+      value: _vm.elementBaseInfo.isExpanded,
+      callback: function($$v) {
+        _vm.$set(_vm.elementBaseInfo, "isExpanded", $$v);
+      },
+      expression: "elementBaseInfo.isExpanded"
+    }
+  })], 1) : _vm._e()], 2)], 1);
+}, staticRenderFns$d = [];
+const __vue2_script$d = {
+  name: "ElementBaseInfo",
+  props: {
+    businessObject: Object,
+    idEditDisabled: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      elementBaseInfo: {}
+    };
+  },
+  watch: {
+    businessObject: {
+      immediate: !1,
+      handler: function(val) {
+        val && this.$nextTick(() => this.resetBaseInfo());
+      }
+    }
+  },
+  beforeDestroy() {
+    this.bpmnElement = null;
+  },
+  methods: {
+    resetBaseInfo() {
+      var _a, _b;
+      this.bpmnElement = ((_a = window == null ? void 0 : window.bpmnInstances) == null ? void 0 : _a.bpmnElement) || {}, this.elementBaseInfo = JSON.parse(JSON.stringify(this.bpmnElement.businessObject)), this.elementBaseInfo && this.elementBaseInfo.$type === "bpmn:SubProcess" && this.$set(this.elementBaseInfo, "isExpanded", (_b = this.elementBaseInfo.di) == null ? void 0 : _b.isExpanded);
+    },
+    updateBaseInfo(key) {
+      var _a;
+      if (key === "id") {
+        window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
+          id: this.elementBaseInfo[key],
+          di: { id: `${this.elementBaseInfo[key]}_di` }
+        });
+        return;
+      }
+      if (key === "isExpanded") {
+        (_a = window == null ? void 0 : window.bpmnInstances) == null || _a.modeling.toggleCollapse(this.bpmnElement);
+        return;
+      }
+      const attrObj = /* @__PURE__ */ Object.create(null);
+      attrObj[key] = this.elementBaseInfo[key], window.bpmnInstances.modeling.updateProperties(this.bpmnElement, attrObj);
+    }
+  }
+}, __cssModules$d = {};
+var __component__$d = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$d,
+  render$d,
+  staticRenderFns$d,
+  !1,
+  __vue2_injectStyles$d,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$d(context) {
+  for (let o in __cssModules$d)
+    this[o] = __cssModules$d[o];
+}
+const ElementBaseInfo = /* @__PURE__ */ function() {
+  return __component__$d.exports;
+}();
+var render$c = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "panel-tab__content"
+  }, [_c("div", {
+    staticClass: "element-property input-property"
+  }, [_c("div", {
+    staticClass: "element-property__label"
+  }, [_vm._v("元素文档：")]), _c("div", {
+    staticClass: "element-property__value"
+  }, [_c("ElInput", {
+    attrs: {
+      type: "textarea",
+      size: "mini",
+      resize: "vertical",
+      autosize: {
+        minRows: 2,
+        maxRows: 4
+      }
+    },
+    on: {
+      input: _vm.updateDocumentation,
+      blur: _vm.updateDocumentation
+    },
+    model: {
+      value: _vm.documentation,
+      callback: function($$v) {
+        _vm.documentation = $$v;
+      },
+      expression: "documentation"
+    }
+  })], 1)])]);
+}, staticRenderFns$c = [];
+const __vue2_script$c = {
+  name: "ElementOtherConfig",
+  props: {
+    id: String
+  },
+  data() {
+    return {
+      documentation: ""
+    };
+  },
+  watch: {
+    id: {
+      immediate: !0,
+      handler: function(id) {
+        id && id.length ? this.$nextTick(() => {
+          var _a;
+          const documentations = (_a = window.bpmnInstances.bpmnElement.businessObject) == null ? void 0 : _a.documentation;
+          this.documentation = documentations && documentations.length ? documentations[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 documentation = window.bpmnInstances.bpmnFactory.create("bpmn:Documentation", { text: this.documentation });
+      window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
+        documentation: [documentation]
+      });
+    }
+  }
+}, __cssModules$c = {};
+var __component__$c = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$c,
+  render$c,
+  staticRenderFns$c,
+  !1,
+  __vue2_injectStyles$c,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$c(context) {
+  for (let o in __cssModules$c)
+    this[o] = __cssModules$c[o];
+}
+const ElementOtherConfig = /* @__PURE__ */ function() {
+  return __component__$c.exports;
+}();
+var render$b = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticStyle: {
+      "margin-top": "16px"
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "处理用户"
+    }
+  }, [_c("ElSelect", {
+    on: {
+      change: function($event) {
+        return _vm.updateElementTask("assignee");
+      }
+    },
+    model: {
+      value: _vm.userTaskForm.assignee,
+      callback: function($$v) {
+        _vm.$set(_vm.userTaskForm, "assignee", $$v);
+      },
+      expression: "userTaskForm.assignee"
+    }
+  }, _vm._l(_vm.mockData, function(ak) {
+    return _c("ElOption", {
+      key: `ass-${ak}`,
+      attrs: {
+        label: `用户${ak}`,
+        value: `user${ak}`
+      }
+    });
+  }), 1)], 1), _c("ElFormItem", {
+    attrs: {
+      label: "候选用户"
+    }
+  }, [_c("ElSelect", {
+    attrs: {
+      multiple: "",
+      "collapse-tags": ""
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateElementTask("candidateUsers");
+      }
+    },
+    model: {
+      value: _vm.userTaskForm.candidateUsers,
+      callback: function($$v) {
+        _vm.$set(_vm.userTaskForm, "candidateUsers", $$v);
+      },
+      expression: "userTaskForm.candidateUsers"
+    }
+  }, _vm._l(_vm.mockData, function(uk) {
+    return _c("ElOption", {
+      key: `user-${uk}`,
+      attrs: {
+        label: `用户${uk}`,
+        value: `user${uk}`
+      }
+    });
+  }), 1)], 1), _c("ElFormItem", {
+    attrs: {
+      label: "候选分组"
+    }
+  }, [_c("ElSelect", {
+    attrs: {
+      multiple: "",
+      "collapse-tags": ""
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateElementTask("candidateGroups");
+      }
+    },
+    model: {
+      value: _vm.userTaskForm.candidateGroups,
+      callback: function($$v) {
+        _vm.$set(_vm.userTaskForm, "candidateGroups", $$v);
+      },
+      expression: "userTaskForm.candidateGroups"
+    }
+  }, _vm._l(_vm.mockData, function(gk) {
+    return _c("ElOption", {
+      key: `ass-${gk}`,
+      attrs: {
+        label: `分组${gk}`,
+        value: `group${gk}`
+      }
+    });
+  }), 1)], 1), _c("ElFormItem", {
+    attrs: {
+      label: "到期时间"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateElementTask("dueDate");
+      }
+    },
+    model: {
+      value: _vm.userTaskForm.dueDate,
+      callback: function($$v) {
+        _vm.$set(_vm.userTaskForm, "dueDate", $$v);
+      },
+      expression: "userTaskForm.dueDate"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "跟踪时间"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateElementTask("followUpDate");
+      }
+    },
+    model: {
+      value: _vm.userTaskForm.followUpDate,
+      callback: function($$v) {
+        _vm.$set(_vm.userTaskForm, "followUpDate", $$v);
+      },
+      expression: "userTaskForm.followUpDate"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "优先级"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateElementTask("priority");
+      }
+    },
+    model: {
+      value: _vm.userTaskForm.priority,
+      callback: function($$v) {
+        _vm.$set(_vm.userTaskForm, "priority", $$v);
+      },
+      expression: "userTaskForm.priority"
+    }
+  })], 1)], 1);
+}, staticRenderFns$b = [];
+const __vue2_script$b = {
+  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 _a, _b;
+      for (const key in this.defaultTaskForm) {
+        let value;
+        key === "candidateUsers" || key === "candidateGroups" ? value = (_a = this.bpmnElement) != null && _a.businessObject[key] ? this.bpmnElement.businessObject[key].split(",") : [] : value = ((_b = this.bpmnElement) == null ? void 0 : _b.businessObject[key]) || this.defaultTaskForm[key], this.$set(this.userTaskForm, key, value);
+      }
+    },
+    updateElementTask(key) {
+      const taskAttr = /* @__PURE__ */ Object.create(null);
+      key === "candidateUsers" || key === "candidateGroups" ? taskAttr[key] = this.userTaskForm[key] && this.userTaskForm[key].length ? this.userTaskForm[key].join() : null : taskAttr[key] = this.userTaskForm[key] || null, window.bpmnInstances.modeling.updateProperties(this.bpmnElement, taskAttr);
+    }
+  }
+}, __cssModules$b = {};
+var __component__$b = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$b,
+  render$b,
+  staticRenderFns$b,
+  !1,
+  __vue2_injectStyles$b,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$b(context) {
+  for (let o in __cssModules$b)
+    this[o] = __cssModules$b[o];
+}
+const UserTask = /* @__PURE__ */ function() {
+  return __component__$b.exports;
+}();
+var render$a = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticStyle: {
+      "margin-top": "16px"
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "脚本格式"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      input: function($event) {
+        return _vm.updateElementTask();
+      },
+      change: function($event) {
+        return _vm.updateElementTask();
+      }
+    },
+    model: {
+      value: _vm.scriptTaskForm.scriptFormat,
+      callback: function($$v) {
+        _vm.$set(_vm.scriptTaskForm, "scriptFormat", $$v);
+      },
+      expression: "scriptTaskForm.scriptFormat"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "脚本类型"
+    }
+  }, [_c("ElSelect", {
+    model: {
+      value: _vm.scriptTaskForm.scriptType,
+      callback: function($$v) {
+        _vm.$set(_vm.scriptTaskForm, "scriptType", $$v);
+      },
+      expression: "scriptTaskForm.scriptType"
+    }
+  }, [_c("ElOption", {
+    attrs: {
+      label: "内联脚本",
+      value: "inline"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "外部资源",
+      value: "external"
+    }
+  })], 1)], 1), _c("ElFormItem", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.scriptTaskForm.scriptType === "inline",
+      expression: "scriptTaskForm.scriptType === 'inline'"
+    }],
+    attrs: {
+      label: "脚本"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      type: "textarea",
+      resize: "vertical",
+      autosize: {
+        minRows: 2,
+        maxRows: 4
+      },
+      clearable: ""
+    },
+    on: {
+      input: function($event) {
+        return _vm.updateElementTask();
+      },
+      change: function($event) {
+        return _vm.updateElementTask();
+      }
+    },
+    model: {
+      value: _vm.scriptTaskForm.script,
+      callback: function($$v) {
+        _vm.$set(_vm.scriptTaskForm, "script", $$v);
+      },
+      expression: "scriptTaskForm.script"
+    }
+  })], 1), _c("ElFormItem", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.scriptTaskForm.scriptType === "external",
+      expression: "scriptTaskForm.scriptType === 'external'"
+    }],
+    attrs: {
+      label: "资源地址"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      input: function($event) {
+        return _vm.updateElementTask();
+      },
+      change: function($event) {
+        return _vm.updateElementTask();
+      }
+    },
+    model: {
+      value: _vm.scriptTaskForm.resource,
+      callback: function($$v) {
+        _vm.$set(_vm.scriptTaskForm, "resource", $$v);
+      },
+      expression: "scriptTaskForm.resource"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "结果变量"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      input: function($event) {
+        return _vm.updateElementTask();
+      },
+      change: function($event) {
+        return _vm.updateElementTask();
+      }
+    },
+    model: {
+      value: _vm.scriptTaskForm.resultVariable,
+      callback: function($$v) {
+        _vm.$set(_vm.scriptTaskForm, "resultVariable", $$v);
+      },
+      expression: "scriptTaskForm.resultVariable"
+    }
+  })], 1)], 1);
+}, staticRenderFns$a = [];
+const __vue2_script$a = {
+  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 _a;
+      for (const key in this.defaultTaskForm) {
+        const value = ((_a = this.bpmnElement) == null ? void 0 : _a.businessObject[key]) || this.defaultTaskForm[key];
+        this.$set(this.scriptTaskForm, key, value);
+      }
+      this.$set(this.scriptTaskForm, "scriptType", this.scriptTaskForm.script ? "inline" : "external");
+    },
+    updateElementTask() {
+      const taskAttr = /* @__PURE__ */ Object.create(null);
+      taskAttr.scriptFormat = this.scriptTaskForm.scriptFormat || null, taskAttr.resultVariable = this.scriptTaskForm.resultVariable || null, this.scriptTaskForm.scriptType === "inline" ? (taskAttr.script = this.scriptTaskForm.script || null, taskAttr.resource = null) : (taskAttr.resource = this.scriptTaskForm.resource || null, taskAttr.script = null), window.bpmnInstances.modeling.updateProperties(this.bpmnElement, taskAttr);
+    }
+  }
+}, __cssModules$a = {};
+var __component__$a = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$a,
+  render$a,
+  staticRenderFns$a,
+  !1,
+  __vue2_injectStyles$a,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$a(context) {
+  for (let o in __cssModules$a)
+    this[o] = __cssModules$a[o];
+}
+const ScriptTask = /* @__PURE__ */ function() {
+  return __component__$a.exports;
+}();
+var render$9 = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticStyle: {
+      "margin-top": "16px"
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "消息实例"
+    }
+  }, [_c("div", {
+    staticStyle: {
+      display: "flex",
+      "align-items": "center",
+      "justify-content": "space-between",
+      "flex-wrap": "nowrap"
+    }
+  }, [_c("ElSelect", {
+    on: {
+      change: _vm.updateTaskMessage
+    },
+    model: {
+      value: _vm.bindMessageId,
+      callback: function($$v) {
+        _vm.bindMessageId = $$v;
+      },
+      expression: "bindMessageId"
+    }
+  }, _vm._l(Object.keys(_vm.messageMap), function(id) {
+    return _c("ElOption", {
+      key: id,
+      attrs: {
+        value: id,
+        label: _vm.messageMap[id]
+      }
+    });
+  }), 1), _c("ElButton", {
+    staticStyle: {
+      "margin-left": "8px"
+    },
+    attrs: {
+      size: "mini",
+      type: "primary",
+      icon: "el-icon-plus"
+    },
+    on: {
+      click: _vm.openMessageModel
+    }
+  })], 1)]), _c("ElementDialog", {
+    attrs: {
+      visible: _vm.messageModelVisible,
+      "close-on-click-modal": !1,
+      title: "创建新消息",
+      width: "400px",
+      "append-to-body": "",
+      "destroy-on-close": ""
+    },
+    on: {
+      "update:visible": function($event) {
+        _vm.messageModelVisible = $event;
+      }
+    },
+    scopedSlots: _vm._u([{
+      key: "footer",
+      fn: function() {
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "primary"
+          },
+          on: {
+            click: _vm.createNewMessage
+          }
+        }, [_vm._v("确 认")])];
+      },
+      proxy: !0
+    }])
+  }, [_c("ElForm", {
+    attrs: {
+      model: _vm.newMessageForm,
+      size: "mini",
+      "label-width": "90px"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "消息ID"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.newMessageForm.id,
+      callback: function($$v) {
+        _vm.$set(_vm.newMessageForm, "id", $$v);
+      },
+      expression: "newMessageForm.id"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "消息名称"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.newMessageForm.name,
+      callback: function($$v) {
+        _vm.$set(_vm.newMessageForm, "name", $$v);
+      },
+      expression: "newMessageForm.name"
+    }
+  })], 1)], 1)], 1)], 1);
+}, staticRenderFns$9 = [];
+const __vue2_script$9 = {
+  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((el) => el.$type === "bpmn:Message").forEach((m) => {
+      this.bpmnMessageRefsMap[m.id] = m, this.$set(this.messageMap, m.id, m.name);
+    }), this.$set(this.messageMap, "-1", "无");
+  },
+  beforeDestroy() {
+    this.bpmnElement = null;
+  },
+  methods: {
+    getBindMessage() {
+      var _a, _b;
+      this.bpmnElement = window.bpmnInstances.bpmnElement, this.bindMessageId = ((_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.messageRef) == null ? void 0 : _b.id) || "-1";
+    },
+    openMessageModel() {
+      this.messageModelVisible = !0, this.newMessageForm = {};
+    },
+    createNewMessage() {
+      if (this.messageMap[this.newMessageForm.id]) {
+        this.$message.error("该消息已存在，请修改id后重新保存");
+        return;
+      }
+      const newMessage = window.bpmnInstances.moddle.create("bpmn:Message", this.newMessageForm);
+      this.bpmnRootElements.push(newMessage), this.$set(this.messageMap, this.newMessageForm.id, this.newMessageForm.name), this.bpmnMessageRefsMap[this.newMessageForm.id] = newMessage, this.messageModelVisible = !1;
+    },
+    updateTaskMessage(messageId) {
+      messageId === "-1" ? window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
+        messageRef: null
+      }) : window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
+        messageRef: this.bpmnMessageRefsMap[messageId]
+      });
+    }
+  }
+}, __cssModules$9 = {};
+var __component__$9 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$9,
+  render$9,
+  staticRenderFns$9,
+  !1,
+  __vue2_injectStyles$9,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$9(context) {
+  for (let o in __cssModules$9)
+    this[o] = __cssModules$9[o];
+}
+const ReceiveTask = /* @__PURE__ */ function() {
+  return __component__$9.exports;
+}();
+var render$8 = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "panel-tab__content"
+  }, [_c("ElForm", {
+    attrs: {
+      size: "mini",
+      "label-width": "90px"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "异步延续"
+    }
+  }, [_c("ElCheckbox", {
+    attrs: {
+      label: "异步前"
+    },
+    on: {
+      change: _vm.changeTaskAsync
+    },
+    model: {
+      value: _vm.taskConfigForm.asyncBefore,
+      callback: function($$v) {
+        _vm.$set(_vm.taskConfigForm, "asyncBefore", $$v);
+      },
+      expression: "taskConfigForm.asyncBefore"
+    }
+  }), _c("ElCheckbox", {
+    attrs: {
+      label: "异步后"
+    },
+    on: {
+      change: _vm.changeTaskAsync
+    },
+    model: {
+      value: _vm.taskConfigForm.asyncAfter,
+      callback: function($$v) {
+        _vm.$set(_vm.taskConfigForm, "asyncAfter", $$v);
+      },
+      expression: "taskConfigForm.asyncAfter"
+    }
+  }), _vm.taskConfigForm.asyncAfter || _vm.taskConfigForm.asyncBefore ? _c("ElCheckbox", {
+    attrs: {
+      label: "排除"
+    },
+    on: {
+      change: _vm.changeTaskAsync
+    },
+    model: {
+      value: _vm.taskConfigForm.exclusive,
+      callback: function($$v) {
+        _vm.$set(_vm.taskConfigForm, "exclusive", $$v);
+      },
+      expression: "taskConfigForm.exclusive"
+    }
+  }) : _vm._e()], 1), _c(_vm.witchTaskComponent, _vm._b({
+    tag: "Component"
+  }, "Component", _vm.$props, !1))], 1)], 1);
+}, staticRenderFns$8 = [];
+const __vue2_script$8 = {
+  name: "ElementTaskConfig",
+  components: { UserTask, ScriptTask, ReceiveTask },
+  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 _a, _b, _c, _d, _e, _f;
+        this.bpmnElement = window.bpmnInstances.bpmnElement, this.taskConfigForm.asyncBefore = (_b = (_a = this.bpmnElement) == null ? void 0 : _a.businessObject) == null ? void 0 : _b.asyncBefore, this.taskConfigForm.asyncAfter = (_d = (_c = this.bpmnElement) == null ? void 0 : _c.businessObject) == null ? void 0 : _d.asyncAfter, this.taskConfigForm.exclusive = (_f = (_e = this.bpmnElement) == null ? void 0 : _e.businessObject) == null ? void 0 : _f.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, {
+        ...this.taskConfigForm
+      });
+    }
+  }
+}, __cssModules$8 = {};
+var __component__$8 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$8,
+  render$8,
+  staticRenderFns$8,
+  !1,
+  __vue2_injectStyles$8,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$8(context) {
+  for (let o in __cssModules$8)
+    this[o] = __cssModules$8[o];
+}
+const ElementTask = /* @__PURE__ */ function() {
+  return __component__$8.exports;
+}();
+var render$7 = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "panel-tab__content"
+  }, [_c("ElForm", {
+    attrs: {
+      size: "mini",
+      "label-width": "90px"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "回路特性"
+    }
+  }, [_c("ElSelect", {
+    on: {
+      change: _vm.changeLoopCharacteristicsType
+    },
+    model: {
+      value: _vm.loopCharacteristics,
+      callback: function($$v) {
+        _vm.loopCharacteristics = $$v;
+      },
+      expression: "loopCharacteristics"
+    }
+  }, [_c("ElOption", {
+    attrs: {
+      label: "并行多重事件",
+      value: "ParallelMultiInstance"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "时序多重事件",
+      value: "SequentialMultiInstance"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "循环事件",
+      value: "StandardLoop"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "无",
+      value: "Null"
+    }
+  })], 1)], 1), _vm.loopCharacteristics === "ParallelMultiInstance" || _vm.loopCharacteristics === "SequentialMultiInstance" ? [_c("ElFormItem", {
+    key: "loopCardinality",
+    attrs: {
+      label: "循环基数"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: _vm.updateLoopCardinality
+    },
+    model: {
+      value: _vm.loopInstanceForm.loopCardinality,
+      callback: function($$v) {
+        _vm.$set(_vm.loopInstanceForm, "loopCardinality", $$v);
+      },
+      expression: "loopInstanceForm.loopCardinality"
+    }
+  })], 1), _c("ElFormItem", {
+    key: "collection",
+    attrs: {
+      label: "集合"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: _vm.updateLoopBase
+    },
+    model: {
+      value: _vm.loopInstanceForm.collection,
+      callback: function($$v) {
+        _vm.$set(_vm.loopInstanceForm, "collection", $$v);
+      },
+      expression: "loopInstanceForm.collection"
+    }
+  })], 1), _c("ElFormItem", {
+    key: "elementVariable",
+    attrs: {
+      label: "元素变量"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: _vm.updateLoopBase
+    },
+    model: {
+      value: _vm.loopInstanceForm.elementVariable,
+      callback: function($$v) {
+        _vm.$set(_vm.loopInstanceForm, "elementVariable", $$v);
+      },
+      expression: "loopInstanceForm.elementVariable"
+    }
+  })], 1), _c("ElFormItem", {
+    key: "completionCondition",
+    attrs: {
+      label: "完成条件"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: _vm.updateLoopCondition
+    },
+    model: {
+      value: _vm.loopInstanceForm.completionCondition,
+      callback: function($$v) {
+        _vm.$set(_vm.loopInstanceForm, "completionCondition", $$v);
+      },
+      expression: "loopInstanceForm.completionCondition"
+    }
+  })], 1), _c("ElFormItem", {
+    key: "async",
+    attrs: {
+      label: "异步状态"
+    }
+  }, [_c("ElCheckbox", {
+    attrs: {
+      label: "异步前"
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateLoopAsync("asyncBefore");
+      }
+    },
+    model: {
+      value: _vm.loopInstanceForm.asyncBefore,
+      callback: function($$v) {
+        _vm.$set(_vm.loopInstanceForm, "asyncBefore", $$v);
+      },
+      expression: "loopInstanceForm.asyncBefore"
+    }
+  }), _c("ElCheckbox", {
+    attrs: {
+      label: "异步后"
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateLoopAsync("asyncAfter");
+      }
+    },
+    model: {
+      value: _vm.loopInstanceForm.asyncAfter,
+      callback: function($$v) {
+        _vm.$set(_vm.loopInstanceForm, "asyncAfter", $$v);
+      },
+      expression: "loopInstanceForm.asyncAfter"
+    }
+  }), _vm.loopInstanceForm.asyncAfter || _vm.loopInstanceForm.asyncBefore ? _c("ElCheckbox", {
+    attrs: {
+      label: "排除"
+    },
+    on: {
+      change: function($event) {
+        return _vm.updateLoopAsync("exclusive");
+      }
+    },
+    model: {
+      value: _vm.loopInstanceForm.exclusive,
+      callback: function($$v) {
+        _vm.$set(_vm.loopInstanceForm, "exclusive", $$v);
+      },
+      expression: "loopInstanceForm.exclusive"
+    }
+  }) : _vm._e()], 1), _vm.loopInstanceForm.asyncAfter || _vm.loopInstanceForm.asyncBefore ? _c("ElFormItem", {
+    key: "timeCycle",
+    attrs: {
+      label: "重试周期",
+      prop: "timeCycle"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: _vm.updateLoopTimeCycle
+    },
+    model: {
+      value: _vm.loopInstanceForm.timeCycle,
+      callback: function($$v) {
+        _vm.$set(_vm.loopInstanceForm, "timeCycle", $$v);
+      },
+      expression: "loopInstanceForm.timeCycle"
+    }
+  })], 1) : _vm._e()] : _vm._e()], 2)], 1);
+}, staticRenderFns$7 = [];
+const __vue2_script$7 = {
+  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(val) {
+        this.bpmnElement = window.bpmnInstances.bpmnElement, this.getElementLoop(val);
+      }
+    }
+  },
+  beforeDestroy() {
+    this.multiLoopInstance = null, this.bpmnElement = null;
+  },
+  methods: {
+    getElementLoop(businessObject) {
+      var _a, _b, _c, _d;
+      if (!businessObject.loopCharacteristics) {
+        this.loopCharacteristics = "Null", this.loopInstanceForm = {};
+        return;
+      }
+      if (businessObject.loopCharacteristics.$type === "bpmn:StandardLoopCharacteristics") {
+        this.loopCharacteristics = "StandardLoop", this.loopInstanceForm = {};
+        return;
+      }
+      businessObject.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = {
+        ...this.defaultLoopInstanceForm,
+        ...businessObject.loopCharacteristics,
+        completionCondition: ((_b = (_a = businessObject.loopCharacteristics) == null ? void 0 : _a.completionCondition) == null ? void 0 : _b.body) ?? "",
+        loopCardinality: ((_d = (_c = businessObject.loopCharacteristics) == null ? void 0 : _c.loopCardinality) == null ? void 0 : _d.body) ?? ""
+      }, this.multiLoopInstance = window.bpmnInstances.bpmnElement.businessObject.loopCharacteristics, businessObject.loopCharacteristics.extensionElements && businessObject.loopCharacteristics.extensionElements.values && businessObject.loopCharacteristics.extensionElements.values.length && this.$set(this.loopInstanceForm, "timeCycle", businessObject.loopCharacteristics.extensionElements.values[0].body);
+    },
+    changeLoopCharacteristicsType(type) {
+      if (type === "Null") {
+        window.bpmnInstances.modeling.updateProperties(this.bpmnElement, { loopCharacteristics: null });
+        return;
+      }
+      if (type === "StandardLoop") {
+        const loopCharacteristicsObject = window.bpmnInstances.moddle.create("bpmn:StandardLoopCharacteristics");
+        window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
+          loopCharacteristics: loopCharacteristicsObject
+        }), this.multiLoopInstance = null;
+        return;
+      }
+      type === "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(cardinality) {
+      let loopCardinality = null;
+      cardinality && cardinality.length && (loopCardinality = window.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: cardinality })), window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.multiLoopInstance, {
+        loopCardinality
+      });
+    },
+    // 完成条件
+    updateLoopCondition(condition) {
+      let completionCondition = null;
+      condition && condition.length && (completionCondition = window.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: condition })), window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.multiLoopInstance, {
+        completionCondition
+      });
+    },
+    // 重试周期
+    updateLoopTimeCycle(timeCycle) {
+      const extensionElements = window.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
+        values: [
+          window.bpmnInstances.moddle.create(`${this.prefix}:FailedJobRetryTimeCycle`, {
+            body: timeCycle
+          })
+        ]
+      });
+      window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.multiLoopInstance, {
+        extensionElements
+      });
+    },
+    // 直接更新的基础信息
+    updateLoopBase() {
+      window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.multiLoopInstance, {
+        collection: this.loopInstanceForm.collection || null,
+        elementVariable: this.loopInstanceForm.elementVariable || null
+      });
+    },
+    // 各异步状态
+    updateLoopAsync(key) {
+      const { asyncBefore, asyncAfter } = this.loopInstanceForm;
+      let asyncAttr = /* @__PURE__ */ Object.create(null);
+      !asyncBefore && !asyncAfter ? (this.$set(this.loopInstanceForm, "exclusive", !1), asyncAttr = { asyncBefore: !1, asyncAfter: !1, exclusive: !1, extensionElements: null }) : asyncAttr[key] = this.loopInstanceForm[key], window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.multiLoopInstance, asyncAttr);
+    }
+  }
+}, __cssModules$7 = {};
+var __component__$7 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$7,
+  render$7,
+  staticRenderFns$7,
+  !1,
+  __vue2_injectStyles$7,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$7(context) {
+  for (let o in __cssModules$7)
+    this[o] = __cssModules$7[o];
+}
+const ElementMultiInstance = /* @__PURE__ */ function() {
+  return __component__$7.exports;
+}();
+var render$6 = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "panel-tab__content"
+  }, [_c("ElForm", {
+    attrs: {
+      model: _vm.flowConditionForm,
+      "label-width": "90px",
+      size: "mini"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "流转类型"
+    }
+  }, [_c("ElSelect", {
+    on: {
+      change: _vm.updateFlowType
+    },
+    model: {
+      value: _vm.flowConditionForm.type,
+      callback: function($$v) {
+        _vm.$set(_vm.flowConditionForm, "type", $$v);
+      },
+      expression: "flowConditionForm.type"
+    }
+  }, [_c("ElOption", {
+    attrs: {
+      label: "普通流转路径",
+      value: "normal"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "默认流转路径",
+      value: "default"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "条件流转路径",
+      value: "condition"
+    }
+  })], 1)], 1), _vm.flowConditionForm.type === "condition" ? _c("ElFormItem", {
+    key: "condition",
+    attrs: {
+      label: "条件格式"
+    }
+  }, [_c("ElSelect", {
+    model: {
+      value: _vm.flowConditionForm.conditionType,
+      callback: function($$v) {
+        _vm.$set(_vm.flowConditionForm, "conditionType", $$v);
+      },
+      expression: "flowConditionForm.conditionType"
+    }
+  }, [_c("ElOption", {
+    attrs: {
+      label: "表达式",
+      value: "expression"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "脚本",
+      value: "script"
+    }
+  })], 1)], 1) : _vm._e(), _vm.flowConditionForm.conditionType && _vm.flowConditionForm.conditionType === "expression" ? _c("ElFormItem", {
+    key: "express",
+    attrs: {
+      label: "表达式"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: _vm.updateFlowCondition
+    },
+    model: {
+      value: _vm.flowConditionForm.body,
+      callback: function($$v) {
+        _vm.$set(_vm.flowConditionForm, "body", $$v);
+      },
+      expression: "flowConditionForm.body"
+    }
+  })], 1) : _vm._e(), _vm.flowConditionForm.conditionType && _vm.flowConditionForm.conditionType === "script" ? [_c("ElFormItem", {
+    key: "language",
+    attrs: {
+      label: "脚本语言"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: _vm.updateFlowCondition
+    },
+    model: {
+      value: _vm.flowConditionForm.language,
+      callback: function($$v) {
+        _vm.$set(_vm.flowConditionForm, "language", $$v);
+      },
+      expression: "flowConditionForm.language"
+    }
+  })], 1), _c("ElFormItem", {
+    key: "scriptType",
+    attrs: {
+      label: "脚本类型"
+    }
+  }, [_c("ElSelect", {
+    model: {
+      value: _vm.flowConditionForm.scriptType,
+      callback: function($$v) {
+        _vm.$set(_vm.flowConditionForm, "scriptType", $$v);
+      },
+      expression: "flowConditionForm.scriptType"
+    }
+  }, [_c("ElOption", {
+    attrs: {
+      label: "内联脚本",
+      value: "inlineScript"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "外部脚本",
+      value: "externalScript"
+    }
+  })], 1)], 1), _vm.flowConditionForm.scriptType === "inlineScript" ? _c("ElFormItem", {
+    key: "body",
+    attrs: {
+      label: "脚本"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      type: "textarea",
+      clearable: ""
+    },
+    on: {
+      change: _vm.updateFlowCondition
+    },
+    model: {
+      value: _vm.flowConditionForm.body,
+      callback: function($$v) {
+        _vm.$set(_vm.flowConditionForm, "body", $$v);
+      },
+      expression: "flowConditionForm.body"
+    }
+  })], 1) : _vm._e(), _vm.flowConditionForm.scriptType === "externalScript" ? _c("ElFormItem", {
+    key: "resource",
+    attrs: {
+      label: "资源地址"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: _vm.updateFlowCondition
+    },
+    model: {
+      value: _vm.flowConditionForm.resource,
+      callback: function($$v) {
+        _vm.$set(_vm.flowConditionForm, "resource", $$v);
+      },
+      expression: "flowConditionForm.resource"
+    }
+  })], 1) : _vm._e()] : _vm._e()], 2)], 1);
+}, staticRenderFns$6 = [];
+const __vue2_script$6 = {
+  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 conditionExpression = this.bpmnElement.businessObject.conditionExpression;
+        if (this.flowConditionForm = { ...conditionExpression, type: "condition" }, this.flowConditionForm.resource) {
+          this.$set(this.flowConditionForm, "conditionType", "script"), this.$set(this.flowConditionForm, "scriptType", "externalScript");
+          return;
+        }
+        if (conditionExpression.language) {
+          this.$set(this.flowConditionForm, "conditionType", "script"), this.$set(this.flowConditionForm, "scriptType", "inlineScript");
+          return;
+        }
+        this.$set(this.flowConditionForm, "conditionType", "expression");
+      }
+    },
+    updateFlowType(flowType) {
+      if (flowType === "condition") {
+        this.flowConditionRef = window.bpmnInstances.moddle.create("bpmn:FormalExpression"), window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
+          conditionExpression: this.flowConditionRef
+        });
+        return;
+      }
+      if (flowType === "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, scriptType, body, resource, language } = this.flowConditionForm;
+      let condition;
+      conditionType === "expression" ? condition = window.bpmnInstances.moddle.create("bpmn:FormalExpression", { body }) : scriptType === "inlineScript" ? (condition = window.bpmnInstances.moddle.create("bpmn:FormalExpression", { body, language }), this.$set(this.flowConditionForm, "resource", "")) : (this.$set(this.flowConditionForm, "body", ""), condition = window.bpmnInstances.moddle.create("bpmn:FormalExpression", { resource, language })), window.bpmnInstances.modeling.updateProperties(this.bpmnElement, { conditionExpression: condition });
+    }
+  }
+}, __cssModules$6 = {};
+var __component__$6 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$6,
+  render$6,
+  staticRenderFns$6,
+  !1,
+  __vue2_injectStyles$6,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$6(context) {
+  for (let o in __cssModules$6)
+    this[o] = __cssModules$6[o];
+}
+const FlowCondition = /* @__PURE__ */ function() {
+  return __component__$6.exports;
+}();
+var render$5 = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "panel-tab__content"
+  }, [_c("div", {
+    staticClass: "panel-tab__content--title"
+  }, [_vm._m(0), _c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary",
+      icon: "el-icon-plus"
+    },
+    on: {
+      click: function($event) {
+        return _vm.openModel("message");
+      }
+    }
+  }, [_vm._v("创建新消息")])], 1), _c("ElTable", {
+    attrs: {
+      data: _vm.messageList,
+      size: "mini",
+      border: ""
+    }
+  }, [_c("ElTableColumn", {
+    attrs: {
+      type: "index",
+      label: "序号",
+      width: "60px"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "消息ID",
+      prop: "id",
+      "max-width": "300px",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "消息名称",
+      prop: "name",
+      "max-width": "300px",
+      "show-overflow-tooltip": ""
+    }
+  })], 1), _c("div", {
+    staticClass: "panel-tab__content--title",
+    staticStyle: {
+      "padding-top": "8px",
+      "margin-top": "8px",
+      "border-top": "1px solid #eeeeee"
+    }
+  }, [_vm._m(1), _c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary",
+      icon: "el-icon-plus"
+    },
+    on: {
+      click: function($event) {
+        return _vm.openModel("signal");
+      }
+    }
+  }, [_vm._v("创建新信号")])], 1), _c("ElTable", {
+    attrs: {
+      data: _vm.signalList,
+      size: "mini",
+      border: ""
+    }
+  }, [_c("ElTableColumn", {
+    attrs: {
+      type: "index",
+      label: "序号",
+      width: "60px"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "信号ID",
+      prop: "id",
+      "max-width": "300px",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "信号名称",
+      prop: "name",
+      "max-width": "300px",
+      "show-overflow-tooltip": ""
+    }
+  })], 1), _c("ElementDialog", {
+    attrs: {
+      visible: _vm.modelVisible,
+      title: _vm.modelConfig.title,
+      "close-on-click-modal": !1,
+      width: "400px",
+      "append-to-body": "",
+      "destroy-on-close": ""
+    },
+    on: {
+      "update:visible": function($event) {
+        _vm.modelVisible = $event;
+      }
+    },
+    scopedSlots: _vm._u([{
+      key: "footer",
+      fn: function() {
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini"
+          },
+          on: {
+            click: function($event) {
+              _vm.modelVisible = !1;
+            }
+          }
+        }, [_vm._v("取 消")]), _c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "primary"
+          },
+          on: {
+            click: _vm.addNewObject
+          }
+        }, [_vm._v("保 存")])];
+      },
+      proxy: !0
+    }])
+  }, [_c("ElForm", {
+    attrs: {
+      model: _vm.modelObjectForm,
+      size: "mini",
+      "label-width": "90px"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: _vm.modelConfig.idLabel
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.modelObjectForm.id,
+      callback: function($$v) {
+        _vm.$set(_vm.modelObjectForm, "id", $$v);
+      },
+      expression: "modelObjectForm.id"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: _vm.modelConfig.nameLabel
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.modelObjectForm.name,
+      callback: function($$v) {
+        _vm.$set(_vm.modelObjectForm, "name", $$v);
+      },
+      expression: "modelObjectForm.name"
+    }
+  })], 1)], 1)], 1)], 1);
+}, staticRenderFns$5 = [function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("span", [_c("i", {
+    staticClass: "el-icon-menu",
+    staticStyle: {
+      "margin-right": "8px",
+      color: "#555555"
+    }
+  }), _vm._v("消息列表")]);
+}, function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("span", [_c("i", {
+    staticClass: "el-icon-menu",
+    staticStyle: {
+      "margin-right": "8px",
+      color: "#555555"
+    }
+  }), _vm._v("信号列表")]);
+}];
+const __vue2_script$5 = {
+  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((el) => {
+        el.$type === "bpmn:Message" && (this.messageIdMap[el.id] = !0, this.messageList.push({ ...el })), el.$type === "bpmn:Signal" && (this.signalIdMap[el.id] = !0, this.signalList.push({ ...el }));
+      });
+    },
+    openModel(type) {
+      this.modelType = type, this.modelObjectForm = {}, this.modelVisible = !0;
+    },
+    addNewObject() {
+      if (this.modelType === "message") {
+        if (this.messageIdMap[this.modelObjectForm.id])
+          return this.$message.error("该消息已存在，请修改id后重新保存");
+        const messageRef = window.bpmnInstances.moddle.create("bpmn:Message", this.modelObjectForm);
+        this.rootElements.push(messageRef);
+      } else {
+        if (this.signalIdMap[this.modelObjectForm.id])
+          return this.$message.error("该信号已存在，请修改id后重新保存");
+        const signalRef = window.bpmnInstances.moddle.create("bpmn:Signal", this.modelObjectForm);
+        this.rootElements.push(signalRef);
+      }
+      this.modelVisible = !1, this.initDataList();
+    }
+  }
+}, __cssModules$5 = {};
+var __component__$5 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$5,
+  render$5,
+  staticRenderFns$5,
+  !1,
+  __vue2_injectStyles$5,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$5(context) {
+  for (let o in __cssModules$5)
+    this[o] = __cssModules$5[o];
+}
+const SignalAndMassage = /* @__PURE__ */ function() {
+  return __component__$5.exports;
+}();
+function createListenerObject(options, isTask, prefix) {
+  const listenerObj = /* @__PURE__ */ Object.create(null);
+  switch (listenerObj.event = options.event, isTask && (listenerObj.id = options.id), options.listenerType) {
+    case "scriptListener":
+      listenerObj.script = createScriptObject(options, prefix);
+      break;
+    case "expressionListener":
+      listenerObj.expression = options.expression;
+      break;
+    case "delegateExpressionListener":
+      listenerObj.delegateExpression = options.delegateExpression;
+      break;
+    default:
+      listenerObj.class = options.class;
+  }
+  if (options.fields && (listenerObj.fields = options.fields.map((field) => createFieldObject(field, prefix))), isTask && options.event === "timeout" && options.eventDefinitionType) {
+    const timeDefinition = window.bpmnInstances.moddle.create("bpmn:FormalExpression", {
+      body: options.eventTimeDefinitions
+    }), TimerEventDefinition = window.bpmnInstances.moddle.create("bpmn:TimerEventDefinition", {
+      id: `TimerEventDefinition_${uuid(8)}`,
+      [`time${options.eventDefinitionType.replace(/^\S/, (s) => s.toUpperCase())}`]: timeDefinition
+    });
+    listenerObj.eventDefinitions = [TimerEventDefinition];
+  }
+  return window.bpmnInstances.moddle.create(`${prefix}:${isTask ? "TaskListener" : "ExecutionListener"}`, listenerObj);
+}
+function createFieldObject(option, prefix) {
+  const { name, fieldType: fieldType2, string, expression } = option, fieldConfig = fieldType2 === "string" ? { name, string } : { name, expression };
+  return window.bpmnInstances.moddle.create(`${prefix}:Field`, fieldConfig);
+}
+function createScriptObject(options, prefix) {
+  const { scriptType, scriptFormat, value, resource } = options, scriptConfig = scriptType === "inlineScript" ? { scriptFormat, value } : { scriptFormat, resource };
+  return window.bpmnInstances.moddle.create(`${prefix}:Script`, scriptConfig);
+}
+function updateElementExtensions(element, extensionList) {
+  const extensions = window.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
+    values: extensionList
+  });
+  window.bpmnInstances.modeling.updateProperties(element, {
+    extensionElements: extensions
+  });
+}
+function uuid(length = 8, chars) {
+  let result = "";
+  const charsString = chars || "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+  for (let i = length; i > 0; --i)
+    result += charsString[Math.floor(Math.random() * charsString.length)];
+  return result;
+}
+function initListenerForm(listener) {
+  let self = {
+    ...listener
+  };
+  if (listener.script && (self = {
+    ...listener,
+    ...listener.script,
+    scriptType: listener.script.resource ? "externalScript" : "inlineScript"
+  }), listener.event === "timeout" && listener.eventDefinitions && listener.eventDefinitions.length) {
+    let k = "";
+    for (const key in listener.eventDefinitions[0])
+      console.log(listener.eventDefinitions, key), key.indexOf("time") !== -1 && (k = key, self.eventDefinitionType = key.replace("time", "").toLowerCase());
+    console.log(k), self.eventTimeDefinitions = listener.eventDefinitions[0][k].body;
+  }
+  return self;
+}
+function initListenerType(listener) {
+  let listenerType2;
+  return listener.class && (listenerType2 = "classListener"), listener.expression && (listenerType2 = "expressionListener"), listener.delegateExpression && (listenerType2 = "delegateExpressionListener"), listener.script && (listenerType2 = "scriptListener"), {
+    ...JSON.parse(JSON.stringify(listener)),
+    ...listener.script ?? {},
+    listenerType: listenerType2
+  };
+}
+const listenerType = {
+  classListener: "Java 类",
+  expressionListener: "表达式",
+  delegateExpressionListener: "代理表达式",
+  scriptListener: "脚本"
+}, eventType = {
+  create: "创建",
+  assignment: "指派",
+  complete: "完成",
+  delete: "删除",
+  update: "更新",
+  timeout: "超时"
+}, fieldType = {
+  string: "字符串",
+  expression: "表达式"
+};
+var render$4 = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "panel-tab__content"
+  }, [_c("ElTable", {
+    attrs: {
+      data: _vm.elementListenersList,
+      size: "mini",
+      border: ""
+    }
+  }, [_c("ElTableColumn", {
+    attrs: {
+      label: "序号",
+      width: "50px",
+      type: "index"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "事件类型",
+      "min-width": "100px",
+      prop: "event"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "监听器类型",
+      "min-width": "100px",
+      "show-overflow-tooltip": "",
+      formatter: function(row) {
+        return _vm.listenerTypeObject[row.listenerType];
+      }
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "操作",
+      width: "90px"
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function(_ref) {
+        var row = _ref.row, $index = _ref.$index;
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.openListenerForm(row, $index);
+            }
+          }
+        }, [_vm._v("编辑")]), _c("ElDivider", {
+          attrs: {
+            direction: "vertical"
+          }
+        }), _c("ElButton", {
+          staticStyle: {
+            color: "#ff4d4f"
+          },
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.removeListener(row, $index);
+            }
+          }
+        }, [_vm._v("移除")])];
+      }
+    }])
+  })], 1), _c("div", {
+    staticClass: "element-drawer__button"
+  }, [_c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary",
+      icon: "el-icon-plus"
+    },
+    on: {
+      click: function($event) {
+        return _vm.openListenerForm(null);
+      }
+    }
+  }, [_vm._v("添加监听器")])], 1), _c("ElDrawer", {
+    attrs: {
+      visible: _vm.listenerFormModelVisible,
+      title: "执行监听器",
+      size: `${_vm.width}px`,
+      "append-to-body": "",
+      "destroy-on-close": ""
+    },
+    on: {
+      "update:visible": function($event) {
+        _vm.listenerFormModelVisible = $event;
+      }
+    }
+  }, [_c("ElForm", {
+    ref: "listenerFormRef",
+    attrs: {
+      size: "mini",
+      model: _vm.listenerForm,
+      "label-width": "96px"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "事件类型",
+      prop: "event",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElSelect", {
+    model: {
+      value: _vm.listenerForm.event,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "event", $$v);
+      },
+      expression: "listenerForm.event"
+    }
+  }, [_c("ElOption", {
+    attrs: {
+      label: "start",
+      value: "start"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "end",
+      value: "end"
+    }
+  })], 1)], 1), _c("ElFormItem", {
+    attrs: {
+      label: "监听器类型",
+      prop: "listenerType",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElSelect", {
+    model: {
+      value: _vm.listenerForm.listenerType,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "listenerType", $$v);
+      },
+      expression: "listenerForm.listenerType"
+    }
+  }, _vm._l(Object.keys(_vm.listenerTypeObject), function(i) {
+    return _c("ElOption", {
+      key: i,
+      attrs: {
+        label: _vm.listenerTypeObject[i],
+        value: i
+      }
+    });
+  }), 1)], 1), _vm.listenerForm.listenerType === "classListener" ? _c("ElFormItem", {
+    key: "listener-class",
+    attrs: {
+      label: "Java类",
+      prop: "class",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.class,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "class", $$v);
+      },
+      expression: "listenerForm.class"
+    }
+  })], 1) : _vm._e(), _vm.listenerForm.listenerType === "expressionListener" ? _c("ElFormItem", {
+    key: "listener-expression",
+    attrs: {
+      label: "表达式",
+      prop: "expression",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.expression,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "expression", $$v);
+      },
+      expression: "listenerForm.expression"
+    }
+  })], 1) : _vm._e(), _vm.listenerForm.listenerType === "delegateExpressionListener" ? _c("ElFormItem", {
+    key: "listener-delegate",
+    attrs: {
+      label: "代理表达式",
+      prop: "delegateExpression",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.delegateExpression,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "delegateExpression", $$v);
+      },
+      expression: "listenerForm.delegateExpression"
+    }
+  })], 1) : _vm._e(), _vm.listenerForm.listenerType === "scriptListener" ? [_c("ElFormItem", {
+    key: "listener-script-format",
+    attrs: {
+      label: "脚本格式",
+      prop: "scriptFormat",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"],
+        message: "请填写脚本格式"
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.scriptFormat,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "scriptFormat", $$v);
+      },
+      expression: "listenerForm.scriptFormat"
+    }
+  })], 1), _c("ElFormItem", {
+    key: "listener-script-type",
+    attrs: {
+      label: "脚本类型",
+      prop: "scriptType",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"],
+        message: "请选择脚本类型"
+      }
+    }
+  }, [_c("ElSelect", {
+    model: {
+      value: _vm.listenerForm.scriptType,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "scriptType", $$v);
+      },
+      expression: "listenerForm.scriptType"
+    }
+  }, [_c("ElOption", {
+    attrs: {
+      label: "内联脚本",
+      value: "inlineScript"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "外部脚本",
+      value: "externalScript"
+    }
+  })], 1)], 1), _vm.listenerForm.scriptType === "inlineScript" ? _c("ElFormItem", {
+    key: "listener-script",
+    attrs: {
+      label: "脚本内容",
+      prop: "value",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"],
+        message: "请填写脚本内容"
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.value,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "value", $$v);
+      },
+      expression: "listenerForm.value"
+    }
+  })], 1) : _vm._e(), _vm.listenerForm.scriptType === "externalScript" ? _c("ElFormItem", {
+    key: "listener-resource",
+    attrs: {
+      label: "资源地址",
+      prop: "resource",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"],
+        message: "请填写资源地址"
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.resource,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "resource", $$v);
+      },
+      expression: "listenerForm.resource"
+    }
+  })], 1) : _vm._e()] : _vm._e()], 2), _c("ElDivider"), _c("p", {
+    staticClass: "listener-filed__title"
+  }, [_c("span", [_c("i", {
+    staticClass: "el-icon-menu"
+  }), _vm._v("注入字段：")]), _c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary"
+    },
+    on: {
+      click: function($event) {
+        return _vm.openListenerFieldForm(null);
+      }
+    }
+  }, [_vm._v("添加字段")])], 1), _c("ElTable", {
+    staticStyle: {
+      flex: "none"
+    },
+    attrs: {
+      data: _vm.fieldsListOfListener,
+      size: "mini",
+      "max-height": "240",
+      border: "",
+      fit: ""
+    }
+  }, [_c("ElTableColumn", {
+    attrs: {
+      label: "序号",
+      width: "50px",
+      type: "index"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "字段名称",
+      "min-width": "100px",
+      prop: "name"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "字段类型",
+      "min-width": "80px",
+      "show-overflow-tooltip": "",
+      formatter: function(row) {
+        return _vm.fieldTypeObject[row.fieldType];
+      }
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "字段值/表达式",
+      "min-width": "100px",
+      "show-overflow-tooltip": "",
+      formatter: function(row) {
+        return row.string || row.expression;
+      }
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "操作",
+      width: "100px"
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function(_ref2) {
+        var row = _ref2.row, $index = _ref2.$index;
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.openListenerFieldForm(row, $index);
+            }
+          }
+        }, [_vm._v("编辑")]), _c("ElDivider", {
+          attrs: {
+            direction: "vertical"
+          }
+        }), _c("ElButton", {
+          staticStyle: {
+            color: "#ff4d4f"
+          },
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.removeListenerField(row, $index);
+            }
+          }
+        }, [_vm._v("移除")])];
+      }
+    }])
+  })], 1), _c("div", {
+    staticClass: "element-drawer__button"
+  }, [_c("ElButton", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: function($event) {
+        _vm.listenerFormModelVisible = !1;
+      }
+    }
+  }, [_vm._v("取 消")]), _c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary"
+    },
+    on: {
+      click: _vm.saveListenerConfig
+    }
+  }, [_vm._v("保 存")])], 1)], 1), _c("ElementDialog", {
+    attrs: {
+      title: "字段配置",
+      visible: _vm.listenerFieldFormModelVisible,
+      width: "600px",
+      "append-to-body": "",
+      "destroy-on-close": ""
+    },
+    on: {
+      "update:visible": function($event) {
+        _vm.listenerFieldFormModelVisible = $event;
+      }
+    },
+    scopedSlots: _vm._u([{
+      key: "footer",
+      fn: function() {
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini"
+          },
+          on: {
+            click: function($event) {
+              _vm.listenerFieldFormModelVisible = !1;
+            }
+          }
+        }, [_vm._v("取 消")]), _c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "primary"
+          },
+          on: {
+            click: _vm.saveListenerFiled
+          }
+        }, [_vm._v("确 定")])];
+      },
+      proxy: !0
+    }])
+  }, [_c("ElForm", {
+    ref: "listenerFieldFormRef",
+    staticStyle: {
+      height: "136px"
+    },
+    attrs: {
+      model: _vm.listenerFieldForm,
+      size: "mini",
+      "label-width": "96px"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "字段名称：",
+      prop: "name",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerFieldForm.name,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerFieldForm, "name", $$v);
+      },
+      expression: "listenerFieldForm.name"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "字段类型：",
+      prop: "fieldType",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElSelect", {
+    model: {
+      value: _vm.listenerFieldForm.fieldType,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerFieldForm, "fieldType", $$v);
+      },
+      expression: "listenerFieldForm.fieldType"
+    }
+  }, _vm._l(Object.keys(_vm.fieldTypeObject), function(i) {
+    return _c("ElOption", {
+      key: i,
+      attrs: {
+        label: _vm.fieldTypeObject[i],
+        value: i
+      }
+    });
+  }), 1)], 1), _vm.listenerFieldForm.fieldType === "string" ? _c("ElFormItem", {
+    key: "field-string",
+    attrs: {
+      label: "字段值：",
+      prop: "string",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerFieldForm.string,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerFieldForm, "string", $$v);
+      },
+      expression: "listenerFieldForm.string"
+    }
+  })], 1) : _vm._e(), _vm.listenerFieldForm.fieldType === "expression" ? _c("ElFormItem", {
+    key: "field-expression",
+    attrs: {
+      label: "表达式：",
+      prop: "expression",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerFieldForm.expression,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerFieldForm, "expression", $$v);
+      },
+      expression: "listenerFieldForm.expression"
+    }
+  })], 1) : _vm._e()], 1)], 1)], 1);
+}, staticRenderFns$4 = [];
+const __vue2_script$4 = {
+  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: listenerType,
+      fieldTypeObject: fieldType
+    };
+  },
+  watch: {
+    id: {
+      immediate: !0,
+      handler(val) {
+        val && val.length && this.$nextTick(() => this.resetListenersList());
+      }
+    }
+  },
+  methods: {
+    resetListenersList() {
+      var _a, _b, _c;
+      this.bpmnElement = window.bpmnInstances.bpmnElement, this.otherExtensionList = [], this.bpmnElementListeners = ((_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => ex.$type === `${this.prefix}:ExecutionListener`)) ?? [], this.elementListenersList = this.bpmnElementListeners.map((listener) => initListenerType(listener));
+    },
+    // 打开 监听器详情 侧边栏
+    openListenerForm(listener, index) {
+      listener ? (this.listenerForm = initListenerForm(listener), this.editingListenerIndex = index) : (this.listenerForm = {}, this.editingListenerIndex = -1), listener && listener.fields ? this.fieldsListOfListener = listener.fields.map((field) => ({
+        ...field,
+        fieldType: field.string ? "string" : "expression"
+      })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, this.$nextTick(() => {
+        this.$refs.listenerFormRef && this.$refs.listenerFormRef.clearValidate();
+      });
+    },
+    // 打开监听器字段编辑弹窗
+    openListenerFieldForm(field, index) {
+      this.listenerFieldForm = field ? JSON.parse(JSON.stringify(field)) : {}, this.editingListenerFieldIndex = field ? index : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
+        this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.clearValidate();
+      });
+    },
+    // 保存监听器注入字段
+    async saveListenerFiled() {
+      await 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(field, index) {
+      this.$confirm("确认移除该字段吗？", "提示", {
+        confirmButtonText: "确 认",
+        cancelButtonText: "取 消"
+      }).then(() => {
+        this.fieldsListOfListener.splice(index, 1), this.listenerForm.fields.splice(index, 1);
+      }).catch(() => console.info("操作取消"));
+    },
+    // 移除监听器
+    removeListener(listener, index) {
+      this.$confirm("确认移除该监听器吗？", "提示", {
+        confirmButtonText: "确 认",
+        cancelButtonText: "取 消"
+      }).then(() => {
+        this.bpmnElementListeners.splice(index, 1), this.elementListenersList.splice(index, 1), updateElementExtensions(this.bpmnElement, this.otherExtensionList.concat(this.bpmnElementListeners));
+      }).catch(() => console.info("操作取消"));
+    },
+    // 保存监听器配置
+    async saveListenerConfig() {
+      var _a, _b, _c;
+      if (!await this.$refs.listenerFormRef.validate())
+        return;
+      const listenerObject = createListenerObject(this.listenerForm, !1, this.prefix);
+      this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(listenerObject), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, listenerObject), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = ((_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => ex.$type !== `${this.prefix}:ExecutionListener`)) ?? [], updateElementExtensions(this.bpmnElement, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
+    }
+  }
+}, __cssModules$4 = {};
+var __component__$4 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$4,
+  render$4,
+  staticRenderFns$4,
+  !1,
+  __vue2_injectStyles$4,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$4(context) {
+  for (let o in __cssModules$4)
+    this[o] = __cssModules$4[o];
+}
+const ElementListeners = /* @__PURE__ */ function() {
+  return __component__$4.exports;
+}();
+var render$3 = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "panel-tab__content"
+  }, [_c("ElTable", {
+    attrs: {
+      data: _vm.elementPropertyList,
+      size: "mini",
+      "max-height": "240",
+      border: "",
+      fit: ""
+    }
+  }, [_c("ElTableColumn", {
+    attrs: {
+      label: "序号",
+      width: "50px",
+      type: "index"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "属性名",
+      prop: "name",
+      "min-width": "100px",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "属性值",
+      prop: "value",
+      "min-width": "100px",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "操作",
+      width: "90px"
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function(_ref) {
+        var row = _ref.row, $index = _ref.$index;
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.openAttributesForm(row, $index);
+            }
+          }
+        }, [_vm._v("编辑")]), _c("ElDivider", {
+          attrs: {
+            direction: "vertical"
+          }
+        }), _c("ElButton", {
+          staticStyle: {
+            color: "#ff4d4f"
+          },
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.removeAttributes(row, $index);
+            }
+          }
+        }, [_vm._v("移除")])];
+      }
+    }])
+  })], 1), _c("div", {
+    staticClass: "element-drawer__button"
+  }, [_c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary",
+      icon: "el-icon-plus"
+    },
+    on: {
+      click: function($event) {
+        return _vm.openAttributesForm(null, -1);
+      }
+    }
+  }, [_vm._v("添加属性")])], 1), _c("ElementDialog", {
+    attrs: {
+      visible: _vm.propertyFormModelVisible,
+      title: "属性配置",
+      width: "600px",
+      "append-to-body": "",
+      "destroy-on-close": ""
+    },
+    on: {
+      "update:visible": function($event) {
+        _vm.propertyFormModelVisible = $event;
+      }
+    },
+    scopedSlots: _vm._u([{
+      key: "footer",
+      fn: function() {
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini"
+          },
+          on: {
+            click: function($event) {
+              _vm.propertyFormModelVisible = !1;
+            }
+          }
+        }, [_vm._v("取 消")]), _c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "primary"
+          },
+          on: {
+            click: _vm.saveAttribute
+          }
+        }, [_vm._v("确 定")])];
+      },
+      proxy: !0
+    }])
+  }, [_c("ElForm", {
+    ref: "attributeFormRef",
+    attrs: {
+      model: _vm.propertyForm,
+      "label-width": "80px",
+      size: "mini"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "属性名：",
+      prop: "name"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.propertyForm.name,
+      callback: function($$v) {
+        _vm.$set(_vm.propertyForm, "name", $$v);
+      },
+      expression: "propertyForm.name"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "属性值：",
+      prop: "value"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.propertyForm.value,
+      callback: function($$v) {
+        _vm.$set(_vm.propertyForm, "value", $$v);
+      },
+      expression: "propertyForm.value"
+    }
+  })], 1)], 1)], 1)], 1);
+}, staticRenderFns$3 = [];
+const __vue2_script$3 = {
+  name: "ElementProperties",
+  inject: {
+    prefix: "prefix",
+    width: "width"
+  },
+  props: {
+    id: String
+  },
+  data() {
+    return {
+      elementPropertyList: [],
+      propertyForm: {},
+      editingPropertyIndex: -1,
+      propertyFormModelVisible: !1
+    };
+  },
+  watch: {
+    id: {
+      immediate: !0,
+      handler(val) {
+        val && val.length && this.resetAttributesList();
+      }
+    }
+  },
+  methods: {
+    resetAttributesList() {
+      var _a, _b, _c;
+      this.bpmnElement = window.bpmnInstances.bpmnElement, this.otherExtensionList = [], this.bpmnElementProperties = ((_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => (ex.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(ex), ex.$type === `${this.prefix}:Properties`))) ?? [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce((pre, current) => pre.concat(current.values), []), this.elementPropertyList = JSON.parse(JSON.stringify(this.bpmnElementPropertyList ?? []));
+    },
+    openAttributesForm(attr, index) {
+      this.editingPropertyIndex = index, this.propertyForm = index === -1 ? {} : JSON.parse(JSON.stringify(attr)), this.propertyFormModelVisible = !0, this.$nextTick(() => {
+        this.$refs.attributeFormRef && this.$refs.attributeFormRef.clearValidate();
+      });
+    },
+    removeAttributes(attr, index) {
+      this.$confirm("确认移除该属性吗？", "提示", {
+        confirmButtonText: "确 认",
+        cancelButtonText: "取 消"
+      }).then(() => {
+        this.elementPropertyList.splice(index, 1), this.bpmnElementPropertyList.splice(index, 1);
+        const propertiesObject = window.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
+          values: this.bpmnElementPropertyList
+        });
+        this.updateElementExtensions(propertiesObject), this.resetAttributesList();
+      }).catch(() => console.info("操作取消"));
+    },
+    saveAttribute() {
+      const { name, value } = this.propertyForm;
+      if (console.log(this.bpmnElementPropertyList), this.editingPropertyIndex !== -1)
+        window.bpmnInstances.modeling.updateModdleProperties(this.bpmnElement, this.bpmnElementPropertyList[this.editingPropertyIndex], {
+          name,
+          value
+        });
+      else {
+        const newPropertyObject = window.bpmnInstances.moddle.create(`${this.prefix}:Property`, { name, value }), propertiesObject = window.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
+          values: this.bpmnElementPropertyList.concat([newPropertyObject])
+        });
+        this.updateElementExtensions(propertiesObject);
+      }
+      this.propertyFormModelVisible = !1, this.resetAttributesList();
+    },
+    updateElementExtensions(properties) {
+      const extensions = window.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
+        values: this.otherExtensionList.concat([properties])
+      });
+      window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
+        extensionElements: extensions
+      });
+    }
+  }
+}, __cssModules$3 = {};
+var __component__$3 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$3,
+  render$3,
+  staticRenderFns$3,
+  !1,
+  __vue2_injectStyles$3,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$3(context) {
+  for (let o in __cssModules$3)
+    this[o] = __cssModules$3[o];
+}
+const ElementProperties = /* @__PURE__ */ function() {
+  return __component__$3.exports;
+}();
+var render$2 = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "panel-tab__content"
+  }, [_c("ElForm", {
+    attrs: {
+      size: "mini",
+      "label-width": "80px"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "表单标识"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    on: {
+      change: _vm.updateElementFormKey
+    },
+    model: {
+      value: _vm.formKey,
+      callback: function($$v) {
+        _vm.formKey = $$v;
+      },
+      expression: "formKey"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "业务标识"
+    }
+  }, [_c("ElSelect", {
+    on: {
+      change: _vm.updateElementBusinessKey
+    },
+    model: {
+      value: _vm.businessKey,
+      callback: function($$v) {
+        _vm.businessKey = $$v;
+      },
+      expression: "businessKey"
+    }
+  }, [_vm._l(_vm.fieldList, function(i) {
+    return _c("ElOption", {
+      key: i.id,
+      attrs: {
+        value: i.id,
+        label: i.label
+      }
+    });
+  }), _c("ElOption", {
+    attrs: {
+      label: "无",
+      value: ""
+    }
+  })], 2)], 1)], 1), _c("div", {
+    staticClass: "element-property list-property"
+  }, [_c("ElDivider", [_c("i", {
+    staticClass: "el-icon-coin"
+  }), _vm._v(" 表单字段")]), _c("ElTable", {
+    attrs: {
+      data: _vm.fieldList,
+      size: "mini",
+      "max-height": "240",
+      border: "",
+      fit: ""
+    }
+  }, [_c("ElTableColumn", {
+    attrs: {
+      label: "序号",
+      type: "index",
+      width: "50px"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "字段名称",
+      prop: "label",
+      "min-width": "80px",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "字段类型",
+      prop: "type",
+      "min-width": "80px",
+      formatter: function(row) {
+        return _vm.fieldType[row.type] || row.type;
+      },
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "默认值",
+      prop: "defaultValue",
+      "min-width": "80px",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "操作",
+      width: "90px"
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function(_ref) {
+        var row = _ref.row, $index = _ref.$index;
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.openFieldForm(row, $index);
+            }
+          }
+        }, [_vm._v("编辑")]), _c("ElDivider", {
+          attrs: {
+            direction: "vertical"
+          }
+        }), _c("ElButton", {
+          staticStyle: {
+            color: "#ff4d4f"
+          },
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.removeField(row, $index);
+            }
+          }
+        }, [_vm._v("移除")])];
+      }
+    }])
+  })], 1)], 1), _c("div", {
+    staticClass: "element-drawer__button"
+  }, [_c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary",
+      icon: "el-icon-plus"
+    },
+    on: {
+      click: function($event) {
+        return _vm.openFieldForm(null, -1);
+      }
+    }
+  }, [_vm._v("添加字段")])], 1), _c("ElDrawer", {
+    attrs: {
+      visible: _vm.fieldModelVisible,
+      title: "字段配置",
+      size: `${_vm.width}px`,
+      "append-to-body": "",
+      "destroy-on-close": ""
+    },
+    on: {
+      "update:visible": function($event) {
+        _vm.fieldModelVisible = $event;
+      }
+    }
+  }, [_c("ElForm", {
+    attrs: {
+      model: _vm.formFieldForm,
+      "label-width": "90px",
+      size: "mini"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "字段ID"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.formFieldForm.id,
+      callback: function($$v) {
+        _vm.$set(_vm.formFieldForm, "id", $$v);
+      },
+      expression: "formFieldForm.id"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "类型"
+    }
+  }, [_c("ElSelect", {
+    attrs: {
+      placeholder: "请选择字段类型",
+      clearable: ""
+    },
+    on: {
+      change: _vm.changeFieldTypeType
+    },
+    model: {
+      value: _vm.formFieldForm.typeType,
+      callback: function($$v) {
+        _vm.$set(_vm.formFieldForm, "typeType", $$v);
+      },
+      expression: "formFieldForm.typeType"
+    }
+  }, _vm._l(_vm.fieldType, function(value, key) {
+    return _c("ElOption", {
+      key,
+      attrs: {
+        label: value,
+        value: key
+      }
+    });
+  }), 1)], 1), _vm.formFieldForm.typeType === "custom" ? _c("ElFormItem", {
+    attrs: {
+      label: "类型名称"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.formFieldForm.type,
+      callback: function($$v) {
+        _vm.$set(_vm.formFieldForm, "type", $$v);
+      },
+      expression: "formFieldForm.type"
+    }
+  })], 1) : _vm._e(), _c("ElFormItem", {
+    attrs: {
+      label: "名称"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.formFieldForm.label,
+      callback: function($$v) {
+        _vm.$set(_vm.formFieldForm, "label", $$v);
+      },
+      expression: "formFieldForm.label"
+    }
+  })], 1), _vm.formFieldForm.typeType === "date" ? _c("ElFormItem", {
+    attrs: {
+      label: "时间格式"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.formFieldForm.datePattern,
+      callback: function($$v) {
+        _vm.$set(_vm.formFieldForm, "datePattern", $$v);
+      },
+      expression: "formFieldForm.datePattern"
+    }
+  })], 1) : _vm._e(), _c("ElFormItem", {
+    attrs: {
+      label: "默认值"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.formFieldForm.defaultValue,
+      callback: function($$v) {
+        _vm.$set(_vm.formFieldForm, "defaultValue", $$v);
+      },
+      expression: "formFieldForm.defaultValue"
+    }
+  })], 1)], 1), _vm.formFieldForm.type === "enum" ? [_c("ElDivider", {
+    key: "enum-divider"
+  }), _c("p", {
+    key: "enum-title",
+    staticClass: "listener-filed__title"
+  }, [_c("span", [_c("i", {
+    staticClass: "el-icon-menu"
+  }), _vm._v("枚举值列表：")]), _c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary"
+    },
+    on: {
+      click: function($event) {
+        return _vm.openFieldOptionForm(null, -1, "enum");
+      }
+    }
+  }, [_vm._v("添加枚举值")])], 1), _c("ElTable", {
+    key: "enum-table",
+    attrs: {
+      data: _vm.fieldEnumList,
+      size: "mini",
+      "max-height": "240",
+      border: "",
+      fit: ""
+    }
+  }, [_c("ElTableColumn", {
+    attrs: {
+      label: "序号",
+      width: "50px",
+      type: "index"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "枚举值编号",
+      prop: "id",
+      "min-width": "100px",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "枚举值名称",
+      prop: "name",
+      "min-width": "100px",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "操作",
+      width: "90px"
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function(_ref2) {
+        var row = _ref2.row, $index = _ref2.$index;
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.openFieldOptionForm(row, $index, "enum");
+            }
+          }
+        }, [_vm._v("编辑")]), _c("ElDivider", {
+          attrs: {
+            direction: "vertical"
+          }
+        }), _c("ElButton", {
+          staticStyle: {
+            color: "#ff4d4f"
+          },
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.removeFieldOptionItem(row, $index, "enum");
+            }
+          }
+        }, [_vm._v("移除")])];
+      }
+    }], null, !1, 747635382)
+  })], 1)] : _vm._e(), _c("ElDivider", {
+    key: "validation-divider"
+  }), _c("p", {
+    key: "validation-title",
+    staticClass: "listener-filed__title"
+  }, [_c("span", [_c("i", {
+    staticClass: "el-icon-menu"
+  }), _vm._v("约束条件列表：")]), _c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary"
+    },
+    on: {
+      click: function($event) {
+        return _vm.openFieldOptionForm(null, -1, "constraint");
+      }
+    }
+  }, [_vm._v("添加约束")])], 1), _c("ElTable", {
+    key: "validation-table",
+    attrs: {
+      data: _vm.fieldConstraintsList,
+      size: "mini",
+      "max-height": "240",
+      border: "",
+      fit: ""
+    }
+  }, [_c("ElTableColumn", {
+    attrs: {
+      label: "序号",
+      width: "50px",
+      type: "index"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "约束名称",
+      prop: "name",
+      "min-width": "100px",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "约束配置",
+      prop: "config",
+      "min-width": "100px",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "操作",
+      width: "90px"
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function(_ref3) {
+        var row = _ref3.row, $index = _ref3.$index;
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.openFieldOptionForm(row, $index, "constraint");
+            }
+          }
+        }, [_vm._v("编辑")]), _c("ElDivider", {
+          attrs: {
+            direction: "vertical"
+          }
+        }), _c("ElButton", {
+          staticStyle: {
+            color: "#ff4d4f"
+          },
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.removeFieldOptionItem(row, $index, "constraint");
+            }
+          }
+        }, [_vm._v("移除")])];
+      }
+    }])
+  })], 1), _c("ElDivider", {
+    key: "property-divider"
+  }), _c("p", {
+    key: "property-title",
+    staticClass: "listener-filed__title"
+  }, [_c("span", [_c("i", {
+    staticClass: "el-icon-menu"
+  }), _vm._v("字段属性列表：")]), _c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary"
+    },
+    on: {
+      click: function($event) {
+        return _vm.openFieldOptionForm(null, -1, "property");
+      }
+    }
+  }, [_vm._v("添加属性")])], 1), _c("ElTable", {
+    key: "property-table",
+    attrs: {
+      data: _vm.fieldPropertiesList,
+      size: "mini",
+      "max-height": "240",
+      border: "",
+      fit: ""
+    }
+  }, [_c("ElTableColumn", {
+    attrs: {
+      label: "序号",
+      width: "50px",
+      type: "index"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "属性编号",
+      prop: "id",
+      "min-width": "100px",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "属性值",
+      prop: "value",
+      "min-width": "100px",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "操作",
+      width: "90px"
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function(_ref4) {
+        var row = _ref4.row, $index = _ref4.$index;
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.openFieldOptionForm(row, $index, "property");
+            }
+          }
+        }, [_vm._v("编辑")]), _c("ElDivider", {
+          attrs: {
+            direction: "vertical"
+          }
+        }), _c("ElButton", {
+          staticStyle: {
+            color: "#ff4d4f"
+          },
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.removeFieldOptionItem(row, $index, "property");
+            }
+          }
+        }, [_vm._v("移除")])];
+      }
+    }])
+  })], 1), _c("div", {
+    staticClass: "element-drawer__button"
+  }, [_c("ElButton", {
+    attrs: {
+      size: "mini"
+    }
+  }, [_vm._v("取 消")]), _c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary"
+    },
+    on: {
+      click: _vm.saveField
+    }
+  }, [_vm._v("保 存")])], 1)], 2), _c("ElementDialog", {
+    attrs: {
+      visible: _vm.fieldOptionModelVisible,
+      title: _vm.optionModelTitle,
+      width: "600px",
+      "append-to-body": "",
+      "destroy-on-close": ""
+    },
+    on: {
+      "update:visible": function($event) {
+        _vm.fieldOptionModelVisible = $event;
+      }
+    },
+    scopedSlots: _vm._u([{
+      key: "footer",
+      fn: function() {
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini"
+          },
+          on: {
+            click: function($event) {
+              _vm.fieldOptionModelVisible = !1;
+            }
+          }
+        }, [_vm._v("取 消")]), _c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "primary"
+          },
+          on: {
+            click: _vm.saveFieldOption
+          }
+        }, [_vm._v("确 定")])];
+      },
+      proxy: !0
+    }])
+  }, [_c("ElForm", {
+    attrs: {
+      model: _vm.fieldOptionForm,
+      size: "mini",
+      "label-width": "96px"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_vm.fieldOptionType !== "constraint" ? _c("ElFormItem", {
+    key: "option-id",
+    attrs: {
+      label: "编号/ID"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.fieldOptionForm.id,
+      callback: function($$v) {
+        _vm.$set(_vm.fieldOptionForm, "id", $$v);
+      },
+      expression: "fieldOptionForm.id"
+    }
+  })], 1) : _vm._e(), _vm.fieldOptionType !== "property" ? _c("ElFormItem", {
+    key: "option-name",
+    attrs: {
+      label: "名称"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.fieldOptionForm.name,
+      callback: function($$v) {
+        _vm.$set(_vm.fieldOptionForm, "name", $$v);
+      },
+      expression: "fieldOptionForm.name"
+    }
+  })], 1) : _vm._e(), _vm.fieldOptionType === "constraint" ? _c("ElFormItem", {
+    key: "option-config",
+    attrs: {
+      label: "配置"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.fieldOptionForm.config,
+      callback: function($$v) {
+        _vm.$set(_vm.fieldOptionForm, "config", $$v);
+      },
+      expression: "fieldOptionForm.config"
+    }
+  })], 1) : _vm._e(), _vm.fieldOptionType === "property" ? _c("ElFormItem", {
+    key: "option-value",
+    attrs: {
+      label: "值"
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.fieldOptionForm.value,
+      callback: function($$v) {
+        _vm.$set(_vm.fieldOptionForm, "value", $$v);
+      },
+      expression: "fieldOptionForm.value"
+    }
+  })], 1) : _vm._e()], 1)], 1)], 1);
+}, staticRenderFns$2 = [];
+const __vue2_script$2 = {
+  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(val) {
+        val && val.length && this.$nextTick(() => this.resetFormList());
+      }
+    }
+  },
+  methods: {
+    resetFormList() {
+      var _a;
+      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 = ((_a = this.elExtensionElements.values.filter((ex) => ex.$type === `${this.prefix}:FormData`)) == null ? void 0 : _a[0]) || window.bpmnInstances.moddle.create(`${this.prefix}:FormData`, { fields: [] }), this.businessKey = this.formData.businessKey, this.otherExtensions = this.elExtensionElements.values.filter((ex) => ex.$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(type) {
+      this.$set(this.formFieldForm, "type", type === "custom" ? "" : type);
+    },
+    // 打开字段详情侧边栏
+    openFieldForm(field, index) {
+      var _a, _b;
+      if (this.formFieldIndex = index, index !== -1) {
+        const FieldObject = this.formData.fields[index];
+        this.formFieldForm = JSON.parse(JSON.stringify(field)), this.$set(this.formFieldForm, "typeType", this.fieldType[field.type] ? field.type : "custom"), field.type === "enum" && (this.fieldEnumList = JSON.parse(JSON.stringify((FieldObject == null ? void 0 : FieldObject.values) || []))), this.fieldConstraintsList = JSON.parse(JSON.stringify(((_a = FieldObject == null ? void 0 : FieldObject.validation) == null ? void 0 : _a.constraints) || [])), this.fieldPropertiesList = JSON.parse(JSON.stringify(((_b = FieldObject == null ? void 0 : FieldObject.properties) == null ? void 0 : _b.values) || []));
+      } else
+        this.formFieldForm = {}, this.fieldEnumList = [], this.fieldConstraintsList = [], this.fieldPropertiesList = [];
+      this.fieldModelVisible = !0;
+    },
+    // 打开字段 某个 配置项 弹窗
+    openFieldOptionForm(option, index, type) {
+      return this.fieldOptionModelVisible = !0, this.fieldOptionType = type, this.formFieldOptionIndex = index, type === "property" ? (this.fieldOptionForm = option ? JSON.parse(JSON.stringify(option)) : {}, this.optionModelTitle = "属性配置") : type === "enum" ? (this.fieldOptionForm = option ? JSON.parse(JSON.stringify(option)) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = option ? JSON.parse(JSON.stringify(option)) : {}, 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, type, label, defaultValue, datePattern } = this.formFieldForm, Field = window.bpmnInstances.moddle.create(`${this.prefix}:FormField`, { id, type, label });
+      if (defaultValue && (Field.defaultValue = defaultValue), datePattern && (Field.datePattern = datePattern), this.fieldPropertiesList && this.fieldPropertiesList.length) {
+        const fieldPropertyList = this.fieldPropertiesList.map((fp) => window.bpmnInstances.moddle.create(`${this.prefix}:Property`, { id: fp.id, value: fp.value }));
+        Field.properties = window.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
+          values: fieldPropertyList
+        });
+      }
+      if (this.fieldConstraintsList && this.fieldConstraintsList.length) {
+        const fieldConstraintList = this.fieldConstraintsList.map((fc) => window.bpmnInstances.moddle.create(`${this.prefix}:Constraint`, { name: fc.name, config: fc.config }));
+        Field.validation = window.bpmnInstances.moddle.create(`${this.prefix}:Validation`, {
+          constraints: fieldConstraintList
+        });
+      }
+      this.fieldEnumList && this.fieldEnumList.length && (Field.values = this.fieldEnumList.map((fe) => window.bpmnInstances.moddle.create(`${this.prefix}:Value`, { name: fe.name, id: fe.id }))), this.formFieldIndex === -1 ? (this.fieldList.push(this.formFieldForm), this.formData.fields.push(Field)) : (this.fieldList.splice(this.formFieldIndex, 1, this.formFieldForm), this.formData.fields.splice(this.formFieldIndex, 1, Field)), this.updateElementExtensions(), this.fieldModelVisible = !1;
+    },
+    // 移除某个 字段的 配置项
+    removeFieldOptionItem(option, index, type) {
+      if (type === "property") {
+        this.fieldPropertiesList.splice(index, 1);
+        return;
+      }
+      if (type === "enum") {
+        this.fieldEnumList.splice(index, 1);
+        return;
+      }
+      this.fieldConstraintsList.splice(index, 1);
+    },
+    // 移除 字段
+    removeField(field, index) {
+      this.fieldList.splice(index, 1), this.formData.fields.splice(index, 1), this.updateElementExtensions();
+    },
+    updateElementExtensions() {
+      const newElExtensionElements = window.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
+        values: this.otherExtensions.concat(this.formData)
+      });
+      window.bpmnInstances.modeling.updateProperties(this.bpmnElement, {
+        extensionElements: newElExtensionElements
+      });
+    }
+  }
+}, __cssModules$2 = {};
+var __component__$2 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$2,
+  render$2,
+  staticRenderFns$2,
+  !1,
+  __vue2_injectStyles$2,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$2(context) {
+  for (let o in __cssModules$2)
+    this[o] = __cssModules$2[o];
+}
+const ElementForm = /* @__PURE__ */ function() {
+  return __component__$2.exports;
+}();
+var render$1 = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "panel-tab__content"
+  }, [_c("ElTable", {
+    attrs: {
+      data: _vm.elementListenersList,
+      size: "mini",
+      border: ""
+    }
+  }, [_c("ElTableColumn", {
+    attrs: {
+      label: "序号",
+      width: "50px",
+      type: "index"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "事件类型",
+      "min-width": "80px",
+      "show-overflow-tooltip": "",
+      formatter: function(row) {
+        return _vm.listenerEventTypeObject[row.event];
+      }
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "事件id",
+      "min-width": "80px",
+      prop: "id",
+      "show-overflow-tooltip": ""
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "监听器类型",
+      "min-width": "80px",
+      "show-overflow-tooltip": "",
+      formatter: function(row) {
+        return _vm.listenerTypeObject[row.listenerType];
+      }
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "操作",
+      width: "90px"
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function(_ref) {
+        var row = _ref.row, $index = _ref.$index;
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.openListenerForm(row, $index);
+            }
+          }
+        }, [_vm._v("编辑")]), _c("ElDivider", {
+          attrs: {
+            direction: "vertical"
+          }
+        }), _c("ElButton", {
+          staticStyle: {
+            color: "#ff4d4f"
+          },
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.removeListener(row, $index);
+            }
+          }
+        }, [_vm._v("移除")])];
+      }
+    }])
+  })], 1), _c("div", {
+    staticClass: "element-drawer__button"
+  }, [_c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary",
+      icon: "el-icon-plus"
+    },
+    on: {
+      click: function($event) {
+        return _vm.openListenerForm(null);
+      }
+    }
+  }, [_vm._v("添加监听器")])], 1), _c("ElDrawer", {
+    attrs: {
+      visible: _vm.listenerFormModelVisible,
+      title: "任务监听器",
+      size: `${_vm.width}px`,
+      "append-to-body": "",
+      "destroy-on-close": ""
+    },
+    on: {
+      "update:visible": function($event) {
+        _vm.listenerFormModelVisible = $event;
+      }
+    }
+  }, [_c("ElForm", {
+    ref: "listenerFormRef",
+    attrs: {
+      size: "mini",
+      model: _vm.listenerForm,
+      "label-width": "96px"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "事件类型",
+      prop: "event",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElSelect", {
+    model: {
+      value: _vm.listenerForm.event,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "event", $$v);
+      },
+      expression: "listenerForm.event"
+    }
+  }, _vm._l(Object.keys(_vm.listenerEventTypeObject), function(i) {
+    return _c("ElOption", {
+      key: i,
+      attrs: {
+        label: _vm.listenerEventTypeObject[i],
+        value: i
+      }
+    });
+  }), 1)], 1), _c("ElFormItem", {
+    attrs: {
+      label: "监听器ID",
+      prop: "id",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.id,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "id", $$v);
+      },
+      expression: "listenerForm.id"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "监听器类型",
+      prop: "listenerType",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElSelect", {
+    model: {
+      value: _vm.listenerForm.listenerType,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "listenerType", $$v);
+      },
+      expression: "listenerForm.listenerType"
+    }
+  }, _vm._l(Object.keys(_vm.listenerTypeObject), function(i) {
+    return _c("ElOption", {
+      key: i,
+      attrs: {
+        label: _vm.listenerTypeObject[i],
+        value: i
+      }
+    });
+  }), 1)], 1), _vm.listenerForm.listenerType === "classListener" ? _c("ElFormItem", {
+    key: "listener-class",
+    attrs: {
+      label: "Java类",
+      prop: "class",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.class,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "class", $$v);
+      },
+      expression: "listenerForm.class"
+    }
+  })], 1) : _vm._e(), _vm.listenerForm.listenerType === "expressionListener" ? _c("ElFormItem", {
+    key: "listener-expression",
+    attrs: {
+      label: "表达式",
+      prop: "expression",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.expression,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "expression", $$v);
+      },
+      expression: "listenerForm.expression"
+    }
+  })], 1) : _vm._e(), _vm.listenerForm.listenerType === "delegateExpressionListener" ? _c("ElFormItem", {
+    key: "listener-delegate",
+    attrs: {
+      label: "代理表达式",
+      prop: "delegateExpression",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.delegateExpression,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "delegateExpression", $$v);
+      },
+      expression: "listenerForm.delegateExpression"
+    }
+  })], 1) : _vm._e(), _vm.listenerForm.listenerType === "scriptListener" ? [_c("ElFormItem", {
+    key: "listener-script-format",
+    attrs: {
+      label: "脚本格式",
+      prop: "scriptFormat",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"],
+        message: "请填写脚本格式"
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.scriptFormat,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "scriptFormat", $$v);
+      },
+      expression: "listenerForm.scriptFormat"
+    }
+  })], 1), _c("ElFormItem", {
+    key: "listener-script-type",
+    attrs: {
+      label: "脚本类型",
+      prop: "scriptType",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"],
+        message: "请选择脚本类型"
+      }
+    }
+  }, [_c("ElSelect", {
+    model: {
+      value: _vm.listenerForm.scriptType,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "scriptType", $$v);
+      },
+      expression: "listenerForm.scriptType"
+    }
+  }, [_c("ElOption", {
+    attrs: {
+      label: "内联脚本",
+      value: "inlineScript"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "外部脚本",
+      value: "externalScript"
+    }
+  })], 1)], 1), _vm.listenerForm.scriptType === "inlineScript" ? _c("ElFormItem", {
+    key: "listener-script",
+    attrs: {
+      label: "脚本内容",
+      prop: "value",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"],
+        message: "请填写脚本内容"
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.value,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "value", $$v);
+      },
+      expression: "listenerForm.value"
+    }
+  })], 1) : _vm._e(), _vm.listenerForm.scriptType === "externalScript" ? _c("ElFormItem", {
+    key: "listener-resource",
+    attrs: {
+      label: "资源地址",
+      prop: "resource",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"],
+        message: "请填写资源地址"
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.resource,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "resource", $$v);
+      },
+      expression: "listenerForm.resource"
+    }
+  })], 1) : _vm._e()] : _vm._e(), _vm.listenerForm.event === "timeout" ? [_c("ElFormItem", {
+    key: "eventDefinitionType",
+    attrs: {
+      label: "定时器类型",
+      prop: "eventDefinitionType"
+    }
+  }, [_c("ElSelect", {
+    model: {
+      value: _vm.listenerForm.eventDefinitionType,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "eventDefinitionType", $$v);
+      },
+      expression: "listenerForm.eventDefinitionType"
+    }
+  }, [_c("ElOption", {
+    attrs: {
+      label: "日期",
+      value: "date"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "持续时长",
+      value: "duration"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "循环",
+      value: "cycle"
+    }
+  }), _c("ElOption", {
+    attrs: {
+      label: "无",
+      value: "null"
+    }
+  })], 1)], 1), _vm.listenerForm.eventDefinitionType && _vm.listenerForm.eventDefinitionType !== "null" ? _c("ElFormItem", {
+    key: "eventTimeDefinitions",
+    attrs: {
+      label: "定时器",
+      prop: "eventTimeDefinitions",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"],
+        message: "请填写定时器配置"
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerForm.eventTimeDefinitions,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerForm, "eventTimeDefinitions", $$v);
+      },
+      expression: "listenerForm.eventTimeDefinitions"
+    }
+  })], 1) : _vm._e()] : _vm._e()], 2), _c("ElDivider"), _c("p", {
+    staticClass: "listener-filed__title"
+  }, [_c("span", [_c("i", {
+    staticClass: "el-icon-menu"
+  }), _vm._v("注入字段：")]), _c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary"
+    },
+    on: {
+      click: function($event) {
+        return _vm.openListenerFieldForm(null);
+      }
+    }
+  }, [_vm._v("添加字段")])], 1), _c("ElTable", {
+    staticStyle: {
+      flex: "none"
+    },
+    attrs: {
+      data: _vm.fieldsListOfListener,
+      size: "mini",
+      "max-height": "240",
+      border: "",
+      fit: ""
+    }
+  }, [_c("ElTableColumn", {
+    attrs: {
+      label: "序号",
+      width: "50px",
+      type: "index"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "字段名称",
+      "min-width": "100px",
+      prop: "name"
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "字段类型",
+      "min-width": "80px",
+      "show-overflow-tooltip": "",
+      formatter: function(row) {
+        return _vm.fieldTypeObject[row.fieldType];
+      }
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "字段值/表达式",
+      "min-width": "100px",
+      "show-overflow-tooltip": "",
+      formatter: function(row) {
+        return row.string || row.expression;
+      }
+    }
+  }), _c("ElTableColumn", {
+    attrs: {
+      label: "操作",
+      width: "100px"
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function(_ref2) {
+        var row = _ref2.row, $index = _ref2.$index;
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.openListenerFieldForm(row, $index);
+            }
+          }
+        }, [_vm._v("编辑")]), _c("ElDivider", {
+          attrs: {
+            direction: "vertical"
+          }
+        }), _c("ElButton", {
+          staticStyle: {
+            color: "#ff4d4f"
+          },
+          attrs: {
+            size: "mini",
+            type: "text"
+          },
+          on: {
+            click: function($event) {
+              return _vm.removeListenerField(row, $index);
+            }
+          }
+        }, [_vm._v("移除")])];
+      }
+    }])
+  })], 1), _c("div", {
+    staticClass: "element-drawer__button"
+  }, [_c("ElButton", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: function($event) {
+        _vm.listenerFormModelVisible = !1;
+      }
+    }
+  }, [_vm._v("取 消")]), _c("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "primary"
+    },
+    on: {
+      click: _vm.saveListenerConfig
+    }
+  }, [_vm._v("保 存")])], 1)], 1), _c("ElementDialog", {
+    attrs: {
+      title: "字段配置",
+      visible: _vm.listenerFieldFormModelVisible,
+      width: "600px",
+      "append-to-body": "",
+      "destroy-on-close": ""
+    },
+    on: {
+      "update:visible": function($event) {
+        _vm.listenerFieldFormModelVisible = $event;
+      }
+    },
+    scopedSlots: _vm._u([{
+      key: "footer",
+      fn: function() {
+        return [_c("ElButton", {
+          attrs: {
+            size: "mini"
+          },
+          on: {
+            click: function($event) {
+              _vm.listenerFieldFormModelVisible = !1;
+            }
+          }
+        }, [_vm._v("取 消")]), _c("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "primary"
+          },
+          on: {
+            click: _vm.saveListenerFiled
+          }
+        }, [_vm._v("确 定")])];
+      },
+      proxy: !0
+    }])
+  }, [_c("ElForm", {
+    ref: "listenerFieldFormRef",
+    staticStyle: {
+      height: "136px"
+    },
+    attrs: {
+      model: _vm.listenerFieldForm,
+      size: "mini",
+      "label-width": "96px"
+    },
+    nativeOn: {
+      submit: function($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("ElFormItem", {
+    attrs: {
+      label: "字段名称：",
+      prop: "name",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerFieldForm.name,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerFieldForm, "name", $$v);
+      },
+      expression: "listenerFieldForm.name"
+    }
+  })], 1), _c("ElFormItem", {
+    attrs: {
+      label: "字段类型：",
+      prop: "fieldType",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElSelect", {
+    model: {
+      value: _vm.listenerFieldForm.fieldType,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerFieldForm, "fieldType", $$v);
+      },
+      expression: "listenerFieldForm.fieldType"
+    }
+  }, _vm._l(Object.keys(_vm.fieldTypeObject), function(i) {
+    return _c("ElOption", {
+      key: i,
+      attrs: {
+        label: _vm.fieldTypeObject[i],
+        value: i
+      }
+    });
+  }), 1)], 1), _vm.listenerFieldForm.fieldType === "string" ? _c("ElFormItem", {
+    key: "field-string",
+    attrs: {
+      label: "字段值：",
+      prop: "string",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerFieldForm.string,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerFieldForm, "string", $$v);
+      },
+      expression: "listenerFieldForm.string"
+    }
+  })], 1) : _vm._e(), _vm.listenerFieldForm.fieldType === "expression" ? _c("ElFormItem", {
+    key: "field-expression",
+    attrs: {
+      label: "表达式：",
+      prop: "expression",
+      rules: {
+        required: !0,
+        trigger: ["blur", "change"]
+      }
+    }
+  }, [_c("ElInput", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: _vm.listenerFieldForm.expression,
+      callback: function($$v) {
+        _vm.$set(_vm.listenerFieldForm, "expression", $$v);
+      },
+      expression: "listenerFieldForm.expression"
+    }
+  })], 1) : _vm._e()], 1)], 1)], 1);
+}, staticRenderFns$1 = [];
+const __vue2_script$1 = {
+  name: "UserTaskListeners",
+  inject: {
+    prefix: "prefix",
+    width: "width"
+  },
+  props: {
+    id: String
+  },
+  data() {
+    return {
+      elementListenersList: [],
+      listenerEventTypeObject: eventType,
+      listenerTypeObject: listenerType,
+      listenerFormModelVisible: !1,
+      listenerForm: {},
+      fieldTypeObject: fieldType,
+      fieldsListOfListener: [],
+      listenerFieldFormModelVisible: !1,
+      // 监听器 注入字段表单弹窗 显示状态
+      editingListenerIndex: -1,
+      // 监听器所在下标，-1 为新增
+      editingListenerFieldIndex: -1,
+      // 字段所在下标，-1 为新增
+      listenerFieldForm: {}
+      // 监听器 注入字段 详情表单
+    };
+  },
+  watch: {
+    id: {
+      immediate: !0,
+      handler(val) {
+        val && val.length && this.$nextTick(() => this.resetListenersList());
+      }
+    }
+  },
+  methods: {
+    resetListenersList() {
+      var _a, _b, _c;
+      this.bpmnElement = window.bpmnInstances.bpmnElement, this.otherExtensionList = [], this.bpmnElementListeners = ((_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => ex.$type === `${this.prefix}:TaskListener`)) ?? [], this.elementListenersList = this.bpmnElementListeners.map((listener) => initListenerType(listener));
+    },
+    openListenerForm(listener, index) {
+      listener ? (this.listenerForm = initListenerForm(listener), this.editingListenerIndex = index) : (this.listenerForm = {}, this.editingListenerIndex = -1), listener && listener.fields ? this.fieldsListOfListener = listener.fields.map((field) => ({
+        ...field,
+        fieldType: field.string ? "string" : "expression"
+      })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, this.$nextTick(() => {
+        this.$refs.listenerFormRef && this.$refs.listenerFormRef.clearValidate();
+      });
+    },
+    // 移除监听器
+    removeListener(listener, index) {
+      this.$confirm("确认移除该监听器吗？", "提示", {
+        confirmButtonText: "确 认",
+        cancelButtonText: "取 消"
+      }).then(() => {
+        this.bpmnElementListeners.splice(index, 1), this.elementListenersList.splice(index, 1), updateElementExtensions(this.bpmnElement, this.otherExtensionList.concat(this.bpmnElementListeners));
+      }).catch(() => console.info("操作取消"));
+    },
+    // 保存监听器
+    async saveListenerConfig() {
+      var _a, _b, _c;
+      if (!await this.$refs.listenerFormRef.validate())
+        return;
+      const listenerObject = createListenerObject(this.listenerForm, !0, this.prefix);
+      this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(listenerObject), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, listenerObject), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = ((_c = (_b = (_a = this.bpmnElement.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) == null ? void 0 : _c.filter((ex) => ex.$type !== `${this.prefix}:TaskListener`)) ?? [], updateElementExtensions(this.bpmnElement, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
+    },
+    // 打开监听器字段编辑弹窗
+    openListenerFieldForm(field, index) {
+      this.listenerFieldForm = field ? JSON.parse(JSON.stringify(field)) : {}, this.editingListenerFieldIndex = field ? index : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
+        this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.clearValidate();
+      });
+    },
+    // 保存监听器注入字段
+    async saveListenerFiled() {
+      await 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(field, index) {
+      this.$confirm("确认移除该字段吗？", "提示", {
+        confirmButtonText: "确 认",
+        cancelButtonText: "取 消"
+      }).then(() => {
+        this.fieldsListOfListener.splice(index, 1), this.listenerForm.fields.splice(index, 1);
+      }).catch(() => console.info("操作取消"));
+    }
+  }
+}, __cssModules$1 = {};
+var __component__$1 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1,
+  render$1,
+  staticRenderFns$1,
+  !1,
+  __vue2_injectStyles$1,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$1(context) {
+  for (let o in __cssModules$1)
+    this[o] = __cssModules$1[o];
+}
+const UserTaskListeners = /* @__PURE__ */ function() {
+  return __component__$1.exports;
+}();
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "process-panel__container",
+    style: {
+      width: `${_vm.width}px`
+    }
+  }, [_c("ElCollapse", {
+    model: {
+      value: _vm.activeTab,
+      callback: function($$v) {
+        _vm.activeTab = $$v;
+      },
+      expression: "activeTab"
+    }
+  }, [_c("ElCollapseItem", {
+    attrs: {
+      name: "base"
+    },
+    scopedSlots: _vm._u([{
+      key: "title",
+      fn: function() {
+        return [_c("div", {
+          staticClass: "panel-tab__title"
+        }, [_c("i", {
+          staticClass: "el-icon-info"
+        }), _vm._v("常规")])];
+      },
+      proxy: !0
+    }])
+  }, [_c("ElementBaseInfo", {
+    attrs: {
+      "id-edit-disabled": _vm.idEditDisabled,
+      "business-object": _vm.elementBusinessObject,
+      type: _vm.elementType
+    }
+  })], 1), _vm.elementType === "Process" ? _c("ElCollapseItem", {
+    key: "message",
+    attrs: {
+      name: "condition"
+    },
+    scopedSlots: _vm._u([{
+      key: "title",
+      fn: function() {
+        return [_c("div", {
+          staticClass: "panel-tab__title"
+        }, [_c("i", {
+          staticClass: "el-icon-s-comment"
+        }), _vm._v("消息与信号")])];
+      },
+      proxy: !0
+    }], null, !1, 2715634709)
+  }, [_c("SignalAndMassage")], 1) : _vm._e(), _vm.conditionFormVisible ? _c("ElCollapseItem", {
+    key: "condition",
+    attrs: {
+      name: "condition"
+    },
+    scopedSlots: _vm._u([{
+      key: "title",
+      fn: function() {
+        return [_c("div", {
+          staticClass: "panel-tab__title"
+        }, [_c("i", {
+          staticClass: "el-icon-s-promotion"
+        }), _vm._v("流转条件")])];
+      },
+      proxy: !0
+    }], null, !1, 2203010800)
+  }, [_c("FlowCondition", {
+    attrs: {
+      "business-object": _vm.elementBusinessObject,
+      type: _vm.elementType
+    }
+  })], 1) : _vm._e(), _vm.formVisible ? _c("ElCollapseItem", {
+    key: "form",
+    attrs: {
+      name: "condition"
+    },
+    scopedSlots: _vm._u([{
+      key: "title",
+      fn: function() {
+        return [_c("div", {
+          staticClass: "panel-tab__title"
+        }, [_c("i", {
+          staticClass: "el-icon-s-order"
+        }), _vm._v("表单")])];
+      },
+      proxy: !0
+    }], null, !1, 1341048650)
+  }, [_c("ElementForm", {
+    attrs: {
+      id: _vm.elementId,
+      type: _vm.elementType
+    }
+  })], 1) : _vm._e(), _vm.elementType.indexOf("Task") !== -1 ? _c("ElCollapseItem", {
+    key: "task",
+    attrs: {
+      name: "task"
+    },
+    scopedSlots: _vm._u([{
+      key: "title",
+      fn: function() {
+        return [_c("div", {
+          staticClass: "panel-tab__title"
+        }, [_c("i", {
+          staticClass: "el-icon-s-claim"
+        }), _vm._v("任务")])];
+      },
+      proxy: !0
+    }], null, !1, 2144785833)
+  }, [_c("ElementTask", {
+    attrs: {
+      id: _vm.elementId,
+      type: _vm.elementType
+    }
+  })], 1) : _vm._e(), _vm.elementType.indexOf("Task") !== -1 ? _c("ElCollapseItem", {
+    key: "multiInstance",
+    attrs: {
+      name: "multiInstance"
+    },
+    scopedSlots: _vm._u([{
+      key: "title",
+      fn: function() {
+        return [_c("div", {
+          staticClass: "panel-tab__title"
+        }, [_c("i", {
+          staticClass: "el-icon-s-help"
+        }), _vm._v("多实例")])];
+      },
+      proxy: !0
+    }], null, !1, 1253501895)
+  }, [_c("ElementMultiInstance", {
+    attrs: {
+      "business-object": _vm.elementBusinessObject,
+      type: _vm.elementType
+    }
+  })], 1) : _vm._e(), _c("ElCollapseItem", {
+    key: "listeners",
+    attrs: {
+      name: "listeners"
+    },
+    scopedSlots: _vm._u([{
+      key: "title",
+      fn: function() {
+        return [_c("div", {
+          staticClass: "panel-tab__title"
+        }, [_c("i", {
+          staticClass: "el-icon-message-solid"
+        }), _vm._v("执行监听器")])];
+      },
+      proxy: !0
+    }])
+  }, [_c("ElementListeners", {
+    attrs: {
+      id: _vm.elementId,
+      type: _vm.elementType
+    }
+  })], 1), _vm.elementType === "UserTask" ? _c("ElCollapseItem", {
+    key: "taskListeners",
+    attrs: {
+      name: "taskListeners"
+    },
+    scopedSlots: _vm._u([{
+      key: "title",
+      fn: function() {
+        return [_c("div", {
+          staticClass: "panel-tab__title"
+        }, [_c("i", {
+          staticClass: "el-icon-message-solid"
+        }), _vm._v("任务监听器")])];
+      },
+      proxy: !0
+    }], null, !1, 3617698803)
+  }, [_c("UserTaskListeners", {
+    attrs: {
+      id: _vm.elementId,
+      type: _vm.elementType
+    }
+  })], 1) : _vm._e(), _c("ElCollapseItem", {
+    key: "extensions",
+    attrs: {
+      name: "extensions"
+    },
+    scopedSlots: _vm._u([{
+      key: "title",
+      fn: function() {
+        return [_c("div", {
+          staticClass: "panel-tab__title"
+        }, [_c("i", {
+          staticClass: "el-icon-circle-plus"
+        }), _vm._v("扩展属性")])];
+      },
+      proxy: !0
+    }])
+  }, [_c("ElementProperties", {
+    attrs: {
+      id: _vm.elementId,
+      type: _vm.elementType
+    }
+  })], 1), _c("ElCollapseItem", {
+    key: "other",
+    attrs: {
+      name: "other"
+    },
+    scopedSlots: _vm._u([{
+      key: "title",
+      fn: function() {
+        return [_c("div", {
+          staticClass: "panel-tab__title"
+        }, [_c("i", {
+          staticClass: "el-icon-s-promotion"
+        }), _vm._v("其他")])];
+      },
+      proxy: !0
+    }])
+  }, [_c("ElementOtherConfig", {
+    attrs: {
+      id: _vm.elementId
+    }
+  })], 1)], 1)], 1);
+}, staticRenderFns = [];
+const __vue2_script = {
+  name: "PropertiesPanel",
+  components: {
+    UserTaskListeners,
+    ElementForm,
+    ElementProperties,
+    ElementListeners,
+    SignalAndMassage,
+    FlowCondition,
+    ElementMultiInstance,
+    ElementTask,
+    ElementOtherConfig,
+    ElementBaseInfo
+  },
+  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 }) => {
+        this.initFormOnChanged(newSelection[0] || null);
+      }), this.bpmnModeler.on("element.changed", ({ element }) => {
+        element && element.id === this.elementId && this.initFormOnChanged(element);
+      });
+    },
+    // 初始化数据
+    initFormOnChanged(element) {
+      let activatedElement = element;
+      activatedElement || (activatedElement = window.bpmnInstances.elementRegistry.find((el) => el.type === "bpmn:Process") ?? window.bpmnInstances.elementRegistry.find((el) => el.type === "bpmn:Collaboration")), activatedElement && (debug.call(this, `select element changed: id: ${activatedElement.id} , type: ${activatedElement.businessObject.$type}`), debug.call(this, "businessObject", activatedElement.businessObject), window.bpmnInstances.bpmnElement = activatedElement, this.bpmnElement = activatedElement, this.elementId = activatedElement.id, this.elementType = activatedElement.type.split(":")[1] || "", this.elementBusinessObject = JSON.parse(JSON.stringify(activatedElement.businessObject)), this.conditionFormVisible = !!(this.elementType === "SequenceFlow" && activatedElement.source && activatedElement.source.type.indexOf("StartEvent") === -1), this.formVisible = this.elementType === "UserTask" || this.elementType === "StartEvent");
+    },
+    beforeDestroy() {
+      window.bpmnInstances = null;
+    }
+  }
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  !1,
+  __vue2_injectStyles,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
+}
+const PropertiesPanel = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export {
+  PropertiesPanel as default
+};