@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta60

package/chunks/DCHGC-wv.js

@@ -0,0 +1,644 @@
+import { n as e } from "./B1EPd8qV.js";
+import { n as t, t as n } from "./D1bdDHti.js";
+import { n as r, t as i } from "./BIEgauMd.js";
+import { t as a } from "./BgzF6a9b.js";
+import { n as o, t as s } from "./DgbDv9To.js";
+import { t as c } from "./Do-8eHRr2.js";
+import { t as l } from "./Db0J1lN72.js";
+import { t as u } from "./Bu-59cNv2.js";
+import { t as d } from "./8_hjhnjH2.js";
+import { t as f } from "./DqttRbt0.js";
+import { r as p, t as m } from "./Dn11MvZp.js";
+import { a as h, i as g, n as _, r as v } from "./TziUPXJy.js";
+import { Fragment as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createTextVNode as w, createVNode as T, openBlock as E, renderList as D, withCtx as O, withModifiers as k } from "vue";
+import { capitalize as A, fastClone as j } from "@web-utils/core";
+//#region src/components/bpmn-process-designer/components/penal/listeners/ElementListeners.vue
+var M = /* @__PURE__ */ e({ default: () => H }), N = (e) => ({
+	$type: "flowable:ExecutionListener",
+	event: e === "draft" ? "start" : e,
+	delegateExpression: "${httpInvokeExecutionListener}",
+	fields: [],
+	listenerType: "delegateExpressionListener"
+}), P = (e, t) => [{
+	$type: "flowable:Field",
+	name: "serviceId",
+	string: t.serviceId,
+	fieldType: "string"
+}, {
+	$type: "flowable:Field",
+	name: "url",
+	string: `${t != null && t.url ? `/${t.url}` : ""}/flow${A(e)}`,
+	fieldType: "string"
+}], F = {
+	name: "ElementListeners",
+	inject: {
+		prefix: "prefix",
+		width: "width",
+		context: "context"
+	},
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return {
+			elementListenersList: [],
+			listenerForm: {},
+			listenerFormModelVisible: !1,
+			fieldsListOfListener: [],
+			listenerFieldForm: {},
+			listenerFieldFormModelVisible: !1,
+			editingListenerIndex: -1,
+			editingListenerFieldIndex: -1,
+			listenerTypeObject: h,
+			fieldTypeObject: _
+		};
+	},
+	computed: { apis() {
+		var e;
+		return (((e = this.context) == null ? void 0 : e.apis) || [
+			"flowDraft",
+			"flowStart",
+			"flowEnd"
+		]).map((e) => {
+			var t;
+			return `${(t = this.context) != null && t.url ? `/${this.context.url}/` : ""}${e}`;
+		}) || [];
+	} },
+	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}:ExecutionListener`)) ?? [], this.elementListenersList = this.bpmnElementListeners.map((e) => g(e));
+		},
+		changeFiledType(e) {
+			e === "string" ? (delete this.listenerFieldForm.expression, this.listenerFieldForm.string = "") : (delete this.listenerFieldForm.string, this.listenerFieldForm.expression = "");
+		},
+		assignListener(e) {
+			let t = N(e, this.context);
+			t.fields = P(e, this.context), this.listenerForm = t, this.fieldsListOfListener = t.fields;
+		},
+		setDefaultFieldValue(e) {
+			e === "url" ? this.listenerFieldForm.string = "" : this.listenerFieldForm.string = this.context[e] || "";
+		},
+		async openListenerForm(e, t) {
+			var n;
+			e ? (this.listenerForm = v(e), this.fieldsListOfListener = e.fields ? e.fields.map((e) => ({ ...e })) : [], this.editingListenerIndex = t) : (this.listenerForm = { fields: [] }, this.fieldsListOfListener = [], this.editingListenerIndex = -1), this.listenerFormModelVisible = !0, await this.$nextTick(), (n = this.$refs.listenerFormRef) == null || n.clearValidate();
+		},
+		openListenerFieldForm(e, t) {
+			this.listenerFieldForm = e ? j(e) : { fieldType: "string" }, this.editingListenerFieldIndex = e ? t : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
+				this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.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 {}
+		},
+		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, !1, 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}:ExecutionListener`)) ?? [], p(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
+		}
+	}
+}, I = { class: "panel-tab__content element-listeners" }, L = { class: "element-drawer__button" }, R = { class: "listener-filed__title" }, z = { class: "listener-filed__title" }, B = { class: "element-drawer__button" };
+function V(e, f, p, m, h, g) {
+	let _ = t, v = c, A = u, j = n, M = i, N = r, P = o, F = a, V = s, H = d, U = l;
+	return E(), S("div", I, [
+		T(j, {
+			data: h.elementListenersList,
+			border: ""
+		}, {
+			default: O(() => [
+				T(_, {
+					label: "序号",
+					width: "50px",
+					type: "index"
+				}),
+				T(_, {
+					label: "事件类型",
+					"min-width": "100px",
+					prop: "event"
+				}),
+				T(_, {
+					label: "监听器类型",
+					"min-width": "100px",
+					"show-overflow-tooltip": "",
+					formatter: (e) => h.listenerTypeObject[e.listenerType]
+				}, null, 8, ["formatter"]),
+				T(_, {
+					label: "操作",
+					width: "90px"
+				}, {
+					default: O(({ row: e, $index: t }) => [
+						T(v, {
+							text: "",
+							onClick: (n) => g.openListenerForm(e, t)
+						}, {
+							default: O(() => [...f[26] || (f[26] = [w("编辑", -1)])]),
+							_: 1
+						}, 8, ["onClick"]),
+						T(A, { direction: "vertical" }),
+						T(v, {
+							text: "",
+							style: { color: "#ff4d4f" },
+							onClick: (n) => g.removeListener(e, t)
+						}, {
+							default: O(() => [...f[27] || (f[27] = [w("移除", -1)])]),
+							_: 1
+						}, 8, ["onClick"])
+					]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["data"]),
+		C("div", L, [T(v, {
+			type: "primary",
+			icon: "el-icon-plus",
+			onClick: f[0] || (f[0] = (e) => g.openListenerForm(null))
+		}, {
+			default: O(() => [...f[28] || (f[28] = [w("添加监听器", -1)])]),
+			_: 1
+		})]),
+		x(" 监听器 编辑/创建 部分 "),
+		T(H, {
+			visible: h.listenerFormModelVisible,
+			"onUpdate:visible": f[16] || (f[16] = (e) => h.listenerFormModelVisible = e),
+			class: "flow-drawer element-listeners-drawer",
+			title: "执行监听器",
+			size: `${g.width}px`,
+			"wrapper-closable": !1,
+			"append-to-body": "",
+			"destroy-on-close": ""
+		}, {
+			default: O(() => [
+				T(A),
+				C("p", R, [
+					f[32] || (f[32] = C("span", null, [C("i", { class: "el-icon-menu" }), w(" 监听器类型： ")], -1)),
+					T(v, {
+						type: "primary",
+						style: { "margin-left": "auto" },
+						onClick: f[1] || (f[1] = (e) => g.assignListener("start"))
+					}, {
+						default: O(() => [...f[29] || (f[29] = [w("开始", -1)])]),
+						_: 1
+					}),
+					T(v, {
+						type: "primary",
+						onClick: f[2] || (f[2] = (e) => g.assignListener("end"))
+					}, {
+						default: O(() => [...f[30] || (f[30] = [w("结束", -1)])]),
+						_: 1
+					}),
+					T(v, {
+						type: "primary",
+						onClick: f[3] || (f[3] = (e) => g.assignListener("draft"))
+					}, {
+						default: O(() => [...f[31] || (f[31] = [w("草稿", -1)])]),
+						_: 1
+					})
+				]),
+				T(V, {
+					ref: "listenerFormRef",
+					model: h.listenerForm,
+					"label-width": "96px",
+					onSubmit: f[13] || (f[13] = k(() => {}, ["prevent"]))
+				}, {
+					default: O(() => [
+						T(P, {
+							label: "事件类型",
+							prop: "event",
+							rules: {
+								required: !0,
+								trigger: ["blur", "change"]
+							}
+						}, {
+							default: O(() => [T(N, {
+								modelValue: h.listenerForm.event,
+								"onUpdate:modelValue": f[4] || (f[4] = (e) => h.listenerForm.event = e)
+							}, {
+								default: O(() => [T(M, {
+									label: "开始",
+									value: "start"
+								}), T(M, {
+									label: "结束",
+									value: "end"
+								})]),
+								_: 1
+							}, 8, ["modelValue"])]),
+							_: 1
+						}),
+						T(P, {
+							label: "监听器类型",
+							prop: "listenerType",
+							rules: {
+								required: !0,
+								trigger: ["blur", "change"]
+							}
+						}, {
+							default: O(() => [T(N, {
+								modelValue: h.listenerForm.listenerType,
+								"onUpdate:modelValue": f[5] || (f[5] = (e) => h.listenerForm.listenerType = e)
+							}, {
+								default: O(() => [(E(!0), S(y, null, D(Object.keys(h.listenerTypeObject), (e) => (E(), b(M, {
+									key: e,
+									label: h.listenerTypeObject[e],
+									value: e
+								}, null, 8, ["label", "value"]))), 128))]),
+								_: 1
+							}, 8, ["modelValue"])]),
+							_: 1
+						}),
+						h.listenerForm.listenerType === "classListener" ? (E(), b(P, {
+							key: "listener-class",
+							label: "Java类",
+							prop: "class",
+							rules: {
+								required: !0,
+								trigger: ["blur", "change"]
+							}
+						}, {
+							default: O(() => [T(F, {
+								modelValue: h.listenerForm.class,
+								"onUpdate:modelValue": f[6] || (f[6] = (e) => h.listenerForm.class = e),
+								clearable: ""
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})) : x("v-if", !0),
+						h.listenerForm.listenerType === "expressionListener" ? (E(), b(P, {
+							key: "listener-expression",
+							label: "表达式",
+							prop: "expression",
+							rules: {
+								required: !0,
+								trigger: ["blur", "change"]
+							}
+						}, {
+							default: O(() => [T(F, {
+								modelValue: h.listenerForm.expression,
+								"onUpdate:modelValue": f[7] || (f[7] = (e) => h.listenerForm.expression = e),
+								clearable: ""
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})) : x("v-if", !0),
+						h.listenerForm.listenerType === "delegateExpressionListener" ? (E(), b(P, {
+							key: "listener-delegate",
+							label: "代理表达式",
+							prop: "delegateExpression",
+							rules: {
+								required: !0,
+								trigger: ["blur", "change"]
+							}
+						}, {
+							default: O(() => [T(N, {
+								modelValue: h.listenerForm.delegateExpression,
+								"onUpdate:modelValue": f[8] || (f[8] = (e) => h.listenerForm.delegateExpression = e),
+								"default-first-option": "",
+								"allow-create": "",
+								filterable: "",
+								clearable: ""
+							}, {
+								default: O(() => {
+									var e;
+									return [(E(!0), S(y, null, D(((e = g.context) == null ? void 0 : e.delegateExpressions) || [], (e) => (E(), b(M, {
+										key: e,
+										value: e,
+										label: e
+									}, null, 8, ["value", "label"]))), 128))];
+								}),
+								_: 1
+							}, 8, ["modelValue"])]),
+							_: 1
+						})) : x("v-if", !0),
+						h.listenerForm.listenerType === "scriptListener" ? (E(), S(y, { key: 3 }, [
+							T(P, {
+								key: "listener-script-format",
+								label: "脚本格式",
+								prop: "scriptFormat",
+								rules: {
+									required: !0,
+									trigger: ["blur", "change"],
+									message: "请填写脚本格式"
+								}
+							}, {
+								default: O(() => [T(F, {
+									modelValue: h.listenerForm.scriptFormat,
+									"onUpdate:modelValue": f[9] || (f[9] = (e) => h.listenerForm.scriptFormat = e),
+									clearable: ""
+								}, null, 8, ["modelValue"])]),
+								_: 1
+							}),
+							T(P, {
+								key: "listener-script-type",
+								label: "脚本类型",
+								prop: "scriptType",
+								rules: {
+									required: !0,
+									trigger: ["blur", "change"],
+									message: "请选择脚本类型"
+								}
+							}, {
+								default: O(() => [T(N, {
+									modelValue: h.listenerForm.scriptType,
+									"onUpdate:modelValue": f[10] || (f[10] = (e) => h.listenerForm.scriptType = e)
+								}, {
+									default: O(() => [T(M, {
+										label: "内联脚本",
+										value: "inlineScript"
+									}), T(M, {
+										label: "外部脚本",
+										value: "externalScript"
+									})]),
+									_: 1
+								}, 8, ["modelValue"])]),
+								_: 1
+							}),
+							h.listenerForm.scriptType === "inlineScript" ? (E(), b(P, {
+								key: "listener-script",
+								label: "脚本内容",
+								prop: "value",
+								rules: {
+									required: !0,
+									trigger: ["blur", "change"],
+									message: "请填写脚本内容"
+								}
+							}, {
+								default: O(() => [T(F, {
+									modelValue: h.listenerForm.value,
+									"onUpdate:modelValue": f[11] || (f[11] = (e) => h.listenerForm.value = e),
+									clearable: ""
+								}, null, 8, ["modelValue"])]),
+								_: 1
+							})) : x("v-if", !0),
+							h.listenerForm.scriptType === "externalScript" ? (E(), b(P, {
+								key: "listener-resource",
+								label: "资源地址",
+								prop: "resource",
+								rules: {
+									required: !0,
+									trigger: ["blur", "change"],
+									message: "请填写资源地址"
+								}
+							}, {
+								default: O(() => [T(F, {
+									modelValue: h.listenerForm.resource,
+									"onUpdate:modelValue": f[12] || (f[12] = (e) => h.listenerForm.resource = e),
+									clearable: ""
+								}, null, 8, ["modelValue"])]),
+								_: 1
+							})) : x("v-if", !0)
+						], 64)) : x("v-if", !0)
+					]),
+					_: 1
+				}, 8, ["model"]),
+				T(A),
+				C("p", z, [f[34] || (f[34] = C("span", null, [C("i", { class: "el-icon-menu" }), w(" 注入字段： ")], -1)), T(v, {
+					type: "primary",
+					style: { "margin-left": "auto" },
+					onClick: f[14] || (f[14] = (e) => g.openListenerFieldForm(null))
+				}, {
+					default: O(() => [...f[33] || (f[33] = [w("添加字段", -1)])]),
+					_: 1
+				})]),
+				T(j, {
+					data: h.fieldsListOfListener,
+					"max-height": "240",
+					border: "",
+					fit: "",
+					style: { flex: "none" }
+				}, {
+					default: O(() => [
+						T(_, {
+							label: "序号",
+							width: "50px",
+							type: "index"
+						}),
+						T(_, {
+							label: "字段名称",
+							"min-width": "100px",
+							prop: "name"
+						}),
+						T(_, {
+							label: "字段类型",
+							"min-width": "80px",
+							"show-overflow-tooltip": "",
+							formatter: (e) => h.fieldTypeObject[e.fieldType]
+						}, null, 8, ["formatter"]),
+						T(_, {
+							label: "字段值/表达式",
+							"min-width": "100px",
+							"show-overflow-tooltip": "",
+							formatter: (e) => e.string || e.expression
+						}, null, 8, ["formatter"]),
+						T(_, {
+							label: "操作",
+							width: "100px"
+						}, {
+							default: O(({ row: e, $index: t }) => [
+								T(v, {
+									text: "",
+									onClick: (n) => g.openListenerFieldForm(e, t)
+								}, {
+									default: O(() => [...f[35] || (f[35] = [w("编辑", -1)])]),
+									_: 1
+								}, 8, ["onClick"]),
+								T(A, { direction: "vertical" }),
+								T(v, {
+									text: "",
+									style: { color: "#ff4d4f" },
+									onClick: (n) => g.removeListenerField(e, t)
+								}, {
+									default: O(() => [...f[36] || (f[36] = [w("移除", -1)])]),
+									_: 1
+								}, 8, ["onClick"])
+							]),
+							_: 1
+						})
+					]),
+					_: 1
+				}, 8, ["data"]),
+				C("div", B, [T(v, { onClick: f[15] || (f[15] = (e) => h.listenerFormModelVisible = !1) }, {
+					default: O(() => [...f[37] || (f[37] = [w("取 消", -1)])]),
+					_: 1
+				}), T(v, {
+					type: "primary",
+					onClick: g.saveListenerConfig
+				}, {
+					default: O(() => [...f[38] || (f[38] = [w("保 存", -1)])]),
+					_: 1
+				}, 8, ["onClick"])])
+			]),
+			_: 1
+		}, 8, ["visible", "size"]),
+		x(" 注入字段 编辑/创建 部分 "),
+		T(U, {
+			visible: h.listenerFieldFormModelVisible,
+			"onUpdate:visible": f[25] || (f[25] = (e) => h.listenerFieldFormModelVisible = e),
+			title: "字段配置",
+			class: "flow-dialog",
+			width: "600px",
+			"append-to-body": "",
+			"destroy-on-close": ""
+		}, {
+			footer: O(() => [T(v, { onClick: f[24] || (f[24] = (e) => h.listenerFieldFormModelVisible = !1) }, {
+				default: O(() => [...f[39] || (f[39] = [w("取 消", -1)])]),
+				_: 1
+			}), T(v, {
+				type: "primary",
+				onClick: g.saveListenerFiled
+			}, {
+				default: O(() => [...f[40] || (f[40] = [w("确 定", -1)])]),
+				_: 1
+			}, 8, ["onClick"])]),
+			default: O(() => [T(V, {
+				ref: "listenerFieldFormRef",
+				model: h.listenerFieldForm,
+				"label-width": "96px",
+				style: { height: "136px" },
+				onSubmit: f[23] || (f[23] = k(() => {}, ["prevent"]))
+			}, {
+				default: O(() => [
+					T(P, {
+						label: "字段名称：",
+						prop: "name",
+						rules: {
+							required: !0,
+							trigger: ["blur", "change"]
+						}
+					}, {
+						default: O(() => [T(N, {
+							modelValue: h.listenerFieldForm.name,
+							"onUpdate:modelValue": f[17] || (f[17] = (e) => h.listenerFieldForm.name = e),
+							"default-first-option": "",
+							"allow-create": "",
+							filterable: "",
+							clearable: "",
+							onInput: g.setDefaultFieldValue
+						}, {
+							default: O(() => {
+								var e;
+								return [(E(!0), S(y, null, D(((e = g.context) == null ? void 0 : e.fields) || [], (e) => (E(), b(M, {
+									key: e,
+									value: e,
+									label: e
+								}, null, 8, ["value", "label"]))), 128))];
+							}),
+							_: 1
+						}, 8, ["modelValue", "onInput"])]),
+						_: 1
+					}),
+					T(P, {
+						label: "字段类型：",
+						prop: "fieldType",
+						rules: {
+							required: !0,
+							trigger: ["blur", "change"]
+						}
+					}, {
+						default: O(() => [T(N, {
+							modelValue: h.listenerFieldForm.fieldType,
+							"onUpdate:modelValue": f[18] || (f[18] = (e) => h.listenerFieldForm.fieldType = e),
+							onInput: g.changeFiledType
+						}, {
+							default: O(() => [(E(!0), S(y, null, D(Object.keys(h.fieldTypeObject), (e) => (E(), b(M, {
+								key: e,
+								label: h.fieldTypeObject[e],
+								value: e
+							}, null, 8, ["label", "value"]))), 128))]),
+							_: 1
+						}, 8, ["modelValue", "onInput"])]),
+						_: 1
+					}),
+					h.listenerFieldForm.fieldType === "string" ? (E(), b(P, {
+						key: "field-string",
+						class: "element-listeners-field-name",
+						label: "字段值：",
+						prop: "string",
+						rules: {
+							required: !0,
+							trigger: ["blur", "change"]
+						}
+					}, {
+						default: O(() => [h.listenerFieldForm.name === "url" ? (E(), b(N, {
+							key: 0,
+							modelValue: h.listenerFieldForm.string,
+							"onUpdate:modelValue": f[19] || (f[19] = (e) => h.listenerFieldForm.string = e),
+							"default-first-option": "",
+							"allow-create": "",
+							filterable: "",
+							clearable: ""
+						}, {
+							default: O(() => [(E(!0), S(y, null, D(g.apis, (e) => (E(), b(M, {
+								key: e,
+								value: e,
+								label: e
+							}, null, 8, ["value", "label"]))), 128))]),
+							_: 1
+						}, 8, ["modelValue"])) : h.listenerFieldForm.name === "serviceId" ? (E(), b(N, {
+							key: 1,
+							modelValue: h.listenerFieldForm.string,
+							"onUpdate:modelValue": f[20] || (f[20] = (e) => h.listenerFieldForm.string = e),
+							"default-first-option": "",
+							"allow-create": "",
+							filterable: "",
+							clearable: ""
+						}, {
+							default: O(() => {
+								var e;
+								return [(E(!0), S(y, null, D(((e = g.context) == null ? void 0 : e.services) || [], (e) => (E(), b(M, {
+									key: e,
+									value: e,
+									label: e
+								}, null, 8, ["value", "label"]))), 128))];
+							}),
+							_: 1
+						}, 8, ["modelValue"])) : (E(), b(F, {
+							key: 2,
+							modelValue: h.listenerFieldForm.string,
+							"onUpdate:modelValue": f[21] || (f[21] = (e) => h.listenerFieldForm.string = e),
+							clearable: ""
+						}, null, 8, ["modelValue"]))]),
+						_: 1
+					})) : x("v-if", !0),
+					h.listenerFieldForm.fieldType === "expression" ? (E(), b(P, {
+						key: "field-expression",
+						label: "表达式：",
+						prop: "expression",
+						rules: {
+							required: !0,
+							trigger: ["blur", "change"]
+						}
+					}, {
+						default: O(() => [T(F, {
+							modelValue: h.listenerFieldForm.expression,
+							"onUpdate:modelValue": f[22] || (f[22] = (e) => h.listenerFieldForm.expression = e),
+							clearable: ""
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					})) : x("v-if", !0)
+				]),
+				_: 1
+			}, 8, ["model"])]),
+			_: 1
+		}, 8, ["visible"])
+	]);
+}
+var H = /* @__PURE__ */ f(F, [["render", V]]);
+//#endregion
+export { M as n, H as t };

package/chunks/DDpTDpl_.js

@@ -0,0 +1,64 @@
+import { Teleport as e, createVNode as t, nextTick as n, onBeforeUnmount as r, onMounted as i, ref as a, useTemplateRef as o, watchEffect as s } from "vue";
+//#endregion
+//#region src/components/Watermark.vue
+var c = {
+	name: "Watermark",
+	props: {
+		text: {
+			type: String,
+			default: ""
+		},
+		width: {
+			type: Number,
+			default: 200
+		},
+		height: {
+			type: Number,
+			default: 150
+		},
+		rotate: {
+			type: Number,
+			default: -30
+		},
+		color: {
+			type: String,
+			default: "rgba(0,0,0,0.15)"
+		},
+		backgroundColor: {
+			type: String,
+			default: "rgba(0,0,0,0)"
+		},
+		teleport: String
+	},
+	setup(c) {
+		let l = a(0), u = document.createElement("canvas");
+		u.width = c.width, u.height = c.height;
+		let d = u.getContext("2d");
+		d.font = "15px Verdana", d.fillStyle = c.backgroundColor, d.fillRect(0, 0, c.width, c.height), d.translate(c.width / 2, c.height / 2), d.rotate(c.rotate * Math.PI / 180), d.fillStyle = c.color, d.textAlign = "center", d.textBaseline = "middle", d.fillText(c.text, 0, 0);
+		let f = o("watermark"), p = a(), m = new MutationObserver(() => {
+			(!f.value.parentNode || !f.value.parentNode.contains(f.value)) && l.value++;
+		});
+		return s(async () => {
+			await n(), m.disconnect(), m.observe(f.value.parentNode, {
+				attributes: !0,
+				childList: !0,
+				subtree: !0
+			});
+		}), i(() => {
+			p.value = c.teleport || f.value.parentNode;
+		}), r(() => {
+			m.disconnect();
+		}), () => t(e, {
+			defer: !0,
+			to: p.value,
+			disabled: !p.value
+		}, { default: () => [t("div", {
+			key: l.value,
+			ref: "watermark",
+			class: "watermark",
+			style: { background: `url(${u.toDataURL("image/png")}) left top repeat` }
+		}, null)] });
+	}
+};
+//#endregion
+export { c as t };