@web-utils/form-ui 1.0.0-beta5 → 1.0.0-beta51

package/chunks/CAd1zK9Q.mjs

@@ -0,0 +1,25 @@
+import { n as e } from "./D_qiRmiE.mjs";
+import { n as t, t as n } from "./CabldOLo.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) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
+}
+//#endregion
+//#region src/components/form/FormInputIdCard.vue
+var c = {
+	name: "FormInputIdCard",
+	inheritAttrs: !1,
+	props: { ...t },
+	emits: { ...e },
+	setup(e, { slots: t, attrs: i }) {
+		let c = o(e, "modelValue");
+		return () => r(n, a(e, i, {
+			modelValue: c.value,
+			"onUpdate:modelValue": (e) => c.value = e,
+			type: "idcard"
+		}), s(t) ? t : { default: () => [t] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/CJdkjadi.mjs

@@ -0,0 +1,17 @@
+import { c as e, s as t } from "./D_qiRmiE.mjs";
+//#region src/components/form/props/common.ts
+var n = {
+	...e,
+	...t,
+	wrapFormItem: {
+		type: Boolean,
+		default: !0
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	col: Boolean
+}, r = { size: { type: String } };
+//#endregion
+export { n, r as t };

package/chunks/CXsoKP22.mjs

@@ -0,0 +1,86 @@
+import { isFunction as e } from "@web-utils/core";
+import { defineComponent as t, h as n } from "vue";
+import { ElButton as r, ElLoading as i, ElMessageBox as a } from "element-plus";
+//#region src/components/button/confirmable-mixin.ts
+async function o(t, n, r) {
+	let { stop: o, prevent: s, message: c, loadable: l, loadingText: u, confirmable: d, confirmType: f, confirmText: p, confirmTitle: m } = n;
+	o && t.stopPropagation(), s && t.preventDefault();
+	let { onBefore: h, onClick: g, onCancel: _, onAfter: v } = r;
+	if (e(g)) try {
+		let n = !0;
+		if (e(h) && (n = await h(t)), !n) return;
+		d && await a.confirm(c || p, {
+			type: f,
+			title: m
+		});
+		let r;
+		l && (r = i.service({
+			background: "rgba(0,0,0,0.3)",
+			text: u
+		}));
+		let o;
+		try {
+			o = await g(t);
+		} catch {}
+		l && (r == null || r.close()), e(v) && await v(t, o);
+	} catch (t) {
+		e(_) && await _(t);
+	}
+}
+var s = t({
+	inheritAttrs: !1,
+	props: {
+		stop: {
+			type: Boolean,
+			default: !0
+		},
+		prevent: {
+			type: Boolean,
+			default: !0
+		},
+		text: {
+			type: String,
+			default: ""
+		},
+		message: String,
+		confirmable: {
+			type: Boolean,
+			default: !0
+		},
+		confirmText: {
+			type: String,
+			default: "你确定要删除该记录吗？"
+		},
+		confirmType: {
+			type: String,
+			default: "warning"
+		},
+		confirmTitle: {
+			type: String,
+			default: "系统提示"
+		},
+		loadable: Boolean,
+		loadingText: {
+			type: String,
+			default: "正在处理中请稍候..."
+		},
+		tag: {
+			type: String,
+			default: "i"
+		},
+		icon: String
+	},
+	render() {
+		let e = this.tag === "ElButton" ? r : this.tag, { text: t, icon: i, ...a } = this.$props, { onClick: s, ...c } = this.$attrs;
+		return n(e, {
+			...c,
+			...a,
+			onClick: (e) => o(e, this.$props, this.$attrs)
+		}, {
+			default: this.$slots.default || (() => t),
+			icon: this.icon ? () => n("i", { class: this.icon }) : null
+		});
+	}
+});
+//#endregion
+export { s as t };

package/chunks/CabldOLo.mjs

@@ -0,0 +1,157 @@
+import { i as e, n as t, t as n } from "./D_qiRmiE.mjs";
+import { n as r, t as i } from "./CJdkjadi.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: !0
+	},
+	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,
+	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: { ...t },
+	setup(t, { emit: r, slots: i, attrs: p }) {
+		let m = l(t, "modelValue"), h = `请输入正确的${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: h,
+					trigger: "blur"
+				};
+				if (t.type === "email") e.validator = d;
+				else if (t.type === "idcard") e.validator = f;
+				else if (t.type === "phone") e.validator = a;
+				else return null;
+				return [e];
+			}),
+			predicate: g
+		});
+		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: 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 })
+		}), {
+			prefix: i.prefix || t.prefix ? () => t.prefix : null,
+			suffix: i.suffix || t.suffix ? () => t.suffix : null,
+			"password-icon": i["password-icon"],
+			prepend: i.prepend || t.prepend ? () => t.prepend : null,
+			append: i.append || t.append ? () => t.append : null
+		}) });
+	}
+};
+//#endregion
+export { m as n, p as r, _ as t };

package/chunks/CkOD-_VV.mjs

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };

package/chunks/CqVd8D222.mjs

@@ -0,0 +1,89 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n, t as r } from "./CJdkjadi.mjs";
+import { createVNode as i, mergeProps as a } from "vue";
+import { ElTimeSelect as o } from "element-plus/es";
+//#region src/components/form/props/time-select.ts
+var s = {
+	...n,
+	...r,
+	modelValue: String,
+	editable: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	includeEndTime: {
+		type: Boolean,
+		default: !1
+	},
+	size: {
+		type: String,
+		default: "default"
+	},
+	placeholder: String,
+	name: String,
+	effect: {
+		type: String,
+		default: "light"
+	},
+	prefixIcon: [String, Object],
+	clearIcon: [String, Object],
+	start: {
+		type: String,
+		default: "09:00"
+	},
+	end: {
+		type: String,
+		default: "18:00"
+	},
+	step: {
+		type: String,
+		default: "00:30"
+	},
+	minTime: String,
+	maxTime: String,
+	format: {
+		type: String,
+		default: "HH:mm"
+	},
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object]
+}, c = {
+	disabled: !0,
+	modelValue: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormTimeSelect",
+	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: i(o, a(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/CuAoMR3n.mjs

@@ -0,0 +1,105 @@
+import { n as e } from "./D_qiRmiE.mjs";
+import { n as t, t as n } from "./CJdkjadi.mjs";
+import { t as r } from "./CabldOLo.mjs";
+import { createVNode as i, isVNode as a, mergeProps as o, useModel as s } from "vue";
+//#region src/components/form/props/textarea.ts
+var c = {
+	...t,
+	...n,
+	modelValue: [String, Number],
+	modelModifiers: Object,
+	maxlength: {
+		type: [String, Number],
+		default: 800
+	},
+	minlength: [String, Number],
+	showWordLimit: {
+		type: Boolean,
+		default: !0
+	},
+	wordLimitPosition: {
+		type: String,
+		default: "inside"
+	},
+	placeholder: String,
+	clearIcon: [String, Object],
+	formatter: Function,
+	parser: Function,
+	showPassword: {
+		type: Boolean,
+		default: !1
+	},
+	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,
+	readonlyGrey: {
+		type: Boolean,
+		default: !0
+	}
+};
+//#endregion
+//#region src/components/form/FormTextarea.vue?vue&type=script&lang.jsx
+function l(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !a(e);
+}
+//#endregion
+//#region src/components/form/FormTextarea.vue
+var u = {
+	name: "FormTextarea",
+	inheritAttrs: !1,
+	props: {
+		...c,
+		maxlength: {
+			type: [String, Number],
+			default: 800
+		},
+		block: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: { ...e },
+	setup(e, { slots: t, attrs: n }) {
+		let a = s(e, "modelValue");
+		return () => i(r, o(e, n, {
+			maxlength: e.maxlength,
+			block: e.block,
+			modelValue: a.value,
+			"onUpdate:modelValue": (e) => a.value = e,
+			type: "textarea"
+		}), l(t) ? t : { default: () => [t] });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/DA7oGHSX.mjs

@@ -0,0 +1,141 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n } from "./CJdkjadi.mjs";
+import { useDictionary as r } from "../hook/useDictionary.mjs";
+import { computed as i, createVNode as a, isVNode as o, mergeProps as s, useModel as c } from "vue";
+import { ElRadio as l, ElRadioButton as u, ElRadioGroup as d } from "element-plus/es";
+//#region src/components/form/props/radio-group.ts
+var f = {
+	...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,
+	options: {
+		type: Array,
+		default: () => []
+	},
+	props: {
+		type: Object,
+		default: () => ({
+			value: "value",
+			label: "label",
+			disabled: "disabled"
+		})
+	},
+	type: {
+		type: String,
+		default: "radio"
+	},
+	border: Boolean,
+	gender: Boolean,
+	overFlow: Boolean,
+	confirm: Boolean,
+	trigger: {
+		type: String,
+		default: "change"
+	},
+	labelProp: {
+		type: String,
+		default: "name"
+	},
+	valueProp: {
+		type: String,
+		default: "code"
+	},
+	english: Boolean,
+	chinese: Boolean,
+	typing: Boolean,
+	classic: {
+		type: Boolean,
+		default: !0
+	},
+	fillRow: Boolean,
+	ellipsis: Boolean,
+	inline: Boolean,
+	allowCancel: Boolean,
+	radioType: {
+		type: String,
+		default: "radio"
+	},
+	dictType: String
+}, p = {
+	modelValue: !0,
+	disabled: !0,
+	type: !0,
+	options: !0
+}, m = (e) => n[e] === void 0 && p[e] !== !0;
+//#endregion
+//#region src/components/form/FormRadioGroup.vue?vue&type=script&lang.jsx
+function h(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !o(e);
+}
+//#endregion
+//#region src/components/form/FormRadioGroup.vue
+var g = {
+	name: "FormRadioGroup",
+	inheritAttrs: !1,
+	props: { ...f },
+	emits: { ...t },
+	setup(t, { slots: n, attrs: o, emit: f }) {
+		let p = c(t, "modelValue"), { render: g, disabled: _, listeners: v, inputProps: y } = e(t, {
+			emit: f,
+			slots: n,
+			attrs: o,
+			predicate: m,
+			messagePrefix: "请选择"
+		}), b = i(() => t.classic ? "label" : t.labelProp), x = i(() => t.classic ? "value" : t.valueProp), { dictItems: S } = r(t), C = i(() => t.dictType ? S.value : t.gender ? [{
+			[b.value]: "男",
+			[x.value]: t.chinese ? "男" : t.typing ? 1 : "1"
+		}, {
+			[b.value]: "女",
+			[x.value]: t.chinese ? "女" : t.typing ? 2 : "2"
+		}] : t.confirm ? [{
+			[b.value]: "是",
+			[x.value]: t.chinese ? "是" : t.english ? "Y" : t.typing ? 1 : "1"
+		}, {
+			[b.value]: "否",
+			[x.value]: t.chinese ? "否" : t.english ? "N" : t.typing ? 0 : "0"
+		}] : t.options);
+		return () => g({ vNodes: a(d, s(v.value, y.value, {
+			modelValue: p.value,
+			"onUpdate:modelValue": (e) => p.value = e,
+			disabled: _.value
+		}), {
+			...n,
+			default: n.default || (() => {
+				var e;
+				return (e = C.value) == null ? void 0 : e.map(({ value: e, label: n, disabled: r }) => t.type === "button" || t.radioType === "button" ? a(u, {
+					key: e,
+					value: e,
+					disabled: r
+				}, h(n) ? n : { default: () => [n] }) : a(l, {
+					key: e,
+					value: e,
+					disabled: r
+				}, h(n) ? n : { default: () => [n] }));
+			})
+		}) });
+	}
+};
+//#endregion
+export { g as t };