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

package/chunks/CqTcEefA.mjs

@@ -0,0 +1,93 @@
+import { i as e, n as t } from "./Cj59E77g.mjs";
+import { n } from "./CSyJ-vEx.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElSlider as o } from "element-plus/es";
+//#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/Ct5bDJ50.mjs

@@ -0,0 +1,38 @@
+import { d as e } from "./cmuHpsX6.mjs";
+import { o as t, r as n } from "./Cj59E77g.mjs";
+import { n as r } from "./CSyJ-vEx.mjs";
+import { createVNode as i, mergeProps as a } from "vue";
+import { ElText as o } from "element-plus/es";
+//#region src/components/form/props/text.ts
+var s = {
+	...r,
+	type: String,
+	size: {
+		type: String,
+		default: "default"
+	},
+	truncated: {
+		type: Boolean,
+		default: !1
+	},
+	lineClamp: [String, Number],
+	tag: {
+		type: String,
+		default: "span"
+	},
+	text: String
+}, c = { modelValue: !0 }, l = (e) => r[e] === void 0 && c[e] !== !0, u = {
+	name: "FormText",
+	inheritAttrs: !1,
+	props: { ...s },
+	setup(r, { slots: s, attrs: c }) {
+		let u = t(r, { attrs: c }), d = e(r, l);
+		return () => n(r, {
+			vNodes: i(o, a(d.value, c), { default: s.default || (() => r.text) }),
+			formItemProps: u,
+			slots: s
+		});
+	}
+};
+//#endregion
+export { u as t };

package/chunks/CuG2Q-PM.mjs

@@ -0,0 +1,100 @@
+import { i as e } from "./cmuHpsX6.mjs";
+import { getDictLabel as t } from "../helper/dictionary.mjs";
+import { tableViewContextKey as n } from "../constants/index.mjs";
+import { t as r } from "./Ds_Tpa_M.mjs";
+import { computed as i, createVNode as a, inject as o, mergeProps as s, ref as c, watchEffect as l } from "vue";
+import { ElTableColumn as u } from "element-plus/es";
+//#endregion
+//#region src/components/table/components/DictRender.vue
+var d = {
+	name: "DictRender",
+	inheritAttrs: !1,
+	props: {
+		row: Object,
+		column: Object,
+		dictType: String,
+		options: Array,
+		treeDict: Boolean,
+		idAsValue: {
+			type: Boolean,
+			default: !0
+		},
+		labelAsValue: Boolean
+	},
+	setup(e, { attrs: n }) {
+		let r = c(null), o = i(() => e.row[e.column.property]);
+		return l(async () => {
+			if (e.dictType) r.value = await t(e.dictType, o.value, !0, {
+				options: !0,
+				treeDict: e.treeDict,
+				idAsValue: e.idAsValue,
+				labelAsValue: e.labelAsValue
+			});
+			else {
+				var n;
+				r.value = ((n = e.options) == null || (n = n.find((e) => `${e.modelValue}` == `${e.value}`)) == null ? void 0 : n.label) ?? `${o.value}`;
+			}
+		}), () => a("span", n, [r.value]);
+	}
+}, f = {
+	selection: !0,
+	"single-selection": !0,
+	index: !0,
+	expand: !0
+}, p = (e, t, n, r, i) => {
+	var a;
+	let o = (e == null || (a = e.$parent) == null ? void 0 : a.rowDbClick) || (e == null ? void 0 : e.rowDbClick);
+	o == null || o(t, n, r, i);
+}, m = (e) => {
+	let t = e.target;
+	for (; t && t.tagName.toUpperCase() !== "HTML";) {
+		if (t.tagName.toUpperCase() === "TD") return t;
+		t = t.parentNode;
+	}
+	return null;
+}, h = () => {}, g = (t) => !e(t).length, _ = {
+	name: "TableColumn",
+	props: { ...r },
+	setup(e, { slots: t, attrs: r }) {
+		let i = o(n, null);
+		return () => {
+			let { clickable: n, cellClick: o, ...c } = e, l, _ = f[e.type];
+			if (!_) {
+				let s = n || r.onClick || o;
+				(s || e.dictType || e.options) && (l = (n) => {
+					var c;
+					let { row: l, column: u } = n, f = s ? (e) => {
+						let t = m(e);
+						if (r.onClick || o) {
+							var n;
+							(n = r.onClick) == null || n.call(r, l, u, l, u, t, e), o == null || o(l, u, l, u, t, e);
+						} else p(i, l, u, t, e);
+					} : h, _ = t == null || (c = t.default) == null ? void 0 : c.call(t, n);
+					return g(_) && (_ = null), (e.dictType || e.options) && !_ ? a(d, {
+						class: { "is-clickable": s },
+						onClick: f,
+						row: l,
+						column: u,
+						dictType: e.dictType,
+						treeDict: e.treeDict,
+						idAsValue: e.idAsValue,
+						labelAsValue: e.labelAsValue,
+						options: e.options
+					}, null) : s ? a("span", {
+						class: "is-clickable",
+						onClick: f
+					}, [_ || (l == null ? void 0 : l[u == null ? void 0 : u.property])]) : _;
+				});
+			}
+			return a(u, s(c, {
+				key: r.filterable,
+				showOverflowTooltip: _ ? !1 : c.showOverflowTooltip
+			}), {
+				...t,
+				default: l || t.default
+			});
+		};
+	}
+};
+//#endregion
+export { _ as t };

