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

package/chunks/CqoVAnxC2.mjs

@@ -0,0 +1,93 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n, t as r } from "./CJdkjadi.mjs";
+import { createVNode as i, mergeProps as a } from "vue";
+import { ElTimeSelect as o } from "element-plus/es";
+//#region src/components/form/props/time-select.ts
+var s = {
+	...n,
+	...r,
+	modelValue: String,
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	editable: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	includeEndTime: {
+		type: Boolean,
+		default: !1
+	},
+	size: {
+		type: String,
+		default: "default"
+	},
+	placeholder: String,
+	name: String,
+	effect: {
+		type: String,
+		default: "light"
+	},
+	prefixIcon: [String, Object],
+	clearIcon: [String, Object],
+	start: {
+		type: String,
+		default: "09:00"
+	},
+	end: {
+		type: String,
+		default: "18:00"
+	},
+	step: {
+		type: String,
+		default: "00:30"
+	},
+	minTime: String,
+	maxTime: String,
+	format: {
+		type: String,
+		default: "HH:mm"
+	},
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object]
+}, c = {
+	disabled: !0,
+	modelValue: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormTimeSelect",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: s }) {
+		let { emitInput: c, render: u, placeholder: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: s,
+			predicate: l
+		});
+		return () => u({ vNodes: i(o, a(p.value, m.value, {
+			style: "width: 100%",
+			modelValue: t.modelValue,
+			disabled: f.value,
+			"onUpdate:modelValue": c,
+			placeholder: d.value
+		}), null) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/CuAoMR3n.mjs

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

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

package/chunks/D0Zg2CV0.mjs

@@ -0,0 +1,57 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n, t as r } from "./CJdkjadi.mjs";
+import { t as i } from "./vXQf89tS.mjs";
+import { createVNode as a, mergeProps as o, ref as s } from "vue";
+import { ElInput as c, ElPopover as l } from "element-plus/es";
+//#region src/components/form/props/input-cron.ts
+var u = {
+	...n,
+	...r,
+	modelValue: [String, Number]
+}, d = {
+	readonly: !0,
+	placeholder: !0,
+	disabled: !0,
+	modelValue: !0,
+	prefix: !0,
+	suffix: !0
+}, f = (e) => n[e] === void 0 && d[e] !== !0, p = {
+	name: "FormInputCronExpression",
+	props: { ...u },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: u }) {
+		let d = s(!1), { emitInput: p, render: m, placeholder: h, disabled: g, listeners: _, inputProps: v } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: u,
+			predicate: f
+		}), y = () => {
+			d.value = !0;
+		}, b = () => {
+			d.value = !1;
+		};
+		return () => m({ vNodes: a("div", { class: "cron" }, [a(l, {
+			placement: "bottom-start",
+			disabled: g.value,
+			visible: d.value,
+			"onUpdate:visible": (e) => d.value = e,
+			"popper-class": "cron-popover"
+		}, {
+			default: () => a(i, o(_.value, v.value, {
+				i18n: "cn",
+				expression: t.modelValue,
+				onChange: p,
+				onClose: b
+			}), null),
+			reference: () => a(c, {
+				modelValue: t.modelValue,
+				readonly: !0,
+				disabled: g.value,
+				placeholder: h.value,
+				onClick: y
+			}, null)
+		})]) });
+	}
+};
+//#endregion
+export { p as t };

package/chunks/DA7oGHSX.mjs

