vft 0.0.144 → 0.0.145

package/lib/components/super-form/super-form.vue.d.ts

@@ -5,6 +5,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"" | "default" | "small" | "large">;
         default: string;
     };
+    inline: {
+        type: import("vue").PropType<boolean>;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     };
@@ -30,11 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"left" | "right">;
         default: string;
     };
-    inline: {
-        type: import("vue").PropType<boolean>;
-    };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top">;
+        type: import("vue").PropType<"top" | "left" | "right">;
         default: string;
     };
     model: {
@@ -79,7 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
     };
     mergeDynamicData: {
-        type: import("vue").PropType<any>;
+        type: import("vue").PropType<import("../types").Recordable>;
     };
     fieldMapToTime: {
         type: import("vue").PropType<import("vft/es/components").FieldMapToTime>;
@@ -147,9 +147,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<Partial<import("vft/es/components").RowProps>>;
     };
 }, {
-    getFieldsValue: () => Recordable;
-    getFieldValue: (field: string) => any;
-    setFieldsValue: (values: Recordable) => Promise<void>;
+    getFieldsValue: () => import("../types").Recordable;
+    getFieldValue: (field: string) => string | number | import("../types").Recordable;
+    setFieldsValue: (values: import("../types").Recordable) => Promise<void>;
     resetFields: (props: any) => Promise<void>;
     updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
     resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
@@ -162,15 +162,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     submit: (e?: Event | undefined) => Promise<void>;
     getSchema: import("vue").ComputedRef<FormSchema[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    register: (args_0: Partial<FormActionType>) => void;
     reset: () => void;
     submit: () => void;
-    'field-value-change': () => void;
+    register: (args_0: Partial<FormActionType>) => void;
+    "field-value-change": () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
         default: string;
     };
+    inline: {
+        type: import("vue").PropType<boolean>;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     };
@@ -196,11 +199,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"left" | "right">;
         default: string;
     };
