@web-utils/form-ui 1.0.0-beta8 → 1.0.0-beta81

package/chunks/C8h_P_kl2.mjs

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

package/chunks/CDZvVLNL.mjs

@@ -0,0 +1,99 @@
+import { allProps as e, predicate as t } from "../props/checkbox-group.mjs";
+import { n, o as r } from "./DzCIClcZ.mjs";
+import { useDictionary as i } from "../hook/useDictionary.mjs";
+import { t as a } from "./CrFP0Lhs.mjs";
+import { ElCheckbox as o, ElCheckboxButton as s, ElCheckboxGroup as c } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as l, createVNode as u, defineComponent as d, isVNode as f, mergeProps as p, useModel as m } from "vue";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/checkbox-button/style/css";
+import "element-plus/es/components/checkbox-group/style/css";
+//#region src/components/form/FormCheckboxGroup.vue?vue&type=script&lang.jsx
+function h(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
+}
+//#endregion
+//#region src/components/form/FormCheckboxGroup.vue
+var g = /* @__PURE__ */ d({
+	name: "FormCheckboxGroup",
+	inheritAttrs: !1,
+	props: { ...e },
+	emits: {
+		...n,
+		"update:other": null
+	},
+	setup(e, { emit: n, slots: d, attrs: f }) {
+		let g = m(e, "other"), { emitInput: _, render: v, disabled: y, listeners: b, inputProps: x } = r(e, {
+			emit: n,
+			slots: d,
+			attrs: f,
+			predicate: t,
+			messagePrefix: "请选择",
+			class: l(() => ["form-checkbox-group", {
+				"form-checkbox-group-row": e.fillRow,
+				"form-checkbox-group-row-break-word": e.fillRow,
+				"form-checkbox-group-row-ellipsis": e.ellipsis
+			}])
+		}), S = (t) => {
+			let n = t;
+			e.sort && (n = t.sort()), e.stringMode || e.split ? _(n.join(",")) : _(n);
+		}, C = l(() => {
+			if (e.stringMode || e.split) {
+				var t;
+				return Array.isArray(e.modelValue) ? e.modelValue.filter((e) => e) : ((t = e.modelValue) == null ? void 0 : t.split(e.delimiter).filter((e) => e)) ?? [];
+			}
+			return e.modelValue || [];
+		}), w = l(() => e.classic ? "label" : e.labelProp), T = l(() => e.classic ? "value" : e.valueProp), { dictItems: E } = i(e), D = l(() => e.dictType ? E.value : e.gender ? [{
+			[w.value]: "男",
+			[T.value]: "男"
+		}, {
+			[w.value]: "女",
+			[T.value]: "女"
+		}] : e.confirm ? [{
+			[w.value]: "是",
+			[T.value]: "是"
+		}, {
+			[w.value]: "否",
+			[T.value]: "否"
+		}] : e.options);
+		return () => v({ vNodes: [u(c, p(b.value, x.value, {
+			modelValue: C.value,
+			disabled: y.value,
+			"onUpdate:modelValue": S
+		}), {
+			...d,
+			default: d.default || (() => {
+				var t;
+				return (t = D.value) == null ? void 0 : t.map(({ value: t, label: n, disabled: r }) => e.type === "button" ? u(s, {
+					key: t,
+					value: t,
+					disabled: r
+				}, h(n) ? n : { default: () => [n] }) : u(o, {
+					key: t,
+					value: t,
+					disabled: r
+				}, h(n) ? n : { default: () => [n] }));
+			})
+		}), C.value.includes(e.otherVal) ? u(a, {
+			"wrap-col": !1,
+			class: "form-checkbox-group-other",
+			"hide-label": !0,
+			"label-width": "0",
+			prop: e.otherProp,
+			disabled: y.value,
+			required: !!e.otherProp,
+			placeholder: e.otherPlaceholder,
+			label: e.otherLabel,
+			"show-message": !!e.otherLabel,
+			style: e.otherLabel ? { width: e.otherWidth } : {
+				marginBottom: 0,
+				width: e.otherWidth
+			},
+			modelValue: g.value,
+			"onUpdate:modelValue": (e) => g.value = e,
+			"max-length": e.otherMaxLength
+		}, null) : null] });
+	}
+});
+//#endregion
+export { g as t };

package/chunks/CHdaMU5-.mjs

