@web-utils/form-ui 1.0.0-beta55 → 1.0.0-beta57

package/chunks/C6u76g6o.mjs

@@ -1,158 +0,0 @@
-import { n as e, o as t, t as n } from "./BvKUeniN.mjs";
-import { n as r, t as i } from "./C6Dq9Dgb.mjs";
-import { validatePhoneNum as a } from "@web-utils/core";
-import { computed as o, createVNode as s, mergeProps as c, useModel as l } from "vue";
-import { ElInput as u } from "element-plus/es";
-//#region src/utils/form-validate.ts
-var d = (e, t, n) => t && !/^[A-Za-z0-9\u4e00-\u9fa5_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
-function f(e, t, n) {
-	t && !/^[1-9][0-9]{5}(18|19|(2[0-9]))[0-9]{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)[0-9]{3}[0-9Xx]$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
-}
-function p(e, t, n) {
-	if (this.$refs.table.$refs.table.records.length === 0) {
-		n(Error(e.message || `请添加${e.label}`));
-		return;
-	}
-	n();
-}
-//#endregion
-//#region src/components/form/props/input.ts
-var m = {
-	...r,
-	...i,
-	type: {
-		type: String,
-		default: "text"
-	},
-	modelValue: [String, Number],
-	modelModifiers: Object,
-	maxlength: {
-		type: [String, Number],
-		default: 255
-	},
-	minlength: [String, Number],
-	showWordLimit: {
-		type: Boolean,
-		default: !1
-	},
-	wordLimitPosition: {
-		type: String,
-		default: "inside"
-	},
-	placeholder: String,
-	clearable: {
-		type: Boolean,
-		default: !0
-	},
-	clearIcon: [String, Object],
-	formatter: Function,
-	parser: Function,
-	showPassword: {
-		type: Boolean,
-		default: !1
-	},
-	size: String,
-	prefixIcon: [String, Object],
-	suffixIcon: [String, Object],
-	rows: {
-		type: Number,
-		default: 4
-	},
-	autosize: [Boolean, Object],
-	autocomplete: {
-		type: String,
-		default: "off"
-	},
-	name: String,
-	readonly: {
-		type: Boolean,
-		default: !1
-	},
-	max: [String, Number],
-	min: [String, Number],
-	step: [String, Number],
-	resize: String,
-	autofocus: {
-		type: Boolean,
-		default: !1
-	},
-	form: String,
-	ariaLabel: String,
-	tabindex: [String, Number],
-	validateEvent: {
-		type: Boolean,
-		default: !0
-	},
-	inputStyle: [String, Object],
-	inputmode: String,
-	countGraphemes: Function,
-	prepend: String,
-	append: String,
-	prefix: String,
-	suffix: String,
-	picker: Boolean,
-	readonlyGrey: {
-		type: Boolean,
-		default: !0
-	}
-}, h = {
-	readonly: !0,
-	prefixIcon: !0,
-	disabled: !0,
-	suffixIcon: !0,
-	placeholder: !0,
-	modelValue: !0,
-	block: !0,
-	readonlyGrey: !0,
-	picker: !0,
-	append: !0,
-	prefix: !0,
-	suffix: !0,
-	prepend: !0
-}, g = (e) => r[e] === void 0 && h[e] !== !0, _ = {
-	name: "FormInput",
-	inheritAttrs: !1,
-	props: { ...m },
-	emits: { ...e },
-	setup(e, { emit: r, slots: i, attrs: p }) {
-		let m = l(e, "modelValue"), h = `请输入正确的${e.label}！`, { render: _, placeholder: v, disabled: y, listeners: b, inputProps: x, printing: S } = t(e, {
-			emit: r,
-			slots: i,
-			attrs: p,
-			rules: o(() => {
-				if (!e.type || e.type === "textarea") return null;
-				let t = {
-					message: h,
-					trigger: "blur"
-				};
-				if (e.type === "email") t.validator = d;
-				else if (e.type === "idcard") t.validator = f;
-				else if (e.type === "phone") t.validator = a;
-				else return null;
-				return [t];
-			}),
-			predicate: g
-		});
-		return () => _({ vNodes: S.value ? e.modelValue : s(u, c(b.value, x.value, {
-			class: ["form-input", {
-				"is-readonly": e.readonlyGrey && e.readonly && !e.picker,
-				"el-input-cursor-pointer": e.picker && !y.value
-			}],
-			modelValue: m.value,
-			"onUpdate:modelValue": (e) => m.value = e,
-			disabled: y.value,
-			placeholder: v.value,
-			readonly: e.readonly || e.picker,
-			"prefix-icon": n({ icon: e.picker ? "el-icon-search" : e.prefixIcon }),
-			"suffix-icon": n({ icon: e.suffixIcon })
-		}), {
-			prefix: i.prefix || e.prefix ? () => e.prefix : null,
-			suffix: i.suffix || e.suffix ? () => e.suffix : null,
-			"password-icon": i["password-icon"],
-			prepend: i.prepend || e.prepend ? () => e.prepend : null,
-			append: i.append || e.append ? () => e.append : null
-		}) });
-	}
-};
-//#endregion
-export { m as n, p as r, _ as t };

package/chunks/CLO5X9Lb.mjs

@@ -1,176 +0,0 @@
-import { n as e, o as t } from "./BvKUeniN.mjs";
-import { n } from "./C6Dq9Dgb.mjs";
-import { useDictionary as r } from "../hook/useDictionary.mjs";
-import { t as i } from "./C6u76g6o.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,
-	disabled: !0,
-	options: !0
-}, g = (e) => n[e] === void 0 && h[e] !== !0;
-//#endregion
-//#region src/components/form/FormCheckboxGroup.vue?vue&type=script&lang.jsx
-function _(e) {
-	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !c(e);
-}
-//#endregion
-//#region src/components/form/FormCheckboxGroup.vue
-var v = /* @__PURE__ */ s({
-	name: "FormCheckboxGroup",
-	inheritAttrs: !1,
-	props: { ...m },
-	emits: {
-		...e,
-		"update:other": null
-	},
-	setup(e, { emit: n, slots: s, attrs: c }) {
-		let m = u(e, "other"), { emitInput: h, render: v, disabled: y, listeners: b, inputProps: x } = t(e, {
-			emit: n,
-			slots: s,
-			attrs: c,
-			predicate: g,
-			messagePrefix: "请选择",
-			class: a(() => ["form-checkbox-group", {
-				"form-checkbox-group-row": e.fillRow,
-				"form-checkbox-group-row-break-word": e.fillRow,
-				"form-checkbox-group-row-ellipsis": e.ellipsis
-			}])
-		}), S = (t) => {
-			let n = t;
-			e.sort && (n = t.sort()), e.stringMode || e.split ? h(n.join(",")) : h(n);
-		}, C = a(() => {
-			if (e.stringMode || e.split) {
-				var t;
-				return Array.isArray(e.modelValue) ? e.modelValue.filter((e) => e) : ((t = e.modelValue) == null ? void 0 : t.split(e.delimiter).filter((e) => e)) ?? [];
-			}
-			return e.modelValue || [];
-		}), w = a(() => e.classic ? "label" : e.labelProp), T = a(() => e.classic ? "value" : e.valueProp), { dictItems: E } = r(e), D = a(() => e.dictType ? E.value : e.gender ? [{
-			[w.value]: "男",
-			[T.value]: "男"
-		}, {
-			[w.value]: "女",
-			[T.value]: "女"
-		}] : e.confirm ? [{
-			[w.value]: "是",
-			[T.value]: "是"
-		}, {
-			[w.value]: "否",
-			[T.value]: "否"
-		}] : e.options);
-		return () => v({ vNodes: [o(p, l(b.value, x.value, {
-			modelValue: C.value,
-			disabled: y.value,
-			"onUpdate:modelValue": S
-		}), {
-			...s,
-			default: s.default || (() => {
-				var t;
-				return (t = D.value) == null ? void 0 : t.map(({ value: t, label: n, disabled: r }) => e.type === "button" ? o(f, {
-					key: t,
-					value: t,
-					disabled: r
-				}, _(n) ? n : { default: () => [n] }) : o(d, {
-					key: t,
-					value: t,
-					disabled: r
-				}, _(n) ? n : { default: () => [n] }));
-			})
-		}), C.value.includes(e.otherVal) ? o(i, {
-			"wrap-col": !1,
-			class: "form-checkbox-group-other",
-			"hide-label": !0,
-			"label-width": "0",
-			prop: e.otherProp,
-			disabled: y.value,
-			required: !!e.otherProp,
-			placeholder: e.otherPlaceholder,
-			label: e.otherLabel,
-			"show-message": !!e.otherLabel,
-			style: e.otherLabel ? { width: e.otherWidth } : {
-				marginBottom: 0,
-				width: e.otherWidth
-			},
-			modelValue: m.value,
-			"onUpdate:modelValue": (e) => m.value = e,
-			"max-length": e.otherMaxLength
-		}, null) : null] });
-	}
-});
-//#endregion
-export { v as t };

