@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta60

package/chunks/ZdU9-d3W2.js

@@ -0,0 +1,94 @@
+import "./B1EPd8qV.js";
+import { t as e } from "./gFFZEYaV.js";
+import { columnSizeContextKey as t, setColumnSizeContextKey as n } from "../constants/index.js";
+import r from "../form-cell/index.js";
+import { Comment as i, Fragment as a, Text as o, createVNode as s, inject as c, isVNode as l } from "vue";
+import { camelize as u, isDef as d, isString as f } from "@web-utils/core";
+//#region src/components/red-form/FormRow.vue?vue&type=script&lang.jsx
+function p(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
+}
+var m = (e) => {
+	let t = Object.keys({});
+	for (let n in e) t[u(n)] = e[n];
+	return t;
+}, h = (t, { columnSize: n }) => {
+	if (!t || !t.length) return null;
+	t = t.filter((e) => e.type !== i);
+	let r = [], c = t.length === 1;
+	for (let i = 0; i < t.length; i++) {
+		let v = t[i], { name: y } = v.type;
+		if (v.type === o) r.push({
+			tag: y,
+			type: "text",
+			content: v,
+			colspan: c ? n : 0
+		});
+		else if (v.type === a) r.push(...h(v.children, { columnSize: n }));
+		else if (f(v.type) && v.type === "td") r.push({
+			tag: v.type,
+			type: "td",
+			content: v
+		});
+		else if (y === "FormCell") r.push({
+			tag: y,
+			type: "FormCell",
+			content: v
+		});
+		else if (typeof v.type == "object") {
+			var l, u;
+			let { label: t, hideLabel: i, labelColspan: a, inputColspan: o, labelRowspan: f, inputRowspan: h, tipsAfterLabel: b, tips: x } = m(v.props);
+			if (!d(i)) {
+				var p, g, _;
+				let n = (p = v.children) == null ? void 0 : p.tips, i = n || x ? s(e, {
+					effect: "light",
+					content: x,
+					offset: 4
+				}, {
+					default: () => s("i", { class: "el-icon-info form-item-input-info" }, null),
+					content: n || null
+				}) : null;
+				r.push({
+					tag: y,
+					type: "label",
+					colspan: a,
+					rowspan: f,
+					content: [((g = v.children) == null || (_ = g.label) == null ? void 0 : _.call(g)) || t, b === "" ? i : null]
+				});
+			}
+			let S;
+			S = c && d(i) ? n : d(o) ? o : c ? n - 1 : 0, r.push({
+				tag: y,
+				type: "input",
+				colspan: S,
+				rowspan: h,
+				content: [v, (l = v.children) == null || (u = l.below) == null ? void 0 : u.call(l)]
+			});
+		} else console.error("未知节点");
+	}
+	return r;
+}, g = {
+	name: "FormRow",
+	props: {
+		isLabel: Boolean,
+		alignCenter: Boolean
+	},
+	setup(e, { slots: i }) {
+		let a = c(n, null), o = c(t, null);
+		return () => {
+			var t;
+			let n = (t = i.default) == null ? void 0 : t.call(i), c = [];
+			return c.push(...h(n, { columnSize: (o == null ? void 0 : o.value) ?? 0 })), ((o == null ? void 0 : o.value) ?? 0) < c.length && (a == null || a(c.length)), s("tr", null, [c.map(({ tag: t, type: n, colspan: i, rowspan: a, content: o }) => t === "td" || n === "FormCell" ? o : n === "text" ? s(r, {
+				isLabel: e.isLabel,
+				alignCenter: e.alignCenter,
+				colspan: i
+			}, p(o) ? o : { default: () => [o] }) : s("td", {
+				class: n,
+				colspan: i,
+				rowspan: a
+			}, [o]))]);
+		};
+	}
+};
+//#endregion
+export { g as t };

package/chunks/_6lMlbOl2.js

@@ -0,0 +1,87 @@
+import { commonAutoBindProps as e, commonManualBindProps as t } from "../props/common.js";
+import { n, o as r } from "./Beh1v279.js";
+import { n as i, t as a } from "./DqgSQ3KG2.js";
+import { createVNode as o, mergeProps as s, ref as c, useModel as l } from "vue";
+//#region src/components/table/form-table.ts
+var u = {
+	...t,
+	...e,
+	...i
+}, d = {
+	modelValue: !0,
+	block: !0
+}, f = (e) => t[e] === void 0 && d[e] !== !0, p = {
+	name: "FormTable",
+	props: { ...u },
+	emits: {
+		...n,
+		"add-row": null
+	},
+	setup(e, { emit: t, attrs: n, slots: i }) {
+		let u = l(e, "modelValue"), d = c([]), p = (e) => {
+			d.value = e;
+		}, { render: m, placeholder: h, disabled: g, listeners: _, inputProps: v } = r(e, {
+			emit: t,
+			slots: i,
+			attrs: n,
+			predicate: f,
+			block: e.block === void 0 ? !0 : e.block
+		});
+		return () => {
+			var t;
+			let n = {};
+			for (let r = 0; r < (((t = e.columns) == null ? void 0 : t.length) ?? 0); r++) {
+				let t = e.columns[r];
+				n[t.prop] = (e, n, r) => {
+					var a;
+					return (a = i[t.prop]) == null ? void 0 : a.call(i, e, n, r);
+				};
+			}
+			return m({ vNodes: o(a, s(_.value, v.value, {
+				disabled: g.value,
+				modelValue: u.value,
+				"onUpdate:modelValue": (e) => u.value = e,
+				placeholder: h.value,
+				onSelectionChange: p
+			}), {
+				...n,
+				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: ({ addRow: e, delRow: t, refresh: n }) => {
+					var r;
+					return (r = i.toolbar) == null ? void 0 : r.call(i, {
+						addRow: e,
+						delRow: t,
+						refresh: n
+					});
+				}
+			}) });
+		};
+	}
+};
+//#endregion
+export { p as t };