@@ -0,0 +1,26 @@
+import { n as e } from "./DzCIClcZ.mjs";
+import { t } from "./CrFP0Lhs.mjs";
+import { allProps as n } from "../props/input.mjs";
+import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/FormInputIdCard.vue?vue&type=script&lang.jsx
+function s(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
+}
+//#endregion
+//#region src/components/form/FormInputIdCard.vue
+var c = {
+	name: "FormInputIdCard",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { slots: n, attrs: i }) {
+		let c = o(e, "modelValue");
+		return () => r(t, a(e, i, {
+			modelValue: c.value,
+			"onUpdate:modelValue": (e) => c.value = e,
+			type: "idcard"
+		}), s(n) ? n : { default: () => [n] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/CHmZyvFr.mjs

@@ -0,0 +1,63 @@
+import { computed as e, createVNode as t } from "vue";
+//#endregion
+//#region src/components/flex/FlexItem.vue
+var n = {
+	name: "FlexItem",
+	props: {
+		flexRow: {
+			type: Boolean,
+			default: !1
+		},
+		flexColumn: {
+			type: Boolean,
+			default: !1
+		},
+		verticalCenter: {
+			type: Boolean,
+			default: !1
+		},
+		horizonCenter: {
+			type: Boolean,
+			default: !1
+		},
+		center: {
+			type: Boolean,
+			default: !1
+		},
+		textCenter: {
+			type: Boolean,
+			default: !1
+		},
+		relative: {
+			type: Boolean,
+			default: !1
+		},
+		absolute: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n, { slots: r }) {
+		let i = e(() => {
+			let e = n.relative || n.absolute;
+			return {
+				"flex-item-relative": e,
+				"flex-item": !e,
+				"horizon-center": n.center || n.horizonCenter,
+				"vertical-center": n.center || n.verticalCenter,
+				"text-center": n.textCenter,
+				"flex-column": n.flexColumn,
+				"flex-row": n.flexRow
+			};
+		});
+		return () => {
+			var e, a;
+			return n.absolute ? t("div", { class: i.value }, [t("div", {
+				class: "absolute",
+				style: "overflow:auto"
+			}, [(e = r.default) == null ? void 0 : e.call(r)])]) : t("div", { class: i.value }, [(a = r.default) == null ? void 0 : a.call(r)]);
+		};
+	}
+};
+//#endregion
+export { n as t };

package/chunks/CI0pkCeM.mjs

@@ -0,0 +1,58 @@
+import { allProps as e, predicate as t } from "../props/cascader.mjs";
+import { n, o as r } from "./DzCIClcZ.mjs";
+import { useDictionary as i } from "../hook/useDictionary.mjs";
+import { ElCascader as a } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/cascader/style/css";
+import { computed as o, createVNode as s, mergeProps as c } from "vue";
+import { findTreeChildren as l, isArray as u, isString as d, setParent as f } from "@web-utils/core";
+import { cloneDeep as p } from "@web-utils/integrations/lodash";
+//#endregion
+//#region src/components/form/FormCascader.vue
+var m = {
+	name: "FormCascader",
+	props: { ...e },
+	emits: { ...n },
+	setup(e, { emit: n, slots: m, attrs: h }) {
+		let { emitInput: g, render: _, placeholder: v, disabled: y, listeners: b, inputProps: x } = r(e, {
+			emit: n,
+			slots: m,
+			attrs: h,
+			predicate: t
+		}), { dictItems: S } = i(e), C = o(() => {
+			if (e.dictType) return S.value;
+			if (e.options) {
+				let t = p(e.options);
+				return e.last && f(t), t;
+			} else return [];
+		}), w = o(() => {
+			if (e.join) return u(e.modelValue) ? e.modelValue : d(e.modelValue) ? e.modelValue.split(e.separator) : [];
+			if (e.last) {
+				let [t] = l(C.value, (t) => t[e.valueKey] === e.modelValue), n = [];
+				for (; t;) n.push(t[e.valueKey]), t = t.parent;
+				return n.reverse();
+			}
+			return e.modelValue;
+		}), T = (t) => {
+			e.join && u(t) ? g(t.join(e.separator)) : g(e.last ? t[t.length - 1] : t);
+		};
+		return () => _({ vNodes: s(a, c(b.value, x.value, {
+			style: "width: 100%",
+			class: { "is-readonly": e.readonly },
+			"model-value": w.value,
+			options: C.value,
+			props: {
+				checkStrictly: e.checkStrictly,
+				label: e.labelKey,
+				value: e.valueKey,
+				emitPath: e.emitPath,
+				expandTrigger: "hover"
+			},
+			disabled: y.value,
+			placeholder: v.value,
+			"onUpdate:modelValue": T
+		}), null) });
+	}
+};
+//#endregion
+export { m as t };

package/chunks/CLn5E7NV.mjs

@@ -0,0 +1,17 @@
+import { n as e, t } from "./X-ckP2Hj.mjs";
+import { createVNode as n, isVNode as r, mergeProps as i } from "vue";
+//#region src/components/flex/FlexColumn.vue?vue&type=script&lang.jsx
+function a(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
+}
+//#endregion
+//#region src/components/flex/FlexColumn.vue
+var o = {
+	name: "FlexColumn",
+	props: { ...e },
+	setup(e, { slots: r }) {
+		return () => n(t, i(e, { flexColumn: !0 }), a(r) ? r : { default: () => [r] });
+	}
+};
+//#endregion
+export { o as t };