vft 0.0.368 → 0.0.369

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

@@ -1,24 +1,25 @@
-import { defineComponent as $, computed as v, ref as ee, unref as u, useSlots as te, createVNode as f, mergeProps as w, withDirectives as re, vShow as ne, isVNode as oe, createTextVNode as G, resolveComponent as q } from "vue";
-import { VftCol as X } from "../col/index.js";
-import { VftDivider as le } from "../divider/index.js";
-import { VftFormItem as se } from "../form/index.js";
+import { defineComponent, computed, ref, unref, useSlots, createVNode, mergeProps, withDirectives, vShow, isVNode, createTextVNode, resolveComponent } from "vue";
+import { VftCol } from "../col/index.js";
+import { VftDivider } from "../divider/index.js";
+import { VftFormItem } from "../form/index.js";
 import "@vueuse/core";
-import { isFunction as R, isBoolean as j, cloneDeep as ie, isArray as J, isNull as ae, upperFirst as ce, isString as ue } from "@vft/utils";
+import { isFunction, isBoolean, cloneDeep, isArray, isNull, upperFirst, isString } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace as fe } from "../../hooks/use-namespace/index.js";
+import { useNamespace } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { FormCompEnum as e, componentMap as z, isInput as de, isDatePicker as me, isRangePicker as he } from "./component-map.js";
-import { createPlaceholderMessage as W } from "./use/helper.js";
-function k(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !oe(n);
+import { FormCompEnum, getComponent, isInput, isDatePicker, isRangePicker } from "./component-map.js";
+import { createPlaceholderMessage } from "./use/helper.js";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const pe = $({
-  inheritAttrs: !1
-}), De = /* @__PURE__ */ $({
-  ...pe,
+const __default__ = defineComponent({
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "super-form-item",
   props: {
     schema: {},
@@ -29,344 +30,482 @@ const pe = $({
     updateSchema: {},
     formActionType: {}
   },
-  setup(n) {
-    const N = fe("super-form"), P = v(() => {
+  setup(__props) {
+    const ns = useNamespace("super-form");
+    const getValues = computed(() => {
       const {
-        mergeDynamicData: r
-      } = n.formProps;
+        mergeDynamicData
+      } = __props.formProps;
       return {
-        field: n.schema.field,
-        model: n.formModel,
+        field: __props.schema.field,
+        model: __props.formModel,
         values: {
-          ...r,
-          ...n.allDefaultValues,
-          ...n.formModel
+          ...mergeDynamicData,
+          ...__props.allDefaultValues,
+          ...__props.formModel
         },
-        schema: n.schema,
-        elRef: L
+        schema: __props.schema,
+        elRef
       };
-    }), K = v(() => {
+    });
+    const getComponentsProps = computed(() => {
       let {
-        componentProps: r = {}
-      } = n.schema;
-      R(r) && (r = r({
-        schema: n.schema,
-        formModel: n.formModel,
-        formActionType: n.formActionType
-      }) ?? {});
-      const t = /* @__PURE__ */ new Map([[e.DIVIDER, {
+        componentProps = {}
+      } = __props.schema;
+      if (isFunction(componentProps)) {
+        componentProps = componentProps({
+          schema: __props.schema,
+          formModel: __props.formModel,
+          formActionType: __props.formActionType
+        }) ?? {};
+      }
+      const compInitPropsMap = /* @__PURE__ */ new Map([[FormCompEnum.DIVIDER, {
         type: "horizontal"
-      }], [e.TEXTAREA, {
+      }], [FormCompEnum.TEXTAREA, {
         type: "textarea"
-      }], [e.PASSWORD, {
+      }], [FormCompEnum.PASSWORD, {
         type: "password",
-        "show-password": !0
-      }], [e.INPUT_NUMBER, {
+        "show-password": true
+      }], [FormCompEnum.INPUT_NUMBER, {
         type: "number"
-      }], [e.CHECKBOX_BUTTON, {
-        useButton: !0
-      }], [e.RADIO_BUTTON, {
-        useButton: !0
-      }], [e.YEAR_PICKER, {
-        type: e.YEAR_PICKER
-      }], [e.MONTH_PICKER, {
-        type: e.MONTH_PICKER
-      }], [e.DATE_PICKER, {
-        type: e.DATE_PICKER
-      }], [e.DATES_PICKER, {
-        type: e.DATES_PICKER
-      }], [e.DATETIME_PICKER, {
-        type: e.DATETIME_PICKER
-      }], [e.WEEK_PICKER, {
-        type: e.WEEK_PICKER
-      }], [e.TIMERANGE_PICKER, {
-        type: e.TIME_PICKER,
-        "is-range": !0,
+      }], [FormCompEnum.CHECKBOX_BUTTON, {
+        useButton: true
+      }], [FormCompEnum.RADIO_BUTTON, {
+        useButton: true
+      }], [FormCompEnum.YEAR_PICKER, {
+        type: FormCompEnum.YEAR_PICKER
+      }], [FormCompEnum.MONTH_PICKER, {
+        type: FormCompEnum.MONTH_PICKER
+      }], [FormCompEnum.DATE_PICKER, {
+        type: FormCompEnum.DATE_PICKER
+      }], [FormCompEnum.DATES_PICKER, {
+        type: FormCompEnum.DATES_PICKER
+      }], [FormCompEnum.DATETIME_PICKER, {
+        type: FormCompEnum.DATETIME_PICKER
+      }], [FormCompEnum.WEEK_PICKER, {
+        type: FormCompEnum.WEEK_PICKER
+      }], [FormCompEnum.TIMERANGE_PICKER, {
+        type: FormCompEnum.TIME_PICKER,
+        "is-range": true,
         "start-placeholder": "开始时间",
         "end-placeholder": "结束时间"
-      }], [e.DATETIMERANGE_PICKER, {
-        type: e.DATETIMERANGE_PICKER,
+      }], [FormCompEnum.DATETIMERANGE_PICKER, {
+        type: FormCompEnum.DATETIMERANGE_PICKER,
         "start-placeholder": "开始日期",
         "end-placeholder": "结束日期"
-      }], [e.DATERANGE_PICKER, {
-        type: e.DATERANGE_PICKER,
+      }], [FormCompEnum.DATERANGE_PICKER, {
+        type: FormCompEnum.DATERANGE_PICKER,
         "start-placeholder": "开始日期",
         "end-placeholder": "结束日期"
-      }], [e.MONTHRANGE_PICKER, {
-        type: e.MONTHRANGE_PICKER,
+      }], [FormCompEnum.MONTHRANGE_PICKER, {
+        type: FormCompEnum.MONTHRANGE_PICKER,
         "start-placeholder": "开始月份",
         "end-placeholder": "结束月份"
       }]]);
-      return t.has(n.schema.type) && (r = Object.assign(t.get(n.schema.type) || {}, r)), n.formProps.inputMaxLength && [e.INPUT].includes(n.schema.type) && !r?.maxlength && (r.maxlength = n.formProps.inputMaxLength), r;
-    }), Y = v(() => {
+      if (compInitPropsMap.has(__props.schema.type)) {
+        componentProps = Object.assign(compInitPropsMap.get(__props.schema.type) || {}, componentProps);
+      }
+      if (__props.formProps.inputMaxLength && [FormCompEnum.INPUT].includes(__props.schema.type) && !componentProps?.maxlength) {
+        componentProps.maxlength = __props.formProps.inputMaxLength;
+      }
+      return componentProps;
+    });
+    const getDisable = computed(() => {
+      const {
+        disabled: globDisabled
+      } = __props.formProps;
+      const {
+        dynamicDisabled
+      } = __props.schema;
       const {
-        disabled: r
-      } = n.formProps, {
-        dynamicDisabled: t
-      } = n.schema, {
-        disabled: a = !1
-      } = u(K);
-      let i = !!r || a;
-      return j(t) && (i = t), R(t) && (i = t(u(P))), i;
+        disabled: itemDisabled = false
+      } = unref(getComponentsProps);
+      let disabled = !!globDisabled || itemDisabled;
+      if (isBoolean(dynamicDisabled)) {
+        disabled = dynamicDisabled;
+      }
+      if (isFunction(dynamicDisabled)) {
+        disabled = dynamicDisabled(unref(getValues));
+      }
+      return disabled;
     });
-    function B() {
+    function getShow() {
       const {
-        show: r,
-        ifShow: t
-      } = n.schema;
-      let a = !0, i = !0;
-      return j(r) && (a = r), j(t) && (i = t), R(r) && (a = r(u(P))), R(t) && (i = t(u(P))), {
-        isShow: a,
-        isIfShow: i
+        show,
+        ifShow
+      } = __props.schema;
+      let isShow = true;
+      let isIfShow = true;
+      if (isBoolean(show)) {
+        isShow = show;
+      }
+      if (isBoolean(ifShow)) {
+        isIfShow = ifShow;
+      }
+      if (isFunction(show)) {
+        isShow = show(unref(getValues));
+      }
+      if (isFunction(ifShow)) {
+        isIfShow = ifShow(unref(getValues));
+      }
+      return {
+        isShow,
+        isIfShow
       };
     }
-    function Q() {
+    function handleRules() {
       const {
-        rules: r = [],
-        type: t = e.INPUT,
-        rulesMessageJoinLabel: a,
-        label: i,
-        title: p,
-        dynamicRule: c,
-        required: g,
-        dynamicRuleAdd: I = !0
-      } = n.schema, m = i || p;
-      if (R(c) && !I)
-        return c(u(P));
-      let o = ie(J(r) ? r : [r]);
+        rules: defRules = [],
+        type = FormCompEnum.INPUT,
+        rulesMessageJoinLabel,
+        label,
+        title,
+        dynamicRule,
+        required,
+        dynamicRuleAdd = true
+      } = __props.schema;
+      const _label = label || title;
+      if (isFunction(dynamicRule) && !dynamicRuleAdd) {
+        return dynamicRule(unref(getValues));
+      }
+      let rules = cloneDeep(isArray(defRules) ? defRules : [defRules]);
       const {
-        rulesMessageJoinLabel: b
-      } = n.formProps, y = Reflect.has(n.schema, "rulesMessageJoinLabel") ? a : b, A = W(t, `${y ? m : ""}`);
-      function M(l, s) {
-        const D = l.message || A;
-        return s === void 0 || ae(s) || t === e.CHECKBOX_SINGLE && !s || Array.isArray(s) && s.length === 0 || typeof s == "string" && s.trim() === "" || typeof s == "object" && Reflect.has(s, "checked") && Reflect.has(s, "halfChecked") && Array.isArray(s.checked) && Array.isArray(s.halfChecked) && s.checked.length === 0 && s.halfChecked.length === 0 ? Promise.reject(D) : Promise.resolve();
+        rulesMessageJoinLabel: globalRulesMessageJoinLabel
+      } = __props.formProps;
+      const joinLabel = Reflect.has(__props.schema, "rulesMessageJoinLabel") ? rulesMessageJoinLabel : globalRulesMessageJoinLabel;
+      const defaultMsg = createPlaceholderMessage(type, `${joinLabel ? _label : ""}`);
+      function validator(rule, value) {
+        const msg = rule.message || defaultMsg;
+        if (value === void 0 || isNull(value) || type === FormCompEnum.CHECKBOX_SINGLE && !value) {
+          return Promise.reject(msg);
+        } else if (Array.isArray(value) && value.length === 0) {
+          return Promise.reject(msg);
+        } else if (typeof value === "string" && value.trim() === "") {
+          return Promise.reject(msg);
+        } else if (typeof value === "object" && Reflect.has(value, "checked") && Reflect.has(value, "halfChecked") && Array.isArray(value.checked) && Array.isArray(value.halfChecked) && value.checked.length === 0 && value.halfChecked.length === 0) {
+          return Promise.reject(msg);
+        }
+        return Promise.resolve();
+      }
+      const getRequired = isFunction(required) ? required(unref(getValues)) : required;
+      const isChangeFormType = [FormCompEnum.RADIO, FormCompEnum.SELECT, FormCompEnum.RADIO, FormCompEnum.RADIO_SINGLE, FormCompEnum.RADIO_BUTTON, FormCompEnum.CHECKBOX, FormCompEnum.CHECKBOX_SINGLE, FormCompEnum.CHECKBOX_BUTTON, FormCompEnum.AUTOCOMPLETE, FormCompEnum.Cascader, FormCompEnum.ColorPicker, FormCompEnum.Upload, FormCompEnum.Slider].includes(type);
+      if (getRequired) {
+        if (!rules || rules.length === 0) {
+          rules = [{
+            required: getRequired,
+            validator,
+            trigger: isChangeFormType ? "change" : "blur"
+          }];
+        } else {
+          const requiredIndex = rules.findIndex((rule) => Reflect.has(rule, "required"));
+          if (requiredIndex === -1) {
+            rules.unshift({
+              required: getRequired,
+              validator,
+              trigger: isChangeFormType ? "change" : "blur"
+            });
+          }
+        }
+      }
+      const requiredRuleIndex = rules.findIndex((rule) => Reflect.has(rule, "required") && !Reflect.has(rule, "validator"));
+      if (requiredRuleIndex !== -1) {
+        const rule = rules[requiredRuleIndex];
+        const {
+          isShow
+        } = getShow();
+        if (!isShow) {
+          rule.required = false;
+        }
+        if (type) {
+          rule.message = rule.message || defaultMsg;
+        }
+      }
+      const minRule = rules.findIndex((val) => val.min);
+      const maxRule = rules.findIndex((val) => val.max);
+      function lengthRule(value, ruleIndex, type2 = "all") {
+        const _ruleIndex = rules[ruleIndex];
+        const valLength = _ruleIndex.isNumber ? isNaN(value) ? value?.length || 0 : Number(value) : value?.length || 0;
+        if (["min", "all"].includes(type2)) {
+          if (valLength < _ruleIndex["min"]) {
+            return Promise.reject(_label + "至少为" + _ruleIndex["min"] + "位");
+          }
+        }
+        if (["max", "all"].includes(type2)) {
+          if (valLength > _ruleIndex["max"]) {
+            return Promise.reject(_label + "最多" + _ruleIndex["max"] + "位");
+          }
+        }
+        return Promise.resolve();
       }
-      const d = R(g) ? g(u(P)) : g, T = [e.RADIO, e.SELECT, e.RADIO, e.RADIO_SINGLE, e.RADIO_BUTTON, e.CHECKBOX, e.CHECKBOX_SINGLE, e.CHECKBOX_BUTTON, e.AUTOCOMPLETE, e.Cascader, e.ColorPicker, e.Upload, e.Slider].includes(t);
-      d && (!o || o.length === 0 ? o = [{
-        required: d,
-        validator: M,
-        trigger: T ? "change" : "blur"
-      }] : o.findIndex((s) => Reflect.has(s, "required")) === -1 && o.unshift({
-        required: d,
-        validator: M,
-        trigger: T ? "change" : "blur"
-      }));
-      const S = o.findIndex((l) => Reflect.has(l, "required") && !Reflect.has(l, "validator"));
-      if (S !== -1) {
-        const l = o[S], {
-          isShow: s
-        } = B();
-        s || (l.required = !1), t && (l.message = l.message || A);
+      if (minRule !== -1 || maxRule !== -1) {
+        if (minRule !== -1 && maxRule !== -1 && !rules[minRule].validator && !rules[minRule].message) {
+          rules[minRule].validator = (rule, value) => lengthRule(value, minRule);
+        } else if (minRule !== -1 && !rules[minRule].validator && !rules[minRule].message) {
+          rules[minRule].validator = (rule, value) => lengthRule(value, minRule, "min");
+        } else if (maxRule !== -1 && !rules[maxRule].validator && !rules[maxRule].message) {
+          rules[maxRule].validator = (rule, value) => lengthRule(value, maxRule, "max");
+        }
       }
-      const h = o.findIndex((l) => l.min), E = o.findIndex((l) => l.max);
-      function C(l, s, D = "all") {
-        const O = o[s], F = O.isNumber ? isNaN(l) ? l?.length || 0 : Number(l) : l?.length || 0;
-        return ["min", "all"].includes(D) && F < O.min ? Promise.reject(m + "至少为" + O.min + "位") : ["max", "all"].includes(D) && F > O.max ? Promise.reject(m + "最多" + O.max + "位") : Promise.resolve();
+      const lenAttrIndex = rules.findIndex((val) => val.len);
+      if (lenAttrIndex !== -1) {
+        rules[lenAttrIndex].validator = (rule, value) => {
+          if (value.length !== rules[lenAttrIndex]["len"]) {
+            return Promise.reject(_label + "必须是" + rules[lenAttrIndex]["len"] + "位");
+          }
+          return Promise.resolve();
+        };
       }
-      (h !== -1 || E !== -1) && (h !== -1 && E !== -1 && !o[h].validator && !o[h].message ? o[h].validator = (l, s) => C(s, h) : h !== -1 && !o[h].validator && !o[h].message ? o[h].validator = (l, s) => C(s, h, "min") : E !== -1 && !o[E].validator && !o[E].message && (o[E].validator = (l, s) => C(s, E, "max")));
-      const x = o.findIndex((l) => l.len);
-      if (x !== -1 && (o[x].validator = (l, s) => s.length !== o[x].len ? Promise.reject(m + "必须是" + o[x].len + "位") : Promise.resolve()), R(c) && I) {
-        let l = c(u(P));
-        l = J(l) ? l : [l], o = o.concat(l);
+      if (isFunction(dynamicRule) && dynamicRuleAdd) {
+        let _dynamicRule = dynamicRule(unref(getValues));
+        _dynamicRule = isArray(_dynamicRule) ? _dynamicRule : [_dynamicRule];
+        rules = rules.concat(_dynamicRule);
       }
-      return o;
+      return rules;
     }
-    const L = ee(), Z = () => {
+    const elRef = ref();
+    const renderComponent = () => {
       const {
-        renderComponentContent: r,
-        type: t = e.INPUT,
-        field: a,
-        changeEvent: i = "change",
-        valueField: p,
-        label: c,
-        title: g,
-        placeholderJoinLabel: I = !0
-      } = n.schema;
-      let m = i;
-      de(t) ? m = "input" : me(t) || t === e.TIME_PICKER || [e.INPUT_TAG, e.AUTOCOMPLETE, e.Cascader, e.ColorPicker, e.Slider].includes(t) ? m = "update:modelValue" : t === e.Upload && (m = "update:fileList");
-      const o = `on${ce(m)}`, b = {
-        [o]: (...C) => {
-          const [x] = C;
-          d[o] && d[o](...C);
-          const l = x ? x.target : null, s = l ? l.value : x;
-          n.setFormModel(a, s, n.schema);
+        renderComponentContent,
+        type = FormCompEnum.INPUT,
+        field,
+        changeEvent = "change",
+        valueField,
+        label,
+        title,
+        placeholderJoinLabel = true
+      } = __props.schema;
+      let special_event = changeEvent;
+      if (isInput(type)) {
+        special_event = "input";
+      } else if (isDatePicker(type) || type === FormCompEnum.TIME_PICKER || [FormCompEnum.INPUT_TAG, FormCompEnum.AUTOCOMPLETE, FormCompEnum.Cascader, FormCompEnum.ColorPicker, FormCompEnum.Slider].includes(type)) {
+        special_event = "update:modelValue";
+      } else if (type === FormCompEnum.Upload) {
+        special_event = "update:fileList";
+      }
+      const eventKey = `on${upperFirst(special_event)}`;
+      const on = {
+        [eventKey]: (...args) => {
+          const [e] = args;
+          if (propsData[eventKey]) {
+            propsData[eventKey](...args);
+          }
+          const target = e ? e.target : null;
+          const value = target ? target.value : e;
+          __props.setFormModel(field, value, __props.schema);
         }
-      }, y = z.get(t), {
-        autoSetPlaceHolder: A,
-        size: M
-      } = n.formProps, d = {
-        clearable: !0,
-        ...u(K)
       };
-      if ([e.SEARCH].includes(t) || (d.size = u(K)?.size || M, d.disabled = u(Y)), !d.disabled && A && !he(t) && t) {
-        const C = c || g;
-        d.placeholder = u(K)?.placeholder || W(t, I && ue(C) ? C : "");
+      const Comp = getComponent(type);
+      const {
+        autoSetPlaceHolder,
+        size
+      } = __props.formProps;
+      const propsData = {
+        clearable: true,
+        ...unref(getComponentsProps)
+      };
+      if (![FormCompEnum.SEARCH].includes(type)) {
+        propsData.size = unref(getComponentsProps)?.size || size;
+        propsData.disabled = unref(getDisable);
+      }
+      const isCreatePlaceholder = !propsData.disabled && autoSetPlaceHolder;
+      if (isCreatePlaceholder && !isRangePicker(type) && type) {
+        const _label = label || title;
+        propsData.placeholder = unref(getComponentsProps)?.placeholder || createPlaceholderMessage(type, placeholderJoinLabel && isString(_label) ? _label : "");
       }
-      const S = {
-        [p || "model-value"]: n.formModel[a]
-      }, h = {
-        ...b,
-        ...d,
-        ...S
+      const bindValue = {
+        [valueField || "model-value"]: __props.formModel[field]
       };
-      if (!r && t !== e.Upload)
-        return f(y, w({
-          ref: L
-        }, h), null);
-      let E;
-      if (E = R(r) ? {
-        ...r({
-          ...u(P),
-          elRef: L
+      const compAttr = {
+        ...on,
+        ...propsData,
+        ...bindValue
+      };
+      if (!renderComponentContent && type !== FormCompEnum.Upload) {
+        return createVNode(Comp, mergeProps({
+          "ref": elRef
+        }, compAttr), null);
+      }
+      let compSlot;
+      compSlot = isFunction(renderComponentContent) ? {
+        ...renderComponentContent({
+          ...unref(getValues),
+          elRef
         })
       } : {
-        default: () => r
-      }, t === e.Upload && !r) {
+        default: () => renderComponentContent
+      };
+      if (type === FormCompEnum.Upload && !renderComponentContent) {
         const {
-          drag: C
-        } = u(K);
-        E = C ? {
-          default: () => f(q("vft-icon"), {
-            icon: "icon-arrow-upload"
+          drag
+        } = unref(getComponentsProps);
+        compSlot = drag ? {
+          default: () => createVNode(resolveComponent("vft-icon"), {
+            "icon": "icon-arrow-upload"
           }, null)
         } : {
-          default: () => f(q("vft-button"), {
-            type: "primary"
+          default: () => createVNode(resolveComponent("vft-button"), {
+            "type": "primary"
           }, {
-            default: () => [f(q("vft-icon"), {
-              icon: "icon-arrow-upload"
+            default: () => [createVNode(resolveComponent("vft-icon"), {
+              "icon": "icon-arrow-upload"
             }, null)]
           })
         };
       }
-      return f(y, w({
-        ref: L
-      }, h), k(E) ? E : {
-        default: () => [E]
+      return createVNode(Comp, mergeProps({
+        "ref": elRef
+      }, compAttr), _isSlot(compSlot) ? compSlot : {
+        default: () => [compSlot]
       });
     };
-    function U() {
+    function renderLabelHelpMessage() {
       const {
-        showLabel: r = !0,
-        label: t,
-        title: a,
-        subLabel: i,
-        labelRequired: p
-      } = n.schema;
-      let c = t || a;
-      return c = p ? f("span", null, [f("span", {
-        class: "label-required"
-      }, [G("*")]), f("span", null, [c])]) : c, r && c ? i ? f("span", null, [c, G(" "), f("span", {
-        class: "sub-label"
-      }, [i])]) : c : void 0;
+        showLabel = true,
+        label,
+        title,
+        subLabel,
+        labelRequired
+      } = __props.schema;
+      let _label = label || title;
+      _label = labelRequired ? createVNode("span", null, [createVNode("span", {
+        "class": "label-required"
+      }, [createTextVNode("*")]), createVNode("span", null, [_label])]) : _label;
+      return showLabel && _label ? subLabel ? createVNode("span", null, [_label, createTextVNode(" "), createVNode("span", {
+        "class": "sub-label"
+      }, [subLabel])]) : _label : void 0;
     }
-    const V = te();
-    function H(r, t = "default", a) {
-      if (!r || !Reflect.has(r, t))
+    const slots = useSlots();
+    function getSlot(slots2, slot = "default", data) {
+      if (!slots2 || !Reflect.has(slots2, slot)) {
         return null;
-      if (!R(r[t]))
-        return console.error(`${t} is not a function!`), null;
-      const i = r[t];
-      return i ? i(a) : null;
+      }
+      if (!isFunction(slots2[slot])) {
+        console.error(`${slot} is not a function!`);
+        return null;
+      }
+      const slotFn = slots2[slot];
+      if (!slotFn) return null;
+      return slotFn(data);
     }
-    function _() {
+    function renderItem() {
+      const {
+        itemProps,
+        slot,
+        render,
+        field,
+        suffix,
+        prefix,
+        prefixParentStyle
+      } = __props.schema;
       const {
-        itemProps: r,
-        slot: t,
-        render: a,
-        field: i,
-        suffix: p,
-        prefix: c,
-        prefixParentStyle: g
-      } = n.schema, {
-        autoCleanErrorMessage: I,
-        compFullWidth: m
-      } = n.formProps, o = () => t ? H(V, t, u(P)) : a ? a(u(P)) : Z(), b = !!p, y = !!c, A = R(p) ? p(u(P)) : p, M = R(c) ? c(u(P)) : c, d = () => {
-        n.updateSchema([{
-          field: i,
+        autoCleanErrorMessage,
+        compFullWidth
+      } = __props.formProps;
+      const getContent = () => {
+        return slot ? getSlot(slots, slot, unref(getValues)) : render ? render(unref(getValues)) : renderComponent();
+      };
+      const showSuffix = !!suffix;
+      const showPrefix = !!prefix;
+      const getSuffix = isFunction(suffix) ? suffix(unref(getValues)) : suffix;
+      const getPrefix = isFunction(prefix) ? prefix(unref(getValues)) : prefix;
+      const onUpdateError = () => {
+        __props.updateSchema([{
+          field,
           itemProps: {
             error: ""
           }
         }]);
-      }, T = () => f(se, w({
-        style: {
-          marginRight: n.formProps.customLayout ? "10px" : 0
-        },
-        prop: i,
-        class: [{
-          [N.is("suffix")]: b
-        }, {
-          [N.is("comp-full-width")]: m
-        }, N.e("item")]
-      }, r, {
-        label: r?.label || r?.title,
-        "onUpdate:error": I ? d : () => {
-        },
-        rules: Q()
-      }), {
-        default: () => [f("div", {
-          class: N.e("container")
-        }, [f("div", {
-          class: N.e("content")
-        }, [o(), b && f("span", {
-          class: N.m("suffix")
-        }, [A])])])],
-        label: U() ? () => U() : void 0
-      });
-      return y ? f("div", {
-        style: g
-      }, [f("span", {
-        class: N.m("prefix")
-      }, [M]), T()]) : T();
+      };
+      const renderFormItem = () => {
+        return createVNode(VftFormItem, mergeProps({
+          "style": {
+            marginRight: __props.formProps.customLayout ? "10px" : 0
+          },
+          "prop": field,
+          "class": [{
+            [ns.is("suffix")]: showSuffix
+          }, {
+            [ns.is("comp-full-width")]: compFullWidth
+          }, ns.e("item")]
+        }, itemProps, {
+          "label": itemProps?.label || itemProps?.title,
+          "onUpdate:error": autoCleanErrorMessage ? onUpdateError : () => {
+          },
+          "rules": handleRules()
+        }), {
+          default: () => [createVNode("div", {
+            "class": ns.e("container")
+          }, [createVNode("div", {
+            "class": ns.e("content")
+          }, [getContent(), showSuffix && createVNode("span", {
+            "class": ns.m("suffix")
+          }, [getSuffix])])])],
+          label: renderLabelHelpMessage() ? () => renderLabelHelpMessage() : void 0
+        });
+      };
+      return showPrefix ? createVNode("div", {
+        "style": prefixParentStyle
+      }, [createVNode("span", {
+        "class": ns.m("prefix")
+      }, [getPrefix]), renderFormItem()]) : renderFormItem();
     }
     return () => {
-      let r;
+      let _slot2;
       const {
-        colProps: t = {},
-        colSlot: a,
-        renderColContent: i,
-        type: p = e.INPUT,
-        render: c,
-        quickColSpan: g
-      } = n.schema;
-      if (!z.has(p) && !i && !c)
+        colProps = {},
+        colSlot,
+        renderColContent,
+        type = FormCompEnum.INPUT,
+        render,
+        quickColSpan: itemQuickColSpan
+      } = __props.schema;
+      if (!getComponent(type) && !renderColContent && !render) {
         return null;
+      }
       const {
-        baseColProps: I = {},
-        quickColSpan: m
-      } = n.formProps, o = m ? {
-        span: Math.ceil(24 / m),
-        ...I
+        baseColProps = {},
+        quickColSpan
+      } = __props.formProps;
+      const col = quickColSpan ? {
+        span: Math.ceil(24 / quickColSpan),
+        ...baseColProps
       } : {
-        ...I
-      }, b = g ? {
-        span: Math.ceil(24 / g),
-        ...t
+        ...baseColProps
+      };
+      const itemCol = itemQuickColSpan ? {
+        span: Math.ceil(24 / itemQuickColSpan),
+        ...colProps
       } : {
-        ...t
-      }, y = {
-        ...o,
-        ...b
-      }, {
-        isIfShow: A,
-        isShow: M
-      } = B(), d = u(P), T = () => a ? H(V, a, d) : i ? i(d) : _();
-      if (p === e.DIVIDER) {
-        let S;
-        return f(X, w({
-          span: 24
-        }, b), {
-          default: () => [f(le, u(K), k(S = U()) ? S : {
-            default: () => [S]
+        ...colProps
+      };
+      const realColProps = {
+        ...col,
+        ...itemCol
+      };
+      const {
+        isIfShow,
+        isShow
+      } = getShow();
+      const values = unref(getValues);
+      const getContent = () => {
+        return colSlot ? getSlot(slots, colSlot, values) : renderColContent ? renderColContent(values) : renderItem();
+      };
+      if (type === FormCompEnum.DIVIDER) {
+        let _slot;
+        return createVNode(VftCol, mergeProps({
+          "span": 24
+        }, itemCol), {
+          default: () => [createVNode(VftDivider, unref(getComponentsProps), _isSlot(_slot = renderLabelHelpMessage()) ? _slot : {
+            default: () => [_slot]
           })]
         });
       }
-      return A && (n.formProps.customLayout ? T() : re(f(X, y, k(r = T()) ? r : {
-        default: () => [r]
-      }), [[ne, M]]));
+      return isIfShow && (__props.formProps.customLayout ? getContent() : withDirectives(createVNode(VftCol, realColProps, _isSlot(_slot2 = getContent()) ? _slot2 : {
+        default: () => [_slot2]
+      }), [[vShow, isShow]]));
     };
   }
 });
 export {
-  De as default
+  _sfc_main as default
 };