@web-utils/form-ui 1.0.0-beta15 → 1.0.0-beta17

package/chunks/DUBc-1s4.mjs

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

package/chunks/DX4Wq2Fb.mjs

@@ -0,0 +1,73 @@
+import { i as e, n as t, t as n } from "./CEWLi7G1.mjs";
+import { n as r, r as i, t as a } from "./CqgD2b0r.mjs";
+import { ElInput as o } from "element-plus/es";
+import { computed as s, createVNode as c, mergeProps as l, useModel as u } from "vue";
+import { validatePhoneNum as d } from "@web-utils/core";
+//#region src/util/form-validate.js
+var f = (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 p(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();
+}
+//#endregion
+//#region src/components/form/FormInput.vue
+var m = {
+	name: "FormInput",
+	inheritAttrs: !1,
+	props: { ...a },
+	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
+	},
+	setup(t, { emit: a, slots: m, attrs: h }) {
+		let g = u(t, "modelValue"), _ = `请输入正确的${t.label}！`, { render: v, placeholder: y, disabled: b, autoBind: x } = e(t, {
+			emit: a,
+			slots: m,
+			attrs: h,
+			rules: s(() => {
+				if (!t.type || t.type === "textarea") return null;
+				let e = {
+					message: _,
+					trigger: "blur"
+				};
+				if (t.type === "email") e.validator = f;
+				else if (t.type === "idcard") e.validator = p;
+				else if (t.type === "phone") e.validator = d;
+				else return null;
+				return [e];
+			}),
+			events: r,
+			predicate: i
+		});
+		return () => v({ vNodes: c(o, l({ class: ["form-input", {
+			"is-readonly": t.readonlyGrey && t.readonly && !t.picker,
+			"el-input-cursor-pointer": t.picker && !b.value
+		}] }, x.value, {
+			modelValue: g.value,
+			"onUpdate:modelValue": (e) => g.value = e,
+			disabled: b.value,
+			placeholder: y.value,
+			readonly: t.readonly || t.picker,
+			"prefix-icon": n({ icon: t.picker ? "el-icon-search" : t.prefixIcon }),
+			"suffix-icon": n({ icon: t.suffixIcon })
+		}), {
+			prefix: m.prefix || t.prefix ? () => t.prefix : null,
+			suffix: m.suffix || t.suffix ? () => t.suffix : null,
+			"password-icon": m["password-icon"],
+			prepend: m.prepend || t.prepend ? () => t.prepend : null,
+			append: m.append || t.append ? () => t.append : null
+		}) });
+	}
+};
+//#endregion
+export { m as t };

package/chunks/Do5h5GzH.mjs

@@ -0,0 +1,98 @@
+import { i as e, n as t } from "./CEWLi7G1.mjs";
+import { n } from "./CQTt0Oq1.mjs";
+import { ElRadio as r, ElRadioButton as i, ElRadioGroup as a } from "element-plus/es";
+import { createVNode as o, isVNode as s, mergeProps as c, useModel as l } from "vue";
+//#region src/components/form/props/radio-group.js
+var u = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean
+	],
+	size: {
+		type: String,
+		default: "default"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	textColor: {
+		type: String,
+		default: "#ffffff"
+	},
+	fill: {
+		type: String,
+		default: "#409eff"
+	},
+	ariaLabel: String,
+	name: String,
+	id: String,
+	label: String,
+	options: Array,
+	props: {
+		type: Object,
+		default: () => ({
+			value: "value",
+			label: "label",
+			disabled: "disabled"
+		})
+	},
+	type: {
+		type: String,
+		default: "radio"
+	}
+}, d = {
+	modelValue: !0,
+	disabled: !0,
+	type: !0,
+	options: !0
+}, f = ["change"], p = (e) => n[e] === void 0 && d[e] !== !0;
+//#endregion
+//#region src/components/form/FormRadioGroup.vue?vue&type=script&lang.jsx
+function m(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !s(e);
+}
+//#endregion
+//#region src/components/form/FormRadioGroup.vue
+var h = {
+	name: "FormRadioGroup",
+	inheritAttrs: !1,
+	props: { ...u },
+	emits: {
+		...t,
+		change: null
+	},
+	setup(t, { emit: n, slots: s, attrs: u }) {
+		let d = l(t, "modelValue"), { render: h, disabled: g, autoBind: _ } = e(t, {
+			emit: n,
+			slots: s,
+			attrs: u,
+			events: f,
+			predicate: p,
+			messagePrefix: "请选择"
+		});
+		return () => h({ vNodes: o(a, c(_.value, {
+			modelValue: d.value,
+			"onUpdate:modelValue": (e) => d.value = e,
+			disabled: g.value
+		}), {
+			...s,
+			default: s.default || (() => {
+				var e;
+				return (e = t.options) == null ? void 0 : e.map(({ value: e, label: n, disabled: a }) => t.type === "button" ? o(i, {
+					key: e,
+					value: e,
+					disabled: a
+				}, m(n) ? n : { default: () => [n] }) : o(r, {
+					key: e,
+					value: e,
+					disabled: a
+				}, m(n) ? n : { default: () => [n] }));
+			})
+		}) });
+	}
+};
+//#endregion
+export { h as t };

