@gopowerteam/form-render 0.0.20 → 0.0.22

package/dist/es/index.mjs

@@ -1,18 +1,18 @@
-import { getCurrentInstance as O, inject as A, defineComponent as F, computed as k, openBlock as j, createElementBlock as L, normalizeClass as P, normalizeStyle as z, createElementVNode as M, ref as h, createVNode as c, isVNode as U, h as Y, provide as V, onMounted as R, mergeProps as G, createTextVNode as v, 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 b, Space as fe } from "@arco-design/web-vue";
+import { getCurrentInstance as O, inject as A, defineComponent as F, computed as k, openBlock as j, createElementBlock as L, normalizeClass as P, normalizeStyle as z, createElementVNode as M, ref as h, createVNode as d, isVNode as U, h as Y, provide as V, onMounted as R, mergeProps as G, createTextVNode as v, 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 te, Option as le, 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 b, 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 = O(), d = A(se, void 0), a = (r = (l = d == null ? void 0 : d.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;
+  var l, r, t;
+  const a = O(), c = A(se, void 0), n = (t = (r = c == null ? void 0 : c.prefixCls) != null ? r : (l = a == null ? void 0 : a.appContext.config.globalProperties[me]) == null ? void 0 : l.classPrefix) != null ? t : ie;
+  return e ? `${n}-${e}` : n;
 }, oe = Object.prototype.toString;
 function B(e) {
   return oe.call(e) === "[object Number]" && e === e;
 }
-var E = (e, t) => {
-  for (const [l, r] of t)
-    e[l] = r;
+var E = (e, l) => {
+  for (const [r, t] of l)
+    e[r] = t;
   return e;
 };
 const he = F({
@@ -42,26 +42,26 @@ const he = F({
     click: (e) => !0
   },
   setup(e, {
-    emit: t
+    emit: l
   }) {
-    const l = q("icon"), r = k(() => [l, `${l}-down`, {
-      [`${l}-spin`]: e.spin
-    }]), n = k(() => {
-      const a = {};
-      return e.size && (a.fontSize = B(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    const r = q("icon"), t = k(() => [r, `${r}-down`, {
+      [`${r}-spin`]: e.spin
+    }]), a = k(() => {
+      const n = {};
+      return e.size && (n.fontSize = B(e.size) ? `${e.size}px` : e.size), e.rotate && (n.transform = `rotate(${e.rotate}deg)`), n;
     });
     return {
-      cls: r,
-      innerStyle: n,
-      onClick: (a) => {
-        t("click", a);
+      cls: t,
+      innerStyle: a,
+      onClick: (n) => {
+        l("click", n);
       }
     };
   }
 }), ye = ["stroke-width", "stroke-linecap", "stroke-linejoin"], ke = /* @__PURE__ */ M("path", {
   d: "M39.6 17.443 24.043 33 8.487 17.443"
 }, null, -1), be = [ke];
-function ve(e, t, l, r, n, d) {
+function ve(e, l, r, t, a, c) {
   return j(), L("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
@@ -72,15 +72,15 @@ function ve(e, t, l, r, n, d) {
     "stroke-width": e.strokeWidth,
     "stroke-linecap": e.strokeLinecap,
     "stroke-linejoin": e.strokeLinejoin,
-    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
+    onClick: l[0] || (l[0] = (...n) => e.onClick && e.onClick(...n))
   }, be, 14, ye);
 }
 var g = /* @__PURE__ */ E(he, [["render", ve]]);
 const Se = Object.assign(g, {
-  install: (e, t) => {
-    var l;
-    const r = (l = t == null ? void 0 : t.iconPrefix) != null ? l : "";
-    e.component(r + g.name, g);
+  install: (e, l) => {
+    var r;
+    const t = (r = l == null ? void 0 : l.iconPrefix) != null ? r : "";
+    e.component(t + g.name, g);
   }
 }), $e = F({
   name: "IconUp",
@@ -109,26 +109,26 @@ const Se = Object.assign(g, {
     click: (e) => !0
   },
   setup(e, {
-    emit: t
+    emit: l
   }) {
-    const l = q("icon"), r = k(() => [l, `${l}-up`, {
-      [`${l}-spin`]: e.spin
-    }]), n = k(() => {
-      const a = {};
-      return e.size && (a.fontSize = B(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    const r = q("icon"), t = k(() => [r, `${r}-up`, {
+      [`${r}-spin`]: e.spin
+    }]), a = k(() => {
+      const n = {};
+      return e.size && (n.fontSize = B(e.size) ? `${e.size}px` : e.size), e.rotate && (n.transform = `rotate(${e.rotate}deg)`), n;
     });
     return {
-      cls: r,
-      innerStyle: n,
-      onClick: (a) => {
-        t("click", a);
+      cls: t,
+      innerStyle: a,
+      onClick: (n) => {
+        l("click", n);
       }
     };
   }
 }), ge = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Ce = /* @__PURE__ */ M("path", {
   d: "M39.6 30.557 24.043 15 8.487 30.557"
-}, null, -1), xe = [Ce];
-function we(e, t, l, r, n, d) {
+}, null, -1), we = [Ce];
+function xe(e, l, r, t, a, c) {
   return j(), L("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
@@ -139,73 +139,73 @@ function we(e, t, l, r, n, d) {
     "stroke-width": e.strokeWidth,
     "stroke-linecap": e.strokeLinecap,
     "stroke-linejoin": e.strokeLinejoin,
-    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
-  }, xe, 14, ge);
+    onClick: l[0] || (l[0] = (...n) => e.onClick && e.onClick(...n))
+  }, we, 14, ge);
 }
-var C = /* @__PURE__ */ E($e, [["render", we]]);
+var C = /* @__PURE__ */ E($e, [["render", xe]]);
 const Fe = Object.assign(C, {
-  install: (e, t) => {
-    var l;
-    const r = (l = t == null ? void 0 : t.iconPrefix) != null ? l : "";
-    e.component(r + C.name, C);
+  install: (e, l) => {
+    var r;
+    const t = (r = l == null ? void 0 : l.iconPrefix) != null ? r : "";
+    e.component(t + C.name, C);
   }
 }), D = {
   id: Symbol("ID"),
   source: Symbol("Source")
 };
-function Ve(e, t) {
-  const l = h({});
-  return e == null || e.forEach((n) => {
-    let d = null;
-    n.default && (d = (typeof n.default == "function" ? n.default() : n.default) || null), t && t[n.key] !== void 0 && (d = t[n.key]), l.value[n.key] = d;
-  }), [l, (n) => {
-    l.value = n;
+function Ve(e, l) {
+  const r = h({});
+  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;
+  }), [r, (a) => {
+    r.value = a;
   }];
 }
 function Ie(e) {
-  function t(l, r) {
-    return e != null && e.disabledDate ? e.disabledDate(l, r) : !1;
+  function l(r, t) {
+    return e != null && e.disabledDate ? e.disabledDate(r, t) : !1;
   }
-  return (l, r) => {
+  return (r, t) => {
     switch (e == null ? void 0 : e.type) {
       case "week":
-        return c(Z, {
-          modelValue: l[r.key],
-          "onUpdate:modelValue": (n) => l[r.key] = n,
-          "disabled-date": t,
+        return d(Z, {
+          modelValue: r[t.key],
+          "onUpdate:modelValue": (a) => r[t.key] = a,
+          "disabled-date": l,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "month":
-        return c(J, {
-          modelValue: l[r.key],
-          "onUpdate:modelValue": (n) => l[r.key] = n,
-          "disabled-date": t,
+        return d(J, {
+          modelValue: r[t.key],
+          "onUpdate:modelValue": (a) => r[t.key] = a,
+          "disabled-date": l,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "quarter":
-        return c(H, {
-          modelValue: l[r.key],
-          "onUpdate:modelValue": (n) => l[r.key] = n,
-          "disabled-date": t,
+        return d(H, {
+          modelValue: r[t.key],
+          "onUpdate:modelValue": (a) => r[t.key] = a,
+          "disabled-date": l,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "year":
-        return c(X, {
-          modelValue: l[r.key],
-          "onUpdate:modelValue": (n) => l[r.key] = n,
-          "disabled-date": t,
+        return d(X, {
+          modelValue: r[t.key],
+          "onUpdate:modelValue": (a) => r[t.key] = a,
+          "disabled-date": l,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "date":
       default:
-        return c(Q, {
-          modelValue: l[r.key],
-          "onUpdate:modelValue": (n) => l[r.key] = n,
-          "disabled-date": t,
+        return d(Q, {
+          modelValue: r[t.key],
+          "onUpdate:modelValue": (a) => r[t.key] = a,
+          "disabled-date": l,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
@@ -213,12 +213,12 @@ function Ie(e) {
   };
 }
 function _e(e) {
-  return (t, l) => {
+  return (l, r) => {
     switch (e == null ? void 0 : e.type) {
       case "number":
-        return c(ee, {
-          modelValue: t[l.key],
-          "onUpdate:modelValue": (r) => t[l.key] = r,
+        return d(ee, {
+          modelValue: l[r.key],
+          "onUpdate:modelValue": (t) => l[r.key] = t,
           hideButton: !0,
           "read-only": e == null ? void 0 : e.readonly,
           placeholder: e == null ? void 0 : e.placeholder,
@@ -226,9 +226,9 @@ function _e(e) {
         }, null);
       case "string":
       default:
-        return c(p, {
-          modelValue: t[l.key],
-          "onUpdate:modelValue": (r) => t[l.key] = r,
+        return d(p, {
+          modelValue: l[r.key],
+          "onUpdate:modelValue": (t) => l[r.key] = t,
           placeholder: e == null ? void 0 : e.placeholder,
           readonly: e == null ? void 0 : e.readonly,
           allowClear: e == null ? void 0 : e.clearable
@@ -242,50 +242,50 @@ function S(e) {
 function De(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const x = /* @__PURE__ */ new WeakMap();
+const w = /* @__PURE__ */ new WeakMap();
 function Ne(e) {
-  let t, l = !1;
-  const r = h(/* @__PURE__ */ new Map()), n = (a) => {
-    r.value = a, e.cache !== !1 && x.set(e.options, a);
+  let l, r = !1;
+  const t = h(/* @__PURE__ */ new Map()), a = (n) => {
+    t.value = n, e.cache !== !1 && w.set(e.options, n);
   };
   switch (!0) {
     case e.options instanceof Function: {
-      if (x.has(e.options)) {
-        r.value = x.get(e.options);
+      if (w.has(e.options)) {
+        t.value = w.get(e.options);
         break;
       }
-      const a = e.options();
-      S(a) ? a.then(n) : n(a);
+      const n = e.options();
+      S(n) ? n.then(a) : a(n);
       break;
     }
     case S(e.options): {
-      e.options.then((a) => r.value = a);
+      e.options.then((n) => t.value = n);
       break;
     }
     default:
-      r.value = e.options;
+      t.value = e.options;
   }
-  function d() {
-    if (!e.autoSumbit || !t)
+  function c() {
+    if (!e.autoSumbit || !l)
       return;
-    let a = t;
-    for (; a && a.$el.tagName !== "FORM"; )
-      a = a.$parent;
-    a && a.$el && a.$el.dispatchEvent(new Event("submit"));
+    let n = l;
+    for (; n && n.$el.tagName !== "FORM"; )
+      n = n.$parent;
+    n && n.$el && n.$el.dispatchEvent(new Event("submit"));
   }
-  return (a, u) => {
+  return (n, u) => {
     let s;
-    return e.default && !l && (a[u.key] = e.default, l = !0), c(le, {
-      ref: (f) => t = f,
+    return e.default && !r && (n[u.key] = e.default, r = !0), d(te, {
+      ref: (f) => l = f,
       multiple: e.multiple,
-      modelValue: a[u.key],
-      "onUpdate:modelValue": (f) => a[u.key] = f,
+      modelValue: n[u.key],
+      "onUpdate:modelValue": (f) => n[u.key] = f,
       placeholder: e.placeholder,
       allowClear: e.clearable,
       allowSearch: e.searchable,
       maxTagCount: e.maxTagCount ?? 2,
-      onChange: d
-    }, De(s = Array.from(r.value.entries()).map(([f, o]) => c(te, {
+      onChange: c
+    }, De(s = Array.from(t.value.entries()).map(([f, o]) => d(le, {
       key: f,
       value: f,
       label: o
@@ -295,97 +295,97 @@ function Ne(e) {
   };
 }
 function Oe(e) {
-  function t() {
+  function l() {
     e != null && e.autoSumbit;
   }
-  return (l, r) => (e != null && e.default && (l[r.key] = e.default), c(re, {
-    modelValue: l[r.key],
-    "onUpdate:modelValue": (n) => l[r.key] = n,
+  return (r, t) => (e != null && e.default && (r[t.key] = e.default), d(re, {
+    modelValue: r[t.key],
+    "onUpdate:modelValue": (a) => r[t.key] = a,
     checkedText: (e == null ? void 0 : e.openLabel) ?? "是",
     uncheckedText: (e == null ? void 0 : e.closeLabel) ?? "否",
     checkedValue: (e == null ? void 0 : e.openValue) ?? !0,
     uncheckedValue: (e == null ? void 0 : e.closeValue) ?? !1,
-    onChange: t
+    onChange: l
   }, null));
 }
 function je(e) {
-  return (t, l) => {
-    let r = [];
-    function n(u) {
-      r = u;
+  return (l, r) => {
+    let t = [];
+    function a(u) {
+      t = u;
     }
-    function d(u) {
+    function c(u) {
       if (u && u.length === 2) {
         const [s, f] = u.sort(), o = _(s).startOf("days"), y = _(f).endOf("days");
-        t[l.key] = [o.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD"), y.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD")];
+        l[r.key] = [o.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD"), y.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD")];
       }
     }
-    function a(u) {
-      return e != null && e.disabledDate ? e.disabledDate(r, u) : !1;
+    function n(u) {
+      return e != null && e.disabledDate ? e.disabledDate(t, u) : !1;
     }
-    return c("div", null, [c(ae, {
+    return d("div", null, [d(ae, {
       style: {
         width: "300px"
       },
-      modelValue: t[l.key],
-      "onUpdate:modelValue": (u) => t[l.key] = u,
-      onSelect: n,
-      onChange: d,
+      modelValue: l[r.key],
+      "onUpdate:modelValue": (u) => l[r.key] = u,
+      onSelect: a,
+      onChange: c,
       mode: e == null ? void 0 : e.type,
       allowClear: e == null ? void 0 : e.clearable,
-      "disabled-date": a,
+      "disabled-date": n,
       format: e == null ? void 0 : e.labelFormat,
       "value-format": e == null ? void 0 : e.valueFormat
     }, null)]);
   };
 }
 function Le(e) {
-  return (t, l) => c(ne, {
-    modelValue: t[l.key],
-    "onUpdate:modelValue": (r) => t[l.key] = r,
+  return (l, r) => d(ne, {
+    modelValue: l[r.key],
+    "onUpdate:modelValue": (t) => l[r.key] = t,
     placeholder: e == null ? void 0 : e.placeholder,
     autoSize: e == null ? void 0 : e.autosize,
     maxLength: e == null ? void 0 : e.maxLength
   }, null);
 }
-const w = /* @__PURE__ */ new WeakMap();
+const x = /* @__PURE__ */ new WeakMap();
 function Pe(e) {
-  let t, l = !1;
-  const r = h([]), n = (u) => {
-    r.value = u, e.cache !== !1 && w.set(e.options, u);
+  let l, r = !1;
+  const t = h([]), a = (u) => {
+    t.value = u, e.cache !== !1 && x.set(e.options, u);
   };
   switch (!0) {
     case e.options instanceof Function: {
-      if (w.has(e.options)) {
-        r.value = w.get(e.options);
+      if (x.has(e.options)) {
+        t.value = x.get(e.options);
         break;
       }
       const u = e.options();
-      S(u) ? u.then(n) : n(u);
+      S(u) ? u.then(a) : a(u);
       break;
     }
     case S(e.options): {
-      e.options.then((u) => r.value = u);
+      e.options.then((u) => t.value = u);
       break;
     }
     default:
-      r.value = e.options;
+      t.value = e.options;
   }
-  function d() {
-    if (!e.autoSumbit || !t)
+  function c() {
+    if (!e.autoSumbit || !l)
       return;
-    let u = t;
+    let u = l;
     for (; u && u.$el.tagName !== "FORM"; )
       u = u.$parent;
     u && u.$el && u.$el.dispatchEvent(new Event("submit"));
   }
-  function a(u, s) {
+  function n(u, s) {
     var y;
     const f = ((y = e.fieldNames) == null ? void 0 : y.title) || "title", o = s[f];
     return o ? o.toLowerCase().includes(u.toLowerCase()) : !1;
   }
-  return (u, s) => (e.default && !l && (u[s.key] = e.default, l = !0), c(ue, {
-    ref: (f) => t = f,
+  return (u, s) => (e.default && !r && (u[s.key] = e.default, r = !0), d(ue, {
+    ref: (f) => l = f,
     multiple: e.multiple,
     modelValue: u[s.key],
     "onUpdate:modelValue": (f) => u[s.key] = f,
@@ -393,14 +393,14 @@ function Pe(e) {
     allowClear: e.clearable,
     allowSearch: e.searchable,
     maxTagCount: e.maxTagCount ?? 2,
-    onChange: d,
-    filterTreeNode: a,
-    data: r.value,
+    onChange: c,
+    filterTreeNode: n,
+    data: t.value,
     fieldNames: e.fieldNames
   }, null));
 }
 function ze(e) {
-  return (t) => e(t);
+  return (l) => e(l);
 }
 function Me() {
   return {
@@ -414,20 +414,20 @@ function Me() {
     render: ze
   };
 }
-function Ue(e, t) {
-  t.render || (t.render = (r) => r.input());
-  const l = t.render({
+function Ue(e, l) {
+  l.render || (l.render = (t) => t.input());
+  const r = l.render({
     ...Me()
   });
   return {
-    default: () => l(e, t)
+    default: () => r(e, l)
   };
 }
-function Re(e, t) {
+function Re(e, l) {
   return Y(T, {
-    field: t.key,
-    label: t.title
-  }, Ue(e, t));
+    field: l.key,
+    label: l.title
+  }, Ue(e, l));
 }
 function N(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
@@ -484,97 +484,106 @@ const Te = /* @__PURE__ */ F({
   emits: ["submit", "cancel", "update:model-value"],
   expose: ["formSource", "updateFormField", "updateFormSource", "reset"],
   setup(e) {
-    const t = Math.random().toString(32).slice(2).toUpperCase(), l = h(), [r, n] = Ve(e.form, e.modelValue || e.value), d = h(e.columns || 0), a = h(!0), u = () => a.value = !a.value;
-    V(D.id, t), V(D.source, r);
+    const l = Math.random().toString(32).slice(2).toUpperCase(), r = h(), [t, a] = Ve(e.form, e.modelValue || e.value), c = h(e.columns || 0), n = h(!0), u = () => n.value = !n.value;
+    V(D.id, l), V(D.source, t);
     const s = k(() => {
-      if (!d.value)
+      if (!c.value)
         return 1;
       const i = e.form.reduce((m, $) => m + (($ == null ? void 0 : $.span) || 1), 0);
-      return d.value - i % d.value;
+      return c.value - i % c.value;
     }), f = k(() => e.form.reduce((i, m) => (m.rule && (i[m.key] = m.rule), i), {}));
     function o() {
       var m;
-      const i = (m = l.value) == null ? void 0 : m.$el;
-      i && (d.value = Math.floor(i.offsetWidth / e.minWidth));
+      const i = (m = r.value) == null ? void 0 : m.$el;
+      i && (c.value = Math.floor(i.offsetWidth / e.minWidth));
     }
     R(() => {
       o();
     });
     function y(i, m) {
-      r.value[i] = m, n({
-        ...r
+      t.value[i] = m, a({
+        ...t
       });
     }
     function W() {
       var i;
-      (i = l.value) == null || i.resetFields();
+      (i = r.value) == null || i.resetFields();
     }
     return window.addEventListener("resize", o), {
-      formId: t,
-      formSource: r,
-      formInstance: l,
-      formColumns: d,
+      formId: l,
+      formSource: t,
+      formInstance: r,
+      formColumns: c,
       formRules: f,
-      formCollspased: a,
+      formCollspased: n,
       formActiosSpan: s,
       toggleFormCollapsed: u,
       updateFormField: y,
-      updateFormSource: n,
+      updateFormSource: a,
       reset: W
     };
   },
   render() {
     const e = () => {
       this.$emit("submit", this.formSource), this.$emit("update:model-value", this.formSource);
-    }, t = () => {
-      const l = [], r = this.footer ? {
+    }, l = () => {
+      const t = [], a = this.footer ? {
         span: this.formColumns
       } : {
         span: this.formActiosSpan
       };
-      if (this.searchable && (l.push(c(b, {
+      if (this.searchable && (t.push(d(b, {
         type: "primary",
         htmlType: "submit"
       }, {
         default: () => [v("搜索")]
-      })), l.push(c(b, {
+      })), t.push(d(b, {
         type: "secondary",
         onClick: () => {
-          var n;
-          return (n = this.formInstance) == null ? void 0 : n.resetFields();
+          var c;
+          return (c = this.formInstance) == null ? void 0 : c.resetFields();
         }
       }, {
         default: () => [v("重置")]
-      }))), this.submitable && (l.push(c(b, {
+      }))), this.submitable && (t.push(d(b, {
         type: "primary",
         htmlType: "submit"
       }, {
         default: () => [v("提交")]
-      })), l.push(c(b, {
+      })), t.push(d(b, {
         type: "secondary",
         onClick: () => this.$emit("cancel")
       }, {
         default: () => [v("取消")]
-      }))), this.form.some((n) => !!n.collapsed) && l.push(c(b, {
+      }))), this.form.some((c) => !!c.collapsed) && t.push(d(b, {
         onClick: this.toggleFormCollapsed
       }, {
         default: () => this.formCollspased ? "展开" : "收起",
-        icon: () => this.formCollspased ? c(Se, null, null) : c(Fe, null, null)
-      })), this.$slots.actions && l.push(...this.$slots.actions()), l.length)
-        return c(I, r, {
-          default: () => [c(T, {
+        icon: () => this.formCollspased ? d(Se, null, null) : d(Fe, null, null)
+      })), this.$slots.actions && t.push(...this.$slots.actions()), t.length)
+        return d(I, a, {
+          default: () => [d(T, {
             hideLabel: !0,
             contentClass: this.footer ? "form-footer" : ""
           }, {
-            default: () => [c(fe, null, N(l) ? l : {
-              default: () => [l]
+            default: () => [d(fe, null, N(t) ? t : {
+              default: () => [t]
             })]
           })]
         });
-    };
-    return c("div", {
+    }, r = this.form.filter((t) => this.formCollspased ? !t.collapsed : !0).filter((t) => {
+      switch (!0) {
+        case typeof t.visiable == "boolean":
+          return t.visiable;
+        case typeof t.visiable == "function":
+          return t.visiable(this.formSource);
+        default:
+          return !0;
+      }
+    });
+    return d("div", {
       class: "form-render"
-    }, [c(ce, G({
+    }, [d(ce, G({
       layout: this.$props.layout,
       rules: this.formRules,
       onSubmitSuccess: e
@@ -582,22 +591,22 @@ const Te = /* @__PURE__ */ F({
       name: this.name
     }, {
       "auto-label-width": !0,
-      ref: (l) => this.formInstance = l,
+      ref: (t) => this.formInstance = t,
       model: this.formSource
     }), {
-      default: () => [c(de, {
+      default: () => [d(de, {
         cols: this.formColumns,
         "col-gap": 10,
         "rol-gap": 10
       }, {
-        default: () => [this.form.filter((l) => this.formCollspased ? !l.collapsed : !0).map((l) => {
-          let r;
-          return c(I, {
-            span: l.span
-          }, N(r = Re(this.formSource, l)) ? r : {
-            default: () => [r]
+        default: () => [r.map((t) => {
+          let a;
+          return d(I, {
+            span: t.span
+          }, N(a = Re(this.formSource, t)) ? a : {
+            default: () => [a]
           });
-        }), t()]
+        }), l()]
       })]
     })]);
   }
@@ -606,16 +615,16 @@ function We(e) {
   return e;
 }
 function Ae(e) {
-  const t = O(), l = h();
-  function r() {
-    var d, a;
-    const n = (a = (d = t == null ? void 0 : t.proxy) == null ? void 0 : d.$refs) == null ? void 0 : a[e];
-    n && (l.value = n);
+  const l = O(), r = h();
+  function t() {
+    var c, n;
+    const a = (n = (c = l == null ? void 0 : l.proxy) == null ? void 0 : c.$refs) == null ? void 0 : n[e];
+    a && (r.value = a);
   }
-  return R(r), K(r), l;
+  return R(t), K(t), r;
 }
 const Ye = {
-  install(e, t) {
+  install(e, l) {
     e.component("FormRender", Te);
   }
 };