@web-utils/form-ui 1.0.0-beta4 → 1.0.0-beta40

package/chunks/Bm5eiSmT.mjs

@@ -0,0 +1,79 @@
+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";
+//#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;
+	o && t.stopPropagation(), s && t.preventDefault();
+	let { onBefore: h, onClick: g, onCancel: _, onAfter: v } = r;
+	if (e(g)) try {
+		let n = !0;
+		if (e(h) && (n = await h(t)), !n) return;
+		d && await a.confirm(c || p, {
+			type: f,
+			title: m
+		});
+		let r;
+		l && (r = i.service({
+			background: "rgba(0,0,0,0.3)",
+			text: u
+		}));
+		let o;
+		try {
+			o = await g(t);
+		} catch {}
+		l && (r == null || r.close()), e(v) && await v(t, o);
+	} catch (t) {
+		e(_) && await _(t);
+	}
+}
+var s = t({
+	inheritAttrs: !1,
+	props: {
+		stop: {
+			type: Boolean,
+			default: !0
+		},
+		prevent: {
+			type: Boolean,
+			default: !0
+		},
+		text: {
+			type: String,
+			default: ""
+		},
+		message: String,
+		confirmable: {
+			type: Boolean,
+			default: !0
+		},
+		confirmText: {
+			type: String,
+			default: "你确定要删除该记录吗？"
+		},
+		confirmType: {
+			type: String,
+			default: "warning"
+		},
+		confirmTitle: String,
+		loadable: Boolean,
+		loadingText: {
+			type: String,
+			default: "正在处理中请稍候..."
+		},
+		tag: {
+			type: String,
+			default: "i"
+		}
+	},
+	render() {
+		let e = r(this.tag), { text: t, ...i } = this.$props, { onClick: a, ...s } = this.$attrs;
+		return n(e, {
+			...s,
+			...i,
+			onClick: (e) => o(e, this.$props, this.$attrs)
+		}, { default: this.$slots.default || (() => t) });
+	}
+});
+//#endregion
+export { s as t };

package/chunks/BsCS7SB5.mjs

@@ -0,0 +1,141 @@
+import { i as e, n as t } from "./Cj59E77g.mjs";
+import { n } from "./CSyJ-vEx.mjs";
+import { useDictionary as r } from "../hook/useDictionary.mjs";
+import { computed as i, createVNode as a, isVNode as o, mergeProps as s, useModel as c } from "vue";
+import { ElRadio as l, ElRadioButton as u, ElRadioGroup as d } from "element-plus/es";
+//#region src/components/form/props/radio-group.ts
+var f = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean
+	],
+	size: {
+		type: String,
+		default: "default"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	textColor: {
+		type: String,
+		default: "#ffffff"
+	},
+	fill: {
+		type: String,
+		default: "#409eff"
+	},
+	ariaLabel: String,
+	name: String,
+	id: String,
+	options: {
+		type: Array,
+		default: () => []
+	},
+	props: {
+		type: Object,
+		default: () => ({
+			value: "value",
+			label: "label",
+			disabled: "disabled"
+		})
+	},
+	type: {
+		type: String,
+		default: "radio"
+	},
+	border: Boolean,
+	gender: Boolean,
+	overFlow: Boolean,
+	confirm: Boolean,
+	trigger: {
+		type: String,
+		default: "change"
+	},
+	labelProp: {
+		type: String,
+		default: "name"
+	},
+	valueProp: {
+		type: String,
+		default: "code"
+	},
+	english: Boolean,
+	chinese: Boolean,
+	typing: Boolean,
+	classic: {
+		type: Boolean,
+		default: !0
+	},
+	fillRow: Boolean,
+	ellipsis: Boolean,
+	inline: Boolean,
+	allowCancel: Boolean,
+	radioType: {
+		type: String,
+		default: "radio"
+	},
+	dictType: String
+}, p = {
+	modelValue: !0,
+	disabled: !0,
+	type: !0,
+	options: !0
+}, m = (e) => n[e] === void 0 && p[e] !== !0;
+//#endregion
+//#region src/components/form/FormRadioGroup.vue?vue&type=script&lang.jsx
+function h(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !o(e);
+}
+//#endregion
+//#region src/components/form/FormRadioGroup.vue
+var g = {
+	name: "FormRadioGroup",
+	inheritAttrs: !1,
+	props: { ...f },
+	emits: { ...t },
+	setup(t, { slots: n, attrs: o, emit: f }) {
+		let p = c(t, "modelValue"), { render: g, disabled: _, listeners: v, inputProps: y } = e(t, {
+			emit: f,
+			slots: n,
+			attrs: o,
+			predicate: m,
+			messagePrefix: "请选择"
+		}), b = i(() => t.classic ? "label" : t.labelProp), x = i(() => t.classic ? "value" : t.valueProp), { dictItems: S } = r(t), C = i(() => t.dictType ? S.value : t.gender ? [{
+			[b.value]: "男",
+			[x.value]: t.chinese ? "男" : t.typing ? 1 : "1"
+		}, {
+			[b.value]: "女",
+			[x.value]: t.chinese ? "女" : t.typing ? 2 : "2"
+		}] : t.confirm ? [{
+			[b.value]: "是",
+			[x.value]: t.chinese ? "是" : t.english ? "Y" : t.typing ? 1 : "1"
+		}, {
+			[b.value]: "否",
+			[x.value]: t.chinese ? "否" : t.english ? "N" : t.typing ? 0 : "0"
+		}] : t.options);
+		return () => g({ vNodes: a(d, s(v.value, y.value, {
+			modelValue: p.value,
+			"onUpdate:modelValue": (e) => p.value = e,
+			disabled: _.value
+		}), {
+			...n,
+			default: n.default || (() => {
+				var e;
+				return (e = C.value) == null ? void 0 : e.map(({ value: e, label: n, disabled: r }) => t.type === "button" || t.radioType === "button" ? a(u, {
+					key: e,
+					value: e,
+					disabled: r
+				}, h(n) ? n : { default: () => [n] }) : a(l, {
+					key: e,
+					value: e,
+					disabled: r
+				}, h(n) ? n : { default: () => [n] }));
+			})
+		}) });
+	}
+};
+//#endregion
+export { g as t };

