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

package/UserTaskListeners-CBxqMguz.js

@@ -0,0 +1,586 @@
+import { n as e } from "./rolldown-runtime-OaQ8AyCN.js";
+import { d as t, u as n } from "./scrollbar-BBrFtze_.js";
+import { n as r, t as i } from "./_plugin-vue_export-helper-BbfgGJ0Y.js";
+import { n as a, t as o } from "./select-q7vi1EDu.js";
+import { n as s, t as c } from "./table-8fnjrlxs.js";
+import { C as l, t as u } from "./ElementDialog-DnrnQDJh.js";
+import { t as d } from "./divider-aeGmEWI5.js";
+import { t as f } from "./drawer-TG22dm2D.js";
+import { r as p, t as m } from "./utils-axoBfc1D.js";
+import { a as h, i as g, n as _, r as v, t as y } from "./utilSelf-D_fsC71t.js";
+import { Fragment as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createTextVNode as T, createVNode as E, openBlock as D, renderList as O, withCtx as k, withModifiers as A } from "vue";
+import { fastClone as j } from "@web-utils/core";
+//#region src/components/bpmn-process-designer/components/penal/listeners/UserTaskListeners.vue
+var M = /* @__PURE__ */ e({ default: () => z }), N = {
+	name: "UserTaskListeners",
+	inject: {
+		prefix: "prefix",
+		width: "width"
+	},
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return {
+			elementListenersList: [],
+			listenerEventTypeObject: y,
+			listenerTypeObject: h,
+			listenerFormModelVisible: !1,
+			listenerForm: {},
+			fieldTypeObject: _,
+			fieldsListOfListener: [],
+			listenerFieldFormModelVisible: !1,
+			editingListenerIndex: -1,
+			editingListenerFieldIndex: -1,
+			listenerFieldForm: {}
+		};
+	},
+	watch: { id: {
+		immediate: !0,
+		async handler(e) {
+			e && (await this.$nextTick(), this.resetListenersList());
+		}
+	} },
+	methods: {
+		resetListenersList() {
+			var e;
+			this.otherExtensionList = [], this.bpmnElementListeners = ((e = this.element.businessObject) == null || (e = e.extensionElements) == null || (e = e.values) == null ? void 0 : e.filter((e) => e.$type === `${this.prefix}:TaskListener`)) ?? [], this.elementListenersList = this.bpmnElementListeners.map((e) => g(e));
+		},
+		async openListenerForm(e, t) {
+			var n;
+			e ? (this.listenerForm = v(e), this.editingListenerIndex = t) : (this.listenerForm = {}, this.editingListenerIndex = -1), e && e.fields ? this.fieldsListOfListener = e.fields.map((e) => ({
+				...e,
+				fieldType: e.string ? "string" : "expression"
+			})) : (this.fieldsListOfListener = [], this.listenerForm.fields = []), this.listenerFormModelVisible = !0, await this.$nextTick(), (n = this.$refs.listenerFormRef) == null || n.clearValidate();
+		},
+		async removeListener(e, t) {
+			try {
+				await this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(t, 1), this.elementListenersList.splice(t, 1), p(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners));
+			} catch {}
+		},
+		async saveListenerConfig() {
+			var e;
+			if (!await this.$refs.listenerFormRef.validate()) return;
+			let t = m(this.bpmnInstances, this.listenerForm, !0, this.prefix);
+			this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(t), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, t), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = ((e = this.element.businessObject) == null || (e = e.extensionElements) == null || (e = e.values) == null ? void 0 : e.filter((e) => e.$type !== `${this.prefix}:TaskListener`)) ?? [], p(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
+		},
+		async openListenerFieldForm(e, t) {
+			var n;
+			this.listenerFieldForm = e ? j(e) : {}, this.editingListenerFieldIndex = e ? t : -1, this.listenerFieldFormModelVisible = !0, await this.$nextTick(), (n = this.$refs.listenerFieldFormRef) == null || n.clearValidate();
+		},
+		async saveListenerFiled() {
+			await this.$refs.listenerFieldFormRef.validate() && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, await this.$nextTick(), this.listenerFieldForm = {});
+		},
+		async removeListenerField(e, t) {
+			try {
+				await this.$confirm("确认移除该字段吗？", "提示"), this.fieldsListOfListener.splice(t, 1), this.listenerForm.fields.splice(t, 1);
+			} catch {}
+		}
+	}
+}, P = { class: "panel-tab__content" }, F = { class: "element-drawer__button" }, I = {
+	class: "listener-filed__title",
+	style: { "padding-bottom": "6px" }
+}, L = { class: "element-drawer__button" };
+function R(e, i, p, m, h, g) {
+	let _ = s, v = l, y = d, j = c, M = o, N = a, R = t, z = r, B = n, V = f, H = u;
+	return D(), C("div", P, [
+		E(j, {
+			data: h.elementListenersList,
+			border: ""
+		}, {
+			default: k(() => [
+				E(_, {
+					label: "序号",
+					width: "50px",
+					type: "index"
+				}),
+				E(_, {
+					label: "事件类型",
+					"min-width": "80px",
+					"show-overflow-tooltip": "",
+					formatter: (e) => h.listenerEventTypeObject[e.event]
+				}, null, 8, ["formatter"]),
+				E(_, {
+					label: "事件id",
+					"min-width": "80px",
+					prop: "id",
+					"show-overflow-tooltip": ""
+				}),
+				E(_, {
+					label: "监听器类型",
+					"min-width": "80px",
+					"show-overflow-tooltip": "",
+					formatter: (e) => h.listenerTypeObject[e.listenerType]
+				}, null, 8, ["formatter"]),
+				E(_, {
+					label: "操作",
+					width: "90px"
+				}, {
+					default: k(({ row: e, $index: t }) => [
+						E(v, {
+							text: "",
+							onClick: (n) => g.openListenerForm(e, t)
+						}, {
+							default: k(() => [...i[24] || (i[24] = [T("编辑", -1)])]),
+							_: 1
+						}, 8, ["onClick"]),
+						E(y, { direction: "vertical" }),
+						E(v, {
+							text: "",
+							style: { color: "#ff4d4f" },
+							onClick: (n) => g.removeListener(e, t)
+						}, {
+							default: k(() => [...i[25] || (i[25] = [T("移除", -1)])]),
+							_: 1
+						}, 8, ["onClick"])
+					]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["data"]),
+		w("div", F, [E(v, {
+			type: "primary",
+			icon: "el-icon-plus",
+			onClick: i[0] || (i[0] = (e) => g.openListenerForm(null))
+		}, {
+			default: k(() => [...i[26] || (i[26] = [T("添加监听器", -1)])]),
+			_: 1
+		})]),
+		E(V, {
+			visible: h.listenerFormModelVisible,
+			"onUpdate:visible": i[16] || (i[16] = (e) => h.listenerFormModelVisible = e),
+			class: "flow-drawer",
+			title: "任务监听器",
+			size: `${g.width}px`,
+			"wrapper-closable": !1,
+			"append-to-body": "",
+			"destroy-on-close": ""
+		}, {
+			default: k(() => [
+				E(B, {
+					ref: "listenerFormRef",
+					model: h.listenerForm,
+					"label-width": "96px",
+					onSubmit: i[13] || (i[13] = A(() => {}, ["prevent"]))
+				}, {
+					default: k(() => [
+						E(R, {
+							label: "事件类型",
+							prop: "event",
+							rules: {
+								required: !0,
+								trigger: ["blur", "change"]
+							}
+						}, {
+							default: k(() => [E(N, {
+								modelValue: h.listenerForm.event,
+								"onUpdate:modelValue": i[1] || (i[1] = (e) => h.listenerForm.event = e)
+							}, {
+								default: k(() => [(D(!0), C(b, null, O(Object.keys(h.listenerEventTypeObject), (e) => (D(), x(M, {
+									key: e,
+									label: h.listenerEventTypeObject[e],
+									value: e
+								}, null, 8, ["label", "value"]))), 128))]),
+								_: 1
+							}, 8, ["modelValue"])]),
+							_: 1
+						}),
+						E(R, {
+							label: "监听器ID",
+							prop: "id",
+							rules: {
+								required: !0,
+								trigger: ["blur", "change"]
+							}
+						}, {
+							default: k(() => [E(z, {
+								modelValue: h.listenerForm.id,
+								"onUpdate:modelValue": i[2] || (i[2] = (e) => h.listenerForm.id = e),
+								clearable: ""
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						}),
+						E(R, {
+							label: "监听器类型",
+							prop: "listenerType",
+							rules: {
+								required: !0,
+								trigger: ["blur", "change"]
+							}
+						}, {
+							default: k(() => [E(N, {
+								modelValue: h.listenerForm.listenerType,
+								"onUpdate:modelValue": i[3] || (i[3] = (e) => h.listenerForm.listenerType = e)
+							}, {
+								default: k(() => [(D(!0), C(b, null, O(Object.keys(h.listenerTypeObject), (e) => (D(), x(M, {
+									key: e,
+									label: h.listenerTypeObject[e],
+									value: e
+								}, null, 8, ["label", "value"]))), 128))]),
+								_: 1
+							}, 8, ["modelValue"])]),
+							_: 1
+						}),
+						h.listenerForm.listenerType === "classListener" ? (D(), x(R, {
+							key: "listener-class",
+							label: "Java类",
+							prop: "class",
+							rules: {
+								required: !0,
+								trigger: ["blur", "change"]
+							}
+						}, {
+							default: k(() => [E(z, {
+								modelValue: h.listenerForm.class,
+								"onUpdate:modelValue": i[4] || (i[4] = (e) => h.listenerForm.class = e),
+								clearable: ""
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})) : S("", !0),
+						h.listenerForm.listenerType === "expressionListener" ? (D(), x(R, {
+							key: "listener-expression",
+							label: "表达式",
+							prop: "expression",
+							rules: {
+								required: !0,
+								trigger: ["blur", "change"]
+							}
+						}, {
+							default: k(() => [E(z, {
+								modelValue: h.listenerForm.expression,
+								"onUpdate:modelValue": i[5] || (i[5] = (e) => h.listenerForm.expression = e),
+								clearable: ""
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})) : S("", !0),
+						h.listenerForm.listenerType === "delegateExpressionListener" ? (D(), x(R, {
+							key: "listener-delegate",
+							label: "代理表达式",
+							prop: "delegateExpression",
+							rules: {
+								required: !0,
+								trigger: ["blur", "change"]
+							}
+						}, {
+							default: k(() => [E(z, {
+								modelValue: h.listenerForm.delegateExpression,
+								"onUpdate:modelValue": i[6] || (i[6] = (e) => h.listenerForm.delegateExpression = e),
+								clearable: ""
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})) : S("", !0),
+						h.listenerForm.listenerType === "scriptListener" ? (D(), C(b, { key: 3 }, [
+							E(R, {
+								key: "listener-script-format",
+								label: "脚本格式",
+								prop: "scriptFormat",
+								rules: {
+									required: !0,
+									trigger: ["blur", "change"],
+									message: "请填写脚本格式"
+								}
+							}, {
+								default: k(() => [E(z, {
+									modelValue: h.listenerForm.scriptFormat,
+									"onUpdate:modelValue": i[7] || (i[7] = (e) => h.listenerForm.scriptFormat = e),
+									clearable: ""
+								}, null, 8, ["modelValue"])]),
+								_: 1
+							}),
+							E(R, {
+								key: "listener-script-type",
+								label: "脚本类型",
+								prop: "scriptType",
+								rules: {
+									required: !0,
+									trigger: ["blur", "change"],
+									message: "请选择脚本类型"
+								}
+							}, {
+								default: k(() => [E(N, {
+									modelValue: h.listenerForm.scriptType,
+									"onUpdate:modelValue": i[8] || (i[8] = (e) => h.listenerForm.scriptType = e)
+								}, {
+									default: k(() => [E(M, {
+										label: "内联脚本",
+										value: "inlineScript"
+									}), E(M, {
+										label: "外部脚本",
+										value: "externalScript"
+									})]),
+									_: 1
+								}, 8, ["modelValue"])]),
+								_: 1
+							}),
+							h.listenerForm.scriptType === "inlineScript" ? (D(), x(R, {
+								key: "listener-script",
+								label: "脚本内容",
+								prop: "value",
+								rules: {
+									required: !0,
+									trigger: ["blur", "change"],
+									message: "请填写脚本内容"
+								}
+							}, {
+								default: k(() => [E(z, {
+									modelValue: h.listenerForm.value,
+									"onUpdate:modelValue": i[9] || (i[9] = (e) => h.listenerForm.value = e),
+									clearable: ""
+								}, null, 8, ["modelValue"])]),
+								_: 1
+							})) : S("", !0),
+							h.listenerForm.scriptType === "externalScript" ? (D(), x(R, {
+								key: "listener-resource",
+								label: "资源地址",
+								prop: "resource",
+								rules: {
+									required: !0,
+									trigger: ["blur", "change"],
+									message: "请填写资源地址"
+								}
+							}, {
+								default: k(() => [E(z, {
+									modelValue: h.listenerForm.resource,
+									"onUpdate:modelValue": i[10] || (i[10] = (e) => h.listenerForm.resource = e),
+									clearable: ""
+								}, null, 8, ["modelValue"])]),
+								_: 1
+							})) : S("", !0)
+						], 64)) : S("", !0),
+						h.listenerForm.event === "timeout" ? (D(), C(b, { key: 4 }, [E(R, {
+							key: "eventDefinitionType",
+							label: "定时器类型",
+							prop: "eventDefinitionType"
+						}, {
+							default: k(() => [E(N, {
+								modelValue: h.listenerForm.eventDefinitionType,
+								"onUpdate:modelValue": i[11] || (i[11] = (e) => h.listenerForm.eventDefinitionType = e)
+							}, {
+								default: k(() => [
+									E(M, {
+										label: "日期",
+										value: "date"
+									}),
+									E(M, {
+										label: "持续时长",
+										value: "duration"
+									}),
+									E(M, {
+										label: "循环",
+										value: "cycle"
+									}),
+									E(M, {
+										label: "无",
+										value: "null"
+									})
+								]),
+								_: 1
+							}, 8, ["modelValue"])]),
+							_: 1
+						}), h.listenerForm.eventDefinitionType && h.listenerForm.eventDefinitionType !== "null" ? (D(), x(R, {
+							key: "eventTimeDefinitions",
+							label: "定时器",
+							prop: "eventTimeDefinitions",
+							rules: {
+								required: !0,
+								trigger: ["blur", "change"],
+								message: "请填写定时器配置"
+							}
+						}, {
+							default: k(() => [E(z, {
+								modelValue: h.listenerForm.eventTimeDefinitions,
+								"onUpdate:modelValue": i[12] || (i[12] = (e) => h.listenerForm.eventTimeDefinitions = e),
+								clearable: ""
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})) : S("", !0)], 64)) : S("", !0)
+					]),
+					_: 1
+				}, 8, ["model"]),
+				E(y),
+				w("p", I, [i[28] || (i[28] = w("span", null, [w("i", { class: "el-icon-menu" }), T(" 注入字段： ")], -1)), E(v, {
+					type: "primary",
+					style: { "margin-left": "auto" },
+					onClick: i[14] || (i[14] = (e) => g.openListenerFieldForm(null))
+				}, {
+					default: k(() => [...i[27] || (i[27] = [T("添加字段", -1)])]),
+					_: 1
+				})]),
+				E(j, {
+					data: h.fieldsListOfListener,
+					"max-height": "240",
+					border: "",
+					fit: "",
+					style: { flex: "none" }
+				}, {
+					default: k(() => [
+						E(_, {
+							label: "序号",
+							width: "50px",
+							type: "index"
+						}),
+						E(_, {
+							label: "字段名称",
+							"min-width": "100px",
+							prop: "name"
+						}),
+						E(_, {
+							label: "字段类型",
+							"min-width": "80px",
+							"show-overflow-tooltip": "",
+							formatter: (e) => h.fieldTypeObject[e.fieldType]
+						}, null, 8, ["formatter"]),
+						E(_, {
+							label: "字段值/表达式",
+							"min-width": "100px",
+							"show-overflow-tooltip": "",
+							formatter: (e) => e.string || e.expression
+						}, null, 8, ["formatter"]),
+						E(_, {
+							label: "操作",
+							width: "100px"
+						}, {
+							default: k(({ row: e, $index: t }) => [
+								E(v, {
+									text: "",
+									onClick: (n) => g.openListenerFieldForm(e, t)
+								}, {
+									default: k(() => [...i[29] || (i[29] = [T("编辑", -1)])]),
+									_: 1
+								}, 8, ["onClick"]),
+								E(y, { direction: "vertical" }),
+								E(v, {
+									text: "",
+									style: { color: "#ff4d4f" },
+									onClick: (n) => g.removeListenerField(e, t)
+								}, {
+									default: k(() => [...i[30] || (i[30] = [T("移除", -1)])]),
+									_: 1
+								}, 8, ["onClick"])
+							]),
+							_: 1
+						})
+					]),
+					_: 1
+				}, 8, ["data"]),
+				w("div", L, [E(v, { onClick: i[15] || (i[15] = (e) => h.listenerFormModelVisible = !1) }, {
+					default: k(() => [...i[31] || (i[31] = [T("取 消", -1)])]),
+					_: 1
+				}), E(v, {
+					type: "primary",
+					onClick: g.saveListenerConfig
+				}, {
+					default: k(() => [...i[32] || (i[32] = [T("保 存", -1)])]),
+					_: 1
+				}, 8, ["onClick"])])
+			]),
+			_: 1
+		}, 8, ["visible", "size"]),
+		E(H, {
+			visible: h.listenerFieldFormModelVisible,
+			"onUpdate:visible": i[23] || (i[23] = (e) => h.listenerFieldFormModelVisible = e),
+			title: "字段配置",
+			class: "flow-dialog",
+			width: "600px",
+			"append-to-body": "",
+			"destroy-on-close": ""
+		}, {
+			footer: k(() => [E(v, { onClick: i[22] || (i[22] = (e) => h.listenerFieldFormModelVisible = !1) }, {
+				default: k(() => [...i[33] || (i[33] = [T("取 消", -1)])]),
+				_: 1
+			}), E(v, {
+				type: "primary",
+				onClick: g.saveListenerFiled
+			}, {
+				default: k(() => [...i[34] || (i[34] = [T("确 定", -1)])]),
+				_: 1
+			}, 8, ["onClick"])]),
+			default: k(() => [E(B, {
+				ref: "listenerFieldFormRef",
+				model: h.listenerFieldForm,
+				"label-width": "96px",
+				style: { height: "136px" },
+				onSubmit: i[21] || (i[21] = A(() => {}, ["prevent"]))
+			}, {
+				default: k(() => [
+					E(R, {
+						label: "字段名称：",
+						prop: "name",
+						rules: {
+							required: !0,
+							trigger: ["blur", "change"]
+						}
+					}, {
+						default: k(() => [E(z, {
+							modelValue: h.listenerFieldForm.name,
+							"onUpdate:modelValue": i[17] || (i[17] = (e) => h.listenerFieldForm.name = e),
+							clearable: ""
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}),
+					E(R, {
+						label: "字段类型：",
+						prop: "fieldType",
+						rules: {
+							required: !0,
+							trigger: ["blur", "change"]
+						}
+					}, {
+						default: k(() => [E(N, {
+							modelValue: h.listenerFieldForm.fieldType,
+							"onUpdate:modelValue": i[18] || (i[18] = (e) => h.listenerFieldForm.fieldType = e)
+						}, {
+							default: k(() => [(D(!0), C(b, null, O(Object.keys(h.fieldTypeObject), (e) => (D(), x(M, {
+								key: e,
+								label: h.fieldTypeObject[e],
+								value: e
+							}, null, 8, ["label", "value"]))), 128))]),
+							_: 1
+						}, 8, ["modelValue"])]),
+						_: 1
+					}),
+					h.listenerFieldForm.fieldType === "string" ? (D(), x(R, {
+						key: "field-string",
+						label: "字段值：",
+						prop: "string",
+						rules: {
+							required: !0,
+							trigger: ["blur", "change"]
+						}
+					}, {
+						default: k(() => [E(z, {
+							modelValue: h.listenerFieldForm.string,
+							"onUpdate:modelValue": i[19] || (i[19] = (e) => h.listenerFieldForm.string = e),
+							clearable: ""
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					})) : S("", !0),
+					h.listenerFieldForm.fieldType === "expression" ? (D(), x(R, {
+						key: "field-expression",
+						label: "表达式：",
+						prop: "expression",
+						rules: {
+							required: !0,
+							trigger: ["blur", "change"]
+						}
+					}, {
+						default: k(() => [E(z, {
+							modelValue: h.listenerFieldForm.expression,
+							"onUpdate:modelValue": i[20] || (i[20] = (e) => h.listenerFieldForm.expression = e),
+							clearable: ""
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					})) : S("", !0)
+				]),
+				_: 1
+			}, 8, ["model"])]),
+			_: 1
+		}, 8, ["visible"])
+	]);
+}
+var z = /* @__PURE__ */ i(N, [["render", R]]);
+//#endregion
+export { M as n, z as t };