@gopowerteam/form-render 0.0.29 → 0.0.31

package/dist/es/index.mjs

@@ -1,21 +1,21 @@
-import { getCurrentInstance as _, inject as Y, defineComponent as x, computed as b, openBlock as N, createElementBlock as P, normalizeClass as L, normalizeStyle as T, createElementVNode as z, ref as k, createVNode as d, watch as G, nextTick as K, isRef as M, isVNode as R, h as Q, provide as O, onMounted as U, mergeProps as X, createTextVNode as $, onUpdated as H } from "vue";
-import { DatePicker as J, YearPicker as Z, QuarterPicker as p, MonthPicker as ee, WeekPicker as te, Input as le, InputNumber as re, Select as ae, Option as ne, Switch as ue, RangePicker as ce, Textarea as de, TreeSelect as se, FormItem as q, Form as oe, Grid as ie, GridItem as V, Button as S, Space as fe } from "@arco-design/web-vue";
-import I from "dayjs";
-import { FormRenderResolver as pe } from "./resolver.mjs";
-const me = Symbol("ArcoConfigProvider"), he = "arco", ye = "$arco", B = (e) => {
+import { getCurrentInstance as M, inject as Y, defineComponent as O, computed as b, openBlock as T, createElementBlock as L, normalizeClass as p, normalizeStyle as z, createElementVNode as R, ref as k, createVNode as i, watch as G, nextTick as K, isRef as V, isVNode as U, h as Q, provide as D, onMounted as E, mergeProps as X, createTextVNode as C, onUpdated as H } from "vue";
+import { DatePicker as J, YearPicker as Z, QuarterPicker as ee, MonthPicker as te, WeekPicker as le, Input as re, InputNumber as ae, Select as ne, Option as ue, Switch as ce, RangePicker as de, Textarea as se, TreeSelect as ie, Cascader as oe, FormItem as q, Form as fe, Grid as me, GridItem as j, Button as S, Space as he } from "@arco-design/web-vue";
+import _ from "dayjs";
+import { FormRenderResolver as rt } from "./resolver.mjs";
+const ye = Symbol("ArcoConfigProvider"), ke = "arco", be = "$arco", W = (e) => {
   var l, r, t;
-  const a = _(), c = Y(me, void 0), u = (t = (r = c == null ? void 0 : c.prefixCls) != null ? r : (l = a == null ? void 0 : a.appContext.config.globalProperties[ye]) == null ? void 0 : l.classPrefix) != null ? t : he;
-  return e ? `${u}-${e}` : u;
-}, ke = Object.prototype.toString;
-function E(e) {
-  return ke.call(e) === "[object Number]" && e === e;
+  const a = M(), s = Y(ye, void 0), c = (t = (r = s == null ? void 0 : s.prefixCls) != null ? r : (l = a == null ? void 0 : a.appContext.config.globalProperties[be]) == null ? void 0 : l.classPrefix) != null ? t : ke;
+  return e ? `${c}-${e}` : c;
+}, Se = Object.prototype.toString;
+function B(e) {
+  return Se.call(e) === "[object Number]" && e === e;
 }
-var W = (e, l) => {
+var A = (e, l) => {
   for (const [r, t] of l)
     e[r] = t;
   return e;
 };
-const be = x({
+const ve = O({
   name: "IconDown",
   props: {
     size: {
@@ -44,45 +44,45 @@ const be = x({
   setup(e, {
     emit: l
   }) {
-    const r = B("icon"), t = b(() => [r, `${r}-down`, {
+    const r = W("icon"), t = b(() => [r, `${r}-down`, {
       [`${r}-spin`]: e.spin
     }]), a = b(() => {
-      const u = {};
-      return e.size && (u.fontSize = E(e.size) ? `${e.size}px` : e.size), e.rotate && (u.transform = `rotate(${e.rotate}deg)`), u;
+      const c = {};
+      return e.size && (c.fontSize = B(e.size) ? `${e.size}px` : e.size), e.rotate && (c.transform = `rotate(${e.rotate}deg)`), c;
     });
     return {
       cls: t,
       innerStyle: a,
-      onClick: (u) => {
-        l("click", u);
+      onClick: (c) => {
+        l("click", c);
       }
     };
   }
-}), Se = ["stroke-width", "stroke-linecap", "stroke-linejoin"], ge = /* @__PURE__ */ z("path", {
+}), ge = ["stroke-width", "stroke-linecap", "stroke-linejoin"], $e = /* @__PURE__ */ R("path", {
   d: "M39.6 17.443 24.043 33 8.487 17.443"
-}, null, -1), ve = [ge];
-function $e(e, l, r, t, a, c) {
-  return N(), P("svg", {
+}, null, -1), Ce = [$e];
+function we(e, l, r, t, a, s) {
+  return T(), L("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
-    class: L(e.cls),
-    style: T(e.innerStyle),
+    class: p(e.cls),
+    style: z(e.innerStyle),
     "stroke-width": e.strokeWidth,
     "stroke-linecap": e.strokeLinecap,
     "stroke-linejoin": e.strokeLinejoin,
-    onClick: l[0] || (l[0] = (...u) => e.onClick && e.onClick(...u))
-  }, ve, 14, Se);
+    onClick: l[0] || (l[0] = (...c) => e.onClick && e.onClick(...c))
+  }, Ce, 14, ge);
 }
-var w = /* @__PURE__ */ W(be, [["render", $e]]);
-const Ce = Object.assign(w, {
+var F = /* @__PURE__ */ A(ve, [["render", we]]);
+const Fe = Object.assign(F, {
   install: (e, l) => {
     var r;
     const t = (r = l == null ? void 0 : l.iconPrefix) != null ? r : "";
-    e.component(t + w.name, w);
+    e.component(t + F.name, F);
   }
-}), we = x({
+}), xe = O({
   name: "IconUp",
   props: {
     size: {
@@ -111,65 +111,65 @@ const Ce = Object.assign(w, {
   setup(e, {
     emit: l
   }) {
-    const r = B("icon"), t = b(() => [r, `${r}-up`, {
+    const r = W("icon"), t = b(() => [r, `${r}-up`, {
       [`${r}-spin`]: e.spin
     }]), a = b(() => {
-      const u = {};
-      return e.size && (u.fontSize = E(e.size) ? `${e.size}px` : e.size), e.rotate && (u.transform = `rotate(${e.rotate}deg)`), u;
+      const c = {};
+      return e.size && (c.fontSize = B(e.size) ? `${e.size}px` : e.size), e.rotate && (c.transform = `rotate(${e.rotate}deg)`), c;
     });
     return {
       cls: t,
       innerStyle: a,
-      onClick: (u) => {
-        l("click", u);
+      onClick: (c) => {
+        l("click", c);
       }
     };
   }
-}), Fe = ["stroke-width", "stroke-linecap", "stroke-linejoin"], xe = /* @__PURE__ */ z("path", {
+}), Oe = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Ve = /* @__PURE__ */ R("path", {
   d: "M39.6 30.557 24.043 15 8.487 30.557"
-}, null, -1), Oe = [xe];
-function Ve(e, l, r, t, a, c) {
-  return N(), P("svg", {
+}, null, -1), Ie = [Ve];
+function De(e, l, r, t, a, s) {
+  return T(), L("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
-    class: L(e.cls),
-    style: T(e.innerStyle),
+    class: p(e.cls),
+    style: z(e.innerStyle),
     "stroke-width": e.strokeWidth,
     "stroke-linecap": e.strokeLinecap,
     "stroke-linejoin": e.strokeLinejoin,
-    onClick: l[0] || (l[0] = (...u) => e.onClick && e.onClick(...u))
-  }, Oe, 14, Fe);
+    onClick: l[0] || (l[0] = (...c) => e.onClick && e.onClick(...c))
+  }, Ie, 14, Oe);
 }
-var F = /* @__PURE__ */ W(we, [["render", Ve]]);
-const Ie = Object.assign(F, {
+var x = /* @__PURE__ */ A(xe, [["render", De]]);
+const je = Object.assign(x, {
   install: (e, l) => {
     var r;
     const t = (r = l == null ? void 0 : l.iconPrefix) != null ? r : "";
-    e.component(t + F.name, F);
+    e.component(t + x.name, x);
   }
-}), D = {
+}), N = {
   id: Symbol("ID"),
   source: Symbol("Source")
 };
-function De(e, l) {
+function _e(e, l) {
   const r = k({});
   return e == null || e.forEach((a) => {
-    let c = null;
-    a.default && (c = (typeof a.default == "function" ? a.default() : a.default) || null), l && l[a.key] !== void 0 && (c = l[a.key]), r.value[a.key] = c;
+    let s = null;
+    a.default && (s = (typeof a.default == "function" ? a.default() : a.default) || null), l && l[a.key] !== void 0 && (s = l[a.key]), r.value[a.key] = s;
   }), [r, (a) => {
     r.value = a;
   }];
 }
-function je(e) {
+function Ne(e) {
   function l(r, t) {
     return e != null && e.disabledDate ? e.disabledDate(r, t) : !1;
   }
   return (r, t) => {
     switch (e == null ? void 0 : e.type) {
       case "week":
-        return d(te, {
+        return i(le, {
           modelValue: r[t.key],
           "onUpdate:modelValue": (a) => r[t.key] = a,
           "disabled-date": l,
@@ -177,7 +177,7 @@ function je(e) {
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "month":
-        return d(ee, {
+        return i(te, {
           modelValue: r[t.key],
           "onUpdate:modelValue": (a) => r[t.key] = a,
           "disabled-date": l,
@@ -185,7 +185,7 @@ function je(e) {
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "quarter":
-        return d(p, {
+        return i(ee, {
           modelValue: r[t.key],
           "onUpdate:modelValue": (a) => r[t.key] = a,
           "disabled-date": l,
@@ -193,7 +193,7 @@ function je(e) {
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "year":
-        return d(Z, {
+        return i(Z, {
           modelValue: r[t.key],
           "onUpdate:modelValue": (a) => r[t.key] = a,
           "disabled-date": l,
@@ -202,7 +202,7 @@ function je(e) {
         }, null);
       case "date":
       default:
-        return d(J, {
+        return i(J, {
           "disabled-input": !0,
           modelValue: r[t.key],
           "onUpdate:modelValue": (a) => r[t.key] = a,
@@ -213,11 +213,11 @@ function je(e) {
     }
   };
 }
-function _e(e) {
+function Pe(e) {
   return (l, r) => {
     switch (e == null ? void 0 : e.type) {
       case "number":
-        return d(re, {
+        return i(ae, {
           modelValue: l[r.key],
           "onUpdate:modelValue": (t) => l[r.key] = t,
           hideButton: !0,
@@ -227,7 +227,7 @@ function _e(e) {
         }, null);
       case "string":
       default:
-        return d(le, {
+        return i(re, {
           modelValue: l[r.key],
           "onUpdate:modelValue": (t) => l[r.key] = t,
           placeholder: e == null ? void 0 : e.placeholder,
@@ -238,57 +238,56 @@ function _e(e) {
   };
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-function A(e, l, r) {
+function I(e, l, r) {
   const t = G(e, (...a) => (K(() => t()), l(...a)), r);
   return t;
 }
-function Ne(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !R(e);
+function Me(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const g = /* @__PURE__ */ new WeakMap();
-function Pe() {
+const v = /* @__PURE__ */ new WeakMap();
+function Te() {
   const e = k(/* @__PURE__ */ new Map());
   return [e, (r) => e.value = r];
 }
 function Le(e) {
-  console.log("开始渲染Select:");
   let l, r = !1;
-  const [t, a] = Pe(), c = () => {
+  const [t, a] = Te(), s = () => {
     if (!e.autoSumbit || !l)
       return;
-    let o = l;
-    for (; o && o.$el.tagName !== "FORM"; )
-      o = o.$parent;
-    o && o.$el && o.$el.dispatchEvent(new Event("submit"));
-  }, u = (o, n) => {
-    const s = o();
-    s instanceof Promise ? s.then(n) : n(s);
-  }, m = async () => {
-    const o = g.get(e.options);
-    switch (console.log("当前缓存值:", o), typeof o) {
+    let u = l;
+    for (; u && u.$el.tagName !== "FORM"; )
+      u = u.$parent;
+    u && u.$el && u.$el.dispatchEvent(new Event("submit"));
+  }, c = (u, n) => {
+    const d = u();
+    d instanceof Promise ? d.then(n) : n(d);
+  }, f = async () => {
+    const u = v.get(e.options);
+    switch (typeof u) {
       case "function":
-        console.log("检测到缓存正在请求中"), console.log("更新缓存"), g.set(e.options, a);
+        v.set(e.options, a);
         return;
       case "object":
-        console.log("检测到缓存数据完成"), a(o);
+        a(u);
         return;
     }
-    console.log("未检测到缓存开始进行请求"), g.set(e.options, a), u(e.options, (n) => {
-      const s = g.get(e.options);
-      g.set(e.options, n), s(n);
+    v.set(e.options, a), c(e.options, (n) => {
+      const d = v.get(e.options);
+      v.set(e.options, n), d(n);
     });
   }, y = () => {
-    u(e.options, (o) => {
-      a(o);
+    c(e.options, (u) => {
+      a(u);
     });
   };
   switch (!0) {
     case e.options instanceof Function: {
-      e.cache !== !1 ? (console.log("缓存开启"), m()) : (console.log("缓存关闭"), y());
+      e.cache !== !1 ? f() : y();
       break;
     }
-    case M(e.options): {
-      A(e.options, () => {
+    case V(e.options): {
+      I(e.options, () => {
         a(e.options.value);
       }, {
         immediate: !0
@@ -298,32 +297,32 @@ function Le(e) {
     default:
       t.value = e.options;
   }
-  return (o, n) => {
-    let s;
-    return e.default && !r && (o[n.key] = e.default, r = !0), d(ae, {
-      ref: (i) => l = i,
+  return (u, n) => {
+    let d;
+    return e.default && !r && (u[n.key] = e.default, r = !0), i(ne, {
+      ref: (o) => l = o,
       multiple: e.multiple,
-      modelValue: o[n.key],
-      "onUpdate:modelValue": (i) => o[n.key] = i,
+      modelValue: u[n.key],
+      "onUpdate:modelValue": (o) => u[n.key] = o,
       placeholder: e.placeholder,
       allowClear: e.clearable,
       allowSearch: e.searchable,
       maxTagCount: e.maxTagCount ?? 2,
-      onChange: c
-    }, Ne(s = Array.from(t.value.entries()).map(([i, f]) => d(ne, {
-      key: i,
-      value: i,
-      label: f
-    }, null))) ? s : {
-      default: () => [s]
+      onChange: s
+    }, Me(d = Array.from(t.value.entries()).map(([o, m]) => i(ue, {
+      key: o,
+      value: o,
+      label: m
+    }, null))) ? d : {
+      default: () => [d]
     });
   };
 }
-function Te(e) {
+function pe(e) {
   function l() {
     e != null && e.autoSumbit;
   }
-  return (r, t) => (e != null && e.default && (r[t.key] = e.default), d(ue, {
+  return (r, t) => (e != null && e.default && (r[t.key] = e.default), i(ce, {
     modelValue: r[t.key],
     "onUpdate:modelValue": (a) => r[t.key] = a,
     checkedText: (e == null ? void 0 : e.openLabel) ?? "是",
@@ -336,37 +335,37 @@ function Te(e) {
 function ze(e) {
   return (l, r) => {
     let t = [];
-    function a(m) {
-      t = m;
+    function a(f) {
+      t = f;
     }
-    function c(m) {
-      if (m && m.length === 2) {
-        const [y, o] = m.sort(), n = I(y).startOf("days"), s = I(o).endOf("days");
-        l[r.key] = [n.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD"), s.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD")];
+    function s(f) {
+      if (f && f.length === 2) {
+        const [y, u] = f.sort(), n = _(y).startOf("days"), d = _(u).endOf("days");
+        l[r.key] = [n.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD"), d.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD")];
       }
     }
-    function u(m) {
-      return e != null && e.disabledDate ? e.disabledDate(t, m) : !1;
+    function c(f) {
+      return e != null && e.disabledDate ? e.disabledDate(t, f) : !1;
     }
-    return d("div", null, [d(ce, {
+    return i("div", null, [i(de, {
       "disabled-input": !0,
       style: {
         width: "300px"
       },
       modelValue: l[r.key],
-      "onUpdate:modelValue": (m) => l[r.key] = m,
+      "onUpdate:modelValue": (f) => l[r.key] = f,
       onSelect: a,
-      onChange: c,
+      onChange: s,
       mode: e == null ? void 0 : e.type,
       allowClear: e == null ? void 0 : e.clearable,
-      "disabled-date": u,
+      "disabled-date": c,
       format: e == null ? void 0 : e.labelFormat,
       "value-format": e == null ? void 0 : e.valueFormat
     }, null)]);
   };
 }
-function Me(e) {
-  return (l, r) => d(de, {
+function Re(e) {
+  return (l, r) => i(se, {
     modelValue: l[r.key],
     "onUpdate:modelValue": (t) => l[r.key] = t,
     placeholder: e == null ? void 0 : e.placeholder,
@@ -374,50 +373,49 @@ function Me(e) {
     maxLength: e == null ? void 0 : e.maxLength
   }, null);
 }
-const v = /* @__PURE__ */ new WeakMap();
-function Re() {
+const g = /* @__PURE__ */ new WeakMap();
+function Ue() {
   const e = k([]);
   return [e, (r) => e.value = r];
 }
-function Ue(e) {
-  console.log("开始渲染SelectTree:");
+function Ee(e) {
   let l, r = !1;
-  const [t, a] = Re(), c = () => {
+  const [t, a] = Ue(), s = () => {
     if (!e.autoSumbit || !l)
       return;
     let n = l;
     for (; n && n.$el.tagName !== "FORM"; )
       n = n.$parent;
     n && n.$el && n.$el.dispatchEvent(new Event("submit"));
-  }, u = (n, s) => {
-    const i = n();
-    i instanceof Promise ? i.then(s) : s(i);
-  }, m = async () => {
-    const n = v.get(e.options);
-    switch (console.log("当前缓存值:", n), typeof n) {
+  }, c = (n, d) => {
+    const o = n();
+    o instanceof Promise ? o.then(d) : d(o);
+  }, f = async () => {
+    const n = g.get(e.options);
+    switch (typeof n) {
       case "function":
-        console.log("检测到缓存正在请求中"), console.log("更新缓存"), v.set(e.options, a);
+        g.set(e.options, a);
         return;
       case "object":
-        console.log("检测到缓存数据完成"), a(n);
+        a(n);
         return;
     }
-    console.log("未检测到缓存开始进行请求"), v.set(e.options, a), u(e.options, (s) => {
-      const i = v.get(e.options);
-      v.set(e.options, s), i(s);
+    g.set(e.options, a), c(e.options, (d) => {
+      const o = g.get(e.options);
+      g.set(e.options, d), o(d);
     });
   }, y = () => {
-    u(e.options, (n) => {
+    c(e.options, (n) => {
       a(n);
     });
   };
   switch (!0) {
     case e.options instanceof Function: {
-      e.cache !== !1 ? (console.log("缓存开启"), m()) : (console.log("缓存关闭"), y());
+      e.cache !== !1 ? f() : y();
       break;
     }
-    case M(e.options): {
-      A(e.options, () => {
+    case V(e.options): {
+      I(e.options, () => {
         a(e.options.value);
       }, {
         immediate: !0
@@ -427,60 +425,126 @@ function Ue(e) {
     default:
       t.value = e.options;
   }
-  function o(n, s) {
+  function u(n, d) {
     var h;
-    const i = ((h = e.fieldNames) == null ? void 0 : h.title) || "title", f = s[i];
-    return f ? f.toLowerCase().includes(n.toLowerCase()) : !1;
+    const o = ((h = e.fieldNames) == null ? void 0 : h.title) || "title", m = d[o];
+    return m ? m.toLowerCase().includes(n.toLowerCase()) : !1;
   }
-  return (n, s) => (e.default && !r && (n[s.key] = e.default, r = !0), d(se, {
-    ref: (i) => l = i,
+  return (n, d) => (e.default && !r && (n[d.key] = e.default, r = !0), i(ie, {
+    ref: (o) => l = o,
     multiple: e.multiple,
-    modelValue: n[s.key],
-    "onUpdate:modelValue": (i) => n[s.key] = i,
+    modelValue: n[d.key],
+    "onUpdate:modelValue": (o) => n[d.key] = o,
     placeholder: e.placeholder,
     allowClear: e.clearable,
     allowSearch: e.searchable,
     maxTagCount: e.maxTagCount ?? 2,
-    onChange: c,
-    filterTreeNode: o,
+    onChange: s,
+    filterTreeNode: u,
     data: t.value,
     fieldNames: e.fieldNames
   }, null));
 }
-function qe(e) {
+const $ = /* @__PURE__ */ new WeakMap();
+function qe() {
+  const e = k([]);
+  return [e, (r) => e.value = r];
+}
+function We(e) {
+  let l, r = !1;
+  const [t, a] = qe(), s = () => {
+    if (!e.autoSumbit || !l)
+      return;
+    let u = l;
+    for (; u && u.$el.tagName !== "FORM"; )
+      u = u.$parent;
+    u && u.$el && u.$el.dispatchEvent(new Event("submit"));
+  }, c = (u, n) => {
+    const d = u();
+    d instanceof Promise ? d.then(n) : n(d);
+  }, f = async () => {
+    const u = $.get(e.options);
+    switch (typeof u) {
+      case "function":
+        $.set(e.options, a);
+        return;
+      case "object":
+        a(u);
+        return;
+    }
+    $.set(e.options, a), c(e.options, (n) => {
+      const d = $.get(e.options);
+      $.set(e.options, n), d(n);
+    });
+  }, y = () => {
+    c(e.options, (u) => {
+      a(u);
+    });
+  };
+  switch (!0) {
+    case e.options instanceof Function: {
+      e.cache !== !1 ? f() : y();
+      break;
+    }
+    case V(e.options): {
+      I(e.options, () => {
+        a(e.options.value);
+      }, {
+        immediate: !0
+      });
+      break;
+    }
+    default:
+      t.value = e.options;
+  }
+  return (u, n) => (e.default && !r && (u[n.key] = e.default, r = !0), i(oe, {
+    ref: (d) => l = d,
+    multiple: e.multiple,
+    modelValue: u[n.key],
+    "onUpdate:modelValue": (d) => u[n.key] = d,
+    placeholder: e.placeholder,
+    allowClear: e.clearable,
+    allowSearch: e.searchable,
+    maxTagCount: e.maxTagCount ?? 2,
+    onChange: s,
+    options: t.value
+  }, null));
+}
+function Be(e) {
   return (l) => e(l);
 }
-function Be() {
+function Ae() {
   return {
-    input: _e,
-    textarea: Me,
+    input: Pe,
+    textarea: Re,
     select: Le,
-    treeSelect: Ue,
-    date: je,
-    switch: Te,
+    treeSelect: Ee,
+    date: Ne,
+    switch: pe,
     dateRange: ze,
-    render: qe
+    render: Be,
+    cascader: We
   };
 }
-function Ee(e, l) {
+function Ye(e, l) {
   l.render || (l.render = (t) => t.input());
   const r = l.render({
-    ...Be()
+    ...Ae()
   });
   return {
     default: () => r(e, l)
   };
 }
-function We(e, l) {
+function Ge(e, l) {
   return Q(q, {
     field: l.key,
     label: l.title
-  }, Ee(e, l));
+  }, Ye(e, l));
 }
-function j(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !R(e);
+function P(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const Ae = /* @__PURE__ */ x({
+const Ke = /* @__PURE__ */ O({
   props: {
     form: {
       type: Object,
@@ -532,45 +596,45 @@ const Ae = /* @__PURE__ */ x({
   emits: ["submit", "cancel", "update:model-value"],
   expose: ["formSource", "updateFormField", "updateFormSource", "reset"],
   setup(e) {
-    const l = Math.random().toString(32).slice(2).toUpperCase(), r = k(), [t, a] = De(e.form, e.modelValue || e.value), c = k(e.columns || 0), u = k(!0), m = () => u.value = !u.value;
-    O(D.id, l), O(D.source, t);
+    const l = Math.random().toString(32).slice(2).toUpperCase(), r = k(), [t, a] = _e(e.form, e.modelValue || e.value), s = k(e.columns || 0), c = k(!0), f = () => c.value = !c.value;
+    D(N.id, l), D(N.source, t);
     const y = b(() => {
-      if (!c.value)
+      if (!s.value)
         return 1;
-      const f = e.form.reduce((h, C) => h + ((C == null ? void 0 : C.span) || 1), 0);
-      return c.value - f % c.value;
-    }), o = b(() => e.form.reduce((f, h) => (h.rule && (f[h.key] = h.rule), f), {}));
+      const m = e.form.reduce((h, w) => h + ((w == null ? void 0 : w.span) || 1), 0);
+      return s.value - m % s.value;
+    }), u = b(() => e.form.reduce((m, h) => (h.rule && (m[h.key] = h.rule), m), {}));
     function n() {
       var h;
       if (e.columns)
         return;
-      const f = (h = r.value) == null ? void 0 : h.$el;
-      f && (c.value = Math.floor(f.offsetWidth / e.minWidth));
+      const m = (h = r.value) == null ? void 0 : h.$el;
+      m && (s.value = Math.floor(m.offsetWidth / e.minWidth));
     }
-    U(() => {
+    E(() => {
       n();
     });
-    function s(f, h) {
-      t.value[f] = h, a({
+    function d(m, h) {
+      t.value[m] = h, a({
         ...t
       });
     }
-    function i() {
-      var f;
-      (f = r.value) == null || f.resetFields();
+    function o() {
+      var m;
+      (m = r.value) == null || m.resetFields();
     }
     return window.addEventListener("resize", n), {
       formId: l,
       formSource: t,
       formInstance: r,
-      formColumns: c,
-      formRules: o,
-      formCollspased: u,
+      formColumns: s,
+      formRules: u,
+      formCollspased: c,
       formActiosSpan: y,
-      toggleFormCollapsed: m,
-      updateFormField: s,
+      toggleFormCollapsed: f,
+      updateFormField: d,
       updateFormSource: a,
-      reset: i
+      reset: o
     };
   },
   render() {
@@ -582,41 +646,41 @@ const Ae = /* @__PURE__ */ x({
       } : {
         span: this.formActiosSpan
       };
-      if (this.searchable && (t.push(d(S, {
+      if (this.searchable && (t.push(i(S, {
         type: "primary",
         htmlType: "submit"
       }, {
-        default: () => [$("搜索")]
-      })), t.push(d(S, {
+        default: () => [C("搜索")]
+      })), t.push(i(S, {
         type: "secondary",
         onClick: () => {
-          var c;
-          return (c = this.formInstance) == null ? void 0 : c.resetFields();
+          var s;
+          return (s = this.formInstance) == null ? void 0 : s.resetFields();
         }
       }, {
-        default: () => [$("重置")]
-      }))), this.submitable && (t.push(d(S, {
+        default: () => [C("重置")]
+      }))), this.submitable && (t.push(i(S, {
         type: "primary",
         htmlType: "submit"
       }, {
-        default: () => [$("提交")]
-      })), t.push(d(S, {
+        default: () => [C("提交")]
+      })), t.push(i(S, {
         type: "secondary",
         onClick: () => this.$emit("cancel")
       }, {
-        default: () => [$("取消")]
-      }))), this.form.some((c) => !!c.collapsed) && t.push(d(S, {
+        default: () => [C("取消")]
+      }))), this.form.some((s) => !!s.collapsed) && t.push(i(S, {
         onClick: this.toggleFormCollapsed
       }, {
         default: () => this.formCollspased ? "展开" : "收起",
-        icon: () => this.formCollspased ? d(Ce, null, null) : d(Ie, null, null)
+        icon: () => this.formCollspased ? i(Fe, null, null) : i(je, null, null)
       })), this.$slots.actions && t.push(...this.$slots.actions()), t.length)
-        return d(V, a, {
-          default: () => [d(q, {
+        return i(j, a, {
+          default: () => [i(q, {
             hideLabel: !0,
             contentClass: this.footer ? "form-footer" : ""
           }, {
-            default: () => [d(fe, null, j(t) ? t : {
+            default: () => [i(he, null, P(t) ? t : {
               default: () => [t]
             })]
           })]
@@ -631,29 +695,29 @@ const Ae = /* @__PURE__ */ x({
           return !0;
       }
     });
-    return d("div", {
+    return i("div", {
       class: "form-render"
-    }, [d(oe, X({
-      layout: this.$props.layout,
-      rules: this.formRules,
-      onSubmitSuccess: e
-    }, {
+    }, [i(fe, X({
       name: this.name
     }, {
+      labelAlign: "left",
+      layout: this.$props.layout,
+      rules: this.formRules,
+      onSubmitSuccess: e,
       "auto-label-width": !0,
       ref: (t) => this.formInstance = t,
       model: this.formSource
     }), {
-      default: () => [d(ie, {
+      default: () => [i(me, {
         cols: this.formColumns,
-        "col-gap": 10,
+        "col-gap": 24,
         "rol-gap": 10
       }, {
         default: () => [r.filter(() => this.formColumns !== 0).map((t) => {
           let a;
-          return d(V, {
+          return i(j, {
             span: t.span
-          }, j(a = We(this.formSource, t)) ? a : {
+          }, P(a = Ge(this.formSource, t)) ? a : {
             default: () => [a]
           });
         }), l()]
@@ -661,27 +725,27 @@ const Ae = /* @__PURE__ */ x({
     })]);
   }
 });
-function Qe(e) {
+function Je(e) {
   return e;
 }
-function Xe(e) {
-  const l = _(), r = k();
+function Ze(e) {
+  const l = M(), r = k();
   function t() {
-    var c, u;
-    const a = (u = (c = l == null ? void 0 : l.proxy) == null ? void 0 : c.$refs) == null ? void 0 : u[e];
+    var s, c;
+    const a = (c = (s = l == null ? void 0 : l.proxy) == null ? void 0 : s.$refs) == null ? void 0 : c[e];
     a && (r.value = a);
   }
-  return U(t), H(t), r;
+  return E(t), H(t), r;
 }
-const He = {
+const et = {
   install(e, l) {
-    e.component("FormRender", Ae);
+    e.component("FormRender", Ke);
   }
 };
 export {
-  Ae as FormRender,
-  pe as FormRenderResolver,
-  He as default,
-  Qe as defineForm,
-  Xe as useForm
+  Ke as FormRender,
+  rt as FormRenderResolver,
+  et as default,
+  Je as defineForm,
+  Ze as useForm
 };