vft 0.0.374 → 0.0.375

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

@@ -1 +1,387 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("../col/index.cjs"),J=require("../form/index.cjs"),Q=require("../row/index.cjs"),x=require("@vueuse/core"),f=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const X=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Y=require("./super-form-action.vue2.cjs"),Z=require("./super-form-item.vue2.cjs"),ee=require("./use/use-auto-focus.cjs"),te=require("./use/use-form-context.cjs"),oe=require("./use/use-form-events.cjs"),ne=require("./use/use-form-values.cjs"),re=e.defineComponent({name:"vft-super-form"}),ue=e.defineComponent({...re,props:{size:{default:"default"},rowProps:{default:{gutter:20}},baseColProps:{},quickColSpan:{default:3},autoSetPlaceHolder:{type:Boolean,default:!0},schemas:{},autoFocusFirstItem:{type:Boolean,default:!1},submitOnReset:{type:Boolean},mergeDynamicData:{},fieldMapToTime:{},autoSubmitOnEnter:{type:Boolean,default:!0},rulesMessageJoinLabel:{type:Boolean,default:!0},submitOnChange:{type:Boolean},showActionButtonGroup:{type:Boolean,default:!0},autoCleanErrorMessage:{type:Boolean,default:!0},beforeSubmitFunc:{},submitFunc:{},watchDataIsChange:{type:Boolean},compFullWidth:{type:Boolean,default:!1},actionInline:{type:Boolean,default:!1},resetFunc:{},customLayout:{type:Boolean,default:!1},showResetButton:{type:Boolean,default:!1},showSubmitButton:{type:Boolean,default:!0},showCommonButton:{type:Boolean,default:!1},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{},inputMaxLength:{},submitResetReverse:{type:Boolean},labelPosition:{default:"right"},disabled:{type:Boolean},model:{},rules:{},requireAsteriskPosition:{default:"left"},labelWidth:{default:"auto"},labelSuffix:{},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean},scrollIntoViewOptions:{type:Boolean}},emits:["register","reset","submit","field-value-change","common-btn-click"],setup(T,{expose:L,emit:$}){const N=X.useNamespace("super-form"),k=T,p=$,G=e.useAttrs(),s=e.reactive({}),d=e.ref({}),i=e.ref(!1),c=e.ref({}),w=e.ref(),B=e.ref(null),C=e.ref(),o=e.computed(()=>({...k,...e.unref(c)})),l=e.computed(()=>({...G,...k,...e.unref(o)})),u=e.computed(()=>{const t=e.unref(w);return f.cloneDeep(t)}),{handleFormValues:S,initDefault:q}=ne.useFormValues({getProps:o,defaultValueRef:d,getSchema:u,formModel:s});ee.useAutoFocus({getSchema:u,getProps:o,isInitedDefault:i,formElRef:B});const{handleSubmit:a,setFieldsValue:h,clearValidate:_,validate:R,validateField:P,getFieldsValue:v,updateSchema:y,resetSchema:m,appendSchemaByField:A,removeSchemaByField:O,resetFields:g,scrollToField:z,getFieldValue:E,setFormItemError:V}=oe.useFormEvents({emit:p,getProps:o,formModel:s,getSchema:u,defaultValueRef:d,formElRef:B,schemaRef:w,handleFormValues:S,initValues:C});te.createFormContext({resetAction:g,submitAction:a,commonAction:()=>p("common-btn-click")}),e.watch(()=>e.unref(o).model,()=>{const{model:t}=e.unref(o);t&&h(t)},{immediate:!0}),e.watch(()=>e.unref(o).schemas,(t,n)=>{f.isEqual(t,n)||m(t??[])}),e.watch(()=>u.value,t=>{e.nextTick(()=>{}),!e.unref(i)&&t?.length&&(q(),i.value=!0,o.value?.watchDataIsChange&&x.useTimeoutFn(()=>{C.value=v()},40))}),e.watch(()=>s,x.useDebounceFn(()=>{e.unref(o).submitOnChange&&a()},300),{deep:!0});async function M(t){c.value=f.deepMerge(e.unref(c)||{},t),i.value||(m(c.value?.schemas??[]),q())}function H(t,n,r){s[t]=n,r&&r.itemProps}function j(t){const{autoSubmitOnEnter:n}=e.unref(o);if(n&&t.key==="Enter"&&t.target&&t.target instanceof HTMLElement){const r=t.target;r&&r.tagName&&r.tagName.toUpperCase()==="INPUT"&&a()}}const I={getFieldsValue:v,getFieldValue:E,setFieldsValue:h,resetFields:g,updateSchema:y,resetSchema:m,setProps:M,removeSchemaByField:O,appendSchemaByField:A,clearValidate:_,validateField:P,setFormItemError:V,validate:R,submit:a,scrollToField:z};p("register",I);const K=e.computed(()=>f.pick(o.value,["showResetButton","showCommonButton","showSubmitButton","resetButtonOptions","submitButtonOptions","commonButtonOptions","actionRowOptions","actionSpan","submitResetReverse"])),b=e.useSlots(),F=t=>t?e.h(Y.default,K.value,{resetBefore:n=>b.resetBefore?.(n),submitBefore:n=>b.submitBefore?.(n),submitAfter:n=>b.submitAfter?.(n)}):null;return L({getFieldsValue:v,getFieldValue:E,setFieldsValue:h,resetFields:g,updateSchema:y,resetSchema:m,setProps:M,removeSchemaByField:O,appendSchemaByField:A,clearValidate:_,validateField:P,validate:R,submit:a,getSchema:u,setFormItemError:V,formModel:e.computed(()=>S(s))}),(t,n)=>u.value?.length?(e.openBlock(),e.createBlock(e.unref(J.VftForm),e.mergeProps({key:0},l.value,{ref_key:"formElRef",ref:B,class:e.unref(N).b(),model:s,onSubmit:n[0]||(n[0]=e.withModifiers(()=>{},["prevent"])),onKeypress:e.withKeys(j,["enter"])}),{default:e.withCtx(()=>[u.value?.length?(e.openBlock(),e.createBlock(e.unref(Q.VftRow),e.normalizeProps(e.mergeProps({key:0},l.value?.rowProps)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"formHeader"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,r=>(e.openBlock(),e.createBlock(Z.default,{key:r.field,"form-action-type":I,schema:r,"form-props":o.value,"all-default-values":d.value,"form-model":s,"set-form-model":H,"update-schema":e.unref(y)},e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),D=>({name:D,fn:e.withCtx(U=>[e.renderSlot(t.$slots,D,e.mergeProps({ref_for:!0},U||{}))])}))]),1032,["schema","form-props","all-default-values","form-model","update-schema"]))),128)),o.value?.customLayout?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(F(o.value?.showActionButtonGroup&&o.value?.actionInline)),{key:1})):(e.openBlock(),e.createBlock(e.unref(W.VftCol),e.normalizeProps(e.mergeProps({key:0},l.value?.quickColSpan?{span:Math.ceil(24/l.value?.quickColSpan),...l.value?.baseColProps}:{})),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(F(o.value?.showActionButtonGroup&&o.value?.actionInline))))]),_:1},16))]),_:3},16)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(F(o.value?.showActionButtonGroup&&!o.value?.actionInline)))),e.renderSlot(t.$slots,"formFooter")]),_:3},16,["class","model"])):e.createCommentVNode("",!0)}});exports.default=ue;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$3 = require("../col/index.cjs");
+const index$1 = require("../form/index.cjs");
+const index$2 = require("../row/index.cjs");
+const core = require("@vueuse/core");
+const utils = require("@vft/utils");
+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");
+const superFormAction_vue_vue_type_script_setup_true_lang = require("./super-form-action.vue2.cjs");
+const superFormItem_vue_vue_type_script_setup_true_lang = require("./super-form-item.vue2.cjs");
+const useAutoFocus = require("./use/use-auto-focus.cjs");
+const useFormContext = require("./use/use-form-context.cjs");
+const useFormEvents = require("./use/use-form-events.cjs");
+const useFormValues = require("./use/use-form-values.cjs");
+const __default__ = vue.defineComponent({
+  name: "vft-super-form"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    size: {
+      default: "default"
+    },
+    rowProps: {
+      default: {
+        gutter: 20
+      }
+    },
+    baseColProps: {},
+    quickColSpan: {
+      default: 3
+    },
+    autoSetPlaceHolder: {
+      type: Boolean,
+      default: true
+    },
+    schemas: {},
+    autoFocusFirstItem: {
+      type: Boolean,
+      default: false
+    },
+    submitOnReset: {
+      type: Boolean
+    },
+    mergeDynamicData: {},
+    fieldMapToTime: {},
+    autoSubmitOnEnter: {
+      type: Boolean,
+      default: true
+    },
+    rulesMessageJoinLabel: {
+      type: Boolean,
+      default: true
+    },
+    submitOnChange: {
+      type: Boolean
+    },
+    showActionButtonGroup: {
+      type: Boolean,
+      default: true
+    },
+    autoCleanErrorMessage: {
+      type: Boolean,
+      default: true
+    },
+    beforeSubmitFunc: {},
+    submitFunc: {},
+    watchDataIsChange: {
+      type: Boolean
+    },
+    compFullWidth: {
+      type: Boolean,
+      default: false
+    },
+    actionInline: {
+      type: Boolean,
+      default: false
+    },
+    resetFunc: {},
+    customLayout: {
+      type: Boolean,
+      default: false
+    },
+    showResetButton: {
+      type: Boolean,
+      default: false
+    },
+    showSubmitButton: {
+      type: Boolean,
+      default: true
+    },
+    showCommonButton: {
+      type: Boolean,
+      default: false
+    },
+    resetButtonOptions: {},
+    submitButtonOptions: {},
+    commonButtonOptions: {},
+    actionRowOptions: {},
+    inputMaxLength: {},
+    submitResetReverse: {
+      type: Boolean
+    },
+    labelPosition: {
+      default: "right"
+    },
+    disabled: {
+      type: Boolean
+    },
+    model: {},
+    rules: {},
+    requireAsteriskPosition: {
+      default: "left"
+    },
+    labelWidth: {
+      default: "auto"
+    },
+    labelSuffix: {},
+    inline: {
+      type: Boolean
+    },
+    inlineMessage: {
+      type: Boolean
+    },
+    statusIcon: {
+      type: Boolean
+    },
+    showMessage: {
+      type: Boolean,
+      default: true
+    },
+    validateOnRuleChange: {
+      type: Boolean,
+      default: true
+    },
+    hideRequiredAsterisk: {
+      type: Boolean,
+      default: false
+    },
+    scrollToError: {
+      type: Boolean
+    },
+    scrollIntoViewOptions: {
+      type: Boolean
+    }
+  },
+  emits: ["register", "reset", "submit", "field-value-change", "common-btn-click"],
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
+  }) {
+    const ns = index.useNamespace("super-form");
+    const props = __props;
+    const emit = __emit;
+    const attrs = vue.useAttrs();
+    const formModel = vue.reactive({});
+    const defaultValueRef = vue.ref({});
+    const isInitedDefaultRef = vue.ref(false);
+    const propsRef = vue.ref({});
+    const schemaRef = vue.ref();
+    const formElRef = vue.ref(null);
+    const initValues = vue.ref();
+    const getProps = vue.computed(() => {
+      return {
+        ...props,
+        ...vue.unref(propsRef)
+      };
+    });
+    const getBindValue = vue.computed(() => ({
+      ...attrs,
+      ...props,
+      ...vue.unref(getProps)
+    }));
+    const getSchema = vue.computed(() => {
+      const schemas = vue.unref(schemaRef);
+      return utils.cloneDeep(schemas);
+    });
+    const {
+      handleFormValues,
+      initDefault
+    } = useFormValues.useFormValues({
+      getProps,
+      defaultValueRef,
+      getSchema,
+      formModel
+    });
+    useAutoFocus.useAutoFocus({
+      getSchema,
+      getProps,
+      isInitedDefault: isInitedDefaultRef,
+      formElRef
+    });
+    const {
+      handleSubmit,
+      setFieldsValue,
+      clearValidate,
+      validate,
+      validateField,
+      getFieldsValue,
+      updateSchema,
+      resetSchema,
+      appendSchemaByField,
+      removeSchemaByField,
+      resetFields,
+      scrollToField,
+      getFieldValue,
+      setFormItemError
+    } = useFormEvents.useFormEvents({
+      emit,
+      getProps,
+      formModel,
+      getSchema,
+      defaultValueRef,
+      formElRef,
+      schemaRef,
+      handleFormValues,
+      initValues
+    });
+    useFormContext.createFormContext({
+      resetAction: resetFields,
+      submitAction: handleSubmit,
+      commonAction: () => emit("common-btn-click")
+    });
+    vue.watch(() => vue.unref(getProps).model, () => {
+      const {
+        model
+      } = vue.unref(getProps);
+      if (!model) return;
+      setFieldsValue(model);
+    }, {
+      immediate: true
+    });
+    vue.watch(() => vue.unref(getProps).schemas, (schemas, oldSchemas) => {
+      if (!utils.isEqual(schemas, oldSchemas)) {
+        resetSchema(schemas ?? []);
+      }
+    });
+    vue.watch(() => getSchema.value, (schema) => {
+      vue.nextTick(() => {
+      });
+      if (vue.unref(isInitedDefaultRef)) {
+        return;
+      }
+      if (schema?.length) {
+        initDefault();
+        isInitedDefaultRef.value = true;
+        if (getProps.value?.watchDataIsChange) {
+          core.useTimeoutFn(() => {
+            initValues.value = getFieldsValue();
+          }, 40);
+        }
+      }
+    });
+    vue.watch(() => formModel, core.useDebounceFn(() => {
+      vue.unref(getProps).submitOnChange && handleSubmit();
+    }, 300), {
+      deep: true
+    });
+    async function setProps(formProps) {
+      propsRef.value = utils.deepMerge(vue.unref(propsRef) || {}, formProps);
+      if (!isInitedDefaultRef.value) {
+        resetSchema(propsRef.value?.schemas ?? []);
+        initDefault();
+      }
+    }
+    function setFormModel(key, value, schema) {
+      formModel[key] = value;
+      if (schema && schema.itemProps) ;
+    }
+    function handleEnterPress(e) {
+      const {
+        autoSubmitOnEnter
+      } = vue.unref(getProps);
+      if (!autoSubmitOnEnter) return;
+      if (e.key === "Enter" && e.target && e.target instanceof HTMLElement) {
+        const target = e.target;
+        if (target && target.tagName && target.tagName.toUpperCase() === "INPUT") {
+          handleSubmit();
+        }
+      }
+    }
+    const formActionType = {
+      getFieldsValue,
+      getFieldValue,
+      setFieldsValue,
+      resetFields,
+      updateSchema,
+      resetSchema,
+      setProps,
+      removeSchemaByField,
+      appendSchemaByField,
+      clearValidate,
+      validateField,
+      setFormItemError,
+      validate,
+      submit: handleSubmit,
+      scrollToField
+    };
+    emit("register", formActionType);
+    const getFormActionBindProps = vue.computed(() => utils.pick(getProps.value, ["showResetButton", "showCommonButton", "showSubmitButton", "resetButtonOptions", "submitButtonOptions", "commonButtonOptions", "actionRowOptions", "actionSpan", "submitResetReverse"]));
+    const slots = vue.useSlots();
+    const renderFormAction = (show) => {
+      if (!show) return null;
+      return vue.h(superFormAction_vue_vue_type_script_setup_true_lang.default, getFormActionBindProps.value, {
+        resetBefore: (data) => slots.resetBefore?.(data),
+        submitBefore: (data) => slots.submitBefore?.(data),
+        submitAfter: (data) => slots.submitAfter?.(data)
+      });
+    };
+    __expose({
+      getFieldsValue,
+      getFieldValue,
+      setFieldsValue,
+      resetFields,
+      updateSchema,
+      resetSchema,
+      setProps,
+      removeSchemaByField,
+      appendSchemaByField,
+      clearValidate,
+      validateField,
+      validate,
+      submit: handleSubmit,
+      getSchema,
+      setFormItemError,
+      formModel: vue.computed(() => handleFormValues(formModel))
+    });
+    return (_ctx, _cache) => {
+      return getSchema.value?.length ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftForm), vue.mergeProps({
+        key: 0
+      }, getBindValue.value, {
+        ref_key: "formElRef",
+        ref: formElRef,
+        class: vue.unref(ns).b(),
+        model: formModel,
+        onSubmit: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+        }, ["prevent"])),
+        onKeypress: vue.withKeys(handleEnterPress, ["enter"])
+      }), {
+        default: vue.withCtx(() => [getSchema.value?.length ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.VftRow), vue.normalizeProps(vue.mergeProps({
+          key: 0
+        }, getBindValue.value?.rowProps)), {
+          default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "formHeader"), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getSchema.value, (schema) => {
+            return vue.openBlock(), vue.createBlock(superFormItem_vue_vue_type_script_setup_true_lang.default, {
+              key: schema.field,
+              "form-action-type": formActionType,
+              schema,
+              "form-props": getProps.value,
+              "all-default-values": defaultValueRef.value,
+              "form-model": formModel,
+              "set-form-model": setFormModel,
+              "update-schema": vue.unref(updateSchema)
+            }, vue.createSlots({
+              _: 2
+            }, [vue.renderList(Object.keys(_ctx.$slots), (item) => {
+              return {
+                name: item,
+                fn: vue.withCtx((data) => [vue.renderSlot(_ctx.$slots, item, vue.mergeProps({
+                  ref_for: true
+                }, data || {}))])
+              };
+            })]), 1032, ["schema", "form-props", "all-default-values", "form-model", "update-schema"]);
+          }), 128)), !getProps.value?.customLayout ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.VftCol), vue.normalizeProps(vue.mergeProps({
+            key: 0
+          }, getBindValue.value?.quickColSpan ? {
+            span: Math.ceil(24 / getBindValue.value?.quickColSpan),
+            ...getBindValue.value?.baseColProps
+          } : {})), {
+            default: vue.withCtx(() => [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderFormAction(getProps.value?.showActionButtonGroup && getProps.value?.actionInline))))]),
+            _: 1
+          }, 16)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderFormAction(getProps.value?.showActionButtonGroup && getProps.value?.actionInline)), {
+            key: 1
+          }))]),
+          _: 3
+        }, 16)) : vue.createCommentVNode("", true), (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderFormAction(getProps.value?.showActionButtonGroup && !getProps.value?.actionInline)))), vue.renderSlot(_ctx.$slots, "formFooter")]),
+        _: 3
+      }, 16, ["class", "model"])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/super-form/use/helper.cjs

