@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta70

package/editable-progress/index.mjs

@@ -0,0 +1,120 @@
+import "../chunks/CjjJimnU.mjs";
+import { t as e } from "../chunks/cMuWbLPt.mjs";
+import { t } from "../chunks/DsYXqJLZ.mjs";
+import { t as n } from "../chunks/BwYEpK-u.mjs";
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, createVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l, vShow as u, withDirectives as d } from "vue";
+//#region src/components/EditableProgress.vue
+var f = {
+	name: "EditableProgress",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		strokeWidth: {
+			type: Number,
+			default: 22
+		},
+		step: {
+			type: Number,
+			default: 10
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		value: {
+			type: Number,
+			default: 0
+		}
+	},
+	emits: [
+		"input",
+		"change",
+		"update:modelValue"
+	],
+	data() {
+		return {
+			slider: !1,
+			mouseDown: !1,
+			tooltipClass: "hide-tooltip",
+			percent: this.value
+		};
+	},
+	watch: { value(e) {
+		this.percent !== e && (this.percent = e);
+	} },
+	methods: {
+		formatTooltip(e) {
+			return `${e}%`;
+		},
+		onInput(e) {
+			this.value !== e && this.$emit("update:modelValue", e);
+		},
+		onChange(e) {
+			this.slider = !1, this.tooltipClass = "hide-tooltip", this.$emit("change", e);
+		},
+		onMouseOver() {
+			this.disabled || this.slider || (this.slider = !0, this.$nextTick(() => {
+				this.$refs.slider.$refs.button1.$refs.tooltip.updatePopper(), this.tooltipClass = "";
+			}));
+		},
+		onMouseDown() {
+			this.disabled || (this.mouseDown = !0, window.addEventListener("mouseup", this.onMouseUp));
+		},
+		onMouseUp() {
+			this.disabled || (this.mouseDown = !1, this.tooltipClass = "hide-tooltip", window.removeEventListener("mouseup", this.onMouseUp));
+		},
+		onMouseLeave() {
+			this.disabled || this.mouseDown || (this.tooltipClass = "hide-tooltip", this.slider = !1);
+		},
+		wrapperClick() {
+			this.disabled || (this.slider = !0);
+		}
+	}
+};
+function p(n, f, p, m, h, g) {
+	let _ = e, v = t;
+	return l(), a("div", {
+		class: "editable-progress",
+		onMouseover: f[1] || (f[1] = (...e) => g.onMouseOver && g.onMouseOver(...e)),
+		onMousedown: f[2] || (f[2] = (...e) => g.onMouseDown && g.onMouseDown(...e)),
+		onMouseleave: f[3] || (f[3] = (...e) => g.onMouseLeave && g.onMouseLeave(...e)),
+		onClick: f[4] || (f[4] = (...e) => g.wrapperClick && g.wrapperClick(...e))
+	}, [d(o(_, {
+		class: s(h.percent === 100 ? "progress__success" : ""),
+		"stroke-width": p.strokeWidth,
+		"text-inside": "",
+		percentage: h.percent
+	}, null, 8, [
+		"class",
+		"stroke-width",
+		"percentage"
+	]), [[u, !h.slider]]), p.disabled ? i("v-if", !0) : d((l(), r(v, {
+		key: 0,
+		ref: "slider",
+		modelValue: h.percent,
+		"onUpdate:modelValue": f[0] || (f[0] = (e) => h.percent = e),
+		"tooltip-class": h.tooltipClass,
+		max: p.max,
+		"format-tooltip": g.formatTooltip,
+		style: c({ width: `${p.max === 100 ? 100 : p.max - 1}%` }),
+		disabled: p.disabled,
+		step: p.step,
+		onInput: g.onInput,
+		onChange: g.onChange
+	}, null, 8, [
+		"modelValue",
+		"tooltip-class",
+		"max",
+		"format-tooltip",
+		"style",
+		"disabled",
+		"step",
+		"onInput",
+		"onChange"
+	])), [[u, h.slider]])], 32);
+}
+var m = /* @__PURE__ */ n(f, [["render", p]]);
+//#endregion
+export { m as default };

package/editable-progress/style.css

