@layers.digital/layers-design-system-vue3 1.0.3 → 1.0.4

package/dist/layers-design-system-vue328.js

@@ -1,2099 +1,1175 @@
-import { formItemContextKey as At, useId as Dr, useIdInjection as Nr } from "./layers-design-system-vue330.js";
-import { buildProp as Qt, buildProps as ee, useNamespace as _e, NOOP as nt, isObject as Br, unrefElement as er, isElement as qe, isNil_default as at, definePropType as L, withInstall as tr, isBoolean as rr, isClient as ce, useGetDerivedNamespace as jr, isNumber as nr, _export_sfc as ae, isString as Hr, isUndefined_default as Kr, onClickOutside as Ur, tryOnScopeDispose as Wr, get_default as $r, isFunction as He, fromPairs_default as Ft, isArray as zr } from "./layers-design-system-vue332.js";
-import { ref as A, defineComponent as B, inject as te, watch as D, onBeforeUnmount as ie, openBlock as J, createElementBlock as Ve, normalizeClass as or, unref as f, normalizeStyle as qr, withDirectives as ar, cloneVNode as Vr, Fragment as Jr, Text as Zr, Comment as Yr, createVNode as Ae, computed as S, onMounted as fe, createBlock as ge, mergeProps as it, withCtx as ne, renderSlot as oe, createCommentVNode as Fe, provide as he, toRef as Se, Teleport as Gr, Transition as Xr, vShow as Qr, readonly as en, onDeactivated as tn, toDisplayString as rn, onBeforeMount as nn, getCurrentInstance as ir, nextTick as kt, isRef as on, shallowRef as an } from "vue";
-var Je = {
-  tab: "Tab",
-  enter: "Enter",
-  space: "Space",
-  left: "ArrowLeft",
-  up: "ArrowUp",
-  right: "ArrowRight",
-  down: "ArrowDown",
-  esc: "Escape",
-  delete: "Delete",
-  backspace: "Backspace",
-  numpadEnter: "NumpadEnter",
-  pageUp: "PageUp",
-  pageDown: "PageDown",
-  home: "Home",
-  end: "End"
-}, sn = {
-  name: "en",
-  el: {
-    colorpicker: {
-      confirm: "OK",
-      clear: "Clear",
-      defaultLabel: "color picker",
-      description: "current color is {color}. press enter to select a new color."
-    },
-    datepicker: {
-      now: "Now",
-      today: "Today",
-      cancel: "Cancel",
-      clear: "Clear",
-      confirm: "OK",
-      dateTablePrompt: "Use the arrow keys and enter to select the day of the month",
-      monthTablePrompt: "Use the arrow keys and enter to select the month",
-      yearTablePrompt: "Use the arrow keys and enter to select the year",
-      selectedDate: "Selected date",
-      selectDate: "Select date",
-      selectTime: "Select time",
-      startDate: "Start Date",
-      startTime: "Start Time",
-      endDate: "End Date",
-      endTime: "End Time",
-      prevYear: "Previous Year",
-      nextYear: "Next Year",
-      prevMonth: "Previous Month",
-      nextMonth: "Next Month",
-      year: "",
-      month1: "January",
-      month2: "February",
-      month3: "March",
-      month4: "April",
-      month5: "May",
-      month6: "June",
-      month7: "July",
-      month8: "August",
-      month9: "September",
-      month10: "October",
-      month11: "November",
-      month12: "December",
-      week: "week",
-      weeks: {
-        sun: "Sun",
-        mon: "Mon",
-        tue: "Tue",
-        wed: "Wed",
-        thu: "Thu",
-        fri: "Fri",
-        sat: "Sat"
-      },
-      weeksFull: {
-        sun: "Sunday",
-        mon: "Monday",
-        tue: "Tuesday",
-        wed: "Wednesday",
-        thu: "Thursday",
-        fri: "Friday",
-        sat: "Saturday"
-      },
-      months: {
-        jan: "Jan",
-        feb: "Feb",
-        mar: "Mar",
-        apr: "Apr",
-        may: "May",
-        jun: "Jun",
-        jul: "Jul",
-        aug: "Aug",
-        sep: "Sep",
-        oct: "Oct",
-        nov: "Nov",
-        dec: "Dec"
-      }
-    },
-    inputNumber: {
-      decrease: "decrease number",
-      increase: "increase number"
-    },
-    select: {
-      loading: "Loading",
-      noMatch: "No matching data",
-      noData: "No data",
-      placeholder: "Select"
-    },
-    dropdown: {
-      toggleDropdown: "Toggle Dropdown"
-    },
-    cascader: {
-      noMatch: "No matching data",
-      loading: "Loading",
-      placeholder: "Select",
-      noData: "No data"
-    },
-    pagination: {
-      goto: "Go to",
-      pagesize: "/page",
-      total: "Total {total}",
-      pageClassifier: "",
-      page: "Page",
-      prev: "Go to previous page",
-      next: "Go to next page",
-      currentPage: "page {pager}",
-      prevPages: "Previous {pager} pages",
-      nextPages: "Next {pager} pages",
-      deprecationWarning: "Deprecated usages detected, please refer to the el-pagination documentation for more details"
-    },
-    dialog: {
-      close: "Close this dialog"
-    },
-    drawer: {
-      close: "Close this dialog"
-    },
-    messagebox: {
-      title: "Message",
-      confirm: "OK",
-      cancel: "Cancel",
-      error: "Illegal input",
-      close: "Close this dialog"
-    },
-    upload: {
-      deleteTip: "press delete to remove",
-      delete: "Delete",
-      preview: "Preview",
-      continue: "Continue"
-    },
-    slider: {
-      defaultLabel: "slider between {min} and {max}",
-      defaultRangeStartLabel: "pick start value",
-      defaultRangeEndLabel: "pick end value"
-    },
-    table: {
-      emptyText: "No Data",
-      confirmFilter: "Confirm",
-      resetFilter: "Reset",
-      clearFilter: "All",
-      sumText: "Sum"
-    },
-    tree: {
-      emptyText: "No Data"
-    },
-    transfer: {
-      noMatch: "No matching data",
-      noData: "No data",
-      titles: ["List 1", "List 2"],
-      filterPlaceholder: "Enter keyword",
-      noCheckedFormat: "{total} items",
-      hasCheckedFormat: "{checked}/{total} checked"
-    },
-    image: {
-      error: "FAILED"
-    },
-    pageHeader: {
-      title: "Back"
-    },
-    popconfirm: {
-      confirmButtonText: "Yes",
-      cancelButtonText: "No"
-    }
-  }
-}, ln = (e) => (t, r) => un(t, r, f(e)), un = (e, t, r) => $r(r, e, e).replace(/\{(\w+)\}/g, (n, o) => {
-  var a;
-  return `${(a = t == null ? void 0 : t[o]) != null ? a : `{${o}}`}`;
-}), cn = (e) => {
-  const t = S(() => f(e).name), r = on(e) ? e : A(e);
-  return {
-    lang: t,
-    locale: r,
-    t: ln(e)
-  };
-}, pn = Symbol("localeContextKey"), Da = (e) => {
-  const t = e || te(pn, A());
-  return cn(S(() => t.value || sn));
-}, X = (e, t, { checkForDefaultPrevented: r = !0 } = {}) => (o) => {
-  const a = e == null ? void 0 : e(o);
-  if (r === !1 || !a)
-    return t == null ? void 0 : t(o);
-}, Na = (e) => (t) => t.pointerType === "mouse" ? e(t) : void 0, fn = Qt({
-  type: L(Boolean),
-  default: null
-}), dn = Qt({
-  type: L(Function)
-}), vn = (e) => {
-  const t = `update:${e}`, r = `onUpdate:${e}`, n = [t], o = {
-    [e]: fn,
-    [r]: dn
-  };
+import { buildProp as lr, buildProps as Fe, definePropType as ce, useNamespace as qe, debugWarn as fr, throwError as ur, useResizeObserver as dr, refDebounced as cr, addUnit as Pe, isBoolean as Be, isString as pe, getProp as fe, castArray_default as ve, clone_default as Se, withInstall as pr, withNoopInstall as vr, useGetDerivedNamespace as mr, isArray as hr, isFunction as De, _export_sfc as Ce } from "./layers-design-system-vue329.js";
+import { defineComponent as X, computed as _, watch as k, provide as Ue, reactive as Ke, toRefs as Je, openBlock as me, createElementBlock as Ye, normalizeClass as Y, unref as E, renderSlot as ne, inject as L, ref as W, onMounted as xe, onBeforeUnmount as Ze, onUpdated as gr, createVNode as ae, Fragment as yr, useSlots as br, withCtx as ue, createBlock as wr, resolveDynamicComponent as Fr, normalizeStyle as Ie, createTextVNode as qr, toDisplayString as je, createCommentVNode as Ne, createElementVNode as Re, TransitionGroup as xr, toRef as Er, onUnmounted as _r, nextTick as Ge, getCurrentInstance as ke } from "vue";
+var Et = "update:modelValue", _t = "change", Ot = "input", Ee = ["", "default", "small", "large"], At = {
+  large: 40,
+  default: 32,
+  small: 24
+}, He = (i) => {
+  const e = ke();
+  return _(() => {
+    var r, n;
+    return (n = (r = e == null ? void 0 : e.proxy) == null ? void 0 : r.$props) == null ? void 0 : n[i];
+  });
+}, Ve = {
+  prefix: Math.floor(Math.random() * 1e4),
+  current: 0
+}, Or = Symbol("elIdInjection"), Ar = () => ke() ? L(Or, Ve) : Ve, Qe = (i) => {
+  const e = Ar(), r = mr();
+  return _(() => E(i) || `${r.value}-id-${e.prefix}-${e.current++}`);
+}, Pt = lr({
+  type: String,
+  values: Ee,
+  required: !1
+}), Pr = Symbol("size"), Sr = () => {
+  const i = L(Pr, {});
+  return _(() => E(i.size) || "");
+}, K = Symbol("formContextKey"), H = Symbol("formItemContextKey"), Xe = (i, e = {}) => {
+  const r = W(void 0), n = e.prop ? r : He("size"), t = e.global ? r : Sr(), o = e.form ? { size: void 0 } : L(K, void 0), a = e.formItem ? { size: void 0 } : L(H, void 0);
+  return _(() => n.value || E(i) || (a == null ? void 0 : a.size) || (o == null ? void 0 : o.size) || t.value || "");
+}, St = (i) => {
+  const e = He("disabled"), r = L(K, void 0);
+  return _(() => e.value || E(i) || (r == null ? void 0 : r.disabled) || !1);
+}, It = () => {
+  const i = L(K, void 0), e = L(H, void 0);
   return {
-    useModelToggle: ({
-      indicator: i,
-      toggleReason: u,
-      shouldHideWhenRouteChanges: s,
-      shouldProceed: l,
-      onShow: v,
-      onHide: m
-    }) => {
-      const y = ir(), { emit: g } = y, p = y.props, d = S(() => He(p[r])), w = S(() => p[e] === null), c = (T) => {
-        i.value !== !0 && (i.value = !0, u && (u.value = T), He(v) && v(T));
-      }, b = (T) => {
-        i.value !== !1 && (i.value = !1, u && (u.value = T), He(m) && m(T));
-      }, O = (T) => {
-        if (p.disabled === !0 || He(l) && !l())
-          return;
-        const P = d.value && ce;
-        P && g(t, !0), (w.value || !P) && c(T);
-      }, h = (T) => {
-        if (p.disabled === !0 || !ce)
-          return;
-        const P = d.value && ce;
-        P && g(t, !1), (w.value || !P) && b(T);
-      }, C = (T) => {
-        rr(T) && (p.disabled && T ? d.value && g(t, !1) : i.value !== T && (T ? c() : b()));
-      }, x = () => {
-        i.value ? h() : O();
-      };
-      return D(() => p[e], C), s && y.appContext.config.globalProperties.$route !== void 0 && D(() => ({
-        ...y.proxy.$route
-      }), () => {
-        s.value && i.value && h();
-      }), fe(() => {
-        C(p[e]);
-      }), {
-        hide: h,
-        show: O,
-        toggle: x,
-        hasUpdateHandler: d
-      };
-    },
-    useModelToggleProps: o,
-    useModelToggleEmits: n
+    form: i,
+    formItem: e
   };
-}, K = "top", $ = "bottom", z = "right", U = "left", st = "auto", Le = [K, $, z, U], ye = "start", ke = "end", mn = "clippingParents", sr = "viewport", Pe = "popper", gn = "reference", It = Le.reduce(function(e, t) {
-  return e.concat([t + "-" + ye, t + "-" + ke]);
-}, []), lt = [].concat(Le, [st]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + ye, t + "-" + ke]);
-}, []), hn = "beforeRead", yn = "read", bn = "afterRead", wn = "beforeMain", En = "main", Tn = "afterMain", On = "beforeWrite", Cn = "write", Pn = "afterWrite", Sn = [hn, yn, bn, wn, En, Tn, On, Cn, Pn];
-function Y(e) {
-  return e ? (e.nodeName || "").toLowerCase() : null;
-}
-function q(e) {
-  if (e == null)
-    return window;
-  if (e.toString() !== "[object Window]") {
-    var t = e.ownerDocument;
-    return t && t.defaultView || window;
-  }
-  return e;
-}
-function be(e) {
-  var t = q(e).Element;
-  return e instanceof t || e instanceof Element;
-}
-function W(e) {
-  var t = q(e).HTMLElement;
-  return e instanceof t || e instanceof HTMLElement;
-}
-function ut(e) {
-  if (typeof ShadowRoot > "u")
-    return !1;
-  var t = q(e).ShadowRoot;
-  return e instanceof t || e instanceof ShadowRoot;
-}
-function xn(e) {
-  var t = e.state;
-  Object.keys(t.elements).forEach(function(r) {
-    var n = t.styles[r] || {}, o = t.attributes[r] || {}, a = t.elements[r];
-    !W(a) || !Y(a) || (Object.assign(a.style, n), Object.keys(o).forEach(function(i) {
-      var u = o[i];
-      u === !1 ? a.removeAttribute(i) : a.setAttribute(i, u === !0 ? "" : u);
-    }));
+}, jt = (i, {
+  formItemContext: e,
+  disableIdGeneration: r,
+  disableIdManagement: n
+}) => {
+  r || (r = W(!1)), n || (n = W(!1));
+  const t = W();
+  let o;
+  const a = _(() => {
+    var s;
+    return !!(!i.label && e && e.inputIds && ((s = e.inputIds) == null ? void 0 : s.length) <= 1);
   });
-}
-function Rn(e) {
-  var t = e.state, r = { popper: { position: t.options.strategy, left: "0", top: "0", margin: "0" }, arrow: { position: "absolute" }, reference: {} };
-  return Object.assign(t.elements.popper.style, r.popper), t.styles = r, t.elements.arrow && Object.assign(t.elements.arrow.style, r.arrow), function() {
-    Object.keys(t.elements).forEach(function(n) {
-      var o = t.elements[n], a = t.attributes[n] || {}, i = Object.keys(t.styles.hasOwnProperty(n) ? t.styles[n] : r[n]), u = i.reduce(function(s, l) {
-        return s[l] = "", s;
-      }, {});
-      !W(o) || !Y(o) || (Object.assign(o.style, u), Object.keys(a).forEach(function(s) {
-        o.removeAttribute(s);
-      }));
-    });
+  return xe(() => {
+    o = k([Er(i, "id"), r], ([s, u]) => {
+      const g = s ?? (u ? void 0 : Qe().value);
+      g !== t.value && (e != null && e.removeInputId && (t.value && e.removeInputId(t.value), !(n != null && n.value) && !u && g && e.addInputId(g)), t.value = g);
+    }, { immediate: !0 });
+  }), _r(() => {
+    o && o(), e != null && e.removeInputId && t.value && e.removeInputId(t.value);
+  }), {
+    isLabeledByFormItem: a,
+    inputId: t
   };
-}
-var lr = { name: "applyStyles", enabled: !0, phase: "write", fn: xn, effect: Rn, requires: ["computeStyles"] };
-function Z(e) {
-  return e.split("-")[0];
-}
-var pe = Math.max, Ze = Math.min, we = Math.round;
-function Ee(e, t) {
-  t === void 0 && (t = !1);
-  var r = e.getBoundingClientRect(), n = 1, o = 1;
-  if (W(e) && t) {
-    var a = e.offsetHeight, i = e.offsetWidth;
-    i > 0 && (n = we(r.width) / i || 1), a > 0 && (o = we(r.height) / a || 1);
+}, Ir = Fe({
+  size: {
+    type: String,
+    values: Ee
+  },
+  disabled: Boolean
+}), jr = Fe({
+  ...Ir,
+  model: Object,
+  rules: {
+    type: ce(Object)
+  },
+  labelPosition: {
+    type: String,
+    values: ["left", "right", "top"],
+    default: "right"
+  },
+  requireAsteriskPosition: {
+    type: String,
+    values: ["left", "right"],
+    default: "left"
+  },
+  labelWidth: {
+    type: [String, Number],
+    default: ""
+  },
+  labelSuffix: {
+    type: String,
+    default: ""
+  },
+  inline: Boolean,
+  inlineMessage: Boolean,
+  statusIcon: Boolean,
+  showMessage: {
+    type: Boolean,
+    default: !0
+  },
+  validateOnRuleChange: {
+    type: Boolean,
+    default: !0
+  },
+  hideRequiredAsterisk: Boolean,
+  scrollToError: Boolean,
+  scrollIntoViewOptions: {
+    type: [Object, Boolean]
   }
-  return { width: r.width / n, height: r.height / o, top: r.top / o, right: r.right / n, bottom: r.bottom / o, left: r.left / n, x: r.left / n, y: r.top / o };
-}
-function ct(e) {
-  var t = Ee(e), r = e.offsetWidth, n = e.offsetHeight;
-  return Math.abs(t.width - r) <= 1 && (r = t.width), Math.abs(t.height - n) <= 1 && (n = t.height), { x: e.offsetLeft, y: e.offsetTop, width: r, height: n };
-}
-function ur(e, t) {
-  var r = t.getRootNode && t.getRootNode();
-  if (e.contains(t))
-    return !0;
-  if (r && ut(r)) {
-    var n = t;
-    do {
-      if (n && e.isSameNode(n))
-        return !0;
-      n = n.parentNode || n.host;
-    } while (n);
+}), Nr = {
+  validate: (i, e, r) => (hr(i) || pe(i)) && Be(e) && pe(r)
+}, Rr = [
+  "",
+  "error",
+  "validating",
+  "success"
+], Vr = Fe({
+  label: String,
+  labelWidth: {
+    type: [String, Number],
+    default: ""
+  },
+  prop: {
+    type: ce([String, Array])
+  },
+  required: {
+    type: Boolean,
+    default: void 0
+  },
+  rules: {
+    type: ce([Object, Array])
+  },
+  error: String,
+  validateStatus: {
+    type: String,
+    values: Rr
+  },
+  for: String,
+  inlineMessage: {
+    type: [String, Boolean],
+    default: ""
+  },
+  showMessage: {
+    type: Boolean,
+    default: !0
+  },
+  size: {
+    type: String,
+    values: Ee
   }
-  return !1;
-}
-function Q(e) {
-  return q(e).getComputedStyle(e);
-}
-function An(e) {
-  return ["table", "td", "th"].indexOf(Y(e)) >= 0;
-}
-function se(e) {
-  return ((be(e) ? e.ownerDocument : e.document) || window.document).documentElement;
-}
-function Ye(e) {
-  return Y(e) === "html" ? e : e.assignedSlot || e.parentNode || (ut(e) ? e.host : null) || se(e);
-}
-function _t(e) {
-  return !W(e) || Q(e).position === "fixed" ? null : e.offsetParent;
-}
-function Fn(e) {
-  var t = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1, r = navigator.userAgent.indexOf("Trident") !== -1;
-  if (r && W(e)) {
-    var n = Q(e);
-    if (n.position === "fixed")
-      return null;
+});
+function Mr() {
+  const i = W([]), e = _(() => {
+    if (!i.value.length)
+      return "0";
+    const o = Math.max(...i.value);
+    return o ? `${o}px` : "";
+  });
+  function r(o) {
+    const a = i.value.indexOf(o);
+    return a === -1 && e.value, a;
   }
-  var o = Ye(e);
-  for (ut(o) && (o = o.host); W(o) && ["html", "body"].indexOf(Y(o)) < 0; ) {
-    var a = Q(o);
-    if (a.transform !== "none" || a.perspective !== "none" || a.contain === "paint" || ["transform", "perspective"].indexOf(a.willChange) !== -1 || t && a.willChange === "filter" || t && a.filter && a.filter !== "none")
-      return o;
-    o = o.parentNode;
+  function n(o, a) {
+    if (o && a) {
+      const s = r(a);
+      i.value.splice(s, 1, o);
+    } else
+      o && i.value.push(o);
   }
-  return null;
-}
-function Me(e) {
-  for (var t = q(e), r = _t(e); r && An(r) && Q(r).position === "static"; )
-    r = _t(r);
-  return r && (Y(r) === "html" || Y(r) === "body" && Q(r).position === "static") ? t : r || Fn(e) || t;
-}
-function pt(e) {
-  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
-}
-function xe(e, t, r) {
-  return pe(e, Ze(t, r));
-}
-function kn(e, t, r) {
-  var n = xe(e, t, r);
-  return n > r ? r : n;
-}
-function cr() {
-  return { top: 0, right: 0, bottom: 0, left: 0 };
-}
-function pr(e) {
-  return Object.assign({}, cr(), e);
-}
-function fr(e, t) {
-  return t.reduce(function(r, n) {
-    return r[n] = e, r;
-  }, {});
-}
-var In = function(e, t) {
-  return e = typeof e == "function" ? e(Object.assign({}, t.rects, { placement: t.placement })) : e, pr(typeof e != "number" ? e : fr(e, Le));
-};
-function _n(e) {
-  var t, r = e.state, n = e.name, o = e.options, a = r.elements.arrow, i = r.modifiersData.popperOffsets, u = Z(r.placement), s = pt(u), l = [U, z].indexOf(u) >= 0, v = l ? "height" : "width";
-  if (!(!a || !i)) {
-    var m = In(o.padding, r), y = ct(a), g = s === "y" ? K : U, p = s === "y" ? $ : z, d = r.rects.reference[v] + r.rects.reference[s] - i[s] - r.rects.popper[v], w = i[s] - r.rects.reference[s], c = Me(a), b = c ? s === "y" ? c.clientHeight || 0 : c.clientWidth || 0 : 0, O = d / 2 - w / 2, h = m[g], C = b - y[v] - m[p], x = b / 2 - y[v] / 2 + O, T = xe(h, x, C), P = s;
-    r.modifiersData[n] = (t = {}, t[P] = T, t.centerOffset = T - x, t);
+  function t(o) {
+    const a = r(o);
+    a > -1 && i.value.splice(a, 1);
   }
-}
-function Ln(e) {
-  var t = e.state, r = e.options, n = r.element, o = n === void 0 ? "[data-popper-arrow]" : n;
-  o != null && (typeof o == "string" && (o = t.elements.popper.querySelector(o), !o) || !ur(t.elements.popper, o) || (t.elements.arrow = o));
-}
-var Mn = { name: "arrow", enabled: !0, phase: "main", fn: _n, effect: Ln, requires: ["popperOffsets"], requiresIfExists: ["preventOverflow"] };
-function Te(e) {
-  return e.split("-")[1];
-}
-var Dn = { top: "auto", right: "auto", bottom: "auto", left: "auto" };
-function Nn(e) {
-  var t = e.x, r = e.y, n = window, o = n.devicePixelRatio || 1;
-  return { x: we(t * o) / o || 0, y: we(r * o) / o || 0 };
-}
-function Lt(e) {
-  var t, r = e.popper, n = e.popperRect, o = e.placement, a = e.variation, i = e.offsets, u = e.position, s = e.gpuAcceleration, l = e.adaptive, v = e.roundOffsets, m = e.isFixed, y = i.x, g = y === void 0 ? 0 : y, p = i.y, d = p === void 0 ? 0 : p, w = typeof v == "function" ? v({ x: g, y: d }) : { x: g, y: d };
-  g = w.x, d = w.y;
-  var c = i.hasOwnProperty("x"), b = i.hasOwnProperty("y"), O = U, h = K, C = window;
-  if (l) {
-    var x = Me(r), T = "clientHeight", P = "clientWidth";
-    if (x === q(r) && (x = se(r), Q(x).position !== "static" && u === "absolute" && (T = "scrollHeight", P = "scrollWidth")), x = x, o === K || (o === U || o === z) && a === ke) {
-      h = $;
-      var k = m && x === C && C.visualViewport ? C.visualViewport.height : x[T];
-      d -= k - n.height, d *= s ? 1 : -1;
-    }
-    if (o === U || (o === K || o === $) && a === ke) {
-      O = z;
-      var R = m && x === C && C.visualViewport ? C.visualViewport.width : x[P];
-      g -= R - n.width, g *= s ? 1 : -1;
-    }
-  }
-  var I = Object.assign({ position: u }, l && Dn), F = v === !0 ? Nn({ x: g, y: d }) : { x: g, y: d };
-  if (g = F.x, d = F.y, s) {
-    var _;
-    return Object.assign({}, I, (_ = {}, _[h] = b ? "0" : "", _[O] = c ? "0" : "", _.transform = (C.devicePixelRatio || 1) <= 1 ? "translate(" + g + "px, " + d + "px)" : "translate3d(" + g + "px, " + d + "px, 0)", _));
-  }
-  return Object.assign({}, I, (t = {}, t[h] = b ? d + "px" : "", t[O] = c ? g + "px" : "", t.transform = "", t));
-}
-function Bn(e) {
-  var t = e.state, r = e.options, n = r.gpuAcceleration, o = n === void 0 ? !0 : n, a = r.adaptive, i = a === void 0 ? !0 : a, u = r.roundOffsets, s = u === void 0 ? !0 : u, l = { placement: Z(t.placement), variation: Te(t.placement), popper: t.elements.popper, popperRect: t.rects.popper, gpuAcceleration: o, isFixed: t.options.strategy === "fixed" };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Lt(Object.assign({}, l, { offsets: t.modifiersData.popperOffsets, position: t.options.strategy, adaptive: i, roundOffsets: s })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Lt(Object.assign({}, l, { offsets: t.modifiersData.arrow, position: "absolute", adaptive: !1, roundOffsets: s })))), t.attributes.popper = Object.assign({}, t.attributes.popper, { "data-popper-placement": t.placement });
-}
-var dr = { name: "computeStyles", enabled: !0, phase: "beforeWrite", fn: Bn, data: {} }, Ke = { passive: !0 };
-function jn(e) {
-  var t = e.state, r = e.instance, n = e.options, o = n.scroll, a = o === void 0 ? !0 : o, i = n.resize, u = i === void 0 ? !0 : i, s = q(t.elements.popper), l = [].concat(t.scrollParents.reference, t.scrollParents.popper);
-  return a && l.forEach(function(v) {
-    v.addEventListener("scroll", r.update, Ke);
-  }), u && s.addEventListener("resize", r.update, Ke), function() {
-    a && l.forEach(function(v) {
-      v.removeEventListener("scroll", r.update, Ke);
-    }), u && s.removeEventListener("resize", r.update, Ke);
+  return {
+    autoLabelWidth: e,
+    registerLabelWidth: n,
+    deregisterLabelWidth: t
   };
 }
-var vr = { name: "eventListeners", enabled: !0, phase: "write", fn: function() {
-}, effect: jn, data: {} }, Hn = { left: "right", right: "left", bottom: "top", top: "bottom" };
-function ze(e) {
-  return e.replace(/left|right|bottom|top/g, function(t) {
-    return Hn[t];
-  });
-}
-var Kn = { start: "end", end: "start" };
-function Mt(e) {
-  return e.replace(/start|end/g, function(t) {
-    return Kn[t];
-  });
-}
-function ft(e) {
-  var t = q(e), r = t.pageXOffset, n = t.pageYOffset;
-  return { scrollLeft: r, scrollTop: n };
-}
-function dt(e) {
-  return Ee(se(e)).left + ft(e).scrollLeft;
-}
-function Un(e) {
-  var t = q(e), r = se(e), n = t.visualViewport, o = r.clientWidth, a = r.clientHeight, i = 0, u = 0;
-  return n && (o = n.width, a = n.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (i = n.offsetLeft, u = n.offsetTop)), { width: o, height: a, x: i + dt(e), y: u };
-}
-function Wn(e) {
-  var t, r = se(e), n = ft(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, a = pe(r.scrollWidth, r.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), i = pe(r.scrollHeight, r.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), u = -n.scrollLeft + dt(e), s = -n.scrollTop;
-  return Q(o || r).direction === "rtl" && (u += pe(r.clientWidth, o ? o.clientWidth : 0) - a), { width: a, height: i, x: u, y: s };
-}
-function vt(e) {
-  var t = Q(e), r = t.overflow, n = t.overflowX, o = t.overflowY;
-  return /auto|scroll|overlay|hidden/.test(r + o + n);
-}
-function mr(e) {
-  return ["html", "body", "#document"].indexOf(Y(e)) >= 0 ? e.ownerDocument.body : W(e) && vt(e) ? e : mr(Ye(e));
-}
-function Re(e, t) {
-  var r;
-  t === void 0 && (t = []);
-  var n = mr(e), o = n === ((r = e.ownerDocument) == null ? void 0 : r.body), a = q(n), i = o ? [a].concat(a.visualViewport || [], vt(n) ? n : []) : n, u = t.concat(i);
-  return o ? u : u.concat(Re(Ye(i)));
-}
-function ot(e) {
-  return Object.assign({}, e, { left: e.x, top: e.y, right: e.x + e.width, bottom: e.y + e.height });
-}
-function $n(e) {
-  var t = Ee(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;
+var re = (i, e) => {
+  const r = ve(e);
+  return r.length > 0 ? i.filter((n) => n.prop && r.includes(n.prop)) : i;
+}, Wr = "ElForm", Lr = X({
+  name: Wr
+}), Tr = /* @__PURE__ */ X({
+  ...Lr,
+  props: jr,
+  emits: Nr,
+  setup(i, { expose: e, emit: r }) {
+    const n = i, t = [], o = Xe(), a = qe("form"), s = _(() => {
+      const { labelPosition: v, inline: l } = n;
+      return [
+        a.b(),
+        a.m(o.value || "default"),
+        {
+          [a.m(`label-${v}`)]: v,
+          [a.m("inline")]: l
+        }
+      ];
+    }), u = (v) => {
+      t.push(v);
+    }, g = (v) => {
+      v.prop && t.splice(t.indexOf(v), 1);
+    }, p = (v = []) => {
+      n.model && re(t, v).forEach((l) => l.resetField());
+    }, y = (v = []) => {
+      re(t, v).forEach((l) => l.clearValidate());
+    }, w = _(() => !!n.model), O = (v) => {
+      if (t.length === 0)
+        return [];
+      const l = re(t, v);
+      return l.length ? l : [];
+    }, A = async (v) => b(void 0, v), d = async (v = []) => {
+      if (!w.value)
+        return !1;
+      const l = O(v);
+      if (l.length === 0)
+        return !0;
+      let h = {};
+      for (const q of l)
+        try {
+          await q.validate("");
+        } catch (x) {
+          h = {
+            ...h,
+            ...x
+          };
+        }
+      return Object.keys(h).length === 0 ? !0 : Promise.reject(h);
+    }, b = async (v = [], l) => {
+      const h = !De(l);
+      try {
+        const q = await d(v);
+        return q === !0 && (l == null || l(q)), q;
+      } catch (q) {
+        if (q instanceof Error)
+          throw q;
+        const x = q;
+        return n.scrollToError && f(Object.keys(x)[0]), l == null || l(!1, x), h && Promise.reject(x);
+      }
+    }, f = (v) => {
+      var l;
+      const h = re(t, v)[0];
+      h && ((l = h.$el) == null || l.scrollIntoView(n.scrollIntoViewOptions));
+    };
+    return k(() => n.rules, () => {
+      n.validateOnRuleChange && A().catch((v) => fr());
+    }, { deep: !0 }), Ue(K, Ke({
+      ...Je(n),
+      emit: r,
+      resetFields: p,
+      clearValidate: y,
+      validateField: b,
+      addField: u,
+      removeField: g,
+      ...Mr()
+    })), e({
+      validate: A,
+      validateField: b,
+      resetFields: p,
+      clearValidate: y,
+      scrollToField: f
+    }), (v, l) => (me(), Ye("form", {
+      class: Y(E(s))
+    }, [
+      ne(v.$slots, "default")
+    ], 2));
+  }
+}), $r = /* @__PURE__ */ Ce(Tr, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/form/src/form.vue"]]);
+function z() {
+  return z = Object.assign ? Object.assign.bind() : function(i) {
+    for (var e = 1; e < arguments.length; e++) {
+      var r = arguments[e];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (i[n] = r[n]);
+    }
+    return i;
+  }, z.apply(this, arguments);
 }
-function Dt(e, t) {
-  return t === sr ? ot(Un(e)) : be(t) ? $n(t) : ot(Wn(se(e)));
+function zr(i, e) {
+  i.prototype = Object.create(e.prototype), i.prototype.constructor = i, Q(i, e);
 }
-function zn(e) {
-  var t = Re(Ye(e)), r = ["absolute", "fixed"].indexOf(Q(e).position) >= 0, n = r && W(e) ? Me(e) : e;
-  return be(n) ? t.filter(function(o) {
-    return be(o) && ur(o, n) && Y(o) !== "body";
-  }) : [];
+function he(i) {
+  return he = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(r) {
+    return r.__proto__ || Object.getPrototypeOf(r);
+  }, he(i);
 }
-function qn(e, t, r) {
-  var n = t === "clippingParents" ? zn(e) : [].concat(t), o = [].concat(n, [r]), a = o[0], i = o.reduce(function(u, s) {
-    var l = Dt(e, s);
-    return u.top = pe(l.top, u.top), u.right = Ze(l.right, u.right), u.bottom = Ze(l.bottom, u.bottom), u.left = pe(l.left, u.left), u;
-  }, Dt(e, a));
-  return i.width = i.right - i.left, i.height = i.bottom - i.top, i.x = i.left, i.y = i.top, i;
+function Q(i, e) {
+  return Q = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, t) {
+    return n.__proto__ = t, n;
+  }, Q(i, e);
 }
-function gr(e) {
-  var t = e.reference, r = e.element, n = e.placement, o = n ? Z(n) : null, a = n ? Te(n) : null, i = t.x + t.width / 2 - r.width / 2, u = t.y + t.height / 2 - r.height / 2, s;
-  switch (o) {
-    case K:
-      s = { x: i, y: t.y - r.height };
-      break;
-    case $:
-      s = { x: i, y: t.y + t.height };
-      break;
-    case z:
-      s = { x: t.x + t.width, y: u };
-      break;
-    case U:
-      s = { x: t.x - r.width, y: u };
-      break;
-    default:
-      s = { x: t.x, y: t.y };
+function Br() {
+  if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
+    return !1;
+  if (typeof Proxy == "function")
+    return !0;
+  try {
+    return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    })), !0;
+  } catch {
+    return !1;
   }
-  var l = o ? pt(o) : null;
-  if (l != null) {
-    var v = l === "y" ? "height" : "width";
-    switch (a) {
-      case ye:
-        s[l] = s[l] - (t[v] / 2 - r[v] / 2);
-        break;
-      case ke:
-        s[l] = s[l] + (t[v] / 2 - r[v] / 2);
-        break;
+}
+function ie(i, e, r) {
+  return Br() ? ie = Reflect.construct.bind() : ie = function(t, o, a) {
+    var s = [null];
+    s.push.apply(s, o);
+    var u = Function.bind.apply(t, s), g = new u();
+    return a && Q(g, a.prototype), g;
+  }, ie.apply(null, arguments);
+}
+function Dr(i) {
+  return Function.toString.call(i).indexOf("[native code]") !== -1;
+}
+function ge(i) {
+  var e = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
+  return ge = function(n) {
+    if (n === null || !Dr(n))
+      return n;
+    if (typeof n != "function")
+      throw new TypeError("Super expression must either be null or a function");
+    if (typeof e < "u") {
+      if (e.has(n))
+        return e.get(n);
+      e.set(n, t);
     }
-  }
-  return s;
+    function t() {
+      return ie(n, arguments, he(this).constructor);
+    }
+    return t.prototype = Object.create(n.prototype, {
+      constructor: {
+        value: t,
+        enumerable: !1,
+        writable: !0,
+        configurable: !0
+      }
+    }), Q(t, n);
+  }, ge(i);
 }
-function Ie(e, t) {
-  t === void 0 && (t = {});
-  var r = t, n = r.placement, o = n === void 0 ? e.placement : n, a = r.boundary, i = a === void 0 ? mn : a, u = r.rootBoundary, s = u === void 0 ? sr : u, l = r.elementContext, v = l === void 0 ? Pe : l, m = r.altBoundary, y = m === void 0 ? !1 : m, g = r.padding, p = g === void 0 ? 0 : g, d = pr(typeof p != "number" ? p : fr(p, Le)), w = v === Pe ? gn : Pe, c = e.rects.popper, b = e.elements[y ? w : v], O = qn(be(b) ? b : b.contextElement || se(e.elements.popper), i, s), h = Ee(e.elements.reference), C = gr({ reference: h, element: c, strategy: "absolute", placement: o }), x = ot(Object.assign({}, c, C)), T = v === Pe ? x : h, P = { top: O.top - T.top + d.top, bottom: T.bottom - O.bottom + d.bottom, left: O.left - T.left + d.left, right: T.right - O.right + d.right }, k = e.modifiersData.offset;
-  if (v === Pe && k) {
-    var R = k[o];
-    Object.keys(P).forEach(function(I) {
-      var F = [z, $].indexOf(I) >= 0 ? 1 : -1, _ = [K, $].indexOf(I) >= 0 ? "y" : "x";
-      P[I] += R[_] * F;
+var Cr = /%[sdj%]/g, Ur = function() {
+};
+typeof process < "u" && process.env;
+function ye(i) {
+  if (!i || !i.length)
+    return null;
+  var e = {};
+  return i.forEach(function(r) {
+    var n = r.field;
+    e[n] = e[n] || [], e[n].push(r);
+  }), e;
+}
+function N(i) {
+  for (var e = arguments.length, r = new Array(e > 1 ? e - 1 : 0), n = 1; n < e; n++)
+    r[n - 1] = arguments[n];
+  var t = 0, o = r.length;
+  if (typeof i == "function")
+    return i.apply(null, r);
+  if (typeof i == "string") {
+    var a = i.replace(Cr, function(s) {
+      if (s === "%%")
+        return "%";
+      if (t >= o)
+        return s;
+      switch (s) {
+        case "%s":
+          return String(r[t++]);
+        case "%d":
+          return Number(r[t++]);
+        case "%j":
+          try {
+            return JSON.stringify(r[t++]);
+          } catch {
+            return "[Circular]";
+          }
+          break;
+        default:
+          return s;
+      }
     });
+    return a;
   }
-  return P;
+  return i;
 }
-function Vn(e, t) {
-  t === void 0 && (t = {});
-  var r = t, n = r.placement, o = r.boundary, a = r.rootBoundary, i = r.padding, u = r.flipVariations, s = r.allowedAutoPlacements, l = s === void 0 ? lt : s, v = Te(n), m = v ? u ? It : It.filter(function(p) {
-    return Te(p) === v;
-  }) : Le, y = m.filter(function(p) {
-    return l.indexOf(p) >= 0;
-  });
-  y.length === 0 && (y = m);
-  var g = y.reduce(function(p, d) {
-    return p[d] = Ie(e, { placement: d, boundary: o, rootBoundary: a, padding: i })[Z(d)], p;
-  }, {});
-  return Object.keys(g).sort(function(p, d) {
-    return g[p] - g[d];
-  });
+function Kr(i) {
+  return i === "string" || i === "url" || i === "hex" || i === "email" || i === "date" || i === "pattern";
 }
-function Jn(e) {
-  if (Z(e) === st)
-    return [];
-  var t = ze(e);
-  return [Mt(e), t, Mt(t)];
+function P(i, e) {
+  return !!(i == null || e === "array" && Array.isArray(i) && !i.length || Kr(e) && typeof i == "string" && !i);
 }
-function Zn(e) {
-  var t = e.state, r = e.options, n = e.name;
-  if (!t.modifiersData[n]._skip) {
-    for (var o = r.mainAxis, a = o === void 0 ? !0 : o, i = r.altAxis, u = i === void 0 ? !0 : i, s = r.fallbackPlacements, l = r.padding, v = r.boundary, m = r.rootBoundary, y = r.altBoundary, g = r.flipVariations, p = g === void 0 ? !0 : g, d = r.allowedAutoPlacements, w = t.options.placement, c = Z(w), b = c === w, O = s || (b || !p ? [ze(w)] : Jn(w)), h = [w].concat(O).reduce(function(le, G) {
-      return le.concat(Z(G) === st ? Vn(t, { placement: G, boundary: v, rootBoundary: m, padding: l, flipVariations: p, allowedAutoPlacements: d }) : G);
-    }, []), C = t.rects.reference, x = t.rects.popper, T = /* @__PURE__ */ new Map(), P = !0, k = h[0], R = 0; R < h.length; R++) {
-      var I = h[R], F = Z(I), _ = Te(I) === ye, j = [K, $].indexOf(F) >= 0, N = j ? "width" : "height", M = Ie(t, { placement: I, boundary: v, rootBoundary: m, altBoundary: y, padding: l }), E = j ? _ ? z : U : _ ? $ : K;
-      C[N] > x[N] && (E = ze(E));
-      var H = ze(E), V = [];
-      if (a && V.push(M[F] <= 0), u && V.push(M[E] <= 0, M[H] <= 0), V.every(function(le) {
-        return le;
-      })) {
-        k = I, P = !1;
-        break;
-      }
-      T.set(I, V);
-    }
-    if (P)
-      for (var De = p ? 3 : 1, Xe = function(le) {
-        var G = h.find(function(Be) {
-          var Ce = T.get(Be);
-          if (Ce)
-            return Ce.slice(0, le).every(function(de) {
-              return de;
-            });
-        });
-        if (G)
-          return k = G, "break";
-      }, Oe = De; Oe > 0; Oe--) {
-        var Ne = Xe(Oe);
-        if (Ne === "break")
-          break;
-      }
-    t.placement !== k && (t.modifiersData[n]._skip = !0, t.placement = k, t.reset = !0);
+function Jr(i, e, r) {
+  var n = [], t = 0, o = i.length;
+  function a(s) {
+    n.push.apply(n, s || []), t++, t === o && r(n);
   }
-}
-var Yn = { name: "flip", enabled: !0, phase: "main", fn: Zn, requiresIfExists: ["offset"], data: { _skip: !1 } };
-function Nt(e, t, r) {
-  return r === void 0 && (r = { x: 0, y: 0 }), { top: e.top - t.height - r.y, right: e.right - t.width + r.x, bottom: e.bottom - t.height + r.y, left: e.left - t.width - r.x };
-}
-function Bt(e) {
-  return [K, z, $, U].some(function(t) {
-    return e[t] >= 0;
+  i.forEach(function(s) {
+    e(s, a);
   });
 }
-function Gn(e) {
-  var t = e.state, r = e.name, n = t.rects.reference, o = t.rects.popper, a = t.modifiersData.preventOverflow, i = Ie(t, { elementContext: "reference" }), u = Ie(t, { altBoundary: !0 }), s = Nt(i, n), l = Nt(u, o, a), v = Bt(s), m = Bt(l);
-  t.modifiersData[r] = { referenceClippingOffsets: s, popperEscapeOffsets: l, isReferenceHidden: v, hasPopperEscaped: m }, t.attributes.popper = Object.assign({}, t.attributes.popper, { "data-popper-reference-hidden": v, "data-popper-escaped": m });
-}
-var Xn = { name: "hide", enabled: !0, phase: "main", requiresIfExists: ["preventOverflow"], fn: Gn };
-function Qn(e, t, r) {
-  var n = Z(e), o = [U, K].indexOf(n) >= 0 ? -1 : 1, a = typeof r == "function" ? r(Object.assign({}, t, { placement: e })) : r, i = a[0], u = a[1];
-  return i = i || 0, u = (u || 0) * o, [U, z].indexOf(n) >= 0 ? { x: u, y: i } : { x: i, y: u };
-}
-function eo(e) {
-  var t = e.state, r = e.options, n = e.name, o = r.offset, a = o === void 0 ? [0, 0] : o, i = lt.reduce(function(v, m) {
-    return v[m] = Qn(m, t.rects, a), v;
-  }, {}), u = i[t.placement], s = u.x, l = u.y;
-  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += s, t.modifiersData.popperOffsets.y += l), t.modifiersData[n] = i;
-}
-var to = { name: "offset", enabled: !0, phase: "main", requires: ["popperOffsets"], fn: eo };
-function ro(e) {
-  var t = e.state, r = e.name;
-  t.modifiersData[r] = gr({ reference: t.rects.reference, element: t.rects.popper, strategy: "absolute", placement: t.placement });
-}
-var hr = { name: "popperOffsets", enabled: !0, phase: "read", fn: ro, data: {} };
-function no(e) {
-  return e === "x" ? "y" : "x";
-}
-function oo(e) {
-  var t = e.state, r = e.options, n = e.name, o = r.mainAxis, a = o === void 0 ? !0 : o, i = r.altAxis, u = i === void 0 ? !1 : i, s = r.boundary, l = r.rootBoundary, v = r.altBoundary, m = r.padding, y = r.tether, g = y === void 0 ? !0 : y, p = r.tetherOffset, d = p === void 0 ? 0 : p, w = Ie(t, { boundary: s, rootBoundary: l, padding: m, altBoundary: v }), c = Z(t.placement), b = Te(t.placement), O = !b, h = pt(c), C = no(h), x = t.modifiersData.popperOffsets, T = t.rects.reference, P = t.rects.popper, k = typeof d == "function" ? d(Object.assign({}, t.rects, { placement: t.placement })) : d, R = typeof k == "number" ? { mainAxis: k, altAxis: k } : Object.assign({ mainAxis: 0, altAxis: 0 }, k), I = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, F = { x: 0, y: 0 };
-  if (x) {
-    if (a) {
-      var _, j = h === "y" ? K : U, N = h === "y" ? $ : z, M = h === "y" ? "height" : "width", E = x[h], H = E + w[j], V = E - w[N], De = g ? -P[M] / 2 : 0, Xe = b === ye ? T[M] : P[M], Oe = b === ye ? -P[M] : -T[M], Ne = t.elements.arrow, le = g && Ne ? ct(Ne) : { width: 0, height: 0 }, G = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : cr(), Be = G[j], Ce = G[N], de = xe(0, T[M], le[M]), Ar = O ? T[M] / 2 - De - de - Be - R.mainAxis : Xe - de - Be - R.mainAxis, Fr = O ? -T[M] / 2 + De + de + Ce + R.mainAxis : Oe + de + Ce + R.mainAxis, Qe = t.elements.arrow && Me(t.elements.arrow), kr = Qe ? h === "y" ? Qe.clientTop || 0 : Qe.clientLeft || 0 : 0, wt = (_ = I == null ? void 0 : I[h]) != null ? _ : 0, Ir = E + Ar - wt - kr, _r = E + Fr - wt, Et = xe(g ? Ze(H, Ir) : H, E, g ? pe(V, _r) : V);
-      x[h] = Et, F[h] = Et - E;
-    }
-    if (u) {
-      var Tt, Lr = h === "x" ? K : U, Mr = h === "x" ? $ : z, ue = x[C], je = C === "y" ? "height" : "width", Ot = ue + w[Lr], Ct = ue - w[Mr], et = [K, U].indexOf(c) !== -1, Pt = (Tt = I == null ? void 0 : I[C]) != null ? Tt : 0, St = et ? Ot : ue - T[je] - P[je] - Pt + R.altAxis, xt = et ? ue + T[je] + P[je] - Pt - R.altAxis : Ct, Rt = g && et ? kn(St, ue, xt) : xe(g ? St : Ot, ue, g ? xt : Ct);
-      x[C] = Rt, F[C] = Rt - ue;
+function Me(i, e, r) {
+  var n = 0, t = i.length;
+  function o(a) {
+    if (a && a.length) {
+      r(a);
+      return;
     }
-    t.modifiersData[n] = F;
+    var s = n;
+    n = n + 1, s < t ? e(i[s], o) : r([]);
   }
-}
-var ao = { name: "preventOverflow", enabled: !0, phase: "main", fn: oo, requiresIfExists: ["offset"] };
-function io(e) {
-  return { scrollLeft: e.scrollLeft, scrollTop: e.scrollTop };
-}
-function so(e) {
-  return e === q(e) || !W(e) ? ft(e) : io(e);
-}
-function lo(e) {
-  var t = e.getBoundingClientRect(), r = we(t.width) / e.offsetWidth || 1, n = we(t.height) / e.offsetHeight || 1;
-  return r !== 1 || n !== 1;
-}
-function uo(e, t, r) {
-  r === void 0 && (r = !1);
-  var n = W(t), o = W(t) && lo(t), a = se(t), i = Ee(e, o), u = { scrollLeft: 0, scrollTop: 0 }, s = { x: 0, y: 0 };
-  return (n || !n && !r) && ((Y(t) !== "body" || vt(a)) && (u = so(t)), W(t) ? (s = Ee(t, !0), s.x += t.clientLeft, s.y += t.clientTop) : a && (s.x = dt(a))), { x: i.left + u.scrollLeft - s.x, y: i.top + u.scrollTop - s.y, width: i.width, height: i.height };
-}
-function co(e) {
-  var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), n = [];
-  e.forEach(function(a) {
-    t.set(a.name, a);
-  });
-  function o(a) {
-    r.add(a.name);
-    var i = [].concat(a.requires || [], a.requiresIfExists || []);
-    i.forEach(function(u) {
-      if (!r.has(u)) {
-        var s = t.get(u);
-        s && o(s);
-      }
-    }), n.push(a);
+  o([]);
+}
+function Yr(i) {
+  var e = [];
+  return Object.keys(i).forEach(function(r) {
+    e.push.apply(e, i[r] || []);
+  }), e;
+}
+var We = /* @__PURE__ */ function(i) {
+  zr(e, i);
+  function e(r, n) {
+    var t;
+    return t = i.call(this, "Async Validation Error") || this, t.errors = r, t.fields = n, t;
   }
-  return e.forEach(function(a) {
-    r.has(a.name) || o(a);
-  }), n;
-}
-function po(e) {
-  var t = co(e);
-  return Sn.reduce(function(r, n) {
-    return r.concat(t.filter(function(o) {
-      return o.phase === n;
-    }));
-  }, []);
-}
-function fo(e) {
-  var t;
-  return function() {
-    return t || (t = new Promise(function(r) {
-      Promise.resolve().then(function() {
-        t = void 0, r(e());
-      });
-    })), t;
-  };
-}
-function vo(e) {
-  var t = e.reduce(function(r, n) {
-    var o = r[n.name];
-    return r[n.name] = o ? Object.assign({}, o, n, { options: Object.assign({}, o.options, n.options), data: Object.assign({}, o.data, n.data) }) : n, r;
-  }, {});
-  return Object.keys(t).map(function(r) {
-    return t[r];
+  return e;
+}(/* @__PURE__ */ ge(Error));
+function Zr(i, e, r, n, t) {
+  if (e.first) {
+    var o = new Promise(function(w, O) {
+      var A = function(f) {
+        return n(f), f.length ? O(new We(f, ye(f))) : w(t);
+      }, d = Yr(i);
+      Me(d, r, A);
+    });
+    return o.catch(function(w) {
+      return w;
+    }), o;
+  }
+  var a = e.firstFields === !0 ? Object.keys(i) : e.firstFields || [], s = Object.keys(i), u = s.length, g = 0, p = [], y = new Promise(function(w, O) {
+    var A = function(b) {
+      if (p.push.apply(p, b), g++, g === u)
+        return n(p), p.length ? O(new We(p, ye(p))) : w(t);
+    };
+    s.length || (n(p), w(t)), s.forEach(function(d) {
+      var b = i[d];
+      a.indexOf(d) !== -1 ? Me(b, r, A) : Jr(b, r, A);
+    });
   });
+  return y.catch(function(w) {
+    return w;
+  }), y;
 }
-var jt = { placement: "bottom", modifiers: [], strategy: "absolute" };
-function Ht() {
-  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
-    t[r] = arguments[r];
-  return !t.some(function(n) {
-    return !(n && typeof n.getBoundingClientRect == "function");
-  });
+function Gr(i) {
+  return !!(i && i.message !== void 0);
 }
-function mt(e) {
-  e === void 0 && (e = {});
-  var t = e, r = t.defaultModifiers, n = r === void 0 ? [] : r, o = t.defaultOptions, a = o === void 0 ? jt : o;
-  return function(i, u, s) {
-    s === void 0 && (s = a);
-    var l = { placement: "bottom", orderedModifiers: [], options: Object.assign({}, jt, a), modifiersData: {}, elements: { reference: i, popper: u }, attributes: {}, styles: {} }, v = [], m = !1, y = { state: l, setOptions: function(d) {
-      var w = typeof d == "function" ? d(l.options) : d;
-      p(), l.options = Object.assign({}, a, l.options, w), l.scrollParents = { reference: be(i) ? Re(i) : i.contextElement ? Re(i.contextElement) : [], popper: Re(u) };
-      var c = po(vo([].concat(n, l.options.modifiers)));
-      return l.orderedModifiers = c.filter(function(b) {
-        return b.enabled;
-      }), g(), y.update();
-    }, forceUpdate: function() {
-      if (!m) {
-        var d = l.elements, w = d.reference, c = d.popper;
-        if (Ht(w, c)) {
-          l.rects = { reference: uo(w, Me(c), l.options.strategy === "fixed"), popper: ct(c) }, l.reset = !1, l.placement = l.options.placement, l.orderedModifiers.forEach(function(P) {
-            return l.modifiersData[P.name] = Object.assign({}, P.data);
-          });
-          for (var b = 0; b < l.orderedModifiers.length; b++) {
-            if (l.reset === !0) {
-              l.reset = !1, b = -1;
-              continue;
-            }
-            var O = l.orderedModifiers[b], h = O.fn, C = O.options, x = C === void 0 ? {} : C, T = O.name;
-            typeof h == "function" && (l = h({ state: l, options: x, name: T, instance: y }) || l);
-          }
-        }
-      }
-    }, update: fo(function() {
-      return new Promise(function(d) {
-        y.forceUpdate(), d(l);
-      });
-    }), destroy: function() {
-      p(), m = !0;
-    } };
-    if (!Ht(i, u))
-      return y;
-    y.setOptions(s).then(function(d) {
-      !m && s.onFirstUpdate && s.onFirstUpdate(d);
-    });
-    function g() {
-      l.orderedModifiers.forEach(function(d) {
-        var w = d.name, c = d.options, b = c === void 0 ? {} : c, O = d.effect;
-        if (typeof O == "function") {
-          var h = O({ state: l, name: w, instance: y, options: b }), C = function() {
-          };
-          v.push(h || C);
-        }
-      });
-    }
-    function p() {
-      v.forEach(function(d) {
-        return d();
-      }), v = [];
-    }
-    return y;
-  };
+function kr(i, e) {
+  for (var r = i, n = 0; n < e.length; n++) {
+    if (r == null)
+      return r;
+    r = r[e[n]];
+  }
+  return r;
 }
-mt();
-var mo = [vr, hr, dr, lr];
-mt({ defaultModifiers: mo });
-var go = [vr, hr, dr, lr, to, Yn, ao, Mn, Xn], ho = mt({ defaultModifiers: go }), yo = (e, t, r = {}) => {
-  const n = {
-    name: "updateState",
-    enabled: !0,
-    phase: "write",
-    fn: ({ state: s }) => {
-      const l = bo(s);
-      Object.assign(i.value, l);
-    },
-    requires: ["computeStyles"]
-  }, o = S(() => {
-    const { onFirstUpdate: s, placement: l, strategy: v, modifiers: m } = f(r);
-    return {
-      onFirstUpdate: s,
-      placement: l || "bottom",
-      strategy: v || "absolute",
-      modifiers: [
-        ...m || [],
-        n,
-        { name: "applyStyles", enabled: !1 }
-      ]
+function Le(i, e) {
+  return function(r) {
+    var n;
+    return i.fullFields ? n = kr(e, i.fullFields) : n = e[r.field || i.fullField], Gr(r) ? (r.field = r.field || i.fullField, r.fieldValue = n, r) : {
+      message: typeof r == "function" ? r() : r,
+      fieldValue: n,
+      field: r.field || i.fullField
     };
-  }), a = an(), i = A({
-    styles: {
-      popper: {
-        position: f(o).strategy,
-        left: "0",
-        top: "0"
-      },
-      arrow: {
-        position: "absolute"
-      }
-    },
-    attributes: {}
-  }), u = () => {
-    a.value && (a.value.destroy(), a.value = void 0);
-  };
-  return D(o, (s) => {
-    const l = f(a);
-    l && l.setOptions(s);
-  }, {
-    deep: !0
-  }), D([e, t], ([s, l]) => {
-    u(), !(!s || !l) && (a.value = ho(s, l, f(o)));
-  }), ie(() => {
-    u();
-  }), {
-    state: S(() => {
-      var s;
-      return { ...((s = f(a)) == null ? void 0 : s.state) || {} };
-    }),
-    styles: S(() => f(i).styles),
-    attributes: S(() => f(i).attributes),
-    update: () => {
-      var s;
-      return (s = f(a)) == null ? void 0 : s.update();
-    },
-    forceUpdate: () => {
-      var s;
-      return (s = f(a)) == null ? void 0 : s.forceUpdate();
-    },
-    instanceRef: S(() => f(a))
-  };
-};
-function bo(e) {
-  const t = Object.keys(e.elements), r = Ft(t.map((o) => [o, e.styles[o] || {}])), n = Ft(t.map((o) => [o, e.attributes[o]]));
-  return {
-    styles: r,
-    attributes: n
   };
 }
-function Kt() {
-  let e;
-  const t = (n, o) => {
-    r(), e = window.setTimeout(n, o);
-  }, r = () => window.clearTimeout(e);
-  return Wr(() => r()), {
-    registerTimeout: t,
-    cancelTimeout: r
-  };
-}
-var me = [], Ut = (e) => {
-  const t = e;
-  t.key === Je.esc && me.forEach((r) => r(t));
-}, wo = (e) => {
-  fe(() => {
-    me.length === 0 && document.addEventListener("keydown", Ut), ce && me.push(e);
-  }), ie(() => {
-    me = me.filter((t) => t !== e), me.length === 0 && ce && document.removeEventListener("keydown", Ut);
-  });
-}, Wt, yr = () => {
-  const e = jr(), t = Nr(), r = S(() => `${e.value}-popper-container-${t.prefix}`), n = S(() => `#${r.value}`);
-  return {
-    id: r,
-    selector: n
-  };
-}, Eo = (e) => {
-  const t = document.createElement("div");
-  return t.id = e, document.body.appendChild(t), t;
-}, To = () => {
-  const { id: e, selector: t } = yr();
-  return nn(() => {
-    ce && !Wt && !document.body.querySelector(t.value) && (Wt = Eo(e.value));
-  }), {
-    id: e,
-    selector: t
-  };
-}, Oo = ee({
-  showAfter: {
-    type: Number,
-    default: 0
-  },
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  autoClose: {
-    type: Number,
-    default: 0
+function Te(i, e) {
+  if (e) {
+    for (var r in e)
+      if (e.hasOwnProperty(r)) {
+        var n = e[r];
+        typeof n == "object" && typeof i[r] == "object" ? i[r] = z({}, i[r], n) : i[r] = n;
+      }
   }
-}), Co = ({
-  showAfter: e,
-  hideAfter: t,
-  autoClose: r,
-  open: n,
-  close: o
-}) => {
-  const { registerTimeout: a } = Kt(), {
-    registerTimeout: i,
-    cancelTimeout: u
-  } = Kt();
-  return {
-    onOpen: (v) => {
-      a(() => {
-        n(v);
-        const m = f(r);
-        nr(m) && m > 0 && i(() => {
-          o(v);
-        }, m);
-      }, f(e));
-    },
-    onClose: (v) => {
-      u(), a(() => {
-        o(v);
-      }, f(t));
-    }
+  return i;
+}
+var er = function(e, r, n, t, o, a) {
+  e.required && (!n.hasOwnProperty(e.field) || P(r, a || e.type)) && t.push(N(o.messages.required, e.fullField));
+}, Hr = function(e, r, n, t, o) {
+  (/^\s+$/.test(r) || r === "") && t.push(N(o.messages.whitespace, e.fullField));
+}, te, Qr = function() {
+  if (te)
+    return te;
+  var i = "[a-fA-F\\d:]", e = function(h) {
+    return h && h.includeBoundaries ? "(?:(?<=\\s|^)(?=" + i + ")|(?<=" + i + ")(?=\\s|$))" : "";
+  }, r = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}", n = "[a-fA-F\\d]{1,4}", t = (`
+(?:
+(?:` + n + ":){7}(?:" + n + `|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8
+(?:` + n + ":){6}(?:" + r + "|:" + n + `|:)|                             // 1:2:3:4:5:6::    1:2:3:4:5:6::8   1:2:3:4:5:6::8  1:2:3:4:5:6::1.2.3.4
+(?:` + n + ":){5}(?::" + r + "|(?::" + n + `){1,2}|:)|                   // 1:2:3:4:5::      1:2:3:4:5::7:8   1:2:3:4:5::8    1:2:3:4:5::7:1.2.3.4
+(?:` + n + ":){4}(?:(?::" + n + "){0,1}:" + r + "|(?::" + n + `){1,3}|:)| // 1:2:3:4::        1:2:3:4::6:7:8   1:2:3:4::8      1:2:3:4::6:7:1.2.3.4
+(?:` + n + ":){3}(?:(?::" + n + "){0,2}:" + r + "|(?::" + n + `){1,4}|:)| // 1:2:3::          1:2:3::5:6:7:8   1:2:3::8        1:2:3::5:6:7:1.2.3.4
+(?:` + n + ":){2}(?:(?::" + n + "){0,3}:" + r + "|(?::" + n + `){1,5}|:)| // 1:2::            1:2::4:5:6:7:8   1:2::8          1:2::4:5:6:7:1.2.3.4
+(?:` + n + ":){1}(?:(?::" + n + "){0,4}:" + r + "|(?::" + n + `){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4
+(?::(?:(?::` + n + "){0,5}:" + r + "|(?::" + n + `){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4
+)(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1
+`).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), o = new RegExp("(?:^" + r + "$)|(?:^" + t + "$)"), a = new RegExp("^" + r + "$"), s = new RegExp("^" + t + "$"), u = function(h) {
+    return h && h.exact ? o : new RegExp("(?:" + e(h) + r + e(h) + ")|(?:" + e(h) + t + e(h) + ")", "g");
   };
-}, br = Symbol("elForwardRef"), Po = (e) => {
-  he(br, {
-    setForwardRef: (r) => {
-      e.value = r;
-    }
-  });
-}, So = (e) => ({
-  mounted(t) {
-    e(t);
+  u.v4 = function(l) {
+    return l && l.exact ? a : new RegExp("" + e(l) + r + e(l), "g");
+  }, u.v6 = function(l) {
+    return l && l.exact ? s : new RegExp("" + e(l) + t + e(l), "g");
+  };
+  var g = "(?:(?:[a-z]+:)?//)", p = "(?:\\S+(?::\\S*)?@)?", y = u.v4().source, w = u.v6().source, O = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", A = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", d = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", b = "(?::\\d{2,5})?", f = '(?:[/?#][^\\s"]*)?', v = "(?:" + g + "|www\\.)" + p + "(?:localhost|" + y + "|" + w + "|" + O + A + d + ")" + b + f;
+  return te = new RegExp("(?:^" + v + "$)", "i"), te;
+}, $e = {
+  // http://emailregex.com/
+  email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
+  // url: new RegExp(
+  //   '^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$',
+  //   'i',
+  // ),
+  hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
+}, Z = {
+  integer: function(e) {
+    return Z.number(e) && parseInt(e, 10) === e;
   },
-  updated(t) {
-    e(t);
+  float: function(e) {
+    return Z.number(e) && !Z.integer(e);
   },
-  unmounted() {
-    e(null);
-  }
-}), $t = A(0), xo = 2e3, Ro = Symbol("zIndexContextKey"), Ao = (e) => {
-  const t = e || (ir() ? te(Ro, void 0) : void 0), r = S(() => {
-    const a = f(t);
-    return nr(a) ? a : xo;
-  }), n = S(() => r.value + $t.value);
-  return {
-    initialZIndex: r,
-    currentZIndex: n,
-    nextZIndex: () => ($t.value++, n.value)
-  };
-}, gt = Symbol("popper"), wr = Symbol("popperContent"), Fo = [
-  "dialog",
-  "grid",
-  "group",
-  "listbox",
-  "menu",
-  "navigation",
-  "tooltip",
-  "tree"
-], Er = ee({
-  role: {
-    type: String,
-    values: Fo,
-    default: "tooltip"
-  }
-}), Tr = ee({
-  arrowOffset: {
-    type: Number,
-    default: 5
-  }
-}), ko = B({
-  name: "ElPopperArrow",
-  inheritAttrs: !1
-}), Io = /* @__PURE__ */ B({
-  ...ko,
-  props: Tr,
-  setup(e, { expose: t }) {
-    const r = e, n = _e("popper"), { arrowOffset: o, arrowRef: a, arrowStyle: i } = te(wr, void 0);
-    return D(() => r.arrowOffset, (u) => {
-      o.value = u;
-    }), ie(() => {
-      a.value = void 0;
-    }), t({
-      arrowRef: a
-    }), (u, s) => (J(), Ve("span", {
-      ref_key: "arrowRef",
-      ref: a,
-      class: or(f(n).e("arrow")),
-      style: qr(f(i)),
-      "data-popper-arrow": ""
-    }, null, 6));
-  }
-}), _o = /* @__PURE__ */ ae(Io, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/arrow.vue"]]), Or = ee({
-  virtualRef: {
-    type: L(Object)
+  array: function(e) {
+    return Array.isArray(e);
   },
-  virtualTriggering: Boolean,
-  onMouseenter: {
-    type: L(Function)
+  regexp: function(e) {
+    if (e instanceof RegExp)
+      return !0;
+    try {
+      return !!new RegExp(e);
+    } catch {
+      return !1;
+    }
   },
-  onMouseleave: {
-    type: L(Function)
+  date: function(e) {
+    return typeof e.getTime == "function" && typeof e.getMonth == "function" && typeof e.getYear == "function" && !isNaN(e.getTime());
   },
-  onClick: {
-    type: L(Function)
+  number: function(e) {
+    return isNaN(e) ? !1 : typeof e == "number";
   },
-  onKeydown: {
-    type: L(Function)
+  object: function(e) {
+    return typeof e == "object" && !Z.array(e);
   },
-  onFocus: {
-    type: L(Function)
+  method: function(e) {
+    return typeof e == "function";
   },
-  onBlur: {
-    type: L(Function)
+  email: function(e) {
+    return typeof e == "string" && e.length <= 320 && !!e.match($e.email);
   },
-  onContextmenu: {
-    type: L(Function)
+  url: function(e) {
+    return typeof e == "string" && e.length <= 2048 && !!e.match(Qr());
   },
-  id: String,
-  open: Boolean
-}), Lo = "ElOnlyChild", Mo = B({
-  name: Lo,
-  setup(e, {
-    slots: t,
-    attrs: r
-  }) {
-    var n;
-    const o = te(br), a = So((n = o == null ? void 0 : o.setForwardRef) != null ? n : nt);
-    return () => {
-      var i;
-      const u = (i = t.default) == null ? void 0 : i.call(t, r);
-      if (!u || u.length > 1)
-        return null;
-      const s = Cr(u);
-      return s ? ar(Vr(s, r), [[a]]) : null;
-    };
+  hex: function(e) {
+    return typeof e == "string" && !!e.match($e.hex);
   }
-});
-function Cr(e) {
-  if (!e)
-    return null;
-  const t = e;
-  for (const r of t) {
-    if (Br(r))
-      switch (r.type) {
-        case Yr:
-          continue;
-        case Zr:
-        case "svg":
-          return zt(r);
-        case Jr:
-          return Cr(r.children);
-        default:
-          return r;
-      }
-    return zt(r);
+}, Xr = function(e, r, n, t, o) {
+  if (e.required && r === void 0) {
+    er(e, r, n, t, o);
+    return;
   }
-  return null;
-}
-function zt(e) {
-  const t = _e("only-child");
-  return Ae("span", {
-    class: t.e("content")
-  }, [e]);
-}
-var Do = B({
-  name: "ElPopperTrigger",
-  inheritAttrs: !1
-}), No = /* @__PURE__ */ B({
-  ...Do,
-  props: Or,
-  setup(e, { expose: t }) {
-    const r = e, { role: n, triggerRef: o } = te(gt, void 0);
-    Po(o);
-    const a = S(() => u.value ? r.id : void 0), i = S(() => {
-      if (n && n.value === "tooltip")
-        return r.open && r.id ? r.id : void 0;
-    }), u = S(() => {
-      if (n && n.value !== "tooltip")
-        return n.value;
-    }), s = S(() => u.value ? `${r.open}` : void 0);
-    let l;
-    return fe(() => {
-      D(() => r.virtualRef, (v) => {
-        v && (o.value = er(v));
-      }, {
-        immediate: !0
-      }), D(o, (v, m) => {
-        l == null || l(), l = void 0, qe(v) && ([
-          "onMouseenter",
-          "onMouseleave",
-          "onClick",
-          "onKeydown",
-          "onFocus",
-          "onBlur",
-          "onContextmenu"
-        ].forEach((y) => {
-          var g;
-          const p = r[y];
-          p && (v.addEventListener(y.slice(2).toLowerCase(), p), (g = m == null ? void 0 : m.removeEventListener) == null || g.call(m, y.slice(2).toLowerCase(), p));
-        }), l = D([a, i, u, s], (y) => {
-          [
-            "aria-controls",
-            "aria-describedby",
-            "aria-haspopup",
-            "aria-expanded"
-          ].forEach((g, p) => {
-            at(y[p]) ? v.removeAttribute(g) : v.setAttribute(g, y[p]);
-          });
-        }, { immediate: !0 })), qe(m) && [
-          "aria-controls",
-          "aria-describedby",
-          "aria-haspopup",
-          "aria-expanded"
-        ].forEach((y) => m.removeAttribute(y));
-      }, {
-        immediate: !0
-      });
-    }), ie(() => {
-      l == null || l(), l = void 0;
-    }), t({
-      triggerRef: o
-    }), (v, m) => v.virtualTriggering ? Fe("v-if", !0) : (J(), ge(f(Mo), it({ key: 0 }, v.$attrs, {
-      "aria-controls": f(a),
-      "aria-describedby": f(i),
-      "aria-expanded": f(s),
-      "aria-haspopup": f(u)
-    }), {
-      default: ne(() => [
-        oe(v.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup"]));
+  var a = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], s = e.type;
+  a.indexOf(s) > -1 ? Z[s](r) || t.push(N(o.messages.types[s], e.fullField, e.type)) : s && typeof r !== e.type && t.push(N(o.messages.types[s], e.fullField, e.type));
+}, et = function(e, r, n, t, o) {
+  var a = typeof e.len == "number", s = typeof e.min == "number", u = typeof e.max == "number", g = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, p = r, y = null, w = typeof r == "number", O = typeof r == "string", A = Array.isArray(r);
+  if (w ? y = "number" : O ? y = "string" : A && (y = "array"), !y)
+    return !1;
+  A && (p = r.length), O && (p = r.replace(g, "_").length), a ? p !== e.len && t.push(N(o.messages[y].len, e.fullField, e.len)) : s && !u && p < e.min ? t.push(N(o.messages[y].min, e.fullField, e.min)) : u && !s && p > e.max ? t.push(N(o.messages[y].max, e.fullField, e.max)) : s && u && (p < e.min || p > e.max) && t.push(N(o.messages[y].range, e.fullField, e.min, e.max));
+}, U = "enum", rt = function(e, r, n, t, o) {
+  e[U] = Array.isArray(e[U]) ? e[U] : [], e[U].indexOf(r) === -1 && t.push(N(o.messages[U], e.fullField, e[U].join(", ")));
+}, tt = function(e, r, n, t, o) {
+  if (e.pattern) {
+    if (e.pattern instanceof RegExp)
+      e.pattern.lastIndex = 0, e.pattern.test(r) || t.push(N(o.messages.pattern.mismatch, e.fullField, r, e.pattern));
+    else if (typeof e.pattern == "string") {
+      var a = new RegExp(e.pattern);
+      a.test(r) || t.push(N(o.messages.pattern.mismatch, e.fullField, r, e.pattern));
+    }
   }
-}), Bo = /* @__PURE__ */ ae(No, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/trigger.vue"]]), jo = ["fixed", "absolute"], Ho = ee({
-  boundariesPadding: {
-    type: Number,
-    default: 0
-  },
-  fallbackPlacements: {
-    type: L(Array),
-    default: void 0
-  },
-  gpuAcceleration: {
-    type: Boolean,
-    default: !0
-  },
-  offset: {
-    type: Number,
-    default: 12
-  },
-  placement: {
-    type: String,
-    values: lt,
-    default: "bottom"
-  },
-  popperOptions: {
-    type: L(Object),
-    default: () => ({})
-  },
-  strategy: {
-    type: String,
-    values: jo,
-    default: "absolute"
+}, m = {
+  required: er,
+  whitespace: Hr,
+  type: Xr,
+  range: et,
+  enum: rt,
+  pattern: tt
+}, nt = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (P(r, "string") && !e.required)
+      return n();
+    m.required(e, r, t, a, o, "string"), P(r, "string") || (m.type(e, r, t, a, o), m.range(e, r, t, a, o), m.pattern(e, r, t, a, o), e.whitespace === !0 && m.whitespace(e, r, t, a, o));
   }
-}), Pr = ee({
-  ...Ho,
-  id: String,
-  style: {
-    type: L([String, Array, Object])
-  },
-  className: {
-    type: L([String, Array, Object])
-  },
-  effect: {
-    type: String,
-    default: "dark"
-  },
-  visible: Boolean,
-  enterable: {
-    type: Boolean,
-    default: !0
-  },
-  pure: Boolean,
-  focusOnShow: {
-    type: Boolean,
-    default: !1
-  },
-  trapping: {
-    type: Boolean,
-    default: !1
-  },
-  popperClass: {
-    type: L([String, Array, Object])
-  },
-  popperStyle: {
-    type: L([String, Array, Object])
-  },
-  referenceEl: {
-    type: L(Object)
-  },
-  triggerTargetEl: {
-    type: L(Object)
-  },
-  stopPopperMouseEvent: {
-    type: Boolean,
-    default: !0
-  },
-  ariaLabel: {
-    type: String,
-    default: void 0
-  },
-  virtualTriggering: Boolean,
-  zIndex: Number
-}), Ko = {
-  mouseenter: (e) => e instanceof MouseEvent,
-  mouseleave: (e) => e instanceof MouseEvent,
-  focus: () => !0,
-  blur: () => !0,
-  close: () => !0
-}, tt = "focus-trap.focus-after-trapped", rt = "focus-trap.focus-after-released", Uo = "focus-trap.focusout-prevented", qt = {
-  cancelable: !0,
-  bubbles: !1
-}, Wo = {
-  cancelable: !0,
-  bubbles: !1
-}, Vt = "focusAfterTrapped", Jt = "focusAfterReleased", $o = Symbol("elFocusTrap"), ht = A(), Ge = A(0), yt = A(0), Ue = 0, Sr = (e) => {
-  const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (n) => {
-      const o = n.tagName === "INPUT" && n.type === "hidden";
-      return n.disabled || n.hidden || o ? NodeFilter.FILTER_SKIP : n.tabIndex >= 0 || n === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+  n(a);
+}, it = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (P(r) && !e.required)
+      return n();
+    m.required(e, r, t, a, o), r !== void 0 && m.type(e, r, t, a, o);
+  }
+  n(a);
+}, at = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (r === "" && (r = void 0), P(r) && !e.required)
+      return n();
+    m.required(e, r, t, a, o), r !== void 0 && (m.type(e, r, t, a, o), m.range(e, r, t, a, o));
+  }
+  n(a);
+}, ot = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (P(r) && !e.required)
+      return n();
+    m.required(e, r, t, a, o), r !== void 0 && m.type(e, r, t, a, o);
+  }
+  n(a);
+}, st = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (P(r) && !e.required)
+      return n();
+    m.required(e, r, t, a, o), P(r) || m.type(e, r, t, a, o);
+  }
+  n(a);
+}, lt = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (P(r) && !e.required)
+      return n();
+    m.required(e, r, t, a, o), r !== void 0 && (m.type(e, r, t, a, o), m.range(e, r, t, a, o));
+  }
+  n(a);
+}, ft = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (P(r) && !e.required)
+      return n();
+    m.required(e, r, t, a, o), r !== void 0 && (m.type(e, r, t, a, o), m.range(e, r, t, a, o));
+  }
+  n(a);
+}, ut = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (r == null && !e.required)
+      return n();
+    m.required(e, r, t, a, o, "array"), r != null && (m.type(e, r, t, a, o), m.range(e, r, t, a, o));
+  }
+  n(a);
+}, dt = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (P(r) && !e.required)
+      return n();
+    m.required(e, r, t, a, o), r !== void 0 && m.type(e, r, t, a, o);
+  }
+  n(a);
+}, ct = "enum", pt = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (P(r) && !e.required)
+      return n();
+    m.required(e, r, t, a, o), r !== void 0 && m[ct](e, r, t, a, o);
+  }
+  n(a);
+}, vt = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (P(r, "string") && !e.required)
+      return n();
+    m.required(e, r, t, a, o), P(r, "string") || m.pattern(e, r, t, a, o);
+  }
+  n(a);
+}, mt = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (P(r, "date") && !e.required)
+      return n();
+    if (m.required(e, r, t, a, o), !P(r, "date")) {
+      var u;
+      r instanceof Date ? u = r : u = new Date(r), m.type(e, u, t, a, o), u && m.range(e, u.getTime(), t, a, o);
     }
-  });
-  for (; r.nextNode(); )
-    t.push(r.currentNode);
-  return t;
-}, Zt = (e, t) => {
-  for (const r of e)
-    if (!zo(r, t))
-      return r;
-}, zo = (e, t) => {
-  if (getComputedStyle(e).visibility === "hidden")
-    return !0;
-  for (; e; ) {
-    if (t && e === t)
-      return !1;
-    if (getComputedStyle(e).display === "none")
-      return !0;
-    e = e.parentElement;
   }
-  return !1;
-}, qo = (e) => {
-  const t = Sr(e), r = Zt(t, e), n = Zt(t.reverse(), e);
-  return [r, n];
-}, Vo = (e) => e instanceof HTMLInputElement && "select" in e, re = (e, t) => {
-  if (e && e.focus) {
-    const r = document.activeElement;
-    e.focus({ preventScroll: !0 }), yt.value = window.performance.now(), e !== r && Vo(e) && t && e.select();
+  n(a);
+}, ht = function(e, r, n, t, o) {
+  var a = [], s = Array.isArray(r) ? "array" : typeof r;
+  m.required(e, r, t, a, o, s), n(a);
+}, de = function(e, r, n, t, o) {
+  var a = e.type, s = [], u = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (u) {
+    if (P(r, a) && !e.required)
+      return n();
+    m.required(e, r, t, s, o, a), P(r, a) || m.type(e, r, t, s, o);
+  }
+  n(s);
+}, gt = function(e, r, n, t, o) {
+  var a = [], s = e.required || !e.required && t.hasOwnProperty(e.field);
+  if (s) {
+    if (P(r) && !e.required)
+      return n();
+    m.required(e, r, t, a, o);
   }
+  n(a);
+}, G = {
+  string: nt,
+  method: it,
+  number: at,
+  boolean: ot,
+  regexp: st,
+  integer: lt,
+  float: ft,
+  array: ut,
+  object: dt,
+  enum: pt,
+  pattern: vt,
+  date: mt,
+  url: de,
+  hex: de,
+  email: de,
+  required: ht,
+  any: gt
 };
-function Yt(e, t) {
-  const r = [...e], n = e.indexOf(t);
-  return n !== -1 && r.splice(n, 1), r;
-}
-var Jo = () => {
-  let e = [];
+function be() {
   return {
-    push: (n) => {
-      const o = e[0];
-      o && n !== o && o.pause(), e = Yt(e, n), e.unshift(n);
+    default: "Validation error on field %s",
+    required: "%s is required",
+    enum: "%s must be one of %s",
+    whitespace: "%s cannot be empty",
+    date: {
+      format: "%s date %s is invalid for format %s",
+      parse: "%s date could not be parsed, %s is invalid ",
+      invalid: "%s date %s is invalid"
+    },
+    types: {
+      string: "%s is not a %s",
+      method: "%s is not a %s (function)",
+      array: "%s is not an %s",
+      object: "%s is not an %s",
+      number: "%s is not a %s",
+      date: "%s is not a %s",
+      boolean: "%s is not a %s",
+      integer: "%s is not an %s",
+      float: "%s is not a %s",
+      regexp: "%s is not a valid %s",
+      email: "%s is not a valid %s",
+      url: "%s is not a valid %s",
+      hex: "%s is not a valid %s"
+    },
+    string: {
+      len: "%s must be exactly %s characters",
+      min: "%s must be at least %s characters",
+      max: "%s cannot be longer than %s characters",
+      range: "%s must be between %s and %s characters"
+    },
+    number: {
+      len: "%s must equal %s",
+      min: "%s cannot be less than %s",
+      max: "%s cannot be greater than %s",
+      range: "%s must be between %s and %s"
+    },
+    array: {
+      len: "%s must be exactly %s in length",
+      min: "%s cannot be less than %s in length",
+      max: "%s cannot be greater than %s in length",
+      range: "%s must be between %s and %s in length"
+    },
+    pattern: {
+      mismatch: "%s value %s does not match pattern %s"
     },
-    remove: (n) => {
-      var o, a;
-      e = Yt(e, n), (a = (o = e[0]) == null ? void 0 : o.resume) == null || a.call(o);
+    clone: function() {
+      var e = JSON.parse(JSON.stringify(this));
+      return e.clone = this.clone, e;
     }
   };
-}, Zo = (e, t = !1) => {
-  const r = document.activeElement;
-  for (const n of e)
-    if (re(n, t), document.activeElement !== r)
-      return;
-}, Gt = Jo(), Yo = () => Ge.value > yt.value, We = () => {
-  ht.value = "pointer", Ge.value = window.performance.now();
-}, Xt = () => {
-  ht.value = "keyboard", Ge.value = window.performance.now();
-}, Go = () => (fe(() => {
-  Ue === 0 && (document.addEventListener("mousedown", We), document.addEventListener("touchstart", We), document.addEventListener("keydown", Xt)), Ue++;
-}), ie(() => {
-  Ue--, Ue <= 0 && (document.removeEventListener("mousedown", We), document.removeEventListener("touchstart", We), document.removeEventListener("keydown", Xt));
-}), {
-  focusReason: ht,
-  lastUserFocusTimestamp: Ge,
-  lastAutomatedFocusTimestamp: yt
-}), $e = (e) => new CustomEvent(Uo, {
-  ...Wo,
-  detail: e
-}), Xo = B({
-  name: "ElFocusTrap",
-  inheritAttrs: !1,
-  props: {
-    loop: Boolean,
-    trapped: Boolean,
-    focusTrapEl: Object,
-    focusStartEl: {
-      type: [Object, String],
-      default: "first"
+}
+var we = be(), ee = /* @__PURE__ */ function() {
+  function i(r) {
+    this.rules = null, this._messages = we, this.define(r);
+  }
+  var e = i.prototype;
+  return e.define = function(n) {
+    var t = this;
+    if (!n)
+      throw new Error("Cannot configure a schema with no rules");
+    if (typeof n != "object" || Array.isArray(n))
+      throw new Error("Rules must be an object");
+    this.rules = {}, Object.keys(n).forEach(function(o) {
+      var a = n[o];
+      t.rules[o] = Array.isArray(a) ? a : [a];
+    });
+  }, e.messages = function(n) {
+    return n && (this._messages = Te(be(), n)), this._messages;
+  }, e.validate = function(n, t, o) {
+    var a = this;
+    t === void 0 && (t = {}), o === void 0 && (o = function() {
+    });
+    var s = n, u = t, g = o;
+    if (typeof u == "function" && (g = u, u = {}), !this.rules || Object.keys(this.rules).length === 0)
+      return g && g(null, s), Promise.resolve(s);
+    function p(d) {
+      var b = [], f = {};
+      function v(h) {
+        if (Array.isArray(h)) {
+          var q;
+          b = (q = b).concat.apply(q, h);
+        } else
+          b.push(h);
+      }
+      for (var l = 0; l < d.length; l++)
+        v(d[l]);
+      b.length ? (f = ye(b), g(b, f)) : g(null, s);
     }
-  },
-  emits: [
-    Vt,
-    Jt,
-    "focusin",
-    "focusout",
-    "focusout-prevented",
-    "release-requested"
-  ],
-  setup(e, { emit: t }) {
-    const r = A();
-    let n, o;
-    const { focusReason: a } = Go();
-    wo((p) => {
-      e.trapped && !i.paused && t("release-requested", p);
+    if (u.messages) {
+      var y = this.messages();
+      y === we && (y = be()), Te(y, u.messages), u.messages = y;
+    } else
+      u.messages = this.messages();
+    var w = {}, O = u.keys || Object.keys(this.rules);
+    O.forEach(function(d) {
+      var b = a.rules[d], f = s[d];
+      b.forEach(function(v) {
+        var l = v;
+        typeof l.transform == "function" && (s === n && (s = z({}, s)), f = s[d] = l.transform(f)), typeof l == "function" ? l = {
+          validator: l
+        } : l = z({}, l), l.validator = a.getValidationMethod(l), l.validator && (l.field = d, l.fullField = l.fullField || d, l.type = a.getType(l), w[d] = w[d] || [], w[d].push({
+          rule: l,
+          value: f,
+          source: s,
+          field: d
+        }));
+      });
     });
-    const i = {
-      paused: !1,
-      pause() {
-        this.paused = !0;
-      },
-      resume() {
-        this.paused = !1;
+    var A = {};
+    return Zr(w, u, function(d, b) {
+      var f = d.rule, v = (f.type === "object" || f.type === "array") && (typeof f.fields == "object" || typeof f.defaultField == "object");
+      v = v && (f.required || !f.required && d.value), f.field = d.field;
+      function l(x, V) {
+        return z({}, V, {
+          fullField: f.fullField + "." + x,
+          fullFields: f.fullFields ? [].concat(f.fullFields, [x]) : [x]
+        });
       }
-    }, u = (p) => {
-      if (!e.loop && !e.trapped || i.paused)
-        return;
-      const { key: d, altKey: w, ctrlKey: c, metaKey: b, currentTarget: O, shiftKey: h } = p, { loop: C } = e, x = d === Je.tab && !w && !c && !b, T = document.activeElement;
-      if (x && T) {
-        const P = O, [k, R] = qo(P);
-        if (k && R) {
-          if (!h && T === R) {
-            const F = $e({
-              focusReason: a.value
-            });
-            t("focusout-prevented", F), F.defaultPrevented || (p.preventDefault(), C && re(k, !0));
-          } else if (h && [k, P].includes(T)) {
-            const F = $e({
-              focusReason: a.value
-            });
-            t("focusout-prevented", F), F.defaultPrevented || (p.preventDefault(), C && re(R, !0));
-          }
-        } else if (T === P) {
-          const F = $e({
-            focusReason: a.value
+      function h(x) {
+        x === void 0 && (x = []);
+        var V = Array.isArray(x) ? x : [x];
+        !u.suppressWarning && V.length && i.warning("async-validator:", V), V.length && f.message !== void 0 && (V = [].concat(f.message));
+        var j = V.map(Le(f, s));
+        if (u.first && j.length)
+          return A[f.field] = 1, b(j);
+        if (!v)
+          b(j);
+        else {
+          if (f.required && !d.value)
+            return f.message !== void 0 ? j = [].concat(f.message).map(Le(f, s)) : u.error && (j = [u.error(f, N(u.messages.required, f.field))]), b(j);
+          var $ = {};
+          f.defaultField && Object.keys(d.value).map(function(M) {
+            $[M] = f.defaultField;
+          }), $ = z({}, $, d.rule.fields);
+          var J = {};
+          Object.keys($).forEach(function(M) {
+            var R = $[M], oe = Array.isArray(R) ? R : [R];
+            J[M] = oe.map(l.bind(null, M));
           });
-          t("focusout-prevented", F), F.defaultPrevented || p.preventDefault();
-        }
-      }
-    };
-    he($o, {
-      focusTrapRef: r,
-      onKeydown: u
-    }), D(() => e.focusTrapEl, (p) => {
-      p && (r.value = p);
-    }, { immediate: !0 }), D([r], ([p], [d]) => {
-      p && (p.addEventListener("keydown", u), p.addEventListener("focusin", v), p.addEventListener("focusout", m)), d && (d.removeEventListener("keydown", u), d.removeEventListener("focusin", v), d.removeEventListener("focusout", m));
-    });
-    const s = (p) => {
-      t(Vt, p);
-    }, l = (p) => t(Jt, p), v = (p) => {
-      const d = f(r);
-      if (!d)
-        return;
-      const w = p.target, c = p.relatedTarget, b = w && d.contains(w);
-      e.trapped || c && d.contains(c) || (n = c), b && t("focusin", p), !i.paused && e.trapped && (b ? o = w : re(o, !0));
-    }, m = (p) => {
-      const d = f(r);
-      if (!(i.paused || !d))
-        if (e.trapped) {
-          const w = p.relatedTarget;
-          !at(w) && !d.contains(w) && setTimeout(() => {
-            if (!i.paused && e.trapped) {
-              const c = $e({
-                focusReason: a.value
-              });
-              t("focusout-prevented", c), c.defaultPrevented || re(o, !0);
-            }
-          }, 0);
-        } else {
-          const w = p.target;
-          w && d.contains(w) || t("focusout", p);
-        }
-    };
-    async function y() {
-      await kt();
-      const p = f(r);
-      if (p) {
-        Gt.push(i);
-        const d = p.contains(document.activeElement) ? n : document.activeElement;
-        if (n = d, !p.contains(d)) {
-          const c = new Event(tt, qt);
-          p.addEventListener(tt, s), p.dispatchEvent(c), c.defaultPrevented || kt(() => {
-            let b = e.focusStartEl;
-            Hr(b) || (re(b), document.activeElement !== b && (b = "first")), b === "first" && Zo(Sr(p), !0), (document.activeElement === d || b === "container") && re(p);
+          var B = new i(J);
+          B.messages(u.messages), d.rule.options && (d.rule.options.messages = u.messages, d.rule.options.error = u.error), B.validate(d.value, d.rule.options || u, function(M) {
+            var R = [];
+            j && j.length && R.push.apply(R, j), M && M.length && R.push.apply(R, M), b(R.length ? R : null);
           });
         }
       }
-    }
-    function g() {
-      const p = f(r);
-      if (p) {
-        p.removeEventListener(tt, s);
-        const d = new CustomEvent(rt, {
-          ...qt,
-          detail: {
-            focusReason: a.value
-          }
-        });
-        p.addEventListener(rt, l), p.dispatchEvent(d), !d.defaultPrevented && (a.value == "keyboard" || !Yo() || p.contains(document.activeElement)) && re(n ?? document.body), p.removeEventListener(rt, l), Gt.remove(i);
+      var q;
+      if (f.asyncValidator)
+        q = f.asyncValidator(f, d.value, h, d.source, u);
+      else if (f.validator) {
+        try {
+          q = f.validator(f, d.value, h, d.source, u);
+        } catch (x) {
+          console.error == null || console.error(x), u.suppressValidatorError || setTimeout(function() {
+            throw x;
+          }, 0), h(x.message);
+        }
+        q === !0 ? h() : q === !1 ? h(typeof f.message == "function" ? f.message(f.fullField || f.field) : f.message || (f.fullField || f.field) + " fails") : q instanceof Array ? h(q) : q instanceof Error && h(q.message);
       }
-    }
-    return fe(() => {
-      e.trapped && y(), D(() => e.trapped, (p) => {
-        p ? y() : g();
+      q && q.then && q.then(function() {
+        return h();
+      }, function(x) {
+        return h(x);
       });
-    }), ie(() => {
-      e.trapped && g();
-    }), {
-      onKeydown: u
-    };
-  }
-});
-function Qo(e, t, r, n, o, a) {
-  return oe(e.$slots, "default", { handleKeydown: e.onKeydown });
-}
-var ea = /* @__PURE__ */ ae(Xo, [["render", Qo], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]), ta = (e, t = []) => {
-  const { placement: r, strategy: n, popperOptions: o } = e, a = {
-    placement: r,
-    strategy: n,
-    ...o,
-    modifiers: [...na(e), ...t]
-  };
-  return oa(a, o == null ? void 0 : o.modifiers), a;
-}, ra = (e) => {
-  if (ce)
-    return er(e);
+    }, function(d) {
+      p(d);
+    }, s);
+  }, e.getType = function(n) {
+    if (n.type === void 0 && n.pattern instanceof RegExp && (n.type = "pattern"), typeof n.validator != "function" && n.type && !G.hasOwnProperty(n.type))
+      throw new Error(N("Unknown rule type %s", n.type));
+    return n.type || "string";
+  }, e.getValidationMethod = function(n) {
+    if (typeof n.validator == "function")
+      return n.validator;
+    var t = Object.keys(n), o = t.indexOf("message");
+    return o !== -1 && t.splice(o, 1), t.length === 1 && t[0] === "required" ? G.required : G[this.getType(n)] || void 0;
+  }, i;
+}();
+ee.register = function(e, r) {
+  if (typeof r != "function")
+    throw new Error("Cannot register a validator by type, validator is not a function");
+  G[e] = r;
 };
-function na(e) {
-  const { offset: t, gpuAcceleration: r, fallbackPlacements: n } = e;
-  return [
-    {
-      name: "offset",
-      options: {
-        offset: [0, t ?? 12]
-      }
-    },
-    {
-      name: "preventOverflow",
-      options: {
-        padding: {
-          top: 2,
-          bottom: 2,
-          left: 5,
-          right: 5
-        }
-      }
-    },
-    {
-      name: "flip",
-      options: {
-        padding: 5,
-        fallbackPlacements: n
-      }
-    },
-    {
-      name: "computeStyles",
-      options: {
-        gpuAcceleration: r
-      }
-    }
-  ];
-}
-function oa(e, t) {
-  t && (e.modifiers = [...e.modifiers, ...t ?? []]);
-}
-var aa = 0, ia = (e) => {
-  const { popperInstanceRef: t, contentRef: r, triggerRef: n, role: o } = te(gt, void 0), a = A(), i = A(), u = S(() => ({
-    name: "eventListeners",
-    enabled: !!e.visible
-  })), s = S(() => {
-    var c;
-    const b = f(a), O = (c = f(i)) != null ? c : aa;
-    return {
-      name: "arrow",
-      enabled: !Kr(b),
-      options: {
-        element: b,
-        padding: O
-      }
-    };
-  }), l = S(() => ({
-    onFirstUpdate: () => {
-      p();
-    },
-    ...ta(e, [
-      f(s),
-      f(u)
-    ])
-  })), v = S(() => ra(e.referenceEl) || f(n)), { attributes: m, state: y, styles: g, update: p, forceUpdate: d, instanceRef: w } = yo(v, r, l);
-  return D(w, (c) => t.value = c), fe(() => {
-    D(() => {
-      var c;
-      return (c = f(v)) == null ? void 0 : c.getBoundingClientRect();
-    }, () => {
-      p();
-    });
-  }), {
-    attributes: m,
-    arrowRef: a,
-    contentRef: r,
-    instanceRef: w,
-    state: y,
-    styles: g,
-    role: o,
-    forceUpdate: d,
-    update: p
-  };
-}, sa = (e, {
-  attributes: t,
-  styles: r,
-  role: n
-}) => {
-  const { nextZIndex: o } = Ao(), a = _e("popper"), i = S(() => f(t).popper), u = A(e.zIndex || o()), s = S(() => [
-    a.b(),
-    a.is("pure", e.pure),
-    a.is(e.effect),
-    e.popperClass
-  ]), l = S(() => [
-    { zIndex: f(u) },
-    f(r).popper,
-    e.popperStyle || {}
-  ]), v = S(() => n.value === "dialog" ? "false" : void 0), m = S(() => f(r).arrow || {});
-  return {
-    ariaModal: v,
-    arrowStyle: m,
-    contentAttrs: i,
-    contentClass: s,
-    contentStyle: l,
-    contentZIndex: u,
-    updateZIndex: () => {
-      u.value = e.zIndex || o();
-    }
-  };
-}, la = (e, t) => {
-  const r = A(!1), n = A();
-  return {
-    focusStartRef: n,
-    trapped: r,
-    onFocusAfterReleased: (l) => {
-      var v;
-      ((v = l.detail) == null ? void 0 : v.focusReason) !== "pointer" && (n.value = "first", t("blur"));
-    },
-    onFocusAfterTrapped: () => {
-      t("focus");
-    },
-    onFocusInTrap: (l) => {
-      e.visible && !r.value && (l.target && (n.value = l.target), r.value = !0);
-    },
-    onFocusoutPrevented: (l) => {
-      e.trapping || (l.detail.focusReason === "pointer" && l.preventDefault(), r.value = !1);
-    },
-    onReleaseRequested: () => {
-      r.value = !1, t("close");
-    }
-  };
-}, ua = B({
-  name: "ElPopperContent"
-}), ca = /* @__PURE__ */ B({
-  ...ua,
-  props: Pr,
-  emits: Ko,
-  setup(e, { expose: t, emit: r }) {
-    const n = e, {
-      focusStartRef: o,
-      trapped: a,
-      onFocusAfterReleased: i,
-      onFocusAfterTrapped: u,
-      onFocusInTrap: s,
-      onFocusoutPrevented: l,
-      onReleaseRequested: v
-    } = la(n, r), { attributes: m, arrowRef: y, contentRef: g, styles: p, instanceRef: d, role: w, update: c } = ia(n), {
-      ariaModal: b,
-      arrowStyle: O,
-      contentAttrs: h,
-      contentClass: C,
-      contentStyle: x,
-      updateZIndex: T
-    } = sa(n, {
-      styles: p,
-      attributes: m,
-      role: w
-    }), P = te(At, void 0), k = A();
-    he(wr, {
-      arrowStyle: O,
-      arrowRef: y,
-      arrowOffset: k
-    }), P && (P.addInputId || P.removeInputId) && he(At, {
-      ...P,
-      addInputId: nt,
-      removeInputId: nt
-    });
-    let R;
-    const I = (_ = !0) => {
-      c(), _ && T();
-    }, F = () => {
-      I(!1), n.visible && n.focusOnShow ? a.value = !0 : n.visible === !1 && (a.value = !1);
-    };
-    return fe(() => {
-      D(() => n.triggerTargetEl, (_, j) => {
-        R == null || R(), R = void 0;
-        const N = f(_ || g.value), M = f(j || g.value);
-        qe(N) && (R = D([w, () => n.ariaLabel, b, () => n.id], (E) => {
-          ["role", "aria-label", "aria-modal", "id"].forEach((H, V) => {
-            at(E[V]) ? N.removeAttribute(H) : N.setAttribute(H, E[V]);
-          });
-        }, { immediate: !0 })), M !== N && qe(M) && ["role", "aria-label", "aria-modal", "id"].forEach((E) => {
-          M.removeAttribute(E);
-        });
-      }, { immediate: !0 }), D(() => n.visible, F, { immediate: !0 });
-    }), ie(() => {
-      R == null || R(), R = void 0;
-    }), t({
-      popperContentRef: g,
-      popperInstanceRef: d,
-      updatePopper: I,
-      contentStyle: x
-    }), (_, j) => (J(), Ve("div", it({
-      ref_key: "contentRef",
-      ref: g
-    }, f(h), {
-      style: f(x),
-      class: f(C),
-      tabindex: "-1",
-      onMouseenter: j[0] || (j[0] = (N) => _.$emit("mouseenter", N)),
-      onMouseleave: j[1] || (j[1] = (N) => _.$emit("mouseleave", N))
-    }), [
-      Ae(f(ea), {
-        trapped: f(a),
-        "trap-on-focus-in": !0,
-        "focus-trap-el": f(g),
-        "focus-start-el": f(o),
-        onFocusAfterTrapped: f(u),
-        onFocusAfterReleased: f(i),
-        onFocusin: f(s),
-        onFocusoutPrevented: f(l),
-        onReleaseRequested: f(v)
-      }, {
-        default: ne(() => [
-          oe(_.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusin", "onFocusoutPrevented", "onReleaseRequested"])
-    ], 16));
-  }
-}), pa = /* @__PURE__ */ ae(ca, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/content.vue"]]), fa = B({
-  name: "ElPopper",
-  inheritAttrs: !1
-}), da = /* @__PURE__ */ B({
-  ...fa,
-  props: Er,
-  setup(e, { expose: t }) {
-    const r = e, n = A(), o = A(), a = A(), i = A(), u = S(() => r.role), s = {
-      triggerRef: n,
-      popperInstanceRef: o,
-      contentRef: a,
-      referenceRef: i,
-      role: u
-    };
-    return t(s), he(gt, s), (l, v) => oe(l.$slots, "default");
-  }
-}), va = /* @__PURE__ */ ae(da, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/popper.vue"]]), ma = tr(va), bt = Symbol("elTooltip"), xr = ee({
-  ...Oo,
-  ...Pr,
-  appendTo: {
-    type: L([String, Object])
-  },
-  content: {
-    type: String,
-    default: ""
-  },
-  rawContent: {
-    type: Boolean,
-    default: !1
-  },
-  persistent: Boolean,
-  ariaLabel: String,
-  visible: {
-    type: L(Boolean),
-    default: null
-  },
-  transition: String,
-  teleported: {
-    type: Boolean,
-    default: !0
-  },
-  disabled: Boolean
-}), Rr = ee({
-  ...Or,
-  disabled: Boolean,
-  trigger: {
-    type: L([String, Array]),
-    default: "hover"
+ee.warning = Ur;
+ee.messages = we;
+ee.validators = G;
+var ze = "ElLabelWrap", yt = X({
+  name: ze,
+  props: {
+    isAutoWidth: Boolean,
+    updateAll: Boolean
   },
-  triggerKeys: {
-    type: L(Array),
-    default: () => [Je.enter, Je.space]
-  }
-}), {
-  useModelToggleProps: ga,
-  useModelToggleEmits: ha,
-  useModelToggle: ya
-} = vn("visible"), ba = ee({
-  ...Er,
-  ...ga,
-  ...xr,
-  ...Rr,
-  ...Tr,
-  showArrow: {
-    type: Boolean,
-    default: !0
-  }
-}), wa = [
-  ...ha,
-  "before-show",
-  "before-hide",
-  "show",
-  "hide",
-  "open",
-  "close"
-], Ea = (e, t) => zr(e) ? e.includes(t) : e === t, ve = (e, t, r) => (n) => {
-  Ea(f(e), t) && r(n);
-}, Ta = B({
-  name: "ElTooltipTrigger"
-}), Oa = /* @__PURE__ */ B({
-  ...Ta,
-  props: Rr,
-  setup(e, { expose: t }) {
-    const r = e, n = _e("tooltip"), { controlled: o, id: a, open: i, onOpen: u, onClose: s, onToggle: l } = te(bt, void 0), v = A(null), m = () => {
-      if (f(o) || r.disabled)
-        return !0;
-    }, y = Se(r, "trigger"), g = X(m, ve(y, "hover", u)), p = X(m, ve(y, "hover", s)), d = X(m, ve(y, "click", (h) => {
-      h.button === 0 && l(h);
-    })), w = X(m, ve(y, "focus", u)), c = X(m, ve(y, "focus", s)), b = X(m, ve(y, "contextmenu", (h) => {
-      h.preventDefault(), l(h);
-    })), O = X(m, (h) => {
-      const { code: C } = h;
-      r.triggerKeys.includes(C) && (h.preventDefault(), l(h));
-    });
-    return t({
-      triggerRef: v
-    }), (h, C) => (J(), ge(f(Bo), {
-      id: f(a),
-      "virtual-ref": h.virtualRef,
-      open: f(i),
-      "virtual-triggering": h.virtualTriggering,
-      class: or(f(n).e("trigger")),
-      onBlur: f(c),
-      onClick: f(d),
-      onContextmenu: f(b),
-      onFocus: f(w),
-      onMouseenter: f(g),
-      onMouseleave: f(p),
-      onKeydown: f(O)
-    }, {
-      default: ne(() => [
-        oe(h.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]));
-  }
-}), Ca = /* @__PURE__ */ ae(Oa, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/trigger.vue"]]), Pa = B({
-  name: "ElTooltipContent",
-  inheritAttrs: !1
-}), Sa = /* @__PURE__ */ B({
-  ...Pa,
-  props: xr,
-  setup(e, { expose: t }) {
-    const r = e, { selector: n } = yr(), o = _e("tooltip"), a = A(null), i = A(!1), {
-      controlled: u,
-      id: s,
-      open: l,
-      trigger: v,
-      onClose: m,
-      onOpen: y,
-      onShow: g,
-      onHide: p,
-      onBeforeShow: d,
-      onBeforeHide: w
-    } = te(bt, void 0), c = S(() => r.transition || `${o.namespace.value}-fade-in-linear`), b = S(() => r.persistent);
-    ie(() => {
-      i.value = !0;
-    });
-    const O = S(() => f(b) ? !0 : f(l)), h = S(() => r.disabled ? !1 : f(l)), C = S(() => r.appendTo || n.value), x = S(() => {
-      var E;
-      return (E = r.style) != null ? E : {};
-    }), T = S(() => !f(l)), P = () => {
-      p();
-    }, k = () => {
-      if (f(u))
-        return !0;
-    }, R = X(k, () => {
-      r.enterable && f(v) === "hover" && y();
-    }), I = X(k, () => {
-      f(v) === "hover" && m();
-    }), F = () => {
-      var E, H;
-      (H = (E = a.value) == null ? void 0 : E.updatePopper) == null || H.call(E), d == null || d();
-    }, _ = () => {
-      w == null || w();
-    }, j = () => {
-      g(), M = Ur(S(() => {
-        var E;
-        return (E = a.value) == null ? void 0 : E.popperContentRef;
-      }), () => {
-        if (f(u))
-          return;
-        f(v) !== "hover" && m();
+  setup(i, {
+    slots: e
+  }) {
+    const r = L(K, void 0), n = L(H);
+    n || ur(ze, "usage: <el-form-item><label-wrap /></el-form-item>");
+    const t = qe("form"), o = W(), a = W(0), s = () => {
+      var p;
+      if ((p = o.value) != null && p.firstElementChild) {
+        const y = window.getComputedStyle(o.value.firstElementChild).width;
+        return Math.ceil(Number.parseFloat(y));
+      } else
+        return 0;
+    }, u = (p = "update") => {
+      Ge(() => {
+        e.default && i.isAutoWidth && (p === "update" ? a.value = s() : p === "remove" && (r == null || r.deregisterLabelWidth(a.value)));
       });
-    }, N = () => {
-      r.virtualTriggering || m();
+    }, g = () => u("update");
+    return xe(() => {
+      g();
+    }), Ze(() => {
+      u("remove");
+    }), gr(() => g()), k(a, (p, y) => {
+      i.updateAll && (r == null || r.registerLabelWidth(p, y));
+    }), dr(_(() => {
+      var p, y;
+      return (y = (p = o.value) == null ? void 0 : p.firstElementChild) != null ? y : null;
+    }), g), () => {
+      var p, y;
+      if (!e)
+        return null;
+      const {
+        isAutoWidth: w
+      } = i;
+      if (w) {
+        const O = r == null ? void 0 : r.autoLabelWidth, A = n == null ? void 0 : n.hasLabel, d = {};
+        if (A && O && O !== "auto") {
+          const b = Math.max(0, Number.parseInt(O, 10) - a.value), f = r.labelPosition === "left" ? "marginRight" : "marginLeft";
+          b && (d[f] = `${b}px`);
+        }
+        return ae("div", {
+          ref: o,
+          class: [t.be("item", "label-wrap")],
+          style: d
+        }, [(p = e.default) == null ? void 0 : p.call(e)]);
+      } else
+        return ae(yr, {
+          ref: o
+        }, [(y = e.default) == null ? void 0 : y.call(e)]);
     };
-    let M;
-    return D(() => f(l), (E) => {
-      E || M == null || M();
-    }, {
-      flush: "post"
-    }), D(() => r.content, () => {
-      var E, H;
-      (H = (E = a.value) == null ? void 0 : E.updatePopper) == null || H.call(E);
-    }), t({
-      contentRef: a
-    }), (E, H) => (J(), ge(Gr, {
-      disabled: !E.teleported,
-      to: f(C)
-    }, [
-      Ae(Xr, {
-        name: f(c),
-        onAfterLeave: P,
-        onBeforeEnter: F,
-        onAfterEnter: j,
-        onBeforeLeave: _
-      }, {
-        default: ne(() => [
-          f(O) ? ar((J(), ge(f(pa), it({
-            key: 0,
-            id: f(s),
-            ref_key: "contentRef",
-            ref: a
-          }, E.$attrs, {
-            "aria-label": E.ariaLabel,
-            "aria-hidden": f(T),
-            "boundaries-padding": E.boundariesPadding,
-            "fallback-placements": E.fallbackPlacements,
-            "gpu-acceleration": E.gpuAcceleration,
-            offset: E.offset,
-            placement: E.placement,
-            "popper-options": E.popperOptions,
-            strategy: E.strategy,
-            effect: E.effect,
-            enterable: E.enterable,
-            pure: E.pure,
-            "popper-class": E.popperClass,
-            "popper-style": [E.popperStyle, f(x)],
-            "reference-el": E.referenceEl,
-            "trigger-target-el": E.triggerTargetEl,
-            visible: f(h),
-            "z-index": E.zIndex,
-            onMouseenter: f(R),
-            onMouseleave: f(I),
-            onBlur: N,
-            onClose: f(m)
-          }), {
-            default: ne(() => [
-              i.value ? Fe("v-if", !0) : oe(E.$slots, "default", { key: 0 })
-            ]),
-            _: 3
-          }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
-            [Qr, f(h)]
-          ]) : Fe("v-if", !0)
-        ]),
-        _: 3
-      }, 8, ["name"])
-    ], 8, ["disabled", "to"]));
   }
-}), xa = /* @__PURE__ */ ae(Sa, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/content.vue"]]), Ra = ["innerHTML"], Aa = { key: 1 }, Fa = B({
-  name: "ElTooltip"
-}), ka = /* @__PURE__ */ B({
-  ...Fa,
-  props: ba,
-  emits: wa,
-  setup(e, { expose: t, emit: r }) {
-    const n = e;
-    To();
-    const o = Dr(), a = A(), i = A(), u = () => {
+}), bt = ["role", "aria-labelledby"], wt = X({
+  name: "ElFormItem"
+}), Ft = /* @__PURE__ */ X({
+  ...wt,
+  props: Vr,
+  setup(i, { expose: e }) {
+    const r = i, n = br(), t = L(K, void 0), o = L(H, void 0), a = Xe(void 0, { formItem: !1 }), s = qe("form-item"), u = Qe().value, g = W([]), p = W(""), y = cr(p, 100), w = W(""), O = W();
+    let A, d = !1;
+    const b = _(() => {
+      if ((t == null ? void 0 : t.labelPosition) === "top")
+        return {};
+      const c = Pe(r.labelWidth || (t == null ? void 0 : t.labelWidth) || "");
+      return c ? { width: c } : {};
+    }), f = _(() => {
+      if ((t == null ? void 0 : t.labelPosition) === "top" || t != null && t.inline)
+        return {};
+      if (!r.label && !r.labelWidth && $)
+        return {};
+      const c = Pe(r.labelWidth || (t == null ? void 0 : t.labelWidth) || "");
+      return !r.label && !n.label ? { marginLeft: c } : {};
+    }), v = _(() => [
+      s.b(),
+      s.m(a.value),
+      s.is("error", p.value === "error"),
+      s.is("validating", p.value === "validating"),
+      s.is("success", p.value === "success"),
+      s.is("required", oe.value || r.required),
+      s.is("no-asterisk", t == null ? void 0 : t.hideRequiredAsterisk),
+      (t == null ? void 0 : t.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
+      { [s.m("feedback")]: t == null ? void 0 : t.statusIcon }
+    ]), l = _(() => Be(r.inlineMessage) ? r.inlineMessage : (t == null ? void 0 : t.inlineMessage) || !1), h = _(() => [
+      s.e("error"),
+      { [s.em("error", "inline")]: l.value }
+    ]), q = _(() => r.prop ? pe(r.prop) ? r.prop : r.prop.join(".") : ""), x = _(() => !!(r.label || n.label)), V = _(() => r.for || g.value.length === 1 ? g.value[0] : void 0), j = _(() => !V.value && x.value), $ = !!o, J = _(() => {
+      const c = t == null ? void 0 : t.model;
+      if (!(!c || !r.prop))
+        return fe(c, r.prop).value;
+    }), B = _(() => {
+      const { required: c } = r, F = [];
+      r.rules && F.push(...ve(r.rules));
+      const I = t == null ? void 0 : t.rules;
+      if (I && r.prop) {
+        const S = fe(I, r.prop).value;
+        S && F.push(...ve(S));
+      }
+      if (c !== void 0) {
+        const S = F.map((T, C) => [T, C]).filter(([T]) => Object.keys(T).includes("required"));
+        if (S.length > 0)
+          for (const [T, C] of S)
+            T.required !== c && (F[C] = { ...T, required: c });
+        else
+          F.push({ required: c });
+      }
+      return F;
+    }), M = _(() => B.value.length > 0), R = (c) => B.value.filter((I) => !I.trigger || !c ? !0 : Array.isArray(I.trigger) ? I.trigger.includes(c) : I.trigger === c).map(({ trigger: I, ...S }) => S), oe = _(() => B.value.some((c) => c.required)), tr = _(() => {
       var c;
-      const b = f(a);
-      b && ((c = b.popperInstanceRef) == null || c.update());
-    }, s = A(!1), l = A(), { show: v, hide: m, hasUpdateHandler: y } = ya({
-      indicator: s,
-      toggleReason: l
-    }), { onOpen: g, onClose: p } = Co({
-      showAfter: Se(n, "showAfter"),
-      hideAfter: Se(n, "hideAfter"),
-      autoClose: Se(n, "autoClose"),
-      open: v,
-      close: m
-    }), d = S(() => rr(n.visible) && !y.value);
-    he(bt, {
-      controlled: d,
-      id: o,
-      open: en(s),
-      trigger: Se(n, "trigger"),
-      onOpen: (c) => {
-        g(c);
-      },
-      onClose: (c) => {
-        p(c);
-      },
-      onToggle: (c) => {
-        f(s) ? p(c) : g(c);
-      },
-      onShow: () => {
-        r("show", l.value);
-      },
-      onHide: () => {
-        r("hide", l.value);
-      },
-      onBeforeShow: () => {
-        r("before-show", l.value);
-      },
-      onBeforeHide: () => {
-        r("before-hide", l.value);
-      },
-      updatePopper: u
-    }), D(() => n.disabled, (c) => {
-      c && s.value && (s.value = !1);
-    });
-    const w = (c) => {
-      var b, O;
-      const h = (O = (b = i.value) == null ? void 0 : b.contentRef) == null ? void 0 : O.popperContentRef, C = (c == null ? void 0 : c.relatedTarget) || document.activeElement;
-      return h && h.contains(C);
+      return y.value === "error" && r.showMessage && ((c = t == null ? void 0 : t.showMessage) != null ? c : !0);
+    }), _e = _(() => `${r.label || ""}${(t == null ? void 0 : t.labelSuffix) || ""}`), D = (c) => {
+      p.value = c;
+    }, nr = (c) => {
+      var F, I;
+      const { errors: S, fields: T } = c;
+      (!S || !T) && console.error(c), D("error"), w.value = S ? (I = (F = S == null ? void 0 : S[0]) == null ? void 0 : F.message) != null ? I : `${r.prop} is required` : "", t == null || t.emit("validate", r.prop, !1, w.value);
+    }, ir = () => {
+      D("success"), t == null || t.emit("validate", r.prop, !0, "");
+    }, ar = async (c) => {
+      const F = q.value;
+      return new ee({
+        [F]: c
+      }).validate({ [F]: J.value }, { firstFields: !0 }).then(() => (ir(), !0)).catch((S) => (nr(S), Promise.reject(S)));
+    }, Oe = async (c, F) => {
+      if (d || !r.prop)
+        return !1;
+      const I = De(F);
+      if (!M.value)
+        return F == null || F(!1), !1;
+      const S = R(c);
+      return S.length === 0 ? (F == null || F(!0), !0) : (D("validating"), ar(S).then(() => (F == null || F(!0), !0)).catch((T) => {
+        const { fields: C } = T;
+        return F == null || F(!1, C), I ? !1 : Promise.reject(C);
+      }));
+    }, se = () => {
+      D(""), w.value = "", d = !1;
+    }, Ae = async () => {
+      const c = t == null ? void 0 : t.model;
+      if (!c || !r.prop)
+        return;
+      const F = fe(c, r.prop);
+      d = !0, F.value = Se(A), await Ge(), se(), d = !1;
+    }, or = (c) => {
+      g.value.includes(c) || g.value.push(c);
+    }, sr = (c) => {
+      g.value = g.value.filter((F) => F !== c);
     };
-    return tn(() => s.value && m()), t({
-      popperRef: a,
-      contentRef: i,
-      isFocusInsideContent: w,
-      updatePopper: u,
-      onOpen: g,
-      onClose: p,
-      hide: m
-    }), (c, b) => (J(), ge(f(ma), {
-      ref_key: "popperRef",
-      ref: a,
-      role: c.role
-    }, {
-      default: ne(() => [
-        Ae(Ca, {
-          disabled: c.disabled,
-          trigger: c.trigger,
-          "trigger-keys": c.triggerKeys,
-          "virtual-ref": c.virtualRef,
-          "virtual-triggering": c.virtualTriggering
+    k(() => r.error, (c) => {
+      w.value = c || "", D(c ? "error" : "");
+    }, { immediate: !0 }), k(() => r.validateStatus, (c) => D(c || ""));
+    const le = Ke({
+      ...Je(r),
+      $el: O,
+      size: a,
+      validateState: p,
+      labelId: u,
+      inputIds: g,
+      isGroup: j,
+      hasLabel: x,
+      addInputId: or,
+      removeInputId: sr,
+      resetField: Ae,
+      clearValidate: se,
+      validate: Oe
+    });
+    return Ue(H, le), xe(() => {
+      r.prop && (t == null || t.addField(le), A = Se(J.value));
+    }), Ze(() => {
+      t == null || t.removeField(le);
+    }), e({
+      size: a,
+      validateMessage: w,
+      validateState: p,
+      validate: Oe,
+      clearValidate: se,
+      resetField: Ae
+    }), (c, F) => {
+      var I;
+      return me(), Ye("div", {
+        ref_key: "formItemRef",
+        ref: O,
+        class: Y(E(v)),
+        role: E(j) ? "group" : void 0,
+        "aria-labelledby": E(j) ? E(u) : void 0
+      }, [
+        ae(E(yt), {
+          "is-auto-width": E(b).width === "auto",
+          "update-all": ((I = E(t)) == null ? void 0 : I.labelWidth) === "auto"
         }, {
-          default: ne(() => [
-            c.$slots.default ? oe(c.$slots, "default", { key: 0 }) : Fe("v-if", !0)
+          default: ue(() => [
+            E(x) ? (me(), wr(Fr(E(V) ? "label" : "div"), {
+              key: 0,
+              id: E(u),
+              for: E(V),
+              class: Y(E(s).e("label")),
+              style: Ie(E(b))
+            }, {
+              default: ue(() => [
+                ne(c.$slots, "label", { label: E(_e) }, () => [
+                  qr(je(E(_e)), 1)
+                ])
+              ]),
+              _: 3
+            }, 8, ["id", "for", "class", "style"])) : Ne("v-if", !0)
           ]),
           _: 3
-        }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
-        Ae(xa, {
-          ref_key: "contentRef",
-          ref: i,
-          "aria-label": c.ariaLabel,
-          "boundaries-padding": c.boundariesPadding,
-          content: c.content,
-          disabled: c.disabled,
-          effect: c.effect,
-          enterable: c.enterable,
-          "fallback-placements": c.fallbackPlacements,
-          "hide-after": c.hideAfter,
-          "gpu-acceleration": c.gpuAcceleration,
-          offset: c.offset,
-          persistent: c.persistent,
-          "popper-class": c.popperClass,
-          "popper-style": c.popperStyle,
-          placement: c.placement,
-          "popper-options": c.popperOptions,
-          pure: c.pure,
-          "raw-content": c.rawContent,
-          "reference-el": c.referenceEl,
-          "trigger-target-el": c.triggerTargetEl,
-          "show-after": c.showAfter,
-          strategy: c.strategy,
-          teleported: c.teleported,
-          transition: c.transition,
-          "virtual-triggering": c.virtualTriggering,
-          "z-index": c.zIndex,
-          "append-to": c.appendTo
-        }, {
-          default: ne(() => [
-            oe(c.$slots, "content", {}, () => [
-              c.rawContent ? (J(), Ve("span", {
+        }, 8, ["is-auto-width", "update-all"]),
+        Re("div", {
+          class: Y(E(s).e("content")),
+          style: Ie(E(f))
+        }, [
+          ne(c.$slots, "default"),
+          ae(xr, {
+            name: `${E(s).namespace.value}-zoom-in-top`
+          }, {
+            default: ue(() => [
+              E(tr) ? ne(c.$slots, "error", {
                 key: 0,
-                innerHTML: c.content
-              }, null, 8, Ra)) : (J(), Ve("span", Aa, rn(c.content), 1))
+                error: w.value
+              }, () => [
+                Re("div", {
+                  class: Y(E(h))
+                }, je(w.value), 3)
+              ]) : Ne("v-if", !0)
             ]),
-            c.showArrow ? (J(), ge(f(_o), {
-              key: 0,
-              "arrow-offset": c.arrowOffset
-            }, null, 8, ["arrow-offset"])) : Fe("v-if", !0)
-          ]),
-          _: 3
-        }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
-      ]),
-      _: 3
-    }, 8, ["role"]));
+            _: 3
+          }, 8, ["name"])
+        ], 6)
+      ], 10, bt);
+    };
   }
-}), Ia = /* @__PURE__ */ ae(ka, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/tooltip.vue"]]), Ba = tr(Ia);
+}), rr = /* @__PURE__ */ Ce(Ft, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/form/src/form-item.vue"]]);
+pr($r, {
+  FormItem: rr
+});
+vr(rr);
 export {
-  Je as EVENT_CODE,
-  lt as Ee,
-  ea as ElFocusTrap,
-  ma as ElPopper,
-  _o as ElPopperArrow,
-  pa as ElPopperContent,
-  Bo as ElPopperTrigger,
-  Ba as ElTooltip,
-  $o as FOCUS_TRAP_INJECTION_KEY,
-  br as FORWARD_REF_INJECTION_KEY,
-  Mo as OnlyChild,
-  wr as POPPER_CONTENT_INJECTION_KEY,
-  gt as POPPER_INJECTION_KEY,
-  bt as TOOLTIP_INJECTION_KEY,
-  cn as buildLocaleContext,
-  ln as buildTranslator,
-  X as composeEventHandlers,
-  vn as createModelToggleComposable,
-  xo as defaultInitialZIndex,
-  pn as localeContextKey,
-  Tr as popperArrowProps,
-  Ko as popperContentEmits,
-  Pr as popperContentProps,
-  Ho as popperCoreConfigProps,
-  Er as popperProps,
-  Or as popperTriggerProps,
-  Fo as roleTypes,
-  wa as tooltipEmits,
-  un as translate,
-  Co as useDelayedToggle,
-  Oo as useDelayedToggleProps,
-  wo as useEscapeKeydown,
-  Po as useForwardRef,
-  So as useForwardRefDirective,
-  Da as useLocale,
-  yo as usePopper,
-  To as usePopperContainer,
-  yr as usePopperContainerId,
-  Kt as useTimeout,
-  xr as useTooltipContentProps,
-  ya as useTooltipModelToggle,
-  ha as useTooltipModelToggleEmits,
-  ga as useTooltipModelToggleProps,
-  ba as useTooltipProps,
-  Rr as useTooltipTriggerProps,
-  Ao as useZIndex,
-  Na as whenMouse,
-  ho as yn,
-  Ro as zIndexContextKey
+  _t as CHANGE_EVENT,
+  Or as ID_INJECTION_KEY,
+  Ot as INPUT_EVENT,
+  Pr as SIZE_INJECTION_KEY,
+  Et as UPDATE_MODEL_EVENT,
+  At as componentSizeMap,
+  Ee as componentSizes,
+  K as formContextKey,
+  Nr as formEmits,
+  H as formItemContextKey,
+  Vr as formItemProps,
+  Rr as formItemValidateStates,
+  jr as formProps,
+  St as useFormDisabled,
+  It as useFormItem,
+  jt as useFormItemInputId,
+  Xe as useFormSize,
+  Sr as useGlobalSize,
+  Qe as useId,
+  Ar as useIdInjection,
+  He as useProp,
+  Pt as useSizeProp
 };