@sunny-base-web/ui 0.0.0

package/dist/index.mjs

@@ -0,0 +1,3133 @@
+import { getCurrentInstance as Tt, inject as Me, defineComponent as O, computed as b, openBlock as w, createElementBlock as R, normalizeStyle as X, normalizeClass as N, createElementVNode as _, useAttrs as ft, ref as M, createBlock as V, unref as p, mergeProps as L, withCtx as $, renderSlot as j, createTextVNode as D, toDisplayString as T, createCommentVNode as z, createVNode as E, withModifiers as Ee, reactive as pt, h as ye, resolveDynamicComponent as mt, normalizeProps as Y, watch as U, withDirectives as qe, vShow as Ye, Fragment as ce, renderList as Z, resolveComponent as W, createSlots as de, guardReactiveProps as fe, isRef as Ke, toRaw as G, provide as ze, useSlots as jt, nextTick as ge, onMounted as Le, onBeforeUnmount as ht, withKeys as vt, isReactive as Mt } from "vue";
+import { Modal as Be, Button as le, Tooltip as zt, Upload as Ae, Checkbox as ve, Progress as Lt, Message as H, Select as Re, Option as Nt, TimePicker as Xe, DatePicker as Ze, Switch as Qe, Radio as Je, TreeSelect as It, Cascader as Dt, Slider as Ut, Rate as Ht, RangePicker as Wt, RadioGroup as Gt, CheckboxGroup as qt, Textarea as Yt, InputNumber as Kt, InputPassword as Xt, Input as Zt } from "@arco-design/web-vue";
+import { IconifyIcon as Qt, IconDefault as Jt, Paperclip as eo, CloudUpload as to, Trash2 as oo } from "@sunny-base-web/icons";
+import { isString as ie, isHttpUrl as no, isObject as q, isFunction as I, cn as Ne, cloneDeep as me, isBoolean as ke, get as et, isEqual as ro, set as so } from "@sunny-base-web/utils";
+import { patterns as Js } from "@sunny-base-web/utils";
+import { ScrollAreaScrollbar as ao, ScrollAreaThumb as lo, ScrollAreaRoot as io, ScrollAreaViewport as co, ScrollAreaCorner as uo } from "reka-ui";
+import xe from "axios";
+import { useStore as fo } from "@tanstack/vue-store";
+import { Store as po } from "@tanstack/store";
+import { useBreakpoints as mo, useDebounceFn as ho } from "@vueuse/core";
+import { useForm as yt, defineRule as vo, useFormValues as gt, Field as yo, useFormContext as go } from "vee-validate";
+import { toTypedSchema as bo } from "@vee-validate/zod";
+import * as Rs from "zod";
+import { VxeGrid as bt, VxeUI as wo } from "vxe-table";
+import { VxeSelect as So, VxeInput as ko, VxeButton as Te, VxePager as xo } from "vxe-pc-ui";
+const Co = /* @__PURE__ */ Symbol("ArcoConfigProvider"), $o = "arco", _o = "$arco", ee = (e) => {
+  var t, o, n;
+  const r = Tt(), s = Me(Co, void 0);
+  return `${(n = (o = s?.prefixCls) != null ? o : (t = r?.appContext.config.globalProperties[_o]) == null ? void 0 : t.classPrefix) != null ? n : $o}-${e}`;
+}, Fo = Object.prototype.toString;
+function te(e) {
+  return Fo.call(e) === "[object Number]" && e === e;
+}
+var oe = (e, t) => {
+  for (const [o, n] of t)
+    e[o] = n;
+  return e;
+};
+const Po = O({
+  name: "IconClose",
+  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 o = ee("icon"), n = b(() => [o, `${o}-close`, { [`${o}-spin`]: e.spin }]), r = b(() => {
+      const a = {};
+      return e.size && (a.fontSize = te(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    });
+    return {
+      cls: n,
+      innerStyle: r,
+      onClick: (a) => {
+        t("click", a);
+      }
+    };
+  }
+}), Vo = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Oo(e, t, o, n, r, s) {
+  return w(), R("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: N(e.cls),
+    style: X(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
+  }, t[1] || (t[1] = [
+    _("path", { d: "M9.857 9.858 24 24m0 0 14.142 14.142M24 24 38.142 9.858M24 24 9.857 38.142" }, null, -1)
+  ]), 14, Vo);
+}
+var Ce = /* @__PURE__ */ oe(Po, [["render", Oo]]);
+const Eo = Object.assign(Ce, {
+  install: (e, t) => {
+    var o;
+    const n = (o = t?.iconPrefix) != null ? o : "";
+    e.component(n + Ce.name, Ce);
+  }
+}), Bo = O({
+  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 o = ee("icon"), n = b(() => [o, `${o}-question-circle`, { [`${o}-spin`]: e.spin }]), r = b(() => {
+      const a = {};
+      return e.size && (a.fontSize = te(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    });
+    return {
+      cls: n,
+      innerStyle: r,
+      onClick: (a) => {
+        t("click", a);
+      }
+    };
+  }
+}), Ao = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Ro(e, t, o, n, r, s) {
+  return w(), R("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: N(e.cls),
+    style: X(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
+  }, t[1] || (t[1] = [
+    _("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),
+    _("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)
+  ]), 14, Ao);
+}
+var $e = /* @__PURE__ */ oe(Bo, [["render", Ro]]);
+const wt = Object.assign($e, {
+  install: (e, t) => {
+    var o;
+    const n = (o = t?.iconPrefix) != null ? o : "";
+    e.component(n + $e.name, $e);
+  }
+}), To = O({
+  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: t }) {
+    const o = ee("icon"), n = b(() => [o, `${o}-search`, { [`${o}-spin`]: e.spin }]), r = b(() => {
+      const a = {};
+      return e.size && (a.fontSize = te(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    });
+    return {
+      cls: n,
+      innerStyle: r,
+      onClick: (a) => {
+        t("click", a);
+      }
+    };
+  }
+}), jo = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Mo(e, t, o, n, r, s) {
+  return w(), R("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: N(e.cls),
+    style: X(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
+  }, t[1] || (t[1] = [
+    _("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)
+  ]), 14, jo);
+}
+var _e = /* @__PURE__ */ oe(To, [["render", Mo]]);
+const zo = Object.assign(_e, {
+  install: (e, t) => {
+    var o;
+    const n = (o = t?.iconPrefix) != null ? o : "";
+    e.component(n + _e.name, _e);
+  }
+}), Lo = O({
+  name: "IconDelete",
+  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 o = ee("icon"), n = b(() => [o, `${o}-delete`, { [`${o}-spin`]: e.spin }]), r = b(() => {
+      const a = {};
+      return e.size && (a.fontSize = te(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    });
+    return {
+      cls: n,
+      innerStyle: r,
+      onClick: (a) => {
+        t("click", a);
+      }
+    };
+  }
+}), No = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Io(e, t, o, n, r, s) {
+  return w(), R("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: N(e.cls),
+    style: X(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
+  }, t[1] || (t[1] = [
+    _("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
+  ]), 14, No);
+}
+var Fe = /* @__PURE__ */ oe(Lo, [["render", Io]]);
+const Do = Object.assign(Fe, {
+  install: (e, t) => {
+    var o;
+    const n = (o = t?.iconPrefix) != null ? o : "";
+    e.component(n + Fe.name, Fe);
+  }
+}), Uo = O({
+  name: "IconFullscreenExit",
+  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 o = ee("icon"), n = b(() => [o, `${o}-fullscreen-exit`, { [`${o}-spin`]: e.spin }]), r = b(() => {
+      const a = {};
+      return e.size && (a.fontSize = te(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    });
+    return {
+      cls: n,
+      innerStyle: r,
+      onClick: (a) => {
+        t("click", a);
+      }
+    };
+  }
+}), Ho = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Wo(e, t, o, n, r, s) {
+  return w(), R("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: N(e.cls),
+    style: X(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
+  }, t[1] || (t[1] = [
+    _("path", { d: "M35 6v8a1 1 0 0 0 1 1h8M13 6v8a1 1 0 0 1-1 1H4m31 27v-8a1 1 0 0 1 1-1h8m-31 9v-8a1 1 0 0 0-1-1H4" }, null, -1)
+  ]), 14, Ho);
+}
+var Pe = /* @__PURE__ */ oe(Uo, [["render", Wo]]);
+const Go = Object.assign(Pe, {
+  install: (e, t) => {
+    var o;
+    const n = (o = t?.iconPrefix) != null ? o : "";
+    e.component(n + Pe.name, Pe);
+  }
+}), qo = O({
+  name: "IconFullscreen",
+  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 o = ee("icon"), n = b(() => [o, `${o}-fullscreen`, { [`${o}-spin`]: e.spin }]), r = b(() => {
+      const a = {};
+      return e.size && (a.fontSize = te(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    });
+    return {
+      cls: n,
+      innerStyle: r,
+      onClick: (a) => {
+        t("click", a);
+      }
+    };
+  }
+}), Yo = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Ko(e, t, o, n, r, s) {
+  return w(), R("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: N(e.cls),
+    style: X(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
+  }, t[1] || (t[1] = [
+    _("path", { d: "M42 17V9a1 1 0 0 0-1-1h-8M6 17V9a1 1 0 0 1 1-1h8m27 23v8a1 1 0 0 1-1 1h-8M6 31v8a1 1 0 0 0 1 1h8" }, null, -1)
+  ]), 14, Yo);
+}
+var Ve = /* @__PURE__ */ oe(qo, [["render", Ko]]);
+const Xo = Object.assign(Ve, {
+  install: (e, t) => {
+    var o;
+    const n = (o = t?.iconPrefix) != null ? o : "";
+    e.component(n + Ve.name, Ve);
+  }
+}), Zo = { class: "flex-1 font-semibold text-base text-[var(--color-text-1)] overflow-hidden text-ellipsis whitespace-nowrap" }, Qo = { class: "flex items-center gap-3 ml-3" }, Jo = { class: "cursor-pointer text-[var(--color-text-2)] flex items-center justify-center transition-colors duration-200 text-base hover:text-[var(--color-text-1)]" }, en = {
+  key: 1,
+  class: "flex items-center justify-end gap-2"
+}, tn = /* @__PURE__ */ O({
+  __name: "Modal",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: { default: "Title" },
+    width: { default: "50%" },
+    top: {},
+    zIndex: { default: 1e3 },
+    helpMessage: { default: "双击标题栏可最大化/还原，按 ESC 可关闭弹窗" },
+    closeOnEsc: { type: Boolean, default: !0 },
+    closeOnClickModal: { type: Boolean, default: !0 },
+    okText: {},
+    cancelText: {},
+    okLoading: { type: Boolean },
+    confirmLoading: { type: Boolean },
+    hideCancel: { type: Boolean },
+    okButtonProps: {},
+    cancelButtonProps: {},
+    onVisibleChange: {},
+    onBeforeOk: {},
+    onBeforeCancel: {},
+    onClose: {},
+    onOk: {}
+  },
+  emits: ["update:modelValue", "close", "ok"],
+  setup(e, { emit: t }) {
+    const o = e, n = t, r = ft(), s = M(!1), a = b({
+      get: () => o.modelValue,
+      set: (u) => n("update:modelValue", u)
+    }), l = M(!1), m = () => {
+      l.value = !l.value;
+    }, y = async () => {
+      const u = o.onBeforeCancel;
+      typeof u == "function" && await u() === !1 || (a.value = !1, n("close"));
+    }, v = y, i = async () => {
+      const u = o.onBeforeOk;
+      if (typeof u == "function")
+        try {
+          s.value = !0, await u() !== !1 && (n("ok"), a.value = !1);
+        } catch (c) {
+          console.error(c);
+        } finally {
+          s.value = !1;
+        }
+      else
+        n("ok"), a.value = !1;
+    };
+    return (u, c) => (w(), V(p(Be), L({
+      visible: a.value,
+      "onUpdate:visible": c[0] || (c[0] = (h) => a.value = h),
+      title: e.title,
+      width: e.width,
+      top: e.top,
+      "z-index": e.zIndex,
+      "mask-closable": e.closeOnClickModal,
+      "esc-to-close": e.closeOnEsc,
+      fullscreen: l.value,
+      closable: !1
+    }, u.$attrs, { class: "k-modal-custom" }), {
+      title: $(() => [
+        _("div", {
+          class: "flex items-center justify-between w-full",
+          onDblclick: m
+        }, [
+          _("div", Zo, [
+            j(u.$slots, "title", {}, () => [
+              D(T(e.title), 1)
+            ])
+          ]),
+          _("div", Qo, [
+            e.helpMessage ? (w(), V(p(zt), {
+              key: 0,
+              content: e.helpMessage
+            }, {
+              default: $(() => [
+                _("div", Jo, [
+                  E(p(wt))
+                ])
+              ]),
+              _: 1
+            }, 8, ["content"])) : z("", !0),
+            _("div", {
+              class: "cursor-pointer text-[var(--color-text-2)] flex items-center justify-center transition-colors duration-200 text-base hover:text-[var(--color-text-1)]",
+              onClick: Ee(m, ["stop"])
+            }, [
+              l.value ? (w(), V(p(Go), { key: 0 })) : (w(), V(p(Xo), { key: 1 }))
+            ]),
+            _("div", {
+              class: "cursor-pointer text-[var(--color-text-2)] flex items-center justify-center transition-colors duration-200 text-base hover:text-[rgb(var(--red-6))]",
+              onClick: Ee(y, ["stop"])
+            }, [
+              E(p(Eo))
+            ])
+          ])
+        ], 32)
+      ]),
+      footer: $(() => [
+        u.$slots.footer ? j(u.$slots, "footer", { key: 0 }) : (w(), R("div", en, [
+          j(u.$slots, "insertFooter"),
+          p(r).hideCancel ? z("", !0) : (w(), V(p(le), L({ key: 0 }, p(r).cancelButtonProps, { onClick: p(v) }), {
+            default: $(() => [
+              D(T(p(r).cancelText || "取消"), 1)
+            ]),
+            _: 1
+          }, 16, ["onClick"])),
+          j(u.$slots, "centerFooter"),
+          E(p(le), L({
+            type: "primary",
+            loading: s.value || p(r).okLoading || p(r).confirmLoading
+          }, p(r).okButtonProps, { onClick: i }), {
+            default: $(() => [
+              D(T(p(r).okText || "确定"), 1)
+            ]),
+            _: 1
+          }, 16, ["loading"]),
+          j(u.$slots, "appendFooter")
+        ]))
+      ]),
+      default: $(() => [
+        j(u.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["visible", "title", "width", "top", "z-index", "mask-closable", "esc-to-close", "fullscreen"]));
+  }
+});
+class on {
+  state;
+  constructor(t = {}) {
+    this.state = pt({
+      modelValue: !1,
+      ...t
+    });
+  }
+  open = () => {
+    this.setState({ modelValue: !0 }), this.state.onVisibleChange?.(!0);
+  };
+  close = () => {
+    this.setState({ modelValue: !1 }), this.state.onVisibleChange?.(!1);
+  };
+  setState(t) {
+    if (typeof t == "function") {
+      const o = t(this.state);
+      Object.assign(this.state, o);
+    } else
+      Object.assign(this.state, t);
+    return this;
+  }
+}
+function Ms(e = {}) {
+  const t = new on(e);
+  return [O({
+    name: "SunnyConnectedModal",
+    inheritAttrs: !1,
+    setup(n, { attrs: r, slots: s }) {
+      return () => ye(
+        tn,
+        {
+          ...t.state,
+          ...r,
+          "onUpdate:modelValue": (a) => {
+            t.setState({ modelValue: a }), t.state.onVisibleChange?.(a), typeof r["onUpdate:modelValue"] == "function" && r["onUpdate:modelValue"](a);
+          }
+        },
+        s
+      );
+    }
+  }), t];
+}
+const zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null
+}, Symbol.toStringTag, { value: "Module" })), nn = ["src"], tt = /* @__PURE__ */ O({
+  __name: "icon",
+  props: {
+    fallback: { type: Boolean },
+    icon: { type: [Function, String] }
+  },
+  setup(e) {
+    const t = e, o = b(() => ie(t.icon) && no(t.icon)), n = b(() => {
+      const { icon: r } = t;
+      return !ie(r) && (q(r) || I(r));
+    });
+    return (r, s) => n.value ? (w(), V(mt(e.icon), Y(L({ key: 0 }, r.$attrs)), null, 16)) : o.value ? (w(), R("img", L({
+      key: 1,
+      src: e.icon
+    }, r.$attrs), null, 16, nn)) : e.icon ? (w(), V(p(Qt), L({ key: 2 }, r.$attrs, {
+      icon: e.icon
+    }), null, 16, ["icon"])) : e.fallback ? (w(), V(p(Jt), Y(L({ key: 3 }, r.$attrs)), null, 16)) : z("", !0);
+  }
+}), St = /* @__PURE__ */ O({
+  __name: "ScrollBar",
+  props: {
+    orientation: { default: "vertical" },
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(e) {
+    const t = e, o = b(() => {
+      const { class: n, ...r } = t;
+      return r;
+    });
+    return (n, r) => (w(), V(p(ao), L(o.value, {
+      class: p(Ne)(
+        "flex touch-none select-none transition-colors",
+        e.orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+        e.orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
+        t.class
+      )
+    }), {
+      default: $(() => [
+        E(p(lo), { class: "relative flex-1 rounded-full bg-border" })
+      ]),
+      _: 1
+    }, 16, ["class"]));
+  }
+}), rn = /* @__PURE__ */ O({
+  __name: "ScrollArea",
+  props: {
+    type: {},
+    dir: {},
+    scrollHideDelay: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    onScroll: { type: Function, default: () => {
+    } },
+    viewportProps: {}
+  },
+  setup(e) {
+    const t = e, o = b(() => {
+      const { class: n, ...r } = t;
+      return r;
+    });
+    return (n, r) => (w(), V(p(io), L(o.value, {
+      class: p(Ne)("relative overflow-hidden", t.class)
+    }), {
+      default: $(() => [
+        E(p(co), {
+          "as-child": "",
+          class: "h-full w-full rounded-[inherit] focus:outline-none",
+          onScroll: e.onScroll
+        }, {
+          default: $(() => [
+            j(n.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["onScroll"]),
+        E(St),
+        E(p(uo))
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), ot = 1, sn = /* @__PURE__ */ O({
+  __name: "scrollbar",
+  props: {
+    class: { default: "" },
+    horizontal: { type: Boolean, default: !1 },
+    scrollBarClass: {},
+    shadow: { type: Boolean, default: !1 },
+    shadowBorder: { type: Boolean, default: !1 },
+    shadowBottom: { type: Boolean, default: !0 },
+    shadowLeft: { type: Boolean, default: !1 },
+    shadowRight: { type: Boolean, default: !1 },
+    shadowTop: { type: Boolean, default: !0 }
+  },
+  emits: ["scrollAt"],
+  setup(e, { emit: t }) {
+    const o = e, n = t, r = M(!0), s = M(!1), a = M(!1), l = M(!0), m = b(() => o.shadow && o.shadowTop), y = b(() => o.shadow && o.shadowBottom), v = b(() => o.shadow && o.shadowLeft), i = b(() => o.shadow && o.shadowRight), u = b(() => ({
+      "both-shadow": !l.value && !s.value && v.value && i.value,
+      "left-shadow": !l.value && v.value,
+      "right-shadow": !s.value && i.value
+    }));
+    function c(h) {
+      const g = h.target, S = g?.scrollTop ?? 0, F = g?.scrollLeft ?? 0, C = g?.clientHeight ?? 0, x = g?.clientWidth ?? 0, B = g?.scrollHeight ?? 0, d = g?.scrollWidth ?? 0;
+      r.value = S <= 0, l.value = F <= 0, a.value = Math.abs(S) + C >= B - ot, s.value = Math.abs(F) + x >= d - ot, n("scrollAt", {
+        bottom: a.value,
+        left: l.value,
+        right: s.value,
+        top: r.value
+      });
+    }
+    return (h, g) => (w(), V(p(rn), {
+      class: N([[p(Ne)(o.class), u.value], "sunny-scrollbar relative"]),
+      "on-scroll": c
+    }, {
+      default: $(() => [
+        m.value ? (w(), R("div", {
+          key: 0,
+          class: N([{
+            "opacity-100": !r.value,
+            "border-t border-border": e.shadowBorder && !r.value
+          }, "scrollbar-top-shadow pointer-events-none absolute top-0 z-10 h-12 w-full opacity-0 transition-opacity duration-300 ease-in-out will-change-[opacity]"])
+        }, null, 2)) : z("", !0),
+        j(h.$slots, "default", {}, void 0, !0),
+        y.value ? (w(), R("div", {
+          key: 1,
+          class: N([{
+            "opacity-100": !r.value && !a.value,
+            "border-b border-border": e.shadowBorder && !r.value && !a.value
+          }, "scrollbar-bottom-shadow pointer-events-none absolute bottom-0 z-10 h-12 w-full opacity-0 transition-opacity duration-300 ease-in-out will-change-[opacity]"])
+        }, null, 2)) : z("", !0),
+        e.horizontal ? (w(), V(p(St), {
+          key: 2,
+          class: N(e.scrollBarClass),
+          orientation: "horizontal"
+        }, null, 8, ["class"])) : z("", !0)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), kt = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, r] of t)
+    o[n] = r;
+  return o;
+}, Ls = /* @__PURE__ */ kt(sn, [["__scopeId", "data-v-913bc4ec"]]), an = { class: "sunny-file-upload" }, ln = { class: "font-bold text-gray-700 mb-2" }, cn = { class: "flex flex-wrap items-center text-sm mb-3 select-none" }, un = { class: "cursor-pointer text-blue-600 hover:text-blue-700 flex items-center mr-4 transition-colors" }, dn = { class: "text-xs text-blue-600" }, fn = { class: "text-xs text-gray-400" }, pn = { class: "border border-dashed border-gray-300 rounded-lg p-4 transition-all duration-300" }, mn = { class: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, hn = { class: "flex-1 min-w-0 pr-8" }, vn = ["title"], yn = { class: "flex items-center text-xs text-gray-500" }, gn = { class: "mr-3 min-w-[3em]" }, bn = { class: "ml-2 w-8 text-right" }, nt = 1024, Ns = /* @__PURE__ */ O({
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    action: { default: "" },
+    delAction: { default: "" },
+    accept: { default: ".csv,.pdf,.xls,.xlsx" },
+    limit: { default: 10 },
+    maxSize: { default: 10 },
+    storeType: { default: "amazon" },
+    s3FileDir: { default: "" },
+    preSigned: { default: "" },
+    preSignedExpire: { default: "" },
+    readonly: { type: Boolean, default: !1 },
+    showEncrypt: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: t }) {
+    const o = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], n = e, r = t, s = M(!0), a = M(!1), l = M([]), m = M(!1), y = b(() => l.value.every((d) => !!d.url)), v = b(() => l.value.filter((d) => d.checked).length);
+    U(() => n.modelValue, (d) => {
+      try {
+        l.value = JSON.parse(d || "[]");
+      } catch (f) {
+        console.warn("Failed to parse modelValue:", f), l.value = [];
+      }
+    }, { immediate: !0, deep: !0 });
+    const i = (d) => d, u = (d) => {
+      if (d === 0) return "0 B";
+      const f = Math.floor(Math.log(d) / Math.log(nt));
+      return (d / Math.pow(nt, f)).toPrecision(3) + " " + o[f];
+    }, c = (d) => {
+      const f = d.type || "", P = (d.name || "").split(".").pop()?.toLowerCase() || "", A = {
+        "vscode-icons:file-type-excel": ["xls", "xlsx", "csv"],
+        "vscode-icons:file-type-powerpoint": ["ppt", "pptx"],
+        "vscode-icons:file-type-text": ["txt"],
+        "vscode-icons:file-type-word": ["doc", "docx"],
+        "vscode-icons:file-type-zip": ["zip", "rar", "7z", "tar", "gz"],
+        "vscode-icons:file-type-pdf": ["pdf"]
+      };
+      for (const [re, pe] of Object.entries(A))
+        if (pe.includes(P) || pe.some((Rt) => f.includes(Rt)))
+          return re;
+      return f.includes("excel") || f.includes("spreadsheet") ? "vscode-icons:file-type-excel" : f.includes("powerpoint") || f.includes("presentation") ? "vscode-icons:file-type-powerpoint" : f.includes("text/plain") ? "vscode-icons:file-type-text" : f.includes("word") || f.includes("document") ? "vscode-icons:file-type-word" : f.includes("zip") || f.includes("compressed") ? "vscode-icons:file-type-zip" : f.includes("pdf") ? "vscode-icons:file-type-pdf" : "vscode-icons:default-file";
+    }, h = () => {
+      const d = JSON.stringify(l.value);
+      r("update:modelValue", d), r("change", d);
+    }, g = (d, f) => {
+      if (f.status !== "init") return;
+      if (l.value.length >= n.limit) {
+        H.error(`最多上传${n.limit}个文件`);
+        return;
+      }
+      const k = n.maxSize * 1024 * 1024;
+      if (f.file.size > k) {
+        H.error(`文件最大限制${u(k)}`);
+        return;
+      }
+      l.value.push({
+        uid: f.uid,
+        name: f.name,
+        size: f.file?.size,
+        type: f.file?.type,
+        file: f.file,
+        percentage: 0,
+        checked: !1
+      });
+    }, S = async () => {
+      if (l.value.length === 0) return;
+      const d = l.value.filter((f) => !f.url);
+      for (const f of d) {
+        const k = new FormData();
+        k.append("fileName", f.file), k.append("encryptFile", a.value ? "1" : "0"), n.storeType && k.append("storeType", n.storeType), n.s3FileDir && k.append("s3FileDir", n.s3FileDir), n.preSigned && k.append("preSigned", n.preSigned), n.preSignedExpire && k.append("preSignedExpire", n.preSignedExpire);
+        try {
+          const P = await xe.post(n.action, k, {
+            onUploadProgress: (re) => {
+              if (re.total) {
+                const pe = Math.floor(re.loaded / re.total * 100);
+                f.percentage = pe;
+              }
+            }
+          }), { data: A } = P;
+          A.code === 200 ? (Object.assign(f, A.result), H.success(A.message || "上传成功")) : (H.error(A.message || "上传失败"), F(f.uid));
+        } catch {
+          H.error("上传失败"), F(f.uid);
+        }
+      }
+      h();
+    }, F = (d) => {
+      const f = l.value.findIndex((k) => k.uid === d);
+      f > -1 && l.value.splice(f, 1);
+    }, C = (d, f) => {
+      d.url ? Be.confirm({
+        title: i("提示"),
+        content: i("是否删除该文件?"),
+        onOk: () => {
+          xe.post(n.delAction, {
+            filePathList: [d.url],
+            storeType: n.storeType
+          }).then((k) => {
+            const { data: P } = k;
+            H[P.success ? "success" : "error"](P.message), P.code === 200 && (l.value.splice(f, 1), h());
+          });
+        }
+      }) : (l.value.splice(f, 1), h());
+    }, x = () => {
+      const d = l.value.every((f) => f.checked);
+      l.value.forEach((f) => f.checked = !d);
+    }, B = () => {
+      const d = l.value.filter((f) => f.checked);
+      d.length !== 0 && Be.confirm({
+        title: i("提示"),
+        content: i("是否删除选中的文件?"),
+        onOk: () => {
+          m.value = !0;
+          const f = d.map((k) => k.url).filter(Boolean);
+          f.length > 0 ? xe.post(n.delAction, {
+            filePathList: f,
+            storeType: n.storeType
+          }).then((k) => {
+            const { data: P } = k;
+            H[P.success ? "success" : "error"](P.message), P.code === 200 && (l.value = l.value.filter((A) => !A.checked), h());
+          }).finally(() => {
+            m.value = !1;
+          }) : (l.value = l.value.filter((k) => !k.checked), h(), m.value = !1);
+        }
+      });
+    };
+    return (d, f) => (w(), R("div", an, [
+      _("div", ln, T(i("附件")), 1),
+      qe(_("div", cn, [
+        E(p(Ae), {
+          "show-file-list": !1,
+          "auto-upload": !1,
+          multiple: "",
+          accept: e.accept,
+          onChange: g
+        }, {
+          "upload-button": $(() => [
+            _("span", un, [
+              E(p(eo), { class: "mr-1 w-4 h-4" }),
+              D(" " + T(i("选择附件")), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["accept"]),
+        _("span", {
+          class: N(["flex items-center mr-4 transition-colors", y.value ? "text-gray-300 cursor-not-allowed" : "cursor-pointer text-gray-600 hover:text-gray-800"]),
+          onClick: f[0] || (f[0] = (k) => !y.value && S())
+        }, [
+          E(p(tt), {
+            icon: p(to),
+            class: "mr-1 w-4 h-4"
+          }, null, 8, ["icon"]),
+          D(" " + T(i("上传附件")), 1)
+        ], 2),
+        _("span", {
+          class: "cursor-pointer text-blue-600 hover:text-blue-700 mr-4 transition-colors",
+          onClick: x
+        }, T(i("全选")), 1),
+        _("span", {
+          class: N(["mr-4 transition-colors", v.value === 0 ? "text-gray-300 cursor-not-allowed" : "cursor-pointer text-gray-500 hover:text-red-500"]),
+          onClick: B
+        }, T(i("删除")), 3),
+        e.showEncrypt ? (w(), V(p(ve), {
+          key: 0,
+          modelValue: a.value,
+          "onUpdate:modelValue": f[1] || (f[1] = (k) => a.value = k),
+          class: "mr-4"
+        }, {
+          default: $(() => [
+            _("span", dn, T(i("是否加密")), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : z("", !0),
+        _("span", fn, " （" + T(i("单个文件最大")) + T(e.maxSize) + "MB，" + T(i("最多上传")) + T(e.limit) + T(i("个")) + "） ", 1),
+        _("span", {
+          class: "ml-auto cursor-pointer text-blue-600 text-xs hover:text-blue-700 transition-colors",
+          onClick: f[2] || (f[2] = (k) => s.value = !s.value)
+        }, T(s.value ? i("隐藏") : i("展开")), 1)
+      ], 512), [
+        [Ye, !e.readonly]
+      ]),
+      qe(_("div", pn, [
+        _("div", mn, [
+          (w(!0), R(ce, null, Z(l.value, (k, P) => (w(), R("div", {
+            key: k.uid || P,
+            class: "bg-gray-50 hover:bg-gray-100 rounded p-3 relative flex items-center border border-transparent hover:border-gray-200 transition-colors group"
+          }, [
+            E(p(tt), {
+              icon: c(k),
+              class: "w-10 h-10 mr-3 flex-shrink-0"
+            }, null, 8, ["icon"]),
+            _("div", hn, [
+              _("div", {
+                class: "text-sm truncate font-medium text-gray-700 mb-1",
+                title: k.name
+              }, T(k.name), 9, vn),
+              _("div", yn, [
+                _("span", gn, T(u(k.size)), 1),
+                E(p(Lt), {
+                  percent: k.percentage / 100,
+                  size: "small",
+                  "show-text": !1,
+                  color: k.percentage === 100 ? "#00b42a" : "#165dff",
+                  class: "flex-1"
+                }, null, 8, ["percent", "color"]),
+                _("span", bn, T(k.percentage) + "%", 1)
+              ])
+            ]),
+            e.readonly ? z("", !0) : (w(), V(p(ve), {
+              key: 0,
+              modelValue: k.checked,
+              "onUpdate:modelValue": (A) => k.checked = A,
+              class: "absolute top-3 right-3"
+            }, null, 8, ["modelValue", "onUpdate:modelValue"])),
+            e.readonly ? z("", !0) : (w(), V(p(oo), {
+              key: 1,
+              class: "absolute bottom-3 right-3 w-4 h-4 cursor-pointer text-gray-400 hover:text-red-500 transition-colors",
+              onClick: (A) => C(k, P)
+            }, null, 8, ["onClick"]))
+          ]))), 128))
+        ])
+      ], 512), [
+        [Ye, l.value.length > 0 && s.value]
+      ])
+    ]));
+  }
+}), wn = O({
+  name: "SunnySelect",
+  inheritAttrs: !1,
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array],
+      default: void 0
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    filterModel: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t, slots: o, attrs: n }) {
+    const r = (l) => {
+      const m = l.cMeta;
+      return !m || Object.keys(m).length === 0 ? !0 : !e.filterModel || Object.keys(e.filterModel).length === 0 ? !1 : Object.entries(m).every(([y, v]) => {
+        const i = e.filterModel[y];
+        return i == null ? !1 : String(i) === String(v);
+      });
+    }, s = b(() => {
+      const l = e.modelValue;
+      if (l == null || l === "" || n["allow-create"] === !0 || n["allow-create"] === "")
+        return l;
+      const m = (y) => e.options.some((v) => r(v) ? v.value == y || typeof y == "object" && y !== null && "value" in y && v.value == y.value : !1);
+      if (Array.isArray(l)) {
+        const y = l.filter((v) => m(v));
+        return y.length === l.length ? l : y;
+      } else
+        return m(l) ? l : void 0;
+    });
+    U(s, (l) => {
+      l !== e.modelValue && t("update:modelValue", l);
+    });
+    const a = (l) => {
+      t("update:modelValue", l);
+    };
+    return () => /* @__PURE__ */ React.createElement(
+      Re,
+      {
+        ...n,
+        modelValue: s.value,
+        "onUpdate:modelValue": a
+      },
+      {
+        default: () => e.options.map((l) => r(l) ? /* @__PURE__ */ React.createElement(Nt, { key: l.value, ...l }, {
+          default: () => o.option ? o.option({ data: l }) : l.label
+        }) : null),
+        ...Object.fromEntries(
+          Object.entries(o).filter(
+            ([l]) => l !== "option" && l !== "default"
+          )
+        )
+      }
+    );
+  }
+}), Sn = { class: "flex items-center justify-between px-3 py-2 border-b border-[var(--color-neutral-3)] bg-[var(--color-bg-popup)] select-none" }, kn = { class: "flex items-center gap-1" }, xn = { class: "w-6 h-6 flex items-center justify-center rounded cursor-help text-[var(--color-text-3)] hover:text-[var(--color-text-1)] hover:bg-[var(--color-fill-3)] transition-all" }, Is = /* @__PURE__ */ O({
+  name: "SunnyBatchSelect",
+  inheritAttrs: !1,
+  __name: "BatchSelect",
+  props: {
+    modelValue: { default: () => [] },
+    options: { default: () => [] },
+    matchStrategy: { default: "both" },
+    filterModel: { default: void 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: t }) {
+    const o = e, n = t, r = b(
+      () => o.options.filter((i) => !i.disabled)
+    ), s = b(() => r.value.length === 0 ? !1 : r.value.every(
+      (i) => o.modelValue.includes(i.value)
+    )), a = b(() => {
+      if (r.value.length === 0) return !1;
+      const i = r.value.filter(
+        (u) => o.modelValue.includes(u.value)
+      ).length;
+      return i > 0 && i < r.value.length;
+    }), l = (i) => {
+      n("update:modelValue", i), n("change", i);
+    }, m = (i) => {
+      if (i === !0) {
+        const c = r.value.map((S) => S.value), h = o.modelValue.filter((S) => {
+          const F = o.options.find((C) => C.value === S);
+          return F && F.disabled;
+        }), g = Array.from(/* @__PURE__ */ new Set([...h, ...c]));
+        n("update:modelValue", g), n("change", g);
+      } else {
+        const c = o.modelValue.filter((h) => {
+          const g = o.options.find((S) => S.value === h);
+          return g && g.disabled;
+        });
+        n("update:modelValue", c), n("change", c);
+      }
+    }, y = () => {
+      const i = o.modelValue.filter((u) => {
+        const c = o.options.find((h) => h.value === u);
+        return c && c.disabled;
+      });
+      n("update:modelValue", i), n("change", i);
+    }, v = (i) => {
+      const u = i.clipboardData || window.clipboardData;
+      if (!u) return;
+      const c = u.getData("text");
+      if (!c) return;
+      const h = c.split(/\r?\n/).map((C) => C.trim()).filter((C) => C);
+      if (h.length === 0) return;
+      const g = [];
+      let S = 0;
+      const F = (C) => {
+        const x = C.cMeta;
+        return !x || Object.keys(x).length === 0 ? !0 : !o.filterModel || Object.keys(o.filterModel).length === 0 ? !1 : Object.entries(x).every(([B, d]) => {
+          const f = o.filterModel[B];
+          return f == null ? !1 : String(f) === String(d);
+        });
+      };
+      if (h.forEach((C) => {
+        if (o.matchStrategy === "value" || o.matchStrategy === "both") {
+          const x = o.options.find((B) => String(B.value) === C);
+          if (x && !x.disabled && F(x)) {
+            g.push(x.value), S++;
+            return;
+          }
+        }
+        if (o.matchStrategy === "label" || o.matchStrategy === "both") {
+          const x = o.options.find((B) => B.label === C);
+          x && !x.disabled && F(x) && (g.push(x.value), S++);
+        }
+      }), g.length > 0) {
+        i.preventDefault();
+        const C = Array.from(/* @__PURE__ */ new Set([...o.modelValue, ...g]));
+        n("update:modelValue", C), n("change", C), H.success(`成功识别并选中 ${S} 项 (Matched ${S} items)`);
+      }
+    };
+    return (i, u) => {
+      const c = W("a-checkbox"), h = W("a-tooltip");
+      return w(), V(p(wn), L(i.$attrs, {
+        "model-value": e.modelValue,
+        options: e.options,
+        "filter-model": e.filterModel,
+        multiple: "",
+        "allow-search": "",
+        "onUpdate:modelValue": l,
+        onPaste: v
+      }), de({
+        header: $(() => [
+          _("div", Sn, [
+            E(c, {
+              "model-value": s.value,
+              indeterminate: a.value,
+              onChange: m,
+              class: "pl-1"
+            }, {
+              default: $(() => [...u[0] || (u[0] = [
+                _("span", { class: "text-[var(--color-text-1)]" }, "全选", -1)
+              ])]),
+              _: 1
+            }, 8, ["model-value", "indeterminate"]),
+            _("div", kn, [
+              E(h, { content: "清除所有选中项" }, {
+                default: $(() => [
+                  _("div", {
+                    class: "w-6 h-6 flex items-center justify-center rounded cursor-pointer text-[var(--color-text-3)] hover:bg-[var(--color-fill-3)] transition-all",
+                    onClick: y
+                  }, [
+                    E(p(Do))
+                  ])
+                ]),
+                _: 1
+              }),
+              u[1] || (u[1] = _("div", { class: "w-[1px] h-3 bg-[var(--color-neutral-3)] mx-1" }, null, -1)),
+              E(h, {
+                content: "支持从 Excel 或文本编辑器(↓列数据)复制多行数据，粘贴至搜索框即可自动匹配并选中。",
+                position: "left"
+              }, {
+                default: $(() => [
+                  _("div", xn, [
+                    E(p(wt))
+                  ])
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        _: 2
+      }, [
+        Z(i.$slots, (g, S) => ({
+          name: S,
+          fn: $((F) => [
+            j(i.$slots, S, Y(fe(F || {})))
+          ])
+        }))
+      ]), 1040, ["model-value", "options", "filter-model"]);
+    };
+  }
+}), Ds = /* @__PURE__ */ O({
+  name: "SunnySearchInputTag",
+  inheritAttrs: !1,
+  __name: "SearchInputTag",
+  props: {
+    modelValue: { default: () => [] },
+    fieldNames: { default: () => ({ label: "label", value: "value" }) },
+    placeholder: { default: "请选择..." },
+    disabled: { type: Boolean, default: !1 },
+    maxTagCount: {}
+  },
+  emits: ["update:modelValue", "search", "change", "clear"],
+  setup(e, { emit: t }) {
+    const o = e, n = t, r = b(() => o.fieldNames?.label || "label"), s = b(() => o.fieldNames?.value || "value"), a = b(() => o.modelValue.map((i) => ({
+      label: i[r.value],
+      value: i[s.value],
+      closable: !o.disabled,
+      tagProps: i.tagProps
+      // 透传可能存在的 tagProps
+    }))), l = (i) => {
+      o.disabled || ["Backspace", "Delete", "Tab", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(i.key) || i.preventDefault();
+    }, m = (i, u) => {
+      const c = [...o.modelValue];
+      c.splice(u, 1), n("update:modelValue", c), n("change", c);
+    }, y = () => {
+      n("update:modelValue", []), n("change", []), n("clear");
+    }, v = () => {
+      o.disabled || n("search");
+    };
+    return (i, u) => {
+      const c = W("a-input-tag");
+      return w(), V(c, L(i.$attrs, {
+        "model-value": a.value,
+        "input-value": "",
+        disabled: e.disabled,
+        placeholder: e.placeholder,
+        "max-tag-count": e.maxTagCount,
+        "allow-create": !1,
+        class: "w-full group",
+        onRemove: m,
+        onClear: y,
+        onKeydown: l
+      }), de({
+        suffix: $(() => [
+          _("div", {
+            class: N(["flex items-center h-full px-2 border-l border-[var(--color-neutral-3)] group-hover:border-[var(--color-neutral-4)] -mr-3", [
+              e.disabled ? "cursor-not-allowed text-[var(--color-text-4)]" : "cursor-pointer text-[var(--color-text-2)] group"
+            ]]),
+            onClick: Ee(v, ["stop"])
+          }, [
+            E(p(zo), { class: "transition-colors group-hover:text-[var(--color-primary-6)]" })
+          ], 2)
+        ]),
+        _: 2
+      }, [
+        Z(i.$slots, (h, g) => ({
+          name: g,
+          fn: $((S) => [
+            j(i.$slots, g, Y(fe(S || {})))
+          ])
+        }))
+      ]), 1040, ["model-value", "disabled", "placeholder", "max-tag-count"]);
+    };
+  }
+});
+class Cn {
+  // 核心 TanStack Store 实例 / Core TanStack Store instance
+  store;
+  /**
+   * 初始化 Store
+   * Initialize Store
+   * 
+   * @param initialState 初始状态 / Initial state
+   * @param options 配置项 / Configuration options
+   */
+  constructor(t, o) {
+    this.store = new po(t), o?.onUpdate && this.store.subscribe(() => {
+      o.onUpdate?.();
+    });
+  }
+  /**
+   * 更新状态
+   * Update state
+   * 
+   * 支持传入部分状态对象或更新函数。
+   * Supports passing a partial state object or an update function.
+   * 
+   * @param partialState 部分状态或更新函数 / Partial state or update function
+   */
+  setState(t) {
+    this.store.setState((o) => {
+      const n = typeof t == "function" ? t(o) : t;
+      return { ...o, ...n };
+    });
+  }
+  /**
+   * 获取当前状态快照
+   * Get current state snapshot
+   * 
+   * @returns 当前状态对象 / Current state object
+   */
+  getState() {
+    return this.store.state;
+  }
+}
+function rt(e, t = "YYYY-MM-DD") {
+  if (!e) return e;
+  if (I(e.format))
+    return e.format(t);
+  if (e instanceof Date) {
+    const o = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0"), s = String(e.getHours()).padStart(2, "0"), a = String(e.getMinutes()).padStart(2, "0"), l = String(e.getSeconds()).padStart(2, "0");
+    return t.replace("YYYY", String(o)).replace("MM", n).replace("DD", r).replace("HH", s).replace("mm", a).replace("ss", l);
+  }
+  return String(e);
+}
+function st(e) {
+  return is(e, "Date");
+}
+function at(e) {
+  return q(e) && "$d" in e && "$y" in e && "$M" in e;
+}
+function he(e, t) {
+  if (!q(e) || !q(t) || Array.isArray(t)) return t;
+  const o = { ...e };
+  return Object.keys(t).forEach((n) => {
+    const r = o[n], s = t[n];
+    q(r) && q(s) ? o[n] = he(r, s) : o[n] = s;
+  }), o;
+}
+class $n {
+  condition = !1;
+  resolveFn = null;
+  promise = null;
+  setConditionTrue() {
+    this.condition = !0, this.resolveFn && (this.resolveFn(), this.resolveFn = null);
+  }
+  reset() {
+    this.condition = !1, this.promise = null, this.resolveFn = null;
+  }
+  async waitForCondition() {
+    this.condition || (this.promise || (this.promise = new Promise((t) => {
+      this.resolveFn = t;
+    })), await this.promise);
+  }
+}
+function _n(e) {
+  const t = Object.getPrototypeOf(e), o = Object.getOwnPropertyNames(t);
+  for (const n of o) {
+    const r = e[n];
+    n !== "constructor" && typeof r == "function" && (e[n] = r.bind(e));
+  }
+}
+function Fn() {
+  return {
+    actionWrapperClass: "",
+    collapsed: !1,
+    collapsedRows: 1,
+    collapseTriggerResize: !1,
+    commonConfig: {},
+    handleReset: void 0,
+    handleSubmit: void 0,
+    handleValuesChange: void 0,
+    handleCollapsedChange: void 0,
+    layout: "horizontal",
+    resetButtonOptions: {},
+    schema: [],
+    scrollToFirstError: !1,
+    showCollapseButton: !1,
+    showDefaultActions: !0,
+    submitButtonOptions: {},
+    submitOnChange: !1,
+    submitOnEnter: !1,
+    wrapperClass: "grid-cols-1",
+    values: {}
+  };
+}
+class Pn {
+  // vee-validate 表单上下文
+  form = {};
+  // 是否已挂载
+  isMounted = !1;
+  // 当前状态 (快捷访问)
+  state = null;
+  // 状态同步处理器
+  stateHandler;
+  // TanStack Store 实例
+  store;
+  /**
+   * 组件实例映射
+   * Component Ref Map
+   * 用于存储每个字段对应的组件实例，以便直接操作组件 (如 focus, scroll)
+   */
+  componentRefMap = /* @__PURE__ */ new Map();
+  // 最后一次点击提交时的表单值
+  latestSubmissionValues = null;
+  // 上一次的状态 (用于 Diff)
+  prevState = null;
+  constructor(t = {}) {
+    const { ...o } = t, n = Fn();
+    this.store = new Cn(
+      {
+        ...n,
+        ...o
+      },
+      {
+        onUpdate: () => {
+          this.prevState = this.state, this.state = this.store.getState(), this.updateState();
+        }
+      }
+    ), this.state = this.store.getState(), this.stateHandler = new $n(), _n(this);
+  }
+  /**
+   * 获取字段组件实例
+   * Get field component instance
+   * 
+   * @param fieldName 字段名
+   * @returns 组件实例
+   */
+  getFieldComponentRef(t) {
+    let o = this.componentRefMap.has(t) ? this.componentRefMap.get(t) : void 0;
+    if (o && o.$ && o.$.type && o.$.type.name === "AsyncComponentWrapper" && o.$.subTree && o.$.subTree.ref) {
+      const n = o.$.subTree.ref;
+      Array.isArray(n) ? n.length > 0 && n[0] && Ke(n[0].r) && (o = n[0].r.value) : Ke(n.r) && (o = n.r.value);
+    }
+    return o;
+  }
+  /**
+   * 获取当前聚焦的字段
+   * Get currently focused field
+   * 
+   * @returns 字段名或 undefined
+   */
+  getFocusedField() {
+    for (const t of this.componentRefMap.keys()) {
+      const o = this.getFieldComponentRef(t);
+      if (o) {
+        let n = null;
+        if (o instanceof HTMLElement ? n = o : o.$el instanceof HTMLElement && (n = o.$el), !n)
+          continue;
+        if (n === document.activeElement || n.contains(document.activeElement))
+          return t;
+      }
+    }
+  }
+  /**
+   * 获取最后一次提交的值
+   * Get latest submission values
+   */
+  getLatestSubmissionValues() {
+    return this.latestSubmissionValues || {};
+  }
+  /**
+   * 获取当前状态
+   * Get current state
+   */
+  getState() {
+    return this.state;
+  }
+  /**
+   * 获取表单值 (经过处理)
+   * Get form values (Processed)
+   */
+  async getValues() {
+    const t = await this.getForm();
+    return t.values ? this.handleRangeTimeValue(t.values) : {};
+  }
+  /**
+   * 检查字段是否有效
+   * Check if field is valid
+   */
+  async isFieldValid(t) {
+    return (await this.getForm()).isFieldValid(t);
+  }
+  /**
+   * 合并多个 FormApi (链式调用)
+   * Merge multiple FormApis (Chaining)
+   */
+  merge(t) {
+    const o = [this, t], n = new Proxy(t, {
+      get(r, s) {
+        return s === "merge" ? (a) => (o.push(a), n) : s === "submitAllForm" ? async (a = !0) => {
+          try {
+            const l = await Promise.all(
+              o.map(async (m) => (await m.validate()).valid ? G(await m.getValues() || {}) : void 0)
+            );
+            return l.some((m) => !m) ? void 0 : a ? Object.assign({}, ...l) : l;
+          } catch (l) {
+            console.error("Validation error:", l);
+          }
+        } : r[s];
+      }
+    });
+    return n;
+  }
+  /**
+   * 挂载表单
+   * Mount form
+   * 
+   * @param formActions vee-validate 上下文
+   * @param componentRefMap 组件引用映射
+   */
+  mount(t, o) {
+    this.isMounted || (Object.assign(this.form, t), this.stateHandler.setConditionTrue(), this.setLatestSubmissionValues({
+      ...G(this.handleRangeTimeValue(this.form.values))
+    }), o && (this.componentRefMap = o), this.isMounted = !0);
+  }
+  /**
+   * 根据字段名移除 Schema
+   * Remove schema by fields
+   */
+  async removeSchemaByFields(t) {
+    const o = new Set(t), r = (this.state?.schema ?? []).filter((s) => !o.has(s.fieldName));
+    this.setState({
+      schema: r
+    });
+  }
+  /**
+   * 重置表单
+   * Reset form
+   */
+  async resetForm(t, o) {
+    return (await this.getForm()).resetForm(t, o);
+  }
+  /**
+   * 重置验证状态
+   * Reset validation
+   */
+  async resetValidate() {
+    const t = await this.getForm();
+    Object.keys(t.errors.value).forEach((n) => {
+      t.setFieldError(n, void 0);
+    });
+  }
+  /**
+   * 滚动到第一个错误字段
+   * Scroll to first error field
+   */
+  scrollToFirstError(t) {
+    const o = typeof t == "string" ? t : Object.keys(t)[0];
+    if (!o)
+      return;
+    let n = document.querySelector(
+      `[name="${o}"]`
+    );
+    if (!n) {
+      const r = this.getFieldComponentRef(o);
+      r && r.$el instanceof HTMLElement ? n = r.$el : r instanceof HTMLElement && (n = r);
+    }
+    n && n.scrollIntoView({
+      behavior: "smooth",
+      block: "center",
+      inline: "nearest"
+    });
+  }
+  /**
+   * 设置单个字段值
+   * Set field value
+   */
+  async setFieldValue(t, o, n) {
+    (await this.getForm()).setFieldValue(t, o, n);
+  }
+  /**
+   * 设置最后一次提交的值
+   * Set latest submission values
+   */
+  setLatestSubmissionValues(t) {
+    this.latestSubmissionValues = { ...G(t) };
+  }
+  /**
+   * 更新状态
+   * Update state
+   */
+  setState(t) {
+    I(t) ? this.store.setState((o) => he(o, t(o))) : this.store.setState((o) => he(o, t));
+  }
+  /**
+   * 设置表单值
+   * Set form values
+   * 
+   * @param fields 值对象
+   * @param filterFields 是否过滤不在 schema 中的字段 (默认 true)
+   * @param shouldValidate 是否触发验证 (默认 false)
+   */
+  async setValues(t, o = !0, n = !1) {
+    const r = await this.getForm();
+    if (!o) {
+      r.setValues(t, n);
+      return;
+    }
+    const s = r.values || {}, a = (m, y) => {
+      const v = {};
+      for (const i in m)
+        if (Object.prototype.hasOwnProperty.call(m, i) && i in y) {
+          const u = m[i], c = y[i];
+          q(u) && !Array.isArray(u) && !st(u) && !at(u) && q(c) && !Array.isArray(c) && !st(c) && !at(c) ? v[i] = a(u, c) : v[i] = u;
+        }
+      return v;
+    }, l = a(t, s);
+    r.setValues(l, n);
+  }
+  /**
+   * 提交表单
+   * Submit form
+   */
+  async submitForm(t) {
+    t?.preventDefault(), t?.stopPropagation();
+    const o = await this.getForm(), { valid: n, errors: r } = await o.validate(), s = G(await this.getValues());
+    return n ? await this.state?.handleSubmit?.(s) : this.state?.scrollToFirstError && this.scrollToFirstError(r), { valid: n, values: s, errors: r };
+  }
+  /**
+   * 卸载表单
+   * Unmount form
+   */
+  unmount() {
+    this.form?.resetForm?.(), this.latestSubmissionValues = null, this.isMounted = !1, this.stateHandler.reset();
+  }
+  /**
+   * 更新 Schema
+   * Update schema
+   */
+  updateSchema(t) {
+    const o = [...t];
+    if (!o.every(
+      (a) => Reflect.has(a, "fieldName") && a.fieldName
+    )) {
+      console.error(
+        "All items in the schema array must have a valid `fieldName` property to be updated"
+      );
+      return;
+    }
+    const r = me(this.state?.schema ?? []), s = {};
+    o.forEach((a) => {
+      a.fieldName && (s[a.fieldName] = a);
+    }), r.forEach((a, l) => {
+      const m = s[a.fieldName];
+      m && (r[l] = he(
+        a,
+        m
+      ));
+    }), this.setState({ schema: r });
+  }
+  /**
+   * 验证表单
+   * Validate form
+   */
+  async validate(t) {
+    const n = await (await this.getForm()).validate(t);
+    return Object.keys(n?.errors ?? {}).length > 0 && (console.error("validate error", n?.errors), this.state?.scrollToFirstError && this.scrollToFirstError(n.errors)), n;
+  }
+  /**
+   * 验证并提交表单
+   * Validate and submit form
+   */
+  async validateAndSubmitForm() {
+    const t = await this.getForm(), { valid: o, errors: n } = await t.validate();
+    if (!o) {
+      this.state?.scrollToFirstError && this.scrollToFirstError(n);
+      return;
+    }
+    return await this.submitForm();
+  }
+  /**
+   * 验证单个字段
+   * Validate single field
+   */
+  async validateField(t, o) {
+    const r = await (await this.getForm()).validateField(t, o);
+    return Object.keys(r?.errors ?? {}).length > 0 && (console.error("validate error", r?.errors), this.state?.scrollToFirstError && this.scrollToFirstError(t)), r;
+  }
+  // ==========================================
+  // 私有方法 (Private Methods)
+  // ==========================================
+  /**
+   * 获取表单实例 (内部使用，自动等待挂载)
+   * Get form instance (Internal, waits for mount)
+   */
+  async getForm() {
+    if (this.isMounted || await this.stateHandler.waitForCondition(), !this.form?.meta)
+      throw new Error("<SunnyUseForm /> is not mounted");
+    return this.form;
+  }
+  /**
+   * 处理多字段 (Array to String)
+   * Handle multi-fields
+   */
+  handleMultiFields = (t) => {
+    const o = this.state?.arrayToStringFields;
+    if (!o || !Array.isArray(o))
+      return;
+    const n = (r, s = ",") => {
+      this.processFields(r, s, t, (a, l) => {
+        if (Array.isArray(a))
+          return a.join(l);
+        if (typeof a == "string") {
+          if (a === "")
+            return [];
+          const m = l.replaceAll(
+            /[.*+?^${}()|[\]\\]/g,
+            String.raw`\$&`
+          );
+          return a.split(new RegExp(m));
+        } else
+          return a;
+      });
+    };
+    if (o.every((r) => typeof r == "string")) {
+      const r = o[o.length - 1] || "", s = r.length === 1 ? o.slice(0, -1) : o, a = r.length === 1 ? r : ",";
+      n(s, a);
+      return;
+    }
+    o.forEach((r) => {
+      if (Array.isArray(r)) {
+        const [s, a = ","] = r;
+        if (!Array.isArray(s)) {
+          console.warn(
+            `Invalid field configuration: fields should be an array of strings, got ${typeof s}`
+          );
+          return;
+        }
+        n(s, a);
+      }
+    });
+  };
+  /**
+   * 处理时间范围值 (Range Time Value)
+   * Handle range time value
+   */
+  handleRangeTimeValue = (t) => {
+    const o = { ...t }, n = this.state?.fieldMappingTime;
+    return this.handleMultiFields(o), !n || !Array.isArray(n) || n.forEach(
+      ([r, [s, a], l = "YYYY-MM-DD"]) => {
+        if (s && a && o[r] === null && (Reflect.deleteProperty(o, s), Reflect.deleteProperty(o, a)), !o[r]) {
+          Reflect.deleteProperty(o, r);
+          return;
+        }
+        const [m, y] = o[r];
+        if (l === null)
+          o[s] = m, o[a] = y;
+        else if (I(l))
+          o[s] = l(m), o[a] = l(y);
+        else {
+          const [v, i] = Array.isArray(l) ? l : [l, l];
+          o[s] = m ? rt(m, v) : void 0, o[a] = y ? rt(y, i) : void 0;
+        }
+        Reflect.deleteProperty(o, r);
+      }
+    ), o;
+  };
+  /**
+   * 字段处理通用逻辑
+   * Process fields helper
+   */
+  processFields = (t, o, n, r) => {
+    t.forEach((s) => {
+      const a = n[s];
+      a != null && (n[s] = r(a, o));
+    });
+  };
+  /**
+   * 更新状态 (Diff 处理)
+   * Update State (Diff logic)
+   */
+  updateState() {
+    const t = this.state?.schema ?? [], o = this.prevState?.schema ?? [];
+    if (t.length < o.length) {
+      const n = new Set(
+        t.map((s) => s.fieldName)
+      ), r = o.filter(
+        (s) => !n.has(s.fieldName)
+      );
+      for (const s of r)
+        this.form?.setFieldValue?.(s.fieldName, void 0);
+    }
+  }
+  // 类型定义占位，实际在 useSunnyForm 中注入实现
+  // Type definition placeholder, actual implementation injected in useSunnyForm
+  useStore;
+}
+const xt = /* @__PURE__ */ Symbol("FormRenderProps"), Vn = /* @__PURE__ */ Symbol("ComponentRefMap"), On = (e) => {
+  ze(xt, e);
+}, Ie = () => {
+  const e = Me(xt);
+  if (!e)
+    throw new Error(
+      "injectRenderFormProps must be used within provideFormRenderProps"
+    );
+  return e;
+}, En = (e) => {
+  ze(Vn, e);
+}, Ct = () => {
+  const e = Ie(), t = b(
+    () => e.layout === "vertical"
+  );
+  return {
+    props: e,
+    isVertical: t,
+    // 转发配置中的映射，方便子组件使用
+    // Forward mappings from config for child components
+    componentBindEventMap: b(() => e.config?.modelPropNameMap)
+    // 这里如果需要 componentMap，通常从 config.ts 或 props 传递，
+    // 但在原参考代码中是通过 import 的。为了解耦，这里可以不返回，
+    // 或者在 Form.vue 中处理。
+    // In reference code, componentMap is imported. We can stick to that.
+  };
+}, $t = /* @__PURE__ */ Symbol("FormPropsKey");
+function _t(e) {
+  ze($t, e);
+}
+function Bn() {
+  const e = Me($t);
+  if (!e)
+    throw new Error("Form context not found (表单上下文未找到，请确保在 SunnyForm 或 SunnyUseForm 内部使用)");
+  return e;
+}
+function An(e) {
+  const t = jt(), o = b(() => {
+    const s = p(e), a = {};
+    return (s.schema || []).forEach((l) => {
+      l.defaultValue !== void 0 && (a[l.fieldName] = l.defaultValue);
+    }), s.values && Object.assign(a, s.values), a;
+  }), n = yt({
+    initialValues: o.value
+  }), r = b(() => {
+    const s = [];
+    for (const a of Object.keys(t))
+      a !== "default" && s.push(a);
+    return s;
+  });
+  return {
+    form: n,
+    delegatedSlots: r
+  };
+}
+const Rn = {
+  Input: Zt,
+  InputPassword: Xt,
+  InputNumber: Kt,
+  Textarea: Yt,
+  Select: Re,
+  Checkbox: ve,
+  CheckboxGroup: qt,
+  Radio: Je,
+  RadioGroup: Gt,
+  Switch: Qe,
+  DatePicker: Ze,
+  RangePicker: Wt,
+  TimePicker: Xe,
+  Upload: Ae,
+  Rate: Ht,
+  Slider: Ut,
+  Cascader: Dt,
+  TreeSelect: It,
+  // Mentions,
+  // Alias for prefix if needed, or map to same
+  SunnySelect: Re,
+  SunnyCheckbox: ve,
+  SunnyRadio: Je,
+  SunnySwitch: Qe,
+  SunnyDatePicker: Ze,
+  SunnyTimePicker: Xe,
+  SunnyUpload: Ae
+}, Tn = {};
+function Us(e) {
+  const { config: t, defineRules: o } = e, {
+    // 默认禁用 change 事件监听 (Arco 组件通常不需要手动监听 change)
+    // Default disable change listener (Arco components usually don't need manual change listener)
+    disabledOnChangeListener: n = !0,
+    // 默认禁用 input 事件监听 (避免频繁触发)
+    // Default disable input listener (Avoid frequent triggering)
+    disabledOnInputListener: r = !0,
+    // 空状态时的默认值 (通常为 undefined)
+    // Default value for empty state (Usually undefined)
+    emptyStateValue: s = void 0
+  } = t || {};
+  if (Object.assign(Tn, {
+    disabledOnChangeListener: n,
+    disabledOnInputListener: r,
+    emptyStateValue: s
+  }), o)
+    for (const a of Object.keys(o))
+      vo(a, o[a]);
+}
+function jn(e) {
+  const t = gt(), n = Ie().form;
+  if (!t)
+    throw new Error("useDependencies should be used within <SunnyForm> (VeeValidate Form)");
+  const r = M(!0), s = M(!1), a = M(!0), l = M(!1), m = M({}), y = M(), v = b(() => (e()?.triggerFields ?? []).map((c) => t.value[c])), i = () => {
+    s.value = !1, r.value = !0, a.value = !0, l.value = !1, y.value = void 0, m.value = {};
+  };
+  return U(
+    [v, e],
+    async ([u, c]) => {
+      if (!c || !c?.triggerFields?.length)
+        return;
+      i();
+      const {
+        componentProps: h,
+        disabled: g,
+        if: S,
+        required: F,
+        rules: C,
+        show: x,
+        trigger: B
+        // 自定义触发器
+      } = c, d = t.value;
+      if (I(S)) {
+        if (r.value = !!await S(d, n), !r.value) return;
+      } else if (ke(S) && (r.value = S, !r.value))
+        return;
+      if (I(x)) {
+        if (a.value = !!await x(d, n), !a.value) return;
+      } else if (ke(x) && (a.value = x, !a.value))
+        return;
+      I(h) && (m.value = await h(d, n)), I(C) && (y.value = await C(d, n)), I(g) ? s.value = !!await g(d, n) : ke(g) && (s.value = g), I(F) && (l.value = !!await F(d, n)), I(B) && await B(d, n);
+    },
+    { deep: !0, immediate: !0 }
+  ), {
+    dynamicComponentProps: m,
+    dynamicRules: y,
+    isDisabled: s,
+    isIf: r,
+    isRequired: l,
+    isShow: a
+  };
+}
+const Mn = /* @__PURE__ */ O({
+  __name: "FormField",
+  props: {
+    schema: {}
+  },
+  setup(e) {
+    const t = e, o = gt(), n = Ie(), { isVertical: r } = Ct(), s = n.form, {
+      dynamicComponentProps: a,
+      // 动态组件属性
+      dynamicRules: l,
+      // 动态验证规则
+      isDisabled: m,
+      // 是否禁用
+      isIf: y,
+      // 是否渲染 (v-if)
+      isRequired: v,
+      // 是否必填
+      isShow: i
+      // 是否显示 (v-show)
+    } = jn(() => t.schema.dependencies), u = b(() => {
+      const { component: d } = t.schema;
+      return ie(d) && Rn[d] || d;
+    }), c = b(() => t.schema.hidden ? !1 : y.value && i.value), h = b(() => l.value || t.schema.rules), g = b(() => {
+      if (!c.value)
+        return !1;
+      if (!h.value)
+        return v.value;
+      if (v.value)
+        return !0;
+      if (ie(h.value))
+        return h.value.split("|").some(
+          (P) => ["required", "selectRequired"].includes(P)
+        );
+      const d = G(h.value);
+      let f = d?.isOptional?.();
+      if (d?._def?.typeName === "ZodDefault") {
+        const P = d?._def.innerType;
+        P && (f = P.isOptional?.());
+      }
+      return !f;
+    }), S = b(() => {
+      if (!c.value)
+        return null;
+      let d = G(h.value);
+      if (!d)
+        return v.value ? "required" : null;
+      if (ie(d))
+        return d;
+      if (!!g.value) {
+        const k = d?.unwrap?.();
+        k && (d = k);
+      }
+      return bo(d);
+    }), F = b(() => {
+      const { componentProps: d, commonComponentProps: f } = t.schema, k = I(d) ? d(o.value, s) : d;
+      return {
+        ...f,
+        ...k,
+        ...a.value
+      };
+    });
+    U(
+      () => F.value?.autofocus,
+      (d) => {
+        d === !0 && ge(() => {
+        });
+      },
+      { immediate: !0 }
+    );
+    const C = b(() => m.value || t.schema.disabled || F.value?.disabled), x = b(() => {
+      if (!(r.value || !t.schema.labelWidth))
+        return {
+          style: {
+            flex: 1
+          }
+        };
+    }), B = b(() => {
+      if (r.value || !t.schema.labelWidth)
+        return;
+      const d = t.schema.labelWidth, f = typeof d == "number" ? `${d}px` : d;
+      return {
+        style: {
+          width: f,
+          minWidth: f,
+          maxWidth: f,
+          flex: `0 0 ${f}`
+        }
+      };
+    });
+    return (d, f) => {
+      const k = W("a-form-item");
+      return c.value ? (w(), V(p(yo), {
+        key: 0,
+        name: e.schema.fieldName,
+        rules: S.value,
+        label: e.schema.label
+      }, {
+        default: $(({ field: P, errorMessage: A }) => [
+          E(k, L({
+            label: e.schema.label,
+            help: A || e.schema.help,
+            "validate-status": A ? "error" : void 0,
+            required: g.value,
+            "label-col-props": B.value,
+            "wrapper-col-props": x.value
+          }, e.schema.formFieldProps), {
+            default: $(() => [
+              (w(), V(mt(u.value), L({ ...F.value, ...P }, {
+                disabled: C.value,
+                "model-value": P.value,
+                "onUpdate:modelValue": P.onInput
+              }), null, 16, ["disabled", "model-value", "onUpdate:modelValue"]))
+            ]),
+            _: 2
+          }, 1040, ["label", "help", "validate-status", "required", "label-col-props", "wrapper-col-props"])
+        ]),
+        _: 1
+      }, 8, ["name", "rules", "label"])) : z("", !0);
+    };
+  }
+}), je = /* @__PURE__ */ O({
+  __name: "form-actions",
+  props: {
+    modelValue: { type: Boolean },
+    formApi: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { expose: t, emit: o }) {
+    const n = e, r = o, { props: s } = Ct(), a = go(), l = b({
+      get: () => n.modelValue ?? !1,
+      set: (c) => r("update:modelValue", c)
+    }), m = b(() => ({
+      content: "重置",
+      show: !0,
+      type: "outline",
+      ...p(s).resetButtonOptions
+    })), y = b(() => ({
+      content: "查询",
+      show: !0,
+      // 如果有 formApi，使用普通按钮类型，手动触发提交逻辑
+      // 否则使用 submit 类型，利用表单的原生提交机制
+      htmlType: n.formApi ? "button" : "submit",
+      ...p(s).submitButtonOptions
+    }));
+    async function v(c) {
+      if (n.formApi) {
+        c?.preventDefault(), c?.stopPropagation();
+        const h = p(s), { valid: g } = await n.formApi.validate();
+        if (!g)
+          return;
+        const S = G(await n.formApi.getValues()) ?? {};
+        await h.handleSubmit?.(S);
+      }
+    }
+    async function i(c) {
+      c?.preventDefault(), c?.stopPropagation();
+      const h = p(s);
+      if (n.formApi) {
+        const g = G(await n.formApi.getValues()) ?? {};
+        h.handleReset ? await h.handleReset(g) : n.formApi.resetForm();
+      } else if (a)
+        if (h.handleReset) {
+          const g = a.values;
+          await h.handleReset(g);
+        } else
+          a.resetForm();
+    }
+    U(
+      () => l.value,
+      () => {
+        p(s).collapseTriggerResize && window.dispatchEvent(new Event("resize"));
+      }
+    );
+    const u = b(() => {
+      const c = p(s), h = c.actionPosition || "right", g = [
+        "flex",
+        "items-center",
+        "gap-3",
+        // 垂直布局时靠右，水平布局时靠左 (默认)
+        c.layout === "vertical" ? "self-end" : "self-start",
+        // 行内布局不需要宽度，其他情况占满
+        c.layout === "inline" ? "" : "w-full",
+        // 用户自定义类名
+        c.actionWrapperClass
+      ];
+      switch (h) {
+        case "center": {
+          g.push("justify-center");
+          break;
+        }
+        case "left": {
+          g.push("justify-start");
+          break;
+        }
+        default: {
+          g.push("justify-end");
+          break;
+        }
+      }
+      return g.join(" ");
+    });
+    return t({
+      handleReset: i,
+      handleSubmit: v
+    }), (c, h) => (w(), R("div", {
+      class: N(u.value)
+    }, [
+      p(p(s)).actionButtonsReverse ? z("", !0) : (w(), R(ce, { key: 0 }, [
+        j(c.$slots, "submit-before"),
+        y.value.show ? (w(), V(p(le), L({
+          key: 0,
+          type: "primary",
+          size: p(p(s)).size,
+          onClick: v
+        }, y.value), {
+          default: $(() => [
+            D(T(y.value.content), 1)
+          ]),
+          _: 1
+        }, 16, ["size"])) : z("", !0)
+      ], 64)),
+      j(c.$slots, "reset-before"),
+      m.value.show ? (w(), V(p(le), L({
+        key: 1,
+        size: p(p(s)).size,
+        onClick: i
+      }, m.value), {
+        default: $(() => [
+          D(T(m.value.content), 1)
+        ]),
+        _: 1
+      }, 16, ["size"])) : z("", !0),
+      p(p(s)).actionButtonsReverse ? (w(), R(ce, { key: 2 }, [
+        j(c.$slots, "submit-before"),
+        y.value.show ? (w(), V(p(le), L({
+          key: 0,
+          type: "primary",
+          size: p(p(s)).size,
+          onClick: v
+        }, y.value), {
+          default: $(() => [
+            D(T(y.value.content), 1)
+          ]),
+          _: 1
+        }, 16, ["size"])) : z("", !0)
+      ], 64)) : z("", !0),
+      j(c.$slots, "expand-before"),
+      p(p(s)).showCollapseButton ? (w(), R("div", {
+        key: 3,
+        class: "cursor-pointer ml-2 text-primary hover:opacity-80 transition-opacity select-none",
+        onClick: h[0] || (h[0] = (g) => l.value = !l.value)
+      }, [
+        _("span", null, T(l.value ? "展开" : "收起"), 1)
+      ])) : z("", !0),
+      j(c.$slots, "expand-after")
+    ], 2));
+  }
+});
+function zn(e) {
+  const o = mo({
+    xs: 576,
+    sm: 576,
+    md: 768,
+    lg: 992,
+    xl: 1200,
+    xxl: 1600
+  }), n = b(() => {
+    const l = {}, m = e.schema || [], y = s(), v = e.commonConfig?.colProps;
+    return m.forEach((i) => {
+      if (!i.fieldName) return;
+      const u = i.colProps || v;
+      l[i.fieldName] = a(u, i.colSpan, y);
+    }), l;
+  }), r = b(() => {
+    const l = s();
+    if (e.layout !== "inline") {
+      if (e.actionColProps)
+        return a(e.actionColProps, void 0, l);
+      if (e.showCollapseButton) {
+        const m = e.commonConfig?.colProps;
+        return a(m || { xs: 12, sm: 12, md: 8, lg: 6 }, void 0, l);
+      }
+      return 24;
+    }
+  });
+  function s() {
+    return o.greaterOrEqual("xxl").value ? "xxl" : o.greaterOrEqual("xl").value ? "xl" : o.greaterOrEqual("lg").value ? "lg" : o.greaterOrEqual("md").value ? "md" : o.greaterOrEqual("sm").value ? "sm" : "xs";
+  }
+  function a(l, m, y) {
+    if (l) {
+      const v = ["xxl", "xl", "lg", "md", "sm", "xs"], i = v.indexOf(y);
+      for (let u = i; u < v.length; u++) {
+        const c = v[u], h = l[c];
+        if (h !== void 0)
+          return typeof h == "object" ? h.span ?? 24 : h;
+      }
+      if (l.span !== void 0)
+        return l.span;
+    }
+    return m !== void 0 ? m : 24;
+  }
+  return { spans: n, actionSpan: r };
+}
+const Ft = /* @__PURE__ */ O({
+  __name: "Form",
+  props: {
+    formApi: {},
+    form: {}
+  },
+  setup(e) {
+    const t = e, o = Bn(), n = pt({ ...o.value });
+    U(
+      () => o.value,
+      (C) => {
+        Object.assign(n, C);
+      },
+      { deep: !0 }
+      // 深度监听，确保对象内部属性变化也能捕获
+    ), On(n);
+    const { spans: r, actionSpan: s } = zn(n), a = b(() => {
+      const {
+        commonConfig: C = {},
+        labelWidth: x,
+        schema: B = []
+      } = n, {
+        componentProps: d = {},
+        formFieldProps: f = {},
+        ...k
+      } = C, P = { ...k };
+      return x !== void 0 && Object.assign(P, { labelWidth: x }), B.map((A) => ({
+        // 合并策略：全局配置 (Global) < 表单项自身配置 (Item)
+        ...P,
+        ...A,
+        // 显隐逻辑：只处理 Item 自身配置的 hide 属性
+        // (v-if/v-show 的动态逻辑由 dependencies.ts 处理)
+        hidden: A.hide,
+        // 注入通用组件属性 
+        // 注意：这里只是透传，最终合并逻辑在 FormField 组件内部进行
+        commonComponentProps: d,
+        // 合并表单项容器属性 (Wrapper Props)
+        // 直接在此处合并全局配置和局部配置，减少下层组件的计算负担
+        formFieldProps: {
+          ...f,
+          ...A.formFieldProps || {}
+        },
+        // 显式保留组件原本的 props，防止在合并过程中被意外覆盖
+        componentProps: A.componentProps
+      }));
+    }), l = b(() => n.layout === "inline"), { handleSubmit: m, resetForm: y, setValues: v, values: i, validate: u, errors: c, meta: h } = t.form || yt({
+      // 提取默认值构建初始状态
+      initialValues: a.value.reduce((C, x) => ({ ...C, [x.fieldName]: x.defaultValue }), {})
+    });
+    Le(() => {
+      t.formApi && t.formApi.mount({
+        handleSubmit: m,
+        resetForm: y,
+        setValues: v,
+        values: i,
+        validate: u,
+        errors: c,
+        meta: h
+      });
+    });
+    const g = m((C) => {
+      n.handleSubmit ? n.handleSubmit(C) : console.log("Form submitted:", C);
+    }), S = (C) => {
+      n.collapsed = C, n.handleCollapsedChange?.(C), t.formApi && t.formApi.setState({ collapsed: C });
+    }, F = b(() => {
+      const { compact: C, gridProps: x } = n, B = C ? 8 : 16, d = x?.xGap ?? x?.["x-gap"] ?? B, f = x?.yGap ?? x?.["y-gap"] ?? B;
+      return { x: d, y: f };
+    });
+    return (C, x) => {
+      const B = W("a-col"), d = W("a-form-item"), f = W("a-row"), k = W("a-form");
+      return w(), V(k, {
+        model: {},
+        layout: p(o).layout || "horizontal",
+        size: p(o).size,
+        class: "arco-form",
+        onSubmit: x[0] || (x[0] = (P, A) => p(g)(A))
+      }, {
+        default: $(() => [
+          E(f, {
+            gutter: [F.value.x, F.value.y],
+            class: N(n.wrapperClass)
+          }, {
+            default: $(() => [
+              (w(!0), R(ce, null, Z(a.value, (P, A) => (w(), R(ce, {
+                key: P.fieldName
+              }, [
+                !P.hidden && (!n.collapsed || A < 24 / (p(r)[P.fieldName] ?? 24) * (n.collapsedRows ?? 1) - 1) ? (w(), V(B, {
+                  key: 0,
+                  span: p(r)[P.fieldName] ?? (l.value ? void 0 : 24)
+                }, {
+                  default: $(() => [
+                    E(Mn, { schema: P }, null, 8, ["schema"])
+                  ]),
+                  _: 2
+                }, 1032, ["span"])) : z("", !0)
+              ], 64))), 128)),
+              n.showDefaultActions ? (w(), V(B, {
+                key: 0,
+                span: p(s),
+                style: X(l.value ? { marginLeft: "16px" } : { flex: 1, textAlign: "right", marginBottom: F.value.y + "px" })
+              }, {
+                default: $(() => [
+                  (n.layout || "horizontal") === "vertical" ? (w(), V(d, {
+                    key: 0,
+                    class: "mb-0",
+                    "hide-asterisk": !0
+                  }, {
+                    label: $(() => [...x[1] || (x[1] = [
+                      _("span", { style: { display: "inline-block", width: "100%" } }, " ", -1)
+                    ])]),
+                    default: $(() => [
+                      E(je, {
+                        "model-value": n.collapsed,
+                        "onUpdate:modelValue": S,
+                        "form-api": t.formApi
+                      }, null, 8, ["model-value", "form-api"])
+                    ]),
+                    _: 1
+                  })) : (w(), V(je, {
+                    key: 1,
+                    "model-value": n.collapsed,
+                    "onUpdate:modelValue": S,
+                    "form-api": t.formApi
+                  }, null, 8, ["model-value", "form-api"]))
+                ]),
+                _: 1
+              }, 8, ["span", "style"])) : z("", !0)
+            ]),
+            _: 1
+          }, 8, ["gutter", "class"])
+        ]),
+        _: 1
+      }, 8, ["layout", "size"]);
+    };
+  }
+}), Ln = /* @__PURE__ */ O({
+  __name: "SunnyUseForm",
+  props: {
+    layout: {},
+    size: {},
+    schema: {},
+    labelWidth: {},
+    wrapperClass: {},
+    gridProps: {},
+    actionWrapperClass: {},
+    commonConfig: {},
+    showDefaultActions: { type: Boolean, default: void 0 },
+    submitButtonOptions: {},
+    resetButtonOptions: {},
+    submitOnEnter: { type: Boolean, default: void 0 },
+    submitOnChange: { type: Boolean, default: void 0 },
+    handleValuesChange: {},
+    handleCollapsedChange: {},
+    handleSubmit: {},
+    scrollToFirstError: { type: Boolean },
+    handleReset: {},
+    collapsed: { type: Boolean, default: void 0 },
+    showCollapseButton: { type: Boolean, default: void 0 },
+    collapsedRows: {},
+    collapseTriggerResize: { type: Boolean, default: void 0 },
+    compact: { type: Boolean, default: void 0 },
+    actionLayout: {},
+    actionPosition: {},
+    actionColProps: {},
+    values: {},
+    fieldMappingTime: {},
+    arrayToStringFields: {},
+    formApi: {}
+  },
+  setup(e) {
+    const t = e, o = t.formApi.useStore?.() || b(() => ({})), n = b(() => {
+      const v = Object.entries(t).reduce((i, [u, c]) => (c !== void 0 && (i[u] = c), i), {});
+      return { ...o.value, ...v };
+    }), r = /* @__PURE__ */ new Map(), { delegatedSlots: s, form: a } = An(n);
+    _t(n), En(r), ht(() => {
+      t.formApi.unmount();
+    });
+    const l = {};
+    Le(async () => {
+      t.formApi.mount(a, r), t.formApi.setState({ values: me(a.values) }), await ge(), U(
+        () => a.values,
+        async (v) => {
+          if (t.formApi.setState({ values: me(v) }), m(), !n.value.handleValuesChange) return;
+          const i = n.value.schema?.map((c) => c.fieldName) || [];
+          if (i.length === 0) return;
+          const u = [];
+          for (const c of i) {
+            const h = et(v, c), g = et(l, c);
+            ro(h, g) || (u.push(c), so(l, c, h));
+          }
+          if (u.length > 0) {
+            const c = await t.formApi.getValues();
+            n.value.handleValuesChange(
+              me(c ?? {}),
+              u
+            );
+          }
+        },
+        { deep: !0 }
+      );
+    });
+    const m = ho(async () => {
+      o.value.submitOnChange && await t.formApi.submitForm();
+    }, 300);
+    function y(v) {
+      o.value.submitOnEnter && (v.target instanceof HTMLTextAreaElement || (v.preventDefault(), t.formApi.submitForm()));
+    }
+    return (v, i) => (w(), R("div", {
+      class: N(n.value.wrapperClass)
+    }, [
+      E(Ft, L(n.value, {
+        form: p(a),
+        "form-api": t.formApi,
+        onKeydown: vt(y, ["enter"])
+      }), de({
+        default: $(() => []),
+        _: 2
+      }, [
+        Z(p(s), (u) => ({
+          name: u,
+          fn: $((c) => [
+            j(v.$slots, u, Y(fe(c)))
+          ])
+        }))
+      ]), 1040, ["form", "form-api"])
+    ], 2));
+  }
+});
+function Hs(e = {}) {
+  const t = new Pn(e);
+  return t.useStore = (n) => fo(t.store.store, n), Mt(e) && U(
+    () => e.schema,
+    () => {
+      e.schema && t.setState({ schema: e.schema });
+    },
+    {
+      // 性能优化 / Performance Optimization:
+      // 关闭 deep: true 以避免大表单时的性能损耗。
+      // Disable deep: true to avoid performance cost on large forms.
+      //
+      // 变更检测 / Change Detection:
+      // 如果需要更新 schema，请使用不可变数据模式（替换整个数组）或调用 api.updateSchema()。
+      // If you need to update schema, use immutable pattern (replace array) or call api.updateSchema().
+      immediate: !0
+    }
+  ), [O({
+    name: "useSunnyFormWrapper",
+    setup(n, { attrs: r, slots: s }) {
+      return t.setState({ ...n, ...r }), () => ye(Ln, {
+        // 1. ...props & ...attrs: 注入组件接收到的属性
+        //    Inject props and attrs received by the component
+        ...n,
+        ...r,
+        // 2. formApi: 注入 API 实例，供子组件调用
+        //    Inject API instance for child components to call
+        formApi: t
+      }, s);
+    }
+  }), t];
+}
+const Ws = /* @__PURE__ */ O({
+  __name: "SunnyForm",
+  props: {
+    layout: {},
+    size: {},
+    schema: {},
+    labelWidth: {},
+    wrapperClass: {},
+    gridProps: {},
+    actionWrapperClass: {},
+    commonConfig: {},
+    showDefaultActions: { type: Boolean },
+    submitButtonOptions: {},
+    resetButtonOptions: {},
+    submitOnEnter: { type: Boolean },
+    submitOnChange: { type: Boolean },
+    handleValuesChange: { type: Function },
+    handleCollapsedChange: { type: Function },
+    handleSubmit: { type: Function },
+    scrollToFirstError: { type: Boolean },
+    handleReset: { type: Function },
+    collapsed: { type: Boolean },
+    showCollapseButton: { type: Boolean },
+    collapsedRows: {},
+    collapseTriggerResize: { type: Boolean },
+    compact: { type: Boolean },
+    actionLayout: {},
+    actionPosition: {},
+    actionColProps: {},
+    values: {},
+    fieldMappingTime: {},
+    arrayToStringFields: {}
+  },
+  emits: ["submit", "reset", "update:collapsed"],
+  setup(e, { emit: t }) {
+    const o = e, n = t, r = b(() => o);
+    _t(r);
+    const s = (l) => {
+      n("update:collapsed", l), o.handleCollapsedChange?.(l);
+    }, a = (l) => {
+      n("submit", l), o.handleSubmit?.(l);
+    };
+    return (l, m) => (w(), R("div", {
+      class: N(o.wrapperClass)
+    }, [
+      E(Ft, { onSubmit: a }, {
+        default: $(() => [
+          o.showDefaultActions ? (w(), V(je, {
+            key: 0,
+            "model-value": o.collapsed,
+            "onUpdate:modelValue": s
+          }, {
+            "reset-before": $(() => [
+              j(l.$slots, "reset-before")
+            ]),
+            "submit-before": $(() => [
+              j(l.$slots, "submit-before")
+            ]),
+            "expand-before": $(() => [
+              j(l.$slots, "expand-before")
+            ]),
+            "expand-after": $(() => [
+              j(l.$slots, "expand-after")
+            ]),
+            _: 3
+          }, 8, ["model-value"])) : z("", !0)
+        ]),
+        _: 3
+      })
+    ], 2));
+  }
+});
+let Nn = class {
+  gridRef;
+  options;
+  constructor(t, o) {
+    this.gridRef = t, this.options = o;
+  }
+  get grid() {
+    return this.gridRef.value?.getGrid?.() || this.gridRef.value;
+  }
+  /**
+   * 新增数据
+   * @param params 
+   * @returns 
+   */
+  async addEvent(t = {}) {
+    const o = this.grid;
+    if (o) {
+      const { record: n = {}, index: r = -1 } = t, { row: s } = await o.insertAt(n, r);
+      await ge(), o.setEditRow(s);
+    }
+  }
+  /**
+   * 删除选中行
+   */
+  async deleteSelection() {
+    const t = this.grid;
+    if (t) {
+      const o = t.getCheckboxRecords();
+      o.length > 0 && await t.remove(o);
+    }
+  }
+};
+const In = /* @__PURE__ */ O({
+  __name: "use-vxe-grid",
+  setup(e, { expose: t }) {
+    const o = M();
+    return t({
+      getGrid: () => o.value
+    }), (n, r) => (w(), V(p(bt), L({
+      ref_key: "gridRef",
+      ref: o
+    }, n.$attrs), de({ _: 2 }, [
+      Z(n.$slots, (s, a) => ({
+        name: a,
+        fn: $((l) => [
+          j(n.$slots, a, Y(fe(l || {})))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+function qs(e) {
+  const t = M(), o = new Nn(t, e);
+  return [O(
+    (r, { attrs: s, slots: a }) => {
+      const { gridEvents: l, gridOptions: m } = e, y = Object.entries(l || {}).reduce((v, [i, u]) => {
+        const c = `on${i.charAt(0).toUpperCase() + i.slice(1)}`;
+        return v[c] = u, v;
+      }, {});
+      return () => ye(In, { ref: t, ...r, ...s, ...m, ...y }, a);
+    }
+  ), o];
+}
+class Dn {
+  gridRef;
+  options;
+  constructor(t, o) {
+    this.gridRef = t, this.options = o;
+  }
+  get grid() {
+    return this.gridRef.value?.getGrid?.() || this.gridRef.value;
+  }
+  /**
+   * 新增数据
+   * @param params 
+   * @returns 
+   */
+  async addEvent(t = {}) {
+    const o = this.grid;
+    if (o) {
+      const { record: n = {}, index: r = -1 } = t, { row: s } = await o.insertAt(n, r);
+      await ge(), o.setEditRow(s);
+    }
+  }
+  /**
+   * 删除选中行
+   */
+  async deleteSelection() {
+    const t = this.grid;
+    if (t) {
+      const o = t.getCheckboxRecords();
+      o.length > 0 && await t.remove(o);
+    }
+  }
+}
+function Un(e, t) {
+  let o = null, n = null, r = null, s = null, a = null, l = !1, m = !1;
+  const y = (g) => {
+    if (!g) return window;
+    let S = g.parentElement;
+    for (; S; ) {
+      const F = window.getComputedStyle(S);
+      if (/(auto|scroll)/.test(F.overflow + F.overflowY + F.overflowX))
+        return S;
+      S = S.parentElement;
+    }
+    return window;
+  }, v = () => {
+    o && o.classList.contains("is-sticky") && (o.style.position = "", o.style.top = "", o.style.left = "", o.style.zIndex = "", o.style.width = "", o.classList.remove("is-sticky"), n && n.parentNode && (n.parentNode.removeChild(n), n = null)), s && (s.style.display = "none");
+  }, i = (g) => {
+    m || s && r && (l = !0, s.scrollLeft = r.scrollLeft, requestAnimationFrame(() => {
+      l = !1;
+    }));
+  }, u = (g) => {
+    l || s && r && (m = !0, r.scrollLeft = s.scrollLeft, requestAnimationFrame(() => {
+      m = !1;
+    }));
+  }, c = () => {
+    !e.value || s || (s = document.createElement("div"), s.className = "vxe-table--sticky-scrollbar", s.style.position = "fixed", s.style.bottom = "0", s.style.overflowX = "auto", s.style.overflowY = "hidden", s.style.zIndex = "101", s.style.display = "none", a = document.createElement("div"), s.appendChild(a), s.addEventListener("scroll", u), document.body.appendChild(s), r = e.value.$el.querySelector(".vxe-table--body-wrapper"), r && r.addEventListener("scroll", i));
+  }, h = () => {
+    if (!e.value || !o) return;
+    if (!t.sticky) {
+      v();
+      return;
+    }
+    const g = e.value.$el, S = g.getBoundingClientRect(), F = o.getBoundingClientRect(), C = y(g);
+    let x = { top: 0, bottom: window.innerHeight };
+    if (C !== window && C instanceof HTMLElement && (x = C.getBoundingClientRect()), x.bottom > 0 && x.top < window.innerHeight && S.top < x.top && S.bottom > F.height) {
+      const d = Math.max(0, x.top);
+      S.bottom - F.height > d ? (!o.classList.contains("is-sticky") || o.style.top !== `${d}px` || o.style.left !== `${S.left}px`) && (o.style.position = "fixed", o.style.top = `${d}px`, o.style.left = `${S.left}px`, o.style.width = `${S.width}px`, o.style.zIndex = "100", o.classList.add("is-sticky"), n || (n = document.createElement("div"), o.parentNode?.insertBefore(n, o)), n.style.height = `${F.height}px`) : v();
+    } else
+      o.classList.contains("is-sticky") && (o.style.position = "", o.style.top = "", o.style.left = "", o.style.width = "", o.classList.remove("is-sticky"), n && n.parentNode && (n.parentNode.removeChild(n), n = null));
+    if ((!s || !r) && c(), s && r && a) {
+      const d = r.scrollWidth, f = r.clientWidth;
+      if (d > f) {
+        const k = window.innerHeight;
+        S.bottom > k && S.top < k ? (s.style.display = "block", s.style.width = `${S.width}px`, s.style.left = `${S.left}px`, a.style.width = `${d}px`, Math.abs(s.scrollLeft - r.scrollLeft) > 1 && (s.scrollLeft = r.scrollLeft)) : s.style.display = "none";
+      } else
+        s.style.display = "none";
+    }
+  };
+  U(() => t.sticky, () => {
+    h();
+  }), Le(() => {
+    setTimeout(() => {
+      e.value && (o = e.value.$el.querySelector(".vxe-table--header-wrapper"), o && (window.addEventListener("scroll", h, !0), window.addEventListener("resize", h)), c());
+    }, 100);
+  }), ht(() => {
+    window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h), n && n.parentNode && n.parentNode.removeChild(n), s && s.parentNode && s.parentNode.removeChild(s), r && r.removeEventListener("scroll", i);
+  });
+}
+var Hn = typeof global == "object" && global && global.Object === Object && global, Wn = typeof self == "object" && self && self.Object === Object && self, De = Hn || Wn || Function("return this")(), J = De.Symbol, Pt = Object.prototype, Gn = Pt.hasOwnProperty, qn = Pt.toString, se = J ? J.toStringTag : void 0;
+function Yn(e) {
+  var t = Gn.call(e, se), o = e[se];
+  try {
+    e[se] = void 0;
+    var n = !0;
+  } catch {
+  }
+  var r = qn.call(e);
+  return n && (t ? e[se] = o : delete e[se]), r;
+}
+var Kn = Object.prototype, Xn = Kn.toString;
+function Zn(e) {
+  return Xn.call(e);
+}
+var Qn = "[object Null]", Jn = "[object Undefined]", lt = J ? J.toStringTag : void 0;
+function Ue(e) {
+  return e == null ? e === void 0 ? Jn : Qn : lt && lt in Object(e) ? Yn(e) : Zn(e);
+}
+function He(e) {
+  return e != null && typeof e == "object";
+}
+var er = "[object Symbol]";
+function We(e) {
+  return typeof e == "symbol" || He(e) && Ue(e) == er;
+}
+function tr(e, t) {
+  for (var o = -1, n = e == null ? 0 : e.length, r = Array(n); ++o < n; )
+    r[o] = t(e[o], o, e);
+  return r;
+}
+var be = Array.isArray, it = J ? J.prototype : void 0, ct = it ? it.toString : void 0;
+function Vt(e) {
+  if (typeof e == "string")
+    return e;
+  if (be(e))
+    return tr(e, Vt) + "";
+  if (We(e))
+    return ct ? ct.call(e) : "";
+  var t = e + "";
+  return t == "0" && 1 / e == -1 / 0 ? "-0" : t;
+}
+function Ot(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var or = "[object AsyncFunction]", nr = "[object Function]", rr = "[object GeneratorFunction]", sr = "[object Proxy]";
+function ar(e) {
+  if (!Ot(e))
+    return !1;
+  var t = Ue(e);
+  return t == nr || t == rr || t == or || t == sr;
+}
+var Oe = De["__core-js_shared__"], ut = (function() {
+  var e = /[^.]+$/.exec(Oe && Oe.keys && Oe.keys.IE_PROTO || "");
+  return e ? "Symbol(src)_1." + e : "";
+})();
+function lr(e) {
+  return !!ut && ut in e;
+}
+var ir = Function.prototype, cr = ir.toString;
+function ur(e) {
+  if (e != null) {
+    try {
+      return cr.call(e);
+    } catch {
+    }
+    try {
+      return e + "";
+    } catch {
+    }
+  }
+  return "";
+}
+var dr = /[\\^$.*+?()[\]{}|]/g, fr = /^\[object .+?Constructor\]$/, pr = Function.prototype, mr = Object.prototype, hr = pr.toString, vr = mr.hasOwnProperty, yr = RegExp(
+  "^" + hr.call(vr).replace(dr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function gr(e) {
+  if (!Ot(e) || lr(e))
+    return !1;
+  var t = ar(e) ? yr : fr;
+  return t.test(ur(e));
+}
+function br(e, t) {
+  return e?.[t];
+}
+function Et(e, t) {
+  var o = br(e, t);
+  return gr(o) ? o : void 0;
+}
+var wr = 9007199254740991, Sr = /^(?:0|[1-9]\d*)$/;
+function kr(e, t) {
+  var o = typeof e;
+  return t = t ?? wr, !!t && (o == "number" || o != "symbol" && Sr.test(e)) && e > -1 && e % 1 == 0 && e < t;
+}
+function xr(e, t) {
+  return e === t || e !== e && t !== t;
+}
+var Cr = 9007199254740991;
+function $r(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= Cr;
+}
+var _r = "[object Arguments]";
+function dt(e) {
+  return He(e) && Ue(e) == _r;
+}
+var Bt = Object.prototype, Fr = Bt.hasOwnProperty, Pr = Bt.propertyIsEnumerable, Vr = dt(/* @__PURE__ */ (function() {
+  return arguments;
+})()) ? dt : function(e) {
+  return He(e) && Fr.call(e, "callee") && !Pr.call(e, "callee");
+}, Or = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Er = /^\w*$/;
+function Br(e, t) {
+  if (be(e))
+    return !1;
+  var o = typeof e;
+  return o == "number" || o == "symbol" || o == "boolean" || e == null || We(e) ? !0 : Er.test(e) || !Or.test(e) || t != null && e in Object(t);
+}
+var ue = Et(Object, "create");
+function Ar() {
+  this.__data__ = ue ? ue(null) : {}, this.size = 0;
+}
+function Rr(e) {
+  var t = this.has(e) && delete this.__data__[e];
+  return this.size -= t ? 1 : 0, t;
+}
+var Tr = "__lodash_hash_undefined__", jr = Object.prototype, Mr = jr.hasOwnProperty;
+function zr(e) {
+  var t = this.__data__;
+  if (ue) {
+    var o = t[e];
+    return o === Tr ? void 0 : o;
+  }
+  return Mr.call(t, e) ? t[e] : void 0;
+}
+var Lr = Object.prototype, Nr = Lr.hasOwnProperty;
+function Ir(e) {
+  var t = this.__data__;
+  return ue ? t[e] !== void 0 : Nr.call(t, e);
+}
+var Dr = "__lodash_hash_undefined__";
+function Ur(e, t) {
+  var o = this.__data__;
+  return this.size += this.has(e) ? 0 : 1, o[e] = ue && t === void 0 ? Dr : t, this;
+}
+function K(e) {
+  var t = -1, o = e == null ? 0 : e.length;
+  for (this.clear(); ++t < o; ) {
+    var n = e[t];
+    this.set(n[0], n[1]);
+  }
+}
+K.prototype.clear = Ar;
+K.prototype.delete = Rr;
+K.prototype.get = zr;
+K.prototype.has = Ir;
+K.prototype.set = Ur;
+function Hr() {
+  this.__data__ = [], this.size = 0;
+}
+function we(e, t) {
+  for (var o = e.length; o--; )
+    if (xr(e[o][0], t))
+      return o;
+  return -1;
+}
+var Wr = Array.prototype, Gr = Wr.splice;
+function qr(e) {
+  var t = this.__data__, o = we(t, e);
+  if (o < 0)
+    return !1;
+  var n = t.length - 1;
+  return o == n ? t.pop() : Gr.call(t, o, 1), --this.size, !0;
+}
+function Yr(e) {
+  var t = this.__data__, o = we(t, e);
+  return o < 0 ? void 0 : t[o][1];
+}
+function Kr(e) {
+  return we(this.__data__, e) > -1;
+}
+function Xr(e, t) {
+  var o = this.__data__, n = we(o, e);
+  return n < 0 ? (++this.size, o.push([e, t])) : o[n][1] = t, this;
+}
+function ne(e) {
+  var t = -1, o = e == null ? 0 : e.length;
+  for (this.clear(); ++t < o; ) {
+    var n = e[t];
+    this.set(n[0], n[1]);
+  }
+}
+ne.prototype.clear = Hr;
+ne.prototype.delete = qr;
+ne.prototype.get = Yr;
+ne.prototype.has = Kr;
+ne.prototype.set = Xr;
+var Zr = Et(De, "Map");
+function Qr() {
+  this.size = 0, this.__data__ = {
+    hash: new K(),
+    map: new (Zr || ne)(),
+    string: new K()
+  };
+}
+function Jr(e) {
+  var t = typeof e;
+  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
+}
+function Se(e, t) {
+  var o = e.__data__;
+  return Jr(t) ? o[typeof t == "string" ? "string" : "hash"] : o.map;
+}
+function es(e) {
+  var t = Se(this, e).delete(e);
+  return this.size -= t ? 1 : 0, t;
+}
+function ts(e) {
+  return Se(this, e).get(e);
+}
+function os(e) {
+  return Se(this, e).has(e);
+}
+function ns(e, t) {
+  var o = Se(this, e), n = o.size;
+  return o.set(e, t), this.size += o.size == n ? 0 : 1, this;
+}
+function Q(e) {
+  var t = -1, o = e == null ? 0 : e.length;
+  for (this.clear(); ++t < o; ) {
+    var n = e[t];
+    this.set(n[0], n[1]);
+  }
+}
+Q.prototype.clear = Qr;
+Q.prototype.delete = es;
+Q.prototype.get = ts;
+Q.prototype.has = os;
+Q.prototype.set = ns;
+var rs = "Expected a function";
+function Ge(e, t) {
+  if (typeof e != "function" || t != null && typeof t != "function")
+    throw new TypeError(rs);
+  var o = function() {
+    var n = arguments, r = t ? t.apply(this, n) : n[0], s = o.cache;
+    if (s.has(r))
+      return s.get(r);
+    var a = e.apply(this, n);
+    return o.cache = s.set(r, a) || s, a;
+  };
+  return o.cache = new (Ge.Cache || Q)(), o;
+}
+Ge.Cache = Q;
+var ss = 500;
+function as(e) {
+  var t = Ge(e, function(n) {
+    return o.size === ss && o.clear(), n;
+  }), o = t.cache;
+  return t;
+}
+var ls = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, cs = /\\(\\)?/g, us = as(function(e) {
+  var t = [];
+  return e.charCodeAt(0) === 46 && t.push(""), e.replace(ls, function(o, n, r, s) {
+    t.push(r ? s.replace(cs, "$1") : n || o);
+  }), t;
+});
+function ds(e) {
+  return e == null ? "" : Vt(e);
+}
+function fs(e, t) {
+  return be(e) ? e : Br(e, t) ? [e] : us(ds(e));
+}
+function ps(e) {
+  if (typeof e == "string" || We(e))
+    return e;
+  var t = e + "";
+  return t == "0" && 1 / e == -1 / 0 ? "-0" : t;
+}
+function ms(e, t) {
+  return e != null && t in Object(e);
+}
+function hs(e, t, o) {
+  t = fs(t, e);
+  for (var n = -1, r = t.length, s = !1; ++n < r; ) {
+    var a = ps(t[n]);
+    if (!(s = e != null && o(e, a)))
+      break;
+    e = e[a];
+  }
+  return s || ++n != r ? s : (r = e == null ? 0 : e.length, !!r && $r(r) && kr(a, r) && (be(e) || Vr(e)));
+}
+function vs(e, t) {
+  return e != null && hs(e, t, ms);
+}
+const ys = { class: "my-filter-complex" }, gs = {
+  key: 0,
+  class: "my-filter-input"
+}, bs = { class: "my-fc-footer" }, ws = /* @__PURE__ */ O({
+  __name: "FilterComplex",
+  props: {
+    renderOpts: Object,
+    renderParams: Object
+  },
+  setup(e) {
+    const t = e, o = M(), n = b(() => {
+      const { column: i } = t.renderParams || {};
+      return i ? i.field : "";
+    }), r = () => {
+      const { renderParams: i } = t;
+      if (i) {
+        const { column: u } = i, c = u.filters[0];
+        o.value = c;
+      }
+    };
+    U(n, () => {
+      r();
+    }), r();
+    const s = b(() => t.renderParams.column), a = b(() => vs(s.value.params, "optionlist") ? "select" : "input"), l = () => {
+      const { renderParams: i } = t, u = o.value;
+      if (i && u) {
+        const { $table: c } = i, h = !!u.data;
+        c.updateFilterOptionStatus(u, h);
+      }
+    }, m = () => {
+      const { renderParams: i } = t, u = {};
+      if (i) {
+        const { $table: c } = i;
+        c.getColumns().forEach((g) => {
+          const { field: S, filters: F } = g;
+          if (S && F && F.length) {
+            const C = F[0];
+            C.data && (u[S] = C.data);
+          }
+        });
+      }
+      return u;
+    }, y = () => {
+      const { renderParams: i } = t;
+      if (i) {
+        const { $table: u, $grid: c } = i, h = o.value;
+        h && u.updateFilterOptionStatus(h, !!h.data);
+        const g = m();
+        c.commitProxy("query", g), c.closeFilter();
+      }
+    }, v = () => {
+      const { renderParams: i } = t, u = o.value;
+      if (i && u) {
+        const { $table: c, $grid: h } = i;
+        u.data = "", c.updateFilterOptionStatus(u, !1);
+        const g = m();
+        h.commitProxy("query", g), h.closeFilter();
+      }
+    };
+    return (i, u) => (w(), R("div", ys, [
+      o.value ? (w(), R("div", gs, [
+        a.value === "select" ? (w(), V(p(So), {
+          key: 0,
+          modelValue: o.value.data,
+          "onUpdate:modelValue": u[0] || (u[0] = (c) => o.value.data = c),
+          options: s.value.params.optionlist,
+          clearable: "",
+          onChange: l
+        }, null, 8, ["modelValue", "options"])) : (w(), V(p(ko), {
+          key: 1,
+          modelValue: o.value.data,
+          "onUpdate:modelValue": u[1] || (u[1] = (c) => o.value.data = c),
+          clearable: "",
+          onKeyup: vt(y, ["enter"]),
+          onInput: l
+        }, null, 8, ["modelValue"]))
+      ])) : z("", !0),
+      _("div", bs, [
+        E(p(Te), { onClick: v }, {
+          default: $(() => [...u[2] || (u[2] = [
+            D("重置", -1)
+          ])]),
+          _: 1
+        }),
+        E(p(Te), {
+          status: "primary",
+          onClick: y
+        }, {
+          default: $(() => [...u[3] || (u[3] = [
+            D("确认", -1)
+          ])]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), Ss = /* @__PURE__ */ kt(ws, [["__scopeId", "data-v-98a6f5eb"]]);
+wo.renderer.add("MyFilterComplex", {
+  // 不显示底部按钮，使用自定义的按钮
+  showTableFilterFooter: !1,
+  // 自定义筛选模板
+  renderTableFilter(e, t) {
+    return /* @__PURE__ */ React.createElement(Ss, { renderOpts: e, renderParams: t });
+  }
+});
+const ks = /* @__PURE__ */ O({
+  components: {
+    VxePager: xo,
+    VxeButton: Te
+  },
+  __name: "use-query-grid",
+  setup(e, { expose: t }) {
+    const o = M(), n = ft();
+    return Un(o, n), t({
+      getGrid: () => o.value
+    }), (r, s) => (w(), V(p(bt), L({
+      ref_key: "gridRef",
+      ref: o
+    }, r.$attrs), de({ _: 2 }, [
+      Z(r.$slots, (a, l) => ({
+        name: l,
+        fn: $((m) => [
+          j(r.$slots, l, Y(fe(m || {})))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+function Ys(e) {
+  const t = M(), o = new Dn(t, e);
+  return [O(
+    (r, { attrs: s, slots: a }) => {
+      const { gridEvents: l, gridOptions: m } = e, y = Object.entries(l || {}).reduce((v, [i, u]) => {
+        const c = `on${i.charAt(0).toUpperCase() + i.slice(1)}`;
+        return v[c] = u, v;
+      }, {});
+      return () => ye(ks, { ref: t, ...r, ...s, ...m, ...y }, a);
+    }
+  ), o];
+}
+let ae = null;
+async function At() {
+  return ae || (ae = await import("nprogress"), ae.configure({
+    showSpinner: !0,
+    speed: 300
+  }), ae);
+}
+async function Ks() {
+  (await At())?.start();
+}
+async function Xs() {
+  (await At())?.done();
+}
+export {
+  Pn as FormApi,
+  tn as Modal,
+  zs as ModalTypes,
+  Is as SunnyBatchSelect,
+  Ws as SunnyForm,
+  tt as SunnyIcon,
+  Ls as SunnyScrollbar,
+  Ds as SunnySearchInputTag,
+  wn as SunnySelect,
+  Ns as SunnyUpload,
+  Js as patterns,
+  Us as setupSunnyForm,
+  Ks as startProgress,
+  Xs as stopProgress,
+  qs as useSunnyEditGrid,
+  Hs as useSunnyForm,
+  Ms as useSunnyModal,
+  Ys as useSunnyQueryGrid,
+  Rs as z
+};