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

package/chunks/BbSPWDDZ.mjs

@@ -0,0 +1,100 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n, t as r } from "./CJdkjadi.mjs";
+import { isString as i } from "@web-utils/core";
+import { computed as a, createVNode as o, mergeProps as s } from "vue";
+import { ElInputNumber as c } from "element-plus/es";
+//#region src/components/form/props/input-number.ts
+var l = {
+	...n,
+	...r,
+	modelValue: [Number, null],
+	min: {
+		type: Number,
+		default: -(2 ** 53 - 1)
+	},
+	max: {
+		type: Number,
+		default: 2 ** 53 - 1
+	},
+	step: {
+		type: Number,
+		default: 1
+	},
+	stepStrictly: {
+		type: Boolean,
+		default: !1
+	},
+	precision: Number,
+	size: {
+		type: String,
+		default: "default"
+	},
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	controls: {
+		type: Boolean,
+		default: !1
+	},
+	controlsPosition: String,
+	name: String,
+	ariaLabel: String,
+	placeholder: String,
+	id: String,
+	valueOnClear: [
+		Number,
+		null,
+		String
+	],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	inputmode: String,
+	align: {
+		type: String,
+		default: "left"
+	},
+	disabledScientific: {
+		type: Boolean,
+		default: !1
+	},
+	prefix: String,
+	suffix: String,
+	append: String
+}, u = {
+	readonly: !0,
+	placeholder: !0,
+	disabled: !0,
+	modelValue: !0,
+	prefix: !0,
+	suffix: !0
+}, d = (e) => n[e] === void 0 && u[e] !== !0, f = {
+	name: "FormInputNumber",
+	inheritAttrs: !1,
+	props: { ...l },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: l }) {
+		let { emitInput: u, render: f, placeholder: p, disabled: m, listeners: h, inputProps: g } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: l,
+			predicate: d
+		}), _ = a(() => i(t.modelValue) ? Number(t.modelValue) : t.modelValue);
+		return () => f({ vNodes: o(c, s(h.value, g.value, {
+			style: "width: 100%",
+			modelValue: _.value,
+			disabled: m.value,
+			"onUpdate:modelValue": u,
+			placeholder: p.value
+		}), {
+			prefix: r.prefix || t.prefix ? () => t.prefix : null,
+			suffix: r.suffix || t.suffix ? () => t.suffix : t.append,
+			"decrease-icon": r["decrease-icon"],
+			"increase-icon": r["increase-icon"]
+		}) });
+	}
+};
+//#endregion
+export { f as t };

package/chunks/BfxDxIg0.mjs

