@gopowerteam/form-render 0.0.16 → 0.0.18

package/dist/es/index.mjs

@@ -1,21 +1,21 @@
-import { getCurrentInstance as j, inject as A, defineComponent as x, computed as y, openBlock as O, createElementBlock as P, normalizeClass as z, normalizeStyle as L, createElementVNode as N, ref as h, createVNode as u, isVNode as M, h as W, provide as F, onMounted as U, mergeProps as Y, createTextVNode as b, onUpdated as G } from "vue";
-import { DatePicker as K, YearPicker as Q, QuarterPicker as X, MonthPicker as H, WeekPicker as J, Input as Z, InputNumber as p, Select as ee, Option as re, Switch as te, RangePicker as le, Textarea as ae, FormItem as R, Form as ne, Grid as ue, GridItem as w, Button as k, Space as ce } from "@arco-design/web-vue";
-import V from "dayjs";
-import { FormRenderResolver as Ye } from "./resolver.mjs";
-const de = Symbol("ArcoConfigProvider"), fe = "arco", ie = "$arco", q = (e) => {
-  var t, r, l;
-  const n = j(), c = A(de, void 0), a = (l = (r = c == null ? void 0 : c.prefixCls) != null ? r : (t = n == null ? void 0 : n.appContext.config.globalProperties[ie]) == null ? void 0 : t.classPrefix) != null ? l : fe;
+import { getCurrentInstance as j, inject as A, defineComponent as w, computed as y, openBlock as N, createElementBlock as P, normalizeClass as z, normalizeStyle as M, createElementVNode as L, ref as o, createVNode as u, isVNode as U, h as Y, provide as V, onMounted as R, mergeProps as G, createTextVNode as b, onUpdated as K } from "vue";
+import { DatePicker as Q, YearPicker as X, QuarterPicker as H, MonthPicker as J, WeekPicker as Z, Input as p, InputNumber as ee, Select as le, Option as te, Switch as re, RangePicker as ae, Textarea as ne, TreeSelect as ue, FormItem as T, Form as ce, Grid as de, GridItem as I, Button as k, Space as fe } from "@arco-design/web-vue";
+import _ from "dayjs";
+import { FormRenderResolver as Qe } from "./resolver.mjs";
+const se = Symbol("ArcoConfigProvider"), ie = "arco", me = "$arco", q = (e) => {
+  var t, l, r;
+  const n = j(), c = A(se, void 0), a = (r = (l = c == null ? void 0 : c.prefixCls) != null ? l : (t = n == null ? void 0 : n.appContext.config.globalProperties[me]) == null ? void 0 : t.classPrefix) != null ? r : ie;
   return e ? `${a}-${e}` : a;
-}, se = Object.prototype.toString;
+}, oe = Object.prototype.toString;
 function B(e) {
-  return se.call(e) === "[object Number]" && e === e;
+  return oe.call(e) === "[object Number]" && e === e;
 }
 var E = (e, t) => {
-  for (const [r, l] of t)
-    e[r] = l;
+  for (const [l, r] of t)
+    e[l] = r;
   return e;
 };