@@ -1 +1,61 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vft/utils"),m=require("../component-map.cjs");function n(r,o=""){return o=(o||"").replace(":","")||"",[m.FormCompEnum.INPUT,m.FormCompEnum.INPUT_NUMBER,m.FormCompEnum.TEXTAREA,m.FormCompEnum.AUTOCOMPLETE].includes(r)?"请输入"+o:[m.FormCompEnum.PASSWORD].includes(r)?"请输入密码":[m.FormCompEnum.SELECT,m.FormCompEnum.RADIO,m.FormCompEnum.RADIO_SINGLE,m.FormCompEnum.RADIO_BUTTON,m.FormCompEnum.Cascader,m.FormCompEnum.ColorPicker,m.FormCompEnum.CHECKBOX,m.FormCompEnum.CHECKBOX_BUTTON].includes(r)?"请选择"+o:[m.FormCompEnum.CHECKBOX_SINGLE].includes(r)?"请勾选"+o:[m.FormCompEnum.SEARCH].includes(r)?"请输入要搜索的内容":[m.FormCompEnum.INPUT_TAG].includes(r)?"请输入标签内容":[m.FormCompEnum.Upload].includes(r)?"请选择上传文件":[m.FormCompEnum.Slider].includes(r)?"请拖动滑块":[m.FormCompEnum.TIME_PICKER,m.FormCompEnum.YEAR_PICKER,m.FormCompEnum.MONTH_PICKER,m.FormCompEnum.DATE_PICKER,m.FormCompEnum.DATES_PICKER,m.FormCompEnum.DATETIME_PICKER,m.FormCompEnum.WEEK_PICKER,m.FormCompEnum.DATETIMERANGE_PICKER,m.FormCompEnum.DATERANGE_PICKER,m.FormCompEnum.MONTHRANGE_PICKER].includes(r)?"请选择时间":""}function E(r,o){return r&&m.isInput(r)&&o&&u.isNumber(o)?`${o}`:o}exports.createPlaceholderMessage=n;exports.handleInputNumberValue=E;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const componentMap = require("../component-map.cjs");
+function createPlaceholderMessage(type, label = "") {
+  label = (label || "").replace(":", "") || "";
+  if ([
+    componentMap.FormCompEnum.INPUT,
+    componentMap.FormCompEnum.INPUT_NUMBER,
+    componentMap.FormCompEnum.TEXTAREA,
+    componentMap.FormCompEnum.AUTOCOMPLETE
+  ].includes(type)) {
+    return "请输入" + label;
+  } else if ([componentMap.FormCompEnum.PASSWORD].includes(type)) {
+    return "请输入密码";
+  } else if ([
+    componentMap.FormCompEnum.SELECT,
+    componentMap.FormCompEnum.RADIO,
+    componentMap.FormCompEnum.RADIO_SINGLE,
+    componentMap.FormCompEnum.RADIO_BUTTON,
+    componentMap.FormCompEnum.Cascader,
+    componentMap.FormCompEnum.ColorPicker,
+    componentMap.FormCompEnum.CHECKBOX,
+    componentMap.FormCompEnum.CHECKBOX_BUTTON
+  ].includes(type)) {
+    return "请选择" + label;
+  } else if ([componentMap.FormCompEnum.CHECKBOX_SINGLE].includes(type)) {
+    return "请勾选" + label;
+  } else if ([componentMap.FormCompEnum.SEARCH].includes(type)) {
+    return "请输入要搜索的内容";
+  } else if ([componentMap.FormCompEnum.INPUT_TAG].includes(type)) {
+    return "请输入标签内容";
+  } else if ([componentMap.FormCompEnum.Upload].includes(type)) {
+    return "请选择上传文件";
+  } else if ([componentMap.FormCompEnum.Slider].includes(type)) {
+    return "请拖动滑块";
+  } else if ([
+    componentMap.FormCompEnum.TIME_PICKER,
+    componentMap.FormCompEnum.YEAR_PICKER,
+    componentMap.FormCompEnum.MONTH_PICKER,
+    componentMap.FormCompEnum.DATE_PICKER,
+    componentMap.FormCompEnum.DATES_PICKER,
+    componentMap.FormCompEnum.DATETIME_PICKER,
+    componentMap.FormCompEnum.WEEK_PICKER,
+    componentMap.FormCompEnum.DATETIMERANGE_PICKER,
+    componentMap.FormCompEnum.DATERANGE_PICKER,
+    componentMap.FormCompEnum.MONTHRANGE_PICKER
+  ].includes(type)) {
+    return "请选择时间";
+  }
+  return "";
+}
+function handleInputNumberValue(type, val) {
+  if (!type) return val;
+  if (componentMap.isInput(type)) {
+    return val && utils.isNumber(val) ? `${val}` : val;
+  }
+  return val;
+}
+exports.createPlaceholderMessage = createPlaceholderMessage;
+exports.handleInputNumberValue = handleInputNumberValue;

