@web-utils/form-ui 1.0.0-beta58 → 1.0.0-beta59

package/chunks/CDqVJ7U3.mjs

@@ -0,0 +1,449 @@
+import "./CjjJimnU.mjs";
+import { n as e, t } from "./Calzy0Az.mjs";
+import { t as n } from "./C7l9aZGE.mjs";
+import { n as r, t as i } from "./CQxz8uUc.mjs";
+import { t as a } from "./49634Q2N2.mjs";
+import { t as o } from "./Q2Mal3Qn2.mjs";
+import { t as s } from "./CPejK_GQ2.mjs";
+import { t as c } from "./BwYEpK-u.mjs";
+import { Fragment as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, guardReactiveProps as g, normalizeProps as _, openBlock as v, renderList as y, resolveDynamicComponent as b, vShow as x, withCtx as S, withDirectives as C, withModifiers as w } from "vue";
+//#region src/components/bpmn-process-designer/components/penal/task/task-components/UserTask.vue
+var T = {
+	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);
+		}
+	}
+}, E = { style: { "margin-top": "16px" } };
+function D(i, a, o, s, c, d) {
+	let p = t, m = e, g = r, _ = n;
+	return v(), f("div", E, [
+		h(g, { label: "处理用户" }, {
+			default: S(() => [h(m, {
+				modelValue: c.userTaskForm.assignee,
+				"onUpdate:modelValue": a[0] || (a[0] = (e) => c.userTaskForm.assignee = e),
+				onChange: a[1] || (a[1] = (e) => d.updateElementTask("assignee"))
+			}, {
+				default: S(() => [(v(!0), f(l, null, y(c.mockData, (e) => (v(), u(p, {
+					key: `ass-${e}`,
+					label: `用户${e}`,
+					value: `user${e}`
+				}, null, 8, ["label", "value"]))), 128))]),
+				_: 1
+			}, 8, ["modelValue"])]),
+			_: 1
+		}),
+		h(g, { label: "候选用户" }, {
+			default: S(() => [h(m, {
+				modelValue: c.userTaskForm.candidateUsers,
+				"onUpdate:modelValue": a[2] || (a[2] = (e) => c.userTaskForm.candidateUsers = e),
+				multiple: "",
+				"collapse-tags": "",
+				onChange: a[3] || (a[3] = (e) => d.updateElementTask("candidateUsers"))
+			}, {
+				default: S(() => [(v(!0), f(l, null, y(c.mockData, (e) => (v(), u(p, {
+					key: `user-${e}`,
+					label: `用户${e}`,
+					value: `user${e}`
+				}, null, 8, ["label", "value"]))), 128))]),
+				_: 1
+			}, 8, ["modelValue"])]),
+			_: 1
+		}),
+		h(g, { label: "候选分组" }, {
+			default: S(() => [h(m, {
+				modelValue: c.userTaskForm.candidateGroups,
+				"onUpdate:modelValue": a[4] || (a[4] = (e) => c.userTaskForm.candidateGroups = e),
+				multiple: "",
+				"collapse-tags": "",
+				onChange: a[5] || (a[5] = (e) => d.updateElementTask("candidateGroups"))
+			}, {
+				default: S(() => [(v(!0), f(l, null, y(c.mockData, (e) => (v(), u(p, {
+					key: `ass-${e}`,
+					label: `分组${e}`,
+					value: `group${e}`
+				}, null, 8, ["label", "value"]))), 128))]),
+				_: 1
+			}, 8, ["modelValue"])]),
+			_: 1
+		}),
+		h(g, { label: "到期时间" }, {
+			default: S(() => [h(_, {
+				modelValue: c.userTaskForm.dueDate,
+				"onUpdate:modelValue": a[6] || (a[6] = (e) => c.userTaskForm.dueDate = e),
+				clearable: "",
+				onChange: a[7] || (a[7] = (e) => d.updateElementTask("dueDate"))
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}),
+		h(g, { label: "跟踪时间" }, {
+			default: S(() => [h(_, {
+				modelValue: c.userTaskForm.followUpDate,
+				"onUpdate:modelValue": a[8] || (a[8] = (e) => c.userTaskForm.followUpDate = e),
+				clearable: "",
+				onChange: a[9] || (a[9] = (e) => d.updateElementTask("followUpDate"))
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}),
+		h(g, { label: "优先级" }, {
+			default: S(() => [h(_, {
+				modelValue: c.userTaskForm.priority,
+				"onUpdate:modelValue": a[10] || (a[10] = (e) => c.userTaskForm.priority = e),
+				clearable: "",
+				onChange: a[11] || (a[11] = (e) => d.updateElementTask("priority"))
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		})
+	]);
+}
+var O = /* @__PURE__ */ c(T, [["render", D]]), k = {
+	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);
+		}
+	}
+}, A = { style: { "margin-top": "16px" } };
+function j(i, a, o, s, c, l) {
+	let u = n, d = r, p = t, m = e;
+	return v(), f("div", A, [
+		h(d, { label: "脚本格式" }, {
+			default: S(() => [h(u, {
+				modelValue: c.scriptTaskForm.scriptFormat,
+				"onUpdate:modelValue": a[0] || (a[0] = (e) => c.scriptTaskForm.scriptFormat = e),
+				clearable: "",
+				onInput: a[1] || (a[1] = (e) => l.updateElementTask()),
+				onChange: a[2] || (a[2] = (e) => l.updateElementTask())
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}),
+		h(d, { label: "脚本类型" }, {
+			default: S(() => [h(m, {
+				modelValue: c.scriptTaskForm.scriptType,
+				"onUpdate:modelValue": a[3] || (a[3] = (e) => c.scriptTaskForm.scriptType = e)
+			}, {
+				default: S(() => [h(p, {
+					label: "内联脚本",
+					value: "inline"
+				}), h(p, {
+					label: "外部资源",
+					value: "external"
+				})]),
+				_: 1
+			}, 8, ["modelValue"])]),
+			_: 1
+		}),
+		C(h(d, { label: "脚本" }, {
+			default: S(() => [h(u, {
+				modelValue: c.scriptTaskForm.script,
+				"onUpdate:modelValue": a[4] || (a[4] = (e) => c.scriptTaskForm.script = e),
+				type: "textarea",
+				resize: "vertical",
+				autosize: {
+					minRows: 2,
+					maxRows: 4
+				},
+				clearable: "",
+				onInput: a[5] || (a[5] = (e) => l.updateElementTask()),
+				onChange: a[6] || (a[6] = (e) => l.updateElementTask())
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}, 512), [[x, c.scriptTaskForm.scriptType === "inline"]]),
+		C(h(d, { label: "资源地址" }, {
+			default: S(() => [h(u, {
+				modelValue: c.scriptTaskForm.resource,
+				"onUpdate:modelValue": a[7] || (a[7] = (e) => c.scriptTaskForm.resource = e),
+				clearable: "",
+				onInput: a[8] || (a[8] = (e) => l.updateElementTask()),
+				onChange: a[9] || (a[9] = (e) => l.updateElementTask())
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}, 512), [[x, c.scriptTaskForm.scriptType === "external"]]),
+		h(d, { label: "结果变量" }, {
+			default: S(() => [h(u, {
+				modelValue: c.scriptTaskForm.resultVariable,
+				"onUpdate:modelValue": a[10] || (a[10] = (e) => c.scriptTaskForm.resultVariable = e),
+				clearable: "",
+				onInput: a[11] || (a[11] = (e) => l.updateElementTask()),
+				onChange: a[12] || (a[12] = (e) => l.updateElementTask())
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		})
+	]);
+}
+var M = /* @__PURE__ */ c(k, [["render", j]]), N = {
+	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]) {
+				this.$message.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] });
+		}
+	}
+}, P = { style: { "margin-top": "16px" } }, F = { style: {
+	display: "flex",
+	"flex-wrap": "nowrap",
+	"align-items": "center",
+	"justify-content": "space-between"
+} };
+function I(o, c, d, g, _, b) {
+	let x = t, C = e, T = a, E = r, D = n, O = i, k = s;
+	return v(), f("div", P, [h(E, { label: "消息实例" }, {
+		default: S(() => [p("div", F, [h(C, {
+			modelValue: _.bindMessageId,
+			"onUpdate:modelValue": c[0] || (c[0] = (e) => _.bindMessageId = e),
+			onChange: b.updateTaskMessage
+		}, {
+			default: S(() => [(v(!0), f(l, null, y(Object.keys(_.messageMap), (e) => (v(), u(x, {
+				key: e,
+				value: e,
+				label: _.messageMap[e]
+			}, null, 8, ["value", "label"]))), 128))]),
+			_: 1
+		}, 8, ["modelValue", "onChange"]), h(T, {
+			type: "primary",
+			icon: "el-icon-plus",
+			style: { "margin-left": "8px" },
+			onClick: b.openMessageModel
+		}, null, 8, ["onClick"])])]),
+		_: 1
+	}), h(k, {
+		visible: _.messageModelVisible,
+		"onUpdate:visible": c[4] || (c[4] = (e) => _.messageModelVisible = e),
+		class: "flow-dialog",
+		"close-on-click-modal": !1,
+		title: "创建新消息",
+		width: "400px",
+		"append-to-body": "",
+		"destroy-on-close": ""
+	}, {
+		footer: S(() => [h(T, {
+			type: "primary",
+			onClick: b.createNewMessage
+		}, {
+			default: S(() => [...c[5] || (c[5] = [m("确 认", -1)])]),
+			_: 1
+		}, 8, ["onClick"])]),
+		default: S(() => [h(O, {
+			model: _.newMessageForm,
+			"label-width": "90px",
+			onSubmit: c[3] || (c[3] = w(() => {}, ["prevent"]))
+		}, {
+			default: S(() => [h(E, { label: "消息ID" }, {
+				default: S(() => [h(D, {
+					modelValue: _.newMessageForm.id,
+					"onUpdate:modelValue": c[1] || (c[1] = (e) => _.newMessageForm.id = e),
+					clearable: ""
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}), h(E, { label: "消息名称" }, {
+				default: S(() => [h(D, {
+					modelValue: _.newMessageForm.name,
+					"onUpdate:modelValue": c[2] || (c[2] = (e) => _.newMessageForm.name = e),
+					clearable: ""
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["model"])]),
+		_: 1
+	}, 8, ["visible"])]);
+}
+//#endregion
+//#region src/components/bpmn-process-designer/components/penal/task/ElementTaskConfig.vue
+var L = {
+	name: "ElementTaskConfig",
+	components: {
+		UserTask: O,
+		ScriptTask: M,
+		ReceiveTask: /* @__PURE__ */ c(N, [["render", I]])
+	},
+	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 });
+	} }
+}, R = { class: "panel-tab__content" };
+function z(e, t, n, a, s, c) {
+	let l = o, p = r, m = i;
+	return v(), f("div", R, [h(m, {
+		"label-width": "90px",
+		onSubmit: t[3] || (t[3] = w(() => {}, ["prevent"]))
+	}, {
+		default: S(() => [h(p, { label: "异步延续" }, {
+			default: S(() => [
+				h(l, {
+					modelValue: s.taskConfigForm.asyncBefore,
+					"onUpdate:modelValue": t[0] || (t[0] = (e) => s.taskConfigForm.asyncBefore = e),
+					label: "异步前",
+					onChange: c.changeTaskAsync
+				}, null, 8, ["modelValue", "onChange"]),
+				h(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 ? (v(), u(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"])) : d("v-if", !0)
+			]),
+			_: 1
+		}), (v(), u(b(s.witchTaskComponent), _(g(e.$props)), null, 16))]),
+		_: 1
+	})]);
+}
+var B = /* @__PURE__ */ c(L, [["render", z]]);
+//#endregion
+export { B as default };

package/chunks/CFvkR9Ze2.mjs

@@ -0,0 +1,31 @@
+import "./CjjJimnU.mjs";
+import { t as e } from "./Q2Mal3Qn2.mjs";
+import { allProps as t, predicate as n } from "../props/checkbox.mjs";
+import { n as r, o as i } from "./BsM0L7CS.mjs";
+import { createVNode as a, mergeProps as o, useModel as s } from "vue";
+//#endregion
+//#region src/components/form/FormCheckbox.vue
+var c = {
+	name: "FormCheckbox",
+	inheritAttrs: !1,
+	props: { ...t },
+	emits: { ...r },
+	setup(t, { emit: r, slots: c, attrs: l }) {
+		let u = s(t, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = i(t, {
+			emit: r,
+			slots: c,
+			attrs: l,
+			predicate: n
+		});
+		return () => d({ vNodes: a(e, o(m.value, p.value, {
+			label: t.labelValue,
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			trueValue: t.trueLabel ?? t.trueValue,
+			falseValue: t.falseLabel ?? t.falseValue,
+			disabled: f.value
+		}), { default: c.default }) });
+	}
+};
+//#endregion
+export { c as t };