@web-utils/form-ui 1.0.0-beta8 → 1.0.0-beta81

package/chunks/KOJEsarR2.mjs

@@ -0,0 +1,217 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import t from "../element-resize-observer/index.mjs";
+import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, renderSlot as d, setBlockTracking as f } from "vue";
+//#region src/components/split-pane/components/Trigger.vue
+var p = {
+	name: "Trigger",
+	props: {
+		mode: String,
+		showIcon: Boolean,
+		line: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	data() {
+		return { prefix: "egd-split-trigger" };
+	},
+	computed: {
+		isVertical() {
+			return this.mode === "vertical";
+		},
+		classes() {
+			return [
+				this.prefix,
+				this.line ? this.isVertical ? ` ${this.prefix}-vertical-line` : `${this.prefix}-horizontal-line` : "",
+				this.isVertical ? `${this.prefix}-vertical` : `${this.prefix}-horizontal`
+			];
+		},
+		barConClasses() {
+			return [`${this.prefix}-bar-con`, this.isVertical ? "vertical" : "horizontal"];
+		}
+	}
+};
+function m(e, t, o, c, d, p) {
+	return l(), i("div", { class: s(p.classes) }, [o.showIcon ? (l(), i("div", {
+		key: 0,
+		class: s(p.barConClasses)
+	}, [t[0] || (f(-1, !0), (t[0] = (l(), i(n, null, u(8, (e) => a("i", {
+		key: `trigger-${e}`,
+		class: s(`${d.prefix}-bar`)
+	}, null, 2)), 64))).cacheIndex = 0, f(1), t[0])], 2)) : r("v-if", !0)], 2);
+}
+var h = /* @__PURE__ */ e(p, [["render", m]]);
+//#endregion
+//#region src/components/split-pane/tools.js
+function g(e, t) {
+	for (let n = 0; n < t.length; n++) if (e === t[n]) return !0;
+	return !1;
+}
+var _ = (function() {
+	return document.addEventListener ? function(e, t, n) {
+		e && t && n && e.addEventListener(t, n, !1);
+	} : function(e, t, n) {
+		e && t && n && e.attachEvent(`on${t}`, n);
+	};
+})(), v = (function() {
+	return document.removeEventListener ? function(e, t, n) {
+		e && t && e.removeEventListener(t, n, !1);
+	} : function(e, t, n) {
+		e && t && e.detachEvent(`on${t}`, n);
+	};
+})(), y = {
+	name: "SplitPane",
+	components: { Trigger: h },
+	props: {
+		modelValue: {
+			type: [Number, String],
+			default: .5
+		},
+		mode: {
+			validator(e) {
+				return g(e, ["horizontal", "vertical"]);
+			},
+			default: "horizontal"
+		},
+		hideLeft: Boolean,
+		triggerSize: {
+			type: Number,
+			default: 6
+		},
+		min: {
+			type: [Number, String],
+			default: "40px"
+		},
+		max: {
+			type: [Number, String],
+			default: "40px"
+		}
+	},
+	emits: [
+		"on-move-start",
+		"on-move-end",
+		"on-moving",
+		"update:modelValue"
+	],
+	data() {
+		return {
+			prefix: "egd-split",
+			offset: 0,
+			oldOffset: 0,
+			isMoving: !1
+		};
+	},
+	computed: {
+		wrapperClasses() {
+			return [`${this.prefix}-wrapper`, this.isMoving ? "no-select" : ""];
+		},
+		isHorizontal() {
+			return this.mode === "horizontal";
+		},
+		anotherOffset() {
+			return 100 - this.offset;
+		},
+		valueIsPx() {
+			return typeof this.modelValue == "string";
+		},
+		offsetSize() {
+			return this.isHorizontal ? "offsetWidth" : "offsetHeight";
+		},
+		computedMin() {
+			return this.getComputedThresholdValue("min");
+		},
+		computedMax() {
+			return this.getComputedThresholdValue("max");
+		}
+	},
+	watch: { modelValue: "resetOffset" },
+	async mounted() {
+		await this.$nextTick(), this.resetOffset();
+	},
+	methods: {
+		resetOffset() {
+			this.offset = (this.valueIsPx ? this.px2percent(this.modelValue, this.$refs.outerWrapper[this.offsetSize]) : this.modelValue) * 1e4 / 100;
+		},
+		px2percent(e, t) {
+			return parseFloat(e) / parseFloat(t);
+		},
+		getComputedThresholdValue(e) {
+			let t = this.$refs.outerWrapper[this.offsetSize];
+			return this.valueIsPx ? typeof this[e] == "string" ? this[e] : t * this[e] : typeof this[e] == "string" ? this.px2percent(this[e], t) : this[e];
+		},
+		getMin(e, t) {
+			return this.valueIsPx ? `${Math.min(parseFloat(e), parseFloat(t))}px` : Math.min(e, t);
+		},
+		getMax(e, t) {
+			return this.valueIsPx ? `${Math.max(parseFloat(e), parseFloat(t))}px` : Math.max(e, t);
+		},
+		getAnotherOffset(e) {
+			let t = 0;
+			return t = this.valueIsPx ? `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(e)}px` : 1 - e, t;
+		},
+		handleMove(e) {
+			let t = (this.isHorizontal ? e.pageX : e.pageY) - this.initOffset, n = this.$refs.outerWrapper[this.offsetSize], r = this.valueIsPx ? `${parseFloat(this.oldOffset) + t}px` : this.px2percent(n * this.oldOffset + t, n), i = this.getAnotherOffset(r);
+			parseFloat(r) <= parseFloat(this.computedMin) && (r = this.getMax(r, this.computedMin)), parseFloat(i) <= parseFloat(this.computedMax) && (r = this.getAnotherOffset(this.getMax(i, this.computedMax))), e.atMin = this.modelValue === this.computedMin, e.atMax = this.valueIsPx ? this.getAnotherOffset(this.modelValue) === this.computedMax : this.getAnotherOffset(this.modelValue).toFixed(5) === this.computedMax.toFixed(5), this.$emit("update:modelValue", r), this.$emit("on-moving", e);
+		},
+		handleUp() {
+			this.isMoving = !1, v(window, "mousemove", this.handleMove), v(window, "mouseup", this.handleUp), this.$emit("on-move-end");
+		},
+		handleMousedown(e) {
+			this.initOffset = this.isHorizontal ? e.pageX : e.pageY, this.oldOffset = this.modelValue, this.isMoving = !0, _(window, "mousemove", this.handleMove), _(window, "mouseup", this.handleUp), this.$emit("on-move-start");
+		}
+	}
+};
+function b(e, r, u, f, p, m) {
+	let g = h, _ = t;
+	return l(), i("div", {
+		ref: "outerWrapper",
+		class: s(m.wrapperClasses)
+	}, [m.isHorizontal ? (l(), i("div", {
+		key: 0,
+		class: s(`${p.prefix}-horizontal`)
+	}, [u.hideLeft ? (l(), i("div", {
+		key: 1,
+		style: { left: "0" },
+		class: s([`${p.prefix}-pane`, "right-pane"])
+	}, [d(e.$slots, "right")], 2)) : (l(), i(n, { key: 0 }, [
+		a("div", {
+			style: c({ right: `${m.anotherOffset}%` }),
+			class: s([`${p.prefix}-pane`, "left-pane"])
+		}, [d(e.$slots, "left")], 6),
+		a("div", {
+			class: s(`${p.prefix}-trigger-con`),
+			style: c({
+				left: `calc(${p.offset}% + ${u.triggerSize / 2}px)`,
+				width: `${u.triggerSize}px`
+			}),
+			onMousedown: r[0] || (r[0] = (...e) => m.handleMousedown && m.handleMousedown(...e))
+		}, [d(e.$slots, "trigger", {}, () => [o(g, { mode: "vertical" })])], 38),
+		a("div", {
+			style: c({ left: `calc(${p.offset}% + ${u.triggerSize}px)` }),
+			class: s([`${p.prefix}-pane`, "right-pane"])
+		}, [d(e.$slots, "right")], 6)
+	], 64))], 2)) : (l(), i("div", {
+		key: 1,
+		class: s(`${p.prefix}-vertical`)
+	}, [
+		a("div", {
+			style: c({ bottom: `${m.anotherOffset}%` }),
+			class: s([`${p.prefix}-pane`, "top-pane"])
+		}, [d(e.$slots, "top")], 6),
+		a("div", {
+			class: s(`${p.prefix}-trigger-con`),
+			style: c({
+				top: `calc(${p.offset}% + ${u.triggerSize / 2}px)`,
+				height: `${u.triggerSize}px`
+			}),
+			onMousedown: r[1] || (r[1] = (...e) => m.handleMousedown && m.handleMousedown(...e))
+		}, [d(e.$slots, "trigger", {}, () => [o(g, { mode: "horizontal" })])], 38),
+		a("div", {
+			style: c({ top: `calc(${p.offset}% + ${u.triggerSize}px)` }),
+			class: s([`${p.prefix}-pane`, "bottom-pane"])
+		}, [d(e.$slots, "bottom")], 6)
+	], 2)), o(_, { onNotify: m.resetOffset }, null, 8, ["onNotify"])], 2);
+}
+var x = /* @__PURE__ */ e(y, [["render", b]]);
+//#endregion
+export { x as t };

package/chunks/LivIWUWt.mjs

@@ -0,0 +1,50 @@
+import { n as e, o as t } from "./DzCIClcZ.mjs";
+import { t as n } from "./tVHVSu5h.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/PEU1JRcN2.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/SInS7QSL.mjs

@@ -0,0 +1,17 @@
+import { n as e, t } from "./X-ckP2Hj.mjs";
+import { createVNode as n, isVNode as r } from "vue";
+//#region src/components/flex/FlexRow.vue?vue&type=script&lang.jsx
+function i(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
+}
+//#endregion
+//#region src/components/flex/FlexRow.vue
+var a = {
+	name: "FlexRow",
+	props: { ...e },
+	setup(e, { slots: r }) {
+		return () => n(t, e, i(r) ? r : { default: () => [r] });
+	}
+};
+//#endregion
+export { a 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/X-ckP2Hj.mjs

@@ -0,0 +1,40 @@
+import { createVNode as e } from "vue";
+//#region src/components/flex/flex-box.ts
+var t = {
+	verticalCenter: {
+		type: Boolean,
+		default: !1
+	},
+	horizonCenter: {
+		type: Boolean,
+		default: !1
+	},
+	center: {
+		type: Boolean,
+		default: !1
+	},
+	textCenter: {
+		type: Boolean,
+		default: !1
+	}
+}, n = {
+	name: "FlexBox",
+	props: {
+		...t,
+		flexColumn: Boolean
+	},
+	setup(t, { slots: n }) {
+		return () => {
+			var r;
+			return e("div", { class: {
+				"flex-row": !t.flexColumn,
+				"flex-column": t.flexColumn,
+				"horizon-center": t.center || t.horizonCenter,
+				"vertical-center": t.center || t.verticalCenter,
+				"text-center": t.textCenter
+			} }, [(r = n.default) == null ? void 0 : r.call(n)]);
+		};
+	}
+};
+//#endregion
+export { t as n, n as t };

package/chunks/fh36J3y1.mjs

@@ -0,0 +1,26 @@
+import { n as e } from "./DzCIClcZ.mjs";
+import { t } from "./CrFP0Lhs.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/mm9J6HEd2.mjs

@@ -0,0 +1,34 @@
+import { n as e, o as t } from "./DzCIClcZ.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 };