@web-utils/form-ui 1.0.0-beta2 → 1.0.0-beta21

package/chunks/Cw8pz9hK.mjs

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

package/chunks/D4v0MyB_.mjs

@@ -0,0 +1,106 @@
+import { i as e, n as t } from "./Cw8pz9hK.mjs";
+import { n } from "./CnsFNU2A.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: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !0
+	},
+	inactiveValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !1
+	},
+	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/D9GcEl6r.mjs

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };

package/chunks/DGhMkri0.mjs

@@ -0,0 +1,88 @@
+import { i as e, n as t } from "./Cw8pz9hK.mjs";
+import { n } from "./CnsFNU2A.mjs";
+import { ElRate as r } from "element-plus/es";
+import { createVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/props/rate.js
+var s = {
+	...n,
+	modelValue: Number,
+	max: {
+		type: Number,
+		default: 5
+	},
+	size: String,
+	allowHalf: {
+		type: Boolean,
+		default: !1
+	},
+	lowThreshold: {
+		type: Number,
+		default: 2
+	},
+	highThreshold: {
+		type: Number,
+		default: 4
+	},
+	colors: [Array, Object],
+	voidColor: {
+		type: String,
+		default: "#c6d1de"
+	},
+	disabledVoidColor: {
+		type: String,
+		default: "#eff2f7"
+	},
+	icons: [Array, Object],
+	voidIcon: [String, Object],
+	disabledVoidIcon: [String, Object],
+	showText: {
+		type: Boolean,
+		default: !1
+	},
+	showScore: {
+		type: Boolean,
+		default: !1
+	},
+	textColor: String,
+	texts: {
+		type: Array,
+		default: () => [
+			"Extremely bad",
+			"Disappointed",
+			"Fair",
+			"Satisfied",
+			"Surprise"
+		]
+	},
+	scoreTemplate: String,
+	clearable: {
+		type: Boolean,
+		default: !1
+	},
+	id: String,
+	ariaLabel: String
+}, c = { modelValue: !0 }, l = ["change"], u = (e) => n[e] === void 0 && c[e] !== !0, d = {
+	name: "FormRate",
+	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,
+			attrs: c,
+			events: l,
+			predicate: u
+		});
+		return () => f({ vNodes: i(r, a(m.value, {
+			modelValue: d.value,
+			"onUpdate:modelValue": (e) => d.value = e,
+			disabled: p.value
+		}), null) });
+	}
+};
+//#endregion
+export { d as t };

package/chunks/DOI7ju3i.mjs

@@ -0,0 +1,108 @@
+import { i as e, n as t } from "./Cw8pz9hK.mjs";
+import { n, t as r } from "./CnsFNU2A.mjs";
+import { ElInputNumber as i } from "element-plus/es";
+import { computed as a, createVNode as o, mergeProps as s } from "vue";
+import { isString as c } from "@web-utils/core";
+//#region src/components/form/props/input-number.js
+var l = {
+	...n,
+	...r,
+	modelValue: [Number, null],
+	min: {
+		type: Number,
+		default: -(2 ** 53 - 1)
+	},
+	max: {
+		type: Number,
+		default: 2 ** 53 - 1
+	},
+	step: {
+		type: Number,
+		default: 1
+	},
+	stepStrictly: {
+		type: Boolean,
+		default: !1
+	},
+	precision: Number,
+	size: {
+		type: String,
+		default: "default"
+	},
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	controls: {
+		type: Boolean,
+		default: !1
+	},
+	controlsPosition: String,
+	name: String,
+	ariaLabel: String,
+	placeholder: String,
+	id: String,
+	valueOnClear: [
+		Number,
+		null,
+		String
+	],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	label: String,
+	inputmode: String,
+	align: {
+		type: String,
+		default: "left"
+	},
+	disabledScientific: {
+		type: Boolean,
+		default: !1
+	},
+	prefix: String,
+	suffix: String
+}, u = {
+	readonly: !0,
+	placeholder: !0,
+	modelValue: !0,
+	prefix: !0,
+	suffix: !0
+}, d = [
+	"change",
+	"blur",
+	"focus"
+], f = (e) => n[e] === void 0 && u[e] !== !0, p = {
+	name: "FormInputNumber",
+	inheritAttrs: !1,
+	props: { ...l },
+	emits: {
+		...t,
+		change: null,
+		blur: null,
+		focus: null
+	},
+	setup(t, { emit: n, slots: r, attrs: l }) {
+		let { emitInput: u, render: p, placeholder: m, disabled: h, autoBind: g } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: l,
+			events: d,
+			predicate: f
+		}), _ = a(() => c(t.modelValue) ? Number(t.modelValue) : t.modelValue);
+		return () => p({ vNodes: o(i, s({ style: "width: 100%" }, g.value, {
+			modelValue: _.value,
+			disabled: h.value,
+			"onUpdate:modelValue": u,
+			placeholder: m.value
+		}), {
+			prefix: r.prefix || t.prefix ? () => t.prefix : null,
+			suffix: r.suffix || t.suffix ? () => t.suffix : null,
+			"decrease-icon": r["decrease-icon"],
+			"increase-icon": r["increase-icon"]
+		}) });
+	}
+};
+//#endregion
+export { p as t };

package/chunks/DRDj0e_k.mjs

@@ -0,0 +1,171 @@
+import { i as e, n as t } from "./Cw8pz9hK.mjs";
+import { n } from "./CnsFNU2A.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
+	},
+	split: Boolean,
+	startDate: String,
+	endDate: String
+}, c = {
+	modelValue: !0,
+	name: !0,
+	emptyValues: !0,
+	valueOnClear: !0
+}, l = ["change"], u = (e) => n[e] === void 0 && c[e] !== !0, d = {
+	name: "FormDatePicker",
+	inheritAttrs: !1,
+	props: { ...s },
+	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 };