@web-utils/component 4.0.15 → 4.0.16

package/chunks/ElementMultiInstance.DQo2wuAQ.mjs

@@ -0,0 +1,181 @@
+import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const a = {
+  name: "ElementMultiInstance",
+  inject: {
+    prefix: "prefix"
+  },
+  props: {
+    id: String,
+    element: Object,
+    bpmnInstances: Object
+  },
+  data() {
+    return {
+      loopCharacteristics: "",
+      // 默认配置，用来覆盖原始不存在的选项，避免报错
+      defaultLoopInstanceForm: {
+        completionCondition: "",
+        loopCardinality: "",
+        extensionElements: [],
+        asyncAfter: !1,
+        asyncBefore: !1,
+        exclusive: !1
+      },
+      loopInstanceForm: {}
+    };
+  },
+  watch: {
+    id: {
+      immediate: !0,
+      handler() {
+        const { businessObject: o } = this.element;
+        this.getElementLoop(o);
+      }
+    }
+  },
+  beforeDestroy() {
+    this.multiLoopInstance = null;
+  },
+  methods: {
+    getElementLoop(o) {
+      var t, e, n, s;
+      if (!o.loopCharacteristics) {
+        this.loopCharacteristics = "Null", this.loopInstanceForm = {};
+        return;
+      }
+      if (o.loopCharacteristics.$type === "bpmn:StandardLoopCharacteristics") {
+        this.loopCharacteristics = "StandardLoop", this.loopInstanceForm = {};
+        return;
+      }
+      o.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = {
+        ...this.defaultLoopInstanceForm,
+        ...o.loopCharacteristics,
+        completionCondition: ((e = (t = o.loopCharacteristics) == null ? void 0 : t.completionCondition) == null ? void 0 : e.body) ?? "",
+        loopCardinality: ((s = (n = o.loopCharacteristics) == null ? void 0 : n.loopCardinality) == null ? void 0 : s.body) ?? ""
+      }, this.multiLoopInstance = this.element.businessObject.loopCharacteristics, o.loopCharacteristics.extensionElements && o.loopCharacteristics.extensionElements.values && o.loopCharacteristics.extensionElements.values.length && this.$set(this.loopInstanceForm, "timeCycle", o.loopCharacteristics.extensionElements.values[0].body);
+    },
+    changeLoopCharacteristicsType(o) {
+      if (o === "Null") {
+        this.bpmnInstances.modeling.updateProperties(this.element, { loopCharacteristics: null });
+        return;
+      }
+      if (o === "StandardLoop") {
+        const t = this.bpmnInstances.moddle.create("bpmn:StandardLoopCharacteristics");
+        this.bpmnInstances.modeling.updateProperties(this.element, {
+          loopCharacteristics: t
+        }), this.multiLoopInstance = null;
+        return;
+      }
+      o === "SequentialMultiInstance" ? this.multiLoopInstance = this.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics", {
+        isSequential: !0
+      }) : this.multiLoopInstance = this.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics"), this.bpmnInstances.modeling.updateProperties(this.element, {
+        loopCharacteristics: this.multiLoopInstance
+      });
+    },
+    // 循环基数
+    updateLoopCardinality(o) {
+      let t = null;
+      o && o.length && (t = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: o })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
+        loopCardinality: t
+      });
+    },
+    // 完成条件
+    updateLoopCondition(o) {
+      let t = null;
+      o && o.length && (t = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: o })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
+        completionCondition: t
+      });
+    },
+    // 重试周期
+    updateLoopTimeCycle(o) {
+      const t = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
+        values: [
+          this.bpmnInstances.moddle.create(`${this.prefix}:FailedJobRetryTimeCycle`, {
+            body: o
+          })
+        ]
+      });
+      this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
+        extensionElements: t
+      });
+    },
+    // 直接更新的基础信息
+    updateLoopBase() {
+      this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
+        collection: this.loopInstanceForm.collection || null,
+        elementVariable: this.loopInstanceForm.elementVariable || null
+      });
+    },
+    // 各异步状态
+    updateLoopAsync(o) {
+      const { asyncBefore: t, asyncAfter: e } = this.loopInstanceForm;
+      let n = /* @__PURE__ */ Object.create(null);
+      !t && !e ? (this.$set(this.loopInstanceForm, "exclusive", !1), n = { asyncBefore: !1, asyncAfter: !1, exclusive: !1, extensionElements: null }) : n[o] = this.loopInstanceForm[o], this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, n);
+    }
+  }
+};
+var i = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "panel-tab__content element-multi-instance" }, [e("ElForm", { attrs: { size: "mini", "label-width": "100px" }, nativeOn: { submit: function(n) {
+    n.preventDefault();
+  } } }, [e("ElFormItem", { attrs: { label: "回路特性" }, scopedSlots: t._u([{ key: "label", fn: function() {
+    return [t._v(" 回路特性 "), e("ElTooltip", { attrs: { effect: "light" }, scopedSlots: t._u([{ key: "content", fn: function() {
+      return [e("ul", [e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("并行")]), t._v(" 一次性创建所有任务实例")]), e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("串行")]), t._v(" 完成一个任务实例再创建一个任务实例,直到环节完成")]), e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("循环事件")]), t._v(" 未知")])])];
+    }, proxy: !0 }]) }, [e("i", { staticClass: "el-icon-info" })])];
+  }, proxy: !0 }]) }, [e("ElSelect", { on: { change: t.changeLoopCharacteristicsType }, model: { value: t.loopCharacteristics, callback: function(n) {
+    t.loopCharacteristics = n;
+  }, expression: "loopCharacteristics" } }, [e("ElOption", { attrs: { label: "并行", value: "ParallelMultiInstance" } }), e("ElOption", { attrs: { label: "串行", value: "SequentialMultiInstance" } }), e("ElOption", { attrs: { label: "循环事件", value: "StandardLoop" } }), e("ElOption", { attrs: { label: "无", value: "Null" } })], 1)], 1), t.loopCharacteristics === "ParallelMultiInstance" || t.loopCharacteristics === "SequentialMultiInstance" ? [e("ElFormItem", { key: "loopCardinality", attrs: { label: "循环基数" }, scopedSlots: t._u([{ key: "label", fn: function() {
+    return [t._v(" 循环基数 "), e("ElTooltip", { attrs: { effect: "light" }, scopedSlots: t._u([{ key: "content", fn: function() {
+      return [e("div", [t._v("与任务实例数相对,可不填")])];
+    }, proxy: !0 }], null, !1, 3306633709) }, [e("i", { staticClass: "el-icon-info" })])];
+  }, proxy: !0 }], null, !1, 3757615878) }, [e("ElInput", { attrs: { clearable: "" }, on: { change: t.updateLoopCardinality }, model: { value: t.loopInstanceForm.loopCardinality, callback: function(n) {
+    t.$set(t.loopInstanceForm, "loopCardinality", n);
+  }, expression: "loopInstanceForm.loopCardinality" } })], 1), e("ElFormItem", { key: "collection", attrs: { label: "集合名称", required: "" }, scopedSlots: t._u([{ key: "label", fn: function() {
+    return [t._v(" 集合变量 "), e("ElTooltip", { attrs: { effect: "light" }, scopedSlots: t._u([{ key: "content", fn: function() {
+      return [e("p", [t._v("流程变量名,设置为 "), e("span", { staticClass: "flow-tips-keyword" }, [t._v("${handlers}")]), t._v(" 就行")])];
+    }, proxy: !0 }], null, !1, 2769289721) }, [e("i", { staticClass: "el-icon-info" })])];
+  }, proxy: !0 }], null, !1, 3139340263) }, [e("ElInput", { attrs: { clearable: "" }, on: { change: t.updateLoopBase }, model: { value: t.loopInstanceForm.collection, callback: function(n) {
+    t.$set(t.loopInstanceForm, "collection", n);
+  }, expression: "loopInstanceForm.collection" } })], 1), e("ElFormItem", { key: "elementVariable", attrs: { label: "元素名称", required: "" }, scopedSlots: t._u([{ key: "label", fn: function() {
+    return [t._v(" 元素变量 "), e("ElTooltip", { attrs: { effect: "light" }, scopedSlots: t._u([{ key: "content", fn: function() {
+      return [e("p", [t._v(" 流程变量名,设置为 "), e("span", { staticClass: "flow-tips-keyword" }, [t._v("handler")]), t._v(' 就行,注意与"'), e("span", { staticClass: "flow-tips-keyword" }, [t._v("处理人")]), t._v('"中的"'), e("span", { staticClass: "flow-tips-keyword" }, [t._v("分配人员")]), t._v('"值保持一致 ')])];
+    }, proxy: !0 }], null, !1, 952223137) }, [e("i", { staticClass: "el-icon-info" })])];
+  }, proxy: !0 }], null, !1, 1907746023) }, [e("ElInput", { attrs: { clearable: "" }, on: { change: t.updateLoopBase }, model: { value: t.loopInstanceForm.elementVariable, callback: function(n) {
+    t.$set(t.loopInstanceForm, "elementVariable", n);
+  }, expression: "loopInstanceForm.elementVariable" } })], 1), e("ElFormItem", { key: "completionCondition", attrs: { label: "完成条件" }, scopedSlots: t._u([{ key: "label", fn: function() {
+    return [t._v(" 完成条件 "), e("ElTooltip", { attrs: { effect: "light" }, scopedSlots: t._u([{ key: "content", fn: function() {
+      return [e("p", { staticClass: "flow-tips-title" }, [t._v("特殊流程变量：")]), e("ul", [e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("nrOfInstances")]), t._v(" 总实例数")]), e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("nrOfCompletedInstances")]), t._v(" 已完成的实例数")]), e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("nrOfActiveInstances")]), t._v(" 未完成实例数")])]), e("p", { staticClass: "flow-tips-title" }, [t._v("示例：")]), e("ul", [e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("${nrOfCompletedInstances/nrOfInstances >= 1}")]), t._v("：所有实例完成结束该环节 ")]), e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("${nrOfCompletedInstances/nrOfInstances >= 0.5}")]), t._v("：50%实例完成结束该环节 ")]), e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("${nrOfCompletedInstances >= 1}")]), t._v("：有一个实例完成结束该环节")])]), e("p", { staticClass: "flow-tips-title" }, [t._v("不填要等所有实例完成才会结束该环节")])];
+    }, proxy: !0 }], null, !1, 2952075778) }, [e("i", { staticClass: "el-icon-info" })])];
+  }, proxy: !0 }], null, !1, 2319413861) }, [e("ElInput", { attrs: { clearable: "" }, on: { change: t.updateLoopCondition }, model: { value: t.loopInstanceForm.completionCondition, callback: function(n) {
+    t.$set(t.loopInstanceForm, "completionCondition", n);
+  }, expression: "loopInstanceForm.completionCondition" } })], 1), e("ElFormItem", { key: "async", attrs: { label: "异步状态" }, scopedSlots: t._u([{ key: "label", fn: function() {
+    return [t._v(" 异步状态 "), e("ElTooltip", { attrs: { effect: "light" }, scopedSlots: t._u([{ key: "content", fn: function() {
+      return [e("div", [t._v("目前没用到")])];
+    }, proxy: !0 }], null, !1, 1935913218) }, [e("i", { staticClass: "el-icon-info" })])];
+  }, proxy: !0 }], null, !1, 474663414) }, [e("ElCheckbox", { attrs: { label: "异步前" }, on: { change: function(n) {
+    return t.updateLoopAsync("asyncBefore");
+  } }, model: { value: t.loopInstanceForm.asyncBefore, callback: function(n) {
+    t.$set(t.loopInstanceForm, "asyncBefore", n);
+  }, expression: "loopInstanceForm.asyncBefore" } }), e("ElCheckbox", { attrs: { label: "异步后" }, on: { change: function(n) {
+    return t.updateLoopAsync("asyncAfter");
+  } }, model: { value: t.loopInstanceForm.asyncAfter, callback: function(n) {
+    t.$set(t.loopInstanceForm, "asyncAfter", n);
+  }, expression: "loopInstanceForm.asyncAfter" } }), t.loopInstanceForm.asyncAfter || t.loopInstanceForm.asyncBefore ? e("ElCheckbox", { attrs: { label: "排除" }, on: { change: function(n) {
+    return t.updateLoopAsync("exclusive");
+  } }, model: { value: t.loopInstanceForm.exclusive, callback: function(n) {
+    t.$set(t.loopInstanceForm, "exclusive", n);
+  }, expression: "loopInstanceForm.exclusive" } }) : t._e()], 1), t.loopInstanceForm.asyncAfter || t.loopInstanceForm.asyncBefore ? e("ElFormItem", { key: "timeCycle", attrs: { label: "重试周期", prop: "timeCycle" } }, [e("ElInput", { attrs: { clearable: "" }, on: { change: t.updateLoopTimeCycle }, model: { value: t.loopInstanceForm.timeCycle, callback: function(n) {
+    t.$set(t.loopInstanceForm, "timeCycle", n);
+  }, expression: "loopInstanceForm.timeCycle" } })], 1) : t._e()] : t._e()], 2)], 1);
+}, c = [], r = /* @__PURE__ */ l(
+  a,
+  i,
+  c,
+  !1,
+  null,
+  null
+);
+const m = r.exports;
+export {
+  m as default
+};

