@web-utils/form-ui 1.0.0-beta1 → 1.0.0-beta100

package/chunks/C9uwTpHO.mjs

@@ -0,0 +1,341 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { f as t, s as n } from "./CXHJqvbJ.mjs";
+import { n as r, t as i } from "./CX7Oiw5N.mjs";
+import { t as a } from "./CsiD_AYs.mjs";
+import { ElCheckbox as o, ElOption as s, ElOptionGroup as c, ElSelect as l } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, openBlock as g, renderList as _, renderSlot as v, toDisplayString as y, withCtx as b } from "vue";
+import { isBlank as x } from "@web-utils/core";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option-group/style/css";
+import "element-plus/es/components/option/style/css";
+import "../fy-select/style.css";
+//#region src/components/avue/utils/dic.ts
+var S = (e, t = []) => new Promise((n) => {
+	let r = [], i = [], a = {};
+	e.forEach((e) => {
+		e.parentProp && r.push(e);
+	}), t.forEach((e, t) => {
+		r.forEach((n) => {
+			n.hide !== !0 && n.dicFlag !== !1 && i.push(new Promise((r) => {
+				x(e[n.parentProp]) ? r({
+					prop: n.prop,
+					data: [],
+					index: t
+				}) : n.dicUrl && D({
+					url: `${n.dicUrl.replace("{{key}}", e[n.parentProp])}`,
+					props: n.props,
+					method: n.dicMethod,
+					headers: n.dicHeaders,
+					formatter: n.dicFormatter,
+					query: n.dicQuery,
+					form: e
+				}).then((e) => {
+					r({
+						prop: n.prop,
+						data: e,
+						index: t
+					});
+				});
+			}));
+		});
+	}), Promise.all(i).then((e) => {
+		e.forEach((e) => {
+			x(a[e.index]) && (a[e.index] = {}), a[e.index][e.prop] = e.data;
+		}), n(a);
+	});
+}), C = (e) => {
+	let t = [];
+	return new Promise((n, r) => {
+		t = T(e).ajaxdic, E(t).then((e) => {
+			n(e);
+		}).catch((e) => {
+			r(e);
+		});
+	});
+}, w = (e) => {
+	let t = {}, r = e.dicData || {};
+	return e.column.forEach((e) => {
+		e.dicData && (t[e.prop] = n(e.dicData, e.props, e.dataType));
+	}), Object.assign(r, t);
+};
+function T(e) {
+	let t = e.column || [], n = [], r = {}, i = [];
+	return t.forEach((e) => {
+		let a = e.dicData, o = e.dicUrl, s = e.prop, c = e.parentProp;
+		i = i.concat(e.cascader || []), Array.isArray(a) && (r[s] = a), !(e.dicFlag === !1 || e.lazy === !0 || i.includes(s)) && o && !c && n.push({
+			url: o,
+			name: s,
+			method: e.dicMethod,
+			headers: t.dicHeaders,
+			formatter: e.dicFormatter,
+			props: e.props,
+			dataType: e.dataType,
+			resKey: (e.props || {}).res,
+			query: e.dicQuery || {}
+		});
+	}), {
+		ajaxdic: n,
+		locationdic: r
+	};
+}
+function E(e) {
+	let t = {}, r = [];
+	return new Promise((i) => {
+		e.forEach((e) => {
+			r.push(new Promise((t) => {
+				D(Object.assign(e, { url: `${e.url.replace("{{key}}", "")}` })).then((r) => {
+					r = n(r, e.props, e.dataType), t(r);
+				}).catch(() => {
+					t([]);
+				});
+			}));
+		}), Promise.all(r).then((n) => {
+			e.forEach((e, r) => {
+				t[e.name] = n[r];
+			}), i(t);
+		});
+	});
+}
+var D = (e) => {
+	let { url: n, query: r, method: i, resKey: a, props: o, formatter: s, headers: c = {}, value: l = "", column: u, form: d = {} } = e;
+	u && (n = u.dicUrl, i = u.dicMethod, c = u.headers || {}, r = u.dicQuery || {}, s = u.dicFormatter, o = u.props), n = n || "";
+	let f, p = {};
+	return f = n.match(/[^{}]+(?=})/g) || [], f.forEach((e) => {
+		let t = `{{${e}}}`, r = d[e];
+		n = e === "key" ? n.replace(t, l) : n.replace(t, r);
+	}), i === "post" && (f = Object.keys(r), f.forEach((e) => {
+		let t = r[e];
+		typeof t == "string" && t.match(/\{{|}}/g) ? p[e] = d[t.replace(/\{{|}}/g, "")] : p[e] = t;
+	})), o && (a = (o || {}).res || a), new Promise((e) => {
+		let o = (n) => {
+			let r = [];
+			r = typeof s == "function" ? s(n.data) : t(n.data, a), e(r);
+		};
+		i === "post" ? window.axios.post(n, p, { headers: c }).then((e) => {
+			o(e);
+		}).catch(() => [e([])]) : window.axios.get(n, {
+			params: r,
+			headers: c
+		}).then((e) => {
+			o(e);
+		}).catch(() => [e([])]);
+	});
+}, O = {
+	name: "FySelect",
+	mixins: [r, i],
+	props: {
+		loadingText: { type: String },
+		noMatchText: { type: String },
+		noDataText: { type: String },
+		drag: {
+			type: Boolean,
+			default: !1
+		},
+		remote: {
+			type: Boolean,
+			default: !1
+		},
+		tags: {
+			type: Boolean,
+			default: !1
+		},
+		limit: {
+			type: Number,
+			default: 0
+		},
+		filterable: {
+			type: Boolean,
+			default: !1
+		},
+		allowCreate: {
+			type: Boolean,
+			default: !1
+		},
+		defaultFirstOption: {
+			type: Boolean,
+			default: !1
+		},
+		all: {
+			type: Boolean,
+			default: !1
+		},
+		popperAppendToBody: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	data() {
+		return {
+			checkAll: !1,
+			created: !1,
+			netDic: [],
+			loading: !1
+		};
+	},
+	watch: {
+		text(e) {
+			x(e) || this.remote && !this.created && (this.created = !0, this.handleRemoteMethod(this.multiple ? this.text.join(",") : this.text));
+		},
+		dic: {
+			handler(e) {
+				this.netDic = e;
+			},
+			immediate: !0
+		}
+	},
+	mounted() {
+		this.drag && this.setSort();
+	},
+	methods: {
+		setSort() {
+			if (!window.Sortable) {
+				a.logs("Sortable");
+				return;
+			}
+			let e = this.$refs.main.$el.querySelectorAll(".el-select__tags > span")[0];
+			window.Sortable.create(e, {
+				animation: 100,
+				onEnd: (e) => {
+					let t = this.modelValue.splice(e.oldIndex, 1)[0];
+					this.modelValue.splice(e.newIndex, 0, t);
+				}
+			});
+		},
+		handleRemoteMethod(e) {
+			this.loading = !0, D({
+				column: this.column,
+				value: e
+			}).then((e) => {
+				this.loading = !1, this.netDic = e;
+			});
+		},
+		selectAll() {
+			this.text = [], this.checkAll && this.netDic.forEach((e) => {
+				this.text.push(e[this.valueKey]);
+			});
+		},
+		changeSelect(e) {
+			this.checkAll = e.length === this.netDic.length;
+		}
+	}
+}, k = {
+	key: 0,
+	class: "avue-select__desc"
+}, A = {
+	key: 0,
+	class: "avue-select__desc"
+};
+function j(e, t, n, r, i, a) {
+	let x = s, S = c, C = o, w = l;
+	return g(), d(w, {
+		ref: "main",
+		modelValue: e.text,
+		"onUpdate:modelValue": t[1] || (t[1] = (t) => e.text = t),
+		class: "avue-select",
+		size: e.size,
+		loading: i.loading,
+		"loading-text": n.loadingText,
+		multiple: e.multiple,
+		filterable: n.remote ? !0 : n.filterable,
+		remote: n.remote,
+		readonly: e.readonly,
+		"no-match-text": n.noMatchText,
+		"no-data-text": n.noDataText,
+		"remote-method": n.remote ? a.handleRemoteMethod : void 0,
+		"popper-class": e.popperClass,
+		"popper-append-to-body": n.popperAppendToBody,
+		"collapse-tags": n.tags,
+		clearable: e.clearableVal,
+		placeholder: e.placeholder,
+		"multiple-limit": n.limit,
+		"allow-create": n.allowCreate,
+		"default-first-option": n.defaultFirstOption,
+		disabled: e.disabled,
+		onFocus: e.handleFocus,
+		onBlur: e.handleBlur,
+		onClick: e.handleClick,
+		onChange: a.changeSelect
+	}, {
+		default: b(() => [e.group ? (g(!0), p(u, { key: 0 }, _(i.netDic, (t, n) => (g(), d(S, {
+			key: n,
+			label: e.getLabelText(t)
+		}, {
+			default: b(() => [(g(!0), p(u, null, _(t[e.groupsKey], (t, n) => (g(), d(x, {
+				key: n,
+				disabled: t[e.disabledKey],
+				label: e.getLabelText(t),
+				value: t[e.valueKey]
+			}, {
+				default: b(() => [e.$slots.default ? v(e.$slots, "default", {
+					key: 0,
+					label: e.labelKey,
+					value: e.valueKey,
+					item: t
+				}) : (g(), p(u, { key: 1 }, [m("span", null, y(e.getLabelText(t)), 1), t[e.descKey] ? (g(), p("span", k, y(t[e.descKey]), 1)) : f("v-if", !0)], 64))]),
+				_: 2
+			}, 1032, [
+				"disabled",
+				"label",
+				"value"
+			]))), 128))]),
+			_: 2
+		}, 1032, ["label"]))), 128)) : (g(), p(u, { key: 1 }, [n.all && e.multiple ? (g(), d(C, {
+			key: 0,
+			modelValue: i.checkAll,
+			"onUpdate:modelValue": t[0] || (t[0] = (e) => i.checkAll = e),
+			class: "avue-select__check",
+			onChange: a.selectAll
+		}, {
+			default: b(() => [...t[2] || (t[2] = [h(" 全选 ", -1)])]),
+			_: 1
+		}, 8, ["modelValue", "onChange"])) : f("v-if", !0), (g(!0), p(u, null, _(i.netDic, (t, n) => (g(), d(x, {
+			key: n,
+			disabled: t[e.disabledKey],
+			label: e.getLabelText(t),
+			value: t[e.valueKey]
+		}, {
+			default: b(() => [e.$slots.default ? v(e.$slots, "default", {
+				key: 0,
+				label: e.labelKey,
+				value: e.valueKey,
+				item: t
+			}) : (g(), p(u, { key: 1 }, [m("span", null, y(e.getLabelText(t)), 1), t[e.descKey] ? (g(), p("span", A, y(t[e.descKey]), 1)) : f("v-if", !0)], 64))]),
+			_: 2
+		}, 1032, [
+			"disabled",
+			"label",
+			"value"
+		]))), 128))], 64))]),
+		_: 3
+	}, 8, [
+		"modelValue",
+		"size",
+		"loading",
+		"loading-text",
+		"multiple",
+		"filterable",
+		"remote",
+		"readonly",
+		"no-match-text",
+		"no-data-text",
+		"remote-method",
+		"popper-class",
+		"popper-append-to-body",
+		"collapse-tags",
+		"clearable",
+		"placeholder",
+		"multiple-limit",
+		"allow-create",
+		"default-first-option",
+		"disabled",
+		"onFocus",
+		"onBlur",
+		"onClick",
+		"onChange"
+	]);
+}
+var M = /* @__PURE__ */ e(O, [["render", j]]);
+//#endregion
+export { D as a, w as i, S as n, C as r, M as t };

package/chunks/CA_-hYlN.mjs

@@ -0,0 +1,32 @@
+import { allProps as e, predicate as t } from "../props/checkbox.mjs";
+import { n, o as r } from "./_7MDfW_y.mjs";
+import { ElCheckbox as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createVNode as a, mergeProps as o, useModel as s } from "vue";
+import "element-plus/es/components/checkbox/style/css";
+//#endregion
+//#region src/components/form/FormCheckbox.vue
+var c = {
+	name: "FormCheckbox",
+	inheritAttrs: !1,
+	props: { ...e },
+	emits: { ...n },
+	setup(e, { emit: n, slots: c, attrs: l }) {
+		let u = s(e, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = r(e, {
+			emit: n,
+			slots: c,
+			attrs: l,
+			predicate: t
+		});
+		return () => d({ vNodes: a(i, o(m.value, p.value, {
+			label: e.labelValue,
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			trueValue: e.trueLabel ?? e.trueValue,
+			falseValue: e.falseLabel ?? e.falseValue,
+			disabled: f.value
+		}), { default: c.default }) });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/CCkHwxt7.mjs

@@ -0,0 +1,61 @@
+import { allProps as e, predicate as t } from "../props/date.mjs";
+import { n, o as r } from "./_7MDfW_y.mjs";
+import { ElDatePicker as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as a, createVNode as o, mergeProps as s } from "vue";
+import "element-plus/es/components/date-picker/style/css";
+import { toDate as c } from "@web-utils/integrations/dayjs";
+//#endregion
+//#region src/components/form/FormDatePicker.vue
+var l = {
+	name: "FormDatePicker",
+	inheritAttrs: !1,
+	props: { ...e },
+	emits: {
+		...n,
+		"update:startDate": null,
+		"update:endDate": null
+	},
+	setup(e, { emit: n, slots: l, attrs: u }) {
+		let { emitInput: d, render: f, placeholder: p, disabled: m, listeners: h, inputProps: g } = r(e, {
+			emit: n,
+			slots: l,
+			attrs: u,
+			predicate: t,
+			messagePrefix: "请选择"
+		}), _ = a(() => e.dateTimeRange || e.dateRange || e.monthRange), v = a(() => e.year ? "YYYY" : e.month || e.monthRange ? "YYYY-MM" : e.week ? "YYYY 第 WW 周" : e.dateTime || e.dateTimeRange ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD"), y = a(() => e.year ? "year" : e.month ? "month" : e.dates ? "dates" : e.week ? "week" : e.dateTime ? "datetime" : e.dateTimeRange ? "datetimerange" : e.dateRange ? "daterange" : e.monthRange ? "monthrange" : "date"), b = a(() => {
+			if (e.miniDate) {
+				let t = c(e.miniDate);
+				return t.setDate(t.getDate() - 1), t;
+			} else return null;
+		}), x = a(() => e.maxDate ? c(e.maxDate) : null), S = (e) => {
+			if (!b.value && !x.value) return !1;
+			let t = e.getTime();
+			return b.value && !x.value ? t <= b.value.getTime() : !b.value && x.value ? t >= x.value.getTime() : b.value && x.value ? !(t > b.value.getTime() && t <= x.value.getTime()) : !1;
+		}, C = (e, t) => {
+			n("update:startDate", e), n("update:endDate", t);
+		}, w = (t) => {
+			_.value && e.split ? t ? C(t[0], t[1]) : C(null, null) : d(t);
+		}, T = a(() => _.value && e.split ? [e.startDate, e.endDate] : e.modelValue), E = a(() => e.week ? "YYYY-MM-DD" : e.valueFormat || v.value), D = a(() => e.format || v.value);
+		return () => f({ vNodes: o(i, s(h.value, g.value, {
+			style: "width: 100%",
+			type: y.value,
+			modelValue: T.value,
+			disabled: m.value,
+			placeholder: p.value,
+			format: D.value,
+			disabledDate: S,
+			"value-format": E.value,
+			"onUpdate:modelValue": w
+		}), {
+			default: l.default,
+			"range-separator": l["range-separator"],
+			"pre-month": l["pre-month"],
+			"next-month": l["next-month"],
+			"pre-year": l["pre-year"],
+			"next-year": l["next-year"]
+		}) });
+	}
+};
+//#endregion
+export { l as t };

package/chunks/CCwW9An-.mjs

@@ -0,0 +1,100 @@
+import { allProps as e, predicate as t } from "../props/checkbox-group.mjs";
+import { useDictionary as n } from "../vue/hooks/useDictionary.mjs";
+import { n as r, o as i } from "./_7MDfW_y.mjs";
+import { t as a } from "./C23Qaggp.mjs";
+import { ElCheckbox as o, ElCheckboxButton as s, ElCheckboxGroup as c } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as l, createVNode as u, defineComponent as d, isVNode as f, mergeProps as p, useModel as m } from "vue";
+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";
+import "../form-checkbox-group/style.css";
+//#region src/components/form/FormCheckboxGroup.vue?vue&type=script&lang.jsx
+function h(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
+}
+//#endregion
+//#region src/components/form/FormCheckboxGroup.vue
+var g = /* @__PURE__ */ d({
+	name: "FormCheckboxGroup",
+	inheritAttrs: !1,
+	props: { ...e },
+	emits: {
+		...r,
+		"update:other": null
+	},
+	setup(e, { emit: r, slots: d, attrs: f }) {
+		let g = m(e, "other"), { emitInput: _, render: v, disabled: y, listeners: b, inputProps: x } = i(e, {
+			emit: r,
+			slots: d,
+			attrs: f,
+			predicate: t,
+			messagePrefix: "请选择",
+			class: l(() => ["form-checkbox-group", {
+				"form-checkbox-group-row": e.fillRow,
+				"form-checkbox-group-row-break-word": e.fillRow,
+				"form-checkbox-group-row-ellipsis": e.ellipsis
+			}])
+		}), S = (t) => {
+			let n = t;
+			e.sort && (n = t.sort()), e.stringMode || e.split ? _(n.join(",")) : _(n);
+		}, C = l(() => {
+			if (e.stringMode || e.split) {
+				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 || [];
+		}), w = l(() => e.classic ? "label" : e.labelProp), T = l(() => e.classic ? "value" : e.valueProp), { dictItems: E } = n(e), D = l(() => e.dictType ? E.value : e.gender ? [{
+			[w.value]: "男",
+			[T.value]: "男"
+		}, {
+			[w.value]: "女",
+			[T.value]: "女"
+		}] : e.confirm ? [{
+			[w.value]: "是",
+			[T.value]: "是"
+		}, {
+			[w.value]: "否",
+			[T.value]: "否"
+		}] : e.options);
+		return () => v({ vNodes: [u(c, p(b.value, x.value, {
+			modelValue: C.value,
+			disabled: y.value,
+			"onUpdate:modelValue": S
+		}), {
+			...d,
+			default: d.default || (() => {
+				var t;
+				return (t = D.value) == null ? void 0 : t.map(({ [T.value]: t, [w.value]: n, disabled: r }) => e.type === "button" ? u(s, {
+					key: t,
+					value: t,
+					disabled: r
+				}, h(n) ? n : { default: () => [n] }) : u(o, {
+					key: t,
+					value: t,
+					disabled: r
+				}, h(n) ? n : { default: () => [n] }));
+			})
+		}), C.value.includes(e.otherVal) ? u(a, {
+			"wrap-col": !1,
+			class: "form-checkbox-group-other",
+			"hide-label": !0,
+			"label-width": "0",
+			prop: e.otherProp,
+			disabled: y.value,
+			required: !!e.otherProp,
+			placeholder: e.otherPlaceholder,
+			label: e.otherLabel,
+			"show-message": !!e.otherLabel,
+			style: e.otherLabel ? { width: e.otherWidth } : {
+				marginBottom: 0,
+				width: e.otherWidth
+			},
+			modelValue: g.value,
+			"onUpdate:modelValue": (e) => g.value = e,
+			"max-length": e.otherMaxLength
+		}, null) : null] });
+	}
+});
+//#endregion
+export { g as t };