vft 0.0.496 → 0.0.498

package/es/components/super-form/super-form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as oe, computed as q, ref as Q, watch as ce, unref as m, useSlots as me, createVNode as c, mergeProps as F, withDirectives as ue, vShow as pe, isVNode as de, createTextVNode as G, nextTick as fe, resolveComponent as U } from "vue";
+import { defineComponent as me, ref as Q, computed as N, watch as H, nextTick as J, unref as f, useSlots as be, createVNode as m, mergeProps as $, withDirectives as Pe, vShow as Ce, isVNode as Se, createTextVNode as ie, resolveComponent as G } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../avatar-stack/index.js";
@@ -13,24 +13,24 @@ import "../clamp/index.js";
 import "../client-only/index.js";
 import "../clamp-toggle/index.js";
 import "../clamp-tooltip/index.js";
-import { VftCol as X } from "../col/index.js";
+import { VftCol as ne } from "../col/index.js";
 import "../collapse-transition/index.js";
 import "../color-picker/index.js";
 import "../config-provider/index.js";
 import "../container/index.js";
-import { isBoolean as E, isFunction as P, singleAttrToObj as Z, isNullOrUndefined as he, isArray as z, cloneDeep as ge, isNull as Pe, upperFirst as be, isString as ye } from "@vft/utils";
+import { isBoolean as X, isFunction as C, singleAttrToObj as ae, isNullOrUndefined as xe, isArray as Z, cloneDeep as ke, isNull as Re, upperFirst as ve, isString as we } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
-import { VftIcon as _ } from "../icon/index.js";
+import { VftIcon as se } from "../icon/index.js";
 import "../date-picker/index.js";
 import "../date-time-select/index.js";
 import "../descriptions/index.js";
 import "../dialog/index.js";
-import { VftDivider as Ce } from "../divider/index.js";
+import { VftDivider as Ae } from "../divider/index.js";
 import "../drawer/index.js";
 import "../dropdown/index.js";
 import "../empty/index.js";
 import "../footer-layout/index.js";
-import { VftFormItem as ke } from "../form/index.js";
+import { VftFormItem as Ie } from "../form/index.js";
 import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
@@ -70,8 +70,9 @@ import "../table/index.js";
 import "../tabs/index.js";
 import "../tag/index.js";
 import "../time-picker/index.js";
-import { VftTooltip as xe } from "../tooltip/index.js";
+import { VftTooltip as De } from "../tooltip/index.js";
 import "../tree/index.js";
+import "../tree-select/index.js";
 import "../verify-code/index.js";
 import "../virtual-list/components/fixed-size-list.js";
 import "../virtual-list/components/dynamic-size-list.js";
@@ -99,26 +100,26 @@ import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
 import "../infinite-scroll/index.js";
-import { FormCompEnum as e, getComponent as ee } from "../../utils/form-register.js";
+import { FormCompEnum as e, getComponent as le } from "../../utils/form-register.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import { useNamespace as Re } from "../../hooks/use-namespace/index.js";
+import { debounce as Me } from "lodash-es";
+import { useNamespace as Te } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../progress-i/index.js";
 import "./index.js";
