@web-utils/form-ui 1.0.0-beta3 → 1.0.0-beta31

package/chunks/S64sNmuR.mjs

@@ -0,0 +1,226 @@
+import { i as e, n as t } from "./Br4i8stg.mjs";
+import { n } from "./CsfgUCe9.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElOption as o, ElSelect as s } from "element-plus/es";
+//#region src/components/form/props/select.ts
+var c = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean,
+		Object,
+		Array
+	],
+	multiple: {
+		type: Boolean,
+		default: !1
+	},
+	options: Array,
+	props: Object,
+	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
+	},
+	offset: {
+		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]
+}, l = {
+	modelValue: !0,
+	emptyValues: !0,
+	valueOnClear: !0
+}, u = [
+	"change",
+	"visible-change",
+	"remove-tag",
+	"clear",
+	"blur",
+	"focus",
+	"popup-scroll"
+], d = (e) => n[e] === void 0 && l[e] !== !0, f = {
+	name: "FormSelect",
+	inheritAttrs: !1,
+	props: { ...c },
+	emits: {
+		...t,
+		change: null,
+		"visible-change": null,
+		"remove-tag": null,
+		clear: null,
+		blur: null,
+		focus: null,
+		"popup-scroll": null
+	},
+	setup(t, { emit: n, slots: c, attrs: l }) {
+		let f = a(t, "modelValue"), { render: p, placeholder: m, disabled: h, autoBind: g } = e(t, {
+			emit: n,
+			slots: c,
+			attrs: l,
+			events: u,
+			predicate: d,
+			messagePrefix: "请选择"
+		});
+		return () => p({ vNodes: r(s, i(g.value, {
+			modelValue: f.value,
+			"onUpdate:modelValue": (e) => f.value = e,
+			disabled: h.value,
+			placeholder: m.value
+		}), {
+			...c,
+			default: c.default || (() => {
+				var e;
+				return (e = t.options) == null ? void 0 : e.map(({ value: e, label: t }) => r(o, {
+					key: e,
+					label: t,
+					value: e
+				}, null));
+			})
+		}) });
+	}
+};
+//#endregion
+export { f as t };

package/chunks/bnRb5PUB.mjs

@@ -0,0 +1,108 @@
+import { i as e, n as t } from "./Br4i8stg.mjs";
+import { n, t as r } from "./CsfgUCe9.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
+	},
+	label: String,
+	inputmode: String,
+	align: {
+		type: String,
+		default: "left"
+	},
+	disabledScientific: {
+		type: Boolean,
+		default: !1
+	},
+	prefix: String,
+	suffix: String
+}, u = {
+	readonly: !0,
+	placeholder: !0,
+	modelValue: !0,
+	prefix: !0,
+	suffix: !0
+}, d = [
+	"change",
+	"blur",
+	"focus"
+], f = (e) => n[e] === void 0 && u[e] !== !0, p = {
+	name: "FormInputNumber",
+	inheritAttrs: !1,
+	props: { ...l },
+	emits: {
+		...t,
+		change: null,
+		blur: null,
+		focus: null
+	},
+	setup(t, { emit: n, slots: r, attrs: l }) {
+		let { emitInput: u, render: p, placeholder: m, disabled: h, autoBind: g } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: l,
+			events: d,
+			predicate: f
+		}), _ = a(() => i(t.modelValue) ? Number(t.modelValue) : t.modelValue);
+		return () => p({ vNodes: o(c, s({ style: "width: 100%" }, g.value, {
+			modelValue: _.value,
+			disabled: h.value,
+			"onUpdate:modelValue": u,
+			placeholder: m.value
+		}), {
+			prefix: r.prefix || t.prefix ? () => t.prefix : null,
+			suffix: r.suffix || t.suffix ? () => t.suffix : null,
+			"decrease-icon": r["decrease-icon"],
+			"increase-icon": r["increase-icon"]
+		}) });
+	}
+};
+//#endregion
+export { p as t };

package/chunks/dM-icPM8.mjs