package/chunks/ElementOtherConfig.B1NfMTYh.mjs

@@ -0,0 +1,60 @@
+import { isBlank as i } from "@web-utils/core";
+import { n as o } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const a = {
+  name: "ElementOtherConfig",
+  props: {
+    id: String,
+    element: Object,
+    bpmnInstances: Object
+  },
+  data() {
+    return {
+      documentation: ""
+    };
+  },
+  watch: {
+    id: {
+      immediate: !0,
+      handler() {
+        if (i(this.element))
+          this.documentation = "";
+        else {
+          const {
+            businessObject: { documentation: e }
+          } = this.element;
+          this.documentation = (e == null ? void 0 : e[0].text) || "";
+        }
+      }
+    }
+  },
+  methods: {
+    updateDocumentation() {
+      const { modeling: e } = this.bpmnInstances, {
+        businessObject: { documentation: t }
+      } = this.element;
+      if (t != null && t.length)
+        t[0].set("text", this.documentation), e.updateProperties(this.element, { documentation: t });
+      else {
+        const { bpmnFactory: n } = this.bpmnInstances, s = n.create("bpmn:Documentation", { text: this.documentation });
+        e.updateProperties(this.element, { documentation: [s] });
+      }
+    }
+  }
+};
+var c = function() {
+  var t = this, n = t._self._c;
+  return n("div", { staticClass: "panel-tab__content" }, [n("div", { staticClass: "element-property input-property" }, [n("div", { staticClass: "element-property__label" }, [t._v("元素文档：")]), n("div", { staticClass: "element-property__value" }, [n("ElInput", { attrs: { type: "textarea", size: "mini", resize: "vertical", autosize: { minRows: 2, maxRows: 4 } }, on: { input: t.updateDocumentation }, model: { value: t.documentation, callback: function(s) {
+    t.documentation = s;
+  }, expression: "documentation" } })], 1)])]);
+}, m = [], r = /* @__PURE__ */ o(
+  a,
+  c,
+  m,
+  !1,
+  null,
+  null
+);
+const u = r.exports;
+export {
+  u as default
+};