@@ -0,0 +1 @@
+.editable-progress{background-color:#e4e7ed;border-radius:100px;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.editable-progress .el-progress,.editable-progress .el-slider{width:100%;font-weight:700}.editable-progress .el-slider__runway{margin:0}.editable-progress .el-progress-bar__outer{background-color:#e4e7ed}.editable-progress .el-slider__bar,.editable-progress .el-slider__runway{border-radius:100px;height:22px}.editable-progress .el-slider__button-wrapper{width:52px;height:52px}.editable-progress .el-slider__button-wrapper .el-slider__button{width:24px;height:24px}

package/editable-tree/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/D8r81QxD.mjs";
+export { e as default };

package/editable-tree/style.css

@@ -0,0 +1 @@
+.editable-tree{position:relative}.editable-tree.et-tree-label-overflow-visible .et-tree-label{position:static}.et-tree-wrapper{text-align:left;flex-direction:column;width:100%;display:flex;overflow:auto}.et-tree-wrapper .el-tree{width:100%;display:table;overflow:visible}.et-tree-wrapper .el-button+.el-button{margin-left:8px!important}.et-tree-wrapper .el-input__inner{padding:0 4px}.et-tree-wrapper .custom-tree-node{align-items:center;width:100%;padding-right:8px;font-size:14px;display:flex}.et-tree-wrapper .custom-tree-node:hover .handle-actions{display:block}.et-tree-wrapper .custom-tree-node .handle-actions{align-self:flex-end;display:none}.et-tree-wrapper .custom-tree-node .node-icon{margin-top:2px;margin-right:4px}.et-tree-wrapper .node-label{align-items:center}.et-tree-wrapper .node-input{min-width:140px;margin-right:10px}.et-tree-wrapper .menu{z-index:3;background:#fff;border-radius:4px;padding:0;position:fixed;box-shadow:0 5px 10px #bebebe}.et-tree-wrapper .menu-item{color:#242f42;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 20px 8px 8px;font:11px/100% tahoma,arial,sans-serif;display:block}.et-tree-wrapper .menu .menu-item:hover{color:#66b1ff;background-color:#ecf5ff}.et-tree-wrapper .menu-item-icon{margin-right:4px;font-size:1.3em;font-weight:700}

package/element-dialog/index.mjs

@@ -1,91 +1,2 @@
-import { ElDialog as e } from "element-plus/es";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, getCurrentInstance as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, useTemplateRef as _, withCtx as v, withModifiers as y } from "vue";
-//#region src/components/ElementDialog.vue
-var b = { class: "dialog-title" }, x = { class: "dialog-header-buttons" }, S = {
-	__name: "ElementDialog",
-	props: /* @__PURE__ */ c({
-		height: String,
-		width: String,
-		title: String,
-		embed: Boolean,
-		showClose: Boolean,
-		overflow: Boolean,
-		closeOnClickModal: Boolean,
-		destroyOnClose: Boolean,
-		draggable: {
-			type: Boolean,
-			default: !0
-		},
-		showFullscreen: Boolean,
-		showFullScreen: Boolean,
-		alignCenter: Boolean,
-		appendToBody: {
-			type: Boolean,
-			default: !0
-		}
-	}, {
-		modelValue: { type: Boolean },
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ c(["toggle-fullscreen"], ["update:modelValue"]),
-	setup(c, { expose: S, emit: C }) {
-		let w = g(c, "modelValue"), T = c, E = C, D = _("dialog"), O = f(!1), k = () => {
-			O.value = !O.value, E("toggle-fullscreen", O.value);
-		}, A = t(() => O.value ? "100%" : T.height), j = s(), M = () => {
-			T.embed ? j.parent.emit("update:visible") : D.value.handleClose();
-		};
-		return S({
-			close: M,
-			hide: M
-		}), (t, s) => {
-			let f = e;
-			return d(), n(f, {
-				ref: "dialog",
-				modelValue: w.value,
-				"onUpdate:modelValue": s[0] || (s[0] = (e) => w.value = e),
-				"append-to-body": c.appendToBody,
-				fullscreen: h(O),
-				"show-close": c.showClose,
-				"destroy-on-close": c.destroyOnClose,
-				draggable: c.draggable,
-				overflow: c.overflow,
-				"align-center": c.alignCenter,
-				style: u({ "--dialog-body-height": h(A) }),
-				width: c.width,
-				"close-on-click-modal": c.closeOnClickModal
-			}, o({
-				header: v(() => [a("div", b, m(c.title), 1), a("div", x, [c.showFullscreen || c.showFullScreen ? (d(), i("i", {
-					key: 0,
-					class: l(["dialog-header-button", {
-						"el-icon-full-screen": !h(O),
-						"el-icon-copy-document": h(O)
-					}]),
-					onClick: y(k, ["stop"])
-				}, null, 2)) : r("v-if", !0), a("i", {
-					class: "dialog-header-button el-icon-close",
-					onClick: y(M, ["stop"])
-				})])]),
-				default: v(() => [p(t.$slots, "default")]),
-				_: 2
-			}, [t.$slots.footer ? {
-				name: "footer",
-				fn: v(() => [p(t.$slots, "footer", { close: M })]),
-				key: "0"
-			} : void 0]), 1032, [
-				"modelValue",
-				"append-to-body",
-				"fullscreen",
-				"show-close",
-				"destroy-on-close",
-				"draggable",
-				"overflow",
-				"align-center",
-				"style",
-				"width",
-				"close-on-click-modal"
-			]);
-		};
-	}
-};
-//#endregion
-export { S as default };
+import { t as e } from "../chunks/CPejK_GQ2.mjs";
+export { e as default };

package/element-dialog/style.css

@@ -1 +1 @@
-:root{--dialog-header-background-color:#025cde}.el-dialog{border-radius:4px 4px 0 0;flex-direction:column;padding:0;display:flex}.el-dialog .dialog-title{min-height:20px}.el-dialog .el-dialog__header{color:#fff;background-color:var(--dialog-header-background-color);border-radius:4px 4px 0 0;justify-content:center;align-items:center;padding:6px 10px;line-height:normal;display:flex;position:relative}.el-dialog .dialog-header-buttons{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.el-dialog .dialog-header-button{cursor:pointer;padding:2px;font-size:14px}.el-dialog .dialog-header-button+.dialog-header-button{margin-left:10px}.el-dialog .dialog-header-button:hover{background-color:#0000004d;border-radius:2px}.el-dialog .dialog-header-button.el-icon-close:hover{background-color:#e34e55;border-radius:2px}.el-dialog .el-dialog__body{height:var(--dialog-body-height);flex:auto;min-height:40vh;padding:10px}.el-dialog .el-dialog__footer{border-top:1px solid #dddee3;padding:10px}
+:root{--dialog-header-background-color:#025cde}.el-dialog{border-radius:4px 4px 0 0;flex-direction:column;padding:0;display:flex}.el-dialog .dialog-title{min-height:20px}.el-dialog .el-dialog__header{color:#fff;background-color:var(--dialog-header-background-color);border-radius:4px 4px 0 0;justify-content:center;align-items:center;padding:6px 10px;line-height:normal;display:flex;position:relative}.el-dialog .dialog-header-buttons{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.el-dialog .dialog-header-button{cursor:pointer;padding:2px;font-size:14px}.el-dialog .dialog-header-button+.dialog-header-button{margin-left:10px}.el-dialog .dialog-header-button:hover{background-color:#0000004d;border-radius:2px}.el-dialog .dialog-header-button.el-icon-close:hover{background-color:#e34e55;border-radius:2px}.el-dialog .el-dialog__body{height:var(--dialog-body-height);flex:auto;min-height:40vh;padding:10px}.el-dialog .el-dialog__body.no-padding{padding:0}.el-dialog .el-dialog__footer{border-top:1px solid #dddee3;padding:10px}

package/element-listeners/style.css

@@ -0,0 +1 @@
+.element-listeners-drawer .el-drawer__header{margin-bottom:0}

package/element-multi-instance/style.css

@@ -0,0 +1 @@
+.element-multi-instance .el-select{display:block}.flow-tips-list-item{list-style:inside square}.flow-tips-title{padding-top:10px;padding-bottom:10px}.flow-tips-keyword{font-weight:700}

package/element-resize-observer/index.mjs

@@ -0,0 +1,40 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { createElementBlock as t, openBlock as n } from "vue";
+//#region src/components/ElementResizeObserver.vue
+var r = {
+	name: "ElementResizeObserver",
+	emits: ["notify"],
+	mounted() {
+		this.$nextTick(() => {
+			this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight;
+		});
+		let e = document.createElement("object");
+		this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", e.data = "about:blank", this.$el.appendChild(e);
+	},
+	beforeUnmount() {
+		this.removeResizeHandlers();
+	},
+	methods: {
+		compareAndNotify() {
+			(this._w !== this.$el.offsetWidth || this._h !== this.$el.offsetHeight) && (this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.$emit("notify", {
+				width: this._w,
+				height: this._h
+			}));
+		},
+		addResizeHandlers() {
+			this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
+		},
+		removeResizeHandlers() {
+			this._resizeObject && this._resizeObject.onload && (this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+		}
+	}
+}, i = {
+	class: "resize-observer",
+	tabindex: "-1"
+};
+function a(e, r, a, o, s, c) {
+	return n(), t("div", i);
+}
+var o = /* @__PURE__ */ e(r, [["render", a]]);
+//#endregion
+export { o as default };

package/element-resize-observer/style.css

@@ -0,0 +1 @@
+.resize-observer{z-index:-1;opacity:0;pointer-events:none;background-color:#0000;border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.resize-observer>object{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}

package/empty-view/index.mjs

@@ -1,5 +1,5 @@
 import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, normalizeClass as r, normalizeStyle as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
-//#region src/components/EmptyView.vue
+//#region src/components/empty-view/EmptyView.vue
 var c = { class: "flex-column horizon-center" }, l = /* @__PURE__ */ Object.assign({ name: "EmptyView" }, {
 	__name: "EmptyView",
 	props: {

package/error-view/index.mjs

@@ -0,0 +1,37 @@
+import { createElementBlock as e, createElementVNode as t, normalizeStyle as n, openBlock as r, renderSlot as i, toDisplayString as a } from "vue";
+//#region src/components/ErrorView.vue
+var o = { class: "flex-column horizon-center" }, s = /* @__PURE__ */ Object.assign({ name: "ErrorView" }, {
+	__name: "ErrorView",
+	props: {
+		errorTips: {
+			type: String,
+			default: "加载失败，请重试"
+		},
+		fontSize: {
+			type: String,
+			default: "20px"
+		},
+		iconSize: {
+			type: String,
+			default: "20px"
+		},
+		height: {
+			type: String,
+			default: "100%"
+		}
+	},
+	setup(s) {
+		return (c, l) => (r(), e("div", {
+			class: "error-view",
+			style: n({
+				fontSize: s.fontSize,
+				height: s.height
+			})
+		}, [i(c.$slots, "default", {}, () => [t("div", o, [t("i", {
+			class: "fa fa-frown-o",
+			style: n({ fontSize: s.iconSize })
+		}, null, 4), t("p", null, a(s.errorTips), 1)])])], 4));
+	}
+});
+//#endregion
+export { s as default };

package/error-view/style.css

@@ -0,0 +1 @@
+.error-view{color:#909399;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex;position:relative}

package/flex-box/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/C1RsHtGI.mjs";
+export { e as default };

package/flex-column/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/B3d4fdGH.mjs";
+export { e as default };

package/flex-item/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/BPpMbPS8.mjs";
+export { e as default };

package/flex-row/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/BoId6V9J.mjs";
+export { e as default };

package/flex-scroll-area/index.mjs

@@ -1,5 +1,5 @@
 import { createElementBlock as e, createElementVNode as t, onMounted as n, onUnmounted as r, openBlock as i, renderSlot as a, useTemplateRef as o } from "vue";
-//#region src/components/FlexScrollArea.vue
+//#region src/components/flex-scroll-area/FlexScrollArea.vue
 var s = { class: "flex-item-relative" }, c = /* @__PURE__ */ Object.assign({ name: "FlexScrollArea" }, {
 	__name: "FlexScrollArea",
 	emits: ["scrollbar", "scroll"],

package/flex-scroller/index.mjs

@@ -0,0 +1,29 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/components/flex-scroller/FlexScroller.vue
+var o = {
+	name: "FlexScroller",
+	props: {
+		flexColumn: Boolean,
+		flexRow: Boolean,
+		contentClass: { type: String },
+		contentScroll: {
+			type: Boolean,
+			default: !0
+		}
+	}
+}, s = { class: "flex-scroller-wrapper" };
+function c(e, o, c, l, u, d) {
+	return i(), t("div", s, [n("div", { class: r([
+		"flex-scroller",
+		{
+			"flex-column": c.flexColumn,
+			"flex-row": c.flexRow,
+			"content-scroll": c.contentScroll
+		},
+		c.contentClass
+	]) }, [a(e.$slots, "default")], 2)]);
+}
+var l = /* @__PURE__ */ e(o, [["render", c]]);
+//#endregion
+export { l as default };

package/flex-scroller/style.css

@@ -0,0 +1 @@
+.flex-scroller-wrapper{flex:auto;position:relative}.flex-scroller-wrapper .flex-scroller{position:absolute;top:0;bottom:0;left:0;right:0}.flex-scroller-wrapper .flex-scroller.content-scroll{overflow:auto}

package/flow-designer/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/CaRunrOV2.mjs";
+export { e as default };

package/flow-designer/style.css

@@ -0,0 +1 @@
+.process-panel__container{box-sizing:border-box;border-left:1px solid #eee;max-height:100%;padding:0 8px;transition:width .25s ease-in;overflow:hidden auto;box-shadow:0 0 8px #ccc}.process-panel__container.hide:hover{background-color:#e8f4ff}.process-panel__container.show{overflow-x:auto}.process-panel__container .open-properties-handel{color:#606266;text-align:center;cursor:pointer;font-size:20px}.process-panel__container .open-properties-handel:hover{color:#1682e6}.process-panel__container .element-property{align-items:flex-start;width:100%;margin:8px 0;display:flex}.process-panel__container .element-property .element-property__label{box-sizing:border-box;text-align:right;width:90px;padding-right:12px;font-size:14px;line-height:32px;display:block;overflow:hidden}.process-panel__container .element-property .element-property__value{flex:1;line-height:32px}.process-panel__container .element-property .el-form-item{width:100%;margin-bottom:0;padding-bottom:18px}.process-panel__container .list-property{flex-direction:column}.process-panel__container .list-property .element-listener-item{grid-column-gap:8px;grid-template-columns:16px auto 32px 32px;width:100%;display:inline-grid}.process-panel__container .list-property .element-listener-item+.element-listener-item{margin-top:8px}.process-panel__container .el-collapse-item__content{padding-bottom:0}.process-panel__container .el-input.is-disabled .el-input__inner{color:#999}.process-panel__container .el-form-item.el-form-item--mini{margin-bottom:0}.process-panel__container .el-form-item.el-form-item--mini+.el-form-item{margin-top:16px}.process-panel__container .el-select{display:block}.panel-tab__title{padding:0 8px;font-size:1.1em;font-weight:600;line-height:1.2em}.panel-tab__title i{margin-right:8px;font-size:1.2em}.panel-tab__content{box-sizing:border-box;border-top:1px solid #eee;width:100%;padding:8px 16px}.panel-tab__content .panel-tab__content--title{justify-content:space-between;padding-bottom:8px;display:flex}.panel-tab__content .panel-tab__content--title span{text-align:left;flex:1}.listener-filed__title{justify-content:space-between;align-items:center;width:100%;margin-top:0;display:inline-flex}.listener-filed__title span{text-align:left;width:200px;font-size:14px}.listener-filed__title i{margin-right:8px}.element-drawer__button{justify-content:space-around;width:100%;margin-top:8px;display:inline-flex}.element-drawer__button>.el-button{width:100%}.flow-drawer .el-drawer__body{padding:10px}.flow-drawer .listener-filed__title{justify-content:normal;padding-bottom:6px}.flow-drawer .el-select,.flow-dialog .el-select{display:block}.my-process-designer{box-sizing:border-box;flex-direction:column;flex:1;width:100%;height:100%;display:flex}.my-process-designer .bts-toggle-mode{display:none}.my-process-designer .djs-palette.open .djs-palette-entries div[class^=bpmn-icon-]:before,.my-process-designer .djs-palette.open .djs-palette-entries div[class*=bpmn-icon-]:before{line-height:unset}.my-process-designer .djs-palette.open .djs-palette-entries div.entry{position:relative}.my-process-designer .djs-palette.open .djs-palette-entries div.entry:hover:after{z-index:100;box-sizing:border-box;font-variant:normal;text-transform:none;width:max-content;-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:text-bottom;content:attr(title);background:#fafafa;border:1px solid #ccc;border-radius:4px;padding:0 16px;font-size:.5em;display:inline-block;position:absolute;top:0;bottom:0;right:-10px;overflow:hidden;transform:translate(100%);box-shadow:0 0 6px #eee}.my-process-designer .my-process-designer__header{width:100%;min-height:36px}.my-process-designer .my-process-designer__header .el-button{text-align:center}.my-process-designer .my-process-designer__header .el-button-group{margin:4px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button{text-align:left;width:100%;padding-left:8px;padding-right:8px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button:hover{color:#fff;background:#409effcc}.my-process-designer .my-process-designer__header .align{position:relative}.my-process-designer .my-process-designer__header .align .el-icon i:after{content:"|";position:absolute;transform:rotate(90deg)translate(200%,60%)}.my-process-designer .my-process-designer__header .align.align-left .el-icon i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-right .el-icon i{transform:rotate(-90deg)}.my-process-designer .my-process-designer__header .align.align-top .el-icon i{transform:rotate(180deg)}.my-process-designer .my-process-designer__header .align.align-bottom .el-icon i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-center .el-icon i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-center .el-icon i:after{transform:rotate(90deg)translateY(60%)}.my-process-designer .my-process-designer__header .align.align-middle .el-icon i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-middle .el-icon i:after{transform:rotate(90deg)translateY(60%)}.my-process-designer .my-process-designer__container{flex:1;width:100%;display:inline-flex}.my-process-designer .my-process-designer__container .my-process-designer__canvas{flex:1;height:100%;position:relative}.my-process-designer .my-process-designer__container .my-process-designer__canvas div.toggle-mode{display:none}.my-process-designer .my-process-designer__container .my-process-designer__property-panel{z-index:10;height:100%;overflow:scroll auto}.my-process-designer .my-process-designer__container .my-process-designer__property-panel *{box-sizing:border-box}.flow-designer{background-color:#fff;width:100%;height:100%;display:flex}

package/flow-viewer/index.mjs

@@ -0,0 +1,159 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import t from "../easy-popup/index.mjs";
+import { createElementBlock as n, createTextVNode as r, createVNode as i, normalizeStyle as a, openBlock as o, renderSlot as s, toDisplayString as c, withCtx as l } from "vue";
+import u from "bpmn-js/lib/NavigatedViewer";
+import d from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
+import { append as f, attr as p, create as m } from "tiny-svg";
+import { query as h } from "min-dom";
+//#region src/components/bpmn-process-designer/FlowViewer.vue
+var g = d.prototype._handleWheel, _ = {
+	__init__: ["zoomScroll"],
+	zoomScroll: ["type", d]
+}, v = {
+	name: "FlowViewer",
+	props: {
+		xml: {
+			type: String,
+			required: !0
+		},
+		options: { type: Object },
+		activities: {
+			type: Array,
+			default: () => []
+		},
+		historicActivities: {
+			type: Array,
+			default: () => []
+		},
+		highlightColor: {
+			type: String,
+			default: "rgb(0 190 0 / 100%)"
+		},
+		ctrlKey: Boolean,
+		nodePopup: Boolean,
+		events: Array
+	},
+	emits: ["error", "shown"],
+	data() {
+		return { element: null };
+	},
+	watch: { xml(e) {
+		var t;
+		(t = this.bpmnViewer) == null || t.importXML(e);
+	} },
+	mounted() {
+		d.prototype._handleWheel = this.ctrlKey ? g : function(e) {
+			let { target: t, deltaMode: n, clientX: r, clientY: i, deltaX: a, deltaY: o } = e;
+			g.call(this, {
+				target: t,
+				deltaMode: n,
+				clientX: r,
+				clientY: i,
+				deltaX: a,
+				deltaY: o,
+				preventDefault() {
+					e.preventDefault();
+				},
+				ctrlKey: !0
+			});
+		}, this.bpmnViewer = new u({
+			...this.options,
+			container: this.$refs.container,
+			additionalModules: [_]
+		}), this.bpmnViewer.on("import.done", (e) => {
+			let t = e.error, n = e.warnings;
+			t ? this.$emit("error", t) : this.$emit("shown", n), this.canvas = this.bpmnViewer.get("canvas"), this.fitViewportCenter(), this.elementRegistry = this.bpmnViewer.get("elementRegistry");
+			let r = this.bpmnViewer.get("eventBus");
+			this.events && this.events.forEach((e) => {
+				r.on(e, (t) => {
+					this.$emit(e.replace(".", "-"), t.element);
+				});
+			}), this.nodePopup && r.on("element.mousemove", (e) => {
+				e.element.type === "bpmn:UserTask" && requestAnimationFrame(async () => {
+					this.element = e.element, await this.$nextTick(), this.$refs.popup.show(e.originalEvent);
+				});
+			}), this.nodePopup && r.on("element.out", () => {
+				this.$refs.popup.hide(), this.element = {};
+			}), this.highlightFlow(this.historicActivities, this.activities);
+			let i = m("marker");
+			p(i, {
+				id: "sequenceflow-arrow-green",
+				viewBox: "0 0 20 20",
+				refX: "11",
+				refY: "10",
+				markerWidth: "10",
+				markerHeight: "10",
+				orient: "auto"
+			});
+			let a = m("path");
+			p(a, {
+				d: "M 1 5 L 11 10 L 1 15 Z",
+				style: "stroke-linecap: round; stroke-linejoin: round; stroke: var(--highlight-color); stroke-width: 1px; fill: var(--highlight-color);"
+			}), f(i, a);
+			let o = m("marker");
+			p(o, {
+				id: "conditional-default-flow-marker-green",
+				viewBox: "0 0 20 20",
+				refX: "0",
+				refY: "10",
+				markerWidth: "10",
+				markerHeight: "10",
+				orient: "auto"
+			});
+			let s = m("path");
+			p(s, {
+				d: "M 6 4 L 10 16",
+				style: "stroke-linecap: round; stroke-linejoin: round; stroke: var(--highlight-color); stroke-width: 2px; fill: var(--highlight-color);"
+			}), f(o, s);
+			let c = h("defs", this.$el);
+			f(c, i), f(c, o);
+		}), this.bpmnViewer.importXML(this.xml), this.$watch(() => ({
+			activities: this.activities,
+			historicActivities: this.historicActivities
+		}), ({ activities: e, historicActivities: t }) => {
+			this.highlightFlow(t, e);
+		});
+	},
+	beforeUnmount() {
+		var e;
+		d.prototype._handleWheel = g, (e = this.bpmnViewer) == null || e.destroy();
+	},
+	methods: {
+		fitViewportCenter(e = "center") {
+			this.canvas.zoom("fit-viewport", e);
+		},
+		highlightFlow(e, t) {
+			this.elementRegistry.getAll().forEach((n) => {
+				[
+					"bpmn:StartEvent",
+					"bpmn:UserTask",
+					"bpmn:ExclusiveGateway",
+					"bpmn:ParallelGateway",
+					"bpmn:EndEvent"
+				].includes(n.type) && (e.includes(n.id) && !t.includes(n.id) ? this.canvas.addMarker(n, "highlight") : this.canvas.removeMarker(n, "highlight")), n.type === "bpmn:SequenceFlow" && (e.includes(n.id) ? this.canvas.addMarker(n, "highlight-line") : this.canvas.removeMarker(n, "highlight-line")), n.type === "bpmn:UserTask" && (t.includes(n.id) ? this.canvas.addMarker(n, "highlight-current") : this.canvas.removeMarker(n, "highlight-current"));
+			});
+		}
+	}
+};
+function y(e, u, d, f, p, m) {
+	let h = t;
+	return o(), n("div", {
+		ref: "container",
+		style: a({ "--highlight-color": d.highlightColor }),
+		class: "flow-viewer flow-background-image"
+	}, [i(h, {
+		ref: "popup",
+		"append-to-body": "",
+		"flex-column": "",
+		offset: {
+			x: 6,
+			y: 6
+		}
+	}, {
+		default: l(() => [s(e.$slots, "default", { element: p.element }, () => [r(c(p.element), 1)])]),
+		_: 3
+	}, 512)], 4);
+}
+var b = /* @__PURE__ */ e(v, [["render", y]]);
+//#endregion
+export { b as default };

package/flow-viewer/style.css

@@ -0,0 +1 @@
+.flow-viewer{background-color:#fff;width:100%;height:400px}.flow-viewer .highlight g.djs-visual rect,.flow-viewer .highlight g.djs-visual circle,.flow-viewer .highlight g.djs-visual polygon,.flow-viewer .highlight g.djs-visual path{stroke:var(--highlight-color)!important}.flow-viewer .highlight g.djs-visual polygon+path{fill:var(--highlight-color)!important}@keyframes dashoffset{to{stroke-dashoffset:100%}}.flow-viewer .highlight-current g.djs-visual rect{stroke-dasharray:8;animation:40s linear infinite forwards dashoffset;fill:#fbe9d1!important;stroke:#d67e7d!important}.flow-viewer .highlight-line g.djs-visual path{stroke:var(--highlight-color)!important;stroke-width:2px!important;marker-end:url(#sequenceflow-arrow-green)!important}

package/form-advice/index.mjs

@@ -1,28 +1,29 @@
-import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, inject as o, openBlock as s, renderList as c, toDisplayString as l, unref as u } from "vue";
+import { columnSizeContextKey as e, flowContextKey as t } from "../constants/index.mjs";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, inject as c, openBlock as l, renderList as u, toDisplayString as d, unref as f } from "vue";
 //#region src/components/red-form/FormAdvice.vue
-var d = ["colspan"], f = ["colspan"], p = { style: { "text-align": "right" } }, m = { style: { "margin-left": "20px" } }, h = /* @__PURE__ */ Object.assign({ name: "FormAdvice" }, {
+var p = ["colspan"], m = ["colspan"], h = { style: { "text-align": "right" } }, g = { style: { "margin-left": "20px" } }, _ = /* @__PURE__ */ Object.assign({ name: "FormAdvice" }, {
 	__name: "FormAdvice",
 	props: {
 		valueColspan: Number,
 		labelColspan: Number
 	},
-	setup(h) {
-		let g = h, _ = o("columnSize", 0), v = o("flowContext", null), y = t(() => g.labelColspan && g.valueColspan || g.labelColspan && !g.valueColspan ? g.labelColspan : !g.labelColspan && g.valueColspan && _.value ? _.value - g.valueColspan : 0), b = t(() => g.labelColspan && g.valueColspan ? g.valueColspan : g.labelColspan && !g.valueColspan ? _.value ? _.value - g.labelColspan : 0 : !g.labelColspan && g.valueColspan ? g.valueColspan : _.value ? _.value - 1 : 0);
-		return (t, o) => {
-			var h;
-			return s(), r("tbody", null, [(s(!0), r(e, null, c((h = u(v)) == null ? void 0 : h.formComments, (t) => (s(), r(e, null, [t.comments.length ? (s(), r("tr", { key: t.id }, [i("td", {
+	setup(_) {
+		let v = _, y = c(e, 0), b = c(t, null), x = r(() => v.labelColspan && v.valueColspan || v.labelColspan && !v.valueColspan ? v.labelColspan : !v.labelColspan && v.valueColspan && y.value ? y.value - v.valueColspan : 0), S = r(() => v.labelColspan && v.valueColspan ? v.valueColspan : v.labelColspan && !v.valueColspan ? y.value ? y.value - v.labelColspan : 0 : !v.labelColspan && v.valueColspan ? v.valueColspan : y.value ? y.value - 1 : 0);
+		return (e, t) => {
+			var r;
+			return l(), a("tbody", null, [(l(!0), a(n, null, u((r = f(b)) == null ? void 0 : r.formComments, (e) => (l(), a(n, null, [e.comments.length ? (l(), a("tr", { key: e.id }, [o("td", {
 				class: "label",
 				style: {
 					height: "100px",
 					"line-height": "24px"
 				},
-				colspan: y.value
-			}, l(t.name), 9, d), i("td", {
+				colspan: x.value
+			}, d(e.name), 9, p), o("td", {
 				class: "input",
-				colspan: b.value
-			}, [i("ul", null, [(s(!0), r(e, null, c(t.comments, (e) => (s(), r("li", { key: e.id }, [i("p", null, l(e.message), 1), i("p", p, [a(l(e.personalName) + " ", 1), i("span", m, l(e.time.substring(0, 10)), 1)])]))), 128))])], 8, f)])) : n("v-if", !0)], 64))), 256))]);
+				colspan: S.value
+			}, [o("ul", null, [(l(!0), a(n, null, u(e.comments, (e) => (l(), a("li", { key: e.id }, [o("p", null, d(e.message), 1), o("p", h, [s(d(e.personalName) + " ", 1), o("span", g, d(e.time.substring(0, 10)), 1)])]))), 128))])], 8, m)])) : i("v-if", !0)], 64))), 256))]);
 		};
 	}
 });
 //#endregion
-export { h as default };
+export { _ as default };

package/form-button/index.mjs

@@ -0,0 +1,36 @@
+import e from "../confirmable/index.mjs";
+//#region src/components/button/FormButton.vue
+var t = {
+	name: "FormButton",
+	mixins: [e, { props: {
+		type: {
+			type: String,
+			default: "danger"
+		},
+		size: String,
+		icon: {
+			type: String,
+			default: ""
+		},
+		nativeType: {
+			type: String,
+			default: "button"
+		},
+		loading: Boolean,
+		disabled: Boolean,
+		plain: Boolean,
+		autofocus: Boolean,
+		round: Boolean,
+		confirmable: Boolean,
+		text: {
+			type: String,
+			default: ""
+		},
+		tag: {
+			type: String,
+			default: "AwesomeButton"
+		}
+	} }]
+};
+//#endregion
+export { t as default };