@web-utils/form-ui 1.0.0-beta5 → 1.0.0-beta51

package/chunks/V2p-PCpL.mjs

@@ -0,0 +1,176 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n } from "./CJdkjadi.mjs";
+import { useDictionary as r } from "../hook/useDictionary.mjs";
+import { t as i } from "./CabldOLo.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";
+//#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 };