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

package/dist/index.js

@@ -1,71 +1,71 @@
-import { defineComponent as k, createElementBlock as M, openBlock as u, createElementVNode as x, computed as i, withDirectives as _, createCommentVNode as W, createBlock as h, unref as w, withCtx as C, Fragment as $, renderList as P, mergeProps as I, createTextVNode as G, toDisplayString as H, resolveDynamicComponent as b, vShow as R, mergeModels as O, useModel as K, normalizeProps as U, guardReactiveProps as j, createSlots as V, renderSlot as X, useAttrs as q, useSlots as Y, ref as J, withModifiers as Q, createVNode as B } from "vue";
-import { checkCondition as N } from "@iswangh/element-plus-kit-core";
-import { ElTreeSelect as Z, ElTransfer as ee, ElTimeSelect as te, ElTimePicker as oe, ElSwitch as ne, ElSlider as le, ElSelectV2 as re, ElSelect as ae, ElRate as se, ElRadioGroup as ie, ElMention as ce, ElInputTag as me, ElInputNumber as ue, ElInput as fe, ElDatePicker as de, ElDatePickerPanel as pe, ElColorPicker as ve, ElColorPickerPanel as he, ElCheckboxGroup as Ee, ElCascader as ge, ElAutocomplete as Ce, ElFormItem as L, ElButton as Ae, ElCol as Ie, ElRow as be, ElForm as ye } from "element-plus";
-var Se = /* @__PURE__ */ k({
+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({
   name: "Refresh",
   __name: "refresh",
   setup(e) {
-    return (o, n) => (u(), M("svg", {
+    return (n, t) => (p(), N("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      x("path", {
+      J("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"
       })
     ]));
   }
-}), we = Se, ke = /* @__PURE__ */ k({
+}), je = $e, Le = /* @__PURE__ */ P({
   name: "Search",
   __name: "search",
   setup(e) {
-    return (o, n) => (u(), M("svg", {
+    return (n, t) => (p(), N("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      x("path", {
+      J("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"
       })
     ]));
   }
-}), Fe = ke;
-const Pe = ["comp", "compAttrs", "vIf", "vShow"], Me = {
+}), ze = Le;
+const We = ["comp", "compAttrs", "vIf", "vShow"], Ge = {
   custom: "div"
-}, Te = {
-  autocomplete: Ce,
-  cascader: ge,
-  checkbox: Ee,
-  "color-picker-panel": he,
-  "color-picker": ve,
-  "date-picker-panel": pe,
-  "date-picker": de,
-  input: fe,
-  "input-number": ue,
-  "input-tag": me,
-  mention: ce,
-  radio: ie,
-  rate: se,
-  select: ae,
-  "select-v2": re,
-  slider: le,
-  switch: ne,
-  "time-picker": oe,
-  "time-select": te,
-  transfer: ee,
-  "tree-select": Z
-}, De = {
-  ...Te,
-  ...Me
-}, Oe = {
+}, 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 = {
   /**
    * 获取组件默认属性
    */
   getDefaults(e) {
-    const { comp: o, compAttrs: n = {} } = e, s = this.getComponentType(o);
+    const { comp: n, compAttrs: t = {} } = e, s = this.getComponentType(n);
     return {
       ...this.buildComponentAttrs(e, s),
-      ...n
+      ...t
       // 用户配置最后合并，优先级最高
     };
   },
@@ -73,24 +73,24 @@ const Pe = ["comp", "compAttrs", "vIf", "vShow"], Me = {
    * 判断组件类型
    */
   getComponentType(e) {
-    const o = ["autocomplete", "input", "input-number", "input-tag", "mention"], n = ["cascader", "select", "select-v2", "tree-select"], s = ["date-picker", "time-select", "time-picker"];
-    return o.includes(e) ? "input" : n.includes(e) ? "select" : s.includes(e) ? "picker" : "other";
+    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";
   },
   /**
    * 动态生成 placeholder
    */
-  generatePlaceholder(e, o) {
-    const { label: n, comp: s } = e, p = n ? `${n}` : "";
-    return o === "input" ? s === "input-number" ? "请输入" : `请输入${p}` : ["select", "picker"].includes(o) ? `请选择${p}` : "";
+  generatePlaceholder(e, n) {
+    const { label: t, comp: s } = e, l = t ? `${t}` : "";
+    return n === "input" ? s === "input-number" ? "请输入" : `请输入${l}` : ["select", "picker"].includes(n) ? `请选择${l}` : "";
   },
   /**
    * 构建组件属性
    */
-  buildComponentAttrs(e, o) {
-    const n = {};
-    return ["input", "select", "picker"].includes(o) && (n.placeholder = this.generatePlaceholder(e, o), n.clearable = !0), ["select"].includes(o) && (n.filterable = !0), n;
+  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;
   }
-}, Ve = {
+}, Xe = {
   showMessage: !0,
   scrollToError: !0,
   scrollIntoViewOptions: {
@@ -101,16 +101,16 @@ const Pe = ["comp", "compAttrs", "vIf", "vShow"], Me = {
     inline: "nearest"
     // 水平方向保持最近位置
   }
-}, Be = {
-  search: { label: "搜索", icon: Fe, type: "primary" },
-  reset: { label: "重置", icon: we },
+}, Ye = {
+  search: { label: "搜索", icon: ze, type: "primary" },
+  reset: { label: "重置", icon: je },
   submit: { label: "确认", type: "primary" },
   cancel: { label: "取消" }
-}, Ne = {
-  getDefaults(e, o) {
+}, Je = {
+  getDefaults(e, n) {
     return {
       ...this.buildActionAttrs(e),
-      ...o
+      ...n
     };
   },
   generateActionButtons(e) {
@@ -123,7 +123,7 @@ const Pe = ["comp", "compAttrs", "vIf", "vShow"], Me = {
       vShow: !0
     };
   }
-}, xe = /* @__PURE__ */ k({
+}, Qe = /* @__PURE__ */ P({
   name: "ElementPlusKitFormItemAction",
   __name: "FormAction",
   props: {
@@ -133,47 +133,118 @@ const Pe = ["comp", "compAttrs", "vIf", "vShow"], Me = {
   },
   emits: ["action"],
   setup(e) {
-    const o = e, n = i(() => ({ ...o, config: { ...Ne.getDefaults(o.inline, o.config) } })), s = i(() => {
-      const { buttons: v } = n.value.config;
-      return v.map((d) => {
-        if (typeof d == "string") {
-          const c = Be[d];
-          return c ? { ...c, eventName: d } : { label: d.toUpperCase(), eventName: d };
-        }
-        return d;
+    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 };
       });
-    }), p = i(() => (v) => {
-      const { label: d, eventName: c, ...g } = v;
-      return { ...g };
-    });
-    return (v, d) => n.value.config.vIf ? _((u(), h(w(L), {
+    }), l = (d) => {
+      const { label: m, eventName: v, ...g } = d;
+      return g;
+    };
+    return (d, m) => t.value.config.vIf ? Q((p(), I(V(ne), {
       key: 0,
       prop: "action"
     }, {
-      default: C(() => [
-        e.actionSlot ? (u(), h(b(e.actionSlot), {
+      default: b(() => [
+        e.actionSlot ? (p(), I(F(e.actionSlot), {
           key: 1,
           prop: "action"
-        })) : (u(!0), M($, { key: 0 }, P(s.value, (c, g) => (u(), h(w(Ae), I({
-          key: `${c.label}-${g}`
-        }, { ref_for: !0 }, p.value(c), {
-          onClick: (y) => v.$emit("action", { eventName: c.eventName })
+        })) : (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: C(() => [
-            G(H(c.label ?? ""), 1)
+          default: b(() => [
+            se(ie(v.label ?? ""), 1)
           ]),
           _: 2
         }, 1040, ["onClick"]))), 128))
       ]),
       _: 1
     }, 512)), [
-      [R, n.value.config.vShow]
-    ]) : W("", !0);
+      [ee, t.value.config.vShow]
+    ]) : ae("", !0);
   }
-}), _e = /* @__PURE__ */ k({
+});
+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);
+    }
+  };
+}
+function re(e, n) {
+  if (!e || e.length === 0)
+    return [];
+  const t = Array.from(new Set(e));
+  return n ? t.filter((s) => s !== n) : t;
+}
+function Y(e, n, t) {
+  const s = re(e, t), l = {};
+  for (const d of s)
+    l[d] = n[d];
+  return l;
+}
+function $(e) {
+  return e && typeof e == "object" && typeof e.loader == "function";
+}
+function z(e) {
+  return e == null || e === "";
+}
+function j(e, n) {
+  return n.length === 0 ? !1 : z(e) ? !0 : n.some((t) => (typeof t == "object" && t !== null ? t.value : t) === e);
+}
+const et = /* @__PURE__ */ P({
   name: "ElementPlusKitFormItem",
   __name: "FormItem",
-  props: /* @__PURE__ */ O({
+  props: /* @__PURE__ */ W({
     formItem: {},
     index: {},
     formData: { default: () => ({}) },
@@ -183,65 +254,168 @@ const Pe = ["comp", "compAttrs", "vIf", "vShow"], Me = {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(["change"], ["update:modelValue"]),
-  setup(e) {
-    const o = e, n = K(e, "modelValue");
-    function s() {
-      const m = new Set(Pe);
+  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(o.formItem).filter(([f]) => !m.has(f))
+        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)
+      ])
+    )), 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();
+        });
+      }
     }
-    const p = i(() => s()), v = i(() => o.formSlots.formItemSlots), d = i(() => De[o.formItem.comp] || "div"), c = i(() => {
-      const { formItem: m, index: f } = o;
-      return { prop: m.prop, formItem: m, index: f };
-    });
-    function g() {
-      const m = {};
-      for (const [f, a] of Object.entries(o.dynamicCompEvents))
-        m[f] = (...S) => a(c.value, ...S);
-      return m;
+    function x(o) {
+      E.isClearing || (E.startUserInteraction(), s("change", g.value, o), H(() => {
+        E.endUserInteraction();
+      }));
+    }
+    const h = f(() => {
+      const o = qe.getDefaults(t.formItem), i = t.formItem.compAttrs ?? {}, c = "options" in i;
+      return {
+        ...o,
+        ...i,
+        ...T.value,
+        ...c && {
+          options: S.value,
+          loading: w.value
+        }
+      };
+    }), U = (o) => t.formSlots.dynamicComponentSlots.get(o);
+    async function r(o, i) {
+      try {
+        const c = await o(i);
+        return Array.isArray(c) ? c : [];
+      } catch (c) {
+        return console.error(`[FormItem] 加载字段 "${t.formItem.prop}" 的选项失败:`, c), [];
+      }
+    }
+    function a() {
+      const o = t.formItem.compAttrs?.options;
+      return $(o) ? o : null;
+    }
+    async function u() {
+      const o = t.formItem.compAttrs?.options;
+      if (o && !Array.isArray(o)) {
+        w.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();
+          }
+        } finally {
+          w.value = !1;
+        }
+      }
+    }
+    function C(o) {
+      S.value = o, j(l.value, o) || O();
+    }
+    function y() {
+      u();
     }
-    const y = i(() => g()), F = i(() => ({ ...Oe.getDefaults(o.formItem), ...y.value })), T = i(() => (m) => o.formSlots.dynamicComponentSlots.get(m));
-    return (m, f) => (u(), h(w(L), U(j(p.value)), V({
-      default: C(() => [
-        e.formItem.comp !== "custom" ? (u(), h(b(d.value), I({ key: 0 }, F.value, {
-          modelValue: n.value,
-          "onUpdate:modelValue": f[0] || (f[0] = (a) => n.value = a),
-          onChange: f[1] || (f[1] = (a) => m.$emit("change", c.value, a))
-        }), V({ _: 2 }, [
-          P(T.value(e.formItem.prop), (a, S) => ({
-            name: a.slotName,
-            fn: C((t) => [
-              (u(), h(b(a.slotFn), I({
-                value: n.value,
+    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);
+        try {
+          k({ ...A, ..._ });
+        } catch {
+        }
+        i && u();
+        return;
+      }
+      i && u();
+    }
+    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;
+    });
+    return G(
+      () => {
+        const o = R.value, i = {};
+        for (const c of o)
+          i[c] = t.formData?.[c];
+        return i;
+      },
+      () => {
+        a() && u();
+      },
+      { 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);
+      }
+    }), G(
+      () => l.value,
+      (o, i) => {
+        E.isClearingOperation(i, o, z) || E.isUserInteraction || o !== i && s("change", g.value, o);
+      }
+    ), (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
-              }, t), null, 16, ["value", "form", "form-item"]))
+              }, A), null, 16, ["value", "form", "form-item"]))
             ])
           }))
-        ]), 1040, ["modelValue"])) : X(m.$slots, e.formItem.prop, {
+        ]), 1040, ["modelValue"])) : me(o.$slots, e.formItem.prop, {
           key: 1,
-          value: n.value,
+          value: l.value,
           form: e.formData,
           formItem: e.formItem
         })
       ]),
       _: 2
     }, [
-      P(v.value, (a, S) => ({
-        name: a.slotName,
-        fn: C((t) => [
-          (u(), h(b(a.slotFn), I({
-            value: n.value,
+      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
-          }, t), null, 16, ["value", "form", "form-item"]))
+          }, A), null, 16, ["value", "form", "form-item"]))
         ])
       }))
     ]), 1040));
   }
