@web-utils/form-ui 1.0.0-beta15 → 1.0.0-beta17

package/base.css

@@ -1 +1 @@
-:root{--el-disabled-text-color:#606266}
+:root{--el-disabled-text-color:#606266}.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{clear:both;visibility:hidden;content:" ";height:0;display:block}.flex-row{flex-direction:row;flex-shrink:0;display:flex}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{flex-direction:column;display:flex}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;bottom:0;left:0;right:0}.flex-not-shrink{flex-shrink:0}

package/chunks/1BaFmq0z.mjs

@@ -0,0 +1,168 @@
+import { i as e, n as t } from "./CEWLi7G1.mjs";
+import { n } from "./CQTt0Oq1.mjs";
+import { ElDatePicker as r } from "element-plus/es";
+import { computed as i, createVNode as a, mergeProps as o } from "vue";
+//#region src/components/form/props/date.js
+var s = {
+	...n,
+	modelValue: [
+		Number,
+		String,
+		Date,
+		Array
+	],
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	editable: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	placeholder: {
+		type: String,
+		default: ""
+	},
+	startPlaceholder: String,
+	endPlaceholder: String,
+	type: {
+		type: String,
+		default: "date"
+	},
+	format: {
+		type: String,
+		default: "YYYY-MM-DD"
+	},
+	popperClass: String,
+	popperStyle: [String, Object],
+	popperOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	rangeSeparator: {
+		type: String,
+		default: "-"
+	},
+	defaultValue: Object,
+	defaultTime: Object,
+	valueFormat: String,
+	id: [String, Array],
+	name: {
+		type: [String, Array],
+		default: ""
+	},
+	unlinkPanels: {
+		type: Boolean,
+		default: !1
+	},
+	prefixIcon: [String, Object],
+	clearIcon: [String, Object],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	disabledDate: Function,
+	shortcuts: {
+		type: Array,
+		default: () => []
+	},
+	cellClassName: Function,
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom",
+			"top",
+			"right",
+			"left"
+		]
+	},
+	placement: {
+		type: String,
+		default: "bottom"
+	},
+	showFooter: {
+		type: Boolean,
+		default: !0
+	},
+	showConfirm: {
+		type: Boolean,
+		default: !0
+	},
+	showWeekNumber: {
+		type: Boolean,
+		default: !1
+	},
+	automaticDropdown: {
+		type: Boolean,
+		default: !0
+	}
+}, c = { modelValue: !0 }, l = ["change"], u = (e) => n[e] === void 0 && c[e] !== !0, d = {
+	name: "FormDatePicker",
+	inheritAttrs: !1,
+	props: {
+		...s,
+		split: Boolean,
+		startDate: String,
+		endDate: String
+	},
+	emits: {
+		...t,
+		"update:startDate": null,
+		"update:endDate": null
+	},
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let { emitInput: d, render: f, placeholder: p, disabled: m, autoBind: h } = e(t, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			events: l,
+			predicate: u,
+			messagePrefix: "请选择"
+		}), g = i(() => {
+			switch (t.type) {
+				case "date":
+				case "daterange": return "YYYY-MM-DD";
+				case "datetime":
+				case "datetimerange": return "YYYY-MM-DD HH:mm:ss";
+				default: return "";
+			}
+		}), _ = i(() => t.split && t.type.indexOf("range") > -1), v = (e, t) => {
+			n("update:startDate", e), n("update:endDate", t);
+		}, y = (e) => {
+			_.value ? e ? v(e[0], e[1]) : v(null, null) : d(e);
+		}, b = i(() => _.value ? [t.startDate, t.endDate] : t.modelValue);
+		return () => f({ vNodes: a(r, o({ style: "width: 100%" }, h.value, {
+			modelValue: b.value,
+			disabled: m.value,
+			placeholder: p.value,
+			format: g.value,
+			"value-format": g.value,
+			"onUpdate:modelValue": y
+		}), {
+			default: s.default,
+			"range-separator": s["range-separator"],
+			"pre-month": s["pre-month"],
+			"next-month": s["next-month"],
+			"pre-year": s["pre-year"],
+			"next-year": s["next-year"]
+		}) });
+	}
+};
+//#endregion
+export { d as t };

package/chunks/3ItTydl6.mjs