package/chunks/D8UVq1t1.mjs

@@ -0,0 +1,176 @@
+import { i as e, n as t } from "./Cj59E77g.mjs";
+import { n } from "./CSyJ-vEx.mjs";
+import { useDictionary as r } from "../hook/useDictionary.mjs";
+import { t as i } from "./CFOGMFgo.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 };

package/chunks/DDmQcNm6.mjs

@@ -0,0 +1,93 @@
+import { columnSizeContextKey as e, setColumnSizeContextKey as t } from "../constants/index.mjs";
+import n from "../form-cell/index.mjs";
+import { camelize as r, isDef as i, isString as a } from "@web-utils/core";
+import { Comment as o, Fragment as s, Text as c, createVNode as l, inject as u, isVNode as d } from "vue";
+import { ElTooltip as f } from "element-plus/es";
+//#region src/components/red-form/FormRow.vue?vue&type=script&lang.jsx
+function p(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !d(e);
+}
+var m = (e) => {
+	let t = Object.keys({});
+	for (let n in e) t[r(n)] = e[n];
+	return t;
+}, h = (e, { columnSize: t }) => {
+	if (!e || !e.length) return null;
+	e = e.filter((e) => e.type !== o);
+	let n = [], r = e.length === 1;
+	for (let o = 0; o < e.length; o++) {
+		let v = e[o], { name: y } = v.type;
+		if (v.type === c) n.push({
+			tag: y,
+			type: "text",
+			content: v,
+			colspan: r ? t : 0
+		});
+		else if (v.type === s) n.push(...h(v.children, { columnSize: t }));
+		else if (a(v.type) && v.type === "td") n.push({
+			tag: v.type,
+			type: "td",
+			content: v
+		});
+		else if (y === "FormCell") n.push({
+			tag: y,
+			type: "FormCell",
+			content: v
+		});
+		else if (typeof v.type == "object") {
+			var u, d;
+			let { label: e, hideLabel: a, labelColspan: o, inputColspan: s, labelRowspan: c, inputRowspan: h, tipsAfterLabel: b, tips: x } = m(v.props);
+			if (!i(a)) {
+				var p, g, _;
+				let t = (p = v.children) == null ? void 0 : p.tips, r = t || x ? l(f, {
+					effect: "light",
+					content: x,
+					offset: 4
+				}, {
+					default: () => l("i", { class: "el-icon-info form-item-input-info" }, null),
+					content: t || null
+				}) : null;
+				n.push({
+					tag: y,
+					type: "label",
+					colspan: o,
+					rowspan: c,
+					content: [((g = v.children) == null || (_ = g.label) == null ? void 0 : _.call(g)) || e, b === "" ? r : null]
+				});
+			}
+			let S;
+			S = r && i(a) ? t : i(s) ? s : r ? t - 1 : 0, n.push({
+				tag: y,
+				type: "input",
+				colspan: S,
+				rowspan: h,
+				content: [v, (u = v.children) == null || (d = u.below) == null ? void 0 : d.call(u)]
+			});
+		} else console.error("未知节点");
+	}
+	return n;
+}, g = {
+	name: "FormRow",
+	props: {
+		isLabel: Boolean,
+		alignCenter: Boolean
+	},
+	setup(r, { slots: i }) {
+		let a = u(t, null), o = u(e, null);
+		return () => {
+			var e;
+			let t = (e = i.default) == null ? void 0 : e.call(i), s = [];
+			return s.push(...h(t, { columnSize: (o == null ? void 0 : o.value) ?? 0 })), ((o == null ? void 0 : o.value) ?? 0) < s.length && (a == null || a(s.length)), l("tr", null, [s.map(({ tag: e, type: t, colspan: i, rowspan: a, content: o }) => e === "td" || t === "FormCell" ? o : t === "text" ? l(n, {
+				isLabel: r.isLabel,
+				alignCenter: r.alignCenter,
+				colspan: i
+			}, p(o) ? o : { default: () => [o] }) : l("td", {
+				class: t,
+				colspan: i,
+				rowspan: a
+			}, [o]))]);
+		};
+	}
+};
+//#endregion
+export { g as t };

