@web-utils/form-ui 1.0.0-beta76 → 1.0.0-beta78

package/chunks/{l5bfIjYm.mjs → DOdaQmeD.mjs}

@@ -1,74 +1,49 @@
 import { t as e } from "./B1MSrc6f.mjs";
 import { t } from "./V-Js6hNd.mjs";
 import { t as n } from "./mnqSaATq.mjs";
-import { t as r } from "./D6qJXu04.mjs";
-import { t as i } from "./285I1DfO.mjs";
-import { t as a } from "./CyQmVphZ.mjs";
-import { t as o } from "./DFa2J7ul.mjs";
-import { t as s } from "./Bq9KMIsC.mjs";
-import { t as c } from "./DyGddGTO.mjs";
-import { t as l } from "./BkoWiWEW.mjs";
-import { t as u } from "./BZRmdKBG.mjs";
-import d from "../highlight-j-s/index.mjs";
-import { ElButtonGroup as f, ElCollapse as p, ElCollapseItem as m, ElTabPane as ee, ElTabs as h, ElTooltip as g } from "element-plus/es";
+import r from "../highlight-j-s/index.mjs";
+import { ElButtonGroup as i, ElCollapse as a, ElCollapseItem as o, ElTabPane as s, ElTabs as c, ElTooltip as l } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
-import { createBlock as _, createCommentVNode as v, createElementBlock as te, createElementVNode as y, createTextVNode as b, createVNode as x, markRaw as S, mergeProps as C, normalizeClass as ne, normalizeStyle as re, openBlock as w, renderSlot as T, resolveComponent as ie, toDisplayString as ae, vShow as oe, withCtx as E, withDirectives as se, withModifiers as ce } from "vue";
-import { isArray as D } from "@web-utils/core";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineAsyncComponent as _, isVNode as v, markRaw as y, mergeProps as b, openBlock as x, provide as S, ref as C, renderSlot as w, toDisplayString as T, toRef as E, vShow as ee, watch as te, watchEffect as ne, withCtx as D, withDirectives as re } from "vue";
+import { isArray as O } from "@web-utils/core";
 import "element-plus/es/components/tooltip/style/css";
 import "element-plus/es/components/collapse/style/css";
 import "element-plus/es/components/collapse-item/style/css";
 import "element-plus/es/components/tabs/style/css";
 import "element-plus/es/components/tab-pane/style/css";
-import O from "highlight.js/lib/core";
+import k from "highlight.js/lib/core";
 import "element-plus/es/components/button-group/style/css";
 import "bpmn-js/dist/assets/bpmn-js.css";
 import "bpmn-js/dist/assets/diagram-js.css";
 import "bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css";
 import "bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css";
-import k from "bpmn-js/lib/Modeler";
-import le from "bpmn-js/lib/features/drilldown";
-import A from "bpmn-js-token-simulation";
-import j from "x2js";
-import M from "highlight.js/lib/languages/xml";
-import N from "highlight.js/lib/languages/json";
-import { assign as P, forEach as F, isArray as ue, isFunction as I, isObject as de, some as L } from "min-dash";
+import A from "bpmn-js/lib/Modeler";
+import j from "bpmn-js/lib/features/drilldown";
+import M from "bpmn-js-token-simulation";
+import N from "x2js";
+import ie from "highlight.js/lib/languages/xml";
+import ae from "highlight.js/lib/languages/json";
+import { assign as P, forEach as F, isArray as I, isFunction as oe, isObject as se, some as L } from "min-dash";
 import { is as R } from "bpmn-js/lib/util/ModelUtil";
-import { isEventSubProcess as fe, isExpanded as pe } from "bpmn-js/lib/util/DiUtil";
+import { isEventSubProcess as ce, isExpanded as le } from "bpmn-js/lib/util/DiUtil";
 import { isAny as z } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
-import { getChildLanes as me } from "bpmn-js/lib/features/modeling/util/LaneUtil";
-import { hasPrimaryModifier as he } from "diagram-js/lib/util/Mouse";
-import ge from "bpmn-js/lib/features/palette/PaletteProvider";
+import { getChildLanes as ue } from "bpmn-js/lib/features/modeling/util/LaneUtil";
+import { hasPrimaryModifier as de } from "diagram-js/lib/util/Mouse";
+import fe from "bpmn-js/lib/features/palette/PaletteProvider";
 import B from "diagram-js/lib/features/auto-place/AutoPlace";