package/chunks/ElementProperties.CosfDrlW.mjs

@@ -0,0 +1,112 @@
+import { fastClone as n } from "@web-utils/core";
+import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const p = {
+  name: "ElementProperties",
+  inject: {
+    prefix: "prefix",
+    width: "width"
+  },
+  props: {
+    id: String,
+    element: Object,
+    bpmnInstances: Object
+  },
+  data() {
+    return {
+      elementPropertyList: [],
+      propertyForm: {},
+      editingPropertyIndex: -1,
+      propertyFormModelVisible: !1
+    };
+  },
+  watch: {
+    id: {
+      immediate: !0,
+      handler(i) {
+        i != null && i.length && this.resetAttributesList();
+      }
+    }
+  },
+  methods: {
+    resetAttributesList() {
+      var i, t, e;
+      this.otherExtensionList = [], this.bpmnElementProperties = ((e = (t = (i = this.element.businessObject) == null ? void 0 : i.extensionElements) == null ? void 0 : t.values) == null ? void 0 : e.filter((r) => (r.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(r), r.$type === `${this.prefix}:Properties`))) ?? [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce((r, s) => r.concat(s.values), []), this.elementPropertyList = n(this.bpmnElementPropertyList ?? []);
+    },
+    openAttributesForm(i, t) {
+      this.editingPropertyIndex = t, this.propertyForm = t === -1 ? {} : n(i), this.propertyFormModelVisible = !0, this.$nextTick(() => {
+        this.$refs.attributeFormRef && this.$refs.attributeFormRef.clearValidate();
+      });
+    },
+    removeAttributes(i, t) {
+      this.$confirm("确认移除该属性吗？", "提示", {
+        confirmButtonText: "确 认",
+        cancelButtonText: "取 消"
+      }).then(() => {
+        this.elementPropertyList.splice(t, 1), this.bpmnElementPropertyList.splice(t, 1);
+        const e = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
+          values: this.bpmnElementPropertyList
+        });
+        this.updateElementExtensions(e), this.resetAttributesList();
+      }).catch(() => {
+      });
+    },
+    saveAttribute() {
+      const { name: i, value: t } = this.propertyForm;
+      if (this.editingPropertyIndex !== -1)
+        this.bpmnInstances.modeling.updateModdleProperties(this.element, this.bpmnElementPropertyList[this.editingPropertyIndex], {
+          name: i,
+          value: t
+        });
+      else {
+        const e = this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { name: i, value: t }), r = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
+          values: this.bpmnElementPropertyList.concat([e])
+        });
+        this.updateElementExtensions(r);
+      }
+      this.propertyFormModelVisible = !1, this.resetAttributesList();
+    },
+    updateElementExtensions(i) {
+      const t = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
+        values: this.otherExtensionList.concat([i])
+      });
+      this.bpmnInstances.modeling.updateProperties(this.element, {
+        extensionElements: t
+      });
+    }
+  }
+};
+var a = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "panel-tab__content" }, [e("ElTable", { attrs: { data: t.elementPropertyList, size: "mini", "max-height": "240", border: "", fit: "" } }, [e("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), e("ElTableColumn", { attrs: { label: "属性名", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), e("ElTableColumn", { attrs: { label: "属性值", prop: "value", "min-width": "100px", "show-overflow-tooltip": "" } }), e("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: t._u([{ key: "default", fn: function({ row: r, $index: s }) {
+    return [e("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
+      return t.openAttributesForm(r, s);
+    } } }, [t._v("编辑")]), e("ElDivider", { attrs: { direction: "vertical" } }), e("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
+      return t.removeAttributes(r, s);
+    } } }, [t._v("移除")])];
+  } }]) })], 1), e("div", { staticClass: "element-drawer__button" }, [e("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(r) {
+    return t.openAttributesForm(null, -1);
+  } } }, [t._v("添加属性")])], 1), e("ElementDialog", { staticClass: "flow-dialog", attrs: { visible: t.propertyFormModelVisible, title: "属性配置", width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(r) {
+    t.propertyFormModelVisible = r;
+  } }, scopedSlots: t._u([{ key: "footer", fn: function() {
+    return [e("ElButton", { attrs: { size: "mini" }, on: { click: function(r) {
+      t.propertyFormModelVisible = !1;
+    } } }, [t._v("取 消")]), e("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: t.saveAttribute } }, [t._v("确 定")])];
+  }, proxy: !0 }]) }, [e("ElForm", { ref: "attributeFormRef", attrs: { model: t.propertyForm, "label-width": "80px", size: "mini" }, nativeOn: { submit: function(r) {
+    r.preventDefault();
+  } } }, [e("ElFormItem", { attrs: { label: "属性名：", prop: "name" } }, [e("ElInput", { attrs: { clearable: "" }, model: { value: t.propertyForm.name, callback: function(r) {
+    t.$set(t.propertyForm, "name", r);
+  }, expression: "propertyForm.name" } })], 1), e("ElFormItem", { attrs: { label: "属性值：", prop: "value" } }, [e("ElInput", { attrs: { clearable: "" }, model: { value: t.propertyForm.value, callback: function(r) {
+    t.$set(t.propertyForm, "value", r);
+  }, expression: "propertyForm.value" } })], 1)], 1)], 1)], 1);
+}, m = [], c = /* @__PURE__ */ l(
+  p,
+  a,
+  m,
+  !1,
+  null,
+  null
+);
+const b = c.exports;
+export {
+  b as default
+};