-    inline: {
-        type: import("vue").PropType<boolean>;
-    };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top">;
+        type: import("vue").PropType<"top" | "left" | "right">;
         default: string;
     };
     model: {
@@ -245,7 +245,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
     };
     mergeDynamicData: {
-        type: import("vue").PropType<any>;
+        type: import("vue").PropType<import("../types").Recordable>;
     };
     fieldMapToTime: {
         type: import("vue").PropType<import("vft/es/components").FieldMapToTime>;
@@ -323,7 +323,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     showMessage: boolean;
     hideRequiredAsterisk: boolean;
     requireAsteriskPosition: "left" | "right";
-    labelPosition: "left" | "right" | "top";
+    labelPosition: "top" | "left" | "right";
     validateOnRuleChange: boolean;
     rowProps: import("vft/es/components").RowProps;
     quickColSpan: number;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/utils");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/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/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("../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");const ee=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("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("./index.cjs");require("../upload/index.cjs");require("../carousel/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");const G=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const re=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const te=require("./component-map.cjs"),H=require("./super-form-action.vue2.cjs"),oe=require("./super-form-item.vue2.cjs"),ue=require("./use/use-auto-focus.cjs"),ne=require("./use/use-form-context.cjs"),ie=require("./use/use-form-events.cjs"),ae=require("./use/use-form-values.cjs"),le=re.useNamespace("super-form"),se=e.defineComponent({name:"vft-super-form"}),ce=e.defineComponent({...se,props:{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},beforeSubmitFunc:{},submitFunc:{},watchDataIsChange:{type:Boolean},compFullWidth:{type:Boolean,default:!1},actionInline:{type:Boolean,default:!1},resetFunc:{},size:{default:"default"},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},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},showResetButton:{type:Boolean,default:!1},showSubmitButton:{type:Boolean,default:!0},showCommonButton:{type:Boolean,default:!1},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{}},emits:["register","reset","submit","field-value-change"],setup(K,{expose:j,emit:F}){const b=K,U=e.useAttrs(),i=e.reactive({}),p=e.ref({}),f=e.ref(!1),m=e.ref({}),C=e.ref(),q=e.ref(null),_=e.ref(),t=e.computed(()=>({...b,...e.unref(m)})),a=e.computed(()=>({...U,...b,...e.unref(t)})),u=e.computed(()=>{const r=e.unref(C);return g.cloneDeep(r==null?void 0:r.filter(o=>o.type!==te.FormCompEnum.DIVIDER))}),{handleFormValues:W,initDefault:k}=ae.useFormValues({getProps:t,defaultValueRef:p,getSchema:u,formModel:i});ue.useAutoFocus({getSchema:u,getProps:t,isInitedDefault:f,formElRef:q});const{handleSubmit:l,setFieldsValue:d,clearValidate:P,validate:w,validateField:S,getFieldsValue:B,updateSchema:h,resetSchema:v,appendSchemaByField:V,removeSchemaByField:R,resetFields:y,scrollToField:J,getFieldValue:M}=ie.useFormEvents({emit:F,getProps:t,formModel:i,getSchema:u,defaultValueRef:p,formElRef:q,schemaRef:C,handleFormValues:W,initValues:_});ne.createFormContext({resetAction:y,submitAction:l}),e.watch(()=>e.unref(t).model,()=>{const{model:r}=e.unref(t);r&&d(r)},{immediate:!0}),e.watch(()=>e.unref(t).schemas,r=>{v(r??[])}),e.watch(()=>u.value,r=>{var o;e.nextTick(()=>{}),!e.unref(f)&&r!=null&&r.length&&(k(),f.value=!0,(o=t.value)!=null&&o.watchDataIsChange&&G.useTimeoutFn(()=>{_.value=B()},40))}),e.watch(()=>i,G.useDebounceFn(()=>{e.unref(t).submitOnChange&&l()},300),{deep:!0});async function E(r){m.value=g.deepMerge(e.unref(m)||{},r)}function Q(r,o,n){i[r]=o,n&&n.itemProps}function X(r){const{autoSubmitOnEnter:o}=e.unref(t);if(o&&r.key==="Enter"&&r.target&&r.target instanceof HTMLElement){const n=r.target;n&&n.tagName&&n.tagName.toUpperCase()==="INPUT"&&l()}}const O={getFieldsValue:B,getFieldValue:M,setFieldsValue:d,resetFields:y,updateSchema:h,resetSchema:v,setProps:E,removeSchemaByField:R,appendSchemaByField:V,clearValidate:P,validateField:S,validate:w,submit:l,scrollToField:J};e.onMounted(()=>{k(),F("register",O)});const A=e.computed(()=>g.pick(t.value,["showResetButton","showCommonButton","showSubmitButton","resetButtonOptions","submitButtonOptions","commonButtonOptions","actionColOptions","actionSpan"]));return j({getFieldsValue:B,getFieldValue:M,setFieldsValue:d,resetFields:y,updateSchema:h,resetSchema:v,setProps:E,removeSchemaByField:R,appendSchemaByField:V,clearValidate:P,validateField:S,validate:w,submit:l,getSchema:u}),(r,o)=>{var D;const n=e.resolveComponent("vft-col");return f.value&&((D=u.value)!=null&&D.length)?(e.openBlock(),e.createBlock(e.unref(Z.VftForm),e.mergeProps({key:0},a.value,{ref_key:"formElRef",ref:q,class:e.unref(le).b(),model:i,onKeypress:e.withKeys(X,["enter"])}),{default:e.withCtx(()=>{var I,T,x,N;return[(I=u.value)!=null&&I.length?(e.openBlock(),e.createBlock(e.unref(ee.VftRow),e.normalizeProps(e.mergeProps({key:0},(T=a.value)==null?void 0:T.rowProps)),{default:e.withCtx(()=>{var z,$,L;return[e.renderSlot(r.$slots,"formHeader"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,s=>(e.openBlock(),e.createBlock(oe.default,{key:s.field,formActionType:O,schema:s,formProps:t.value,allDefaultValues:p.value,formModel:i,setFormModel:Q,updateSchema:e.unref(h)},e.createSlots({_:2},[e.renderList(Object.keys(r.$slots),c=>({name:c,fn:e.withCtx(Y=>[e.renderSlot(r.$slots,c,e.normalizeProps(e.guardReactiveProps(Y||{})))])}))]),1032,["schema","formProps","allDefaultValues","formModel","updateSchema"]))),128)),e.createVNode(n,e.normalizeProps(e.guardReactiveProps((z=a.value)!=null&&z.quickColSpan?{span:Math.ceil(24/(($=a.value)==null?void 0:$.quickColSpan)),...(L=a.value)==null?void 0:L.baseColProps}:{})),{default:e.withCtx(()=>{var s,c;return[(s=t.value)!=null&&s.showActionButtonGroup&&((c=t.value)!=null&&c.actionInline)?(e.openBlock(),e.createBlock(H.default,e.normalizeProps(e.mergeProps({key:0},A.value)),null,16)):e.createCommentVNode("",!0)]}),_:1},16)]}),_:3},16)):e.createCommentVNode("",!0),(x=t.value)!=null&&x.showActionButtonGroup&&!((N=t.value)!=null&&N.actionInline)?(e.openBlock(),e.createBlock(H.default,e.normalizeProps(e.mergeProps({key:1},A.value)),null,16)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"formFooter")]}),_:3},16,["class","model","onKeypress"])):e.createCommentVNode("",!0)}}});exports.default=ce;
