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

package/chunks/D3PMBaWK2.mjs

@@ -0,0 +1,108 @@
+import { n as e, o as t } from "./DGkSZT8r.mjs";
+import { useDictionary as n } from "../hook/useDictionary.mjs";
+import { allProps as r, predicate as i } from "../props/select.mjs";
+import { ElOption as a, ElSelect as o } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as s, createVNode as c, mergeProps as l, ref as u, watchEffect as d } from "vue";
+import { isNumber as f, isPlainObject as p, isString as m } from "@web-utils/core";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+//#endregion
+//#region src/components/form/FormSelect.vue
+var h = {
+	name: "FormSelect",
+	inheritAttrs: !1,
+	props: { ...r },
+	emits: { ...e },
+	setup(e, { emit: r, slots: h, attrs: g }) {
+		let { emitInput: _, render: v, placeholder: y, disabled: b, listeners: x, inputProps: S } = t(e, {
+			emit: r,
+			slots: h,
+			attrs: g,
+			predicate: i,
+			messagePrefix: "请选择"
+		}), C = u(null), w = u(!1);
+		d(() => {
+			if (e.multiple && e.multipleStringMode) {
+				var t;
+				C.value = (t = e.modelValue) == null ? void 0 : t.split(",").filter((e) => e);
+			} else C.value = e.modelValue;
+		});
+		let T = (t) => {
+			if (e.multiple && e.multipleStringMode ? _(t.join(e.multipleStringSeparator)) : _(t), e.emitLabel) {
+				let n = O.value.find((n) => n[e.props.value] === t), i = n == null ? void 0 : n[e.props.label];
+				i !== e.optionLabel && r("update:optionLabel", i);
+			}
+		}, { dictItems: E } = n(e), D = u([]), O = s(() => {
+			if (e.dictType) return E.value;
+			if (e.remote) return D.value;
+			if (e.gender) return [{
+				[e.props.label]: "男",
+				[e.props.value]: e.chinese ? "男" : e.typing ? 1 : "1"
+			}, {
+				[e.props.label]: "女",
+				[e.props.value]: e.chinese ? "女" : e.typing ? 2 : "2"
+			}];
+			if (e.confirm) return [{
+				[e.props.label]: "是",
+				[e.props.value]: e.chinese ? "是" : e.english ? "Y" : e.typing ? 1 : "1"
+			}, {
+				[e.props.label]: "否",
+				[e.props.value]: e.chinese ? "否" : e.english ? "N" : e.typing ? 0 : "0"
+			}];
+			if (e.all) return [{
+				[e.props.value]: "",
+				[e.props.label]: "全部"
+			}, ...e.options];
+			if (e.start && e.end) return Array(e.end - e.start + 1).fill(1).map((t, n) => ({
+				[e.props.label]: e.start + n,
+				[e.props.value]: e.start + n
+			}));
+			if (e.year) {
+				let t = (/* @__PURE__ */ new Date()).getFullYear(), n = [], r = 10;
+				f(e.year) && (r = e.year);
+				for (let i = -r; i <= r; i++) {
+					let r = t + i;
+					n.push({
+						[e.props.label]: r,
+						[e.props.value]: r
+					});
+				}
+				return n;
+			}
+			return e.options ? e.options.map((t) => (t[e.props.value] = t[e.props.value] ?? t[e.props.label], t)) : [];
+		}), k = async (t) => {
+			try {
+				var n;
+				w.value = !0;
+				let r = await e.remoteMethod(t, e.prop);
+				((n = r.data.data) == null ? void 0 : n.length) >= 0 ? m(r.data.data[0]) ? D.value = r.data.data.map((t) => ({
+					[e.props.value]: t,
+					[e.props.label]: t
+				})) : p(r.data.data[0]) && (D.value = r.data.data) : D.value = [];
+			} catch {}
+			w.value = !1;
+		};
+		return d(() => {
+			e.remote && k();
+		}), () => v({ vNodes: c(o, l(x.value, S.value, {
+			offset: e.dropDownOffset,
+			"model-value": C.value,
+			"onUpdate:modelValue": T,
+			disabled: b.value,
+			placeholder: y.value
+		}), {
+			...h,
+			default: h.default || (() => {
+				var e;
+				return (e = O.value) == null ? void 0 : e.map(({ value: e, label: t }) => c(a, {
+					key: e,
+					label: t,
+					value: e
+				}, null));
+			})
+		}) });
+	}
+};
+//#endregion
+export { h as t };

