@web-utils/form-ui 1.0.0-beta87 → 1.0.0-beta88

package/chunks/{LnWJAAlm2.mjs → DmJaItEY.mjs}

@@ -1,19 +1,19 @@
-import "./B2vpUK0j.mjs";
-import "./cvUTkWmm.mjs";
-import { t as e } from "./OWDOBaZL.mjs";
-import { t } from "./BaM7vJ3h.mjs";
-import { _ as n } from "./b58kljs82.mjs";
-import { n as r } from "./DeXyq_xW2.mjs";
-import { n as i, t as a } from "./ZxxDJBOG2.mjs";
-import { t as o } from "./Bs8cIxmy.mjs";
-import { n as s, t as c } from "./Bpp7HhpF.mjs";
-import { t as l } from "./hFCEXdXW.mjs";
-import "./vRQzbLgj.mjs";
-import { t as u } from "./2Bhi7uIl.mjs";
-import "./CAmsy3d12.mjs";
-import d from "../highlight-j-s/index.mjs";
+import { t as e } from "./B1MSrc6f.mjs";
+import { t } from "./V-Js6hNd.mjs";
+import { t as n } from "./mnqSaATq.mjs";
+import r from "../highlight-j-s/index.mjs";
+import { ElButtonGroup as i, ElCollapse as a, ElCollapseItem as o, ElMessage as s, ElMessageBox as c, ElTabPane as l, ElTabs as u, ElTooltip as d } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
 import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineAsyncComponent as y, isVNode as b, markRaw as x, mergeProps as S, nextTick as C, openBlock as w, provide as T, ref as E, renderSlot as D, shallowRef as ee, toDisplayString as O, toRef as k, useTemplateRef as A, vShow as te, watch as j, withCtx as M, withDirectives as ne } from "vue";
 import { isArray as N } from "@web-utils/core";
+import "element-plus/es/components/message/style/css";
+import "element-plus/es/components/message-box/style/css";
+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/button-group/style/css";
+import "element-plus/es/components/tabs/style/css";
+import "element-plus/es/components/tab-pane/style/css";
 import { assign as P, forEach as F, isArray as I, isFunction as L, isObject as R, some as z } from "min-dash";
 import { is as B } from "bpmn-js/lib/util/ModelUtil";
 import { isEventSubProcess as V, isExpanded as re } from "bpmn-js/lib/util/DiUtil";