-}), je = /* @__PURE__ */ k({
+}), rt = /* @__PURE__ */ P({
   name: "WForm",
   __name: "Form",
   props: {
@@ -265,97 +439,96 @@ const Pe = ["comp", "compAttrs", "vIf", "vShow"], Me = {
     scrollIntoViewOptions: {}
   },
   emits: ["validate", "change", "action", "search", "reset", "submit", "cancel"],
-  setup(e, { expose: o, emit: n }) {
-    const s = e, p = n, v = q(), d = i(() => Object.fromEntries(
-      Object.entries(v).filter(
-        ([t, l]) => t.startsWith("on") && typeof l == "function"
-      )
-    )), c = i(() => {
-      const { formItems: t, actionConfig: l, rowAttrs: r, ...E } = s, A = Object.fromEntries(
-        Object.entries(v).filter(
-          ([D, z]) => !(D.startsWith("on") && typeof z == "function")
-        )
+  setup(e, { expose: n, emit: t }) {
+    const s = e, l = t, d = fe();
+    function m(r, a) {
+      return r.startsWith("on") && typeof a == "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))
       );
-      return { ...E, ...Ve, ...A };
-    }), g = i(() => {
-      const { span: t } = s?.rowAttrs ?? {};
-      return s.formItems.filter((l) => N({ condition: l.vIf, data: s.model, defaultValue: !0 })).map((l) => {
-        const { colAttrs: r = {} } = l ?? {};
-        return { ...l, colAttrs: { ...r, span: r.span ?? t } };
+      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 } };
       });
-    }), y = Y();
-    function F(t) {
-      const l = [];
-      for (const r in y)
-        r.startsWith(t) && l.push({
-          rawSlotName: r,
-          slotName: r.replace(t, ""),
-          slotFn: y[r]
-        });
-      return l;
+    }), 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]
+      }));
     }
