@web-utils/form-ui 1.0.0-beta47 → 1.0.0-beta49

package/chunks/{C9dGL28n.mjs → 6yfBZFOB.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./Cj59E77g.mjs";
-import { n, t as r } from "./CSyJ-vEx.mjs";
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n, t as r } from "./CJdkjadi.mjs";
 import i from "../x-input-tag/index.mjs";
 import { createVNode as a, mergeProps as o } from "vue";
 //#region src/components/form/props/input-tag.ts

package/chunks/B-zqRAXo.mjs

@@ -0,0 +1,69 @@
+import { a as e } from "./DcTVYqeJ.mjs";
+import { t } from "./DOZRzqlo.mjs";
+import { tableViewContextKey as n } from "../constants/index.mjs";
+import { t as r } from "./BBERmTup.mjs";
+import { createVNode as i, inject as a, mergeProps as o } from "vue";
+import { ElTableColumn as s } from "element-plus/es";
+//#region src/components/table/TableColumn.vue?vue&type=script&lang.jsx
+var c = {
+	selection: !0,
+	"single-selection": !0,
+	index: !0,
+	expand: !0
+}, l = (e, t, n, r, i) => {
+	var a;
+	let o = (e == null || (a = e.$parent) == null ? void 0 : a.rowDbClick) || (e == null ? void 0 : e.rowDbClick);
+	o == null || o(t, n, r, i);
+}, u = (e) => {
+	let t = e.target;
+	for (; t && t.tagName.toUpperCase() !== "HTML";) {
+		if (t.tagName.toUpperCase() === "TD") return t;
+		t = t.parentNode;
+	}
+	return null;
+}, d = () => {}, f = (t) => !e(t).length, p = {
+	name: "TableColumn",
+	props: { ...r },
+	setup(e, { slots: r, attrs: p }) {
+		let m = a(n, null);
+		return () => {
+			let { clickable: n, cellClick: a, ...h } = e, g, _ = c[e.type];
+			if (!_) {
+				let o = n || p.onClick || a;
+				(o || e.dictType || e.options) && (g = (n) => {
+					var s;
+					let { row: c, column: h } = n, g = o ? (e) => {
+						let t = u(e);
+						if (p.onClick || a) {
+							var n;
+							(n = p.onClick) == null || n.call(p, c, h, c, h, t, e), a == null || a(c, h, c, h, t, e);
+						} else l(m, c, h, t, e);
+					} : d, _ = r == null || (s = r.default) == null ? void 0 : s.call(r, n);
+					return f(_) && (_ = null), (e.dictType || e.options) && !_ ? i(t, {
+						class: { "is-clickable": o },
+						onClick: g,
+						row: c,
+						column: h,
+						dictType: e.dictType,
+						treeDict: e.treeDict,
+						idAsValue: e.idAsValue,
+						labelAsValue: e.labelAsValue,
+						options: e.options
+					}, null) : o ? i("span", {
+						class: "is-clickable",
+						onClick: g
+					}, [_ || (c == null ? void 0 : c[h == null ? void 0 : h.property])]) : _;
+				});
+			}
+			return i(s, o(h, {
+				key: p.filterable,
+				showOverflowTooltip: _ ? !1 : h.showOverflowTooltip
+			}), {
+				...r,
+				default: g || r.default
+			});
+		};
+	}
+};
+//#endregion
+export { p as t };

package/chunks/{CXvGoZKJ.mjs → B1IPSTA6.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./Cj59E77g.mjs";
-import { n } from "./CSyJ-vEx.mjs";
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n } from "./CJdkjadi.mjs";
 import { computed as r, createVNode as i, mergeProps as a } from "vue";
 import { ElDatePicker as o } from "element-plus/es";
 import { toDate as s } from "@web-utils/integrations/dayjs";

package/chunks/{Ct5bDJ50.mjs → B9gA65rt2.mjs}

