@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta61

package/chunks/T_jwNKBr.mjs

@@ -0,0 +1,379 @@
+import { t as e } from "./BwYEpK-u.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i } from "vue";
+//#region src/components/keyboard/index.js
+var a = class {
+	constructor(e) {
+		if (typeof e != "object") {
+			console.error("aKeyboard: The obj parameter needs to be an object <In \"new aKeyboard()\">");
+			return;
+		}
+		this.obj = e;
+		let t = document.querySelector(e.el), n = "";
+		if (typeof e.style == "object") for (let t in e.style) n += `${t}: ${e.style[t]};`;
+		let r = `<div class="akeyboard-keyboard${e.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : ""}" style="${n}">`, i = [];
+		for (let e = 1; e < 10; e++) i.push(e.toString());
+		i.push("0");
+		let a = e.keys || [
+			["`"].concat(i, [
+				"-",
+				"=",
+				"Delete"
+			]),
+			[
+				"Tab",
+				"q",
+				"w",
+				"e",
+				"r",
+				"t",
+				"y",
+				"u",
+				"i",
+				"o",
+				"p",
+				"[",
+				"]",
+				"\\"
+			],
+			[
+				"Caps",
+				"a",
+				"s",
+				"d",
+				"f",
+				"g",
+				"h",
+				"j",
+				"k",
+				"l",
+				";",
+				"'",
+				"Enter"
+			],
+			[
+				"Shift",
+				"z",
+				"x",
+				"c",
+				"v",
+				"b",
+				"n",
+				"m",
+				",",
+				".",
+				"/",
+				"Shift"
+			],
+			["Space"]
+		], o, s = [], c = [];
+		for (let e = 0; e < a.length; e++) {
+			s.push([]), c.push([]), o = a[e];
+			for (let t = 0; t < o.length; t++) {
+				if (o[t].length === 1) {
+					switch (c[e].push(o[t].toUpperCase()), o[t]) {
+						case "`":
+							s[e].push("~");
+							continue;
+						case "1":
+							s[e].push("!");
+							continue;
+						case "2":
+							s[e].push("@");
+							continue;
+						case "3":
+							s[e].push("#");
+							continue;
+						case "4":
+							s[e].push("$");
+							continue;
+						case "5":
+							s[e].push("%");
+							continue;
+						case "6":
+							s[e].push("^");
+							continue;
+						case "7":
+							s[e].push("&");
+							continue;
+						case "8":
+							s[e].push("*");
+							continue;
+						case "9":
+							s[e].push("(");
+							continue;
+						case "0":
+							s[e].push(")");
+							continue;
+						case "-":
+							s[e].push("_");
+							continue;
+						case "=":
+							s[e].push("+");
+							continue;
+						case "[":
+							s[e].push("{");
+							continue;
+						case "]":
+							s[e].push("}");
+							continue;
+						case "\\":
+							s[e].push("|");
+							continue;
+						case ";":
+							s[e].push(":");
+							continue;
+						case "'":
+							s[e].push("\"");
+							continue;
+						case ",":
+							s[e].push("<");
+							continue;
+						case ".":
+							s[e].push(">");
+							continue;
+						case "/":
+							s[e].push("?");
+							continue;
+					}
+					s[e].push(o[t].toUpperCase());
+					continue;
+				}
+				s[e].push(o[t]), c[e].push(o[t]);
+			}
+		}
+		for (let e = 0; e < a.length; e++) {
+			o = a[e], r += "<div class=\"akeyboard-keyboard-innerKeys\">";
+			for (let e = 0; e < o.length; e++) r += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${o[e]}">${o[e]}</div>`;
+			r += "</div>";
+		}
+		r += "</div>", t.innerHTML = r;
+		let l = !1;
+		a.forEach((e) => {
+			e.includes("Shift") && (l = !0);
+		}), l && document.querySelectorAll(`${e.el} .akeyboard-keyboard-keys-Shift`).forEach((t) => {
+			t.onclick = function() {
+				if (!this.isShift) {
+					let n = document.querySelector(`${e.el} .akeyboard-keyboard-keys-Caps`);
+					if (n && n.isCaps) return;
+					t.isShift = !0, t.innerHTML = "SHIFT", this.classList.add("keyboard-keyboard-keys-focus");
+					let r = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`), i;
+					for (let e = 0; e < r.length; e++) {
+						i = r[e];
+						for (let t = 0; t < i.childNodes.length; t++) s[e][t] !== "Shift" && (i.childNodes[t].innerHTML = s[e][t]);
+					}
+					return;
+				}
+				t.isShift = !1, t.innerHTML = "Shift", this.classList.remove("keyboard-keyboard-keys-focus");
+				let n = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`), r;
+				for (let e = 0; e < n.length; e++) {
+					r = n[e];
+					for (let t = 0; t < r.childNodes.length; t++) r.childNodes[t].innerHTML = a[e][t];
+				}
+			};
+		});
+		let u = !1;
+		a.forEach((e) => {
+			e.includes("Caps") && (u = !0);
+		}), u && document.querySelectorAll(`${e.el} .akeyboard-keyboard-keys-Caps`).forEach((t) => {
+			t.onclick = function() {
+				if (!this.isCaps) {
+					let t = document.querySelector(`${e.el} .akeyboard-keyboard-keys-Shift`);
+					if (t && t.isShift) return;
+					this.isCaps = !0, this.classList.add("keyboard-keyboard-keys-focus");
+					let n = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`), r;
+					for (let e = 0; e < n.length; e++) {
+						r = n[e];
+						for (let t = 0; t < r.childNodes.length; t++) r.childNodes[t].innerHTML = c[e][t];
+					}
+					return;
+				}
+				this.isCaps = !1, this.classList.remove("keyboard-keyboard-keys-focus");
+				let t = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`), n;
+				for (let e = 0; e < t.length; e++) {
+					n = t[e];
+					for (let t = 0; t < n.childNodes.length; t++) n.childNodes[t].innerHTML = a[e][t];
+				}
+			};
+		});
+	}
+	inputOn(e, t, n, r) {
+		if (typeof e != "string") {
+			console.error("aKeyboard: The inputEle parameter needs to be a string <In \"aKeyboard.inputOn()\">");
+			return;
+		}
+		if (typeof t != "string") {
+			console.error("aKeyboard: The type parameter needs to be a string <In \"aKeyboard.inputOn()\">");
+			return;
+		}
+		let i = document.querySelector(e), a = document.querySelectorAll(`${this.obj.el} .akeyboard-keyboard-keys`);
+		for (let e = 0; e < a.length; e++) if (!["Shift", "Caps"].includes(a[e].innerHTML)) {
+			if (a[e].innerHTML === "Delete") {
+				a[e].onclick = function() {
+					i[t] = i[t].substr(0, i[t].length - 1), n("Delete", i[t]);
+				};
+				continue;
+			}
+			if (a[e].innerHTML === "Tab") {
+				a[e].onclick = function() {
+					i[t] += "  ", n("Tab", i[t]);
+				};
+				continue;
+			}
+			if (a[e].innerHTML === "Enter") {
+				a[e].onclick = function() {
+					i[t] += "\n", n("Enter", i[t]);
+				};
+				continue;
+			}
+			if (a[e].innerHTML === "Space") {
+				a[e].onclick = function() {
+					i[t] += " ", n("Space", i[t]);
+				};
+				continue;
+			}
+			r && typeof r == "object" && Object.keys(r).length > 0 && r[a[e].innerHTML] ? a[e].onclick = r[a[e].innerHTML] : a[e].onclick = function() {
+				i[t] += this.innerText, n(this.innerText, i[t]);
+			};
+		}
+	}
+	onclick(e, t) {
+		if (typeof e != "string") {
+			console.error("aKeyboard: The btn parameter needs to be a string <In \"aKeyboard.onclick()\">");
+			return;
+		}
+		if (typeof t != "function") {
+			console.error("aKeyboard: The fn parameter needs to be a function <In \"aKeyboard.onclick()\">");
+			return;
+		}
+		let n = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${e}`);
+		n ? n.onclick = t : console.error(`Can not find key: ${e}`);
+	}
+}, o = class {
+	constructor(e) {
+		if (typeof e != "object") {
+			console.error("aKeyboard: The obj parameter needs to be an object <In \"new aKeyboard()\">");
+			return;
+		}
+		this.obj = e;
+		let t = document.querySelector(e.el), n = "";
+		if (typeof e.style == "object") for (let t in e.style) n += `${t}: ${e.style[t]};`;
+		let r = `<div class="akeyboard-numberKeyboard${e.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : ""}" style="${n}">`;
+		r += "<div class=\"akeyboard-keyboard-innerKeys\">";
+		for (let e = 1; e < 10; e++) r += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${e}">${e}</div>`, e % 3 == 0 && (r += "</div><div class=\"akeyboard-keyboard-innerKeys\">");
+		r += "<div class=\"akeyboard-keyboard-keys akeyboard-keyboard-keys-0\">0</div><div class=\"akeyboard-keyboard-keys akeyboard-keyboard-keys-Delete\">Delete</div></div><div class=\"akeyboard-keyboard-innerKeys\"><div class=\"akeyboard-keyboard-keys akeyboard-numberKeyboard-keys-Enter\">Enter</div></div>", r += "</div>", t.innerHTML = r;
+	}
+	inputOn(e, t, n, r) {
+		if (typeof e != "string") {
+			console.error("aKeyboard: The inputEle parameter needs to be a string <In \"aKeyboard.inputOn()\">");
+			return;
+		}
+		if (typeof t != "string") {
+			console.error("aKeyboard: The type parameter needs to be a string <In \"aKeyboard.inputOn()\">");
+			return;
+		}
+		let i = document.querySelector(e), a = document.querySelectorAll(`${this.obj.el} .akeyboard-keyboard-keys`);
+		for (let e = 0; e < a.length; e++) {
+			if (a[e].innerHTML === "Delete") {
+				a[e].onclick = function() {
+					i[t] = i[t].substr(0, i[t].length - 1), n("Delete", i[t]);
+				};
+				continue;
+			}
+			if (a[e].innerHTML === "Enter") {
+				a[e].onclick = function() {
+					i[t] += "\n", n("Enter", i[t]);
+				};
+				continue;
+			}
+			r && typeof r == "object" && Object.keys(r).length > 0 && r[a[e].innerHTML] ? a[e].onclick = r[a[e].innerHTML] : a[e].onclick = function() {
+				i[t] += this.innerText, n(this.innerText, i[t]);
+			};
+		}
+	}
+	onclick(e, t) {
+		if (typeof e != "string") {
+			console.error("aKeyboard: The btn parameter needs to be a string <In \"aKeyboard.onclick()\">");
+			return;
+		}
+		if (typeof t != "function") {
+			console.error("aKeyboard: The fn parameter needs to be a function <In \"aKeyboard.onclick()\">");
+			return;
+		}
+		let n = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${e}`);
+		n ? n.onclick = t : console.error(`Can not find key: ${e}`);
+	}
+}, s = {
+	name: "Keyboard",
+	props: {
+		ele: {
+			type: String,
+			required: !0
+		},
+		keys: Array,
+		theme: {
+			type: String,
+			default: "default",
+			validator: (e) => [
+				"default",
+				"dark",
+				"green",
+				"classic"
+			].includes(e)
+		},
+		type: {
+			type: String,
+			default: "default",
+			validator: (e) => [
+				"default",
+				"number",
+				"mobile"
+			].includes(e)
+		},
+		fixedBottomCenter: {
+			type: Boolean,
+			default: !1
+		},
+		rebind: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["click"],
+	data() {
+		return { customClick: {} };
+	},
+	computed: { className() {
+		return `avue-keyboard--${this.theme}`;
+	} },
+	watch: { ele() {
+		this.init();
+	} },
+	async mounted() {
+		await this.$nextTick(), this.init();
+	},
+	methods: {
+		init() {
+			if (!this.ele) return;
+			let e, t = {
+				el: "#keyboard",
+				style: {},
+				keys: this.keys,
+				fixedBottomCenter: this.fixedBottomCenter
+			};
+			this.type === "default" ? e = new a(t) : this.type === "number" && (e = new o(t));
+			let n = this.ele.indexOf("#") === 0 ? this.ele.substring(1) : this.ele;
+			e.inputOn(`#${n}`, "value", (e, t) => {
+				this.$emit("click", e, t);
+			}, this.rebind ? this.customClick : null), this.keyboard = e;
+		},
+		bindClick(e, t) {
+			this.keyboard.onclick(e, t), this.customClick[e] = t;
+		}
+	}
+};
+function c(e, a, o, s, c, l) {
+	return i(), t("div", { class: r(["avue-keyboard", l.className]) }, [...a[0] || (a[0] = [n("div", { id: "keyboard" }, null, -1)])], 2);
+}
+var l = /* @__PURE__ */ e(s, [["render", c]]);
+//#endregion
+export { l as t };