package/chunks/DF9fJMQS.mjs

@@ -0,0 +1,105 @@
+import { n as e } from "./Cj59E77g.mjs";
+import { n as t, t as n } from "./CSyJ-vEx.mjs";
+import { t as r } from "./CFOGMFgo.mjs";
+import { createVNode as i, isVNode as a, mergeProps as o, useModel as s } from "vue";
+//#region src/components/form/props/textarea.ts
+var c = {
+	...t,
+	...n,
+	modelValue: [String, Number],
+	modelModifiers: Object,
+	maxlength: {
+		type: [String, Number],
+		default: 800
+	},
+	minlength: [String, Number],
+	showWordLimit: {
+		type: Boolean,
+		default: !0
+	},
+	wordLimitPosition: {
+		type: String,
+		default: "inside"
+	},
+	placeholder: String,
+	clearIcon: [String, Object],
+	formatter: Function,
+	parser: Function,
+	showPassword: {
+		type: Boolean,
+		default: !1
+	},
+	prefixIcon: [String, Object],
+	suffixIcon: [String, Object],
+	rows: {
+		type: Number,
+		default: 4
+	},
+	autosize: [Boolean, Object],
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	name: String,
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	max: [String, Number],
+	min: [String, Number],
+	step: [String, Number],
+	resize: String,
+	autofocus: {
+		type: Boolean,
+		default: !1
+	},
+	form: String,
+	ariaLabel: String,
+	tabindex: [String, Number],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	inputStyle: [String, Object],
+	inputmode: String,
+	countGraphemes: Function,
+	readonlyGrey: {
+		type: Boolean,
+		default: !0
+	}
+};
+//#endregion
+//#region src/components/form/FormTextarea.vue?vue&type=script&lang.jsx
+function l(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !a(e);
+}
+//#endregion
+//#region src/components/form/FormTextarea.vue
+var u = {
+	name: "FormTextarea",
+	inheritAttrs: !1,
+	props: {
+		...c,
+		maxlength: {
+			type: [String, Number],
+			default: 800
+		},
+		block: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: { ...e },
+	setup(e, { slots: t, attrs: n }) {
+		let a = s(e, "modelValue");
+		return () => i(r, o(e, n, {
+			maxlength: e.maxlength,
+			block: e.block,
+			modelValue: a.value,
+			"onUpdate:modelValue": (e) => a.value = e,
+			type: "textarea"
+		}), l(t) ? t : { default: () => [t] });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/DJe97Fgi.mjs

@@ -0,0 +1,107 @@
+import { formItemGroupContextKey as e, formViewContextKey as t } from "../constants/index.mjs";
+import n from "../empty-view/index.mjs";
+import { Fragment as r, computed as i, createTextVNode as a, createVNode as o, h as s, inject as c, isVNode as l, onBeforeUnmount as u, onMounted as d, provide as f, reactive as p, ref as m, toRef as h, toRefs as g, useTemplateRef as _, vShow as v, watchEffect as y, withDirectives as b } from "vue";
+import { ElCol as x, ElCollapseTransition as S } from "element-plus";
+import { ElRow as C } from "element-plus/es";
+//#region src/components/form/FormItemGroup.vue?vue&type=script&lang.jsx
+function w(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
+}
+//#endregion
+//#region src/components/form/FormItemGroup.vue
+var T = {
+	name: "FormItemGroup",
+	props: {
+		blockTitle: String,
+		tips: String,
+		active: Boolean,
+		enabled: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		tag: {
+			type: String,
+			default: "ElCol"
+		},
+		span: {
+			type: Number,
+			default: 24
+		},
+		block: {
+			type: Boolean,
+			default: !0
+		},
+		wrapRow: {
+			type: Boolean,
+			default: !0
+		},
+		gutter: {
+			type: Number,
+			default: 20
+		},
+		collapse: Boolean,
+		showTitle: {
+			type: Boolean,
+			default: !0
+		},
+		notDispatch: Boolean
+	},
+	setup(l, { expose: T, slots: E }) {
+		let D = c(t, null), O = _("root"), k = m(!0), A = h(() => l.enabled), j = h(() => l.disabled), M = i(() => l.enabled === !0 ? !1 : l.disabled === !0), N = i(() => l.tag === "ElCol"), P = () => k.value = !k.value, F = p({
+			el: h(() => N.value ? O.value.$el : O.value),
+			disabled: j,
+			enabled: A,
+			isDisabled: M,
+			open: () => {
+				k.value = !0;
+			},
+			expand: k,
+			...g(l)
+		});
+		return y(() => {
+			k.value = !l.collapse;
+		}), f(e, F), d(() => {
+			l.notDispatch || D == null || D.addGroup(F);
+		}), u(() => {
+			l.notDispatch || D == null || D.removeGroup(F);
+		}), T(F), () => {
+			let e = () => {
+				var e;
+				return o(r, null, [b(o("div", {
+					class: "form-item-group-title",
+					onClick: P
+				}, [o("span", {
+					class: "flex-item",
+					style: "flex: 1"
+				}, [
+					E.title ? E.title() : l.blockTitle,
+					E.tips || l.tips ? o("span", { style: "color: #ff0000; font-size: 14px" }, [
+						a("("),
+						E.tips ? E.tips() : l.tips,
+						a(")")
+					]) : null,
+					(e = E["title-right"]) == null ? void 0 : e.call(E)
+				]), o("i", { class: k.value ? "el-icon-arrow-down" : "el-icon-arrow-right" }, null)]), [[v, l.showTitle]]), o(S, null, { default: () => {
+					let e;
+					return E.default ? l.wrapRow ? b(o(C, { gutter: l.gutter }, w(e = E.default()) ? e : { default: () => [e] }), [[v, k.value]]) : b(o("div", null, [E.default()]), [[v, k.value]]) : b(o(n, {
+						"font-size": "14px",
+						"empty-tips": "暂无信息"
+					}, null), [[v, k.value]]);
+				} })]);
+			}, t = {
+				ref: "root",
+				class: ["form-item-group", {
+					"default-active": l.active,
+					"is-disabled": M.value
+				}]
+			};
+			return N.value && (t.span = l.block ? 24 : l.span), s(N.value ? x : "div", t, N.value ? e : e());
+		};
+	}
+};
+//#endregion
+export { T as t };