@@ -0,0 +1,141 @@
+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 { computed as i, createVNode as a, isVNode as o, mergeProps as s, useModel as c } from "vue";
+import { ElRadio as l, ElRadioButton as u, ElRadioGroup as d } from "element-plus/es";
+//#region src/components/form/props/radio-group.ts
+var f = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean
+	],
+	size: {
+		type: String,
+		default: "default"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	textColor: {
+		type: String,
+		default: "#ffffff"
+	},
+	fill: {
+		type: String,
+		default: "#409eff"
+	},
+	ariaLabel: String,
+	name: String,
+	id: String,
+	options: {
+		type: Array,
+		default: () => []
+	},
+	props: {
+		type: Object,
+		default: () => ({
+			value: "value",
+			label: "label",
+			disabled: "disabled"
+		})
+	},
+	type: {
+		type: String,
+		default: "radio"
+	},
+	border: Boolean,
+	gender: Boolean,
+	overFlow: Boolean,
+	confirm: Boolean,
+	trigger: {
+		type: String,
+		default: "change"
+	},
+	labelProp: {
+		type: String,
+		default: "name"
+	},
+	valueProp: {
+		type: String,
+		default: "code"
+	},
+	english: Boolean,
+	chinese: Boolean,
+	typing: Boolean,
+	classic: {
+		type: Boolean,
+		default: !0
+	},
+	fillRow: Boolean,
+	ellipsis: Boolean,
+	inline: Boolean,
+	allowCancel: Boolean,
+	radioType: {
+		type: String,
+		default: "radio"
+	},
+	dictType: String
+}, p = {
+	modelValue: !0,
+	disabled: !0,
+	type: !0,
+	options: !0
+}, m = (e) => n[e] === void 0 && p[e] !== !0;
+//#endregion
+//#region src/components/form/FormRadioGroup.vue?vue&type=script&lang.jsx
+function h(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !o(e);
+}
+//#endregion
+//#region src/components/form/FormRadioGroup.vue
+var g = {
+	name: "FormRadioGroup",
+	inheritAttrs: !1,
+	props: { ...f },
+	emits: { ...t },
+	setup(t, { slots: n, attrs: o, emit: f }) {
+		let p = c(t, "modelValue"), { render: g, disabled: _, listeners: v, inputProps: y } = e(t, {
+			emit: f,
+			slots: n,
+			attrs: o,
+			predicate: m,
+			messagePrefix: "请选择"
+		}), b = i(() => t.classic ? "label" : t.labelProp), x = i(() => t.classic ? "value" : t.valueProp), { dictItems: S } = r(t), C = i(() => t.dictType ? S.value : t.gender ? [{
+			[b.value]: "男",
+			[x.value]: t.chinese ? "男" : t.typing ? 1 : "1"
+		}, {
+			[b.value]: "女",
+			[x.value]: t.chinese ? "女" : t.typing ? 2 : "2"
+		}] : t.confirm ? [{
+			[b.value]: "是",
+			[x.value]: t.chinese ? "是" : t.english ? "Y" : t.typing ? 1 : "1"
+		}, {
+			[b.value]: "否",
+			[x.value]: t.chinese ? "否" : t.english ? "N" : t.typing ? 0 : "0"
+		}] : t.options);
+		return () => g({ vNodes: a(d, s(v.value, y.value, {
+			modelValue: p.value,
+			"onUpdate:modelValue": (e) => p.value = e,
+			disabled: _.value
+		}), {
+			...n,
+			default: n.default || (() => {
+				var e;
+				return (e = C.value) == null ? void 0 : e.map(({ value: e, label: n, disabled: r }) => t.type === "button" || t.radioType === "button" ? a(u, {
+					key: e,
+					value: e,
+					disabled: r
+				}, h(n) ? n : { default: () => [n] }) : a(l, {
+					key: e,
+					value: e,
+					disabled: r
+				}, h(n) ? n : { default: () => [n] }));
+			})
+		}) });
+	}
+};
+//#endregion
+export { g as t };

package/chunks/DOP3aBxf.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/DOZRzqlo.mjs

@@ -0,0 +1,37 @@
+import { getDictLabel as e } from "../helper/dictionary.mjs";
+import { computed as t, createVNode as n, ref as r, watchEffect as i } from "vue";
+//#endregion
+//#region src/components/table/DictRender.vue
+var a = {
+	name: "DictRender",
+	inheritAttrs: !1,
+	props: {
+		row: Object,
+		column: Object,
+		dictType: String,
+		options: Array,
+		treeDict: Boolean,
+		idAsValue: {
+			type: Boolean,
+			default: !0
+		},
+		labelAsValue: Boolean
+	},
+	setup(a, { attrs: o }) {
+		let s = r(null), c = t(() => a.row[a.column.property]);
+		return i(async () => {
+			if (a.dictType) s.value = await e(a.dictType, c.value, !0, {
+				options: !0,
+				treeDict: a.treeDict,
+				idAsValue: a.idAsValue,
+				labelAsValue: a.labelAsValue
+			});
+			else {
+				var t;
+				s.value = ((t = a.options) == null || (t = t.find((e) => `${e.modelValue}` == `${e.value}`)) == null ? void 0 : t.label) ?? `${c.value}`;
+			}
+		}), () => n("span", o, [s.value]);
+	}
+};
+//#endregion
+export { a as t };