@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta90

package/chunks/C8b7OeMD2.mjs

@@ -0,0 +1,63 @@
+import { n as e, o as t } from "./DGkSZT8r.mjs";
+import { useDictionary as n } from "../hook/useDictionary.mjs";
+import { allProps as r, predicate as i } from "../props/radio-group.mjs";
+import { ElRadio as a, ElRadioButton as o, ElRadioGroup as s } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as c, createVNode as l, isVNode as u, mergeProps as d, useModel as f } from "vue";
+import "element-plus/es/components/radio/style/css";
+import "element-plus/es/components/radio-button/style/css";
+import "element-plus/es/components/radio-group/style/css";
+//#region src/components/form/FormRadioGroup.vue?vue&type=script&lang.jsx
+function p(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !u(e);
+}
+//#endregion
+//#region src/components/form/FormRadioGroup.vue
+var m = {
+	name: "FormRadioGroup",
+	inheritAttrs: !1,
+	props: { ...r },
+	emits: { ...e },
+	setup(e, { slots: r, attrs: u, emit: m }) {
+		let h = f(e, "modelValue"), { render: g, disabled: _, listeners: v, inputProps: y } = t(e, {
+			emit: m,
+			slots: r,
+			attrs: u,
+			predicate: i,
+			messagePrefix: "请选择"
+		}), b = c(() => e.classic ? "label" : e.labelProp), x = c(() => e.classic ? "value" : e.valueProp), { dictItems: S } = n(e), C = c(() => e.dictType ? S.value : e.gender ? [{
+			[b.value]: "男",
+			[x.value]: e.chinese ? "男" : e.typing ? 1 : "1"
+		}, {
+			[b.value]: "女",
+			[x.value]: e.chinese ? "女" : e.typing ? 2 : "2"
+		}] : e.confirm ? [{
+			[b.value]: "是",
+			[x.value]: e.chinese ? "是" : e.english ? "Y" : e.typing ? 1 : "1"
+		}, {
+			[b.value]: "否",
+			[x.value]: e.chinese ? "否" : e.english ? "N" : e.typing ? 0 : "0"
+		}] : e.options);
+		return () => g({ vNodes: l(s, d(v.value, y.value, {
+			modelValue: h.value,
+			"onUpdate:modelValue": (e) => h.value = e,
+			disabled: _.value
+		}), {
+			...r,
+			default: r.default || (() => {
+				var t;
+				return (t = C.value) == null ? void 0 : t.map(({ value: t, label: n, disabled: r }) => e.type === "button" || e.radioType === "button" ? l(o, {
+					key: t,
+					value: t,
+					disabled: r
+				}, p(n) ? n : { default: () => [n] }) : l(a, {
+					key: t,
+					value: t,
+					disabled: r
+				}, p(n) ? n : { default: () => [n] }));
+			})
+		}) });
+	}
+};
+//#endregion
+export { m as t };

package/chunks/C8jbksGf2.mjs

@@ -0,0 +1,30 @@
+import { n as e, o as t } from "./DGkSZT8r.mjs";
+import n from "../x-input-tag/index.mjs";
+import { allProps as r, predicate as i } from "../props/input-tag.mjs";
+import { createVNode as a, mergeProps as o } from "vue";
+//#endregion
+//#region src/components/form/FormInputTag.vue
+var s = {
+	name: "FormInputTag",
+	inheritAttrs: !1,
+	props: { ...r },
+	emits: { ...e },
+	setup(e, { emit: r, slots: s, attrs: c }) {
+		let { emitInput: l, render: u, placeholder: d, disabled: f, listeners: p, inputProps: m } = t(e, {
+			emit: r,
+			slots: s,
+			attrs: c,
+			predicate: i,
+			block: e.block === void 0 ? !0 : e.block
+		});
+		return () => u({ vNodes: a(n, o(p.value, m.value, {
+			style: "width: 100%",
+			modelValue: e.modelValue,
+			disabled: f.value,
+			"onUpdate:modelValue": l,
+			placeholder: d.value
+		}), null) });
+	}
+};
+//#endregion
+export { s as t };

