@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta90

package/chunks/BeIZhqg_.mjs

@@ -1,167 +0,0 @@
-import { t as e } from "./BPJNSq9M.mjs";
-import { ElCol as t, ElFormItem as n, ElTooltip as r } from "element-plus/es";
-import { computed as i, createVNode as a, h as o, inject as s, mergeProps as c, nextTick as l, unref as u, useTemplateRef as d } from "vue";
-import { ElCol as f, rowContextKey as p } from "element-plus";
-//#region src/components/form/form-item.js
-var m = {
-	label: String,
-	prop: String,
-	required: Boolean,
-	rules: Array,
-	messagePrefix: String,
-	message: String,
-	wrapCol: {
-		type: Boolean,
-		default: !0
-	},
-	fixedSpan: Number,
-	span: {
-		type: Number,
-		default: 12
-	},
-	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]
-}, h = (e) => {
-	let t = s("formHolder", null);
-	return i(() => e.required === !0 ? !0 : (t == null ? void 0 : t.requiredFieldsMap[e.prop]) === !0);
-}, g = (e, { rules: t, messagePrefix: n } = {}) => {
-	let r = h(e);
-	return i(() => {
-		let i = {}, a = u(t);
-		return Object.keys(m).forEach((t) => {
-			t === "rules" ? e[t] && a ? i[t] = [...e[t], ...a] : e[t] ? i[t] = e[t] : a && (i[t] = a) : t === "messagePrefix" ? i[t] = e.messagePrefix || n : i[t] = e[t];
-		}), i.required = r.value, i;
-	});
-}, _ = {
-	name: "FormItemX",
-	inheritAttrs: !1,
-	props: { ...m },
-	setup(o, { attrs: u, slots: f, expose: m }) {
-		let g = s(p, null), _ = s(e, null), v = s("formHolder", null), y = u.embed ? i(() => u.disabled) : b(o), x = i(() => (_ == null ? void 0 : _.reactive) === !0 && _.block === !1 && o.fixedSpan === void 0 && !o.half), S = h(o), C = d("formItem"), w = i(() => (_ == null ? void 0 : _.wrapCol) === !1 ? !1 : !!g && o.wrapCol), T = i(() => v != null && v.tableForm ? "" : _ != null && _.block ? "100%" : o.half && w.value ? `calc(50% - ${g.gutter.value / 2}px)` : ""), E = i(() => (_ == null ? void 0 : _.block) === !0 || o.block || o.half ? 24 : o.span), D = i(() => {
-			if (y.value) return [];
-			if (S.value) {
-				let e = {
-					required: !0,
-					message: o.message || `${o.messagePrefix || "请输入"}${o.label}`
-				};
-				return o.rules ? [...o.rules, e] : [e];
-			}
-			return o.rules;
-		});
-		return m({
-			clearValidate: async () => {
-				var e;
-				await l(), (e = C.value) == null || e.clearValidate();
-			},
-			validate: async () => {
-				var e;
-				await l(), (e = C.value) == null || e.validate();
-			}
-		}), () => {
-			var e;
-			let i = f.tips || o.tips, s = i ? a(r, {
-				effect: "light",
-				content: o.tips,
-				offset: 4
-			}, {
-				default: () => a("i", { class: "el-icon-info form-item-input-info" }, null),
-				content: f.tips ? f.tips : null
-			}) : null, l = a(n, {
-				ref: "formItem",
-				style: { width: T.value },
-				label: o.label,
-				class: [
-					"form-item",
-					o.formItemClass,
-					{
-						"form-item-hide-label": o.hideLabel,
-						"with-tips": !o.tipsAfterLabel && i,
-						required: y.value === !1 && S.value
-					}
-				],
-				prop: o.prop,
-				rules: D.value
-			}, {
-				...f,
-				default: () => {
-					var e;
-					return [(e = f.default) == null ? void 0 : e.call(f, {
-						disabled: y.value,
-						required: S.value
-					}), i && !o.tipsAfterLabel ? s : null];
-				},
-				label: () => [f.label ? f.label() : o.label, o.tipsAfterLabel ? s : null]
-			}), u = [l, (e = f.below) == null ? void 0 : e.call(f)];
-			return o.unwrap ? u : w.value ? a(t, c({ span: E.value }, x.value ? {
-				xs: 24,
-				sm: 12,
-				md: 12,
-				lg: 8,
-				xl: 6
-			} : {}), { default: () => u }) : l;
-		};
-	}
-}, v = "update:modelValue", y = {
-	...m,
-	wrapFormItem: {
-		type: Boolean,
-		default: !0
-	},
-	disabled: {
-		type: Boolean,
-		default: void 0
-	},
-	col: Boolean,
-	readonly: Boolean
-}, b = (e) => {
-	let t = s("formHolder", null), n = s("formItemGroup", null);
-	return i(() => {
-		if (e.disabled !== void 0) return e.disabled;
-		if (t) {
-			if (t.requiredFieldsMap[e.prop] === !0 || t.enabledFieldsMap[e.prop] === !0) return !1;
-			if (t.disabledFieldsMap[e.prop] === !0) return !0;
-		}
-		return (n == null ? void 0 : n.enabled) === !0 ? !1 : (n == null ? void 0 : n.disabled) === !0 ? !0 : (t == null ? void 0 : t.disabled) === !0;
-	});
-}, x = { [v]: null }, S = (e, t) => e(v, t), C = (e, { vNodes: t, formItemProps: n, slots: r, disabled: i }) => e.wrapFormItem ? o(_, {
-	...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, w = (e, { emit: t, slots: n, rules: r, messagePrefix: a = "请输入" }) => {
-	let s = g(e, {
-		rules: r,
-		messagePrefix: a
-	}), c = b(e), l = (e) => S(t, e), u = (t) => e.col ? o(f, { span: e.block ? 24 : e.span }, { default: () => t }) : t;
-	return {
-		emitInput: l,
-		render: ({ vNodes: t }) => C(e, {
-			vNodes: u(t),
-			formItemProps: s,
-			slots: n,
-			disabled: c
-		}),
-		placeholder: i(() => c.value ? "" : `${a}${e.label}`),
-		disabled: c,
-		formItemProps: s
-	};
-}, T = (e) => e.icon ? o("i", { class: e.icon }) : null;
-//#endregion
-export { S as a, g as c, C as i, x as n, w as o, y as r, _ as s, T as t };

package/chunks/BmQGmui_.mjs

@@ -1,54 +0,0 @@
-import { n as e, o as t, r as n } from "./BeIZhqg_.mjs";
-import { ElCheckbox as r, ElCheckboxGroup as i } from "element-plus/es";
-import { computed as a, createVNode as o, isVNode as s } from "vue";
-//#region src/components/form/FormCheckBoxGroup.vue?vue&type=script&lang.jsx
-function c(e) {
-	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !s(e);
-}
-//#endregion
-//#region src/components/form/FormCheckBoxGroup.vue
-var l = {
-	name: "FormCheckBoxGroup",
-	inheritAttrs: !1,
-	props: {
-		...n,
-		modelValue: [Array, String],
-		options: Array,
-		stringMode: Boolean,
-		delimiter: {
-			type: String,
-			default: ","
-		}
-	},
-	emits: { ...e },
-	setup(e, { emit: n, slots: s }) {
-		let { emitInput: l, render: u, placeholder: d, disabled: f } = t(e, {
-			emit: n,
-			slots: s,
-			messagePrefix: "请选择"
-		}), p = (t) => l(e.stringMode ? t.join(e.delimiter) : t), m = a(() => {
-			if (e.stringMode) {
-				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 || [];
-		});
-		return () => u({ vNodes: o(i, {
-			modelValue: m.value,
-			disabled: f.value,
-			"onUpdate:modelValue": p,
-			placeholder: d.value
-		}, {
-			...s,
-			default: s.default || (() => {
-				var t;
-				return (t = e.options) == null ? void 0 : t.map(({ value: e, label: t }) => o(r, {
-					key: e,
-					value: e
-				}, c(t) ? t : { default: () => [t] }));
-			})
-		}) });
-	}
-};
-//#endregion
-export { l as t };

package/chunks/BnycM8aG.mjs

@@ -1,74 +0,0 @@
-import { n as e, o as t, r as n } from "./BeIZhqg_.mjs";
-import { ElDatePicker as r } from "element-plus/es";
-import { computed as i, createVNode as a } from "vue";
-//#endregion
-//#region src/components/form/FormDatePicker.vue
-var o = {
-	name: "FormDatePicker",
-	inheritAttrs: !1,
-	props: {
-		...n,
-		modelValue: [
-			String,
-			Number,
-			Date,
-			Array
-		],
-		type: {
-			type: String,
-			default: "date"
-		},
-		unlinkPanels: {
-			type: Boolean,
-			default: !0
-		},
-		split: Boolean,
-		startDate: String,
-		endDate: String
-	},
-	emits: {
-		...e,
-		"update:startDate": null,
-		"update:endDate": null
-	},
-	setup(e, { emit: n, slots: o }) {
-		let { emitInput: s, render: c, placeholder: l, disabled: u } = t(e, {
-			emit: n,
-			slots: o,
-			messagePrefix: "请选择"
-		}), d = i(() => {
-			switch (e.type) {
-				case "date":
-				case "daterange": return "YYYY-MM-DD";
-				case "datetime":
-				case "datetimerange": return "YYYY-MM-DD HH:mm:ss";
-				default: return "";
-			}
-		}), f = i(() => e.split && e.type.indexOf("range") > -1), p = (e, t) => {
-			n("update:startDate", e), n("update:endDate", t);
-		}, m = (e) => {
-			f.value ? e ? p(e[0], e[1]) : p(null, null) : s(e);
-		}, h = i(() => f.value ? [e.startDate, e.endDate] : e.modelValue);
-		return () => c({ vNodes: a(r, {
-			style: "width: 100%",
-			clearable: !0,
-			modelValue: h.value,
-			type: e.type,
-			unlinkPanels: e.unlinkPanels,
-			disabled: u.value,
-			"onUpdate:modelValue": m,
-			format: d.value,
-			"value-format": d.value,
-			placeholder: l.value
-		}, {
-			default: o.default,
-			"range-separator": o["range-separator"],
-			"pre-month": o["pre-month"],
-			"next-month": o["next-month"],
-			"pre-year": o["pre-year"],
-			"next-year": o["next-year"]
-		}) });
-	}
-};
-//#endregion
-export { o as t };

package/chunks/BooKKkk0.mjs

@@ -1,36 +0,0 @@
-import { n as e, o as t, r as n } from "./BeIZhqg_.mjs";
-import { ElSwitch as r } from "element-plus/es";
-import { createVNode as i, isVNode as a } from "vue";
-//#region src/components/form/FormSwitch.vue?vue&type=script&lang.jsx
-function o(e) {
-	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !a(e);
-}
-//#endregion
-//#region src/components/form/FormSwitch.vue
-var s = {
-	name: "FormSwitch",
-	inheritAttrs: !1,
-	props: {
-		...n,
-		modelValue: [
-			Boolean,
-			String,
-			Number
-		]
-	},
-	emits: { ...e },
-	setup(e, { emit: n, slots: a }) {
-		let { emitInput: s, render: c, disabled: l } = t(e, {
-			emit: n,
-			slots: a
-		});
-		return () => c({ vNodes: i(r, {
-			modelValue: e.modelValue,
-			clearable: !0,
-			disabled: l.value,
-			"onUpdate:modelValue": s
-		}, o(a) ? a : { default: () => [a] }) });
-	}
-};
-//#endregion
-export { s as t };

package/chunks/Bpox2cVQ.mjs

@@ -1,92 +0,0 @@
-import e from "../form-cell/index.mjs";
-import { ElTooltip as t } from "element-plus/es";
-import { Comment as n, Fragment as r, Text as i, createVNode as a, inject as o, isVNode as s } from "vue";
-import { camelize as c, isDef as l, isString as u } from "@web-utils/core";
-//#region src/components/red-form/FormRow.vue?vue&type=script&lang.jsx
-function d(e) {
-	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !s(e);
-}
-var f = (e) => {
-	let t = Object.keys({});
-	for (let n in e) t[c(n)] = e[n];
-	return t;
-}, p = (e, { columnSize: o }) => {
-	if (!e || !e.length) return null;
-	e = e.filter((e) => e.type !== n);
-	let s = [], c = e.length === 1;
-	for (let n = 0; n < e.length; n++) {
-		let v = e[n], { name: y } = v.type;
-		if (v.type === i) s.push({
-			tag: y,
-			type: "text",
-			content: v,
-			colspan: c ? o : 0
-		});
-		else if (v.type === r) s.push(...p(v.children, { columnSize: o }));
-		else if (u(v.type) && v.type === "td") s.push({
-			tag: v.type,
-			type: "td",
-			content: v
-		});
-		else if (y === "FormCell") s.push({
-			tag: y,
-			type: "FormCell",
-			content: v
-		});
-		else if (typeof v.type == "object") {
-			var d, m;
-			let { label: e, hideLabel: n, labelColspan: r, inputColspan: i, labelRowspan: u, inputRowspan: p, tipsAfterLabel: b, tips: x } = f(v.props);
-			if (!l(n)) {
-				var h, g, _;
-				let n = (h = v.children) == null ? void 0 : h.tips, i = n || x ? a(t, {
-					effect: "light",
-					content: x,
-					offset: 4
-				}, {
-					default: () => a("i", { class: "el-icon-info form-item-input-info" }, null),
-					content: n || null
-				}) : null;
-				s.push({
-					tag: y,
-					type: "label",
-					colspan: r,
-					rowspan: u,
-					content: [((g = v.children) == null || (_ = g.label) == null ? void 0 : _.call(g)) || e, b === "" ? i : null]
-				});
-			}
-			let S;
-			S = c && l(n) ? o : l(i) ? i : c ? o - 1 : 0, s.push({
-				tag: y,
-				type: "input",
-				colspan: S,
-				rowspan: p,
-				content: [v, (d = v.children) == null || (m = d.below) == null ? void 0 : m.call(d)]
-			});
-		} else console.error("未知节点");
-	}
-	return s;
-}, m = {
-	name: "FormRow",
-	props: {
-		isLabel: Boolean,
-		alignCenter: Boolean
-	},
-	setup(t, { slots: n }) {
-		let r = o("setColumnSize", null), i = o("columnSize", null);
-		return () => {
-			var o;
-			let s = (o = n.default) == null ? void 0 : o.call(n), c = [];
-			return c.push(...p(s, { columnSize: (i == null ? void 0 : i.value) ?? 0 })), ((i == null ? void 0 : i.value) ?? 0) < c.length && (r == null || r(c.length)), a("tr", null, [c.map(({ tag: n, type: r, colspan: i, rowspan: o, content: s }) => n === "td" || r === "FormCell" ? s : r === "text" ? a(e, {
-				isLabel: t.isLabel,
-				alignCenter: t.alignCenter,
-				colspan: i
-			}, d(s) ? s : { default: () => [s] }) : a("td", {
-				class: r,
-				colspan: i,
-				rowspan: o
-			}, [s]))]);
-		};
-	}
-};
-//#endregion
-export { m as t };

package/chunks/Bs_IYr3X.mjs

@@ -1,94 +0,0 @@
-import { n as e, o as t, r as n, t as r } from "./BeIZhqg_.mjs";
-import { computed as i, createVNode as a } from "vue";
-import { ElInput as o } from "element-plus";
-import { validatePhoneNum as s } from "@web-utils/core";
-//#region src/util/form-validate.js
-var c = (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 l(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?vue&type=script&lang.jsx
-console.log(o.props.inputStyle.type);
-for (let e = 0; e < o.props.inputStyle.type.length; e++) console.log(o.props.inputStyle.type[e].name);
-//#endregion
-//#region src/components/form/FormInput.vue
-var u = {
-	name: "FormInput",
-	inheritAttrs: !1,
-	props: {
-		...n,
-		modelValue: String,
-		type: String,
-		rows: Number,
-		prepend: String,
-		append: String,
-		prefix: String,
-		suffix: String,
-		readonlyGrey: {
-			type: Boolean,
-			default: !0
-		},
-		maxLength: {
-			type: String,
-			default: "255"
-		},
-		picker: Boolean,
-		suffixIcon: String,
-		prefixIcon: String
-	},
-	emits: {
-		...e,
-		click: null,
-		clear: null
-	},
-	setup(e, { emit: n, slots: u }) {
-		let d = `请输入正确的${e.label}！`, { emitInput: f, render: p, placeholder: m, disabled: h } = t(e, {
-			emit: n,
-			slots: u,
-			rules: i(() => {
-				if (!e.type || e.type === "textarea") return null;
-				let t = {
-					message: d,
-					trigger: "blur"
-				};
-				if (e.type === "email") t.validator = c;
-				else if (e.type === "idcard") t.validator = l;
-				else if (e.type === "phone") t.validator = s;
-				else return null;
-				return [t];
-			})
-		}), g = (e) => {
-			n("click", e);
-		}, _ = () => {
-			n("clear");
-		};
-		return () => p({ vNodes: a(o, {
-			class: ["form-input", {
-				"is-readonly": e.readonlyGrey && e.readonly && !e.picker,
-				"el-input-cursor-pointer": e.picker && !h.value
-			}],
-			modelValue: e.modelValue,
-			type: e.type,
-			clearable: !0,
-			rows: e.rows,
-			readonly: e.readonly || e.picker,
-			maxLength: e.maxLength,
-			onClick: g,
-			onClear: _,
-			"prefix-icon": r({ icon: e.picker ? "el-icon-search" : e.prefixIcon }),
-			"suffix-icon": r({ icon: e.suffixIcon }),
-			disabled: h.value,
-			"onUpdate:modelValue": f,
-			placeholder: m.value
-		}, {
-			prefix: u.prefix || e.prefix ? () => e.prefix : null,
-			suffix: u.suffix || e.suffix ? () => e.suffix : null,
-			"password-icon": u["password-icon"],
-			prepend: u.prepend || e.prepend ? () => e.prepend : null,
-			append: u.append || e.append ? () => e.append : null
-		}) });
-	}
-};
-//#endregion
-export { u as t };

package/chunks/BuZDN2DV.mjs

@@ -1,28 +0,0 @@
-import { a as e, n as t, r as n } from "./BeIZhqg_.mjs";
-import { t as r } from "./Bs_IYr3X.mjs";
-import { createVNode as i, isVNode as a, mergeProps 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]" && !a(e);
-}
-//#endregion
-//#region src/components/form/FormInputEmail.vue
-var c = {
-	name: "FormInputEmail",
-	inheritAttrs: !1,
-	props: {
-		...n,
-		modelValue: String
-	},
-	emits: { ...t },
-	setup(t, { emit: n, slots: a }) {
-		let c = (t) => e(n, t);
-		return () => i(r, o(t, {
-			modelValue: t.modelValue,
-			type: "email",
-			"onUpdate:modelValue": c
-		}), s(a) ? a : { default: () => [a] });
-	}
-};
-//#endregion
-export { c as t };

package/chunks/C4JpDEWP.mjs

@@ -1,35 +0,0 @@
-import { n as e, o as t, r as n } from "./BeIZhqg_.mjs";
-import { ElCheckbox as r } from "element-plus/es";
-import { createVNode as i } from "vue";
-//#endregion
-//#region src/components/form/FormCheckbox.vue
-var a = {
-	name: "FormCheckbox",
-	inheritAttrs: !1,
-	props: {
-		...n,
-		modelValue: [
-			String,
-			Number,
-			Boolean
-		],
-		value: String,
-		label: String
-	},
-	emits: { ...e },
-	setup(e, { emit: n, slots: a }) {
-		let { emitInput: o, render: s, disabled: c } = t(e, {
-			emit: n,
-			slots: a
-		});
-		return () => s({ vNodes: i(r, {
-			modelValue: e.modelValue,
-			value: e.value,
-			label: e.label,
-			disabled: c.value,
-			"onUpdate:modelValue": o
-		}, { default: a.default }) });
-	}
-};
-//#endregion
-export { a as t };

package/chunks/C76R4lB3.mjs

@@ -1,74 +0,0 @@
-import { createVNode as e, nextTick as t, onMounted as n, useTemplateRef as r, watch as i } from "vue";
-import a from "jsoneditor/dist/jsoneditor.min.js";
-import "jsoneditor/dist/jsoneditor.min.css";
-//#region src/components/json-editor/JsonEditor.vue?vue&type=script&lang.jsx
-var o = [
-	"tree",
-	"view",
-	"form"
-], s = {
-	name: "JsonEditor",
-	props: {
-		modelValue: [
-			String,
-			Boolean,
-			Object,
-			Array
-		],
-		expanded: Boolean,
-		mode: {
-			type: String,
-			default: "tree"
-		},
-		modes: {
-			type: Array,
-			default() {
-				return [
-					"tree",
-					"code",
-					"form",
-					"text",
-					"view"
-				];
-			}
-		}
-	},
-	emits: [
-		"mode-change",
-		"error",
-		"update:modelValue"
-	],
-	setup(s, { emit: c }) {
-		let l = r("editor"), u = !1, d, f = () => {
-			s.expanded && o.includes(s.mode) && d.expandAll();
-		}, p = (e) => {
-			d && d.set(e);
-		};
-		return i(() => s.modelValue, (e) => {
-			u || (p(e), f());
-		}, { immediate: !0 }), n(() => {
-			let e = {
-				mode: s.mode,
-				modes: s.modes,
-				onChange() {
-					try {
-						u = !0, c("update:modelValue", d.get()), t(() => {
-							u = !1;
-						});
-					} catch (e) {
-						c("error", e);
-					}
-				},
-				onModeChange(e) {
-					c("mode-change", e), o.includes(e) && f();
-				}
-			};
-			d = new a(l.value, e, s.modelValue);
-		}), () => e("div", {
-			ref: "editor",
-			class: "json-editor"
-		}, null);
-	}
-};
-//#endregion
-export { s as t };

package/chunks/DAjuA2O6.mjs

@@ -1,28 +0,0 @@
-import { a as e, n as t, r as n } from "./BeIZhqg_.mjs";
-import { t as r } from "./Bs_IYr3X.mjs";
-import { createVNode as i, isVNode as a, mergeProps 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]" && !a(e);
-}
-//#endregion
-//#region src/components/form/FormInputIdCard.vue
-var c = {
-	name: "FormInputIdCard",
-	inheritAttrs: !1,
-	props: {
-		...n,
-		modelValue: String
-	},
-	emits: { ...t },
-	setup(t, { emit: n, slots: a }) {
-		let c = (t) => e(n, t);
-		return () => i(r, o(t, {
-			modelValue: t.modelValue,
-			type: "idcard",
-			"onUpdate:modelValue": c
-		}), s(a) ? a : { default: () => [a] });
-	}
-};
-//#endregion
-export { c as t };