package/chunks/D7_Djkww2.mjs

@@ -0,0 +1,230 @@
+import { s as e } from "./ClVh1Lek.mjs";
+import { goBack as t, hasAuthority as n } from "../api/index.mjs";
+import { tableViewContextKey as r, toolbarContextKey as i } from "../constants/index.mjs";
+import { t as a } from "./Gh6td4HK.mjs";
+import { ElMessage as o } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Comment as s, createVNode as c } from "vue";
+import { NOOP as l, capitalize as u, copy as d } from "@web-utils/core";
+import "element-plus/es/components/message/style/css";
+//#region src/components/toolbar/Toolbar.vue?vue&type=script&lang.jsx
+var f = {
+	back: {
+		label: "返回",
+		type: "primary",
+		icon: "el-icon-arrow-left"
+	},
+	cancel: {
+		label: "取消",
+		icon: "el-icon-close"
+	},
+	create: {
+		label: "新增",
+		type: "primary",
+		icon: "el-icon-plus"
+	},
+	save: {
+		label: "保存",
+		type: "primary",
+		icon: "el-icon-takeaway-box",
+		loadable: !0
+	},
+	withdraw: {
+		label: "提取",
+		type: "primary",
+		icon: "el-icon-refresh-left"
+	},
+	edit: {
+		label: "编辑",
+		type: "primary",
+		icon: "el-icon-edit-outline"
+	},
+	submit: {
+		label: "审批办理",
+		type: "primary",
+		icon: "el-icon-s-promotion"
+	},
+	publish: {
+		label: "发布",
+		type: "primary",
+		icon: "el-icon-s-promotion"
+	},
+	agree: {
+		label: "同意",
+		type: "primary",
+		icon: "el-icon-check"
+	},
+	disagree: {
+		label: "不同意",
+		type: "primary",
+		icon: "el-icon-close"
+	},
+	reject: {
+		label: "退回",
+		type: "primary",
+		icon: "el-icon-s-release"
+	},
+	finish: {
+		label: "完成",
+		type: "primary",
+		icon: "el-icon-circle-check"
+	},
+	enable: {
+		label: "启用",
+		type: "primary",
+		icon: "el-icon-circle-check"
+	},
+	exp: {
+		label: "导出",
+		type: "primary",
+		icon: "el-icon-download"
+	},
+	imp: {
+		label: "导入",
+		type: "primary",
+		icon: "el-icon-upload"
+	},
+	del: {
+		label: "删除",
+		type: "primary",
+		icon: "el-icon-delete"
+	},
+	print: {
+		label: "打印",
+		type: "primary",
+		icon: "el-icon-printer"
+	},
+	disabled: {
+		label: "禁用",
+		type: "primary",
+		icon: "el-icon-remove-outline"
+	},
+	reload: {
+		label: "刷新",
+		icon: "el-icon-refresh",
+		separateLine: !1,
+		circle: !0
+	},
+	settings: {
+		label: "设置",
+		icon: "el-icon-s-operation",
+		separateLine: !1,
+		circle: !0
+	},
+	search: {
+		label: "搜索",
+		icon: "el-icon-search",
+		separateLine: !1,
+		circle: !0
+	}
+}, p = {
+	name: "Toolbar",
+	provide() {
+		return { [i]: this };
+	},
+	inject: { tableView: {
+		from: r,
+		default: null
+	} },
+	props: {
+		searchable: Boolean,
+		refreshable: Boolean,
+		buttons: {
+			type: Array,
+			default: () => ["back"]
+		},
+		back: Function,
+		cancel: Function,
+		emitter: {
+			type: String,
+			default: "self"
+		},
+		footer: Boolean,
+		label: Object
+	},
+	computed: {},
+	methods: {
+		goBack() {
+			t(this.$route.path);
+		},
+		createButton(t, { label: n, icon: r, type: i, separateLine: o = !0, loadable: s, circle: d, onClick: f, title: p }) {
+			var m;
+			let h, g = ((m = this.label) == null ? void 0 : m[t]) || n;
+			return h = f || (["back", "cancel"].includes(t) ? this.goBack : (n) => {
+				(e(this.$attrs, { withOn: !0 })[`on${u(t)}`] || l)(n);
+			}), c(a, {
+				"separate-line": o,
+				icon: r,
+				title: p,
+				label: g,
+				loadable: s,
+				circle: d,
+				footer: this.footer,
+				type: i,
+				onClick: h
+			}, null);
+		},
+		getLeftButtons() {
+			var e, t, r;
+			let { createButton: i } = this;
+			return (r = (((e = (t = this.$slots)["toolbar-left"]) == null ? void 0 : e.call(t)) || this.buttons.flatMap((e) => {
+				let t = f[e];
+				if (t) {
+					var n, r;
+					return ((n = (r = this.$slots)[e]) == null ? void 0 : n.call(r)) || i(e, t);
+				} else if (e === "slot") {
+					var a, o;
+					let e = ((a = (o = this.$slots).default) == null ? void 0 : a.call(o, {
+						buttons: this.buttons,
+						footer: this.footer
+					})) ?? null;
+					if (e && e.length === 1) {
+						var c;
+						return e == null || (c = e[0]) == null || (c = c.children) == null ? void 0 : c.filter((e) => e.type !== s);
+					}
+					return e || [];
+				} else return null;
+			})).filter((e) => e)) == null ? void 0 : r.filter((e) => e.props.privilege ? n(e.props.privilege) : !0);
+		},
+		getRightButtons() {
+			var e, t, n, r;
+			let i = (e = (t = this.$slots)["toolbar-right"]) == null ? void 0 : e.call(t), a = [
+				...((n = (r = this.$slots)["toolbar-right-button"]) == null ? void 0 : n.call(r)) || [],
+				this.getRefreshButton(),
+				this.getSettingsButton(),
+				this.getSearchButton()
+			];
+			if (process.env.NODE_ENV === "development") {
+				var s;
+				(s = this.tableView) != null && s.toggleSearch && a.push(this.createButton("copyColumnWidth", {
+					label: "复制列宽",
+					title: "复制列宽",
+					icon: "el-icon-document-copy",
+					separateLine: !1,
+					circle: !0,
+					onClick: () => {
+						let e = Array.from(this.$el.parentNode.querySelectorAll(".el-table__header > colgroup > col"));
+						e = e.filter((t, n) => n > 1 && n < e.length - 1).map((e) => `width="${e.getAttribute("width")}"`).join("\n"), d(e, () => {
+							o.success("复制成功");
+						});
+					}
+				}));
+			}
+			return i || a;
+		},
+		getSearchButton() {
+			return this.searchable ? this.createButton("search", f.search) : null;
+		},
+		getRefreshButton() {
+			return this.refreshable ? this.createButton("reload", f.reload) : null;
+		},
+		getSettingsButton() {
+			return this.refreshable ? this.createButton("settings", f.settings) : null;
+		}
+	},
+	render() {
+		return this.footer ? c("div", { class: "footer-bar" }, [this.getLeftButtons()]) : c("div", { class: "toolbar" }, [c("div", { class: "toolbar-left" }, [this.getLeftButtons()]), c("div", { class: "toolbar-right" }, [this.getRightButtons()])]);
+	}
+};
+//#endregion
+export { p as t };

