@web-utils/form-ui 1.0.0-beta10 → 1.0.0-beta101

package/chunks/BWNDImpw.mjs

@@ -0,0 +1,299 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { ElCheckbox as t, ElForm as n, ElFormItem as r, ElInput as i, ElOption as a, ElSelect as o, ElTooltip as s } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { Fragment as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, openBlock as h, withCtx as g, withModifiers as _ } from "vue";
+import "element-plus/es/components/tooltip/style/css";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import "../style/element-multi-instance.css";
+//#region src/components/bpmn-process-designer/components/penal/multi-instance/ElementMultiInstance.vue
+var v = {
+	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() {
+			let { businessObject: e } = this.element;
+			this.getElementLoop(e);
+		}
+	} },
+	beforeUnmount() {
+		this.multiLoopInstance = null;
+	},
+	methods: {
+		getElementLoop(e) {
+			var t, n;
+			if (!e.loopCharacteristics) {
+				this.loopCharacteristics = "Null", this.loopInstanceForm = {};
+				return;
+			}
+			if (e.loopCharacteristics.$type === "bpmn:StandardLoopCharacteristics") {
+				this.loopCharacteristics = "StandardLoop", this.loopInstanceForm = {};
+				return;
+			}
+			e.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = {
+				...this.defaultLoopInstanceForm,
+				...e.loopCharacteristics,
+				completionCondition: ((t = e.loopCharacteristics) == null || (t = t.completionCondition) == null ? void 0 : t.body) ?? "",
+				loopCardinality: ((n = e.loopCharacteristics) == null || (n = n.loopCardinality) == null ? void 0 : n.body) ?? ""
+			}, this.multiLoopInstance = this.element.businessObject.loopCharacteristics, e.loopCharacteristics.extensionElements && e.loopCharacteristics.extensionElements.values && e.loopCharacteristics.extensionElements.values.length && (this.loopInstanceForm.timeCycle = e.loopCharacteristics.extensionElements.values[0].body);
+		},
+		changeLoopCharacteristicsType(e) {
+			if (e === "Null") {
+				this.bpmnInstances.modeling.updateProperties(this.element, { loopCharacteristics: null });
+				return;
+			}
+			if (e === "StandardLoop") {
+				let e = this.bpmnInstances.moddle.create("bpmn:StandardLoopCharacteristics");
+				this.bpmnInstances.modeling.updateProperties(this.element, { loopCharacteristics: e }), this.multiLoopInstance = null;
+				return;
+			}
+			e === "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(e) {
+			let t = null;
+			e && e.length && (t = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: e })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, { loopCardinality: t });
+		},
+		updateLoopCondition(e) {
+			let t = null;
+			e && e.length && (t = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: e })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, { completionCondition: t });
+		},
+		updateLoopTimeCycle(e) {
+			let t = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: [this.bpmnInstances.moddle.create(`${this.prefix}:FailedJobRetryTimeCycle`, { body: e })] });
+			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(e) {
+			let { asyncBefore: t, asyncAfter: n } = this.loopInstanceForm, r = Object.create(null);
+			!t && !n ? (this.loopInstanceForm.exclusive = !1, r = {
+				asyncBefore: !1,
+				asyncAfter: !1,
+				exclusive: !1,
+				extensionElements: null
+			}) : r[e] = this.loopInstanceForm[e], this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, r);
+		}
+	}
+}, y = { class: "panel-tab__content element-multi-instance" };
+function b(e, v, b, x, S, C) {
+	let w = s, T = a, E = o, D = r, O = i, k = t, A = n;
+	return h(), d("div", y, [m(A, {
+		"label-width": "100px",
+		onSubmit: v[12] || (v[12] = _(() => {}, ["prevent"]))
+	}, {
+		default: g(() => [m(D, { label: "回路特性" }, {
+			label: g(() => [v[15] || (v[15] = p(" 回路特性 ", -1)), m(w, { effect: "light" }, {
+				content: g(() => [...v[13] || (v[13] = [f("ul", null, [
+					f("li", { class: "flow-tips-list-item" }, [f("span", { class: "flow-tips-keyword" }, "并行"), p(" 一次性创建所有任务实例 ")]),
+					f("li", { class: "flow-tips-list-item" }, [f("span", { class: "flow-tips-keyword" }, "串行"), p(" 完成一个任务实例再创建一个任务实例,直到环节完成 ")]),
+					f("li", { class: "flow-tips-list-item" }, [f("span", { class: "flow-tips-keyword" }, "循环事件"), p(" 未知 ")])
+				], -1)])]),
+				default: g(() => [v[14] || (v[14] = f("i", { class: "el-icon-info" }, null, -1))]),
+				_: 1
+			})]),
+			default: g(() => [m(E, {
+				modelValue: S.loopCharacteristics,
+				"onUpdate:modelValue": v[0] || (v[0] = (e) => S.loopCharacteristics = e),
+				onChange: C.changeLoopCharacteristicsType
+			}, {
+				default: g(() => [
+					u("bpmn:MultiInstanceLoopCharacteristics"),
+					u(" 并行多重事件 "),
+					m(T, {
+						label: "并行",
+						value: "ParallelMultiInstance"
+					}),
+					u(" 时序多重事件 "),
+					m(T, {
+						label: "串行",
+						value: "SequentialMultiInstance"
+					}),
+					u(" bpmn:StandardLoopCharacteristics "),
+					m(T, {
+						label: "循环事件",
+						value: "StandardLoop"
+					}),
+					m(T, {
+						label: "无",
+						value: "Null"
+					})
+				]),
+				_: 1
+			}, 8, ["modelValue", "onChange"])]),
+			_: 1
+		}), S.loopCharacteristics === "ParallelMultiInstance" || S.loopCharacteristics === "SequentialMultiInstance" ? (h(), d(c, { key: 0 }, [
+			m(D, {
+				key: "loopCardinality",
+				label: "循环基数"
+			}, {
+				label: g(() => [v[18] || (v[18] = p(" 循环基数 ", -1)), m(w, { effect: "light" }, {
+					content: g(() => [...v[16] || (v[16] = [f("div", null, "与任务实例数相对,可不填", -1)])]),
+					default: g(() => [v[17] || (v[17] = f("i", { class: "el-icon-info" }, null, -1))]),
+					_: 1
+				})]),
+				default: g(() => [m(O, {
+					modelValue: S.loopInstanceForm.loopCardinality,
+					"onUpdate:modelValue": v[1] || (v[1] = (e) => S.loopInstanceForm.loopCardinality = e),
+					clearable: "",
+					onChange: C.updateLoopCardinality
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}),
+			m(D, {
+				key: "collection",
+				label: "集合名称",
+				required: ""
+			}, {
+				label: g(() => [v[21] || (v[21] = p(" 集合变量 ", -1)), m(w, { effect: "light" }, {
+					content: g(() => [...v[19] || (v[19] = [f("p", null, [
+						p(" 流程变量名,设置为 "),
+						f("span", { class: "flow-tips-keyword" }, "${handlers}"),
+						p(" 就行 ")
+					], -1)])]),
+					default: g(() => [v[20] || (v[20] = f("i", { class: "el-icon-info" }, null, -1))]),
+					_: 1
+				})]),
+				default: g(() => [m(O, {
+					modelValue: S.loopInstanceForm.collection,
+					"onUpdate:modelValue": v[2] || (v[2] = (e) => S.loopInstanceForm.collection = e),
+					clearable: "",
+					onChange: C.updateLoopBase
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}),
+			m(D, {
+				key: "elementVariable",
+				label: "元素名称",
+				required: ""
+			}, {
+				label: g(() => [v[24] || (v[24] = p(" 元素变量 ", -1)), m(w, { effect: "light" }, {
+					content: g(() => [...v[22] || (v[22] = [f("p", null, [
+						p(" 流程变量名,设置为 "),
+						f("span", { class: "flow-tips-keyword" }, "handler"),
+						p(" 就行,注意与\" "),
+						f("span", { class: "flow-tips-keyword" }, "处理人"),
+						p(" \"中的\" "),
+						f("span", { class: "flow-tips-keyword" }, "分配人员"),
+						p(" \"值保持一致 ")
+					], -1)])]),
+					default: g(() => [v[23] || (v[23] = f("i", { class: "el-icon-info" }, null, -1))]),
+					_: 1
+				})]),
+				default: g(() => [m(O, {
+					modelValue: S.loopInstanceForm.elementVariable,
+					"onUpdate:modelValue": v[3] || (v[3] = (e) => S.loopInstanceForm.elementVariable = e),
+					clearable: "",
+					onChange: C.updateLoopBase
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}),
+			m(D, {
+				key: "completionCondition",
+				label: "完成条件"
+			}, {
+				label: g(() => [v[27] || (v[27] = p(" 完成条件 ", -1)), m(w, { effect: "light" }, {
+					content: g(() => [...v[25] || (v[25] = [
+						f("p", { class: "flow-tips-title" }, "特殊流程变量：", -1),
+						f("ul", null, [
+							f("li", { class: "flow-tips-list-item" }, [f("span", { class: "flow-tips-keyword" }, "nrOfInstances"), p(" 总实例数 ")]),
+							f("li", { class: "flow-tips-list-item" }, [f("span", { class: "flow-tips-keyword" }, "nrOfCompletedInstances"), p(" 已完成的实例数 ")]),
+							f("li", { class: "flow-tips-list-item" }, [f("span", { class: "flow-tips-keyword" }, "nrOfActiveInstances"), p(" 未完成实例数 ")])
+						], -1),
+						f("p", { class: "flow-tips-title" }, "示例：", -1),
+						f("ul", null, [
+							f("li", { class: "flow-tips-list-item" }, [f("span", { class: "flow-tips-keyword" }, "${nrOfCompletedInstances/nrOfInstances >= 1}"), p(" ：所有实例完成结束该环节 ")]),
+							f("li", { class: "flow-tips-list-item" }, [f("span", { class: "flow-tips-keyword" }, "${nrOfCompletedInstances/nrOfInstances >= 0.5}"), p(" ：50%实例完成结束该环节 ")]),
+							f("li", { class: "flow-tips-list-item" }, [f("span", { class: "flow-tips-keyword" }, "${nrOfCompletedInstances >= 1}"), p(" ：有一个实例完成结束该环节 ")])
+						], -1),
+						f("p", { class: "flow-tips-title" }, "不填要等所有实例完成才会结束该环节", -1)
+					])]),
+					default: g(() => [v[26] || (v[26] = f("i", { class: "el-icon-info" }, null, -1))]),
+					_: 1
+				})]),
+				default: g(() => [m(O, {
+					modelValue: S.loopInstanceForm.completionCondition,
+					"onUpdate:modelValue": v[4] || (v[4] = (e) => S.loopInstanceForm.completionCondition = e),
+					clearable: "",
+					onChange: C.updateLoopCondition
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}),
+			m(D, {
+				key: "async",
+				label: "异步状态"
+			}, {
+				label: g(() => [v[30] || (v[30] = p(" 异步状态 ", -1)), m(w, { effect: "light" }, {
+					content: g(() => [...v[28] || (v[28] = [f("div", null, "目前没用到", -1)])]),
+					default: g(() => [v[29] || (v[29] = f("i", { class: "el-icon-info" }, null, -1))]),
+					_: 1
+				})]),
+				default: g(() => [
+					m(k, {
+						modelValue: S.loopInstanceForm.asyncBefore,
+						"onUpdate:modelValue": v[5] || (v[5] = (e) => S.loopInstanceForm.asyncBefore = e),
+						label: "异步前",
+						onChange: v[6] || (v[6] = (e) => C.updateLoopAsync("asyncBefore"))
+					}, null, 8, ["modelValue"]),
+					m(k, {
+						modelValue: S.loopInstanceForm.asyncAfter,
+						"onUpdate:modelValue": v[7] || (v[7] = (e) => S.loopInstanceForm.asyncAfter = e),
+						label: "异步后",
+						onChange: v[8] || (v[8] = (e) => C.updateLoopAsync("asyncAfter"))
+					}, null, 8, ["modelValue"]),
+					S.loopInstanceForm.asyncAfter || S.loopInstanceForm.asyncBefore ? (h(), l(k, {
+						key: 0,
+						modelValue: S.loopInstanceForm.exclusive,
+						"onUpdate:modelValue": v[9] || (v[9] = (e) => S.loopInstanceForm.exclusive = e),
+						label: "排除",
+						onChange: v[10] || (v[10] = (e) => C.updateLoopAsync("exclusive"))
+					}, null, 8, ["modelValue"])) : u("v-if", !0)
+				]),
+				_: 1
+			}),
+			S.loopInstanceForm.asyncAfter || S.loopInstanceForm.asyncBefore ? (h(), l(D, {
+				key: "timeCycle",
+				label: "重试周期",
+				prop: "timeCycle"
+			}, {
+				default: g(() => [m(O, {
+					modelValue: S.loopInstanceForm.timeCycle,
+					"onUpdate:modelValue": v[11] || (v[11] = (e) => S.loopInstanceForm.timeCycle = e),
+					clearable: "",
+					onChange: C.updateLoopTimeCycle
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			})) : u("v-if", !0)
+		], 64)) : u("v-if", !0)]),
+		_: 1
+	})]);
+}
+var x = /* @__PURE__ */ e(v, [["render", b]]);
+//#endregion
+export { x as default };

package/chunks/BanS-yUY2.mjs

@@ -0,0 +1,37 @@
+import { n as e, o as t } from "./_7MDfW_y.mjs";
+import { allProps as n, predicate as r } from "../props/input-number.mjs";
+import { ElInputNumber as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as a, createVNode as o, mergeProps as s } from "vue";
+import { isString as c } from "@web-utils/core";
+import "element-plus/es/components/input-number/style/css";
+//#endregion
+//#region src/components/form/FormInputNumber.vue
+var l = {
+	name: "FormInputNumber",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { emit: n, slots: l, attrs: u }) {
+		let { emitInput: d, render: f, placeholder: p, disabled: m, listeners: h, inputProps: g } = t(e, {
+			emit: n,
+			slots: l,
+			attrs: u,
+			predicate: r
+		}), _ = a(() => c(e.modelValue) ? Number(e.modelValue) : e.modelValue);
+		return () => f({ vNodes: o(i, s(h.value, g.value, {
+			style: "width: 100%",
+			modelValue: _.value,
+			disabled: m.value,
+			"onUpdate:modelValue": d,
+			placeholder: p.value
+		}), {
+			prefix: l.prefix || e.prefix ? () => e.prefix : null,
+			suffix: l.suffix || e.suffix ? () => e.suffix : () => e.append,
+			"decrease-icon": l["decrease-icon"],
+			"increase-icon": l["increase-icon"]
+		}) });
+	}
+};
+//#endregion
+export { l as t };