package/chunks/CdoiMj7L2.mjs

@@ -1,39 +0,0 @@
-import { f as e } from "./DcTVYqeJ.mjs";
-import { t } from "./AAZfNtly.mjs";
-import { r as n } from "./BvKUeniN.mjs";
-import { n as r } from "./C6Dq9Dgb.mjs";
-import { createVNode as i, mergeProps as a } from "vue";
-import { ElText as o } from "element-plus/es";
-//#region src/components/form/props/text.ts
-var s = {
-	...r,
-	type: String,
-	size: {
-		type: String,
-		default: "default"
-	},
-	truncated: {
-		type: Boolean,
-		default: !1
-	},
-	lineClamp: [String, Number],
-	tag: {
-		type: String,
-		default: "span"
-	},
-	text: String
-}, c = { modelValue: !0 }, l = (e) => r[e] === void 0 && c[e] !== !0, u = {
-	name: "FormText",
-	inheritAttrs: !1,
-	props: { ...s },
-	setup(r, { slots: s, attrs: c }) {
-		let u = t(r, { attrs: c }), d = e(r, l);
-		return () => n(r, {
-			vNodes: i(o, a(d.value, c), { default: s.default || (() => r.text) }),
-			formItemProps: u,
-			slots: s
-		});
-	}
-};
-//#endregion
-export { u as t };

