@web-utils/component 4.0.16 → 5.0.0-beta02

package/chunks/RecordVideo.VRFTaHSp.mjs

@@ -0,0 +1,116 @@
+import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
+import { x as t } from "./util.g-WQEec9.mjs";
+import { createElementBlock as n, createElementVNode as r, normalizeStyle as i, openBlock as a } from "vue";
+//#region src/components/video/index.ts
+var o = class {
+	constructor(e) {
+		this.chunks = [], this.video = e, this.mediaRecorder = null, this.chunks = [];
+	}
+	init() {
+		return new Promise((e, t) => {
+			navigator.mediaDevices.getUserMedia({
+				audio: !0,
+				video: !0
+			}).then((t) => {
+				this.video && ("srcObject" in this.video ? this.video.srcObject = t : this.video.src = window.URL.createObjectURL(t), this.video.addEventListener("loadmetadata", () => {
+					var e;
+					(e = this.video) == null || e.play();
+				}), this.mediaRecorder = new MediaRecorder(t), this.mediaRecorder.addEventListener("dataavailable", (e) => {
+					this.chunks.push(e.data);
+				}), e(!0));
+			}).catch((e) => {
+				t(e);
+			});
+		});
+	}
+	startRecord() {
+		var e;
+		((e = this.mediaRecorder) == null ? void 0 : e.state) === "inactive" && this.mediaRecorder.start();
+	}
+	stopRecord() {
+		var e;
+		((e = this.mediaRecorder) == null ? void 0 : e.state) === "recording" && this.mediaRecorder.stop();
+	}
+	isSupport() {
+		if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) return !0;
+	}
+}, s = {
+	name: "RecordVideo",
+	props: {
+		background: { type: String },
+		width: {
+			type: [String, Number],
+			default: 500
+		}
+	},
+	emits: ["data-change"],
+	data() {
+		return { videoObj: null };
+	},
+	computed: {
+		styleName() {
+			return { width: t(this.width) };
+		},
+		imgStyleName() {
+			return { width: t(this.width / 2) };
+		},
+		borderStyleName() {
+			return {
+				width: t(this.width / 15),
+				height: t(this.width / 15),
+				borderWidth: t(5)
+			};
+		}
+	},
+	mounted() {
+		this.init();
+	},
+	methods: {
+		init() {
+			this.videoObj = new o(this.$refs.main), this.videoObj.init().then(() => {
+				this.videoObj.mediaRecorder.addEventListener("stop", this.getData, !1);
+			});
+		},
+		startRecord() {
+			this.videoObj.startRecord();
+		},
+		stopRecord() {
+			this.videoObj.stopRecord();
+		},
+		getData() {
+			let e = new Blob(this.videoObj.chunks, { type: "video/mp4" }), t = new FileReader();
+			t.readAsDataURL(e), t.addEventListener("loadend", () => {
+				let e = t.result;
+				this.$emit("data-change", e);
+			});
+		}
+	}
+}, c = { class: "avue-video__border" }, l = ["src"], u = {
+	ref: "main",
+	class: "avue-video__main",
+	autoplay: "",
+	muted: ""
+};
+function d(e, t, o, s, d, f) {
+	return a(), n("div", {
+		class: "avue-video",
+		style: i(f.styleName)
+	}, [
+		r("div", c, [
+			r("span", { style: i(f.borderStyleName) }, null, 4),
+			r("span", { style: i(f.borderStyleName) }, null, 4),
+			r("span", { style: i(f.borderStyleName) }, null, 4),
+			r("span", { style: i(f.borderStyleName) }, null, 4)
+		]),
+		r("img", {
+			style: i(f.imgStyleName),
+			class: "avue-video__img",
+			src: o.background,
+			alt: ""
+		}, null, 12, l),
+		r("video", u, null, 512)
+	], 4);
+}
+var f = /* @__PURE__ */ e(s, [["render", d]]);
+//#endregion
+export { f as t };

package/chunks/SignalAndMessage.DYhKWs3X.mjs

