@gopowerteam/form-render 0.0.43 → 0.0.45

package/dist/es/index.mjs

@@ -1,21 +1,21 @@
-import { getCurrentInstance as L, inject as G, defineComponent as I, computed as v, openBlock as z, createElementBlock as R, normalizeClass as U, normalizeStyle as p, createElementVNode as E, ref as k, createVNode as i, watch as K, nextTick as Q, isRef as D, isVNode as q, h as X, provide as _, onMounted as V, mergeProps as H, createTextVNode as w, onUpdated as J } from "vue";
-import { DatePicker as Z, YearPicker as ee, QuarterPicker as te, MonthPicker as le, WeekPicker as re, Input as ae, InputNumber as ne, Select as ue, Option as ce, Switch as de, RangePicker as se, Textarea as ie, TreeSelect as oe, Cascader as fe, FormItem as W, Form as me, Grid as he, GridItem as N, Button as S, Space as ye } from "@arco-design/web-vue";
-import M from "dayjs";
-import { FormRenderResolver as at } from "./resolver.mjs";
-const ke = Symbol("ArcoConfigProvider"), be = "arco", ve = "$arco", B = (e) => {
-  var t, r, l;
-  const a = L(), s = G(ke, void 0), d = (l = (r = s == null ? void 0 : s.prefixCls) != null ? r : (t = a == null ? void 0 : a.appContext.config.globalProperties[ve]) == null ? void 0 : t.classPrefix) != null ? l : be;
-  return e ? `${d}-${e}` : d;
-}, Se = Object.prototype.toString;
-function A(e) {
-  return Se.call(e) === "[object Number]" && e === e;
-}
-var Y = (e, t) => {
-  for (const [r, l] of t)
-    e[r] = l;
+import { getCurrentInstance as W, inject as ne, defineComponent as P, computed as x, openBlock as S, createElementBlock as F, normalizeClass as re, normalizeStyle as z, createElementVNode as w, shallowRef as A, ref as $, provide as fe, onMounted as D, Fragment as me, renderSlot as Ee, createBlock as te, Teleport as Ae, createVNode as v, TransitionGroup as Ve, withCtx as Be, renderList as De, mergeProps as Oe, createCommentVNode as G, defineAsyncComponent as We, triggerRef as K, onUnmounted as qe, withModifiers as Ue, toDisplayString as V, resolveDynamicComponent as _e, normalizeProps as Ge, guardReactiveProps as Ye, watch as le, unref as He, isRef as oe, toRefs as Xe, customRef as Je, nextTick as Me, getCurrentScope as Ke, onScopeDispose as Qe, pushScopeId as Ze, popScopeId as et, isVNode as ve, h as tt, createTextVNode as Z, onUpdated as nt } from "vue";
+import { DatePicker as rt, YearPicker as lt, QuarterPicker as ot, MonthPicker as at, WeekPicker as ut, Input as it, InputNumber as ct, Select as st, Option as dt, Switch as ft, RangePicker as mt, Textarea as ht, TreeSelect as vt, Cascader as pt, FormItem as je, Tabs as yt, TabPane as gt, Form as bt, Grid as kt, GridItem as xe, Button as U, Space as wt } from "@arco-design/web-vue";
+import Ce from "dayjs";
+import { FormRenderResolver as Hn } from "./resolver.mjs";
+const St = Symbol("ArcoConfigProvider"), xt = "arco", Ct = "$arco", pe = (e) => {
+  var r, t, n;
+  const l = W(), a = ne(St, void 0), o = (n = (t = a == null ? void 0 : a.prefixCls) != null ? t : (r = l == null ? void 0 : l.appContext.config.globalProperties[Ct]) == null ? void 0 : r.classPrefix) != null ? n : xt;
+  return e ? `${o}-${e}` : o;
+}, $t = Object.prototype.toString;
+function ye(e) {
+  return $t.call(e) === "[object Number]" && e === e;
+}
+var ge = (e, r) => {
+  for (const [t, n] of r)
+    e[t] = n;
   return e;
 };
-const $e = I({
+const Ft = P({
   name: "IconDown",
   props: {
     size: {
@@ -42,47 +42,47 @@ const $e = I({
     click: (e) => !0
   },
   setup(e, {
-    emit: t
+    emit: r
   }) {
-    const r = B("icon"), l = v(() => [r, `${r}-down`, {
-      [`${r}-spin`]: e.spin
-    }]), a = v(() => {
-      const d = {};
-      return e.size && (d.fontSize = A(e.size) ? `${e.size}px` : e.size), e.rotate && (d.transform = `rotate(${e.rotate}deg)`), d;
+    const t = pe("icon"), n = x(() => [t, `${t}-down`, {
+      [`${t}-spin`]: e.spin
+    }]), l = x(() => {
+      const o = {};
+      return e.size && (o.fontSize = ye(e.size) ? `${e.size}px` : e.size), e.rotate && (o.transform = `rotate(${e.rotate}deg)`), o;
     });
     return {
-      cls: l,
-      innerStyle: a,
-      onClick: (d) => {
-        t("click", d);
+      cls: n,
+      innerStyle: l,
+      onClick: (o) => {
+        r("click", o);
       }
     };
   }
-}), ge = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Ce = /* @__PURE__ */ E("path", {
+}), Ot = ["stroke-width", "stroke-linecap", "stroke-linejoin"], _t = /* @__PURE__ */ w("path", {
   d: "M39.6 17.443 24.043 33 8.487 17.443"
-}, null, -1), we = [Ce];
-function Fe(e, t, r, l, a, s) {
-  return z(), R("svg", {
+}, null, -1), Mt = [_t];
+function jt(e, r, t, n, l, a) {
+  return S(), F("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
-    class: U(e.cls),
-    style: p(e.innerStyle),
+    class: re(e.cls),
+    style: z(e.innerStyle),
     "stroke-width": e.strokeWidth,
     "stroke-linecap": e.strokeLinecap,
     "stroke-linejoin": e.strokeLinejoin,
-    onClick: t[0] || (t[0] = (...d) => e.onClick && e.onClick(...d))
-  }, we, 14, ge);
-}
-var x = /* @__PURE__ */ Y($e, [["render", Fe]]);
-const xe = Object.assign(x, {
-  install: (e, t) => {
-    var r;
-    const l = (r = t == null ? void 0 : t.iconPrefix) != null ? r : "";
-    e.component(l + x.name, x);
+    onClick: r[0] || (r[0] = (...o) => e.onClick && e.onClick(...o))
+  }, Mt, 14, Ot);
+}
+var ie = /* @__PURE__ */ ge(Ft, [["render", jt]]);
+const It = Object.assign(ie, {
+  install: (e, r) => {
+    var t;
+    const n = (t = r == null ? void 0 : r.iconPrefix) != null ? t : "";
+    e.component(n + ie.name, ie);
   }
-}), Oe = I({
+}), Lt = P({
   name: "IconUp",
   props: {
     size: {
@@ -109,117 +109,820 @@ const xe = Object.assign(x, {
     click: (e) => !0
   },
   setup(e, {
-    emit: t
+    emit: r
   }) {
-    const r = B("icon"), l = v(() => [r, `${r}-up`, {
-      [`${r}-spin`]: e.spin
-    }]), a = v(() => {
-      const d = {};
-      return e.size && (d.fontSize = A(e.size) ? `${e.size}px` : e.size), e.rotate && (d.transform = `rotate(${e.rotate}deg)`), d;
+    const t = pe("icon"), n = x(() => [t, `${t}-up`, {
+      [`${t}-spin`]: e.spin
+    }]), l = x(() => {
+      const o = {};
+      return e.size && (o.fontSize = ye(e.size) ? `${e.size}px` : e.size), e.rotate && (o.transform = `rotate(${e.rotate}deg)`), o;
     });
     return {
-      cls: l,
-      innerStyle: a,
-      onClick: (d) => {
-        t("click", d);
+      cls: n,
+      innerStyle: l,
+      onClick: (o) => {
+        r("click", o);
       }
     };
   }
-}), Ve = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Ie = /* @__PURE__ */ E("path", {
+}), Tt = ["stroke-width", "stroke-linecap", "stroke-linejoin"], zt = /* @__PURE__ */ w("path", {
   d: "M39.6 30.557 24.043 15 8.487 30.557"
-}, null, -1), De = [Ie];
-function je(e, t, r, l, a, s) {
-  return z(), R("svg", {
+}, null, -1), Pt = [zt];
+function Rt(e, r, t, n, l, a) {
+  return S(), F("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
-    class: U(e.cls),
-    style: p(e.innerStyle),
+    class: re(e.cls),
+    style: z(e.innerStyle),
     "stroke-width": e.strokeWidth,
     "stroke-linecap": e.strokeLinecap,
     "stroke-linejoin": e.strokeLinejoin,
-    onClick: t[0] || (t[0] = (...d) => e.onClick && e.onClick(...d))
-  }, De, 14, Ve);
-}
-var O = /* @__PURE__ */ Y(Oe, [["render", je]]);
-const _e = Object.assign(O, {
-  install: (e, t) => {
-    var r;
-    const l = (r = t == null ? void 0 : t.iconPrefix) != null ? r : "";
-    e.component(l + O.name, O);
+    onClick: r[0] || (r[0] = (...o) => e.onClick && e.onClick(...o))
+  }, Pt, 14, Tt);
+}
+var ce = /* @__PURE__ */ ge(Lt, [["render", Rt]]);
+const Nt = Object.assign(ce, {
+  install: (e, r) => {
+    var t;
+    const n = (t = r == null ? void 0 : r.iconPrefix) != null ? t : "";
+    e.component(n + ce.name, ce);
+  }
+}), Et = P({
+  name: "IconSearch",
+  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: r
+  }) {
+    const t = pe("icon"), n = x(() => [t, `${t}-search`, {
+      [`${t}-spin`]: e.spin
+    }]), l = x(() => {
+      const o = {};
+      return e.size && (o.fontSize = ye(e.size) ? `${e.size}px` : e.size), e.rotate && (o.transform = `rotate(${e.rotate}deg)`), o;
+    });
+    return {
+      cls: n,
+      innerStyle: l,
+      onClick: (o) => {
+        r("click", o);
+      }
+    };
+  }
+}), At = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Vt = /* @__PURE__ */ w("path", {
+  d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485"
+}, null, -1), Bt = [Vt];
+function Dt(e, r, t, n, l, a) {
+  return S(), F("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: re(e.cls),
+    style: z(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: r[0] || (r[0] = (...o) => e.onClick && e.onClick(...o))
+  }, Bt, 14, At);
+}
+var se = /* @__PURE__ */ ge(Et, [["render", Dt]]);
+const Wt = Object.assign(se, {
+  install: (e, r) => {
+    var t;
+    const n = (t = r == null ? void 0 : r.iconPrefix) != null ? t : "";
+    e.component(n + se.name, se);
+  }
+}), ae = Symbol("__MODAL__");
+function Ie(e) {
+  return Ke() ? (Qe(e), !0) : !1;
+}
+function j(e) {
+  return typeof e == "function" ? e() : He(e);
+}
+const Le = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const qt = Object.prototype.toString, Ut = (e) => qt.call(e) === "[object Object]", Gt = () => {
+};
+function Yt(e, r = {}) {
+  if (!oe(e))
+    return Xe(e);
+  const t = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
+  for (const n in e.value)
+    t[n] = Je(() => ({
+      get() {
+        return e.value[n];
+      },
+      set(l) {
+        var a;
+        if ((a = j(r.replaceRef)) == null || a)
+          if (Array.isArray(e.value)) {
+            const o = [...e.value];
+            o[n] = l, e.value = o;
+          } else {
+            const o = { ...e.value, [n]: l };
+            Object.setPrototypeOf(o, Object.getPrototypeOf(e.value)), e.value = o;
+          }
+        else
+          e.value[n] = l;
+      }
+    }));
+  return t;
+}
+function Ht(e, r = !0) {
+  W() ? D(e) : r ? e() : Me(e);
+}
+function B(e) {
+  var r;
+  const t = j(e);
+  return (r = t == null ? void 0 : t.$el) != null ? r : t;
+}
+const ue = Le ? window : void 0;
+function de(...e) {
+  let r, t, n, l;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, n, l] = e, r = ue) : [r, t, n, l] = e, !r)
+    return Gt;
+  Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
+  const a = [], o = () => {
+    a.forEach((u) => u()), a.length = 0;
+  }, f = (u, c, i, h) => (u.addEventListener(c, i, h), () => u.removeEventListener(c, i, h)), b = le(
+    () => [B(r), j(l)],
+    ([u, c]) => {
+      if (o(), !u)
+        return;
+      const i = Ut(c) ? { ...c } : c;
+      a.push(
+        ...t.flatMap((h) => n.map((m) => f(u, h, m, i)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), s = () => {
+    b(), o();
+  };
+  return Ie(s), s;
+}
+function Xt() {
+  const e = $(!1);
+  return W() && D(() => {
+    e.value = !0;
+  }), e;
+}
+function Jt(e) {
+  const r = Xt();
+  return x(() => (r.value, !!e()));
+}
+function Kt(e, r = {}) {
+  var t, n;
+  const {
+    pointerTypes: l,
+    preventDefault: a,
+    stopPropagation: o,
+    exact: f,
+    onMove: b,
+    onEnd: s,
+    onStart: u,
+    initialValue: c,
+    axis: i = "both",
+    draggingElement: h = ue,
+    containerElement: m,
+    handle: k = e
+  } = r, p = $(
+    (t = j(c)) != null ? t : { x: 0, y: 0 }
+  ), O = $(), M = (g) => l ? l.includes(g.pointerType) : !0, y = (g) => {
+    j(a) && g.preventDefault(), j(o) && g.stopPropagation();
+  }, C = (g) => {
+    var N;
+    if (!M(g) || j(f) && g.target !== j(e))
+      return;
+    const _ = j(m), E = (N = _ == null ? void 0 : _.getBoundingClientRect) == null ? void 0 : N.call(_), L = j(e).getBoundingClientRect(), T = {
+      x: g.clientX - (_ ? L.left - E.left : L.left),
+      y: g.clientY - (_ ? L.top - E.top : L.top)
+    };
+    (u == null ? void 0 : u(T, g)) !== !1 && (O.value = T, y(g));
+  }, R = (g) => {
+    var N;
+    if (!M(g) || !O.value)
+      return;
+    const _ = j(m), E = (N = _ == null ? void 0 : _.getBoundingClientRect) == null ? void 0 : N.call(_), L = j(e).getBoundingClientRect();
+    let { x: T, y: q } = p.value;
+    (i === "x" || i === "both") && (T = g.clientX - O.value.x, _ && (T = Math.min(Math.max(0, T), E.width - L.width))), (i === "y" || i === "both") && (q = g.clientY - O.value.y, _ && (q = Math.min(Math.max(0, q), E.height - L.height))), p.value = {
+      x: T,
+      y: q
+    }, b == null || b(p.value, g), y(g);
+  }, Q = (g) => {
+    M(g) && O.value && (O.value = void 0, s == null || s(p.value, g), y(g));
+  };
+  if (Le) {
+    const g = { capture: (n = r.capture) != null ? n : !0 };
+    de(k, "pointerdown", C, g), de(h, "pointermove", R, g), de(h, "pointerup", Q, g);
+  }
+  return {
+    ...Yt(p),
+    position: p,
+    isDragging: x(() => !!O.value),
+    style: x(
+      () => `left:${p.value.x}px;top:${p.value.y}px;`
+    )
+  };
+}
+function Qt(e, r, t = {}) {
+  const { window: n = ue, ...l } = t;
+  let a;
+  const o = Jt(() => n && "ResizeObserver" in n), f = () => {
+    a && (a.disconnect(), a = void 0);
+  }, b = x(() => Array.isArray(e) ? e.map((c) => B(c)) : [B(e)]), s = le(
+    b,
+    (c) => {
+      if (f(), o.value && n) {
+        a = new ResizeObserver(r);
+        for (const i of c)
+          i && a.observe(i, l);
+      }
+    },
+    { immediate: !0, flush: "post", deep: !0 }
+  ), u = () => {
+    f(), s();
+  };
+  return Ie(u), {
+    isSupported: o,
+    stop: u
+  };
+}
+function Y(e, r = { width: 0, height: 0 }, t = {}) {
+  const { window: n = ue, box: l = "content-box" } = t, a = x(() => {
+    var c, i;
+    return (i = (c = B(e)) == null ? void 0 : c.namespaceURI) == null ? void 0 : i.includes("svg");
+  }), o = $(r.width), f = $(r.height), { stop: b } = Qt(
+    e,
+    ([c]) => {
+      const i = l === "border-box" ? c.borderBoxSize : l === "content-box" ? c.contentBoxSize : c.devicePixelContentBoxSize;
+      if (n && a.value) {
+        const h = B(e);
+        if (h) {
+          const m = n.getComputedStyle(h);
+          o.value = Number.parseFloat(m.width), f.value = Number.parseFloat(m.height);
+        }
+      } else if (i) {
+        const h = Array.isArray(i) ? i : [i];
+        o.value = h.reduce((m, { inlineSize: k }) => m + k, 0), f.value = h.reduce((m, { blockSize: k }) => m + k, 0);
+      } else
+        o.value = c.contentRect.width, f.value = c.contentRect.height;
+    },
+    t
+  );
+  Ht(() => {
+    const c = B(e);
+    c && (o.value = "offsetWidth" in c ? c.offsetWidth : r.width, f.value = "offsetHeight" in c ? c.offsetHeight : r.height);
+  });
+  const s = le(
+    () => B(e),
+    (c) => {
+      o.value = c ? r.width : 0, f.value = c ? r.height : 0;
+    }
+  );
+  function u() {
+    b(), s();
+  }
+  return {
+    width: o,
+    height: f,
+    stop: u
+  };
+}
+const Zt = (e) => (Ze("data-v-d6dd5541"), e = e(), et(), e), en = { class: "title text-16px font-bold" }, tn = { class: "action" }, nn = ["form"], rn = {
+  key: 2,
+  class: "modal-loading"
+}, ln = /* @__PURE__ */ Zt(() => /* @__PURE__ */ w("div", { class: "lds-ring" }, [
+  /* @__PURE__ */ w("div"),
+  /* @__PURE__ */ w("div"),
+  /* @__PURE__ */ w("div"),
+  /* @__PURE__ */ w("div")
+], -1)), on = [
+  ln
+], an = {
+  name: "ModalContainer",
+  inheritAttrs: !0
+}, un = /* @__PURE__ */ P({
+  ...an,
+  props: {
+    id: {},
+    form: {},
+    component: {},
+    componentProps: {},
+    width: {},
+    maxWidth: {},
+    maxHeight: { default: 90 },
+    sizes: {},
+    size: { default: "middle" },
+    fullscreen: { type: Boolean },
+    title: {},
+    header: { type: Boolean, default: !0 },
+    footer: { type: Boolean, default: !1 },
+    closeable: { type: Boolean, default: !0 },
+    esc: { type: Boolean, default: !1 },
+    maskClosable: { type: Boolean, default: !1 },
+    draggable: { type: Boolean, default: !1 },
+    mode: { default: "dialog" },
+    type: {},
+    offset: {},
+    backgroundColor: {},
+    bodyStyle: {},
+    submitText: { default: "确定" },
+    cancelText: { default: "取消" }
+  },
+  emits: ["submit"],
+  setup(e, { expose: r, emit: t }) {
+    const n = e, l = t, a = ne(ae), o = $(!1);
+    let f = 0, b = 0;
+    const s = A(), u = A(), c = A(), i = A(), h = A(), m = A(), { height: k } = Y(s), { height: p } = Y(c, void 0, { box: "border-box" }), { height: O } = Y(i, void 0, { box: "border-box" }), { height: M } = Y(h), { height: y } = Y(m), { x: C, y: R } = Kt(c, {
+      initialValue: { x: 0, y: 0 }
+    });
+    function Q() {
+      a == null || a.close(n.id);
+    }
+    function g(d) {
+      return typeof d == "number" ? `${d}px` : d;
+    }
+    const N = x(() => {
+      const d = {};
+      return n.mode === "dialog" && (d.justifyContent = "center"), n.mode === "drawer" && (d.justifyContent = "flex-end"), d;
+    }), _ = x(() => {
+      const d = {};
+      return n.size && (d.width = g(n.sizes[n.size])), n.width && (d.width = g(n.width)), n.maxWidth && (d.maxWidth = g(n.maxWidth)), n.fullscreen && (d.maxWidth = "unset", d.width = "100%", d.position = "fixed", d.top = 0, d.left = 0, d.bottom = 0, d.right = 0, d.borderRadius = 0), n.draggable && !n.fullscreen && n.mode === "dialog" && (d.transform = `translate3d(${C.value - f}px, ${R.value - b}px, 0px)`), n.mode === "drawer" && (d.borderRadius = 0, d.height = "100%"), n.offset && n.mode === "dialog" && (d.marginLeft = `${n.offset.x || 0}px`, d.marginTop = `${n.offset.y || 0}px`), n.backgroundColor && (d.backgroundColor = n.backgroundColor), d;
+    }), E = x(() => {
+      const d = {};
+      return n.draggable && !n.fullscreen && n.mode === "dialog" && (d.cursor = "move"), d;
+    }), L = x(() => {
+      const d = {}, I = M.value + y.value + p.value + O.value, Se = Math.floor(k.value * (Number(g(n.maxHeight).replace("%", "")) / 100));
+      return n.maxHeight && (d.maxHeight = `${Se - I}px`), n.mode === "drawer" && (d.maxHeight = "unset", d.height = `${k.value - I}px`), n.fullscreen && (d.maxHeight = "unset", d.height = `calc(100% - ${I}px)`), n.type !== "component" && (d.padding = "0"), n.bodyStyle && Object.assign(d, n.bodyStyle), d;
+    });
+    function T() {
+      const d = u.value;
+      if (n.form && d) {
+        const I = d.querySelector(`form[name="${n.form}"]`);
+        I && I.dispatchEvent(new Event("submit"));
+      }
+      l("submit");
+    }
+    function q() {
+      a == null || a.close(n.id);
+    }
+    function ze() {
+      window && window.addEventListener("resize", () => {
+        K(s), K(u), u.value && (f = u.value.offsetLeft, b = u.value.offsetTop);
+      });
+    }
+    function Pe() {
+      if (n.closeable && n.esc) {
+        const d = ({ key: I }) => {
+          I === "Escape" && (a == null || a.close(n.id), window.removeEventListener("keydown", d));
+        };
+        window.addEventListener("keydown", d);
+      }
+    }
+    function Re() {
+      f = u.value.offsetLeft, b = u.value.offsetTop;
+    }
+    D(() => {
+      Pe(), ze();
+    }), qe(() => {
+    });
+    function Ne() {
+      return o.value = !0, () => we();
+    }
+    function we() {
+      o.value = !1;
+    }
+    return r({
+      showLoading: Ne,
+      hideLoading: we
+    }), (d, I) => (S(), F("div", {
+      ref_key: "wrapperRef",
+      ref: s,
+      class: "modal-wrapper",
+      style: z(N.value),
+      onClick: I[0] || (I[0] = Ue((Se) => d.maskClosable && Q(), ["self"]))
+    }, [
+      w("div", {
+        ref_key: "contentRef",
+        ref: u,
+        class: re(["modal-content", { [`${d.mode}-mode`]: !0 }]),
+        style: z(_.value)
+      }, [
+        d.header ? (S(), F("div", {
+          key: 0,
+          ref_key: "headerRef",
+          ref: c,
+          class: "modal-header",
+          style: z(E.value),
+          onMousedown: Re
+        }, [
+          w("div", en, V(d.title), 1),
+          w("div", tn, [
+            d.closeable ? (S(), F("div", {
+              key: 0,
+              class: "i-icon-park-outline:close block cursor-pointer",
+              onClick: Q
+            })) : G("", !0)
+          ])
+        ], 36)) : G("", !0),
+        w("div", {
+          id: "modal-header-slot",
+          ref_key: "headerSlotRef",
+          ref: h
+        }, null, 512),
+        w("div", {
+          class: "modal-body",
+          style: z(L.value)
+        }, [
+          (S(), te(_e(d.component), Ge(Ye(d.componentProps)), null, 16))
+        ], 4),
+        w("div", {
+          id: "modal-footer-slot",
+          ref_key: "footerSlotRef",
+          ref: m
+        }, null, 512),
+        d.footer ? (S(), F("div", {
+          key: 1,
+          ref_key: "footerRef",
+          ref: i,
+          class: "modal-footer space-x-2"
+        }, [
+          w("button", {
+            class: "cancel-button",
+            type: "button",
+            onClick: q
+          }, V(d.cancelText), 1),
+          w("button", {
+            class: "submit-button",
+            form: d.form,
+            type: "submit",
+            onClick: T
+          }, V(d.submitText), 9, nn)
+        ], 512)) : G("", !0),
+        o.value ? (S(), F("div", rn, on)) : G("", !0)
+      ], 6)
+    ], 4));
+  }
+}), be = (e, r) => {
+  const t = e.__vccOpts || e;
+  for (const [n, l] of r)
+    t[n] = l;
+  return t;
+}, cn = /* @__PURE__ */ be(un, [["__scopeId", "data-v-d6dd5541"]]), sn = { class: "modal-dialog" }, dn = { class: "dialog-body" }, fn = { class: "dialog-title" }, mn = { class: "dialog-content" }, hn = /* @__PURE__ */ P({
+  __name: "modal-dialog",
+  props: {
+    type: {},
+    title: {},
+    content: {},
+    okText: { default: "确定" },
+    cancelText: { default: "取消" },
+    onOk: {},
+    onCancel: {},
+    footer: {}
+  },
+  setup(e) {
+    const r = e, t = Te(), n = x(() => r.title ? r.title : {
+      confirm: "提示",
+      info: "提示",
+      warning: "警告",
+      error: "错误",
+      success: "成功"
+    }[r.type]);
+    async function l() {
+      r.onOk && await r.onOk(), t.close();
+    }
+    async function a() {
+      r.onCancel && await r.onCancel(), t.close();
+    }
+    return (o, f) => (S(), F("section", sn, [
+      w("div", dn, [
+        w("div", fn, V(n.value), 1),
+        w("div", mn, V(o.content), 1)
+      ]),
+      w("div", {
+        class: "dialog-footer space-x-2",
+        style: z(o.type === "confirm" ? { "justify-content": "end" } : { "border-top": "none" })
+      }, [
+        o.footer ? (S(), te(_e(o.footer), { key: 0 })) : (S(), F(me, { key: 1 }, [
+          w("button", {
+            class: "submit-button",
+            type: "submit",
+            onClick: l
+          }, V(o.okText), 1),
+          o.type === "confirm" ? (S(), F("button", {
+            key: 0,
+            class: "cancel-button",
+            type: "button",
+            onClick: a
+          }, V(o.cancelText), 1)) : G("", !0)
+        ], 64))
+      ], 4)
+    ]));
   }
-}), P = {
+}), vn = /* @__PURE__ */ be(hn, [["__scopeId", "data-v-8326e5a5"]]), pn = {
+  key: 0,
+  class: "modal-teleport"
+}, yn = {
+  name: "ModalProvider",
+  inheritAttrs: !0
+}, gn = /* @__PURE__ */ P({
+  ...yn,
+  props: {
+    appendToBody: { type: [Boolean, String], default: !1 },
+    sizes: { default: () => ({
+      small: 520,
+      middle: 860,
+      large: 1190
+    }) },
+    maxWidth: { default: "90%" },
+    maxHeight: { default: "90%" },
+    offset: { default: () => ({ x: 0, y: 0 }) }
+  },
+  setup(e, { expose: r }) {
+    const t = A([]), n = $(!1), l = W();
+    function a(i, h = {}, m = {}) {
+      const k = We(
+        () => Promise.resolve(typeof i == "string" ? vn : i)
+      );
+      typeof i == "string" && (h.type = i, m.size = "small", m.fullscreen = !1, m.mode = "dialog", m.footer = !1, m.header = !1);
+      const p = Math.random().toString(32).slice(2), O = new Promise((M, y) => {
+        t.value.push({
+          id: p,
+          component: k,
+          props: h || {},
+          options: {
+            ...m,
+            type: typeof i == "string" ? i : "component"
+          },
+          resolve: M,
+          reject: y,
+          listeners: []
+        }), K(t);
+      }).catch((M) => M === "CANCEL" ? new Promise(() => {
+      }) : Promise.reject(M));
+      return Object.assign(O, {
+        close: () => o(p)
+      });
+    }
+    function o(i, h) {
+      const m = t.value.findIndex((p) => p.id === i);
+      if (m < 0)
+        return;
+      const k = t.value[m];
+      h === void 0 ? k == null || k.reject("CANCEL") : k == null || k.resolve(h), t.value.splice(m, 1), K(t);
+    }
+    function f() {
+      !t.value || t.value.length === 0 || (t.value.forEach((i) => {
+        i == null || i.reject("CANCEL");
+      }), t.value = [], K(t));
+    }
+    function b(i, h) {
+      const m = t.value.find((p) => p.id === i);
+      if (!m)
+        return;
+      const k = m.listeners.find((p) => p.event === h);
+      k && k.callback({
+        open: a,
+        close: (p) => o(m.id, p),
+        closeAll: f,
+        showLoading: () => s(m.id),
+        hideLoading: () => u(m.id),
+        confirm: (p) => a("confirm", p),
+        success: (p) => a("success", p),
+        error: (p) => a("error", p),
+        warning: (p) => a("warning", p),
+        info: (p) => a("info", p)
+      });
+    }
+    function s(i) {
+      if (!l)
+        return;
+      const [h] = l.refs[`modal-container_${i}`];
+      if (h)
+        return h.showLoading();
+    }
+    function u(i) {
+      if (!l)
+        return;
+      const [h] = l.refs[`modal-container_${i}`];
+      if (h)
+        return h.hideLoading();
+    }
+    function c(i, h, m) {
+      const k = t.value.find((p) => p.id === i);
+      k && k.listeners.push({
+        event: h,
+        callback: m
+      });
+    }
+    return fe(ae, {
+      open: a,
+      close: o,
+      closeAll: f,
+      addEventListener: c
+    }), r({
+      elements: t,
+      open: a,
+      close: o,
+      closeAll: f
+    }), D(() => {
+      n.value = !0;
+    }), (i, h) => (S(), F(me, null, [
+      Ee(i.$slots, "default", {}, void 0, !0),
+      n.value ? (S(), F("div", pn, [
+        (S(), te(Ae, {
+          disabled: !i.appendToBody,
+          to: typeof i.appendToBody == "string" ? i.appendToBody : "body"
+        }, [
+          v(Ve, { name: "modal-fade" }, {
+            default: Be(() => [
+              (S(!0), F(me, null, De(t.value, (m) => (S(), te(cn, Oe({
+                id: m.id,
+                key: m.id,
+                ref_for: !0,
+                ref: `modal-container_${m.id}`,
+                component: m.component,
+                "component-props": m.props,
+                "max-height": i.maxHeight,
+                "max-width": i.maxWidth,
+                offset: i.offset,
+                sizes: i.sizes
+              }, m.options, {
+                onSubmit: () => b(m.id, "submit")
+              }), null, 16, ["id", "component", "component-props", "max-height", "max-width", "offset", "sizes", "onSubmit"]))), 128))
+            ]),
+            _: 1
+          })
+        ], 8, ["disabled", "to"]))
+      ])) : G("", !0)
+    ], 64));
+  }
+}), bn = /* @__PURE__ */ be(gn, [["__scopeId", "data-v-241a8304"]]);
+function ee(e, r) {
+  var t, n;
+  let l = e == null ? void 0 : e.parent;
+  for (; l && ((t = l == null ? void 0 : l.type) == null ? void 0 : t.name) !== r; )
+    l = l.parent;
+  return ((n = l == null ? void 0 : l.type) == null ? void 0 : n.name) === r ? l : null;
+}
+function Te() {
+  const e = ne(ae), r = W();
+  function t(n, l, a) {
+    if (!e)
+      throw new Error("Not Found Modal Provider Component");
+    return e.open(n, l, a);
+  }
+  return {
+    open: t,
+    close(n) {
+      var l;
+      if (!e)
+        throw new Error("Not Found Modal Provider Component");
+      const a = ee(r, "ModalContainer"), o = (l = a == null ? void 0 : a.props) == null ? void 0 : l.id;
+      if (!o)
+        throw new Error("Not Found Current Modal Container");
+      e.close(o, n);
+    },
+    closeAll() {
+      if (!e)
+        throw new Error("Not Found Modal Provider Component");
+      e.closeAll();
+    },
+    showLoading() {
+      var n;
+      if (!e)
+        throw new Error("Not Found Modal Provider Component");
+      const l = ee(r, "ModalContainer");
+      if (!((n = l == null ? void 0 : l.props) != null && n.id))
+        throw new Error("Not Found Current Modal Container");
+      l != null && l.exposed && (l == null || l.exposed.showLoading());
+    },
+    hideLoading() {
+      var n;
+      if (!e)
+        throw new Error("Not Found Modal Provider Component");
+      const l = ee(r, "ModalContainer");
+      if (!((n = l == null ? void 0 : l.props) != null && n.id))
+        throw new Error("Not Found Current Modal Container");
+      l != null && l.exposed && (l == null || l.exposed.hideLoading());
+    },
+    confirm(n) {
+      return this.open("confirm", n);
+    },
+    info(n) {
+      return this.open("info", n);
+    },
+    error(n) {
+      return this.open("error", n);
+    },
+    warning(n) {
+      return this.open("warning", n);
+    },
+    success(n) {
+      return this.open("success", n);
+    }
+  };
+}
+function kn(e) {
+  var r;
+  const t = ne(ae), n = W(), l = ee(n, "ModalContainer"), a = (r = l == null ? void 0 : l.props) == null ? void 0 : r.id;
+  t && a && t.addEventListener(a, "submit", e);
+}
+const $e = {
   id: Symbol("ID"),
   source: Symbol("Source")
 };
-function Ne(e, t) {
-  const r = k({});
-  return e == null || e.forEach((a) => {
-    let s = null;
-    a.default && (s = (typeof a.default == "function" ? a.default() : a.default) || null), t && t[a.key] !== void 0 && (s = t[a.key]), r.value[a.key] = s;
-  }), [r, (a) => {
-    r.value = a;
+function wn(e, r) {
+  const t = $({});
+  return e == null || e.forEach((l) => {
+    let a = null;
+    l.default && (a = (typeof l.default == "function" ? l.default() : l.default) || null), r && r[l.key] !== void 0 && (a = r[l.key]), t.value[l.key] = a;
+  }), [t, (l) => {
+    t.value = l;
   }];
 }
-function Me(e) {
-  function t(r, l) {
-    return e != null && e.disabledDate ? e.disabledDate(r, l) : !1;
+function Sn(e) {
+  function r(t, n) {
+    return e != null && e.disabledDate ? e.disabledDate(t, n) : !1;
   }
-  return (r, l) => {
+  return (t, n) => {
     switch (e == null ? void 0 : e.type) {
       case "week":
-        return i(re, {
-          modelValue: r[l.key],
-          "onUpdate:modelValue": (a) => r[l.key] = a,
-          "disabled-date": t,
+        return v(ut, {
+          modelValue: t[n.key],
+          "onUpdate:modelValue": (l) => t[n.key] = l,
+          "disabled-date": r,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "month":
-        return i(le, {
-          modelValue: r[l.key],
-          "onUpdate:modelValue": (a) => r[l.key] = a,
-          "disabled-date": t,
+        return v(at, {
+          modelValue: t[n.key],
+          "onUpdate:modelValue": (l) => t[n.key] = l,
+          "disabled-date": r,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "quarter":
-        return i(te, {
-          modelValue: r[l.key],
-          "onUpdate:modelValue": (a) => r[l.key] = a,
-          "disabled-date": t,
+        return v(ot, {
+          modelValue: t[n.key],
+          "onUpdate:modelValue": (l) => t[n.key] = l,
+          "disabled-date": r,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "year":
-        return i(ee, {
-          modelValue: r[l.key],
-          "onUpdate:modelValue": (a) => r[l.key] = a,
-          "disabled-date": t,
+        return v(lt, {
+          modelValue: t[n.key],
+          "onUpdate:modelValue": (l) => t[n.key] = l,
+          "disabled-date": r,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "date":
       default:
-        return i(Z, {
+        return v(rt, {
           "disabled-input": !0,
-          modelValue: r[l.key],
-          "onUpdate:modelValue": (a) => r[l.key] = a,
-          "disabled-date": t,
+          modelValue: t[n.key],
+          "onUpdate:modelValue": (l) => t[n.key] = l,
+          "disabled-date": r,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
     }
   };
 }
-function Pe(e) {
-  return (t, r) => {
+function xn(e) {
+  return (r, t) => {
     switch (e == null ? void 0 : e.type) {
       case "number":
-        return i(ne, {
-          modelValue: t[r.key],
-          "onUpdate:modelValue": (l) => t[r.key] = l,
+        return v(ct, {
+          modelValue: r[t.key],
+          "onUpdate:modelValue": (n) => r[t.key] = n,
           hideButton: !0,
           "read-only": e == null ? void 0 : e.readonly,
           placeholder: e == null ? void 0 : e.placeholder,
@@ -227,9 +930,9 @@ function Pe(e) {
         }, null);
       case "string":
       default:
-        return i(ae, {
-          modelValue: t[r.key],
-          "onUpdate:modelValue": (l) => t[r.key] = l,
+        return v(it, {
+          modelValue: r[t.key],
+          "onUpdate:modelValue": (n) => r[t.key] = n,
           placeholder: e == null ? void 0 : e.placeholder,
           readonly: e == null ? void 0 : e.readonly,
           allowClear: e == null ? void 0 : e.clearable
@@ -238,317 +941,379 @@ function Pe(e) {
   };
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-function j(e, t, r) {
-  const l = K(e, (...a) => (Q(() => l()), t(...a)), r);
-  return l;
-}
-function Te(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !q(e);
-}
-const $ = /* @__PURE__ */ new WeakMap();
-function Le() {
-  const e = k(/* @__PURE__ */ new Map());
-  return [e, (r) => e.value = r];
-}
-function ze(e) {
-  let t, r = !1;
-  const [l, a] = Le(), s = () => {
-    if (!e.autoSumbit || !t)
+function ke(e, r, t) {
+  const n = le(e, (...l) => (Me(() => n()), r(...l)), t);
+  return n;
+}
+function Cn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
+}
+const H = /* @__PURE__ */ new WeakMap();
+function $n() {
+  const e = $(/* @__PURE__ */ new Map());
+  return [e, (t) => e.value = t];
+}
+function Fn(e) {
+  let r, t = !1;
+  const [n, l] = $n(), a = () => {
+    if (!e.autoSumbit || !r)
       return;
-    let u = t;
-    for (; u && u.$el.tagName !== "FORM"; )
-      u = u.$parent;
-    u && u.$el && u.$el.dispatchEvent(new Event("submit"));
-  }, d = (u, n) => {
-    const c = u();
-    c instanceof Promise ? c.then(n) : n(c);
-  }, m = async () => {
-    const u = $.get(e.options);
-    switch (typeof u) {
+    let s = r;
+    for (; s && s.$el.tagName !== "FORM"; )
+      s = s.$parent;
+    s && s.$el && s.$el.dispatchEvent(new Event("submit"));
+  }, o = (s, u) => {
+    const c = s();
+    c instanceof Promise ? c.then(u) : u(c);
+  }, f = async () => {
+    const s = H.get(e.options);
+    switch (typeof s) {
       case "function":
-        $.set(e.options, a);
+        H.set(e.options, l);
         return;
       case "object":
-        a(u);
+        l(s);
         return;
     }
-    $.set(e.options, a), d(e.options, (n) => {
-      const c = $.get(e.options);
-      $.set(e.options, n), c(n);
+    H.set(e.options, l), o(e.options, (u) => {
+      const c = H.get(e.options);
+      H.set(e.options, u), c(u);
     });
-  }, y = () => {
-    d(e.options, (u) => {
-      a(u);
+  }, b = () => {
+    o(e.options, (s) => {
+      l(s);
     });
   };
   switch (!0) {
     case e.options instanceof Function: {
-      e.cache !== !1 ? m() : y();
+      e.cache !== !1 ? f() : b();
       break;
     }
-    case D(e.options): {
-      j(e.options, () => {
-        a(e.options.value);
+    case oe(e.options): {
+      ke(e.options, () => {
+        l(e.options.value);
       }, {
         immediate: !0
       });
       break;
     }
     default:
-      l.value = e.options;
+      n.value = e.options;
   }
-  return (u, n) => {
+  return (s, u) => {
     let c;
-    return e.default && !r && (u[n.key] = e.default, r = !0), i(ue, {
-      ref: (f) => t = f,
+    return e.default && !t && (s[u.key] = e.default, t = !0), v(st, {
+      ref: (i) => r = i,
       multiple: e.multiple,
-      modelValue: u[n.key],
-      "onUpdate:modelValue": (f) => u[n.key] = f,
+      modelValue: s[u.key],
+      "onUpdate:modelValue": (i) => s[u.key] = i,
       placeholder: e.placeholder,
       allowClear: e.clearable,
       allowSearch: e.searchable,
       maxTagCount: e.maxTagCount ?? 2,
-      onChange: s
-    }, Te(c = Array.from(l.value.entries()).map(([f, b]) => i(ce, {
-      key: f,
-      value: f,
-      label: b
+      onChange: a
+    }, Cn(c = Array.from(n.value.entries()).map(([i, h]) => v(dt, {
+      key: i,
+      value: i,
+      label: h
     }, null))) ? c : {
       default: () => [c]
     });
   };
 }
-function Re(e) {
-  function t() {
+function On(e) {
+  function r() {
     e != null && e.autoSumbit;
   }
-  return (r, l) => (e != null && e.default && (r[l.key] = e.default), i(de, {
-    modelValue: r[l.key],
-    "onUpdate:modelValue": (a) => r[l.key] = a,
+  return (t, n) => (e != null && e.default && (t[n.key] = e.default), v(ft, {
+    modelValue: t[n.key],
+    "onUpdate:modelValue": (l) => t[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
+    onChange: r
   }, null));
 }
-function Ue(e) {
-  return (t, r) => {
-    let l = [];
-    function a(m) {
-      l = m;
+function _n(e) {
+  return (r, t) => {
+    let n = [];
+    function l(f) {
+      n = f;
     }
-    function s(m) {
-      if (m && m.length === 2) {
-        const [y, u] = m.sort(), n = M(y).startOf("days"), c = M(u).endOf("days");
-        t[r.key] = [n.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD"), c.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD")];
+    function a(f) {
+      if (f && f.length === 2) {
+        const [b, s] = f.sort(), u = Ce(b).startOf("days"), c = Ce(s).endOf("days");
+        r[t.key] = [u.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD"), c.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD")];
       }
     }
-    function d(m) {
-      return e != null && e.disabledDate ? e.disabledDate(l, m) : !1;
+    function o(f) {
+      return e != null && e.disabledDate ? e.disabledDate(n, f) : !1;
     }
-    return i("div", null, [i(se, {
+    return v("div", null, [v(mt, {
       "disabled-input": !0,
       style: {
         width: "300px"
       },
-      modelValue: t[r.key],
-      "onUpdate:modelValue": (m) => t[r.key] = m,
-      onSelect: a,
-      onChange: s,
+      modelValue: r[t.key],
+      "onUpdate:modelValue": (f) => r[t.key] = f,
+      onSelect: l,
+      onChange: a,
       mode: e == null ? void 0 : e.type,
       allowClear: e == null ? void 0 : e.clearable,
-      "disabled-date": d,
+      "disabled-date": o,
       format: e == null ? void 0 : e.labelFormat,
       "value-format": e == null ? void 0 : e.valueFormat
     }, null)]);
   };
 }
-function pe(e) {
-  return (t, r) => i(ie, {
-    modelValue: t[r.key],
-    "onUpdate:modelValue": (l) => t[r.key] = l,
+function Mn(e) {
+  return (r, t) => v(ht, {
+    modelValue: r[t.key],
+    "onUpdate:modelValue": (n) => r[t.key] = n,
     placeholder: e == null ? void 0 : e.placeholder,
     autoSize: e == null ? void 0 : e.autosize,
     maxLength: e == null ? void 0 : e.maxLength
   }, null);
 }
-const g = /* @__PURE__ */ new WeakMap();
-function Ee() {
-  const e = k([]);
-  return [e, (r) => e.value = r];
+const X = /* @__PURE__ */ new WeakMap();
+function jn() {
+  const e = $([]);
+  return [e, (t) => e.value = t];
 }
-function qe(e) {
-  let t, r = !1;
-  const [l, a] = Ee(), s = () => {
-    if (!e.autoSumbit || !t)
+function In(e) {
+  let r, t = !1;
+  const [n, l] = jn(), a = () => {
+    if (!e.autoSumbit || !r)
       return;
-    let n = t;
-    for (; n && n.$el.tagName !== "FORM"; )
-      n = n.$parent;
-    n && n.$el && n.$el.dispatchEvent(new Event("submit"));
-  }, d = (n, c) => {
-    const f = n();
-    f instanceof Promise ? f.then(c) : c(f);
-  }, m = async () => {
-    const n = g.get(e.options);
-    switch (typeof n) {
+    let u = r;
+    for (; u && u.$el.tagName !== "FORM"; )
+      u = u.$parent;
+    u && u.$el && u.$el.dispatchEvent(new Event("submit"));
+  }, o = (u, c) => {
+    const i = u();
+    i instanceof Promise ? i.then(c) : c(i);
+  }, f = async () => {
+    const u = X.get(e.options);
+    switch (typeof u) {
       case "function":
-        g.set(e.options, a);
+        X.set(e.options, l);
         return;
       case "object":
-        a(n);
+        l(u);
         return;
     }
-    g.set(e.options, a), d(e.options, (c) => {
-      const f = g.get(e.options);
-      g.set(e.options, c), f(c);
+    X.set(e.options, l), o(e.options, (c) => {
+      const i = X.get(e.options);
+      X.set(e.options, c), i(c);
     });
-  }, y = () => {
-    d(e.options, (n) => {
-      a(n);
+  }, b = () => {
+    o(e.options, (u) => {
+      l(u);
     });
   };
   switch (!0) {
     case e.options instanceof Function: {
-      e.cache !== !1 ? m() : y();
+      e.cache !== !1 ? f() : b();
       break;
     }
-    case D(e.options): {
-      j(e.options, () => {
-        a(e.options.value);
+    case oe(e.options): {
+      ke(e.options, () => {
+        l(e.options.value);
       }, {
         immediate: !0
       });
       break;
     }
     default:
-      l.value = e.options;
+      n.value = e.options;
   }
-  function u(n, c) {
-    var o;
-    const f = ((o = e.fieldNames) == null ? void 0 : o.title) || "title", b = c[f];
-    return b ? b.toLowerCase().includes(n.toLowerCase()) : !1;
+  function s(u, c) {
+    var m;
+    const i = ((m = e.fieldNames) == null ? void 0 : m.title) || "title", h = c[i];
+    return h ? h.toLowerCase().includes(u.toLowerCase()) : !1;
   }
-  return (n, c) => (e.default && !r && (n[c.key] = e.default, r = !0), i(oe, {
-    ref: (f) => t = f,
+  return (u, c) => (e.default && !t && (u[c.key] = e.default, t = !0), v(vt, {
+    ref: (i) => r = i,
     multiple: e.multiple,
-    modelValue: n[c.key],
-    "onUpdate:modelValue": (f) => n[c.key] = f,
+    modelValue: u[c.key],
+    "onUpdate:modelValue": (i) => u[c.key] = i,
     placeholder: e.placeholder,
     allowClear: e.clearable,
     allowSearch: e.searchable,
     maxTagCount: e.maxTagCount ?? 2,
-    onChange: s,
-    filterTreeNode: u,
-    data: l.value,
+    onChange: a,
+    filterTreeNode: s,
+    data: n.value,
     fieldNames: e.fieldNames,
     treeProps: e.treeProps
   }, {
     ...e.slots
   }));
 }
-const C = /* @__PURE__ */ new WeakMap();
-function We() {
-  const e = k([]);
-  return [e, (r) => e.value = r];
+const J = /* @__PURE__ */ new WeakMap();
+function Ln() {
+  const e = $([]);
+  return [e, (t) => e.value = t];
 }
-function Be(e) {
-  let t, r = !1;
-  const [l, a] = We(), s = () => {
-    if (!e.autoSumbit || !t)
+function Tn(e) {
+  let r, t = !1;
+  const [n, l] = Ln(), a = () => {
+    if (!e.autoSumbit || !r)
       return;
-    let u = t;
-    for (; u && u.$el.tagName !== "FORM"; )
-      u = u.$parent;
-    u && u.$el && u.$el.dispatchEvent(new Event("submit"));
-  }, d = (u, n) => {
-    const c = u();
-    c instanceof Promise ? c.then(n) : n(c);
-  }, m = async () => {
-    const u = C.get(e.options);
-    switch (typeof u) {
+    let s = r;
+    for (; s && s.$el.tagName !== "FORM"; )
+      s = s.$parent;
+    s && s.$el && s.$el.dispatchEvent(new Event("submit"));
+  }, o = (s, u) => {
+    const c = s();
+    c instanceof Promise ? c.then(u) : u(c);
+  }, f = async () => {
+    const s = J.get(e.options);
+    switch (typeof s) {
       case "function":
-        C.set(e.options, a);
+        J.set(e.options, l);
         return;
       case "object":
-        a(u);
+        l(s);
         return;
     }
-    C.set(e.options, a), d(e.options, (n) => {
-      const c = C.get(e.options);
-      C.set(e.options, n), c(n);
+    J.set(e.options, l), o(e.options, (u) => {
+      const c = J.get(e.options);
+      J.set(e.options, u), c(u);
     });
-  }, y = () => {
-    d(e.options, (u) => {
-      a(u);
+  }, b = () => {
+    o(e.options, (s) => {
+      l(s);
     });
   };
   switch (!0) {
     case e.options instanceof Function: {
-      e.cache !== !1 ? m() : y();
+      e.cache !== !1 ? f() : b();
       break;
     }
-    case D(e.options): {
-      j(e.options, () => {
-        a(e.options.value);
+    case oe(e.options): {
+      ke(e.options, () => {
+        l(e.options.value);
       }, {
         immediate: !0
       });
       break;
     }
     default:
-      l.value = e.options;
+      n.value = e.options;
   }
-  return (u, n) => (e.default && !r && (u[n.key] = e.default, r = !0), i(fe, {
+  return (s, u) => (e.default && !t && (s[u.key] = e.default, t = !0), v(pt, {
     pathMode: e.pathMode,
-    ref: (c) => t = c,
+    ref: (c) => r = c,
     multiple: e.multiple,
-    modelValue: u[n.key],
-    "onUpdate:modelValue": (c) => u[n.key] = c,
+    modelValue: s[u.key],
+    "onUpdate:modelValue": (c) => s[u.key] = c,
     placeholder: e.placeholder,
     allowClear: e.clearable,
     allowSearch: e.searchable,
     maxTagCount: e.maxTagCount ?? 2,
-    onChange: s,
-    options: l.value
+    onChange: a,
+    options: n.value
   }, null));
 }
-function Ae(e) {
-  return (t) => e(t);
+function zn(e) {
+  return (r) => e(r);
 }
-function Ye() {
+function Pn() {
   return {
-    input: Pe,
-    textarea: pe,
-    select: ze,
-    treeSelect: qe,
-    date: Me,
-    switch: Re,
-    dateRange: Ue,
-    render: Ae,
-    cascader: Be
+    input: xn,
+    textarea: Mn,
+    select: Fn,
+    treeSelect: In,
+    date: Sn,
+    switch: On,
+    dateRange: _n,
+    render: zn,
+    cascader: Tn
   };
 }
-function Ge(e, t) {
-  t.render || (t.render = (l) => l.input());
-  const r = t.render({
-    ...Ye()
+function Rn(e, r) {
+  r.render || (r.render = (n) => n.input());
+  const t = r.render({
+    ...Pn()
   });
   return {
-    default: () => r(e, t)
+    default: () => t(e, r)
   };
 }
-function Ke(e, t) {
-  return X(W, {
-    field: t.key,
-    label: t.title
-  }, Ge(e, t));
+function Nn(e, r) {
+  return tt(je, {
+    field: r.key,
+    label: r.title
+  }, Rn(e, r));
 }
-function T(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !q(e);
+function En(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
 }
-const Qe = /* @__PURE__ */ I({
+const An = /* @__PURE__ */ P({
+  props: {
+    form: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const r = Te(), t = e.form.map((o) => ({
+      ...o,
+      collapsed: !1
+    })), n = Array.from(new Set(t.map((o) => o.group).flat().filter(Boolean))), l = t.reduce((o, f) => ((f.group ? [f.group].flat() : ["默认"]).forEach((b) => {
+      let s = o.find((u) => u.group === b);
+      s || (s = {
+        group: b,
+        instance: void 0,
+        form: []
+      }, o.push(s)), s.form.push(f);
+    }), o), []).sort((o, f) => o.group === "默认" ? -1 : f.group === "默认" ? 1 : o.group > f.group ? -1 : 1), a = $("默认");
+    return kn(() => {
+      const o = l.find((f) => f.group === a.value);
+      if (o && o.instance) {
+        const f = o.instance.formSource;
+        o.instance.validate().then(() => {
+          r.close(f);
+        });
+      }
+    }), {
+      formItems: t,
+      groups: n,
+      groupForms: l,
+      activeTab: a
+    };
+  },
+  render() {
+    const e = this.groupForms.find((r) => r.group === this.activeTab);
+    if (this.groups.length) {
+      let r;
+      return v(yt, {
+        "active-key": this.activeTab,
+        "onUpdate:active-key": (t) => this.activeTab = t
+      }, En(r = this.groupForms.map((t) => v(gt, {
+        title: t.group,
+        key: t.group
+      }, {
+        default: () => [v(he, {
+          form: t.form,
+          ref: (n) => t.instance = n
+        }, null)]
+      }))) ? r : {
+        default: () => [r]
+      });
+    } else
+      return v(he, {
+        form: this.formItems,
+        ref: (r) => e.instance = r
+      }, null);
+  }
+});
+function Fe(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
+}
+const he = /* @__PURE__ */ P({
   props: {
     form: {
       type: Object,
@@ -586,6 +1351,11 @@ const Qe = /* @__PURE__ */ I({
       required: !1,
       default: `form-${Math.random().toString(32).slice(2)}`
     },
+    collapsedMode: {
+      type: String,
+      required: !1,
+      default: "append"
+    },
     submitable: {
       type: Boolean,
       required: !1,
@@ -604,168 +1374,199 @@ const Qe = /* @__PURE__ */ I({
   },
   emits: ["submit", "cancel", "update:model-value"],
   expose: ["formSource", "updateFormField", "updateFormSource", "reset", "validate"],
-  setup(e) {
-    const t = k(), [r, l] = Ne(e.form, e.modelValue || e.value), a = k(e.columns || 0), s = k(!0), d = () => s.value = !s.value;
-    _(P.id, e.id), _(P.source, r);
-    const m = v(() => {
+  setup(e, {
+    emit: r
+  }) {
+    const t = $(), [n, l] = wn(e.form, e.modelValue || e.value), a = $(e.columns || 0), o = $(!0), f = $(), b = () => o.value = !o.value;
+    fe($e.id, e.id), fe($e.source, n);
+    const s = () => {
+      r("submit", n), r("update:model-value", n);
+    }, u = x(() => {
       if (!a.value)
         return 1;
-      const o = e.form.reduce((h, F) => h + ((F == null ? void 0 : F.span) || 1), 0);
-      return a.value - o % a.value;
-    }), y = v(() => e.form.reduce((o, h) => (h.rule && (o[h.key] = h.rule), o), {}));
-    function u() {
-      var h;
+      const y = e.form.reduce((C, R) => C + ((R == null ? void 0 : R.span) || 1), 0);
+      return a.value - y % a.value;
+    }), c = x(() => e.form.reduce((y, C) => (C.rule && (y[C.key] = C.rule), y), {}));
+    function i() {
+      var C;
       if (e.columns)
         return;
-      const o = (h = t.value) == null ? void 0 : h.$el;
-      o && (a.value = Math.floor(o.offsetWidth / e.minWidth));
+      const y = (C = t.value) == null ? void 0 : C.$el;
+      y && (a.value = Math.floor(y.offsetWidth / e.minWidth));
     }
-    function n() {
-      var h;
-      const o = (h = t.value) == null ? void 0 : h.$el;
-      o && (o.id = e.id);
+    function h() {
+      var C;
+      const y = (C = t.value) == null ? void 0 : C.$el;
+      y && (y.id = e.id);
+    }
+    function m() {
+      f.value.open(An, {
+        form: e.form
+      }, {
+        title: "高级搜索",
+        footer: !0,
+        submitText: "搜索"
+      }).then((y) => {
+        y && (k(y), s());
+      });
     }
-    V(() => {
-      u(), n();
+    D(() => {
+      i(), h();
     });
-    function c(o, h) {
-      r.value[o] = h, l({
-        ...r.value
+    function k(y) {
+      l({
+        ...n.value,
+        ...y || {}
       });
     }
-    function f() {
-      var o;
-      (o = t.value) == null || o.resetFields();
+    function p(y, C) {
+      n.value[y] = C, k({
+        ...n.value
+      });
+    }
+    function O() {
+      var y;
+      (y = t.value) == null || y.resetFields();
     }
-    function b() {
-      var o;
-      return (o = t.value) == null ? void 0 : o.validate();
+    function M() {
+      var y;
+      return (y = t.value) == null ? void 0 : y.validate();
     }
-    return V(() => {
-      window && window.addEventListener("resize", u);
+    return D(() => {
+      window && window.addEventListener("resize", i);
     }), {
-      formSource: r,
+      formSource: n,
       formInstance: t,
       formColumns: a,
-      formRules: y,
-      formCollspased: s,
-      formActiosSpan: m,
-      toggleFormCollapsed: d,
-      updateFormField: c,
-      updateFormSource: l,
-      reset: f,
-      validate: b
+      formRules: c,
+      formCollspased: o,
+      formActiosSpan: u,
+      toggleFormCollapsed: b,
+      updateFormField: p,
+      updateFormSource: k,
+      reset: O,
+      validate: M,
+      onSubmitSuccess: s,
+      openCollapsedDialog: m,
+      modalInstance: f
     };
   },
   render() {
     const e = () => {
-      this.$emit("submit", this.formSource), this.$emit("update:model-value", this.formSource);
-    }, t = () => {
-      const l = [], a = this.footer ? {
+      const t = [], n = this.footer ? {
         span: this.formColumns
       } : {
         span: this.formActiosSpan
       };
-      if (this.searchable && (l.push(i(S, {
+      if (this.searchable && (t.push(v(U, {
         type: "primary",
         htmlType: "submit"
       }, {
-        default: () => [w("搜索")]
-      })), l.push(i(S, {
+        default: () => [Z("搜索")]
+      })), t.push(v(U, {
         type: "secondary",
         onClick: () => {
-          var s;
-          return (s = this.formInstance) == null ? void 0 : s.resetFields();
+          var l;
+          return (l = this.formInstance) == null ? void 0 : l.resetFields();
         }
       }, {
-        default: () => [w("重置")]
-      }))), this.submitable && (l.push(i(S, {
+        default: () => [Z("重置")]
+      }))), this.submitable && (t.push(v(U, {
         type: "primary",
         htmlType: "submit"
       }, {
-        default: () => [w("提交")]
-      })), l.push(i(S, {
+        default: () => [Z("提交")]
+      })), t.push(v(U, {
         type: "secondary",
         onClick: () => this.$emit("cancel")
       }, {
-        default: () => [w("取消")]
-      }))), this.form.some((s) => !!s.collapsed) && l.push(i(S, {
+        default: () => [Z("取消")]
+      }))), this.form.some((l) => !!l.collapsed) && (this.collapsedMode === "append" && t.push(v(U, {
         onClick: this.toggleFormCollapsed
       }, {
         default: () => this.formCollspased ? "展开" : "收起",
-        icon: () => this.formCollspased ? i(xe, null, null) : i(_e, null, null)
-      })), this.$slots.actions && l.push(...this.$slots.actions()), l.length)
-        return i(N, a, {
-          default: () => [i(W, {
+        icon: () => this.formCollspased ? v(It, null, null) : v(Nt, null, null)
+      })), this.collapsedMode === "dialog" && t.push(v(U, {
+        onClick: this.openCollapsedDialog
+      }, {
+        default: () => "高级搜索",
+        icon: () => v(Wt, null, null)
+      }))), this.$slots.actions && t.push(...this.$slots.actions()), t.length)
+        return v(xe, n, {
+          default: () => [v(je, {
             hideLabel: !0,
             contentClass: this.footer ? "form-footer" : ""
           }, {
-            default: () => [i(ye, null, T(l) ? l : {
-              default: () => [l]
+            default: () => [v(wt, null, Fe(t) ? t : {
+              default: () => [t]
             })]
           })]
         });
-    }, r = this.form.filter((l) => this.formCollspased ? !l.collapsed : !0).filter((l) => {
+    }, r = this.form.filter((t) => this.formCollspased ? !t.collapsed : !0).filter((t) => {
       switch (!0) {
-        case typeof l.visiable == "boolean":
-          return l.visiable;
-        case typeof l.visiable == "function":
-          return l.visiable(this.formSource);
+        case typeof t.visiable == "boolean":
+          return t.visiable;
+        case typeof t.visiable == "function":
+          return t.visiable(this.formSource);
         default:
           return !0;
       }
     });
-    return i("div", {
+    return v("div", {
       class: "form-render"
-    }, [i(me, H({
-      name: this.name
+    }, [v(bn, {
+      ref: (t) => this.modalInstance = t
     }, {
-      labelAlign: "left",
-      layout: this.$props.layout,
-      rules: this.formRules,
-      onSubmitSuccess: e,
-      "auto-label-width": !0,
-      ref: (l) => this.formInstance = l,
-      model: this.formSource
-    }), {
-      default: () => [i(he, {
-        cols: this.formColumns,
-        "col-gap": 24,
-        "rol-gap": 10
+      default: () => [v(bt, Oe({
+        name: this.name
       }, {
-        default: () => [r.filter(() => this.formColumns !== 0).map((l) => {
-          let a;
-          return i(N, {
-            span: l.span
-          }, T(a = Ke(this.formSource, l)) ? a : {
-            default: () => [a]
-          });
-        }), t()]
+        labelAlign: "left",
+        layout: this.$props.layout,
+        rules: this.formRules,
+        onSubmitSuccess: this.onSubmitSuccess,
+        "auto-label-width": !0,
+        ref: (t) => this.formInstance = t,
+        model: this.formSource
+      }), {
+        default: () => [v(kt, {
+          cols: this.formColumns,
+          "col-gap": 24,
+          "rol-gap": 10
+        }, {
+          default: () => [r.filter(() => this.formColumns !== 0).map((t) => {
+            let n;
+            return v(xe, {
+              span: t.span
+            }, Fe(n = Nn(this.formSource, t)) ? n : {
+              default: () => [n]
+            });
+          }), e()]
+        })]
       })]
     })]);
   }
 });
-function Ze(e) {
+function Wn(e) {
   return e;
 }
-function et(e) {
-  const t = L(), r = k();
-  function l() {
-    var s, d;
-    const a = (d = (s = t == null ? void 0 : t.proxy) == null ? void 0 : s.$refs) == null ? void 0 : d[e];
-    a && (r.value = a);
+function qn(e) {
+  const r = W(), t = $();
+  function n() {
+    var a, o;
+    const l = (o = (a = r == null ? void 0 : r.proxy) == null ? void 0 : a.$refs) == null ? void 0 : o[e];
+    l && (t.value = l);
   }
-  return V(l), J(l), r;
+  return D(n), nt(n), t;
 }
-const tt = {
-  install(e, t) {
-    e.component("FormRender", Qe);
+const Un = {
+  install(e, r) {
+    e.component("FormRender", he);
   }
 };
 export {
-  Qe as FormRender,
-  at as FormRenderResolver,
-  tt as default,
-  Ze as defineForm,
-  et as useForm
+  he as FormRender,
+  Hn as FormRenderResolver,
+  Un as default,
+  Wn as defineForm,
+  qn as useForm
 };