@web-utils/form-ui 1.0.0-beta31 → 1.0.0-beta33

package/chunks/BvsmTC3G.mjs

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

package/chunks/{Dt6gY213.mjs → BwdWZEjT.mjs}

@@ -1,6 +1,6 @@
-import { i as e, n as t } from "./Br4i8stg.mjs";
-import { n, t as r } from "./CsfgUCe9.mjs";
-import { t as i } from "./D1G2MMMx.mjs";
+import { i as e, n as t } from "./BvsmTC3G.mjs";
+import { n, t as r } from "./D7hD-ppq.mjs";
+import { t as i } from "./CWfUPCtS.mjs";
 import { createVNode as a, mergeProps as o, ref as s } from "vue";
 import { ElInput as c, ElPopover as l } from "element-plus/es";
 //#region src/components/form/props/input-cron.ts
@@ -38,8 +38,8 @@ var u = {
 		return () => h({ vNodes: a("div", { class: "cron" }, [a(l, {
 			placement: "bottom-start",
 			disabled: _.value,
-			modelValue: d.value,
-			"onUpdate:modelValue": (e) => d.value = e,
+			visible: d.value,
+			"onUpdate:visible": (e) => d.value = e,
 			"popper-class": "cron-popover"
 		}, {
 			default: () => a(i, o(v.value, {

package/chunks/{bnRb5PUB.mjs → CGJkMYZ4.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./Br4i8stg.mjs";
-import { n, t as r } from "./CsfgUCe9.mjs";
+import { i as e, n as t } from "./BvsmTC3G.mjs";
+import { n, t as r } from "./D7hD-ppq.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";
@@ -51,7 +51,6 @@ var l = {
 		type: Boolean,
 		default: !0
 	},
-	label: String,
 	inputmode: String,
 	align: {
 		type: String,
@@ -62,7 +61,8 @@ var l = {
 		default: !1
 	},
 	prefix: String,
-	suffix: String
+	suffix: String,
+	append: String
 }, u = {
 	readonly: !0,
 	placeholder: !0,
@@ -98,7 +98,7 @@ var l = {
 			placeholder: m.value
 		}), {
 			prefix: r.prefix || t.prefix ? () => t.prefix : null,
-			suffix: r.suffix || t.suffix ? () => t.suffix : null,
+			suffix: r.suffix || t.suffix ? () => t.suffix : t.append,
 			"decrease-icon": r["decrease-icon"],
 			"increase-icon": r["increase-icon"]
 		}) });

package/chunks/CLn0r4lV.mjs

@@ -0,0 +1,177 @@
+import { i as e, n as t } from "./BvsmTC3G.mjs";
+import { n } from "./D7hD-ppq.mjs";
+import { useDictionary as r } from "../hook/useDictionary.mjs";
+import { t as i } from "./A3sHIRQ_.mjs";
+import { computed as a, createVNode as o, defineComponent as s, isVNode as c, mergeProps as l, useModel as u } from "vue";
+import { ElCheckbox as d, ElCheckboxButton as f, ElCheckboxGroup as p } from "element-plus/es";
+//#region src/components/form/props/checkbox-group.ts
+var m = {
+	...n,
+	modelValue: {
+		type: [Array, String],
+		default: () => []
+	},
+	size: String,
+	min: Number,
+	max: Number,
+	ariaLabel: String,
+	textColor: {
+		type: String,
+		default: "#ffffff"
+	},
+	fill: {
+		type: String,
+		default: "#409eff"
+	},
+	tag: {
+		type: String,
+		default: "div"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	options: {
+		type: Array,
+		default: () => []
+	},
+	props: {
+		type: Object,
+		default: () => ({
+			value: "value",
+			label: "label",
+			disabled: "disabled"
+		})
+	},
+	type: {
+		type: String,
+		default: "checkbox"
+	},
+	stringMode: Boolean,
+	delimiter: {
+		type: String,
+		default: ","
+	},
+	other: [String],
+	otherVal: [String],
+	otherProp: String,
+	otherPlaceholder: String,
+	otherLabel: String,
+	otherWidth: {
+		type: String,
+		default: "200px"
+	},
+	otherMaxLength: String,
+	gender: Boolean,
+	confirm: Boolean,
+	labelProp: {
+		type: String,
+		default: "name"
+	},
+	valueProp: {
+		type: String,
+		default: "code"
+	},
+	split: Boolean,
+	sort: Boolean,
+	classic: Boolean,
+	fillRow: Boolean,
+	ellipsis: Boolean,
+	dictType: String
+}, h = {
+	modelValue: !0,
+	type: !0,
+	options: !0
+}, g = ["change"], _ = (e) => n[e] === void 0 && h[e] !== !0;
+//#endregion
+//#region src/components/form/FormCheckBoxGroup.vue?vue&type=script&lang.jsx
+function v(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !c(e);
+}
+//#endregion
+//#region src/components/form/FormCheckBoxGroup.vue
+var y = /* @__PURE__ */ s({
+	name: "FormCheckBoxGroup",
+	inheritAttrs: !1,
+	props: { ...m },
+	emits: {
+		...t,
+		"update:other": null,
+		change: null
+	},
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let m = u(t, "other"), { emitInput: h, render: y, disabled: b, autoBind: x } = e(t, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			events: g,
+			predicate: _,
+			messagePrefix: "请选择",
+			class: a(() => ["form-checkbox-group", {
+				"form-checkbox-group-row": t.fillRow,
+				"form-checkbox-group-row-break-word": t.fillRow,
+				"form-checkbox-group-row-ellipsis": t.ellipsis
+			}])
+		}), S = (e) => {
+			let n = e;
+			t.sort && (n = e.sort()), t.stringMode || t.split ? h(n.join(",")) : h(n);
+		}, C = a(() => {
+			if (t.stringMode || t.split) {
+				var e;
+				return Array.isArray(t.modelValue) ? t.modelValue.filter((e) => e) : ((e = t.modelValue) == null ? void 0 : e.split(t.delimiter).filter((e) => e)) ?? [];
+			}
+			return t.modelValue || [];
+		}), w = a(() => t.classic ? "label" : t.labelProp), T = a(() => t.classic ? "value" : t.valueProp), { dictItems: E } = r(t), D = a(() => t.dictType ? E.value : t.gender ? [{
+			[w.value]: "男",
+			[T.value]: "男"
+		}, {
+			[w.value]: "女",
+			[T.value]: "女"
+		}] : t.confirm ? [{
+			[w.value]: "是",
+			[T.value]: "是"
+		}, {
+			[w.value]: "否",
+			[T.value]: "否"
+		}] : t.options);
+		return () => y({ vNodes: [o(p, l(x.value, {
+			modelValue: C.value,
+			disabled: b.value,
+			"onUpdate:modelValue": S
+		}), {
+			...s,
+			default: s.default || (() => {
+				var e;
+				return (e = D.value) == null ? void 0 : e.map(({ value: e, label: n, disabled: r }) => t.type === "button" ? o(f, {
+					key: e,
+					value: e,
+					disabled: r
+				}, v(n) ? n : { default: () => [n] }) : o(d, {
+					key: e,
+					value: e,
+					disabled: r
+				}, v(n) ? n : { default: () => [n] }));
+			})
+		}), C.value.includes(t.otherVal) ? o(i, {
+			"wrap-col": !1,
+			class: "form-checkbox-group-other",
+			"hide-label": !0,
+			"label-width": "0",
+			prop: t.otherProp,
+			disabled: b.value,
+			required: !!t.otherProp,
+			placeholder: t.otherPlaceholder,
+			label: t.otherLabel,
+			"show-message": !!t.otherLabel,
+			style: t.otherLabel ? { width: t.otherWidth } : {
+				marginBottom: 0,
+				width: t.otherWidth
+			},
+			modelValue: m.value,
+			"onUpdate:modelValue": (e) => m.value = e,
+			"max-length": t.otherMaxLength
+		}, null) : null] });
+	}
+});
+//#endregion
+export { y as t };

package/chunks/{Cgl-hCE5.mjs → CNskrN5I.mjs}

@@ -1,5 +1,5 @@
-import { n as e } from "./Br4i8stg.mjs";
-import { n as t, t as n } from "./C4bM8miy.mjs";
+import { n as e } from "./BvsmTC3G.mjs";
+import { n as t, t as n } from "./A3sHIRQ_.mjs";
 import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
 //#region src/components/form/FormInputIdCard.vue?vue&type=script&lang.jsx
 function s(e) {

package/chunks/{D1G2MMMx.mjs → CWfUPCtS.mjs}

@@ -1,9 +1,9 @@
-import { t as e } from "./CkFapoKt.mjs";
+import { t as e } from "./B1MSrc6f.mjs";
 import { copy as t } from "@web-utils/core";
 import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, openBlock as l, renderList as u, toDisplayString as d, withCtx as f } from "vue";
 import { ElButton as p, ElInputNumber as m, ElOption as h, ElRadio as g, ElRadioGroup as _, ElSelect as ee, ElTabPane as v, ElTabs as y } from "element-plus/es";
-import { CronosExpression as b } from "cronosjs";
-import { formatDate as x } from "@web-utils/integrations/dayjs";
+import { formatDate as b } from "@web-utils/integrations/dayjs";
+import { CronosExpression as x } from "cronosjs";
 //#region src/components/vue-cron/language/zh.ts
 var S = {
 	Seconds: {
@@ -458,7 +458,7 @@ var S = {
 			async handler() {
 				let e = `${this.secondsText} ${this.minutesText} ${this.hoursText} ${this.daysText} ${this.monthsText} ${this.weeksText} ${this.yearsText}`;
 				try {
-					this.runsParser ? this.runs = await this.runsParser(e) : this.runs = b.parse(e).nextNDates(/* @__PURE__ */ new Date(), 5).map((e) => x(e));
+					this.runsParser ? this.runs = await this.runsParser(e) : this.runs = x.parse(e).nextNDates(/* @__PURE__ */ new Date(), 5).map((e) => b(e));
 				} catch (e) {
 					console.error(e), this.runs = [e.message];
 				}

package/chunks/{4ZuVpQf6.mjs → CnAEuI_c.mjs}

@@ -1,4 +1,4 @@
-import { t as e } from "./CkFapoKt.mjs";
+import { t as e } from "./B1MSrc6f.mjs";
 import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createStaticVNode as a, createVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, toDisplayString as d, withModifiers as f } from "vue";
 import p from "dayjs";
 //#region src/components/material-year-calendar/MonthCalendar.vue

package/chunks/{Cy-4nmyC.mjs → Cr1vBYne.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./Br4i8stg.mjs";
-import { n } from "./CsfgUCe9.mjs";
+import { i as e, n as t } from "./BvsmTC3G.mjs";
+import { n } from "./D7hD-ppq.mjs";
 import { createVNode as r, mergeProps as i, useModel as a } from "vue";
 import { ElSwitch as o } from "element-plus/es";
 //#region src/components/form/props/switch.ts
@@ -41,7 +41,7 @@ var s = {
 			String,
 			Number
 		],
-		default: !0
+		default: "Y"
 	},
 	inactiveValue: {
 		type: [
@@ -49,7 +49,7 @@ var s = {
 			String,
 			Number
 		],
-		default: !1
+		default: "N"
 	},
 	name: {
 		type: String,

package/chunks/{BV_P9a8o.mjs → D5_ctQqL.mjs}

@@ -1,7 +1,7 @@
-import { n as e } from "./BQ77eAb3.mjs";
+import { i as e } from "./BX-cVxlK.mjs";
 import { getDictLabel as t } from "../helper/dictionary.mjs";
 import { tableViewContextKey as n } from "../constants/index.mjs";
-import { t as r } from "./BV_N8p9t.mjs";
+import { t as r } from "./DiE4GJtU.mjs";
 import { computed as i, createVNode as a, inject as o, mergeProps as s, ref as c, watchEffect as l } from "vue";
 import { ElTableColumn as u } from "element-plus/es";
 //#endregion

package/chunks/{CsfgUCe9.mjs → D7hD-ppq.mjs}

@@ -1,4 +1,4 @@
-import { c as e, s as t } from "./Br4i8stg.mjs";
+import { c as e, s as t } from "./BvsmTC3G.mjs";
 //#region src/components/form/props/common.ts
 var n = {
 	...e,