package/chunks/DsBWDK1-.mjs

@@ -0,0 +1,222 @@
+import { i as e, n as t } from "./CEWLi7G1.mjs";
+import { n } from "./CQTt0Oq1.mjs";
+import { ElOption as r, ElSelect as i } from "element-plus/es";
+import { createVNode as a, mergeProps as o, useModel as s } from "vue";
+//#region src/components/form/props/select.js
+var c = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean,
+		Object,
+		Array
+	],
+	multiple: {
+		type: Boolean,
+		default: !1
+	},
+	options: Array,
+	props: Object,
+	valueKey: {
+		type: String,
+		default: "value"
+	},
+	size: String,
+	clearable: {
+		type: Boolean,
+		default: !1
+	},
+	collapseTags: {
+		type: Boolean,
+		default: !1
+	},
+	collapseTagsTooltip: {
+		type: Boolean,
+		default: !1
+	},
+	tagTooltip: {
+		type: Object,
+		default: () => ({})
+	},
+	multipleLimit: {
+		type: Number,
+		default: 0
+	},
+	id: String,
+	name: String,
+	effect: {
+		type: String,
+		default: "light"
+	},
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	placeholder: String,
+	filterable: {
+		type: Boolean,
+		default: !1
+	},
+	allowCreate: {
+		type: Boolean,
+		default: !1
+	},
+	filterMethod: Function,
+	remote: {
+		type: Boolean,
+		default: !1
+	},
+	debounce: {
+		type: Number,
+		default: 300
+	},
+	remoteMethod: Function,
+	remoteShowSuffix: {
+		type: Boolean,
+		default: !1
+	},
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	loadingText: String,
+	noMatchText: String,
+	noDataText: String,
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object],
+	reserveKeyword: {
+		type: Boolean,
+		default: !0
+	},
+	defaultFirstOption: {
+		type: Boolean,
+		default: !1
+	},
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	appendTo: [String, Object],
+	persistent: {
+		type: Boolean,
+		default: !0
+	},
+	automaticDropdown: {
+		type: Boolean,
+		default: !1
+	},
+	clearIcon: [String, Object],
+	fitInputWidth: {
+		type: Boolean,
+		default: !1
+	},
+	suffixIcon: [String, Object],
+	tagType: {
+		type: String,
+		default: "info"
+	},
+	tagEffect: {
+		type: String,
+		default: "light"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	offset: {
+		type: Number,
+		default: 12
+	},
+	showArrow: {
+		type: Boolean,
+		default: !0
+	},
+	placement: {
+		type: String,
+		default: "bottom-start"
+	},
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom-start",
+			"top-start",
+			"right",
+			"left"
+		]
+	},
+	maxCollapseTags: {
+		type: Number,
+		default: 1
+	},
+	popperOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	ariaLabel: String,
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	suffixTransition: {
+		type: Boolean,
+		default: !0
+	},
+	tabindex: [String, Number]
+}, l = { modelValue: !0 }, u = [
+	"change",
+	"visible-change",
+	"remove-tag",
+	"clear",
+	"blur",
+	"focus",
+	"popup-scroll"
+], d = (e) => n[e] === void 0 && l[e] !== !0, f = {
+	name: "FormSelect",
+	inheritAttrs: !1,
+	props: { ...c },
+	emits: {
+		...t,
+		change: null,
+		"visible-change": null,
+		"remove-tag": null,
+		clear: null,
+		blur: null,
+		focus: null,
+		"popup-scroll": null
+	},
+	setup(t, { emit: n, slots: c, attrs: l }) {
+		let f = s(t, "modelValue"), { render: p, placeholder: m, disabled: h, autoBind: g } = e(t, {
+			emit: n,
+			slots: c,
+			attrs: l,
+			events: u,
+			predicate: d,
+			messagePrefix: "请选择"
+		});
+		return () => p({ vNodes: a(i, o(g.value, {
+			modelValue: f.value,
+			"onUpdate:modelValue": (e) => f.value = e,
+			disabled: h.value,
+			placeholder: m.value
+		}), {
+			...c,
+			default: c.default || (() => {
+				var e;
+				return (e = t.options) == null ? void 0 : e.map(({ value: e, label: t }) => a(r, {
+					key: e,
+					label: t,
+					value: e
+				}, null));
+			})
+		}) });
+	}
+};
+//#endregion
+export { f as t };

