@web-utils/form-ui 1.0.0-beta87 → 1.0.0-beta88

package/chunks/DdHN2Nv72.mjs

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