@@ -1,6 +1,6 @@
-import { d as e } from "./cmuHpsX6.mjs";
-import { o as t, r as n } from "./Cj59E77g.mjs";
-import { n as r } from "./CSyJ-vEx.mjs";
+import { f as e } from "./DcTVYqeJ.mjs";
+import { o as t, r as n } from "./D_qiRmiE.mjs";
+import { n as r } from "./CJdkjadi.mjs";
 import { createVNode as i, mergeProps as a } from "vue";
 import { ElText as o } from "element-plus/es";
 //#region src/components/form/props/text.ts

package/chunks/{C1AgOUe_.mjs → BA2KEptL.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./Cj59E77g.mjs";
-import { n, t as r } from "./CSyJ-vEx.mjs";
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n, t as r } from "./CJdkjadi.mjs";
 import { createVNode as i, mergeProps as a } from "vue";
 import { ElTimePicker as o } from "element-plus/es";
 //#region src/components/form/props/time.ts

package/chunks/BTlLPtSk2.mjs

@@ -0,0 +1,146 @@
+import { i as e } from "./DcTVYqeJ.mjs";
+import { i as t, n } from "./D_qiRmiE.mjs";
+import { n as r, t as i } from "./CJdkjadi.mjs";
+import { r as a } from "./CabldOLo.mjs";
+import { n as o } from "./gCeDFHo1.mjs";
+import { n as s, t as c } from "./BtOr-3u02.mjs";
+import { isArray as l, isString as u, trace as d, warning as f } from "@web-utils/core";
+import { computed as p, createVNode as m, getCurrentInstance as h, mergeProps as g, useModel as _, useTemplateRef as v } from "vue";
+import { useEventBus as y } from "@web-utils/vue/hooks/useEventBus";
+//#endregion
+//#region src/components/form/FormTablePlus.vue
+var b = {
+	name: "FormTablePlus",
+	props: {
+		...r,
+		...i,
+		...s,
+		rowDbClick: Function,
+		viewId: [String, Array],
+		block: {
+			type: Boolean,
+			default: !0
+		},
+		formPath: [String, Function]
+	},
+	emits: { ...n },
+	setup(n, { emit: r, slots: i, attrs: s, expose: b }) {
+		let x = _(n, "modelValue"), S = v("table"), C = [];
+		n.viewId && C.push(n.viewId);
+		let w = h();
+		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());
+		};
+		y("reloadTableView", (e) => {
+			if (C) if (u(e) || l(e)) {
+				let t = e;
+				u(t) && (t = t.split(",")), C.some((e) => t.includes(e)) && (d.call(w.parent.proxy || {}, "reloadTableView"), T());
+			} else f.call(w.parent.proxy || {}, "`viewId`的类型必须是字符串或数组");
+		});
+		let D = (...t) => {
+			n.rowDbClick ? n.rowDbClick(...t) : w.proxy.$router.push(e(n.formPath, t[0]));
+		}, O = () => {
+			w.proxy.$router.push(e(n.formPath));
+		}, { render: k, placeholder: A, disabled: j, listeners: M, inputProps: N } = t(n, {
+			rules: p(() => [n.fetchApi ? {
+				required: !0,
+				validator: a
+			} : { required: !0 }]),
+			emit: r,
+			slots: i,
+			attrs: s,
+			predicate: o
+		});
+		return b({
+			reloadTable: T,
+			refreshTable: E
+		}), () => {
+			var e;
+			let t = {};
+			for (let r = 0; r < (((e = n.columns) == null ? void 0 : e.length) ?? 0); r++) {
+				let e = n.columns[r];
+				t[e.prop] = ({ row: t, column: n, index: r, prop: a, required: o }) => {
+					var s;
+					return (s = i[e.prop]) == null ? void 0 : s.call(i, {
+						row: t,
+						column: n,
+						index: r,
+						prop: a,
+						required: o
+					});
+				};
+			}
+			return k({ vNodes: m(c, g({ ref: "table" }, M.value, N.value, {
+				prop: n.prop,
+				disabled: j.value,
+				"on-row-db-click": D,
+				modelValue: x.value,
+				"onUpdate:modelValue": (e) => x.value = e,
+				placeholder: A.value,
+				onAddRow: O
+			}), {
+				...t,
+				columns: ({ columns: e }) => {
+					var t;
+					return (t = i.columns) == null ? void 0 : t.call(i, { columns: e });
+				},
+				handle: ({ add: e, remove: t }) => {
+					var n;
+					return (n = i.handle) == null ? void 0 : n.call(i, {
+						add: e,
+						remove: t
+					});
+				},
+				tag: ({ column: e, row: t, $index: n }) => {
+					var r;
+					return (r = i.tag) == null ? void 0 : r.call(i, {
+						column: e,
+						row: t,
+						index: n
+					});
+				},
+				"handle-column-header": ({ column: e, $index: t }) => {
+					var n;
+					return (n = i["handle-column-header"]) == null ? void 0 : n.call(i, {
+						column: e,
+						index: t
+					});
+				},
+				toolbar: () => {
+					var e;
+					return (e = i.toolbar) == null ? void 0 : e.call(i);
+				},
+				"toolbar-left": ({ addRow: e, delRow: t, refresh: n }) => {
+					var r;
+					return (r = i["toolbar-left"]) == null ? void 0 : r.call(i, {
+						addRow: e,
+						delRow: t,
+						refresh: n
+					});
+				},
+				"toolbar-left-append": ({ addRow: e, delRow: t, refresh: n }) => {
+					var r;
+					return (r = i["toolbar-left-append"]) == null ? void 0 : r.call(i, {
+						addRow: e,
+						delRow: t,
+						refresh: n
+					});
+				},
+				"toolbar-right": ({ selectedRows: e, removeSelectedRows: t }) => {
+					var n;
+					return (n = i["toolbar-right"]) == null ? void 0 : n.call(i, {
+						selectedRows: e,
+						removeSelectedRows: t
+					});
+				}
+			}) });
+		};
+	}
+};
+//#endregion
+export { b as t };

