vft 0.0.375 → 0.0.376

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, unref, useSlots, createVNode, mergeProps, withDirectives, vShow, createTextVNode, isVNode, resolveComponent } from "vue";
+import { defineComponent as Q, computed as v, ref as re, unref as c, useSlots as oe, createVNode as s, mergeProps as L, withDirectives as ie, vShow as ne, isVNode as le, createTextVNode as G, resolveComponent as V } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../avatar-stack/index.js";
@@ -12,24 +12,24 @@ import "../checkbox/index.js";
 import "../clamp/index.js";
 import "../clamp-toggle/index.js";
 import "../clamp-tooltip/index.js";
-import { VftCol } from "../col/index.js";
+import { VftCol as X } from "../col/index.js";
 import "../collapse-transition/index.js";
 import "../color-picker/index.js";
 import "../config-provider/index.js";
 import "../container/index.js";
-import { isFunction, isBoolean, singleAttrToObj, cloneDeep, isArray, isNull, upperFirst, isString } from "@vft/utils";
+import { isFunction as b, isBoolean as j, singleAttrToObj as z, cloneDeep as se, isArray as J, isNull as ae, upperFirst as me, isString as ce } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
-import { VftIcon } from "../icon/index.js";
+import { VftIcon as W } 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 } from "../divider/index.js";
+import { VftDivider as pe } from "../divider/index.js";
 import "../drawer/index.js";
 import "../dropdown/index.js";
 import "../empty/index.js";
 import "../footer-layout/index.js";
-import { VftFormItem } from "../form/index.js";
+import { VftFormItem as ue } from "../form/index.js";
 import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
@@ -69,7 +69,7 @@ import "../table/index.js";
 import "../tabs/index.js";
 import "../tag/index.js";
 import "../time-picker/index.js";
-import { VftTooltip } from "../tooltip/index.js";
+import { VftTooltip as fe } from "../tooltip/index.js";
 import "../tree/index.js";
 import "../verify-code/index.js";
 import "../virtual-list/components/fixed-size-list.js";
@@ -102,22 +102,21 @@ import "../infinite-scroll/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useNamespace as de } 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 { 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);
+import { FormCompEnum as e, getComponent as $, isInput as he, isDatePicker as Ee, isRangePicker as Pe } from "./component-map.js";
+import { createPlaceholderMessage as Y } from "./use/helper.js";
+function q(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !le(o);
 }