package/chunks/{ElementTaskConfig.AvBOzAni.mjs → ElementTaskConfig.Bko0kgTp.mjs}

@@ -1,13 +1,5 @@
-import c from "element-ui/lib/checkbox";
-import n from "element-ui/lib/form-item";
-import d from "element-ui/lib/form";
-import r from "element-ui/lib/input";
-import i from "element-ui/lib/option";
-import o from "element-ui/lib/select";
-import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
-import u from "element-ui/lib/button";
-import f from "../element-dialog/index.mjs";
-const k = {
+import { n } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const o = {
   name: "UserTask",
   props: {
     id: String,
@@ -50,48 +42,48 @@ const k = {
     }
   }
 };
-var h = function() {
+var l = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { "margin-top": "16px" } }, [t(n, { attrs: { label: "处理用户" } }, [t(o, { on: { change: function(s) {
+  return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "处理用户" } }, [t("ElSelect", { on: { change: function(s) {
     return e.updateElementTask("assignee");
   } }, model: { value: e.userTaskForm.assignee, callback: function(s) {
     e.$set(e.userTaskForm, "assignee", s);
   }, expression: "userTaskForm.assignee" } }, e._l(e.mockData, function(s) {
-    return t(i, { key: `ass-${s}`, attrs: { label: `用户${s}`, value: `user${s}` } });
-  }), 1)], 1), t(n, { attrs: { label: "候选用户" } }, [t(o, { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(s) {
+    return t("ElOption", { key: `ass-${s}`, attrs: { label: `用户${s}`, value: `user${s}` } });
+  }), 1)], 1), t("ElFormItem", { attrs: { label: "候选用户" } }, [t("ElSelect", { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(s) {
     return e.updateElementTask("candidateUsers");
   } }, model: { value: e.userTaskForm.candidateUsers, callback: function(s) {
     e.$set(e.userTaskForm, "candidateUsers", s);
   }, expression: "userTaskForm.candidateUsers" } }, e._l(e.mockData, function(s) {
-    return t(i, { key: `user-${s}`, attrs: { label: `用户${s}`, value: `user${s}` } });
-  }), 1)], 1), t(n, { attrs: { label: "候选分组" } }, [t(o, { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(s) {
+    return t("ElOption", { key: `user-${s}`, attrs: { label: `用户${s}`, value: `user${s}` } });
+  }), 1)], 1), t("ElFormItem", { attrs: { label: "候选分组" } }, [t("ElSelect", { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(s) {
     return e.updateElementTask("candidateGroups");
   } }, model: { value: e.userTaskForm.candidateGroups, callback: function(s) {
     e.$set(e.userTaskForm, "candidateGroups", s);
   }, expression: "userTaskForm.candidateGroups" } }, e._l(e.mockData, function(s) {
-    return t(i, { key: `ass-${s}`, attrs: { label: `分组${s}`, value: `group${s}` } });
-  }), 1)], 1), t(n, { attrs: { label: "到期时间" } }, [t(r, { attrs: { clearable: "" }, on: { change: function(s) {
+    return t("ElOption", { key: `ass-${s}`, attrs: { label: `分组${s}`, value: `group${s}` } });
+  }), 1)], 1), t("ElFormItem", { attrs: { label: "到期时间" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(s) {
     return e.updateElementTask("dueDate");
   } }, model: { value: e.userTaskForm.dueDate, callback: function(s) {
     e.$set(e.userTaskForm, "dueDate", s);
-  }, expression: "userTaskForm.dueDate" } })], 1), t(n, { attrs: { label: "跟踪时间" } }, [t(r, { attrs: { clearable: "" }, on: { change: function(s) {
+  }, expression: "userTaskForm.dueDate" } })], 1), t("ElFormItem", { attrs: { label: "跟踪时间" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(s) {
     return e.updateElementTask("followUpDate");
   } }, model: { value: e.userTaskForm.followUpDate, callback: function(s) {
     e.$set(e.userTaskForm, "followUpDate", s);
-  }, expression: "userTaskForm.followUpDate" } })], 1), t(n, { attrs: { label: "优先级" } }, [t(r, { attrs: { clearable: "" }, on: { change: function(s) {
+  }, expression: "userTaskForm.followUpDate" } })], 1), t("ElFormItem", { attrs: { label: "优先级" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(s) {
     return e.updateElementTask("priority");
   } }, model: { value: e.userTaskForm.priority, callback: function(s) {
     e.$set(e.userTaskForm, "priority", s);
   }, expression: "userTaskForm.priority" } })], 1)], 1);