package/chunks/BufIRDd0.mjs

@@ -0,0 +1,185 @@
+import { u as e } from "./cmuHpsX6.mjs";
+import { formHolderContextKey as t, formViewContextKey as n } from "../constants/index.mjs";
+import r from "../form-advice/index.mjs";
+import i from "../form-red-table/index.mjs";
+import { animate as a } from "@web-utils/core";
+import { computed as o, createVNode as s, inject as c, mergeProps as l, nextTick as u, provide as d, reactive as f, toRef as p, useTemplateRef as m } from "vue";
+import { ElForm as h, ElRow as g } from "element-plus/es";
+//#region src/components/form/props/form.ts
+var _ = {
+	model: Object,
+	rules: Object,
+	inline: {
+		type: Boolean,
+		default: !1
+	},
+	labelPosition: {
+		type: String,
+		default: "right"
+	},
+	labelWidth: {
+		type: [String, Number],
+		default: "auto"
+	},
+	labelSuffix: {
+		type: String,
+		default: ""
+	},
+	hideRequiredAsterisk: {
+		type: Boolean,
+		default: !1
+	},
+	requireAsteriskPosition: {
+		type: String,
+		default: "left"
+	},
+	showMessage: {
+		type: Boolean,
+		default: !0
+	},
+	inlineMessage: {
+		type: Boolean,
+		default: !1
+	},
+	statusIcon: {
+		type: Boolean,
+		default: !1
+	},
+	validateOnRuleChange: {
+		type: Boolean,
+		default: !0
+	},
+	size: String,
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	scrollToError: {
+		type: Boolean,
+		default: !1
+	},
+	scrollIntoViewOptions: [Object, Boolean],
+	requiredFields: Array,
+	disabledFields: Array,
+	enabledFields: Array,
+	showAdvice: {
+		type: Boolean,
+		default: !0
+	},
+	columns: [Array, Object],
+	colCount: Number,
+	notTableForm: {
+		type: Boolean,
+		default: void 0
+	},
+	commentValueColspan: Number,
+	commentLabelColspan: Number,
+	wrapRow: {
+		type: Boolean,
+		default: !0
+	}
+}, v = {
+	showMessage: !0,
+	required: !0,
+	requiredFields: !0,
+	disabledFields: !0,
+	enabledFields: !0,
+	showAdvice: !0,
+	columns: !0,
+	colCount: !0,
+	notTableForm: !0,
+	commentValueColspan: !0,
+	commentLabelColspan: !0,
+	wrapRow: !0
+}, y = (e) => v[e] !== !0, b = {
+	name: "FormHolder",
+	inheritAttrs: !1,
+	props: { ..._ },
+	emits: {},
+	setup(_, { slots: v, expose: b }) {
+		let { autoBindProps: x, listeners: S } = e(_, { predicate: y }), C = c(n, null), w = m("form"), T = o(() => _.notTableForm === void 0 ? (C == null ? void 0 : C.tableForm) === void 0 ? !1 : C == null ? void 0 : C.tableForm : !_.notTableForm), E = o(() => T.value ? !1 : _.showMessage), D = o(() => {
+			let e = {};
+			return _.disabledFields && _.disabledFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), O = o(() => {
+			let e = {};
+			return _.enabledFields && _.enabledFields.length && _.enabledFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), k = o(() => {
+			let e = {};
+			return _.requiredFields && _.requiredFields.length && _.requiredFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), A = o(() => _.disabled === !0 ? !0 : _.disabled), j = p(() => _.enabledFields), M = p(() => _.requiredFields), N = p(() => _.disabledFields), P = async () => {
+			await u();
+			let e = w.value.$el.querySelector(".el-form-item.is-error");
+			e && e.scrollIntoView({
+				block: "center",
+				inline: "center",
+				behavior: "smooth"
+			});
+		}, F = f({
+			tableForm: T,
+			disabled: A,
+			enabledFields: j,
+			requiredFields: M,
+			enabledFieldsMap: O,
+			disabledFieldsMap: D,
+			requiredFieldsMap: k,
+			disabledFields: N,
+			scrollIntoRequiredField: P,
+			formRef: w,
+			validate: async () => {
+				try {
+					return await w.value.validate();
+				} catch {
+					throw await P(), w.value.$el.querySelectorAll(".el-form-item.is-error .el-form-item__content > :first-child").forEach((e) => {
+						a(e, "breathe-animation");
+					}), Error("表单验证不通过!");
+				}
+			},
+			validateField: (e) => w.value.validateField(e),
+			resetFields: (e) => w.value.resetFields(e),
+			scrollToField: (e) => w.value.scrollToField(e),
+			clearValidate: (e) => w.value.clearValidate(e),
+			getField: () => w.value.getField(),
+			setInitialValues: (e) => w.value.setInitialValues(e),
+			getFields: () => w.value.fields
+		});
+		return d(t, F), b(F), () => s(h, l(S.value, x.value, {
+			ref: "form",
+			class: "form-holder",
+			"show-message": E.value
+		}), { default: () => {
+			if (T.value) {
+				var e, t, n;
+				return [
+					(e = v.top) == null ? void 0 : e.call(v),
+					s(i, {
+						class: { "hide-error-message": T.value },
+						columns: _.columns,
+						"col-count": _.colCount
+					}, { default: () => {
+						var e;
+						return [(e = v.default) == null ? void 0 : e.call(v), _.showAdvice ? s(r, {
+							"label-colspan": _.commentLabelColspan,
+							"value-colspan": _.commentValueColspan
+						}, null) : null];
+					} }),
+					(t = v.bottom) == null ? void 0 : t.call(v),
+					s("div", { class: "red-form-footer" }, [(n = v.footer) == null ? void 0 : n.call(v)])
+				];
+			} else {
+				var a;
+				return _.wrapRow ? s(g, null, { default: () => {
+					var e;
+					return [(e = v.default) == null ? void 0 : e.call(v)];
+				} }) : (a = v.default) == null ? void 0 : a.call(v);
+			}
+		} });
+	}
+};
+//#endregion
+export { b as t };

package/chunks/C1AgOUe_.mjs

@@ -0,0 +1,172 @@
+import { i as e, n as t } from "./Cj59E77g.mjs";
+import { n, t as r } from "./CSyJ-vEx.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
+var s = {
+	...n,
+	...r,
+	modelValue: [
+		Number,
+		String,
+		Object
+	],
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	editable: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	size: String,
+	placeholder: {
+		type: String,
+		default: ""
+	},
+	startPlaceholder: {
+		type: String,
+		default: "开始时间"
+	},
+	endPlaceholder: {
+		type: String,
+		default: "结束时间"
+	},
+	isRange: {
+		type: Boolean,
+		default: !1
+	},
+	arrowControl: {
+		type: Boolean,
+		default: !1
+	},
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object],
+	popperOptions: Object,
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom",
+			"top",
+			"right",
+			"left"
+		]
+	},
+	placement: {
+		type: String,
+		default: "bottom-start"
+	},
+	rangeSeparator: {
+		type: String,
+		default: "-"
+	},
+	format: {
+		type: String,
+		default: "HH:mm:ss"
+	},
+	defaultValue: [Date, Array],
+	valueFormat: String,
+	id: [String, Array],
+	name: {
+		type: String,
+		default: ""
+	},
+	ariaLabel: String,
+	prefixIcon: [String, Object],
+	clearIcon: [String, Object],
+	disabledHours: Function,
+	disabledMinutes: Function,
+	disabledSeconds: Function,
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	tabindex: [String, Number],
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	saveOnBlur: {
+		type: Boolean,
+		default: !0
+	},
+	range: Boolean,
+	start: {
+		type: String,
+		default: "09:00"
+	},
+	end: {
+		type: String,
+		default: "18:00"
+	},
+	step: {
+		type: String,
+		default: "00:30"
+	},
+	minTime: {
+		type: String,
+		default: "00:00"
+	},
+	maxTime: {
+		type: String,
+		default: ""
+	},
+	selectableRange: String
+}, c = {
+	disabled: !0,
+	modelValue: !0,
+	isRange: !0,
+	range: !0,
+	placement: !0,
+	popperOptions: !0,
+	start: !0,
+	end: !0,
+	step: !0,
+	minTime: !0,
+	maxTime: !0,
+	selectableRange: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormInputTime",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: s }) {
+		let { emitInput: c, render: u, placeholder: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: s,
+			predicate: l
+		}), h = { modifiers: [{
+			name: "arrow",
+			options: { padding: ({ popper: e, reference: t, placement: n }) => e.width / 2 }
+		}] };
+		return () => u({ vNodes: i(o, a(p.value, m.value, {
+			"popper-options": t.popperOptions || h,
+			style: "width: 100%",
+			placement: t.placement || "left",
+			"is-range": t.isRange || t.range,
+			format: t.format,
+			"value-format": t.valueFormat || t.format,
+			modelValue: t.modelValue,
+			disabled: f.value,
+			"onUpdate:modelValue": c,
+			placeholder: d.value
+		}), null) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/C3Uo82-I.mjs

@@ -0,0 +1,35 @@
+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 { 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
+var c = {
+	...r,
+	src: String,
+	fit: String,
+	hideOnClickModal: Boolean
+}, l = { modelValue: !0 }, u = (e) => r[e] === void 0 && l[e] !== !0;
+//#endregion
+//#region src/components/form/FormImage.vue?vue&type=script&lang.jsx
+function d(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !a(e);
+}
+//#endregion
+//#region src/components/form/FormImage.vue
+var f = {
+	name: "FormImage",
+	inheritAttrs: !1,
+	props: { ...c },
+	emits: {},
+	setup(r, { slots: a, attrs: c }) {
+		let l = t(r, { attrs: c }), f = e(r, u);
+		return () => n(r, {
+			vNodes: i(s, o(f.value, c, { "preview-src-list": [r.src] }), d(a) ? a : { default: () => [a] }),
+			formItemProps: l,
+			slots: a
+		});
+	}
+};
+//#endregion
+export { f as t };

package/chunks/C9dGL28n.mjs

@@ -0,0 +1,56 @@
+import { i as e, n as t } from "./Cj59E77g.mjs";
+import { n, t as r } from "./CSyJ-vEx.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
+var s = {
+	...n,
+	...r,
+	modelValue: [Array, String],
+	arrayMode: {
+		type: Boolean,
+		default: !0
+	},
+	objectMode: {
+		type: Boolean,
+		default: !0
+	},
+	separator: {
+		type: String,
+		default: ","
+	},
+	boundarySelector: {
+		type: String,
+		default: ".form-scroller"
+	},
+	query: Function,
+	type: {
+		type: String,
+		default: "标签"
+	}
+}, c = {
+	disabled: !0,
+	modelValue: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormInputTag",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: s }) {
+		let { emitInput: c, render: u, placeholder: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: s,
+			predicate: l
+		});
+		return () => u({ vNodes: a(i, o(p.value, m.value, {
+			style: "width: 100%",
+			modelValue: t.modelValue,
+			disabled: f.value,
+			"onUpdate:modelValue": c,
+			placeholder: d.value
+		}), null) });
+	}
+};
+//#endregion
+export { u as t };