@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta90

package/chunks/Gh6td4HK.mjs

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

package/chunks/Kyk412rw2.mjs

@@ -0,0 +1,26 @@
+import { n as e } from "./DGkSZT8r.mjs";
+import { t } from "./lyW9mwQp.mjs";
+import { allProps as n } from "../props/input.mjs";
+import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/FormInputPhoneNumber.vue?vue&type=script&lang.jsx
+function s(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
+}
+//#endregion
+//#region src/components/form/FormInputPhoneNumber.vue
+var c = {
+	name: "FormInputPhoneNumber",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { slots: n, attrs: i }) {
+		let c = o(e, "modelValue");
+		return () => r(t, a(e, i, {
+			modelValue: c.value,
+			"onUpdate:modelValue": (e) => c.value = e,
+			type: "phone"
+		}), s(n) ? n : { default: () => [n] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/V-Js6hNd.mjs

@@ -0,0 +1,179 @@
+import { m as e } from "./ClVh1Lek.mjs";
+import { ElDialog as t } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, getCurrentInstance as c, mergeModels as l, mergeProps as u, normalizeClass as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, toHandlers as g, unref as _, useModel as v, useTemplateRef as y, withCtx as b, withModifiers as x } from "vue";
+import "element-plus/es/components/dialog/style/css";
+//#region src/components/dialog/props.ts
+var S = {
+	modelValue: {
+		type: Boolean,
+		default: !1
+	},
+	title: {
+		type: String,
+		default: ""
+	},
+	width: [String, Number],
+	fullscreen: {
+		type: Boolean,
+		default: !1
+	},
+	top: {
+		type: String,
+		default: ""
+	},
+	modal: {
+		type: Boolean,
+		default: !0
+	},
+	modalPenetrable: {
+		type: Boolean,
+		default: !1
+	},
+	modalClass: String,
+	headerClass: String,
+	bodyClass: String,
+	footerClass: String,
+	appendToBody: {
+		type: Boolean,
+		default: !0
+	},
+	appendTo: [String, Object],
+	lockScroll: {
+		type: Boolean,
+		default: !0
+	},
+	openDelay: {
+		type: Number,
+		default: 0
+	},
+	closeDelay: {
+		type: Number,
+		default: 0
+	},
+	closeOnClickModal: { type: Boolean },
+	closeOnPressEscape: {
+		type: Boolean,
+		default: !0
+	},
+	showClose: {
+		type: Boolean,
+		default: !0
+	},
+	beforeClose: Function,
+	draggable: {
+		type: Boolean,
+		default: !0
+	},
+	overflow: {
+		type: Boolean,
+		default: !1
+	},
+	center: {
+		type: Boolean,
+		default: !1
+	},
+	alignCenter: {
+		type: Boolean,
+		default: !1
+	},
+	destroyOnClose: {
+		type: Boolean,
+		default: !1
+	},
+	closeIcon: [String, Object],
+	zIndex: Number,
+	headerAriaLevel: {
+		type: String,
+		default: "2"
+	},
+	transition: [String, Object],
+	customClass: {
+		type: String,
+		default: ""
+	},
+	height: String,
+	embed: Boolean,
+	showFullscreen: Boolean,
+	showFullScreen: Boolean,
+	bodyPadding: {
+		type: Boolean,
+		default: !0
+	}
+}, C = {
+	embed: !0,
+	height: !0,
+	showFullscreen: !0,
+	showFullScreen: !0,
+	fullscreen: !0,
+	showClose: !0,
+	bodyPadding: !0
+}, w = (e) => C[e] !== !0, T = { class: "dialog-title" }, E = { class: "dialog-header-buttons" }, D = /* @__PURE__ */ Object.assign({
+	name: "ElementDialog",
+	inheritAttrs: !1
+}, {
+	__name: "ElementDialog",
+	props: /* @__PURE__ */ l({ ...S }, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ l({ "toggle-fullscreen": null }, ["update:modelValue"]),
+	setup(l, { expose: S, emit: C }) {
+		let D = v(l, "modelValue"), O = l, k = C, { autoBindProps: A, listeners: j } = e(O, {
+			predicate: w,
+			removeOn: !0
+		}), M = y("dialog"), N = p(O.fullscreen), P = () => {
+			N.value = !N.value, k("toggle-fullscreen", N.value);
+		}, F = n(() => N.value ? "100%" : O.height), I = c(), L = () => {
+			O.embed ? (I.parent.emit("update:visible", !1), I.parent.emit("update:modelValue", !1)) : M.value.handleClose();
+		};
+		return S({
+			close: L,
+			hide: L
+		}), (e, n) => {
+			let c = t;
+			return f(), r(c, u({
+				ref: "dialog",
+				modelValue: D.value,
+				"onUpdate:modelValue": n[0] || (n[0] = (e) => D.value = e),
+				class: "element-dialog"
+			}, _(A), {
+				class: e.$attrs.class,
+				"show-close": !1,
+				fullscreen: _(N),
+				"body-class": `${e.bodyClass || ""}${e.bodyPadding ? "" : " no-padding"}`,
+				style: { "--dialog-body-height": _(F) }
+			}, g(_(j))), s({
+				header: b(() => [i(" @slot 对话框标题的内容；会替换标题部分，但会移除关闭按钮 "), m(e.$slots, "header", {}, () => [o("div", T, h(e.title), 1), o("div", E, [e.showFullscreen || e.showFullScreen ? (f(), a("i", {
+					key: 0,
+					class: d(["dialog-header-button", {
+						"el-icon-full-screen": !e.fullscreen,
+						"el-icon-copy-document": e.fullscreen
+					}]),
+					onClick: x(P, ["stop"])
+				}, null, 2)) : i("v-if", !0), e.showClose ? (f(), a("i", {
+					key: 1,
+					class: "dialog-header-button el-icon-close",
+					onClick: x(L, ["stop"])
+				})) : i("v-if", !0)])])]),
+				default: b(() => [i(" @slot 对话框的默认内容 "), m(e.$slots, "default")]),
+				_: 2
+			}, [e.$slots.footer ? {
+				name: "footer",
+				fn: b(() => [i(" @slot Dialog 按钮操作区的内容 "), m(e.$slots, "footer", { close: L })]),
+				key: "0"
+			} : void 0]), 1040, [
+				"modelValue",
+				"class",
+				"fullscreen",
+				"body-class",
+				"style"
+			]);
+		};
+	}
+});
+//#endregion
+export { D as t };

package/chunks/e0fWXKxt.mjs

@@ -0,0 +1,46 @@
+import { fastClone as e } from "@web-utils/core";
+//#region src/components/bpmn-process-designer/components/penal/listeners/utilSelf.js
+function t(e) {
+	let t = { ...e };
+	if (e.script && (t = {
+		...e,
+		...e.script,
+		scriptType: e.script.resource ? "externalScript" : "inlineScript"
+	}), e.event === "timeout" && e.eventDefinitions && e.eventDefinitions.length) {
+		let n = "";
+		for (let r in e.eventDefinitions[0]) r.indexOf("time") !== -1 && (n = r, t.eventDefinitionType = r.replace("time", "").toLowerCase());
+		t.eventTimeDefinitions = e.eventDefinitions[0][n].body;
+	}
+	return t;
+}
+function n(t) {
+	var n;
+	let r;
+	return t.class && (r = "classListener"), t.expression && (r = "expressionListener"), t.delegateExpression && (r = "delegateExpressionListener"), t.script && (r = "scriptListener"), {
+		...e(t),
+		...t.script ?? {},
+		fields: (n = t.fields) == null ? void 0 : n.map((e) => ({
+			...e,
+			fieldType: e.expression ? "expression" : "string"
+		})),
+		listenerType: r
+	};
+}
+var r = {
+	classListener: "Java 类",
+	expressionListener: "表达式",
+	delegateExpressionListener: "代理表达式",
+	scriptListener: "脚本"
+}, i = {
+	create: "创建",
+	assignment: "指派",
+	complete: "完成",
+	delete: "删除",
+	update: "更新",
+	timeout: "超时"
+}, a = {
+	string: "字符串",
+	expression: "表达式"
+};
+//#endregion
+export { r as a, n as i, a as n, t as r, i as t };

package/chunks/id2zIVnt.mjs

@@ -0,0 +1,64 @@
+import { Teleport as e, createVNode as t, nextTick as n, onBeforeUnmount as r, onMounted as i, ref as a, useTemplateRef as o, watchEffect as s } from "vue";
+//#endregion
+//#region src/components/Watermark.vue
+var c = {
+	name: "Watermark",
+	props: {
+		text: {
+			type: String,
+			default: ""
+		},
+		width: {
+			type: Number,
+			default: 200
+		},
+		height: {
+			type: Number,
+			default: 150
+		},
+		rotate: {
+			type: Number,
+			default: -30
+		},
+		color: {
+			type: String,
+			default: "rgba(0,0,0,0.15)"
+		},
+		backgroundColor: {
+			type: String,
+			default: "rgba(0,0,0,0)"
+		},
+		teleport: String
+	},
+	setup(c) {
+		let l = a(0), u = document.createElement("canvas");
+		u.width = c.width, u.height = c.height;
+		let d = u.getContext("2d");
+		d.font = "15px Verdana", d.fillStyle = c.backgroundColor, d.fillRect(0, 0, c.width, c.height), d.translate(c.width / 2, c.height / 2), d.rotate(c.rotate * Math.PI / 180), d.fillStyle = c.color, d.textAlign = "center", d.textBaseline = "middle", d.fillText(c.text, 0, 0);
+		let f = o("watermark"), p = a(), m = new MutationObserver(() => {
+			(!f.value.parentNode || !f.value.parentNode.contains(f.value)) && l.value++;
+		});
+		return s(async () => {
+			await n(), m.disconnect(), m.observe(f.value.parentNode, {
+				attributes: !0,
+				childList: !0,
+				subtree: !0
+			});
+		}), i(() => {
+			p.value = c.teleport || f.value.parentNode;
+		}), r(() => {
+			m.disconnect();
+		}), () => t(e, {
+			defer: !0,
+			to: p.value,
+			disabled: !p.value
+		}, { default: () => [t("div", {
+			key: l.value,
+			ref: "watermark",
+			class: "watermark",
+			style: { background: `url(${u.toDataURL("image/png")}) left top repeat` }
+		}, null)] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/jYBVv5nL.mjs

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

package/chunks/lyW9mwQp.mjs

@@ -0,0 +1,68 @@
+import { n as e, o as t, t as n } from "./DGkSZT8r.mjs";
+import { allProps as r, predicate as i } from "../props/input.mjs";
+import { ElInput as a } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { computed as o, createVNode as s, mergeProps as c, useModel as l } from "vue";
+import { validatePhoneNum as u } from "@web-utils/core";
+//#region src/utils/form-validate.ts
+var d = (e, t, n) => t && !/^[A-Za-z0-9\u4e00-\u9fa5_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
+function f(e, t, n) {
+	t && !/^[1-9][0-9]{5}(18|19|(2[0-9]))[0-9]{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)[0-9]{3}[0-9Xx]$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
+}
+function p(e, t, n) {
+	if (this.$refs.table.$refs.table.records.length === 0) {
+		n(Error(e.message || `请添加${e.label}`));
+		return;
+	}
+	n();
+}
+//#endregion
+//#region src/components/form/FormInput.vue
+var m = {
+	name: "FormInput",
+	inheritAttrs: !1,
+	props: { ...r },
+	emits: { ...e },
+	setup(e, { emit: r, slots: p, attrs: m }) {
+		let h = l(e, "modelValue"), g = `请输入正确的${e.label}！`, { render: _, placeholder: v, disabled: y, listeners: b, inputProps: x, printing: S } = t(e, {
+			emit: r,
+			slots: p,
+			attrs: m,
+			rules: o(() => {
+				if (!e.type || e.type === "textarea") return null;
+				let t = {
+					message: g,
+					trigger: "blur"
+				};
+				if (e.type === "email") t.validator = d;
+				else if (e.type === "idcard") t.validator = f;
+				else if (e.type === "phone") t.validator = u;
+				else return null;
+				return [t];
+			}),
+			predicate: i
+		});
+		return () => _({ vNodes: S.value ? e.modelValue : s(a, c(b.value, x.value, {
+			class: ["form-input", {
+				"is-readonly": e.readonlyGrey && e.readonly && !e.picker,
+				"el-input-cursor-pointer": e.picker && !y.value
+			}],
+			modelValue: h.value,
+			"onUpdate:modelValue": (e) => h.value = e,
+			disabled: y.value,
+			placeholder: v.value,
+			readonly: e.readonly || e.picker,
+			"prefix-icon": n({ icon: e.picker ? "el-icon-search" : e.prefixIcon }),
+			"suffix-icon": n({ icon: e.suffixIcon })
+		}), {
+			prefix: p.prefix || e.prefix ? () => e.prefix : null,
+			suffix: p.suffix || e.suffix ? () => e.suffix : null,
+			"password-icon": p["password-icon"],
+			prepend: p.prepend || e.prepend ? () => e.prepend : null,
+			append: p.append || e.append ? () => e.append : null
+		}) });
+	}
+};
+//#endregion
+export { p as n, m as t };

package/chunks/syMDpSl42.mjs

@@ -0,0 +1,34 @@
+import { n as e, o as t } from "./DGkSZT8r.mjs";
+import { allProps as n, predicate as r } from "../props/switch.mjs";
+import { ElSwitch as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createVNode as a, mergeProps as o, useModel as s } from "vue";
+import "element-plus/es/components/switch/style/css";
+//#endregion
+//#region src/components/form/FormSwitch.vue
+var c = {
+	name: "FormSwitch",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { emit: n, slots: c, attrs: l }) {
+		let u = s(e, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = t(e, {
+			emit: n,
+			attrs: l,
+			slots: c,
+			predicate: r
+		});
+		return () => d({ vNodes: a(i, o(p.value, m.value, {
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			disabled: f.value
+		}), {
+			"active-action": c["active-action"],
+			"inactive-action": c["inactive-action"],
+			active: c.active,
+			inactive: c.inactive
+		}) });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/t6OjVLsq2.mjs

@@ -0,0 +1,37 @@
+import { n as e, o as t } from "./DGkSZT8r.mjs";
+import { allProps as n, predicate as r } from "../props/input-number.mjs";
+import { ElInputNumber as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as a, createVNode as o, mergeProps as s } from "vue";
+import { isString as c } from "@web-utils/core";
+import "element-plus/es/components/input-number/style/css";
+//#endregion
+//#region src/components/form/FormInputNumber.vue
+var l = {
+	name: "FormInputNumber",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { emit: n, slots: l, attrs: u }) {
+		let { emitInput: d, render: f, placeholder: p, disabled: m, listeners: h, inputProps: g } = t(e, {
+			emit: n,
+			slots: l,
+			attrs: u,
+			predicate: r
+		}), _ = a(() => c(e.modelValue) ? Number(e.modelValue) : e.modelValue);
+		return () => f({ vNodes: o(i, s(h.value, g.value, {
+			style: "width: 100%",
+			modelValue: _.value,
+			disabled: m.value,
+			"onUpdate:modelValue": d,
+			placeholder: p.value
+		}), {
+			prefix: l.prefix || e.prefix ? () => e.prefix : null,
+			suffix: l.suffix || e.suffix ? () => e.suffix : e.append,
+			"decrease-icon": l["decrease-icon"],
+			"increase-icon": l["increase-icon"]
+		}) });
+	}
+};
+//#endregion
+export { l as t };