@@ -0,0 +1,198 @@
+import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createElementBlock as t, createElementVNode as n, createTextVNode as r, createVNode as i, openBlock as a, resolveComponent as o, withCtx as s, withModifiers as c } from "vue";
+//#region src/components/bpmn-process-designer/components/penal/signal-message/SignalAndMessage.vue
+var l = {
+	name: "SignalAndMessage",
+	props: { bpmnInstances: Object },
+	data() {
+		return {
+			signalList: [],
+			messageList: [],
+			modelVisible: !1,
+			modelType: "",
+			modelObjectForm: {}
+		};
+	},
+	computed: { modelConfig() {
+		return this.modelType === "message" ? {
+			title: "创建消息",
+			idLabel: "消息ID",
+			nameLabel: "消息名称"
+		} : {
+			title: "创建信号",
+			idLabel: "信号ID",
+			nameLabel: "信号名称"
+		};
+	} },
+	mounted() {
+		this.initDataList();
+	},
+	methods: {
+		initDataList() {
+			this.rootElements = this.bpmnInstances.modeler.getDefinitions().rootElements, this.messageIdMap = {}, this.signalIdMap = {}, this.messageList = [], this.signalList = [], this.rootElements.forEach((e) => {
+				e.$type === "bpmn:Message" && (this.messageIdMap[e.id] = !0, this.messageList.push({ ...e })), e.$type === "bpmn:Signal" && (this.signalIdMap[e.id] = !0, this.signalList.push({ ...e }));
+			});
+		},
+		openModel(e) {
+			this.modelType = e, this.modelObjectForm = {}, this.modelVisible = !0;
+		},
+		addNewObject() {
+			if (this.modelType === "message") {
+				if (this.messageIdMap[this.modelObjectForm.id]) return this.$message.error("该消息已存在，请修改id后重新保存");
+				let e = this.bpmnInstances.moddle.create("bpmn:Message", this.modelObjectForm);
+				this.rootElements.push(e);
+			} else {
+				if (this.signalIdMap[this.modelObjectForm.id]) return this.$message.error("该信号已存在，请修改id后重新保存");
+				let e = this.bpmnInstances.moddle.create("bpmn:Signal", this.modelObjectForm);
+				this.rootElements.push(e);
+			}
+			this.modelVisible = !1, this.initDataList();
+		}
+	}
+}, u = { class: "panel-tab__content" }, d = { class: "panel-tab__content--title" }, f = {
+	class: "panel-tab__content--title",
+	style: {
+		"margin-top": "8px",
+		"padding-top": "8px",
+		"border-top": "1px solid #eee"
+	}
+};
+function p(e, l, p, m, h, g) {
+	let _ = o("ElButton"), v = o("ElTableColumn"), y = o("ElTable"), b = o("ElInput"), x = o("ElFormItem"), S = o("ElForm"), C = o("ElementDialog");
+	return a(), t("div", u, [
+		n("div", d, [l[8] || (l[8] = n("span", null, [n("i", {
+			class: "el-icon-menu",
+			style: {
+				"margin-right": "8px",
+				color: "#555"
+			}
+		}), r("消息列表")], -1)), i(_, {
+			size: "default",
+			type: "primary",
+			icon: "el-icon-plus",
+			onClick: l[0] || (l[0] = (e) => g.openModel("message"))
+		}, {
+			default: s(() => [...l[7] || (l[7] = [r("创建新消息", -1)])]),
+			_: 1
+		})]),
+		i(y, {
+			data: h.messageList,
+			size: "default",
+			border: ""
+		}, {
+			default: s(() => [
+				i(v, {
+					type: "index",
+					label: "序号",
+					width: "60px"
+				}),
+				i(v, {
+					label: "消息ID",
+					prop: "id",
+					"max-width": "300px",
+					"show-overflow-tooltip": ""
+				}),
+				i(v, {
+					label: "消息名称",
+					prop: "name",
+					"max-width": "300px",
+					"show-overflow-tooltip": ""
+				})
+			]),
+			_: 1
+		}, 8, ["data"]),
+		n("div", f, [l[10] || (l[10] = n("span", null, [n("i", {
+			class: "el-icon-menu",
+			style: {
+				"margin-right": "8px",
+				color: "#555"
+			}
+		}), r("信号列表")], -1)), i(_, {
+			size: "default",
+			type: "primary",
+			icon: "el-icon-plus",
+			onClick: l[1] || (l[1] = (e) => g.openModel("signal"))
+		}, {
+			default: s(() => [...l[9] || (l[9] = [r("创建新信号", -1)])]),
+			_: 1
+		})]),
+		i(y, {
+			data: h.signalList,
+			size: "default",
+			border: ""
+		}, {
+			default: s(() => [
+				i(v, {
+					type: "index",
+					label: "序号",
+					width: "60px"
+				}),
+				i(v, {
+					label: "信号ID",
+					prop: "id",
+					"max-width": "300px",
+					"show-overflow-tooltip": ""
+				}),
+				i(v, {
+					label: "信号名称",
+					prop: "name",
+					"max-width": "300px",
+					"show-overflow-tooltip": ""
+				})
+			]),
+			_: 1
+		}, 8, ["data"]),
+		i(C, {
+			visible: h.modelVisible,
+			"onUpdate:visible": l[6] || (l[6] = (e) => h.modelVisible = e),
+			class: "flow-dialog",
+			title: g.modelConfig.title,
+			"close-on-click-modal": !1,
+			width: "400px",
+			"append-to-body": "",
+			"destroy-on-close": ""
+		}, {
+			footer: s(() => [i(_, {
+				size: "default",
+				onClick: l[5] || (l[5] = (e) => h.modelVisible = !1)
+			}, {
+				default: s(() => [...l[11] || (l[11] = [r("取 消", -1)])]),
+				_: 1
+			}), i(_, {
+				size: "default",
+				type: "primary",
+				onClick: g.addNewObject
+			}, {
+				default: s(() => [...l[12] || (l[12] = [r("保 存", -1)])]),
+				_: 1
+			}, 8, ["onClick"])]),
+			default: s(() => [i(S, {
+				model: h.modelObjectForm,
+				size: "default",
+				"label-width": "90px",
+				onSubmit: l[4] || (l[4] = c(() => {}, ["prevent"]))
+			}, {
+				default: s(() => [i(x, { label: g.modelConfig.idLabel }, {
+					default: s(() => [i(b, {
+						modelValue: h.modelObjectForm.id,
+						"onUpdate:modelValue": l[2] || (l[2] = (e) => h.modelObjectForm.id = e),
+						clearable: ""
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}, 8, ["label"]), i(x, { label: g.modelConfig.nameLabel }, {
+					default: s(() => [i(b, {
+						modelValue: h.modelObjectForm.name,
+						"onUpdate:modelValue": l[3] || (l[3] = (e) => h.modelObjectForm.name = e),
+						clearable: ""
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}, 8, ["label"])]),
+				_: 1
+			}, 8, ["model"])]),
+			_: 1
+		}, 8, ["visible", "title"])
+	]);
+}
+var m = /* @__PURE__ */ e(l, [["render", p]]);
+//#endregion
+export { m as default };

package/chunks/SplitPane.Bwe5Rc0J.mjs

@@ -0,0 +1,219 @@
+import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
+import t from "../resize-observer/index.mjs";
+import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, renderSlot as d, resolveComponent as f, setBlockTracking as p } from "vue";
+//#region src/components/split-pane/tools.js
+function m(e, t) {
+	for (let n = 0; n < t.length; n++) if (e === t[n]) return !0;
+	return !1;
+}
+var h = (function() {
+	return document.addEventListener ? function(e, t, n) {
+		e && t && n && e.addEventListener(t, n, !1);
+	} : function(e, t, n) {
+		e && t && n && e.attachEvent(`on${t}`, n);
+	};
+})(), g = (function() {
+	return document.removeEventListener ? function(e, t, n) {
+		e && t && e.removeEventListener(t, n, !1);
+	} : function(e, t, n) {
+		e && t && e.detachEvent(`on${t}`, n);
+	};
+})(), _ = {
+	name: "Trigger",
+	props: {
+		mode: String,
+		showIcon: Boolean,
+		line: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	data() {
+		return { prefix: "egd-split-trigger" };
+	},
+	computed: {
+		isVertical() {
+			return this.mode === "vertical";
+		},
+		classes() {
+			return [
+				this.prefix,
+				this.line ? this.isVertical ? ` ${this.prefix}-vertical-line` : `${this.prefix}-horizontal-line` : "",
+				this.isVertical ? `${this.prefix}-vertical` : `${this.prefix}-horizontal`
+			];
+		},
+		barConClasses() {
+			return [`${this.prefix}-bar-con`, this.isVertical ? "vertical" : "horizontal"];
+		}
+	}
+};
+function v(e, t, o, c, d, f) {
+	return l(), i("div", { class: s(f.classes) }, [o.showIcon ? (l(), i("div", {
+		key: 0,
+		class: s(f.barConClasses)
+	}, [t[0] || (p(-1, !0), (t[0] = (l(), i(n, null, u(8, (e) => a("i", {
+		key: `trigger-${e}`,
+		class: s(`${d.prefix}-bar`)
+	}, null, 2)), 64))).cacheIndex = 0, p(1), t[0])], 2)) : r("v-if", !0)], 2);
+}
+//#endregion
+//#region src/components/split-pane/SplitPane.vue
+var y = {
+	name: "SplitPane",
+	components: {
+		Trigger: /* @__PURE__ */ e(_, [["render", v]]),
+		ResizeObserver: t
+	},
+	props: {
+		modelValue: {
+			type: [Number, String],
+			default: .5
+		},
+		mode: {
+			validator(e) {
+				return m(e, ["horizontal", "vertical"]);
+			},
+			default: "horizontal"
+		},
+		hideLeft: Boolean,
+		triggerSize: {
+			type: Number,
+			default: 6
+		},
+		min: {
+			type: [Number, String],
+			default: "40px"
+		},
+		max: {
+			type: [Number, String],
+			default: "40px"
+		}
+	},
+	emits: [
+		"on-move-start",
+		"on-move-end",
+		"on-moving",
+		"update:modelValue"
+	],
+	data() {
+		return {
+			prefix: "egd-split",
+			offset: 0,
+			oldOffset: 0,
+			isMoving: !1
+		};
+	},
+	computed: {
+		wrapperClasses() {
+			return [`${this.prefix}-wrapper`, this.isMoving ? "no-select" : ""];
+		},
+		isHorizontal() {
+			return this.mode === "horizontal";
+		},
+		anotherOffset() {
+			return 100 - this.offset;
+		},
+		valueIsPx() {
+			return typeof this.modelValue == "string";
+		},
+		offsetSize() {
+			return this.isHorizontal ? "offsetWidth" : "offsetHeight";
+		},
+		computedMin() {
+			return this.getComputedThresholdValue("min");
+		},
+		computedMax() {
+			return this.getComputedThresholdValue("max");
+		}
+	},
+	watch: { modelValue: "resetOffset" },
+	async mounted() {
+		await this.$nextTick(), this.resetOffset();
+	},
+	methods: {
+		resetOffset() {
+			this.offset = (this.valueIsPx ? this.px2percent(this.modelValue, this.$refs.outerWrapper[this.offsetSize]) : this.modelValue) * 1e4 / 100;
+		},
+		px2percent(e, t) {
+			return parseFloat(e) / parseFloat(t);
+		},
+		getComputedThresholdValue(e) {
+			let t = this.$refs.outerWrapper[this.offsetSize];
+			return this.valueIsPx ? typeof this[e] == "string" ? this[e] : t * this[e] : typeof this[e] == "string" ? this.px2percent(this[e], t) : this[e];
+		},
+		getMin(e, t) {
+			return this.valueIsPx ? `${Math.min(parseFloat(e), parseFloat(t))}px` : Math.min(e, t);
+		},
+		getMax(e, t) {
+			return this.valueIsPx ? `${Math.max(parseFloat(e), parseFloat(t))}px` : Math.max(e, t);
+		},
+		getAnotherOffset(e) {
+			let t = 0;
+			return t = this.valueIsPx ? `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(e)}px` : 1 - e, t;
+		},
+		handleMove(e) {
+			let t = (this.isHorizontal ? e.pageX : e.pageY) - this.initOffset, n = this.$refs.outerWrapper[this.offsetSize], r = this.valueIsPx ? `${parseFloat(this.oldOffset) + t}px` : this.px2percent(n * this.oldOffset + t, n), i = this.getAnotherOffset(r);
+			parseFloat(r) <= parseFloat(this.computedMin) && (r = this.getMax(r, this.computedMin)), parseFloat(i) <= parseFloat(this.computedMax) && (r = this.getAnotherOffset(this.getMax(i, this.computedMax))), e.atMin = this.modelValue === this.computedMin, e.atMax = this.valueIsPx ? this.getAnotherOffset(this.modelValue) === this.computedMax : this.getAnotherOffset(this.modelValue).toFixed(5) === this.computedMax.toFixed(5), this.$emit("update:modelValue", r), this.$emit("on-moving", e);
+		},
+		handleUp() {
+			this.isMoving = !1, g(window, "mousemove", this.handleMove), g(window, "mouseup", this.handleUp), this.$emit("on-move-end");
+		},
+		handleMousedown(e) {
+			this.initOffset = this.isHorizontal ? e.pageX : e.pageY, this.oldOffset = this.modelValue, this.isMoving = !0, h(window, "mousemove", this.handleMove), h(window, "mouseup", this.handleUp), this.$emit("on-move-start");
+		}
+	}
+};
+function b(e, t, r, u, p, m) {
+	let h = f("Trigger"), g = f("ResizeObserver");
+	return l(), i("div", {
+		ref: "outerWrapper",
+		class: s(m.wrapperClasses)
+	}, [m.isHorizontal ? (l(), i("div", {
+		key: 0,
+		class: s(`${p.prefix}-horizontal`)
+	}, [r.hideLeft ? (l(), i("div", {
+		key: 1,
+		style: { left: "0" },
+		class: s([`${p.prefix}-pane`, "right-pane"])
+	}, [d(e.$slots, "right")], 2)) : (l(), i(n, { key: 0 }, [
+		a("div", {
+			style: c({ right: `${m.anotherOffset}%` }),
+			class: s([`${p.prefix}-pane`, "left-pane"])
+		}, [d(e.$slots, "left")], 6),
+		a("div", {
+			class: s(`${p.prefix}-trigger-con`),
+			style: c({
+				left: `calc(${p.offset}% + ${r.triggerSize / 2}px)`,
+				width: `${r.triggerSize}px`
+			}),
+			onMousedown: t[0] || (t[0] = (...e) => m.handleMousedown && m.handleMousedown(...e))
+		}, [d(e.$slots, "trigger", {}, () => [o(h, { mode: "vertical" })])], 38),
+		a("div", {
+			style: c({ left: `calc(${p.offset}% + ${r.triggerSize}px)` }),
+			class: s([`${p.prefix}-pane`, "right-pane"])
+		}, [d(e.$slots, "right")], 6)
+	], 64))], 2)) : (l(), i("div", {
+		key: 1,
+		class: s(`${p.prefix}-vertical`)
+	}, [
+		a("div", {
+			style: c({ bottom: `${m.anotherOffset}%` }),
+			class: s([`${p.prefix}-pane`, "top-pane"])
+		}, [d(e.$slots, "top")], 6),
+		a("div", {
+			class: s(`${p.prefix}-trigger-con`),
+			style: c({
+				top: `calc(${p.offset}% + ${r.triggerSize / 2}px)`,
+				height: `${r.triggerSize}px`
+			}),
+			onMousedown: t[1] || (t[1] = (...e) => m.handleMousedown && m.handleMousedown(...e))
+		}, [d(e.$slots, "trigger", {}, () => [o(h, { mode: "horizontal" })])], 38),
+		a("div", {
+			style: c({ top: `calc(${p.offset}% + ${r.triggerSize}px)` }),
+			class: s([`${p.prefix}-pane`, "bottom-pane"])
+		}, [d(e.$slots, "bottom")], 6)
+	], 2)), o(g, { onNotify: m.resetOffset }, null, 8, ["onNotify"])], 2);
+}
+var x = /* @__PURE__ */ e(y, [["render", b]]);
+//#endregion
+export { x as t };