vft 0.0.376 → 0.0.378

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

@@ -1,4 +1,4 @@
-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 { defineComponent, computed, ref, unref, useSlots, createVNode, mergeProps, withDirectives, vShow, isVNode, createTextVNode, resolveComponent } 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 as X } from "../col/index.js";
+import { VftCol } 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 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 { isFunction, isBoolean, singleAttrToObj, cloneDeep, isArray, isNull, upperFirst, isString } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
-import { VftIcon as W } from "../icon/index.js";
+import { VftIcon } 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 pe } from "../divider/index.js";
+import { VftDivider } from "../divider/index.js";
 import "../drawer/index.js";
 import "../dropdown/index.js";
 import "../empty/index.js";
 import "../footer-layout/index.js";
-import { VftFormItem as ue } from "../form/index.js";
+import { VftFormItem } 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 as fe } from "../tooltip/index.js";
+import { VftTooltip } from "../tooltip/index.js";
 import "../tree/index.js";
 import "../verify-code/index.js";
 import "../virtual-list/components/fixed-size-list.js";
@@ -87,7 +87,6 @@ import "../modal/index.js";
 import "../progress/index.js";
 import "../segmented/index.js";
 import "../statistic/index.js";
-import "./index.js";
 import "../timeline/index.js";
 import "../transfer/index.js";
 import "../upload/index.js";
@@ -102,21 +101,23 @@ import "../infinite-scroll/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace as de } 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 "../message/index.js";
 import "../progress-i/index.js";
-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);
+import "./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);
 }
