@web-utils/form-ui 1.0.0-beta8 → 1.0.0-beta81

package/chunks/DNaB9zOb2.mjs

@@ -0,0 +1,27 @@
+import { n as e } from "./DzCIClcZ.mjs";
+import { t } from "./CrFP0Lhs.mjs";
+import { allProps as n } from "../props/textarea.mjs";
+import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/FormTextarea.vue?vue&type=script&lang.jsx
+function s(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
+}
+//#endregion
+//#region src/components/form/FormTextarea.vue
+var c = {
+	name: "FormTextarea",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { slots: n, attrs: i }) {
+		let c = o(e, "modelValue");
+		return () => r(t, a(e, i, {
+			modelValue: c.value,
+			"onUpdate:modelValue": (e) => c.value = e,
+			block: e.block === void 0 ? !0 : e.block,
+			type: "textarea"
+		}), s(n) ? n : { default: () => [n] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/D_q3C3v4.mjs

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