-import { asTRBL as _e, getMid as ve } from "diagram-js/lib/layout/LayoutUtil";
-//#region src/components/bpmn-process-designer/components/PropertiesPanel.vue
-var ye = [
+import { asTRBL as pe, getMid as me } from "diagram-js/lib/layout/LayoutUtil";
+//#region src/components/bpmn-process-designer/components/PropertiesPanel.vue?vue&type=script&lang.jsx
+function V(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !v(e);
+}
+var he = [
 	"base",
 	"task",
 	"form",
 	"multiInstance"
-], be = {
+], ge = _(() => import("./Cwh7YPxJ.mjs")), _e = _(() => import("./8i6khBvL2.mjs")), ve = _(() => import("./BUdSoC0y.mjs")), ye = _(() => import("./YuRYvOxL.mjs")), be = _(() => import("./D9p3yGUu.mjs")), xe = _(() => import("./Bs926z902.mjs")), Se = _(() => import("./DbcxJ45j.mjs")), Ce = _(() => import("./DydcNRkF.mjs")), we = _(() => import("./Dnb8jUG_.mjs")), Te = _(() => import("./CDalOJtl2.mjs")), Ee = {
 	name: "PropertiesPanel",
 	componentName: "MyPropertiesPanel",
-	components: {
-		UserTaskListeners: () => import("./DFa2J7ul.mjs").then((e) => e.n),
-		ElementForm: () => import("./BkoWiWEW.mjs").then((e) => e.n),
-		ElementProperties: () => import("./CyQmVphZ.mjs").then((e) => e.n),
-		ElementListeners: () => import("./Bq9KMIsC.mjs").then((e) => e.n),
-		SignalAndMassage: () => import("./C0gLPKS8.mjs"),
-		FlowCondition: () => import("./D6qJXu04.mjs").then((e) => e.n),
-		ElementMultiInstance: () => import("./DyGddGTO.mjs").then((e) => e.n),
-		ElementTask: () => import("./CeI6Qrij.mjs"),
-		ElementOtherConfig: () => import("./285I1DfO.mjs").then((e) => e.n),
-		ElementBaseInfo: () => import("./BZRmdKBG.mjs").then((e) => e.n)
-	},
-	provide() {
-		return {
-			prefix: this.prefix,
-			width: this.width,
-			context: this.context,
-			bpmnInstances: this.bpmnInstances
-		};
-	},
 	props: {
 		activeTabs: {
 			type: Array,
@@ -97,533 +72,279 @@ var ye = [
 		panelType: { type: String }
 	},
 	emits: ["initModels"],
-	data() {
-		return {
-			element: {},
-			bpmnInstances: {},
-			activeTab: this.panelType === "tab" ? "base" : ["base"],
-			elementId: "",
-			elementType: "",
-			conditionFormVisible: !1,
-			formVisible: !1,
-			isPanelVisible: !0
-		};
-	},
-	computed: {
-		isArray() {
-			return Array.isArray(this.useTabs);
-		},
-		isNullOrUndefined() {
-			return this.useTabs === null || this.useTabs === void 0;
-		},
-		isTab() {
-			return this.panelType === "tab";
-		}
-	},
-	watch: {
-		activeTabs: {
-			immediate: !0,
-			handler() {
-				this.activeTab = this.isTab ? "base" : ye;
+	setup(e, { emit: t, slots: n }) {
+		let r = C(!0), i = C(!1), d = C(!1), f = C(""), p = C(""), m = C(e.panelType === "tab" ? "base" : ["base"]), _ = {}, v = {}, y = null, b = u(() => Array.isArray(e.useTabs)), x = u(() => e.useTabs === null || e.useTabs === void 0), w = u(() => e.panelType === "tab"), T = () => {
+			if (!e.bpmnModeler) {
+				y = setTimeout(() => T(), 10);
+				return;
 			}
-		},
-		elementId: { handler() {
-			this.activeTab = this.isTab ? "base" : ye;
-		} },
-		isTab: {
+			y && clearTimeout(y), v = {
+				modeler: e.bpmnModeler,
+				modeling: e.bpmnModeler.get("modeling"),
+				moddle: e.bpmnModeler.get("moddle"),
+				eventBus: e.bpmnModeler.get("eventBus"),
+				bpmnFactory: e.bpmnModeler.get("bpmnFactory"),
+				elementFactory: e.bpmnModeler.get("elementFactory"),
+				elementRegistry: e.bpmnModeler.get("elementRegistry"),
+				replace: e.bpmnModeler.get("replace"),
+				selection: e.bpmnModeler.get("selection")
+			}, t("initModels", v), D();
+		}, D = () => {
+			O(null), e.bpmnModeler.on("import.done", () => {
+				e.bpmnModeler.get("canvas").zoom("fit-viewport", "center"), O(null);
+			}), e.bpmnModeler.on("selection.changed", ({ newSelection: e }) => {
+				O(e[0] || null);
+			}), e.bpmnModeler.on("element.changed", ({ element: e }) => {
+				e && e.id === f.value && O(e);
+			});
+		}, O = (e) => {
+			let t = e;
+			t || (t = v.elementRegistry.find((e) => e.type === "bpmn:Process") ?? v.elementRegistry.find((e) => e.type === "bpmn:Collaboration")), t && (_ = t, f.value = t.id, p.value = t.type.split(":")[1] || "", i.value = !!(p.value === "SequenceFlow" && t.source && t.source.type.indexOf("StartEvent") === -1), d.value = p.value === "UserTask");
+		};
+		T(), ne(() => {
+			m.value = w.value ? "base" : he;
+		}), te(f, () => {
+			m.value = w.value ? "base" : he;
+		}), te(w, {
 			immediate: !0,
 			handler(e) {
-				e ? this.activeTab = "base" : this.activeTab = ["base"];
+				e ? m.value = "base" : m.value = ["base"];
 			}
-		}
-	},
-	created() {
-		this.initModels();
-	},
-	methods: {
-		initModels() {
-			if (!this.bpmnModeler) {
-				this.timer = setTimeout(() => this.initModels(), 10);
-				return;
+		}), S("prefix", E(e, "prefix")), S("width", E(e, "width")), S("context", E(e, "context")), S("bpmnInstances", v);
+		let k = () => g(Te, {
+			id: f.value,
+			idEditDisabled: e.idEditDisabled,
+			type: p.value,
+			bpmnInstances: v,
+			element: _
+		}, null), A = () => g(be, { bpmnInstances: v }, null), j = () => g(xe, {
+			id: f.value,
+			element: _,
+			bpmnInstances: v,
+			type: p.value
+		}, null), M = () => g(_e, {
+			id: f.value,
+			element: _,
+			bpmnInstances: v,
+			type: p.value
+		}, null), N = () => g(Ce, {
+			id: f.value,
+			element: _,
+			bpmnInstances: v,
+			type: p.value
+		}, null), ie = () => g(Se, {
+			id: f.value,
+			element: _,
+			bpmnInstances: v,
+			type: p.value
+		}, null), ae = () => g(ye, {
+			id: f.value,
+			element: _,
+			bpmnInstances: v,
+			type: p.value
+		}, null), P = () => g(ge, {
+			id: f.value,
+			element: _,
+			bpmnInstances: v,
+			type: p.value
+		}, null), F = () => g(ve, {
+			id: f.value,
+			element: _,
+			bpmnInstances: v,
+			type: p.value
+		}, null), I = () => g(we, {
+			id: f.value,
+			element: _,
+			bpmnInstances: v
+		}, null), oe = () => {
+			let t = [];
+			if (x.value || b.value && e.useTabs.includes("base")) {
+				let e;
+				t.push(g(s, {
+					label: "常规",
+					name: "base"
+				}, V(e = k()) ? e : { default: () => [e] }));
 			}
-			this.timer && clearTimeout(this.timer), this.bpmnInstances = S({
-				modeler: this.bpmnModeler,
-				modeling: this.bpmnModeler.get("modeling"),
-				moddle: this.bpmnModeler.get("moddle"),
-				eventBus: this.bpmnModeler.get("eventBus"),
-				bpmnFactory: this.bpmnModeler.get("bpmnFactory"),
-				elementFactory: this.bpmnModeler.get("elementFactory"),
-				elementRegistry: this.bpmnModeler.get("elementRegistry"),
-				replace: this.bpmnModeler.get("replace"),
-				selection: this.bpmnModeler.get("selection")
-			}), this.$emit("initModels", this.bpmnInstances), this.getActiveElement();
-		},
-		getActiveElement() {
-			this.initFormOnChanged(null), this.bpmnModeler.on("import.done", () => {
-				this.bpmnModeler.get("canvas").zoom("fit-viewport", "center"), this.initFormOnChanged(null);
-			}), this.bpmnModeler.on("selection.changed", ({ newSelection: e }) => {
-				this.initFormOnChanged(e[0] || null);
-			}), this.bpmnModeler.on("element.changed", ({ element: e }) => {
-				e && e.id === this.elementId && this.initFormOnChanged(e);
-			});
-		},
-		initFormOnChanged(e) {
-			let t = e;
-			t || (t = this.bpmnInstances.elementRegistry.find((e) => e.type === "bpmn:Process") ?? this.bpmnInstances.elementRegistry.find((e) => e.type === "bpmn:Collaboration")), t && (this.element = S(t), this.elementId = t.id, this.elementType = t.type.split(":")[1] || "", this.conditionFormVisible = !!(this.elementType === "SequenceFlow" && t.source && t.source.type.indexOf("StartEvent") === -1), this.formVisible = this.elementType === "UserTask");
-		}
-	}
-}, xe = { style: {
-	height: "40px",
-	"line-height": "40px"
-} }, Se = { class: "panel-tab__title" }, Ce = { class: "panel-tab__title" };
-function we(e, t, n, d, f, S) {
-	var C;
-	let D = u, O = ee, k = ie("SignalAndMassage"), le = l, A = ie("ElementTask"), j = c, M = s, N = o, P = a, F = i, ue = h, I = m, de = r, L = g, R = p;
-	return w(), te("div", {
-		class: ne(["process-panel__container", {
-			show: f.isPanelVisible,
-			hide: !f.isPanelVisible
-		}]),
-		style: re({ width: `${f.isPanelVisible ? n.width : 34}px` }),
-		onClick: t[3] || (t[3] = (e) => f.isPanelVisible = !0)
-	}, [y("div", xe, [y("i", {
-		class: ne(["open-properties-handel", f.isPanelVisible ? "el-icon-caret-right" : "el-icon-caret-left"]),
-		onClick: t[0] || (t[0] = ce((e) => f.isPanelVisible = !f.isPanelVisible, ["stop"]))
-	}, null, 2), b(" " + ae(f.isPanelVisible ? (C = f.element) == null || (C = C.businessObject) == null ? void 0 : C.name : ""), 1)]), n.panelType === "tab" ? se((w(), _(ue, {
-		key: 0,
-		modelValue: f.activeTab,
-		"onUpdate:modelValue": t[1] || (t[1] = (e) => f.activeTab = e)
-	}, {
-		default: E(() => [
-			v(" 常规 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("base") ? (w(), _(O, {
-				key: 0,
-				label: "常规",
-				name: "base",
-				lazy: ""
-			}, {
-				default: E(() => [x(D, {
-					id: f.elementId,
-					"id-edit-disabled": n.idEditDisabled,
-					type: f.elementType,
-					element: f.element,
-					"bpmn-instances": f.bpmnInstances
-				}, null, 8, [
-					"id",
-					"id-edit-disabled",
-					"type",
-					"element",
-					"bpmn-instances"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 消息与信号 "),
-			(S.isNullOrUndefined || S.isArray && n.useTabs.includes("message")) && f.elementType === "Process" ? (w(), _(O, {
-				key: 1,
-				label: "消息与信号",
-				name: "message",
-				lazy: ""
-			}, {
-				default: E(() => [x(k, { "bpmn-instances": f.bpmnInstances }, null, 8, ["bpmn-instances"])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 流转条件 "),
-			(S.isNullOrUndefined || S.isArray && n.useTabs.includes("condition")) && f.conditionFormVisible ? (w(), _(O, {
-				key: 2,
-				label: "流转条件",
-				name: "condition",
-				lazy: ""
-			}, {
-				default: E(() => [x(k, { "bpmn-instances": f.bpmnInstances }, null, 8, ["bpmn-instances"])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 表单 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("form") ? T(e.$slots, "form", {
-				key: 3,
-				id: f.elementId,
-				bpmnInstances: f.bpmnInstances,
-				element: f.element,
-				type: f.elementType
-			}, () => [(S.isNullOrUndefined || S.isArray && n.useTabs.includes("base")) && f.formVisible ? (w(), _(O, {
-				key: "form",
-				label: "表单",
-				name: "form",
-				lazy: ""
-			}, {
-				default: E(() => [x(le, {
-					id: f.elementId,
-					"bpmn-instances": f.bpmnInstances,
-					element: f.element,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"bpmn-instances",
-					"element",
-					"type"
-				])]),
-				_: 1
-			})) : v("v-if", !0)]) : v("v-if", !0),
-			v(" 任务 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("task") ? T(e.$slots, "task", {
-				key: 4,
-				id: f.elementId,
-				bpmnInstances: f.bpmnInstances,
-				element: f.element,
-				type: f.elementType
-			}, () => [f.elementType.indexOf("Task") === -1 ? v("v-if", !0) : (w(), _(O, {
-				key: "task",
-				label: "任务",
-				name: "task",
-				lazy: ""
-			}, {
-				default: E(() => [x(A, {
-					id: f.elementId,
-					"bpmn-instances": f.bpmnInstances,
-					element: f.element,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"bpmn-instances",
-					"element",
-					"type"
-				])]),
-				_: 1
-			}))]) : v("v-if", !0),
-			v(" 多实例 "),
-			(S.isNullOrUndefined || S.isArray && n.useTabs.includes("multiInstance")) && f.elementType.indexOf("Task") !== -1 ? (w(), _(O, {
-				key: "multiInstance",
-				label: "多实例",
-				name: "multiInstance",
-				lazy: ""
-			}, {
-				default: E(() => [x(j, {
-					id: f.elementId,
-					"bpmn-instances": f.bpmnInstances,
-					element: f.element,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"bpmn-instances",
-					"element",
-					"type"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 执行监听器 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("listeners") ? (w(), _(O, {
-				key: "listeners",
-				label: "执行监听器",
-				name: "listeners",
-				lazy: ""
-			}, {
-				default: E(() => [x(M, {
-					id: f.elementId,
-					"bpmn-instances": f.bpmnInstances,
-					element: f.element,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"bpmn-instances",
-					"element",
-					"type"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 任务监听器 "),
-			(S.isNullOrUndefined || S.isArray && n.useTabs.includes("taskListeners")) && f.elementType === "UserTask" ? (w(), _(O, {
-				key: "taskListeners",
-				label: "任务监听器",
-				name: "taskListeners",
-				lazy: ""
-			}, {
-				default: E(() => [x(N, {
-					id: f.elementId,
-					"bpmn-instances": f.bpmnInstances,
-					element: f.element,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"bpmn-instances",
-					"element",
-					"type"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 扩展属性 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("extensions") ? (w(), _(O, {
-				key: "extensions",
-				label: "扩展属性",
-				name: "extensions",
-				lazy: ""
-			}, {
-				default: E(() => [x(P, {
-					id: f.elementId,
-					"bpmn-instances": f.bpmnInstances,
-					element: f.element,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"bpmn-instances",
-					"element",
-					"type"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 其他 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("other") ? (w(), _(O, {
-				key: "other",
-				label: "其他",
-				name: "other",
-				lazy: ""
-			}, {
-				default: E(() => [x(F, {
-					id: f.elementId,
-					element: f.element,
-					"bpmn-instances": f.bpmnInstances
-				}, null, 8, [
-					"id",
-					"element",
-					"bpmn-instances"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 拓展 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("extend") ? T(e.$slots, "extend", {
-				key: 10,
-				id: f.elementId,
-				bpmnInstances: f.bpmnInstances,
-				element: f.element,
-				type: f.elementType
-			}) : v("v-if", !0)
-		]),
-		_: 3
-	}, 8, ["modelValue"])), [[oe, f.isPanelVisible]]) : se((w(), _(R, {
-		key: 1,
-		modelValue: f.activeTab,
-		"onUpdate:modelValue": t[2] || (t[2] = (e) => f.activeTab = e)
-	}, {
-		default: E(() => [
-			v(" 常规 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("base") ? (w(), _(I, {
-				key: 0,
-				name: "base"
-			}, {
-				title: E(() => [...t[4] || (t[4] = [y("div", { class: "panel-tab__title" }, [y("i", { class: "el-icon-info" }), b(" 常规 ")], -1)])]),
-				default: E(() => [x(D, {
-					id: f.elementId,
-					"id-edit-disabled": n.idEditDisabled,
-					type: f.elementType,
-					element: f.element,
-					"bpmn-instances": f.bpmnInstances
-				}, null, 8, [
-					"id",
-					"id-edit-disabled",
-					"type",
-					"element",
-					"bpmn-instances"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 消息与信号 "),
-			(S.isNullOrUndefined || S.isArray && n.useTabs.includes("message")) && f.elementType === "Process" ? (w(), _(I, {
-				key: "message",
-				name: "message"
-			}, {
-				title: E(() => [...t[5] || (t[5] = [y("div", { class: "panel-tab__title" }, [y("i", { class: "el-icon-s-comment" }), b(" 消息与信号 ")], -1)])]),
-				default: E(() => [x(k, { "bpmn-instances": f.bpmnInstances }, null, 8, ["bpmn-instances"])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 流转条件 "),
-			(S.isNullOrUndefined || S.isArray && n.useTabs.includes("condition")) && f.conditionFormVisible ? (w(), _(I, {
-				key: "condition",
-				name: "condition"
-			}, {
-				title: E(() => [...t[6] || (t[6] = [y("div", { class: "panel-tab__title" }, [y("i", { class: "el-icon-s-promotion" }), b(" 流转条件 ")], -1)])]),
-				default: E(() => [x(de, {
-					id: f.elementId,
-					element: f.element,
-					"bpmn-instances": f.bpmnInstances,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"element",
-					"bpmn-instances",
-					"type"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 表单 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("form") ? T(e.$slots, "form", {
-				key: 3,
-				id: f.elementId,
-				bpmnInstances: f.bpmnInstances,
-				element: f.element,
-				type: f.elementType
-			}, () => [(S.isNullOrUndefined || S.isArray && n.useTabs.includes("base")) && f.formVisible ? (w(), _(I, {
-				key: "form",
-				name: "form"
-			}, {
-				title: E(() => [...t[7] || (t[7] = [y("div", { class: "panel-tab__title" }, [y("i", { class: "el-icon-s-order" }), b(" 表单 ")], -1)])]),
-				default: E(() => [x(le, {
-					id: f.elementId,
-					"bpmn-instances": f.bpmnInstances,
-					element: f.element,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"bpmn-instances",
-					"element",
-					"type"
-				])]),
-				_: 1
-			})) : v("v-if", !0)]) : v("v-if", !0),
-			v(" 任务 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("task") ? T(e.$slots, "task", {
-				key: 4,
-				id: f.elementId,
-				bpmnInstances: f.bpmnInstances,
-				element: f.element,
-				type: f.elementType
-			}, () => [f.elementType.indexOf("Task") === -1 ? v("v-if", !0) : (w(), _(I, {
-				key: "task",
-				name: "task"
-			}, {
-				title: E(() => [...t[8] || (t[8] = [y("div", { class: "panel-tab__title" }, [y("i", { class: "el-icon-s-claim" }), b(" 任务 ")], -1)])]),
-				default: E(() => [x(A, {
-					id: f.elementId,
-					"bpmn-instances": f.bpmnInstances,
-					element: f.element,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"bpmn-instances",
-					"element",
-					"type"
-				])]),
-				_: 1
-			}))]) : v("v-if", !0),
-			v(" 多实例 "),
-			(S.isNullOrUndefined || S.isArray && n.useTabs.includes("multiInstance")) && f.elementType.indexOf("Task") !== -1 ? (w(), _(I, {
-				key: "multiInstance",
-				name: "multiInstance"
-			}, {
-				title: E(() => [...t[9] || (t[9] = [y("div", { class: "panel-tab__title" }, [y("i", { class: "el-icon-s-help" }), b(" 多实例 ")], -1)])]),
-				default: E(() => [x(j, {
-					id: f.elementId,
-					"bpmn-instances": f.bpmnInstances,
-					element: f.element,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"bpmn-instances",
-					"element",
-					"type"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 执行监听器 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("listeners") ? (w(), _(I, {
-				key: "listeners",
-				name: "listeners"
-			}, {
-				title: E(() => [y("div", Se, [
-					t[12] || (t[12] = y("i", { class: "el-icon-message-solid" }, null, -1)),
-					t[13] || (t[13] = b(" 执行监听器 ", -1)),
-					x(L, { effect: "light" }, {
-						content: E(() => [...t[10] || (t[10] = [y("p", null, "发送和退回时会触发", -1)])]),
-						default: E(() => [t[11] || (t[11] = y("i", { class: "el-icon-info" }, null, -1))]),
-						_: 1
+			if ((x.value || b.value && e.useTabs.includes("message")) && p.value === "Process") {
+				let e;
+				t.push(g(s, {
+					label: "消息与信号",
+					name: "message"
+				}, V(e = A()) ? e : { default: () => [e] }));
+			}
+			if ((x.value || b.value && e.useTabs.includes("condition")) && i.value) {
+				let e;
+				t.push(g(s, {
+					label: "流转条件",
+					name: "condition"
+				}, V(e = j()) ? e : { default: () => [e] }));
+			}
+			if (x.value || b.value && e.useTabs.includes("form")) {
+				let r;
+				t.push(n.form ? n.form({
+					id: f.value,
+					bpmnInstances: v,
+					element: _,
+					type: p.value
+				}) : (x.value || b.value && e.useTabs.includes("form")) && d.value ? g(s, {
+					label: "表单",
+					name: "form",
+					lazy: !0
+				}, V(r = M()) ? r : { default: () => [r] }) : null);
+			}
+			if (x.value || b.value && e.useTabs.includes("task")) {
+				let e;
+				t.push(n.task ? n.task({
+					id: f.value,
+					bpmnInstances: v,
+					element: _,
+					type: p.value
+				}) : p.value.indexOf("Task") === -1 ? null : g(s, {
+					label: "任务",
+					name: "task",
+					lazy: !0
+				}, V(e = N()) ? e : { default: () => [e] }));
+			}
+			if ((x.value || b.value && e.useTabs.includes("multiInstance")) && p.value.indexOf("Task") !== -1) {
+				let e;
+				t.push(g(s, {
+					label: "多实例",
+					name: "multiInstance"
+				}, V(e = ie()) ? e : { default: () => [e] }));
+			}
+			if (x.value || b.value && e.useTabs.includes("listeners")) {
+				let e;
+				t.push(g(s, {
+					label: "执行监听器",
+					name: "listeners",
+					lazy: !0
+				}, V(e = ae()) ? e : { default: () => [e] }));
+			}
+			if ((x.value || b.value && e.useTabs.includes("taskListeners")) && p.value === "UserTask") {
+				let e;
+				t.push(g(s, {
+					label: "任务监听器",
+					name: "taskListeners",
+					lazy: !0
+				}, V(e = P()) ? e : { default: () => [e] }));
+			}
+			if (x.value || b.value && e.useTabs.includes("extensions")) {
+				let e;
+				t.push(g(s, {
+					label: "扩展属性",
+					name: "extensions",
+					lazy: !0
+				}, V(e = F()) ? e : { default: () => [e] }));
+			}
+			if (x.value || b.value && e.useTabs.includes("other")) {
+				let e;
+				t.push(g(s, {
+					label: "其他",
+					name: "other",
+					lazy: !0
+				}, V(e = I()) ? e : { default: () => [e] }));
+			}
+			return (x.value || b.value && e.useTabs.includes("extend")) && n.extend && t.push(n.extend({
+				id: f.value,
+				bpmnInstances: v,
+				element: _,
+				type: p.value
+			})), t;
+		}, se = () => {
+			let e;
+			return re(g(c, {
+				modelValue: m.value,
+				"onUpdate:modelValue": (e) => m.value = e
+			}, V(e = oe()) ? e : { default: () => [e] }), [[ee, r.value]]);
+		}, L = () => {
+			let t = [];
+			return (x.value || b.value && e.useTabs.includes("base")) && t.push(g(o, { name: "base" }, {
+				title: () => g("div", { class: "panel-tab__title" }, [g("i", { class: "el-icon-info" }, null), h("常规")]),
+				default: k
+			})), (x.value || b.value && e.useTabs.includes("message")) && p.value === "Process" && t.push(g(o, { name: "message" }, {
+				title: () => g("div", { class: "panel-tab__title" }, [g("i", { class: "el-icon-s-comment" }, null), h("消息与信号")]),
+				default: A
+			})), (x.value || b.value && e.useTabs.includes("condition")) && i.value && t.push(g(o, { name: "condition" }, {
+				title: () => g("div", { class: "panel-tab__title" }, [g("i", { class: "el-icon-s-promotion" }, null), h("流转条件")]),
+				default: j
+			})), (x.value || b.value && e.useTabs.includes("form")) && t.push(n.form ? n.form({
+				id: f.value,
+				bpmnInstances: v,
+				element: _,
+				type: p.value
+			}) : (x.value || b.value && e.useTabs.includes("form")) && d.value ? g(o, { name: "form" }, {
+				title: () => g("div", { class: "panel-tab__title" }, [g("i", { class: "el-icon-s-order" }, null), h("表单")]),
+				default: M
+			}) : null), (x.value || b.value && e.useTabs.includes("task")) && t.push(n.form ? n.form({
+				id: f.value,
+				bpmnInstances: v,
+				element: _,
+				type: p.value
+			}) : p.value.indexOf("Task") === -1 ? null : g(o, { name: "task" }, {
+				title: () => g("div", { class: "panel-tab__title" }, [g("i", { class: "el-icon-s-claim" }, null), h("任务")]),
+				default: N
+			})), (x.value || b.value && e.useTabs.includes("multiInstance")) && p.value.indexOf("Task") !== -1 && t.push(g(o, { name: "multiInstance" }, {
+				title: () => g("div", { class: "panel-tab__title" }, [g("i", { class: "el-icon-s-help" }, null), h("多实例")]),
+				default: ie
+			})), (x.value || b.value && e.useTabs.includes("listeners")) && t.push(g(o, { name: "listeners" }, {
+				title: () => g("div", { class: "panel-tab__title" }, [
+					g("i", { class: "el-icon-message-solid" }, null),
+					h("执行监听器"),
+					g(l, { effect: "light" }, {
+						content: () => g("p", null, [h("发送和退回时会触发")]),
+						default: () => g("i", { class: "el-icon-info" }, null)
 					})
-				])]),
-				default: E(() => [x(M, {
-					id: f.elementId,
-					"bpmn-instances": f.bpmnInstances,
-					element: f.element,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"bpmn-instances",
-					"element",
-					"type"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 任务监听器 "),
-			(S.isNullOrUndefined || S.isArray && n.useTabs.includes("taskListeners")) && f.elementType === "UserTask" ? (w(), _(I, {
-				key: "taskListeners",
-				name: "taskListeners"
-			}, {
-				title: E(() => [y("div", Ce, [
-					t[16] || (t[16] = y("i", { class: "el-icon-message-solid" }, null, -1)),
-					t[17] || (t[17] = b(" 任务监听器 ", -1)),
-					x(L, { effect: "light" }, {
-						content: E(() => [...t[14] || (t[14] = [y("p", null, "任务实例的创建、指派、完成、删除、更新、超时会触发", -1)])]),
-						default: E(() => [t[15] || (t[15] = y("i", { class: "el-icon-info" }, null, -1))]),
-						_: 1
+				]),
+				default: ae
+			})), (x.value || b.value && e.useTabs.includes("taskListeners")) && p.value === "UserTask" && t.push(g(o, { name: "taskListeners" }, {
+				title: () => g("div", { class: "panel-tab__title" }, [
+					g("i", { class: "el-icon-message-solid" }, null),
+					h("执行监听器"),
+					g(l, { effect: "light" }, {
+						content: () => g("p", null, [h("任务实例的创建、指派、完成、删除、更新、超时会触发")]),
+						default: () => g("i", { class: "el-icon-info" }, null)
 					})
-				])]),
-				default: E(() => [x(N, {
-					id: f.elementId,
-					"bpmn-instances": f.bpmnInstances,
-					element: f.element,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"bpmn-instances",
-					"element",
-					"type"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 扩展属性 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("extensions") ? (w(), _(I, {
-				key: "extensions",
-				name: "extensions"
-			}, {
-				title: E(() => [...t[18] || (t[18] = [y("div", { class: "panel-tab__title" }, [y("i", { class: "el-icon-circle-plus" }), b(" 扩展属性 ")], -1)])]),
-				default: E(() => [x(P, {
-					id: f.elementId,
-					"bpmn-instances": f.bpmnInstances,
-					element: f.element,
-					type: f.elementType
-				}, null, 8, [
-					"id",
-					"bpmn-instances",
-					"element",
-					"type"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 其他 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("other") ? (w(), _(I, {
-				key: "other",
-				name: "other"
-			}, {
-				title: E(() => [...t[19] || (t[19] = [y("div", { class: "panel-tab__title" }, [y("i", { class: "el-icon-s-promotion" }), b(" 其他 ")], -1)])]),
-				default: E(() => [x(F, {
-					id: f.elementId,
-					element: f.element,
-					"bpmn-instances": f.bpmnInstances
-				}, null, 8, [
-					"id",
-					"element",
-					"bpmn-instances"
-				])]),
-				_: 1
-			})) : v("v-if", !0),
-			v(" 拓展 "),
-			S.isNullOrUndefined || S.isArray && n.useTabs.includes("extend") ? T(e.$slots, "extend", {
-				key: 10,
-				id: f.elementId,
-				bpmnInstances: f.bpmnInstances,
-				element: f.element,
-				type: f.elementType
-			}) : v("v-if", !0)
-		]),
-		_: 3
-	}, 8, ["modelValue"])), [[oe, f.isPanelVisible]])], 6);
-}
-var Te = /* @__PURE__ */ e(be, [["render", we]]), Ee = (e, t, n) => (n = n || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
+				]),
+				default: P
+			})), (x.value || b.value && e.useTabs.includes("extensions")) && t.push(g(o, { name: "task" }, {
+				title: () => g("div", { class: "panel-tab__title" }, [g("i", { class: "el-icon-circle-plus" }, null), h("扩展属性")]),
+				default: F
+			})), (x.value || b.value && e.useTabs.includes("other")) && t.push(g(o, { name: "other" }, {
+				title: () => g("div", { class: "panel-tab__title" }, [g("i", { class: "el-icon-s-promotion" }, null), h("其他")]),
+				default: I
+			})), (x.value || b.value && e.useTabs.includes("extend")) && n.extend && t.push(n.extend({
+				id: f.value,
+				bpmnInstances: v,
+				element: _,
+				type: p.value
+			})), t;
+		}, R = () => {
+			let e;
+			return re(g(a, {
+				modelValue: m.value,
+				"onUpdate:modelValue": (e) => m.value = e
+			}, V(e = L()) ? e : { default: () => [e] }), [[ee, r.value]]);
+		};
+		return () => {
+			var t;
+			return g("div", {
+				class: ["process-panel__container", {
+					show: r.value,
+					hide: !r.value
+				}],
+				style: { width: `${r.value ? e.width : 34}px` },
+				onClick: () => {
+					r.value = !0;
+				}
+			}, [g("div", { style: "height: 40px; line-height: 40px" }, [g("i", {
+				class: ["open-properties-handel", r.value ? "el-icon-caret-right" : "el-icon-caret-left"],
+				onClick: (e) => {
+					e.stopPropagation(), r.value = !r.value;
+				}
+			}, null), r.value ? _ == null || (t = _.businessObject) == null ? void 0 : t.name : ""]), e.panelType === "tab" ? se() : R()]);
+		};
+	}
+}, De = (e, t, n) => (n = n || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
 <bpmn2:definitions
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL"
@@ -645,7 +366,7 @@ var Te = /* @__PURE__ */ e(be, [["render", we]]), Ee = (e, t, n) => (n = n || "c
 </bpmn2:definitions>`);
 //#endregion
 //#region src/components/bpmn-process-designer/plugins/translate/customTranslate.js
-function De(e) {
+function Oe(e) {
 	return function(t, n) {
 		return n = n || {}, t = e[t] || t, t.replace(/{([^}]+)}/g, function(t, r) {
 			let i = n[r];
@@ -655,7 +376,7 @@ function De(e) {
 }
 //#endregion
 //#region src/components/bpmn-process-designer/plugins/translate/zh.js
-var Oe = {
+var ke = {
 	"Append EndEvent": "追加结束事件",
 	"Append Gateway": "追加网关",
 	"Append Task": "追加任务",
@@ -892,7 +613,7 @@ var Oe = {
 	Data: "数据",
 	TextAnnotation: "文本说明",
 	Tasks: "任务"
-}, V = [
+}, H = [
 	{
 		name: "commentInForm",
 		isAttr: !0,
@@ -918,7 +639,7 @@ var Oe = {
 		isAttr: !0,
 		type: "String"
 	}
-], ke = {
+], Ae = {
 	name: "Camunda",
 	uri: "http://camunda.org/schema/1.0/bpmn",
 	prefix: "camunda",
@@ -1210,7 +931,7 @@ var Oe = {
 					isAttr: !0,
 					type: "String"
 				},
-				...V
+				...H
 			]
 		},
 		{
@@ -1850,7 +1571,7 @@ var Oe = {
 		}
 	],
 	emumerations: []
-}, Ae = {
+}, je = {
 	name: "Activiti",
 	uri: "http://activiti.org/bpmn",
 	prefix: "activiti",
@@ -2156,7 +1877,7 @@ var Oe = {
 					isAttr: !0,
 					type: "String"
 				},
-				...V
+				...H
 			]
 		},
 		{
@@ -2772,7 +2493,7 @@ var Oe = {
 		}
 	],
 	emumerations: []
-}, je = {
+}, Me = {
 	name: "Flowable",
 	uri: "http://flowable.org/bpmn",
 	prefix: "flowable",
@@ -3071,7 +2792,7 @@ var Oe = {
 					isAttr: !0,
 					type: "String"
 				},
-				...V
+				...H
 			]
 		},
 		{
@@ -3923,57 +3644,57 @@ var Oe = {
 			}]
 		}
 	]
-}, Me = "*";
-function H(e) {
+}, Ne = "*";
+function U(e) {
 	let t = this;
 	e.on("moddleCopy.canCopyProperty", function(e) {
 		let n = e.property, r = e.parent;
 		return t.canCopyProperty(n, r);
 	});
 }
-H.$inject = ["eventBus"], H.prototype.canCopyProperty = function(e, t) {
-	if (de(e) && !Pe(e, t) || U(e, "camunda:InputOutput") && !this.canHostInputOutput(t) || Ne(e, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(t) || U(e, "camunda:In") && !this.canHostIn(t)) return !1;
-}, H.prototype.canHostInputOutput = function(e) {
-	if (W(e, "camunda:Connector")) return !0;
-	let t = W(e, "bpmn:FlowNode");
-	return !(!t || Ne(t, [
+U.$inject = ["eventBus"], U.prototype.canCopyProperty = function(e, t) {
+	if (se(e) && !Fe(e, t) || W(e, "camunda:InputOutput") && !this.canHostInputOutput(t) || Pe(e, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(t) || W(e, "camunda:In") && !this.canHostIn(t)) return !1;
+}, U.prototype.canHostInputOutput = function(e) {
+	if (G(e, "camunda:Connector")) return !0;
+	let t = G(e, "bpmn:FlowNode");
+	return !(!t || Pe(t, [
 		"bpmn:StartEvent",
 		"bpmn:Gateway",
 		"bpmn:BoundaryEvent"
-	]) || U(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
-}, H.prototype.canHostConnector = function(e) {
-	return U(W(e, "camunda:ServiceTaskLike"), "bpmn:MessageEventDefinition") ? W(e, "bpmn:IntermediateThrowEvent") || W(e, "bpmn:EndEvent") : !0;
-}, H.prototype.canHostIn = function(e) {
-	return W(e, "bpmn:CallActivity") ? !0 : W(e, "bpmn:SignalEventDefinition") ? W(e, "bpmn:IntermediateThrowEvent") || W(e, "bpmn:EndEvent") : !0;
+	]) || W(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
+}, U.prototype.canHostConnector = function(e) {
+	return W(G(e, "camunda:ServiceTaskLike"), "bpmn:MessageEventDefinition") ? G(e, "bpmn:IntermediateThrowEvent") || G(e, "bpmn:EndEvent") : !0;
+}, U.prototype.canHostIn = function(e) {
+	return G(e, "bpmn:CallActivity") ? !0 : G(e, "bpmn:SignalEventDefinition") ? G(e, "bpmn:IntermediateThrowEvent") || G(e, "bpmn:EndEvent") : !0;
 };
-function U(e, t) {
-	return e && I(e.$instanceOf) && e.$instanceOf(t);
+function W(e, t) {
+	return e && oe(e.$instanceOf) && e.$instanceOf(t);
 }
-function Ne(e, t) {
+function Pe(e, t) {
 	return L(t, function(t) {
-		return U(e, t);
+		return W(e, t);
 	});
 }
-function W(e, t) {
+function G(e, t) {
 	if (!t) return e.$parent;
-	if (U(e, t)) return e;
-	if (e.$parent) return W(e.$parent, t);
+	if (W(e, t)) return e;
+	if (e.$parent) return G(e.$parent, t);
 }
-function Pe(e, t) {
+function Fe(e, t) {
 	let n = e.$type && e.$model.getTypeDescriptor(e.$type), r = n && n.meta && n.meta.allowedIn;
-	return !r || Fe(r) ? !0 : L(r, function(e) {
-		return W(t, e);
+	return !r || Ie(r) ? !0 : L(r, function(e) {
+		return G(t, e);
 	});
 }
-function Fe(e) {
-	return e.indexOf(Me) !== -1;
+function Ie(e) {
+	return e.indexOf(Ne) !== -1;
 }
 //#endregion
 //#region src/components/bpmn-process-designer/plugins/extension-moddle/camunda/index.js
-var Ie = {
+var Le = {
 	__init__: ["camundaModdleExtension"],
-	camundaModdleExtension: ["type", H]
-}, Le = {
+	camundaModdleExtension: ["type", U]
+}, Re = {
 	FailedJobRetryTimeCycle: [
 		"bpmn:StartEvent",
 		"bpmn:BoundaryEvent",
@@ -3983,42 +3704,42 @@ var Ie = {
 	Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
 	Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
 };
-function G(e, t) {
+function K(e, t) {
 	return e && typeof e.$instanceOf == "function" && e.$instanceOf(t);
 }
-function Re(e) {
+function ze(e) {
 	return e && e.length;
 }
-function K(e, t) {
-	return Re(e) && L(e, function(e) {
-		return G(e, t);
+function q(e, t) {
+	return ze(e) && L(e, function(e) {
+		return K(e, t);
 	});
 }
-function ze(e, t) {
+function Be(e, t) {
 	return L(t, function(t) {
-		return G(e, t);
+		return K(e, t);
 	});
 }
-function q(e, t, n) {
-	let r = t.name, i = Le[r.replace(/activiti:/, "")];
-	return r === e && ze(n, i);
+function J(e, t, n) {
+	let r = t.name, i = Re[r.replace(/activiti:/, "")];
+	return r === e && Be(n, i);
 }
-function J(e) {
+function Y(e) {
 	e.on("property.clone", function(e) {
 		let t = e.newElement, n = e.propertyDescriptor;
 		this.canCloneProperty(t, n);
 	}, this);
 }
-J.$inject = ["eventBus"], J.prototype.canCloneProperty = function(e, t) {
-	if (q("activiti:FailedJobRetryTimeCycle", t, e)) return K(e.eventDefinitions, "bpmn:TimerEventDefinition") || K(e.eventDefinitions, "bpmn:SignalEventDefinition") || G(e.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
-	if (q("activiti:Connector", t, e) || q("activiti:Field", t, e)) return K(e.eventDefinitions, "bpmn:MessageEventDefinition");
+Y.$inject = ["eventBus"], Y.prototype.canCloneProperty = function(e, t) {
+	if (J("activiti:FailedJobRetryTimeCycle", t, e)) return q(e.eventDefinitions, "bpmn:TimerEventDefinition") || q(e.eventDefinitions, "bpmn:SignalEventDefinition") || K(e.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
+	if (J("activiti:Connector", t, e) || J("activiti:Field", t, e)) return q(e.eventDefinitions, "bpmn:MessageEventDefinition");
 };
 //#endregion
 //#region src/components/bpmn-process-designer/plugins/extension-moddle/activiti/index.js
-var Be = {
+var Ve = {
 	__init__: ["ActivitiModdleExtension"],
-	ActivitiModdleExtension: ["type", J]
-}, Ve = {
+	ActivitiModdleExtension: ["type", Y]
+}, He = {
 	FailedJobRetryTimeCycle: [
 		"bpmn:StartEvent",
 		"bpmn:BoundaryEvent",
@@ -4028,44 +3749,44 @@ var Be = {
 	Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
 	Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
 };
-function Y(e, t) {
+function X(e, t) {
 	return e && typeof e.$instanceOf == "function" && e.$instanceOf(t);
 }
-function He(e) {
+function Ue(e) {
 	return e && e.length;
 }
-function X(e, t) {
-	return He(e) && L(e, function(e) {
-		return Y(e, t);
+function Z(e, t) {
+	return Ue(e) && L(e, function(e) {
+		return X(e, t);
 	});
 }
-function Ue(e, t) {
+function We(e, t) {
 	return L(t, function(t) {
-		return Y(e, t);
+		return X(e, t);
 	});
 }
-function Z(e, t, n) {
-	let r = t.name, i = Ve[r.replace(/flowable:/, "")];
-	return r === e && Ue(n, i);
+function Q(e, t, n) {
+	let r = t.name, i = He[r.replace(/flowable:/, "")];
+	return r === e && We(n, i);
 }
-function We(e) {
+function Ge(e) {
 	e.on("property.clone", function(e) {
 		let t = e.newElement, n = e.propertyDescriptor;
 		this.canCloneProperty(t, n);
 	}, this);
 }
-We.$inject = ["eventBus"], We.prototype.canCloneProperty = function(e, t) {
-	if (Z("flowable:FailedJobRetryTimeCycle", t, e)) return X(e.eventDefinitions, "bpmn:TimerEventDefinition") || X(e.eventDefinitions, "bpmn:SignalEventDefinition") || Y(e.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
-	if (Z("flowable:Connector", t, e) || Z("flowable:Field", t, e)) return X(e.eventDefinitions, "bpmn:MessageEventDefinition");
+Ge.$inject = ["eventBus"], Ge.prototype.canCloneProperty = function(e, t) {
+	if (Q("flowable:FailedJobRetryTimeCycle", t, e)) return Z(e.eventDefinitions, "bpmn:TimerEventDefinition") || Z(e.eventDefinitions, "bpmn:SignalEventDefinition") || X(e.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
+	if (Q("flowable:Connector", t, e) || Q("flowable:Field", t, e)) return Z(e.eventDefinitions, "bpmn:MessageEventDefinition");
 };
 //#endregion
 //#region src/components/bpmn-process-designer/plugins/extension-moddle/flowable/index.js
-var Ge = {
+var Ke = {
 	__init__: ["FlowableModdleExtension"],
-	FlowableModdleExtension: ["type", We]
+	FlowableModdleExtension: ["type", Ge]
 };
-O.registerLanguage("xml", M), O.registerLanguage("json", N);
-var Ke = {
+k.registerLanguage("xml", ie), k.registerLanguage("json", ae);
+var qe = {
 	name: "ProcessDesigner",
 	componentName: "MyProcessDesigner",
 	props: {
@@ -4144,24 +3865,24 @@ var Ke = {
 	computed: {
 		additionalModules() {
 			let e = [];
-			if (this.onlyCustomizeAddi) return D(this.additionalModel) ? this.additionalModel || [] : [this.additionalModel];
-			D(this.additionalModel) ? e.push(...this.additionalModel) : this.additionalModel && e.push(this.additionalModel);
-			let t = { translate: ["value", De(this.translations || Oe)] };
-			return e.push(t), this.simulation && e.push(A), e.push(le), this.prefix === "camunda" && e.push(Ie), this.prefix === "flowable" && e.push(Ge), this.prefix === "activiti" && e.push(Be), e;
+			if (this.onlyCustomizeAddi) return O(this.additionalModel) ? this.additionalModel || [] : [this.additionalModel];
+			O(this.additionalModel) ? e.push(...this.additionalModel) : this.additionalModel && e.push(this.additionalModel);
+			let t = { translate: ["value", Oe(this.translations || ke)] };
+			return e.push(t), this.simulation && e.push(M), e.push(j), this.prefix === "camunda" && e.push(Le), this.prefix === "flowable" && e.push(Ke), this.prefix === "activiti" && e.push(Ve), e;
 		},
 		moddleExtensions() {
 			let e = {};
 			if (this.onlyCustomizeModdle) return this.moddleExtension || null;
 			if (this.moddleExtension) for (let t in this.moddleExtension) e[t] = this.moddleExtension[t];
 			return this.prefix === "activiti" && (e.activiti = {
-				...Ae,
-				types: [...Ae.types, ...this.extendTypes || []]
-			}), this.prefix === "flowable" && (e.flowable = {
 				...je,
 				types: [...je.types, ...this.extendTypes || []]
+			}), this.prefix === "flowable" && (e.flowable = {
+				...Me,
+				types: [...Me.types, ...this.extendTypes || []]
 			}), this.prefix === "camunda" && (e.camunda = {
-				...ke,
-				types: [...ke.types, ...this.extendTypes || []]
+				...Ae,
+				types: [...Ae.types, ...this.extendTypes || []]
 			}), e;
 		}
 	},
@@ -4173,7 +3894,7 @@ var Ke = {
 	},
 	methods: {
 		initBpmnModeler() {
-			this.bpmnModeler || (this.bpmnModeler = S(new k({
+			this.bpmnModeler || (this.bpmnModeler = y(new A({
 				container: this.$refs["bpmn-canvas"],
 				additionalModules: this.additionalModules,
 				moddleExtensions: this.moddleExtensions,
@@ -4202,7 +3923,7 @@ var Ke = {
 			});
 		},
 		async createNewDiagram(e) {
-			let t = this.processId || `Process_${(/* @__PURE__ */ new Date()).getTime()}`, n = this.processName || `业务流程_${(/* @__PURE__ */ new Date()).getTime()}`, r = e || Ee(t, n, this.prefix);
+			let t = this.processId || `Process_${(/* @__PURE__ */ new Date()).getTime()}`, n = this.processName || `业务流程_${(/* @__PURE__ */ new Date()).getTime()}`, r = e || De(t, n, this.prefix);
 			try {
 				let { warnings: e } = await this.bpmnModeler.importXML(r);
 				this.bpmnModeler.get("canvas").zoom("fit-viewport", "center"), e != null && e.length;
@@ -4214,7 +3935,7 @@ var Ke = {
 			try {
 				let { err: r, xml: i } = await this.bpmnModeler.saveXML();
 				r && console.error(`[Process Designer Warn ]: ${r.message || r}`);
-				let { definitions: a } = new j().xml2js(i);
+				let { definitions: a } = new N().xml2js(i);
 				if (t = a.process._name || t, e === "xml" || e === "bpmn") {
 					let { href: r, filename: a } = this.setEncoded(e.toUpperCase(), t, i);
 					n(r, a);
@@ -4309,122 +4030,122 @@ var Ke = {
 			});
 		},
 		previewProcessJson() {
-			let e = new j();
+			let e = new N();
 			this.bpmnModeler.saveXML({ format: !0 }).then(({ xml: t }) => {
 				let { definitions: n } = e.xml2js(t);
 				n ? this.previewResult = JSON.stringify(n, null, 4) : this.previewResult = "", this.previewType = "json", this.previewModelVisible = !0;
 			});
 		}
 	}
-}, qe = { class: "my-process-designer" }, Je = { class: "my-process-designer__header" }, Ye = { class: "my-process-designer__container" }, Xe = {
+}, Je = { class: "my-process-designer" }, Ye = { class: "my-process-designer__header" }, Xe = { class: "my-process-designer__container" }, Ze = {
 	ref: "bpmn-canvas",
 	class: "my-process-designer__canvas flow-background-image"
 };
-function Ze(e, r, i, a, o, s) {
-	let c = n, l = g, u = f, p = d, m = t;
-	return w(), te("div", qe, [
-		y("div", Je, [
-			T(e.$slots, "control-header", {}, () => [
-				x(u, { key: "file-control" }, {
-					default: E(() => [
-						T(e.$slots, "toolbar-buttons"),
-						i.simulation ? (w(), _(l, {
+function Qe(e, a, o, s, c, u) {
+	let _ = n, v = l, y = i, b = r, S = t;
+	return x(), p("div", Je, [
+		m("div", Ye, [
+			w(e.$slots, "control-header", {}, () => [
+				g(y, { key: "file-control" }, {
+					default: D(() => [
+						w(e.$slots, "toolbar-buttons"),
+						o.simulation ? (x(), d(v, {
 							key: 0,
 							effect: "light",
 							content: "导入流程"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
-								type: i.headerButtonType,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
+								type: o.headerButtonType,
 								icon: "el-icon-folder-opened",
-								onClick: r[0] || (r[0] = (t) => e.$refs.refFile.click())
+								onClick: a[0] || (a[0] = (t) => e.$refs.refFile.click())
 							}, {
-								default: E(() => [...r[17] || (r[17] = [b(" 导入 ", -1)])]),
+								default: D(() => [...a[17] || (a[17] = [h(" 导入 ", -1)])]),
 								_: 1
 							}, 8, ["size", "type"])]),
 							_: 1
-						})) : v("v-if", !0),
-						x(l, { effect: "light" }, {
-							content: E(() => [
-								x(c, {
-									size: i.headerButtonSize,
+						})) : f("v-if", !0),
+						g(v, { effect: "light" }, {
+							content: D(() => [
+								g(_, {
+									size: o.headerButtonSize,
 									text: "",
-									onClick: r[1] || (r[1] = (e) => s.downloadProcessAsXml())
+									onClick: a[1] || (a[1] = (e) => u.downloadProcessAsXml())
 								}, {
-									default: E(() => [...r[19] || (r[19] = [b("下载为XML文件", -1)])]),
+									default: D(() => [...a[19] || (a[19] = [h("下载为XML文件", -1)])]),
 									_: 1
 								}, 8, ["size"]),
-								r[22] || (r[22] = y("br", null, null, -1)),
-								x(c, {
-									size: i.headerButtonSize,
+								a[22] || (a[22] = m("br", null, null, -1)),
+								g(_, {
+									size: o.headerButtonSize,
 									text: "",
-									onClick: r[2] || (r[2] = (e) => s.downloadProcessAsSvg())
+									onClick: a[2] || (a[2] = (e) => u.downloadProcessAsSvg())
 								}, {
-									default: E(() => [...r[20] || (r[20] = [b("下载为SVG文件", -1)])]),
+									default: D(() => [...a[20] || (a[20] = [h("下载为SVG文件", -1)])]),
 									_: 1
 								}, 8, ["size"]),
-								r[23] || (r[23] = y("br", null, null, -1)),
-								x(c, {
-									size: i.headerButtonSize,
+								a[23] || (a[23] = m("br", null, null, -1)),
+								g(_, {
+									size: o.headerButtonSize,
 									text: "",
-									onClick: r[3] || (r[3] = (e) => s.downloadProcessAsBpmn())
+									onClick: a[3] || (a[3] = (e) => u.downloadProcessAsBpmn())
 								}, {
-									default: E(() => [...r[21] || (r[21] = [b(" 下载为BPMN文件 ", -1)])]),
+									default: D(() => [...a[21] || (a[21] = [h(" 下载为BPMN文件 ", -1)])]),
 									_: 1
 								}, 8, ["size"])
 							]),
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
-								type: i.headerButtonType,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
+								type: o.headerButtonType,
 								icon: "el-icon-download"
 							}, {
-								default: E(() => [...r[18] || (r[18] = [b(" 下载 ", -1)])]),
+								default: D(() => [...a[18] || (a[18] = [h(" 下载 ", -1)])]),
 								_: 1
 							}, 8, ["size", "type"])]),
 							_: 1
 						}),
-						x(l, { effect: "light" }, {
-							content: E(() => [
-								x(c, {
-									size: i.headerButtonSize,
+						g(v, { effect: "light" }, {
+							content: D(() => [
+								g(_, {
+									size: o.headerButtonSize,
 									text: "",
-									onClick: s.previewProcessXML
+									onClick: u.previewProcessXML
 								}, {
-									default: E(() => [...r[24] || (r[24] = [b("预览XML", -1)])]),
+									default: D(() => [...a[24] || (a[24] = [h("预览XML", -1)])]),
 									_: 1
 								}, 8, ["size", "onClick"]),
-								r[26] || (r[26] = y("br", null, null, -1)),
-								x(c, {
-									size: i.headerButtonSize,
+								a[26] || (a[26] = m("br", null, null, -1)),
+								g(_, {
+									size: o.headerButtonSize,
 									text: "",
-									onClick: s.previewProcessJson
+									onClick: u.previewProcessJson
 								}, {
-									default: E(() => [...r[25] || (r[25] = [b("预览JSON", -1)])]),
+									default: D(() => [...a[25] || (a[25] = [h("预览JSON", -1)])]),
 									_: 1
 								}, 8, ["size", "onClick"])
 							]),
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
-								type: i.headerButtonType,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
+								type: o.headerButtonType,
 								icon: "el-icon-view"
 							}, {
-								default: E(() => [...r[27] || (r[27] = [b("预览", -1)])]),
+								default: D(() => [...a[27] || (a[27] = [h("预览", -1)])]),
 								_: 1
 							}, 8, ["size", "type"])]),
 							_: 1
 						}),
-						i.simulation ? (w(), _(l, {
+						o.simulation ? (x(), d(v, {
 							key: 1,
 							effect: "light",
-							content: o.simulationStatus ? "退出模拟" : "开启模拟"
+							content: c.simulationStatus ? "退出模拟" : "开启模拟"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
-								type: i.headerButtonType,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
+								type: o.headerButtonType,
 								icon: "el-icon-cpu",
-								onClick: s.processSimulation
+								onClick: u.processSimulation
 							}, {
-								default: E(() => [...r[28] || (r[28] = [b(" 模拟 ", -1)])]),
+								default: D(() => [...a[28] || (a[28] = [h(" 模拟 ", -1)])]),
 								_: 1
 							}, 8, [
 								"size",
@@ -4432,165 +4153,165 @@ function Ze(e, r, i, a, o, s) {
 								"onClick"
 							])]),
 							_: 1
-						}, 8, ["content"])) : v("v-if", !0)
+						}, 8, ["content"])) : f("v-if", !0)
 					]),
 					_: 3
 				}),
-				x(u, { key: "align-control" }, {
-					default: E(() => [
-						x(l, {
+				g(y, { key: "align-control" }, {
+					default: D(() => [
+						g(v, {
 							effect: "light",
 							content: "向左对齐"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
 								class: "align align-left",
 								icon: "el-icon-s-data",
-								onClick: r[4] || (r[4] = (e) => s.elementsAlign("left"))
+								onClick: a[4] || (a[4] = (e) => u.elementsAlign("left"))
 							}, null, 8, ["size"])]),
 							_: 1
 						}),
-						x(l, {
+						g(v, {
 							effect: "light",
 							content: "向右对齐"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
 								class: "align align-right",
 								icon: "el-icon-s-data",
-								onClick: r[5] || (r[5] = (e) => s.elementsAlign("right"))
+								onClick: a[5] || (a[5] = (e) => u.elementsAlign("right"))
 							}, null, 8, ["size"])]),
 							_: 1
 						}),
-						x(l, {
+						g(v, {
 							effect: "light",
 							content: "向上对齐"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
 								class: "align align-top",
 								icon: "el-icon-s-data",
-								onClick: r[6] || (r[6] = (e) => s.elementsAlign("top"))
+								onClick: a[6] || (a[6] = (e) => u.elementsAlign("top"))
 							}, null, 8, ["size"])]),
 							_: 1
 						}),
-						x(l, {
+						g(v, {
 							effect: "light",
 							content: "向下对齐"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
 								class: "align align-bottom",
 								icon: "el-icon-s-data",
-								onClick: r[7] || (r[7] = (e) => s.elementsAlign("bottom"))
+								onClick: a[7] || (a[7] = (e) => u.elementsAlign("bottom"))
 							}, null, 8, ["size"])]),
 							_: 1
 						}),
-						x(l, {
+						g(v, {
 							effect: "light",
 							content: "水平居中"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
 								class: "align align-center",
 								icon: "el-icon-s-data",
-								onClick: r[8] || (r[8] = (e) => s.elementsAlign("center"))
+								onClick: a[8] || (a[8] = (e) => u.elementsAlign("center"))
 							}, null, 8, ["size"])]),
 							_: 1
 						}),
-						x(l, {
+						g(v, {
 							effect: "light",
 							content: "垂直居中"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
 								class: "align align-middle",
 								icon: "el-icon-s-data",
-								onClick: r[9] || (r[9] = (e) => s.elementsAlign("middle"))
+								onClick: a[9] || (a[9] = (e) => u.elementsAlign("middle"))
 							}, null, 8, ["size"])]),
 							_: 1
 						})
 					]),
 					_: 1
 				}),
-				x(u, { key: "scale-control" }, {
-					default: E(() => [
-						x(l, {
+				g(y, { key: "scale-control" }, {
+					default: D(() => [
+						g(v, {
 							effect: "light",
 							content: "缩小视图"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
-								disabled: o.defaultZoom < .2,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
+								disabled: c.defaultZoom < .2,
 								icon: "el-icon-zoom-out",
-								onClick: r[10] || (r[10] = (e) => s.processZoomOut())
+								onClick: a[10] || (a[10] = (e) => u.processZoomOut())
 							}, null, 8, ["size", "disabled"])]),
 							_: 1
 						}),
-						x(c, { size: i.headerButtonSize }, {
-							default: E(() => [b(ae(`${Math.floor(o.defaultZoom * 10 * 10)}%`), 1)]),
+						g(_, { size: o.headerButtonSize }, {
+							default: D(() => [h(T(`${Math.floor(c.defaultZoom * 10 * 10)}%`), 1)]),
 							_: 1
 						}, 8, ["size"]),
-						x(l, {
+						g(v, {
 							effect: "light",
 							content: "放大视图"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
-								disabled: o.defaultZoom > 4,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
+								disabled: c.defaultZoom > 4,
 								icon: "el-icon-zoom-in",
-								onClick: r[11] || (r[11] = (e) => s.processZoomIn())
+								onClick: a[11] || (a[11] = (e) => u.processZoomIn())
 							}, null, 8, ["size", "disabled"])]),
 							_: 1
 						}),
-						x(l, {
+						g(v, {
 							effect: "light",
 							content: "重置视图并居中"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
 								icon: "el-icon-c-scale-to-original",
-								onClick: r[12] || (r[12] = (e) => s.processReZoom())
+								onClick: a[12] || (a[12] = (e) => u.processReZoom())
 							}, null, 8, ["size"])]),
 							_: 1
 						})
 					]),
 					_: 1
 				}),
-				x(u, { key: "stack-control" }, {
-					default: E(() => [
-						x(l, {
+				g(y, { key: "stack-control" }, {
+					default: D(() => [
+						g(v, {
 							effect: "light",
 							content: "撤销"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
-								disabled: !o.revocable,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
+								disabled: !c.revocable,
 								icon: "el-icon-refresh-left",
-								onClick: r[13] || (r[13] = (e) => s.processUndo())
+								onClick: a[13] || (a[13] = (e) => u.processUndo())
 							}, null, 8, ["size", "disabled"])]),
 							_: 1
 						}),
-						x(l, {
+						g(v, {
 							effect: "light",
 							content: "恢复"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
-								disabled: !o.recoverable,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
+								disabled: !c.recoverable,
 								icon: "el-icon-refresh-right",
-								onClick: r[14] || (r[14] = (e) => s.processRedo())
+								onClick: a[14] || (a[14] = (e) => u.processRedo())
 							}, null, 8, ["size", "disabled"])]),
 							_: 1
 						}),
-						x(l, {
+						g(v, {
 							effect: "light",
 							content: "重新绘制"
 						}, {
-							default: E(() => [x(c, {
-								size: i.headerButtonSize,
+							default: D(() => [g(_, {
+								size: o.headerButtonSize,
 								icon: "el-icon-refresh",
-								onClick: s.processRestart
+								onClick: u.processRestart
 							}, null, 8, ["size", "onClick"])]),
 							_: 1
 						})
@@ -4598,20 +4319,20 @@ function Ze(e, r, i, a, o, s) {
 					_: 1
 				})
 			]),
-			v(" 用于打开本地文件"),
-			y("input", {
+			f(" 用于打开本地文件"),
+			m("input", {
 				id: "files",
 				ref: "refFile",
 				type: "file",
 				style: { display: "none" },
 				accept: ".xml, .bpmn",
-				onChange: r[15] || (r[15] = (...e) => s.importLocalFile && s.importLocalFile(...e))
+				onChange: a[15] || (a[15] = (...e) => u.importLocalFile && u.importLocalFile(...e))
 			}, null, 544)
 		]),
-		y("div", Ye, [y("div", Xe, null, 512)]),
-		x(m, {
-			modelValue: o.previewModelVisible,
-			"onUpdate:modelValue": r[16] || (r[16] = (e) => o.previewModelVisible = e),
+		m("div", Xe, [m("div", Ze, null, 512)]),
+		g(S, {
+			modelValue: c.previewModelVisible,
+			"onUpdate:modelValue": a[16] || (a[16] = (e) => c.previewModelVisible = e),
 			title: "预览",
 			class: "flow-dialog",
 			width: "60vw",
@@ -4619,26 +4340,26 @@ function Ze(e, r, i, a, o, s) {
 			"body-padding": !1,
 			"destroy-on-close": ""
 		}, {
-			default: E(() => [x(p, {
-				language: o.previewType,
-				code: o.previewResult
+			default: D(() => [g(b, {
+				language: c.previewType,
+				code: c.previewResult
 			}, null, 8, ["language", "code"])]),
 			_: 1
 		}, 8, ["modelValue"])
 	]);
 }
-var Qe = /* @__PURE__ */ e(Ke, [["render", Ze]]);
+var $e = /* @__PURE__ */ e(qe, [["render", Qe]]);
 //#endregion
 //#region src/components/bpmn-process-designer/plugins/content-pad/contentPadProvider.js
-function Q(e, t, n, r, i, a, o, s, c, l, u, d, f) {
+function et(e, t, n, r, i, a, o, s, c, l, u, d, f) {
 	e = e || {}, r.registerProvider(this), this._contextPad = r, this._modeling = i, this._elementFactory = a, this._connect = o, this._create = s, this._popupMenu = c, this._canvas = l, this._rules = u, this._translate = d, e.autoPlace !== !1 && (this._autoPlace = t.get("autoPlace", !1)), n.on("create.end", 250, function(e) {
 		let t = e.context.shape;
-		if (!he(e) || !r.isOpen(t)) return;
+		if (!de(e) || !r.isOpen(t)) return;
 		let n = r.getEntries(t);
 		n.replace && n.replace.action.click(e, t);
 	});
 }
-Q.$inject = [
+et.$inject = [
 	"config.contextPad",
 	"injector",
 	"eventBus",
@@ -4652,7 +4373,7 @@ Q.$inject = [
 	"rules",
 	"translate",
 	"elementRegistry"
-], Q.prototype.getContextPadEntries = function(e) {
+], et.prototype.getContextPadEntries = function(e) {
 	let t = this._contextPad, n = this._modeling, r = this._elementFactory, i = this._connect, a = this._create, o = this._popupMenu, s = this._canvas, c = this._rules, l = this._autoPlace, u = this._translate, d = {};
 	if (e.type === "label") return d;
 	let f = e.businessObject;
@@ -4662,14 +4383,14 @@ Q.$inject = [
 	function m() {
 		n.removeElements([e]);
 	}
-	function ee(e) {
+	function h(e) {
 		let n = s.getContainer(), r = t.getPad(e).html, i = n.getBoundingClientRect(), a = r.getBoundingClientRect(), o = a.top - i.top;
 		return {
 			x: a.left - i.left,
 			y: o + a.height + 5
 		};
 	}
-	function h(e, t, n, i) {
+	function g(e, t, n, i) {
 		typeof n != "string" && (i = n, n = u("Append {type}", { type: e.replace(/^bpmn:/, "") }));
 		function o(t, n) {
 			let o = r.createShape(P({ type: e }, i));
@@ -4688,13 +4409,13 @@ Q.$inject = [
 			}
 		};
 	}
-	function g(e) {
+	function _(e) {
 		return function(r, i) {
 			n.splitLane(i, e), t.open(i, !0);
 		};
 	}
-	if (z(f, ["bpmn:Lane", "bpmn:Participant"]) && pe(f)) {
-		let t = me(e);
+	if (z(f, ["bpmn:Lane", "bpmn:Participant"]) && le(f)) {
+		let t = ue(e);
 		P(d, { "lane-insert-above": {
 			group: "lane-insert-above",
 			className: "bpmn-icon-lane-insert-above",
@@ -4706,12 +4427,12 @@ Q.$inject = [
 			group: "lane-divide",
 			className: "bpmn-icon-lane-divide-two",
 			title: u("Divide into two Lanes"),
-			action: { click: g(2) }
+			action: { click: _(2) }
 		} }), e.height >= 180 && P(d, { "lane-divide-three": {
 			group: "lane-divide",
 			className: "bpmn-icon-lane-divide-three",
 			title: u("Divide into three Lanes"),
-			action: { click: g(3) }
+			action: { click: _(3) }
 		} })), P(d, { "lane-insert-below": {
 			group: "lane-insert-below",
 			className: "bpmn-icon-lane-insert-below",
@@ -4722,22 +4443,22 @@ Q.$inject = [
 		} });
 	}
 	R(f, "bpmn:FlowNode") && (R(f, "bpmn:EventBasedGateway") ? P(d, {
-		"append.receive-task": h("bpmn:ReceiveTask", "bpmn-icon-receive-task", u("Append ReceiveTask")),
-		"append.message-intermediate-event": h("bpmn:IntermediateCatchEvent", "bpmn-icon-intermediate-event-catch-message", u("Append MessageIntermediateCatchEvent"), { eventDefinitionType: "bpmn:MessageEventDefinition" }),
-		"append.timer-intermediate-event": h("bpmn:IntermediateCatchEvent", "bpmn-icon-intermediate-event-catch-timer", u("Append TimerIntermediateCatchEvent"), { eventDefinitionType: "bpmn:TimerEventDefinition" }),
-		"append.condition-intermediate-event": h("bpmn:IntermediateCatchEvent", "bpmn-icon-intermediate-event-catch-condition", u("Append ConditionIntermediateCatchEvent"), { eventDefinitionType: "bpmn:ConditionalEventDefinition" }),
-		"append.signal-intermediate-event": h("bpmn:IntermediateCatchEvent", "bpmn-icon-intermediate-event-catch-signal", u("Append SignalIntermediateCatchEvent"), { eventDefinitionType: "bpmn:SignalEventDefinition" })
-	}) : $e(f, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? P(d, { "append.compensation-activity": h("bpmn:Task", "bpmn-icon-task", u("Append compensation activity"), { isForCompensation: !0 }) }) : !R(f, "bpmn:EndEvent") && !f.isForCompensation && !$e(f, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !fe(f) && P(d, {
-		"append.end-event": h("bpmn:EndEvent", "bpmn-icon-end-event-none", u("Append EndEvent")),
-		"append.gateway": h("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", u("Append Gateway")),
-		"append.append-task": h("bpmn:UserTask", "bpmn-icon-user-task", u("Append Task")),
-		"append.intermediate-event": h("bpmn:IntermediateThrowEvent", "bpmn-icon-intermediate-event-none", u("Append Intermediate/Boundary Event"))
+		"append.receive-task": g("bpmn:ReceiveTask", "bpmn-icon-receive-task", u("Append ReceiveTask")),
+		"append.message-intermediate-event": g("bpmn:IntermediateCatchEvent", "bpmn-icon-intermediate-event-catch-message", u("Append MessageIntermediateCatchEvent"), { eventDefinitionType: "bpmn:MessageEventDefinition" }),
+		"append.timer-intermediate-event": g("bpmn:IntermediateCatchEvent", "bpmn-icon-intermediate-event-catch-timer", u("Append TimerIntermediateCatchEvent"), { eventDefinitionType: "bpmn:TimerEventDefinition" }),
+		"append.condition-intermediate-event": g("bpmn:IntermediateCatchEvent", "bpmn-icon-intermediate-event-catch-condition", u("Append ConditionIntermediateCatchEvent"), { eventDefinitionType: "bpmn:ConditionalEventDefinition" }),
+		"append.signal-intermediate-event": g("bpmn:IntermediateCatchEvent", "bpmn-icon-intermediate-event-catch-signal", u("Append SignalIntermediateCatchEvent"), { eventDefinitionType: "bpmn:SignalEventDefinition" })
+	}) : tt(f, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? P(d, { "append.compensation-activity": g("bpmn:Task", "bpmn-icon-task", u("Append compensation activity"), { isForCompensation: !0 }) }) : !R(f, "bpmn:EndEvent") && !f.isForCompensation && !tt(f, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !ce(f) && P(d, {
+		"append.end-event": g("bpmn:EndEvent", "bpmn-icon-end-event-none", u("Append EndEvent")),
+		"append.gateway": g("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", u("Append Gateway")),
+		"append.append-task": g("bpmn:UserTask", "bpmn-icon-user-task", u("Append Task")),
+		"append.intermediate-event": g("bpmn:IntermediateThrowEvent", "bpmn-icon-intermediate-event-none", u("Append Intermediate/Boundary Event"))
 	})), o.isEmpty(e, "bpmn-replace") || P(d, { replace: {
 		group: "edit",
 		className: "bpmn-icon-screw-wrench",
 		title: u("Change type"),
 		action: { click: function(e, t) {
-			let n = P(ee(t), { cursor: {
+			let n = P(h(t), { cursor: {
 				x: e.x,
 				y: e.y
 			} });
@@ -4749,7 +4470,7 @@ Q.$inject = [
 		"bpmn:DataObjectReference",
 		"bpmn:DataStoreReference"
 	]) && P(d, {
-		"append.text-annotation": h("bpmn:TextAnnotation", "bpmn-icon-text-annotation"),
+		"append.text-annotation": g("bpmn:TextAnnotation", "bpmn-icon-text-annotation"),
 		connect: {
 			group: "connect",
 			className: "bpmn-icon-connection-multi",
@@ -4767,16 +4488,16 @@ Q.$inject = [
 			click: p,
 			dragstart: p
 		}
-	} }), R(f, "bpmn:Group") && P(d, { "append.text-annotation": h("bpmn:TextAnnotation", "bpmn-icon-text-annotation") });
-	let _ = c.allowed("elements.delete", { elements: [e] });
-	return ue(_) && (_ = _[0] === e), _ && P(d, { delete: {
+	} }), R(f, "bpmn:Group") && P(d, { "append.text-annotation": g("bpmn:TextAnnotation", "bpmn-icon-text-annotation") });
+	let v = c.allowed("elements.delete", { elements: [e] });
+	return I(v) && (v = v[0] === e), v && P(d, { delete: {
 		group: "edit",
 		className: "bpmn-icon-trash",
 		title: u("Remove"),
 		action: { click: m }
 	} }), d;
 };
-function $e(e, t, n) {
+function tt(e, t, n) {
 	let r = e.$instanceOf(t), i = !1;
 	return F(e.eventDefinitions || [], function(e) {
 		e.$type === n && (i = !0);
@@ -4784,17 +4505,17 @@ function $e(e, t, n) {
 }
 //#endregion
 //#region src/components/bpmn-process-designer/plugins/content-pad/index.js
-var et = {
+var nt = {
 	__init__: ["contextPadProvider"],
-	contextPadProvider: ["type", Q]
+	contextPadProvider: ["type", et]
 };
 //#endregion
 //#region src/components/bpmn-process-designer/plugins/palette/CustomPalette.js
 function $(e, t, n, r, i, a, o, s, c) {
-	ge.call(this, e, t, n, r, i, a, o, s, c, 2e3), this._create = t, this._elementFactory = n, this._spaceTool = r, this._lassoTool = i, this._handTool = a, this._globalConnect = o, this._moddle = s, this._translate = c;
+	fe.call(this, e, t, n, r, i, a, o, s, c, 2e3), this._create = t, this._elementFactory = n, this._spaceTool = r, this._lassoTool = i, this._handTool = a, this._globalConnect = o, this._moddle = s, this._translate = c;
 }
-var tt = function() {};
-tt.prototype = ge.prototype, tt.prototype.getPaletteEntries = function() {
+var rt = function() {};
+rt.prototype = fe.prototype, rt.prototype.getPaletteEntries = function() {
 	let e = {}, t = this._create, n = this._elementFactory, r = this._spaceTool, i = this._lassoTool, a = this._handTool, o = this._globalConnect, s = this._translate;
 	function c(e, r, i, a, o) {
 		function c(r) {
@@ -4904,19 +4625,19 @@ tt.prototype = ge.prototype, tt.prototype.getPaletteEntries = function() {
 	"globalConnect",
 	"moddle",
 	"translate"
-], $.prototype = new tt(), $.prototype.constructor = $;
+], $.prototype = new rt(), $.prototype.constructor = $;
 //#endregion
 //#region src/components/bpmn-process-designer/plugins/palette/index.js
-var nt = {
+var it = {
 	__init__: ["customPalette"],
 	customPalette: ["type", $]
 };
 //#endregion
 //#region src/components/bpmn-process-designer/modules/auto-place/CustomAutoPlace.js
-function rt(e, t) {
+function at(e, t) {
 	B.call(this, e, t, 3e3), e.on("autoPlace", 3e3, function(e) {
 		let t = e.shape, n = e.source;
-		return st(n, t);
+		return lt(n, t);
 	}), this.append = function(n, r, i) {
 		e.fire("autoPlace.start", {
 			source: n,
@@ -4934,7 +4655,7 @@ function rt(e, t) {
 		}), o;
 	};
 }
-function it(e) {
+function ot(e) {
 	return {
 		top: e.y,
 		right: e.x + (e.width || 0),
@@ -4942,35 +4663,35 @@ function it(e) {
 		left: e.x
 	};
 }
-function at(e) {
+function st(e) {
 	return {
 		x: Math.round(e.x),
 		y: Math.round(e.y)
 	};
 }
-function ot(e) {
-	return at({
+function ct(e) {
+	return st({
 		x: e.x + (e.width || 0) / 2,
 		y: e.y + (e.height || 0) / 2
 	});
 }
-function st(e, t, n) {
+function lt(e, t, n) {
 	n || (n = {});
-	let r = n.defaultDistance || 50, i = ot(e), a = it(e);
+	let r = n.defaultDistance || 50, i = ct(e), a = ot(e);
 	return {
 		x: i.x,
 		y: a.bottom + r + t.height / 2
 	};
 }
-var ct = function() {};
-ct.prototype = B.prototype, rt.prototype = new ct(), rt.prototype.constructor = B;
+var ut = function() {};
+ut.prototype = B.prototype, at.prototype = new ut(), at.prototype.constructor = B;
 //#endregion
 //#region src/components/bpmn-process-designer/modules/auto-place/rewriteAutoPlace.js
-var lt = 200, ut = 100;
-function dt(e, t, n) {
-	e.on("autoPlace", ut, function(e) {
+var dt = 200, ft = 100;
+function pt(e, t, n) {
+	e.on("autoPlace", ft, function(e) {
 		let t = e.shape, n = e.source;
-		return ft(n, t);
+		return mt(n, t);
 	}), e.on("autoPlace.end", function(e) {
 		n.scrollToElement(e.shape);
 	}), this.append = function(n, r, i) {
@@ -4988,28 +4709,28 @@ function dt(e, t, n) {
 		}), o;
 	};
 }
-dt.$inject = [
+pt.$inject = [
 	"eventBus",
 	"modeling",
 	"canvas"
 ];
-function ft(e, t) {
-	let n = lt, r = ve(e);
+function mt(e, t) {
+	let n = dt, r = me(e);
 	return {
-		x: _e(e).right + n + t.width / 2,
+		x: pe(e).right + n + t.width / 2,
 		y: r.y
 	};
 }
 //#endregion
 //#region src/components/bpmn-process-designer/modules/auto-place/index.js
-var pt = {
+var ht = {
 	__init__: ["autoPlaceSelectionBehavior"],
-	autoPlace: ["type", dt]
-}, mt = {
+	autoPlace: ["type", pt]
+}, gt = {
 	name: "FlowDesigner",
 	components: {
-		PropertiesPanel: Te,
-		ProcessDesigner: Qe
+		PropertiesPanel: Ee,
+		ProcessDesigner: $e
 	},
 	props: {
 		modelValue: String,
@@ -5035,10 +4756,10 @@ var pt = {
 				labelVisible: !1,
 				prefix: "flowable",
 				headerButtonSize: "small",
-				additionalModel: S([
-					et,
+				additionalModel: y([
 					nt,
-					pt
+					it,
+					ht
 				])
 			}
 		};
@@ -5051,10 +4772,10 @@ var pt = {
 			await this.$nextTick(), await this.$refs.processDesigner.createNewDiagram(this.modelValue);
 		}
 	}
-}, ht = { class: "flow-designer" };
-function gt(e, t, n, r, i, a) {
-	let o = Qe, s = Te;
-	return w(), te("div", ht, [(w(), _(o, C({ key: `designer-${i.reloadIndex}` }, i.controlForm, {
+}, _t = { class: "flow-designer" };
+function vt(e, t, n, r, i, a) {
+	let o = $e, s = Ee;
+	return x(), p("div", _t, [(x(), d(o, b({ key: `designer-${i.reloadIndex}` }, i.controlForm, {
 		ref: "processDesigner",
 		"model-value": n.modelValue,
 		"extend-types": n.extendTypes,
@@ -5066,13 +4787,13 @@ function gt(e, t, n, r, i, a) {
 		onInput: t[0] || (t[0] = (t) => e.$emit("update:modelValue", t)),
 		onInitFinished: a.initModeler
 	}), {
-		"toolbar-buttons": E(() => [T(e.$slots, "toolbar-buttons", { modeler: i.modeler })]),
+		"toolbar-buttons": D(() => [w(e.$slots, "toolbar-buttons", { modeler: i.modeler })]),
 		_: 3
 	}, 16, [
 		"model-value",
 		"extend-types",
 		"onInitFinished"
-	])), n.usePanel && (n.useTabs === null || n.useTabs === void 0 || n.useTabs.length > 0) ? (w(), _(s, {
+	])), n.usePanel && (n.useTabs === null || n.useTabs === void 0 || n.useTabs.length > 0) ? (x(), d(s, {
 		key: `penal-${i.reloadIndex}`,
 		"panel-type": n.panelType,
 		"use-tabs": n.useTabs,
@@ -5081,19 +4802,19 @@ function gt(e, t, n, r, i, a) {
 		prefix: i.controlForm.prefix,
 		class: "process-panel"
 	}, {
-		task: E(({ id: t, bpmnInstances: n, element: r, type: i }) => [T(e.$slots, "task", {
+		task: D(({ id: t, bpmnInstances: n, element: r, type: i }) => [w(e.$slots, "task", {
 			id: t,
 			bpmnInstances: n,
 			element: r,
 			type: i
 		})]),
-		form: E(({ id: t, bpmnInstances: n, element: r, type: i }) => [T(e.$slots, "form", {
+		form: D(({ id: t, bpmnInstances: n, element: r, type: i }) => [w(e.$slots, "form", {
 			id: t,
 			bpmnInstances: n,
 			element: r,
 			type: i
 		})]),
-		extend: E(({ id: t, bpmnInstances: n, element: r, type: i }) => [T(e.$slots, "extend", {
+		extend: D(({ id: t, bpmnInstances: n, element: r, type: i }) => [w(e.$slots, "extend", {
 			id: t,
 			bpmnInstances: n,
 			element: r,
@@ -5106,8 +4827,8 @@ function gt(e, t, n, r, i, a) {
 		"bpmn-modeler",
 		"context",
 		"prefix"
-	])) : v("v-if", !0)]);
+	])) : f("v-if", !0)]);
 }
-var _t = /* @__PURE__ */ e(mt, [["render", gt]]);
+var yt = /* @__PURE__ */ e(gt, [["render", vt]]);
 //#endregion
-export { _t as t };
+export { yt as t };