package/chunks/{Bm5eiSmT.mjs → BUGCiCnl.mjs}

@@ -1,6 +1,6 @@
 import { isFunction as e } from "@web-utils/core";
-import { defineComponent as t, h as n, resolveComponent as r } from "vue";
-import { ElLoading as i, ElMessageBox as a } from "element-plus";
+import { defineComponent as t, h as n } from "vue";
+import { ElButton as r, ElLoading as i, ElMessageBox as a } from "element-plus";
 //#region src/components/button/confirmable-mixin.ts
 async function o(t, n, r) {
 	let { stop: o, prevent: s, message: c, loadable: l, loadingText: u, confirmable: d, confirmType: f, confirmText: p, confirmTitle: m } = n;
@@ -64,15 +64,19 @@ var s = t({
 		tag: {
 			type: String,
 			default: "i"
-		}
+		},
+		icon: String
 	},
 	render() {
-		let e = r(this.tag), { text: t, ...i } = this.$props, { onClick: a, ...s } = this.$attrs;
+		let e = this.tag === "ElButton" ? r : this.tag, { text: t, icon: i, ...a } = this.$props, { onClick: s, ...c } = this.$attrs;
 		return n(e, {
-			...s,
-			...i,
+			...c,
+			...a,
 			onClick: (e) => o(e, this.$props, this.$attrs)
-		}, { default: this.$slots.default || (() => t) });
+		}, {
+			default: this.$slots.default || (() => t),
+			icon: this.icon ? () => n("i", { class: this.icon }) : null
+		});
 	}
 });
 //#endregion

package/chunks/{DiJyms_r.mjs → BbSPWDDZ.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./Cj59E77g.mjs";
-import { n, t as r } from "./CSyJ-vEx.mjs";
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n, t as r } from "./CJdkjadi.mjs";
 import { isString as i } from "@web-utils/core";
 import { computed as a, createVNode as o, mergeProps as s } from "vue";
 import { ElInputNumber as c } from "element-plus/es";