package/chunks/Du6wl65y.mjs

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

package/chunks/Lnj54GAG.mjs

@@ -0,0 +1,95 @@
+import { i as e, n as t } from "./CEWLi7G1.mjs";
+import { n } from "./CQTt0Oq1.mjs";
+import { ElSlider as r } from "element-plus/es";
+import { createVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/props/slide.js
+var s = {
+	...n,
+	modelValue: [Number, Array],
+	min: {
+		type: Number,
+		default: 0
+	},
+	max: {
+		type: Number,
+		default: 100
+	},
+	step: [Number, String],
+	showInput: {
+		type: Boolean,
+		default: !1
+	},
+	showInputControls: {
+		type: Boolean,
+		default: !0
+	},
+	size: {
+		type: String,
+		default: "default"
+	},
+	inputSize: {
+		type: String,
+		default: "default"
+	},
+	showStops: {
+		type: Boolean,
+		default: !1
+	},
+	showTooltip: {
+		type: Boolean,
+		default: !0
+	},
+	formatTooltip: Function,
+	range: {
+		type: Boolean,
+		default: !1
+	},
+	vertical: {
+		type: Boolean,
+		default: !1
+	},
+	height: String,
+	ariaLabel: String,
+	rangeStartLabel: String,
+	rangeEndLabel: String,
+	formatValueText: Function,
+	tooltipClass: String,
+	placement: {
+		type: String,
+		default: "top"
+	},
+	marks: Object,
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	persistent: {
+		type: Boolean,
+		default: !0
+	}
+}, c = { modelValue: !0 }, l = ["change", "input"], u = (e) => n[e] === void 0 && c[e] !== !0, d = {
+	name: "FormSlider",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: {
+		...t,
+		change: null,
+		input: null
+	},
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let d = o(t, "modelValue"), { render: f, disabled: p, autoBind: m } = e(t, {
+			emit: n,
+			slots: s,
+			events: l,
+			predicate: u,
+			attrs: c
+		});
+		return () => f({ vNodes: i(r, a(m.value, {
+			modelValue: d.value,
+			"onUpdate:modelValue": (e) => d.value = e,
+			disabled: p.value
+		}), null) });
+	}
+};
+//#endregion
+export { d as t };

package/chunks/f-CM5UVD.mjs

@@ -0,0 +1,26 @@
+import { n as e } from "./CEWLi7G1.mjs";
+import { t } from "./DX4Wq2Fb.mjs";
+import { t as n } from "./CqgD2b0r.mjs";
+import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/FormInputEmail.vue?vue&type=script&lang.jsx
+function s(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
+}
+//#endregion
+//#region src/components/form/FormInputEmail.vue
+var c = {
+	name: "FormInputEmail",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { slots: n, attrs: i }) {
+		let c = o(e, "modelValue");
+		return () => r(t, a(e, i, {
+			modelValue: c.value,
+			"onUpdate:modelValue": (e) => c.value = e,
+			type: "email"
+		}), s(n) ? n : { default: () => [n] });
+	}
+};
+//#endregion
+export { c as t };