-}, g = [], b = /* @__PURE__ */ l(
-  k,
-  h,
-  g,
+}, c = [], m = /* @__PURE__ */ n(
+  o,
+  l,
+  c,
   !1,
   null,
   null
 );
-const T = b.exports, F = {
+const p = m.exports, u = {
   name: "ScriptTask",
   props: {
     id: String,
@@ -132,44 +124,44 @@ const T = b.exports, F = {
     }
   }
 };
-var _ = function() {
+var d = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { "margin-top": "16px" } }, [t(n, { attrs: { label: "脚本格式" } }, [t(r, { attrs: { clearable: "" }, on: { input: function(s) {
+  return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "脚本格式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(s) {
     return e.updateElementTask();
   }, change: function(s) {
     return e.updateElementTask();
   } }, model: { value: e.scriptTaskForm.scriptFormat, callback: function(s) {
     e.$set(e.scriptTaskForm, "scriptFormat", s);
-  }, expression: "scriptTaskForm.scriptFormat" } })], 1), t(n, { attrs: { label: "脚本类型" } }, [t(o, { model: { value: e.scriptTaskForm.scriptType, callback: function(s) {
+  }, expression: "scriptTaskForm.scriptFormat" } })], 1), t("ElFormItem", { attrs: { label: "脚本类型" } }, [t("ElSelect", { model: { value: e.scriptTaskForm.scriptType, callback: function(s) {
     e.$set(e.scriptTaskForm, "scriptType", s);
-  }, expression: "scriptTaskForm.scriptType" } }, [t(i, { attrs: { label: "内联脚本", value: "inline" } }), t(i, { attrs: { label: "外部资源", value: "external" } })], 1)], 1), t(n, { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "inline", expression: "scriptTaskForm.scriptType === 'inline'" }], attrs: { label: "脚本" } }, [t(r, { attrs: { type: "textarea", resize: "vertical", autosize: { minRows: 2, maxRows: 4 }, clearable: "" }, on: { input: function(s) {
+  }, expression: "scriptTaskForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inline" } }), t("ElOption", { attrs: { label: "外部资源", value: "external" } })], 1)], 1), t("ElFormItem", { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "inline", expression: "scriptTaskForm.scriptType === 'inline'" }], attrs: { label: "脚本" } }, [t("ElInput", { attrs: { type: "textarea", resize: "vertical", autosize: { minRows: 2, maxRows: 4 }, clearable: "" }, on: { input: function(s) {
     return e.updateElementTask();
   }, change: function(s) {
     return e.updateElementTask();
   } }, model: { value: e.scriptTaskForm.script, callback: function(s) {
     e.$set(e.scriptTaskForm, "script", s);
-  }, expression: "scriptTaskForm.script" } })], 1), t(n, { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "external", expression: "scriptTaskForm.scriptType === 'external'" }], attrs: { label: "资源地址" } }, [t(r, { attrs: { clearable: "" }, on: { input: function(s) {
+  }, expression: "scriptTaskForm.script" } })], 1), t("ElFormItem", { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "external", expression: "scriptTaskForm.scriptType === 'external'" }], attrs: { label: "资源地址" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(s) {
     return e.updateElementTask();
   }, change: function(s) {
     return e.updateElementTask();
   } }, model: { value: e.scriptTaskForm.resource, callback: function(s) {
     e.$set(e.scriptTaskForm, "resource", s);
-  }, expression: "scriptTaskForm.resource" } })], 1), t(n, { attrs: { label: "结果变量" } }, [t(r, { attrs: { clearable: "" }, on: { input: function(s) {
+  }, expression: "scriptTaskForm.resource" } })], 1), t("ElFormItem", { attrs: { label: "结果变量" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(s) {
     return e.updateElementTask();
   }, change: function(s) {
     return e.updateElementTask();
   } }, model: { value: e.scriptTaskForm.resultVariable, callback: function(s) {
     e.$set(e.scriptTaskForm, "resultVariable", s);
   }, expression: "scriptTaskForm.resultVariable" } })], 1)], 1);