package/chunks/_DT9bjOz.js

@@ -0,0 +1,182 @@
+import "./B1EPd8qV.js";
+import { t as e } from "./Cll5nIzw.js";
+import { _ as t, h as n } from "./DiB3ANPI2.js";
+import { t as r } from "./Do-8eHRr2.js";
+import { hasAuthority as i } from "../api/index.js";
+import { toolbarContextKey as a } from "../constants/index.js";
+import { computed as o, createVNode as s, getCurrentInstance as c, inject as l, mergeProps as u, ref as d } from "vue";
+import { isArray as f, isFunction as p } from "@web-utils/core";
+//#region src/components/toolbar/button.ts
+var m = {
+	size: {
+		type: String,
+		default: "default"
+	},
+	type: {
+		type: String,
+		default: "default"
+	},
+	plain: {
+		type: Boolean,
+		default: !1
+	},
+	text: {
+		type: Boolean,
+		default: !1
+	},
+	bg: {
+		type: Boolean,
+		default: !1
+	},
+	link: {
+		type: Boolean,
+		default: !1
+	},
+	round: {
+		type: Boolean,
+		default: !1
+	},
+	circle: {
+		type: Boolean,
+		default: !1
+	},
+	dashed: {
+		type: Boolean,
+		default: !1
+	},
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	loadingIcon: [String, Object],
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	icon: [String, Object],
+	autofocus: {
+		type: Boolean,
+		default: !1
+	},
+	nativeType: {
+		type: String,
+		default: "button"
+	},
+	autoInsertSpace: {
+		type: Boolean,
+		default: !1
+	},
+	color: String,
+	dark: {
+		type: Boolean,
+		default: !1
+	},
+	tag: [String, Object],
+	label: String,
+	loadable: Boolean,
+	footer: Boolean,
+	primary: Boolean,
+	warning: Boolean,
+	privilege: String,
+	condition: { type: [
+		Array,
+		Function,
+		Boolean
+	] },
+	conditionTips: String,
+	confirm: Boolean,
+	confirmTips: String,
+	beforeExecute: Function,
+	afterExecute: Function,
+	route: [String, Object],
+	title: String,
+	cancelButtonText: String,
+	confirmButtonText: String
+}, h = {
+	icon: !0,
+	type: !0,
+	text: !0,
+	title: !0,
+	disabled: !0,
+	loading: !0,
+	label: !0,
+	loadable: !0,
+	footer: !0,
+	primary: !0,
+	warning: !0,
+	privilege: !0,
+	condition: !0,
+	conditionTips: !0,
+	confirm: !0,
+	confirmTips: !0,
+	beforeExecute: !0,
+	afterExecute: !0,
+	route: !0,
+	cancelButtonText: !0,
+	confirmButtonText: !0
+}, g = (e) => h[e] !== !0, _ = {
+	name: "ToolbarButton",
+	inheritAttrs: !1,
+	props: { ...m },
+	setup(m, { attrs: h, slots: _ }) {
+		let v = c(), y = l(a, null), b = d(!1), x = o(() => m.privilege ? i(m.privilege) : !0), S = async (n) => {
+			try {
+				if (p(m.beforeExecute) && await m.beforeExecute() === !1) return;
+				if (m.conditionTips) {
+					let e;
+					if (e = f(m.condition) ? m.condition.length <= 0 : p(m.condition) ? !m.condition() : !m.condition, e) {
+						t.warning(m.conditionTips);
+						return;
+					}
+				}
+				if (m.confirm || m.confirmTips) try {
+					await e.confirm(m.confirmTips || "你确定要删除该记录吗?", "系统提示", {
+						type: "warning",
+						distinguishCancelAndClose: !0,
+						cancelButtonText: m.cancelButtonText,
+						confirmButtonText: m.confirmButtonText
+					});
+				} catch (e) {
+					if (e === "cancel") {
+						let { onCancel: t } = h;
+						p(t) && await t(e);
+					} else if (e === "close") {
+						let { onClose: t } = h;
+						p(t) && await t(e);
+					}
+					return;
+				}
+				b.value = !0;
+				let i;
+				if (m.route) {
+					var r;
+					await ((r = v.proxy.$router) == null ? void 0 : r.push(m.route));
+				} else {
+					let { onClick: e } = h;
+					if (p(e)) try {
+						i = await e(n);
+					} catch {}
+				}
+				b.value = !1, p(m.afterExecute) && await m.afterExecute(i);
+			} catch {}
+		}, C = o(() => m.text ? !0 : m.type === "text"), w = o(() => {
+			if (!C.value) return m.primary ? "primary" : m.warning ? "warning" : m.type;
+		}), T = n(m, g);
+		return () => x.value ? s(r, u(T.value, {
+			title: m.footer || y != null && y.footer ? null : m.title,
+			disabled: m.disabled || b.value,
+			loading: m.loadable ? b.value : !1,
+			type: w.value,
+			text: C.value,
+			class: h.class,
+			style: h.style,
+			onClick: S
+		}), {
+			default: !m.circle && (m.label || _.default) ? () => _.default ? _.default() : m.label : null,
+			loading: _.loading,
+			icon: _.icon ? _.icon : m.icon ? () => s("i", { class: m.icon }, null) : null
+		}) : null;
+	}
+};
+//#endregion
+export { _ as t };

