@web-utils/component 5.0.0-beta02 → 5.0.0-beta04

package/chunks/RecordVideo.VRFTaHSp.mjs

@@ -1,116 +0,0 @@
-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

@@ -1,198 +0,0 @@
-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

@@ -1,219 +0,0 @@
-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 };