@web-utils/form-ui 1.0.0-beta36 → 1.0.0-beta38

package/chunks/{BTS_zTkz.mjs → BufIRDd0.mjs}

@@ -1,4 +1,4 @@
-import { u as e } from "./BX-cVxlK.mjs";
+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";
@@ -91,78 +91,74 @@ var _ = {
 	commentValueColspan: !0,
 	commentLabelColspan: !0,
 	wrapRow: !0
-}, y = ["validate"], b = (e) => v[e] !== !0, x = {
+}, y = (e) => v[e] !== !0, b = {
 	name: "FormHolder",
 	inheritAttrs: !1,
 	props: { ..._ },
-	emits: { validate: null },
-	setup(_, { slots: v, expose: x, emit: S }) {
-		let C = e(_, {
-			emit: S,
-			events: y,
-			predicate: b
-		}), 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(() => {
+	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;
-		}), k = o(() => {
+		}), O = o(() => {
 			let e = {};
 			return _.enabledFields && _.enabledFields.length && _.enabledFields.forEach((t) => {
 				e[t] = !0;
 			}), e;
-		}), A = o(() => {
+		}), k = 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 () => {
+		}), A = o(() => _.disabled === !0 ? !0 : _.disabled), j = p(() => _.enabledFields), M = p(() => _.requiredFields), N = p(() => _.disabledFields), P = async () => {
 			await u();
-			let e = T.value.$el.querySelector(".el-form-item.is-error");
+			let e = w.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,
+		}, 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 T.value.validate();
+					return await w.value.validate();
 				} catch {
-					throw await F(), T.value.$el.querySelectorAll(".el-form-item.is-error .el-form-item__content > :first-child").forEach((e) => {
+					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) => 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
+			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, I), x(I), () => s(h, l({
+		return d(t, F), b(F), () => s(h, l(S.value, x.value, {
 			ref: "form",
 			class: "form-holder",
-			"show-message": D.value
-		}, C.value), { default: () => {
-			if (E.value) {
+			"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": E.value },
+						class: { "hide-error-message": T.value },
 						columns: _.columns,
 						"col-count": _.colCount
 					}, { default: () => {
@@ -186,4 +182,4 @@ var _ = {
 	}
 };
 //#endregion
-export { x as t };
+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 };

package/chunks/{A3sHIRQ_.mjs → CFOGMFgo.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t, t as n } from "./BvsmTC3G.mjs";
-import { n as r, t as i } from "./D7hD-ppq.mjs";
+import { i as e, n as t, t as n } from "./Cj59E77g.mjs";
+import { n as r, t as i } from "./CSyJ-vEx.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";
@@ -19,11 +19,14 @@ var p = {
 	},
 	modelValue: [String, Number],
 	modelModifiers: Object,
-	maxlength: [String, Number],
+	maxlength: {
+		type: [String, Number],
+		default: 255
+	},
 	minlength: [String, Number],
 	showWordLimit: {
 		type: Boolean,
-		default: !1
+		default: !0
 	},
 	wordLimitPosition: {
 		type: String,
@@ -46,7 +49,7 @@ var p = {
 	suffixIcon: [String, Object],
 	rows: {
 		type: Number,
-		default: 2
+		default: 4
 	},
 	autosize: [Boolean, Object],
 	autocomplete: {
@@ -88,6 +91,7 @@ var p = {
 }, m = {
 	readonly: !0,
 	prefixIcon: !0,
+	disabled: !0,
 	suffixIcon: !0,
 	placeholder: !0,
 	modelValue: !0,
@@ -97,47 +101,20 @@ var p = {
 	prefix: !0,
 	suffix: !0,
 	prepend: !0
-}, h = [
-	"click",
-	"blur",
-	"focus",
-	"change",
-	"input",
-	"clear",
-	"keydown",
-	"mouseleave",
-	"mouseenter",
-	"compositionstart",
-	"compositionupdate",
-	"compositionend"
-], g = (e) => r[e] === void 0 && m[e] !== !0, _ = {
+}, h = (e) => r[e] === void 0 && m[e] !== !0, g = {
 	name: "FormInput",
 	inheritAttrs: !1,
 	props: { ...p },
-	emits: {
-		...t,
-		click: null,
-		blur: null,
-		focus: null,
-		change: null,
-		input: null,
-		clear: null,
-		keydown: null,
-		mouseleave: null,
-		mouseenter: null,
-		compositionstart: null,
-		compositionupdate: null,
-		compositionend: null
-	},
+	emits: { ...t },
 	setup(t, { emit: r, slots: i, attrs: p }) {
-		let m = l(t, "modelValue"), _ = `请输入正确的${t.label}！`, { render: v, placeholder: y, disabled: b, autoBind: x } = e(t, {
+		let m = l(t, "modelValue"), g = `请输入正确的${t.label}！`, { render: _, placeholder: v, disabled: y, listeners: b, inputProps: x } = e(t, {
 			emit: r,
 			slots: i,
 			attrs: p,
 			rules: o(() => {
 				if (!t.type || t.type === "textarea") return null;
 				let e = {
-					message: _,
+					message: g,
 					trigger: "blur"
 				};
 				if (t.type === "email") e.validator = d;
@@ -146,17 +123,17 @@ var p = {
 				else return null;
 				return [e];
 			}),
-			events: h,
-			predicate: g
+			predicate: h
 		});
-		return () => v({ vNodes: s(u, c({ class: ["form-input", {
-			"is-readonly": t.readonlyGrey && t.readonly && !t.picker,
-			"el-input-cursor-pointer": t.picker && !b.value
-		}] }, x.value, {
+		return () => _({ vNodes: s(u, c(b.value, x.value, {
+			class: ["form-input", {
+				"is-readonly": t.readonlyGrey && t.readonly && !t.picker,
+				"el-input-cursor-pointer": t.picker && !y.value
+			}],
 			modelValue: m.value,
 			"onUpdate:modelValue": (e) => m.value = e,
-			disabled: b.value,
-			placeholder: y.value,
+			disabled: y.value,
+			placeholder: v.value,
 			readonly: t.readonly || t.picker,
 			"prefix-icon": n({ icon: t.picker ? "el-icon-search" : t.prefixIcon }),
 			"suffix-icon": n({ icon: t.suffixIcon })
@@ -170,4 +147,4 @@ var p = {
 	}
 };
 //#endregion
-export { p as n, _ as t };
+export { p as n, g as t };