@web-utils/form-ui 1.0.0-beta85 → 1.0.0-beta87

package/chunks/gQwOnofw.mjs

@@ -0,0 +1,302 @@
+import { h as e } from "vue";
+import { NOOP as t } from "@web-utils/core";
+import * as n from "monaco-editor/esm/vs/editor/editor.api";
+//#region src/components/avue/monaco-editor/json-beautifier.js
+var r = /[\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, i = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, a, o, s = {
+	"\b": "\\b",
+	"	": "\\t",
+	"\n": "\\n",
+	"\f": "\\f",
+	"\r": "\\r",
+	"\"": "\\\"",
+	"'": "\\'",
+	"\\": "\\\\"
+}, c;
+function l(e, t = {}) {
+	let n = t.space || 2, r = t.dropQuotesOnKeys !== !1, i = t.dropQuotesOnNumbers || !1, a = t.inlineShortArrays || !1, o = t.inlineShortArraysDepth || 1, s = t.quoteType || "single", c = t.minify || !1;
+	i && u(e);
+	let l = p(e, null, c ? void 0 : n, r, s);
+	if (a && !c) {
+		let e = f(l);
+		if (o > 1) for (let t = 1; t < o && (l = e, e = f(l), e !== l); t++);
+		l = e;
+	}
+	return l;
+}
+function u(e) {
+	if (!d(e)) return;
+	let t = Object.keys(e);
+	t && t.forEach(function(t) {
+		let n = e[t];
+		if (typeof n == "string") {
+			let r = n - 0;
+			e[t] = isNaN(r) ? n : r;
+		} else (d(n) || Array.isArray(n)) && u(n);
+	});
+}
+function d(e) {
+	return e && typeof e == "object";
+}
+function f(e, t) {
+	if (t || (t = 80), typeof t != "number" || t < 20) throw Error(`Invalid width '${t}'. Expecting number equal or larger than 20.`);
+	let n = e.split("\n"), r = 0, i = null, a = [];
+	for (; r < n.length;) {
+		let e = !!n[r].match(/\[/), o = !!n[r].match(/\],?/);
+		if (e && !o) a = [n[r]], i = r;
+		else if (o && !e && i) {
+			a.push((n[r] || "").trim());
+			let e = a.join(" ");
+			e.length < t && (n.splice(i, r - i + 1, e), r = i), i = null, a = [];
+		} else i && a.push((n[r] || "").trim());
+		r += 1;
+	}
+	return n.join("\n");
+}
+function p(e, t, n, r, i) {
+	let s;
+	if (a = "", o = "", typeof n == "number") for (s = 0; s < n; s += 1) o += " ";
+	else typeof n == "string" && (o = n);
+	if (c = t, t && typeof t != "function" && (typeof t != "object" || typeof t.length != "number")) throw Error("JSON.stringify");
+	return m("", { "": e }, r, i);
+}
+function m(e, t, n, r) {
+	let i, s, l, u, d = a, f, p = t[e];
+	switch (p && typeof p == "object" && typeof p.toJSON == "function" && (p = p.toJSON(e)), typeof c == "function" && (p = c.call(t, e, p)), typeof p) {
+		case "function": return p;
+		case "string": return h(p, r);
+		case "number": return isFinite(p) ? String(p) : "null";
+		case "boolean":
+		case "null": return String(p);
+		case "object":
+			if (!p) return "null";
+			if (a += o, f = [], Object.prototype.toString.apply(p) === "[object Array]") {
+				for (u = p.length, i = 0; i < u; i += 1) f[i] = m(i, p, n, r) || "null";
+				return l = f.length === 0 ? "[]" : a ? `[\n${a}${f.join(`,\n${a}`)}\n${d}]` : `[${f.join(",")}]`, a = d, l;
+			}
+			if (c && typeof c == "object") for (u = c.length, i = 0; i < u; i += 1) typeof c[i] == "string" && (s = c[i], l = m(s, p, n, r), l && f.push((n ? g(s, r) : h(s, r)) + (a ? ": " : ":") + l));
+			else for (s in p) Object.prototype.hasOwnProperty.call(p, s) && (l = m(s, p, n, r), l && f.push((n ? g(s, r) : h(s, r)) + (a ? ": " : ":") + l));
+			return l = f.length === 0 ? "{}" : a ? `{\n${a}${f.join(`,\n${a}`)}\n${d}}` : `{${f.join(",")}}`, a = d, l;
+	}
+}
+function h(e, t) {
+	r.lastIndex = 0;
+	let n = "\"";
+	return t === "single" && (n = "'"), r.test(e) ? n + e.replace(r, function(e) {
+		let t = s[e];
+		return typeof t == "string" ? t : `\\u${`0000${e.charCodeAt(0).toString(16)}`.slice(-4)}`;
+	}) + n : n + e + n;
+}
+function g(e, t) {
+	return i.test(e) ? e : h(e, t);
+}
+//#endregion
+//#region src/components/avue/monaco-editor/MonacoEditor.vue
+var _ = {
+	name: "MonacoEditor",
+	props: {
+		diffEditor: {
+			type: Boolean,
+			default: !1
+		},
+		width: {
+			type: [String, Number],
+			default: "100%"
+		},
+		height: {
+			type: [String, Number],
+			default: "100%"
+		},
+		original: String,
+		modelValue: [String, Object],
+		language: {
+			type: String,
+			default: "javascript"
+		},
+		theme: {
+			type: String,
+			default: "vs"
+		},
+		readOnly: {
+			type: Boolean,
+			default: !1
+		},
+		options: {
+			type: Object,
+			default() {
+				return {};
+			}
+		},
+		editorMounted: {
+			type: Function,
+			default: t
+		},
+		editorBeforeMount: {
+			type: Function,
+			default: t
+		},
+		keyIndex: { type: String }
+	},
+	emits: ["change", "update:modelValue"],
+	data() {
+		return { fullscreen: !1 };
+	},
+	computed: { style() {
+		return this.fullscreen ? {} : {
+			width: /^\d+$/.test(this.width) ? `${this.width}px` : this.width,
+			height: /^\d+$/.test(this.height) ? `${this.height}px` : this.height,
+			position: "relative"
+		};
+	} },
+	watch: {
+		options: {
+			deep: !0,
+			handler(e) {
+				var t;
+				(t = this.editor) == null || t.updateOptions(e);
+			}
+		},
+		keyIndex() {
+			let e = this.modelValue;
+			typeof e == "object" && (e = l(e)), this.editor && e !== this._getValue() && this._setValue(e);
+		},
+		language() {
+			if (this.editor) if (this.diffEditor) {
+				let { original: e, modified: t } = this.editor.getModel();
+				n.editor.setModelLanguage(e, this.language), n.editor.setModelLanguage(t, this.language);
+			} else n.editor.setModelLanguage(this.editor.getModel(), this.language);
+		},
+		theme() {
+			this.editor && n.editor.setTheme(this.theme);
+		},
+		style() {
+			this.$nextTick(() => {
+				var e;
+				(e = this.editor) == null || e.layout();
+			});
+		},
+		modelValue(e) {
+			this.editor && e !== this._getValue() && this._setValue(e);
+		}
+	},
+	mounted() {
+		this.initMonaco(), window.addEventListener("resize", this.onResize);
+	},
+	beforeUnmount() {
+		var e;
+		window.removeEventListener("resize", this.onResize), (e = this.editor) == null || e.dispose();
+	},
+	methods: {
+		initMonaco() {
+			let { modelValue: e, language: t, theme: r, readOnly: i, options: a } = this;
+			Object.assign(a, this._editorBeforeMount()), this.editor = n.editor[this.diffEditor ? "createDiffEditor" : "create"](this.$el, {
+				value: typeof e == "string" ? e : l(e),
+				language: t,
+				theme: r,
+				readOnly: i,
+				...a
+			}), this.diffEditor && this._setModel(this.modelValue, this.original), this._editorMounted(this.editor), this.editor.addAction({
+				id: "f1",
+				label: "full screen",
+				keybindings: [n.KeyCode.F1],
+				run: (e) => {
+					this.toggleFullScreen();
+				}
+			}), this.editor.addAction({
+				id: "escape",
+				label: "exit full screen",
+				keybindings: [n.KeyCode.Escape],
+				run: (e) => {
+					this.fullscreen = !1;
+				}
+			});
+		},
+		toggleFullScreen() {
+			this.fullscreen = !this.fullscreen;
+		},
+		async onResize() {
+			await this.$nextTick();
+			let e = this.$el;
+			this.editor.layout({
+				width: e.clientWidth,
+				height: e.clientHeight
+			});
+		},
+		_handleFullScreen() {
+			this.isMaximum ? this.minEditor() : this.maxEditor();
+		},
+		maxEditor() {
+			this.isMaximum = !0;
+			let e = this.$el;
+			this.originSize = {
+				width: e.clientWidth,
+				height: e.clientHeight
+			}, e.classList.add("editor-fullscreen"), this.editor.layout({
+				height: document.body.clientHeight,
+				width: document.body.clientWidth
+			}), document.addEventListener("keyup", this.handleEsc);
+		},
+		handleEsc(e) {
+			e.keyCode === 27 && this.minEditor();
+		},
+		minEditor() {
+			this.isMaximum = !1, this.$el.classList.remove("editor-fullscreen"), this.editor.layout({
+				height: this.originSize.height,
+				width: this.originSize.width
+			}), document.removeEventListener("keyup", this.handleEsc);
+		},
+		_getEditor() {
+			return this.editor ? this.diffEditor ? this.editor.modifiedEditor : this.editor : null;
+		},
+		_setModel(e, t) {
+			let { language: r } = this, i = n.editor.createModel(t, r), a = n.editor.createModel(e, r);
+			this.editor.setModel({
+				original: i,
+				modified: a
+			});
+		},
+		_setValue(e) {
+			let t = this._getEditor();
+			if (t) return t.setValue(e);
+		},
+		_getValue() {
+			let e = this._getEditor();
+			return e ? e.getValue() : "";
+		},
+		_editorBeforeMount() {
+			return this.editorBeforeMount(n) || {};
+		},
+		_editorMounted(e) {
+			this.editorMounted(e, n), this.diffEditor ? e.onDidUpdateDiff((e) => {
+				let t = this._getValue();
+				this._emitChange(t, e);
+			}) : e.onDidChangeModelContent((e) => {
+				let t = this._getValue();
+				this._emitChange(t, e);
+			});
+		},
+		_emitChange(e, t) {
+			this.$emit("change", e, t), this.$emit("update:modelValue", e);
+		}
+	},
+	render() {
+		let t = this.options.fullScreen;
+		return e("div", {
+			class: ["monaco_editor_container", this.fullscreen ? "fullscreen" : ""],
+			style: this.style
+		}, [t ? e("i", {
+			class: "el-icon-full-screen",
+			style: {
+				width: "1.2em",
+				height: "1.2em",
+				position: "absolute",
+				left: "0px",
+				top: "0px",
+				zIndex: "1",
+				cursor: "pointer"
+			},
+			on: { click: this._handleFullScreen }
+		}) : ""]);
+	}
+};
+//#endregion
+export { _ as t };

package/chunks/hczonP-N2.mjs

@@ -0,0 +1,206 @@
+import { n as e } from "./B2vpUK0j.mjs";
+import { a as t, n } from "./_NG8ze6x.mjs";
+import { r } from "./BtGJbKCB.mjs";
+import { D as i, l as a, s as o, t as s, u as c } from "./cvUTkWmm.mjs";
+import { n as l } from "./DUQs5bPg.mjs";
+import { _ as u, a as ee, c as d, i as te, n as f, o as p, r as ne, t as m, u as h, v as g } from "./D8iXlrtZ2.mjs";
+import { t as _ } from "./CI6Nw27a2.mjs";
+import { t as v } from "./CogUVyM32.mjs";
+import "./CNcSX5f1.mjs";
+import "./DHUKKHoT.mjs";
+import "./CShykH0i.mjs";
+import { computed as y, createCommentVNode as re, createElementBlock as ie, createElementVNode as b, createVNode as x, defineComponent as S, inject as ae, mergeProps as C, nextTick as oe, normalizeClass as w, openBlock as se, provide as T, ref as E, toDisplayString as D, unref as O } from "vue";
+import { union as k } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_8efe08c8f3fc18df5e2015e9e70f0912/node_modules/element-plus/es/components/time-picker/src/props/panel-time-range.mjs
+var A = a({
+	...h,
+	parsedValue: { type: c(Array) }
+}), j = /* @__PURE__ */ e(_(), 1), M = ["disabled"], N = /* @__PURE__ */ S({
+	__name: "panel-time-range",
+	props: A,
+	emits: [
+		"pick",
+		"select-range",
+		"set-picker-option"
+	],
+	setup(e, { emit: r }) {
+		let a = e, s = r, c = (e, t) => {
+			let n = [];
+			for (let r = e; r <= t; r++) n.push(r);
+			return n;
+		}, { t: d, lang: p } = l(), m = o("time"), h = o("picker"), g = ae(u), { arrowControl: _, disabledHours: v, disabledMinutes: S, disabledSeconds: C, defaultValue: T } = g.props, A = y(() => [
+			m.be("range-picker", "body"),
+			m.be("panel", "content"),
+			m.is("arrow", _),
+			R.value ? "has-seconds" : ""
+		]), N = y(() => [
+			m.be("range-picker", "body"),
+			m.be("panel", "content"),
+			m.is("arrow", _),
+			R.value ? "has-seconds" : ""
+		]), P = y(() => a.parsedValue[0]), F = y(() => a.parsedValue[1]), I = te(a, {
+			modelValue: y(() => g.props.modelValue),
+			valueOnClear: y(() => g != null && g.emptyValues ? g.emptyValues.valueOnClear.value : null)
+		}), L = () => {
+			let e = I.value;
+			s("pick", e, !1), oe(() => {
+				I.value = e;
+			});
+		}, R = y(() => a.format.includes("ss")), z = y(() => a.format.includes("A") ? "A" : a.format.includes("a") ? "a" : ""), B = (e = !1) => {
+			s("pick", [P.value, F.value], e);
+		}, ce = (e) => {
+			U(e.millisecond(0), F.value);
+		}, V = (e) => {
+			U(P.value, e.millisecond(0));
+		}, H = (e) => {
+			let t = e.map((e) => (0, j.default)(e).locale(p.value)), n = X(t);
+			return t[0].isSame(n[0]) && t[1].isSame(n[1]);
+		}, U = (e, t) => {
+			a.visible && s("pick", [e, t], !0);
+		}, W = y(() => P.value > F.value), G = E([0, 2]), le = (e, t) => {
+			s("select-range", e, t, "min"), G.value = [e, t];
+		}, K = y(() => R.value ? 11 : 8), ue = (e, t) => {
+			s("select-range", e, t, "max");
+			let n = O(K);
+			G.value = [e + n, t + n];
+		}, de = (e) => {
+			let t = R.value ? [
+				0,
+				3,
+				6,
+				11,
+				14,
+				17
+			] : [
+				0,
+				3,
+				8,
+				11
+			], n = ["hours", "minutes"].concat(R.value ? ["seconds"] : []), r = (t.indexOf(G.value[0]) + e + t.length) % t.length, i = t.length / 2;
+			r < i ? Z.start_emitSelectRange(n[r]) : Z.end_emitSelectRange(n[r - i]);
+		}, fe = (e) => {
+			let r = n(e), { left: i, right: a, up: o, down: s } = t;
+			if ([i, a].includes(r)) {
+				de(r === i ? -1 : 1), e.preventDefault();
+				return;
+			}
+			if ([o, s].includes(r)) {
+				let t = r === o ? -1 : 1;
+				Z[`${G.value[0] < K.value ? "start" : "end"}_scrollDown`](t), e.preventDefault();
+				return;
+			}
+		}, q = (e, t) => {
+			let n = v ? v(e) : [], r = e === "start", i = (t || (r ? F.value : P.value)).hour();
+			return k(n, r ? c(i + 1, 23) : c(0, i - 1));
+		}, J = (e, t, n) => {
+			let r = S ? S(e, t) : [], i = t === "start", a = n || (i ? F.value : P.value);
+			if (e !== a.hour()) return r;
+			let o = a.minute();
+			return k(r, i ? c(o + 1, 59) : c(0, o - 1));
+		}, Y = (e, t, n, r) => {
+			let i = C ? C(e, t, n) : [], a = n === "start", o = r || (a ? F.value : P.value), s = o.hour(), l = o.minute();
+			if (e !== s || t !== l) return i;
+			let u = o.second();
+			return k(i, a ? c(u + 1, 59) : c(0, u - 1));
+		}, X = ([e, t]) => [Q(e, "start", !0, t), Q(t, "end", !1, e)], { getAvailableHours: pe, getAvailableMinutes: me, getAvailableSeconds: he } = ne(q, J, Y), { timePickerOptions: Z, getAvailableTime: Q, onSetOption: $ } = ee({
+			getAvailableHours: pe,
+			getAvailableMinutes: me,
+			getAvailableSeconds: he
+		});
+		return s("set-picker-option", ["parseUserInput", (e) => e ? i(e) ? e.map((e) => (0, j.default)(e, a.format).locale(p.value)) : (0, j.default)(e, a.format).locale(p.value) : null]), s("set-picker-option", ["isValidValue", H]), s("set-picker-option", ["handleKeydownInput", fe]), s("set-picker-option", ["getDefaultValue", () => {
+			if (i(T)) return T.map((e) => (0, j.default)(e).locale(p.value));
+			let e = (0, j.default)(T).locale(p.value);
+			return [e, e.add(60, "m")];
+		}]), s("set-picker-option", ["getRangeAvailableTime", X]), s("set-picker-option", ["handleCancel", L]), (e, t) => e.actualVisible ? (se(), ie("div", {
+			key: 0,
+			class: w([O(m).b("range-picker"), O(h).b("panel")])
+		}, [b("div", { class: w(O(m).be("range-picker", "content")) }, [b("div", { class: w(O(m).be("range-picker", "cell")) }, [b("div", { class: w(O(m).be("range-picker", "header")) }, D(O(d)("el.datepicker.startTime")), 3), b("div", { class: w(A.value) }, [x(f, {
+			ref: "minSpinner",
+			role: "start",
+			"show-seconds": R.value,
+			"am-pm-mode": z.value,
+			"arrow-control": O(_),
+			"spinner-date": P.value,
+			"disabled-hours": q,
+			"disabled-minutes": J,
+			"disabled-seconds": Y,
+			onChange: ce,
+			onSetOption: O($),
+			onSelectRange: le
+		}, null, 8, [
+			"show-seconds",
+			"am-pm-mode",
+			"arrow-control",
+			"spinner-date",
+			"onSetOption"
+		])], 2)], 2), b("div", { class: w(O(m).be("range-picker", "cell")) }, [b("div", { class: w(O(m).be("range-picker", "header")) }, D(O(d)("el.datepicker.endTime")), 3), b("div", { class: w(N.value) }, [x(f, {
+			ref: "maxSpinner",
+			role: "end",
+			"show-seconds": R.value,
+			"am-pm-mode": z.value,
+			"arrow-control": O(_),
+			"spinner-date": F.value,
+			"disabled-hours": q,
+			"disabled-minutes": J,
+			"disabled-seconds": Y,
+			onChange: V,
+			onSetOption: O($),
+			onSelectRange: ue
+		}, null, 8, [
+			"show-seconds",
+			"am-pm-mode",
+			"arrow-control",
+			"spinner-date",
+			"onSetOption"
+		])], 2)], 2)], 2), b("div", { class: w(O(m).be("panel", "footer")) }, [b("button", {
+			type: "button",
+			class: w([O(m).be("panel", "btn"), "cancel"]),
+			onClick: t[0] || (t[0] = (e) => L())
+		}, D(O(d)("el.datepicker.cancel")), 3), b("button", {
+			type: "button",
+			class: w([O(m).be("panel", "btn"), "confirm"]),
+			disabled: W.value,
+			onClick: t[1] || (t[1] = (e) => B())
+		}, D(O(d)("el.datepicker.confirm")), 11, M)], 2)], 2)) : re("v-if", !0);
+	}
+}), P = /* @__PURE__ */ e(v(), 1);
+j.default.extend(P.default);
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_8efe08c8f3fc18df5e2015e9e70f0912/node_modules/element-plus/es/components/time-picker/index.mjs
+var F = s(/* @__PURE__ */ S({
+	name: "ElTimePicker",
+	install: null,
+	props: {
+		...d,
+		isRange: Boolean
+	},
+	emits: [r],
+	setup(e, t) {
+		let n = E(), [i, a] = e.isRange ? ["timerange", N] : ["time", m], o = (e) => t.emit(r, e);
+		return T(g, e.popperOptions), t.expose({
+			focus: () => {
+				var e;
+				(e = n.value) == null || e.focus();
+			},
+			blur: () => {
+				var e;
+				(e = n.value) == null || e.blur();
+			},
+			handleOpen: () => {
+				var e;
+				(e = n.value) == null || e.handleOpen();
+			},
+			handleClose: () => {
+				var e;
+				(e = n.value) == null || e.handleClose();
+			}
+		}), () => x(p, C(e, {
+			ref: n,
+			type: i,
+			format: e.format ?? "HH:mm:ss",
+			"onUpdate:modelValue": o
+		}), { default: (e) => x(a, e, null) });
+	}
+}));
+//#endregion
+export { F as t };

package/chunks/jkTWyLZa.mjs

@@ -0,0 +1,17 @@
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_8efe08c8f3fc18df5e2015e9e70f0912/node_modules/element-plus/es/constants/date.mjs
+var e = [
+	"year",
+	"years",
+	"month",
+	"months",
+	"date",
+	"dates",
+	"week",
+	"datetime",
+	"datetimerange",
+	"daterange",
+	"monthrange",
+	"yearrange"
+];
+//#endregion
+export { e as t };