@web-utils/form-ui 1.0.0-beta10 → 1.0.0-beta101

package/chunks/_7MDfW_y.mjs

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

package/chunks/dgRz6V6p2.mjs

@@ -0,0 +1,26 @@
+import { n as e } from "./_7MDfW_y.mjs";
+import { t } from "./C23Qaggp.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/FormInputPhoneNumber.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/FormInputPhoneNumber.vue
+var c = {
+	name: "FormInputPhoneNumber",
+	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: "phone"
+		}), s(n) ? n : { default: () => [n] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/fJ2ezOVH.mjs

@@ -0,0 +1,206 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { i as t, n } from "./B-BmACqv.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/style/css";
+import "element-plus/es/components/form-item/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/mTmx7TI02.mjs

@@ -0,0 +1,136 @@
+import { i as e } from "./ClVh1Lek.mjs";
+import { commonAutoBindProps as t, commonManualBindProps as n } from "../props/common.mjs";
+import { n as r, o as i } from "./_7MDfW_y.mjs";
+import { n as a } from "./C23Qaggp.mjs";
+import { n as o, t as s } from "./C1SZzAUY2.mjs";
+import { computed as c, createVNode as l, getCurrentInstance as u, mergeProps as d, useModel as f, useTemplateRef as p } from "vue";
+//#region src/components/table/form-table-plus.ts
+var m = {
+	...n,
+	...t,
+	...o,
+	rowDbClick: Function,
+	formPath: [String, Function]
+}, h = {
+	readonly: !0,
+	block: !0,
+	viewId: !0
+}, g = (e) => n[e] === void 0 && h[e] !== !0, _ = {
+	name: "FormTablePlus",
+	props: { ...m },
+	emits: { ...r },
+	setup(t, { emit: n, slots: r, attrs: o, expose: m }) {
+		let h = f(t, "modelValue"), _ = p("table"), v = u(), y = c(() => {
+			let e = [];
+			return t.viewId && e.push(t.viewId), e.includes(v.parent.proxy.$options.name) || e.push(v.parent.proxy.$options.name), e;
+		}), b = () => {
+			var e;
+			return (e = _.value.table) == null ? void 0 : e.reloadTable();
+		}, x = async () => {
+			var e;
+			return await ((e = _.value.table) == null ? void 0 : e.refreshTable());
+		}, S = (...n) => {
+			t.rowDbClick ? t.rowDbClick(...n) : t.formPath && v.proxy.$router.push(e(t.formPath, n[0]));
+		}, C = () => {
+			v.proxy.$router.push(e(t.formPath));
+		}, { render: w, placeholder: T, disabled: E, listeners: D, inputProps: O } = i(t, {
+			rules: c(() => [t.fetchApi ? {
+				required: !0,
+				validator: a
+			} : { required: !0 }]),
+			emit: n,
+			slots: r,
+			attrs: o,
+			predicate: g,
+			block: t.block === void 0 ? !0 : t.block
+		});
+		return m({
+			reloadTable: b,
+			refreshTable: x
+		}), () => {
+			var e;
+			let n = {};
+			for (let i = 0; i < (((e = t.columns) == null ? void 0 : e.length) ?? 0); i++) {
+				let e = t.columns[i];
+				n[e.prop] = ({ row: t, column: n, index: i, prop: a, required: o }) => {
+					var s;
+					return (s = r[e.prop]) == null ? void 0 : s.call(r, {
+						row: t,
+						column: n,
+						index: i,
+						prop: a,
+						required: o
+					});
+				};
+			}
+			return w({ vNodes: l(s, d({ ref: "table" }, D.value, O.value, {
+				prop: t.prop,
+				disabled: E.value,
+				onRowDbClick: S,
+				rowDbClick: S,
+				modelValue: h.value,
+				"onUpdate:modelValue": (e) => h.value = e,
+				viewId: y.value,
+				placeholder: T.value,
+				onAddRow: C
+			}), {
+				...n,
+				columns: ({ columns: e }) => {
+					var t;
+					return (t = r.columns) == null ? void 0 : t.call(r, { columns: e });
+				},
+				handle: ({ add: e, remove: t }) => {
+					var n;
+					return (n = r.handle) == null ? void 0 : n.call(r, {
+						add: e,
+						remove: t
+					});
+				},
+				tag: ({ column: e, row: t, $index: n }) => {
+					var i;
+					return (i = r.tag) == null ? void 0 : i.call(r, {
+						column: e,
+						row: t,
+						index: n
+					});
+				},
+				"handle-column-header": ({ column: e, $index: t }) => {
+					var n;
+					return (n = r["handle-column-header"]) == null ? void 0 : n.call(r, {
+						column: e,
+						index: t
+					});
+				},
+				toolbar: () => {
+					var e;
+					return (e = r.toolbar) == null ? void 0 : e.call(r);
+				},
+				"toolbar-left": ({ addRow: e, delRow: t, refresh: n }) => {
+					var i;
+					return (i = r["toolbar-left"]) == null ? void 0 : i.call(r, {
+						addRow: e,
+						delRow: t,
+						refresh: n
+					});
+				},
+				"toolbar-left-append": ({ addRow: e, delRow: t, refresh: n }) => {
+					var i;
+					return (i = r["toolbar-left-append"]) == null ? void 0 : i.call(r, {
+						addRow: e,
+						delRow: t,
+						refresh: n
+					});
+				},
+				"toolbar-right": ({ selectedRows: e, removeSelectedRows: t }) => {
+					var n;
+					return (n = r["toolbar-right"]) == null ? void 0 : n.call(r, {
+						selectedRows: e,
+						removeSelectedRows: t
+					});
+				}
+			}) });
+		};
+	}
+};
+//#endregion
+export { _ as t };