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

package/chunks/-DBJHzo8.js

@@ -0,0 +1,195 @@
+import "./B1EPd8qV.js";
+import { n as e, t } from "./D1bdDHti.js";
+import { t as n } from "./BgzF6a9b.js";
+import { n as r, t as i } from "./DgbDv9To.js";
+import { t as a } from "./Do-8eHRr2.js";
+import { t as o } from "./Db0J1lN72.js";
+import { t as s } from "./DqttRbt0.js";
+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/2LWvhQd0.js

@@ -0,0 +1,5 @@
+import { T as e } from "./fICCbPEl.js";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/utils/raf.mjs
+var t = (t) => e ? window.requestAnimationFrame(t) : setTimeout(t, 16), n = (t) => e ? window.cancelAnimationFrame(t) : clearTimeout(t);
+//#endregion
+export { t as n, n as t };

package/chunks/2rqr8Tbh.js

@@ -0,0 +1,266 @@
+import "./B1EPd8qV.js";
+import { i as e, n as t } from "./BykQpC2D.js";
+import { r as n, t as r } from "./BTBp2urE.js";
+import { r as i } from "./BCLWjhEJ.js";
+import { E as a, M as o, g as s, k as c, l, s as ee, t as u, u as d } from "./D73tXuJP.js";
+import { D as f, O as p, t as m } from "./BtonI3XP.js";
+import { i as te, n as ne, r as h } from "./Xdb_3Me6.js";
+import { t as g } from "./Boq1bhQA.js";
+import { a as _ } from "./C-P8DAWg.js";
+import { n as re } from "./itbzUWg4.js";
+import { t as v } from "./BLiwTT_i2.js";
+import { n as y, o as b } from "./Beh1v279.js";
+import { allProps as x, predicate as S } from "../props/rate.js";
+import { Fragment as C, computed as w, createBlock as T, createCommentVNode as ie, createElementBlock as E, createVNode as D, defineComponent as O, inject as ae, markRaw as k, mergeProps as A, normalizeClass as j, normalizeStyle as M, openBlock as N, ref as P, renderList as oe, resolveDynamicComponent as F, toDisplayString as se, unref as I, useModel as L, vShow as R, watch as ce, withCtx as z, withDirectives as B } from "vue";
+import { clamp as V } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/rate/src/rate.mjs
+var H = l({
+	modelValue: {
+		type: Number,
+		default: 0
+	},
+	id: {
+		type: String,
+		default: void 0
+	},
+	lowThreshold: {
+		type: Number,
+		default: 2
+	},
+	highThreshold: {
+		type: Number,
+		default: 4
+	},
+	max: {
+		type: Number,
+		default: 5
+	},
+	colors: {
+		type: d([Array, Object]),
+		default: () => v([
+			"",
+			"",
+			""
+		])
+	},
+	voidColor: {
+		type: String,
+		default: ""
+	},
+	disabledVoidColor: {
+		type: String,
+		default: ""
+	},
+	icons: {
+		type: d([Array, Object]),
+		default: () => [
+			p,
+			p,
+			p
+		]
+	},
+	voidIcon: {
+		type: _,
+		default: () => f
+	},
+	disabledVoidIcon: {
+		type: _,
+		default: () => p
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	allowHalf: Boolean,
+	showText: Boolean,
+	showScore: Boolean,
+	textColor: {
+		type: String,
+		default: ""
+	},
+	texts: {
+		type: d(Array),
+		default: () => v([
+			"Extremely bad",
+			"Disappointed",
+			"Fair",
+			"Satisfied",
+			"Surprise"
+		])
+	},
+	scoreTemplate: {
+		type: String,
+		default: "{value}"
+	},
+	size: i,
+	clearable: Boolean,
+	...g(["ariaLabel"])
+}), U = {
+	[r]: (e) => s(e),
+	[n]: (e) => s(e)
+}, W = [
+	"id",
+	"aria-label",
+	"aria-labelledby",
+	"aria-valuenow",
+	"aria-valuetext",
+	"aria-valuemax",
+	"tabindex",
+	"aria-disabled"
+], le = ["onMousemove", "onClick"], G = u(/* @__PURE__ */ O({
+	name: "ElRate",
+	__name: "rate",
+	props: H,
+	emits: U,
+	setup(i, { expose: s, emit: l }) {
+		function u(e, t) {
+			let n = (e) => c(e), r = t[Object.keys(t).map((e) => +e).filter((r) => {
+				let i = t[r];
+				return n(i) && i.excluded ? e < r : e <= r;
+			}).sort((e, t) => e - t)[0]];
+			return n(r) && r.value || r;
+		}
+		let d = i, f = l, p = ae(re, void 0), g = te(), _ = ee("rate"), { inputId: v, isLabeledByFormItem: y } = ne(d, { formItemContext: p }), b = P(V(d.modelValue, 0, d.max)), x = P(-1), S = P(!0), O = P([]), A = w(() => O.value.map((e) => e.$el.clientWidth)), L = w(() => [_.b(), _.m(g.value)]), H = h(), U = w(() => _.cssVarBlock({
+			"void-color": d.voidColor,
+			"disabled-void-color": d.disabledVoidColor,
+			"fill-color": q.value
+		})), G = w(() => {
+			let e = "";
+			return d.showScore ? e = d.scoreTemplate.replace(/\{\s*value\s*\}/, H.value ? `${d.modelValue}` : `${b.value}`) : d.showText && (e = d.texts[Math.ceil(b.value) - 1]), e;
+		}), K = w(() => d.modelValue * 100 - Math.floor(d.modelValue) * 100), ue = w(() => a(d.colors) ? {
+			[d.lowThreshold]: d.colors[0],
+			[d.highThreshold]: {
+				value: d.colors[1],
+				excluded: !0
+			},
+			[d.max]: d.colors[2]
+		} : d.colors), q = w(() => {
+			let e = u(b.value, ue.value);
+			return c(e) ? "" : e;
+		}), de = w(() => {
+			let e = "";
+			return H.value ? e = `${K.value}%` : d.allowHalf && (e = "50%"), {
+				color: q.value,
+				width: e
+			};
+		}), J = w(() => {
+			let e = a(d.icons) ? [...d.icons] : { ...d.icons };
+			return e = k(e), a(e) ? {
+				[d.lowThreshold]: e[0],
+				[d.highThreshold]: {
+					value: e[1],
+					excluded: !0
+				},
+				[d.max]: e[2]
+			} : e;
+		}), fe = w(() => u(d.modelValue, J.value)), Y = w(() => H.value ? o(d.disabledVoidIcon) ? d.disabledVoidIcon : k(d.disabledVoidIcon) : o(d.voidIcon) ? d.voidIcon : k(d.voidIcon)), pe = w(() => u(b.value, J.value));
+		function X(e) {
+			let t = H.value && K.value > 0 && e - 1 < d.modelValue && e > d.modelValue, n = d.allowHalf && S.value && e - .5 <= b.value && e > b.value;
+			return t || n;
+		}
+		function Z(e) {
+			d.clearable && e === d.modelValue && (e = 0), f(n, e), d.modelValue !== e && f(r, e);
+		}
+		function me(e) {
+			H.value || (d.allowHalf && S.value ? Z(b.value) : Z(e));
+		}
+		function he(i) {
+			if (H.value) return;
+			let a = t(i), o = d.allowHalf ? .5 : 1, s = b.value;
+			switch (a) {
+				case e.up:
+				case e.right:
+					s += o;
+					break;
+				case e.left:
+				case e.down:
+					s -= o;
+					break;
+			}
+			if (s = V(s, 0, d.max), s !== b.value) return i.stopPropagation(), i.preventDefault(), f(n, s), f(r, s), s;
+		}
+		function Q(e, t) {
+			H.value || (d.allowHalf && t ? (S.value = t.offsetX * 2 <= A.value[e - 1], b.value = S.value ? e - .5 : e) : b.value = e, x.value = e);
+		}
+		function $() {
+			H.value || (d.allowHalf && (S.value = d.modelValue !== Math.floor(d.modelValue)), b.value = V(d.modelValue, 0, d.max), x.value = -1);
+		}
+		return ce(() => d.modelValue, (e) => {
+			b.value = V(e, 0, d.max), S.value = d.modelValue !== Math.floor(d.modelValue);
+		}), d.modelValue || f(n, 0), s({
+			setCurrentValue: Q,
+			resetCurrentValue: $
+		}), (e, t) => {
+			var n;
+			return N(), E("div", {
+				id: I(v),
+				class: j([L.value, I(_).is("disabled", I(H))]),
+				role: "slider",
+				"aria-label": I(y) ? void 0 : i.ariaLabel || "rating",
+				"aria-labelledby": I(y) ? (n = I(p)) == null ? void 0 : n.labelId : void 0,
+				"aria-valuenow": b.value,
+				"aria-valuetext": G.value || void 0,
+				"aria-valuemin": "0",
+				"aria-valuemax": i.max,
+				style: M(U.value),
+				tabindex: I(H) ? void 0 : 0,
+				"aria-disabled": I(H),
+				onKeydown: he
+			}, [(N(!0), E(C, null, oe(i.max, (e, t) => (N(), E("span", {
+				key: t,
+				class: j(I(_).e("item")),
+				onMousemove: (t) => Q(e, t),
+				onMouseleave: $,
+				onClick: (t) => me(e)
+			}, [D(I(m), {
+				ref_for: !0,
+				ref_key: "iconRefs",
+				ref: O,
+				class: j([
+					I(_).e("icon"),
+					{ hover: x.value === e },
+					I(_).is("active", e <= b.value),
+					I(_).is("focus-visible", e === Math.ceil(b.value || 1))
+				])
+			}, {
+				default: z(() => [
+					B((N(), T(F(pe.value), null, null, 512)), [[R, !X(e) && e <= b.value]]),
+					B((N(), T(F(Y.value), null, null, 512)), [[R, !X(e) && e > b.value]]),
+					B((N(), T(F(Y.value), { class: j([I(_).em("decimal", "box")]) }, null, 8, ["class"])), [[R, X(e)]]),
+					B(D(I(m), {
+						style: M(de.value),
+						class: j([I(_).e("icon"), I(_).e("decimal")])
+					}, {
+						default: z(() => [(N(), T(F(fe.value)))]),
+						_: 1
+					}, 8, ["style", "class"]), [[R, X(e)]])
+				]),
+				_: 2
+			}, 1032, ["class"])], 42, le))), 128)), i.showText || i.showScore ? (N(), E("span", {
+				key: 0,
+				class: j(I(_).e("text")),
+				style: M({ color: i.textColor })
+			}, se(G.value), 7)) : ie("v-if", !0)], 46, W);
+		};
+	}
+})), K = {
+	name: "FormRate",
+	inheritAttrs: !1,
+	props: { ...x },
+	emits: { ...y },
+	setup(e, { emit: t, slots: n, attrs: r }) {
+		let i = L(e, "modelValue"), { render: a, disabled: o, listeners: s, inputProps: c } = b(e, {
+			emit: t,
+			slots: n,
+			attrs: r,
+			predicate: S
+		});
+		return () => a({ vNodes: D(G, A(s.value, c.value, {
+			modelValue: i.value,
+			"onUpdate:modelValue": (e) => i.value = e,
+			disabled: o.value
+		}), null) });
+	}
+};
+//#endregion
+export { K as t };