vft 0.0.375 → 0.0.376

package/lib/components/super-form/super-form-item.vue2.cjs

@@ -1,638 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("../alert/index.cjs");
-require("../avatar/index.cjs");
-require("../avatar-stack/index.cjs");
-require("../backtop/index.cjs");
-require("../button/index.cjs");
-require("../card/index.cjs");
-require("../cascader/index.cjs");
-require("../cascader-panel/index.cjs");
-require("../check-tag/index.cjs");
-require("../checkbox/index.cjs");
-require("../clamp/index.cjs");
-require("../clamp-toggle/index.cjs");
-require("../clamp-tooltip/index.cjs");
-const index$1 = require("../col/index.cjs");
-require("../collapse-transition/index.cjs");
-require("../color-picker/index.cjs");
-require("../config-provider/index.cjs");
-require("../container/index.cjs");
-const utils = require("@vft/utils");
-require("../context-menu/context-menu.vue2.cjs");
-const index$4 = require("../icon/index.cjs");
-require("../date-picker/index.cjs");
-require("../date-time-select/index.cjs");
-require("../descriptions/index.cjs");
-require("../dialog/index.cjs");
-const index$2 = require("../divider/index.cjs");
-require("../drawer/index.cjs");
-require("../dropdown/index.cjs");
-require("../empty/index.cjs");
-require("../footer-layout/index.cjs");
-const index$5 = require("../form/index.cjs");
-require("../full-screen/index.cjs");
-require("../header-layout/index.cjs");
-require("../horizontal-menu/index.cjs");
-require("../icon-text/index.cjs");
-require("../iframe-layout/index.cjs");
-require("../image/index.cjs");
-require("../image-viewer/index.cjs");
-require("../input/index.cjs");
-require("../input-number/index.cjs");
-require("../link/index.cjs");
-require("../list-cell/index.cjs");
-require("../logo/index.cjs");
-require("../menu/index.cjs");
-require("../multiple-tabs/index.cjs");
-require("../notification/index.cjs");
-require("../overlay/index.cjs");
-require("../page-wrapper/index.cjs");
-require("../pagination/index.cjs");
-require("../popconfirm/index.cjs");
-require("../popover/index.cjs");
-require("../popper/index.cjs");
-require("../qrcode/index.cjs");
-require("../radio/index.cjs");
-require("../result/index.cjs");
-require("../router-view-content/index.cjs");
-require("../row/index.cjs");
-require("../scrollbar/index.cjs");
-require("../search/index.cjs");
-require("../select/index.cjs");
-require("../side-menu/index.cjs");
-require("../skeleton/index.cjs");
-require("../slider/index.cjs");
-require("../space/index.cjs");
-require("../steps/index.cjs");
-require("../switch/index.cjs");
-require("../table/index.cjs");
-require("../tabs/index.cjs");
-require("../tag/index.cjs");
-require("../time-picker/index.cjs");
-const index$3 = require("../tooltip/index.cjs");
-require("../tree/index.cjs");
-require("../verify-code/index.cjs");
-require("../virtual-list/components/fixed-size-list.cjs");
-require("../virtual-list/components/dynamic-size-list.cjs");
-require("../virtual-list/components/fixed-size-grid.cjs");
-require("../virtual-list/components/dynamic-size-grid.cjs");
-require("../virtual-list/props.cjs");
-require("../autocomplete/index.cjs");
-require("../breadcrumb/index.cjs");
-require("../carousel/index.cjs");
-require("../collapse/index.cjs");
-require("../countdown/index.cjs");
-require("../input-tag/index.cjs");
-require("../modal/index.cjs");
-require("../progress/index.cjs");
-require("../segmented/index.cjs");
-require("../statistic/index.cjs");
-require("./index.cjs");
-require("../timeline/index.cjs");
-require("../transfer/index.cjs");
-require("../upload/index.cjs");
-require("../watermark/index.cjs");
-require("../md-code-demo/index.cjs");
-require("../md-code-tabs/index.cjs");
-require("../md-comment/index.cjs");
-require("../md-container/index.cjs");
-require("../md-tabs/index.cjs");
-require("../md-vue-playground/index.cjs");
-require("../infinite-scroll/index.cjs");
-require("@vueuse/core");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-require("../message/index.cjs");
-require("../progress-i/index.cjs");
-const componentMap = require("./component-map.cjs");
-const helper = require("./use/helper.cjs");
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-const __default__ = vue.defineComponent({
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  __name: "super-form-item",
-  props: {
-    schema: {},
-    formProps: {},
-    allDefaultValues: {},
-    formModel: {},
-    setFormModel: {},
-    updateSchema: {},
-    formActionType: {}
-  },
-  setup(__props) {
-    const ns = index.useNamespace("super-form");
-    const getValues = vue.computed(() => {
-      const {
-        mergeDynamicData
-      } = __props.formProps;
-      return {
-        field: __props.schema.field,
-        model: __props.formModel,
-        values: {
-          ...mergeDynamicData,
-          ...__props.allDefaultValues,
-          ...__props.formModel
-        },
-        schema: __props.schema,
-        elRef
-      };
-    });
-    const getComponentsProps = vue.computed(() => {
-      let {
-        componentProps = {}
-      } = __props.schema;
-      if (utils.isFunction(componentProps)) {
-        componentProps = componentProps({
-          schema: __props.schema,
-          formModel: __props.formModel,
-          formActionType: __props.formActionType
-        }) ?? {};
-      }
-      const compInitPropsMap = /* @__PURE__ */ new Map([[componentMap.FormCompEnum.DIVIDER, {
-        type: "horizontal"
-      }], [componentMap.FormCompEnum.TEXTAREA, {
-        type: "textarea"
-      }], [componentMap.FormCompEnum.PASSWORD, {
-        type: "password",
-        "show-password": true
-      }], [componentMap.FormCompEnum.INPUT_NUMBER, {
-        type: "number"
-      }], [componentMap.FormCompEnum.CHECKBOX_BUTTON, {
-        useButton: true
-      }], [componentMap.FormCompEnum.RADIO_BUTTON, {
-        useButton: true
-      }], [componentMap.FormCompEnum.YEAR_PICKER, {
-        type: componentMap.FormCompEnum.YEAR_PICKER
-      }], [componentMap.FormCompEnum.MONTH_PICKER, {
-        type: componentMap.FormCompEnum.MONTH_PICKER
-      }], [componentMap.FormCompEnum.DATE_PICKER, {
-        type: componentMap.FormCompEnum.DATE_PICKER
-      }], [componentMap.FormCompEnum.DATES_PICKER, {
-        type: componentMap.FormCompEnum.DATES_PICKER
-      }], [componentMap.FormCompEnum.DATETIME_PICKER, {
-        type: componentMap.FormCompEnum.DATETIME_PICKER
-      }], [componentMap.FormCompEnum.WEEK_PICKER, {
-        type: componentMap.FormCompEnum.WEEK_PICKER
-      }], [componentMap.FormCompEnum.TIMERANGE_PICKER, {
-        type: componentMap.FormCompEnum.TIME_PICKER,
-        "is-range": true,
-        "start-placeholder": "开始时间",
-        "end-placeholder": "结束时间"
-      }], [componentMap.FormCompEnum.DATETIMERANGE_PICKER, {
-        type: componentMap.FormCompEnum.DATETIMERANGE_PICKER,
-        "start-placeholder": "开始日期",
-        "end-placeholder": "结束日期"
-      }], [componentMap.FormCompEnum.DATERANGE_PICKER, {
-        type: componentMap.FormCompEnum.DATERANGE_PICKER,
-        "start-placeholder": "开始日期",
-        "end-placeholder": "结束日期"
-      }], [componentMap.FormCompEnum.MONTHRANGE_PICKER, {
-        type: componentMap.FormCompEnum.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 && [componentMap.FormCompEnum.INPUT].includes(__props.schema.type) && !componentProps?.maxlength) {
-        componentProps.maxlength = __props.formProps.inputMaxLength;
-      }
-      return componentProps;
-    });
-    const getDisable = vue.computed(() => {
-      const {
-        disabled: globDisabled
-      } = __props.formProps;
-      const {
-        dynamicDisabled
-      } = __props.schema;
-      const {
-        disabled: itemDisabled = false
-      } = vue.unref(getComponentsProps);
-      let disabled = !!globDisabled || itemDisabled;
-      if (utils.isBoolean(dynamicDisabled)) {
-        disabled = dynamicDisabled;
-      }
-      if (utils.isFunction(dynamicDisabled)) {
-        disabled = dynamicDisabled(vue.unref(getValues));
-      }
-      return disabled;
-    });
-    function getShow() {
-      const {
-        show,
-        ifShow
-      } = __props.schema;
-      let isShow = true;
-      let isIfShow = true;
-      if (utils.isBoolean(show)) {
-        isShow = show;
-      }
-      if (utils.isBoolean(ifShow)) {
-        isIfShow = ifShow;
-      }
-      if (utils.isFunction(show)) {
-        isShow = show(vue.unref(getValues));
-      }
-      if (utils.isFunction(ifShow)) {
-        isIfShow = ifShow(vue.unref(getValues));
-      }
-      return {
-        isShow,
-        isIfShow
-      };
-    }
-    function handleRules() {
-      const {
-        rules: defRules = [],
-        type = componentMap.FormCompEnum.INPUT,
-        rulesMessageJoinLabel,
-        label,
-        title,
-        dynamicRule,
-        required,
-        dynamicRuleAdd = true
-      } = __props.schema;
-      const _label = label || title;
-      if (utils.isFunction(dynamicRule) && !dynamicRuleAdd) {
-        return dynamicRule(vue.unref(getValues));
-      }
-      let rules = utils.cloneDeep(utils.isArray(defRules) ? defRules : [defRules]);
-      const {
-        rulesMessageJoinLabel: globalRulesMessageJoinLabel
-      } = __props.formProps;
-      const joinLabel = Reflect.has(__props.schema, "rulesMessageJoinLabel") ? rulesMessageJoinLabel : globalRulesMessageJoinLabel;
-      const defaultMsg = helper.createPlaceholderMessage(type, `${joinLabel ? _label : ""}`);
-      function validator(rule, value) {
-        const msg = rule.message || defaultMsg;
-        if (value === void 0 || utils.isNull(value) || type === componentMap.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 = utils.isFunction(required) ? required(vue.unref(getValues)) : required;
-      const isChangeFormType = [componentMap.FormCompEnum.RADIO, componentMap.FormCompEnum.SELECT, componentMap.FormCompEnum.RADIO, componentMap.FormCompEnum.RADIO_SINGLE, componentMap.FormCompEnum.RADIO_BUTTON, componentMap.FormCompEnum.CHECKBOX, componentMap.FormCompEnum.CHECKBOX_SINGLE, componentMap.FormCompEnum.CHECKBOX_BUTTON, componentMap.FormCompEnum.AUTOCOMPLETE, componentMap.FormCompEnum.Cascader, componentMap.FormCompEnum.ColorPicker, componentMap.FormCompEnum.Upload, componentMap.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();
-      }
-      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();
-        };
-      }
-      if (utils.isFunction(dynamicRule) && dynamicRuleAdd) {
-        let _dynamicRule = dynamicRule(vue.unref(getValues));
-        _dynamicRule = utils.isArray(_dynamicRule) ? _dynamicRule : [_dynamicRule];
-        rules = rules.concat(_dynamicRule);
-      }
-      return rules;
-    }
-    const elRef = vue.ref();
-    const renderComponent = () => {
-      const {
-        renderComponentContent,
-        type = componentMap.FormCompEnum.INPUT,
-        field,
-        changeEvent = "change",
-        valueField,
-        label,
-        title,
-        placeholderJoinLabel = true
-      } = __props.schema;
-      let special_event = changeEvent;
-      if (componentMap.isInput(type)) {
-        special_event = "input";
-      } else if (componentMap.isDatePicker(type) || type === componentMap.FormCompEnum.TIME_PICKER || [componentMap.FormCompEnum.INPUT_TAG, componentMap.FormCompEnum.AUTOCOMPLETE, componentMap.FormCompEnum.Cascader, componentMap.FormCompEnum.ColorPicker, componentMap.FormCompEnum.Slider].includes(type)) {
-        special_event = "update:modelValue";
-      } else if (type === componentMap.FormCompEnum.Upload) {
-        special_event = "update:fileList";
-      }
-      const eventKey = `on${utils.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);
-        }
-      };
-      const Comp = componentMap.getComponent(type);
-      const {
-        autoSetPlaceHolder,
-        size
-      } = __props.formProps;
-      const propsData = {
-        clearable: true,
-        ...vue.unref(getComponentsProps)
-      };
-      if (![componentMap.FormCompEnum.SEARCH].includes(type)) {
-        propsData.size = vue.unref(getComponentsProps)?.size || size;
-        propsData.disabled = vue.unref(getDisable);
-      }
-      const isCreatePlaceholder = !propsData.disabled && autoSetPlaceHolder;
-      if (isCreatePlaceholder && !componentMap.isRangePicker(type) && type) {
-        const _label = label || title;
-        propsData.placeholder = vue.unref(getComponentsProps)?.placeholder || helper.createPlaceholderMessage(type, placeholderJoinLabel && utils.isString(_label) ? _label : "");
-      }
-      const bindValue = {
-        [valueField || "model-value"]: __props.formModel[field]
-      };
-      const compAttr = {
-        ...on,
-        ...propsData,
-        ...bindValue
-      };
-      if (!renderComponentContent && type !== componentMap.FormCompEnum.Upload) {
-        return vue.createVNode(Comp, vue.mergeProps({
-          "ref": elRef
-        }, compAttr), null);
-      }
-      let compSlot;
-      compSlot = utils.isFunction(renderComponentContent) ? {
-        ...renderComponentContent({
-          ...vue.unref(getValues),
-          elRef
-        })
-      } : {
-        default: () => renderComponentContent
-      };
-      if (type === componentMap.FormCompEnum.Upload && !renderComponentContent) {
-        const {
-          drag
-        } = vue.unref(getComponentsProps);
-        compSlot = drag ? {
-          default: () => vue.createVNode(vue.resolveComponent("vft-icon"), {
-            "icon": "icon-arrow-upload"
-          }, null)
-        } : {
-          default: () => vue.createVNode(vue.resolveComponent("vft-button"), {
-            "type": "primary"
-          }, {
-            default: () => [vue.createVNode(vue.resolveComponent("vft-icon"), {
-              "icon": "icon-arrow-upload"
-            }, null)]
-          })
-        };
-      }
-      return vue.createVNode(Comp, vue.mergeProps({
-        "ref": elRef
-      }, compAttr), _isSlot(compSlot) ? compSlot : {
-        default: () => [compSlot]
-      });
-    };
-    function renderLabelHelpMessage() {
-      const {
-        showLabel = true,
-        label,
-        title,
-        subLabel,
-        labelRequired,
-        helpIcon,
-        helpTooltip
-      } = __props.schema;
-      let _label = label || title;
-      _label = labelRequired ? vue.createVNode("span", null, [vue.createVNode("span", {
-        "class": "label-required"
-      }, [vue.createTextVNode("*")]), vue.createVNode("span", null, [_label])]) : _label;
-      const renderHelpIcon = () => {
-        if (!helpIcon && !helpTooltip) return null;
-        const _icon = vue.computed(() => {
-          return utils.singleAttrToObj(helpIcon, "icon", {
-            size: 20,
-            pointer: true,
-            icon: "icon-help"
-          });
-        });
-        if (helpTooltip) {
-          const _tooltip = vue.computed(() => {
-            return utils.singleAttrToObj(helpTooltip, "content", {
-              placement: "right-start"
-            });
-          });
-          return vue.createVNode(index$3.VftTooltip, vue.mergeProps({
-            "className": "box-item"
-          }, _tooltip.value), {
-            default: () => [vue.createVNode(index$4.VftIcon, _icon.value, null)]
-          });
-        }
-        return vue.createVNode(index$4.VftIcon, _icon.value, null);
-      };
-      return showLabel && _label ? subLabel ? vue.createVNode("div", {
-        "class": "label-content"
-      }, [vue.createVNode("div", null, [_label, vue.createTextVNode(" "), vue.createVNode("span", {
-        "class": "sub-label"
-      }, [subLabel])]), renderHelpIcon()]) : vue.createVNode("div", {
-        "class": "label-content"
-      }, [vue.createVNode("div", null, [_label]), renderHelpIcon()]) : void 0;
-    }
-    const slots = vue.useSlots();
-    function getSlot(slots2, slot = "default", data) {
-      if (!slots2 || !Reflect.has(slots2, slot)) {
-        return null;
-      }
-      if (!utils.isFunction(slots2[slot])) {
-        console.error(`${slot} is not a function!`);
-        return null;
-      }
-      const slotFn = slots2[slot];
-      if (!slotFn) return null;
-      return slotFn(data);
-    }
-    function renderItem() {
-      const {
-        itemProps,
-        slot,
-        render,
-        field,
-        suffix,
-        prefix,
-        prefixParentStyle
-      } = __props.schema;
-      const {
-        autoCleanErrorMessage,
-        compFullWidth
-      } = __props.formProps;
-      const getContent = () => {
-        return slot ? getSlot(slots, slot, vue.unref(getValues)) : render ? render(vue.unref(getValues)) : renderComponent();
-      };
-      const showSuffix = !!suffix;
-      const showPrefix = !!prefix;
-      const getSuffix = utils.isFunction(suffix) ? suffix(vue.unref(getValues)) : suffix;
-      const getPrefix = utils.isFunction(prefix) ? prefix(vue.unref(getValues)) : prefix;
-      const onUpdateError = () => {
-        __props.updateSchema([{
-          field,
-          itemProps: {
-            error: ""
-          }
-        }]);
-      };
-      const renderFormItem = () => {
-        return vue.createVNode(index$5.VftFormItem, vue.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: () => [vue.createVNode("div", {
-            "class": ns.e("container")
-          }, [vue.createVNode("div", {
-            "class": ns.e("content")
-          }, [getContent(), showSuffix && vue.createVNode("span", {
-            "class": ns.m("suffix")
-          }, [getSuffix])])])],
-          label: renderLabelHelpMessage() ? () => renderLabelHelpMessage() : void 0
-        });
-      };
-      return showPrefix ? vue.createVNode("div", {
-        "style": prefixParentStyle
-      }, [vue.createVNode("span", {
-        "class": ns.m("prefix")
-      }, [getPrefix]), renderFormItem()]) : renderFormItem();
-    }
-    return () => {
-      let _slot2;
-      const {
-        colProps = {},
-        colSlot,
-        renderColContent,
-        type = componentMap.FormCompEnum.INPUT,
-        render,
-        quickColSpan: itemQuickColSpan
-      } = __props.schema;
-      if (!componentMap.getComponent(type) && !renderColContent && !render) {
-        return null;
-      }
-      const {
-        baseColProps = {},
-        quickColSpan
-      } = __props.formProps;
-      const col = quickColSpan ? {
-        span: Math.ceil(24 / quickColSpan),
-        ...baseColProps
-      } : {
-        ...baseColProps
-      };
-      const itemCol = itemQuickColSpan ? {
-        span: Math.ceil(24 / itemQuickColSpan),
-        ...colProps
-      } : {
-        ...colProps
-      };
-      const realColProps = {
-        ...col,
-        ...itemCol
-      };
-      const {
-        isIfShow,
-        isShow
-      } = getShow();
-      const values = vue.unref(getValues);
-      const getContent = () => {
-        return colSlot ? getSlot(slots, colSlot, values) : renderColContent ? renderColContent(values) : renderItem();
-      };
-      if (type === componentMap.FormCompEnum.DIVIDER) {
-        let _slot;
-        return vue.createVNode(index$1.VftCol, vue.mergeProps({
-          "span": 24
-        }, itemCol), {
-          default: () => [vue.createVNode(index$2.VftDivider, vue.unref(getComponentsProps), _isSlot(_slot = renderLabelHelpMessage()) ? _slot : {
-            default: () => [_slot]
-          })]
-        });
-      }
-      return isIfShow && (__props.formProps.customLayout ? getContent() : vue.withDirectives(vue.createVNode(index$1.VftCol, realColProps, _isSlot(_slot2 = getContent()) ? _slot2 : {
-        default: () => [_slot2]
-      }), [[vue.vShow, isShow]]));
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../alert/index.cjs");require("../avatar/index.cjs");require("../avatar-stack/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../cascader/index.cjs");require("../cascader-panel/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");const U=require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");const s=require("@vft/utils");require("../context-menu/context-menu.vue2.cjs");const j=require("../icon/index.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");const X=require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../footer-layout/index.cjs");const z=require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("../menu/index.cjs");require("../multiple-tabs/index.cjs");require("../notification/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../steps/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");const J=require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../autocomplete/index.cjs");require("../breadcrumb/index.cjs");require("../carousel/index.cjs");require("../collapse/index.cjs");require("../countdown/index.cjs");require("../input-tag/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../segmented/index.cjs");require("../statistic/index.cjs");require("./index.cjs");require("../timeline/index.cjs");require("../transfer/index.cjs");require("../upload/index.cjs");require("../watermark/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../infinite-scroll/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const W=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../progress-i/index.cjs");const r=require("./component-map.cjs"),B=require("./use/helper.cjs");function K(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const Y=e.defineComponent({inheritAttrs:!1}),Q=e.defineComponent({...Y,__name:"super-form-item",props:{schema:{},formProps:{},allDefaultValues:{},formModel:{},setFormModel:{},updateSchema:{},formActionType:{}},setup(n){const A=W.useNamespace("super-form"),P=e.computed(()=>{const{mergeDynamicData:t}=n.formProps;return{field:n.schema.field,model:n.formModel,values:{...t,...n.allDefaultValues,...n.formModel},schema:n.schema,elRef:S}}),x=e.computed(()=>{let{componentProps:t={}}=n.schema;s.isFunction(t)&&(t=t({schema:n.schema,formModel:n.formModel,formActionType:n.formActionType})??{});const o=new Map([[r.FormCompEnum.DIVIDER,{type:"horizontal"}],[r.FormCompEnum.TEXTAREA,{type:"textarea"}],[r.FormCompEnum.PASSWORD,{type:"password","show-password":!0}],[r.FormCompEnum.INPUT_NUMBER,{type:"number"}],[r.FormCompEnum.CHECKBOX_BUTTON,{useButton:!0}],[r.FormCompEnum.RADIO_BUTTON,{useButton:!0}],[r.FormCompEnum.YEAR_PICKER,{type:r.FormCompEnum.YEAR_PICKER}],[r.FormCompEnum.MONTH_PICKER,{type:r.FormCompEnum.MONTH_PICKER}],[r.FormCompEnum.DATE_PICKER,{type:r.FormCompEnum.DATE_PICKER}],[r.FormCompEnum.DATES_PICKER,{type:r.FormCompEnum.DATES_PICKER}],[r.FormCompEnum.DATETIME_PICKER,{type:r.FormCompEnum.DATETIME_PICKER}],[r.FormCompEnum.WEEK_PICKER,{type:r.FormCompEnum.WEEK_PICKER}],[r.FormCompEnum.TIMERANGE_PICKER,{type:r.FormCompEnum.TIME_PICKER,"is-range":!0,"start-placeholder":"开始时间","end-placeholder":"结束时间"}],[r.FormCompEnum.DATETIMERANGE_PICKER,{type:r.FormCompEnum.DATETIMERANGE_PICKER,"start-placeholder":"开始日期","end-placeholder":"结束日期"}],[r.FormCompEnum.DATERANGE_PICKER,{type:r.FormCompEnum.DATERANGE_PICKER,"start-placeholder":"开始日期","end-placeholder":"结束日期"}],[r.FormCompEnum.MONTHRANGE_PICKER,{type:r.FormCompEnum.MONTHRANGE_PICKER,"start-placeholder":"开始月份","end-placeholder":"结束月份"}]]);return o.has(n.schema.type)&&(t=Object.assign(o.get(n.schema.type)||{},t)),n.formProps.inputMaxLength&&[r.FormCompEnum.INPUT].includes(n.schema.type)&&!t?.maxlength&&(t.maxlength=n.formProps.inputMaxLength),t}),k=e.computed(()=>{const{disabled:t}=n.formProps,{dynamicDisabled:o}=n.schema,{disabled:a=!1}=e.unref(x);let m=!!t||a;return s.isBoolean(o)&&(m=o),s.isFunction(o)&&(m=o(e.unref(P))),m});function O(){const{show:t,ifShow:o}=n.schema;let a=!0,m=!0;return s.isBoolean(t)&&(a=t),s.isBoolean(o)&&(m=o),s.isFunction(t)&&(a=t(e.unref(P))),s.isFunction(o)&&(m=o(e.unref(P))),{isShow:a,isIfShow:m}}function H(){const{rules:t=[],type:o=r.FormCompEnum.INPUT,rulesMessageJoinLabel:a,label:m,title:C,dynamicRule:d,required:E,dynamicRuleAdd:f=!0}=n.schema,c=m||C;if(s.isFunction(d)&&!f)return d(e.unref(P));let i=s.cloneDeep(s.isArray(t)?t:[t]);const{rulesMessageJoinLabel:F}=n.formProps,R=Reflect.has(n.schema,"rulesMessageJoinLabel")?a:F,N=B.createPlaceholderMessage(o,`${R?c:""}`);function b(u,l){const V=u.message||N;return l===void 0||s.isNull(l)||o===r.FormCompEnum.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(V):Promise.resolve()}const p=s.isFunction(E)?E(e.unref(P)):E,I=[r.FormCompEnum.RADIO,r.FormCompEnum.SELECT,r.FormCompEnum.RADIO,r.FormCompEnum.RADIO_SINGLE,r.FormCompEnum.RADIO_BUTTON,r.FormCompEnum.CHECKBOX,r.FormCompEnum.CHECKBOX_SINGLE,r.FormCompEnum.CHECKBOX_BUTTON,r.FormCompEnum.AUTOCOMPLETE,r.FormCompEnum.Cascader,r.FormCompEnum.ColorPicker,r.FormCompEnum.Upload,r.FormCompEnum.Slider].includes(o);p&&(!i||i.length===0?i=[{required:p,validator:b,trigger:I?"change":"blur"}]:i.findIndex(l=>Reflect.has(l,"required"))===-1&&i.unshift({required:p,validator:b,trigger:I?"change":"blur"}));const T=i.findIndex(u=>Reflect.has(u,"required")&&!Reflect.has(u,"validator"));if(T!==-1){const u=i[T],{isShow:l}=O();l||(u.required=!1),o&&(u.message=u.message||N)}const q=i.findIndex(u=>u.min),h=i.findIndex(u=>u.max);function g(u,l,V="all"){const M=i[l],w=M.isNumber?isNaN(u)?u?.length||0:Number(u):u?.length||0;return["min","all"].includes(V)&&w<M.min?Promise.reject(c+"至少为"+M.min+"位"):["max","all"].includes(V)&&w>M.max?Promise.reject(c+"最多"+M.max+"位"):Promise.resolve()}(q!==-1||h!==-1)&&(q!==-1&&h!==-1&&!i[q].validator&&!i[q].message?i[q].validator=(u,l)=>g(l,q):q!==-1&&!i[q].validator&&!i[q].message?i[q].validator=(u,l)=>g(l,q,"min"):h!==-1&&!i[h].validator&&!i[h].message&&(i[h].validator=(u,l)=>g(l,h,"max")));const y=i.findIndex(u=>u.len);if(y!==-1&&(i[y].validator=(u,l)=>l.length!==i[y].len?Promise.reject(c+"必须是"+i[y].len+"位"):Promise.resolve()),s.isFunction(d)&&f){let u=d(e.unref(P));u=s.isArray(u)?u:[u],i=i.concat(u)}return i}const S=e.ref(),G=()=>{const{renderComponentContent:t,type:o=r.FormCompEnum.INPUT,field:a,changeEvent:m="change",valueField:C,label:d,title:E,placeholderJoinLabel:f=!0}=n.schema;let c=m;r.isInput(o)?c="input":r.isDatePicker(o)||o===r.FormCompEnum.TIME_PICKER||[r.FormCompEnum.INPUT_TAG,r.FormCompEnum.AUTOCOMPLETE,r.FormCompEnum.Cascader,r.FormCompEnum.ColorPicker,r.FormCompEnum.Slider].includes(o)?c="update:modelValue":o===r.FormCompEnum.Upload&&(c="update:fileList");const i=`on${s.upperFirst(c)}`,F={[i]:(...g)=>{const[y]=g;p[i]&&p[i](...g);const u=y?y.target:null,l=u?u.value:y;n.setFormModel(a,l,n.schema)}},R=r.getComponent(o),{autoSetPlaceHolder:N,size:b}=n.formProps,p={clearable:!0,...e.unref(x)};if([r.FormCompEnum.SEARCH].includes(o)||(p.size=e.unref(x)?.size||b,p.disabled=e.unref(k)),!p.disabled&&N&&!r.isRangePicker(o)&&o){const g=d||E;p.placeholder=e.unref(x)?.placeholder||B.createPlaceholderMessage(o,f&&s.isString(g)?g:"")}const T={[C||"model-value"]:n.formModel[a]},q={...F,...p,...T};if(!t&&o!==r.FormCompEnum.Upload)return e.createVNode(R,e.mergeProps({ref:S},q),null);let h;if(h=s.isFunction(t)?{...t({...e.unref(P),elRef:S})}:{default:()=>t},o===r.FormCompEnum.Upload&&!t){const{drag:g}=e.unref(x);h=g?{default:()=>e.createVNode(e.resolveComponent("vft-icon"),{icon:"icon-arrow-upload"},null)}:{default:()=>e.createVNode(e.resolveComponent("vft-button"),{type:"primary"},{default:()=>[e.createVNode(e.resolveComponent("vft-icon"),{icon:"icon-arrow-upload"},null)]})}}return e.createVNode(R,e.mergeProps({ref:S},q),K(h)?h:{default:()=>[h]})};function D(){const{showLabel:t=!0,label:o,title:a,subLabel:m,labelRequired:C,helpIcon:d,helpTooltip:E}=n.schema;let f=o||a;f=C?e.createVNode("span",null,[e.createVNode("span",{class:"label-required"},[e.createTextVNode("*")]),e.createVNode("span",null,[f])]):f;const c=()=>{if(!d&&!E)return null;const i=e.computed(()=>s.singleAttrToObj(d,"icon",{size:20,pointer:!0,icon:"icon-help"}));if(E){const F=e.computed(()=>s.singleAttrToObj(E,"content",{placement:"right-start"}));return e.createVNode(J.VftTooltip,e.mergeProps({className:"box-item"},F.value),{default:()=>[e.createVNode(j.VftIcon,i.value,null)]})}return e.createVNode(j.VftIcon,i.value,null)};return t&&f?m?e.createVNode("div",{class:"label-content"},[e.createVNode("div",null,[f,e.createTextVNode(" "),e.createVNode("span",{class:"sub-label"},[m])]),c()]):e.createVNode("div",{class:"label-content"},[e.createVNode("div",null,[f]),c()]):void 0}const v=e.useSlots();function L(t,o="default",a){if(!t||!Reflect.has(t,o))return null;if(!s.isFunction(t[o]))return console.error(`${o} is not a function!`),null;const m=t[o];return m?m(a):null}function $(){const{itemProps:t,slot:o,render:a,field:m,suffix:C,prefix:d,prefixParentStyle:E}=n.schema,{autoCleanErrorMessage:f,compFullWidth:c}=n.formProps,i=()=>o?L(v,o,e.unref(P)):a?a(e.unref(P)):G(),F=!!C,R=!!d,N=s.isFunction(C)?C(e.unref(P)):C,b=s.isFunction(d)?d(e.unref(P)):d,p=()=>{n.updateSchema([{field:m,itemProps:{error:""}}])},I=()=>e.createVNode(z.VftFormItem,e.mergeProps({style:{marginRight:n.formProps.customLayout?"10px":0},prop:m,class:[{[A.is("suffix")]:F},{[A.is("comp-full-width")]:c},A.e("item")]},t,{label:t?.label||t?.title,"onUpdate:error":f?p:()=>{},rules:H()}),{default:()=>[e.createVNode("div",{class:A.e("container")},[e.createVNode("div",{class:A.e("content")},[i(),F&&e.createVNode("span",{class:A.m("suffix")},[N])])])],label:D()?()=>D():void 0});return R?e.createVNode("div",{style:E},[e.createVNode("span",{class:A.m("prefix")},[b]),I()]):I()}return()=>{let t;const{colProps:o={},colSlot:a,renderColContent:m,type:C=r.FormCompEnum.INPUT,render:d,quickColSpan:E}=n.schema;if(!r.getComponent(C)&&!m&&!d)return null;const{baseColProps:f={},quickColSpan:c}=n.formProps,i=c?{span:Math.ceil(24/c),...f}:{...f},F=E?{span:Math.ceil(24/E),...o}:{...o},R={...i,...F},{isIfShow:N,isShow:b}=O(),p=e.unref(P),I=()=>a?L(v,a,p):m?m(p):$();if(C===r.FormCompEnum.DIVIDER){let T;return e.createVNode(U.VftCol,e.mergeProps({span:24},F),{default:()=>[e.createVNode(X.VftDivider,e.unref(x),K(T=D())?T:{default:()=>[T]})]})}return N&&(n.formProps.customLayout?I():e.withDirectives(e.createVNode(U.VftCol,R,K(t=I())?t:{default:()=>[t]}),[[e.vShow,b]]))}}});exports.default=Q;

package/lib/components/super-form/super-form.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const superForm_vue_vue_type_script_setup_true_lang = require("./super-form.vue2.cjs");
-exports.default = superForm_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./super-form.vue2.cjs");exports.default=e.default;