package/chunks/TtxSplBB.mjs

@@ -0,0 +1,195 @@
+import "./CjjJimnU.mjs";
+import { n as e, t } from "./CuoF9V8s.mjs";
+import { t as n } from "./C7l9aZGE.mjs";
+import { n as r, t as i } from "./CQxz8uUc.mjs";
+import { t as a } from "./49634Q2N2.mjs";
+import { t as o } from "./CPejK_GQ2.mjs";
+import { t as s } from "./BwYEpK-u.mjs";
+import { createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, openBlock as f, withCtx as p, withModifiers as m } from "vue";
+//#region src/components/bpmn-process-designer/components/penal/signal-message/SignalAndMessage.vue
+var h = {
+	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();
+		}
+	}
+}, g = { class: "panel-tab__content" }, _ = { class: "panel-tab__content--title" }, v = {
+	class: "panel-tab__content--title",
+	style: {
+		"margin-top": "8px",
+		"padding-top": "8px",
+		"border-top": "1px solid #eee"
+	}
+};
+function y(s, h, y, b, x, S) {
+	let C = a, w = e, T = t, E = n, D = r, O = i, k = o;
+	return f(), c("div", g, [
+		l("div", _, [h[8] || (h[8] = l("span", null, [l("i", {
+			class: "el-icon-menu",
+			style: {
+				"margin-right": "8px",
+				color: "#555"
+			}
+		}), u(" 消息列表 ")], -1)), d(C, {
+			type: "primary",
+			icon: "el-icon-plus",
+			onClick: h[0] || (h[0] = (e) => S.openModel("message"))
+		}, {
+			default: p(() => [...h[7] || (h[7] = [u("创建新消息", -1)])]),
+			_: 1
+		})]),
+		d(T, {
+			data: x.messageList,
+			border: ""
+		}, {
+			default: p(() => [
+				d(w, {
+					type: "index",
+					label: "序号",
+					width: "60px"
+				}),
+				d(w, {
+					label: "消息ID",
+					prop: "id",
+					"max-width": "300px",
+					"show-overflow-tooltip": ""
+				}),
+				d(w, {
+					label: "消息名称",
+					prop: "name",
+					"max-width": "300px",
+					"show-overflow-tooltip": ""
+				})
+			]),
+			_: 1
+		}, 8, ["data"]),
+		l("div", v, [h[10] || (h[10] = l("span", null, [l("i", {
+			class: "el-icon-menu",
+			style: {
+				"margin-right": "8px",
+				color: "#555"
+			}
+		}), u(" 信号列表 ")], -1)), d(C, {
+			type: "primary",
+			icon: "el-icon-plus",
+			onClick: h[1] || (h[1] = (e) => S.openModel("signal"))
+		}, {
+			default: p(() => [...h[9] || (h[9] = [u("创建新信号", -1)])]),
+			_: 1
+		})]),
+		d(T, {
+			data: x.signalList,
+			border: ""
+		}, {
+			default: p(() => [
+				d(w, {
+					type: "index",
+					label: "序号",
+					width: "60px"
+				}),
+				d(w, {
+					label: "信号ID",
+					prop: "id",
+					"max-width": "300px",
+					"show-overflow-tooltip": ""
+				}),
+				d(w, {
+					label: "信号名称",
+					prop: "name",
+					"max-width": "300px",
+					"show-overflow-tooltip": ""
+				})
+			]),
+			_: 1
+		}, 8, ["data"]),
+		d(k, {
+			visible: x.modelVisible,
+			"onUpdate:visible": h[6] || (h[6] = (e) => x.modelVisible = e),
+			class: "flow-dialog",
+			title: S.modelConfig.title,
+			"close-on-click-modal": !1,
+			width: "400px",
+			"append-to-body": "",
+			"destroy-on-close": ""
+		}, {
+			footer: p(() => [d(C, { onClick: h[5] || (h[5] = (e) => x.modelVisible = !1) }, {
+				default: p(() => [...h[11] || (h[11] = [u("取 消", -1)])]),
+				_: 1
+			}), d(C, {
+				type: "primary",
+				onClick: S.addNewObject
+			}, {
+				default: p(() => [...h[12] || (h[12] = [u("保 存", -1)])]),
+				_: 1
+			}, 8, ["onClick"])]),
+			default: p(() => [d(O, {
+				model: x.modelObjectForm,
+				"label-width": "90px",
+				onSubmit: h[4] || (h[4] = m(() => {}, ["prevent"]))
+			}, {
+				default: p(() => [d(D, { label: S.modelConfig.idLabel }, {
+					default: p(() => [d(E, {
+						modelValue: x.modelObjectForm.id,
+						"onUpdate:modelValue": h[2] || (h[2] = (e) => x.modelObjectForm.id = e),
+						clearable: ""
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}, 8, ["label"]), d(D, { label: S.modelConfig.nameLabel }, {
+					default: p(() => [d(E, {
+						modelValue: x.modelObjectForm.name,
+						"onUpdate:modelValue": h[3] || (h[3] = (e) => x.modelObjectForm.name = e),
+						clearable: ""
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}, 8, ["label"])]),
+				_: 1
+			}, 8, ["model"])]),
+			_: 1
+		}, 8, ["visible", "title"])
+	]);
+}
+var b = /* @__PURE__ */ s(h, [["render", y]]);
+//#endregion
+export { b as default };

package/chunks/Wl17p0C82.mjs

@@ -0,0 +1,94 @@
+import "./CjjJimnU.mjs";
+import { t as e } from "./GsvG1yFW.mjs";
+import { columnSizeContextKey as t, setColumnSizeContextKey as n } from "../constants/index.mjs";
+import r from "../form-cell/index.mjs";
+import { Comment as i, Fragment as a, Text as o, createVNode as s, inject as c, isVNode as l } from "vue";
+import { camelize as u, isDef as d, isString as f } from "@web-utils/core";
+//#region src/components/red-form/FormRow.vue?vue&type=script&lang.jsx
+function p(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
+}
+var m = (e) => {
+	let t = Object.keys({});
+	for (let n in e) t[u(n)] = e[n];
+	return t;
+}, h = (t, { columnSize: n }) => {
+	if (!t || !t.length) return null;
+	t = t.filter((e) => e.type !== i);
+	let r = [], c = t.length === 1;
+	for (let i = 0; i < t.length; i++) {
+		let v = t[i], { name: y } = v.type;
+		if (v.type === o) r.push({
+			tag: y,
+			type: "text",
+			content: v,
+			colspan: c ? n : 0
+		});
+		else if (v.type === a) r.push(...h(v.children, { columnSize: n }));
+		else if (f(v.type) && v.type === "td") r.push({
+			tag: v.type,
+			type: "td",
+			content: v
+		});
+		else if (y === "FormCell") r.push({
+			tag: y,
+			type: "FormCell",
+			content: v
+		});
+		else if (typeof v.type == "object") {
+			var l, u;
+			let { label: t, hideLabel: i, labelColspan: a, inputColspan: o, labelRowspan: f, inputRowspan: h, tipsAfterLabel: b, tips: x } = m(v.props);
+			if (!d(i)) {
+				var p, g, _;
+				let n = (p = v.children) == null ? void 0 : p.tips, i = n || x ? s(e, {
+					effect: "light",
+					content: x,
+					offset: 4
+				}, {
+					default: () => s("i", { class: "el-icon-info form-item-input-info" }, null),
+					content: n || null
+				}) : null;
+				r.push({
+					tag: y,
+					type: "label",
+					colspan: a,
+					rowspan: f,
+					content: [((g = v.children) == null || (_ = g.label) == null ? void 0 : _.call(g)) || t, b === "" ? i : null]
+				});
+			}
+			let S;
+			S = c && d(i) ? n : d(o) ? o : c ? n - 1 : 0, r.push({
+				tag: y,
+				type: "input",
+				colspan: S,
+				rowspan: h,
+				content: [v, (l = v.children) == null || (u = l.below) == null ? void 0 : u.call(l)]
+			});
+		} else console.error("未知节点");
+	}
+	return r;
+}, g = {
+	name: "FormRow",
+	props: {
+		isLabel: Boolean,
+		alignCenter: Boolean
+	},
+	setup(e, { slots: i }) {
+		let a = c(n, null), o = c(t, null);
+		return () => {
+			var t;
+			let n = (t = i.default) == null ? void 0 : t.call(i), c = [];
+			return c.push(...h(n, { columnSize: (o == null ? void 0 : o.value) ?? 0 })), ((o == null ? void 0 : o.value) ?? 0) < c.length && (a == null || a(c.length)), s("tr", null, [c.map(({ tag: t, type: n, colspan: i, rowspan: a, content: o }) => t === "td" || n === "FormCell" ? o : n === "text" ? s(r, {
+				isLabel: e.isLabel,
+				alignCenter: e.alignCenter,
+				colspan: i
+			}, p(o) ? o : { default: () => [o] }) : s("td", {
+				class: n,
+				colspan: i,
+				rowspan: a
+			}, [o]))]);
+		};
+	}
+};
+//#endregion
+export { g as t };