@web-utils/form-ui 1.0.0-beta4 → 1.0.0-beta41

package/chunks/cmuHpsX6.mjs

@@ -0,0 +1,109 @@
+import { camelize as e, capitalize as t, copy as n, hyphenate as r, isArray as i, isFunction as a, isString as o, uncapitalize as s } from "@web-utils/core";
+import { computed as c, useAttrs as l } from "vue";
+import { ElMessage as u } from "element-plus";
+//#region src/utils/index.ts
+var d = (e, n, r, i, a = !0) => {
+	let o = {};
+	if (n) for (let t in e) n(t) && (o[t] = e[t]);
+	return a && r && r.forEach((e) => {
+		o[`on${t(e)}`] = (...t) => i(e, ...t);
+	}), o;
+}, f = (e, t) => c(() => {
+	let n = {};
+	if (t) for (let r in e) t(r) && (n[r] = e[r]);
+	return n;
+}), p = ({ removeOn: t = !1, include: n, exclude: r } = {}) => {
+	let i = l();
+	return c(() => {
+		let a = {}, o = {}, c = {}, l = !1;
+		(n || r) && (l = !0), n == null || n.forEach((t) => {
+			o[e(t)] = !0;
+		}), r == null || r.forEach((t) => {
+			c[e(t)] = !0;
+		});
+		for (let e in i) if (e.startsWith("on")) {
+			let u = s(e.replace(/^on/, ""));
+			if (l && (n && o[u] !== !0 || r && c[u] === !0)) continue;
+			t ? a[u] = i[e] : a[e] = i[e];
+		}
+		return a;
+	});
+}, m = (e, { predicate: t, removeOn: n }) => ({
+	listeners: p({ removeOn: n }),
+	autoBindProps: f(e, t)
+}), h = (e, { withOn: t = !1 } = {}) => {
+	let n = {};
+	for (let r in e) r.startsWith("on") && (t ? n[r] = e[r] : n[s(r.replace(/^on/, ""))] = e[r]);
+	return n;
+}, g = (e, t = "id", n = "label") => {
+	let r = [];
+	function i(e, a) {
+		if (!e) return;
+		let o = [...a, {
+			[t]: e[t],
+			[n]: e[n]
+		}];
+		if (!e.children || e.children.length === 0) {
+			r.push(o);
+			return;
+		}
+		e.children.forEach((e) => {
+			i(e, o);
+		});
+	}
+	return e.forEach((e) => i(e, [])), r;
+}, _ = (e, t = "id", n = "label") => {
+	let r = [];
+	return g(e).forEach((e) => {
+		let i = [], a = [];
+		for (let r = 0; r < e.length; r++) i.push(e[r][t]), a.push(e[r][n]);
+		r.push({
+			value: i.join("/"),
+			label: a.join("/")
+		});
+	}), r;
+}, v = (e, t = "id", n = "label") => {
+	let r = {};
+	return g(e).forEach((e) => {
+		let i = [], a = [];
+		for (let r = 0; r < e.length; r++) i.push(e[r][t]), a.push(e[r][n]);
+		r[i.join("/")] = {
+			value: i.join("/"),
+			label: a.join("/")
+		};
+	}), r;
+};
+function y(e) {
+	n(e, () => u.success({
+		duration: 1e3,
+		message: "复制成功！",
+		type: "success"
+	}), () => u.error({
+		duration: 1e3,
+		message: "复制失败！",
+		type: "error"
+	}));
+}
+var b = (e) => {
+	let t = [];
+	return e && (i(e) ? e.forEach((e) => {
+		i(e) ? t.push(...b(e)) : e && t.push(e);
+	}) : e && t.push(e)), t;
+}, x = (e = "", t = {}) => {
+	let n = t || {};
+	return (e || "").replace(/{(.*?)}/g, (e, t) => {
+		if (t.indexOf(":")) {
+			let [e, r] = t.split(":");
+			return n[e] ? n[e] : r;
+		} else return n[t] || "";
+	});
+}, S = (e, t) => a(e) ? x(e(t), t) : o(e) ? x(e, t) : null, C = (e) => {
+	let t = {};
+	for (let n in e) t[r(n)] = e[n];
+	return t;
+}, w = (e, t) => {
+	for (let n in t) e[n] = t[n];
+	return e;
+};
+//#endregion
+export { d as a, C as c, f as d, p as f, b as i, _ as l, y as n, h as o, S as r, v as s, w as t, m as u };

package/chunks/ePSxkHli.mjs

