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

package/chunks/C1SZzAUY2.mjs

@@ -0,0 +1,525 @@
+import { s as e } from "./ClVh1Lek.mjs";
+import { t } from "./B1MSrc6f.mjs";
+import { cellClickHandlerContextKey as n } from "../constants/index.mjs";
+import { t as r } from "./DTeHffqJ.mjs";
+import { t as i } from "./sl7eKGeX.mjs";
+import { t as a } from "./tzjUpVIj.mjs";
+import { n as o } from "./_7MDfW_y.mjs";
+import { t as s } from "./D8C17D2k.mjs";
+import { t as c } from "./CA_-hYlN.mjs";
+import { t as l } from "./C23Qaggp.mjs";
+import { t as u } from "./CCwW9An-.mjs";
+import { t as d } from "./CCkHwxt7.mjs";
+import { t as f } from "./BanS-yUY2.mjs";
+import { t as p } from "./dgRz6V6p2.mjs";
+import { t as m } from "./CmynK-Bt2.mjs";
+import ee from "../table-column-def/index.mjs";
+import { ElMessage as h, formContextKey as g, formItemContextKey as _ } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as C, createTextVNode as w, createVNode as T, mergeProps as E, normalizeClass as D, openBlock as O, renderList as k, renderSlot as A, resolveComponent as j, toDisplayString as M, toHandlers as N, withCtx as P, withModifiers as F } from "vue";
+import { findTreeChildren as I, isFunction as L } from "@web-utils/core";
+import "element-plus/es/components/message/style/css";
+import { cloneDeep as R } from "@web-utils/integrations/lodash";
+import "../sub-table-plus/style.css";
+//#region src/components/table/sub-table-plus.ts
+var z = {
+	modelValue: Array,
+	prop: String,
+	columns: Array,
+	descs: Array,
+	ascs: Array,
+	limit: {
+		type: Number,
+		default: Infinity
+	},
+	disabled: Boolean,
+	showSummary: Boolean,
+	selection: Boolean,
+	index: {
+		type: Boolean,
+		default: !0
+	},
+	selectionWidth: String,
+	toolbarMenus: Array,
+	handleMenus: Array,
+	fetchApi: Function,
+	delApi: Function,
+	bottomAddButton: Boolean,
+	initRow: Function,
+	onRowDbClick: Function,
+	showMessage: Boolean,
+	pageSize: Number,
+	rowKey: {
+		type: [Function, String],
+		default: "id"
+	},
+	viewId: [String, Array]
+}, B = {
+	name: "SubTablePlus",
+	inject: {
+		elForm: {
+			from: g,
+			default: ""
+		},
+		elFormItem: {
+			from: _,
+			default: ""
+		}
+	},
+	provide() {
+		return { [n]: this.rowDbClick };
+	},
+	props: { ...z },
+	emits: {
+		...o,
+		"add-row": null
+	},
+	data() {
+		return {
+			rows: [],
+			selectedRows: []
+		};
+	},
+	computed: {
+		enabled() {
+			return !this.disabled;
+		},
+		hasToolBarMenu() {
+			var e;
+			return (e = this.toolbarMenus) == null ? void 0 : e.length;
+		},
+		hasHandleMenus() {
+			var e;
+			return (e = this.handleMenus) == null ? void 0 : e.length;
+		},
+		rowProps() {
+			let e = {};
+			return this.columns && this.columns.map((e) => e.prop).forEach((t) => {
+				e[t] = null;
+			}), e;
+		},
+		listeners() {
+			return e(this.$attrs);
+		},
+		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 L(t.getType) ? t.getType(e, t) : t.type;
+		},
+		getInputAttr(e, t, n) {
+			var r;
+			let i = {};
+			return t.attrs && t.getAttrs ? i = {
+				...t.attrs,
+				...t.getAttrs(e)
+			} : t.attrs ? i = { ...t.attrs } : t.getAttrs && (i = t.getAttrs(e)), i.wrapCol = !1, i.label = t.label, i.ouType = t.ouType, i.labelKey = t.labelKey, i.valueKey = t.valueKey, i.required = t.required, i.prop = this.prop ? `${this.prop}[${n}].${t.prop}` : null, i.modelValue = e[t.prop], i.disabled = (r = t.isDisabled) == null ? void 0 : r.call(t, e), i;
+		},
+		onInput(e, t, n) {
+			n.setValue ? n.setValue(e, t, n, this.rows) : n.setVal !== !1 && (e[n.prop] = t);
+		},
+		onBlur(e, t) {
+			t.onBlur && t.onBlur(e, t, this.rows);
+		},
+		onSelectionChange(e) {
+			this.selectedRows = e;
+		},
+		async remove(e, t) {
+			try {
+				if (this.delApi) try {
+					await this.delApi([e.id]), h.success("删除成功！"), this.refresh();
+				} catch {
+					h.error("删除失败！");
+				}
+				else this.rows.splice(t, 1);
+			} catch {}
+		},
+		async add(e, t) {
+			if (this.fetchApi) this.addRow();
+			else {
+				var n;
+				let e = R(this.rowProps), r = await ((n = this.initRow) == null ? void 0 : n.call(this, e, t));
+				t === -1 ? this.rows.push(r || e) : this.rows.splice(t + 1, 0, r || e);
+			}
+		},
+		addRow() {
+			this.$emit("add-row");
+		},
+		async delRow() {
+			if (!this.selectedRows.length) {
+				h.warning("请选择要删除的记录！");
+				return;
+			}
+			try {
+				if (this.delApi) try {
+					await this.delApi(this.selectedRows.map((e) => e.id)), h.success("删除成功！"), this.refresh();
+				} catch {
+					h.error("删除失败！");
+				}
+				else this.$emit("update:modelValue", this.rows.filter((e) => !this.selectedRows.includes(e)));
+			} catch {}
+		},
+		refresh() {
+			this.$refs.table.getPage();
+		},
+		getVal(e, t, n) {
+			var r, i;
+			if (L(n.getVal)) return n.getVal(e, t, n);
+			if (n.type === "select" && (r = n.attrs) != null && r.options) {
+				let r = n.attrs.options.find((n) => n.modelValue === e[t.property] || n.code === e[t.property]);
+				if (r) return r.label || r.name;
+			}
+			if (n.type === "checkbox1") return e[t.property] === !0 || e[t.property] === "1" || e[t.property] === "Y" ? "是" : "否";
+			if (n.type === "cascader" && (i = n.attrs) != null && i.options) {
+				let [r] = I(n.attrs.options, (r) => r[n.attrs.valueKey || "value"] === e[t.property]);
+				if (r) return r[n.attrs.valueKey || "label"];
+			}
+			return e[t.property];
+		},
+		reloadTable() {
+			var e;
+			(e = this.$refs.table) == null || e.reload();
+		},
+		async refreshTable() {
+			var e;
+			await ((e = this.$refs.table) == null ? void 0 : e.getPage());
+		},
+		removeSelectedRows() {
+			this.$emit("update:modelValue", this.modelValue.filter((e) => !this.selectedRows.includes(e)));
+		},
+		rowDbClick(...e) {
+			var t;
+			(t = this.onRowDbClick) == null || t.call(this, ...e);
+		}
+	}
+}, V = { class: "table-header flex-row" }, H = { class: "flex-item" }, U = { class: "flex-not-shrink" }, W = {
+	key: 0,
+	style: { color: "#f56c6c" }
+}, G = ["title"], K = ["onClick"], q = {
+	key: 0,
+	class: "flex-row vertical-center horizon-center",
+	style: {
+		padding: "10px",
+		border: "1px solid #ebeef5",
+		"border-top": "none"
+	}
+};
+function J(e, t, n, o, h, g) {
+	var _, I;
+	let L = r, R = l, z = c, B = p, J = j("FormInputUser"), Y = j("FormInputDepartment"), X = m, Z = d, Q = s, te = u, ne = f, re = a, $ = ee, ie = i;
+	return O(), x("div", { class: D(["sub-table-plus", { "hide-message": !e.showMessage }]) }, [
+		T(ie, E(e.$attrs, {
+			ref: "table",
+			"auto-height": "",
+			data: e.fetchApi ? null : h.rows,
+			api: e.fetchApi,
+			"view-id": e.viewId,
+			"payload-style": "body",
+			"show-summary": e.showSummary,
+			descs: e.descs,
+			ascs: e.ascs,
+			"row-key": e.rowKey,
+			"page-size": e.pageSize,
+			"selection-width": e.selectionWidth,
+			"hide-on-single-page": "",
+			selection: e.selection,
+			index: e.index,
+			"row-db-click": g.rowDbClick,
+			onRowDblclick: g.rowDbClick
+		}, N(g.listeners), { onSelectionChange: g.onSelectionChange }), C({
+			default: P(() => [
+				A(e.$slots, "columns", { columns: e.columns }, () => [(O(!0), x(v, null, k(g.filteredColumns, (t) => (O(), 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": !t.editable && t.showOverflowTooltip
+				}, {
+					header: P(() => [!e.disabled && t.required ? (O(), x("span", W, "*")) : b("v-if", !0), S("span", { title: t.label }, M(t.label), 9, G)]),
+					default: P(({ row: n, column: r, $index: i }) => [
+						b("tag 插槽"),
+						A(e.$slots, "tag", {
+							row: n,
+							column: r,
+							index: i
+						}),
+						b("列默认插槽,名字和 prop 保持一致"),
+						A(e.$slots, t.prop, {
+							row: n,
+							column: r,
+							wrapCol: !1,
+							index: i,
+							prop: e.prop ? `${e.prop}[${i}].${t.prop}` : null,
+							required: t.required,
+							editable: t.editable
+						}, () => {
+							var e;
+							return [g.enabled && t.editable === !0 ? (O(), x(v, { key: 0 }, [g.getCellType(n, t) === "input" ? (O(), y(R, E({
+								key: 0,
+								ref_for: !0
+							}, g.getInputAttr(n, t, i), {
+								onBlur: () => g.onBlur(n, t),
+								"onUpdate:modelValue": (e) => g.onInput(n, e, t)
+							}), null, 16, ["onBlur", "onUpdate:modelValue"])) : g.getCellType(n, t) === "checkbox1" ? (O(), y(z, E({
+								key: 1,
+								ref_for: !0
+							}, g.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => g.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : g.getCellType(n, t) === "inputPhoneNumber" ? (O(), y(B, E({
+								key: 2,
+								ref_for: !0
+							}, g.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => g.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : g.getCellType(n, t) === "user" ? (O(), x(v, { key: 3 }, [t.single ? (O(), y(J, E({
+								key: 0,
+								ref_for: !0
+							}, g.getInputAttr(n, t, i), {
+								id: n[r.idProp || `${r.property}Id`],
+								"onUpdate:id": (e) => n[r.idProp || `${r.property}Id`] = e,
+								name: n[r.property],
+								"onUpdate:name": (e) => n[r.property] = e,
+								"onUpdate:modelValue": (e) => g.onInput(n, e, t)
+							}), null, 16, [
+								"id",
+								"onUpdate:id",
+								"name",
+								"onUpdate:name",
+								"onUpdate:modelValue"
+							])) : (O(), y(J, E({
+								key: 1,
+								ref_for: !0
+							}, g.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => g.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"]))], 64)) : g.getCellType(n, t) === "department" ? (O(), x(v, { key: 4 }, [t.single ? (O(), y(Y, E({
+								key: 0,
+								ref_for: !0
+							}, g.getInputAttr(n, t, i), {
+								name: n[r.property],
+								"onUpdate:name": (e) => n[r.property] = e,
+								"onUpdate:modelValue": (e) => g.onInput(n, e, t)
+							}), null, 16, [
+								"name",
+								"onUpdate:name",
+								"onUpdate:modelValue"
+							])) : (O(), y(Y, E({
+								key: 1,
+								ref_for: !0
+							}, g.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => g.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"]))], 64)) : g.getCellType(n, t) === "select" ? (O(), y(X, E({
+								key: 5,
+								ref_for: !0
+							}, g.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => g.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : g.getCellType(n, t) === "datePicker" ? (O(), y(Z, E({
+								key: 6,
+								ref_for: !0
+							}, g.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) => g.onInput(n, e, t)
+							}), null, 16, [
+								"start",
+								"onUpdate:start",
+								"end",
+								"onUpdate:end",
+								"onUpdate:modelValue"
+							])) : g.getCellType(n, t) === "cascader" ? (O(), y(Q, E({
+								key: 7,
+								ref_for: !0
+							}, g.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => g.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : g.getCellType(n, t) === "checkbox" ? (O(), y(te, E({
+								key: 8,
+								ref_for: !0
+							}, g.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => g.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : g.getCellType(n, t) === "number" ? (O(), y(ne, E({
+								key: 9,
+								ref_for: !0
+							}, g.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => g.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : (O(), x(v, { key: 10 }, [w(M(g.getVal(n, r, t)), 1)], 64))], 64)) : t.dictType || (e = t.options) != null && e.length ? (O(), y(re, {
+								key: 1,
+								"dict-type": t.dictType,
+								"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"
+							])) : (O(), x(v, { key: 2 }, [w(M(g.getVal(n, r, t)), 1)], 64))];
+						})
+					]),
+					_: 2
+				}, 1032, [
+					"label",
+					"width",
+					"dict-type",
+					"clickable",
+					"align",
+					"prop",
+					"options",
+					"show-overflow-tooltip"
+				]))), 128))]),
+				A(e.$slots, "handle", {
+					add: g.add,
+					remove: g.remove
+				}),
+				!e.disabled && g.hasHandleMenus ? (O(), y($, {
+					key: 0,
+					label: "操作",
+					width: "80",
+					align: "center",
+					prop: "menu"
+				}, {
+					header: P(({ column: t, $index: n }) => [A(e.$slots, "handle-column-header", {
+						column: t,
+						index: n
+					}, () => [w(M(t.label), 1)])]),
+					default: P(({ row: t, $index: n }) => {
+						var r, i, a;
+						return [(r = e.handleMenus) != null && r.includes("add") && ((i = e.modelValue) == null ? void 0 : i.length) < e.limit ? (O(), x("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: F((e) => g.add(t, n), ["stop"])
+						}, null, 8, K)) : b("v-if", !0), (a = e.handleMenus) != null && a.includes("delete") ? (O(), y(L, {
+							key: 1,
+							class: "el-icon-error sub-table-handle-button table-button-remove",
+							confirm: "",
+							text: "",
+							title: "删除",
+							message: "您确定要删除该行吗？",
+							onClick: F((e) => g.remove(t, n), ["stop"])
+						}, null, 8, ["onClick"])) : b("v-if", !0)];
+					}),
+					_: 3
+				})) : b("v-if", !0)
+			]),
+			_: 2
+		}, [!e.disabled || g.hasToolBarMenu ? {
+			name: "toolbar",
+			fn: P(() => [S("div", V, [A(e.$slots, "toolbar", {
+				addRow: g.addRow,
+				delRow: g.delRow,
+				refresh: g.refresh
+			}, () => [S("div", H, [A(e.$slots, "toolbar-left", {
+				addRow: g.addRow,
+				delRow: g.delRow,
+				refresh: g.refresh
+			}, () => {
+				var n, r, i;
+				return [
+					(n = e.toolbarMenus) != null && n.includes("add") ? (O(), y(L, {
+						key: 0,
+						class: "table-header-button add",
+						icon: "el-icon-circle-plus",
+						type: "text",
+						onClick: g.addRow
+					}, {
+						default: P(() => [...t[2] || (t[2] = [w(" 添加 ", -1)])]),
+						_: 1
+					}, 8, ["onClick"])) : b("v-if", !0),
+					(r = e.toolbarMenus) != null && r.includes("delete") ? (O(), y(L, {
+						key: 1,
+						disabled: h.selectedRows.length <= 0,
+						class: "table-header-button remove",
+						confirm: "",
+						message: "您确定要删除选中的记录吗？",
+						icon: "el-icon-error",
+						text: "",
+						onClick: g.delRow
+					}, {
+						default: P(() => [...t[3] || (t[3] = [w(" 删除 ", -1)])]),
+						_: 1
+					}, 8, ["disabled", "onClick"])) : b("v-if", !0),
+					(i = e.toolbarMenus) != null && i.includes("refresh") ? (O(), y(L, {
+						key: 2,
+						class: "table-header-button refresh",
+						icon: "el-icon-refresh-left",
+						text: "",
+						disabled: !1,
+						onClick: g.refresh
+					}, {
+						default: P(() => [...t[4] || (t[4] = [w(" 刷新 ", -1)])]),
+						_: 1
+					}, 8, ["onClick"])) : b("v-if", !0)
+				];
+			}), A(e.$slots, "toolbar-left-append", {
+				addRow: g.addRow,
+				delRow: g.delRow,
+				refresh: g.refresh
+			})]), S("div", U, [A(e.$slots, "toolbar-right", {
+				removeSelectedRows: g.removeSelectedRows,
+				selectedRows: h.selectedRows
+			})])])])]),
+			key: "0"
+		} : void 0, e.bottomAddButton ? {
+			name: "empty",
+			fn: P(() => [S("i", {
+				class: "el-icon-circle-plus sub-table-handle-button table-button-add",
+				style: {
+					"font-size": "20px",
+					cursor: "pointer"
+				},
+				title: "添加",
+				onClick: t[0] || (t[0] = F((t) => {
+					var n;
+					return g.add(null, ((n = e.modelValue) == null ? void 0 : n.length) ?? 0);
+				}, ["stop"]))
+			})]),
+			key: "1"
+		} : void 0]), 1040, [
+			"data",
+			"api",
+			"view-id",
+			"show-summary",
+			"descs",
+			"ascs",
+			"row-key",
+			"page-size",
+			"selection-width",
+			"selection",
+			"index",
+			"row-db-click",
+			"onRowDblclick",
+			"onSelectionChange"
+		]),
+		b("底部添加按钮"),
+		!e.disabled && e.bottomAddButton && ((_ = e.modelValue) == null ? void 0 : _.length) < e.limit && ((I = e.modelValue) == null ? void 0 : I.length) > 0 ? (O(), x("div", q, [S("i", {
+			class: "el-icon-circle-plus sub-table-handle-button table-button-add",
+			style: {
+				"font-size": "20px",
+				cursor: "pointer"
+			},
+			title: "添加",
+			onClick: t[1] || (t[1] = F((t) => {
+				var n;
+				return g.add(null, ((n = e.modelValue) == null ? void 0 : n.length) ?? 0);
+			}, ["stop"]))
+		})])) : b("v-if", !0)
+	], 2);
+}
+var Y = /* @__PURE__ */ t(B, [["render", J]]);
+//#endregion
+export { z as n, Y as t };

package/chunks/C23Qaggp.mjs

@@ -0,0 +1,70 @@
+import { n as e, o as t, t as n } from "./_7MDfW_y.mjs";
+import { allProps as r, predicate as i } from "../props/input.mjs";
+import { ElInput as a } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { computed as o, createVNode as s, mergeProps as c, useModel as l } from "vue";
+import { isString as u, validatePhoneNum as d } from "@web-utils/core";
+import "../form-input/style.css";
+//#region src/utils/form-validate.ts
+var f = (e, t, n) => t && !/^[A-Za-z0-9\u4e00-\u9fa5_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
+function p(e, t, n) {
+	t && !/^[1-9][0-9]{5}(18|19|(2[0-9]))[0-9]{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)[0-9]{3}[0-9Xx]$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
+}
+function m(e, t, n) {
+	if (this.$refs.table.$refs.table.records.length === 0) {
+		n(Error(e.message || `请添加${e.label}`));
+		return;
+	}
+	n();
+}
+//#endregion
+//#region src/components/form/FormInput.vue
+var h = {
+	name: "FormInput",
+	inheritAttrs: !1,
+	props: { ...r },
+	emits: { ...e },
+	setup(e, { emit: r, slots: m, attrs: h }) {
+		let g = l(e, "modelValue"), _ = `请输入正确的${e.label}！`, { render: v, placeholder: y, disabled: b, listeners: x, inputProps: S, printing: C } = t(e, {
+			emit: r,
+			slots: m,
+			attrs: h,
+			rules: o(() => {
+				if (!e.type || e.type === "textarea") return null;
+				let t = {
+					message: _,
+					trigger: "blur"
+				};
+				if (e.type === "email") t.validator = f;
+				else if (e.type === "idcard") t.validator = p;
+				else if (e.type === "phone") t.validator = d;
+				else return null;
+				return [t];
+			}),
+			predicate: i
+		}), w = o(() => u(e.rows) ? Number(e.rows) : e.rows);
+		return () => v({ vNodes: C.value ? e.modelValue : s(a, c(x.value, S.value, {
+			class: ["form-input", {
+				"is-readonly": e.readonlyGrey && e.readonly && !e.picker,
+				"el-input-cursor-pointer": e.picker && !b.value
+			}],
+			modelValue: g.value,
+			"onUpdate:modelValue": (e) => g.value = e,
+			disabled: b.value,
+			rows: w.value,
+			placeholder: y.value,
+			readonly: e.readonly || e.picker,
+			"prefix-icon": n({ icon: e.picker ? "el-icon-search" : e.prefixIcon }),
+			"suffix-icon": n({ icon: e.suffixIcon })
+		}), {
+			prefix: m.prefix || e.prefix ? () => e.prefix : null,
+			suffix: m.suffix || e.suffix ? () => e.suffix : null,
+			"password-icon": m["password-icon"],
+			prepend: m.prepend || e.prepend ? () => e.prepend : null,
+			append: m.append || e.append ? () => e.append : null
+		}) });
+	}
+};
+//#endregion
+export { m as n, h as t };

package/chunks/C2bqaC-E.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/C7vVbJ2c.mjs

@@ -0,0 +1,30 @@
+import { Fragment as e, createElementBlock as t, defineComponent as n, mergeModels as r, normalizeClass as i, openBlock as a, renderList as o, toDisplayString as s, useModel as c } from "vue";
+import "../capsule-tab/style.css";
+//#region src/components/CapsuleTab.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "capsule-tab" }, u = ["onClick"], d = /* @__PURE__ */ n({
+	name: "CapsuleTab",
+	__name: "CapsuleTab",
+	props: /* @__PURE__ */ r({ tabs: {
+		type: Array,
+		default: () => []
+	} }, {
+		modelValue: { type: String },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let r = c(n, "modelValue"), d = (e) => {
+			r.value = e.value;
+		};
+		return (c, f) => (a(), t("ul", l, [(a(!0), t(e, null, o(n.tabs, (e) => (a(), t("li", {
+			key: e.value,
+			class: i(["tab-item", {
+				active: r.value === e.value,
+				single: n.tabs.length === 1
+			}]),
+			onClick: (t) => d(e)
+		}, s(e.label), 11, u))), 128))]));
+	}
+});
+//#endregion
+export { d as t };