@web-utils/form-ui 1.0.0-beta5 → 1.0.0-beta51

package/chunks/Bwbtu2cp.mjs

@@ -0,0 +1,194 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n, t as r } from "./CJdkjadi.mjs";
+import { useDictionary as i } from "../hook/useDictionary.mjs";
+import { findTreeChildren as a, isArray as o, isString as s, setParent as c } from "@web-utils/core";
+import { computed as l, createVNode as u, mergeProps as d } from "vue";
+import { cloneDeep as f } from "@web-utils/integrations/lodash";
+import { ElCascader as p } from "element-plus/es";
+//#region src/components/form/props/cascader.ts
+var m = {
+	...n,
+	...r,
+	modelValue: [
+		String,
+		Number,
+		Array
+	],
+	options: Array,
+	props: Object,
+	size: String,
+	placeholder: String,
+	clearable: {
+		type: Boolean,
+		default: !1
+	},
+	clearIcon: [String, Object],
+	showAllLevels: {
+		type: Boolean,
+		default: !0
+	},
+	collapseTags: {
+		type: Boolean,
+		default: !1
+	},
+	collapseTagsTooltip: {
+		type: Boolean,
+		default: !1
+	},
+	maxCollapseTagsTooltipHeight: [String, Number],
+	separator: {
+		type: String,
+		default: "/"
+	},
+	filterable: {
+		type: Boolean,
+		default: !1
+	},
+	filterMethod: Function,
+	debounce: {
+		type: Number,
+		default: 300
+	},
+	beforeFilter: Function,
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object],
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	effect: {
+		type: String,
+		default: "light"
+	},
+	tagType: {
+		type: String,
+		default: "info"
+	},
+	tagEffect: {
+		type: String,
+		default: "light"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	maxCollapseTags: {
+		type: Number,
+		default: 1
+	},
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	persistent: {
+		type: Boolean,
+		default: !0
+	},
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom-start",
+			"top-start",
+			"right",
+			"left"
+		]
+	},
+	placement: {
+		type: String,
+		default: "bottom-start"
+	},
+	popperAppendToBody: {
+		type: Boolean,
+		default: !0
+	},
+	showCheckedStrategy: {
+		type: String,
+		default: "child"
+	},
+	readonly: Boolean,
+	last: Boolean,
+	checkStrictly: Boolean,
+	labelKey: {
+		type: String,
+		default: "label"
+	},
+	valueKey: {
+		type: String,
+		default: "value"
+	},
+	emitPath: {
+		type: Boolean,
+		default: !0
+	},
+	join: {
+		type: Boolean,
+		default: !0
+	},
+	idAsValue: {
+		type: Boolean,
+		default: !0
+	},
+	labelAsValue: Boolean,
+	treeDict: {
+		type: Boolean,
+		default: !0
+	},
+	dictType: String
+}, h = {
+	modelValue: !0,
+	readonly: !0,
+	disabled: !0,
+	props: !0
+}, g = (e) => n[e] === void 0 && h[e] !== !0, _ = {
+	name: "FormCascader",
+	props: { ...m },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: m }) {
+		let { emitInput: h, render: _, placeholder: v, disabled: y, listeners: b, inputProps: x } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: m,
+			predicate: g
+		}), { dictItems: S } = i(t), C = l(() => {
+			if (t.dictType) return S.value;
+			if (t.options) {
+				let e = f(t.options);
+				return t.last && c(e), e;
+			} else return [];
+		}), w = l(() => {
+			if (t.join) return o(t.modelValue) ? t.modelValue : s(t.modelValue) ? t.modelValue.split(t.separator) : [];
+			if (t.last) {
+				let [e] = a(C.value, (e) => e[t.valueKey] === t.modelValue), n = [];
+				for (; e;) n.push(e[t.valueKey]), e = e.parent;
+				return n.reverse();
+			}
+			return t.modelValue;
+		}), T = (e) => {
+			t.join && o(e) ? h(e.join(t.separator)) : h(t.last ? e[e.length - 1] : e);
+		};
+		return () => _({ vNodes: u(p, d(b.value, x.value, {
+			style: "width: 100%",
+			class: { "is-readonly": t.readonly },
+			"model-value": w.value,
+			options: C.value,
+			props: {
+				checkStrictly: t.checkStrictly,
+				label: t.labelKey,
+				value: t.valueKey,
+				emitPath: t.emitPath,
+				expandTrigger: "hover"
+			},
+			disabled: y.value,
+			placeholder: v.value,
+			"onUpdate:modelValue": T
+		}), null) });
+	}
+};
+//#endregion
+export { _ as t };

package/chunks/ByHz4mmh.mjs

@@ -0,0 +1,87 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n } from "./CJdkjadi.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElRate as o } from "element-plus/es";
+//#region src/components/form/props/rate.ts
+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 = {
+	disabled: !0,
+	modelValue: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormRate",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let u = a(t, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			predicate: l
+		});
+		return () => d({ vNodes: r(o, i(p.value, m.value, {
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			disabled: f.value
+		}), null) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/C2zgFLYO.mjs

@@ -0,0 +1,185 @@
+import { d as e } from "./DcTVYqeJ.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 };