-    const T = i(() => {
-      const t = F("form-item-"), l = /* @__PURE__ */ new Map();
-      for (const r of g.value) {
-        const E = F(`${r.prop}-`);
-        E.length > 0 && l.set(r.prop, E);
+    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);
       }
-      return { formItemSlots: t, dynamicComponentSlots: l };
-    }), m = i(() => s.rowAttrs && Object.keys(s.rowAttrs).length > 0), f = i(() => ({
-      row: c.value.inline || m.value ? be : "div",
-      col: m.value ? Ie : "div"
-    })), a = J();
-    async function S({ eventName: t }) {
-      const l = ["submit", "search"], r = ["cancel", "reset"];
-      [...l, ...r].includes(t) && (l.includes(t) && await a.value?.validate?.(), r.includes(t) && a.value?.resetFields?.(), p(t)), p("action", t);
+      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);
     }
-    return o({
+    return n({
       // element-plus form exposes
       get fields() {
-        return a.value?.fields;
+        return h.value?.fields;
       },
-      getField: (t) => a.value?.getField?.(t),
-      validate: () => a.value?.validate?.(),
-      validateField: (t) => a.value?.validateField?.(t),
-      resetFields: (t) => a.value?.resetFields?.(t),
-      clearValidate: (t) => a.value?.clearValidate?.(t),
-      scrollToField: (t) => a.value?.scrollToField?.(t)
-    }), (t, l) => (u(), h(w(ye), I({
+      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({
       ref_key: "formRef",
-      ref: a
-    }, c.value, {
+      ref: h
+    }, g.value, {
       model: e.model,
-      onValidate: l[1] || (l[1] = (r, E, A) => t.$emit("validate", r, E, A)),
-      onSubmit: l[2] || (l[2] = Q(() => {
+      onValidate: a[1] || (a[1] = (u, C, y) => l("validate", u, C, y)),
+      onSubmit: a[2] || (a[2] = pe(() => {
       }, ["prevent"]))
     }), {
-      default: C(() => [
-        (u(), h(b(f.value.row), U(j(e.rowAttrs)), {
-          default: C(() => [
-            (u(!0), M($, null, P(g.value, (r, E) => _((u(), h(b(f.value.col), I({
-              key: `${r.prop}-${E}`
-            }, { ref_for: !0 }, r.colAttrs), {
-              default: C(() => [
-                B(_e, {
-                  modelValue: e.model[r.prop],
-                  "onUpdate:modelValue": (A) => e.model[r.prop] = A,
-                  "form-item": r,
+      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": d.value,
-                  "form-slots": T.value,
-                  index: E,
-                  onChange: l[0] || (l[0] = (A, D) => t.$emit("change", A, D))
+                  "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"])
               ]),
               _: 2
             }, 1040)), [
-              [R, w(N)({ condition: r.vShow, data: s.model, defaultValue: !0 })]
+              [ee, V(X)({ condition: u.vShow, data: s.model, defaultValue: !0 })]
             ])), 128)),
-            B(xe, {
-              inline: c.value.inline,
-              "action-slot": t.$slots.action,
+            q(Qe, {
+              inline: g.value.inline,
+              "action-slot": r.$slots.action,
               config: e.actionConfig,
-              onAction: S
+              onAction: U
             }, null, 8, ["inline", "action-slot", "config"])
           ]),
           _: 1
@@ -366,6 +539,6 @@ const Pe = ["comp", "compAttrs", "vIf", "vShow"], Me = {
   }
 });
 export {
-  je as WForm,
-  je as default
+  rt as WForm,
+  rt as default
 };