-const me = x({
+const he = w({
   name: "IconDown",
   props: {
     size: {
@@ -44,45 +44,45 @@ const me = x({
   setup(e, {
     emit: t
   }) {
-    const r = q("icon"), l = y(() => [r, `${r}-down`, {
-      [`${r}-spin`]: e.spin
+    const l = q("icon"), r = y(() => [l, `${l}-down`, {
+      [`${l}-spin`]: e.spin
     }]), n = y(() => {
       const a = {};
       return e.size && (a.fontSize = B(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
     });
     return {
-      cls: l,
+      cls: r,
       innerStyle: n,
       onClick: (a) => {
         t("click", a);
       }
     };
   }
-}), oe = ["stroke-width", "stroke-linecap", "stroke-linejoin"], he = /* @__PURE__ */ N("path", {
+}), ye = ["stroke-width", "stroke-linecap", "stroke-linejoin"], ke = /* @__PURE__ */ L("path", {
   d: "M39.6 17.443 24.043 33 8.487 17.443"
-}, null, -1), ye = [he];
-function ke(e, t, r, l, n, c) {
-  return O(), P("svg", {
+}, null, -1), be = [ke];
+function ve(e, t, l, r, n, c) {
+  return N(), P("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
     class: z(e.cls),
-    style: L(e.innerStyle),
+    style: M(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))
-  }, ye, 14, oe);
+  }, be, 14, ye);
 }
-var $ = /* @__PURE__ */ E(me, [["render", ke]]);
-const be = Object.assign($, {
+var g = /* @__PURE__ */ E(he, [["render", ve]]);
+const Se = Object.assign(g, {
   install: (e, t) => {
-    var r;
-    const l = (r = t == null ? void 0 : t.iconPrefix) != null ? r : "";
-    e.component(l + $.name, $);
+    var l;
+    const r = (l = t == null ? void 0 : t.iconPrefix) != null ? l : "";
+    e.component(r + g.name, g);
   }
-}), ve = x({
+}), $e = w({
   name: "IconUp",
   props: {
     size: {
@@ -111,100 +111,100 @@ const be = Object.assign($, {
   setup(e, {
     emit: t
   }) {
-    const r = q("icon"), l = y(() => [r, `${r}-up`, {
-      [`${r}-spin`]: e.spin
+    const l = q("icon"), r = y(() => [l, `${l}-up`, {
+      [`${l}-spin`]: e.spin
     }]), n = y(() => {
       const a = {};
       return e.size && (a.fontSize = B(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
     });
     return {
-      cls: l,
+      cls: r,
       innerStyle: n,
       onClick: (a) => {
         t("click", a);
       }
     };
   }
-}), Se = ["stroke-width", "stroke-linecap", "stroke-linejoin"], $e = /* @__PURE__ */ N("path", {
+}), ge = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Ce = /* @__PURE__ */ L("path", {
   d: "M39.6 30.557 24.043 15 8.487 30.557"
-}, null, -1), ge = [$e];
-function Ce(e, t, r, l, n, c) {
-  return O(), P("svg", {
+}, null, -1), xe = [Ce];
+function Fe(e, t, l, r, n, c) {
+  return N(), P("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
     class: z(e.cls),
-    style: L(e.innerStyle),
+    style: M(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))
-  }, ge, 14, Se);
+  }, xe, 14, ge);
 }
-var g = /* @__PURE__ */ E(ve, [["render", Ce]]);
-const xe = Object.assign(g, {
+var C = /* @__PURE__ */ E($e, [["render", Fe]]);
+const we = Object.assign(C, {
   install: (e, t) => {
-    var r;
-    const l = (r = t == null ? void 0 : t.iconPrefix) != null ? r : "";
-    e.component(l + g.name, g);
+    var l;
+    const r = (l = t == null ? void 0 : t.iconPrefix) != null ? l : "";
+    e.component(r + C.name, C);
   }
-}), I = {
+}), D = {
   id: Symbol("ID"),
   source: Symbol("Source")
 };
-function Fe(e, t) {
-  const r = h({});
+function Ve(e, t) {
+  const l = o({});
   return e == null || e.forEach((n) => {
     let c = null;
-    n.default && (c = (typeof n.default == "function" ? n.default() : n.default) || null), t && t[n.key] !== void 0 && (c = t[n.key]), r.value[n.key] = c;
-  }), [r, (n) => {
-    r.value = n;
+    n.default && (c = (typeof n.default == "function" ? n.default() : n.default) || null), t && t[n.key] !== void 0 && (c = t[n.key]), l.value[n.key] = c;
+  }), [l, (n) => {
+    l.value = n;
   }];
 }
-function we(e) {
-  function t(r, l) {
-    return e != null && e.disabledDate ? e.disabledDate(r, l) : !1;
+function Ie(e) {
+  function t(l, r) {
+    return e != null && e.disabledDate ? e.disabledDate(l, r) : !1;
   }
-  return (r, l) => {
+  return (l, r) => {
     switch (e == null ? void 0 : e.type) {
       case "week":
-        return u(J, {
-          modelValue: r[l.key],
-          "onUpdate:modelValue": (n) => r[l.key] = n,
+        return u(Z, {
+          modelValue: l[r.key],
+          "onUpdate:modelValue": (n) => l[r.key] = n,
           "disabled-date": t,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "month":
-        return u(H, {
-          modelValue: r[l.key],
-          "onUpdate:modelValue": (n) => r[l.key] = n,
+        return u(J, {
+          modelValue: l[r.key],
+          "onUpdate:modelValue": (n) => l[r.key] = n,
           "disabled-date": t,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "quarter":
-        return u(X, {
-          modelValue: r[l.key],
-          "onUpdate:modelValue": (n) => r[l.key] = n,
+        return u(H, {
+          modelValue: l[r.key],
+          "onUpdate:modelValue": (n) => l[r.key] = n,
           "disabled-date": t,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "year":
-        return u(Q, {
-          modelValue: r[l.key],
-          "onUpdate:modelValue": (n) => r[l.key] = n,
+        return u(X, {
+          modelValue: l[r.key],
+          "onUpdate:modelValue": (n) => l[r.key] = n,
           "disabled-date": t,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "date":
       default:
-        return u(K, {
-          modelValue: r[l.key],
-          "onUpdate:modelValue": (n) => r[l.key] = n,
+        return u(Q, {
+          modelValue: l[r.key],
+          "onUpdate:modelValue": (n) => l[r.key] = n,
           "disabled-date": t,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
@@ -212,13 +212,13 @@ function we(e) {
     }
   };
 }
-function Ve(e) {
-  return (t, r) => {
+function _e(e) {
+  return (t, l) => {
     switch (e == null ? void 0 : e.type) {
       case "number":
-        return u(p, {
-          modelValue: t[r.key],
-          "onUpdate:modelValue": (l) => t[r.key] = l,
+        return u(ee, {
+          modelValue: t[l.key],
+          "onUpdate:modelValue": (r) => t[l.key] = r,
           hideButton: !0,
           "read-only": e == null ? void 0 : e.readonly,
           placeholder: e == null ? void 0 : e.placeholder,
@@ -226,9 +226,9 @@ function Ve(e) {
         }, null);
       case "string":
       default:
-        return u(Z, {
-          modelValue: t[r.key],
-          "onUpdate:modelValue": (l) => t[r.key] = l,
+        return u(p, {
+          modelValue: t[l.key],
+          "onUpdate:modelValue": (r) => t[l.key] = r,
           placeholder: e == null ? void 0 : e.placeholder,
           readonly: e == null ? void 0 : e.readonly,
           allowClear: e == null ? void 0 : e.clearable
@@ -236,34 +236,34 @@ function Ve(e) {
     }
   };
 }
-function _(e) {
+function v(e) {
   return !!e && (typeof e == "object" || typeof e == "function") && typeof e.then == "function";
 }
-function Ie(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
+function De(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const C = /* @__PURE__ */ new WeakMap();
-function _e(e) {
-  let t, r = !1;
-  const l = h(/* @__PURE__ */ new Map()), n = (a) => {
-    l.value = a, e.cache !== !1 && C.set(e.options, a);
+const x = /* @__PURE__ */ new WeakMap();
+function Oe(e) {
+  let t, l = !1;
+  const r = o(/* @__PURE__ */ new Map()), n = (a) => {
+    r.value = a, e.cache !== !1 && x.set(e.options, a);
   };
   switch (!0) {
     case e.options instanceof Function: {
-      if (C.has(e.options)) {
-        l.value = C.get(e.options);
+      if (x.has(e.options)) {
+        r.value = x.get(e.options);
         break;
       }
       const a = e.options();
-      _(a) ? a.then(n) : n(a);
+      v(a) ? a.then(n) : n(a);
       break;
     }
-    case _(e.options): {
-      e.options.then((a) => l.value = a);
+    case v(e.options): {
+      e.options.then((a) => r.value = a);
       break;
     }
     default:
-      l.value = e.options;
+      r.value = e.options;
   }
   function c() {
     if (!e.autoSumbit || !t)
@@ -274,8 +274,8 @@ function _e(e) {
     a && a.$el && a.$el.dispatchEvent(new Event("submit"));
   }
   return (a, d) => {
-    let m;
-    return e.default && !r && (a[d.key] = e.default, r = !0), u(ee, {
+    let s;
+    return e.default && !l && (a[d.key] = e.default, l = !0), u(le, {
       ref: (i) => t = i,
       multiple: e.multiple,
       modelValue: a[d.key],
@@ -284,22 +284,22 @@ function _e(e) {
       allowClear: e.clearable,
       maxTagCount: e.maxTagCount ?? 2,
       onChange: c
-    }, Ie(m = Array.from(l.value.entries()).map(([i, o]) => u(re, {
+    }, De(s = Array.from(r.value.entries()).map(([i, h]) => u(te, {
       key: i,
       value: i,
-      label: o
-    }, null))) ? m : {
-      default: () => [m]
+      label: h
+    }, null))) ? s : {
+      default: () => [s]
     });
   };
 }
-function De(e) {
+function je(e) {
   function t() {
     e != null && e.autoSumbit;
   }
-  return (r, l) => (e != null && e.default && (r[l.key] = e.default), u(te, {
-    modelValue: r[l.key],
-    "onUpdate:modelValue": (n) => r[l.key] = n,
+  return (l, r) => (e != null && e.default && (l[r.key] = e.default), u(re, {
+    modelValue: l[r.key],
+    "onUpdate:modelValue": (n) => l[r.key] = n,
     checkedText: (e == null ? void 0 : e.openLabel) ?? "是",
     uncheckedText: (e == null ? void 0 : e.closeLabel) ?? "否",
     checkedValue: (e == null ? void 0 : e.openValue) ?? !0,
@@ -307,27 +307,27 @@ function De(e) {
     onChange: t
   }, null));
 }
-function je(e) {
-  return (t, r) => {
-    let l = [];
+function Ne(e) {
+  return (t, l) => {
+    let r = [];
     function n(d) {
-      l = d;
+      r = d;
     }
     function c(d) {
       if (d && d.length === 2) {
-        const [m, i] = d.sort(), o = V(m).startOf("days"), v = V(i).endOf("days");
-        t[r.key] = [o.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD"), v.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD")];
+        const [s, i] = d.sort(), h = _(s).startOf("days"), S = _(i).endOf("days");
+        t[l.key] = [h.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD"), S.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD")];
       }
     }
     function a(d) {
-      return e != null && e.disabledDate ? e.disabledDate(l, d) : !1;
+      return e != null && e.disabledDate ? e.disabledDate(r, d) : !1;
     }
-    return u("div", null, [u(le, {
+    return u("div", null, [u(ae, {
       style: {
         width: "300px"
       },
-      modelValue: t[r.key],
-      "onUpdate:modelValue": (d) => t[r.key] = d,
+      modelValue: t[l.key],
+      "onUpdate:modelValue": (d) => t[l.key] = d,
       onSelect: n,
       onChange: c,
       mode: e == null ? void 0 : e.type,
@@ -338,48 +338,94 @@ function je(e) {
     }, null)]);
   };
 }
-function Oe(e) {
-  return (t, r) => u(ae, {
-    modelValue: t[r.key],
-    "onUpdate:modelValue": (l) => t[r.key] = l,
+function Pe(e) {
+  return (t, l) => u(ne, {
+    modelValue: t[l.key],
+    "onUpdate:modelValue": (r) => t[l.key] = r,
     placeholder: e == null ? void 0 : e.placeholder,
     autoSize: e == null ? void 0 : e.autosize,
     maxLength: e == null ? void 0 : e.maxLength
   }, null);
 }
-function Pe(e) {
+const F = /* @__PURE__ */ new WeakMap();
+function ze(e) {
+  let t, l = !1;
+  const r = o([]), n = (a) => {
+    r.value = a, e.cache !== !1 && F.set(e.options, a);
+  };
+  switch (!0) {
+    case e.options instanceof Function: {
+      if (F.has(e.options)) {
+        r.value = F.get(e.options);
+        break;
+      }
+      const a = e.options();
+      v(a) ? a.then(n) : n(a);
+      break;
+    }
+    case v(e.options): {
+      e.options.then((a) => r.value = a);
+      break;
+    }
+    default:
+      r.value = e.options;
+  }
+  function c() {
+    if (!e.autoSumbit || !t)
+      return;
+    let a = t;
+    for (; a && a.$el.tagName !== "FORM"; )
+      a = a.$parent;
+    a && a.$el && a.$el.dispatchEvent(new Event("submit"));
+  }
+  return (a, d) => (e.default && !l && (a[d.key] = e.default, l = !0), u(ue, {
+    ref: (s) => t = s,
+    multiple: e.multiple,
+    modelValue: a[d.key],
+    "onUpdate:modelValue": (s) => a[d.key] = s,
+    placeholder: e.placeholder,
+    allowClear: e.clearable,
+    allowSearch: e.searchable,
+    maxTagCount: e.maxTagCount ?? 2,
+    onChange: c,
+    data: r.value,
+    fieldNames: e.fieldNames
+  }, null));
+}
+function Me(e) {
   return (t) => e(t);
 }
-function ze() {
+function Le() {
   return {
-    input: Ve,
-    textarea: Oe,
-    select: _e,
-    date: we,
-    switch: De,
-    dateRange: je,
-    render: Pe
+    input: _e,
+    textarea: Pe,
+    select: Oe,
+    treeSelect: ze,
+    date: Ie,
+    switch: je,
+    dateRange: Ne,
+    render: Me
   };
 }
-function Le(e, t) {
-  t.render || (t.render = (l) => l.input());
-  const r = t.render({
-    ...ze()
+function Ue(e, t) {
+  t.render || (t.render = (r) => r.input());
+  const l = t.render({
+    ...Le()
   });
   return {
-    default: () => r(e, t)
+    default: () => l(e, t)
   };
 }
-function Ne(e, t) {
-  return W(R, {
+function Re(e, t) {
+  return Y(T, {
     field: t.key,
     label: t.title
-  }, Le(e, t));
+  }, Ue(e, t));
 }
-function D(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
+function O(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const Me = /* @__PURE__ */ x({
+const Te = /* @__PURE__ */ w({
   props: {
     form: {
       type: Object,
@@ -431,60 +477,60 @@ const Me = /* @__PURE__ */ x({
   emits: ["submit", "cancel", "update:model-value"],
   expose: ["formSource", "updateFormField", "updateFormSource", "reset"],
   setup(e) {
-    const t = Math.random().toString(32).slice(2).toUpperCase(), r = h(), [l, n] = Fe(e.form, e.modelValue || e.value), c = h(e.columns || 0), a = h(!0), d = () => a.value = !a.value;
-    F(I.id, t), F(I.source, l);
-    const m = y(() => {
+    const t = Math.random().toString(32).slice(2).toUpperCase(), l = o(), [r, n] = Ve(e.form, e.modelValue || e.value), c = o(e.columns || 0), a = o(!0), d = () => a.value = !a.value;
+    V(D.id, t), V(D.source, r);
+    const s = y(() => {
       if (!c.value)
         return 1;
-      const f = e.form.reduce((s, S) => s + ((S == null ? void 0 : S.span) || 1), 0);
+      const f = e.form.reduce((m, $) => m + (($ == null ? void 0 : $.span) || 1), 0);
       return c.value - f % c.value;
-    }), i = y(() => e.form.reduce((f, s) => (s.rule && (f[s.key] = s.rule), f), {}));
-    function o() {
-      var s;
-      const f = (s = r.value) == null ? void 0 : s.$el;
+    }), i = y(() => e.form.reduce((f, m) => (m.rule && (f[m.key] = m.rule), f), {}));
+    function h() {
+      var m;
+      const f = (m = l.value) == null ? void 0 : m.$el;
       f && (c.value = Math.floor(f.offsetWidth / e.minWidth));
     }
-    U(() => {
-      o();
+    R(() => {
+      h();
     });
-    function v(f, s) {
-      l.value[f] = s, n({
-        ...l
+    function S(f, m) {
+      r.value[f] = m, n({
+        ...r
       });
     }
-    function T() {
+    function W() {
       var f;
-      (f = r.value) == null || f.resetFields();
+      (f = l.value) == null || f.resetFields();
     }
-    return window.addEventListener("resize", o), {
+    return window.addEventListener("resize", h), {
       formId: t,
-      formSource: l,
-      formInstance: r,
+      formSource: r,
+      formInstance: l,
       formColumns: c,
       formRules: i,
       formCollspased: a,
-      formActiosSpan: m,
+      formActiosSpan: s,
       toggleFormCollapsed: d,
-      updateFormField: v,
+      updateFormField: S,
       updateFormSource: n,
-      reset: T
+      reset: W
     };
   },
   render() {
     const e = () => {
       this.$emit("submit", this.formSource), this.$emit("update:model-value", this.formSource);
     }, t = () => {
-      const r = [], l = this.footer ? {
+      const l = [], r = this.footer ? {
         span: this.formColumns
       } : {
         span: this.formActiosSpan
       };
-      if (this.searchable && (r.push(u(k, {
+      if (this.searchable && (l.push(u(k, {
         type: "primary",
         htmlType: "submit"
       }, {
         default: () => [b("搜索")]
-      })), r.push(u(k, {
+      })), l.push(u(k, {
         type: "secondary",
         onClick: () => {
           var n;
@@ -492,36 +538,36 @@ const Me = /* @__PURE__ */ x({
         }
       }, {
         default: () => [b("重置")]
-      }))), this.submitable && (r.push(u(k, {
+      }))), this.submitable && (l.push(u(k, {
         type: "primary",
         htmlType: "submit"
       }, {
         default: () => [b("提交")]
-      })), r.push(u(k, {
+      })), l.push(u(k, {
         type: "secondary",
         onClick: () => this.$emit("cancel")
       }, {
         default: () => [b("取消")]
-      }))), this.form.some((n) => !!n.collapsed) && r.push(u(k, {
+      }))), this.form.some((n) => !!n.collapsed) && l.push(u(k, {
         onClick: this.toggleFormCollapsed
       }, {
         default: () => this.formCollspased ? "展开" : "收起",
-        icon: () => this.formCollspased ? u(be, null, null) : u(xe, null, null)
-      })), this.$slots.actions && r.push(...this.$slots.actions()), r.length)
-        return u(w, l, {
-          default: () => [u(R, {
+        icon: () => this.formCollspased ? u(Se, null, null) : u(we, null, null)
+      })), this.$slots.actions && l.push(...this.$slots.actions()), l.length)
+        return u(I, r, {
+          default: () => [u(T, {
             hideLabel: !0,
             contentClass: this.footer ? "form-footer" : ""
           }, {
-            default: () => [u(ce, null, D(r) ? r : {
-              default: () => [r]
+            default: () => [u(fe, null, O(l) ? l : {
+              default: () => [l]
             })]
           })]
         });
     };
     return u("div", {
       class: "form-render"
-    }, [u(ne, Y({
+    }, [u(ce, G({
       layout: this.$props.layout,
       rules: this.formRules,
       onSubmitSuccess: e
@@ -529,47 +575,47 @@ const Me = /* @__PURE__ */ x({
       name: this.name
     }, {
       "auto-label-width": !0,
-      ref: (r) => this.formInstance = r,
+      ref: (l) => this.formInstance = l,
       model: this.formSource
     }), {
-      default: () => [u(ue, {
+      default: () => [u(de, {
         cols: this.formColumns,
         "col-gap": 10,
         "rol-gap": 10
       }, {
-        default: () => [this.form.filter((r) => this.formCollspased ? !r.collapsed : !0).map((r) => {
-          let l;
-          return u(w, {
-            span: r.span
-          }, D(l = Ne(this.formSource, r)) ? l : {
-            default: () => [l]
+        default: () => [this.form.filter((l) => this.formCollspased ? !l.collapsed : !0).map((l) => {
+          let r;
+          return u(I, {
+            span: l.span
+          }, O(r = Re(this.formSource, l)) ? r : {
+            default: () => [r]
           });
         }), t()]
       })]
     })]);
   }
 });
-function Be(e) {
+function We(e) {
   return e;
 }
-function Ee(e) {
-  const t = j(), r = h();
-  function l() {
+function Ae(e) {
+  const t = j(), l = o();
+  function r() {
     var c, a;
     const n = (a = (c = t == null ? void 0 : t.proxy) == null ? void 0 : c.$refs) == null ? void 0 : a[e];
-    n && (r.value = n);
+    n && (l.value = n);
   }
-  return U(l), G(l), r;
+  return R(r), K(r), l;
 }
-const Te = {
+const Ye = {
   install(e, t) {
-    e.component("FormRender", Me);
+    e.component("FormRender", Te);
   }
 };
 export {
-  Me as FormRender,
-  Ye as FormRenderResolver,
-  Te as default,
-  Be as defineForm,
-  Ee as useForm
+  Te as FormRender,
+  Qe as FormRenderResolver,
+  Ye as default,
+  We as defineForm,
+  Ae as useForm
 };