+"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("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");const y=require("@vft/utils");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/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/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("../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");const ee=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("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("./index.cjs");require("../upload/index.cjs");require("../carousel/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");const G=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const re=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const H=require("./super-form-action.vue2.cjs"),te=require("./super-form-item.vue2.cjs"),oe=require("./use/use-auto-focus.cjs"),ue=require("./use/use-form-context.cjs"),ne=require("./use/use-form-events.cjs"),ie=require("./use/use-form-values.cjs"),ae=re.useNamespace("super-form"),le=e.defineComponent({name:"vft-super-form"}),se=e.defineComponent({...le,props:{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},beforeSubmitFunc:{},submitFunc:{},watchDataIsChange:{type:Boolean},compFullWidth:{type:Boolean,default:!1},actionInline:{type:Boolean,default:!1},resetFunc:{},size:{default:"default"},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},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},showResetButton:{type:Boolean,default:!1},showSubmitButton:{type:Boolean,default:!0},showCommonButton:{type:Boolean,default:!1},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{}},emits:["register","reset","submit","field-value-change"],setup(K,{expose:j,emit:F}){const b=K,U=e.useAttrs(),i=e.reactive({}),m=e.ref({}),f=e.ref(!1),p=e.ref({}),C=e.ref(),q=e.ref(null),_=e.ref(),t=e.computed(()=>({...b,...e.unref(p)})),a=e.computed(()=>({...U,...b,...e.unref(t)})),o=e.computed(()=>{const r=e.unref(C);return y.cloneDeep(r)}),{handleFormValues:W,initDefault:k}=ie.useFormValues({getProps:t,defaultValueRef:m,getSchema:o,formModel:i});oe.useAutoFocus({getSchema:o,getProps:t,isInitedDefault:f,formElRef:q});const{handleSubmit:l,setFieldsValue:d,clearValidate:P,validate:w,validateField:S,getFieldsValue:B,updateSchema:h,resetSchema:v,appendSchemaByField:V,removeSchemaByField:R,resetFields:g,scrollToField:J,getFieldValue:M}=ne.useFormEvents({emit:F,getProps:t,formModel:i,getSchema:o,defaultValueRef:m,formElRef:q,schemaRef:C,handleFormValues:W,initValues:_});ue.createFormContext({resetAction:g,submitAction:l}),e.watch(()=>e.unref(t).model,()=>{const{model:r}=e.unref(t);r&&d(r)},{immediate:!0}),e.watch(()=>e.unref(t).schemas,r=>{v(r??[])}),e.watch(()=>o.value,r=>{var n;e.nextTick(()=>{}),!e.unref(f)&&r!=null&&r.length&&(k(),f.value=!0,(n=t.value)!=null&&n.watchDataIsChange&&G.useTimeoutFn(()=>{_.value=B()},40))}),e.watch(()=>i,G.useDebounceFn(()=>{e.unref(t).submitOnChange&&l()},300),{deep:!0});async function O(r){p.value=y.deepMerge(e.unref(p)||{},r)}function Q(r,n,u){i[r]=n,u&&u.itemProps}function X(r){const{autoSubmitOnEnter:n}=e.unref(t);if(n&&r.key==="Enter"&&r.target&&r.target instanceof HTMLElement){const u=r.target;u&&u.tagName&&u.tagName.toUpperCase()==="INPUT"&&l()}}const A={getFieldsValue:B,getFieldValue:M,setFieldsValue:d,resetFields:g,updateSchema:h,resetSchema:v,setProps:O,removeSchemaByField:R,appendSchemaByField:V,clearValidate:P,validateField:S,validate:w,submit:l,scrollToField:J};e.onMounted(()=>{k(),F("register",A)});const E=e.computed(()=>y.pick(t.value,["showResetButton","showCommonButton","showSubmitButton","resetButtonOptions","submitButtonOptions","commonButtonOptions","actionColOptions","actionSpan"]));return j({getFieldsValue:B,getFieldValue:M,setFieldsValue:d,resetFields:g,updateSchema:h,resetSchema:v,setProps:O,removeSchemaByField:R,appendSchemaByField:V,clearValidate:P,validateField:S,validate:w,submit:l,getSchema:o}),(r,n)=>{var T;const u=e.resolveComponent("vft-col");return f.value&&((T=o.value)!=null&&T.length)?(e.openBlock(),e.createBlock(e.unref(Z.VftForm),e.mergeProps({key:0},a.value,{ref_key:"formElRef",ref:q,class:e.unref(ae).b(),model:i,onKeypress:e.withKeys(X,["enter"])}),{default:e.withCtx(()=>{var D,I,x,N;return[(D=o.value)!=null&&D.length?(e.openBlock(),e.createBlock(e.unref(ee.VftRow),e.normalizeProps(e.mergeProps({key:0},(I=a.value)==null?void 0:I.rowProps)),{default:e.withCtx(()=>{var z,$,L;return[e.renderSlot(r.$slots,"formHeader"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,s=>(e.openBlock(),e.createBlock(te.default,{key:s.field,formActionType:A,schema:s,formProps:t.value,allDefaultValues:m.value,formModel:i,setFormModel:Q,updateSchema:e.unref(h)},e.createSlots({_:2},[e.renderList(Object.keys(r.$slots),c=>({name:c,fn:e.withCtx(Y=>[e.renderSlot(r.$slots,c,e.normalizeProps(e.guardReactiveProps(Y||{})))])}))]),1032,["schema","formProps","allDefaultValues","formModel","updateSchema"]))),128)),e.createVNode(u,e.normalizeProps(e.guardReactiveProps((z=a.value)!=null&&z.quickColSpan?{span:Math.ceil(24/(($=a.value)==null?void 0:$.quickColSpan)),...(L=a.value)==null?void 0:L.baseColProps}:{})),{default:e.withCtx(()=>{var s,c;return[(s=t.value)!=null&&s.showActionButtonGroup&&((c=t.value)!=null&&c.actionInline)?(e.openBlock(),e.createBlock(H.default,e.normalizeProps(e.mergeProps({key:0},E.value)),null,16)):e.createCommentVNode("",!0)]}),_:1},16)]}),_:3},16)):e.createCommentVNode("",!0),(x=t.value)!=null&&x.showActionButtonGroup&&!((N=t.value)!=null&&N.actionInline)?(e.openBlock(),e.createBlock(H.default,e.normalizeProps(e.mergeProps({key:1},E.value)),null,16)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"formFooter")]}),_:3},16,["class","model","onKeypress"])):e.createCommentVNode("",!0)}}});exports.default=se;