-}, v = [], $ = /* @__PURE__ */ l(
-  F,
-  _,
-  v,
+}, f = [], k = /* @__PURE__ */ n(
+  u,
+  d,
+  f,
   !1,
   null,
   null
 );
-const y = $.exports, M = {
+const h = k.exports, b = {
   name: "ReceiveTask",
   props: {
     id: String,
@@ -222,34 +214,34 @@ const y = $.exports, M = {
     }
   }
 };
-var x = function() {
+var F = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { "margin-top": "16px" } }, [t(n, { attrs: { label: "消息实例" } }, [t("div", { staticStyle: { display: "flex", "flex-wrap": "nowrap", "align-items": "center", "justify-content": "space-between" } }, [t(o, { on: { change: e.updateTaskMessage }, model: { value: e.bindMessageId, callback: function(s) {
+  return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "消息实例" } }, [t("div", { staticStyle: { display: "flex", "flex-wrap": "nowrap", "align-items": "center", "justify-content": "space-between" } }, [t("ElSelect", { on: { change: e.updateTaskMessage }, model: { value: e.bindMessageId, callback: function(s) {
     e.bindMessageId = s;
   }, expression: "bindMessageId" } }, e._l(Object.keys(e.messageMap), function(s) {
-    return t(i, { key: s, attrs: { value: s, label: e.messageMap[s] } });
-  }), 1), t(u, { staticStyle: { "margin-left": "8px" }, attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: e.openMessageModel } })], 1)]), t(f, { staticClass: "flow-dialog", attrs: { visible: e.messageModelVisible, "close-on-click-modal": !1, title: "创建新消息", width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(s) {
+    return t("ElOption", { key: s, attrs: { value: s, label: e.messageMap[s] } });
+  }), 1), t("ElButton", { staticStyle: { "margin-left": "8px" }, attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: e.openMessageModel } })], 1)]), t("ElementDialog", { staticClass: "flow-dialog", attrs: { visible: e.messageModelVisible, "close-on-click-modal": !1, title: "创建新消息", width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(s) {
     e.messageModelVisible = s;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t(u, { attrs: { size: "mini", type: "primary" }, on: { click: e.createNewMessage } }, [e._v("确 认")])];
-  }, proxy: !0 }]) }, [t(d, { attrs: { model: e.newMessageForm, size: "mini", "label-width": "90px" }, nativeOn: { submit: function(s) {
+    return [t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.createNewMessage } }, [e._v("确 认")])];
+  }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.newMessageForm, size: "mini", "label-width": "90px" }, nativeOn: { submit: function(s) {
     s.preventDefault();
-  } } }, [t(n, { attrs: { label: "消息ID" } }, [t(r, { attrs: { clearable: "" }, model: { value: e.newMessageForm.id, callback: function(s) {
+  } } }, [t("ElFormItem", { attrs: { label: "消息ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.newMessageForm.id, callback: function(s) {
     e.$set(e.newMessageForm, "id", s);
-  }, expression: "newMessageForm.id" } })], 1), t(n, { attrs: { label: "消息名称" } }, [t(r, { attrs: { clearable: "" }, model: { value: e.newMessageForm.name, callback: function(s) {
+  }, expression: "newMessageForm.id" } })], 1), t("ElFormItem", { attrs: { label: "消息名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.newMessageForm.name, callback: function(s) {
     e.$set(e.newMessageForm, "name", s);
   }, expression: "newMessageForm.name" } })], 1)], 1)], 1)], 1);
