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

package/chunks/BbrkKcOy.js

@@ -0,0 +1,214 @@
+import { n as e } from "./B1EPd8qV.js";
+import { n as t, t as n } from "./BIEgauMd.js";
+import { t as r } from "./BgzF6a9b.js";
+import { n as i, t as a } from "./DgbDv9To.js";
+import { t as o } from "./BpYC6Tu9.js";
+import { t as s } from "./DqttRbt0.js";
+import { i as c, n as l } from "./Dn11MvZp.js";
+import { Fragment as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createVNode as m, openBlock as h, renderList as g, withCtx as _, withModifiers as v } from "vue";
+import { fastClone as y } from "@web-utils/core";
+//#region src/components/bpmn-process-designer/components/penal/base/ElementBaseInfo.vue
+var b = /* @__PURE__ */ e({ default: () => w }), x = {
+	name: "ElementBaseInfo",
+	inject: {
+		prefix: "prefix",
+		width: "width"
+	},
+	props: {
+		id: String,
+		idEditDisabled: {
+			type: Boolean,
+			default: !0
+		},
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return {
+			skipExpression: "",
+			requiredComment: null,
+			businessObject: {},
+			attrs: {
+				commentInForm: null,
+				commentOrder: null,
+				commentNodeIds: null,
+				commentLabel: null
+			},
+			nodes: []
+		};
+	},
+	watch: { id: "init" },
+	methods: {
+		init(e) {
+			let t = this.bpmnInstances.elementRegistry.filter((e) => e.type === "bpmn:UserTask");
+			this.nodes = t.map(({ businessObject: { id: e, name: t } }) => ({
+				label: t,
+				value: e
+			}));
+			let { businessObject: n } = this.element;
+			if (e ? (this.businessObject = y(n), this.businessObject.$type === "bpmn:SubProcess" && (this.businessObject.isExpanded = this.element.di.isExpanded)) : this.businessObject = {}, this.businessObject.$type === "bpmn:UserTask") for (let e in this.attrs) {
+				let t = l(n, `${this.prefix}:${e}`);
+				e === "commentNodeIds" && (t = t ? t.split(",") : []), this.attrs[e] = t;
+			}
+			this.skipExpression = l(n, `${this.prefix}:skipExpression`);
+			let r = l(n, `${this.prefix}:requiredComment`);
+			r || (r = "Y"), this.requiredComment = r;
+		},
+		updateBaseInfo(e) {
+			let { modeling: t } = this.bpmnInstances;
+			if (e === "id") {
+				t.updateProperties(this.element, {
+					id: this.businessObject[e],
+					di: { id: `${this.businessObject[e]}_di` }
+				});
+				return;
+			}
+			if (e === "isExpanded") {
+				t.toggleCollapse(this.element);
+				return;
+			}
+			t.updateProperties(this.element, { [e]: this.businessObject[e] });
+		},
+		updateProp(e, t) {
+			if (e === "commentInForm") {
+				if (!t) for (let e in this.attrs) e !== "commentInForm" && (this.attrs[e] = null, c(this.bpmnInstances, this.element, `${this.prefix}:${e}`, this.attrs[e]));
+			} else t = e === "commentNodeIds" ? t != null && t.length ? t.join(",") : null : t || null;
+			c(this.bpmnInstances, this.element, `${this.prefix}:${e}`, t);
+		}
+	}
+}, S = { class: "panel-tab__content" };
+function C(e, s, c, l, y, b) {
+	let x = r, C = i, w = o, T = n, E = t, D = a;
+	return h(), p("div", S, [m(D, {
+		"label-width": "90px",
+		onSubmit: s[22] || (s[22] = v(() => {}, ["prevent"]))
+	}, {
+		default: _(() => [
+			m(C, { label: "ID" }, {
+				default: _(() => [m(x, {
+					modelValue: y.businessObject.id,
+					"onUpdate:modelValue": s[0] || (s[0] = (e) => y.businessObject.id = e),
+					disabled: c.idEditDisabled,
+					clearable: "",
+					onInput: s[1] || (s[1] = (e) => b.updateBaseInfo("id"))
+				}, null, 8, ["modelValue", "disabled"])]),
+				_: 1
+			}),
+			m(C, { label: "名称" }, {
+				default: _(() => [m(x, {
+					modelValue: y.businessObject.name,
+					"onUpdate:modelValue": s[2] || (s[2] = (e) => y.businessObject.name = e),
+					clearable: "",
+					onInput: s[3] || (s[3] = (e) => b.updateBaseInfo("name"))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}),
+			y.businessObject.$type === "bpmn:UserTask" ? (h(), p(u, { key: 0 }, [
+				m(C, { label: "跳过表达式" }, {
+					default: _(() => [m(x, {
+						modelValue: y.skipExpression,
+						"onUpdate:modelValue": s[4] || (s[4] = (e) => y.skipExpression = e),
+						clearable: "",
+						onInput: s[5] || (s[5] = (e) => b.updateProp("skipExpression", e))
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}),
+				m(C, { label: "意见必填" }, {
+					default: _(() => [m(w, {
+						modelValue: y.requiredComment,
+						"onUpdate:modelValue": s[6] || (s[6] = (e) => y.requiredComment = e),
+						"active-text": "是",
+						"active-value": "Y",
+						"inactive-text": "否",
+						"inactive-value": "N",
+						onInput: s[7] || (s[7] = (e) => b.updateProp("requiredComment", e))
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}),
+				m(C, { label: "意见在表单" }, {
+					default: _(() => [m(w, {
+						modelValue: y.attrs.commentInForm,
+						"onUpdate:modelValue": s[8] || (s[8] = (e) => y.attrs.commentInForm = e),
+						"active-text": "是",
+						"inactive-text": "否",
+						onInput: s[9] || (s[9] = (e) => b.updateProp("commentInForm", e))
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}),
+				y.attrs.commentInForm ? (h(), p(u, { key: 0 }, [
+					m(C, { label: "意见名称" }, {
+						default: _(() => [m(x, {
+							modelValue: y.attrs.commentLabel,
+							"onUpdate:modelValue": s[10] || (s[10] = (e) => y.attrs.commentLabel = e),
+							clearable: "",
+							onInput: s[11] || (s[11] = (e) => b.updateProp("commentLabel", e))
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}),
+					m(C, { label: "意见聚合" }, {
+						default: _(() => [m(E, {
+							modelValue: y.attrs.commentNodeIds,
+							"onUpdate:modelValue": s[12] || (s[12] = (e) => y.attrs.commentNodeIds = e),
+							multiple: "",
+							clearable: "",
+							onInput: s[13] || (s[13] = (e) => b.updateProp("commentNodeIds", e))
+						}, {
+							default: _(() => [(h(!0), p(u, null, g(y.nodes, (e) => (h(), d(T, {
+								key: e.value,
+								label: e.label,
+								value: e.value
+							}, null, 8, ["label", "value"]))), 128))]),
+							_: 1
+						}, 8, ["modelValue"])]),
+						_: 1
+					}),
+					m(C, { label: "意见排序号" }, {
+						default: _(() => [m(x, {
+							modelValue: y.attrs.commentOrder,
+							"onUpdate:modelValue": s[14] || (s[14] = (e) => y.attrs.commentOrder = e),
+							clearable: "",
+							onInput: s[15] || (s[15] = (e) => b.updateProp("commentOrder", e))
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					})
+				], 64)) : f("v-if", !0)
+			], 64)) : f("v-if", !0),
+			f("流程的基础属性"),
+			y.businessObject.$type === "bpmn:Process" ? (h(), p(u, { key: 1 }, [m(C, { label: "版本标签" }, {
+				default: _(() => [m(x, {
+					modelValue: y.businessObject.versionTag,
+					"onUpdate:modelValue": s[16] || (s[16] = (e) => y.businessObject.versionTag = e),
+					clearable: "",
+					onInput: s[17] || (s[17] = (e) => b.updateBaseInfo("versionTag"))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}), m(C, { label: "可执行" }, {
+				default: _(() => [m(w, {
+					modelValue: y.businessObject.isExecutable,
+					"onUpdate:modelValue": s[18] || (s[18] = (e) => y.businessObject.isExecutable = e),
+					"active-text": "是",
+					"inactive-text": "否",
+					onInput: s[19] || (s[19] = (e) => b.updateBaseInfo("isExecutable"))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			})], 64)) : f("v-if", !0),
+			y.businessObject.$type === "bpmn:SubProcess" ? (h(), d(C, {
+				key: 2,
+				label: "状态"
+			}, {
+				default: _(() => [m(w, {
+					modelValue: y.businessObject.isExpanded,
+					"onUpdate:modelValue": s[20] || (s[20] = (e) => y.businessObject.isExpanded = e),
+					"active-text": "展开",
+					"inactive-text": "折叠",
+					onInput: s[21] || (s[21] = (e) => b.updateBaseInfo("isExpanded"))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			})) : f("v-if", !0)
+		]),
+		_: 1
+	})]);
+}
+var w = /* @__PURE__ */ s(x, [["render", C]]);
+//#endregion
+export { b as n, w as t };

package/chunks/BdEgzMLy.js

@@ -0,0 +1,34 @@
+import { t as e } from "./fICCbPEl.js";
+import { E as t, O as n, l as r, u as i } from "./D73tXuJP.js";
+import { computed as a, getCurrentInstance as o, inject as s, ref as c } from "vue";
+import { isEqual as l } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/hooks/use-empty-values/index.mjs
+var u = Symbol("emptyValuesContextKey"), d = "use-empty-values", f = [
+	"",
+	void 0,
+	null
+], p = r({
+	emptyValues: Array,
+	valueOnClear: {
+		type: i([
+			String,
+			Number,
+			Boolean,
+			Function
+		]),
+		default: void 0,
+		validator: (e) => (e = n(e) ? e() : e, t(e) ? e.every((e) => !e) : !e)
+	}
+}), m = (r, i) => {
+	let p = o() ? s(u, c({})) : c({}), m = a(() => r.emptyValues || p.value.emptyValues || f), h = a(() => n(r.valueOnClear) ? r.valueOnClear() : r.valueOnClear === void 0 ? n(p.value.valueOnClear) ? p.value.valueOnClear() : p.value.valueOnClear === void 0 ? i === void 0 ? void 0 : i : p.value.valueOnClear : r.valueOnClear), g = (e) => {
+		let n = !0;
+		return n = t(e) ? m.value.some((t) => l(e, t)) : m.value.includes(e), n;
+	};
+	return g(h.value) || e(d, "value-on-clear should be a value of empty-values"), {
+		emptyValues: m,
+		valueOnClear: h,
+		isEmptyValue: g
+	};
+};
+//#endregion
+export { m as n, p as r, u as t };

package/chunks/Be3-Nwsb.js

@@ -0,0 +1,68 @@
+import "./B1EPd8qV.js";
+import { n as e } from "./D1bdDHti.js";
+import { a as t, h as n } from "./DiB3ANPI2.js";
+import { cellClickHandlerContextKey as r } from "../constants/index.js";
+import { t as i } from "./DqI4lZin.js";
+import { n as a, t as o } from "./VufM4po6.js";
+import { createVNode as s, inject as c, mergeProps as l } from "vue";
+//#region src/components/table/TableColumn.vue?vue&type=script&lang.jsx
+var u = {
+	selection: !0,
+	"single-selection": !0,
+	index: !0,
+	expand: !0
+}, d = (e, t, n, r, i) => {
+	e == null || e(t, n, r, i);
+}, f = (e) => {
+	let t = e.target;
+	for (; t && t.tagName.toUpperCase() !== "HTML";) {
+		if (t.tagName.toUpperCase() === "TD") return t;
+		t = t.parentNode;
+	}
+	return null;
+}, p = () => {}, m = (e) => !t(e).length, h = {
+	name: "TableColumn",
+	props: { ...o },
+	setup(t, { slots: o, attrs: h }) {
+		let g = c(r, null), _ = n(t, a);
+		return () => {
+			let n, r = u[t.type];
+			if (!r) {
+				let e = t.clickable || h.onClick || t.cellClick;
+				(e || t.dictType || t.options) && (n = (n) => {
+					var r;
+					let { row: a, column: c } = n, l = e ? (e) => {
+						let n = f(e);
+						if (h.onClick || t.cellClick) {
+							var r, i;
+							(r = h.onClick) == null || r.call(h, a, c, a, c, n, e), (i = t.cellClick) == null || i.call(t, a, c, a, c, n, e);
+						} else d(g, a, c, n, e);
+					} : p, u = o == null || (r = o.default) == null ? void 0 : r.call(o, n);
+					return m(u) && (u = null), (t.dictType || t.options) && !u ? s(i, {
+						class: { "is-clickable": e },
+						onClick: l,
+						row: a,
+						column: c,
+						dictType: t.dictType,
+						treeDict: t.treeDict,
+						idAsValue: t.idAsValue,
+						labelAsValue: t.labelAsValue,
+						options: t.options
+					}, null) : e ? s("span", {
+						class: "is-clickable",
+						onClick: l
+					}, [u || (a == null ? void 0 : a[c == null ? void 0 : c.property])]) : u;
+				});
+			}
+			return s(e, l(_.value, {
+				key: t.filterable,
+				showOverflowTooltip: r ? !1 : t.showOverflowTooltip
+			}), {
+				...o,
+				default: n || o.default
+			});
+		};
+	}
+};
+//#endregion
+export { h as t };

package/chunks/Beh1v279.js

@@ -0,0 +1,132 @@
+import "./B1EPd8qV.js";
+import { t as e } from "./gFFZEYaV.js";
+import { n as t } from "./DgbDv9To.js";
+import { g as n, h as r, o as i } from "./DiB3ANPI2.js";
+import { t as a } from "./CZgfv08Q2.js";
+import { t as o } from "./CP45VB0l2.js";
+import { formItemProps as s, predicate as c, useFormItemAutoBind as l } from "../props/form-item.js";
+import { colProps as u, predicate as d, useColAutoBind as f } from "../props/col.js";
+import { formHolderContextKey as p, formItemConfigProviderContextKey as m, formItemGroupContextKey as h, formViewContextKey as g } from "../constants/index.js";
+import { useFormItemProps as _, useRequired as v } from "../helper/form-item.js";
+import { computed as y, createVNode as b, h as x, inject as S, mergeProps as C, nextTick as w, toRef as T, useTemplateRef as E } from "vue";
+//#endregion
+//#region src/components/form/FormItemX.vue
+var D = {
+	name: "FormItemX",
+	inheritAttrs: !1,
+	props: {
+		...s,
+		...u
+	},
+	setup(n, { attrs: r, slots: i, expose: s }) {
+		let u = S(o, null), h = S(m, null), g = S(p, null), _ = r.embed ? y(() => r.disabled) : k(n), x = l(n, { predicate: c }), T = f(n, { predicate: d }), D = y(() => (h == null ? void 0 : h.reactive) === !0 && h.block === !1 && n.fixedSpan === void 0 && !n.half), O = v(n), A = E("formItem"), j = y(() => (h == null ? void 0 : h.wrapCol) === !1 ? !1 : !!u && n.wrapCol), M = y(() => g != null && g.tableForm ? "" : h != null && h.block ? "100%" : n.half && j.value ? `calc(50% - ${u.gutter.value / 2}px)` : ""), N = y(() => (h == null ? void 0 : h.block) === !0 || n.block || n.half ? 24 : n.span), P = y(() => {
+			if (_.value) return [];
+			if (O.value) {
+				let e = {
+					required: !0,
+					message: n.message || `${n.messagePrefix || "请输入"}${n.label}`
+				};
+				return n.rules ? [...n.rules, e] : [e];
+			}
+			return n.rules;
+		});
+		return s({
+			clearValidate: async () => {
+				var e;
+				await w(), (e = A.value) == null || e.clearValidate();
+			},
+			validate: async () => {
+				var e;
+				await w(), (e = A.value) == null || e.validate();
+			}
+		}), () => {
+			var o;
+			let s = i.tips || n.tips, c = s ? b(e, {
+				effect: "light",
+				content: n.tips,
+				offset: 4
+			}, {
+				default: () => b("i", { class: "el-icon-info form-item-input-info" }, null),
+				content: i.tips ? i.tips : null
+			}) : null, l = b(t, C(x.value, r, {
+				ref: "formItem",
+				style: { width: M.value },
+				class: [
+					"form-item",
+					n.formItemClass,
+					{
+						"form-item-hide-label": n.hideLabel,
+						"with-tips": !n.tipsAfterLabel && s,
+						required: _.value === !1 && O.value
+					}
+				],
+				rules: P.value
+			}), {
+				...i,
+				default: () => {
+					var e;
+					return [(e = i.default) == null ? void 0 : e.call(i, {
+						disabled: _.value,
+						required: O.value
+					}), s && !n.tipsAfterLabel ? c : null];
+				},
+				label: () => [i.label ? i.label() : n.label, n.tipsAfterLabel ? c : null]
+			}), u = [l, (o = i.below) == null ? void 0 : o.call(i)];
+			return n.unwrap ? u : j.value ? b(a, C(T.value, D.value ? {
+				xs: 24,
+				sm: 12,
+				md: 12,
+				lg: 8,
+				xl: 6
+			} : {}, { span: N.value }), { default: () => u }) : l;
+		};
+	}
+}, O = "update:modelValue", k = (e) => {
+	let t = S(p, null), n = S(h, null);
+	return y(() => {
+		if (e.disabled !== void 0) return e.disabled;
+		if (t) {
+			if (t.requiredFieldsMap[e.prop] === !0 || t.enabledFieldsMap[e.prop] === !0) return !1;
+			if (t.disabledFieldsMap[e.prop] === !0) return !0;
+		}
+		return (n == null ? void 0 : n.enabled) === !0 ? !1 : (n == null ? void 0 : n.disabled) === !0 ? !0 : (t == null ? void 0 : t.disabled) === !0;
+	});
+}, A = { [O]: null }, j = (e, t) => e(O, t), M = (e, { vNodes: t, formItemProps: n, slots: r, disabled: i }) => e.wrapFormItem ? x(D, {
+	...n.value,
+	embed: !0,
+	disabled: i == null ? void 0 : i.value
+}, {
+	default: () => t,
+	label: r.label,
+	error: r.error,
+	tips: r.tips,
+	below: r.below
+}) : t, N = (e, { emit: t, slots: o, events: s, predicate: c, removeOn: l = !1, attrs: u, block: d, class: f, rules: p, messagePrefix: m = "请输入", extraFormItemProps: h }) => {
+	let v = k(e), b = S(g, null), C = y(() => v.value || e.placeholder === !1 ? "" : e.placeholder === !0 ? `${m}${e.label}` : e.placeholder ?? `${m}${e.label}`), w = _(e, {
+		rules: p,
+		block: T(() => d === void 0 ? e.type === "textarea" && e.block === void 0 ? !0 : e.block : d),
+		attrs: u,
+		class: f,
+		message: C.value,
+		messagePrefix: m,
+		...h
+	}), E = (e) => j(t, e), D = (t) => e.col ? x(a, { span: e.block ? 24 : e.span }, { default: () => t }) : t, O = ({ vNodes: t }) => M(e, {
+		vNodes: D(t),
+		formItemProps: w,
+		slots: o,
+		disabled: v
+	}), A = y(() => i(e, c, s, t)), N = n({ removeOn: l });
+	return {
+		emitInput: E,
+		render: O,
+		placeholder: C,
+		disabled: v,
+		formItemProps: w,
+		autoBind: A,
+		inputProps: r(e, c),
+		listeners: N,
+		printing: y(() => (b == null ? void 0 : b.printing) === !0)
+	};
+}, P = (e) => e.icon ? x("i", { class: e.icon }) : null;
+//#endregion
+export { k as a, j as i, A as n, N as o, M as r, D as s, P as t };