package/chunks/_MqUwxIX2.js

@@ -0,0 +1,145 @@
+import { i as e } from "./DiB3ANPI2.js";
+import { commonAutoBindProps as t, commonManualBindProps as n } from "../props/common.js";
+import { n as r, o as i } from "./Beh1v279.js";
+import { n as a } from "./DGDjsgmi2.js";
+import { n as o, t as s } from "./BamrxTuc2.js";
+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/a1C-V5Od.js

@@ -0,0 +1,89 @@
+import { t as e } from "./DqttRbt0.js";
+import { Fragment as t, createElementBlock as n, openBlock as r, renderList as i, renderSlot as a } from "vue";
+import o from "photoswipe";
+import "photoswipe/dist/photoswipe.css";
+//#region src/components/photo-swipe/index.ts
+function s(e) {
+	new o(e).init();
+}
+async function c(e, t, n = {
+	selector: "chat-image",
+	index: 0
+}) {
+	let r = e.target;
+	if (!(!r || r.classList.contains(n.selector) || r.tagName === "IMG")) return;
+	let i = t.querySelectorAll(n.selector === "img" ? n.selector : `.${n.selector}`), a = [...i].findIndex((e) => e === r);
+	a >= 0 && (n.index = a), s({
+		dataSource: await l(i),
+		index: a
+	});
+}
+async function l(e) {
+	let t = [];
+	for (let n = 0, r = e.length; n < r; n++) {
+		let r = e[n], i = r.getAttribute("data-src") || r.getAttribute("src"), a = {
+			src: i,
+			msrc: i,
+			alt: r.getAttribute("data-title") || r.getAttribute("alt"),
+			element: r
+		}, o = r.getAttribute("data-height"), s = r.getAttribute("data-width"), c = {
+			width: s,
+			height: o
+		};
+		!o && !s && (c = await u(r), r.setAttribute("data-height", c.height), r.setAttribute("data-width", c.width)), a.w = c.width, a.width = c.width, a.h = c.height, a.height = c.height, t.push(a);
+	}
+	return t;
+}
+function u(e) {
+	let t = e.getAttribute("data-src") || e.getAttribute("src"), n = e.getAttribute("data-height"), r = e.getAttribute("data-width");
+	return n && r ? {
+		width: r,
+		height: n
+	} : e.complete ? {
+		width: e.naturalWidth,
+		height: e.naturalHeight
+	} : new Promise((e) => {
+		let n = new Image();
+		n.src = t;
+		let r = {
+			width: 0,
+			height: 0
+		};
+		n.complete ? (r.width = n.width, r.height = n.height, e(r)) : (n.onload = () => {
+			r.width = n.width, r.height = n.height, e(r);
+		}, n.onerror = () => {
+			r.width = 0, r.height = 0, e(r);
+		});
+	});
+}
+//#endregion
+//#region src/components/photo-swipe/PhotoSwipe.vue
+var d = {
+	name: "PhotoSwipe",
+	props: {
+		urls: Array,
+		selector: {
+			type: String,
+			default: "img"
+		}
+	},
+	methods: { async preview(e) {
+		await c(e, this.$refs.wrapper, { selector: this.selector });
+	} }
+}, f = { ref: "wrapper" }, p = ["src"];
+function m(e, o, s, c, l, u) {
+	return r(), n("div", f, [a(e.$slots, "default", {
+		urls: s.urls,
+		preview: u.preview
+	}, () => [(r(!0), n(t, null, i(s.urls, (e) => (r(), n("img", {
+		key: e.src,
+		style: { cursor: "pointer" },
+		width: "100",
+		src: e.src,
+		alt: "",
+		onClick: o[0] || (o[0] = (...e) => u.preview && u.preview(...e))
+	}, null, 8, p))), 128))])], 512);
+}
+var h = /* @__PURE__ */ e(d, [["render", m]]);
+//#endregion
+export { h as t };