@gopowerteam/form-render 0.0.1 → 0.0.3

package/dist/es/index.mjs

@@ -0,0 +1,4429 @@
+import { getCurrentInstance as qr, inject as J, computed as d, defineComponent as I, ref as F, toRefs as ye, reactive as le, provide as ge, openBlock as L, createElementBlock as H, normalizeClass as D, withModifiers as $n, renderSlot as R, onMounted as he, onUnmounted as Wr, normalizeStyle as Ce, createCommentVNode as se, watchEffect as At, watch as Te, onUpdated as ft, cloneVNode as On, onBeforeUnmount as Ge, readonly as Sn, onDeactivated as jn, createVNode as C, Fragment as Wt, Teleport as kn, mergeProps as Le, Transition as Dt, withDirectives as Pn, vShow as Fn, nextTick as qe, resolveComponent as pe, createBlock as ue, withCtx as ne, createTextVNode as me, toDisplayString as Me, createElementVNode as ee, resolveDynamicComponent as Ln, renderList as Tn, toRef as Bt, createSlots as Mn, Comment as An, isVNode as Rr, h as Dn } from "vue";
+import { DatePicker as Bn, YearPicker as Vn, QuarterPicker as xn, MonthPicker as Nn, WeekPicker as In, Input as zn, InputNumber as qn, Select as Wn, Option as Rn, Switch as Hn, RangePicker as Gn, Textarea as Un } from "@arco-design/web-vue";
+import er from "dayjs";
+const ht = Symbol("ArcoConfigProvider");
+var Yn = Object.defineProperty, Kn = Object.defineProperties, Xn = Object.getOwnPropertyDescriptors, tr = Object.getOwnPropertySymbols, Zn = Object.prototype.hasOwnProperty, Qn = Object.prototype.propertyIsEnumerable, rr = (e, t, r) => t in e ? Yn(e, t, {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: r
+}) : e[t] = r, Jn = (e, t) => {
+  for (var r in t || (t = {}))
+    Zn.call(t, r) && rr(e, r, t[r]);
+  if (tr)
+    for (var r of tr(t))
+      Qn.call(t, r) && rr(e, r, t[r]);
+  return e;
+}, el = (e, t) => Kn(e, Xn(t));
+const tl = "A", rl = "arco", Vt = "$arco", De = (e) => {
+  var t;
+  return (t = e == null ? void 0 : e.componentPrefix) != null ? t : tl;
+}, Be = (e, t) => {
+  var r;
+  t && t.classPrefix && (e.config.globalProperties[Vt] = el(Jn({}, (r = e.config.globalProperties[Vt]) != null ? r : {}), {
+    classPrefix: t.classPrefix
+  }));
+}, G = (e) => {
+  var t, r, n;
+  const l = qr(), o = J(ht, void 0), i = (n = (r = o == null ? void 0 : o.prefixCls) != null ? r : (t = l == null ? void 0 : l.appContext.config.globalProperties[Vt]) == null ? void 0 : t.classPrefix) != null ? n : rl;
+  return e ? `${i}-${e}` : i;
+};
+function nr(e) {
+  return typeof e == "object" && e != null && e.nodeType === 1;
+}
+function lr(e, t) {
+  return (!t || e !== "hidden") && e !== "visible" && e !== "clip";
+}
+function gt(e, t) {
+  if (e.clientHeight < e.scrollHeight || e.clientWidth < e.scrollWidth) {
+    var r = getComputedStyle(e, null);
+    return lr(r.overflowY, t) || lr(r.overflowX, t) || function(n) {
+      var l = function(o) {
+        if (!o.ownerDocument || !o.ownerDocument.defaultView)
+          return null;
+        try {
+          return o.ownerDocument.defaultView.frameElement;
+        } catch {
+          return null;
+        }
+      }(n);
+      return !!l && (l.clientHeight < n.scrollHeight || l.clientWidth < n.scrollWidth);
+    }(e);
+  }
+  return !1;
+}
+function Qe(e, t, r, n, l, o, i, a) {
+  return o < e && i > t || o > e && i < t ? 0 : o <= e && a <= r || i >= t && a >= r ? o - e - n : i > t && a < r || o < e && a > r ? i - t + l : 0;
+}
+var or = function(e, t) {
+  var r = window, n = t.scrollMode, l = t.block, o = t.inline, i = t.boundary, a = t.skipOverflowHiddenElements, s = typeof i == "function" ? i : function(Xe) {
+    return Xe !== i;
+  };
+  if (!nr(e))
+    throw new TypeError("Invalid target");
+  for (var u, c, h = document.scrollingElement || document.documentElement, p = [], b = e; nr(b) && s(b); ) {
+    if ((b = (c = (u = b).parentElement) == null ? u.getRootNode().host || null : c) === h) {
+      p.push(b);
+      break;
+    }
+    b != null && b === document.body && gt(b) && !gt(document.documentElement) || b != null && gt(b, a) && p.push(b);
+  }
+  for (var O = r.visualViewport ? r.visualViewport.width : innerWidth, _ = r.visualViewport ? r.visualViewport.height : innerHeight, w = window.scrollX || pageXOffset, m = window.scrollY || pageYOffset, S = e.getBoundingClientRect(), B = S.height, M = S.width, N = S.top, Y = S.right, j = S.bottom, T = S.left, z = l === "start" || l === "nearest" ? N : l === "end" ? j : N + B / 2, x = o === "center" ? T + M / 2 : o === "end" ? Y : T, Q = [], U = 0; U < p.length; U++) {
+    var P = p[U], oe = P.getBoundingClientRect(), te = oe.height, q = oe.width, W = oe.top, E = oe.right, k = oe.bottom, f = oe.left;
+    if (n === "if-needed" && N >= 0 && T >= 0 && j <= _ && Y <= O && N >= W && j <= k && T >= f && Y <= E)
+      return Q;
+    var y = getComputedStyle(P), $ = parseInt(y.borderLeftWidth, 10), A = parseInt(y.borderTopWidth, 10), Z = parseInt(y.borderRightWidth, 10), re = parseInt(y.borderBottomWidth, 10), V = 0, ie = 0, ae = "offsetWidth" in P ? P.offsetWidth - P.clientWidth - $ - Z : 0, ve = "offsetHeight" in P ? P.offsetHeight - P.clientHeight - A - re : 0, Ke = "offsetWidth" in P ? P.offsetWidth === 0 ? 0 : q / P.offsetWidth : 0, ke = "offsetHeight" in P ? P.offsetHeight === 0 ? 0 : te / P.offsetHeight : 0;
+    if (h === P)
+      V = l === "start" ? z : l === "end" ? z - _ : l === "nearest" ? Qe(m, m + _, _, A, re, m + z, m + z + B, B) : z - _ / 2, ie = o === "start" ? x : o === "center" ? x - O / 2 : o === "end" ? x - O : Qe(w, w + O, O, $, Z, w + x, w + x + M, M), V = Math.max(0, V + m), ie = Math.max(0, ie + w);
+    else {
+      V = l === "start" ? z - W - A : l === "end" ? z - k + re + ve : l === "nearest" ? Qe(W, k, te, A, re + ve, z, z + B, B) : z - (W + te / 2) + ve / 2, ie = o === "start" ? x - f - $ : o === "center" ? x - (f + q / 2) + ae / 2 : o === "end" ? x - E + Z + ae : Qe(f, E, q, $, Z + ae, x, x + M, M);
+      var xe = P.scrollLeft, $e = P.scrollTop;
+      z += $e - (V = Math.max(0, Math.min($e + V / ke, P.scrollHeight - te / ke + ve))), x += xe - (ie = Math.max(0, Math.min(xe + ie / Ke, P.scrollWidth - q / Ke + ae)));
+    }
+    Q.push({ el: P, top: V, left: ie });
+  }
+  return Q;
+};
+function Hr(e) {
+  return e === Object(e) && Object.keys(e).length !== 0;
+}
+function nl(e, t) {
+  t === void 0 && (t = "auto");
+  var r = "scrollBehavior" in document.body.style;
+  e.forEach(function(n) {
+    var l = n.el, o = n.top, i = n.left;
+    l.scroll && r ? l.scroll({
+      top: o,
+      left: i,
+      behavior: t
+    }) : (l.scrollTop = o, l.scrollLeft = i);
+  });
+}
+function ll(e) {
+  return e === !1 ? {
+    block: "end",
+    inline: "nearest"
+  } : Hr(e) ? e : {
+    block: "start",
+    inline: "nearest"
+  };
+}
+function ol(e, t) {
+  var r = e.isConnected || e.ownerDocument.documentElement.contains(e);
+  if (Hr(t) && typeof t.behavior == "function")
+    return t.behavior(r ? or(e, t) : []);
+  if (r) {
+    var n = ll(t);
+    return nl(or(e, n), n.behavior);
+  }
+}
+const xt = Symbol("ArcoFormItemContext"), Rt = Symbol("ArcoFormContext"), Ue = Object.prototype.toString;
+function Ee(e) {
+  return Ue.call(e) === "[object Array]";
+}
+function il(e) {
+  return Ue.call(e) === "[object Boolean]";
+}
+function Ye(e) {
+  return Ue.call(e) === "[object Object]";
+}
+function He(e) {
+  return Ue.call(e) === "[object String]";
+}
+function ce(e) {
+  return Ue.call(e) === "[object Number]" && e === e;
+}
+function Gr(e) {
+  return e === void 0;
+}
+function it(e) {
+  return typeof e == "function";
+}
+const Ur = (e, {
+  defaultValue: t = "medium"
+} = {}) => {
+  const r = J(ht, void 0);
+  return {
+    mergedSize: d(() => {
+      var l, o;
+      return (o = (l = e == null ? void 0 : e.value) != null ? l : r == null ? void 0 : r.size) != null ? o : t;
+    })
+  };
+}, ir = ["success", "warning", "error", "validating"], al = (e) => {
+  let t = "";
+  for (const r of Object.keys(e)) {
+    const n = e[r];
+    n && (!t || ir.indexOf(n) > ir.indexOf(t)) && (t = e[r]);
+  }
+  return t;
+}, sl = (e) => {
+  const t = [];
+  for (const r of Object.keys(e)) {
+    const n = e[r];
+    n && t.push(n);
+  }
+  return t;
+}, Yr = (e, t) => {
+  const r = t.replace(/[[.]/g, "_").replace(/\]/g, "");
+  return e ? `${e}-${r}` : `${r}`;
+};
+var X = (e, t) => {
+  for (const [r, n] of t)
+    e[r] = n;
+  return e;
+}, ul = Object.defineProperty, ar = Object.getOwnPropertySymbols, cl = Object.prototype.hasOwnProperty, dl = Object.prototype.propertyIsEnumerable, sr = (e, t, r) => t in e ? ul(e, t, {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: r
+}) : e[t] = r, fl = (e, t) => {
+  for (var r in t || (t = {}))
+    cl.call(t, r) && sr(e, r, t[r]);
+  if (ar)
+    for (var r of ar(t))
+      dl.call(t, r) && sr(e, r, t[r]);
+  return e;
+};
+const hl = I({
+  name: "Form",
+  props: {
+    model: {
+      type: Object,
+      required: !0
+    },
+    layout: {
+      type: String,
+      default: "horizontal"
+    },
+    size: {
+      type: String
+    },
+    labelColProps: {
+      type: Object,
+      default: () => ({
+        span: 5,
+        offset: 0
+      })
+    },
+    wrapperColProps: {
+      type: Object,
+      default: () => ({
+        span: 19,
+        offset: 0
+      })
+    },
+    labelColStyle: Object,
+    wrapperColStyle: Object,
+    labelAlign: {
+      type: String,
+      default: "right"
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    rules: {
+      type: Object
+    },
+    autoLabelWidth: {
+      type: Boolean,
+      default: !1
+    },
+    id: {
+      type: String
+    },
+    scrollToFirstError: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: {
+    submit: (e, t) => !0,
+    submitSuccess: (e, t) => !0,
+    submitFailed: (e, t) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const r = G("form"), n = F(), {
+      id: l,
+      model: o,
+      layout: i,
+      disabled: a,
+      labelAlign: s,
+      labelColProps: u,
+      wrapperColProps: c,
+      labelColStyle: h,
+      wrapperColStyle: p,
+      size: b,
+      rules: O
+    } = ye(e), {
+      mergedSize: _
+    } = Ur(b), w = d(() => e.layout === "horizontal" && e.autoLabelWidth), m = [], S = [], B = le({}), M = d(() => Math.max(...Object.values(B))), N = (E) => {
+      E && E.field && m.push(E);
+    }, Y = (E) => {
+      E && E.field && m.splice(m.indexOf(E), 1);
+    }, j = (E) => {
+      m.forEach((k) => {
+        E[k.field] && k.setField(E[k.field]);
+      });
+    }, T = (E, k) => {
+      k && B[k] !== E && (B[k] = E);
+    }, z = (E) => {
+      E && delete B[E];
+    }, x = (E) => {
+      const k = E ? [].concat(E) : [];
+      m.forEach((f) => {
+        (k.length === 0 || k.includes(f.field)) && f.resetField();
+      });
+    }, Q = (E) => {
+      const k = E ? [].concat(E) : [];
+      m.forEach((f) => {
+        (k.length === 0 || k.includes(f.field)) && f.clearValidate();
+      });
+    }, U = (E, k) => {
+      const y = (n.value || document.body).querySelector(`#${Yr(e.id, E)}`);
+      y && ol(y, fl({
+        behavior: "smooth",
+        block: "nearest",
+        scrollMode: "if-needed"
+      }, k));
+    }, P = (E) => {
+      const k = il(e.scrollToFirstError) ? void 0 : e.scrollToFirstError;
+      U(E, k);
+    }, oe = (E) => {
+      const k = [];
+      return m.forEach((f) => {
+        k.push(f.validate());
+      }), Promise.all(k).then((f) => {
+        const y = {};
+        let $ = !1;
+        return f.forEach((A) => {
+          A && ($ = !0, y[A.field] = A);
+        }), $ && e.scrollToFirstError && P(Object.keys(y)[0]), it(E) && E($ ? y : void 0), $ ? y : void 0;
+      });
+    }, te = (E, k) => {
+      const f = [];
+      for (const y of m)
+        (Ee(E) && E.includes(y.field) || E === y.field) && f.push(y.validate());
+      return Promise.all(f).then((y) => {
+        const $ = {};
+        let A = !1;
+        return y.forEach((Z) => {
+          Z && (A = !0, $[Z.field] = Z);
+        }), A && e.scrollToFirstError && P(Object.keys($)[0]), it(k) && k(A ? $ : void 0), A ? $ : void 0;
+      });
+    }, q = (E) => {
+      const k = [];
+      m.forEach((f) => {
+        k.push(f.validate());
+      }), Promise.all(k).then((f) => {
+        const y = {};
+        let $ = !1;
+        f.forEach((A) => {
+          A && ($ = !0, y[A.field] = A);
+        }), $ ? (e.scrollToFirstError && P(Object.keys(y)[0]), t("submitFailed", {
+          values: o.value,
+          errors: y
+        }, E)) : t("submitSuccess", o.value, E), t("submit", {
+          values: o.value,
+          errors: $ ? y : void 0
+        }, E);
+      });
+    };
+    return ge(Rt, le({
+      id: l,
+      layout: i,
+      disabled: a,
+      labelAlign: s,
+      labelColProps: u,
+      wrapperColProps: c,
+      labelColStyle: h,
+      wrapperColStyle: p,
+      model: o,
+      size: _,
+      rules: O,
+      fields: m,
+      touchedFields: S,
+      addField: N,
+      removeField: Y,
+      validateField: te,
+      setLabelWidth: T,
+      removeLabelWidth: z,
+      maxLabelWidth: M,
+      autoLabelWidth: w
+    })), {
+      cls: d(() => [r, `${r}-layout-${e.layout}`, `${r}-size-${_.value}`, {
+        [`${r}-auto-label-width`]: e.autoLabelWidth
+      }]),
+      formRef: n,
+      handleSubmit: q,
+      innerValidate: oe,
+      innerValidateField: te,
+      innerResetFields: x,
+      innerClearValidate: Q,
+      innerSetFields: j,
+      innerScrollToField: U
+    };
+  },
+  methods: {
+    validate(e) {
+      return this.innerValidate(e);
+    },
+    validateField(e, t) {
+      return this.innerValidateField(e, t);
+    },
+    resetFields(e) {
+      return this.innerResetFields(e);
+    },
+    clearValidate(e) {
+      return this.innerClearValidate(e);
+    },
+    setFields(e) {
+      return this.innerSetFields(e);
+    },
+    scrollToField(e) {
+      return this.innerScrollToField(e);
+    }
+  }
+});
+function vl(e, t, r, n, l, o) {
+  return L(), H("form", {
+    ref: "formRef",
+    class: D(e.cls),
+    onSubmit: t[0] || (t[0] = $n((...i) => e.handleSubmit && e.handleSubmit(...i), ["prevent"]))
+  }, [R(e.$slots, "default")], 34);
+}
+var wt = /* @__PURE__ */ X(hl, [["render", vl]]), Ve = Object.prototype.toString;
+function vt(e) {
+  return Ve.call(e) === "[object Array]";
+}
+function be(e) {
+  return Ve.call(e) === "[object Object]";
+}
+function Nt(e) {
+  return Ve.call(e) === "[object String]";
+}
+function pl(e) {
+  return Ve.call(e) === "[object Number]" && e === e;
+}
+function ml(e) {
+  return Ve.call(e) === "[object Boolean]";
+}
+function It(e) {
+  return Ve.call(e) === "[object Function]";
+}
+function bl(e) {
+  return be(e) && Object.keys(e).length === 0;
+}
+function je(e) {
+  return e == null || e === "";
+}
+function Kr(e) {
+  return vt(e) && !e.length;
+}
+var Ht = function(e, t) {
+  if (typeof e != "object" || typeof t != "object")
+    return e === t;
+  if (It(e) && It(t))
+    return e === t || e.toString() === t.toString();
+  if (Object.keys(e).length !== Object.keys(t).length)
+    return !1;
+  for (var r in e) {
+    var n = Ht(e[r], t[r]);
+    if (!n)
+      return !1;
+  }
+  return !0;
+}, Gt = function(e, t) {
+  var r = Object.assign({}, e);
+  return Object.keys(t || {}).forEach(function(n) {
+    var l = r[n], o = t == null ? void 0 : t[n];
+    r[n] = be(l) ? Object.assign(Object.assign({}, l), o) : o || l;
+  }), r;
+}, yl = function(e, t) {
+  for (var r = t.split("."), n = e, l = 0; l < r.length; l++)
+    if (n = n && n[r[l]], n === void 0)
+      return n;
+  return n;
+}, we = "#{field} is not a #{type} type", gl = {
+  required: "#{field} is required",
+  type: {
+    ip: we,
+    email: we,
+    url: we,
+    string: we,
+    number: we,
+    array: we,
+    object: we,
+    boolean: we
+  },
+  number: {
+    min: "`#{value}` is not greater than `#{min}`",
+    max: "`#{value}` is not less than `#{max}`",
+    equal: "`#{value}` is not equal to `#{equal}`",
+    range: "`#{value}` is not in range `#{min} ~ #{max}`",
+    positive: "`#{value}` is not a positive number",
+    negative: "`#{value}` is not a negative number"
+  },
+  string: {
+    maxLength: "#{field} cannot be longer than #{maxLength} characters",
+    minLength: "#{field} must be at least #{minLength} characters",
+    length: "#{field} must be exactly #{length} characters",
+    match: "`#{value}` does not match pattern #{pattern}",
+    uppercase: "`#{value}` must be all uppercase",
+    lowercase: "`#{value}` must be all lowercased"
+  },
+  array: {
+    length: "#{field} must be exactly #{length} in length",
+    minLength: "#{field} cannot be less than #{minLength} in length",
+    maxLength: "#{field} cannot be greater than #{maxLength} in length",
+    includes: "#{field} is not includes #{includes}",
+    deepEqual: "#{field} is not deep equal with #{deepEqual}",
+    empty: "#{field} is not an empty array"
+  },
+  object: {
+    deepEqual: "#{field} is not deep equal to expected value",
+    hasKeys: "#{field} does not contain required fields",
+    empty: "#{field} is not an empty object"
+  },
+  boolean: {
+    true: "Expect true but got `#{value}`",
+    false: "Expect false but got `#{value}`"
+  }
+}, de = function(t, r) {
+  var n = this;
+  this.getValidateMsg = function(l, o) {
+    o === void 0 && (o = {});
+    var i = Object.assign(Object.assign({}, o), {
+      value: n.obj,
+      field: n.field,
+      type: n.type
+    }), a = yl(n.validateMessages, l);
+    return It(a) ? a(i) : Nt(a) ? a.replace(/\#\{.+?\}/g, function(s) {
+      var u = s.slice(2, -1);
+      if (u in i) {
+        if (be(i[u]) || vt(i[u]))
+          try {
+            return JSON.stringify(i[u]);
+          } catch {
+            return i[u];
+          }
+        return String(i[u]);
+      }
+      return s;
+    }) : a;
+  }, be(r) && Nt(t) && r.trim ? this.obj = t.trim() : be(r) && r.ignoreEmptyString && t === "" ? this.obj = void 0 : this.obj = t, this.message = r.message, this.type = r.type, this.error = null, this.field = r.field || r.type, this.validateMessages = Gt(gl, r.validateMessages);
+}, pt = {
+  not: {
+    configurable: !0
+  },
+  isRequired: {
+    configurable: !0
+  },
+  end: {
+    configurable: !0
+  }
+};
+pt.not.get = function() {
+  return this._not = !this._not, this;
+};
+pt.isRequired.get = function() {
+  if (je(this.obj) || Kr(this.obj)) {
+    var e = this.getValidateMsg("required");
+    this.error = {
+      value: this.obj,
+      type: this.type,
+      requiredError: !0,
+      message: this.message || (be(e) ? e : (this._not ? "[NOT MODE]:" : "") + e)
+    };
+  }
+  return this;
+};
+pt.end.get = function() {
+  return this.error;
+};
+de.prototype.addError = function(t) {
+  !this.error && t && (this.error = {
+    value: this.obj,
+    type: this.type,
+    message: this.message || (be(t) ? t : (this._not ? "[NOT MODE]:" : "") + t)
+  });
+};
+de.prototype.validate = function(t, r) {
+  var n = this._not ? t : !t;
+  return n && this.addError(r), this;
+};
+de.prototype.collect = function(t) {
+  t && t(this.error);
+};
+Object.defineProperties(de.prototype, pt);
+var wl = /* @__PURE__ */ function(e) {
+  function t(n, l) {
+    e.call(this, n, Object.assign(Object.assign({}, l), {
+      type: "string"
+    })), this.validate(l && l.strict ? Nt(this.obj) : !0, this.getValidateMsg("type.string"));
+  }
+  e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t;
+  var r = {
+    uppercase: {
+      configurable: !0
+    },
+    lowercase: {
+      configurable: !0
+    }
+  };
+  return t.prototype.maxLength = function(l) {
+    return this.obj ? this.validate(this.obj.length <= l, this.getValidateMsg("string.maxLength", {
+      maxLength: l
+    })) : this;
+  }, t.prototype.minLength = function(l) {
+    return this.obj ? this.validate(this.obj.length >= l, this.getValidateMsg("string.minLength", {
+      minLength: l
+    })) : this;
+  }, t.prototype.length = function(l) {
+    return this.obj ? this.validate(this.obj.length === l, this.getValidateMsg("string.length", {
+      length: l
+    })) : this;
+  }, t.prototype.match = function(l) {
+    var o = l instanceof RegExp;
+    return o && (l.lastIndex = 0), this.validate(this.obj === void 0 || o && l.test(this.obj), this.getValidateMsg("string.match", {
+      pattern: l
+    }));
+  }, r.uppercase.get = function() {
+    return this.obj ? this.validate(this.obj.toUpperCase() === this.obj, this.getValidateMsg("string.uppercase")) : this;
+  }, r.lowercase.get = function() {
+    return this.obj ? this.validate(this.obj.toLowerCase() === this.obj, this.getValidateMsg("string.lowercase")) : this;
+  }, Object.defineProperties(t.prototype, r), t;
+}(de), _l = /* @__PURE__ */ function(e) {
+  function t(n, l) {
+    e.call(this, n, Object.assign(Object.assign({}, l), {
+      type: "number"
+    })), this.validate(l && l.strict ? pl(this.obj) : !0, this.getValidateMsg("type.number"));
+  }
+  e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t;
+  var r = {
+    positive: {
+      configurable: !0
+    },
+    negative: {
+      configurable: !0
+    }
+  };
+  return t.prototype.min = function(l) {
+    return je(this.obj) ? this : this.validate(this.obj >= l, this.getValidateMsg("number.min", {
+      min: l
+    }));
+  }, t.prototype.max = function(l) {
+    return je(this.obj) ? this : this.validate(this.obj <= l, this.getValidateMsg("number.max", {
+      max: l
+    }));
+  }, t.prototype.equal = function(l) {
+    return je(this.obj) ? this : this.validate(this.obj === l, this.getValidateMsg("number.equal", {
+      equal: l
+    }));
+  }, t.prototype.range = function(l, o) {
+    return je(this.obj) ? this : this.validate(this.obj >= l && this.obj <= o, this.getValidateMsg("number.range", {
+      min: l,
+      max: o
+    }));
+  }, r.positive.get = function() {
+    return je(this.obj) ? this : this.validate(this.obj > 0, this.getValidateMsg("number.positive"));
+  }, r.negative.get = function() {
+    return je(this.obj) ? this : this.validate(this.obj < 0, this.getValidateMsg("number.negative"));
+  }, Object.defineProperties(t.prototype, r), t;
+}(de), El = /* @__PURE__ */ function(e) {
+  function t(n, l) {
+    e.call(this, n, Object.assign(Object.assign({}, l), {
+      type: "array"
+    })), this.validate(l && l.strict ? vt(this.obj) : !0, this.getValidateMsg("type.array", {
+      value: this.obj,
+      type: this.type
+    }));
+  }
+  e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t;
+  var r = {
+    empty: {
+      configurable: !0
+    }
+  };
+  return t.prototype.length = function(l) {
+    return this.obj ? this.validate(this.obj.length === l, this.getValidateMsg("array.length", {
+      value: this.obj,
+      length: l
+    })) : this;
+  }, t.prototype.minLength = function(l) {
+    return this.obj ? this.validate(this.obj.length >= l, this.getValidateMsg("array.minLength", {
+      value: this.obj,
+      minLength: l
+    })) : this;
+  }, t.prototype.maxLength = function(l) {
+    return this.obj ? this.validate(this.obj.length <= l, this.getValidateMsg("array.maxLength", {
+      value: this.obj,
+      maxLength: l
+    })) : this;
+  }, t.prototype.includes = function(l) {
+    var o = this;
+    return this.obj ? this.validate(l.every(function(i) {
+      return o.obj.indexOf(i) !== -1;
+    }), this.getValidateMsg("array.includes", {
+      value: this.obj,
+      includes: l
+    })) : this;
+  }, t.prototype.deepEqual = function(l) {
+    return this.obj ? this.validate(Ht(this.obj, l), this.getValidateMsg("array.deepEqual", {
+      value: this.obj,
+      deepEqual: l
+    })) : this;
+  }, r.empty.get = function() {
+    return this.validate(Kr(this.obj), this.getValidateMsg("array.empty", {
+      value: this.obj
+    }));
+  }, Object.defineProperties(t.prototype, r), t;
+}(de), Cl = /* @__PURE__ */ function(e) {
+  function t(n, l) {
+    e.call(this, n, Object.assign(Object.assign({}, l), {
+      type: "object"
+    })), this.validate(l && l.strict ? be(this.obj) : !0, this.getValidateMsg("type.object"));
+  }
+  e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t;
+  var r = {
+    empty: {
+      configurable: !0
+    }
+  };
+  return t.prototype.deepEqual = function(l) {
+    return this.obj ? this.validate(Ht(this.obj, l), this.getValidateMsg("object.deepEqual", {
+      deepEqual: l
+    })) : this;
+  }, t.prototype.hasKeys = function(l) {
+    var o = this;
+    return this.obj ? this.validate(l.every(function(i) {
+      return o.obj[i];
+    }), this.getValidateMsg("object.hasKeys", {
+      keys: l
+    })) : this;
+  }, r.empty.get = function() {
+    return this.validate(bl(this.obj), this.getValidateMsg("object.empty"));
+  }, Object.defineProperties(t.prototype, r), t;
+}(de), $l = /* @__PURE__ */ function(e) {
+  function t(n, l) {
+    e.call(this, n, Object.assign(Object.assign({}, l), {
+      type: "boolean"
+    })), this.validate(l && l.strict ? ml(this.obj) : !0, this.getValidateMsg("type.boolean"));
+  }
+  e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t;
+  var r = {
+    true: {
+      configurable: !0
+    },
+    false: {
+      configurable: !0
+    }
+  };
+  return r.true.get = function() {
+    return this.validate(this.obj === !0, this.getValidateMsg("boolean.true"));
+  }, r.false.get = function() {
+    return this.validate(this.obj === !1, this.getValidateMsg("boolean.false"));
+  }, Object.defineProperties(t.prototype, r), t;
+}(de), Ol = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/, Sl = 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"), jl = /^(2(5[0-5]{1}|[0-4]\d{1})|[0-1]?\d{1,2})(\.(2(5[0-5]{1}|[0-4]\d{1})|[0-1]?\d{1,2})){3}$/, kl = /* @__PURE__ */ function(e) {
+  function t(n, l) {
+    e.call(this, n, Object.assign(Object.assign({}, l), {
+      type: "type"
+    }));
+  }
+  e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t;
+  var r = {
+    email: {
+      configurable: !0
+    },
+    url: {
+      configurable: !0
+    },
+    ip: {
+      configurable: !0
+    }
+  };
+  return r.email.get = function() {
+    return this.type = "email", this.validate(this.obj === void 0 || Ol.test(this.obj), this.getValidateMsg("type.email"));
+  }, r.url.get = function() {
+    return this.type = "url", this.validate(this.obj === void 0 || Sl.test(this.obj), this.getValidateMsg("type.url"));
+  }, r.ip.get = function() {
+    return this.type = "ip", this.validate(this.obj === void 0 || jl.test(this.obj), this.getValidateMsg("type.ip"));
+  }, Object.defineProperties(t.prototype, r), t;
+}(de), Pl = /* @__PURE__ */ function(e) {
+  function t(n, l) {
+    e.call(this, n, Object.assign(Object.assign({}, l), {
+      type: "custom"
+    }));
+  }
+  e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t;
+  var r = {
+    validate: {
+      configurable: !0
+    }
+  };
+  return r.validate.get = function() {
+    var n = this;
+    return function(l, o) {
+      var i;
+      if (l)
+        return i = l(n.obj, n.addError.bind(n)), i && i.then ? (o && i.then(function() {
+          o && o(n.error);
+        }, function(a) {
+          console.error(a);
+        }), [i, n]) : (o && o(n.error), n.error);
+    };
+  }, Object.defineProperties(t.prototype, r), t;
+}(de), at = function(e, t) {
+  return new Xr(e, Object.assign({
+    field: "value"
+  }, t));
+};
+at.globalConfig = {};
+at.setGlobalConfig = function(e) {
+  at.globalConfig = e || {};
+};
+var Xr = function(t, r) {
+  var n = at.globalConfig, l = Object.assign(Object.assign(Object.assign({}, n), r), {
+    validateMessages: Gt(n.validateMessages, r.validateMessages)
+  });
+  this.string = new wl(t, l), this.number = new _l(t, l), this.array = new El(t, l), this.object = new Cl(t, l), this.boolean = new $l(t, l), this.type = new kl(t, l), this.custom = new Pl(t, l);
+}, Ut = function(t, r) {
+  r === void 0 && (r = {}), this.schema = t, this.options = r;
+};
+Ut.prototype.messages = function(t) {
+  this.options = Object.assign(Object.assign({}, this.options), {
+    validateMessages: Gt(this.options.validateMessages, t)
+  });
+};
+Ut.prototype.validate = function(t, r) {
+  var n = this;
+  if (!be(t))
+    return;
+  var l = [], o = null;
+  function i(a, s) {
+    o || (o = {}), (!o[a] || s.requiredError) && (o[a] = s);
+  }
+  this.schema && Object.keys(this.schema).forEach(function(a) {
+    if (vt(n.schema[a]))
+      for (var s = function(h) {
+        var p = n.schema[a][h], b = p.type, O = p.message;
+        if (!b && !p.validator)
+          throw "You must specify a type to field " + a + "!";
+        var _ = Object.assign(Object.assign({}, n.options), {
+          message: O,
+          field: a
+        });
+        "ignoreEmptyString" in p && (_.ignoreEmptyString = p.ignoreEmptyString), "strict" in p && (_.strict = p.strict);
+        var w = new Xr(t[a], _), m = w.type[b] || null;
+        if (!m)
+          if (p.validator) {
+            m = w.custom.validate(p.validator), Object.prototype.toString.call(m) === "[object Array]" && m[0].then ? l.push({
+              function: m[0],
+              _this: m[1],
+              key: a
+            }) : m && i(a, m);
+            return;
+          } else
+            m = w[b];
+        if (Object.keys(p).forEach(function(S) {
+          p.required && (m = m.isRequired), S !== "message" && m[S] && p[S] && typeof m[S] == "object" && (m = m[S]), m[S] && p[S] !== void 0 && typeof m[S] == "function" && (m = m[S](p[S]));
+        }), m.collect(function(S) {
+          S && i(a, S);
+        }), o)
+          return "break";
+      }, u = 0; u < n.schema[a].length; u++) {
+        var c = s(u);
+        if (c === "break")
+          break;
+      }
+  }), l.length > 0 ? Promise.all(l.map(function(a) {
+    return a.function;
+  })).then(function() {
+    l.forEach(function(a) {
+      a._this.error && i(a.key, a._this.error);
+    }), r && r(o);
+  }) : r && r(o);
+};
+const Zr = Symbol("RowContextInjectionKey"), Qr = Symbol("GridContextInjectionKey"), Jr = Symbol("GridDataCollectorInjectionKey");
+var Fl = Object.defineProperty, Ll = Object.defineProperties, Tl = Object.getOwnPropertyDescriptors, ur = Object.getOwnPropertySymbols, Ml = Object.prototype.hasOwnProperty, Al = Object.prototype.propertyIsEnumerable, cr = (e, t, r) => t in e ? Fl(e, t, {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: r
+}) : e[t] = r, Dl = (e, t) => {
+  for (var r in t || (t = {}))
+    Ml.call(t, r) && cr(e, r, t[r]);
+  if (ur)
+    for (var r of ur(t))
+      Al.call(t, r) && cr(e, r, t[r]);
+  return e;
+}, Bl = (e, t) => Ll(e, Tl(t));
+const st = ["xxl", "xl", "lg", "md", "sm", "xs"], Je = {
+  xs: "(max-width: 575px)",
+  sm: "(min-width: 576px)",
+  md: "(min-width: 768px)",
+  lg: "(min-width: 992px)",
+  xl: "(min-width: 1200px)",
+  xxl: "(min-width: 1600px)"
+};
+let Se = [], Vl = -1, et = {};
+const dr = {
+  matchHandlers: {},
+  dispatch(e, t) {
+    return et = e, Se.length < 1 ? !1 : (Se.forEach((r) => {
+      r.func(et, t);
+    }), !0);
+  },
+  subscribe(e) {
+    Se.length === 0 && this.register();
+    const t = (++Vl).toString();
+    return Se.push({
+      token: t,
+      func: e
+    }), e(et, null), t;
+  },
+  unsubscribe(e) {
+    Se = Se.filter((t) => t.token !== e), Se.length === 0 && this.unregister();
+  },
+  unregister() {
+    Object.keys(Je).forEach((e) => {
+      const t = Je[e];
+      if (!t)
+        return;
+      const r = this.matchHandlers[t];
+      r && r.mql && r.listener && (r.mql.removeEventListener ? r.mql.removeEventListener("change", r.listener) : r.mql.removeListener(r.listener));
+    });
+  },
+  register() {
+    Object.keys(Je).forEach((e) => {
+      const t = Je[e];
+      if (!t)
+        return;
+      const r = ({
+        matches: l
+      }) => {
+        this.dispatch(Bl(Dl({}, et), {
+          [e]: l
+        }), e);
+      }, n = window.matchMedia(t);
+      n.addEventListener ? n.addEventListener("change", r) : n.addListener(r), this.matchHandlers[t] = {
+        mql: n,
+        listener: r
+      }, r(n);
+    });
+  }
+};
+function fr(e) {
+  return Ye(e);
+}
+function _e(e, t, r = !1) {
+  const n = F({
+    xs: !0,
+    sm: !0,
+    md: !0,
+    lg: !0,
+    xl: !0,
+    xxl: !0
+  }), l = d(() => {
+    let i = t;
+    if (fr(e.value))
+      for (let a = 0; a < st.length; a++) {
+        const s = st[a];
+        if ((n.value[s] || s === "xs" && r) && e.value[s] !== void 0) {
+          i = e.value[s];
+          break;
+        }
+      }
+    else
+      i = e.value;
+    return i;
+  });
+  let o = "";
+  return he(() => {
+    o = dr.subscribe((i) => {
+      fr(e.value) && (n.value = i);
+    });
+  }), Wr(() => {
+    o && dr.unsubscribe(o);
+  }), l;
+}
+const xl = I({
+  name: "Row",
+  props: {
+    gutter: {
+      type: [Number, Object, Array],
+      default: 0
+    },
+    justify: {
+      type: String,
+      default: "start"
+    },
+    align: {
+      type: String,
+      default: "start"
+    },
+    div: {
+      type: Boolean
+    },
+    wrap: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const {
+      gutter: t,
+      align: r,
+      justify: n,
+      div: l,
+      wrap: o
+    } = ye(e), i = G("row"), a = d(() => ({
+      [`${i}`]: !l.value,
+      [`${i}-nowrap`]: !o.value,
+      [`${i}-align-${r.value}`]: r.value,
+      [`${i}-justify-${n.value}`]: n.value
+    })), s = d(() => Array.isArray(t.value) ? t.value[0] : t.value), u = d(() => Array.isArray(t.value) ? t.value[1] : 0), c = _e(s, 0), h = _e(u, 0), p = d(() => {
+      const O = {};
+      if ((c.value || h.value) && !l.value) {
+        const _ = -c.value / 2, w = -h.value / 2;
+        _ && (O.marginLeft = `${_}px`, O.marginRight = `${_}px`), w && (O.marginTop = `${w}px`, O.marginBottom = `${w}px`);
+      }
+      return O;
+    }), b = d(() => [c.value, h.value]);
+    return ge(Zr, le({
+      gutter: b,
+      div: l
+    })), {
+      classNames: a,
+      styles: p
+    };
+  }
+});
+function Nl(e, t, r, n, l, o) {
+  return L(), H("div", {
+    class: D(e.classNames),
+    style: Ce(e.styles)
+  }, [R(e.$slots, "default")], 6);
+}
+var nt = /* @__PURE__ */ X(xl, [["render", Nl]]);
+function Il(e) {
+  return d(() => {
+    const {
+      val: r,
+      key: n,
+      xs: l,
+      sm: o,
+      md: i,
+      lg: a,
+      xl: s,
+      xxl: u
+    } = e.value;
+    if (!l && !o && !i && !a && !s && !u)
+      return r;
+    const c = {};
+    return st.forEach((h) => {
+      const p = e.value[h];
+      ce(p) ? c[h] = p : Ye(p) && ce(p[n]) && (c[h] = p[n]);
+    }), c;
+  });
+}
+function zl(e, t) {
+  const r = {};
+  return t.forEach((n) => {
+    const l = n;
+    n in e && (r[l] = e[l]);
+  }), r;
+}
+var ql = Object.defineProperty, hr = Object.getOwnPropertySymbols, Wl = Object.prototype.hasOwnProperty, Rl = Object.prototype.propertyIsEnumerable, vr = (e, t, r) => t in e ? ql(e, t, {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: r
+}) : e[t] = r, _t = (e, t) => {
+  for (var r in t || (t = {}))
+    Wl.call(t, r) && vr(e, r, t[r]);
+  if (hr)
+    for (var r of hr(t))
+      Rl.call(t, r) && vr(e, r, t[r]);
+  return e;
+};
+function Hl(e) {
+  if (He(e) && (["initial", "auto", "none"].includes(e) || /^\d+$/.test(e)) || ce(e))
+    return e;
+  if (He(e) && /^\d+(px|em|rem|%)$/.test(e))
+    return `0 0 ${e}`;
+}
+const Gl = I({
+  name: "Col",
+  props: {
+    span: {
+      type: Number,
+      default: 24
+    },
+    offset: {
+      type: Number
+    },
+    order: {
+      type: Number
+    },
+    xs: {
+      type: [Number, Object]
+    },
+    sm: {
+      type: [Number, Object]
+    },
+    md: {
+      type: [Number, Object]
+    },
+    lg: {
+      type: [Number, Object]
+    },
+    xl: {
+      type: [Number, Object]
+    },
+    xxl: {
+      type: [Number, Object]
+    },
+    flex: {
+      type: [Number, String]
+    }
+  },
+  setup(e) {
+    const t = G("col"), r = J(Zr, {}), n = d(() => Hl(e.flex)), l = d(() => {
+      const {
+        div: h
+      } = r, {
+        span: p,
+        offset: b,
+        order: O,
+        xs: _,
+        sm: w,
+        md: m,
+        lg: S,
+        xl: B,
+        xxl: M
+      } = e, N = {
+        [`${t}`]: !h,
+        [`${t}-order-${O}`]: O,
+        [`${t}-${p}`]: !h && !_ && !w && !m && !S && !B && !M,
+        [`${t}-offset-${b}`]: b && b > 0
+      }, Y = {
+        xs: _,
+        sm: w,
+        md: m,
+        lg: S,
+        xl: B,
+        xxl: M
+      };
+      return Object.keys(Y).forEach((j) => {
+        const T = Y[j];
+        T && ce(T) ? N[`${t}-${j}-${T}`] = !0 : T && Ye(T) && (N[`${t}-${j}-${T.span}`] = T.span, N[`${t}-${j}-offset-${T.offset}`] = T.offset, N[`${t}-${j}-order-${T.order}`] = T.order);
+      }), N;
+    }), o = d(() => n.value ? t : l.value), i = d(() => {
+      const {
+        gutter: h,
+        div: p
+      } = r, b = {};
+      if (Array.isArray(h) && !p) {
+        const O = h[0] && h[0] / 2 || 0, _ = h[1] && h[1] / 2 || 0;
+        O && (b.paddingLeft = `${O}px`, b.paddingRight = `${O}px`), _ && (b.paddingTop = `${_}px`, b.paddingBottom = `${_}px`);
+      }
+      return b;
+    }), a = d(() => n.value ? {
+      flex: n.value
+    } : {}), s = d(() => zl(e, st)), u = Il(d(() => _t({
+      val: e.span,
+      key: "span"
+    }, s.value))), c = _e(u, 24, !0);
+    return {
+      visible: d(() => !!c.value),
+      classNames: o,
+      styles: d(() => _t(_t({}, i.value), a.value))
+    };
+  }
+});
+function Ul(e, t, r, n, l, o) {
+  return e.visible ? (L(), H("div", {
+    key: 0,
+    class: D(e.classNames),
+    style: Ce(e.styles)
+  }, [R(e.$slots, "default")], 6)) : se("v-if", !0);
+}
+var lt = /* @__PURE__ */ X(Gl, [["render", Ul]]);
+function Yl(e, t) {
+  var r, n;
+  const l = (r = t.span) != null ? r : 1, o = (n = t.offset) != null ? n : 0, i = Math.min(o, e);
+  return {
+    span: Math.min(i > 0 ? l + o : l, e),
+    offset: i,
+    suffix: "suffix" in t ? t.suffix !== !1 : !1
+  };
+}
+function Kl({
+  cols: e,
+  collapsed: t,
+  collapsedRows: r,
+  itemDataList: n
+}) {
+  let l = !1, o = [];
+  function i(a) {
+    return Math.ceil(a / e) > r;
+  }
+  if (t) {
+    let a = 0;
+    for (let s = 0; s < n.length; s++)
+      n[s].suffix && (a += n[s].span, o.push(s));
+    if (!i(a)) {
+      let s = 0;
+      for (; s < n.length; ) {
+        const u = n[s];
+        if (!u.suffix) {
+          if (a += u.span, i(a))
+            break;
+          o.push(s);
+        }
+        s++;
+      }
+    }
+    l = n.some((s, u) => !s.suffix && !o.includes(u));
+  } else
+    o = n.map((a, s) => s);
+  return {
+    overflow: l,
+    displayIndexList: o
+  };
+}
+const Xl = I({
+  name: "Grid",
+  props: {
+    cols: {
+      type: [Number, Object],
+      default: 24
+    },
+    rowGap: {
+      type: [Number, Object],
+      default: 0
+    },
+    colGap: {
+      type: [Number, Object],
+      default: 0
+    },
+    collapsed: {
+      type: Boolean,
+      default: !1
+    },
+    collapsedRows: {
+      type: Number,
+      default: 1
+    }
+  },
+  setup(e) {
+    const {
+      cols: t,
+      rowGap: r,
+      colGap: n,
+      collapsedRows: l,
+      collapsed: o
+    } = ye(e), i = _e(t, 24), a = _e(n, 0), s = _e(r, 0), u = G("grid"), c = d(() => [u]), h = d(() => [{
+      gap: `${s.value}px ${a.value}px`,
+      "grid-template-columns": `repeat(${i.value}, minmax(0px, 1fr))`
+    }]), p = le(/* @__PURE__ */ new Map()), b = d(() => {
+      const _ = [];
+      for (const [w, m] of p.entries())
+        _[w] = m;
+      return _;
+    }), O = le({
+      overflow: !1,
+      displayIndexList: [],
+      cols: i.value,
+      colGap: a.value
+    });
+    return At(() => {
+      O.cols = i.value, O.colGap = a.value;
+    }), At(() => {
+      const _ = Kl({
+        cols: i.value,
+        collapsed: o.value,
+        collapsedRows: l.value,
+        itemDataList: b.value
+      });
+      O.overflow = _.overflow, O.displayIndexList = _.displayIndexList;
+    }), ge(Qr, O), ge(Jr, {
+      collectItemData(_, w) {
+        p.set(_, w);
+      },
+      removeItemData(_) {
+        p.delete(_);
+      }
+    }), {
+      classNames: c,
+      style: h
+    };
+  }
+});
+function Zl(e, t, r, n, l, o) {
+  return L(), H("div", {
+    class: D(e.classNames),
+    style: Ce(e.style)
+  }, [R(e.$slots, "default")], 6);
+}
+var Et = /* @__PURE__ */ X(Xl, [["render", Zl]]);
+const Ql = ({
+  itemRef: e,
+  selector: t,
+  index: r,
+  parentClassName: n
+}) => {
+  const l = F(-1), o = d(() => {
+    var u;
+    return (u = r == null ? void 0 : r.value) != null ? u : l.value;
+  }), i = F(), a = () => {
+    var u, c, h;
+    let p = (c = (u = e.value) == null ? void 0 : u.parentElement) != null ? c : void 0;
+    if (n)
+      for (; p && !p.className.includes(n); )
+        p = (h = p.parentElement) != null ? h : void 0;
+    return p;
+  }, s = () => {
+    if (Gr(r == null ? void 0 : r.value) && i.value && e.value) {
+      const u = Array.from(i.value.querySelectorAll(t)).indexOf(e.value);
+      u !== l.value && (l.value = u);
+    }
+  };
+  return Te(e, () => {
+    e.value && !i.value && (i.value = a());
+  }), he(() => {
+    e.value && (i.value = a()), s();
+  }), ft(() => s()), {
+    computedIndex: o
+  };
+};
+var Jl = Object.defineProperty, eo = Object.defineProperties, to = Object.getOwnPropertyDescriptors, pr = Object.getOwnPropertySymbols, ro = Object.prototype.hasOwnProperty, no = Object.prototype.propertyIsEnumerable, mr = (e, t, r) => t in e ? Jl(e, t, {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: r
+}) : e[t] = r, lo = (e, t) => {
+  for (var r in t || (t = {}))
+    ro.call(t, r) && mr(e, r, t[r]);
+  if (pr)
+    for (var r of pr(t))
+      no.call(t, r) && mr(e, r, t[r]);
+  return e;
+}, oo = (e, t) => eo(e, to(t));
+const io = I({
+  name: "GridItem",
+  props: {
+    span: {
+      type: [Number, Object],
+      default: 1
+    },
+    offset: {
+      type: [Number, Object],
+      default: 0
+    },
+    suffix: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const t = G("grid-item"), r = F(), {
+      computedIndex: n
+    } = Ql({
+      itemRef: r,
+      selector: `.${t}`
+    }), l = J(Qr, {
+      overflow: !1,
+      displayIndexList: [],
+      cols: 24,
+      colGap: 0
+    }), o = J(Jr), i = d(() => {
+      var w;
+      return (w = l == null ? void 0 : l.displayIndexList) == null ? void 0 : w.includes(n.value);
+    }), {
+      span: a,
+      offset: s
+    } = ye(e), u = _e(a, 1), c = _e(s, 0), h = d(() => Yl(l.cols, oo(lo({}, e), {
+      span: u.value,
+      offset: c.value
+    }))), p = d(() => [t]), b = d(() => {
+      const {
+        offset: w,
+        span: m
+      } = h.value, {
+        colGap: S
+      } = l;
+      return w > 0 ? {
+        "margin-left": `calc((${`(100% - ${S * (m - 1)}px) / ${m}`} * ${w}) + ${S * w}px)`
+      } : {};
+    }), O = d(() => {
+      const {
+        suffix: w,
+        span: m
+      } = h.value, {
+        cols: S
+      } = l;
+      return w ? `${S - m + 1}` : `span ${m}`;
+    }), _ = d(() => {
+      const {
+        span: w
+      } = h.value;
+      return r.value ? [{
+        "grid-column": `${O.value} / span ${w}`
+      }, b.value, !i.value || w === 0 ? {
+        display: "none"
+      } : {}] : [];
+    });
+    return At(() => {
+      n.value !== -1 && (o == null || o.collectItemData(n.value, h.value));
+    }), Wr(() => {
+      n.value !== -1 && (o == null || o.removeItemData(n.value));
+    }), {
+      classNames: p,
+      style: _,
+      domRef: r,
+      overflow: d(() => l.overflow)
+    };
+  }
+});
+function ao(e, t, r, n, l, o) {
+  return L(), H("div", {
+    ref: "domRef",
+    class: D(e.classNames),
+    style: Ce(e.style)
+  }, [R(e.$slots, "default", {
+    overflow: e.overflow
+  })], 6);
+}
+var We = /* @__PURE__ */ X(io, [["render", ao]]);
+const so = Object.assign(Et, {
+  Row: nt,
+  Col: lt,
+  Item: We,
+  install: (e, t) => {
+    Be(e, t);
+    const r = De(t);
+    e.component(r + nt.name, nt), e.component(r + lt.name, lt), e.component(r + Et.name, Et), e.component(r + We.name, We);
+  }
+});
+var en = function() {
+  if (typeof Map < "u")
+    return Map;
+  function e(t, r) {
+    var n = -1;
+    return t.some(function(l, o) {
+      return l[0] === r ? (n = o, !0) : !1;
+    }), n;
+  }
+  return (
+    /** @class */
+    function() {
+      function t() {
+        this.__entries__ = [];
+      }
+      return Object.defineProperty(t.prototype, "size", {
+        /**
+         * @returns {boolean}
+         */
+        get: function() {
+          return this.__entries__.length;
+        },
+        enumerable: !0,
+        configurable: !0
+      }), t.prototype.get = function(r) {
+        var n = e(this.__entries__, r), l = this.__entries__[n];
+        return l && l[1];
+      }, t.prototype.set = function(r, n) {
+        var l = e(this.__entries__, r);
+        ~l ? this.__entries__[l][1] = n : this.__entries__.push([r, n]);
+      }, t.prototype.delete = function(r) {
+        var n = this.__entries__, l = e(n, r);
+        ~l && n.splice(l, 1);
+      }, t.prototype.has = function(r) {
+        return !!~e(this.__entries__, r);
+      }, t.prototype.clear = function() {
+        this.__entries__.splice(0);
+      }, t.prototype.forEach = function(r, n) {
+        n === void 0 && (n = null);
+        for (var l = 0, o = this.__entries__; l < o.length; l++) {
+          var i = o[l];
+          r.call(n, i[1], i[0]);
+        }
+      }, t;
+    }()
+  );
+}(), zt = typeof window < "u" && typeof document < "u" && window.document === document, ut = function() {
+  return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
+}(), uo = function() {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(ut) : function(e) {
+    return setTimeout(function() {
+      return e(Date.now());
+    }, 1e3 / 60);
+  };
+}(), co = 2;
+function fo(e, t) {
+  var r = !1, n = !1, l = 0;
+  function o() {
+    r && (r = !1, e()), n && a();
+  }
+  function i() {
+    uo(o);
+  }
+  function a() {
+    var s = Date.now();
+    if (r) {
+      if (s - l < co)
+        return;
+      n = !0;
+    } else
+      r = !0, n = !1, setTimeout(i, t);
+    l = s;
+  }
+  return a;
+}
+var ho = 20, vo = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], po = typeof MutationObserver < "u", mo = (
+  /** @class */
+  function() {
+    function e() {
+      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = fo(this.refresh.bind(this), ho);
+    }
+    return e.prototype.addObserver = function(t) {
+      ~this.observers_.indexOf(t) || this.observers_.push(t), this.connected_ || this.connect_();
+    }, e.prototype.removeObserver = function(t) {
+      var r = this.observers_, n = r.indexOf(t);
+      ~n && r.splice(n, 1), !r.length && this.connected_ && this.disconnect_();
+    }, e.prototype.refresh = function() {
+      var t = this.updateObservers_();
+      t && this.refresh();
+    }, e.prototype.updateObservers_ = function() {
+      var t = this.observers_.filter(function(r) {
+        return r.gatherActive(), r.hasActive();
+      });
+      return t.forEach(function(r) {
+        return r.broadcastActive();
+      }), t.length > 0;
+    }, e.prototype.connect_ = function() {
+      !zt || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), po ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+        attributes: !0,
+        childList: !0,
+        characterData: !0,
+        subtree: !0
+      })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
+    }, e.prototype.disconnect_ = function() {
+      !zt || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+    }, e.prototype.onTransitionEnd_ = function(t) {
+      var r = t.propertyName, n = r === void 0 ? "" : r, l = vo.some(function(o) {
+        return !!~n.indexOf(o);
+      });
+      l && this.refresh();
+    }, e.getInstance = function() {
+      return this.instance_ || (this.instance_ = new e()), this.instance_;
+    }, e.instance_ = null, e;
+  }()
+), tn = function(e, t) {
+  for (var r = 0, n = Object.keys(t); r < n.length; r++) {
+    var l = n[r];
+    Object.defineProperty(e, l, {
+      value: t[l],
+      enumerable: !1,
+      writable: !1,
+      configurable: !0
+    });
+  }
+  return e;
+}, Ae = function(e) {
+  var t = e && e.ownerDocument && e.ownerDocument.defaultView;
+  return t || ut;
+}, rn = mt(0, 0, 0, 0);
+function ct(e) {
+  return parseFloat(e) || 0;
+}
+function br(e) {
+  for (var t = [], r = 1; r < arguments.length; r++)
+    t[r - 1] = arguments[r];
+  return t.reduce(function(n, l) {
+    var o = e["border-" + l + "-width"];
+    return n + ct(o);
+  }, 0);
+}
+function bo(e) {
+  for (var t = ["top", "right", "bottom", "left"], r = {}, n = 0, l = t; n < l.length; n++) {
+    var o = l[n], i = e["padding-" + o];
+    r[o] = ct(i);
+  }
+  return r;
+}
+function yo(e) {
+  var t = e.getBBox();
+  return mt(0, 0, t.width, t.height);
+}
+function go(e) {
+  var t = e.clientWidth, r = e.clientHeight;
+  if (!t && !r)
+    return rn;
+  var n = Ae(e).getComputedStyle(e), l = bo(n), o = l.left + l.right, i = l.top + l.bottom, a = ct(n.width), s = ct(n.height);
+  if (n.boxSizing === "border-box" && (Math.round(a + o) !== t && (a -= br(n, "left", "right") + o), Math.round(s + i) !== r && (s -= br(n, "top", "bottom") + i)), !_o(e)) {
+    var u = Math.round(a + o) - t, c = Math.round(s + i) - r;
+    Math.abs(u) !== 1 && (a -= u), Math.abs(c) !== 1 && (s -= c);
+  }
+  return mt(l.left, l.top, a, s);
+}
+var wo = function() {
+  return typeof SVGGraphicsElement < "u" ? function(e) {
+    return e instanceof Ae(e).SVGGraphicsElement;
+  } : function(e) {
+    return e instanceof Ae(e).SVGElement && typeof e.getBBox == "function";
+  };
+}();
+function _o(e) {
+  return e === Ae(e).document.documentElement;
+}
+function Eo(e) {
+  return zt ? wo(e) ? yo(e) : go(e) : rn;
+}
+function Co(e) {
+  var t = e.x, r = e.y, n = e.width, l = e.height, o = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, i = Object.create(o.prototype);
+  return tn(i, {
+    x: t,
+    y: r,
+    width: n,
+    height: l,
+    top: r,
+    right: t + n,
+    bottom: l + r,
+    left: t
+  }), i;
+}
+function mt(e, t, r, n) {
+  return {
+    x: e,
+    y: t,
+    width: r,
+    height: n
+  };
+}
+var $o = (
+  /** @class */
+  function() {
+    function e(t) {
+      this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = mt(0, 0, 0, 0), this.target = t;
+    }
+    return e.prototype.isActive = function() {
+      var t = Eo(this.target);
+      return this.contentRect_ = t, t.width !== this.broadcastWidth || t.height !== this.broadcastHeight;
+    }, e.prototype.broadcastRect = function() {
+      var t = this.contentRect_;
+      return this.broadcastWidth = t.width, this.broadcastHeight = t.height, t;
+    }, e;
+  }()
+), Oo = (
+  /** @class */
+  function() {
+    function e(t, r) {
+      var n = Co(r);
+      tn(this, {
+        target: t,
+        contentRect: n
+      });
+    }
+    return e;
+  }()
+), So = (
+  /** @class */
+  function() {
+    function e(t, r, n) {
+      if (this.activeObservations_ = [], this.observations_ = new en(), typeof t != "function")
+        throw new TypeError("The callback provided as parameter 1 is not a function.");
+      this.callback_ = t, this.controller_ = r, this.callbackCtx_ = n;
+    }
+    return e.prototype.observe = function(t) {
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      if (!(typeof Element > "u" || !(Element instanceof Object))) {
+        if (!(t instanceof Ae(t).Element))
+          throw new TypeError('parameter 1 is not of type "Element".');
+        var r = this.observations_;
+        r.has(t) || (r.set(t, new $o(t)), this.controller_.addObserver(this), this.controller_.refresh());
+      }
+    }, e.prototype.unobserve = function(t) {
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      if (!(typeof Element > "u" || !(Element instanceof Object))) {
+        if (!(t instanceof Ae(t).Element))
+          throw new TypeError('parameter 1 is not of type "Element".');
+        var r = this.observations_;
+        r.has(t) && (r.delete(t), r.size || this.controller_.removeObserver(this));
+      }
+    }, e.prototype.disconnect = function() {
+      this.clearActive(), this.observations_.clear(), this.controller_.removeObserver(this);
+    }, e.prototype.gatherActive = function() {
+      var t = this;
+      this.clearActive(), this.observations_.forEach(function(r) {
+        r.isActive() && t.activeObservations_.push(r);
+      });
+    }, e.prototype.broadcastActive = function() {
+      if (this.hasActive()) {
+        var t = this.callbackCtx_, r = this.activeObservations_.map(function(n) {
+          return new Oo(n.target, n.broadcastRect());
+        });
+        this.callback_.call(t, r, t), this.clearActive();
+      }
+    }, e.prototype.clearActive = function() {
+      this.activeObservations_.splice(0);
+    }, e.prototype.hasActive = function() {
+      return this.activeObservations_.length > 0;
+    }, e;
+  }()
+), nn = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new en(), ln = (
+  /** @class */
+  function() {
+    function e(t) {
+      if (!(this instanceof e))
+        throw new TypeError("Cannot call a class as a function.");
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      var r = mo.getInstance(), n = new So(t, r, this);
+      nn.set(this, n);
+    }
+    return e;
+  }()
+);
+["observe", "unobserve", "disconnect"].forEach(function(e) {
+  ln.prototype[e] = function() {
+    var t;
+    return (t = nn.get(this))[e].apply(t, arguments);
+  };
+});
+var on = function() {
+  return typeof ut.ResizeObserver < "u" ? ut.ResizeObserver : ln;
+}(), yr;
+(function(e) {
+  e[e.ELEMENT = 1] = "ELEMENT", e[e.FUNCTIONAL_COMPONENT = 2] = "FUNCTIONAL_COMPONENT", e[e.STATEFUL_COMPONENT = 4] = "STATEFUL_COMPONENT", e[e.COMPONENT = 6] = "COMPONENT", e[e.TEXT_CHILDREN = 8] = "TEXT_CHILDREN", e[e.ARRAY_CHILDREN = 16] = "ARRAY_CHILDREN", e[e.SLOTS_CHILDREN = 32] = "SLOTS_CHILDREN", e[e.TELEPORT = 64] = "TELEPORT", e[e.SUSPENSE = 128] = "SUSPENSE", e[e.COMPONENT_SHOULD_KEEP_ALIVE = 256] = "COMPONENT_SHOULD_KEEP_ALIVE", e[e.COMPONENT_KEPT_ALIVE = 512] = "COMPONENT_KEPT_ALIVE";
+})(yr || (yr = {}));
+var gr;
+(function(e) {
+  e[e.TEXT = 1] = "TEXT", e[e.CLASS = 2] = "CLASS", e[e.STYLE = 4] = "STYLE", e[e.PROPS = 8] = "PROPS", e[e.FULL_PROPS = 16] = "FULL_PROPS", e[e.HYDRATE_EVENTS = 32] = "HYDRATE_EVENTS", e[e.STABLE_FRAGMENT = 64] = "STABLE_FRAGMENT", e[e.KEYED_FRAGMENT = 128] = "KEYED_FRAGMENT", e[e.UNKEYED_FRAGMENT = 256] = "UNKEYED_FRAGMENT", e[e.NEED_PATCH = 512] = "NEED_PATCH", e[e.DYNAMIC_SLOTS = 1024] = "DYNAMIC_SLOTS", e[e.DEV_ROOT_FRAGMENT = 2048] = "DEV_ROOT_FRAGMENT", e[e.HOISTED = -1] = "HOISTED", e[e.BAIL = -2] = "BAIL";
+})(gr || (gr = {}));
+const Yt = (e) => !!(e && e.shapeFlag & 1), Kt = (e, t) => !!(e && e.shapeFlag & 6), jo = (e, t) => !!(e && e.shapeFlag & 8), an = (e, t) => !!(e && e.shapeFlag & 16), ko = (e, t) => !!(e && e.shapeFlag & 32), Po = (e) => {
+  if (!e)
+    return !0;
+  for (const t of e)
+    if (t.children)
+      return !1;
+  return !0;
+}, sn = (e, t) => {
+  if (e && e.length > 0)
+    for (let r = 0; r < e.length; r++) {
+      const n = e[r];
+      if (Yt(n) || Kt(n)) {
+        const o = it(t) ? t(n) : t;
+        return e[r] = On(n, o, !0), !0;
+      }
+      const l = un(n);
+      if (l && l.length > 0 && sn(l, t))
+        return !0;
+    }
+  return !1;
+}, un = (e) => {
+  if (an(e, e.children))
+    return e.children;
+  if (Ee(e))
+    return e;
+}, cn = (e) => {
+  var t, r;
+  if (Yt(e))
+    return e.el;
+  if (Kt(e)) {
+    if (((t = e.el) == null ? void 0 : t.nodeType) === 1)
+      return e.el;
+    if ((r = e.component) != null && r.subTree) {
+      const n = cn(e.component.subTree);
+      if (n)
+        return n;
+    }
+  } else {
+    const n = un(e);
+    return dn(n);
+  }
+}, dn = (e) => {
+  if (e && e.length > 0)
+    for (const t of e) {
+      const r = cn(t);
+      if (r)
+        return r;
+    }
+}, ot = (e, t = !1) => {
+  var r, n;
+  const l = [];
+  for (const o of e ?? [])
+    Yt(o) || Kt(o) || t && jo(o, o.children) ? l.push(o) : an(o, o.children) ? l.push(...ot(o.children, t)) : ko(o, o.children) ? l.push(...ot((n = (r = o.children).default) == null ? void 0 : n.call(r), t)) : Ee(o) && l.push(...ot(o, t));
+  return l;
+}, fn = () => {
+  const e = {}, t = F(), r = () => {
+    const n = dn(e.value);
+    n !== t.value && (t.value = n);
+  };
+  return he(() => r()), ft(() => r()), {
+    children: e,
+    firstElement: t
+  };
+};
+var qt = I({
+  name: "ResizeObserver",
+  props: {
+    watchOnUpdated: Boolean
+  },
+  emits: ["resize"],
+  setup(e, {
+    emit: t,
+    slots: r
+  }) {
+    const {
+      children: n,
+      firstElement: l
+    } = fn();
+    let o;
+    const i = (s) => {
+      s && (o = new on((u) => {
+        const c = u[0];
+        t("resize", c);
+      }), o.observe(s));
+    }, a = () => {
+      o && (o.disconnect(), o = null);
+    };
+    return Te(l, (s) => {
+      o && a(), s && i(s);
+    }), Ge(() => {
+      o && a();
+    }), () => {
+      var s;
+      return n.value = (s = r.default) == null ? void 0 : s.call(r), n.value;
+    };
+  }
+});
+const Xt = () => {
+}, Fo = () => {
+  const {
+    body: e
+  } = document, t = document.documentElement;
+  let r;
+  try {
+    r = (window.top || window.self || window).document.body;
+  } catch {
+  }
+  return {
+    height: Math.max(e.scrollHeight, e.offsetHeight, t.clientHeight, t.scrollHeight, t.offsetHeight, (r == null ? void 0 : r.scrollHeight) || 0, (r == null ? void 0 : r.clientHeight) || 0),
+    width: Math.max(e.scrollWidth, e.offsetWidth, t.clientWidth, t.scrollWidth, t.offsetWidth, (r == null ? void 0 : r.scrollWidth) || 0, (r == null ? void 0 : r.clientWidth) || 0)
+  };
+}, Zt = (() => {
+  try {
+    return !(typeof window < "u" && document !== void 0);
+  } catch {
+    return !0;
+  }
+})(), Ct = (() => Zt ? Xt : (e, t, r, n = !1) => {
+  e.addEventListener(t, r, n);
+})(), wr = (() => Zt ? Xt : (e, t, r, n = !1) => {
+  e.removeEventListener(t, r, n);
+})(), Lo = (e, t) => {
+  var r;
+  return Zt ? Xt() : (r = (t ?? document).querySelector(e)) != null ? r : void 0;
+}, _r = (e, t) => {
+  if (He(e)) {
+    const r = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
+    return Lo(r, t);
+  }
+  return e;
+};
+var To = Object.defineProperty, Er = Object.getOwnPropertySymbols, Mo = Object.prototype.hasOwnProperty, Ao = Object.prototype.propertyIsEnumerable, Cr = (e, t, r) => t in e ? To(e, t, {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: r
+}) : e[t] = r, Ie = (e, t) => {
+  for (var r in t || (t = {}))
+    Mo.call(t, r) && Cr(e, r, t[r]);
+  if (Er)
+    for (var r of Er(t))
+      Ao.call(t, r) && Cr(e, r, t[r]);
+  return e;
+};
+const Do = () => {
+  const {
+    height: e,
+    width: t
+  } = Fo();
+  return {
+    width: Math.min(t, window.innerWidth),
+    height: Math.min(e, window.innerHeight)
+  };
+}, $r = (e, t) => {
+  var r, n;
+  const l = e.getBoundingClientRect();
+  return {
+    top: l.top,
+    bottom: l.bottom,
+    left: l.left,
+    right: l.right,
+    scrollTop: l.top - t.top,
+    scrollBottom: l.bottom - t.top,
+    scrollLeft: l.left - t.left,
+    scrollRight: l.right - t.left,
+    width: (r = e.offsetWidth) != null ? r : e.clientWidth,
+    height: (n = e.offsetHeight) != null ? n : e.clientHeight
+  };
+}, Bo = (e) => {
+  switch (e) {
+    case "top":
+    case "tl":
+    case "tr":
+      return "top";
+    case "bottom":
+    case "bl":
+    case "br":
+      return "bottom";
+    case "left":
+    case "lt":
+    case "lb":
+      return "left";
+    case "right":
+    case "rt":
+    case "rb":
+      return "right";
+    default:
+      return "top";
+  }
+}, tt = (e, t) => {
+  switch (t) {
+    case "top":
+      switch (e) {
+        case "bottom":
+          return "top";
+        case "bl":
+          return "tl";
+        case "br":
+          return "tr";
+        default:
+          return e;
+      }
+    case "bottom":
+      switch (e) {
+        case "top":
+          return "bottom";
+        case "tl":
+          return "bl";
+        case "tr":
+          return "br";
+        default:
+          return e;
+      }
+    case "left":
+      switch (e) {
+        case "right":
+          return "left";
+        case "rt":
+          return "lt";
+        case "rb":
+          return "lb";
+        default:
+          return e;
+      }
+    case "right":
+      switch (e) {
+        case "left":
+          return "right";
+        case "lt":
+          return "rt";
+        case "lb":
+          return "rb";
+        default:
+          return e;
+      }
+    default:
+      return e;
+  }
+}, Vo = (e, t, {
+  containerRect: r,
+  triggerRect: n,
+  popupRect: l,
+  offset: o,
+  translate: i
+}) => {
+  const a = Bo(e), s = Do(), u = {
+    top: r.top + t.top,
+    bottom: s.height - (r.top + t.top + l.height),
+    left: r.left + t.left,
+    right: s.width - (r.left + t.left + l.width)
+  };
+  let c = e;
+  if (a === "top" && u.top < 0)
+    if (n.top > l.height)
+      t.top = -r.top;
+    else {
+      const h = ze("bottom", n, l, {
+        offset: o,
+        translate: i
+      });
+      s.height - (r.top + h.top + l.height) > 0 && (c = tt(e, "bottom"), t.top = h.top);
+    }
+  if (a === "bottom" && u.bottom < 0)
+    if (s.height - n.bottom > l.height)
+      t.top = -r.top + (s.height - l.height);
+    else {
+      const h = ze("top", n, l, {
+        offset: o,
+        translate: i
+      });
+      r.top + h.top > 0 && (c = tt(e, "top"), t.top = h.top);
+    }
+  if (a === "left" && u.left < 0)
+    if (n.left > l.width)
+      t.left = -r.left;
+    else {
+      const h = ze("right", n, l, {
+        offset: o,
+        translate: i
+      });
+      s.width - (r.left + h.left + l.width) > 0 && (c = tt(e, "right"), t.left = h.left);
+    }
+  if (a === "right" && u.right < 0)
+    if (s.width - n.right > l.width)
+      t.left = -r.left + (s.width - l.width);
+    else {
+      const h = ze("left", n, l, {
+        offset: o,
+        translate: i
+      });
+      r.left + h.left > 0 && (c = tt(e, "left"), t.left = h.left);
+    }
+  return (a === "top" || a === "bottom") && (u.left < 0 ? t.left = -r.left : u.right < 0 && (t.left = -r.left + (s.width - l.width))), (a === "left" || a === "right") && (u.top < 0 ? t.top = -r.top : u.bottom < 0 && (t.top = -r.top + (s.height - l.height))), {
+    popupPosition: t,
+    position: c
+  };
+}, ze = (e, t, r, {
+  offset: n = 0,
+  translate: l = [0, 0]
+} = {}) => {
+  var o;
+  const i = (o = Ee(l) ? l : l[e]) != null ? o : [0, 0];
+  switch (e) {
+    case "top":
+      return {
+        left: t.scrollLeft + Math.round(t.width / 2) - Math.round(r.width / 2) + i[0],
+        top: t.scrollTop - r.height - n + i[1]
+      };
+    case "tl":
+      return {
+        left: t.scrollLeft + i[0],
+        top: t.scrollTop - r.height - n + i[1]
+      };
+    case "tr":
+      return {
+        left: t.scrollRight - r.width + i[0],
+        top: t.scrollTop - r.height - n + i[1]
+      };
+    case "bottom":
+      return {
+        left: t.scrollLeft + Math.round(t.width / 2) - Math.round(r.width / 2) + i[0],
+        top: t.scrollBottom + n + i[1]
+      };
+    case "bl":
+      return {
+        left: t.scrollLeft + i[0],
+        top: t.scrollBottom + n + i[1]
+      };
+    case "br":
+      return {
+        left: t.scrollRight - r.width + i[0],
+        top: t.scrollBottom + n + i[1]
+      };
+    case "left":
+      return {
+        left: t.scrollLeft - r.width - n + i[0],
+        top: t.scrollTop + Math.round(t.height / 2) - Math.round(r.height / 2) + i[1]
+      };
+    case "lt":
+      return {
+        left: t.scrollLeft - r.width - n + i[0],
+        top: t.scrollTop + i[1]
+      };
+    case "lb":
+      return {
+        left: t.scrollLeft - r.width - n + i[0],
+        top: t.scrollBottom - r.height + i[1]
+      };
+    case "right":
+      return {
+        left: t.scrollRight + n + i[0],
+        top: t.scrollTop + Math.round(t.height / 2) - Math.round(r.height / 2) + i[1]
+      };
+    case "rt":
+      return {
+        left: t.scrollRight + n + i[0],
+        top: t.scrollTop + i[1]
+      };
+    case "rb":
+      return {
+        left: t.scrollRight + n + i[0],
+        top: t.scrollBottom - r.height + i[1]
+      };
+    default:
+      return {
+        left: 0,
+        top: 0
+      };
+  }
+}, xo = (e) => {
+  let t = "0";
+  ["top", "bottom"].includes(e) ? t = "50%" : ["left", "lt", "lb", "tr", "br"].includes(e) && (t = "100%");
+  let r = "0";
+  return ["left", "right"].includes(e) ? r = "50%" : ["top", "tl", "tr", "lt", "rt"].includes(e) && (r = "100%"), `${t} ${r}`;
+}, No = (e, t, r, n, {
+  offset: l = 0,
+  translate: o = [0, 0],
+  customStyle: i = {},
+  autoFitPosition: a = !1
+} = {}) => {
+  let s = e, u = ze(e, r, n, {
+    offset: l,
+    translate: o
+  });
+  if (a) {
+    const h = Vo(e, u, {
+      containerRect: t,
+      popupRect: n,
+      triggerRect: r,
+      offset: l,
+      translate: o
+    });
+    u = h.popupPosition, s = h.position;
+  }
+  return {
+    style: Ie({
+      left: `${u.left}px`,
+      top: `${u.top}px`
+    }, i),
+    position: s
+  };
+}, Io = (e, t, r, {
+  customStyle: n = {}
+}) => {
+  if (["top", "tl", "tr", "bottom", "bl", "br"].includes(e)) {
+    let o = Math.abs(t.scrollLeft + t.width / 2 - r.scrollLeft);
+    return o > r.width - 8 && (t.width > r.width ? o = r.width / 2 : o = r.width - 8), ["top", "tl", "tr"].includes(e) ? Ie({
+      left: `${o}px`,
+      bottom: "0",
+      transform: "translate(-50%,50%) rotate(45deg)"
+    }, n) : Ie({
+      left: `${o}px`,
+      top: "0",
+      transform: "translate(-50%,-50%) rotate(45deg)"
+    }, n);
+  }
+  let l = Math.abs(t.scrollTop + t.height / 2 - r.scrollTop);
+  return l > r.height - 8 && (t.height > r.height ? l = r.height / 2 : l = r.height - 8), ["left", "lt", "lb"].includes(e) ? Ie({
+    top: `${l}px`,
+    right: "0",
+    transform: "translate(50%,-50%) rotate(45deg)"
+  }, n) : Ie({
+    top: `${l}px`,
+    left: "0",
+    transform: "translate(-50%,-50%) rotate(45deg)"
+  }, n);
+}, zo = (e) => e.scrollHeight > e.offsetHeight || e.scrollWidth > e.offsetWidth, Or = (e) => {
+  var t;
+  const r = [];
+  let n = e;
+  for (; n && n !== document.documentElement; )
+    zo(n) && r.push(n), n = (t = n.parentElement) != null ? t : void 0;
+  return r;
+};
+function qo(e, t) {
+  const r = F(e[t]);
+  return ft(() => {
+    const n = e[t];
+    r.value !== n && (r.value = n);
+  }), r;
+}
+const Sr = Symbol("ArcoTrigger"), hn = typeof window > "u" ? global : window, Wo = hn.requestAnimationFrame, jr = hn.cancelAnimationFrame;
+function kr(e) {
+  let t = 0;
+  const r = (...n) => {
+    t && jr(t), t = Wo(() => {
+      e(...n), t = 0;
+    });
+  };
+  return r.cancel = () => {
+    jr(t), t = 0;
+  }, r;
+}
+const Ro = 1e3, Ho = 5e3, Go = 1;
+class Uo {
+  constructor() {
+    this.popupStack = {
+      popup: /* @__PURE__ */ new Set(),
+      dialog: /* @__PURE__ */ new Set(),
+      message: /* @__PURE__ */ new Set()
+    }, this.getNextZIndex = (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || Ho : Array.from(this.popupStack.popup).pop() || Ro) + Go, this.add = (t) => {
+      const r = this.getNextZIndex(t);
+      return this.popupStack[t].add(r), t === "dialog" && this.popupStack.popup.add(r), r;
+    }, this.delete = (t, r) => {
+      this.popupStack[r].delete(t), r === "dialog" && this.popupStack.popup.delete(t);
+    }, this.isLastDialog = (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0;
+  }
+}
+const $t = new Uo();
+function Yo(e, {
+  visible: t,
+  runOnMounted: r
+} = {}) {
+  const n = F(0), l = () => {
+    n.value = $t.add(e);
+  }, o = () => {
+    $t.delete(n.value, e);
+  }, i = () => e === "dialog" ? $t.isLastDialog(n.value) : !1;
+  return Te(() => t == null ? void 0 : t.value, (a) => {
+    a ? l() : o();
+  }, {
+    immediate: !0
+  }), r && (he(() => {
+    l();
+  }), Ge(() => {
+    o();
+  })), {
+    zIndex: Sn(n),
+    open: l,
+    close: o,
+    isLastDialog: i
+  };
+}
+const Ko = ({
+  elementRef: e,
+  onResize: t
+}) => {
+  let r;
+  return {
+    createResizeObserver: () => {
+      e.value && (r = new on((o) => {
+        const i = o[0];
+        it(t) && t(i);
+      }), r.observe(e.value));
+    },
+    destroyResizeObserver: () => {
+      r && (r.disconnect(), r = null);
+    }
+  };
+};
+var Xo = I({
+  name: "ClientOnly",
+  setup(e, {
+    slots: t
+  }) {
+    const r = F(!1);
+    return he(() => r.value = !0), () => {
+      var n;
+      return r.value ? (n = t.default) == null ? void 0 : n.call(t) : null;
+    };
+  }
+});
+const Zo = ({
+  popupContainer: e,
+  visible: t,
+  defaultContainer: r = "body",
+  documentContainer: n
+}) => {
+  const l = F(e.value), o = F(), i = () => {
+    const a = _r(e.value), s = a ? e.value : r, u = a ?? (n ? document.documentElement : _r(r));
+    s !== l.value && (l.value = s), u !== o.value && (o.value = u);
+  };
+  return he(() => i()), Te(t, (a) => {
+    l.value !== e.value && a && i();
+  }), {
+    teleportContainer: l,
+    containerRef: o
+  };
+};
+var Qo = Object.defineProperty, Pr = Object.getOwnPropertySymbols, Jo = Object.prototype.hasOwnProperty, ei = Object.prototype.propertyIsEnumerable, Fr = (e, t, r) => t in e ? Qo(e, t, {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: r
+}) : e[t] = r, ti = (e, t) => {
+  for (var r in t || (t = {}))
+    Jo.call(t, r) && Fr(e, r, t[r]);
+  if (Pr)
+    for (var r of Pr(t))
+      ei.call(t, r) && Fr(e, r, t[r]);
+  return e;
+};
+const ri = (e, t) => {
+  const r = ti({}, e);
+  for (const n of t)
+    n in r && delete r[n];
+  return r;
+};
+var ni = Object.defineProperty, li = Object.defineProperties, oi = Object.getOwnPropertyDescriptors, Lr = Object.getOwnPropertySymbols, ii = Object.prototype.hasOwnProperty, ai = Object.prototype.propertyIsEnumerable, Tr = (e, t, r) => t in e ? ni(e, t, {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: r
+}) : e[t] = r, si = (e, t) => {
+  for (var r in t || (t = {}))
+    ii.call(t, r) && Tr(e, r, t[r]);
+  if (Lr)
+    for (var r of Lr(t))
+      ai.call(t, r) && Tr(e, r, t[r]);
+  return e;
+}, ui = (e, t) => li(e, oi(t));
+const ci = ["onClick", "onMouseenter", "onMouseleave", "onFocusin", "onFocusout", "onContextmenu"];
+var Ot = I({
+  name: "Trigger",
+  inheritAttrs: !1,
+  props: {
+    popupVisible: {
+      type: Boolean,
+      default: void 0
+    },
+    defaultPopupVisible: {
+      type: Boolean,
+      default: !1
+    },
+    trigger: {
+      type: [String, Array],
+      default: "hover"
+    },
+    position: {
+      type: String,
+      default: "bottom"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    popupOffset: {
+      type: Number,
+      default: 0
+    },
+    popupTranslate: {
+      type: [Array, Object]
+    },
+    showArrow: {
+      type: Boolean,
+      default: !1
+    },
+    alignPoint: {
+      type: Boolean,
+      default: !1
+    },
+    popupHoverStay: {
+      type: Boolean,
+      default: !0
+    },
+    blurToClose: {
+      type: Boolean,
+      default: !0
+    },
+    clickToClose: {
+      type: Boolean,
+      default: !0
+    },
+    clickOutsideToClose: {
+      type: Boolean,
+      default: !0
+    },
+    unmountOnClose: {
+      type: Boolean,
+      default: !0
+    },
+    contentClass: {
+      type: [String, Array, Object]
+    },
+    contentStyle: {
+      type: Object
+    },
+    arrowClass: {
+      type: [String, Array, Object]
+    },
+    arrowStyle: {
+      type: Object
+    },
+    popupStyle: {
+      type: Object
+    },
+    animationName: {
+      type: String,
+      default: "fade-in"
+    },
+    duration: {
+      type: [Number, Object]
+    },
+    mouseEnterDelay: {
+      type: Number,
+      default: 100
+    },
+    mouseLeaveDelay: {
+      type: Number,
+      default: 100
+    },
+    focusDelay: {
+      type: Number,
+      default: 0
+    },
+    autoFitPopupWidth: {
+      type: Boolean,
+      default: !1
+    },
+    autoFitPopupMinWidth: {
+      type: Boolean,
+      default: !1
+    },
+    autoFixPosition: {
+      type: Boolean,
+      default: !0
+    },
+    popupContainer: {
+      type: [String, Object]
+    },
+    updateAtScroll: {
+      type: Boolean,
+      default: !1
+    },
+    autoFitTransformOrigin: {
+      type: Boolean,
+      default: !1
+    },
+    hideEmpty: {
+      type: Boolean,
+      default: !1
+    },
+    openedClass: {
+      type: [String, Array, Object]
+    },
+    autoFitPosition: {
+      type: Boolean,
+      default: !0
+    },
+    renderToBody: {
+      type: Boolean,
+      default: !0
+    },
+    preventFocus: {
+      type: Boolean,
+      default: !1
+    },
+    scrollToClose: {
+      type: Boolean,
+      default: !1
+    },
+    scrollToCloseDistance: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: {
+    "update:popupVisible": (e) => !0,
+    popupVisibleChange: (e) => !0,
+    show: () => !0,
+    hide: () => !0,
+    resize: () => !0
+  },
+  setup(e, {
+    emit: t,
+    slots: r,
+    attrs: n
+  }) {
+    const {
+      popupContainer: l
+    } = ye(e), o = G("trigger"), i = d(() => ri(n, ci)), a = J(ht, void 0), s = d(() => [].concat(e.trigger)), u = /* @__PURE__ */ new Set(), c = J(Sr, void 0), {
+      children: h,
+      firstElement: p
+    } = fn(), b = F(), O = F(e.defaultPopupVisible), _ = F(e.position), w = F({}), m = F({}), S = F({}), B = F(), M = F({
+      top: 0,
+      left: 0
+    });
+    let N = null, Y = null;
+    const j = d(() => {
+      var v;
+      return (v = e.popupVisible) != null ? v : O.value;
+    }), {
+      teleportContainer: T,
+      containerRef: z
+    } = Zo({
+      popupContainer: l,
+      visible: j,
+      documentContainer: !0
+    }), {
+      zIndex: x
+    } = Yo("popup", {
+      visible: j
+    });
+    let Q = 0, U = !1, P = !1;
+    const oe = () => {
+      Q && (window.clearTimeout(Q), Q = 0);
+    }, te = (v) => {
+      if (e.alignPoint) {
+        const {
+          pageX: g,
+          pageY: K
+        } = v;
+        M.value = {
+          top: K,
+          left: g
+        };
+      }
+    }, q = () => {
+      if (!p.value || !b.value || !z.value)
+        return;
+      const v = z.value.getBoundingClientRect(), g = e.alignPoint ? {
+        top: M.value.top,
+        bottom: M.value.top,
+        left: M.value.left,
+        right: M.value.left,
+        scrollTop: M.value.top,
+        scrollBottom: M.value.top,
+        scrollLeft: M.value.left,
+        scrollRight: M.value.left,
+        width: 0,
+        height: 0
+      } : $r(p.value, v), K = () => $r(b.value, v), Pe = K(), {
+        style: Oe,
+        position: Fe
+      } = No(e.position, v, g, Pe, {
+        offset: e.popupOffset,
+        translate: e.popupTranslate,
+        customStyle: e.popupStyle,
+        autoFitPosition: e.autoFitPosition
+      });
+      e.autoFitTransformOrigin && (m.value = {
+        transformOrigin: xo(Fe)
+      }), e.autoFitPopupMinWidth ? Oe.minWidth = `${g.width}px` : e.autoFitPopupWidth && (Oe.width = `${g.width}px`), _.value !== Fe && (_.value = Fe), w.value = Oe, e.showArrow && qe(() => {
+        S.value = Io(Fe, g, K(), {
+          customStyle: e.arrowStyle
+        });
+      });
+    }, W = (v, g) => {
+      if (v === j.value && Q === 0)
+        return;
+      const K = () => {
+        O.value = v, t("update:popupVisible", v), t("popupVisibleChange", v), v && qe(() => {
+          q();
+        });
+      };
+      v || (N = null, Y = null), g ? (oe(), v !== j.value && (Q = window.setTimeout(K, g))) : K();
+    }, E = (v) => {
+      var g;
+      (g = n.onClick) == null || g.call(n, v), !(e.disabled || j.value && !e.clickToClose) && (s.value.includes("click") ? (te(v), W(!j.value)) : s.value.includes("contextMenu") && j.value && W(!1));
+    }, k = (v) => {
+      var g;
+      (g = n.onMouseenter) == null || g.call(n, v), !(e.disabled || !s.value.includes("hover")) && (te(v), W(!0, e.mouseEnterDelay));
+    }, f = (v) => {
+      c == null || c.onMouseenter(v), k(v);
+    }, y = (v) => {
+      var g;
+      (g = n.onMouseleave) == null || g.call(n, v), !(e.disabled || !s.value.includes("hover")) && W(!1, e.mouseLeaveDelay);
+    }, $ = (v) => {
+      c == null || c.onMouseleave(v), y(v);
+    }, A = (v) => {
+      var g;
+      (g = n.onFocusin) == null || g.call(n, v), !(e.disabled || !s.value.includes("focus")) && W(!0, e.focusDelay);
+    }, Z = (v) => {
+      var g;
+      (g = n.onFocusout) == null || g.call(n, v), !(e.disabled || !s.value.includes("focus")) && e.blurToClose && W(!1);
+    }, re = (v) => {
+      var g;
+      (g = n.onContextmenu) == null || g.call(n, v), !(e.disabled || !s.value.includes("contextMenu") || j.value && !e.clickToClose) && (te(v), W(!j.value), v.preventDefault());
+    };
+    ge(Sr, le({
+      onMouseenter: f,
+      onMouseleave: $,
+      addChildRef: (v) => {
+        u.add(v), c == null || c.addChildRef(v);
+      },
+      removeChildRef: (v) => {
+        u.delete(v), c == null || c.removeChildRef(v);
+      }
+    }));
+    const ae = () => {
+      wr(document.documentElement, "mousedown", ke), U = !1;
+    }, ve = qo(r, "content"), Ke = d(() => {
+      var v;
+      return e.hideEmpty && Po((v = ve.value) == null ? void 0 : v.call(ve));
+    }), ke = (v) => {
+      var g, K, Pe;
+      if (!((g = p.value) != null && g.contains(v.target) || (K = b.value) != null && K.contains(v.target))) {
+        for (const Oe of u)
+          if ((Pe = Oe.value) != null && Pe.contains(v.target))
+            return;
+        ae(), W(!1);
+      }
+    }, xe = (v, g) => {
+      const [K, Pe] = v, {
+        scrollTop: Oe,
+        scrollLeft: Fe
+      } = g;
+      return Math.abs(Oe - K) >= e.scrollToCloseDistance || Math.abs(Fe - Pe) >= e.scrollToCloseDistance;
+    }, $e = kr((v) => {
+      if (j.value)
+        if (e.scrollToClose || a != null && a.scrollToClose) {
+          const g = v.target;
+          N || (N = [g.scrollTop, g.scrollLeft]), xe(N, g) ? W(!1) : q();
+        } else
+          q();
+    }), Xe = () => {
+      wr(window, "scroll", Qt), P = !1;
+    }, Qt = kr((v) => {
+      const g = v.target.documentElement;
+      Y || (Y = [g.scrollTop, g.scrollLeft]), xe(Y, g) && (W(!1), Xe());
+    }), bt = () => {
+      j.value && q();
+    }, bn = () => {
+      bt(), t("resize");
+    }, yn = (v) => {
+      e.preventFocus && v.preventDefault();
+    };
+    c == null || c.addChildRef(b);
+    const gn = d(() => j.value ? e.openedClass : void 0);
+    let fe;
+    Te(j, (v) => {
+      if (e.clickOutsideToClose && (!v && U ? ae() : v && !U && (Ct(document.documentElement, "mousedown", ke), U = !0)), (e.scrollToClose || a != null && a.scrollToClose) && (Ct(window, "scroll", Qt), P = !0), e.updateAtScroll || a != null && a.updateAtScroll) {
+        if (v) {
+          fe = Or(p.value);
+          for (const g of fe)
+            g.addEventListener("scroll", $e);
+        } else if (fe) {
+          for (const g of fe)
+            g.removeEventListener("scroll", $e);
+          fe = void 0;
+        }
+      }
+      v && (yt.value = !0);
+    }), Te(() => [e.autoFitPopupWidth, e.autoFitPopupMinWidth], () => {
+      j.value && q();
+    });
+    const {
+      createResizeObserver: wn,
+      destroyResizeObserver: _n
+    } = Ko({
+      elementRef: z,
+      onResize: bt
+    });
+    he(() => {
+      if (wn(), j.value && (q(), e.clickOutsideToClose && !U && (Ct(document.documentElement, "mousedown", ke), U = !0), e.updateAtScroll || a != null && a.updateAtScroll)) {
+        fe = Or(p.value);
+        for (const v of fe)
+          v.addEventListener("scroll", $e);
+      }
+    }), ft(() => {
+      j.value && q();
+    }), jn(() => {
+      W(!1);
+    }), Ge(() => {
+      if (c == null || c.removeChildRef(b), _n(), U && ae(), P && Xe(), fe) {
+        for (const v of fe)
+          v.removeEventListener("scroll", $e);
+        fe = void 0;
+      }
+    });
+    const yt = F(j.value), Ze = F(!1), Jt = () => {
+      Ze.value = !0;
+    }, En = () => {
+      Ze.value = !1, j.value && t("show");
+    }, Cn = () => {
+      Ze.value = !1, j.value || (yt.value = !1, t("hide"));
+    };
+    return () => {
+      var v, g;
+      return h.value = (g = (v = r.default) == null ? void 0 : v.call(r)) != null ? g : [], sn(h.value, {
+        class: gn.value,
+        onClick: E,
+        onMouseenter: k,
+        onMouseleave: y,
+        onFocusin: A,
+        onFocusout: Z,
+        onContextmenu: re
+      }), C(Wt, null, [e.autoFixPosition ? C(qt, {
+        onResize: bn
+      }, {
+        default: () => [h.value]
+      }) : h.value, C(Xo, null, {
+        default: () => [C(kn, {
+          to: T.value,
+          disabled: !e.renderToBody
+        }, {
+          default: () => [(!e.unmountOnClose || j.value || yt.value) && !Ke.value && C(qt, {
+            onResize: bt
+          }, {
+            default: () => [C("div", Le({
+              ref: b,
+              class: [`${o}-popup`, `${o}-position-${_.value}`],
+              style: ui(si({}, w.value), {
+                zIndex: x.value,
+                pointerEvents: Ze.value ? "none" : "auto"
+              }),
+              "trigger-placement": _.value,
+              onMouseenter: f,
+              onMouseleave: $,
+              onMousedown: yn
+            }, i.value), [C(Dt, {
+              name: e.animationName,
+              duration: e.duration,
+              appear: !0,
+              onBeforeEnter: Jt,
+              onAfterEnter: En,
+              onBeforeLeave: Jt,
+              onAfterLeave: Cn
+            }, {
+              default: () => {
+                var K;
+                return [Pn(C("div", {
+                  class: `${o}-popup-wrapper`,
+                  style: m.value
+                }, [C("div", {
+                  class: [`${o}-content`, e.contentClass],
+                  style: e.contentStyle
+                }, [(K = r.content) == null ? void 0 : K.call(r)]), e.showArrow && C("div", {
+                  ref: B,
+                  class: [`${o}-arrow`, e.arrowClass],
+                  style: S.value
+                }, null)]), [[Fn, j.value]])];
+              }
+            })])]
+          })]
+        })]
+      })]);
+    };
+  }
+});
+const di = Object.assign(Ot, {
+  install: (e, t) => {
+    Be(e, t);
+    const r = De(t);
+    e.component(r + Ot.name, Ot);
+  }
+});
+var fi = Object.defineProperty, Mr = Object.getOwnPropertySymbols, hi = Object.prototype.hasOwnProperty, vi = Object.prototype.propertyIsEnumerable, Ar = (e, t, r) => t in e ? fi(e, t, {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: r
+}) : e[t] = r, Dr = (e, t) => {
+  for (var r in t || (t = {}))
+    hi.call(t, r) && Ar(e, r, t[r]);
+  if (Mr)
+    for (var r of Mr(t))
+      vi.call(t, r) && Ar(e, r, t[r]);
+  return e;
+};
+const pi = I({
+  name: "Tooltip",
+  components: {
+    Trigger: di
+  },
+  props: {
+    popupVisible: {
+      type: Boolean,
+      default: void 0
+    },
+    defaultPopupVisible: {
+      type: Boolean,
+      default: !1
+    },
+    content: String,
+    position: {
+      type: String,
+      default: "top"
+    },
+    mini: {
+      type: Boolean,
+      default: !1
+    },
+    backgroundColor: {
+      type: String
+    },
+    contentClass: {
+      type: [String, Array, Object]
+    },
+    contentStyle: {
+      type: Object
+    },
+    arrowClass: {
+      type: [String, Array, Object]
+    },
+    arrowStyle: {
+      type: Object
+    },
+    popupContainer: {
+      type: [String, Object]
+    }
+  },
+  emits: {
+    "update:popupVisible": (e) => !0,
+    popupVisibleChange: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const r = G("tooltip"), n = F(e.defaultPopupVisible), l = d(() => {
+      var c;
+      return (c = e.popupVisible) != null ? c : n.value;
+    }), o = (c) => {
+      n.value = c, t("update:popupVisible", c), t("popupVisibleChange", c);
+    }, i = d(() => [`${r}-content`, e.contentClass, {
+      [`${r}-mini`]: e.mini
+    }]), a = d(() => {
+      if (e.backgroundColor || e.contentStyle)
+        return Dr({
+          backgroundColor: e.backgroundColor
+        }, e.contentStyle);
+    }), s = d(() => [`${r}-popup-arrow`, e.arrowClass]), u = d(() => {
+      if (e.backgroundColor || e.arrowStyle)
+        return Dr({
+          backgroundColor: e.backgroundColor
+        }, e.arrowStyle);
+    });
+    return {
+      prefixCls: r,
+      computedPopupVisible: l,
+      contentCls: i,
+      computedContentStyle: a,
+      arrowCls: s,
+      computedArrowStyle: u,
+      handlePopupVisibleChange: o
+    };
+  }
+});
+function mi(e, t, r, n, l, o) {
+  const i = pe("Trigger");
+  return L(), ue(i, {
+    class: D(e.prefixCls),
+    trigger: "hover",
+    position: e.position,
+    "popup-visible": e.computedPopupVisible,
+    "popup-offset": 10,
+    "show-arrow": "",
+    "content-class": e.contentCls,
+    "content-style": e.computedContentStyle,
+    "arrow-class": e.arrowCls,
+    "arrow-style": e.computedArrowStyle,
+    "popup-container": e.popupContainer,
+    "animation-name": "zoom-in-fade-out",
+    "auto-fit-transform-origin": "",
+    role: "tooltip",
+    onPopupVisibleChange: e.handlePopupVisibleChange
+  }, {
+    content: ne(() => [R(e.$slots, "content", {}, () => [me(Me(e.content), 1)])]),
+    default: ne(() => [R(e.$slots, "default")]),
+    _: 3
+  }, 8, ["class", "position", "popup-visible", "content-class", "content-style", "arrow-class", "arrow-style", "popup-container", "onPopupVisibleChange"]);
+}
+var St = /* @__PURE__ */ X(pi, [["render", mi]]);
+const bi = Object.assign(St, {
+  install: (e, t) => {
+    Be(e, t);
+    const r = De(t);
+    e.component(r + St.name, St);
+  }
+}), yi = I({
+  name: "IconQuestionCircle",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const r = G("icon"), n = d(() => [r, `${r}-question-circle`, {
+      [`${r}-spin`]: e.spin
+    }]), l = d(() => {
+      const i = {};
+      return e.size && (i.fontSize = ce(e.size) ? `${e.size}px` : e.size), e.rotate && (i.transform = `rotate(${e.rotate}deg)`), i;
+    });
+    return {
+      cls: n,
+      innerStyle: l,
+      onClick: (i) => {
+        t("click", i);
+      }
+    };
+  }
+}), gi = ["stroke-width", "stroke-linecap", "stroke-linejoin"], wi = /* @__PURE__ */ ee("path", {
+  d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z"
+}, null, -1), _i = /* @__PURE__ */ ee("path", {
+  d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465"
+}, null, -1), Ei = [wi, _i];
+function Ci(e, t, r, n, l, o) {
+  return L(), H("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: D(e.cls),
+    style: Ce(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...i) => e.onClick && e.onClick(...i))
+  }, Ei, 14, gi);
+}
+var jt = /* @__PURE__ */ X(yi, [["render", Ci]]);
+const $i = Object.assign(jt, {
+  install: (e, t) => {
+    var r;
+    const n = (r = t == null ? void 0 : t.iconPrefix) != null ? r : "";
+    e.component(n + jt.name, jt);
+  }
+}), Oi = I({
+  name: "FormItemLabel",
+  components: {
+    ResizeObserver: qt,
+    Tooltip: bi,
+    IconQuestionCircle: $i
+  },
+  props: {
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    showColon: {
+      type: Boolean,
+      default: !1
+    },
+    component: {
+      type: String,
+      default: "label"
+    },
+    asteriskPosition: {
+      type: String,
+      default: "start"
+    },
+    tooltip: {
+      type: String
+    },
+    attrs: Object
+  },
+  setup() {
+    const e = G("form-item-label"), t = J(Rt, void 0), r = qr(), n = F(), l = () => {
+      n.value && ce(n.value.offsetWidth) && (t == null || t.setLabelWidth(n.value.offsetWidth, r == null ? void 0 : r.uid));
+    };
+    return he(() => {
+      n.value && ce(n.value.offsetWidth) && (t == null || t.setLabelWidth(n.value.offsetWidth, r == null ? void 0 : r.uid));
+    }), Ge(() => {
+      t == null || t.removeLabelWidth(r == null ? void 0 : r.uid);
+    }), {
+      prefixCls: e,
+      labelRef: n,
+      handleResize: l
+    };
+  }
+}), Si = /* @__PURE__ */ ee("svg", {
+  fill: "currentColor",
+  viewBox: "0 0 1024 1024",
+  width: "1em",
+  height: "1em"
+}, [/* @__PURE__ */ ee("path", {
+  d: "M583.338667 17.066667c18.773333 0 34.133333 15.36 34.133333 34.133333v349.013333l313.344-101.888a34.133333 34.133333 0 0 1 43.008 22.016l42.154667 129.706667a34.133333 34.133333 0 0 1-21.845334 43.178667l-315.733333 102.4 208.896 287.744a34.133333 34.133333 0 0 1-7.509333 47.786666l-110.421334 80.213334a34.133333 34.133333 0 0 1-47.786666-7.509334L505.685333 706.218667 288.426667 1005.226667a34.133333 34.133333 0 0 1-47.786667 7.509333l-110.421333-80.213333a34.133333 34.133333 0 0 1-7.509334-47.786667l214.186667-295.253333L29.013333 489.813333a34.133333 34.133333 0 0 1-22.016-43.008l42.154667-129.877333a34.133333 34.133333 0 0 1 43.008-22.016l320.512 104.106667L412.672 51.2c0-18.773333 15.36-34.133333 34.133333-34.133333h136.533334z"
+})], -1), ji = [Si], ki = /* @__PURE__ */ ee("svg", {
+  fill: "currentColor",
+  viewBox: "0 0 1024 1024",
+  width: "1em",
+  height: "1em"
+}, [/* @__PURE__ */ ee("path", {
+  d: "M583.338667 17.066667c18.773333 0 34.133333 15.36 34.133333 34.133333v349.013333l313.344-101.888a34.133333 34.133333 0 0 1 43.008 22.016l42.154667 129.706667a34.133333 34.133333 0 0 1-21.845334 43.178667l-315.733333 102.4 208.896 287.744a34.133333 34.133333 0 0 1-7.509333 47.786666l-110.421334 80.213334a34.133333 34.133333 0 0 1-47.786666-7.509334L505.685333 706.218667 288.426667 1005.226667a34.133333 34.133333 0 0 1-47.786667 7.509333l-110.421333-80.213333a34.133333 34.133333 0 0 1-7.509334-47.786667l214.186667-295.253333L29.013333 489.813333a34.133333 34.133333 0 0 1-22.016-43.008l42.154667-129.877333a34.133333 34.133333 0 0 1 43.008-22.016l320.512 104.106667L412.672 51.2c0-18.773333 15.36-34.133333 34.133333-34.133333h136.533334z"
+})], -1), Pi = [ki];
+function Fi(e, t, r, n, l, o) {
+  const i = pe("icon-question-circle"), a = pe("Tooltip"), s = pe("ResizeObserver");
+  return L(), ue(s, {
+    onResize: e.handleResize
+  }, {
+    default: ne(() => [(L(), ue(Ln(e.component), Le({
+      ref: "labelRef",
+      class: e.prefixCls
+    }, e.attrs), {
+      default: ne(() => [e.required && e.asteriskPosition === "start" ? (L(), H("strong", {
+        key: 0,
+        class: D(`${e.prefixCls}-required-symbol`)
+      }, ji, 2)) : se("v-if", !0), R(e.$slots, "default"), e.tooltip ? (L(), ue(a, {
+        key: 1,
+        content: e.tooltip
+      }, {
+        default: ne(() => [C(i, {
+          class: D(`${e.prefixCls}-tooltip`)
+        }, null, 8, ["class"])]),
+        _: 1
+      }, 8, ["content"])) : se("v-if", !0), e.required && e.asteriskPosition === "end" ? (L(), H("strong", {
+        key: 2,
+        class: D(`${e.prefixCls}-required-symbol`)
+      }, Pi, 2)) : se("v-if", !0), me(" " + Me(e.showColon ? ":" : ""), 1)]),
+      _: 3
+    }, 16, ["class"]))]),
+    _: 3
+  }, 8, ["onResize"]);
+}
+var Li = /* @__PURE__ */ X(Oi, [["render", Fi]]);
+const Ti = I({
+  name: "FormItemMessage",
+  props: {
+    error: {
+      type: Array,
+      default: () => []
+    },
+    help: String
+  },
+  setup() {
+    return {
+      prefixCls: G("form-item-message")
+    };
+  }
+});
+function Mi(e, t, r, n, l, o) {
+  return e.error.length > 0 ? (L(!0), H(Wt, {
+    key: 0
+  }, Tn(e.error, (i) => (L(), ue(Dt, {
+    key: i,
+    name: "form-blink",
+    appear: ""
+  }, {
+    default: ne(() => [ee("div", {
+      role: "alert",
+      class: D([e.prefixCls])
+    }, Me(i), 3)]),
+    _: 2
+  }, 1024))), 128)) : e.help || e.$slots.help ? (L(), ue(Dt, {
+    key: 1,
+    name: "form-blink",
+    appear: ""
+  }, {
+    default: ne(() => [ee("div", {
+      class: D([e.prefixCls, `${e.prefixCls}-help`])
+    }, [R(e.$slots, "help", {}, () => [me(Me(e.help), 1)])], 2)]),
+    _: 3
+  })) : se("v-if", !0);
+}
+var Ai = /* @__PURE__ */ X(Ti, [["render", Mi]]);
+const Br = (e, t) => {
+  if (!e || !t)
+    return;
+  t = t.replace(/\[(\w+)\]/g, ".$1");
+  const r = t.split(".");
+  if (r.length === 0)
+    return;
+  let n = e;
+  for (let l = 0; l < r.length; l++) {
+    if (!Ye(n) && !Ee(n) || !r[l])
+      return;
+    if (l !== r.length - 1)
+      n = n[r[l]];
+    else
+      return n[r[l]];
+  }
+}, Vr = (e, t, r, {
+  addPath: n
+} = {}) => {
+  if (!e || !t)
+    return;
+  t = t.replace(/\[(\w+)\]/g, ".$1");
+  const l = t.split(".");
+  if (l.length === 0)
+    return;
+  let o = e;
+  for (let i = 0; i < l.length; i++) {
+    if (!Ye(o) && !Ee(o) || !l[i])
+      return;
+    i !== l.length - 1 ? (n && Gr(o[l[i]]) && (o[l[i]] = {}), o = o[l[i]]) : o[l[i]] = r;
+  }
+}, rt = {
+  formatYear: "YYYY 年",
+  formatMonth: "YYYY 年 MM 月",
+  today: "今天",
+  view: {
+    month: "月",
+    year: "年",
+    week: "周",
+    day: "日"
+  },
+  month: {
+    long: {
+      January: "一月",
+      February: "二月",
+      March: "三月",
+      April: "四月",
+      May: "五月",
+      June: "六月",
+      July: "七月",
+      August: "八月",
+      September: "九月",
+      October: "十月",
+      November: "十一月",
+      December: "十二月"
+    },
+    short: {
+      January: "一月",
+      February: "二月",
+      March: "三月",
+      April: "四月",
+      May: "五月",
+      June: "六月",
+      July: "七月",
+      August: "八月",
+      September: "九月",
+      October: "十月",
+      November: "十一月",
+      December: "十二月"
+    }
+  },
+  week: {
+    long: {
+      self: "周",
+      monday: "周一",
+      tuesday: "周二",
+      wednesday: "周三",
+      thursday: "周四",
+      friday: "周五",
+      saturday: "周六",
+      sunday: "周日"
+    },
+    short: {
+      self: "周",
+      monday: "一",
+      tuesday: "二",
+      wednesday: "三",
+      thursday: "四",
+      friday: "五",
+      saturday: "六",
+      sunday: "日"
+    }
+  }
+}, Di = {
+  locale: "zh-CN",
+  empty: {
+    description: "暂无数据"
+  },
+  drawer: {
+    okText: "确定",
+    cancelText: "取消"
+  },
+  popconfirm: {
+    okText: "确定",
+    cancelText: "取消"
+  },
+  modal: {
+    okText: "确定",
+    cancelText: "取消"
+  },
+  pagination: {
+    goto: "前往",
+    page: "页",
+    countPerPage: "条/页",
+    total: "共 {0} 条"
+  },
+  table: {
+    okText: "确定",
+    resetText: "重置"
+  },
+  upload: {
+    start: "开始",
+    cancel: "取消",
+    delete: "删除",
+    retry: "点击重试",
+    buttonText: "点击上传",
+    preview: "预览",
+    drag: "点击或拖拽文件到此处上传",
+    dragHover: "释放文件并开始上传",
+    error: "上传失败"
+  },
+  calendar: rt,
+  datePicker: {
+    view: rt.view,
+    month: rt.month,
+    week: rt.week,
+    placeholder: {
+      date: "请选择日期",
+      week: "请选择周",
+      month: "请选择月份",
+      year: "请选择年份",
+      quarter: "请选择季度",
+      time: "请选择时间"
+    },
+    rangePlaceholder: {
+      date: ["开始日期", "结束日期"],
+      week: ["开始周", "结束周"],
+      month: ["开始月份", "结束月份"],
+      year: ["开始年份", "结束年份"],
+      quarter: ["开始季度", "结束季度"],
+      time: ["开始时间", "结束时间"]
+    },
+    selectTime: "选择时间",
+    today: "今天",
+    now: "此刻",
+    ok: "确定"
+  },
+  image: {
+    loading: "加载中"
+  },
+  imagePreview: {
+    fullScreen: "全屏",
+    rotateRight: "向右旋转",
+    rotateLeft: "向左旋转",
+    zoomIn: "放大",
+    zoomOut: "缩小",
+    originalSize: "原始尺寸"
+  },
+  typography: {
+    copied: "已复制",
+    copy: "复制",
+    expand: "展开",
+    collapse: "折叠",
+    edit: "编辑"
+  },
+  form: {
+    validateMessages: {
+      required: "#{field} 是必填项",
+      type: {
+        string: "#{field} 不是合法的文本类型",
+        number: "#{field} 不是合法的数字类型",
+        boolean: "#{field} 不是合法的布尔类型",
+        array: "#{field} 不是合法的数组类型",
+        object: "#{field} 不是合法的对象类型",
+        url: "#{field} 不是合法的 url 地址",
+        email: "#{field} 不是合法的邮箱地址",
+        ip: "#{field} 不是合法的 IP 地址"
+      },
+      number: {
+        min: "`#{value}` 小于最小值 `#{min}`",
+        max: "`#{value}` 大于最大值 `#{max}`",
+        equal: "`#{value}` 不等于 `#{equal}`",
+        range: "`#{value}` 不在 `#{min} ~ #{max}` 范围内",
+        positive: "`#{value}` 不是正数",
+        negative: "`#{value}` 不是负数"
+      },
+      array: {
+        length: "`#{field}` 个数不等于 #{length}",
+        minLength: "`#{field}` 个数最少为 #{minLength}",
+        maxLength: "`#{field}` 个数最多为 #{maxLength}",
+        includes: "#{field} 不包含 #{includes}",
+        deepEqual: "#{field} 不等于 #{deepEqual}",
+        empty: "`#{field}` 不是空数组"
+      },
+      string: {
+        minLength: "字符数最少为 #{minLength}",
+        maxLength: "字符数最多为 #{maxLength}",
+        length: "字符数必须是 #{length}",
+        match: "`#{value}` 不符合模式 #{pattern}",
+        uppercase: "`#{value}` 必须全大写",
+        lowercase: "`#{value}` 必须全小写"
+      },
+      object: {
+        deepEqual: "`#{field}` 不等于期望值",
+        hasKeys: "`#{field}` 不包含必须字段",
+        empty: "`#{field}` 不是对象"
+      },
+      boolean: {
+        true: "期望是 `true`",
+        false: "期望是 `false`"
+      }
+    }
+  }
+}, Bi = F("zh-CN"), Vi = le({
+  "zh-CN": Di
+}), xi = () => {
+  const e = J(ht, void 0), t = d(() => {
+    var l;
+    return (l = e == null ? void 0 : e.locale) != null ? l : Vi[Bi.value];
+  }), r = d(() => t.value.locale);
+  return {
+    i18nMessage: t,
+    locale: r,
+    t: (l, ...o) => {
+      const i = l.split(".");
+      let a = t.value;
+      for (const s of i) {
+        if (!a[s])
+          return l;
+        a = a[s];
+      }
+      return He(a) && o.length > 0 ? a.replace(/{(\d+)}/g, (s, u) => {
+        var c;
+        return (c = o[u]) != null ? c : s;
+      }) : a;
+    }
+  };
+};
+var Ni = Object.defineProperty, dt = Object.getOwnPropertySymbols, vn = Object.prototype.hasOwnProperty, pn = Object.prototype.propertyIsEnumerable, xr = (e, t, r) => t in e ? Ni(e, t, {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: r
+}) : e[t] = r, Nr = (e, t) => {
+  for (var r in t || (t = {}))
+    vn.call(t, r) && xr(e, r, t[r]);
+  if (dt)
+    for (var r of dt(t))
+      pn.call(t, r) && xr(e, r, t[r]);
+  return e;
+}, Ii = (e, t) => {
+  var r = {};
+  for (var n in e)
+    vn.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && dt)
+    for (var n of dt(e))
+      t.indexOf(n) < 0 && pn.call(e, n) && (r[n] = e[n]);
+  return r;
+};
+const zi = I({
+  name: "FormItem",
+  components: {
+    ArcoRow: nt,
+    ArcoCol: lt,
+    FormItemLabel: Li,
+    FormItemMessage: Ai
+  },
+  props: {
+    field: {
+      type: String,
+      default: ""
+    },
+    label: String,
+    tooltip: {
+      type: String
+    },
+    showColon: {
+      type: Boolean,
+      default: !1
+    },
+    noStyle: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    help: String,
+    extra: String,
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    asteriskPosition: {
+      type: String,
+      default: "start"
+    },
+    rules: {
+      type: [Object, Array]
+    },
+    validateStatus: {
+      type: String
+    },
+    validateTrigger: {
+      type: [String, Array],
+      default: "change"
+    },
+    labelColProps: Object,
+    wrapperColProps: Object,
+    hideLabel: {
+      type: Boolean,
+      default: !1
+    },
+    hideAsterisk: {
+      type: Boolean,
+      default: !1
+    },
+    labelColStyle: Object,
+    wrapperColStyle: Object,
+    rowProps: Object,
+    rowClass: [String, Array, Object],
+    contentClass: [String, Array, Object],
+    contentFlex: {
+      type: Boolean,
+      default: !0
+    },
+    mergeProps: {
+      type: [Boolean, Function],
+      default: !0
+    },
+    labelColFlex: {
+      type: [Number, String]
+    },
+    feedback: {
+      type: Boolean,
+      default: !1
+    },
+    labelComponent: {
+      type: String,
+      default: "label"
+    },
+    labelAttrs: Object
+  },
+  setup(e) {
+    const t = G("form-item"), {
+      field: r
+    } = ye(e), n = J(Rt, {}), {
+      autoLabelWidth: l,
+      layout: o
+    } = ye(n), {
+      i18nMessage: i
+    } = xi(), a = d(() => {
+      var f;
+      const y = Nr({}, (f = e.labelColProps) != null ? f : n.labelColProps);
+      return e.labelColFlex ? y.flex = e.labelColFlex : n.autoLabelWidth && (y.flex = `${n.maxLabelWidth}px`), y;
+    }), s = d(() => {
+      var f;
+      const y = Nr({}, (f = e.wrapperColProps) != null ? f : n.wrapperColProps);
+      return r.value && (y.id = Yr(n.id, r.value)), (e.labelColFlex || n.autoLabelWidth) && (y.flex = "auto"), y;
+    }), u = d(() => {
+      var f;
+      return (f = e.labelColStyle) != null ? f : n.labelColStyle;
+    }), c = d(() => {
+      var f;
+      return (f = e.wrapperColStyle) != null ? f : n.wrapperColStyle;
+    }), h = Br(n.model, e.field), p = le({}), b = le({}), O = d(() => al(p)), _ = d(() => sl(b)), w = F(!1), m = d(() => Br(n.model, e.field)), S = d(() => {
+      var f;
+      return !!((f = e.disabled) != null ? f : n != null && n.disabled);
+    }), B = d(() => {
+      var f;
+      return (f = e.validateStatus) != null ? f : O.value;
+    }), M = d(() => B.value === "error"), N = d(() => {
+      var f, y, $;
+      const A = [].concat(($ = (y = e.rules) != null ? y : (f = n == null ? void 0 : n.rules) == null ? void 0 : f[e.field]) != null ? $ : []), Z = A.some((re) => re.required);
+      return e.required && !Z ? [{
+        required: !0
+      }].concat(A) : A;
+    }), Y = d(() => N.value.some((f) => f.required)), j = e.noStyle ? J(xt, void 0) : void 0, T = (f, {
+      status: y,
+      message: $
+    }) => {
+      p[f] = y, b[f] = $, e.noStyle && (j == null || j.updateValidateState(f, {
+        status: y,
+        message: $
+      }));
+    }, z = d(() => e.feedback && B.value ? B.value : void 0), x = () => {
+      var f;
+      if (w.value)
+        return Promise.resolve();
+      const y = N.value;
+      if (!r.value || y.length === 0)
+        return O.value && P(), Promise.resolve();
+      const $ = r.value, A = m.value;
+      T($, {
+        status: "",
+        message: ""
+      });
+      const Z = new Ut({
+        [$]: y.map((re) => {
+          var V = Ii(re, []);
+          return !V.type && !V.validator && (V.type = "string"), V;
+        })
+      }, {
+        ignoreEmptyString: !0,
+        validateMessages: (f = i.value.form) == null ? void 0 : f.validateMessages
+      });
+      return new Promise((re) => {
+        Z.validate({
+          [$]: A
+        }, (V) => {
+          var ie;
+          const ae = !!(V != null && V[$]);
+          T($, {
+            status: ae ? "error" : "",
+            message: (ie = V == null ? void 0 : V[$].message) != null ? ie : ""
+          });
+          const ve = ae ? {
+            label: e.label,
+            field: r.value,
+            value: V[$].value,
+            type: V[$].type,
+            isRequiredError: !!V[$].requiredError,
+            message: V[$].message
+          } : void 0;
+          re(ve);
+        });
+      });
+    }, Q = d(() => [].concat(e.validateTrigger)), U = d(() => Q.value.reduce((f, y) => {
+      switch (y) {
+        case "change":
+          return f.onChange = () => {
+            x();
+          }, f;
+        case "input":
+          return f.onInput = () => {
+            qe(() => {
+              x();
+            });
+          }, f;
+        case "focus":
+          return f.onFocus = () => {
+            x();
+          }, f;
+        case "blur":
+          return f.onBlur = () => {
+            x();
+          }, f;
+        default:
+          return f;
+      }
+    }, {}));
+    ge(xt, le({
+      eventHandlers: U,
+      size: n && Bt(n, "size"),
+      disabled: S,
+      error: M,
+      feedback: z,
+      updateValidateState: T
+    }));
+    const P = () => {
+      r.value && T(r.value, {
+        status: "",
+        message: ""
+      });
+    }, q = le({
+      field: r,
+      disabled: S,
+      error: M,
+      validate: x,
+      clearValidate: P,
+      resetField: () => {
+        P(), w.value = !0, n != null && n.model && r.value && Vr(n.model, r.value, h), qe(() => {
+          w.value = !1;
+        });
+      },
+      setField: (f) => {
+        var y, $;
+        r.value && (w.value = !0, "value" in f && (n != null && n.model) && r.value && Vr(n.model, r.value, f.value), (f.status || f.message) && T(r.value, {
+          status: (y = f.status) != null ? y : "",
+          message: ($ = f.message) != null ? $ : ""
+        }), qe(() => {
+          w.value = !1;
+        }));
+      }
+    });
+    he(() => {
+      var f;
+      q.field && ((f = n.addField) == null || f.call(n, q));
+    }), Ge(() => {
+      var f;
+      q.field && ((f = n.removeField) == null || f.call(n, q));
+    });
+    const W = d(() => [t, `${t}-layout-${n.layout}`, {
+      [`${t}-error`]: M.value,
+      [`${t}-status-${B.value}`]: !!B.value
+    }, e.rowClass]), E = d(() => [`${t}-label-col`, {
+      [`${t}-label-col-left`]: n.labelAlign === "left",
+      [`${t}-label-col-flex`]: n.autoLabelWidth || e.labelColFlex
+    }]), k = d(() => [`${t}-wrapper-col`, {
+      [`${t}-wrapper-col-flex`]: !s.value
+    }]);
+    return {
+      prefixCls: t,
+      cls: W,
+      isRequired: Y,
+      isError: M,
+      finalMessage: _,
+      mergedLabelCol: a,
+      mergedWrapperCol: s,
+      labelColCls: E,
+      autoLabelWidth: l,
+      layout: o,
+      mergedLabelStyle: u,
+      wrapperColCls: k,
+      mergedWrapperStyle: c
+    };
+  }
+});
+function qi(e, t, r, n, l, o) {
+  var i;
+  const a = pe("FormItemLabel"), s = pe("ArcoCol"), u = pe("FormItemMessage"), c = pe("ArcoRow");
+  return e.noStyle ? R(e.$slots, "default", {
+    key: 0
+  }) : (L(), ue(c, Le({
+    key: 1,
+    class: [e.cls, {
+      [`${e.prefixCls}-has-help`]: !!((i = e.$slots.help) != null ? i : e.help)
+    }],
+    wrap: !(e.labelColFlex || e.autoLabelWidth),
+    div: e.layout !== "horizontal" || e.hideLabel
+  }, e.rowProps), {
+    default: ne(() => [e.hideLabel ? se("v-if", !0) : (L(), ue(s, Le({
+      key: 0,
+      class: e.labelColCls,
+      style: e.mergedLabelStyle
+    }, e.mergedLabelCol), {
+      default: ne(() => [C(a, {
+        required: e.hideAsterisk ? !1 : e.isRequired,
+        "show-colon": e.showColon,
+        "asterisk-position": e.asteriskPosition,
+        component: e.labelComponent,
+        attrs: e.labelAttrs,
+        tooltip: e.tooltip
+      }, {
+        default: ne(() => [e.$slots.label || e.label ? R(e.$slots, "label", {
+          key: 0
+        }, () => [me(Me(e.label), 1)]) : se("v-if", !0)]),
+        _: 3
+      }, 8, ["required", "show-colon", "asterisk-position", "component", "attrs", "tooltip"])]),
+      _: 3
+    }, 16, ["class", "style"])), C(s, Le({
+      class: e.wrapperColCls,
+      style: e.mergedWrapperStyle
+    }, e.mergedWrapperCol), {
+      default: ne(() => [ee("div", {
+        class: D(`${e.prefixCls}-content-wrapper`)
+      }, [ee("div", {
+        class: D([`${e.prefixCls}-content`, {
+          [`${e.prefixCls}-content-flex`]: e.contentFlex
+        }, e.contentClass])
+      }, [R(e.$slots, "default")], 2)], 2), e.isError || e.$slots.help || e.help ? (L(), ue(u, {
+        key: 0,
+        error: e.finalMessage,
+        help: e.help
+      }, Mn({
+        _: 2
+      }, [e.$slots.help ? {
+        name: "help",
+        fn: ne(() => [R(e.$slots, "help")])
+      } : void 0]), 1032, ["error", "help"])) : se("v-if", !0), e.$slots.extra || e.extra ? (L(), H("div", {
+        key: 1,
+        class: D(`${e.prefixCls}-extra`)
+      }, [R(e.$slots, "extra", {}, () => [me(Me(e.extra), 1)])], 2)) : se("v-if", !0)]),
+      _: 3
+    }, 16, ["class", "style"])]),
+    _: 3
+  }, 16, ["class", "wrap", "div"]));
+}
+var Re = /* @__PURE__ */ X(zi, [["render", qi]]);
+const Wi = Object.assign(wt, {
+  Item: Re,
+  install: (e, t) => {
+    Be(e, t);
+    const r = De(t);
+    e.component(r + wt.name, wt), e.component(r + Re.name, Re);
+  }
+}), Ri = I({
+  name: "IconLoading",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const r = G("icon"), n = d(() => [r, `${r}-loading`, {
+      [`${r}-spin`]: e.spin
+    }]), l = d(() => {
+      const i = {};
+      return e.size && (i.fontSize = ce(e.size) ? `${e.size}px` : e.size), e.rotate && (i.transform = `rotate(${e.rotate}deg)`), i;
+    });
+    return {
+      cls: n,
+      innerStyle: l,
+      onClick: (i) => {
+        t("click", i);
+      }
+    };
+  }
+}), Hi = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Gi = /* @__PURE__ */ ee("path", {
+  d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6"
+}, null, -1), Ui = [Gi];
+function Yi(e, t, r, n, l, o) {
+  return L(), H("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: D(e.cls),
+    style: Ce(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...i) => e.onClick && e.onClick(...i))
+  }, Ui, 14, Hi);
+}
+var kt = /* @__PURE__ */ X(Ri, [["render", Yi]]);
+const Ki = Object.assign(kt, {
+  install: (e, t) => {
+    var r;
+    const n = (r = t == null ? void 0 : t.iconPrefix) != null ? r : "";
+    e.component(n + kt.name, kt);
+  }
+}), Xi = ({
+  size: e,
+  disabled: t,
+  error: r,
+  uninject: n
+} = {}) => {
+  const l = n ? {} : J(xt, {}), o = d(() => {
+    var c;
+    return (c = e == null ? void 0 : e.value) != null ? c : l.size;
+  }), i = d(() => (t == null ? void 0 : t.value) || l.disabled), a = d(() => (r == null ? void 0 : r.value) || l.error), s = Bt(l, "feedback"), u = Bt(l, "eventHandlers");
+  return {
+    formItemCtx: l,
+    mergedSize: o,
+    mergedDisabled: i,
+    mergedError: a,
+    feedback: s,
+    eventHandlers: u
+  };
+}, mn = Symbol("ArcoButtonGroup"), Zi = I({
+  name: "Button",
+  components: {
+    IconLoading: Ki
+  },
+  props: {
+    type: {
+      type: String
+    },
+    shape: {
+      type: String
+    },
+    status: {
+      type: String
+    },
+    size: {
+      type: String
+    },
+    long: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean
+    },
+    htmlType: {
+      type: String,
+      default: "button"
+    },
+    href: String
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const {
+      size: r,
+      disabled: n
+    } = ye(e), l = G("btn"), o = J(mn, void 0), i = d(() => {
+      var b;
+      return (b = r.value) != null ? b : o == null ? void 0 : o.size;
+    }), a = d(() => !!(n.value || o != null && o.disabled)), {
+      mergedSize: s,
+      mergedDisabled: u
+    } = Xi({
+      size: i,
+      disabled: a
+    }), {
+      mergedSize: c
+    } = Ur(s), h = d(() => {
+      var b, O, _, w, m, S;
+      return [l, `${l}-${(O = (b = e.type) != null ? b : o == null ? void 0 : o.type) != null ? O : "secondary"}`, `${l}-shape-${(w = (_ = e.shape) != null ? _ : o == null ? void 0 : o.shape) != null ? w : "square"}`, `${l}-size-${c.value}`, `${l}-status-${(S = (m = e.status) != null ? m : o == null ? void 0 : o.status) != null ? S : "normal"}`, {
+        [`${l}-long`]: e.long,
+        [`${l}-loading`]: e.loading,
+        [`${l}-disabled`]: u.value,
+        [`${l}-link`]: He(e.href)
+      }];
+    });
+    return {
+      prefixCls: l,
+      cls: h,
+      mergedDisabled: u,
+      handleClick: (b) => {
+        if (e.disabled || e.loading) {
+          b.preventDefault();
+          return;
+        }
+        t("click", b);
+      }
+    };
+  }
+}), Qi = ["href"], Ji = ["type", "disabled"];
+function ea(e, t, r, n, l, o) {
+  const i = pe("icon-loading");
+  return e.href ? (L(), H("a", {
+    key: 0,
+    class: D([e.cls, {
+      [`${e.prefixCls}-only-icon`]: e.$slots.icon && !e.$slots.default
+    }]),
+    href: e.mergedDisabled || e.loading ? void 0 : e.href,
+    onClick: t[0] || (t[0] = (...a) => e.handleClick && e.handleClick(...a))
+  }, [e.loading || e.$slots.icon ? (L(), H("span", {
+    key: 0,
+    class: D(`${e.prefixCls}-icon`)
+  }, [e.loading ? (L(), ue(i, {
+    key: 0,
+    spin: "true"
+  })) : R(e.$slots, "icon", {
+    key: 1
+  })], 2)) : se("v-if", !0), R(e.$slots, "default")], 10, Qi)) : (L(), H("button", {
+    key: 1,
+    class: D([e.cls, {
+      [`${e.prefixCls}-only-icon`]: e.$slots.icon && !e.$slots.default
+    }]),
+    type: e.htmlType,
+    disabled: e.mergedDisabled,
+    onClick: t[1] || (t[1] = (...a) => e.handleClick && e.handleClick(...a))
+  }, [e.loading || e.$slots.icon ? (L(), H("span", {
+    key: 0,
+    class: D(`${e.prefixCls}-icon`)
+  }, [e.loading ? (L(), ue(i, {
+    key: 0,
+    spin: !0
+  })) : R(e.$slots, "icon", {
+    key: 1
+  })], 2)) : se("v-if", !0), R(e.$slots, "default")], 10, Ji));
+}
+var Pt = /* @__PURE__ */ X(Zi, [["render", ea]]);
+const ta = I({
+  name: "ButtonGroup",
+  props: {
+    type: {
+      type: String
+    },
+    status: {
+      type: String
+    },
+    shape: {
+      type: String
+    },
+    size: {
+      type: String
+    },
+    disabled: {
+      type: Boolean
+    }
+  },
+  setup(e) {
+    const {
+      type: t,
+      size: r,
+      status: n,
+      disabled: l,
+      shape: o
+    } = ye(e), i = G("btn-group");
+    return ge(mn, le({
+      type: t,
+      size: r,
+      shape: o,
+      status: n,
+      disabled: l
+    })), {
+      prefixCls: i
+    };
+  }
+});
+function ra(e, t, r, n, l, o) {
+  return L(), H("div", {
+    class: D(e.prefixCls)
+  }, [R(e.$slots, "default")], 2);
+}
+var Ft = /* @__PURE__ */ X(ta, [["render", ra]]);
+const Ne = Object.assign(Pt, {
+  Group: Ft,
+  install: (e, t) => {
+    Be(e, t);
+    const r = De(t);
+    e.component(r + Pt.name, Pt), e.component(r + Ft.name, Ft);
+  }
+});
+var Lt = I({
+  name: "Space",
+  props: {
+    align: {
+      type: String
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    size: {
+      type: [Number, String, Array],
+      default: "small"
+    },
+    wrap: {
+      type: Boolean
+    },
+    fill: {
+      type: Boolean
+    }
+  },
+  setup(e, {
+    slots: t
+  }) {
+    const r = G("space"), n = d(() => {
+      var a;
+      return (a = e.align) != null ? a : e.direction === "horizontal" ? "center" : "";
+    }), l = d(() => [r, {
+      [`${r}-${e.direction}`]: e.direction,
+      [`${r}-align-${n.value}`]: n.value,
+      [`${r}-wrap`]: e.wrap,
+      [`${r}-fill`]: e.fill
+    }]);
+    function o(a) {
+      if (ce(a))
+        return a;
+      switch (a) {
+        case "mini":
+          return 4;
+        case "small":
+          return 8;
+        case "medium":
+          return 16;
+        case "large":
+          return 24;
+        default:
+          return 8;
+      }
+    }
+    const i = (a) => {
+      const s = {}, u = `${o(Ee(e.size) ? e.size[0] : e.size)}px`, c = `${o(Ee(e.size) ? e.size[1] : e.size)}px`;
+      return a ? e.wrap ? {
+        marginBottom: c
+      } : {} : (e.direction === "horizontal" && (s.marginRight = u), (e.direction === "vertical" || e.wrap) && (s.marginBottom = c), s);
+    };
+    return () => {
+      var a;
+      const s = ot((a = t.default) == null ? void 0 : a.call(t), !0).filter((u) => u.type !== An);
+      return C("div", {
+        class: l.value
+      }, [s.map((u, c) => {
+        var h, p;
+        const b = t.split && c > 0;
+        return C(Wt, {
+          key: (h = u.key) != null ? h : `item-${c}`
+        }, [b && C("div", {
+          class: `${r}-item-split`,
+          style: i(!1)
+        }, [(p = t.split) == null ? void 0 : p.call(t)]), C("div", {
+          class: `${r}-item`,
+          style: i(c === s.length - 1)
+        }, [u])]);
+      })]);
+    };
+  }
+});
+const na = Object.assign(Lt, {
+  install: (e, t) => {
+    Be(e, t);
+    const r = De(t);
+    e.component(r + Lt.name, Lt);
+  }
+}), la = I({
+  name: "IconDown",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const r = G("icon"), n = d(() => [r, `${r}-down`, {
+      [`${r}-spin`]: e.spin
+    }]), l = d(() => {
+      const i = {};
+      return e.size && (i.fontSize = ce(e.size) ? `${e.size}px` : e.size), e.rotate && (i.transform = `rotate(${e.rotate}deg)`), i;
+    });
+    return {
+      cls: n,
+      innerStyle: l,
+      onClick: (i) => {
+        t("click", i);
+      }
+    };
+  }
+}), oa = ["stroke-width", "stroke-linecap", "stroke-linejoin"], ia = /* @__PURE__ */ ee("path", {
+  d: "M39.6 17.443 24.043 33 8.487 17.443"
+}, null, -1), aa = [ia];
+function sa(e, t, r, n, l, o) {
+  return L(), H("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: D(e.cls),
+    style: Ce(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...i) => e.onClick && e.onClick(...i))
+  }, aa, 14, oa);
+}
+var Tt = /* @__PURE__ */ X(la, [["render", sa]]);
+const ua = Object.assign(Tt, {
+  install: (e, t) => {
+    var r;
+    const n = (r = t == null ? void 0 : t.iconPrefix) != null ? r : "";
+    e.component(n + Tt.name, Tt);
+  }
+}), ca = I({
+  name: "IconUp",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const r = G("icon"), n = d(() => [r, `${r}-up`, {
+      [`${r}-spin`]: e.spin
+    }]), l = d(() => {
+      const i = {};
+      return e.size && (i.fontSize = ce(e.size) ? `${e.size}px` : e.size), e.rotate && (i.transform = `rotate(${e.rotate}deg)`), i;
+    });
+    return {
+      cls: n,
+      innerStyle: l,
+      onClick: (i) => {
+        t("click", i);
+      }
+    };
+  }
+}), da = ["stroke-width", "stroke-linecap", "stroke-linejoin"], fa = /* @__PURE__ */ ee("path", {
+  d: "M39.6 30.557 24.043 15 8.487 30.557"
+}, null, -1), ha = [fa];
+function va(e, t, r, n, l, o) {
+  return L(), H("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: D(e.cls),
+    style: Ce(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...i) => e.onClick && e.onClick(...i))
+  }, ha, 14, da);
+}
+var Mt = /* @__PURE__ */ X(ca, [["render", va]]);
+const pa = Object.assign(Mt, {
+  install: (e, t) => {
+    var r;
+    const n = (r = t == null ? void 0 : t.iconPrefix) != null ? r : "";
+    e.component(n + Mt.name, Mt);
+  }
+}), Ir = {
+  id: Symbol("ID"),
+  source: Symbol("Source")
+};
+function ma(e) {
+  const t = F({});
+  return e == null || e.forEach((n) => {
+    t.value[n.key] = (typeof n.default == "function" ? n.default() : n.default) || null;
+  }), [t, (n) => {
+    t.value = n;
+  }];
+}
+function ba(e) {
+  function t(r, n) {
+    return e != null && e.disabledDate ? e.disabledDate(r, n) : !1;
+  }
+  return (r, n) => {
+    switch (e == null ? void 0 : e.type) {
+      case "week":
+        return C(In, {
+          modelValue: r[n.key],
+          "onUpdate:modelValue": (l) => r[n.key] = l,
+          "disabled-date": t,
+          format: e == null ? void 0 : e.labelFormat,
+          "value-format": e == null ? void 0 : e.valueFormat
+        }, null);
+      case "month":
+        return C(Nn, {
+          modelValue: r[n.key],
+          "onUpdate:modelValue": (l) => r[n.key] = l,
+          "disabled-date": t,
+          format: e == null ? void 0 : e.labelFormat,
+          "value-format": e == null ? void 0 : e.valueFormat
+        }, null);
+      case "quarter":
+        return C(xn, {
+          modelValue: r[n.key],
+          "onUpdate:modelValue": (l) => r[n.key] = l,
+          "disabled-date": t,
+          format: e == null ? void 0 : e.labelFormat,
+          "value-format": e == null ? void 0 : e.valueFormat
+        }, null);
+      case "year":
+        return C(Vn, {
+          modelValue: r[n.key],
+          "onUpdate:modelValue": (l) => r[n.key] = l,
+          "disabled-date": t,
+          format: e == null ? void 0 : e.labelFormat,
+          "value-format": e == null ? void 0 : e.valueFormat
+        }, null);
+      case "date":
+      default:
+        return C(Bn, {
+          modelValue: r[n.key],
+          "onUpdate:modelValue": (l) => r[n.key] = l,
+          "disabled-date": t,
+          format: e == null ? void 0 : e.labelFormat,
+          "value-format": e == null ? void 0 : e.valueFormat
+        }, null);
+    }
+  };
+}
+function ya(e) {
+  return (t, r) => {
+    switch (e == null ? void 0 : e.type) {
+      case "number":
+        return C(qn, {
+          modelValue: t[r.key],
+          "onUpdate:modelValue": (n) => t[r.key] = n,
+          hideButton: !0,
+          placeholder: e == null ? void 0 : e.placeholder,
+          allowClear: e == null ? void 0 : e.clearable
+        }, null);
+      case "string":
+      default:
+        return C(zn, {
+          modelValue: t[r.key],
+          "onUpdate:modelValue": (n) => t[r.key] = n,
+          placeholder: e == null ? void 0 : e.placeholder,
+          allowClear: e == null ? void 0 : e.clearable
+        }, null);
+    }
+  };
+}
+function ga(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Rr(e);
+}
+function wa(e) {
+  let t = !1;
+  const r = F(/* @__PURE__ */ new Map());
+  e.options instanceof Function ? e.options().then((l) => r.value = l) : e.options instanceof Promise ? e.options.then((l) => r.value = l) : r.value = e.options;
+  function n() {
+    e.autoSumbit;
+  }
+  return (l, o) => {
+    let i;
+    return e.default && !t && (l[o.key] = e.default, t = !0), C(Wn, {
+      multiple: e.multiple,
+      modelValue: l[o.key],
+      "onUpdate:modelValue": (a) => l[o.key] = a,
+      placeholder: e.placeholder,
+      allowClear: e.clearable,
+      onChange: n
+    }, ga(i = Array.from(r.value.entries()).map(([a, s]) => C(Rn, {
+      key: a,
+      value: a,
+      label: s
+    }, null))) ? i : {
+      default: () => [i]
+    });
+  };
+}
+function _a(e) {
+  function t() {
+    e != null && e.autoSumbit;
+  }
+  return (r, n) => (e != null && e.default && (r[n.key] = e.default), C(Hn, {
+    modelValue: r[n.key],
+    "onUpdate:modelValue": (l) => r[n.key] = l,
+    checkedText: (e == null ? void 0 : e.openLabel) ?? "是",
+    uncheckedText: (e == null ? void 0 : e.closeLabel) ?? "否",
+    checkedValue: (e == null ? void 0 : e.openValue) ?? !0,
+    uncheckedValue: (e == null ? void 0 : e.closeValue) ?? !1,
+    onChange: t
+  }, null));
+}
+function Ea(e) {
+  return (t, r) => {
+    let n = [];
+    function l(a) {
+      n = a;
+    }
+    function o(a) {
+      if (a && a.length === 2) {
+        const [s, u] = a.sort(), c = er(s).startOf("days"), h = er(u).endOf("days");
+        t[r.key] = [c.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD"), h.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD")];
+      }
+    }
+    function i(a) {
+      return e != null && e.disabledDate ? e.disabledDate(n, a) : !1;
+    }
+    return C("div", null, [C(Gn, {
+      style: {
+        width: "300px"
+      },
+      modelValue: t[r.key],
+      "onUpdate:modelValue": (a) => t[r.key] = a,
+      onSelect: l,
+      onChange: o,
+      mode: e == null ? void 0 : e.type,
+      allowClear: e == null ? void 0 : e.clearable,
+      "disabled-date": i,
+      format: e == null ? void 0 : e.labelFormat,
+      "value-format": e == null ? void 0 : e.valueFormat
+    }, null)]);
+  };
+}
+function Ca(e) {
+  return (t, r) => C(Un, {
+    modelValue: t[r.key],
+    "onUpdate:modelValue": (n) => t[r.key] = n,
+    placeholder: e == null ? void 0 : e.placeholder,
+    autoSize: e == null ? void 0 : e.autosize,
+    maxLength: e == null ? void 0 : e.maxLength
+  }, null);
+}
+function $a(e) {
+  return (t) => e(t);
+}
+const Oa = {
+  input: ya,
+  textarea: Ca,
+  select: wa,
+  date: ba,
+  switch: _a,
+  dateRange: Ea,
+  render: $a
+};
+function Sa(e, t) {
+  t.render || (t.render = (n) => n.input());
+  const r = t.render({
+    ...Oa
+  });
+  return {
+    default: () => r(e, t)
+  };
+}
+function ja(e, t) {
+  return Dn(Re, {
+    field: t.key,
+    label: t.title
+  }, Sa(e, t));
+}
+function zr(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Rr(e);
+}
+const La = /* @__PURE__ */ I({
+  props: {
+    form: {
+      type: Object,
+      required: !0
+    },
+    minWidth: {
+      type: Number,
+      required: !1,
+      default: 300
+    },
+    name: {
+      type: String,
+      required: !1,
+      default: "form"
+    },
+    submitable: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    searchable: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    footer: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["submit", "cancel"],
+  expose: ["formSource"],
+  setup(e) {
+    const t = Math.random().toString(32).slice(2).toUpperCase(), r = F(), [n] = ma(e.form), l = F(0), o = F(!0), i = () => o.value = !o.value;
+    ge(Ir.id, t), ge(Ir.source, n);
+    const a = d(() => {
+      if (!l.value)
+        return 1;
+      const c = e.form.reduce((h, p) => h + ((p == null ? void 0 : p.span) || 1), 0);
+      return l.value - c % l.value;
+    }), s = d(() => e.form.reduce((c, h) => (h.rule && (c[h.key] = h.rule), c), {}));
+    function u() {
+      var h;
+      const c = (h = r.value) == null ? void 0 : h.$el;
+      l.value = Math.floor(c.offsetWidth / e.minWidth);
+    }
+    return he(() => {
+      u();
+    }), window.addEventListener("resize", u), {
+      formId: t,
+      formSource: n,
+      formInstance: r,
+      formColumns: l,
+      formRules: s,
+      formCollspased: o,
+      formActiosSpan: a,
+      toggleFormCollapsed: i
+    };
+  },
+  render() {
+    const e = () => {
+      this.$emit("submit", this.formSource);
+    }, t = () => {
+      const r = [], n = this.footer ? {
+        span: this.formColumns
+      } : {
+        span: this.formActiosSpan
+      };
+      if (this.searchable && (r.push(C(Ne, {
+        type: "primary",
+        htmlType: "submit"
+      }, {
+        default: () => [me("搜索")]
+      })), r.push(C(Ne, {
+        type: "secondary",
+        onClick: () => {
+          var l;
+          return (l = this.formInstance) == null ? void 0 : l.resetFields();
+        }
+      }, {
+        default: () => [me("重置")]
+      }))), this.submitable && (r.push(C(Ne, {
+        type: "primary",
+        htmlType: "submit"
+      }, {
+        default: () => [me("提交")]
+      })), r.push(C(Ne, {
+        type: "secondary",
+        onClick: () => this.$emit("cancel")
+      }, {
+        default: () => [me("取消")]
+      }))), this.form.some((l) => !!l.collapsed) && r.push(C(Ne, {
+        onClick: this.toggleFormCollapsed
+      }, {
+        default: () => this.formCollspased ? "展开" : "收起",
+        icon: () => this.formCollspased ? C(ua, null, null) : C(pa, null, null)
+      })), this.$slots.actions && r.push(...this.$slots.actions()), r.length)
+        return C(We, n, {
+          default: () => [C(Re, {
+            hideLabel: !0,
+            contentClass: this.footer ? "form-footer" : ""
+          }, {
+            default: () => [C(na, null, zr(r) ? r : {
+              default: () => [r]
+            })]
+          })]
+        });
+    };
+    return C(Wi, Le({
+      rules: this.formRules,
+      onSubmitSuccess: e
+    }, {
+      name: this.name
+    }, {
+      "auto-label-width": !0,
+      ref: (r) => this.formInstance = r,
+      model: this.formSource
+    }), {
+      default: () => [C(so, {
+        cols: this.formColumns,
+        "col-gap": 10,
+        "rol-gap": 10
+      }, {
+        default: () => [this.form.filter((r) => this.formCollspased ? !r.collapsed : !0).map((r) => {
+          let n;
+          return C(We, {
+            span: r.span
+          }, zr(n = ja(this.formSource, r)) ? n : {
+            default: () => [n]
+          });
+        }), t()]
+      })]
+    });
+  }
+});
+function Ta(e) {
+  return e;
+}
+export {
+  La as FormRender,
+  Ta as defineForm
+};