-import { isRangePicker as Se, isInput as ve, isDatePicker as De } from "./component-map.js";
-import { createPlaceholderMessage as te } from "./use/helper.js";
-function H(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !de(o);
+import { isRangePicker as qe, isInput as Le, isDatePicker as je } from "./component-map.js";
+import { createPlaceholderMessage as ce } from "./use/helper.js";
+function _(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !Se(r);
 }
-const Me = oe({
+const Fe = me({
   inheritAttrs: !1
-}), qo = /* @__PURE__ */ oe({
-  ...Me,
+}), Wo = /* @__PURE__ */ me({
+  ...Fe,
   __name: "super-form-item",
   props: {
     schema: {},
@@ -129,55 +130,152 @@ const Me = oe({
     updateSchema: {},
     formActionType: {}
   },
-  setup(o) {
-    const w = Re("super-form"), b = q(() => {
+  setup(r) {
+    const T = Te("super-form"), U = Q(), P = N(() => {
       const {
-        mergeDynamicData: r
-      } = o.formProps;
+        mergeDynamicData: o
+      } = r.formProps;
       return {
-        field: o.schema.field,
-        model: o.formModel,
+        field: r.schema.field,
+        model: r.formModel,
         values: {
-          ...r,
-          ...o.allDefaultValues,
-          ...o.formModel
+          ...o,
+          ...r.allDefaultValues,
+          ...r.formModel
         },
-        schema: o.schema,
-        elRef: N
+        schema: r.schema,
+        elRef: U,
+        formActionType: r.formActionType
       };
-    }), re = /* @__PURE__ */ new Set([e.Select, e.Radio, e.Checkbox, e.RadioButton, e.CheckboxButton, e.Cascader, e.AutoComplete]), $ = () => o.schema.type && re.has(o.schema.type) ? {
+    }), ue = /* @__PURE__ */ new Set([e.Select, e.Radio, e.Checkbox, e.RadioButton, e.CheckboxButton, e.Cascader, e.AutoComplete]), L = /* @__PURE__ */ new Set([e.Select, e.Radio, e.RadioButton, e.Checkbox, e.CheckboxButton, e.Cascader, e.AutoComplete]), z = /* @__PURE__ */ new Set([e.TreeSelect]), Y = () => r.schema.type && ue.has(r.schema.type) ? {
       options: []
-    } : {}, V = Q($());
-    async function ie() {
+    } : {}, d = Q(Y());
+    async function fe() {
       const {
-        componentProps: r = {}
-      } = o.schema;
-      if (P(r)) {
-        const t = $();
-        V.value = t;
+        componentProps: o = {}
+      } = r.schema;
+      if (C(o)) {
+        const t = Y();
+        d.value = t;
         try {
-          const n = r({
-            schema: o.schema,
-            formModel: o.formModel,
-            formActionType: o.formActionType
-          }), s = n instanceof Promise ? await n : n;
-          V.value = {
+          const i = o({
+            schema: r.schema,
+            formModel: r.formModel,
+            formActionType: r.formActionType
+          }), s = i instanceof Promise ? await i : i, l = {
             ...t,
             ...s ?? {}
           };
-        } catch (n) {
-          console.error("componentProps 执行错误:", n), V.value = $();
+          L.has(r.schema.type) && (!l.options || !Array.isArray(l.options)) && (l.options = []), d.value = l;
+        } catch (i) {
+          console.error("componentProps 执行错误:", i), d.value = Y();
         }
       } else
-        V.value = r;
+        d.value = o, L.has(r.schema.type) && (!d.value.options || !Array.isArray(d.value.options)) && (d.value.options = []);
     }
-    ce(() => o.schema.componentProps, (r, t) => (r || t) && ie(), {
+    H(() => r.schema.componentProps, (o, t) => (o || t) && fe(), {
       immediate: !0
     });
-    const A = q(() => {
-      let r = {
-        ...V.value
+    let k = null;
+    const B = Q(!1), O = async (o, t) => {
+      try {
+        const i = {
+          ...d.value
+        }, s = L.has(r.schema.type);
+        d.value = {
+          ...i,
+          loading: !0,
+          // 清空 options，避免显示旧数据，确保是数组类型
+          ...s ? {
+            options: []
+          } : {}
+        };
+        const l = await o(f(P)), {
+          type: u
+        } = r.schema, p = s ? Array.isArray(l) ? l : [] : l;
+        s ? d.value = {
+          ...i,
+          options: p,
+          requestResult: l,
+          loading: !1
+        } : z.has(u) ? d.value = {
+          ...i,
+          data: Array.isArray(l) ? l : l || [],
+          requestResult: l,
+          loading: !1
+        } : d.value = {
+          ...i,
+          requestResult: l,
+          loading: !1
+        }, t && await t(l, f(P));
+      } catch (i) {
+        console.error("fetchRemoteData 执行错误:", i);
+        const s = L.has(r.schema.type), l = z.has(r.schema.type);
+        d.value = {
+          ...d.value,
+          loading: !1,
+          // 确保错误时 options 也是数组
+          ...s ? {
+            options: []
+          } : {},
+          // 确保错误时 tree 组件的 data 也是数组
+          ...l ? {
+            data: []
+          } : {}
+        };
+      } finally {
+        await J();
+      }
+    }, ee = () => {
+      const o = d.value?.request;
+      if (o)
+        if (C(o))
+          O(o);
+        else {
+          const {
+            watchFields: t = [],
+            options: i = {},
+            wait: s = 0,
+            callback: l,
+            onSuccess: u
+          } = o;
+          if (!l) return;
+          const p = Array.isArray(t) && t.length > 0;
+          if (i?.immediate && !p) {
+            B.value || (B.value = !0, O(l, u));
+            return;
+          }
+          const {
+            immediate: S,
+            ...h
+          } = i, y = t.map((a) => () => r.formModel[a]), g = s > 0 ? Me(() => {
+            O(l, u);
+          }, s) : () => {
+            O(l, u);
+          };
+          k = H(y, g, h), i?.immediate && (B.value || (B.value = !0, O(l, u)));
+        }
+    }, pe = N(() => E());
+    H(pe, (o, t) => {
+      o.isIfShow && o.isShow && (t == null || !t.isIfShow || !t.isShow) ? J(() => {
+        k && (k(), k = null), ee();
+      }) : (!o.isIfShow || !o.isShow) && (B.value = !1, k && (k(), k = null));
+    }, {
+      immediate: !0
+    }), H(() => d.value?.request, () => {
+      const {
+        isIfShow: o,
+        isShow: t
+      } = E();
+      o && t && J(() => {
+        k && (k(), k = null), ee();
+      });
+    });
+    const j = N(() => {
+      let o = {
+        ...d.value
       };
+      L.has(r.schema.type) && (!o.options || !Array.isArray(o.options)) && (o.options = []), z.has(r.schema.type) && (!o.data || !Array.isArray(o.data)) && (o.data = []);
       const t = /* @__PURE__ */ new Map([[e.Divider, {
         type: "horizontal"
       }], [e.Textarea, {
@@ -221,317 +319,319 @@ const Me = oe({
         "start-placeholder": "开始月份",
         "end-placeholder": "结束月份"
       }]]);
-      o.schema.type && t.has(o.schema.type) && (r = Object.assign(t.get(o.schema.type) || {}, r));
-      const n = r;
-      return o.formProps.inputMaxLength && o.schema.type === e.Input && !n?.maxlength && (n.maxlength = o.formProps.inputMaxLength), n;
-    }), ne = q(() => {
+      r.schema.type && t.has(r.schema.type) && (o = Object.assign(t.get(r.schema.type) || {}, o));
+      const i = o;
+      return r.formProps.inputMaxLength && r.schema.type === e.Input && !i?.maxlength && (i.maxlength = r.formProps.inputMaxLength), L.has(r.schema.type) && (!i.options || !Array.isArray(i.options)) && (i.options = []), z.has(r.schema.type) && (!i.data || !Array.isArray(i.data)) && (i.data = []), i;
+    }), de = N(() => {
       const {
-        disabled: r
-      } = o.formProps, {
+        disabled: o
+      } = r.formProps, {
         dynamicDisabled: t
-      } = o.schema, {
-        disabled: n = !1
-      } = m(A);
-      let s = !!r || n;
-      return E(t) && (s = t), P(t) && (s = t(m(b))), s;
+      } = r.schema, {
+        disabled: i = !1
+      } = f(j);
+      let s = !!o || i;
+      return X(t) && (s = t), C(t) && (s = t(f(P))), s;
     });
-    function J() {
+    function E() {
       const {
-        show: r,
+        show: o,
         ifShow: t
-      } = o.schema;
-      let n = !0, s = !0;
-      return E(r) && (n = r), E(t) && (s = t), P(r) && (n = r(m(b))), P(t) && (s = t(m(b))), {
-        isShow: n,
+      } = r.schema;
+      let i = !0, s = !0;
+      return X(o) && (i = o), X(t) && (s = t), C(o) && (i = o(f(P))), C(t) && (s = t(f(P))), {
+        isShow: i,
         isIfShow: s
       };
     }
-    function le() {
+    function he() {
       const {
-        rules: r = [],
+        rules: o = [],
         type: t = e.Input,
-        rulesMessageJoinLabel: n,
+        rulesMessageJoinLabel: i,
         label: s,
-        title: k,
-        dynamicRule: p,
-        required: u,
-        dynamicRuleAdd: d = !0
-      } = o.schema, f = P(u) ? u(m(b)) : u, h = o.formModel[o.schema.field];
-      if (!f && (he(h) || h === "" || z(h) && !h.length))
+        title: l,
+        dynamicRule: u,
+        required: p,
+        dynamicRuleAdd: S = !0
+      } = r.schema, h = C(p) ? p(f(P)) : p, y = r.formModel[r.schema.field];
+      if (!h && (xe(y) || y === "" || Z(y) && !y.length))
         return [];
-      const g = s || k;
-      if (P(p) && !d)
-        return p(m(b));
-      let l = ge(z(r) ? r : [r]);
+      const g = s || l;
+      if (C(u) && !S)
+        return u(f(P));
+      let a = ke(Z(o) ? o : [o]);
       const {
-        rulesMessageJoinLabel: I
-      } = o.formProps, y = Reflect.has(o.schema, "rulesMessageJoinLabel") ? n : I, M = te(t, `${y ? g : ""}`);
-      function x(i, a) {
-        const v = i.message || M;
-        return a === void 0 || Pe(a) || t === e.CheckboxSingle && !a || Array.isArray(a) && a.length === 0 || typeof a == "string" && a.trim() === "" || typeof a == "object" && Reflect.has(a, "checked") && Reflect.has(a, "halfChecked") && Array.isArray(a.checked) && Array.isArray(a.halfChecked) && a.checked.length === 0 && a.halfChecked.length === 0 ? Promise.reject(v) : Promise.resolve();
+        rulesMessageJoinLabel: R
+      } = r.formProps, b = Reflect.has(r.schema, "rulesMessageJoinLabel") ? i : R, v = ce(t, `${b ? g : ""}`);
+      function w(n, c) {
+        const D = n.message || v;
+        return c === void 0 || Re(c) || t === e.CheckboxSingle && !c || Array.isArray(c) && c.length === 0 || typeof c == "string" && c.trim() === "" || typeof c == "object" && Reflect.has(c, "checked") && Reflect.has(c, "halfChecked") && Array.isArray(c.checked) && Array.isArray(c.halfChecked) && c.checked.length === 0 && c.halfChecked.length === 0 ? Promise.reject(D) : Promise.resolve();
       }
-      const j = [e.Radio, e.Select, e.RadioSingle, e.RadioButton, e.Checkbox, e.CheckboxSingle, e.CheckboxButton, e.AutoComplete, e.Cascader, e.ColorPicker, e.Upload, e.Slider].includes(t);
-      (!l || l.length === 0) && (l = [{
-        required: f,
-        validator: x,
-        trigger: j ? "change" : "blur"
-      }]);
-      const B = l.findIndex((i) => Reflect.has(i, "required") && !Reflect.has(i, "validator"));
-      if (B !== -1) {
-        const i = l[B], {
-          isShow: a
-        } = J();
-        a || (i.required = !1), t && (i.message = i.message || M);
+      const F = [e.Radio, e.Select, e.RadioSingle, e.RadioButton, e.Checkbox, e.CheckboxSingle, e.CheckboxButton, e.AutoComplete, e.Cascader, e.ColorPicker, e.Upload, e.Slider].includes(t);
+      (!a || a.length === 0 || h) && (a = [{
+        required: h,
+        validator: w,
+        trigger: F ? "change" : "blur"
+      }, ...a]);
+      const W = a.findIndex((n) => Reflect.has(n, "required") && !Reflect.has(n, "validator"));
+      if (W !== -1) {
+        const n = a[W], {
+          isShow: c
+        } = E();
+        c || (n.required = !1), t && (n.message = n.message || v);
       }
-      const C = l.findIndex((i) => i.min), D = l.findIndex((i) => i.max);
-      function L(i, a, v = "all") {
-        const T = l[a], K = T.isNumber ? isNaN(i) ? i?.length || 0 : Number(i) : i?.length || 0;
-        return ["min", "all"].includes(v) && K < T.min ? Promise.reject(`${g}至少为${T.min}位`) : ["max", "all"].includes(v) && K > T.max ? Promise.reject(`${g}最多${T.max}位`) : Promise.resolve();
+      const x = a.findIndex((n) => n.min), M = a.findIndex((n) => n.max);
+      function V(n, c, D = "all") {
+        const q = a[c], re = q.isNumber ? isNaN(n) ? n?.length || 0 : Number(n) : n?.length || 0;
+        return ["min", "all"].includes(D) && re < q.min ? Promise.reject(`${g}至少为${q.min}位`) : ["max", "all"].includes(D) && re > q.max ? Promise.reject(`${g}最多${q.max}位`) : Promise.resolve();
       }
-      (C !== -1 || D !== -1) && (C !== -1 && D !== -1 && !l[C].validator && !l[C].message ? l[C].validator = (i, a) => L(a, C) : C !== -1 && !l[C].validator && !l[C].message ? l[C].validator = (i, a) => L(a, C, "min") : D !== -1 && !l[D].validator && !l[D].message && (l[D].validator = (i, a) => L(a, D, "max")));
-      const S = l.findIndex((i) => i.len);
-      if (S !== -1 && (l[S].validator = (i, a) => a?.length !== l[S].len ? Promise.reject(`${g}必须是${l[S].len}位`) : Promise.resolve()), P(p) && d) {
-        let i = p(m(b));
-        i = z(i) ? i : [i], l = l.concat(i);
+      (x !== -1 || M !== -1) && (x !== -1 && M !== -1 && !a[x].validator && !a[x].message ? a[x].validator = (n, c) => V(c, x) : x !== -1 && !a[x].validator && !a[x].message ? a[x].validator = (n, c) => V(c, x, "min") : M !== -1 && !a[M].validator && !a[M].message && (a[M].validator = (n, c) => V(c, M, "max")));
+      const I = a.findIndex((n) => n.len);
+      if (I !== -1 && (a[I].validator = (n, c) => c?.length !== a[I].len ? Promise.reject(`${g}必须是${a[I].len}位`) : Promise.resolve()), C(u) && S) {
+        let n = u(f(P));
+        n = Z(n) ? n : [n], a = a.concat(n);
       }
-      return l;
+      return a;
     }
-    const N = Q(), ae = () => {
+    const ye = () => {
       const {
-        renderComponentContent: r,
+        renderComponentContent: o,
         type: t = e.Input,
-        field: n,
+        field: i,
         changeEvent: s = "change",
-        valueField: k,
-        label: p,
-        title: u,
-        placeholderJoinLabel: d = !0
-      } = o.schema;
-      let f = s;
-      ve(t) ? f = "input" : De(t) || t === e.TimePicker || t === e.InputTag || t === e.AutoComplete || t === e.Cascader || t === e.ColorPicker || t === e.Slider ? f = "update:modelValue" : t === e.Upload && (f = "update:fileList");
-      const h = `on${be(f)}`, g = ee(t), {
-        autoSetPlaceHolder: l,
-        size: I
-      } = o.formProps, y = {
+        valueField: l,
+        label: u,
+        title: p,
+        placeholderJoinLabel: S = !0
+      } = r.schema;
+      let h = s;
+      Le(t) ? h = "input" : je(t) || t === e.TimePicker || t === e.InputTag || t === e.AutoComplete || t === e.Cascader || t === e.ColorPicker || t === e.Slider || t === e.TreeSelect ? h = "update:modelValue" : t === e.Upload && (h = "update:fileList");
+      const y = `on${ve(h)}`, g = le(t), {
+        autoSetPlaceHolder: a,
+        size: R
+      } = r.formProps, b = {
         clearable: !0,
-        ...m(A)
+        ...f(j)
       };
-      if (t !== e.Search && (y.size = m(A)?.size || I, y.disabled = m(ne)), !y.disabled && l && !Se(t) && t) {
-        const i = p || u;
-        y.placeholder = m(A)?.placeholder || te(t, d && ye(i) ? i : "");
+      if (t !== e.Search && (b.size = f(j)?.size || R, b.disabled = f(de)), !b.disabled && a && !qe(t) && t) {
+        const n = u || p;
+        b.placeholder = f(j)?.placeholder || ce(t, S && we(n) ? n : "");
       }
-      const x = y[h], R = y.onClear, j = {
-        [h]: (...i) => {
-          const [a] = i, v = a ? a.target : null, T = v ? v.value : a;
-          o.setFormModel(n, T, o.schema), x && P(x) && fe(() => {
-            x(...i);
+      const w = b[y], A = b.onClear, F = {
+        [y]: (...n) => {
+          const [c] = n, D = c ? c.target : null, q = D ? D.value : c;
+          r.setFormModel(i, q, r.schema), w && C(w) && J(() => {
+            w(...n);
           });
         },
         // 监听 clear 事件，清除错误信息
-        onClear: (...i) => {
-          o.updateSchema([{
-            field: n,
+        onClear: (...n) => {
+          r.updateSchema([{
+            field: i,
             itemProps: {
               error: ""
             }
-          }]), o.formActionType?.clearValidate?.(n), R && P(R) && R(...i);
+          }]), r.formActionType?.clearValidate?.(i), A && C(A) && A(...n);
         }
-      }, B = {
-        [k || "model-value"]: o.formModel[n]
+      }, W = {
+        [l || "model-value"]: r.formModel[i]
       }, {
-        [h]: C,
-        ...D
-      } = y, L = {
-        ...D,
-        ...j,
-        ...B
+        [y]: x,
+        ...M
+      } = b, V = {
+        ...M,
+        ...F,
+        ...W
       };
-      if (!r && t !== e.Upload)
-        return c(g, F({
-          ref: N
-        }, L), null);
-      let S;
-      if (S = P(r) ? {
-        ...r({
-          ...m(b),
-          elRef: N
+      if (!o && t !== e.Upload)
+        return m(g, $({
+          ref: U
+        }, V), null);
+      let I;
+      if (I = C(o) ? {
+        ...o({
+          ...f(P),
+          elRef: U
         })
       } : {
-        default: () => r
-      }, t === e.Upload && !r) {
+        default: () => o
+      }, t === e.Upload && !o) {
         const {
-          drag: i
-        } = m(A);
-        S = i ? {
-          default: () => c(U("vft-icon"), {
+          drag: n
+        } = f(j);
+        I = n ? {
+          default: () => m(G("vft-icon"), {
             icon: "icon-arrow-upload"
           }, null)
         } : {
-          default: () => c(U("vft-button"), {
+          default: () => m(G("vft-button"), {
             type: "primary"
           }, {
-            default: () => [c(U("vft-icon"), {
+            default: () => [m(G("vft-icon"), {
               icon: "icon-arrow-upload"
             }, null)]
           })
         };
       }
-      return c(g, F({
-        ref: N
-      }, L), H(S) ? S : {
-        default: () => [S]
+      return m(g, $({
+        ref: U
+      }, V), _(I) ? I : {
+        default: () => [I]
       });
     };
-    function O() {
+    function K() {
       const {
-        showLabel: r = !0,
+        showLabel: o = !0,
         label: t,
-        title: n,
+        title: i,
         subLabel: s,
-        labelRequired: k,
-        helpIcon: p,
-        helpTooltip: u
-      } = o.schema;
-      let d = t || n;
-      d = k ? c("span", null, [c("span", {
+        labelRequired: l,
+        helpIcon: u,
+        helpTooltip: p,
+        labelSuffix: S
+      } = r.schema, {
+        labelSuffix: h = ""
+      } = r.formProps, y = S ?? h, g = t || i, a = g ? m("span", null, [l && m("span", {
         class: "label-required"
-      }, [G("*")]), c("span", null, [d])]) : d;
-      const f = () => {
-        if (!p && !u) return null;
-        const h = q(() => Z(p, "icon", {
+      }, [ie("*")]), m("span", null, [g]), y && m("span", {
+        class: T.m("label-suffix")
+      }, [y])]) : null, R = () => {
+        if (!u && !p) return null;
+        const b = N(() => ae(u, "icon", {
           size: 20,
           pointer: !0,
           icon: "icon-help"
         }));
-        if (u) {
-          const g = q(() => Z(u, "content", {
+        if (p) {
+          const v = N(() => ae(p, "content", {
             placement: "right-start"
           }));
-          return c(xe, F({
+          return m(De, $({
             className: "box-item"
-          }, g.value), {
-            default: () => [c(_, h.value, null)]
+          }, v.value), {
+            default: () => [m(se, b.value, null)]
           });
         }
-        return c(_, h.value, null);
+        return m(se, b.value, null);
       };
-      return r && d ? s ? c("div", {
+      return o && a ? s ? m("div", {
         class: "label-content"
-      }, [c("div", null, [d, G(" "), c("span", {
+      }, [m("div", null, [a, ie(" "), m("span", {
         class: "sub-label"
-      }, [s])]), f()]) : c("div", {
+      }, [s])]), R()]) : m("div", {
         class: "label-content"
-      }, [c("div", null, [d]), f()]) : void 0;
+      }, [m("div", null, [a]), R()]) : void 0;
     }
-    const W = me();
-    function Y(r, t = "default", n) {
-      if (!r || !Reflect.has(r, t))
+    const te = be();
+    function oe(o, t = "default", i) {
+      if (!o || !Reflect.has(o, t))
         return null;
-      if (!P(r[t]))
+      if (!C(o[t]))
         return console.error(`${t} is not a function!`), null;
-      const s = r[t];
-      return s ? s(n) : null;
+      const s = o[t];
+      return s ? s(i) : null;
     }
-    function se() {
+    function ge() {
       const {
-        required: r,
+        required: o,
         itemProps: t,
-        slot: n,
+        slot: i,
         render: s,
-        field: k,
-        suffix: p,
-        prefix: u,
-        prefixParentStyle: d
-      } = o.schema, {
-        autoCleanErrorMessage: f,
-        compFullWidth: h
-      } = o.formProps, g = () => n ? Y(W, n, m(b)) : s ? s(m(b)) : ae(), l = !!p, I = !!u, y = P(p) ? p(m(b)) : p, M = P(u) ? u(m(b)) : u, x = () => {
-        o.updateSchema([{
-          field: k,
+        field: l,
+        suffix: u,
+        prefix: p,
+        prefixParentStyle: S
+      } = r.schema, {
+        autoCleanErrorMessage: h,
+        compFullWidth: y
+      } = r.formProps, g = () => i ? oe(te, i, f(P)) : s ? s(f(P)) : ye(), a = !!u, R = !!p, b = C(u) ? u(f(P)) : u, v = C(p) ? p(f(P)) : p, w = () => {
+        r.updateSchema([{
+          field: l,
           itemProps: {
             error: ""
           }
         }]);
-      }, R = P(r) ? r(m(b)) : r, j = () => c(ke, F({
+      }, A = C(o) ? o(f(P)) : o, F = () => m(Ie, $({
         style: {
-          marginRight: o.formProps.customLayout ? "10px" : 0
+          marginRight: r.formProps.customLayout ? "10px" : 0
         },
-        prop: k,
+        prop: l,
         class: [{
-          [w.is("suffix")]: l
+          [T.is("suffix")]: a
         }, {
-          [w.is("comp-full-width")]: h
-        }, w.e("item")]
+          [T.is("comp-full-width")]: y
+        }, T.e("item")]
       }, t, {
         label: t?.label || t?.title,
-        "onUpdate:error": f ? x : () => {
+        "onUpdate:error": h ? w : () => {
         },
-        rules: le(),
-        required: R
+        rules: he(),
+        required: A
       }), {
-        default: () => [c("div", {
-          class: w.e("container")
-        }, [c("div", {
-          class: w.e("content")
-        }, [g(), l && c("span", {
-          class: w.m("suffix")
-        }, [y])])])],
-        label: O() ? () => O() : void 0
+        default: () => [m("div", {
+          class: T.e("container")
+        }, [m("div", {
+          class: T.e("content")
+        }, [g(), a && m("span", {
+          class: T.m("suffix")
+        }, [b])])])],
+        label: K() ? () => K() : void 0
       });
-      return I ? c("div", {
-        style: d
-      }, [c("span", {
-        class: w.m("prefix")
-      }, [M]), j()]) : j();
+      return R ? m("div", {
+        style: S
+      }, [m("span", {
+        class: T.m("prefix")
+      }, [v]), F()]) : F();
     }
     return () => {
-      let r;
+      let o;
       const {
         colProps: t = {},
-        colSlot: n,
+        colSlot: i,
         renderColContent: s,
-        type: k = e.Input,
-        render: p,
-        quickColSpan: u
-      } = o.schema;
-      if (!ee(k) && !s && !p)
+        type: l = e.Input,
+        render: u,
+        quickColSpan: p
+      } = r.schema;
+      if (!le(l) && !s && !u)
         return null;
       const {
-        baseColProps: d = {},
-        quickColSpan: f
-      } = o.formProps, h = f ? {
-        span: Math.ceil(24 / f),
-        ...d
+        baseColProps: S = {},
+        quickColSpan: h
+      } = r.formProps, y = h ? {
+        span: Math.ceil(24 / h),
+        ...S
       } : {
-        ...d
-      }, g = u ? {
-        span: Math.ceil(24 / u),
+        ...S
+      }, g = p ? {
+        span: Math.ceil(24 / p),
         ...t
       } : {
         ...t
-      }, l = {
-        ...h,
+      }, a = {
+        ...y,
         ...g
       }, {
-        isIfShow: I,
-        isShow: y
-      } = J(), M = m(b), x = () => n ? Y(W, n, M) : s ? s(M) : se();
-      if (k === e.Divider) {
-        let R;
-        return c(X, F({
+        isIfShow: R,
+        isShow: b
+      } = E(), v = f(P), w = () => i ? oe(te, i, v) : s ? s(v) : ge();
+      if (l === e.Divider) {
+        let A;
+        return m(ne, $({
           span: 24
         }, g), {
-          default: () => [c(Ce, m(A), H(R = O()) ? R : {
-            default: () => [R]
+          default: () => [m(Ae, f(j), _(A = K()) ? A : {
+            default: () => [A]
           })]
         });
       }
-      return I && (o.formProps.customLayout ? x() : ue(c(X, l, H(r = x()) ? r : {
-        default: () => [r]
-      }), [[pe, y]]));
+      return R && (r.formProps.customLayout ? w() : Pe(m(ne, a, _(o = w()) ? o : {
+        default: () => [o]
+      }), [[Ce, b]]));
     };
   }
 });
 export {
-  qo as default
+  Wo as default
 };