@@ -0,0 +1,106 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n } from "./CJdkjadi.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElSwitch as o } from "element-plus/es";
+//#region src/components/form/props/switch.ts
+var s = {
+	...n,
+	modelValue: [
+		Boolean,
+		String,
+		Number
+	],
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	size: {
+		type: String,
+		default: ""
+	},
+	width: [Number, String],
+	inlinePrompt: {
+		type: Boolean,
+		default: !1
+	},
+	activeIcon: [String, Object],
+	inactiveIcon: [String, Object],
+	activeActionIcon: [String, Object],
+	inactiveActionIcon: [String, Object],
+	activeText: {
+		type: String,
+		default: ""
+	},
+	inactiveText: {
+		type: String,
+		default: ""
+	},
+	activeValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: "Y"
+	},
+	inactiveValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: "N"
+	},
+	name: {
+		type: String,
+		default: ""
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	beforeChange: Function,
+	id: String,
+	tabindex: [String, Number],
+	ariaLabel: String,
+	activeColor: {
+		type: String,
+		default: ""
+	},
+	inactiveColor: {
+		type: String,
+		default: ""
+	},
+	borderColor: {
+		type: String,
+		default: ""
+	}
+}, c = {
+	disabled: !0,
+	modelValue: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormSwitch",
+	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,
+			attrs: c,
+			slots: s,
+			predicate: l
+		});
+		return () => d({ vNodes: r(o, i(p.value, m.value, {
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			disabled: f.value
+		}), {
+			"active-action": s["active-action"],
+			"inactive-action": s["inactive-action"],
+			active: s.active,
+			inactive: s.inactive
+		}) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/BqWvBF14.mjs

@@ -0,0 +1,35 @@
+import { f as e } from "./DcTVYqeJ.mjs";
+import { o as t, r as n } from "./D_qiRmiE.mjs";
+import { n as r } from "./CJdkjadi.mjs";
+import { createVNode as i, isVNode as a, mergeProps as o } from "vue";
+import { ElImage as s } from "element-plus/es";
+//#region src/components/form/props/image.ts
+var c = {
+	...r,
+	src: String,
+	fit: String,
+	hideOnClickModal: Boolean
+}, l = { modelValue: !0 }, u = (e) => r[e] === void 0 && l[e] !== !0;
+//#endregion
+//#region src/components/form/FormImage.vue?vue&type=script&lang.jsx
+function d(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !a(e);
+}
+//#endregion
+//#region src/components/form/FormImage.vue
+var f = {
+	name: "FormImage",
+	inheritAttrs: !1,
+	props: { ...c },
+	emits: {},
+	setup(r, { slots: a, attrs: c }) {
+		let l = t(r, { attrs: c }), f = e(r, u);
+		return () => n(r, {
+			vNodes: i(s, o(f.value, c, { "preview-src-list": [r.src] }), d(a) ? a : { default: () => [a] }),
+			formItemProps: l,
+			slots: a
+		});
+	}
+};
+//#endregion
+export { f as t };

package/chunks/BsZgAJX_2.mjs

@@ -0,0 +1,81 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import n from "../sub-table/index.mjs";
+import { n as r, t as i } from "./gCeDFHo1.mjs";
+import { createVNode as a, mergeProps as o, ref as s, useModel as c } from "vue";
+//#endregion
+//#region src/components/form/FormTable.vue
+var l = {
+	name: "FormTable",
+	props: { ...i },
+	emits: {
+		...t,
+		"add-row": null
+	},
+	setup(t, { emit: i, attrs: l, slots: u }) {
+		let d = c(t, "modelValue"), f = s([]), p = (e) => {
+			f.value = e;
+		}, { render: m, placeholder: h, disabled: g, listeners: _, inputProps: v } = e(t, {
+			emit: i,
+			slots: u,
+			attrs: l,
+			predicate: r
+		});
+		return () => {
+			var e;
+			let r = {};
+			for (let n = 0; n < (((e = t.columns) == null ? void 0 : e.length) ?? 0); n++) {
+				let e = t.columns[n];
+				r[e.prop] = (t, n, r) => {
+					var i;
+					return (i = u[e.prop]) == null ? void 0 : i.call(u, t, n, r);
+				};
+			}
+			return m({ vNodes: a(n, o(_.value, v.value, {
+				prop: t.prop,
+				disabled: g.value,
+				modelValue: d.value,
+				"onUpdate:modelValue": (e) => d.value = e,
+				placeholder: h.value,
+				onSelectionChange: p
+			}), {
+				...r,
+				columns: ({ columns: e }) => {
+					var t;
+					return (t = u.columns) == null ? void 0 : t.call(u, { columns: e });
+				},
+				handle: ({ add: e, remove: t }) => {
+					var n;
+					return (n = u.handle) == null ? void 0 : n.call(u, {
+						add: e,
+						remove: t
+					});
+				},
+				tag: ({ column: e, row: t, $index: n }) => {
+					var r;
+					return (r = u.tag) == null ? void 0 : r.call(u, {
+						column: e,
+						row: t,
+						$index: n
+					});
+				},
+				"handle-column-header": ({ column: e, $index: t }) => {
+					var n;
+					return (n = u["handle-column-header"]) == null ? void 0 : n.call(u, {
+						column: e,
+						index: t
+					});
+				},
+				toolbar: ({ addRow: e, delRow: t, refresh: n }) => {
+					var r;
+					return (r = u.toolbar) == null ? void 0 : r.call(u, {
+						addRow: e,
+						delRow: t,
+						refresh: n
+					});
+				}
+			}) });
+		};
+	}
+};
+//#endregion
+export { l as t };

package/chunks/BtcjAHE6.mjs

@@ -0,0 +1,317 @@
+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 { isNumber as i, isPlainObject as a, isString as o } from "@web-utils/core";
+import { computed as s, createVNode as c, mergeProps as l, ref as u, watchEffect as d } from "vue";
+import { ElOption as f, ElSelect as p } from "element-plus/es";
+//#region src/components/form/props/select.ts
+var m = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean,
+		Object,
+		Array
+	],
+	multiple: {
+		type: Boolean,
+		default: !1
+	},
+	options: {
+		type: Array,
+		default: () => []
+	},
+	props: {
+		type: Object,
+		default: () => ({
+			label: "label",
+			value: "value"
+		})
+	},
+	valueKey: {
+		type: String,
+		default: "value"
+	},
+	size: String,
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	collapseTags: {
+		type: Boolean,
+		default: !1
+	},
+	collapseTagsTooltip: {
+		type: Boolean,
+		default: !1
+	},
+	tagTooltip: {
+		type: Object,
+		default: () => ({})
+	},
+	multipleLimit: {
+		type: Number,
+		default: 0
+	},
+	id: String,
+	name: String,
+	effect: {
+		type: String,
+		default: "light"
+	},
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	placeholder: String,
+	filterable: {
+		type: Boolean,
+		default: !1
+	},
+	allowCreate: {
+		type: Boolean,
+		default: !1
+	},
+	filterMethod: Function,
+	remote: {
+		type: Boolean,
+		default: !1
+	},
+	debounce: {
+		type: Number,
+		default: 300
+	},
+	remoteMethod: Function,
+	remoteShowSuffix: {
+		type: Boolean,
+		default: !1
+	},
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	loadingText: String,
+	noMatchText: String,
+	noDataText: String,
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object],
+	reserveKeyword: {
+		type: Boolean,
+		default: !0
+	},
+	defaultFirstOption: {
+		type: Boolean,
+		default: !1
+	},
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	appendTo: [String, Object],
+	persistent: {
+		type: Boolean,
+		default: !0
+	},
+	automaticDropdown: {
+		type: Boolean,
+		default: !1
+	},
+	clearIcon: [String, Object],
+	fitInputWidth: {
+		type: Boolean,
+		default: !1
+	},
+	suffixIcon: [String, Object],
+	tagType: {
+		type: String,
+		default: "info"
+	},
+	tagEffect: {
+		type: String,
+		default: "light"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	dropDownOffset: {
+		type: Number,
+		default: 12
+	},
+	showArrow: {
+		type: Boolean,
+		default: !0
+	},
+	placement: {
+		type: String,
+		default: "bottom-start"
+	},
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom-start",
+			"top-start",
+			"right",
+			"left"
+		]
+	},
+	maxCollapseTags: {
+		type: Number,
+		default: 1
+	},
+	popperOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	ariaLabel: String,
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	suffixTransition: {
+		type: Boolean,
+		default: !0
+	},
+	tabindex: [String, Number],
+	dictType: String,
+	gender: Boolean,
+	year: [Boolean, Number],
+	all: Boolean,
+	confirm: Boolean,
+	start: Number,
+	end: Number,
+	optionLabel: [String, Number],
+	emitLabel: Boolean,
+	english: Boolean,
+	chinese: Boolean,
+	typing: Boolean,
+	multipleStringMode: Boolean,
+	multipleStringSeparator: {
+		type: String,
+		default: ","
+	}
+}, h = {
+	modelValue: !0,
+	emptyValues: !0,
+	disabled: !0,
+	dropDownOffset: !0,
+	valueOnClear: !0,
+	options: !0,
+	dictType: !0,
+	gender: !0,
+	year: !0,
+	all: !0,
+	confirm: !0,
+	start: !0,
+	end: !0,
+	optionLabel: !0,
+	emitLabel: !0,
+	english: !0,
+	chinese: !0,
+	typing: !0,
+	multipleStringMode: !0,
+	multipleStringSeparator: !0
+}, g = (e) => n[e] === void 0 && h[e] !== !0, _ = {
+	name: "FormSelect",
+	inheritAttrs: !1,
+	props: { ...m },
+	emits: { ...t },
+	setup(t, { emit: n, slots: m, attrs: h }) {
+		let { emitInput: _, render: v, placeholder: y, disabled: b, listeners: x, inputProps: S } = e(t, {
+			emit: n,
+			slots: m,
+			attrs: h,
+			predicate: g,
+			messagePrefix: "请选择"
+		}), C = u(null), w = u(!1);
+		d(() => {
+			if (t.multiple && t.multipleStringMode) {
+				var e;
+				C.value = (e = t.modelValue) == null ? void 0 : e.split(",").filter((e) => e);
+			} else C.value = t.modelValue;
+		});
+		let T = (e) => {
+			if (t.multiple && t.multipleStringMode ? _(e.join(t.multipleStringSeparator)) : _(e), t.emitLabel) {
+				let r = O.value.find((n) => n[t.props.value] === e), i = r == null ? void 0 : r[t.props.label];
+				i !== t.optionLabel && n("update:optionLabel", i);
+			}
+		}, { dictItems: E } = r(t), D = u([]), O = s(() => {
+			if (t.dictType) return E.value;
+			if (t.remote) return D.value;
+			if (t.gender) return [{
+				[t.props.label]: "男",
+				[t.props.value]: t.chinese ? "男" : t.typing ? 1 : "1"
+			}, {
+				[t.props.label]: "女",
+				[t.props.value]: t.chinese ? "女" : t.typing ? 2 : "2"
+			}];
+			if (t.confirm) return [{
+				[t.props.label]: "是",
+				[t.props.value]: t.chinese ? "是" : t.english ? "Y" : t.typing ? 1 : "1"
+			}, {
+				[t.props.label]: "否",
+				[t.props.value]: t.chinese ? "否" : t.english ? "N" : t.typing ? 0 : "0"
+			}];
+			if (t.all) return [{
+				[t.props.value]: "",
+				[t.props.label]: "全部"
+			}, ...t.options];
+			if (t.start && t.end) return Array(t.end - t.start + 1).fill(1).map((e, n) => ({
+				[t.props.label]: t.start + n,
+				[t.props.value]: t.start + n
+			}));
+			if (t.year) {
+				let e = (/* @__PURE__ */ new Date()).getFullYear(), n = [], r = 10;
+				i(t.year) && (r = t.year);
+				for (let i = -r; i <= r; i++) {
+					let r = e + i;
+					n.push({
+						[t.props.label]: r,
+						[t.props.value]: r
+					});
+				}
+				return n;
+			}
+			return t.options ? t.options.map((e) => (e[t.props.value] = e[t.props.value] ?? e[t.props.label], e)) : [];
+		}), k = async (e) => {
+			try {
+				var n;
+				w.value = !0;
+				let r = await t.remoteMethod(e, t.prop);
+				((n = r.data.data) == null ? void 0 : n.length) >= 0 ? o(r.data.data[0]) ? D.value = r.data.data.map((e) => ({
+					[t.props.value]: e,
+					[t.props.label]: e
+				})) : a(r.data.data[0]) && (D.value = r.data.data) : D.value = [];
+			} catch {}
+			w.value = !1;
+		};
+		return d(() => {
+			t.remote && k();
+		}), () => v({ vNodes: c(p, l(x.value, S.value, {
+			offset: t.dropDownOffset,
+			"model-value": C.value,
+			"onUpdate:modelValue": T,
+			disabled: b.value,
+			placeholder: y.value
+		}), {
+			...m,
+			default: m.default || (() => {
+				var e;
+				return (e = O.value) == null ? void 0 : e.map(({ value: e, label: t }) => c(f, {
+					key: e,
+					label: t,
+					value: e
+				}, null));
+			})
+		}) });
+	}
+};
+//#endregion
+export { _ as t };