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

package/chunks/D6mInNk02.mjs

@@ -0,0 +1,419 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { t } from "./Cb7kjZa-.mjs";
+import { t as n } from "./mnqSaATq.mjs";
+import { t as r } from "./tzjUpVIj.mjs";
+import { n as i } from "./CkLpOk7H.mjs";
+import { t as a } from "./tSaeUhnr.mjs";
+import { t as o } from "./BWTQ3qdg.mjs";
+import { t as s } from "./Bvn6wnku.mjs";
+import { t as c } from "./CiMBKxeJ.mjs";
+import { t as l } from "./CTYReSXN.mjs";
+import { t as u } from "./BVUClQOx.mjs";
+import { t as d } from "./DxeRdYI82.mjs";
+import f from "../table-column-def/index.mjs";
+import { t as p } from "./Bo8lYN4n2.mjs";
+import { ElMessage as m, formContextKey as h, formItemContextKey as g } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as S, createTextVNode as C, createVNode as w, mergeProps as T, openBlock as E, renderList as D, renderSlot as O, resolveComponent as k, toDisplayString as A, withCtx as j, withModifiers as M } from "vue";
+import { findTreeChildren as N, isFunction as P } from "@web-utils/core";
+import "element-plus/es/components/message/style/css";
+import { cloneDeep as F } from "@web-utils/integrations/lodash";
+//#region src/components/table/sub-table.ts
+var I = {
+	modelValue: Array,
+	columns: Array,
+	allowEmpty: Boolean,
+	handleColumn: {
+		type: Boolean,
+		default: !0
+	},
+	editable: Boolean,
+	showHandleColumnAddButton: {
+		type: Boolean,
+		default: !0
+	},
+	showEmptyAddButton: {
+		type: Boolean,
+		default: !0
+	},
+	prop: String,
+	limit: {
+		type: Number,
+		default: Infinity
+	},
+	maxLimit: {
+		type: Number,
+		default: Infinity
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	showSummary: Boolean,
+	selectionWidth: String,
+	fetchApi: Function,
+	delApi: Function
+}, L = {
+	name: "SubTable",
+	emits: {
+		...i,
+		"add-row": null
+	},
+	inject: {
+		elForm: {
+			from: h,
+			default: ""
+		},
+		elFormItem: {
+			from: g,
+			default: ""
+		}
+	},
+	props: { ...I },
+	data() {
+		return {
+			rows: [],
+			selectedRows: []
+		};
+	},
+	computed: {
+		available() {
+			return this.editable && this.enabled;
+		},
+		enabled() {
+			return !this.disabled;
+		},
+		rowProps() {
+			let e = {};
+			return this.columns && this.columns.map((e) => e.prop).forEach((t) => {
+				e[t] = null;
+			}), e;
+		},
+		filteredColumns() {
+			return this.columns.filter((e) => e.label && !e.hide && !e.slot);
+		}
+	},
+	watch: {
+		modelValue: {
+			deep: !0,
+			immediate: !0,
+			handler(e) {
+				this.rows = e || [];
+			}
+		},
+		rows: {
+			deep: !0,
+			immediate: !0,
+			handler(e) {
+				this.$emit("update:modelValue", e);
+			}
+		}
+	},
+	methods: {
+		getCellType(e, t) {
+			return P(t.getType) ? t.getType(e, t) : t.type;
+		},
+		getInputAttr(e, t, n) {
+			var r;
+			let i = {
+				...t.attrs,
+				...t.getAttrs ? t.getAttrs(e) : {}
+			};
+			return i.modelValue = e[t.prop], i.label = t.label, i.wrapCol = !1, i.required = t.required, i.disabled = (r = t.isDisabled) == null ? void 0 : r.call(t, e), i.prop = `${this.prop}[${n}].${t.prop}`, this.getCellType(e, t) === "select" ? i.options = t.options : this.getCellType(e, t) === "textarea" ? i.rows = t.rows || "3" : this.getCellType(e, t) === "cascader" ? (i.labelKey = t.labelKey, i.valueKey = t.valueKey) : this.getCellType(e, t) === "department" && (i.ouType = t.ouType), i;
+		},
+		isInputDisabled(e, t) {
+			return t.isDisabled && t.isDisabled(e);
+		},
+		onInput(e, t, n) {
+			n.setValue ? n.setValue(e, t, n, this.rows) : e[n.prop] = t;
+		},
+		onSelectionChange(e) {
+			this.selectedRows = e;
+		},
+		remove(e, t) {
+			try {
+				this.rows.splice(t, 1);
+			} catch {}
+		},
+		add(e, t) {
+			let n = F(this.rowProps);
+			this.rows.splice(t + 1, 0, n);
+		},
+		addRow() {
+			this.$emit("add-row");
+		},
+		async delRow() {
+			if (!this.selectedRows.length) {
+				m.warning("请选择要删除的记录！");
+				return;
+			}
+			try {
+				if (this.delApi) try {
+					await this.delApi(this.selectedRows.map((e) => e.id).join(",")), this.refresh();
+				} catch {
+					m.error("删除失败！");
+				}
+				else this.$emit("update:modelValue", this.rows.filter((e) => !this.selectedRows.includes(e)));
+				m.success("删除成功！");
+			} catch {}
+		},
+		refresh() {
+			this.$refs.table.getPage();
+		},
+		getVal(e, t, n) {
+			var r, i;
+			if (n.type === "select" && (r = n.attrs) != null && r.options) {
+				let r = n.attrs.options.find((n) => n.code === e[t.property]);
+				if (r) return r.name;
+			}
+			if (n.type === "cascader" && (i = n.attrs) != null && i.options) {
+				let [r] = N(n.attrs.options, (r) => r[n.attrs.valueKey || "value"] === e[t.property]);
+				if (r) return r[n.attrs.valueKey || "label"];
+			}
+			return e[t.property];
+		}
+	}
+}, R = {
+	key: 0,
+	class: "table-header"
+}, z = {
+	key: 0,
+	style: { color: "#f56c6c" }
+}, B = ["onClick"];
+function V(e, i, m, h, g, N) {
+	let P = n, F = o, I = u, L = k("FormInputUser"), V = k("FormInputDepartment"), H = d, U = c, W = a, G = s, K = l, q = p, J = r, Y = f, X = t;
+	return E(), v(X, T({
+		ref: "table",
+		class: "sub-table",
+		"auto-height": "",
+		data: g.rows,
+		api: e.fetchApi,
+		"show-summary": e.showSummary,
+		"selection-width": e.selectionWidth
+	}, e.$attrs, {
+		"hide-on-single-page": "",
+		selection: N.enabled,
+		"row-db-click": e.rowDbClick,
+		onSelectionChange: N.onSelectionChange
+	}), S({
+		default: j(() => [
+			O(e.$slots, "columns", { columns: e.columns }, () => [(E(!0), b(_, null, D(N.filteredColumns, (t) => (E(), v(Y, {
+				key: t.prop,
+				label: t.label,
+				width: t.width,
+				"dict-type": t.dictType,
+				clickable: t.clickable,
+				align: t.align,
+				prop: t.prop,
+				options: t.options,
+				"show-overflow-tooltip": !N.available && t.showOverflowTooltip
+			}, {
+				header: j(() => [!e.disabled && t.required ? (E(), b("span", z, "*")) : y("v-if", !0), C(" " + A(t.label), 1)]),
+				default: j(({ row: n, column: r, $index: i }) => [
+					y("tag 插槽"),
+					O(e.$slots, "tag", {
+						row: n,
+						column: r,
+						index: i
+					}),
+					y("列默认插槽,名字和 prop 保持一致"),
+					O(e.$slots, t.prop, {
+						row: n,
+						column: r,
+						index: i
+					}, () => {
+						var e;
+						return [N.available ? (E(), b(_, { key: 0 }, [N.getCellType(n, t) === "input" ? (E(), v(F, T({
+							key: 0,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : N.getCellType(n, t) === "inputPhoneNumber" ? (E(), v(I, T({
+							key: 1,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : N.getCellType(n, t) === "user" ? (E(), b(_, { key: 2 }, [t.single ? (E(), v(L, T({
+							key: 0,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : (E(), v(L, T({
+							key: 1,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"]))], 64)) : N.getCellType(n, t) === "department" ? (E(), b(_, { key: 3 }, [t.single ? (E(), v(V, T({
+							key: 0,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), {
+							name: n[r.property],
+							"onUpdate:name": (e) => n[r.property] = e,
+							"onUpdate:modelValue": (e) => N.onInput(n, e, t)
+						}), null, 16, [
+							"name",
+							"onUpdate:name",
+							"onUpdate:modelValue"
+						])) : (E(), v(V, T({
+							key: 1,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), {
+							disabled: N.isInputDisabled(n, t),
+							"onUpdate:modelValue": (e) => N.onInput(n, e, t)
+						}), null, 16, ["disabled", "onUpdate:modelValue"]))], 64)) : N.getCellType(n, t) === "select" ? (E(), v(H, T({
+							key: 4,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : N.getCellType(n, t) === "datePicker" ? (E(), v(U, T({
+							key: 5,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), {
+							start: n[t.start],
+							"onUpdate:start": (e) => n[t.start] = e,
+							end: n[t.end],
+							"onUpdate:end": (e) => n[t.end] = e,
+							"onUpdate:modelValue": (e) => N.onInput(n, e, t)
+						}), null, 16, [
+							"start",
+							"onUpdate:start",
+							"end",
+							"onUpdate:end",
+							"onUpdate:modelValue"
+						])) : N.getCellType(n, t) === "cascader" ? (E(), v(W, T({
+							key: 6,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : N.getCellType(n, t) === "checkbox" ? (E(), v(G, T({
+							key: 7,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : N.getCellType(n, t) === "number" ? (E(), v(K, T({
+							key: 8,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : N.getCellType(n, t) === "textarea" ? (E(), v(q, T({
+							key: 9,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : (E(), b(_, { key: 10 }, [C(A(N.getVal(n, r, t)), 1)], 64))], 64)) : t.dicType || (e = t.options) != null && e.length ? (E(), v(J, {
+							key: 1,
+							"dict-type": t.dicType,
+							"id-as-value": t.idAsValue,
+							"label-as-value": t.labelAsValue,
+							column: r,
+							row: n,
+							options: t.options
+						}, null, 8, [
+							"dict-type",
+							"id-as-value",
+							"label-as-value",
+							"column",
+							"row",
+							"options"
+						])) : (E(), b(_, { key: 2 }, [C(A(N.getVal(n, r, t)), 1)], 64))];
+					})
+				]),
+				_: 2
+			}, 1032, [
+				"label",
+				"width",
+				"dict-type",
+				"clickable",
+				"align",
+				"prop",
+				"options",
+				"show-overflow-tooltip"
+			]))), 128))]),
+			y(" 自定义操作列 "),
+			O(e.$slots, "handle", {
+				add: N.add,
+				remove: N.remove
+			}),
+			y(" 操作列  "),
+			(!e.modelValue || e.modelValue.length < e.limit) && !e.disabled && N.enabled && e.editable && e.handleColumn ? (E(), v(Y, {
+				key: 0,
+				label: "操作",
+				fixed: "right",
+				width: "80",
+				align: "center",
+				prop: "menu"
+			}, {
+				header: j(({ column: t, $index: n }) => [O(e.$slots, "handle-column-header", {
+					column: t,
+					index: n
+				}, () => [C(A(t.label), 1)])]),
+				default: j(({ row: t, $index: n }) => [e.showHandleColumnAddButton && e.modelValue.length < e.maxLimit ? (E(), b("i", {
+					key: 0,
+					class: "el-icon-circle-plus sub-table-handle-button table-button-add",
+					style: {
+						"margin-right": "5px",
+						"font-size": "20px",
+						cursor: "pointer"
+					},
+					title: "添加",
+					onClick: M((e) => N.add(t, n), ["stop"])
+				}, null, 8, B)) : y("v-if", !0), e.modelValue && e.modelValue.length > 1 || e.allowEmpty ? (E(), v(P, {
+					key: 1,
+					class: "el-icon-error sub-table-handle-button table-button-remove",
+					style: {
+						"font-size": "20px",
+						cursor: "pointer"
+					},
+					title: "删除",
+					confirm: "",
+					text: "",
+					message: "您确定要删除该行吗？",
+					onClick: M((e) => N.remove(t, n), ["stop"])
+				}, null, 8, ["onClick"])) : y("v-if", !0)]),
+				_: 3
+			})) : y("v-if", !0)
+		]),
+		_: 2
+	}, [e.editable ? void 0 : {
+		name: "toolbar",
+		fn: j(() => [N.enabled || e.fetchApi ? (E(), b("div", R, [O(e.$slots, "toolbar", {
+			addRow: N.addRow,
+			delRow: N.delRow,
+			refresh: N.refresh
+		}, () => [N.enabled ? (E(), b(_, { key: 0 }, [w(P, {
+			class: "table-header-button add",
+			icon: "el-icon-circle-plus",
+			type: "text",
+			onClick: N.addRow
+		}, {
+			default: j(() => [...i[1] || (i[1] = [C(" 添加 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"]), w(P, {
+			class: "table-header-button remove",
+			confirm: "",
+			message: "您确定要删除选中的记录吗？",
+			icon: "el-icon-error",
+			text: "",
+			onClick: N.delRow
+		}, {
+			default: j(() => [...i[2] || (i[2] = [C(" 删除 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"])], 64)) : y("v-if", !0), e.fetchApi ? (E(), v(P, {
+			key: 1,
+			class: "table-header-button refresh",
+			icon: "el-icon-refresh-left",
+			text: "",
+			disabled: !1,
+			onClick: N.refresh
+		}, {
+			default: j(() => [...i[3] || (i[3] = [C(" 刷新 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"])) : y("v-if", !0)])])) : y("v-if", !0)]),
+		key: "0"
+	}, e.allowEmpty && !e.disabled && e.showEmptyAddButton ? {
+		name: "empty",
+		fn: j(() => [x("i", {
+			class: "el-icon-circle-plus sub-table-handle-button table-button-add",
+			style: {
+				"font-size": "20px",
+				cursor: "pointer"
+			},
+			title: "添加",
+			onClick: i[0] || (i[0] = M((e) => N.add(null, 0), ["stop"]))
+		})]),
+		key: "1"
+	} : void 0]), 1040, [
+		"data",
+		"api",
+		"show-summary",
+		"selection-width",
+		"selection",
+		"row-db-click",
+		"onSelectionChange"
+	]);
+}
+var H = /* @__PURE__ */ e(L, [["render", V]]);
+//#endregion
+export { I as n, H as t };

package/chunks/DCqyZyF6.mjs

@@ -0,0 +1,52 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { ElInput as t } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { createElementBlock as n, createElementVNode as r, createVNode as i, openBlock as a } from "vue";
+import { isBlank as o } from "@web-utils/core";
+//#region src/components/bpmn-process-designer/components/penal/other/ElementOtherConfig.vue
+var s = {
+	name: "ElementOtherConfig",
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return { documentation: "" };
+	},
+	watch: { id: {
+		immediate: !0,
+		handler() {
+			if (o(this.element)) this.documentation = "";
+			else {
+				let { businessObject: { documentation: e } } = this.element;
+				this.documentation = (e == null ? void 0 : e[0].text) || "";
+			}
+		}
+	} },
+	methods: { updateDocumentation() {
+		let { modeling: e } = this.bpmnInstances, { businessObject: { documentation: t } } = this.element;
+		if (t != null && t.length) t[0].set("text", this.documentation), e.updateProperties(this.element, { documentation: t });
+		else {
+			let { bpmnFactory: t } = this.bpmnInstances, n = t.create("bpmn:Documentation", { text: this.documentation });
+			e.updateProperties(this.element, { documentation: [n] });
+		}
+	} }
+}, c = { class: "panel-tab__content" }, l = { class: "element-property input-property" }, u = { class: "element-property__value" };
+function d(e, o, s, d, f, p) {
+	let m = t;
+	return a(), n("div", c, [r("div", l, [o[1] || (o[1] = r("div", { class: "element-property__label" }, "元素文档：", -1)), r("div", u, [i(m, {
+		modelValue: f.documentation,
+		"onUpdate:modelValue": [o[0] || (o[0] = (e) => f.documentation = e), p.updateDocumentation],
+		type: "textarea",
+		resize: "vertical",
+		autosize: {
+			minRows: 2,
+			maxRows: 4
+		}
+	}, null, 8, ["modelValue", "onUpdate:modelValue"])])])]);
+}
+var f = /* @__PURE__ */ e(s, [["render", d]]);
+//#endregion
+export { f as default };

package/chunks/DH-B0Lkz2.mjs

@@ -0,0 +1,34 @@
+import { n as e, o as t } from "./CkLpOk7H.mjs";
+import { t as n } from "./FZqu01np2.mjs";
+import { allProps as r, predicate as i } from "../props/tree-select.mjs";
+import { createVNode as a, mergeProps as o } from "vue";
+//#endregion
+//#region src/components/form/FormTreeSelect.vue
+var s = {
+	name: "FormTreeSelect",
+	props: { ...r },
+	emits: { ...e },
+	setup(e, { emit: r, attrs: s, slots: c }) {
+		let { render: l, placeholder: u, disabled: d, listeners: f, inputProps: p, emitInput: m } = t(e, {
+			emit: r,
+			slots: c,
+			attrs: s,
+			predicate: i
+		}), h = (t) => (t.children && !t.children.length && delete t.children, e.transformer ? e.transformer(t) : e.normalizer ? e.normalizer(t) : {
+			id: t.id,
+			label: t.name,
+			isDisabled: !1,
+			children: t.children
+		});
+		return () => l({ vNodes: a(n, o(p.value, f.value, {
+			class: ["form-tree-select", { "is-readonly": e.readonly }],
+			disabled: d.value,
+			"default-expand-level": 1,
+			placeholder: u.value,
+			"onUpdate:modelValue": m,
+			normalizer: h
+		}), { "value-label": ({ node: e }) => c["value-label"] ? c["value-label"]({ node: e }) : e.label }) });
+	}
+};
+//#endregion
+export { s as t };

package/chunks/DQMWqQFe2.mjs

@@ -0,0 +1,42 @@
+import { n as e, o as t } from "./CkLpOk7H.mjs";
+import { t as n } from "./FZqu01np2.mjs";
+import { allProps as r, predicate as i } from "../props/tree-select-multiple.mjs";
+import { createVNode as a, mergeProps as o } from "vue";
+//#endregion
+//#region src/components/form/FormTreeSelectMultiple.vue
+var s = {
+	name: "FormTreeSelectMultiple",
+	props: { ...r },
+	emits: { ...e },
+	setup(e, { emit: r, attrs: s, slots: c }) {
+		let { render: l, placeholder: u, disabled: d, listeners: f, inputProps: p, emitInput: m } = t(e, {
+			emit: r,
+			slots: c,
+			attrs: s,
+			predicate: i
+		}), h = (e) => (e.children && !e.children.length && delete e.children, {
+			id: e.id,
+			label: e.name,
+			isDisabled: !1,
+			children: []
+		}), g = (t) => {
+			m([...e.modelValue, t.id]);
+		}, _ = (t) => {
+			m(e.modelValue.filter((e) => e !== t.id));
+		};
+		return () => l({ vNodes: a(n, o(p.value, f.value, {
+			class: ["form-tree-select", { "is-readonly": e.readonly }],
+			disabled: d.value,
+			defaultExpandLevel: 0,
+			placeholder: u.value,
+			onSelect: g,
+			onDeselect: _,
+			normalizer: h
+		}), { "value-label": ({ node: e }) => {
+			var t;
+			return (t = c["value-label"]) == null ? void 0 : t.call(c, { node: e });
+		} }) });
+	}
+};
+//#endregion
+export { s as t };