package/chunks/CC4-dgXh.mjs

@@ -0,0 +1,340 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { f as t, s as n } from "./CXHJqvbJ.mjs";
+import { n as r, t as i } from "./CX7Oiw5N.mjs";
+import { t as a } from "./CsiD_AYs.mjs";
+import { ElCheckbox as o, ElOption as s, ElOptionGroup as c, ElSelect as l } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, openBlock as g, renderList as _, renderSlot as v, toDisplayString as y, withCtx as b } from "vue";
+import { isBlank as x } from "@web-utils/core";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option-group/style/css";
+import "element-plus/es/components/option/style/css";
+//#region src/components/avue/utils/dic.ts
+var S = (e, t = []) => new Promise((n) => {
+	let r = [], i = [], a = {};
+	e.forEach((e) => {
+		e.parentProp && r.push(e);
+	}), t.forEach((e, t) => {
+		r.forEach((n) => {
+			n.hide !== !0 && n.dicFlag !== !1 && i.push(new Promise((r) => {
+				x(e[n.parentProp]) ? r({
+					prop: n.prop,
+					data: [],
+					index: t
+				}) : n.dicUrl && D({
+					url: `${n.dicUrl.replace("{{key}}", e[n.parentProp])}`,
+					props: n.props,
+					method: n.dicMethod,
+					headers: n.dicHeaders,
+					formatter: n.dicFormatter,
+					query: n.dicQuery,
+					form: e
+				}).then((e) => {
+					r({
+						prop: n.prop,
+						data: e,
+						index: t
+					});
+				});
+			}));
+		});
+	}), Promise.all(i).then((e) => {
+		e.forEach((e) => {
+			x(a[e.index]) && (a[e.index] = {}), a[e.index][e.prop] = e.data;
+		}), n(a);
+	});
+}), C = (e) => {
+	let t = [];
+	return new Promise((n, r) => {
+		t = T(e).ajaxdic, E(t).then((e) => {
+			n(e);
+		}).catch((e) => {
+			r(e);
+		});
+	});
+}, w = (e) => {
+	let t = {}, r = e.dicData || {};
+	return e.column.forEach((e) => {
+		e.dicData && (t[e.prop] = n(e.dicData, e.props, e.dataType));
+	}), Object.assign(r, t);
+};
+function T(e) {
+	let t = e.column || [], n = [], r = {}, i = [];
+	return t.forEach((e) => {
+		let a = e.dicData, o = e.dicUrl, s = e.prop, c = e.parentProp;
+		i = i.concat(e.cascader || []), Array.isArray(a) && (r[s] = a), !(e.dicFlag === !1 || e.lazy === !0 || i.includes(s)) && o && !c && n.push({
+			url: o,
+			name: s,
+			method: e.dicMethod,
+			headers: t.dicHeaders,
+			formatter: e.dicFormatter,
+			props: e.props,
+			dataType: e.dataType,
+			resKey: (e.props || {}).res,
+			query: e.dicQuery || {}
+		});
+	}), {
+		ajaxdic: n,
+		locationdic: r
+	};
+}
+function E(e) {
+	let t = {}, r = [];
+	return new Promise((i) => {
+		e.forEach((e) => {
+			r.push(new Promise((t) => {
+				D(Object.assign(e, { url: `${e.url.replace("{{key}}", "")}` })).then((r) => {
+					r = n(r, e.props, e.dataType), t(r);
+				}).catch(() => {
+					t([]);
+				});
+			}));
+		}), Promise.all(r).then((n) => {
+			e.forEach((e, r) => {
+				t[e.name] = n[r];
+			}), i(t);
+		});
+	});
+}
+var D = (e) => {
+	let { url: n, query: r, method: i, resKey: a, props: o, formatter: s, headers: c = {}, value: l = "", column: u, form: d = {} } = e;
+	u && (n = u.dicUrl, i = u.dicMethod, c = u.headers || {}, r = u.dicQuery || {}, s = u.dicFormatter, o = u.props), n = n || "";
+	let f, p = {};
+	return f = n.match(/[^{}]+(?=})/g) || [], f.forEach((e) => {
+		let t = `{{${e}}}`, r = d[e];
+		n = e === "key" ? n.replace(t, l) : n.replace(t, r);
+	}), i === "post" && (f = Object.keys(r), f.forEach((e) => {
+		let t = r[e];
+		typeof t == "string" && t.match(/\{{|}}/g) ? p[e] = d[t.replace(/\{{|}}/g, "")] : p[e] = t;
+	})), o && (a = (o || {}).res || a), new Promise((e) => {
+		let o = (n) => {
+			let r = [];
+			r = typeof s == "function" ? s(n.data) : t(n.data, a), e(r);
+		};
+		i === "post" ? window.axios.post(n, p, { headers: c }).then((e) => {
+			o(e);
+		}).catch(() => [e([])]) : window.axios.get(n, {
+			params: r,
+			headers: c
+		}).then((e) => {
+			o(e);
+		}).catch(() => [e([])]);
+	});
+}, O = {
+	name: "FySelect",
+	mixins: [r, i],
+	props: {
+		loadingText: { type: String },
+		noMatchText: { type: String },
+		noDataText: { type: String },
+		drag: {
+			type: Boolean,
+			default: !1
+		},
+		remote: {
+			type: Boolean,
+			default: !1
+		},
+		tags: {
+			type: Boolean,
+			default: !1
+		},
+		limit: {
+			type: Number,
+			default: 0
+		},
+		filterable: {
+			type: Boolean,
+			default: !1
+		},
+		allowCreate: {
+			type: Boolean,
+			default: !1
+		},
+		defaultFirstOption: {
+			type: Boolean,
+			default: !1
+		},
+		all: {
+			type: Boolean,
+			default: !1
+		},
+		popperAppendToBody: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	data() {
+		return {
+			checkAll: !1,
+			created: !1,
+			netDic: [],
+			loading: !1
+		};
+	},
+	watch: {
+		text(e) {
+			x(e) || this.remote && !this.created && (this.created = !0, this.handleRemoteMethod(this.multiple ? this.text.join(",") : this.text));
+		},
+		dic: {
+			handler(e) {
+				this.netDic = e;
+			},
+			immediate: !0
+		}
+	},
+	mounted() {
+		this.drag && this.setSort();
+	},
+	methods: {
+		setSort() {
+			if (!window.Sortable) {
+				a.logs("Sortable");
+				return;
+			}
+			let e = this.$refs.main.$el.querySelectorAll(".el-select__tags > span")[0];
+			window.Sortable.create(e, {
+				animation: 100,
+				onEnd: (e) => {
+					let t = this.modelValue.splice(e.oldIndex, 1)[0];
+					this.modelValue.splice(e.newIndex, 0, t);
+				}
+			});
+		},
+		handleRemoteMethod(e) {
+			this.loading = !0, D({
+				column: this.column,
+				value: e
+			}).then((e) => {
+				this.loading = !1, this.netDic = e;
+			});
+		},
+		selectAll() {
+			this.text = [], this.checkAll && this.netDic.forEach((e) => {
+				this.text.push(e[this.valueKey]);
+			});
+		},
+		changeSelect(e) {
+			this.checkAll = e.length === this.netDic.length;
+		}
+	}
+}, k = {
+	key: 0,
+	class: "avue-select__desc"
+}, A = {
+	key: 0,
+	class: "avue-select__desc"
+};
+function j(e, t, n, r, i, a) {
+	let x = s, S = c, C = o, w = l;
+	return g(), d(w, {
+		ref: "main",
+		modelValue: e.text,
+		"onUpdate:modelValue": t[1] || (t[1] = (t) => e.text = t),
+		class: "avue-select",
+		size: e.size,
+		loading: i.loading,
+		"loading-text": n.loadingText,
+		multiple: e.multiple,
+		filterable: n.remote ? !0 : n.filterable,
+		remote: n.remote,
+		readonly: e.readonly,
+		"no-match-text": n.noMatchText,
+		"no-data-text": n.noDataText,
+		"remote-method": n.remote ? a.handleRemoteMethod : void 0,
+		"popper-class": e.popperClass,
+		"popper-append-to-body": n.popperAppendToBody,
+		"collapse-tags": n.tags,
+		clearable: e.clearableVal,
+		placeholder: e.placeholder,
+		"multiple-limit": n.limit,
+		"allow-create": n.allowCreate,
+		"default-first-option": n.defaultFirstOption,
+		disabled: e.disabled,
+		onFocus: e.handleFocus,
+		onBlur: e.handleBlur,
+		onClick: e.handleClick,
+		onChange: a.changeSelect
+	}, {
+		default: b(() => [e.group ? (g(!0), p(u, { key: 0 }, _(i.netDic, (t, n) => (g(), d(S, {
+			key: n,
+			label: e.getLabelText(t)
+		}, {
+			default: b(() => [(g(!0), p(u, null, _(t[e.groupsKey], (t, n) => (g(), d(x, {
+				key: n,
+				disabled: t[e.disabledKey],
+				label: e.getLabelText(t),
+				value: t[e.valueKey]
+			}, {
+				default: b(() => [e.$slots.default ? v(e.$slots, "default", {
+					key: 0,
+					label: e.labelKey,
+					value: e.valueKey,
+					item: t
+				}) : (g(), p(u, { key: 1 }, [m("span", null, y(e.getLabelText(t)), 1), t[e.descKey] ? (g(), p("span", k, y(t[e.descKey]), 1)) : f("v-if", !0)], 64))]),
+				_: 2
+			}, 1032, [
+				"disabled",
+				"label",
+				"value"
+			]))), 128))]),
+			_: 2
+		}, 1032, ["label"]))), 128)) : (g(), p(u, { key: 1 }, [n.all && e.multiple ? (g(), d(C, {
+			key: 0,
+			modelValue: i.checkAll,
+			"onUpdate:modelValue": t[0] || (t[0] = (e) => i.checkAll = e),
+			class: "avue-select__check",
+			onChange: a.selectAll
+		}, {
+			default: b(() => [...t[2] || (t[2] = [h(" 全选 ", -1)])]),
+			_: 1
+		}, 8, ["modelValue", "onChange"])) : f("v-if", !0), (g(!0), p(u, null, _(i.netDic, (t, n) => (g(), d(x, {
+			key: n,
+			disabled: t[e.disabledKey],
+			label: e.getLabelText(t),
+			value: t[e.valueKey]
+		}, {
+			default: b(() => [e.$slots.default ? v(e.$slots, "default", {
+				key: 0,
+				label: e.labelKey,
+				value: e.valueKey,
+				item: t
+			}) : (g(), p(u, { key: 1 }, [m("span", null, y(e.getLabelText(t)), 1), t[e.descKey] ? (g(), p("span", A, y(t[e.descKey]), 1)) : f("v-if", !0)], 64))]),
+			_: 2
+		}, 1032, [
+			"disabled",
+			"label",
+			"value"
+		]))), 128))], 64))]),
+		_: 3
+	}, 8, [
+		"modelValue",
+		"size",
+		"loading",
+		"loading-text",
+		"multiple",
+		"filterable",
+		"remote",
+		"readonly",
+		"no-match-text",
+		"no-data-text",
+		"remote-method",
+		"popper-class",
+		"popper-append-to-body",
+		"collapse-tags",
+		"clearable",
+		"placeholder",
+		"multiple-limit",
+		"allow-create",
+		"default-first-option",
+		"disabled",
+		"onFocus",
+		"onBlur",
+		"onClick",
+		"onChange"
+	]);
+}
+var M = /* @__PURE__ */ e(O, [["render", j]]);
+//#endregion
+export { D as a, w as i, S as n, C as r, M as t };

package/chunks/CHjGX9KK.mjs

@@ -0,0 +1,200 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { ElForm as t, ElFormItem as n, ElInput as r, ElOption as i, ElSelect as a } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createVNode as u, openBlock as d, withCtx as f, withModifiers as p } from "vue";
+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";
+//#region src/components/bpmn-process-designer/components/penal/flow-condition/FlowCondition.vue
+var m = {
+	name: "FlowCondition",
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return { flowConditionForm: {} };
+	},
+	watch: { id: {
+		immediate: !0,
+		async handler() {
+			await this.$nextTick(), this.resetFlowCondition();
+		}
+	} },
+	beforeUnmount() {
+		this.bpmnElementSource = null, this.bpmnElementSourceRef = null;
+	},
+	methods: {
+		resetFlowCondition() {
+			if (this.bpmnElementSource = this.element.source, this.bpmnElementSourceRef = this.element.businessObject.sourceRef, this.bpmnElementSourceRef && this.bpmnElementSourceRef.default && this.bpmnElementSourceRef.default.id === this.element.id) this.flowConditionForm = { type: "default" };
+			else if (!this.element.businessObject.conditionExpression) this.flowConditionForm = { type: "normal" };
+			else {
+				let e = this.element.businessObject.conditionExpression;
+				if (this.flowConditionForm = {
+					...e,
+					type: "condition"
+				}, this.flowConditionForm.resource) {
+					this.flowConditionForm.conditionType = "script", this.flowConditionForm.scriptType = "externalScript";
+					return;
+				}
+				if (e.language) {
+					this.flowConditionForm.conditionType = "script", this.flowConditionForm.scriptType = "inlineScript";
+					return;
+				}
+				this.flowConditionForm.conditionType = "expression";
+			}
+		},
+		updateFlowType(e) {
+			if (e === "condition") {
+				this.flowConditionRef = this.bpmnInstances.moddle.create("bpmn:FormalExpression"), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: this.flowConditionRef });
+				return;
+			}
+			if (e === "default") {
+				this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: null }), this.bpmnInstances.modeling.updateProperties(this.bpmnElementSource, { default: this.element });
+				return;
+			}
+			this.bpmnElementSourceRef.default && this.bpmnElementSourceRef.default.id === this.element.id && this.bpmnInstances.modeling.updateProperties(this.bpmnElementSource, { default: null }), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: null });
+		},
+		updateFlowCondition() {
+			let { conditionType: e, scriptType: t, body: n, resource: r, language: i } = this.flowConditionForm, a;
+			e === "expression" ? a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: n }) : t === "inlineScript" ? (a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", {
+				body: n,
+				language: i
+			}), this.flowConditionForm.resource = "") : (this.flowConditionForm.body = "", a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", {
+				resource: r,
+				language: i
+			})), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: a });
+		}
+	}
+}, h = { class: "panel-tab__content" };
+function g(e, m, g, _, v, y) {
+	let b = i, x = a, S = n, C = r, w = t;
+	return d(), l("div", h, [u(w, {
+		model: v.flowConditionForm,
+		"label-width": "90px",
+		onSubmit: m[7] || (m[7] = p(() => {}, ["prevent"]))
+	}, {
+		default: f(() => [
+			u(S, { label: "流转类型" }, {
+				default: f(() => [u(x, {
+					modelValue: v.flowConditionForm.type,
+					"onUpdate:modelValue": m[0] || (m[0] = (e) => v.flowConditionForm.type = e),
+					onChange: y.updateFlowType
+				}, {
+					default: f(() => [
+						u(b, {
+							label: "普通流转路径",
+							value: "normal"
+						}),
+						u(b, {
+							label: "默认流转路径",
+							value: "default"
+						}),
+						u(b, {
+							label: "条件流转路径",
+							value: "condition"
+						})
+					]),
+					_: 1
+				}, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}),
+			v.flowConditionForm.type === "condition" ? (d(), s(S, {
+				key: "condition",
+				label: "条件格式"
+			}, {
+				default: f(() => [u(x, {
+					modelValue: v.flowConditionForm.conditionType,
+					"onUpdate:modelValue": m[1] || (m[1] = (e) => v.flowConditionForm.conditionType = e)
+				}, {
+					default: f(() => [u(b, {
+						label: "表达式",
+						value: "expression"
+					}), u(b, {
+						label: "脚本",
+						value: "script"
+					})]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				_: 1
+			})) : c("v-if", !0),
+			v.flowConditionForm.conditionType && v.flowConditionForm.conditionType === "expression" ? (d(), s(S, {
+				key: "express",
+				label: "表达式"
+			}, {
+				default: f(() => [u(C, {
+					modelValue: v.flowConditionForm.body,
+					"onUpdate:modelValue": m[2] || (m[2] = (e) => v.flowConditionForm.body = e),
+					clearable: "",
+					onChange: y.updateFlowCondition
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			})) : c("v-if", !0),
+			v.flowConditionForm.conditionType && v.flowConditionForm.conditionType === "script" ? (d(), l(o, { key: 2 }, [
+				u(S, {
+					key: "language",
+					label: "脚本语言"
+				}, {
+					default: f(() => [u(C, {
+						modelValue: v.flowConditionForm.language,
+						"onUpdate:modelValue": m[3] || (m[3] = (e) => v.flowConditionForm.language = e),
+						clearable: "",
+						onChange: y.updateFlowCondition
+					}, null, 8, ["modelValue", "onChange"])]),
+					_: 1
+				}),
+				u(S, {
+					key: "scriptType",
+					label: "脚本类型"
+				}, {
+					default: f(() => [u(x, {
+						modelValue: v.flowConditionForm.scriptType,
+						"onUpdate:modelValue": m[4] || (m[4] = (e) => v.flowConditionForm.scriptType = e)
+					}, {
+						default: f(() => [u(b, {
+							label: "内联脚本",
+							value: "inlineScript"
+						}), u(b, {
+							label: "外部脚本",
+							value: "externalScript"
+						})]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					_: 1
+				}),
+				v.flowConditionForm.scriptType === "inlineScript" ? (d(), s(S, {
+					key: "body",
+					label: "脚本"
+				}, {
+					default: f(() => [u(C, {
+						modelValue: v.flowConditionForm.body,
+						"onUpdate:modelValue": m[5] || (m[5] = (e) => v.flowConditionForm.body = e),
+						type: "textarea",
+						clearable: "",
+						onChange: y.updateFlowCondition
+					}, null, 8, ["modelValue", "onChange"])]),
+					_: 1
+				})) : c("v-if", !0),
+				v.flowConditionForm.scriptType === "externalScript" ? (d(), s(S, {
+					key: "resource",
+					label: "资源地址"
+				}, {
+					default: f(() => [u(C, {
+						modelValue: v.flowConditionForm.resource,
+						"onUpdate:modelValue": m[6] || (m[6] = (e) => v.flowConditionForm.resource = e),
+						clearable: "",
+						onChange: y.updateFlowCondition
+					}, null, 8, ["modelValue", "onChange"])]),
+					_: 1
+				})) : c("v-if", !0)
+			], 64)) : c("v-if", !0)
+		]),
+		_: 1
+	}, 8, ["model"])]);
+}
+var _ = /* @__PURE__ */ e(m, [["render", g]]);
+//#endregion
+export { _ as default };