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

package/chunks/CE0MejA6.mjs

@@ -0,0 +1,200 @@
+import { i as e, n as t } from "./CXSIP67a.mjs";
+import { n, t as r } from "./BROfNO6c.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";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/cascader/style/css";
+//#region src/components/form/props/cascader.ts
+var m = {
+	...n,
+	...r,
+	modelValue: [
+		String,
+		Number,
+		Array
+	],
+	options: Array,
+	props: Object,
+	size: String,
+	placeholder: String,
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	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/CSf0Lu3w.mjs

@@ -0,0 +1,102 @@
+import { i as e, n as t } from "./CXSIP67a.mjs";
+import { n, t as r } from "./BROfNO6c.mjs";
+import { isString as i } from "@web-utils/core";
+import { computed as a, createVNode as o, mergeProps as s } from "vue";
+import { ElInputNumber as c } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input-number/style/css";
+//#region src/components/form/props/input-number.ts
+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
+	},
+	inputmode: String,
+	align: {
+		type: String,
+		default: "left"
+	},
+	disabledScientific: {
+		type: Boolean,
+		default: !1
+	},
+	prefix: String,
+	suffix: String,
+	append: String
+}, u = {
+	readonly: !0,
+	placeholder: !0,
+	disabled: !0,
+	modelValue: !0,
+	prefix: !0,
+	suffix: !0
+}, d = (e) => n[e] === void 0 && u[e] !== !0, f = {
+	name: "FormInputNumber",
+	inheritAttrs: !1,
+	props: { ...l },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: l }) {
+		let { emitInput: u, render: f, placeholder: p, disabled: m, listeners: h, inputProps: g } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: l,
+			predicate: d
+		}), _ = a(() => i(t.modelValue) ? Number(t.modelValue) : t.modelValue);
+		return () => f({ vNodes: o(c, s(h.value, g.value, {
+			style: "width: 100%",
+			modelValue: _.value,
+			disabled: m.value,
+			"onUpdate:modelValue": u,
+			placeholder: p.value
+		}), {
+			prefix: r.prefix || t.prefix ? () => t.prefix : null,
+			suffix: r.suffix || t.suffix ? () => t.suffix : t.append,
+			"decrease-icon": r["decrease-icon"],
+			"increase-icon": r["increase-icon"]
+		}) });
+	}
+};
+//#endregion
+export { f as t };

package/chunks/CXSIP67a.mjs

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