package/chunks/DEHzWyyp.mjs

@@ -0,0 +1,64 @@
+import { Teleport as e, createVNode as t, nextTick as n, onBeforeUnmount as r, onMounted as i, ref as a, useTemplateRef as o, watchEffect as s } from "vue";
+//#endregion
+//#region src/components/Watermark.vue
+var c = {
+	name: "Watermark",
+	props: {
+		text: {
+			type: String,
+			default: ""
+		},
+		width: {
+			type: Number,
+			default: 200
+		},
+		height: {
+			type: Number,
+			default: 150
+		},
+		rotate: {
+			type: Number,
+			default: -30
+		},
+		color: {
+			type: String,
+			default: "rgba(0,0,0,0.15)"
+		},
+		backgroundColor: {
+			type: String,
+			default: "rgba(0,0,0,0)"
+		},
+		teleport: String
+	},
+	setup(c) {
+		let l = a(0), u = document.createElement("canvas");
+		u.width = c.width, u.height = c.height;
+		let d = u.getContext("2d");
+		d.font = "15px Verdana", d.fillStyle = c.backgroundColor, d.fillRect(0, 0, c.width, c.height), d.translate(c.width / 2, c.height / 2), d.rotate(c.rotate * Math.PI / 180), d.fillStyle = c.color, d.textAlign = "center", d.textBaseline = "middle", d.fillText(c.text, 0, 0);
+		let f = o("watermark"), p = a(), m = new MutationObserver(() => {
+			(!f.value.parentNode || !f.value.parentNode.contains(f.value)) && l.value++;
+		});
+		return s(async () => {
+			await n(), m.disconnect(), m.observe(f.value.parentNode, {
+				attributes: !0,
+				childList: !0,
+				subtree: !0
+			});
+		}), i(() => {
+			p.value = c.teleport || f.value.parentNode;
+		}), r(() => {
+			m.disconnect();
+		}), () => t(e, {
+			defer: !0,
+			to: p.value,
+			disabled: !p.value
+		}, { default: () => [t("div", {
+			key: l.value,
+			ref: "watermark",
+			class: "watermark",
+			style: { background: `url(${u.toDataURL("image/png")}) left top repeat` }
+		}, null)] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/DGkSZT8r.mjs

@@ -0,0 +1,155 @@
+import { g as e, h as t, o as n } from "./ClVh1Lek.mjs";
+import { formItemProps as r, predicate as i, useFormItemAutoBind as a } from "../props/form-item.mjs";
+import { colProps as o, predicate as s, useColAutoBind as c } from "../props/col.mjs";
+import { formHolderContextKey as l, formItemConfigProviderContextKey as u, formItemGroupContextKey as d, formViewContextKey as f } from "../constants/index.mjs";
+import { useFormItemProps as p, useRequired as m } from "../helper/form-item.mjs";
+import { ElCol as h, ElFormItem as g, ElTooltip as _, rowContextKey as v } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as y, createVNode as b, h as x, inject as S, mergeProps as C, toRef as w, useTemplateRef as T } from "vue";
+import "element-plus/es/components/col/style/css";
+import "element-plus/es/components/tooltip/style/css";
+import "element-plus/es/components/form-item/style/css";
+//#endregion
+//#region src/components/form/FormItem.vue
+var E = {
+	name: "FormItem",
+	inheritAttrs: !1,
+	props: {
+		...r,
+		...o
+	},
+	setup(e, { attrs: t, slots: n, expose: r }) {
+		let o = S(v, null), d = S(u, null), f = S(l, null), p = t.embed ? y(() => t.disabled) : O(e), x = a(e, { predicate: i }), w = c(e, { predicate: s }), E = y(() => (d == null ? void 0 : d.reactive) === !0 && d.block === !1 && e.fixedSpan === void 0 && !e.half), D = m(e), k = T("formItem"), A = y(() => (d == null ? void 0 : d.wrapCol) === !1 ? !1 : !!o && e.wrapCol), j = y(() => f != null && f.tableForm ? "" : d != null && d.block ? "100%" : e.half && A.value ? `calc(50% - ${o.gutter.value / 2}px)` : ""), M = y(() => (d == null ? void 0 : d.block) === !0 || e.block || e.half ? 24 : e.span), N = y(() => {
+			if (p.value) return [];
+			if (D.value) {
+				let t = {
+					required: !0,
+					message: e.message || `${e.messagePrefix || "请输入"}${e.label}`
+				};
+				return e.rules ? [...e.rules, t] : [t];
+			}
+			return e.rules;
+		});
+		return r({
+			clearValidate: () => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.clearValidate();
+			},
+			validate: () => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.validate();
+			},
+			resetField: () => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.resetField();
+			},
+			setInitialValue: () => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.setInitialValue();
+			},
+			size: y(() => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.size;
+			}),
+			validateMessage: y(() => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.validateMessage;
+			}),
+			validateState: y(() => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.validateState;
+			})
+		}), () => {
+			var r;
+			let i = n.tips || e.tips, a = i ? b(_, {
+				effect: "light",
+				content: e.tips,
+				offset: 4
+			}, {
+				default: () => b("i", { class: "el-icon-info form-item-input-info" }, null),
+				content: n.tips ? n.tips : null
+			}) : null, o = b(g, C(x.value, t, {
+				ref: "formItem",
+				style: { width: j.value },
+				class: [
+					"form-item",
+					e.formItemClass,
+					{
+						"form-item-hide-label": e.hideLabel,
+						"with-tips": !e.tipsAfterLabel && i,
+						required: p.value === !1 && D.value
+					}
+				],
+				rules: N.value
+			}), {
+				...n,
+				default: () => {
+					var t;
+					return [(t = n.default) == null ? void 0 : t.call(n, {
+						disabled: p.value,
+						required: D.value
+					}), i && !e.tipsAfterLabel ? a : null];
+				},
+				label: () => [n.label ? n.label() : e.label, e.tipsAfterLabel ? a : null]
+			}), s = [o, (r = n.below) == null ? void 0 : r.call(n)];
+			return e.unwrap ? s : A.value ? b(h, C(w.value, E.value ? {
+				xs: 24,
+				sm: 12,
+				md: 12,
+				lg: 8,
+				xl: 6
+			} : {}, { span: M.value }), { default: () => s }) : o;
+		};
+	}
+}, D = "update:modelValue", O = (e) => {
+	let t = S(l, null), n = S(d, null);
+	return y(() => {
+		if (e.disabled !== void 0) return e.disabled;
+		if (t) {
+			if (t.requiredFieldsMap[e.prop] === !0 || t.enabledFieldsMap[e.prop] === !0) return !1;
+			if (t.disabledFieldsMap[e.prop] === !0) return !0;
+		}
+		return (n == null ? void 0 : n.enabled) === !0 ? !1 : (n == null ? void 0 : n.disabled) === !0 ? !0 : (t == null ? void 0 : t.disabled) === !0;
+	});
+}, k = { [D]: null }, A = (e, t) => e(D, t), j = (e, { vNodes: t, formItemProps: n, slots: r, disabled: i, ref: a }) => e.wrapFormItem ? x(E, {
+	...n.value,
+	embed: !0,
+	disabled: i == null ? void 0 : i.value,
+	ref: a
+}, {
+	default: () => t,
+	label: r.label,
+	error: r.error,
+	tips: r.tips,
+	below: r.below
+}) : t, M = (r, { emit: i, slots: a, events: o, predicate: s, removeOn: c = !1, attrs: l, block: u, class: d, rules: m, messagePrefix: g = "请输入", extraFormItemProps: _ }) => {
+	let v = O(r), b = S(f, null), C = y(() => v.value || r.placeholder === !1 ? "" : r.placeholder === !0 ? `${g}${r.label}` : r.placeholder || `${g ?? ""}${r.label ?? ""}`), E = p(r, {
+		rules: m,
+		block: w(() => u === void 0 ? r.type === "textarea" && r.block === void 0 ? !0 : r.block : u),
+		attrs: l,
+		class: d,
+		message: C.value,
+		messagePrefix: g,
+		..._
+	}), D = (e) => A(i, e), k = (e) => r.col ? x(h, { span: r.block ? 24 : r.span }, { default: () => e }) : e, M = T("formItem"), N = ({ vNodes: e }) => j(r, {
+		vNodes: k(e),
+		formItemProps: E,
+		slots: a,
+		disabled: v,
+		ref: "formItem"
+	}), P = y(() => n(r, s, o, i)), F = e({ removeOn: c });
+	return {
+		emitInput: D,
+		render: N,
+		placeholder: C,
+		disabled: v,
+		formItemProps: E,
+		autoBind: P,
+		inputProps: t(r, s),
+		listeners: F,
+		formItem: M,
+		printing: y(() => (b == null ? void 0 : b.printing) === !0)
+	};
+}, N = (e) => e.icon ? x("i", { class: e.icon }) : null;
+//#endregion
+export { O as a, A as i, k as n, M as o, j as r, E as s, N as t };