epic-designer-cjh
Version:
基于vue3的设计器,可视化开发页面表单
1,298 lines (1,297 loc) • 132 kB
JavaScript
import { computed as b, getCurrentInstance as $t, watch as K, onMounted as rt, unref as s, shallowRef as wt, ref as $, onBeforeUnmount as Ct, onBeforeMount as jo, provide as vt, defineComponent as G, useAttrs as qo, useSlots as Uo, nextTick as ne, toRef as ft, withDirectives as nt, openBlock as I, createElementBlock as j, mergeProps as kt, createCommentVNode as V, Fragment as et, normalizeClass as L, renderSlot as oe, createElementVNode as _, createBlock as W, withCtx as N, resolveDynamicComponent as yt, withModifiers as ze, createVNode as ie, toDisplayString as Ee, normalizeStyle as ge, vShow as Bt, inject as Pe, Transition as Kt, reactive as Ut, onUpdated as Qo, cloneVNode as Go, Text as Xo, Comment as Yo, Teleport as Zo, readonly as Jo, onDeactivated as _o, toRaw as en, toRefs as Sn, triggerRef as Ft, resolveComponent as ct, resolveDirective as el, renderList as vn, withKeys as $e, vModelText as tl, createSlots as nl } from "vue";
import { av as Ue, be as ol, bf as io, aa as ot, bP as bn, bQ as so, a6 as J, ai as Fe, aw as uo, bR as ll, bm as rl, bj as al, a5 as ye, aK as tt, aP as tn, a8 as il, bs as sl, at as He, aB as Vt, ad as Cn, aD as ul, a9 as se, bS as cl, bT as dl, az as an, af as pt, as as nn, a7 as co, ag as ue, bw as It, aF as zt, aO as pl, aA as Vn, bU as po, bA as Wt, b1 as Nn, ah as on, a4 as fl, ae as vl, bi as ml, aE as xn, Z as De, bV as gl, aQ as hl, bW as mn, au as fo, al as bl, bX as yl, bC as vo } from "./index-97ce4605.js";
import { i as ln, V as wl, c as Sl, u as On } from "./index-da336cb2.js";
import { u as mo, a as Cl } from "./use-form-item-5dfea179.js";
import { i as En } from "./isNil-8ef0e4b6.js";
import { E as Ol, s as El } from "./focus-trap-06d2e133.js";
import { i as Kn } from "./isEqual-eac09a18.js";
import { d as Wn } from "./debounce-30ba20d9.js";
const _e = (e, t, { checkForDefaultPrevented: n = !0 } = {}) => (l) => {
const r = e == null ? void 0 : e(l);
if (n === !1 || !r)
return t == null ? void 0 : t(l);
}, Tl = () => Ue && /firefox/i.test(window.navigator.userAgent);
function kl(e) {
return e === void 0;
}
const Il = (e) => ol[e || "default"], Pl = (e) => ["", ...io].includes(e), go = (e) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(e), Al = ["class", "style"], Rl = /^on[A-Z]/, Ml = (e = {}) => {
const { excludeListeners: t = !1, excludeKeys: n } = e, o = b(() => ((n == null ? void 0 : n.value) || []).concat(Al)), l = $t();
return l ? b(() => {
var r;
return bn(Object.entries((r = l.proxy) == null ? void 0 : r.$attrs).filter(([a]) => !o.value.includes(a) && !(t && Rl.test(a))));
}) : (ot("use-attrs", "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function"), b(() => ({})));
}, Ll = (e) => ({
focus: () => {
var t, n;
(n = (t = e.value) == null ? void 0 : t.focus) == null || n.call(t);
}
}), $l = so({
type: J(Boolean),
default: null
}), Bl = so({
type: J(Function)
}), ho = (e) => {
const t = `update:${e}`, n = `onUpdate:${e}`, o = [t], l = {
[e]: $l,
[n]: Bl
};
return {
useModelToggle: ({
indicator: a,
toggleReason: c,
shouldHideWhenRouteChanges: i,
shouldProceed: d,
onShow: v,
onHide: p
}) => {
const C = $t(), { emit: S } = C, w = C.props, u = b(() => Fe(w[n])), O = b(() => w[e] === null), m = (h) => {
a.value !== !0 && (a.value = !0, c && (c.value = h), Fe(v) && v(h));
}, E = (h) => {
a.value !== !1 && (a.value = !1, c && (c.value = h), Fe(p) && p(h));
}, B = (h) => {
if (w.disabled === !0 || Fe(d) && !d())
return;
const A = u.value && Ue;
A && S(t, !0), (O.value || !A) && m(h);
}, T = (h) => {
if (w.disabled === !0 || !Ue)
return;
const A = u.value && Ue;
A && S(t, !1), (O.value || !A) && E(h);
}, M = (h) => {
uo(h) && (w.disabled && h ? u.value && S(t, !1) : a.value !== h && (h ? m() : E()));
}, P = () => {
a.value ? T() : B();
};
return K(() => w[e], M), i && C.appContext.config.globalProperties.$route !== void 0 && K(() => ({
...C.proxy.$route
}), () => {
i.value && a.value && T();
}), rt(() => {
M(w[e]);
}), {
hide: T,
show: B,
toggle: P,
hasUpdateHandler: u
};
},
useModelToggleProps: l,
useModelToggleEmits: o
};
};
ho("modelValue");
var he = "top", Ae = "bottom", Re = "right", be = "left", Tn = "auto", Qt = [he, Ae, Re, be], Pt = "start", jt = "end", zl = "clippingParents", bo = "viewport", Ht = "popper", Dl = "reference", jn = Qt.reduce(function(e, t) {
return e.concat([t + "-" + Pt, t + "-" + jt]);
}, []), sn = [].concat(Qt, [Tn]).reduce(function(e, t) {
return e.concat([t, t + "-" + Pt, t + "-" + jt]);
}, []), Fl = "beforeRead", Hl = "read", Vl = "afterRead", Nl = "beforeMain", xl = "main", Kl = "afterMain", Wl = "beforeWrite", jl = "write", ql = "afterWrite", Ul = [Fl, Hl, Vl, Nl, xl, Kl, Wl, jl, ql];
function Ge(e) {
return e ? (e.nodeName || "").toLowerCase() : null;
}
function Ve(e) {
if (e == null)
return window;
if (e.toString() !== "[object Window]") {
var t = e.ownerDocument;
return t && t.defaultView || window;
}
return e;
}
function At(e) {
var t = Ve(e).Element;
return e instanceof t || e instanceof Element;
}
function Ie(e) {
var t = Ve(e).HTMLElement;
return e instanceof t || e instanceof HTMLElement;
}
function kn(e) {
if (typeof ShadowRoot > "u")
return !1;
var t = Ve(e).ShadowRoot;
return e instanceof t || e instanceof ShadowRoot;
}
function Ql(e) {
var t = e.state;
Object.keys(t.elements).forEach(function(n) {
var o = t.styles[n] || {}, l = t.attributes[n] || {}, r = t.elements[n];
!Ie(r) || !Ge(r) || (Object.assign(r.style, o), Object.keys(l).forEach(function(a) {
var c = l[a];
c === !1 ? r.removeAttribute(a) : r.setAttribute(a, c === !0 ? "" : c);
}));
});
}
function Gl(e) {
var t = e.state, n = { popper: { position: t.options.strategy, left: "0", top: "0", margin: "0" }, arrow: { position: "absolute" }, reference: {} };
return Object.assign(t.elements.popper.style, n.popper), t.styles = n, t.elements.arrow && Object.assign(t.elements.arrow.style, n.arrow), function() {
Object.keys(t.elements).forEach(function(o) {
var l = t.elements[o], r = t.attributes[o] || {}, a = Object.keys(t.styles.hasOwnProperty(o) ? t.styles[o] : n[o]), c = a.reduce(function(i, d) {
return i[d] = "", i;
}, {});
!Ie(l) || !Ge(l) || (Object.assign(l.style, c), Object.keys(r).forEach(function(i) {
l.removeAttribute(i);
}));
});
};
}
var yo = { name: "applyStyles", enabled: !0, phase: "write", fn: Ql, effect: Gl, requires: ["computeStyles"] };
function Qe(e) {
return e.split("-")[0];
}
var St = Math.max, rn = Math.min, Rt = Math.round;
function Mt(e, t) {
t === void 0 && (t = !1);
var n = e.getBoundingClientRect(), o = 1, l = 1;
if (Ie(e) && t) {
var r = e.offsetHeight, a = e.offsetWidth;
a > 0 && (o = Rt(n.width) / a || 1), r > 0 && (l = Rt(n.height) / r || 1);
}
return { width: n.width / o, height: n.height / l, top: n.top / l, right: n.right / o, bottom: n.bottom / l, left: n.left / o, x: n.left / o, y: n.top / l };
}
function In(e) {
var t = Mt(e), n = e.offsetWidth, o = e.offsetHeight;
return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - o) <= 1 && (o = t.height), { x: e.offsetLeft, y: e.offsetTop, width: n, height: o };
}
function wo(e, t) {
var n = t.getRootNode && t.getRootNode();
if (e.contains(t))
return !0;
if (n && kn(n)) {
var o = t;
do {
if (o && e.isSameNode(o))
return !0;
o = o.parentNode || o.host;
} while (o);
}
return !1;
}
function lt(e) {
return Ve(e).getComputedStyle(e);
}
function Xl(e) {
return ["table", "td", "th"].indexOf(Ge(e)) >= 0;
}
function mt(e) {
return ((At(e) ? e.ownerDocument : e.document) || window.document).documentElement;
}
function un(e) {
return Ge(e) === "html" ? e : e.assignedSlot || e.parentNode || (kn(e) ? e.host : null) || mt(e);
}
function qn(e) {
return !Ie(e) || lt(e).position === "fixed" ? null : e.offsetParent;
}
function Yl(e) {
var t = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1, n = navigator.userAgent.indexOf("Trident") !== -1;
if (n && Ie(e)) {
var o = lt(e);
if (o.position === "fixed")
return null;
}
var l = un(e);
for (kn(l) && (l = l.host); Ie(l) && ["html", "body"].indexOf(Ge(l)) < 0; ) {
var r = lt(l);
if (r.transform !== "none" || r.perspective !== "none" || r.contain === "paint" || ["transform", "perspective"].indexOf(r.willChange) !== -1 || t && r.willChange === "filter" || t && r.filter && r.filter !== "none")
return l;
l = l.parentNode;
}
return null;
}
function Gt(e) {
for (var t = Ve(e), n = qn(e); n && Xl(n) && lt(n).position === "static"; )
n = qn(n);
return n && (Ge(n) === "html" || Ge(n) === "body" && lt(n).position === "static") ? t : n || Yl(e) || t;
}
function Pn(e) {
return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
}
function Nt(e, t, n) {
return St(e, rn(t, n));
}
function Zl(e, t, n) {
var o = Nt(e, t, n);
return o > n ? n : o;
}
function So() {
return { top: 0, right: 0, bottom: 0, left: 0 };
}
function Co(e) {
return Object.assign({}, So(), e);
}
function Oo(e, t) {
return t.reduce(function(n, o) {
return n[o] = e, n;
}, {});
}
var Jl = function(e, t) {
return e = typeof e == "function" ? e(Object.assign({}, t.rects, { placement: t.placement })) : e, Co(typeof e != "number" ? e : Oo(e, Qt));
};
function _l(e) {
var t, n = e.state, o = e.name, l = e.options, r = n.elements.arrow, a = n.modifiersData.popperOffsets, c = Qe(n.placement), i = Pn(c), d = [be, Re].indexOf(c) >= 0, v = d ? "height" : "width";
if (!(!r || !a)) {
var p = Jl(l.padding, n), C = In(r), S = i === "y" ? he : be, w = i === "y" ? Ae : Re, u = n.rects.reference[v] + n.rects.reference[i] - a[i] - n.rects.popper[v], O = a[i] - n.rects.reference[i], m = Gt(r), E = m ? i === "y" ? m.clientHeight || 0 : m.clientWidth || 0 : 0, B = u / 2 - O / 2, T = p[S], M = E - C[v] - p[w], P = E / 2 - C[v] / 2 + B, h = Nt(T, P, M), A = i;
n.modifiersData[o] = (t = {}, t[A] = h, t.centerOffset = h - P, t);
}
}
function er(e) {
var t = e.state, n = e.options, o = n.element, l = o === void 0 ? "[data-popper-arrow]" : o;
l != null && (typeof l == "string" && (l = t.elements.popper.querySelector(l), !l) || !wo(t.elements.popper, l) || (t.elements.arrow = l));
}
var tr = { name: "arrow", enabled: !0, phase: "main", fn: _l, effect: er, requires: ["popperOffsets"], requiresIfExists: ["preventOverflow"] };
function Lt(e) {
return e.split("-")[1];
}
var nr = { top: "auto", right: "auto", bottom: "auto", left: "auto" };
function or(e) {
var t = e.x, n = e.y, o = window, l = o.devicePixelRatio || 1;
return { x: Rt(t * l) / l || 0, y: Rt(n * l) / l || 0 };
}
function Un(e) {
var t, n = e.popper, o = e.popperRect, l = e.placement, r = e.variation, a = e.offsets, c = e.position, i = e.gpuAcceleration, d = e.adaptive, v = e.roundOffsets, p = e.isFixed, C = a.x, S = C === void 0 ? 0 : C, w = a.y, u = w === void 0 ? 0 : w, O = typeof v == "function" ? v({ x: S, y: u }) : { x: S, y: u };
S = O.x, u = O.y;
var m = a.hasOwnProperty("x"), E = a.hasOwnProperty("y"), B = be, T = he, M = window;
if (d) {
var P = Gt(n), h = "clientHeight", A = "clientWidth";
if (P === Ve(n) && (P = mt(n), lt(P).position !== "static" && c === "absolute" && (h = "scrollHeight", A = "scrollWidth")), P = P, l === he || (l === be || l === Re) && r === jt) {
T = Ae;
var x = p && P === M && M.visualViewport ? M.visualViewport.height : P[h];
u -= x - o.height, u *= i ? 1 : -1;
}
if (l === be || (l === he || l === Ae) && r === jt) {
B = Re;
var F = p && P === M && M.visualViewport ? M.visualViewport.width : P[A];
S -= F - o.width, S *= i ? 1 : -1;
}
}
var z = Object.assign({ position: c }, d && nr), U = v === !0 ? or({ x: S, y: u }) : { x: S, y: u };
if (S = U.x, u = U.y, i) {
var q;
return Object.assign({}, z, (q = {}, q[T] = E ? "0" : "", q[B] = m ? "0" : "", q.transform = (M.devicePixelRatio || 1) <= 1 ? "translate(" + S + "px, " + u + "px)" : "translate3d(" + S + "px, " + u + "px, 0)", q));
}
return Object.assign({}, z, (t = {}, t[T] = E ? u + "px" : "", t[B] = m ? S + "px" : "", t.transform = "", t));
}
function lr(e) {
var t = e.state, n = e.options, o = n.gpuAcceleration, l = o === void 0 ? !0 : o, r = n.adaptive, a = r === void 0 ? !0 : r, c = n.roundOffsets, i = c === void 0 ? !0 : c, d = { placement: Qe(t.placement), variation: Lt(t.placement), popper: t.elements.popper, popperRect: t.rects.popper, gpuAcceleration: l, isFixed: t.options.strategy === "fixed" };
t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Un(Object.assign({}, d, { offsets: t.modifiersData.popperOffsets, position: t.options.strategy, adaptive: a, roundOffsets: i })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Un(Object.assign({}, d, { offsets: t.modifiersData.arrow, position: "absolute", adaptive: !1, roundOffsets: i })))), t.attributes.popper = Object.assign({}, t.attributes.popper, { "data-popper-placement": t.placement });
}
var Eo = { name: "computeStyles", enabled: !0, phase: "beforeWrite", fn: lr, data: {} }, Jt = { passive: !0 };
function rr(e) {
var t = e.state, n = e.instance, o = e.options, l = o.scroll, r = l === void 0 ? !0 : l, a = o.resize, c = a === void 0 ? !0 : a, i = Ve(t.elements.popper), d = [].concat(t.scrollParents.reference, t.scrollParents.popper);
return r && d.forEach(function(v) {
v.addEventListener("scroll", n.update, Jt);
}), c && i.addEventListener("resize", n.update, Jt), function() {
r && d.forEach(function(v) {
v.removeEventListener("scroll", n.update, Jt);
}), c && i.removeEventListener("resize", n.update, Jt);
};
}
var To = { name: "eventListeners", enabled: !0, phase: "write", fn: function() {
}, effect: rr, data: {} }, ar = { left: "right", right: "left", bottom: "top", top: "bottom" };
function _t(e) {
return e.replace(/left|right|bottom|top/g, function(t) {
return ar[t];
});
}
var ir = { start: "end", end: "start" };
function Qn(e) {
return e.replace(/start|end/g, function(t) {
return ir[t];
});
}
function An(e) {
var t = Ve(e), n = t.pageXOffset, o = t.pageYOffset;
return { scrollLeft: n, scrollTop: o };
}
function Rn(e) {
return Mt(mt(e)).left + An(e).scrollLeft;
}
function sr(e) {
var t = Ve(e), n = mt(e), o = t.visualViewport, l = n.clientWidth, r = n.clientHeight, a = 0, c = 0;
return o && (l = o.width, r = o.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (a = o.offsetLeft, c = o.offsetTop)), { width: l, height: r, x: a + Rn(e), y: c };
}
function ur(e) {
var t, n = mt(e), o = An(e), l = (t = e.ownerDocument) == null ? void 0 : t.body, r = St(n.scrollWidth, n.clientWidth, l ? l.scrollWidth : 0, l ? l.clientWidth : 0), a = St(n.scrollHeight, n.clientHeight, l ? l.scrollHeight : 0, l ? l.clientHeight : 0), c = -o.scrollLeft + Rn(e), i = -o.scrollTop;
return lt(l || n).direction === "rtl" && (c += St(n.clientWidth, l ? l.clientWidth : 0) - r), { width: r, height: a, x: c, y: i };
}
function Mn(e) {
var t = lt(e), n = t.overflow, o = t.overflowX, l = t.overflowY;
return /auto|scroll|overlay|hidden/.test(n + l + o);
}
function ko(e) {
return ["html", "body", "#document"].indexOf(Ge(e)) >= 0 ? e.ownerDocument.body : Ie(e) && Mn(e) ? e : ko(un(e));
}
function xt(e, t) {
var n;
t === void 0 && (t = []);
var o = ko(e), l = o === ((n = e.ownerDocument) == null ? void 0 : n.body), r = Ve(o), a = l ? [r].concat(r.visualViewport || [], Mn(o) ? o : []) : o, c = t.concat(a);
return l ? c : c.concat(xt(un(a)));
}
function yn(e) {
return Object.assign({}, e, { left: e.x, top: e.y, right: e.x + e.width, bottom: e.y + e.height });
}
function cr(e) {
var t = Mt(e);
return t.top = t.top + e.clientTop, t.left = t.left + e.clientLeft, t.bottom = t.top + e.clientHeight, t.right = t.left + e.clientWidth, t.width = e.clientWidth, t.height = e.clientHeight, t.x = t.left, t.y = t.top, t;
}
function Gn(e, t) {
return t === bo ? yn(sr(e)) : At(t) ? cr(t) : yn(ur(mt(e)));
}
function dr(e) {
var t = xt(un(e)), n = ["absolute", "fixed"].indexOf(lt(e).position) >= 0, o = n && Ie(e) ? Gt(e) : e;
return At(o) ? t.filter(function(l) {
return At(l) && wo(l, o) && Ge(l) !== "body";
}) : [];
}
function pr(e, t, n) {
var o = t === "clippingParents" ? dr(e) : [].concat(t), l = [].concat(o, [n]), r = l[0], a = l.reduce(function(c, i) {
var d = Gn(e, i);
return c.top = St(d.top, c.top), c.right = rn(d.right, c.right), c.bottom = rn(d.bottom, c.bottom), c.left = St(d.left, c.left), c;
}, Gn(e, r));
return a.width = a.right - a.left, a.height = a.bottom - a.top, a.x = a.left, a.y = a.top, a;
}
function Io(e) {
var t = e.reference, n = e.element, o = e.placement, l = o ? Qe(o) : null, r = o ? Lt(o) : null, a = t.x + t.width / 2 - n.width / 2, c = t.y + t.height / 2 - n.height / 2, i;
switch (l) {
case he:
i = { x: a, y: t.y - n.height };
break;
case Ae:
i = { x: a, y: t.y + t.height };
break;
case Re:
i = { x: t.x + t.width, y: c };
break;
case be:
i = { x: t.x - n.width, y: c };
break;
default:
i = { x: t.x, y: t.y };
}
var d = l ? Pn(l) : null;
if (d != null) {
var v = d === "y" ? "height" : "width";
switch (r) {
case Pt:
i[d] = i[d] - (t[v] / 2 - n[v] / 2);
break;
case jt:
i[d] = i[d] + (t[v] / 2 - n[v] / 2);
break;
}
}
return i;
}
function qt(e, t) {
t === void 0 && (t = {});
var n = t, o = n.placement, l = o === void 0 ? e.placement : o, r = n.boundary, a = r === void 0 ? zl : r, c = n.rootBoundary, i = c === void 0 ? bo : c, d = n.elementContext, v = d === void 0 ? Ht : d, p = n.altBoundary, C = p === void 0 ? !1 : p, S = n.padding, w = S === void 0 ? 0 : S, u = Co(typeof w != "number" ? w : Oo(w, Qt)), O = v === Ht ? Dl : Ht, m = e.rects.popper, E = e.elements[C ? O : v], B = pr(At(E) ? E : E.contextElement || mt(e.elements.popper), a, i), T = Mt(e.elements.reference), M = Io({ reference: T, element: m, strategy: "absolute", placement: l }), P = yn(Object.assign({}, m, M)), h = v === Ht ? P : T, A = { top: B.top - h.top + u.top, bottom: h.bottom - B.bottom + u.bottom, left: B.left - h.left + u.left, right: h.right - B.right + u.right }, x = e.modifiersData.offset;
if (v === Ht && x) {
var F = x[l];
Object.keys(A).forEach(function(z) {
var U = [Re, Ae].indexOf(z) >= 0 ? 1 : -1, q = [he, Ae].indexOf(z) >= 0 ? "y" : "x";
A[z] += F[q] * U;
});
}
return A;
}
function fr(e, t) {
t === void 0 && (t = {});
var n = t, o = n.placement, l = n.boundary, r = n.rootBoundary, a = n.padding, c = n.flipVariations, i = n.allowedAutoPlacements, d = i === void 0 ? sn : i, v = Lt(o), p = v ? c ? jn : jn.filter(function(w) {
return Lt(w) === v;
}) : Qt, C = p.filter(function(w) {
return d.indexOf(w) >= 0;
});
C.length === 0 && (C = p);
var S = C.reduce(function(w, u) {
return w[u] = qt(e, { placement: u, boundary: l, rootBoundary: r, padding: a })[Qe(u)], w;
}, {});
return Object.keys(S).sort(function(w, u) {
return S[w] - S[u];
});
}
function vr(e) {
if (Qe(e) === Tn)
return [];
var t = _t(e);
return [Qn(e), t, Qn(t)];
}
function mr(e) {
var t = e.state, n = e.options, o = e.name;
if (!t.modifiersData[o]._skip) {
for (var l = n.mainAxis, r = l === void 0 ? !0 : l, a = n.altAxis, c = a === void 0 ? !0 : a, i = n.fallbackPlacements, d = n.padding, v = n.boundary, p = n.rootBoundary, C = n.altBoundary, S = n.flipVariations, w = S === void 0 ? !0 : S, u = n.allowedAutoPlacements, O = t.options.placement, m = Qe(O), E = m === O, B = i || (E || !w ? [_t(O)] : vr(O)), T = [O].concat(B).reduce(function(Se, ce) {
return Se.concat(Qe(ce) === Tn ? fr(t, { placement: ce, boundary: v, rootBoundary: p, padding: d, flipVariations: w, allowedAutoPlacements: u }) : ce);
}, []), M = t.rects.reference, P = t.rects.popper, h = /* @__PURE__ */ new Map(), A = !0, x = T[0], F = 0; F < T.length; F++) {
var z = T[F], U = Qe(z), q = Lt(z) === Pt, Q = [he, Ae].indexOf(U) >= 0, te = Q ? "width" : "height", X = qt(t, { placement: z, boundary: v, rootBoundary: p, altBoundary: C, padding: d }), k = Q ? q ? Re : be : q ? Ae : he;
M[te] > P[te] && (k = _t(k));
var Y = _t(k), ee = [];
if (r && ee.push(X[U] <= 0), c && ee.push(X[k] <= 0, X[Y] <= 0), ee.every(function(Se) {
return Se;
})) {
x = z, A = !1;
break;
}
h.set(z, ee);
}
if (A)
for (var fe = w ? 3 : 1, we = function(Se) {
var ce = T.find(function(Ne) {
var Me = h.get(Ne);
if (Me)
return Me.slice(0, Se).every(function(re) {
return re;
});
});
if (ce)
return x = ce, "break";
}, le = fe; le > 0; le--) {
var Te = we(le);
if (Te === "break")
break;
}
t.placement !== x && (t.modifiersData[o]._skip = !0, t.placement = x, t.reset = !0);
}
}
var gr = { name: "flip", enabled: !0, phase: "main", fn: mr, requiresIfExists: ["offset"], data: { _skip: !1 } };
function Xn(e, t, n) {
return n === void 0 && (n = { x: 0, y: 0 }), { top: e.top - t.height - n.y, right: e.right - t.width + n.x, bottom: e.bottom - t.height + n.y, left: e.left - t.width - n.x };
}
function Yn(e) {
return [he, Re, Ae, be].some(function(t) {
return e[t] >= 0;
});
}
function hr(e) {
var t = e.state, n = e.name, o = t.rects.reference, l = t.rects.popper, r = t.modifiersData.preventOverflow, a = qt(t, { elementContext: "reference" }), c = qt(t, { altBoundary: !0 }), i = Xn(a, o), d = Xn(c, l, r), v = Yn(i), p = Yn(d);
t.modifiersData[n] = { referenceClippingOffsets: i, popperEscapeOffsets: d, isReferenceHidden: v, hasPopperEscaped: p }, t.attributes.popper = Object.assign({}, t.attributes.popper, { "data-popper-reference-hidden": v, "data-popper-escaped": p });
}
var br = { name: "hide", enabled: !0, phase: "main", requiresIfExists: ["preventOverflow"], fn: hr };
function yr(e, t, n) {
var o = Qe(e), l = [be, he].indexOf(o) >= 0 ? -1 : 1, r = typeof n == "function" ? n(Object.assign({}, t, { placement: e })) : n, a = r[0], c = r[1];
return a = a || 0, c = (c || 0) * l, [be, Re].indexOf(o) >= 0 ? { x: c, y: a } : { x: a, y: c };
}
function wr(e) {
var t = e.state, n = e.options, o = e.name, l = n.offset, r = l === void 0 ? [0, 0] : l, a = sn.reduce(function(v, p) {
return v[p] = yr(p, t.rects, r), v;
}, {}), c = a[t.placement], i = c.x, d = c.y;
t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += i, t.modifiersData.popperOffsets.y += d), t.modifiersData[o] = a;
}
var Sr = { name: "offset", enabled: !0, phase: "main", requires: ["popperOffsets"], fn: wr };
function Cr(e) {
var t = e.state, n = e.name;
t.modifiersData[n] = Io({ reference: t.rects.reference, element: t.rects.popper, strategy: "absolute", placement: t.placement });
}
var Po = { name: "popperOffsets", enabled: !0, phase: "read", fn: Cr, data: {} };
function Or(e) {
return e === "x" ? "y" : "x";
}
function Er(e) {
var t = e.state, n = e.options, o = e.name, l = n.mainAxis, r = l === void 0 ? !0 : l, a = n.altAxis, c = a === void 0 ? !1 : a, i = n.boundary, d = n.rootBoundary, v = n.altBoundary, p = n.padding, C = n.tether, S = C === void 0 ? !0 : C, w = n.tetherOffset, u = w === void 0 ? 0 : w, O = qt(t, { boundary: i, rootBoundary: d, padding: p, altBoundary: v }), m = Qe(t.placement), E = Lt(t.placement), B = !E, T = Pn(m), M = Or(T), P = t.modifiersData.popperOffsets, h = t.rects.reference, A = t.rects.popper, x = typeof u == "function" ? u(Object.assign({}, t.rects, { placement: t.placement })) : u, F = typeof x == "number" ? { mainAxis: x, altAxis: x } : Object.assign({ mainAxis: 0, altAxis: 0 }, x), z = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, U = { x: 0, y: 0 };
if (P) {
if (r) {
var q, Q = T === "y" ? he : be, te = T === "y" ? Ae : Re, X = T === "y" ? "height" : "width", k = P[T], Y = k + O[Q], ee = k - O[te], fe = S ? -A[X] / 2 : 0, we = E === Pt ? h[X] : A[X], le = E === Pt ? -A[X] : -h[X], Te = t.elements.arrow, Se = S && Te ? In(Te) : { width: 0, height: 0 }, ce = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : So(), Ne = ce[Q], Me = ce[te], re = Nt(0, h[X], Se[X]), xe = B ? h[X] / 2 - fe - re - Ne - F.mainAxis : we - re - Ne - F.mainAxis, Ke = B ? -h[X] / 2 + fe + re + Me + F.mainAxis : le + re + Me + F.mainAxis, ve = t.elements.arrow && Gt(t.elements.arrow), We = ve ? T === "y" ? ve.clientTop || 0 : ve.clientLeft || 0 : 0, Le = (q = z == null ? void 0 : z[T]) != null ? q : 0, Xe = k + xe - Le - We, at = k + Ke - Le, me = Nt(S ? rn(Y, Xe) : Y, k, S ? St(ee, at) : ee);
P[T] = me, U[T] = me - k;
}
if (c) {
var it, st = T === "x" ? he : be, gt = T === "x" ? Ae : Re, de = P[M], je = M === "y" ? "height" : "width", Ye = de + O[st], ut = de - O[gt], qe = [he, be].indexOf(m) !== -1, y = (it = z == null ? void 0 : z[M]) != null ? it : 0, D = qe ? Ye : de - h[je] - A[je] - y + F.altAxis, Z = qe ? de + h[je] + A[je] - y - F.altAxis : ut, Ce = S && qe ? Zl(D, de, Z) : Nt(S ? D : Ye, de, S ? Z : ut);
P[M] = Ce, U[M] = Ce - de;
}
t.modifiersData[o] = U;
}
}
var Tr = { name: "preventOverflow", enabled: !0, phase: "main", fn: Er, requiresIfExists: ["offset"] };
function kr(e) {
return { scrollLeft: e.scrollLeft, scrollTop: e.scrollTop };
}
function Ir(e) {
return e === Ve(e) || !Ie(e) ? An(e) : kr(e);
}
function Pr(e) {
var t = e.getBoundingClientRect(), n = Rt(t.width) / e.offsetWidth || 1, o = Rt(t.height) / e.offsetHeight || 1;
return n !== 1 || o !== 1;
}
function Ar(e, t, n) {
n === void 0 && (n = !1);
var o = Ie(t), l = Ie(t) && Pr(t), r = mt(t), a = Mt(e, l), c = { scrollLeft: 0, scrollTop: 0 }, i = { x: 0, y: 0 };
return (o || !o && !n) && ((Ge(t) !== "body" || Mn(r)) && (c = Ir(t)), Ie(t) ? (i = Mt(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : r && (i.x = Rn(r))), { x: a.left + c.scrollLeft - i.x, y: a.top + c.scrollTop - i.y, width: a.width, height: a.height };
}
function Rr(e) {
var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), o = [];
e.forEach(function(r) {
t.set(r.name, r);
});
function l(r) {
n.add(r.name);
var a = [].concat(r.requires || [], r.requiresIfExists || []);
a.forEach(function(c) {
if (!n.has(c)) {
var i = t.get(c);
i && l(i);
}
}), o.push(r);
}
return e.forEach(function(r) {
n.has(r.name) || l(r);
}), o;
}
function Mr(e) {
var t = Rr(e);
return Ul.reduce(function(n, o) {
return n.concat(t.filter(function(l) {
return l.phase === o;
}));
}, []);
}
function Lr(e) {
var t;
return function() {
return t || (t = new Promise(function(n) {
Promise.resolve().then(function() {
t = void 0, n(e());
});
})), t;
};
}
function $r(e) {
var t = e.reduce(function(n, o) {
var l = n[o.name];
return n[o.name] = l ? Object.assign({}, l, o, { options: Object.assign({}, l.options, o.options), data: Object.assign({}, l.data, o.data) }) : o, n;
}, {});
return Object.keys(t).map(function(n) {
return t[n];
});
}
var Zn = { placement: "bottom", modifiers: [], strategy: "absolute" };
function Jn() {
for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
t[n] = arguments[n];
return !t.some(function(o) {
return !(o && typeof o.getBoundingClientRect == "function");
});
}
function Ln(e) {
e === void 0 && (e = {});
var t = e, n = t.defaultModifiers, o = n === void 0 ? [] : n, l = t.defaultOptions, r = l === void 0 ? Zn : l;
return function(a, c, i) {
i === void 0 && (i = r);
var d = { placement: "bottom", orderedModifiers: [], options: Object.assign({}, Zn, r), modifiersData: {}, elements: { reference: a, popper: c }, attributes: {}, styles: {} }, v = [], p = !1, C = { state: d, setOptions: function(u) {
var O = typeof u == "function" ? u(d.options) : u;
w(), d.options = Object.assign({}, r, d.options, O), d.scrollParents = { reference: At(a) ? xt(a) : a.contextElement ? xt(a.contextElement) : [], popper: xt(c) };
var m = Mr($r([].concat(o, d.options.modifiers)));
return d.orderedModifiers = m.filter(function(E) {
return E.enabled;
}), S(), C.update();
}, forceUpdate: function() {
if (!p) {
var u = d.elements, O = u.reference, m = u.popper;
if (Jn(O, m)) {
d.rects = { reference: Ar(O, Gt(m), d.options.strategy === "fixed"), popper: In(m) }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(A) {
return d.modifiersData[A.name] = Object.assign({}, A.data);
});
for (var E = 0; E < d.orderedModifiers.length; E++) {
if (d.reset === !0) {
d.reset = !1, E = -1;
continue;
}
var B = d.orderedModifiers[E], T = B.fn, M = B.options, P = M === void 0 ? {} : M, h = B.name;
typeof T == "function" && (d = T({ state: d, options: P, name: h, instance: C }) || d);
}
}
}
}, update: Lr(function() {
return new Promise(function(u) {
C.forceUpdate(), u(d);
});
}), destroy: function() {
w(), p = !0;
} };
if (!Jn(a, c))
return C;
C.setOptions(i).then(function(u) {
!p && i.onFirstUpdate && i.onFirstUpdate(u);
});
function S() {
d.orderedModifiers.forEach(function(u) {
var O = u.name, m = u.options, E = m === void 0 ? {} : m, B = u.effect;
if (typeof B == "function") {
var T = B({ state: d, name: O, instance: C, options: E }), M = function() {
};
v.push(T || M);
}
});
}
function w() {
v.forEach(function(u) {
return u();
}), v = [];
}
return C;
};
}
Ln();
var Br = [To, Po, Eo, yo];
Ln({ defaultModifiers: Br });
var zr = [To, Po, Eo, yo, Sr, gr, Tr, tr, br], Dr = Ln({ defaultModifiers: zr });
const Fr = (e, t, n = {}) => {
const o = {
name: "updateState",
enabled: !0,
phase: "write",
fn: ({ state: i }) => {
const d = Hr(i);
Object.assign(a.value, d);
},
requires: ["computeStyles"]
}, l = b(() => {
const { onFirstUpdate: i, placement: d, strategy: v, modifiers: p } = s(n);
return {
onFirstUpdate: i,
placement: d || "bottom",
strategy: v || "absolute",
modifiers: [
...p || [],
o,
{ name: "applyStyles", enabled: !1 }
]
};
}), r = wt(), a = $({
styles: {
popper: {
position: s(l).strategy,
left: "0",
top: "0"
},
arrow: {
position: "absolute"
}
},
attributes: {}
}), c = () => {
r.value && (r.value.destroy(), r.value = void 0);
};
return K(l, (i) => {
const d = s(r);
d && d.setOptions(i);
}, {
deep: !0
}), K([e, t], ([i, d]) => {
c(), !(!i || !d) && (r.value = Dr(i, d, s(l)));
}), Ct(() => {
c();
}), {
state: b(() => {
var i;
return { ...((i = s(r)) == null ? void 0 : i.state) || {} };
}),
styles: b(() => s(a).styles),
attributes: b(() => s(a).attributes),
update: () => {
var i;
return (i = s(r)) == null ? void 0 : i.update();
},
forceUpdate: () => {
var i;
return (i = s(r)) == null ? void 0 : i.forceUpdate();
},
instanceRef: b(() => s(r))
};
};
function Hr(e) {
const t = Object.keys(e.elements), n = bn(t.map((l) => [l, e.styles[l] || {}])), o = bn(t.map((l) => [l, e.attributes[l]]));
return {
styles: n,
attributes: o
};
}
function _n() {
let e;
const t = (o, l) => {
n(), e = window.setTimeout(o, l);
}, n = () => window.clearTimeout(e);
return ll(() => n()), {
registerTimeout: t,
cancelTimeout: n
};
}
let eo;
const Ao = () => {
const e = rl(), t = al(), n = b(() => `${e.value}-popper-container-${t.prefix}`), o = b(() => `#${n.value}`);
return {
id: n,
selector: o
};
}, Vr = (e) => {
const t = document.createElement("div");
return t.id = e, document.body.appendChild(t), t;
}, Nr = () => {
const { id: e, selector: t } = Ao();
return jo(() => {
Ue && (process.env.NODE_ENV === "test" || !eo && !document.body.querySelector(t.value)) && (eo = Vr(e.value));
}), {
id: e,
selector: t
};
}, xr = ye({
showAfter: {
type: Number,
default: 0
},
hideAfter: {
type: Number,
default: 200
},
autoClose: {
type: Number,
default: 0
}
}), Kr = ({
showAfter: e,
hideAfter: t,
autoClose: n,
open: o,
close: l
}) => {
const { registerTimeout: r } = _n(), {
registerTimeout: a,
cancelTimeout: c
} = _n();
return {
onOpen: (v) => {
r(() => {
o(v);
const p = s(n);
tt(p) && p > 0 && a(() => {
l(v);
}, p);
}, s(e));
},
onClose: (v) => {
c(), r(() => {
l(v);
}, s(t));
}
};
}, Ro = Symbol("elForwardRef"), Wr = (e) => {
vt(Ro, {
setForwardRef: (n) => {
e.value = n;
}
});
}, jr = (e) => ({
mounted(t) {
e(t);
},
updated(t) {
e(t);
},
unmounted() {
e(null);
}
});
function qr(e) {
const t = $();
function n() {
if (e.value == null)
return;
const { selectionStart: l, selectionEnd: r, value: a } = e.value;
if (l == null || r == null)
return;
const c = a.slice(0, Math.max(0, l)), i = a.slice(Math.max(0, r));
t.value = {
selectionStart: l,
selectionEnd: r,
value: a,
beforeTxt: c,
afterTxt: i
};
}
function o() {
if (e.value == null || t.value == null)
return;
const { value: l } = e.value, { beforeTxt: r, afterTxt: a, selectionStart: c } = t.value;
if (r == null || a == null || c == null)
return;
let i = l.length;
if (l.endsWith(a))
i = l.length - a.length;
else if (l.startsWith(r))
i = r.length;
else {
const d = r[c - 1], v = l.indexOf(d, c - 1);
v !== -1 && (i = v + 1);
}
e.value.setSelectionRange(i, i);
}
return [n, o];
}
function Ur(e, { afterFocus: t, afterBlur: n } = {}) {
const o = $t(), { emit: l } = o, r = wt(), a = $(!1), c = (v) => {
a.value || (a.value = !0, l("focus", v), t == null || t());
}, i = (v) => {
var p;
v.relatedTarget && ((p = r.value) != null && p.contains(v.relatedTarget)) || (a.value = !1, l("blur", v), n == null || n());
}, d = () => {
var v;
(v = e.value) == null || v.focus();
};
return K(r, (v) => {
v && (v.setAttribute("role", "button"), v.setAttribute("tabindex", "-1"));
}), tn(r, "click", d), {
wrapperRef: r,
isFocused: a,
handleFocus: c,
handleBlur: i
};
}
let Be;
const Qr = `
height:0 !important;
visibility:hidden !important;
${Tl() ? "" : "overflow:hidden !important;"}
position:absolute !important;
z-index:-1000 !important;
top:0 !important;
right:0 !important;
`, Gr = [
"letter-spacing",
"line-height",
"padding-top",
"padding-bottom",
"font-family",
"font-weight",
"font-size",
"text-rendering",
"text-transform",
"width",
"text-indent",
"padding-left",
"padding-right",
"border-width",
"box-sizing"
];
function Xr(e) {
const t = window.getComputedStyle(e), n = t.getPropertyValue("box-sizing"), o = Number.parseFloat(t.getPropertyValue("padding-bottom")) + Number.parseFloat(t.getPropertyValue("padding-top")), l = Number.parseFloat(t.getPropertyValue("border-bottom-width")) + Number.parseFloat(t.getPropertyValue("border-top-width"));
return { contextStyle: Gr.map((a) => `${a}:${t.getPropertyValue(a)}`).join(";"), paddingSize: o, borderSize: l, boxSizing: n };
}
function to(e, t = 1, n) {
var o;
Be || (Be = document.createElement("textarea"), document.body.appendChild(Be));
const { paddingSize: l, borderSize: r, boxSizing: a, contextStyle: c } = Xr(e);
Be.setAttribute("style", `${c};${Qr}`), Be.value = e.value || e.placeholder || "";
let i = Be.scrollHeight;
const d = {};
a === "border-box" ? i = i + r : a === "content-box" && (i = i - l), Be.value = "";
const v = Be.scrollHeight - l;
if (tt(t)) {
let p = v * t;
a === "border-box" && (p = p + l + r), i = Math.max(p, i), d.minHeight = `${p}px`;
}
if (tt(n)) {
let p = v * n;
a === "border-box" && (p = p + l + r), i = Math.min(p, i);
}
return d.height = `${i}px`, (o = Be.parentNode) == null || o.removeChild(Be), Be = void 0, d;
}
const Yr = ye({
id: {
type: String,
default: void 0
},
size: il,
disabled: Boolean,
modelValue: {
type: J([
String,
Number,
Object
]),
default: ""
},
type: {
type: String,
default: "text"
},
resize: {
type: String,
values: ["none", "both", "horizontal", "vertical"]
},
autosize: {
type: J([Boolean, Object]),
default: !1
},
autocomplete: {
type: String,
default: "off"
},
formatter: {
type: Function
},
parser: {
type: Function
},
placeholder: {
type: String
},
form: {
type: String
},
readonly: {
type: Boolean,
default: !1
},
clearable: {
type: Boolean,
default: !1
},
showPassword: {
type: Boolean,
default: !1
},
showWordLimit: {
type: Boolean,
default: !1
},
suffixIcon: {
type: ln
},
prefixIcon: {
type: ln
},
containerRole: {
type: String,
default: void 0
},
label: {
type: String,
default: void 0
},
tabindex: {
type: [String, Number],
default: 0
},
validateEvent: {
type: Boolean,
default: !0
},
inputStyle: {
type: J([Object, Array, String]),
default: () => sl({})
}
}), Zr = {
[He]: (e) => Vt(e),
input: (e) => Vt(e),
change: (e) => Vt(e),
focus: (e) => e instanceof FocusEvent,
blur: (e) => e instanceof FocusEvent,
clear: () => !0,
mouseleave: (e) => e instanceof MouseEvent,
mouseenter: (e) => e instanceof MouseEvent,
keydown: (e) => e instanceof Event,
compositionstart: (e) => e instanceof CompositionEvent,
compositionupdate: (e) => e instanceof CompositionEvent,
compositionend: (e) => e instanceof CompositionEvent
}, Jr = ["role"], _r = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], ea = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], ta = G({
name: "ElInput",
inheritAttrs: !1
}), na = /* @__PURE__ */ G({
...ta,
props: Yr,
emits: Zr,
setup(e, { expose: t, emit: n }) {
const o = e, l = qo(), r = Uo(), a = b(() => {
const y = {};
return o.containerRole === "combobox" && (y["aria-haspopup"] = l["aria-haspopup"], y["aria-owns"] = l["aria-owns"], y["aria-expanded"] = l["aria-expanded"]), y;
}), c = b(() => [
o.type === "textarea" ? O.b() : u.b(),
u.m(S.value),
u.is("disabled", w.value),
u.is("exceed", Se.value),
{
[u.b("group")]: r.prepend || r.append,
[u.bm("group", "append")]: r.append,
[u.bm("group", "prepend")]: r.prepend,
[u.m("prefix")]: r.prefix || o.prefixIcon,
[u.m("suffix")]: r.suffix || o.suffixIcon || o.clearable || o.showPassword,
[u.bm("suffix", "password-clear")]: fe.value && we.value
},
l.class
]), i = b(() => [
u.e("wrapper"),
u.is("focus", F.value)
]), d = Ml({
excludeKeys: b(() => Object.keys(a.value))
}), { form: v, formItem: p } = mo(), { inputId: C } = Cl(o, {
formItemContext: p
}), S = Cn(), w = ul(), u = se("input"), O = se("textarea"), m = wt(), E = wt(), B = $(!1), T = $(!1), M = $(!1), P = $(), h = wt(o.inputStyle), A = b(() => m.value || E.value), { wrapperRef: x, isFocused: F, handleFocus: z, handleBlur: U } = Ur(A, {
afterBlur() {
var y;
o.validateEvent && ((y = p == null ? void 0 : p.validate) == null || y.call(p, "blur").catch((D) => ot(D)));
}
}), q = b(() => {
var y;
return (y = v == null ? void 0 : v.statusIcon) != null ? y : !1;
}), Q = b(() => (p == null ? void 0 : p.validateState) || ""), te = b(() => Q.value && wl[Q.value]), X = b(() => M.value ? cl : dl), k = b(() => [
l.style,
o.inputStyle
]), Y = b(() => [
o.inputStyle,
h.value,
{ resize: o.resize }
]), ee = b(() => En(o.modelValue) ? "" : String(o.modelValue)), fe = b(() => o.clearable && !w.value && !o.readonly && !!ee.value && (F.value || B.value)), we = b(() => o.showPassword && !w.value && !o.readonly && !!ee.value && (!!ee.value || F.value)), le = b(() => o.showWordLimit && !!d.value.maxlength && (o.type === "text" || o.type === "textarea") && !w.value && !o.readonly && !o.showPassword), Te = b(() => ee.value.length), Se = b(() => !!le.value && Te.value > Number(d.value.maxlength)), ce = b(() => !!r.suffix || !!o.suffixIcon || fe.value || o.showPassword || le.value || !!Q.value && q.value), [Ne, Me] = qr(m);
an(E, (y) => {
if (Ke(), !le.value || o.resize !== "both")
return;
const D = y[0], { width: Z } = D.contentRect;
P.value = {
right: `calc(100% - ${Z + 15 + 6}px)`
};
});
const re = () => {
const { type: y, autosize: D } = o;
if (!(!Ue || y !== "textarea" || !E.value))
if (D) {
const Z = It(D) ? D.minRows : void 0, Ce = It(D) ? D.maxRows : void 0, ht = to(E.value, Z, Ce);
h.value = {
overflowY: "hidden",
...ht
}, ne(() => {
E.value.offsetHeight, h.value = ht;
});
} else
h.value = {
minHeight: to(E.value).minHeight
};
}, Ke = ((y) => {
let D = !1;
return () => {
var Z;
if (D || !o.autosize)
return;
((Z = E.value) == null ? void 0 : Z.offsetParent) === null || (y(), D = !0);
};
})(re), ve = () => {
const y = A.value, D = o.formatter ? o.formatter(ee.value) : ee.value;
!y || y.value === D || (y.value = D);
}, We = async (y) => {
Ne();
let { value: D } = y.target;
if (o.formatter && (D = o.parser ? o.parser(D) : D), !T.value) {
if (D === ee.value) {
ve();
return;
}
n(He, D), n("input", D), await ne(), ve(), Me();
}
}, Le = (y) => {
n("change", y.target.value);
}, Xe = (y) => {
n("compositionstart", y), T.value = !0;
}, at = (y) => {
var D;
n("compositionupdate", y);
const Z = (D = y.target) == null ? void 0 : D.value, Ce = Z[Z.length - 1] || "";
T.value = !go(Ce);
}, me = (y) => {
n("compositionend", y), T.value && (T.value = !1, We(y));
}, it = () => {
M.value = !M.value, st();
}, st = async () => {
var y;
await ne(), (y = A.value) == null || y.focus();
}, gt = () => {
var y;
return (y = A.value) == null ? void 0 : y.blur();
}, de = (y) => {
B.value = !1, n("mouseleave", y);
}, je = (y) => {
B.value = !0, n("mouseenter", y);
}, Ye = (y) => {
n("keydown", y);
}, ut = () => {
var y;
(y = A.value) == null || y.select();
}, qe = () => {
n(He, ""), n("change", ""), n("clear"), n("input", "");
};
return K(() => o.modelValue, () => {
var y;
ne(() => re()), o.validateEvent && ((y = p == null ? void 0 : p.validate) == null || y.call(p, "change").catch((D) => ot(D)));
}), K(ee, () => ve()), K(() => o.type, async () => {
await ne(), ve(), re();
}), rt(() => {
!o.formatter && o.parser && ot("ElInput", "If you set the parser, you also need to set the formatter."), ve(), ne(re);
}), t({
input: m,
textarea: E,
ref: A,
textareaStyle: Y,
autosize: ft(o, "autosize"),
focus: st,
blur: gt,
select: ut,
clear: qe,
resizeTextarea: re
}), (y, D) => nt((I(), j("div", kt(s(a), {
class: s(c),
style: s(k),
role: y.containerRole,
onMouseenter: je,
onMouseleave: de
}), [
V(" input "),
y.type !== "textarea" ? (I(), j(et, { key: 0 }, [
V(" prepend slot "),
y.$slots.prepend ? (I(), j("div", {
key: 0,
class: L(s(u).be("group", "prepend"))
}, [
oe(y.$slots, "prepend")
], 2)) : V("v-if", !0),
_("div", {
ref_key: "wrapperRef",
ref: x,
class: L(s(i))
}, [
V(" prefix slot "),
y.$slots.prefix || y.prefixIcon ? (I(), j("span", {
key: 0,
class: L(s(u).e("prefix"))
}, [
_("span", {
class: L(s(u).e("prefix-inner"))
}, [
oe(y.$slots, "prefix"),
y.prefixIcon ? (I(), W(s(pt), {
key: 0,
class: L(s(u).e("icon"))
}, {
default: N(() => [
(I(), W(yt(y.prefixIcon)))
]),
_: 1
}, 8, ["class"])) : V("v-if", !0)
], 2)
], 2)) : V("v-if", !0),
_("input", kt({
id: s(C),
ref_key: "input",
ref: m,
class: s(u).e("inner")
}, s(d), {
type: y.showPassword ? M.value ? "text" : "password" : y.type,
disabled: s(w),
formatter: y.formatter,
parser: y.parser,
readonly: y.readonly,
autocomplete: y.autocomplete,
tabindex: y.tabindex,
"aria-label": y.label,
placeholder: y.placeholder,
style: y.inputStyle,
form: o.form,
onCompositionstart: Xe,
onCompositionupdate: at,
onCompositionend: me,
onInput: We,
onFocus: D[0] || (D[0] = (...Z) => s(z) && s(z)(...Z)),
onBlur: D[1] || (D[1] = (...Z) => s(U) && s(U)(...Z)),
onChange: Le,
onKeydown: Ye
}), null, 16, _r),
V(" suffix slot "),
s(ce) ? (I(), j("span", {
key: 1,
class: L(s(u).e("suffix"))
}, [
_("span", {
class: L(s(u).e("suffix-inner"))
}, [
!s(fe) || !s(we) || !s(le) ? (I(), j(et, { key: 0 }, [
oe(y.$slots, "suffix"),
y.suffixIcon ? (I(), W(s(pt), {
key: 0,
class: L(s(u).e("icon"))
}, {
default: N(() => [
(I(), W(yt(y.suffixIcon)))
]),
_: 1
}, 8, ["class"])) : V("v-if", !0)
], 64)) : V("v-if", !0),
s(fe) ? (I(), W(s(pt), {
key: 1,
class: L([s(u).e("icon"), s(u).e("clear")]),
onMousedown: ze(s(nn), ["prevent"]),
onClick: qe
}, {
default: N(() => [
ie(s(co))
]),
_: 1
}, 8, ["class", "onMousedown"])) : V("v-if", !0),
s(we) ? (I(), W(s(pt), {
key: 2,
class: L([s(u).e("icon"), s(u).e("password")]),
onClick: it
}, {
default: N(() => [
(I(), W(yt(s(X))))
]),
_: 1
}, 8, ["class"])) : V("v-if", !0),
s(le) ? (I(), j("span", {
key: 3,
class: L(s(u).e("count"))
}, [
_("span", {
class: L(s(u).e("count-inner"))
}, Ee(s(Te)) + " / " + Ee(s(d).maxlength), 3)
], 2)) : V("v-if", !0),
s(Q) && s(te) && s(q) ? (I(), W(s(pt), {
key: 4,
class: L([
s(u).e("icon"),
s(u).e("validateIcon"),
s(u).is("loading", s(Q) === "validating")
])
}, {
default: N(() => [
(I(), W(yt(s(te))))
]),
_: 1
}, 8, ["class"])) : V("v-if", !0)
], 2)
], 2)) : V("v-if", !0)
], 2),
V(" append slot "),
y.$slots.append ? (I(), j("div", {
key: 1,
class: L(s(u).be("group", "append"))
}, [
oe(y.$slots, "append")
], 2)) : V("v-if", !0)
], 64)) : (I(), j(et, { key: 1 }, [
V(" textarea "),
_("textarea", kt({
id: s(C),
ref_key: "textarea",
ref: E,
class: s(O).e("inner")
}, s(d), {
tabindex: y.tabindex,
disabled: s(w),
readonly: y.readonly,
autocomplete: y.autocomplete,
style: s(Y),
"aria-label": y.label,
placeholder: y.placeholder,
form: o.form,
onCompositionstart: Xe,
onCompositionupdate: at,
onCompositionend: me,
onInput: We,
onFocus: D[2] || (D[2] = (...Z) => s(z) && s(z)(...Z)),
onBlur: D[3] || (D[3] = (...Z) => s(U) && s(U)(...Z)),
onChange: Le,
onKeydown: Ye
}), null, 16, ea),
s(le) ? (I(), j("span", {