package/lib/components/super-form/use/use-auto-focus.cjs

@@ -1 +1,33 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),f=require("../component-map.cjs");async function a({getSchema:o,getProps:c,formElRef:s,isInitedDefault:i}){t.watchEffect(async()=>{if(t.unref(i)||!t.unref(c).autoFocusFirstItem)return;await t.nextTick();const e=t.unref(o),r=t.unref(s),n=r?.$el;if(!r||!n||!e||e.length===0||e[0].type!==f.FormCompEnum.INPUT)return;const u=n.querySelector(".vft-row:first-child input");u&&u?.focus()})}exports.useAutoFocus=a;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const componentMap = require("../component-map.cjs");
+async function useAutoFocus({
+  getSchema,
+  getProps,
+  formElRef,
+  isInitedDefault
+}) {
+  vue.watchEffect(async () => {
+    if (vue.unref(isInitedDefault) || !vue.unref(getProps).autoFocusFirstItem) {
+      return;
+    }
+    await vue.nextTick();
+    const schemas = vue.unref(getSchema);
+    const formEl = vue.unref(formElRef);
+    const el = formEl?.$el;
+    if (!formEl || !el || !schemas || schemas.length === 0) {
+      return;
+    }
+    const firstItem = schemas[0];
+    if (firstItem.type !== componentMap.FormCompEnum.INPUT) {
+      return;
+    }
+    const inputEl = el.querySelector(
+      ".vft-row:first-child input"
+    );
+    if (!inputEl) return;
+    inputEl?.focus();
+  });
+}
+exports.useAutoFocus = useAutoFocus;

package/lib/components/super-form/use/use-form-context.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vft/use"),t=Symbol();function r(o){return e.createContext(o,t)}function n(){return e.useContext(t)}exports.createFormContext=r;exports.useFormContext=n;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const use = require("@vft/use");
+const key = Symbol();
+function createFormContext(context) {
+  return use.createContext(context, key);
+}
+function useFormContext() {
+  return use.useContext(key);
+}
+exports.createFormContext = createFormContext;
+exports.useFormContext = useFormContext;