@@ -0,0 +1,100 @@
+import { i as e, n as t } from "./CEWLi7G1.mjs";
+import { n } from "./CQTt0Oq1.mjs";
+import { ElSwitch as r } from "element-plus/es";
+import { createVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/props/switch.js
+var s = {
+	...n,
+	modelValue: [
+		Boolean,
+		String,
+		Number
+	],
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	size: {
+		type: String,
+		default: ""
+	},
+	width: [Number, String],
+	inlinePrompt: {
+		type: Boolean,
+		default: !1
+	},
+	activeIcon: [String, Object],
+	inactiveIcon: [String, Object],
+	activeActionIcon: [String, Object],
+	inactiveActionIcon: [String, Object],
+	activeText: {
+		type: String,
+		default: ""
+	},
+	inactiveText: {
+		type: String,
+		default: ""
+	},
+	activeValue: [
+		Boolean,
+		String,
+		Number
+	],
+	inactiveValue: [
+		Boolean,
+		String,
+		Number
+	],
+	name: {
+		type: String,
+		default: ""
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	beforeChange: Function,
+	id: String,
+	tabindex: [String, Number],
+	ariaLabel: String,
+	activeColor: {
+		type: String,
+		default: ""
+	},
+	inactiveColor: {
+		type: String,
+		default: ""
+	},
+	borderColor: {
+		type: String,
+		default: ""
+	}
+}, c = { modelValue: !0 }, l = ["change"], u = (e) => n[e] === void 0 && c[e] !== !0, d = {
+	name: "FormSwitch",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: {
+		...t,
+		change: null
+	},
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let d = o(t, "modelValue"), { render: f, disabled: p, autoBind: m } = e(t, {
+			emit: n,
+			slots: s,
+			events: l,
+			predicate: u
+		});
+		return () => f({ vNodes: i(r, a(m.value, c, {
+			modelValue: d.value,
+			"onUpdate:modelValue": (e) => d.value = e,
+			disabled: p.value
+		}), {
+			"active-action": s["active-action"],
+			"inactive-action": s["inactive-action"],
+			active: s.active,
+			inactive: s.inactive
+		}) });
+	}
+};
+//#endregion
+export { d as t };

package/chunks/B5B9au3z.mjs

@@ -0,0 +1,180 @@
+import { n as e } from "./Bh_CMUlo.mjs";
+import { ElDialog as t } from "element-plus/es";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, getCurrentInstance as c, mergeModels as l, mergeProps as u, normalizeClass as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, unref as g, useModel as _, useTemplateRef as v, withCtx as y, withModifiers as b } from "vue";
+//#region src/components/dialog/props.js
+var x = {
+	modelValue: {
+		type: Boolean,
+		default: !1
+	},
+	title: {
+		type: String,
+		default: ""
+	},
+	width: [String, Number],
+	fullscreen: {
+		type: Boolean,
+		default: !1
+	},
+	top: {
+		type: String,
+		default: ""
+	},
+	modal: {
+		type: Boolean,
+		default: !0
+	},
+	modalPenetrable: {
+		type: Boolean,
+		default: !1
+	},
+	modalClass: String,
+	headerClass: String,
+	bodyClass: String,
+	footerClass: String,
+	appendToBody: {
+		type: Boolean,
+		default: !0
+	},
+	appendTo: [String, Object],
+	lockScroll: {
+		type: Boolean,
+		default: !0
+	},
+	openDelay: {
+		type: Number,
+		default: 0
+	},
+	closeDelay: {
+		type: Number,
+		default: 0
+	},
+	closeOnClickModal: { type: Boolean },
+	closeOnPressEscape: {
+		type: Boolean,
+		default: !0
+	},
+	showClose: {
+		type: Boolean,
+		default: !0
+	},
+	beforeClose: Function,
+	draggable: {
+		type: Boolean,
+		default: !0
+	},
+	overflow: {
+		type: Boolean,
+		default: !1
+	},
+	center: {
+		type: Boolean,
+		default: !1
+	},
+	alignCenter: {
+		type: Boolean,
+		default: !1
+	},
+	destroyOnClose: {
+		type: Boolean,
+		default: !1
+	},
+	closeIcon: [String, Object],
+	zIndex: Number,
+	headerAriaLevel: {
+		type: String,
+		default: "2"
+	},
+	transition: [String, Object],
+	customClass: {
+		type: String,
+		default: ""
+	},
+	height: String,
+	embed: Boolean,
+	showFullscreen: Boolean,
+	showFullScreen: Boolean
+}, S = {
+	embed: !0,
+	height: !0,
+	showFullscreen: !0,
+	showFullScreen: !0,
+	fullscreen: !0,
+	showClose: !0
+}, C = [
+	"open",
+	"opened",
+	"close",
+	"closed",
+	"open-auto-focus",
+	"close-auto-focus"
+], w = (e) => S[e] !== !0, T = { class: "dialog-title" }, E = { class: "dialog-header-buttons" }, D = {
+	__name: "ElementDialog",
+	props: /* @__PURE__ */ l({ ...x }, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ l({
+		open: null,
+		opened: null,
+		close: null,
+		closed: null,
+		"open-auto-focus": null,
+		"close-auto-focus": null,
+		"toggle-fullscreen": null
+	}, ["update:modelValue"]),
+	setup(l, { expose: x, emit: S }) {
+		let D = _(l, "modelValue"), O = l, k = S, A = e(O, {
+			emit: k,
+			events: C,
+			predicate: w
+		}), j = v("dialog"), M = p(O.fullscreen), N = () => {
+			M.value = !M.value, k("toggle-fullscreen", M.value);
+		}, P = n(() => M.value ? "100%" : O.height), F = c(), I = () => {
+			O.embed ? (F.parent.emit("update:visible", !1), F.parent.emit("update:modelValue", !1)) : j.value.handleClose();
+		};
+		return x({
+			close: I,
+			hide: I
+		}), (e, n) => {
+			let c = t;
+			return f(), r(c, u({
+				ref: "dialog",
+				modelValue: D.value,
+				"onUpdate:modelValue": n[0] || (n[0] = (e) => D.value = e)
+			}, g(A), {
+				"show-close": !1,
+				fullscreen: g(M),
+				style: { "--dialog-body-height": g(P) }
+			}), s({
+				header: y(() => [i(" @slot 对话框标题的内容；会替换标题部分，但会移除关闭按钮 "), m(e.$slots, "header", {}, () => [o("div", T, h(e.title), 1), o("div", E, [e.showFullscreen || e.showFullScreen ? (f(), a("i", {
+					key: 0,
+					class: d(["dialog-header-button", {
+						"el-icon-full-screen": !e.fullscreen,
+						"el-icon-copy-document": e.fullscreen
+					}]),
+					onClick: b(N, ["stop"])
+				}, null, 2)) : i("v-if", !0), e.showClose ? (f(), a("i", {
+					key: 1,
+					class: "dialog-header-button el-icon-close",
+					onClick: b(I, ["stop"])
+				})) : i("v-if", !0)])])]),
+				default: y(() => [i(" @slot 对话框的默认内容 "), m(e.$slots, "default")]),
+				_: 2
+			}, [e.$slots.footer ? {
+				name: "footer",
+				fn: y(() => [i(" @slot Dialog 按钮操作区的内容 "), m(e.$slots, "footer", { close: I })]),
+				key: "0"
+			} : void 0]), 1040, [
+				"modelValue",
+				"fullscreen",
+				"style"
+			]);
+		};
+	}
+};
+//#endregion
+export { D as t };

package/chunks/Bh_CMUlo.mjs

@@ -0,0 +1,12 @@
+import { computed as e } from "vue";
+import { capitalize as t } from "@web-utils/core";
+//#region src/util/index.js
+var n = (e, n, r, i) => {
+	let a = {};
+	if (n) for (let t in e) n(t) && (a[t] = e[t]);
+	return r && r.forEach((e) => {
+		a[`on${t(e)}`] = (...t) => i(e, ...t);
+	}), a;
+}, r = (t, { emit: r, events: i, predicate: a }) => e(() => n(t, a, i, r));
+//#endregion
+export { r as n, n as t };

package/chunks/CEWLi7G1.mjs

@@ -0,0 +1,222 @@
+import { formHolderContextKey as e, formItemConfigProviderContextKey as t } from "../constants.mjs";
+import { t as n } from "./Bh_CMUlo.mjs";
+import { ElCol as r, ElFormItem as i, ElTooltip as a } from "element-plus/es";
+import { computed as o, createVNode as s, h as c, inject as l, mergeProps as u, nextTick as d, unref as f, useTemplateRef as p } from "vue";
+import { ElCol as m, rowContextKey as h } from "element-plus";
+//#region src/components/form/props/form-item.js
+var g = {
+	prop: [String, Array],
+	label: String,
+	labelPosition: {
+		type: String,
+		default: ""
+	},
+	labelWidth: [String, Number],
+	required: {
+		type: Boolean,
+		default: !1
+	},
+	rules: Object,
+	error: String,
+	showMessage: {
+		type: Boolean,
+		default: !0
+	},
+	inlineMessage: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	for: String,
+	validateStatus: String,
+	messagePrefix: String,
+	message: String,
+	wrapCol: {
+		type: Boolean,
+		default: !0
+	},
+	fixedSpan: Number,
+	block: Boolean,
+	unwrap: Boolean,
+	half: Boolean,
+	formItemClass: String,
+	hideLabel: Boolean,
+	tips: { type: String },
+	tipsAfterLabel: {
+		type: Boolean,
+		default: !1
+	},
+	labelColspan: [Number, String],
+	inputColspan: [Number, String],
+	labelRowspan: [Number, String],
+	inputRowspan: [Number, String]
+}, _ = {
+	required: !0,
+	rules: !0,
+	messagePrefix: !0,
+	message: !0,
+	wrapCol: !0,
+	fixedSpan: !0,
+	block: !0,
+	unwrap: !0,
+	half: !0,
+	formItemClass: !0,
+	hideLabel: !0,
+	tips: !0,
+	tipsAfterLabel: !0,
+	labelColspan: !0,
+	inputColspan: !0,
+	labelRowspan: !0,
+	inputRowspan: !0
+}, v = (e) => g[e] !== void 0 && _[e] !== !0, y = (e, { emit: t, events: r, predicate: i }) => o(() => n(e, i, r, t)), b = {
+	span: {
+		type: Number,
+		default: 12
+	},
+	offset: {
+		type: Number,
+		default: 0
+	},
+	push: {
+		type: Number,
+		default: 0
+	},
+	pull: {
+		type: Number,
+		default: 0
+	},
+	xs: { type: [Number, Object] },
+	sm: { type: [Number, Object] },
+	md: { type: [Number, Object] },
+	lg: { type: [Number, Object] },
+	xl: { type: [Number, Object] },
+	tag: {
+		type: String,
+		default: "div"
+	}
+}, x = { span: !0 }, S = (e) => b[e] !== void 0 && x[e] !== !0, C = (e, { emit: t, events: r, predicate: i }) => o(() => n(e, i, r, t)), w = (t) => {
+	let n = l(e, null);
+	return o(() => t.required === !0 ? !0 : (n == null ? void 0 : n.requiredFieldsMap[t.prop]) === !0);
+}, T = (e, { rules: t, attrs: n, messagePrefix: r, message: i } = {}) => {
+	let a = w(e);
+	return o(() => {
+		let o = { message: i }, s = f(t);
+		return Object.keys({
+			...g,
+			...b
+		}).forEach((t) => {
+			t === "rules" ? e[t] && s ? o[t] = [...e[t], ...s] : e[t] ? o[t] = e[t] : s && (o[t] = s) : t === "messagePrefix" ? o[t] = e.messagePrefix || r : o[t] = e[t];
+		}), o.required = a.value, o.class = n == null ? void 0 : n.class, o.style = n == null ? void 0 : n.style, o;
+	});
+}, E = {
+	name: "FormItemX",
+	inheritAttrs: !1,
+	props: {
+		...g,
+		...b
+	},
+	setup(n, { attrs: c, slots: f, expose: m }) {
+		let g = l(h, null), _ = l(t, null), b = l(e, null), x = c.embed ? o(() => c.disabled) : O(n), T = y(n, { predicate: v }), E = C(n, { predicate: S }), D = o(() => (_ == null ? void 0 : _.reactive) === !0 && _.block === !1 && n.fixedSpan === void 0 && !n.half), k = w(n), A = p("formItem"), j = o(() => (_ == null ? void 0 : _.wrapCol) === !1 ? !1 : !!g && n.wrapCol), M = o(() => b != null && b.tableForm ? "" : _ != null && _.block ? "100%" : n.half && j.value ? `calc(50% - ${g.gutter.value / 2}px)` : ""), N = o(() => (_ == null ? void 0 : _.block) === !0 || n.block || n.half ? 24 : n.span), P = o(() => {
+			if (x.value) return [];
+			if (k.value) {
+				let e = {
+					required: !0,
+					message: n.message || `${n.messagePrefix || "请输入"}${n.label}`
+				};
+				return n.rules ? [...n.rules, e] : [e];
+			}
+			return n.rules;
+		});
+		return m({
+			clearValidate: async () => {
+				var e;
+				await d(), (e = A.value) == null || e.clearValidate();
+			},
+			validate: async () => {
+				var e;
+				await d(), (e = A.value) == null || e.validate();
+			}
+		}), () => {
+			var e;
+			let t = f.tips || n.tips, o = t ? s(a, {
+				effect: "light",
+				content: n.tips,
+				offset: 4
+			}, {
+				default: () => s("i", { class: "el-icon-info form-item-input-info" }, null),
+				content: f.tips ? f.tips : null
+			}) : null, c = s(i, u(T.value, {
+				ref: "formItem",
+				style: { width: M.value },
+				class: [
+					"form-item",
+					n.formItemClass,
+					{
+						"form-item-hide-label": n.hideLabel,
+						"with-tips": !n.tipsAfterLabel && t,
+						required: x.value === !1 && k.value
+					}
+				],
+				rules: P.value
+			}), {
+				...f,
+				default: () => {
+					var e;
+					return [(e = f.default) == null ? void 0 : e.call(f, {
+						disabled: x.value,
+						required: k.value
+					}), t && !n.tipsAfterLabel ? o : null];
+				},
+				label: () => [f.label ? f.label() : n.label, n.tipsAfterLabel ? o : null]
+			}), l = [c, (e = f.below) == null ? void 0 : e.call(f)];
+			return n.unwrap ? l : j.value ? s(r, u(E.value, D.value ? {
+				xs: 24,
+				sm: 12,
+				md: 12,
+				lg: 8,
+				xl: 6
+			} : {}, { span: N.value }), { default: () => l }) : c;
+		};
+	}
+}, D = "update:modelValue", O = (t) => {
+	let n = l(e, null), r = l("formItemGroup", null);
+	return o(() => {
+		if (t.disabled !== void 0) return t.disabled;
+		if (n) {
+			if (n.requiredFieldsMap[t.prop] === !0 || n.enabledFieldsMap[t.prop] === !0) return !1;
+			if (n.disabledFieldsMap[t.prop] === !0) return !0;
+		}
+		return (r == null ? void 0 : r.enabled) === !0 ? !1 : (r == null ? void 0 : r.disabled) === !0 ? !0 : (n == null ? void 0 : n.disabled) === !0;
+	});
+}, k = { [D]: null }, A = (e, t) => e(D, t), j = (e, { vNodes: t, formItemProps: n, slots: r, disabled: i }) => e.wrapFormItem ? c(E, {
+	...n.value,
+	embed: !0,
+	disabled: i == null ? void 0 : i.value
+}, {
+	default: () => t,
+	label: r.label,
+	error: r.error,
+	tips: r.tips,
+	below: r.below
+}) : t, M = (e, { emit: t, slots: r, attrs: i, rules: a, events: s, predicate: l, messagePrefix: u = "请输入" }) => {
+	let d = O(e), f = o(() => d.value ? "" : `${u}${e.label}`), p = T(e, {
+		rules: a,
+		attrs: i,
+		message: f.value
+	}), h = (e) => A(t, e), g = (t) => e.col ? c(m, { span: e.block ? 24 : e.span }, { default: () => t }) : t;
+	return {
+		emitInput: h,
+		render: ({ vNodes: t }) => j(e, {
+			vNodes: g(t),
+			formItemProps: p,
+			slots: r,
+			disabled: d
+		}),
+		placeholder: f,
+		disabled: d,
+		formItemProps: p,
+		autoBind: o(() => n(e, l, s, t))
+	};
+}, N = (e) => e.icon ? c("i", { class: e.icon }) : null;
+//#endregion
+export { E as a, g as c, M as i, k as n, T as o, j as r, b as s, N as t };