@@ -0,0 +1,95 @@
+import { i as e, n as t } from "./CXSIP67a.mjs";
+import { n } from "./BROfNO6c.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElSlider as o } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/slider/style/css";
+//#region src/components/form/props/slide.ts
+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,
+	disabled: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormSlider",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let u = a(t, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: s,
+			predicate: l,
+			attrs: c
+		});
+		return () => d({ vNodes: r(o, i(p.value, m.value, {
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			disabled: f.value
+		}), null) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/jHrYQI1Q.mjs

@@ -0,0 +1,320 @@
+import { i as e, n as t } from "./CXSIP67a.mjs";
+import { n } from "./BROfNO6c.mjs";
+import { useDictionary as r } from "../hook/useDictionary.mjs";
+import { isNumber as i, isPlainObject as a, isString as o } from "@web-utils/core";
+import { computed as s, createVNode as c, mergeProps as l, ref as u, watchEffect as d } from "vue";
+import { ElOption as f, ElSelect as p } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+//#region src/components/form/props/select.ts
+var m = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean,
+		Object,
+		Array
+	],
+	multiple: {
+		type: Boolean,
+		default: !1
+	},
+	options: {
+		type: Array,
+		default: () => []
+	},
+	props: {
+		type: Object,
+		default: () => ({
+			label: "label",
+			value: "value"
+		})
+	},
+	valueKey: {
+		type: String,
+		default: "value"
+	},
+	size: String,
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	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
+	},
+	dropDownOffset: {
+		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],
+	dictType: String,
+	gender: Boolean,
+	year: [Boolean, Number],
+	all: Boolean,
+	confirm: Boolean,
+	start: Number,
+	end: Number,
+	optionLabel: [String, Number],
+	emitLabel: Boolean,
+	english: Boolean,
+	chinese: Boolean,
+	typing: Boolean,
+	multipleStringMode: Boolean,
+	multipleStringSeparator: {
+		type: String,
+		default: ","
+	}
+}, h = {
+	modelValue: !0,
+	emptyValues: !0,
+	disabled: !0,
+	dropDownOffset: !0,
+	valueOnClear: !0,
+	options: !0,
+	dictType: !0,
+	gender: !0,
+	year: !0,
+	all: !0,
+	confirm: !0,
+	start: !0,
+	end: !0,
+	optionLabel: !0,
+	emitLabel: !0,
+	english: !0,
+	chinese: !0,
+	typing: !0,
+	multipleStringMode: !0,
+	multipleStringSeparator: !0
+}, g = (e) => n[e] === void 0 && h[e] !== !0, _ = {
+	name: "FormSelect",
+	inheritAttrs: !1,
+	props: { ...m },
+	emits: { ...t },
+	setup(t, { emit: n, slots: m, attrs: h }) {
+		let { emitInput: _, render: v, placeholder: y, disabled: b, listeners: x, inputProps: S } = e(t, {
+			emit: n,
+			slots: m,
+			attrs: h,
+			predicate: g,
+			messagePrefix: "请选择"
+		}), C = u(null), w = u(!1);
+		d(() => {
+			if (t.multiple && t.multipleStringMode) {
+				var e;
+				C.value = (e = t.modelValue) == null ? void 0 : e.split(",").filter((e) => e);
+			} else C.value = t.modelValue;
+		});
+		let T = (e) => {
+			if (t.multiple && t.multipleStringMode ? _(e.join(t.multipleStringSeparator)) : _(e), t.emitLabel) {
+				let r = O.value.find((n) => n[t.props.value] === e), i = r == null ? void 0 : r[t.props.label];
+				i !== t.optionLabel && n("update:optionLabel", i);
+			}
+		}, { dictItems: E } = r(t), D = u([]), O = s(() => {
+			if (t.dictType) return E.value;
+			if (t.remote) return D.value;
+			if (t.gender) return [{
+				[t.props.label]: "男",
+				[t.props.value]: t.chinese ? "男" : t.typing ? 1 : "1"
+			}, {
+				[t.props.label]: "女",
+				[t.props.value]: t.chinese ? "女" : t.typing ? 2 : "2"
+			}];
+			if (t.confirm) return [{
+				[t.props.label]: "是",
+				[t.props.value]: t.chinese ? "是" : t.english ? "Y" : t.typing ? 1 : "1"
+			}, {
+				[t.props.label]: "否",
+				[t.props.value]: t.chinese ? "否" : t.english ? "N" : t.typing ? 0 : "0"
+			}];
+			if (t.all) return [{
+				[t.props.value]: "",
+				[t.props.label]: "全部"
+			}, ...t.options];
+			if (t.start && t.end) return Array(t.end - t.start + 1).fill(1).map((e, n) => ({
+				[t.props.label]: t.start + n,
+				[t.props.value]: t.start + n
+			}));
+			if (t.year) {
+				let e = (/* @__PURE__ */ new Date()).getFullYear(), n = [], r = 10;
+				i(t.year) && (r = t.year);
+				for (let i = -r; i <= r; i++) {
+					let r = e + i;
+					n.push({
+						[t.props.label]: r,
+						[t.props.value]: r
+					});
+				}
+				return n;
+			}
+			return t.options ? t.options.map((e) => (e[t.props.value] = e[t.props.value] ?? e[t.props.label], e)) : [];
+		}), k = async (e) => {
+			try {
+				var n;
+				w.value = !0;
+				let r = await t.remoteMethod(e, t.prop);
+				((n = r.data.data) == null ? void 0 : n.length) >= 0 ? o(r.data.data[0]) ? D.value = r.data.data.map((e) => ({
+					[t.props.value]: e,
+					[t.props.label]: e
+				})) : a(r.data.data[0]) && (D.value = r.data.data) : D.value = [];
+			} catch {}
+			w.value = !1;
+		};
+		return d(() => {
+			t.remote && k();
+		}), () => v({ vNodes: c(p, l(x.value, S.value, {
+			offset: t.dropDownOffset,
+			"model-value": C.value,
+			"onUpdate:modelValue": T,
+			disabled: b.value,
+			placeholder: y.value
+		}), {
+			...m,
+			default: m.default || (() => {
+				var e;
+				return (e = O.value) == null ? void 0 : e.map(({ value: e, label: t }) => c(f, {
+					key: e,
+					label: t,
+					value: e
+				}, null));
+			})
+		}) });
+	}
+};
+//#endregion
+export { _ as t };