package/lib/components/super-form/types.d.ts

@@ -0,0 +1,176 @@
+import type { ButtonProps, ColProps, RowProps } from 'vft/es/components';
+import type { FormItemProp, FormItemProps, FormProps } from 'vft/es/components/form';
+import type { InternalRuleItem, RuleItem } from 'async-validator';
+import type { StyleValue, VNode } from 'vue';
+import { FormCompEnum } from './component-map';
+import type { Arrayable, Recordable } from '../types';
+export type ButtonOptions = Partial<ButtonProps> & {
+    btnText?: string;
+};
+export type InternalNamePath = (string | number)[];
+export type NamePath = string | number | InternalNamePath;
+export type FieldMapToTime = [
+    string,
+    [
+        string,
+        string
+    ],
+    (string | [string, string])?
+][];
+export type Rule = {
+    trigger?: 'blur' | 'change' | ['change', 'blur'];
+};
+type FormItemRule = Omit<RuleItem, 'validator'> & Rule & {
+    validator?: (rule: InternalRuleItem, value: any, callback?: (error?: string | Error) => void) => Promise<any>;
+} & {
+    isNumber?: boolean;
+};
+export interface RenderCallbackParams {
+    schema: FormSchema;
+    values: Recordable;
+    model: Recordable;
+    field: string;
+}
+export interface FormActionType {
+    submit: () => Promise<void>;
+    setFieldsValue: (values: Recordable) => Promise<void>;
+    resetFields: (props?: FormItemProp | FormItemProp[]) => Promise<void>;
+    getFieldsValue: () => Recordable;
+    getFieldValue: (field: string) => string | number | Recordable;
+    clearValidate: (name?: string | string[]) => Promise<void>;
+    updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
+    resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
+    setProps: (formProps: Partial<SuperFormProps>) => Promise<void>;
+    removeSchemaByField: (field: string | string[]) => Promise<void>;
+    setSubmitLoading: (loading?: boolean) => Promise<void>;
+    appendSchemaByField: (schema: FormSchema | FormSchema[], prefixField: string | undefined, first?: boolean | undefined) => Promise<void>;
+    validateField: (nameList?: NamePath[]) => Promise<any>;
+    validate: (nameList?: NamePath[]) => Promise<any>;
+    scrollToField: (name: NamePath, options?: ScrollOptions) => Promise<void>;
+    setFormItemError: (field: string, errMess: string) => Promise<void>;
+}
+export interface SuperFormActionProps {
+    showResetButton?: boolean;
+    showSubmitButton?: boolean;
+    showCommonButton?: boolean;
+    resetButtonOptions?: ButtonOptions;
+    submitButtonOptions?: ButtonOptions;
+    commonButtonOptions?: ButtonOptions;
+    actionRowOptions?: Partial<RowProps>;
+}
+type FormInnerProps = FormProps & SuperFormActionProps;
+export interface SuperFormProps extends FormInnerProps {
+    /** 配置表单的 RowProps */
+    rowProps?: RowProps;
+    /** 配置所有选子项的 ColProps */
+    baseColProps?: Partial<ColProps>;
+    /** 根据 1/2/3...快速分列 */
+    quickColSpan?: number;
+    /** 自动设置占位符 */
+    autoSetPlaceHolder?: boolean;
+    /** 表单配置 */
+    schemas?: FormSchema[];
+    /** 是否聚焦第一个输入框，只在第一个表单项为 input 的时候作用 */
+    autoFocusFirstItem?: boolean;
+    /** 重置时是否提交表单 */
+    submitOnReset?: boolean;
+    /** 额外传递到子组件的参数 values */
+    mergeDynamicData?: Recordable;
+    /** 将表单内时间区域的值映射成 2 个字段 */
+    fieldMapToTime?: FieldMapToTime;
+    /** 在input中输入时按回车自动提交 */
+    autoSubmitOnEnter?: boolean;
+    /** 如果表单项有校验，会自动生成校验信息，该参数控制是否将字段中文名字拼接到自动生成的信息后方 */
+    rulesMessageJoinLabel?: boolean;
+    /** 表单改变时触发提交 */
+    submitOnChange?: boolean;
+    /** 是否显示操作按钮(重置/提交) */
+    showActionButtonGroup?: boolean;
+    /** 自动清除报错信息 */
+    autoCleanErrorMessage?: boolean;
+    /** 提交前置事件 */
+    beforeSubmitFunc?: () => Promise<void>;
+    /** 提交 */
+    submitFunc?: () => Promise<void>;
+    /** 监听数据是否发生改变 */
+    watchDataIsChange?: boolean;
+    /** Form 下组件宽度是否撑满 */
+    compFullWidth?: boolean;
+    /** 操作栏是否为行内 */
+    actionInline?: boolean;
+    /** 自定义 reset 事件 */
+    resetFunc?: () => Promise<void>;
+}
+export interface FormSchema {
+    /** 字段 key */
+    field: string;
+    /** 名称 label title 都可以 */
+    label?: string | VNode;
+    title?: string | VNode;
+    /** 值改变的触发事件 */
+    changeEvent?: string;
+    /** v-model 绑定的 value 值 */
+    valueField?: string;
+    /** 子 label */
+    subLabel?: string;
+    /** 是否显示 label */
+    showLabel?: boolean;
+    /** 标签宽度，如果通过，则 itemProps 配置的 labelCol 和 WrapperCol 将无效 */
+    labelWidth?: string | number;
+    /** 渲染组件 */
+    type?: FormCompEnum;
+    /** 组件内置参数 */
+    componentProps?: ((opt: {
+        schema: FormSchema;
+        formActionType: FormActionType;
+        formModel: Recordable;
+    }) => Recordable) | object;
+    /** 是否为必填项 */
+    required?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
+    /** 组件后自定义内容 */
+    suffix?: string | number | ((values: RenderCallbackParams) => string | number) | VNode | JSX.Element | (() => JSX.Element);
+    /** 组件前自定义内容 */
+    prefix?: string | number | ((values: RenderCallbackParams) => string | number) | VNode | JSX.Element | (() => JSX.Element);
+    /** 前置内容父级样式 */
+    prefixParentStyle?: StyleValue;
+    /** 自定义规则 */
+    rules?: FormItemRule[] | FormItemRule;
+    /** 自定义报错规则是否添加自动添加 label */
+    rulesMessageJoinLabel?: boolean;
+    /** 自动生成 placeholder */
+    placeholderJoinLabel?: boolean;
+    /** form-item 参数 */
+    itemProps?: Partial<FormItemProps & {
+        title: string;
+    }>;
+    /** col 参数 */
+    colProps?: Partial<ColProps>;
+    /** 根据 1/2/3...快速分列 */
+    quickColSpan?: number;
+    /** 默认值 */
+    defaultValue?: any;
+    /** 是否自动处理与时间相关组件的默认值 */
+    isHandleDateDefaultValue?: boolean;
+    /** 栅格占据的列数 */
+    span?: number;
+    /** 动态判断当前组件是否显示，js 控制，会删除 dom */
+    ifShow?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
+    /** 动态判断当前组件是否显示，css 控制，不会删除 dom */
+    show?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
+    /** 自定义渲染组件*/
+    render?: (renderCallbackParams: RenderCallbackParams) => VNode | VNode[] | string;
+    /** 自定义渲染组件（需要自行包含 formItem）*/
+    renderColContent?: (renderCallbackParams: RenderCallbackParams) => VNode | VNode[] | string;
+    /** 自定义渲染组内部的 slot */
+    renderComponentContent?: ((renderCallbackParams: RenderCallbackParams) => any) | VNode | VNode[] | string;
+    /** 自定义 slot，渲染组件 */
+    slot?: string;
+    /** 自定义 slot，渲染组件 （需要自行包含 formItem）*/
+    colSlot?: string;
+    /** 动态判断当前组件是否禁用 */
+    dynamicDisabled?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
+    /** 动态判返当前组件你校验规则 */
+    dynamicRule?: (renderCallbackParams: RenderCallbackParams) => Arrayable<FormItemRule>;
+    dynamicRuleAdd?: boolean;
+}
+export {};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@vft/utils"),D=require("lodash"),i=require("vue"),O=require("../component-map.cjs"),W=require("./helper.cjs");function X(v,b={}){const a=/^\[(.+)\]$/;if(a.test(v)){const h=v.match(a);if(h&&h[1]){const F=h[1].split(",");if(!F.length)return;const l=[];return F.forEach((p,w)=>{D.set(l,w,b[p.trim()])}),l.filter(Boolean).length?l:void 0}}}function Y(v,b={}){const a=/^\{(.+)\}$/;if(a.test(v)){const h=v.match(a);if(h&&h[1]){const F=h[1].split(",");if(!F.length)return;const l={};return F.forEach(p=>{D.set(l,p.trim(),b[p.trim()])}),Object.values(l).filter(Boolean).length?l:void 0}}}function Z({emit:v,getProps:b,formModel:a,getSchema:h,defaultValueRef:F,formElRef:l,schemaRef:p,handleFormValues:w,initValues:x}){async function L(e){const{resetFunc:n,submitOnReset:c}=i.unref(b);n&&f.isFunction(n)&&await n();const r=i.unref(l);if(r){if(e!=null&&e.length)return r.resetFields(e);Object.keys(a).forEach(u=>{const t=i.unref(h).find(o=>o.field===u),s=D.cloneDeep(F.value[u]);a[u]=O.isInput(t==null?void 0:t.type)?s||"":s}),i.nextTick(()=>j()),v("reset",i.toRaw(a)),c&&await B()}}async function A(e){const n=i.unref(h).map(t=>t.field).filter(Boolean),c=".",r=n.filter(t=>String(t).indexOf(c)>=0),u=[];n.forEach(t=>{const s=i.unref(h).find(d=>d.field===t);let o=D.get(e,t);const m=Reflect.has(e,t);o=W.handleInputNumberValue(s==null?void 0:s.type,o);const{componentProps:T}=s||{};let y=T;typeof T=="function"&&(y=y({formModel:i.unref(a)}));const C=X(t,e)||Y(t,e);if(m||C){const d=C||o;if(H(t))if(Array.isArray(d)){const E=[];for(const I of d)E.push(I?f.formatToDate(I):null);i.unref(a)[t]=E}else i.unref(a)[t]=d?y!=null&&y.valueFormat?d:f.formatToDate(d):null;else i.unref(a)[t]=d;y!=null&&y.onChange&&(y==null||y.onChange(d)),u.push(t)}else r.forEach(d=>{try{const E=d.split(".").reduce((I,Q)=>I[Q],e);f.isDef(E)&&(i.unref(a)[d]=i.unref(E),u.push(d))}catch{f.isDef(F.value[d])&&(i.unref(a)[d]=D.cloneDeep(i.unref(F.value[d])))}})}),await V(u).catch(t=>{})}async function N(e){const n=D.cloneDeep(i.unref(h));if(!e)return;let c=f.isString(e)?[e]:e;f.isString(e)&&(c=[e]);for(const r of c)U(r,n);p.value=n}function U(e,n){if(f.isString(e)){const c=n.findIndex(r=>r.field===e);c!==-1&&(delete a[e],n.splice(c,1))}}async function $(e,n,c=!1){const r=D.cloneDeep(i.unref(h)),u=r.findIndex(s=>s.field===n),t=f.isObject(e)?[e]:e;if(!n||u===-1||c){c?r.unshift(...t):r.push(...t),p.value=r,g(e);return}u!==-1&&r.splice(u+1,0,...t),g(e),p.value=r}async function P(e){let n=[];if(f.isObject(e)&&n.push(e),f.isArray(e)&&(n=[...e]),!n.every(r=>r.type===O.FormCompEnum.DIVIDER||Reflect.has(r,"field")&&r.field)){console.error("All children of the form Schema array that need to be updated must contain the `field` field");return}p.value=n}async function z(e){let n=[];if(f.isObject(e)&&n.push(e),f.isArray(e)&&(n=[...e]),!n.every(t=>t.type===O.FormCompEnum.DIVIDER||Reflect.has(t,"field")&&t.field)){console.error("All children of the form Schema array that need to be updated must contain the `field` field");return}const r=[],u=[];i.unref(h).forEach(t=>{let s;if(n.forEach(o=>{t.field===o.field&&(s=o),o.defaultValue&&o.field&&r.push(o.field)}),s!==void 0&&t.field===s.field){const o=f.deepMerge(t,s);u.push(o)}else u.push(t)}),g(u,r),p.value=D.uniqBy(u,"field")}function g(e,n){if(f.isArray(n)&&(n==null?void 0:n.length)===0)return;let c=[];f.isObject(e)&&c.push(e),f.isArray(e)&&(c=[...e]);const r={},u=S();c.forEach(t=>{t.type!==O.FormCompEnum.DIVIDER&&Reflect.has(t,"field")&&t.field&&!f.isNullOrUndefined(t.defaultValue)&&(!(t.field in u)||f.isNullOrUndefined(u[t.field])||f.isEmpty(u[t.field]))&&(r[t.field]=t.defaultValue)}),f.isEmptyObject(r)||A(r)}function S(){return i.unref(l)?w(i.toRaw(i.unref(a))):{}}function G(e){return i.unref(l)?i.toRaw(i.unref(a))[e]:{}}function H(e){return i.unref(h).some(n=>n.field===e?O.isDatePicker(n.type):!1)}async function V(e){var n;return(n=i.unref(l))==null?void 0:n.validateField(e)}async function q(e){var n;return await((n=i.unref(l))==null?void 0:n.validate(e))}async function j(e){var n;await((n=i.unref(l))==null?void 0:n.clearValidate(e))}async function J(e,n){var c;await((c=i.unref(l))==null?void 0:c.scrollToField(e,n))}async function B(e){const{autoCleanErrorMessage:n,watchDataIsChange:c}=i.unref(b);e&&e.preventDefault(),n&&await j();const{submitFunc:r,beforeSubmitFunc:u}=i.unref(b);if(u&&f.isFunction(u)&&await u(),r&&f.isFunction(r)){await r();return}if(i.unref(l))try{const s=await q(),o=w(s);if(c){const m=D.isEqual(x.value,o);v("submit",o,!m)}else v("submit",o)}catch(s){if((s==null?void 0:s.outOfDate)===!1&&(s!=null&&s.errorFields))return;throw new Error(s.message)}}return{handleSubmit:B,clearValidate:j,validate:q,validateField:V,getFieldsValue:S,updateSchema:z,resetSchema:P,appendSchemaByField:$,removeSchemaByField:N,resetFields:L,setFieldsValue:A,scrollToField:J,getFieldValue:G}}exports.useFormEvents=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@vft/utils"),D=require("lodash"),i=require("vue"),O=require("../component-map.cjs"),W=require("./helper.cjs");function X(v,b={}){const a=/^\[(.+)\]$/;if(a.test(v)){const h=v.match(a);if(h&&h[1]){const F=h[1].split(",");if(!F.length)return;const l=[];return F.forEach((p,w)=>{D.set(l,w,b[p.trim()])}),l.filter(Boolean).length?l:void 0}}}function Y(v,b={}){const a=/^\{(.+)\}$/;if(a.test(v)){const h=v.match(a);if(h&&h[1]){const F=h[1].split(",");if(!F.length)return;const l={};return F.forEach(p=>{D.set(l,p.trim(),b[p.trim()])}),Object.values(l).filter(Boolean).length?l:void 0}}}function Z({emit:v,getProps:b,formModel:a,getSchema:h,defaultValueRef:F,formElRef:l,schemaRef:p,handleFormValues:w,initValues:C}){async function L(e){const{resetFunc:n,submitOnReset:s}=i.unref(b);n&&f.isFunction(n)&&await n();const r=i.unref(l);if(r){if(e!=null&&e.length)return r.resetFields(e);Object.keys(a).forEach(u=>{const t=i.unref(h).find(o=>o.field===u),c=D.cloneDeep(F.value[u]);a[u]=O.isInput(t==null?void 0:t.type)?c||"":c}),i.nextTick(()=>j()),v("reset",i.toRaw(a)),s&&await q()}}async function A(e){const n=i.unref(h).map(t=>t.field).filter(Boolean),s=".",r=n.filter(t=>String(t).indexOf(s)>=0),u=[];n.forEach(t=>{const c=i.unref(h).find(d=>d.field===t);let o=D.get(e,t);const m=Reflect.has(e,t);o=W.handleInputNumberValue(c==null?void 0:c.type,o);const{componentProps:B}=c||{};let y=B;typeof B=="function"&&(y=y({formModel:i.unref(a)}));const x=X(t,e)||Y(t,e);if(m||x){const d=x||o;if(H(t))if(Array.isArray(d)){const E=[];for(const I of d)E.push(I?f.formatToDate(I):null);i.unref(a)[t]=E}else i.unref(a)[t]=d?y!=null&&y.valueFormat?d:f.formatToDate(d):null;else i.unref(a)[t]=d;y!=null&&y.onChange&&(y==null||y.onChange(d)),u.push(t)}else r.forEach(d=>{try{const E=d.split(".").reduce((I,Q)=>I[Q],e);f.isDef(E)&&(i.unref(a)[d]=i.unref(E),u.push(d))}catch{f.isDef(F.value[d])&&(i.unref(a)[d]=D.cloneDeep(i.unref(F.value[d])))}})}),i.nextTick(async()=>{await V(u).catch(t=>{})})}async function N(e){const n=D.cloneDeep(i.unref(h));if(!e)return;let s=f.isString(e)?[e]:e;f.isString(e)&&(s=[e]);for(const r of s)U(r,n);p.value=n}function U(e,n){if(f.isString(e)){const s=n.findIndex(r=>r.field===e);s!==-1&&(delete a[e],n.splice(s,1))}}async function $(e,n,s=!1){const r=D.cloneDeep(i.unref(h)),u=r.findIndex(c=>c.field===n),t=f.isObject(e)?[e]:e;if(!n||u===-1||s){s?r.unshift(...t):r.push(...t),p.value=r,g(e);return}u!==-1&&r.splice(u+1,0,...t),g(e),p.value=r}async function P(e){let n=[];if(f.isObject(e)&&n.push(e),f.isArray(e)&&(n=[...e]),!n.every(r=>r.type===O.FormCompEnum.DIVIDER||Reflect.has(r,"field")&&r.field)){console.error("All children of the form Schema array that need to be updated must contain the `field` field");return}p.value=n}async function z(e){let n=[];if(f.isObject(e)&&n.push(e),f.isArray(e)&&(n=[...e]),!n.every(t=>t.type===O.FormCompEnum.DIVIDER||Reflect.has(t,"field")&&t.field)){console.error("All children of the form Schema array that need to be updated must contain the `field` field");return}const r=[],u=[];i.unref(h).forEach(t=>{let c;if(n.forEach(o=>{t.field===o.field&&(c=o),o.defaultValue&&o.field&&r.push(o.field)}),c!==void 0&&t.field===c.field){const o=f.deepMerge(t,c);u.push(o)}else u.push(t)}),g(u,r),p.value=D.uniqBy(u,"field")}function g(e,n){if(f.isArray(n)&&(n==null?void 0:n.length)===0)return;let s=[];f.isObject(e)&&s.push(e),f.isArray(e)&&(s=[...e]);const r={},u=S();s.forEach(t=>{t.type!==O.FormCompEnum.DIVIDER&&Reflect.has(t,"field")&&t.field&&!f.isNullOrUndefined(t.defaultValue)&&(!(t.field in u)||f.isNullOrUndefined(u[t.field])||f.isEmpty(u[t.field]))&&(r[t.field]=t.defaultValue)}),f.isEmptyObject(r)||A(r)}function S(){return i.unref(l)?w(i.toRaw(i.unref(a))):{}}function G(e){return i.unref(l)?i.toRaw(i.unref(a))[e]:{}}function H(e){return i.unref(h).some(n=>n.field===e?O.isDatePicker(n.type):!1)}async function V(e){var n;return(n=i.unref(l))==null?void 0:n.validateField(e)}async function T(e){var n;return await((n=i.unref(l))==null?void 0:n.validate(e))}async function j(e){var n;await((n=i.unref(l))==null?void 0:n.clearValidate(e))}async function J(e,n){var s;await((s=i.unref(l))==null?void 0:s.scrollToField(e,n))}async function q(e){const{autoCleanErrorMessage:n,watchDataIsChange:s}=i.unref(b);e&&e.preventDefault(),n&&await j();const{submitFunc:r,beforeSubmitFunc:u}=i.unref(b);if(u&&f.isFunction(u)&&await u(),r&&f.isFunction(r)){await r();return}if(i.unref(l))try{const c=await T(),o=w(c);if(s){const m=D.isEqual(C.value,o);v("submit",o,!m)}else v("submit",o)}catch(c){if((c==null?void 0:c.outOfDate)===!1&&(c!=null&&c.errorFields))return;throw new Error(c.message)}}return{handleSubmit:q,clearValidate:j,validate:T,validateField:V,getFieldsValue:S,updateSchema:z,resetSchema:P,appendSchemaByField:$,removeSchemaByField:N,resetFields:L,setFieldsValue:A,scrollToField:J,getFieldValue:G}}exports.useFormEvents=Z;

