@iswangh/element-plus-kit-form 0.1.3 → 0.2.0

package/dist/index.js

@@ -1,426 +1,1142 @@
-import { defineComponent as P, createElementBlock as N, openBlock as p, createElementVNode as J, computed as f, withDirectives as Q, createCommentVNode as ae, createBlock as I, unref as V, withCtx as b, Fragment as Z, renderList as B, mergeProps as D, createTextVNode as se, toDisplayString as ie, resolveDynamicComponent as F, vShow as ee, mergeModels as W, useModel as ce, ref as L, watch as G, watchEffect as ue, normalizeProps as te, guardReactiveProps as oe, createSlots as K, renderSlot as me, nextTick as H, useAttrs as fe, useSlots as de, withModifiers as pe, createVNode as q } from "vue";
-import { checkCondition as X } from "@iswangh/element-plus-kit-core";
-import { ElTreeSelect as ve, ElTransfer as ge, ElTimeSelect as he, ElTimePicker as Ce, ElSwitch as Ee, ElSlider as Ie, ElSelectV2 as ye, ElSelect as Ae, ElRate as be, ElRadioGroup as Se, ElMention as we, ElInputTag as Oe, ElInputNumber as ke, ElInput as De, ElDatePicker as Fe, ElDatePickerPanel as Te, ElColorPicker as Me, ElColorPickerPanel as Ve, ElCheckboxGroup as Pe, ElCascader as xe, ElAutocomplete as _e, ElFormItem as ne, ElButton as Be, ElCol as Ne, ElRow as Ue, ElForm as Re } from "element-plus";
-var $e = /* @__PURE__ */ P({
+import { onBeforeUnmount as Lt, nextTick as le, defineComponent as re, createElementBlock as R, openBlock as x, createElementVNode as Be, computed as O, withDirectives as gt, createCommentVNode as ht, createBlock as A, unref as k, withCtx as B, Fragment as fe, renderSlot as zt, renderList as _e, mergeProps as de, normalizeClass as Gt, createVNode as ve, createTextVNode as Ht, toDisplayString as Wt, resolveDynamicComponent as H, vShow as vt, mergeModels as je, useModel as yt, ref as xe, watch as Oe, watchEffect as Kt, normalizeProps as ue, guardReactiveProps as ye, createSlots as Ne, useAttrs as qt, useSlots as Xt, onMounted as Yt, withModifiers as Jt, TransitionGroup as Zt } from "vue";
+import { checkCondition as Le } from "@iswangh/element-plus-kit-core";
+import { ElTreeSelect as Qt, ElTransfer as er, ElTimeSelect as tr, ElTimePicker as rr, ElSwitch as nr, ElSlider as or, ElSelectV2 as ar, ElSelect as ir, ElRate as sr, ElRadioGroup as cr, ElMention as ur, ElInputTag as lr, ElInputNumber as fr, ElInput as pr, ElDatePicker as dr, ElDatePickerPanel as mr, ElColorPicker as gr, ElColorPickerPanel as hr, ElCheckboxGroup as vr, ElCascader as yr, ElAutocomplete as br, ElFormItem as bt, ElButton as Tr, ElIcon as _r, ElCol as jr, ElRow as xr, ElForm as Or } from "element-plus";
+function wr(e, t, r) {
+  let n = !1, o = null, i = null;
+  function u() {
+    o && (clearTimeout(o), o = null), i && (clearTimeout(i), i = null);
+  }
+  function v() {
+    !t.value || n || (o && clearTimeout(o), o = setTimeout(() => {
+      !e.value && !n && r(!0);
+    }, 500));
+  }
+  function m() {
+    o && (clearTimeout(o), o = null), i && clearTimeout(i), le(() => {
+      i = setTimeout(() => {
+        n = !1, i = null;
+      }, 100);
+    });
+  }
+  function d() {
+    t.value && (n = !0, u());
+  }
+  return Lt(u), {
+    onMouseEnter: v,
+    onMouseLeave: m,
+    recordManualToggle: d
+  };
+}
+function Er() {
+  let e = !1;
+  return {
+    /** 是否用户交互 */
+    get isUser() {
+      return e;
+    },
+    /** 开始用户交互 */
+    start() {
+      e = !0;
+    },
+    /** 结束用户交互（在 nextTick 中调用） */
+    end() {
+      e = !1;
+    }
+  };
+}
+function Ir() {
+  let e = !1, t = !1;
+  return {
+    /** 是否正在处理依赖变更 */
+    get changing() {
+      return e;
+    },
+    /** 用户是否在 change 事件中设置了值 */
+    get hasUserValue() {
+      return t;
+    },
+    /** 开始依赖变更处理 */
+    start() {
+      e = !0, t = !1;
+    },
+    /** 结束依赖变更处理 */
+    end() {
+      e = !1, t = !1;
+    },
+    /** 标记用户在 change 事件中设置了值 */
+    markValue() {
+      t = !0;
+    }
+  };
+}
+var $r = /* @__PURE__ */ re({
+  name: "ArrowDown",
+  __name: "arrow-down",
+  setup(e) {
+    return (t, r) => (x(), R("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      Be("path", {
+        fill: "currentColor",
+        d: "M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.59 30.59 0 0 0-42.752 0z"
+      })
+    ]));
+  }
+}), Ar = $r, Cr = /* @__PURE__ */ re({
   name: "Refresh",
   __name: "refresh",
   setup(e) {
-    return (n, t) => (p(), N("svg", {
+    return (t, r) => (x(), R("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      J("path", {
+      Be("path", {
         fill: "currentColor",
         d: "M771.776 794.88A384 384 0 0 1 128 512h64a320 320 0 0 0 555.712 216.448H654.72a32 32 0 1 1 0-64h149.056a32 32 0 0 1 32 32v148.928a32 32 0 1 1-64 0v-50.56zM276.288 295.616h92.992a32 32 0 0 1 0 64H220.16a32 32 0 0 1-32-32V178.56a32 32 0 0 1 64 0v50.56A384 384 0 0 1 896.128 512h-64a320 320 0 0 0-555.776-216.384z"
       })
     ]));
   }
-}), je = $e, Le = /* @__PURE__ */ P({
+}), Sr = Cr, Pr = /* @__PURE__ */ re({
   name: "Search",
   __name: "search",
   setup(e) {
-    return (n, t) => (p(), N("svg", {
+    return (t, r) => (x(), R("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      J("path", {
+      Be("path", {
         fill: "currentColor",
         d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"
       })
     ]));
   }
-}), ze = Le;
-const We = ["comp", "compAttrs", "vIf", "vShow"], Ge = {
-  custom: "div"
-}, Ke = {
-  autocomplete: _e,
-  cascader: xe,
-  checkbox: Pe,
-  "color-picker-panel": Ve,
-  "color-picker": Me,
-  "date-picker-panel": Te,
-  "date-picker": Fe,
-  input: De,
-  "input-number": ke,
-  "input-tag": Oe,
-  mention: we,
-  radio: Se,
-  rate: be,
-  select: Ae,
-  "select-v2": ye,
-  slider: Ie,
-  switch: Ee,
-  "time-picker": Ce,
-  "time-select": he,
-  transfer: ge,
-  "tree-select": ve
-}, He = {
-  ...Ke,
-  ...Ge
-}, qe = {
+}), Mr = Pr;
+const Fr = {
+  search: { label: "搜索", icon: Mr, type: "primary" },
+  reset: { label: "重置", icon: Sr },
+  submit: { label: "确认", type: "primary" },
+  cancel: { label: "取消" },
+  expand: { type: "text" }
+}, Dr = {
+  /**
+   * 获取动作默认属性
+   */
+  getDefaults(e, t) {
+    return { ...this.buildActionProps(e), ...t };
+  },
+  /**
+   * 获取动作按钮列表
+   */
+  getActionButtons(e) {
+    return e ? ["search", "reset"] : ["submit", "cancel"];
+  },
+  /**
+   * 构建动作属性
+   */
+  buildActionProps(e) {
+    return {
+      buttons: this.getActionButtons(e),
+      vIf: e,
+      autoExpandOnError: !0,
+      vShow: !0
+    };
+  }
+}, Br = ["compType", "compProps", "vIf", "vShow"], Vr = { custom: "div" }, kr = {
+  autocomplete: br,
+  cascader: yr,
+  checkbox: vr,
+  "color-picker-panel": hr,
+  "color-picker": gr,
+  "date-picker-panel": mr,
+  "date-picker": dr,
+  input: pr,
+  "input-number": fr,
+  "input-tag": lr,
+  mention: ur,
+  radio: cr,
+  rate: sr,
+  select: ir,
+  "select-v2": ar,
+  slider: or,
+  switch: nr,
+  "time-picker": rr,
+  "time-select": tr,
+  transfer: er,
+  "tree-select": Qt
+}, Rr = { ...kr, ...Vr }, ze = {
   /**
    * 获取组件默认属性
    */
   getDefaults(e) {
-    const { comp: n, compAttrs: t = {} } = e, s = this.getComponentType(n);
+    const { compType: t, compProps: r = {} } = e, n = this.getCompType(t);
     return {
-      ...this.buildComponentAttrs(e, s),
-      ...t
+      ...this.buildCompProps(e, n),
+      ...r
       // 用户配置最后合并，优先级最高
     };
   },
   /**
    * 判断组件类型
    */
-  getComponentType(e) {
-    const n = ["autocomplete", "input", "input-number", "input-tag", "mention"], t = ["cascader", "select", "select-v2", "tree-select"], s = ["date-picker", "time-select", "time-picker"];
-    return n.includes(e) ? "input" : t.includes(e) ? "select" : s.includes(e) ? "picker" : "other";
+  getCompType(e) {
+    const t = ["autocomplete", "input", "input-number", "input-tag", "mention"], r = ["cascader", "select", "select-v2", "tree-select"], n = ["date-picker", "time-select", "time-picker"];
+    return t.includes(e) ? "input" : r.includes(e) ? "select" : n.includes(e) ? "picker" : "other";
   },
   /**
    * 动态生成 placeholder
    */
-  generatePlaceholder(e, n) {
-    const { label: t, comp: s } = e, l = t ? `${t}` : "";
-    return n === "input" ? s === "input-number" ? "请输入" : `请输入${l}` : ["select", "picker"].includes(n) ? `请选择${l}` : "";
+  generatePlaceholder(e, t) {
+    const { label: r, compType: n } = e, o = r ? `${r}` : "";
+    return t === "input" ? n === "input-number" ? "请输入" : `请输入${o}` : ["select", "picker"].includes(t) ? `请选择${o}` : "";
   },
   /**
    * 构建组件属性
    */
-  buildComponentAttrs(e, n) {
-    const t = {};
-    return ["input", "select", "picker"].includes(n) && (t.placeholder = this.generatePlaceholder(e, n), t.clearable = !0), ["select"].includes(n) && (t.filterable = !0), t;
+  buildCompProps(e, t) {
+    const r = {};
+    return ["input", "select", "picker"].includes(t) && (r.placeholder = this.generatePlaceholder(e, t), r.clearable = !0), ["select"].includes(t) && (r.filterable = !0), r;
   }
-}, Xe = {
+}, Tt = {
+  behavior: "smooth",
+  // 平滑滚动
+  block: "center",
+  // 垂直居中，让错误项在视窗中间
+  inline: "nearest"
+  // 水平方向保持最近位置
+}, Ur = {
   showMessage: !0,
   scrollToError: !0,
-  scrollIntoViewOptions: {
-    behavior: "smooth",
-    // 平滑滚动
-    block: "center",
-    // 垂直居中，让错误项在视窗中间
-    inline: "nearest"
-    // 水平方向保持最近位置
-  }
-}, Ye = {
-  search: { label: "搜索", icon: ze, type: "primary" },
-  reset: { label: "重置", icon: je },
-  submit: { label: "确认", type: "primary" },
-  cancel: { label: "取消" }
-}, Je = {
-  getDefaults(e, n) {
-    return {
-      ...this.buildActionAttrs(e),
-      ...n
-    };
-  },
-  generateActionButtons(e) {
-    return e ? ["search", "reset"] : ["submit", "cancel"];
-  },
-  buildActionAttrs(e) {
-    return {
-      buttons: this.generateActionButtons(e),
-      vIf: e,
-      vShow: !0
-    };
-  }
-}, Qe = /* @__PURE__ */ P({
+  scrollIntoViewOptions: Tt
+}, Nr = /* @__PURE__ */ re({
   name: "ElementPlusKitFormItemAction",
   __name: "FormAction",
   props: {
     inline: { type: Boolean, default: !1 },
     actionSlot: {},
-    config: { default: () => ({}) }
+    config: { default: () => ({}) },
+    expanded: { type: Boolean, default: !1 },
+    autoExpandOnHover: { type: Boolean },
+    onMouseEnter: {},
+    onMouseLeave: {}
   },
   emits: ["action"],
-  setup(e) {
-    const n = e, t = f(() => ({
-      ...n,
-      config: { ...Je.getDefaults(n.inline, n.config) }
-    })), s = f(() => {
-      const { buttons: d } = t.value.config;
-      return d.map((m) => {
-        if (typeof m != "string")
-          return m;
-        const v = Ye[m];
-        return v ? { ...v, eventName: m } : { label: m.toUpperCase(), eventName: m };
+  setup(e, { emit: t }) {
+    const r = e, n = t, o = O(() => ({
+      ...r,
+      config: { ...Dr.getDefaults(r.inline, r.config) }
+    })), i = O(() => {
+      const { buttons: g } = o.value.config;
+      return g.map((_) => {
+        if (typeof _ != "string")
+          return _;
+        const f = Fr[_];
+        return f ? { ...f, eventName: _ } : { label: _.toUpperCase(), eventName: _ };
       });
-    }), l = (d) => {
-      const { label: m, eventName: v, ...g } = d;
-      return g;
-    };
-    return (d, m) => t.value.config.vIf ? Q((p(), I(V(ne), {
+    });
+    function u(g) {
+      return g.eventName === "expand";
+    }
+    function v(g) {
+      const { label: _, eventName: f, ...w } = g;
+      if (u(g)) {
+        const j = r.expanded ? "收起" : "展开";
+        return {
+          ...w,
+          title: j,
+          "aria-label": j,
+          "aria-expanded": r.expanded
+        };
+      }
+      return w;
+    }
+    function m(g) {
+      const _ = g.eventName, f = u(g) ? r.expanded : void 0;
+      n("action", { eventName: _, data: f });
+    }
+    function d(g) {
+      u(g) && r.autoExpandOnHover && r.onMouseEnter?.();
+    }
+    function I(g) {
+      u(g) && r.autoExpandOnHover && r.onMouseLeave?.();
+    }
+    return (g, _) => o.value.config.vIf ? gt((x(), A(k(bt), {
       key: 0,
       prop: "action"
     }, {
-      default: b(() => [
-        e.actionSlot ? (p(), I(F(e.actionSlot), {
+      default: B(() => [
+        e.actionSlot ? (x(), A(H(e.actionSlot), {
           key: 1,
           prop: "action"
-        })) : (p(!0), N(Z, { key: 0 }, B(s.value, (v, g) => (p(), I(V(Be), D({
-          key: `${v.label}-${g}`
-        }, { ref_for: !0 }, l(v), {
-          onClick: (T) => d.$emit("action", { eventName: v.eventName })
-        }), {
-          default: b(() => [
-            se(ie(v.label ?? ""), 1)
-          ]),
-          _: 2
-        }, 1040, ["onClick"]))), 128))
+        })) : (x(), R(fe, { key: 0 }, [
+          (x(!0), R(fe, null, _e(i.value, (f, w) => (x(), A(k(Tr), de({
+            key: `${f.eventName}-${w}`
+          }, { ref_for: !0 }, v(f), {
+            onMouseenter: (j) => d(f),
+            onMouseleave: (j) => I(f),
+            onClick: (j) => m(f)
+          }), {
+            default: B(() => [
+              u(f) && e.inline ? (x(), A(k(_r), {
+                key: 0,
+                class: Gt(["expand-toggle-icon", { "is-expanded": e.expanded }])
+              }, {
+                default: B(() => [
+                  ve(k(Ar))
+                ]),
+                _: 1
+              }, 8, ["class"])) : (x(), R(fe, { key: 1 }, [
+                Ht(Wt(f.label ?? ""), 1)
+              ], 64))
+            ]),
+            _: 2
+          }, 1040, ["onMouseenter", "onMouseleave", "onClick"]))), 128)),
+          zt(g.$slots, "default", {}, void 0, !0)
+        ], 64))
       ]),
-      _: 1
+      _: 3
     }, 512)), [
-      [ee, t.value.config.vShow]
-    ]) : ae("", !0);
+      [vt, o.value.config.vShow]
+    ]) : ht("", !0);
   }
-});
-function Ze() {
-  let e = !1, n = !1, t = null, s = !1;
-  return {
-    /** 是否正在清理 */
-    get isClearing() {
-      return e;
-    },
-    /** 是否用户交互 */
-    get isUserInteraction() {
-      return n;
-    },
-    /**
-     * 开始清理操作
-     * @param value - 清理前的值
-     */
-    startClearing(l) {
-      e = !0, t = l, s = !0;
-    },
-    /**
-     * 结束清理操作（在 nextTick 中调用）
-     */
-    endClearing() {
-      e = !1, t = null, s = !1;
-    },
-    /**
-     * 开始用户交互
-     */
-    startUserInteraction() {
-      n = !0;
-    },
-    /**
-     * 结束用户交互（在 nextTick 中调用）
-     */
-    endUserInteraction() {
-      n = !1;
-    },
-    /**
-     * 判断是否是清理操作
-     * @param oldValue - 旧值
-     * @param newValue - 新值
-     * @param isEmpty - 检查值是否为空的函数
-     */
-    isClearingOperation(l, d, m) {
-      return !!(e || s || !m(l) && m(d) && l === t);
+}), _t = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [n, o] of t)
+    r[n] = o;
+  return r;
+}, Lr = /* @__PURE__ */ _t(Nr, [["__scopeId", "data-v-3e763e14"]]);
+function zr(e, t) {
+  return e ? e.some((r) => typeof r == "string" ? r === t : r.eventName === t) : !1;
+}
+var jt = typeof global == "object" && global && global.Object === Object && global, Gr = typeof self == "object" && self && self.Object === Object && self, M = jt || Gr || Function("return this")(), ee = M.Symbol, xt = Object.prototype, Hr = xt.hasOwnProperty, Wr = xt.toString, ce = ee ? ee.toStringTag : void 0;
+function Kr(e) {
+  var t = Hr.call(e, ce), r = e[ce];
+  try {
+    e[ce] = void 0;
+    var n = !0;
+  } catch {
+  }
+  var o = Wr.call(e);
+  return n && (t ? e[ce] = r : delete e[ce]), o;
+}
+var qr = Object.prototype, Xr = qr.toString;
+function Yr(e) {
+  return Xr.call(e);
+}
+var Jr = "[object Null]", Zr = "[object Undefined]", Ge = ee ? ee.toStringTag : void 0;
+function ne(e) {
+  return e == null ? e === void 0 ? Zr : Jr : Ge && Ge in Object(e) ? Kr(e) : Yr(e);
+}
+function oe(e) {
+  return e != null && typeof e == "object";
+}
+var Qr = "[object Symbol]";
+function en(e) {
+  return typeof e == "symbol" || oe(e) && ne(e) == Qr;
+}
+var we = Array.isArray, tn = /\s/;
+function rn(e) {
+  for (var t = e.length; t-- && tn.test(e.charAt(t)); )
+    ;
+  return t;
+}
+var nn = /^\s+/;
+function on(e) {
+  return e && e.slice(0, rn(e) + 1).replace(nn, "");
+}
+function q(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var He = NaN, an = /^[-+]0x[0-9a-f]+$/i, sn = /^0b[01]+$/i, cn = /^0o[0-7]+$/i, un = parseInt;
+function We(e) {
+  if (typeof e == "number")
+    return e;
+  if (en(e))
+    return He;
+  if (q(e)) {
+    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = q(t) ? t + "" : t;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = on(e);
+  var r = sn.test(e);
+  return r || cn.test(e) ? un(e.slice(2), r ? 2 : 8) : an.test(e) ? He : +e;
+}
+var ln = "[object AsyncFunction]", fn = "[object Function]", pn = "[object GeneratorFunction]", dn = "[object Proxy]";
+function Ot(e) {
+  if (!q(e))
+    return !1;
+  var t = ne(e);
+  return t == fn || t == pn || t == ln || t == dn;
+}
+var Ae = M["__core-js_shared__"], Ke = (function() {
+  var e = /[^.]+$/.exec(Ae && Ae.keys && Ae.keys.IE_PROTO || "");
+  return e ? "Symbol(src)_1." + e : "";
+})();
+function mn(e) {
+  return !!Ke && Ke in e;
+}
+var gn = Function.prototype, hn = gn.toString;
+function Y(e) {
+  if (e != null) {
+    try {
+      return hn.call(e);
+    } catch {
     }
+    try {
+      return e + "";
+    } catch {
+    }
+  }
+  return "";
+}
+var vn = /[\\^$.*+?()[\]{}|]/g, yn = /^\[object .+?Constructor\]$/, bn = Function.prototype, Tn = Object.prototype, _n = bn.toString, jn = Tn.hasOwnProperty, xn = RegExp(
+  "^" + _n.call(jn).replace(vn, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function On(e) {
+  if (!q(e) || mn(e))
+    return !1;
+  var t = Ot(e) ? xn : yn;
+  return t.test(Y(e));
+}
+function wn(e, t) {
+  return e?.[t];
+}
+function J(e, t) {
+  var r = wn(e, t);
+  return On(r) ? r : void 0;
+}
+var Pe = J(M, "WeakMap"), qe = Object.create, En = /* @__PURE__ */ (function() {
+  function e() {
+  }
+  return function(t) {
+    if (!q(t))
+      return {};
+    if (qe)
+      return qe(t);
+    e.prototype = t;
+    var r = new e();
+    return e.prototype = void 0, r;
+  };
+})(), Xe = (function() {
+  try {
+    var e = J(Object, "defineProperty");
+    return e({}, "", {}), e;
+  } catch {
+  }
+})();
+function In(e, t) {
+  for (var r = -1, n = e == null ? 0 : e.length; ++r < n && t(e[r], r, e) !== !1; )
+    ;
+  return e;
+}
+var $n = 9007199254740991, An = /^(?:0|[1-9]\d*)$/;
+function Cn(e, t) {
+  var r = typeof e;
+  return t = t ?? $n, !!t && (r == "number" || r != "symbol" && An.test(e)) && e > -1 && e % 1 == 0 && e < t;
+}
+function Sn(e, t, r) {
+  t == "__proto__" && Xe ? Xe(e, t, {
+    configurable: !0,
+    enumerable: !0,
+    value: r,
+    writable: !0
+  }) : e[t] = r;
+}
+function wt(e, t) {
+  return e === t || e !== e && t !== t;
+}
+var Pn = Object.prototype, Mn = Pn.hasOwnProperty;
+function Fn(e, t, r) {
+  var n = e[t];
+  (!(Mn.call(e, t) && wt(n, r)) || r === void 0 && !(t in e)) && Sn(e, t, r);
+}
+var Dn = 9007199254740991;
+function Et(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= Dn;
+}
+function It(e) {
+  return e != null && Et(e.length) && !Ot(e);
+}
+var Bn = Object.prototype;
+function Ve(e) {
+  var t = e && e.constructor, r = typeof t == "function" && t.prototype || Bn;
+  return e === r;
+}
+function Vn(e, t) {
+  for (var r = -1, n = Array(e); ++r < e; )
+    n[r] = t(r);
+  return n;
+}
+var kn = "[object Arguments]";
+function Ye(e) {
+  return oe(e) && ne(e) == kn;
+}
+var $t = Object.prototype, Rn = $t.hasOwnProperty, Un = $t.propertyIsEnumerable, At = Ye(/* @__PURE__ */ (function() {
+  return arguments;
+})()) ? Ye : function(e) {
+  return oe(e) && Rn.call(e, "callee") && !Un.call(e, "callee");
+};
+function Nn() {
+  return !1;
+}
+var Ct = typeof exports == "object" && exports && !exports.nodeType && exports, Je = Ct && typeof module == "object" && module && !module.nodeType && module, Ln = Je && Je.exports === Ct, Ze = Ln ? M.Buffer : void 0, zn = Ze ? Ze.isBuffer : void 0, ke = zn || Nn, Gn = "[object Arguments]", Hn = "[object Array]", Wn = "[object Boolean]", Kn = "[object Date]", qn = "[object Error]", Xn = "[object Function]", Yn = "[object Map]", Jn = "[object Number]", Zn = "[object Object]", Qn = "[object RegExp]", eo = "[object Set]", to = "[object String]", ro = "[object WeakMap]", no = "[object ArrayBuffer]", oo = "[object DataView]", ao = "[object Float32Array]", io = "[object Float64Array]", so = "[object Int8Array]", co = "[object Int16Array]", uo = "[object Int32Array]", lo = "[object Uint8Array]", fo = "[object Uint8ClampedArray]", po = "[object Uint16Array]", mo = "[object Uint32Array]", T = {};
+T[ao] = T[io] = T[so] = T[co] = T[uo] = T[lo] = T[fo] = T[po] = T[mo] = !0;
+T[Gn] = T[Hn] = T[no] = T[Wn] = T[oo] = T[Kn] = T[qn] = T[Xn] = T[Yn] = T[Jn] = T[Zn] = T[Qn] = T[eo] = T[to] = T[ro] = !1;
+function go(e) {
+  return oe(e) && Et(e.length) && !!T[ne(e)];
+}
+function Re(e) {
+  return function(t) {
+    return e(t);
   };
 }
-function re(e, n) {
+var St = typeof exports == "object" && exports && !exports.nodeType && exports, pe = St && typeof module == "object" && module && !module.nodeType && module, ho = pe && pe.exports === St, Ce = ho && jt.process, te = (function() {
+  try {
+    var e = pe && pe.require && pe.require("util").types;
+    return e || Ce && Ce.binding && Ce.binding("util");
+  } catch {
+  }
+})(), Qe = te && te.isTypedArray, Pt = Qe ? Re(Qe) : go, vo = Object.prototype, yo = vo.hasOwnProperty;
+function bo(e, t) {
+  var r = we(e), n = !r && At(e), o = !r && !n && ke(e), i = !r && !n && !o && Pt(e), u = r || n || o || i, v = u ? Vn(e.length, String) : [], m = v.length;
+  for (var d in e)
+    yo.call(e, d) && !(u && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (d == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    o && (d == "offset" || d == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    i && (d == "buffer" || d == "byteLength" || d == "byteOffset") || // Skip index properties.
+    Cn(d, m))) && v.push(d);
+  return v;
+}
+function Mt(e, t) {
+  return function(r) {
+    return e(t(r));
+  };
+}
+var To = Mt(Object.keys, Object), _o = Object.prototype, jo = _o.hasOwnProperty;
+function Ft(e) {
+  if (!Ve(e))
+    return To(e);
+  var t = [];
+  for (var r in Object(e))
+    jo.call(e, r) && r != "constructor" && t.push(r);
+  return t;
+}
+function xo(e) {
+  return It(e) ? bo(e) : Ft(e);
+}
+var me = J(Object, "create");
+function Oo() {
+  this.__data__ = me ? me(null) : {}, this.size = 0;
+}
+function wo(e) {
+  var t = this.has(e) && delete this.__data__[e];
+  return this.size -= t ? 1 : 0, t;
+}
+var Eo = "__lodash_hash_undefined__", Io = Object.prototype, $o = Io.hasOwnProperty;
+function Ao(e) {
+  var t = this.__data__;
+  if (me) {
+    var r = t[e];
+    return r === Eo ? void 0 : r;
+  }
+  return $o.call(t, e) ? t[e] : void 0;
+}
+var Co = Object.prototype, So = Co.hasOwnProperty;
+function Po(e) {
+  var t = this.__data__;
+  return me ? t[e] !== void 0 : So.call(t, e);
+}
+var Mo = "__lodash_hash_undefined__";
+function Fo(e, t) {
+  var r = this.__data__;
+  return this.size += this.has(e) ? 0 : 1, r[e] = me && t === void 0 ? Mo : t, this;
+}
+function X(e) {
+  var t = -1, r = e == null ? 0 : e.length;
+  for (this.clear(); ++t < r; ) {
+    var n = e[t];
+    this.set(n[0], n[1]);
+  }
+}
+X.prototype.clear = Oo;
+X.prototype.delete = wo;
+X.prototype.get = Ao;
+X.prototype.has = Po;
+X.prototype.set = Fo;
+function Do() {
+  this.__data__ = [], this.size = 0;
+}
+function Ee(e, t) {
+  for (var r = e.length; r--; )
+    if (wt(e[r][0], t))
+      return r;
+  return -1;
+}
+var Bo = Array.prototype, Vo = Bo.splice;
+function ko(e) {
+  var t = this.__data__, r = Ee(t, e);
+  if (r < 0)
+    return !1;
+  var n = t.length - 1;
+  return r == n ? t.pop() : Vo.call(t, r, 1), --this.size, !0;
+}
+function Ro(e) {
+  var t = this.__data__, r = Ee(t, e);
+  return r < 0 ? void 0 : t[r][1];
+}
+function Uo(e) {
+  return Ee(this.__data__, e) > -1;
+}
+function No(e, t) {
+  var r = this.__data__, n = Ee(r, e);
+  return n < 0 ? (++this.size, r.push([e, t])) : r[n][1] = t, this;
+}
+function U(e) {
+  var t = -1, r = e == null ? 0 : e.length;
+  for (this.clear(); ++t < r; ) {
+    var n = e[t];
+    this.set(n[0], n[1]);
+  }
+}
+U.prototype.clear = Do;
+U.prototype.delete = ko;
+U.prototype.get = Ro;
+U.prototype.has = Uo;
+U.prototype.set = No;
+var ge = J(M, "Map");
+function Lo() {
+  this.size = 0, this.__data__ = {
+    hash: new X(),
+    map: new (ge || U)(),
+    string: new X()
+  };
+}
+function zo(e) {
+  var t = typeof e;
+  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
+}
+function Ie(e, t) {
+  var r = e.__data__;
+  return zo(t) ? r[typeof t == "string" ? "string" : "hash"] : r.map;
+}
+function Go(e) {
+  var t = Ie(this, e).delete(e);
+  return this.size -= t ? 1 : 0, t;
+}
+function Ho(e) {
+  return Ie(this, e).get(e);
+}
+function Wo(e) {
+  return Ie(this, e).has(e);
+}
+function Ko(e, t) {
+  var r = Ie(this, e), n = r.size;
+  return r.set(e, t), this.size += r.size == n ? 0 : 1, this;
+}
+function ae(e) {
+  var t = -1, r = e == null ? 0 : e.length;
+  for (this.clear(); ++t < r; ) {
+    var n = e[t];
+    this.set(n[0], n[1]);
+  }
+}
+ae.prototype.clear = Lo;
+ae.prototype.delete = Go;
+ae.prototype.get = Ho;
+ae.prototype.has = Wo;
+ae.prototype.set = Ko;
+function qo(e, t) {
+  for (var r = -1, n = t.length, o = e.length; ++r < n; )
+    e[o + r] = t[r];
+  return e;
+}
+var Xo = Mt(Object.getPrototypeOf, Object);
+function Yo() {
+  this.__data__ = new U(), this.size = 0;
+}
+function Jo(e) {
+  var t = this.__data__, r = t.delete(e);
+  return this.size = t.size, r;
+}
+function Zo(e) {
+  return this.__data__.get(e);
+}
+function Qo(e) {
+  return this.__data__.has(e);
+}
+var ea = 200;
+function ta(e, t) {
+  var r = this.__data__;
+  if (r instanceof U) {
+    var n = r.__data__;
+    if (!ge || n.length < ea - 1)
+      return n.push([e, t]), this.size = ++r.size, this;
+    r = this.__data__ = new ae(n);
+  }
+  return r.set(e, t), this.size = r.size, this;
+}
+function ie(e) {
+  var t = this.__data__ = new U(e);
+  this.size = t.size;
+}
+ie.prototype.clear = Yo;
+ie.prototype.delete = Jo;
+ie.prototype.get = Zo;
+ie.prototype.has = Qo;
+ie.prototype.set = ta;
+var Dt = typeof exports == "object" && exports && !exports.nodeType && exports, et = Dt && typeof module == "object" && module && !module.nodeType && module, ra = et && et.exports === Dt, tt = ra ? M.Buffer : void 0;
+tt && tt.allocUnsafe;
+function na(e, t) {
+  return e.slice();
+}
+function oa(e, t) {
+  for (var r = -1, n = e == null ? 0 : e.length, o = 0, i = []; ++r < n; ) {
+    var u = e[r];
+    t(u, r, e) && (i[o++] = u);
+  }
+  return i;
+}
+function aa() {
+  return [];
+}
+var ia = Object.prototype, sa = ia.propertyIsEnumerable, rt = Object.getOwnPropertySymbols, ca = rt ? function(e) {
+  return e == null ? [] : (e = Object(e), oa(rt(e), function(t) {
+    return sa.call(e, t);
+  }));
+} : aa;
+function ua(e, t, r) {
+  var n = t(e);
+  return we(e) ? n : qo(n, r(e));
+}
+function la(e) {
+  return ua(e, xo, ca);
+}
+var Me = J(M, "DataView"), Fe = J(M, "Promise"), De = J(M, "Set"), nt = "[object Map]", fa = "[object Object]", ot = "[object Promise]", at = "[object Set]", it = "[object WeakMap]", st = "[object DataView]", pa = Y(Me), da = Y(ge), ma = Y(Fe), ga = Y(De), ha = Y(Pe), D = ne;
+(Me && D(new Me(new ArrayBuffer(1))) != st || ge && D(new ge()) != nt || Fe && D(Fe.resolve()) != ot || De && D(new De()) != at || Pe && D(new Pe()) != it) && (D = function(e) {
+  var t = ne(e), r = t == fa ? e.constructor : void 0, n = r ? Y(r) : "";
+  if (n)
+    switch (n) {
+      case pa:
+        return st;
+      case da:
+        return nt;
+      case ma:
+        return ot;
+      case ga:
+        return at;
+      case ha:
+        return it;
+    }
+  return t;
+});
+var va = Object.prototype, ya = va.hasOwnProperty;
+function ba(e) {
+  var t = e.length, r = new e.constructor(t);
+  return t && typeof e[0] == "string" && ya.call(e, "index") && (r.index = e.index, r.input = e.input), r;
+}
+var ct = M.Uint8Array;
+function Ue(e) {
+  var t = new e.constructor(e.byteLength);
+  return new ct(t).set(new ct(e)), t;
+}
+function Ta(e, t) {
+  var r = Ue(e.buffer);
+  return new e.constructor(r, e.byteOffset, e.byteLength);
+}
+var _a = /\w*$/;
+function ja(e) {
+  var t = new e.constructor(e.source, _a.exec(e));
+  return t.lastIndex = e.lastIndex, t;
+}
+var ut = ee ? ee.prototype : void 0, lt = ut ? ut.valueOf : void 0;
+function xa(e) {
+  return lt ? Object(lt.call(e)) : {};
+}
+function Oa(e, t) {
+  var r = Ue(e.buffer);
+  return new e.constructor(r, e.byteOffset, e.length);
+}
+var wa = "[object Boolean]", Ea = "[object Date]", Ia = "[object Map]", $a = "[object Number]", Aa = "[object RegExp]", Ca = "[object Set]", Sa = "[object String]", Pa = "[object Symbol]", Ma = "[object ArrayBuffer]", Fa = "[object DataView]", Da = "[object Float32Array]", Ba = "[object Float64Array]", Va = "[object Int8Array]", ka = "[object Int16Array]", Ra = "[object Int32Array]", Ua = "[object Uint8Array]", Na = "[object Uint8ClampedArray]", La = "[object Uint16Array]", za = "[object Uint32Array]";
+function Ga(e, t, r) {
+  var n = e.constructor;
+  switch (t) {
+    case Ma:
+      return Ue(e);
+    case wa:
+    case Ea:
+      return new n(+e);
+    case Fa:
+      return Ta(e);
+    case Da:
+    case Ba:
+    case Va:
+    case ka:
+    case Ra:
+    case Ua:
+    case Na:
+    case La:
+    case za:
+      return Oa(e);
+    case Ia:
+      return new n();
+    case $a:
+    case Sa:
+      return new n(e);
+    case Aa:
+      return ja(e);
+    case Ca:
+      return new n();
+    case Pa:
+      return xa(e);
+  }
+}
+function Ha(e) {
+  return typeof e.constructor == "function" && !Ve(e) ? En(Xo(e)) : {};
+}
+var Wa = "[object Map]";
+function Ka(e) {
+  return oe(e) && D(e) == Wa;
+}
+var ft = te && te.isMap, qa = ft ? Re(ft) : Ka, Xa = "[object Set]";
+function Ya(e) {
+  return oe(e) && D(e) == Xa;
+}
+var pt = te && te.isSet, Ja = pt ? Re(pt) : Ya, Bt = "[object Arguments]", Za = "[object Array]", Qa = "[object Boolean]", ei = "[object Date]", ti = "[object Error]", Vt = "[object Function]", ri = "[object GeneratorFunction]", ni = "[object Map]", oi = "[object Number]", kt = "[object Object]", ai = "[object RegExp]", ii = "[object Set]", si = "[object String]", ci = "[object Symbol]", ui = "[object WeakMap]", li = "[object ArrayBuffer]", fi = "[object DataView]", pi = "[object Float32Array]", di = "[object Float64Array]", mi = "[object Int8Array]", gi = "[object Int16Array]", hi = "[object Int32Array]", vi = "[object Uint8Array]", yi = "[object Uint8ClampedArray]", bi = "[object Uint16Array]", Ti = "[object Uint32Array]", b = {};
+b[Bt] = b[Za] = b[li] = b[fi] = b[Qa] = b[ei] = b[pi] = b[di] = b[mi] = b[gi] = b[hi] = b[ni] = b[oi] = b[kt] = b[ai] = b[ii] = b[si] = b[ci] = b[vi] = b[yi] = b[bi] = b[Ti] = !0;
+b[ti] = b[Vt] = b[ui] = !1;
+function be(e, t, r, n, o, i) {
+  var u;
+  if (u !== void 0)
+    return u;
+  if (!q(e))
+    return e;
+  var v = we(e);
+  if (v)
+    u = ba(e);
+  else {
+    var m = D(e), d = m == Vt || m == ri;
+    if (ke(e))
+      return na(e);
+    if (m == kt || m == Bt || d && !o)
+      u = d ? {} : Ha(e);
+    else {
+      if (!b[m])
+        return o ? e : {};
+      u = Ga(e, m);
+    }
+  }
+  i || (i = new ie());
+  var I = i.get(e);
+  if (I)
+    return I;
+  i.set(e, u), Ja(e) ? e.forEach(function(f) {
+    u.add(be(f, t, r, f, e, i));
+  }) : qa(e) && e.forEach(function(f, w) {
+    u.set(w, be(f, t, r, w, e, i));
+  });
+  var g = la, _ = v ? void 0 : g(e);
+  return In(_ || e, function(f, w) {
+    _ && (w = f, f = e[w]), Fn(u, w, be(f, t, r, w, e, i));
+  }), u;
+}
+var _i = 1, ji = 4;
+function dt(e) {
+  return be(e, _i | ji);
+}
+var Se = function() {
+  return M.Date.now();
+}, xi = "Expected a function", Oi = Math.max, wi = Math.min;
+function Ei(e, t, r) {
+  var n, o, i, u, v, m, d = 0, I = !1, g = !1, _ = !0;
+  if (typeof e != "function")
+    throw new TypeError(xi);
+  t = We(t) || 0, q(r) && (I = !!r.leading, g = "maxWait" in r, i = g ? Oi(We(r.maxWait) || 0, t) : i, _ = "trailing" in r ? !!r.trailing : _);
+  function f(y) {
+    var $ = n, F = o;
+    return n = o = void 0, d = y, u = e.apply(F, $), u;
+  }
+  function w(y) {
+    return d = y, v = setTimeout(P, t), I ? f(y) : u;
+  }
+  function j(y) {
+    var $ = y - m, F = y - d, Z = t - $;
+    return g ? wi(Z, i - F) : Z;
+  }
+  function W(y) {
+    var $ = y - m, F = y - d;
+    return m === void 0 || $ >= t || $ < 0 || g && F >= i;
+  }
+  function P() {
+    var y = Se();
+    if (W(y))
+      return K(y);
+    v = setTimeout(P, j(y));
+  }
+  function K(y) {
+    return v = void 0, _ && n ? f(y) : (n = o = void 0, u);
+  }
+  function N() {
+    v !== void 0 && clearTimeout(v), d = 0, n = m = o = v = void 0;
+  }
+  function V() {
+    return v === void 0 ? u : K(Se());
+  }
+  function L() {
+    var y = Se(), $ = W(y);
+    if (n = arguments, o = this, m = y, $) {
+      if (v === void 0)
+        return w(m);
+      if (g)
+        return clearTimeout(v), v = setTimeout(P, t), f(m);
+    }
+    return v === void 0 && (v = setTimeout(P, t)), u;
+  }
+  return L.cancel = N, L.flush = V, L;
+}
+var Ii = "[object Map]", $i = "[object Set]", Ai = Object.prototype, Ci = Ai.hasOwnProperty;
+function Te(e) {
+  if (e == null)
+    return !0;
+  if (It(e) && (we(e) || typeof e == "string" || typeof e.splice == "function" || ke(e) || Pt(e) || At(e)))
+    return !e.length;
+  var t = D(e);
+  if (t == Ii || t == $i)
+    return !e.size;
+  if (Ve(e))
+    return !Ft(e).length;
+  for (var r in e)
+    if (Ci.call(e, r))
+      return !1;
+  return !0;
+}
+function Rt(e, t) {
   if (!e || e.length === 0)
     return [];
-  const t = Array.from(new Set(e));
-  return n ? t.filter((s) => s !== n) : t;
+  const r = Array.from(new Set(e));
+  return t ? r.filter((n) => n !== t) : r;
 }
-function Y(e, n, t) {
-  const s = re(e, t), l = {};
-  for (const d of s)
-    l[d] = n[d];
-  return l;
+function mt(e, t, r) {
+  const n = Rt(e, r);
+  return Object.fromEntries(n.map((o) => [o, t[o]]));
 }
-function $(e) {
+function he(e) {
   return e && typeof e == "object" && typeof e.loader == "function";
 }
-function z(e) {
-  return e == null || e === "";
+function Ut(e, t) {
+  if (e.length === 0)
+    return !0;
+  const [r, ...n] = e, o = t.find((i) => (typeof i == "object" && i !== null ? i.value : i) === r);
+  if (!o)
+    return !1;
+  if (n.length > 0) {
+    const i = typeof o == "object" && o !== null ? o.children : void 0;
+    return !Array.isArray(i) || i.length === 0 ? !1 : Ut(n, i);
+  }
+  return !0;
 }
-function j(e, n) {
-  return n.length === 0 ? !1 : z(e) ? !0 : n.some((t) => (typeof t == "object" && t !== null ? t.value : t) === e);
+function Si(e) {
+  const { modelValue: t, options: r, formItem: n } = e;
+  if (r.length === 0)
+    return !1;
+  if (Te(t))
+    return !0;
+  if (n.compType === "cascader" && Array.isArray(t))
+    return t.length === 0 ? !0 : Ut(t, r);
+  const o = r.map((i) => typeof i == "object" && i !== null ? i.value : i);
+  return Array.isArray(t) ? t.length === 0 ? !0 : t.every((i) => o.includes(i)) : o.includes(t);
 }
-const et = /* @__PURE__ */ P({
+const Pi = {
+  key: 0,
+  class: "form-item-slot-wrapper"
+}, Mi = /* @__PURE__ */ re({
   name: "ElementPlusKitFormItem",
   __name: "FormItem",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ je({
     formItem: {},
     index: {},
     formData: { default: () => ({}) },
     dynamicCompEvents: {},
-    formSlots: { default: () => ({ formItemSlots: [], dynamicComponentSlots: /* @__PURE__ */ new Map() }) }
+    formSlots: { default: () => ({ formItemSlots: [], dynamicComponentSlots: /* @__PURE__ */ new Map(), customComponentSlots: /* @__PURE__ */ new Map() }) }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ W(["change"], ["update:modelValue"]),
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = ce(e, "modelValue"), d = f(() => {
-      const o = new Set(We);
-      return Object.fromEntries(
-        Object.entries(t.formItem).filter(([i]) => !o.has(i))
-      );
-    }), m = f(() => t.formSlots.formItemSlots), v = f(() => He[t.formItem.comp] || "div"), g = f(() => ({ prop: t.formItem.prop, formItem: t.formItem, index: t.index })), T = f(() => Object.fromEntries(
-      Object.entries(t.dynamicCompEvents).map(([o, i]) => [
-        o,
-        (...c) => i(g.value, ...c)
+  emits: /* @__PURE__ */ je(["change"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const r = e, n = t, o = yt(e, "modelValue"), i = O(() => Object.fromEntries(
+      Object.entries(r.formItem).filter(([s]) => !Br.includes(s))
+    )), u = O(() => r.formSlots.formItemSlots), v = O(() => Rr[r.formItem.compType] || "div"), m = O(() => ({ prop: r.formItem.prop, formItem: r.formItem, index: r.index })), d = O(() => Object.fromEntries(
+      Object.entries(r.dynamicCompEvents).map(([s, l]) => [
+        s,
+        (...h) => l(m.value, ...h)
       ])
-    )), S = L([]), w = L(!1), E = Ze();
-    function O() {
-      if (!z(l.value)) {
-        if (E.isClearing)
-          return;
-        E.startClearing(l.value), l.value = void 0, s("change", g.value, void 0), H(() => {
-          E.endClearing();
-        });
-      }
-    }
-    function x(o) {
-      E.isClearing || (E.startUserInteraction(), s("change", g.value, o), H(() => {
-        E.endUserInteraction();
-      }));
+    )), I = xe([]), g = xe(!1), _ = Er(), f = Ir();
+    function w(s) {
+      _.start(), n("change", m.value, s), le(() => {
+        _.end();
+      });
     }
-    const h = f(() => {
-      const o = qe.getDefaults(t.formItem), i = t.formItem.compAttrs ?? {}, c = "options" in i;
+    const j = O(() => {
+      const s = ze.getDefaults(r.formItem), l = r.formItem.compProps ?? {}, h = "options" in l, C = l.options, { options: S, ...z } = l, se = Array.isArray(C), a = typeof C == "function" || he(C);
       return {
-        ...o,
-        ...i,
-        ...T.value,
-        ...c && {
-          options: S.value,
-          loading: w.value
+        ...s,
+        ...z,
+        ...d.value,
+        ...h && {
+          // 静态数组直接使用原始数组，动态选项使用 resolvedOptions.value
+          options: se ? C : I.value,
+          // 只有动态选项才需要 loading 状态
+          ...a && { loading: g.value }
         }
       };
-    }), U = (o) => t.formSlots.dynamicComponentSlots.get(o);
-    async function r(o, i) {
+    });
+    function W(s) {
+      return r.formSlots.dynamicComponentSlots.get(s);
+    }
+    function P(s) {
+      const l = r.formSlots.customComponentSlots.get(s);
+      return l && l.length > 0 && l[0] ? l[0].slotFn : void 0;
+    }
+    async function K(s, l) {
       try {
-        const c = await o(i);
-        return Array.isArray(c) ? c : [];
-      } catch (c) {
-        return console.error(`[FormItem] 加载字段 "${t.formItem.prop}" 的选项失败:`, c), [];
+        const h = await s(l);
+        return Array.isArray(h) ? h : [];
+      } catch {
+        return [];
       }
     }
-    function a() {
-      const o = t.formItem.compAttrs?.options;
-      return $(o) ? o : null;
+    function N() {
+      const s = r.formItem.compProps?.options;
+      return he(s) ? s : null;
+    }
+    function V() {
+      if (Te(o.value))
+        return;
+      const s = o.value;
+      le(() => {
+        f.changing && f.hasUserValue || o.value === s && (o.value = void 0);
+      });
+    }
+    function L(s) {
+      const { formItem: l } = r;
+      ze.getCompType(l.compType) !== "input" && (Si({ modelValue: o.value, options: s, formItem: l }) || V());
     }
-    async function u() {
-      const o = t.formItem.compAttrs?.options;
-      if (o && !Array.isArray(o)) {
-        w.value = !0;
+    async function y(s = !1) {
+      const l = r.formItem.compProps?.options;
+      if (!(!l || Array.isArray(l))) {
+        s && (f.start(), V(), await le()), g.value = !0;
         try {
-          if (typeof o == "function") {
-            const i = await r(o, t.formData ?? {});
-            S.value = i, j(l.value, i) || O();
-          } else if ($(o)) {
-            const { loader: i, deps: c = [] } = o, k = t.formData ?? {}, A = Y(c, k, t.formItem.prop), _ = await r(i, { ...k, ...A });
-            S.value = _, j(l.value, _) || O();
-          }
+          let h;
+          if (typeof l == "function")
+            h = await K(l, r.formData ?? {});
+          else if (he(l)) {
+            const { loader: C, deps: S = [] } = l, z = r.formData ?? {}, se = mt(S, z, r.formItem.prop);
+            h = await K(C, { ...z, ...se });
+          } else
+            return;
+          I.value = h, s || L(h);
         } finally {
-          w.value = !1;
+          g.value = !1, s && f.end();
         }
       }
     }
-    function C(o) {
-      S.value = o, j(l.value, o) || O();
+    function $() {
+      y();
     }
-    function y() {
-      u();
-    }
-    function M(o) {
-      const { immediate: i = !1, deps: c = [], loader: k } = o;
-      if (c.length > 0) {
-        const A = t.formData ?? {}, _ = Y(c, A, t.formItem.prop);
+    function F(s) {
+      const { immediate: l = !1, deps: h = [], loader: C } = s;
+      if (h.length > 0) {
+        const S = r.formData ?? {}, z = mt(h, S, r.formItem.prop);
         try {
-          k({ ...A, ..._ });
+          C({ ...S, ...z });
         } catch {
         }
-        i && u();
+        l && y();
         return;
       }
-      i && u();
+      l && y();
     }
-    const R = f(() => {
-      const o = a();
-      return o ? re(o.deps ?? [], t.formItem.prop) : [];
-    }), le = f(() => {
-      const o = a();
-      return o ? o.immediate ?? !1 : !1;
+    const Z = O(() => {
+      const s = N();
+      return s ? Rt(s.deps ?? [], r.formItem.prop) : [];
+    }), Q = O(() => {
+      const s = N();
+      return s ? s.immediate ?? !1 : !1;
     });
-    return G(
+    return Oe(
       () => {
-        const o = R.value, i = {};
-        for (const c of o)
-          i[c] = t.formData?.[c];
-        return i;
+        const s = Z.value;
+        return Object.fromEntries(s.map((l) => [l, r.formData?.[l]]));
       },
       () => {
-        a() && u();
+        N() && y(!0);
       },
-      { deep: !0, immediate: le.value }
-    ), ue(() => {
-      const o = t.formItem.compAttrs?.options;
-      if (o) {
-        if (Array.isArray(o)) {
-          C(o);
-          return;
-        }
-        if (typeof o == "function") {
-          y();
-          return;
-        }
-        $(o) && M(o);
+      { deep: !0, immediate: Q.value }
+    ), Kt(() => {
+      const s = r.formItem.compProps?.options;
+      if (!(!s || Array.isArray(s))) {
+        if (typeof s == "function")
+          return $();
+        he(s) && F(s);
       }
-    }), G(
-      () => l.value,
-      (o, i) => {
-        E.isClearingOperation(i, o, z) || E.isUserInteraction || o !== i && s("change", g.value, o);
+    }), Oe(
+      () => o.value,
+      (s, l) => {
+        if (!_.isUser) {
+          if (f.changing) {
+            if (Te(s)) {
+              !Te(l) && !f.hasUserValue && n("change", m.value, void 0);
+              return;
+            }
+            f.markValue(), n("change", m.value, s);
+            return;
+          }
+          s !== l && n("change", m.value, s);
+        }
       }
-    ), (o, i) => (p(), I(V(ne), te(oe(d.value)), K({
-      default: b(() => [
-        e.formItem.comp !== "custom" ? (p(), I(F(v.value), D({ key: 0 }, h.value, {
-          modelValue: l.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (c) => l.value = c),
-          onChange: x
-        }), K({ _: 2 }, [
-          B(U(e.formItem.prop) ?? [], (c, k) => ({
-            name: c.slotName,
-            fn: b((A) => [
-              (p(), I(F(c.slotFn), D({
-                value: l.value,
-                form: e.formData,
-                "form-item": e.formItem
-              }, A), null, 16, ["value", "form", "form-item"]))
+    ), (s, l) => (x(), A(k(bt), ue(ye(i.value)), Ne({
+      default: B(() => [
+        e.formItem.compType !== "custom" ? (x(), A(H(v.value), de({ key: 0 }, j.value, {
+          modelValue: o.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (h) => o.value = h),
+          onChange: w
+        }), Ne({ _: 2 }, [
+          _e(W(e.formItem.prop) ?? [], (h, C) => ({
+            name: h.slotName,
+            fn: B((S) => [
+              (x(), A(H(h.slotFn), ue(ye({ value: o.value, form: e.formData, formItem: e.formItem, ...S })), null, 16))
             ])
           }))
-        ]), 1040, ["modelValue"])) : me(o.$slots, e.formItem.prop, {
-          key: 1,
-          value: l.value,
-          form: e.formData,
-          formItem: e.formItem
-        })
+        ]), 1040, ["modelValue"])) : (x(), R(fe, { key: 1 }, [
+          P(e.formItem.prop) ? (x(), A(H(P(e.formItem.prop)), {
+            key: 0,
+            value: o.value,
+            form: e.formData,
+            "form-item": e.formItem
+          }, null, 8, ["value", "form", "form-item"])) : ht("", !0)
+        ], 64))
       ]),
       _: 2
     }, [
-      B(m.value, (c, k) => ({
-        name: c.slotName,
-        fn: b((A) => [
-          (p(), I(F(c.slotFn), D({
-            value: l.value,
-            form: e.formData,
-            "form-item": e.formItem
-          }, A), null, 16, ["value", "form", "form-item"]))
+      _e(u.value, (h, C) => ({
+        name: h.slotName,
+        fn: B((S) => [
+          h.slotName === "error" ? (x(), R("span", Pi, [
+            (x(), A(H(h.slotFn), ue(ye({ value: o.value, form: e.formData, formItem: e.formItem, ...S })), null, 16))
+          ])) : (x(), A(H(h.slotFn), ue(de({ key: 1 }, { value: o.value, form: e.formData, formItem: e.formItem, ...S })), null, 16))
         ])
       }))
     ]), 1040));
   }
-}), rt = /* @__PURE__ */ P({
+}), Fi = /* @__PURE__ */ re({
   name: "WForm",
   __name: "Form",
-  props: {
+  props: /* @__PURE__ */ je({
     formItems: {},
-    rowAttrs: { default: () => ({}) },
+    rowProps: { default: () => ({}) },
     actionConfig: { default: () => ({}) },
     model: { default: () => ({}) },
     rules: {},
@@ -437,99 +1153,198 @@ const et = /* @__PURE__ */ P({
     validateOnRuleChange: { type: Boolean },
     scrollToError: { type: Boolean },
     scrollIntoViewOptions: {}
-  },
-  emits: ["validate", "change", "action", "search", "reset", "submit", "cancel"],
-  setup(e, { expose: n, emit: t }) {
-    const s = e, l = t, d = fe();
-    function m(r, a) {
-      return r.startsWith("on") && typeof a == "function";
+  }, {
+    expanded: { type: Boolean, default: !1 },
+    expandedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ je(["validate", "change", "action", "search", "reset", "submit", "cancel", "expand"], ["update:expanded"]),
+  setup(e, { expose: t, emit: r }) {
+    const n = e, o = r, i = qt();
+    function u(a, c) {
+      return a.startsWith("on") && typeof c == "function";
     }
-    const v = f(() => Object.fromEntries(
-      Object.entries(d).filter(([r, a]) => m(r, a))
-    )), g = f(() => {
-      const { formItems: r, actionConfig: a, rowAttrs: u, ...C } = s, y = Object.fromEntries(
-        Object.entries(d).filter(([M, R]) => !m(M, R))
+    const v = O(() => Object.fromEntries(
+      Object.entries(i).filter(([a, c]) => u(a, c))
+    )), m = O(() => {
+      const { formItems: a, actionConfig: c, rowProps: p, ...E } = n, G = Object.fromEntries(
+        Object.entries(i).filter(([$e, Nt]) => !u($e, Nt))
       );
-      return { ...C, ...Xe, ...y };
-    }), T = f(() => {
-      const { span: r } = s?.rowAttrs ?? {};
-      return s.formItems.filter((a) => X({ condition: a.vIf, data: s.model, defaultValue: !0 })).map((a) => {
-        const { colAttrs: u = {} } = a ?? {};
-        return { ...a, colAttrs: { ...u, span: u.span ?? r } };
+      return { ...E, ...Ur, ...G };
+    }), d = yt(e, "expanded");
+    Oe(
+      d,
+      (a) => {
+        o("expand", a);
+      }
+    );
+    const I = O(() => m.value.inline ? zr(n.actionConfig?.buttons, "expand") : !1), g = O(() => {
+      if (!I.value)
+        return !1;
+      const a = n.actionConfig?.expand;
+      return a ? a.autoExpandOnHover === !0 : !1;
+    }), { onMouseEnter: _, onMouseLeave: f, recordManualToggle: w } = wr(
+      d,
+      g,
+      (a) => {
+        d.value = a;
+      }
+    ), j = xe();
+    function W(a) {
+      const c = a ?? !d.value;
+      d.value = c, w();
+      const p = n.actionConfig?.expand;
+      p?.scrollOnToggle && le(() => {
+        setTimeout(() => j.value?.$el?.scrollIntoView?.(p.scrollIntoViewOptions ?? Tt), 250);
+      });
+    }
+    const P = O(() => {
+      const { span: a } = n.rowProps;
+      return n.formItems.filter((c) => Le({ condition: c.vIf, data: n.model, defaultValue: !0 })).map((c) => {
+        const { colProps: p = {} } = c ?? {};
+        return { ...c, colProps: { ...p, span: p.span ?? a } };
       });
-    }), S = de();
-    function w(r) {
-      return Object.keys(S).filter((a) => a.startsWith(r)).map((a) => ({
-        rawSlotName: a,
-        slotName: a.replace(r, ""),
-        slotFn: S[a]
+    }), K = O(() => {
+      const a = P.value.map((c, p) => ({ ...c, _originalIndex: p }));
+      return I.value ? a.filter((c) => !N(c, c._originalIndex)) : a;
+    });
+    function N(a, c) {
+      if (!I.value || d.value)
+        return !1;
+      const p = n.actionConfig?.expand;
+      return p ? !!("exclude" in p && p.exclude.length > 0 && p.exclude.includes(a.prop) || "include" in p && p.include.length > 0 && !p.include.includes(a.prop) || "count" in p && c >= p.count) : !1;
+    }
+    const V = Xt();
+    function L(a) {
+      return Object.keys(V).filter((c) => c.startsWith(a)).map((c) => ({
+        rawSlotName: c,
+        slotName: c.replace(a, ""),
+        slotFn: V[c]
       }));
     }
-    const E = f(() => {
-      const r = w("form-item-"), a = /* @__PURE__ */ new Map();
-      for (const u of T.value) {
-        const C = w(`${u.prop}-`);
-        C.length > 0 && a.set(u.prop, C);
+    const y = O(() => {
+      const a = L("form-item-"), c = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
+      for (const E of P.value) {
+        const G = L(`${E.prop}-`);
+        G.length > 0 && c.set(E.prop, G), E.compType === "custom" && V[E.prop] && p.set(E.prop, [{
+          rawSlotName: E.prop,
+          slotName: E.prop,
+          slotFn: V[E.prop]
+        }]);
+      }
+      return { formItemSlots: a, dynamicComponentSlots: c, customComponentSlots: p };
+    }), $ = O(() => Object.keys(n.rowProps ?? {}).length > 0), F = O(() => ({
+      row: m.value.inline || $.value ? xr : "div",
+      col: $.value ? jr : "div"
+    })), Z = O(() => n.formItems.map((a) => a.prop)), Q = O(() => I.value ? n.actionConfig?.expand ? P.value.filter((c, p) => N(c, p)).map((c) => c.prop) : [] : []), s = xe({});
+    function l() {
+      s.value = Object.fromEntries(
+        Q.value.map((a) => [a, dt(n.model[a])])
+      );
+    }
+    function h() {
+      return Object.fromEntries(
+        Q.value.map((a) => {
+          const c = s.value[a];
+          return [a, c != null ? dt(c) : void 0];
+        })
+      );
+    }
+    function C() {
+      j.value?.clearValidate?.(Q.value);
+      const a = Z.value.filter((c) => !Q.value.includes(c));
+      a.length > 0 && j.value?.resetFields?.(a);
+    }
+    async function S({ eventName: a }) {
+      const c = ["submit", "search"], p = ["cancel", "reset"];
+      if (a === "expand") {
+        W(), o("action", a, d.value);
+        return;
       }
-      return { formItemSlots: r, dynamicComponentSlots: a };
-    }), O = f(() => Object.keys(s.rowAttrs ?? {}).length > 0), x = f(() => ({
-      row: g.value.inline || O.value ? Ue : "div",
-      col: O.value ? Ne : "div"
-    })), h = L();
-    async function U({ eventName: r }) {
-      const a = ["submit", "search"], u = ["cancel", "reset"];
-      if (![...a, ...u].includes(r))
-        return l("action", r);
-      a.includes(r) && await h.value?.validate?.(), u.includes(r) && h.value?.resetFields?.(), l(r), l("action", r);
+      if (c.includes(a) && await j.value?.validate?.(), p.includes(a)) {
+        if (a === "reset") {
+          const E = h();
+          C(), o("reset", E), o("action", a, E);
+          return;
+        }
+        j.value?.resetFields?.();
+      }
+      o(a), o("action", a);
+    }
+    function z(a, c, p) {
+      o("validate", a, c, p);
     }
-    return n({
+    t({
       // element-plus form exposes
       get fields() {
-        return h.value?.fields;
+        return j.value?.fields;
       },
-      getField: (r) => h.value?.getField?.(r),
-      validate: () => h.value?.validate?.(),
-      validateField: (r) => h.value?.validateField?.(r),
-      resetFields: (r) => h.value?.resetFields?.(r),
-      clearValidate: (r) => h.value?.clearValidate?.(r),
-      scrollToField: (r) => h.value?.scrollToField?.(r)
-    }), (r, a) => (p(), I(V(Re), D({
+      getField: (a) => j.value?.getField?.(a),
+      validate: () => j.value?.validate?.(),
+      validateField: (a) => j.value?.validateField?.(a),
+      resetFields: (a) => j.value?.resetFields?.(a),
+      clearValidate: (a) => j.value?.clearValidate?.(a),
+      scrollToField: (a) => j.value?.scrollToField?.(a),
+      // 展开/折叠控制方法
+      get expanded() {
+        return d.value;
+      },
+      toggleExpand: W
+    });
+    const se = Ei(l, 100);
+    return Yt(() => l()), Oe(
+      [() => n.formItems, () => n.actionConfig?.expand],
+      se,
+      { deep: !0 }
+    ), (a, c) => (x(), A(k(Or), de({
       ref_key: "formRef",
-      ref: h
-    }, g.value, {
+      ref: j
+    }, m.value, {
       model: e.model,
-      onValidate: a[1] || (a[1] = (u, C, y) => l("validate", u, C, y)),
-      onSubmit: a[2] || (a[2] = pe(() => {
+      onValidate: z,
+      onSubmit: c[1] || (c[1] = Jt(() => {
       }, ["prevent"]))
     }), {
-      default: b(() => [
-        (p(), I(F(x.value.row), te(oe(e.rowAttrs)), {
-          default: b(() => [
-            (p(!0), N(Z, null, B(T.value, (u, C) => Q((p(), I(F(x.value.col), D({
-              key: `${u.prop}-${C}`
-            }, { ref_for: !0 }, u.colAttrs), {
-              default: b(() => [
-                q(et, {
-                  modelValue: e.model[u.prop],
-                  "onUpdate:modelValue": (y) => e.model[u.prop] = y,
-                  "form-item": u,
-                  "form-data": e.model,
-                  "dynamic-comp-events": v.value,
-                  "form-slots": E.value,
-                  index: C,
-                  onChange: a[0] || (a[0] = (y, M) => l("change", y, M))
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "form-item", "form-data", "dynamic-comp-events", "form-slots", "index"])
+      default: B(() => [
+        (x(), A(H(F.value.row), ue(ye(e.rowProps)), {
+          default: B(() => [
+            ve(Zt, {
+              name: "form-item",
+              tag: "div",
+              class: "form-items-transition"
+            }, {
+              default: B(() => [
+                (x(!0), R(fe, null, _e(K.value, (p, E) => gt((x(), A(H(F.value.col), de({
+                  key: `${p.prop}-${p._originalIndex ?? E}`
+                }, { ref_for: !0 }, p.colProps), {
+                  default: B(() => [
+                    ve(Mi, {
+                      modelValue: e.model[p.prop],
+                      "onUpdate:modelValue": (G) => e.model[p.prop] = G,
+                      "form-item": p,
+                      "form-data": e.model,
+                      "dynamic-comp-events": v.value,
+                      "form-slots": y.value,
+                      index: p._originalIndex ?? E,
+                      onChange: c[0] || (c[0] = (G, $e) => o("change", G, $e))
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "form-item", "form-data", "dynamic-comp-events", "form-slots", "index"])
+                  ]),
+                  _: 2
+                }, 1040)), [
+                  [vt, k(Le)({ condition: p.vShow, data: n.model, defaultValue: !0 })]
+                ])), 128))
               ]),
-              _: 2
-            }, 1040)), [
-              [ee, V(X)({ condition: u.vShow, data: s.model, defaultValue: !0 })]
-            ])), 128)),
-            q(Qe, {
-              inline: g.value.inline,
-              "action-slot": r.$slots.action,
+              _: 1
+            }),
+            ve(Lr, {
+              inline: m.value.inline,
+              "action-slot": a.$slots.action,
               config: e.actionConfig,
-              onAction: U
-            }, null, 8, ["inline", "action-slot", "config"])
+              expanded: d.value,
+              "auto-expand-on-hover": g.value,
+              "on-mouse-enter": k(_),
+              "on-mouse-leave": k(f),
+              onAction: S
+            }, null, 8, ["inline", "action-slot", "config", "expanded", "auto-expand-on-hover", "on-mouse-enter", "on-mouse-leave"])
           ]),
           _: 1
         }, 16))
@@ -537,8 +1352,8 @@ const et = /* @__PURE__ */ P({
       _: 1
     }, 16, ["model"]));
   }
-});
+}), ki = /* @__PURE__ */ _t(Fi, [["__scopeId", "data-v-0341daa6"]]);
 export {
-  rt as WForm,
-  rt as default
+  ki as WForm,
+  ki as default
 };