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

package/chunks/DtQg1F6Q2.mjs

@@ -0,0 +1,145 @@
+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 "./DGkSZT8r.mjs";
+import { n as a } from "./lyW9mwQp.mjs";
+import { n as o, t as s } from "./BVlUGEuO2.mjs";
+import { computed as c, createVNode as l, getCurrentInstance as u, mergeProps as d, useModel as f, useTemplateRef as p } from "vue";
+import { isArray as m, isString as h, trace as g, warning as _ } from "@web-utils/core";
+import { useEventBus as v } from "@web-utils/vue/hooks/useEventBus";
+//#region src/components/table/form-table-plus.ts
+var y = {
+	...n,
+	...t,
+	...o,
+	rowDbClick: Function,
+	viewId: [String, Array],
+	formPath: [String, Function]
+}, b = {
+	readonly: !0,
+	block: !0
+}, x = (e) => n[e] === void 0 && b[e] !== !0, S = {
+	name: "FormTablePlus",
+	props: { ...y },
+	emits: { ...r },
+	setup(t, { emit: n, slots: r, attrs: o, expose: y }) {
+		let b = f(t, "modelValue"), S = p("table"), C = [];
+		t.viewId && C.push(t.viewId);
+		let w = u();
+		C.includes(w.parent.proxy.$options.name) || C.push(w.parent.proxy.$options.name);
+		let T = () => {
+			var e;
+			return (e = S.value.table) == null ? void 0 : e.reloadTable();
+		}, E = async () => {
+			var e;
+			return await ((e = S.value.table) == null ? void 0 : e.refreshTable());
+		};
+		v("reloadTableView", (e) => {
+			if (C) if (h(e) || m(e)) {
+				let t = e;
+				h(t) && (t = t.split(",")), C.some((e) => t.includes(e)) && (g.call(w.parent.proxy || {}, "reloadTableView"), T());
+			} else _.call(w.parent.proxy || {}, "`viewId`的类型必须是字符串或数组");
+		});
+		let D = (...n) => {
+			t.rowDbClick ? t.rowDbClick(...n) : t.formPath && w.proxy.$router.push(e(t.formPath, n[0]));
+		}, O = () => {
+			w.proxy.$router.push(e(t.formPath));
+		}, { render: k, placeholder: A, disabled: j, listeners: M, inputProps: N } = i(t, {
+			rules: c(() => [t.fetchApi ? {
+				required: !0,
+				validator: a
+			} : { required: !0 }]),
+			emit: n,
+			slots: r,
+			attrs: o,
+			predicate: x,
+			block: t.block === void 0 ? !0 : t.block
+		});
+		return y({
+			reloadTable: T,
+			refreshTable: E
+		}), () => {
+			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 k({ vNodes: l(s, d({ ref: "table" }, M.value, N.value, {
+				prop: t.prop,
+				disabled: j.value,
+				onRowDbClick: D,
+				rowDbClick: D,
+				modelValue: b.value,
+				"onUpdate:modelValue": (e) => b.value = e,
+				placeholder: A.value,
+				onAddRow: O
+			}), {
+				...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 { S as t };

package/chunks/DuPfGcqQ.mjs

@@ -0,0 +1,198 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { t } from "./V-Js6hNd.mjs";
+import { t as n } from "./Gh6td4HK.mjs";
+import { ElDivider as r, ElForm as i, ElFormItem as a, ElInput as o, ElMessageBox as s, ElTable as c, ElTableColumn as l } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, openBlock as m, withCtx as h, withModifiers as g } from "vue";
+import { fastClone as _ } from "@web-utils/core";
+import "element-plus/es/components/message-box/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/divider/style/css";
+//#region src/components/bpmn-process-designer/components/penal/properties/ElementProperties.vue
+var v = {
+	name: "ElementProperties",
+	inject: {
+		prefix: "prefix",
+		width: "width"
+	},
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return {
+			elementPropertyList: [],
+			propertyForm: {},
+			editingPropertyIndex: -1,
+			propertyFormModelVisible: !1
+		};
+	},
+	watch: { id: {
+		immediate: !0,
+		handler(e) {
+			e != null && e.length && this.resetAttributesList();
+		}
+	} },
+	methods: {
+		resetAttributesList() {
+			var e;
+			this.otherExtensionList = [], this.bpmnElementProperties = ((e = this.element.businessObject) == null || (e = e.extensionElements) == null || (e = e.values) == null ? void 0 : e.filter((e) => (e.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(e), e.$type === `${this.prefix}:Properties`))) ?? [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce((e, t) => e.concat(t.values), []), this.elementPropertyList = _(this.bpmnElementPropertyList ?? []);
+		},
+		openAttributesForm(e, t) {
+			this.editingPropertyIndex = t, this.propertyForm = t === -1 ? {} : _(e), this.propertyFormModelVisible = !0, this.$nextTick(() => {
+				this.$refs.attributeFormRef && this.$refs.attributeFormRef.clearValidate();
+			});
+		},
+		removeAttributes(e, t) {
+			s.confirm("确认移除该属性吗？", "提示", {
+				confirmButtonText: "确 认",
+				cancelButtonText: "取 消"
+			}).then(() => {
+				this.elementPropertyList.splice(t, 1), this.bpmnElementPropertyList.splice(t, 1);
+				let e = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, { values: this.bpmnElementPropertyList });
+				this.updateElementExtensions(e), this.resetAttributesList();
+			}).catch(() => {});
+		},
+		saveAttribute() {
+			let { name: e, value: t } = this.propertyForm;
+			if (this.editingPropertyIndex !== -1) this.bpmnInstances.modeling.updateModdleProperties(this.element, this.bpmnElementPropertyList[this.editingPropertyIndex], {
+				name: e,
+				value: t
+			});
+			else {
+				let n = this.bpmnInstances.moddle.create(`${this.prefix}:Property`, {
+					name: e,
+					value: t
+				}), r = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, { values: this.bpmnElementPropertyList.concat([n]) });
+				this.updateElementExtensions(r);
+			}
+			this.propertyFormModelVisible = !1, this.resetAttributesList();
+		},
+		updateElementExtensions(e) {
+			let t = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: this.otherExtensionList.concat([e]) });
+			this.bpmnInstances.modeling.updateProperties(this.element, { extensionElements: t });
+		}
+	}
+}, y = { class: "panel-tab__content" }, b = { class: "element-drawer__button" };
+function x(e, s, _, v, x, S) {
+	let C = l, w = n, T = r, E = c, D = o, O = a, k = i, A = t;
+	return m(), u("div", y, [
+		p(E, {
+			data: x.elementPropertyList,
+			"max-height": "240",
+			border: "",
+			fit: ""
+		}, {
+			default: h(() => [
+				p(C, {
+					label: "序号",
+					width: "50px",
+					type: "index"
+				}),
+				p(C, {
+					label: "属性名",
+					prop: "name",
+					"min-width": "100px",
+					"show-overflow-tooltip": ""
+				}),
+				p(C, {
+					label: "属性值",
+					prop: "value",
+					"min-width": "100px",
+					"show-overflow-tooltip": ""
+				}),
+				p(C, {
+					label: "操作",
+					width: "90px"
+				}, {
+					default: h(({ row: e, $index: t }) => [
+						p(w, {
+							text: "",
+							onClick: (n) => S.openAttributesForm(e, t)
+						}, {
+							default: h(() => [...s[6] || (s[6] = [f("编辑", -1)])]),
+							_: 1
+						}, 8, ["onClick"]),
+						p(T, { direction: "vertical" }),
+						p(w, {
+							text: "",
+							style: { color: "#ff4d4f" },
+							onClick: (n) => S.removeAttributes(e, t)
+						}, {
+							default: h(() => [...s[7] || (s[7] = [f("移除", -1)])]),
+							_: 1
+						}, 8, ["onClick"])
+					]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["data"]),
+		d("div", b, [p(w, {
+			type: "primary",
+			icon: "el-icon-plus",
+			onClick: s[0] || (s[0] = (e) => S.openAttributesForm(null, -1))
+		}, {
+			default: h(() => [...s[8] || (s[8] = [f("添加属性", -1)])]),
+			_: 1
+		})]),
+		p(A, {
+			modelValue: x.propertyFormModelVisible,
+			"onUpdate:modelValue": s[5] || (s[5] = (e) => x.propertyFormModelVisible = e),
+			class: "flow-dialog",
+			title: "属性配置",
+			width: "600px",
+			"append-to-body": "",
+			"destroy-on-close": ""
+		}, {
+			footer: h(() => [p(w, { onClick: s[4] || (s[4] = (e) => x.propertyFormModelVisible = !1) }, {
+				default: h(() => [...s[9] || (s[9] = [f("取 消", -1)])]),
+				_: 1
+			}), p(w, {
+				type: "primary",
+				onClick: S.saveAttribute
+			}, {
+				default: h(() => [...s[10] || (s[10] = [f("确 定", -1)])]),
+				_: 1
+			}, 8, ["onClick"])]),
+			default: h(() => [p(k, {
+				ref: "attributeFormRef",
+				model: x.propertyForm,
+				"label-width": "80px",
+				onSubmit: s[3] || (s[3] = g(() => {}, ["prevent"]))
+			}, {
+				default: h(() => [p(O, {
+					label: "属性名：",
+					prop: "name"
+				}, {
+					default: h(() => [p(D, {
+						modelValue: x.propertyForm.name,
+						"onUpdate:modelValue": s[1] || (s[1] = (e) => x.propertyForm.name = e),
+						clearable: ""
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}), p(O, {
+					label: "属性值：",
+					prop: "value"
+				}, {
+					default: h(() => [p(D, {
+						modelValue: x.propertyForm.value,
+						"onUpdate:modelValue": s[2] || (s[2] = (e) => x.propertyForm.value = e),
+						clearable: ""
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["model"])]),
+			_: 1
+		}, 8, ["modelValue"])
+	]);
+}
+var S = /* @__PURE__ */ e(v, [["render", x]]);
+//#endregion
+export { S as default };