-const __default__ = defineComponent({
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const Ce = Q({
+  inheritAttrs: !1
+}), Tr = /* @__PURE__ */ Q({
+  ...Ce,
   __name: "super-form-item",
   props: {
     schema: {},
@@ -128,511 +127,370 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     updateSchema: {},
     formActionType: {}
   },
-  setup(__props) {
-    const ns = useNamespace("super-form");
-    const getValues = computed(() => {
+  setup(o) {
+    const S = de("super-form"), I = v(() => {
       const {
-        mergeDynamicData
-      } = __props.formProps;
+        mergeDynamicData: r
+      } = o.formProps;
       return {
-        field: __props.schema.field,
-        model: __props.formModel,
+        field: o.schema.field,
+        model: o.formModel,
         values: {
-          ...mergeDynamicData,
-          ...__props.allDefaultValues,
-          ...__props.formModel
+          ...r,
+          ...o.allDefaultValues,
+          ...o.formModel
         },
-        schema: __props.schema,
-        elRef
+        schema: o.schema,
+        elRef: w
       };
-    });
-    const getComponentsProps = computed(() => {
+    }), K = v(() => {
       let {
-        componentProps = {}
-      } = __props.schema;
-      if (isFunction(componentProps)) {
-        componentProps = componentProps({
-          schema: __props.schema,
-          formModel: __props.formModel,
-          formActionType: __props.formActionType
-        }) ?? {};
-      }
-      const compInitPropsMap = /* @__PURE__ */ new Map([[FormCompEnum.DIVIDER, {
+        componentProps: r = {}
+      } = o.schema;
+      b(r) && (r = r({
+        schema: o.schema,
+        formModel: o.formModel,
+        formActionType: o.formActionType
+      }) ?? {});
+      const t = /* @__PURE__ */ new Map([[e.DIVIDER, {
         type: "horizontal"
-      }], [FormCompEnum.TEXTAREA, {
+      }], [e.TEXTAREA, {
         type: "textarea"
-      }], [FormCompEnum.PASSWORD, {
+      }], [e.PASSWORD, {
         type: "password",
-        "show-password": true
-      }], [FormCompEnum.INPUT_NUMBER, {
+        "show-password": !0
+      }], [e.INPUT_NUMBER, {
         type: "number"
-      }], [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,
+      }], [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,
         "start-placeholder": "开始时间",
         "end-placeholder": "结束时间"
-      }], [FormCompEnum.DATETIMERANGE_PICKER, {
-        type: FormCompEnum.DATETIMERANGE_PICKER,
+      }], [e.DATETIMERANGE_PICKER, {
+        type: e.DATETIMERANGE_PICKER,
         "start-placeholder": "开始日期",
         "end-placeholder": "结束日期"
-      }], [FormCompEnum.DATERANGE_PICKER, {
-        type: FormCompEnum.DATERANGE_PICKER,
+      }], [e.DATERANGE_PICKER, {
+        type: e.DATERANGE_PICKER,
         "start-placeholder": "开始日期",
         "end-placeholder": "结束日期"
-      }], [FormCompEnum.MONTHRANGE_PICKER, {
-        type: FormCompEnum.MONTHRANGE_PICKER,
+      }], [e.MONTHRANGE_PICKER, {
+        type: e.MONTHRANGE_PICKER,
         "start-placeholder": "开始月份",
         "end-placeholder": "结束月份"
       }]]);
-      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;
+      return t.has(o.schema.type) && (r = Object.assign(t.get(o.schema.type) || {}, r)), o.formProps.inputMaxLength && [e.INPUT].includes(o.schema.type) && !r?.maxlength && (r.maxlength = o.formProps.inputMaxLength), r;
+    }), Z = v(() => {
       const {
-        disabled: itemDisabled = false
-      } = unref(getComponentsProps);
-      let disabled = !!globDisabled || itemDisabled;
-      if (isBoolean(dynamicDisabled)) {
-        disabled = dynamicDisabled;
-      }
-      if (isFunction(dynamicDisabled)) {
-        disabled = dynamicDisabled(unref(getValues));
-      }
-      return disabled;
+        disabled: r
+      } = o.formProps, {
+        dynamicDisabled: t
+      } = o.schema, {
+        disabled: m = !1
+      } = c(K);
+      let a = !!r || m;
+      return j(t) && (a = t), b(t) && (a = t(c(I))), a;
     });
-    function getShow() {
+    function k() {
       const {
-        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
+        show: r,
+        ifShow: t
+      } = o.schema;
+      let m = !0, a = !0;
+      return j(r) && (m = r), j(t) && (a = t), b(r) && (m = r(c(I))), b(t) && (a = t(c(I))), {
+        isShow: m,
+        isIfShow: a
       };
     }
-    function handleRules() {
+    function _() {
       const {
-        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]);
+        rules: r = [],
+        type: t = e.INPUT,
+        rulesMessageJoinLabel: m,
+        label: a,
+        title: P,
+        dynamicRule: u,
+        required: h,
+        dynamicRuleAdd: f = !0
+      } = o.schema, p = a || P;
+      if (b(u) && !f)
+        return u(c(I));
+      let i = se(J(r) ? r : [r]);
       const {
-        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();
+        rulesMessageJoinLabel: g
+      } = o.formProps, y = Reflect.has(o.schema, "rulesMessageJoinLabel") ? m : g, A = Y(t, `${y ? p : ""}`);
+      function M(n, l) {
+        const D = n.message || A;
+        return l === void 0 || ae(l) || t === e.CHECKBOX_SINGLE && !l || Array.isArray(l) && l.length === 0 || typeof l == "string" && l.trim() === "" || typeof l == "object" && Reflect.has(l, "checked") && Reflect.has(l, "halfChecked") && Array.isArray(l.checked) && Array.isArray(l.halfChecked) && l.checked.length === 0 && l.halfChecked.length === 0 ? Promise.reject(D) : 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 d = b(h) ? h(c(I)) : h, 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 && (!i || i.length === 0 ? i = [{
+        required: d,
+        validator: M,
+        trigger: T ? "change" : "blur"
+      }] : i.findIndex((l) => Reflect.has(l, "required")) === -1 && i.unshift({
+        required: d,
+        validator: M,
+        trigger: T ? "change" : "blur"
+      }));
+      const x = i.findIndex((n) => Reflect.has(n, "required") && !Reflect.has(n, "validator"));
+      if (x !== -1) {
+        const n = i[x], {
+          isShow: l
+        } = k();
+        l || (n.required = !1), t && (n.message = n.message || A);
       }
-      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 E = i.findIndex((n) => n.min), C = i.findIndex((n) => n.max);
+      function R(n, l, D = "all") {
+        const O = i[l], F = O.isNumber ? isNaN(n) ? n?.length || 0 : Number(n) : n?.length || 0;
+        return ["min", "all"].includes(D) && F < O.min ? Promise.reject(p + "至少为" + O.min + "位") : ["max", "all"].includes(D) && F > O.max ? Promise.reject(p + "最多" + O.max + "位") : Promise.resolve();
       }
-      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();
-      }
-      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 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();
-        };
+      (E !== -1 || C !== -1) && (E !== -1 && C !== -1 && !i[E].validator && !i[E].message ? i[E].validator = (n, l) => R(l, E) : E !== -1 && !i[E].validator && !i[E].message ? i[E].validator = (n, l) => R(l, E, "min") : C !== -1 && !i[C].validator && !i[C].message && (i[C].validator = (n, l) => R(l, C, "max")));
+      const N = i.findIndex((n) => n.len);
+      if (N !== -1 && (i[N].validator = (n, l) => l.length !== i[N].len ? Promise.reject(p + "必须是" + i[N].len + "位") : Promise.resolve()), b(u) && f) {
+        let n = u(c(I));
+        n = J(n) ? n : [n], i = i.concat(n);
       }
-      if (isFunction(dynamicRule) && dynamicRuleAdd) {
-        let _dynamicRule = dynamicRule(unref(getValues));
-        _dynamicRule = isArray(_dynamicRule) ? _dynamicRule : [_dynamicRule];
-        rules = rules.concat(_dynamicRule);
-      }
-      return rules;
+      return i;
     }
-    const elRef = ref();
-    const renderComponent = () => {
+    const w = re(), ee = () => {
       const {
-        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);
+        renderComponentContent: r,
+        type: t = e.INPUT,
+        field: m,
+        changeEvent: a = "change",
+        valueField: P,
+        label: u,
+        title: h,
+        placeholderJoinLabel: f = !0
+      } = o.schema;
+      let p = a;
+      he(t) ? p = "input" : Ee(t) || t === e.TIME_PICKER || [e.INPUT_TAG, e.AUTOCOMPLETE, e.Cascader, e.ColorPicker, e.Slider].includes(t) ? p = "update:modelValue" : t === e.Upload && (p = "update:fileList");
+      const i = `on${me(p)}`, g = {
+        [i]: (...R) => {
+          const [N] = R;
+          d[i] && d[i](...R);
+          const n = N ? N.target : null, l = n ? n.value : N;
+          o.setFormModel(m, l, o.schema);
         }
+      }, y = $(t), {
+        autoSetPlaceHolder: A,
+        size: M
+      } = o.formProps, d = {
+        clearable: !0,
+        ...c(K)
       };
-      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 : "");
+      if ([e.SEARCH].includes(t) || (d.size = c(K)?.size || M, d.disabled = c(Z)), !d.disabled && A && !Pe(t) && t) {
+        const R = u || h;
+        d.placeholder = c(K)?.placeholder || Y(t, f && ce(R) ? R : "");
       }
-      const bindValue = {
-        [valueField || "model-value"]: __props.formModel[field]
+      const x = {
+        [P || "model-value"]: o.formModel[m]
+      }, E = {
+        ...g,
+        ...d,
+        ...x
       };
-      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
+      if (!r && t !== e.Upload)
+        return s(y, L({
+          ref: w
+        }, E), null);
+      let C;
+      if (C = b(r) ? {
+        ...r({
+          ...c(I),
+          elRef: w
         })
       } : {
-        default: () => renderComponentContent
-      };
-      if (type === FormCompEnum.Upload && !renderComponentContent) {
+        default: () => r
+      }, t === e.Upload && !r) {
         const {
-          drag
-        } = unref(getComponentsProps);
-        compSlot = drag ? {
-          default: () => createVNode(resolveComponent("vft-icon"), {
-            "icon": "icon-arrow-upload"
+          drag: R
+        } = c(K);
+        C = R ? {
+          default: () => s(V("vft-icon"), {
+            icon: "icon-arrow-upload"
           }, null)
         } : {
-          default: () => createVNode(resolveComponent("vft-button"), {
-            "type": "primary"
+          default: () => s(V("vft-button"), {
+            type: "primary"
           }, {
-            default: () => [createVNode(resolveComponent("vft-icon"), {
-              "icon": "icon-arrow-upload"
+            default: () => [s(V("vft-icon"), {
+              icon: "icon-arrow-upload"
             }, null)]
           })
         };
       }
-      return createVNode(Comp, mergeProps({
-        "ref": elRef
-      }, compAttr), _isSlot(compSlot) ? compSlot : {
-        default: () => [compSlot]
+      return s(y, L({
+        ref: w
+      }, E), q(C) ? C : {
+        default: () => [C]
       });
     };
-    function renderLabelHelpMessage() {
+    function U() {
       const {
-        showLabel = true,
-        label,
-        title,
-        subLabel,
-        labelRequired,
-        helpIcon,
-        helpTooltip
-      } = __props.schema;
-      let _label = label || title;
-      _label = labelRequired ? createVNode("span", null, [createVNode("span", {
-        "class": "label-required"
-      }, [createTextVNode("*")]), createVNode("span", null, [_label])]) : _label;
-      const renderHelpIcon = () => {
-        if (!helpIcon && !helpTooltip) return null;
-        const _icon = computed(() => {
-          return singleAttrToObj(helpIcon, "icon", {
-            size: 20,
-            pointer: true,
-            icon: "icon-help"
-          });
-        });
-        if (helpTooltip) {
-          const _tooltip = computed(() => {
-            return singleAttrToObj(helpTooltip, "content", {
-              placement: "right-start"
-            });
-          });
-          return createVNode(VftTooltip, mergeProps({
-            "className": "box-item"
-          }, _tooltip.value), {
-            default: () => [createVNode(VftIcon, _icon.value, null)]
+        showLabel: r = !0,
+        label: t,
+        title: m,
+        subLabel: a,
+        labelRequired: P,
+        helpIcon: u,
+        helpTooltip: h
+      } = o.schema;
+      let f = t || m;
+      f = P ? s("span", null, [s("span", {
+        class: "label-required"
+      }, [G("*")]), s("span", null, [f])]) : f;
+      const p = () => {
+        if (!u && !h) return null;
+        const i = v(() => z(u, "icon", {
+          size: 20,
+          pointer: !0,
+          icon: "icon-help"
+        }));
+        if (h) {
+          const g = v(() => z(h, "content", {
+            placement: "right-start"
+          }));
+          return s(fe, L({
+            className: "box-item"
+          }, g.value), {
+            default: () => [s(W, i.value, null)]
           });
         }
-        return createVNode(VftIcon, _icon.value, null);
+        return s(W, i.value, null);
       };
-      return showLabel && _label ? subLabel ? createVNode("div", {
-        "class": "label-content"
-      }, [createVNode("div", null, [_label, createTextVNode(" "), createVNode("span", {
-        "class": "sub-label"
-      }, [subLabel])]), renderHelpIcon()]) : createVNode("div", {
-        "class": "label-content"
-      }, [createVNode("div", null, [_label]), renderHelpIcon()]) : void 0;
+      return r && f ? a ? s("div", {
+        class: "label-content"
+      }, [s("div", null, [f, G(" "), s("span", {
+        class: "sub-label"
+      }, [a])]), p()]) : s("div", {
+        class: "label-content"
+      }, [s("div", null, [f]), p()]) : void 0;
     }
-    const slots = useSlots();
-    function getSlot(slots2, slot = "default", data) {
-      if (!slots2 || !Reflect.has(slots2, slot)) {
+    const B = oe();
+    function H(r, t = "default", m) {
+      if (!r || !Reflect.has(r, t))
         return 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);
+      if (!b(r[t]))
+        return console.error(`${t} is not a function!`), null;
+      const a = r[t];
+      return a ? a(m) : null;
     }
-    function renderItem() {
+    function te() {
       const {
-        itemProps,
-        slot,
-        render,
-        field,
-        suffix,
-        prefix,
-        prefixParentStyle
-      } = __props.schema;
-      const {
-        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: r,
+        slot: t,
+        render: m,
+        field: a,
+        suffix: P,
+        prefix: u,
+        prefixParentStyle: h
+      } = o.schema, {
+        autoCleanErrorMessage: f,
+        compFullWidth: p
+      } = o.formProps, i = () => t ? H(B, t, c(I)) : m ? m(c(I)) : ee(), g = !!P, y = !!u, A = b(P) ? P(c(I)) : P, M = b(u) ? u(c(I)) : u, d = () => {
+        o.updateSchema([{
+          field: a,
           itemProps: {
             error: ""
           }
         }]);
-      };
-      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();
+      }, T = () => s(ue, L({
+        style: {
+          marginRight: o.formProps.customLayout ? "10px" : 0
+        },
+        prop: a,
+        class: [{
+          [S.is("suffix")]: g
+        }, {
+          [S.is("comp-full-width")]: p
+        }, S.e("item")]
+      }, r, {
+        label: r?.label || r?.title,
+        "onUpdate:error": f ? d : () => {
+        },
+        rules: _()
+      }), {
+        default: () => [s("div", {
+          class: S.e("container")
+        }, [s("div", {
+          class: S.e("content")
+        }, [i(), g && s("span", {
+          class: S.m("suffix")
+        }, [A])])])],
+        label: U() ? () => U() : void 0
+      });
+      return y ? s("div", {
+        style: h
+      }, [s("span", {
+        class: S.m("prefix")
+      }, [M]), T()]) : T();
     }
     return () => {
-      let _slot2;
+      let r;
       const {
-        colProps = {},
-        colSlot,
-        renderColContent,
-        type = FormCompEnum.INPUT,
-        render,
-        quickColSpan: itemQuickColSpan
-      } = __props.schema;
-      if (!getComponent(type) && !renderColContent && !render) {
+        colProps: t = {},
+        colSlot: m,
+        renderColContent: a,
+        type: P = e.INPUT,
+        render: u,
+        quickColSpan: h
+      } = o.schema;
+      if (!$(P) && !a && !u)
         return null;
-      }
       const {
-        baseColProps = {},
-        quickColSpan
-      } = __props.formProps;
-      const col = quickColSpan ? {
-        span: Math.ceil(24 / quickColSpan),
-        ...baseColProps
+        baseColProps: f = {},
+        quickColSpan: p
+      } = o.formProps, i = p ? {
+        span: Math.ceil(24 / p),
+        ...f
       } : {
-        ...baseColProps
-      };
-      const itemCol = itemQuickColSpan ? {
-        span: Math.ceil(24 / itemQuickColSpan),
-        ...colProps
+        ...f
+      }, g = h ? {
+        span: Math.ceil(24 / h),
+        ...t
       } : {
-        ...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]
+        ...t
+      }, y = {
+        ...i,
+        ...g
+      }, {
+        isIfShow: A,
+        isShow: M
+      } = k(), d = c(I), T = () => m ? H(B, m, d) : a ? a(d) : te();
+      if (P === e.DIVIDER) {
+        let x;
+        return s(X, L({
+          span: 24
+        }, g), {
+          default: () => [s(pe, c(K), q(x = U()) ? x : {
+            default: () => [x]
           })]
         });
       }
-      return isIfShow && (__props.formProps.customLayout ? getContent() : withDirectives(createVNode(VftCol, realColProps, _isSlot(_slot2 = getContent()) ? _slot2 : {
-        default: () => [_slot2]
-      }), [[vShow, isShow]]));
+      return A && (o.formProps.customLayout ? T() : ie(s(X, y, q(r = T()) ? r : {
+        default: () => [r]
+      }), [[ne, M]]));
     };
   }
 });
 export {
-  _sfc_main as default
+  Tr as default
 };