package/lib/components/super-form/use/use-form-events.d.ts

@@ -0,0 +1,30 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { Fn, Recordable } from '../../types';
+import type { FormActionType, FormSchema, SuperFormProps } from '../types';
+interface UseFormActionContext {
+    emit: any;
+    getProps: ComputedRef<SuperFormProps>;
+    getSchema: ComputedRef<FormSchema[]>;
+    formModel: Recordable;
+    defaultValueRef: Ref<Recordable>;
+    formElRef: Ref<FormActionType>;
+    schemaRef: Ref<FormSchema[]>;
+    handleFormValues: Fn;
+    initValues: Ref<Recordable>;
+}
+export declare function useFormEvents({ emit, getProps, formModel, getSchema, defaultValueRef, formElRef, schemaRef, handleFormValues, initValues, }: UseFormActionContext): {
+    handleSubmit: (e?: Event) => Promise<void>;
+    clearValidate: (name?: string | string[]) => Promise<void>;
+    validate: (nameList?: any[] | undefined) => Promise<any>;
+    validateField: (nameList?: any[] | undefined) => Promise<any>;
+    getFieldsValue: () => Recordable;
+    updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
+    resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
+    appendSchemaByField: (schema: FormSchema | FormSchema[], prefixField?: string, first?: boolean) => Promise<void>;
+    removeSchemaByField: (fields: string | string[]) => Promise<void>;
+    resetFields: (props: any) => Promise<void>;
+    setFieldsValue: (values: Recordable) => Promise<void>;
+    scrollToField: (name: any, options?: ScrollOptions | undefined) => Promise<void>;
+    getFieldValue: (field: string) => string | number | Recordable;
+};
+export {};

