@web-utils/component 4.0.16 → 5.0.0-beta01

package/chunks/UserTaskListeners.Bp-2qkHs.mjs

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