package/chunks/{BH_JJ8Xh.mjs → BfxDxIg0.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./Cj59E77g.mjs";
-import { n } from "./CSyJ-vEx.mjs";
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n } from "./CJdkjadi.mjs";
 import { createVNode as r, mergeProps as i, useModel as a } from "vue";
 import { ElSwitch as o } from "element-plus/es";
 //#region src/components/form/props/switch.ts

package/chunks/{C3Uo82-I.mjs → BqWvBF14.mjs}

@@ -1,6 +1,6 @@
-import { d as e } from "./cmuHpsX6.mjs";
-import { o as t, r as n } from "./Cj59E77g.mjs";
-import { n as r } from "./CSyJ-vEx.mjs";
+import { f as e } from "./DcTVYqeJ.mjs";
+import { o as t, r as n } from "./D_qiRmiE.mjs";
+import { n as r } from "./CJdkjadi.mjs";
 import { createVNode as i, isVNode as a, mergeProps as o } from "vue";
 import { ElImage as s } from "element-plus/es";
 //#region src/components/form/props/image.ts

package/chunks/BsZgAJX_2.mjs

@@ -0,0 +1,81 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import n from "../sub-table/index.mjs";
+import { n as r, t as i } from "./gCeDFHo1.mjs";
+import { createVNode as a, mergeProps as o, ref as s, useModel as c } from "vue";
+//#endregion
+//#region src/components/form/FormTable.vue
+var l = {
+	name: "FormTable",
+	props: { ...i },
+	emits: {
+		...t,
+		"add-row": null
+	},
+	setup(t, { emit: i, attrs: l, slots: u }) {
+		let d = c(t, "modelValue"), f = s([]), p = (e) => {
+			f.value = e;
+		}, { render: m, placeholder: h, disabled: g, listeners: _, inputProps: v } = e(t, {
+			emit: i,
+			slots: u,
+			attrs: l,
+			predicate: r
+		});
+		return () => {
+			var e;
+			let r = {};
+			for (let n = 0; n < (((e = t.columns) == null ? void 0 : e.length) ?? 0); n++) {
+				let e = t.columns[n];
+				r[e.prop] = (t, n, r) => {
+					var i;
+					return (i = u[e.prop]) == null ? void 0 : i.call(u, t, n, r);
+				};
+			}
+			return m({ vNodes: a(n, o(_.value, v.value, {
+				prop: t.prop,
+				disabled: g.value,
+				modelValue: d.value,
+				"onUpdate:modelValue": (e) => d.value = e,
+				placeholder: h.value,
+				onSelectionChange: p
+			}), {
+				...r,
+				columns: ({ columns: e }) => {
+					var t;
+					return (t = u.columns) == null ? void 0 : t.call(u, { columns: e });
+				},
+				handle: ({ add: e, remove: t }) => {
+					var n;
+					return (n = u.handle) == null ? void 0 : n.call(u, {
+						add: e,
+						remove: t
+					});
+				},
+				tag: ({ column: e, row: t, $index: n }) => {
+					var r;
+					return (r = u.tag) == null ? void 0 : r.call(u, {
+						column: e,
+						row: t,
+						$index: n
+					});
+				},
+				"handle-column-header": ({ column: e, $index: t }) => {
+					var n;
+					return (n = u["handle-column-header"]) == null ? void 0 : n.call(u, {
+						column: e,
+						index: t
+					});
+				},
+				toolbar: ({ addRow: e, delRow: t, refresh: n }) => {
+					var r;
+					return (r = u.toolbar) == null ? void 0 : r.call(u, {
+						addRow: e,
+						delRow: t,
+						refresh: n
+					});
+				}
+			}) });
+		};
+	}
+};
+//#endregion
+export { l as t };