@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta70

package/chunks/mD3gmiOy2.mjs

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