package/chunks/kKoMKOYH.mjs

@@ -0,0 +1,180 @@
+import { i as e, n as t } from "./CXSIP67a.mjs";
+import { n } from "./BROfNO6c.mjs";
+import { useDictionary as r } from "../hook/useDictionary.mjs";
+import { t as i } from "./Csa9EgOO.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";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/checkbox-button/style/css";
+import "element-plus/es/components/checkbox-group/style/css";
+//#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: {
+		...t,
+		"update:other": null
+	},
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let m = u(t, "other"), { emitInput: h, render: v, disabled: y, listeners: b, inputProps: x } = e(t, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			predicate: g,
+			messagePrefix: "请选择",
+			class: a(() => ["form-checkbox-group", {
+				"form-checkbox-group-row": t.fillRow,
+				"form-checkbox-group-row-break-word": t.fillRow,
+				"form-checkbox-group-row-ellipsis": t.ellipsis
+			}])
+		}), S = (e) => {
+			let n = e;
+			t.sort && (n = e.sort()), t.stringMode || t.split ? h(n.join(",")) : h(n);
+		}, C = a(() => {
+			if (t.stringMode || t.split) {
+				var e;
+				return Array.isArray(t.modelValue) ? t.modelValue.filter((e) => e) : ((e = t.modelValue) == null ? void 0 : e.split(t.delimiter).filter((e) => e)) ?? [];
+			}
+			return t.modelValue || [];
+		}), w = a(() => t.classic ? "label" : t.labelProp), T = a(() => t.classic ? "value" : t.valueProp), { dictItems: E } = r(t), D = a(() => t.dictType ? E.value : t.gender ? [{
+			[w.value]: "男",
+			[T.value]: "男"
+		}, {
+			[w.value]: "女",
+			[T.value]: "女"
+		}] : t.confirm ? [{
+			[w.value]: "是",
+			[T.value]: "是"
+		}, {
+			[w.value]: "否",
+			[T.value]: "否"
+		}] : t.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 e;
+				return (e = D.value) == null ? void 0 : e.map(({ value: e, label: n, disabled: r }) => t.type === "button" ? o(f, {
+					key: e,
+					value: e,
+					disabled: r
+				}, _(n) ? n : { default: () => [n] }) : o(d, {
+					key: e,
+					value: e,
+					disabled: r
+				}, _(n) ? n : { default: () => [n] }));
+			})
+		}), C.value.includes(t.otherVal) ? o(i, {
+			"wrap-col": !1,
+			class: "form-checkbox-group-other",
+			"hide-label": !0,
+			"label-width": "0",
+			prop: t.otherProp,
+			disabled: y.value,
+			required: !!t.otherProp,
+			placeholder: t.otherPlaceholder,
+			label: t.otherLabel,
+			"show-message": !!t.otherLabel,
+			style: t.otherLabel ? { width: t.otherWidth } : {
+				marginBottom: 0,
+				width: t.otherWidth
+			},
+			modelValue: m.value,
+			"onUpdate:modelValue": (e) => m.value = e,
+			"max-length": t.otherMaxLength
+		}, null) : null] });
+	}
+});
+//#endregion
+export { v as t };