@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta91

package/chunks/CHqxWrj7.mjs

@@ -0,0 +1,200 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { ElForm as t, ElFormItem as n, ElInput as r, ElOption as i, ElSelect as a } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createVNode as u, openBlock as d, withCtx as f, withModifiers as p } from "vue";
+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";
+//#region src/components/bpmn-process-designer/components/penal/flow-condition/FlowCondition.vue
+var m = {
+	name: "FlowCondition",
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return { flowConditionForm: {} };
+	},
+	watch: { id: {
+		immediate: !0,
+		async handler() {
+			await this.$nextTick(), this.resetFlowCondition();
+		}
+	} },
+	beforeUnmount() {
+		this.bpmnElementSource = null, this.bpmnElementSourceRef = null;
+	},
+	methods: {
+		resetFlowCondition() {
+			if (this.bpmnElementSource = this.element.source, this.bpmnElementSourceRef = this.element.businessObject.sourceRef, this.bpmnElementSourceRef && this.bpmnElementSourceRef.default && this.bpmnElementSourceRef.default.id === this.element.id) this.flowConditionForm = { type: "default" };
+			else if (!this.element.businessObject.conditionExpression) this.flowConditionForm = { type: "normal" };
+			else {
+				let e = this.element.businessObject.conditionExpression;
+				if (this.flowConditionForm = {
+					...e,
+					type: "condition"
+				}, this.flowConditionForm.resource) {
+					this.flowConditionForm.conditionType = "script", this.flowConditionForm.scriptType = "externalScript";
+					return;
+				}
+				if (e.language) {
+					this.flowConditionForm.conditionType = "script", this.flowConditionForm.scriptType = "inlineScript";
+					return;
+				}
+				this.flowConditionForm.conditionType = "expression";
+			}
+		},
+		updateFlowType(e) {
+			if (e === "condition") {
+				this.flowConditionRef = this.bpmnInstances.moddle.create("bpmn:FormalExpression"), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: this.flowConditionRef });
+				return;
+			}
+			if (e === "default") {
+				this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: null }), this.bpmnInstances.modeling.updateProperties(this.bpmnElementSource, { default: this.element });
+				return;
+			}
+			this.bpmnElementSourceRef.default && this.bpmnElementSourceRef.default.id === this.element.id && this.bpmnInstances.modeling.updateProperties(this.bpmnElementSource, { default: null }), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: null });
+		},
+		updateFlowCondition() {
+			let { conditionType: e, scriptType: t, body: n, resource: r, language: i } = this.flowConditionForm, a;
+			e === "expression" ? a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: n }) : t === "inlineScript" ? (a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", {
+				body: n,
+				language: i
+			}), this.flowConditionForm.resource = "") : (this.flowConditionForm.body = "", a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", {
+				resource: r,
+				language: i
+			})), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: a });
+		}
+	}
+}, h = { class: "panel-tab__content" };
+function g(e, m, g, _, v, y) {
+	let b = i, x = a, S = n, C = r, w = t;
+	return d(), l("div", h, [u(w, {
+		model: v.flowConditionForm,
+		"label-width": "90px",
+		onSubmit: m[7] || (m[7] = p(() => {}, ["prevent"]))
+	}, {
+		default: f(() => [
+			u(S, { label: "流转类型" }, {
+				default: f(() => [u(x, {
+					modelValue: v.flowConditionForm.type,
+					"onUpdate:modelValue": m[0] || (m[0] = (e) => v.flowConditionForm.type = e),
+					onChange: y.updateFlowType
+				}, {
+					default: f(() => [
+						u(b, {
+							label: "普通流转路径",
+							value: "normal"
+						}),
+						u(b, {
+							label: "默认流转路径",
+							value: "default"
+						}),
+						u(b, {
+							label: "条件流转路径",
+							value: "condition"
+						})
+					]),
+					_: 1
+				}, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}),
+			v.flowConditionForm.type === "condition" ? (d(), s(S, {
+				key: "condition",
+				label: "条件格式"
+			}, {
+				default: f(() => [u(x, {
+					modelValue: v.flowConditionForm.conditionType,
+					"onUpdate:modelValue": m[1] || (m[1] = (e) => v.flowConditionForm.conditionType = e)
+				}, {
+					default: f(() => [u(b, {
+						label: "表达式",
+						value: "expression"
+					}), u(b, {
+						label: "脚本",
+						value: "script"
+					})]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				_: 1
+			})) : c("v-if", !0),
+			v.flowConditionForm.conditionType && v.flowConditionForm.conditionType === "expression" ? (d(), s(S, {
+				key: "express",
+				label: "表达式"
+			}, {
+				default: f(() => [u(C, {
+					modelValue: v.flowConditionForm.body,
+					"onUpdate:modelValue": m[2] || (m[2] = (e) => v.flowConditionForm.body = e),
+					clearable: "",
+					onChange: y.updateFlowCondition
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			})) : c("v-if", !0),
+			v.flowConditionForm.conditionType && v.flowConditionForm.conditionType === "script" ? (d(), l(o, { key: 2 }, [
+				u(S, {
+					key: "language",
+					label: "脚本语言"
+				}, {
+					default: f(() => [u(C, {
+						modelValue: v.flowConditionForm.language,
+						"onUpdate:modelValue": m[3] || (m[3] = (e) => v.flowConditionForm.language = e),
+						clearable: "",
+						onChange: y.updateFlowCondition
+					}, null, 8, ["modelValue", "onChange"])]),
+					_: 1
+				}),
+				u(S, {
+					key: "scriptType",
+					label: "脚本类型"
+				}, {
+					default: f(() => [u(x, {
+						modelValue: v.flowConditionForm.scriptType,
+						"onUpdate:modelValue": m[4] || (m[4] = (e) => v.flowConditionForm.scriptType = e)
+					}, {
+						default: f(() => [u(b, {
+							label: "内联脚本",
+							value: "inlineScript"
+						}), u(b, {
+							label: "外部脚本",
+							value: "externalScript"
+						})]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					_: 1
+				}),
+				v.flowConditionForm.scriptType === "inlineScript" ? (d(), s(S, {
+					key: "body",
+					label: "脚本"
+				}, {
+					default: f(() => [u(C, {
+						modelValue: v.flowConditionForm.body,
+						"onUpdate:modelValue": m[5] || (m[5] = (e) => v.flowConditionForm.body = e),
+						type: "textarea",
+						clearable: "",
+						onChange: y.updateFlowCondition
+					}, null, 8, ["modelValue", "onChange"])]),
+					_: 1
+				})) : c("v-if", !0),
+				v.flowConditionForm.scriptType === "externalScript" ? (d(), s(S, {
+					key: "resource",
+					label: "资源地址"
+				}, {
+					default: f(() => [u(C, {
+						modelValue: v.flowConditionForm.resource,
+						"onUpdate:modelValue": m[6] || (m[6] = (e) => v.flowConditionForm.resource = e),
+						clearable: "",
+						onChange: y.updateFlowCondition
+					}, null, 8, ["modelValue", "onChange"])]),
+					_: 1
+				})) : c("v-if", !0)
+			], 64)) : c("v-if", !0)
+		]),
+		_: 1
+	}, 8, ["model"])]);
+}
+var _ = /* @__PURE__ */ e(m, [["render", g]]);
+//#endregion
+export { _ as default };