package/lib/components/super-form/use/use-form-values.d.ts

@@ -0,0 +1,14 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { Recordable } from '../../types';
+import type { FormSchema, SuperFormProps } from '../types';
+interface UseFormValuesContext {
+    defaultValueRef: Ref<any>;
+    getSchema: ComputedRef<FormSchema[]>;
+    getProps: ComputedRef<SuperFormProps>;
+    formModel: Recordable;
+}
+export declare function useFormValues({ defaultValueRef, getSchema, formModel, getProps, }: UseFormValuesContext): {
+    handleFormValues: (values: Recordable) => Recordable;
+    initDefault: () => void;
+};
+export {};

package/lib/components/switch/index.d.ts

@@ -1,14 +1,17 @@
 export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     value: {
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     borderColor: {
         type: import("vue").PropType<string>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
     name: {
         type: import("vue").PropType<string>;
     };
@@ -16,15 +19,9 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
-    tabindex: {
-        type: import("vue").PropType<string | number>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -33,6 +30,9 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -73,17 +73,24 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
 }, {
     focus: () => void;
     checked: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input")[], "update:modelValue" | "change" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    input: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     value: {
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     borderColor: {
         type: import("vue").PropType<string>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
     name: {
         type: import("vue").PropType<string>;
     };
@@ -91,15 +98,9 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
-    tabindex: {
-        type: import("vue").PropType<string | number>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -108,6 +109,9 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;

package/lib/components/switch/switch.vue.d.ts

@@ -24,16 +24,19 @@ export interface SwitchProps {
     tabindex?: string | number;
 }
 declare const _default: import("vue").DefineComponent<{
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     value: {
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     borderColor: {
         type: import("vue").PropType<string>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
     name: {
         type: import("vue").PropType<string>;
     };
@@ -41,15 +44,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
-    tabindex: {
-        type: import("vue").PropType<string | number>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -58,6 +55,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -104,17 +104,24 @@ declare const _default: import("vue").DefineComponent<{
      * @description whether Switch is checked
      */
     checked: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input")[], "update:modelValue" | "change" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    input: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     value: {
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     borderColor: {
         type: import("vue").PropType<string>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
     name: {
         type: import("vue").PropType<string>;
     };
@@ -122,15 +129,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
-    tabindex: {
-        type: import("vue").PropType<string | number>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -139,6 +140,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;