@@ -421,7 +421,7 @@ var Ae = [
 	"task",
 	"form",
 	"multiInstance"
-], je = y(() => import("./CTCW5Zu02.mjs")), Me = y(() => import("./DrrpjVlS.mjs")), Ne = y(() => import("./1EH2Ca7m2.mjs")), Pe = y(() => import("./XGboXSyJ2.mjs")), Fe = y(() => import("./DZ1RiRcl2.mjs")), Ie = y(() => import("./BuwISkjU.mjs")), Le = y(() => import("./BZb0RMw12.mjs")), Re = y(() => import("./DUzoabyA2.mjs")), ze = y(() => import("./B14qtsOg2.mjs")), Be = y(() => import("./y9rz_ZSp.mjs")), Ve = {
+], je = y(() => import("./BegZOXrr.mjs")), Me = y(() => import("./dxZzZgUn.mjs")), Ne = y(() => import("./D9ft-f6n.mjs")), Pe = y(() => import("./D8_fl5Oq.mjs")), Fe = y(() => import("./fT8tFJVO.mjs")), Ie = y(() => import("./CHqxWrj7.mjs")), Le = y(() => import("./BfW25VbY.mjs")), Re = y(() => import("./CJwAjhLy.mjs")), ze = y(() => import("./BCYFaOiB.mjs")), Be = y(() => import("./BSOrm2U4.mjs")), Ve = {
 	name: "PropertiesPanel",
 	componentName: "MyPropertiesPanel",
 	props: {
@@ -452,8 +452,8 @@ var Ae = [
 		panelType: { type: String }
 	},
 	emits: ["initModels"],
-	setup(e, { emit: n, slots: r }) {
-		let o = E(!0), l = E(!1), u = E(!1), d = E(""), p = E(""), m = E(e.panelType === "tab" ? "base" : ["base"]), h = ee({}), g = ee({}), y = null, b = f(() => Array.isArray(e.useTabs)), x = f(() => e.useTabs === null || e.useTabs === void 0), S = f(() => e.panelType === "tab"), C = () => {
+	setup(e, { emit: t, slots: n }) {
+		let r = E(!0), i = E(!1), s = E(!1), c = E(""), p = E(""), m = E(e.panelType === "tab" ? "base" : ["base"]), h = ee({}), g = ee({}), y = null, b = f(() => Array.isArray(e.useTabs)), x = f(() => e.useTabs === null || e.useTabs === void 0), S = f(() => e.panelType === "tab"), C = () => {
 			if (!e.bpmnModeler) {
 				y = setTimeout(() => C(), 10);
 				return;
@@ -468,25 +468,25 @@ var Ae = [
 				elementRegistry: e.bpmnModeler.get("elementRegistry"),
 				replace: e.bpmnModeler.get("replace"),
 				selection: e.bpmnModeler.get("selection")
-			}, n("initModels", g.value), w();
+			}, t("initModels", g.value), w();
 		}, w = () => {
 			D(null), e.bpmnModeler.on("import.done", () => {
 				e.bpmnModeler.get("canvas").zoom("fit-viewport", "center"), D(null);
 			}), e.bpmnModeler.on("selection.changed", ({ newSelection: e }) => {
 				D(e[0] || null);
 			}), e.bpmnModeler.on("element.changed", ({ element: e }) => {
-				e && e.id === d.value && D(e);
+				e && e.id === c.value && D(e);
 			});
 		}, D = (e) => {
 			let t = e;
-			t || (t = g.value.elementRegistry.find((e) => e.type === "bpmn:Process") ?? g.value.elementRegistry.find((e) => e.type === "bpmn:Collaboration")), t && (h.value = t, d.value = t.id, p.value = t.type.split(":")[1] || "", l.value = !!(p.value === "SequenceFlow" && t.source && t.source.type.indexOf("StartEvent") === -1), u.value = p.value === "UserTask");
+			t || (t = g.value.elementRegistry.find((e) => e.type === "bpmn:Process") ?? g.value.elementRegistry.find((e) => e.type === "bpmn:Collaboration")), t && (h.value = t, c.value = t.id, p.value = t.type.split(":")[1] || "", i.value = !!(p.value === "SequenceFlow" && t.source && t.source.type.indexOf("StartEvent") === -1), s.value = p.value === "UserTask");
 		};
 		C(), j(() => e.activeTabs, {
 			immediate: !0,
 			handler() {
 				m.value = S.value ? "base" : Ae;
 			}
-		}), j(d, () => {
+		}), j(c, () => {
 			m.value = S.value ? "base" : Ae;
 		}), j(S, {
 			immediate: !0,
@@ -496,106 +496,106 @@ var Ae = [
 		}), T("prefix", k(e, "prefix")), T("width", k(e, "width")), T("context", k(e, "context")), T("bpmnInstances", g.value);
 		let O = () => {
 			var e;
-			return (e = r.form) == null ? void 0 : e.call(r, {
-				id: d.value,
+			return (e = n.form) == null ? void 0 : e.call(n, {
+				id: c.value,
 				bpmnInstances: g.value,
 				element: h.value,
 				type: p.value
 			});
 		}, A = () => {
 			var e;
-			return (e = r.task) == null ? void 0 : e.call(r, {
-				id: d.value,
+			return (e = n.task) == null ? void 0 : e.call(n, {
+				id: c.value,
 				bpmnInstances: g.value,
 				element: h.value,
 				type: p.value
 			});
 		}, M = () => v(Be, {
-			id: d.value,
+			id: c.value,
 			idEditDisabled: e.idEditDisabled,
 			type: p.value,
 			bpmnInstances: g.value,
 			element: h.value
 		}, null), N = () => v(Fe, { bpmnInstances: g.value }, null), P = () => v(Ie, {
-			id: d.value,
+			id: c.value,
 			element: h.value,
 			bpmnInstances: g.value,
 			type: p.value
 		}, null), F = () => v(Me, {
-			id: d.value,
+			id: c.value,
 			element: h.value,
 			bpmnInstances: g.value,
 			type: p.value
 		}, null), I = () => v(Re, {
-			id: d.value,
+			id: c.value,
 			element: h.value,
 			bpmnInstances: g.value,
 			type: p.value
 		}, null), L = () => v(Le, {
-			id: d.value,
+			id: c.value,
 			element: h.value,
 			bpmnInstances: g.value,
 			type: p.value
 		}, null), R = () => v(Pe, {
-			id: d.value,
+			id: c.value,
 			element: h.value,
 			bpmnInstances: g.value,
 			type: p.value
 		}, null), z = () => v(je, {
-			id: d.value,
+			id: c.value,
 			element: h.value,
 			bpmnInstances: g.value,
 			type: p.value
 		}, null), B = () => v(Ne, {
-			id: d.value,
+			id: c.value,
 			element: h.value,
 			bpmnInstances: g.value,
 			type: p.value
 		}, null), V = () => v(ze, {
-			id: d.value,
+			id: c.value,
 			element: h.value,
 			bpmnInstances: g.value
 		}, null), re = () => {
 			let t = [];
 			if (x.value || b.value && e.useTabs.includes("base")) {
 				let e;
-				t.push(v(c, {
+				t.push(v(l, {
 					label: "常规",
 					name: "base"
 				}, q(e = M()) ? e : { default: () => [e] }));
 			}
 			if ((x.value || b.value && e.useTabs.includes("message")) && p.value === "Process") {
 				let e;
-				t.push(v(c, {
+				t.push(v(l, {
 					label: "消息与信号",
 					name: "message"
 				}, q(e = N()) ? e : { default: () => [e] }));
 			}
-			if ((x.value || b.value && e.useTabs.includes("condition")) && l.value) {
+			if ((x.value || b.value && e.useTabs.includes("condition")) && i.value) {
 				let e;
-				t.push(v(c, {
+				t.push(v(l, {
 					label: "流转条件",
 					name: "condition"
 				}, q(e = P()) ? e : { default: () => [e] }));
 			}
-			if ((x.value || b.value && e.useTabs.includes("form")) && u.value && t.push(v(c, {
+			if ((x.value || b.value && e.useTabs.includes("form")) && s.value && t.push(v(l, {
 				label: "表单权限",
 				name: "form",
 				lazy: !0
-			}, { default: () => [r.form ? O() : F()] })), (x.value || b.value && e.useTabs.includes("task")) && p.value.indexOf("Task") !== -1 && t.push(v(c, {
+			}, { default: () => [n.form ? O() : F()] })), (x.value || b.value && e.useTabs.includes("task")) && p.value.indexOf("Task") !== -1 && t.push(v(l, {
 				label: "处理人",
 				name: "task",
 				lazy: !0
-			}, { default: () => [r.task ? A() : I()] })), (x.value || b.value && e.useTabs.includes("multiInstance")) && p.value.indexOf("Task") !== -1) {
+			}, { default: () => [n.task ? A() : I()] })), (x.value || b.value && e.useTabs.includes("multiInstance")) && p.value.indexOf("Task") !== -1) {
 				let e;
-				t.push(v(c, {
+				t.push(v(l, {
 					label: "多实例",
 					name: "multiInstance"
 				}, q(e = L()) ? e : { default: () => [e] }));
 			}
 			if (x.value || b.value && e.useTabs.includes("listeners")) {
 				let e;
-				t.push(v(c, {
+				t.push(v(l, {
 					label: "执行监听器",
 					name: "listeners",
 					lazy: !0
@@ -603,7 +603,7 @@ var Ae = [
 			}
 			if ((x.value || b.value && e.useTabs.includes("taskListeners")) && p.value === "UserTask") {
 				let e;
-				t.push(v(c, {
+				t.push(v(l, {
 					label: "任务监听器",
 					name: "taskListeners",
 					lazy: !0
@@ -611,7 +611,7 @@ var Ae = [
 			}
 			if (x.value || b.value && e.useTabs.includes("extensions")) {
 				let e;
-				t.push(v(c, {
+				t.push(v(l, {
 					label: "扩展属性",
 					name: "extensions",
 					lazy: !0
@@ -619,107 +619,107 @@ var Ae = [
 			}
 			if (x.value || b.value && e.useTabs.includes("other")) {
 				let e;
-				t.push(v(c, {
+				t.push(v(l, {
 					label: "其他",
 					name: "other",
 					lazy: !0
 				}, q(e = V()) ? e : { default: () => [e] }));
 			}
-			return (x.value || b.value && e.useTabs.includes("ext")) && r.ext && t.push(v(c, {
+			return (x.value || b.value && e.useTabs.includes("ext")) && n.ext && t.push(v(l, {
 				label: "拓展",
 				name: "ext",
 				lazy: !0
-			}, { default: () => r.ext({
-				id: d.value,
+			}, { default: () => n.ext({
+				id: c.value,
 				bpmnInstances: g.value,
 				element: h.value,
 				type: p.value
 			}) })), t;
 		}, H = () => {
 			let e;
-			return ne(v(s, {
+			return ne(v(u, {
 				modelValue: m.value,
 				"onUpdate:modelValue": (e) => m.value = e
-			}, q(e = re()) ? e : { default: () => [e] }), [[te, o.value]]);
+			}, q(e = re()) ? e : { default: () => [e] }), [[te, r.value]]);
 		}, ie = () => {
-			let n = [];
-			return (x.value || b.value && e.useTabs.includes("base")) && n.push(v(i, { name: "base" }, {
+			let t = [];
+			return (x.value || b.value && e.useTabs.includes("base")) && t.push(v(o, { name: "base" }, {
 				title: () => v("div", { class: "panel-tab__title" }, [v("i", { class: "el-icon-info" }, null), _("常规")]),
 				default: M
-			})), (x.value || b.value && e.useTabs.includes("message")) && p.value === "Process" && n.push(v(i, { name: "message" }, {
+			})), (x.value || b.value && e.useTabs.includes("message")) && p.value === "Process" && t.push(v(o, { name: "message" }, {
 				title: () => v("div", { class: "panel-tab__title" }, [v("i", { class: "el-icon-s-comment" }, null), _("消息与信号")]),
 				default: N
-			})), (x.value || b.value && e.useTabs.includes("condition")) && l.value && n.push(v(i, { name: "condition" }, {
+			})), (x.value || b.value && e.useTabs.includes("condition")) && i.value && t.push(v(o, { name: "condition" }, {
 				title: () => v("div", { class: "panel-tab__title" }, [v("i", { class: "el-icon-s-promotion" }, null), _("流转条件")]),
 				default: P
-			})), (x.value || b.value && e.useTabs.includes("form")) && u.value && n.push(v(i, { name: "form" }, {
+			})), (x.value || b.value && e.useTabs.includes("form")) && s.value && t.push(v(o, { name: "form" }, {
 				title: () => v("div", { class: "panel-tab__title" }, [v("i", { class: "el-icon-s-order" }, null), _("表单权限")]),
-				default: r.form ? O : F
-			})), (x.value || b.value && e.useTabs.includes("task") && p.value.indexOf("Task") !== -1) && n.push(v(i, { name: "task" }, {
+				default: n.form ? O : F
+			})), (x.value || b.value && e.useTabs.includes("task") && p.value.indexOf("Task") !== -1) && t.push(v(o, { name: "task" }, {
 				title: () => v("div", { class: "panel-tab__title" }, [v("i", { class: "el-icon-s-claim" }, null), _("处理人")]),
-				default: r.task ? A : I
-			})), (x.value || b.value && e.useTabs.includes("multiInstance")) && p.value.indexOf("Task") !== -1 && n.push(v(i, { name: "multiInstance" }, {
+				default: n.task ? A : I
+			})), (x.value || b.value && e.useTabs.includes("multiInstance")) && p.value.indexOf("Task") !== -1 && t.push(v(o, { name: "multiInstance" }, {
 				title: () => v("div", { class: "panel-tab__title" }, [v("i", { class: "el-icon-s-help" }, null), _("多实例")]),
 				default: L
-			})), (x.value || b.value && e.useTabs.includes("listeners")) && n.push(v(i, { name: "listeners" }, {
+			})), (x.value || b.value && e.useTabs.includes("listeners")) && t.push(v(o, { name: "listeners" }, {
 				title: () => v("div", { class: "panel-tab__title" }, [
 					v("i", { class: "el-icon-message-solid" }, null),
 					_("执行监听器"),
-					v(t, { effect: "light" }, {
+					v(d, { effect: "light" }, {
 						content: () => v("p", null, [_("发送和退回时会触发")]),
 						default: () => v("i", { class: "el-icon-info" }, null)
 					})
 				]),
 				default: R
-			})), (x.value || b.value && e.useTabs.includes("taskListeners")) && p.value === "UserTask" && n.push(v(i, { name: "taskListeners" }, {
+			})), (x.value || b.value && e.useTabs.includes("taskListeners")) && p.value === "UserTask" && t.push(v(o, { name: "taskListeners" }, {
 				title: () => v("div", { class: "panel-tab__title" }, [
 					v("i", { class: "el-icon-message-solid" }, null),
 					_("任务监听器"),
-					v(t, { effect: "light" }, {
+					v(d, { effect: "light" }, {
 						content: () => v("p", null, [_("任务实例的创建、指派、完成、删除、更新、超时会触发")]),
 						default: () => v("i", { class: "el-icon-info" }, null)
 					})
 				]),
 				default: z
-			})), (x.value || b.value && e.useTabs.includes("extensions")) && n.push(v(i, { name: "extensions" }, {
+			})), (x.value || b.value && e.useTabs.includes("extensions")) && t.push(v(o, { name: "extensions" }, {
 				title: () => v("div", { class: "panel-tab__title" }, [v("i", { class: "el-icon-circle-plus" }, null), _("扩展属性")]),
 				default: B
-			})), (x.value || b.value && e.useTabs.includes("other")) && n.push(v(i, { name: "other" }, {
+			})), (x.value || b.value && e.useTabs.includes("other")) && t.push(v(o, { name: "other" }, {
 				title: () => v("div", { class: "panel-tab__title" }, [v("i", { class: "el-icon-s-promotion" }, null), _("其他")]),
 				default: V
-			})), (x.value || b.value && e.useTabs.includes("ext")) && r.ext && n.push(v(i, { name: "ext" }, {
+			})), (x.value || b.value && e.useTabs.includes("ext")) && n.ext && t.push(v(o, { name: "ext" }, {
 				title: () => v("div", { class: "panel-tab__title" }, [v("i", { class: "el-icon-s-promotion" }, null), _("拓展")]),
-				default: () => r.ext({
-					id: d.value,
+				default: () => n.ext({
+					id: c.value,
 					bpmnInstances: g.value,
 					element: h.value,
 					type: p.value
 				})
-			})), n;
+			})), t;
 		}, ae = () => {
 			let e;
 			return ne(v(a, {
 				modelValue: m.value,
 				"onUpdate:modelValue": (e) => m.value = e
-			}, q(e = ie()) ? e : { default: () => [e] }), [[te, o.value]]);
+			}, q(e = ie()) ? e : { default: () => [e] }), [[te, r.value]]);
 		};
 		return () => {
 			var t;
 			return v("div", {
 				class: ["process-panel__container", {
-					show: o.value,
-					hide: !o.value
+					show: r.value,
+					hide: !r.value
 				}],
-				style: { width: `${o.value ? e.width : 34}px` },
+				style: { width: `${r.value ? e.width : 34}px` },
 				onClick: () => {
-					o.value = !0;
+					r.value = !0;
 				}
 			}, [v("div", { style: "height: 40px; line-height: 40px" }, [v("i", {
-				class: ["open-properties-handel", o.value ? "el-icon-caret-right" : "el-icon-caret-left"],
+				class: ["open-properties-handel", r.value ? "el-icon-caret-right" : "el-icon-caret-left"],
 				onClick: (e) => {
-					e.stopPropagation(), o.value = !o.value;
+					e.stopPropagation(), r.value = !r.value;
 				}
-			}, null), o.value ? (t = h.value) == null || (t = t.businessObject) == null ? void 0 : t.name : ""]), e.panelType === "tab" ? H() : ae()]);
+			}, null), r.value ? (t = h.value) == null || (t = t.businessObject) == null ? void 0 : t.name : ""]), e.panelType === "tab" ? H() : ae()]);
 		};
 	}
 }, He = (e, t, n) => (n = n || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
@@ -4390,17 +4390,17 @@ var pt = {
 		processRestart() {
 			this.recoverable = !1, this.revocable = !1, this.createNewDiagram(null);
 		},
-		elementsAlign(t) {
-			let r = this.bpmnModeler.get("alignElements"), i = this.bpmnModeler.get("selection").get();
-			if (!i || i.length <= 1) {
-				n.warning("请按住 Shift 键选择多个元素对齐");
+		elementsAlign(e) {
+			let t = this.bpmnModeler.get("alignElements"), n = this.bpmnModeler.get("selection").get();
+			if (!n || n.length <= 1) {
+				s.warning("请按住 Shift 键选择多个元素对齐");
 				return;
 			}
-			e.confirm("自动对齐可能造成图形变形，是否继续？", "警告", {
+			c.confirm("自动对齐可能造成图形变形，是否继续？", "警告", {
 				confirmButtonText: "确定",
 				cancelButtonText: "取消",
 				type: "warning"
-			}).then(() => r.trigger(i, t));
+			}).then(() => t.trigger(n, e));
 		},
 		previewProcessXML() {
 			this.bpmnModeler.saveXML({ format: !0 }).then(({ xml: e }) => {
@@ -4419,111 +4419,111 @@ var pt = {
 	ref: "bpmn-canvas",
 	class: "my-process-designer__canvas flow-background-image"
 };
-function vt(e, n, i, a, s, c) {
-	let l = u, f = t, y = r, b = d, x = o;
+function vt(e, a, o, s, c, l) {
+	let u = n, f = d, y = i, b = r, x = t;
 	return w(), h("div", mt, [
 		g("div", ht, [
 			D(e.$slots, "control-header", {}, () => [
 				v(y, { key: "file-control" }, {
 					default: M(() => [
 						D(e.$slots, "toolbar-buttons"),
-						i.simulation ? (w(), p(f, {
+						o.simulation ? (w(), p(f, {
 							key: 0,
 							effect: "light",
 							content: "导入流程"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
-								type: i.headerButtonType,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
+								type: o.headerButtonType,
 								icon: "el-icon-folder-opened",
-								onClick: n[0] || (n[0] = (t) => e.$refs.refFile.click())
+								onClick: a[0] || (a[0] = (t) => e.$refs.refFile.click())
 							}, {
-								default: M(() => [...n[17] || (n[17] = [_(" 导入 ", -1)])]),
+								default: M(() => [...a[17] || (a[17] = [_(" 导入 ", -1)])]),
 								_: 1
 							}, 8, ["size", "type"])]),
 							_: 1
 						})) : m("v-if", !0),
 						v(f, { effect: "light" }, {
 							content: M(() => [
-								v(l, {
-									size: i.headerButtonSize,
+								v(u, {
+									size: o.headerButtonSize,
 									text: "",
-									onClick: n[1] || (n[1] = (e) => c.downloadProcessAsXml())
+									onClick: a[1] || (a[1] = (e) => l.downloadProcessAsXml())
 								}, {
-									default: M(() => [...n[19] || (n[19] = [_("下载为XML文件", -1)])]),
+									default: M(() => [...a[19] || (a[19] = [_("下载为XML文件", -1)])]),
 									_: 1
 								}, 8, ["size"]),
-								n[22] || (n[22] = g("br", null, null, -1)),
-								v(l, {
-									size: i.headerButtonSize,
+								a[22] || (a[22] = g("br", null, null, -1)),
+								v(u, {
+									size: o.headerButtonSize,
 									text: "",
-									onClick: n[2] || (n[2] = (e) => c.downloadProcessAsSvg())
+									onClick: a[2] || (a[2] = (e) => l.downloadProcessAsSvg())
 								}, {
-									default: M(() => [...n[20] || (n[20] = [_("下载为SVG文件", -1)])]),
+									default: M(() => [...a[20] || (a[20] = [_("下载为SVG文件", -1)])]),
 									_: 1
 								}, 8, ["size"]),
-								n[23] || (n[23] = g("br", null, null, -1)),
-								v(l, {
-									size: i.headerButtonSize,
+								a[23] || (a[23] = g("br", null, null, -1)),
+								v(u, {
+									size: o.headerButtonSize,
 									text: "",
-									onClick: n[3] || (n[3] = (e) => c.downloadProcessAsBpmn())
+									onClick: a[3] || (a[3] = (e) => l.downloadProcessAsBpmn())
 								}, {
-									default: M(() => [...n[21] || (n[21] = [_(" 下载为BPMN文件 ", -1)])]),
+									default: M(() => [...a[21] || (a[21] = [_(" 下载为BPMN文件 ", -1)])]),
 									_: 1
 								}, 8, ["size"])
 							]),
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
-								type: i.headerButtonType,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
+								type: o.headerButtonType,
 								icon: "el-icon-download"
 							}, {
-								default: M(() => [...n[18] || (n[18] = [_(" 下载 ", -1)])]),
+								default: M(() => [...a[18] || (a[18] = [_(" 下载 ", -1)])]),
 								_: 1
 							}, 8, ["size", "type"])]),
 							_: 1
 						}),
 						v(f, { effect: "light" }, {
 							content: M(() => [
-								v(l, {
-									size: i.headerButtonSize,
+								v(u, {
+									size: o.headerButtonSize,
 									text: "",
-									onClick: c.previewProcessXML
+									onClick: l.previewProcessXML
 								}, {
-									default: M(() => [...n[24] || (n[24] = [_("预览XML", -1)])]),
+									default: M(() => [...a[24] || (a[24] = [_("预览XML", -1)])]),
 									_: 1
 								}, 8, ["size", "onClick"]),
-								n[26] || (n[26] = g("br", null, null, -1)),
-								v(l, {
-									size: i.headerButtonSize,
+								a[26] || (a[26] = g("br", null, null, -1)),
+								v(u, {
+									size: o.headerButtonSize,
 									text: "",
-									onClick: c.previewProcessJson
+									onClick: l.previewProcessJson
 								}, {
-									default: M(() => [...n[25] || (n[25] = [_("预览JSON", -1)])]),
+									default: M(() => [...a[25] || (a[25] = [_("预览JSON", -1)])]),
 									_: 1
 								}, 8, ["size", "onClick"])
 							]),
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
-								type: i.headerButtonType,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
+								type: o.headerButtonType,
 								icon: "el-icon-view"
 							}, {
-								default: M(() => [...n[27] || (n[27] = [_("预览", -1)])]),
+								default: M(() => [...a[27] || (a[27] = [_("预览", -1)])]),
 								_: 1
 							}, 8, ["size", "type"])]),
 							_: 1
 						}),
-						i.simulation ? (w(), p(f, {
+						o.simulation ? (w(), p(f, {
 							key: 1,
 							effect: "light",
-							content: s.simulationStatus ? "退出模拟" : "开启模拟"
+							content: c.simulationStatus ? "退出模拟" : "开启模拟"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
-								type: i.headerButtonType,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
+								type: o.headerButtonType,
 								icon: "el-icon-cpu",
-								onClick: c.processSimulation
+								onClick: l.processSimulation
 							}, {
-								default: M(() => [...n[28] || (n[28] = [_(" 模拟 ", -1)])]),
+								default: M(() => [...a[28] || (a[28] = [_(" 模拟 ", -1)])]),
 								_: 1
 							}, 8, [
 								"size",
@@ -4541,11 +4541,11 @@ function vt(e, n, i, a, s, c) {
 							effect: "light",
 							content: "向左对齐"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
 								class: "align align-left",
 								icon: "el-icon-s-data",
-								onClick: n[4] || (n[4] = (e) => c.elementsAlign("left"))
+								onClick: a[4] || (a[4] = (e) => l.elementsAlign("left"))
 							}, null, 8, ["size"])]),
 							_: 1
 						}),
@@ -4553,11 +4553,11 @@ function vt(e, n, i, a, s, c) {
 							effect: "light",
 							content: "向右对齐"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
 								class: "align align-right",
 								icon: "el-icon-s-data",
-								onClick: n[5] || (n[5] = (e) => c.elementsAlign("right"))
+								onClick: a[5] || (a[5] = (e) => l.elementsAlign("right"))
 							}, null, 8, ["size"])]),
 							_: 1
 						}),
@@ -4565,11 +4565,11 @@ function vt(e, n, i, a, s, c) {
 							effect: "light",
 							content: "向上对齐"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
 								class: "align align-top",
 								icon: "el-icon-s-data",
-								onClick: n[6] || (n[6] = (e) => c.elementsAlign("top"))
+								onClick: a[6] || (a[6] = (e) => l.elementsAlign("top"))
 							}, null, 8, ["size"])]),
 							_: 1
 						}),
@@ -4577,11 +4577,11 @@ function vt(e, n, i, a, s, c) {
 							effect: "light",
 							content: "向下对齐"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
 								class: "align align-bottom",
 								icon: "el-icon-s-data",
-								onClick: n[7] || (n[7] = (e) => c.elementsAlign("bottom"))
+								onClick: a[7] || (a[7] = (e) => l.elementsAlign("bottom"))
 							}, null, 8, ["size"])]),
 							_: 1
 						}),
@@ -4589,11 +4589,11 @@ function vt(e, n, i, a, s, c) {
 							effect: "light",
 							content: "水平居中"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
 								class: "align align-center",
 								icon: "el-icon-s-data",
-								onClick: n[8] || (n[8] = (e) => c.elementsAlign("center"))
+								onClick: a[8] || (a[8] = (e) => l.elementsAlign("center"))
 							}, null, 8, ["size"])]),
 							_: 1
 						}),
@@ -4601,11 +4601,11 @@ function vt(e, n, i, a, s, c) {
 							effect: "light",
 							content: "垂直居中"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
 								class: "align align-middle",
 								icon: "el-icon-s-data",
-								onClick: n[9] || (n[9] = (e) => c.elementsAlign("middle"))
+								onClick: a[9] || (a[9] = (e) => l.elementsAlign("middle"))
 							}, null, 8, ["size"])]),
 							_: 1
 						})
@@ -4618,27 +4618,27 @@ function vt(e, n, i, a, s, c) {
 							effect: "light",
 							content: "缩小视图"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
-								disabled: s.defaultZoom < .2,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
+								disabled: c.defaultZoom < .2,
 								icon: "el-icon-zoom-out",
-								onClick: n[10] || (n[10] = (e) => c.processZoomOut())
+								onClick: a[10] || (a[10] = (e) => l.processZoomOut())
 							}, null, 8, ["size", "disabled"])]),
 							_: 1
 						}),
-						v(l, { size: i.headerButtonSize }, {
-							default: M(() => [_(O(`${Math.floor(s.defaultZoom * 10 * 10)}%`), 1)]),
+						v(u, { size: o.headerButtonSize }, {
+							default: M(() => [_(O(`${Math.floor(c.defaultZoom * 10 * 10)}%`), 1)]),
 							_: 1
 						}, 8, ["size"]),
 						v(f, {
 							effect: "light",
 							content: "放大视图"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
-								disabled: s.defaultZoom > 4,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
+								disabled: c.defaultZoom > 4,
 								icon: "el-icon-zoom-in",
-								onClick: n[11] || (n[11] = (e) => c.processZoomIn())
+								onClick: a[11] || (a[11] = (e) => l.processZoomIn())
 							}, null, 8, ["size", "disabled"])]),
 							_: 1
 						}),
@@ -4646,10 +4646,10 @@ function vt(e, n, i, a, s, c) {
 							effect: "light",
 							content: "重置视图并居中"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
 								icon: "el-icon-c-scale-to-original",
-								onClick: n[12] || (n[12] = (e) => c.processReZoom())
+								onClick: a[12] || (a[12] = (e) => l.processReZoom())
 							}, null, 8, ["size"])]),
 							_: 1
 						})
@@ -4662,11 +4662,11 @@ function vt(e, n, i, a, s, c) {
 							effect: "light",
 							content: "撤销"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
-								disabled: !s.revocable,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
+								disabled: !c.revocable,
 								icon: "el-icon-refresh-left",
-								onClick: n[13] || (n[13] = (e) => c.processUndo())
+								onClick: a[13] || (a[13] = (e) => l.processUndo())
 							}, null, 8, ["size", "disabled"])]),
 							_: 1
 						}),
@@ -4674,11 +4674,11 @@ function vt(e, n, i, a, s, c) {
 							effect: "light",
 							content: "恢复"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
-								disabled: !s.recoverable,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
+								disabled: !c.recoverable,
 								icon: "el-icon-refresh-right",
-								onClick: n[14] || (n[14] = (e) => c.processRedo())
+								onClick: a[14] || (a[14] = (e) => l.processRedo())
 							}, null, 8, ["size", "disabled"])]),
 							_: 1
 						}),
@@ -4686,10 +4686,10 @@ function vt(e, n, i, a, s, c) {
 							effect: "light",
 							content: "重新绘制"
 						}, {
-							default: M(() => [v(l, {
-								size: i.headerButtonSize,
+							default: M(() => [v(u, {
+								size: o.headerButtonSize,
 								icon: "el-icon-refresh",
-								onClick: c.processRestart
+								onClick: l.processRestart
 							}, null, 8, ["size", "onClick"])]),
 							_: 1
 						})
@@ -4704,13 +4704,13 @@ function vt(e, n, i, a, s, c) {
 				type: "file",
 				style: { display: "none" },
 				accept: ".xml, .bpmn",
-				onChange: n[15] || (n[15] = (...e) => c.importLocalFile && c.importLocalFile(...e))
+				onChange: a[15] || (a[15] = (...e) => l.importLocalFile && l.importLocalFile(...e))
 			}, null, 544)
 		]),
 		g("div", gt, [g("div", _t, null, 512)]),
 		v(x, {
-			modelValue: s.previewModelVisible,
-			"onUpdate:modelValue": n[16] || (n[16] = (e) => s.previewModelVisible = e),
+			modelValue: c.previewModelVisible,
+			"onUpdate:modelValue": a[16] || (a[16] = (e) => c.previewModelVisible = e),
 			title: "预览",
 			class: "flow-dialog",
 			width: "60vw",
@@ -4719,14 +4719,14 @@ function vt(e, n, i, a, s, c) {
 			"destroy-on-close": ""
 		}, {
 			default: M(() => [v(b, {
-				language: s.previewType,
-				code: s.previewResult
+				language: c.previewType,
+				code: c.previewResult
 			}, null, 8, ["language", "code"])]),
 			_: 1
 		}, 8, ["modelValue"])
 	]);
 }
-var yt = /* @__PURE__ */ l(pt, [["render", vt]]), bt = {
+var yt = /* @__PURE__ */ e(pt, [["render", vt]]), bt = {
 	name: "FlowDesigner",
 	components: {
 		PropertiesPanel: Ve,