package/chunks/DTVTvvq-.mjs

@@ -1,189 +0,0 @@
-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, attrs: x }) {
-		let { autoBindProps: S, listeners: C } = e(_, { predicate: y }), w = c(n, null), T = m("form"), E = o(() => _.notTableForm === void 0 ? (w == null ? void 0 : w.tableForm) === void 0 ? !1 : w == null ? void 0 : w.tableForm : !_.notTableForm), D = o(() => E.value ? !1 : _.showMessage), O = o(() => {
-			let e = {};
-			return _.disabledFields && _.disabledFields.forEach((t) => {
-				e[t] = !0;
-			}), e;
-		}), k = o(() => {
-			let e = {};
-			return _.enabledFields && _.enabledFields.length && _.enabledFields.forEach((t) => {
-				e[t] = !0;
-			}), e;
-		}), A = o(() => {
-			let e = {};
-			return _.requiredFields && _.requiredFields.length && _.requiredFields.forEach((t) => {
-				e[t] = !0;
-			}), e;
-		}), j = o(() => _.disabled === !0 ? !0 : _.disabled), M = p(() => _.enabledFields), N = p(() => _.requiredFields), P = p(() => _.disabledFields), F = async () => {
-			await u();
-			let e = T.value.$el.querySelector(".el-form-item.is-error");
-			e && e.scrollIntoView({
-				block: "center",
-				inline: "center",
-				behavior: "smooth"
-			});
-		}, I = f({
-			tableForm: E,
-			disabled: j,
-			enabledFields: M,
-			requiredFields: N,
-			enabledFieldsMap: k,
-			disabledFieldsMap: O,
-			requiredFieldsMap: A,
-			disabledFields: P,
-			scrollIntoRequiredField: F,
-			formRef: T,
-			validate: async () => {
-				try {
-					return await T.value.validate();
-				} catch {
-					throw await F(), T.value.$el.querySelectorAll(".el-form-item.is-error .el-form-item__content > :first-child").forEach((e) => {
-						a(e, "breathe-animation");
-					}), Error("表单验证不通过!");
-				}
-			},
-			validateField: (e) => T.value.validateField(e),
-			resetFields: (e) => T.value.resetFields(e),
-			scrollToField: (e) => T.value.scrollToField(e),
-			clearValidate: (e) => T.value.clearValidate(e),
-			getField: () => T.value.getField(),
-			setInitialValues: (e) => T.value.setInitialValues(e),
-			getFields: () => T.value.fields
-		});
-		return d(t, I), b(I), () => s(h, l(C.value, S.value, x, {
-			ref: "form",
-			class: [
-				"form-holder",
-				"clear-fix",
-				{ "red-form": E }
-			],
-			"show-message": D.value
-		}), { default: () => {
-			if (E.value) {
-				var e, t, n;
-				return [
-					(e = v.top) == null ? void 0 : e.call(v),
-					s(i, {
-						class: { "hide-error-message": E.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 };