-}, w = [], C = /* @__PURE__ */ l(
-  M,
-  x,
-  w,
+}, g = [], T = /* @__PURE__ */ n(
+  b,
+  F,
+  g,
   !1,
   null,
   null
 );
-const E = C.exports, R = {
+const v = T.exports, E = {
   name: "ElementTaskConfig",
-  components: { UserTask: T, ScriptTask: y, ReceiveTask: E },
+  components: { UserTask: p, ScriptTask: h, ReceiveTask: v },
   props: {
     id: String,
     element: Object,
@@ -281,8 +273,8 @@ const E = C.exports, R = {
     id: {
       immediate: !0,
       handler() {
-        var a, e, t, s, m, p;
-        this.taskConfigForm.asyncBefore = (e = (a = this.element) == null ? void 0 : a.businessObject) == null ? void 0 : e.asyncBefore, this.taskConfigForm.asyncAfter = (s = (t = this.element) == null ? void 0 : t.businessObject) == null ? void 0 : s.asyncAfter, this.taskConfigForm.exclusive = (p = (m = this.element) == null ? void 0 : m.businessObject) == null ? void 0 : p.exclusive;
+        var a, e, t, s, r, i;
+        this.taskConfigForm.asyncBefore = (e = (a = this.element) == null ? void 0 : a.businessObject) == null ? void 0 : e.asyncBefore, this.taskConfigForm.asyncAfter = (s = (t = this.element) == null ? void 0 : t.businessObject) == null ? void 0 : s.asyncAfter, this.taskConfigForm.exclusive = (i = (r = this.element) == null ? void 0 : r.businessObject) == null ? void 0 : i.exclusive;
       }
     },
     type: {
@@ -300,26 +292,26 @@ const E = C.exports, R = {
     }
   }
 };
-var j = function() {
+var _ = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content" }, [t(d, { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(s) {
+  return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(s) {
     s.preventDefault();
-  } } }, [t(n, { attrs: { label: "异步延续" } }, [t(c, { attrs: { label: "异步前" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncBefore, callback: function(s) {
+  } } }, [t("ElFormItem", { attrs: { label: "异步延续" } }, [t("ElCheckbox", { attrs: { label: "异步前" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncBefore, callback: function(s) {
     e.$set(e.taskConfigForm, "asyncBefore", s);
-  }, expression: "taskConfigForm.asyncBefore" } }), t(c, { attrs: { label: "异步后" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncAfter, callback: function(s) {
+  }, expression: "taskConfigForm.asyncBefore" } }), t("ElCheckbox", { attrs: { label: "异步后" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncAfter, callback: function(s) {
     e.$set(e.taskConfigForm, "asyncAfter", s);
-  }, expression: "taskConfigForm.asyncAfter" } }), e.taskConfigForm.asyncAfter || e.taskConfigForm.asyncBefore ? t(c, { attrs: { label: "排除" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.exclusive, callback: function(s) {
+  }, expression: "taskConfigForm.asyncAfter" } }), e.taskConfigForm.asyncAfter || e.taskConfigForm.asyncBefore ? t("ElCheckbox", { attrs: { label: "排除" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.exclusive, callback: function(s) {
     e.$set(e.taskConfigForm, "exclusive", s);
   }, expression: "taskConfigForm.exclusive" } }) : e._e()], 1), t(e.witchTaskComponent, e._b({ tag: "Component" }, "Component", e.$props, !1))], 1)], 1);
-}, O = [], D = /* @__PURE__ */ l(
-  R,
-  j,
-  O,
+}, $ = [], y = /* @__PURE__ */ n(
+  E,
+  _,
+  $,
   !1,
   null,
   null
 );
-const N = D.exports;
+const M = y.exports;
 export {
-  N as default
+  M as default
 };