-const Ce = Q({
-  inheritAttrs: !1
-}), Tr = /* @__PURE__ */ Q({
-  ...Ce,
+const __default__ = defineComponent({
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "super-form-item",
   props: {
     schema: {},
@@ -127,370 +128,511 @@ const Ce = Q({
     updateSchema: {},
     formActionType: {}
   },
-  setup(o) {
-    const S = de("super-form"), I = v(() => {
+  setup(__props) {
+    const ns = useNamespace("super-form");
+    const getValues = computed(() => {
       const {
-        mergeDynamicData: r
-      } = o.formProps;
+        mergeDynamicData
+      } = __props.formProps;
       return {
-        field: o.schema.field,
-        model: o.formModel,
+        field: __props.schema.field,
+        model: __props.formModel,
         values: {
-          ...r,
-          ...o.allDefaultValues,
-          ...o.formModel
+          ...mergeDynamicData,
+          ...__props.allDefaultValues,
+          ...__props.formModel
         },
-        schema: o.schema,
-        elRef: w
+        schema: __props.schema,
+        elRef
       };
-    }), K = v(() => {
+    });
+    const getComponentsProps = computed(() => {
       let {
-        componentProps: r = {}
-      } = o.schema;
-      b(r) && (r = r({
-        schema: o.schema,
-        formModel: o.formModel,
-        formActionType: o.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(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(() => {
+      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: 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;
+        disabled: globDisabled
+      } = __props.formProps;
+      const {
+        dynamicDisabled
+      } = __props.schema;
+      const {
+        disabled: itemDisabled = false
+      } = unref(getComponentsProps);
+      let disabled = !!globDisabled || itemDisabled;
+      if (isBoolean(dynamicDisabled)) {
+        disabled = dynamicDisabled;
+      }
+      if (isFunction(dynamicDisabled)) {
+        disabled = dynamicDisabled(unref(getValues));
+      }
+      return disabled;
     });
-    function k() {
+    function getShow() {
       const {
-        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
+        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 _() {
+    function handleRules() {
       const {
-        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]);
+        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: 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();
+        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 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();
       }
-      (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 (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");
+        }
       }
-      return i;
+      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();
+        };
+      }
+      if (isFunction(dynamicRule) && dynamicRuleAdd) {
+        let _dynamicRule = dynamicRule(unref(getValues));
+        _dynamicRule = isArray(_dynamicRule) ? _dynamicRule : [_dynamicRule];
+        rules = rules.concat(_dynamicRule);
+      }
+      return rules;
     }
-    const w = re(), ee = () => {
+    const elRef = ref();
+    const renderComponent = () => {
       const {
-        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);
+        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 = $(t), {
-        autoSetPlaceHolder: A,
-        size: M
-      } = o.formProps, d = {
-        clearable: !0,
-        ...c(K)
       };
-      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 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 x = {
-        [P || "model-value"]: o.formModel[m]
-      }, E = {
-        ...g,
-        ...d,
-        ...x
+      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 bindValue = {
+        [valueField || "model-value"]: __props.formModel[field]
+      };
+      const compAttr = {
+        ...on,
+        ...propsData,
+        ...bindValue
       };
-      if (!r && t !== e.Upload)
-        return s(y, L({
-          ref: w
-        }, E), null);
-      let C;
-      if (C = b(r) ? {
-        ...r({
-          ...c(I),
-          elRef: w
+      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: R
-        } = c(K);
-        C = R ? {
-          default: () => s(V("vft-icon"), {
-            icon: "icon-arrow-upload"
+          drag
+        } = unref(getComponentsProps);
+        compSlot = drag ? {
+          default: () => createVNode(resolveComponent("vft-icon"), {
+            "icon": "icon-arrow-upload"
           }, null)
         } : {
-          default: () => s(V("vft-button"), {
-            type: "primary"
+          default: () => createVNode(resolveComponent("vft-button"), {
+            "type": "primary"
           }, {
-            default: () => [s(V("vft-icon"), {
-              icon: "icon-arrow-upload"
+            default: () => [createVNode(resolveComponent("vft-icon"), {
+              "icon": "icon-arrow-upload"
             }, null)]
           })
         };
       }
-      return s(y, L({
-        ref: w
-      }, E), q(C) ? C : {
-        default: () => [C]
+      return createVNode(Comp, mergeProps({
+        "ref": elRef
+      }, compAttr), _isSlot(compSlot) ? compSlot : {
+        default: () => [compSlot]
       });
     };
-    function U() {
+    function renderLabelHelpMessage() {
       const {
-        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)]
+        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)]
           });
         }
-        return s(W, i.value, null);
+        return createVNode(VftIcon, _icon.value, null);
       };
-      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;
+      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;
     }
-    const B = oe();
-    function H(r, t = "default", m) {
-      if (!r || !Reflect.has(r, t))
+    const slots = useSlots();
+    function getSlot(slots2, slot = "default", data) {
+      if (!slots2 || !Reflect.has(slots2, slot)) {
+        return null;
+      }
+      if (!isFunction(slots2[slot])) {
+        console.error(`${slot} is not a function!`);
         return null;
-      if (!b(r[t]))
-        return console.error(`${t} is not a function!`), null;
-      const a = r[t];
-      return a ? a(m) : null;
+      }
+      const slotFn = slots2[slot];
+      if (!slotFn) return null;
+      return slotFn(data);
     }
-    function te() {
+    function renderItem() {
       const {
-        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,
+        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: {
             error: ""
           }
         }]);
-      }, 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();
+      };
+      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: m,
-        renderColContent: a,
-        type: P = e.INPUT,
-        render: u,
-        quickColSpan: h
-      } = o.schema;
-      if (!$(P) && !a && !u)
+        colProps = {},
+        colSlot,
+        renderColContent,
+        type = FormCompEnum.INPUT,
+        render,
+        quickColSpan: itemQuickColSpan
+      } = __props.schema;
+      if (!getComponent(type) && !renderColContent && !render) {
         return null;
+      }
       const {
-        baseColProps: f = {},
-        quickColSpan: p
-      } = o.formProps, i = p ? {
-        span: Math.ceil(24 / p),
-        ...f
+        baseColProps = {},
+        quickColSpan
+      } = __props.formProps;
+      const col = quickColSpan ? {
+        span: Math.ceil(24 / quickColSpan),
+        ...baseColProps
       } : {
-        ...f
-      }, g = h ? {
-        span: Math.ceil(24 / h),
-        ...t
+        ...baseColProps
+      };
+      const itemCol = itemQuickColSpan ? {
+        span: Math.ceil(24 / itemQuickColSpan),
+        ...colProps
       } : {
-        ...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]
+        ...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 && (o.formProps.customLayout ? T() : ie(s(X, y, q(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 {
-  Tr as default
+  _sfc_main as default
 };