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

package/chunks/mH_IELW0.mjs

@@ -0,0 +1,449 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { t } from "./V-Js6hNd.mjs";
+import { t as n } from "./Gh6td4HK.mjs";
+import { ElCheckbox as r, ElForm as i, ElFormItem as a, ElInput as o, ElMessage as s, ElOption as c, ElSelect as l } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { Fragment as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, guardReactiveProps as _, normalizeProps as v, openBlock as y, renderList as b, resolveDynamicComponent as x, vShow as S, withCtx as C, withDirectives as w, withModifiers as T } from "vue";
+import "element-plus/es/components/message/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";
+//#region src/components/bpmn-process-designer/components/penal/task/task-components/UserTask.vue
+var E = {
+	name: "UserTask",
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object
+	},
+	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.$nextTick(() => this.resetTaskForm());
+		}
+	} },
+	methods: {
+		resetTaskForm() {
+			let { businessObject: e } = this.element;
+			for (let t in this.defaultTaskForm) {
+				let n;
+				n = ["candidateUsers", "candidateGroups"].includes(t) ? e[t] ? e[t].split(",") : [] : e[t] || this.defaultTaskForm[t], this.userTaskForm[t] = n;
+			}
+		},
+		updateElementTask(e) {
+			let t = {};
+			e === "candidateUsers" || e === "candidateGroups" ? t[e] = this.userTaskForm[e] && this.userTaskForm[e].length ? this.userTaskForm[e].join() : null : t[e] = this.userTaskForm[e] || null, this.bpmnInstances.modeling.updateProperties(this.element, t);
+		}
+	}
+}, D = { style: { "margin-top": "16px" } };
+function O(e, t, n, r, i, s) {
+	let f = c, m = l, h = a, _ = o;
+	return y(), p("div", D, [
+		g(h, { label: "处理用户" }, {
+			default: C(() => [g(m, {
+				modelValue: i.userTaskForm.assignee,
+				"onUpdate:modelValue": t[0] || (t[0] = (e) => i.userTaskForm.assignee = e),
+				onChange: t[1] || (t[1] = (e) => s.updateElementTask("assignee"))
+			}, {
+				default: C(() => [(y(!0), p(u, null, b(i.mockData, (e) => (y(), d(f, {
+					key: `ass-${e}`,
+					label: `用户${e}`,
+					value: `user${e}`
+				}, null, 8, ["label", "value"]))), 128))]),
+				_: 1
+			}, 8, ["modelValue"])]),
+			_: 1
+		}),
+		g(h, { label: "候选用户" }, {
+			default: C(() => [g(m, {
+				modelValue: i.userTaskForm.candidateUsers,
+				"onUpdate:modelValue": t[2] || (t[2] = (e) => i.userTaskForm.candidateUsers = e),
+				multiple: "",
+				"collapse-tags": "",
+				onChange: t[3] || (t[3] = (e) => s.updateElementTask("candidateUsers"))
+			}, {
+				default: C(() => [(y(!0), p(u, null, b(i.mockData, (e) => (y(), d(f, {
+					key: `user-${e}`,
+					label: `用户${e}`,
+					value: `user${e}`
+				}, null, 8, ["label", "value"]))), 128))]),
+				_: 1
+			}, 8, ["modelValue"])]),
+			_: 1
+		}),
+		g(h, { label: "候选分组" }, {
+			default: C(() => [g(m, {
+				modelValue: i.userTaskForm.candidateGroups,
+				"onUpdate:modelValue": t[4] || (t[4] = (e) => i.userTaskForm.candidateGroups = e),
+				multiple: "",
+				"collapse-tags": "",
+				onChange: t[5] || (t[5] = (e) => s.updateElementTask("candidateGroups"))
+			}, {
+				default: C(() => [(y(!0), p(u, null, b(i.mockData, (e) => (y(), d(f, {
+					key: `ass-${e}`,
+					label: `分组${e}`,
+					value: `group${e}`
+				}, null, 8, ["label", "value"]))), 128))]),
+				_: 1
+			}, 8, ["modelValue"])]),
+			_: 1
+		}),
+		g(h, { label: "到期时间" }, {
+			default: C(() => [g(_, {
+				modelValue: i.userTaskForm.dueDate,
+				"onUpdate:modelValue": t[6] || (t[6] = (e) => i.userTaskForm.dueDate = e),
+				clearable: "",
+				onChange: t[7] || (t[7] = (e) => s.updateElementTask("dueDate"))
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}),
+		g(h, { label: "跟踪时间" }, {
+			default: C(() => [g(_, {
+				modelValue: i.userTaskForm.followUpDate,
+				"onUpdate:modelValue": t[8] || (t[8] = (e) => i.userTaskForm.followUpDate = e),
+				clearable: "",
+				onChange: t[9] || (t[9] = (e) => s.updateElementTask("followUpDate"))
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}),
+		g(h, { label: "优先级" }, {
+			default: C(() => [g(_, {
+				modelValue: i.userTaskForm.priority,
+				"onUpdate:modelValue": t[10] || (t[10] = (e) => i.userTaskForm.priority = e),
+				clearable: "",
+				onChange: t[11] || (t[11] = (e) => s.updateElementTask("priority"))
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		})
+	]);
+}
+var k = /* @__PURE__ */ e(E, [["render", O]]), A = {
+	name: "ScriptTask",
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return {
+			defaultTaskForm: {
+				scriptFormat: "",
+				script: "",
+				resource: "",
+				resultVariable: ""
+			},
+			scriptTaskForm: {}
+		};
+	},
+	watch: { id: {
+		immediate: !0,
+		handler() {
+			this.$nextTick(() => this.resetTaskForm());
+		}
+	} },
+	methods: {
+		resetTaskForm() {
+			for (let t in this.defaultTaskForm) {
+				var e;
+				let n = ((e = this.element) == null ? void 0 : e.businessObject[t]) || this.defaultTaskForm[t];
+				this.scriptTaskForm[t] = n;
+			}
+			this.scriptTaskForm.scriptType = this.scriptTaskForm.script ? "inline" : "external";
+		},
+		updateElementTask() {
+			let e = Object.create(null);
+			e.scriptFormat = this.scriptTaskForm.scriptFormat || null, e.resultVariable = this.scriptTaskForm.resultVariable || null, this.scriptTaskForm.scriptType === "inline" ? (e.script = this.scriptTaskForm.script || null, e.resource = null) : (e.resource = this.scriptTaskForm.resource || null, e.script = null), this.bpmnInstances.modeling.updateProperties(this.element, e);
+		}
+	}
+}, j = { style: { "margin-top": "16px" } };
+function M(e, t, n, r, i, s) {
+	let u = o, d = a, f = c, m = l;
+	return y(), p("div", j, [
+		g(d, { label: "脚本格式" }, {
+			default: C(() => [g(u, {
+				modelValue: i.scriptTaskForm.scriptFormat,
+				"onUpdate:modelValue": [t[0] || (t[0] = (e) => i.scriptTaskForm.scriptFormat = e), t[1] || (t[1] = (e) => s.updateElementTask())],
+				clearable: "",
+				onChange: t[2] || (t[2] = (e) => s.updateElementTask())
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}),
+		g(d, { label: "脚本类型" }, {
+			default: C(() => [g(m, {
+				modelValue: i.scriptTaskForm.scriptType,
+				"onUpdate:modelValue": t[3] || (t[3] = (e) => i.scriptTaskForm.scriptType = e)
+			}, {
+				default: C(() => [g(f, {
+					label: "内联脚本",
+					value: "inline"
+				}), g(f, {
+					label: "外部资源",
+					value: "external"
+				})]),
+				_: 1
+			}, 8, ["modelValue"])]),
+			_: 1
+		}),
+		w(g(d, { label: "脚本" }, {
+			default: C(() => [g(u, {
+				modelValue: i.scriptTaskForm.script,
+				"onUpdate:modelValue": [t[4] || (t[4] = (e) => i.scriptTaskForm.script = e), t[5] || (t[5] = (e) => s.updateElementTask())],
+				type: "textarea",
+				resize: "vertical",
+				autosize: {
+					minRows: 2,
+					maxRows: 4
+				},
+				clearable: "",
+				onChange: t[6] || (t[6] = (e) => s.updateElementTask())
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}, 512), [[S, i.scriptTaskForm.scriptType === "inline"]]),
+		w(g(d, { label: "资源地址" }, {
+			default: C(() => [g(u, {
+				modelValue: i.scriptTaskForm.resource,
+				"onUpdate:modelValue": [t[7] || (t[7] = (e) => i.scriptTaskForm.resource = e), t[8] || (t[8] = (e) => s.updateElementTask())],
+				clearable: "",
+				onChange: t[9] || (t[9] = (e) => s.updateElementTask())
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}, 512), [[S, i.scriptTaskForm.scriptType === "external"]]),
+		g(d, { label: "结果变量" }, {
+			default: C(() => [g(u, {
+				modelValue: i.scriptTaskForm.resultVariable,
+				"onUpdate:modelValue": [t[10] || (t[10] = (e) => i.scriptTaskForm.resultVariable = e), t[11] || (t[11] = (e) => s.updateElementTask())],
+				clearable: "",
+				onChange: t[12] || (t[12] = (e) => s.updateElementTask())
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		})
+	]);
+}
+var N = /* @__PURE__ */ e(A, [["render", M]]), P = {
+	name: "ReceiveTask",
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return {
+			bindMessageId: "",
+			newMessageForm: {},
+			messageMap: {},
+			messageModelVisible: !1
+		};
+	},
+	watch: { id: {
+		immediate: !0,
+		handler() {
+			this.$nextTick(() => this.getBindMessage());
+		}
+	} },
+	created() {
+		this.bpmnMessageRefsMap = Object.create(null), this.bpmnRootElements = this.bpmnInstances.modeler.getDefinitions().rootElements, this.bpmnRootElements.filter((e) => e.$type === "bpmn:Message").forEach((e) => {
+			this.bpmnMessageRefsMap[e.id] = e, this.messageMap[e.id] = e.name;
+		}), this.messageMap[-1] = "无";
+	},
+	methods: {
+		getBindMessage() {
+			var e;
+			this.bindMessageId = ((e = this.element.businessObject) == null || (e = e.messageRef) == null ? void 0 : e.id) || "-1";
+		},
+		openMessageModel() {
+			this.messageModelVisible = !0, this.newMessageForm = {};
+		},
+		createNewMessage() {
+			if (this.messageMap[this.newMessageForm.id]) {
+				s.error("该消息已存在，请修改id后重新保存");
+				return;
+			}
+			let e = this.bpmnInstances.moddle.create("bpmn:Message", this.newMessageForm);
+			this.bpmnRootElements.push(e), this.messageMap[this.newMessageForm.id] = this.newMessageForm.name, this.bpmnMessageRefsMap[this.newMessageForm.id] = e, this.messageModelVisible = !1;
+		},
+		updateTaskMessage(e) {
+			e === "-1" ? this.bpmnInstances.modeling.updateProperties(this.element, { messageRef: null }) : this.bpmnInstances.modeling.updateProperties(this.element, { messageRef: this.bpmnMessageRefsMap[e] });
+		}
+	}
+}, F = { style: { "margin-top": "16px" } }, I = { style: {
+	display: "flex",
+	"flex-wrap": "nowrap",
+	"align-items": "center",
+	"justify-content": "space-between"
+} };
+function L(e, r, s, f, _, v) {
+	let x = c, S = l, w = n, E = a, D = o, O = i, k = t;
+	return y(), p("div", F, [g(E, { label: "消息实例" }, {
+		default: C(() => [m("div", I, [g(S, {
+			modelValue: _.bindMessageId,
+			"onUpdate:modelValue": r[0] || (r[0] = (e) => _.bindMessageId = e),
+			onChange: v.updateTaskMessage
+		}, {
+			default: C(() => [(y(!0), p(u, null, b(Object.keys(_.messageMap), (e) => (y(), d(x, {
+				key: e,
+				value: e,
+				label: _.messageMap[e]
+			}, null, 8, ["value", "label"]))), 128))]),
+			_: 1
+		}, 8, ["modelValue", "onChange"]), g(w, {
+			type: "primary",
+			icon: "el-icon-plus",
+			style: { "margin-left": "8px" },
+			onClick: v.openMessageModel
+		}, null, 8, ["onClick"])])]),
+		_: 1
+	}), g(k, {
+		modelValue: _.messageModelVisible,
+		"onUpdate:modelValue": r[4] || (r[4] = (e) => _.messageModelVisible = e),
+		class: "flow-dialog",
+		"close-on-click-modal": !1,
+		title: "创建新消息",
+		width: "400px",
+		"append-to-body": "",
+		"destroy-on-close": ""
+	}, {
+		footer: C(() => [g(w, {
+			type: "primary",
+			onClick: v.createNewMessage
+		}, {
+			default: C(() => [...r[5] || (r[5] = [h("确 认", -1)])]),
+			_: 1
+		}, 8, ["onClick"])]),
+		default: C(() => [g(O, {
+			model: _.newMessageForm,
+			"label-width": "90px",
+			onSubmit: r[3] || (r[3] = T(() => {}, ["prevent"]))
+		}, {
+			default: C(() => [g(E, { label: "消息ID" }, {
+				default: C(() => [g(D, {
+					modelValue: _.newMessageForm.id,
+					"onUpdate:modelValue": r[1] || (r[1] = (e) => _.newMessageForm.id = e),
+					clearable: ""
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}), g(E, { label: "消息名称" }, {
+				default: C(() => [g(D, {
+					modelValue: _.newMessageForm.name,
+					"onUpdate:modelValue": r[2] || (r[2] = (e) => _.newMessageForm.name = e),
+					clearable: ""
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["model"])]),
+		_: 1
+	}, 8, ["modelValue"])]);
+}
+//#endregion
+//#region src/components/bpmn-process-designer/components/penal/task/ElementTaskConfig.vue
+var R = {
+	name: "ElementTaskConfig",
+	components: {
+		UserTask: k,
+		ScriptTask: N,
+		ReceiveTask: /* @__PURE__ */ e(P, [["render", L]])
+	},
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object,
+		type: String
+	},
+	data() {
+		return {
+			taskConfigForm: {
+				asyncAfter: !1,
+				asyncBefore: !1,
+				exclusive: !1
+			},
+			witchTaskComponent: "",
+			installedComponent: {
+				UserTask: "UserTask",
+				ScriptTask: "ScriptTask",
+				ReceiveTask: "ReceiveTask"
+			}
+		};
+	},
+	watch: {
+		id: {
+			immediate: !0,
+			handler() {
+				var e, t, n;
+				this.taskConfigForm.asyncBefore = (e = this.element) == null || (e = e.businessObject) == null ? void 0 : e.asyncBefore, this.taskConfigForm.asyncAfter = (t = this.element) == null || (t = t.businessObject) == null ? void 0 : t.asyncAfter, this.taskConfigForm.exclusive = (n = this.element) == null || (n = n.businessObject) == null ? void 0 : n.exclusive;
+			}
+		},
+		type: {
+			immediate: !0,
+			handler() {
+				this.witchTaskComponent = this.installedComponent[this.type];
+			}
+		}
+	},
+	methods: { changeTaskAsync() {
+		!this.taskConfigForm.asyncBefore && !this.taskConfigForm.asyncAfter && (this.taskConfigForm.exclusive = !1), this.bpmnInstances.modeling.updateProperties(this.element, { ...this.taskConfigForm });
+	} }
+}, z = { class: "panel-tab__content" };
+function B(e, t, n, o, s, c) {
+	let l = r, u = a, m = i;
+	return y(), p("div", z, [g(m, {
+		"label-width": "90px",
+		onSubmit: t[3] || (t[3] = T(() => {}, ["prevent"]))
+	}, {
+		default: C(() => [g(u, { label: "异步延续" }, {
+			default: C(() => [
+				g(l, {
+					modelValue: s.taskConfigForm.asyncBefore,
+					"onUpdate:modelValue": t[0] || (t[0] = (e) => s.taskConfigForm.asyncBefore = e),
+					label: "异步前",
+					onChange: c.changeTaskAsync
+				}, null, 8, ["modelValue", "onChange"]),
+				g(l, {
+					modelValue: s.taskConfigForm.asyncAfter,
+					"onUpdate:modelValue": t[1] || (t[1] = (e) => s.taskConfigForm.asyncAfter = e),
+					label: "异步后",
+					onChange: c.changeTaskAsync
+				}, null, 8, ["modelValue", "onChange"]),
+				s.taskConfigForm.asyncAfter || s.taskConfigForm.asyncBefore ? (y(), d(l, {
+					key: 0,
+					modelValue: s.taskConfigForm.exclusive,
+					"onUpdate:modelValue": t[2] || (t[2] = (e) => s.taskConfigForm.exclusive = e),
+					label: "排除",
+					onChange: c.changeTaskAsync
+				}, null, 8, ["modelValue", "onChange"])) : f("v-if", !0)
+			]),
+			_: 1
+		}), (y(), d(x(s.witchTaskComponent), v(_(e.$props)), null, 16))]),
+		_: 1
+	})]);
+}
+var V = /* @__PURE__ */ e(R, [["render", B]]);
+//#endregion
+export { V as default };