@web-utils/component 3.4.6 → 3.6.0

package/chunks/ElementMultiInstance.3Z28ewuh.mjs

@@ -0,0 +1,191 @@
+var m = Object.defineProperty, u = Object.defineProperties;
+var f = Object.getOwnPropertyDescriptors;
+var c = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
+var r = (o, t, e) => t in o ? m(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, s = (o, t) => {
+  for (var e in t || (t = {}))
+    d.call(t, e) && r(o, e, t[e]);
+  if (c)
+    for (var e of c(t))
+      h.call(t, e) && r(o, e, t[e]);
+  return o;
+}, p = (o, t) => u(o, f(t));
+import { n as C } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const I = {
+  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, l, a, i;
+      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 = p(s(s({}, this.defaultLoopInstanceForm), o.loopCharacteristics), {
+        completionCondition: (n = (e = (t = o.loopCharacteristics) == null ? void 0 : t.completionCondition) == null ? void 0 : e.body) != null ? n : "",
+        loopCardinality: (i = (a = (l = o.loopCharacteristics) == null ? void 0 : l.loopCardinality) == null ? void 0 : a.body) != null ? i : ""
+      }), 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 y = 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);
+}, v = [], _ = /* @__PURE__ */ C(
+  I,
+  y,
+  v,
+  !1,
+  null,
+  null
+);
+const x = _.exports;
+export {
+  x 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.CRIQaaPc.mjs

@@ -0,0 +1,112 @@
+import { fastClone as o } from "@web-utils/core";
+import { n as p } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const a = {
+  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 && i.length && this.resetAttributesList();
+      }
+    }
+  },
+  methods: {
+    resetAttributesList() {
+      var i, t, e, r, n;
+      this.otherExtensionList = [], this.bpmnElementProperties = (r = (e = (t = (i = this.element.businessObject) == null ? void 0 : i.extensionElements) == null ? void 0 : t.values) == null ? void 0 : e.filter((s) => (s.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(s), s.$type === `${this.prefix}:Properties`))) != null ? r : [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce((s, l) => s.concat(l.values), []), this.elementPropertyList = o((n = this.bpmnElementPropertyList) != null ? n : []);
+    },
+    openAttributesForm(i, t) {
+      this.editingPropertyIndex = t, this.propertyForm = t === -1 ? {} : o(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 m = 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: n }) {
+    return [e("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(s) {
+      return t.openAttributesForm(r, n);
+    } } }, [t._v("编辑")]), e("ElDivider", { attrs: { direction: "vertical" } }), e("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(s) {
+      return t.removeAttributes(r, n);
+    } } }, [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);
+}, c = [], u = /* @__PURE__ */ p(
+  a,
+  m,
+  c,
+  !1,
+  null,
+  null
+);
+const h = u.exports;
+export {
+  h as default
+};