@@ -0,0 +1,107 @@
+import { hasAuthority as e } from "../api/index.mjs";
+import { toolbarContextKey as t } from "../constants/index.mjs";
+import { isArray as n, isFunction as r } from "@web-utils/core";
+import { computed as i, createVNode as a, defineComponent as o, getCurrentInstance as s, inject as c, ref as l } from "vue";
+import { ElMessage as u, ElMessageBox as d } from "element-plus";
+import { ElButton as f } from "element-plus/es";
+//#endregion
+//#region src/components/toolbar/ToolbarButton.vue
+var p = /* @__PURE__ */ o({
+	name: "ToolbarButton",
+	inheritAttrs: !1,
+	props: {
+		label: String,
+		icon: String,
+		type: String,
+		size: { type: String },
+		loadable: Boolean,
+		disabled: Boolean,
+		footer: Boolean,
+		circle: Boolean,
+		plain: Boolean,
+		round: Boolean,
+		primary: Boolean,
+		warning: Boolean,
+		nativeType: {
+			type: String,
+			default: "button"
+		},
+		privilege: String,
+		condition: { type: [
+			Array,
+			Function,
+			Boolean
+		] },
+		conditionTips: String,
+		confirm: Boolean,
+		confirmTips: String,
+		beforeExecute: Function,
+		afterExecute: Function,
+		route: [String, Object],
+		title: String,
+		cancelButtonText: String,
+		confirmButtonText: String
+	},
+	setup(o, { attrs: p, slots: m }) {
+		let h = s(), g = c(t, null), _ = l(!1), v = i(() => o.privilege ? e(o.privilege) : !0), y = async (e) => {
+			try {
+				if (r(o.beforeExecute) && await o.beforeExecute() === !1) return;
+				if (o.conditionTips) {
+					let e;
+					if (e = n(o.condition) ? o.condition.length <= 0 : r(o.condition) ? !o.condition() : !o.condition, e) {
+						u.warning(o.conditionTips);
+						return;
+					}
+				}
+				if (o.confirm || o.confirmTips) try {
+					await d.confirm(o.confirmTips || "你确定要删除该记录吗?", "系统提示", {
+						type: "warning",
+						distinguishCancelAndClose: !0,
+						cancelButtonText: o.cancelButtonText,
+						confirmButtonText: o.confirmButtonText
+					});
+				} catch (e) {
+					if (e === "cancel") {
+						let { onCancel: t } = p;
+						r(t) && await t(e);
+					} else if (e === "close") {
+						let { onClose: t } = p;
+						r(t) && await t(e);
+					}
+					return;
+				}
+				_.value = !0;
+				let i;
+				if (o.route) {
+					var t;
+					await ((t = h.proxy.$router) == null ? void 0 : t.push(o.route));
+				} else {
+					let { onClick: t } = p;
+					if (r(t)) try {
+						i = await t(e);
+					} catch {}
+				}
+				_.value = !1, r(o.afterExecute) && await o.afterExecute(i);
+			} catch {}
+		};
+		return () => v.value ? a(f, {
+			title: o.footer || g != null && g.footer ? null : o.title,
+			disabled: o.disabled || _.value,
+			plain: o.plain,
+			size: o.size,
+			nativeType: o.nativeType,
+			circle: o.circle,
+			loading: o.loadable ? _.value : !1,
+			type: o.primary ? "primary" : o.warning ? "warning" : o.type,
+			round: o.round,
+			class: p.class,
+			style: p.style,
+			onClick: y
+		}, {
+			default: !o.circle && (o.label || m.default) ? () => m.default ? m.default() : o.label : null,
+			icon: o.icon ? () => a("i", { class: o.icon }, null) : null
+		}) : null;
+	}
+});
+//#endregion
+export { p as t };

package/chunks/pxFLMMUm.mjs

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

package/chunks/q1SlJP1y.mjs

@@ -0,0 +1,171 @@
+import { i as e, n as t } from "./Br4i8stg.mjs";
+import { n } from "./CsfgUCe9.mjs";
+import { computed as r, createVNode as i, mergeProps as a } from "vue";
+import { ElDatePicker as o } from "element-plus/es";
+//#region src/components/form/props/date.ts
+var s = {
+	...n,
+	modelValue: [
+		Number,
+		String,
+		Date,
+		Array
+	],
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	editable: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	placeholder: {
+		type: String,
+		default: ""
+	},
+	startPlaceholder: String,
+	endPlaceholder: String,
+	type: {
+		type: String,
+		default: "date"
+	},
+	format: {
+		type: String,
+		default: "YYYY-MM-DD"
+	},
+	popperClass: String,
+	popperStyle: [String, Object],
+	popperOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	rangeSeparator: {
+		type: String,
+		default: "-"
+	},
+	defaultValue: Object,
+	defaultTime: Object,
+	valueFormat: String,
+	id: [String, Array],
+	name: {
+		type: [String, Array],
+		default: ""
+	},
+	unlinkPanels: {
+		type: Boolean,
+		default: !1
+	},
+	prefixIcon: [String, Object],
+	clearIcon: [String, Object],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	disabledDate: Function,
+	shortcuts: {
+		type: Array,
+		default: () => []
+	},
+	cellClassName: Function,
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom",
+			"top",
+			"right",
+			"left"
+		]
+	},
+	placement: {
+		type: String,
+		default: "bottom"
+	},
+	showFooter: {
+		type: Boolean,
+		default: !0
+	},
+	showConfirm: {
+		type: Boolean,
+		default: !0
+	},
+	showWeekNumber: {
+		type: Boolean,
+		default: !1
+	},
+	automaticDropdown: {
+		type: Boolean,
+		default: !0
+	},
+	split: Boolean,
+	startDate: String,
+	endDate: String
+}, c = {
+	modelValue: !0,
+	name: !0,
+	emptyValues: !0,
+	valueOnClear: !0
+}, l = ["change"], u = (e) => n[e] === void 0 && c[e] !== !0, d = {
+	name: "FormDatePicker",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: {
+		...t,
+		"update:startDate": null,
+		"update:endDate": null
+	},
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let { emitInput: d, render: f, placeholder: p, disabled: m, autoBind: h } = e(t, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			events: l,
+			predicate: u,
+			messagePrefix: "请选择"
+		}), g = r(() => {
+			switch (t.type) {
+				case "date":
+				case "daterange": return "YYYY-MM-DD";
+				case "datetime":
+				case "datetimerange": return "YYYY-MM-DD HH:mm:ss";
+				default: return "";
+			}
+		}), _ = r(() => t.split && t.type.indexOf("range") > -1), v = (e, t) => {
+			n("update:startDate", e), n("update:endDate", t);
+		}, y = (e) => {
+			_.value ? e ? v(e[0], e[1]) : v(null, null) : d(e);
+		}, b = r(() => _.value ? [t.startDate, t.endDate] : t.modelValue);
+		return () => f({ vNodes: i(o, a({ style: "width: 100%" }, h.value, {
+			modelValue: b.value,
+			disabled: m.value,
+			placeholder: p.value,
+			format: g.value,
+			"value-format": g.value,
+			"onUpdate:modelValue": y
+		}), {
+			default: s.default,
+			"range-separator": s["range-separator"],
+			"pre-month": s["pre-month"],
+			"next-month": s["next-month"],
+			"pre-year": s["pre-year"],
+			"next-year": s["next-year"]
+		}) });
+	}
+};
+//#endregion
+export { d as t };