vft 0.0.46 → 0.0.48

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

@@ -0,0 +1,168 @@
+import type { PropType as __PropType } from 'vue';
+import type { ComponentSize } from '../types';
+import type { Arrayable } from 'vft/es/utils';
+import type { FormRules, FormItemProp, FormValidateCallback, FormValidationResult } from './types';
+export interface FormProps {
+    size?: ComponentSize;
+    disabled?: boolean;
+    model?: object;
+    rules?: FormRules;
+    labelPosition?: 'left' | 'right' | 'top';
+    requireAsteriskPosition?: 'left' | 'right';
+    labelWidth?: Numberish;
+    labelSuffix?: string;
+    inline?: boolean;
+    inlineMessage?: boolean;
+    statusIcon?: boolean;
+    showMessage?: boolean;
+    validateOnRuleChange?: boolean;
+    hideRequiredAsterisk?: boolean;
+    scrollToError?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    size: {
+        type: __PropType<ComponentSize | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    model: {
+        type: __PropType<object | undefined>;
+        required: false;
+    };
+    rules: {
+        type: __PropType<Partial<Record<string, Arrayable<import("./types").FormItemRule>>> | undefined>;
+        required: false;
+    };
+    labelPosition: {
+        type: __PropType<"left" | "right" | "top" | undefined>;
+        required: false;
+    };
+    requireAsteriskPosition: {
+        type: __PropType<"left" | "right" | undefined>;
+        required: false;
+    };
+    labelWidth: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    labelSuffix: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    inline: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    inlineMessage: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    statusIcon: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showMessage: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    validateOnRuleChange: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    hideRequiredAsterisk: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    scrollToError: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    /**
+     * @description Validate the whole form. Receives a callback or returns `Promise`.
+     */
+    validate: (callback?: FormValidateCallback) => FormValidationResult;
+    /**
+     * @description Validate specified fields.
+     */
+    validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+    /**
+     * @description Reset specified fields and remove validation result.
+     */
+    resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+    /**
+     * @description Clear validation message for specified fields.
+     */
+    clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+    /**
+     * @description Scroll to the specified fields.
+     */
+    scrollToField: (prop: FormItemProp) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "validate"[], "validate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: __PropType<ComponentSize | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    model: {
+        type: __PropType<object | undefined>;
+        required: false;
+    };
+    rules: {
+        type: __PropType<Partial<Record<string, Arrayable<import("./types").FormItemRule>>> | undefined>;
+        required: false;
+    };
+    labelPosition: {
+        type: __PropType<"left" | "right" | "top" | undefined>;
+        required: false;
+    };
+    requireAsteriskPosition: {
+        type: __PropType<"left" | "right" | undefined>;
+        required: false;
+    };
+    labelWidth: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    labelSuffix: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    inline: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    inlineMessage: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    statusIcon: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showMessage: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    validateOnRuleChange: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    hideRequiredAsterisk: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    scrollToError: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onValidate?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),E=require("@vft/utils"),d=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const O=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const S=require("./hooks/use-form-common-props.cjs"),V=require("./constants.cjs"),u=require("./utils.cjs"),l=O.useNamespace("form"),W=r.defineComponent({name:l.b()}),j=r.defineComponent({...W,props:{size:null,disabled:{type:Boolean},model:null,rules:null,labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:""},labelSuffix:{default:""},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}},emits:["validate"],setup(n,{expose:v,emit:p}){const s=[],y=S.useFormSize(),g=r.computed(()=>[l.b(),l.m(y.value||"default"),{[l.m(`label-${n.labelPosition}`)]:n.labelPosition,[l.m("inline")]:n.inline}]),q=e=>{s.push(e)},b=e=>{e.prop&&s.splice(s.indexOf(e),1)},c=(e=[])=>{if(!n.model){d.debugWarn(l.b(),"model is required for resetFields to work.");return}u.filterFields(s,e).forEach(t=>t.resetField())},m=(e=[])=>{u.filterFields(s,e).forEach(t=>t.clearValidate())},B=r.computed(()=>{const e=!!n.model;return e||d.debugWarn(l.b(),"model is required for validate to work."),e}),w=e=>{if(s.length===0)return[];const t=u.filterFields(s,e);return t.length?t:(d.debugWarn(l.b(),"please pass correct props!"),[])},h=async e=>f(void 0,e),C=async(e=[])=>{if(!B.value)return!1;const t=w(e);if(t.length===0)return!0;let o={};for(const i of t)try{await i.validate("")}catch(a){o={...o,...a}}return Object.keys(o).length===0?!0:Promise.reject(o)},f=async(e=[],t)=>{const o=!E.isFunction(t);try{const i=await C(e);return i===!0&&(t==null||t(i)),i}catch(i){if(i instanceof Error)throw i;const a=i;return n.scrollToError&&F(Object.keys(a)[0]),t==null||t(!1,a),o&&Promise.reject(a)}},F=e=>{var o;const t=u.filterFields(s,e)[0];t&&((o=t.$el)==null||o.scrollIntoView())};r.watch(()=>n.rules,()=>{n.validateOnRuleChange&&h().catch(e=>d.debugWarn(e))},{deep:!0});const P=r.getCurrentInstance();return r.provide(V.formContextKey,r.reactive({...P.props,emit:p,resetFields:c,clearValidate:m,validateField:f,addField:q,removeField:b,...u.useFormLabelWidth()})),v({validate:h,validateField:f,resetFields:c,clearValidate:m,scrollToField:F}),(e,t)=>(r.openBlock(),r.createElementBlock("form",{class:r.normalizeClass(r.unref(g))},[r.renderSlot(e.$slots,"default")],2))}});exports.default=j;

package/lib/components/form/hooks/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-form-common-props.cjs"),s=require("./use-form-item.cjs");exports.useDisabled=e.useDisabled;exports.useFormDisabled=e.useFormDisabled;exports.useFormSize=e.useFormSize;exports.useSize=e.useSize;exports.useFormItem=s.useFormItem;exports.useFormItemInputId=s.useFormItemInputId;

package/lib/components/form/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-form-common-props';
+export * from './use-form-item';

package/lib/components/form/hooks/use-form-common-props.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("../../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const n=require("../../../hooks/use-prop/index.cjs"),b=require("../../../hooks/use-size/index.cjs"),u=require("../constants.cjs"),c=(o,s={})=>{const i=e.ref(void 0),l=s.prop?i:n.useProp("size"),a=s.global?i:b.useGlobalSize(),r=s.form?{size:void 0}:e.inject(u.formContextKey,void 0),t=s.formItem?{size:void 0}:e.inject(u.formItemContextKey,void 0);return e.computed(()=>l.value||e.unref(o)||(t==null?void 0:t.size)||(r==null?void 0:r.size)||a.value||"")},d=o=>{const s=n.useProp("disabled"),i=e.inject(u.formContextKey,void 0);return e.computed(()=>s.value||e.unref(o)||(i==null?void 0:i.disabled)||!1)},m=c,q=d;exports.useDisabled=q;exports.useFormDisabled=d;exports.useFormSize=c;exports.useSize=m;

package/lib/components/form/hooks/use-form-common-props.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentSize } from 'vft/es/constants';
+import type { MaybeRef } from '@vueuse/core';
+export declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => import("vue").ComputedRef<"" | "large" | "small" | "default">;
+export declare const useFormDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;
+export declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => import("vue").ComputedRef<"" | "large" | "small" | "default">;
+export declare const useDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;

package/lib/components/form/hooks/use-form-item.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue");require("../../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");const o=require("../../../hooks/use-id/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const l=require("../constants.cjs"),y=()=>{const c=r.inject(l.formContextKey,void 0),u=r.inject(l.formItemContextKey,void 0);return{form:c,formItem:u}},F=(c,{formItemContext:u,disableIdGeneration:d,disableIdManagement:i})=>{d||(d=r.ref(!1)),i||(i=r.ref(!1));const e=r.ref();let p;const n=r.computed(()=>{var v;return!!(!c.label&&u&&u.inputIds&&((v=u.inputIds)==null?void 0:v.length)<=1)});return r.onMounted(()=>{p=r.watch([r.toRef(c,"id"),d],([v,q])=>{const s=v??(q?void 0:o.useId().value);s!==e.value&&(u!=null&&u.removeInputId&&(e.value&&u.removeInputId(e.value),!(i!=null&&i.value)&&!q&&s&&u.addInputId(s)),e.value=s)},{immediate:!0})}),r.onUnmounted(()=>{p&&p(),u!=null&&u.removeInputId&&e.value&&u.removeInputId(e.value)}),{isLabeledByFormItem:n,inputId:e}};exports.useFormItem=y;exports.useFormItemInputId=F;

package/lib/components/form/hooks/use-form-item.d.ts

@@ -0,0 +1,18 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { FormItemContext } from '../types';
+export declare const useFormItem: () => {
+    form: import("../types").FormContext | undefined;
+    formItem: FormItemContext | undefined;
+};
+export type IUseFormItemInputCommonProps = {
+    id?: string;
+    label?: string | number | boolean | Record<string, any>;
+};
+export declare const useFormItemInputId: (props: Partial<IUseFormItemInputCommonProps>, { formItemContext, disableIdGeneration, disableIdManagement }: {
+    formItemContext?: FormItemContext | undefined;
+    disableIdGeneration?: ComputedRef<boolean> | Ref<boolean> | undefined;
+    disableIdManagement?: ComputedRef<boolean> | Ref<boolean> | undefined;
+}) => {
+    isLabeledByFormItem: ComputedRef<boolean>;
+    inputId: Ref<string | undefined>;
+};

package/lib/components/form/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const m=require("./form.vue2.cjs"),r=require("./form-item.vue2.cjs"),i=require("./types.cjs"),o=require("./constants.cjs"),e=require("./hooks/use-form-common-props.cjs"),u=require("./hooks/use-form-item.cjs"),s=t.withInstall(m.default,{FormItem:r.default}),n=t.withNoopInstall(r.default);exports.formItemValidateStates=i.formItemValidateStates;exports.formContextKey=o.formContextKey;exports.formItemContextKey=o.formItemContextKey;exports.useDisabled=e.useDisabled;exports.useFormDisabled=e.useFormDisabled;exports.useFormSize=e.useFormSize;exports.useSize=e.useSize;exports.useFormItem=u.useFormItem;exports.useFormItemInputId=u.useFormItemInputId;exports.VftForm=s;exports.VftFormItem=n;exports.default=s;

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

@@ -0,0 +1,338 @@
+import Form from './form.vue';
+import FormItem from './form-item.vue';
+export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    model: {
+        type: import("vue").PropType<object | undefined>;
+        required: false;
+    };
+    rules: {
+        type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>> | undefined>;
+        required: false;
+    };
+    labelPosition: {
+        type: import("vue").PropType<"left" | "right" | "top" | undefined>;
+        required: false;
+    };
+    requireAsteriskPosition: {
+        type: import("vue").PropType<"left" | "right" | undefined>;
+        required: false;
+    };
+    labelWidth: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    labelSuffix: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    inline: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    inlineMessage: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    statusIcon: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    showMessage: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    validateOnRuleChange: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    hideRequiredAsterisk: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    scrollToError: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    validate: (callback?: import("./types").FormValidateCallback | undefined) => import("./types").FormValidationResult;
+    validateField: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp> | undefined, callback?: import("./types").FormValidateCallback | undefined) => import("./types").FormValidationResult;
+    resetFields: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp> | undefined) => void;
+    clearValidate: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp> | undefined) => void;
+    scrollToField: (prop: import("./types").FormItemProp) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "validate"[], "validate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    model: {
+        type: import("vue").PropType<object | undefined>;
+        required: false;
+    };
+    rules: {
+        type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>> | undefined>;
+        required: false;
+    };
+    labelPosition: {
+        type: import("vue").PropType<"left" | "right" | "top" | undefined>;
+        required: false;
+    };
+    requireAsteriskPosition: {
+        type: import("vue").PropType<"left" | "right" | undefined>;
+        required: false;
+    };
+    labelWidth: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    labelSuffix: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    inline: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    inlineMessage: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    statusIcon: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    showMessage: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    validateOnRuleChange: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    hideRequiredAsterisk: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    scrollToError: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onValidate?: ((...args: any[]) => any) | undefined;
+}, {}>> & {
+    FormItem: import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        labelWidth: {
+            type: import("vue").PropType<Numberish | undefined>;
+            required: false;
+        };
+        prop: {
+            type: import("vue").PropType<import("./types").FormItemProp | undefined>;
+            required: false;
+        };
+        required: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        rules: {
+            type: import("vue").PropType<import("./types").FormItemRule | undefined>;
+            required: false;
+        };
+        error: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        for: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        validateStatus: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        inlineMessage: {
+            type: import("vue").PropType<string | boolean | undefined>;
+            required: false;
+        };
+        showMessage: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        size: {
+            type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+            required: false;
+        };
+    }, {
+        size: import("vue").ComputedRef<"" | "large" | "small" | "default">;
+        validateMessage: import("vue").Ref<string>;
+        validateState: import("vue").Ref<"" | "error" | "validating" | "success">;
+        validate: (trigger: string, callback?: import("./types").FormValidateCallback | undefined) => import("./types").FormValidationResult;
+        clearValidate: () => void;
+        resetField: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        labelWidth: {
+            type: import("vue").PropType<Numberish | undefined>;
+            required: false;
+        };
+        prop: {
+            type: import("vue").PropType<import("./types").FormItemProp | undefined>;
+            required: false;
+        };
+        required: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        rules: {
+            type: import("vue").PropType<import("./types").FormItemRule | undefined>;
+            required: false;
+        };
+        error: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        for: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        validateStatus: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        inlineMessage: {
+            type: import("vue").PropType<string | boolean | undefined>;
+            required: false;
+        };
+        showMessage: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        size: {
+            type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+            required: false;
+        };
+    }>>, {}>;
+};
+export default VftForm;
+export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    labelWidth: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    prop: {
+        type: import("vue").PropType<import("./types").FormItemProp | undefined>;
+        required: false;
+    };
+    required: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    rules: {
+        type: import("vue").PropType<import("./types").FormItemRule | undefined>;
+        required: false;
+    };
+    error: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    for: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    validateStatus: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    inlineMessage: {
+        type: import("vue").PropType<string | boolean | undefined>;
+        required: false;
+    };
+    showMessage: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+        required: false;
+    };
+}, {
+    size: import("vue").ComputedRef<"" | "large" | "small" | "default">;
+    validateMessage: import("vue").Ref<string>;
+    validateState: import("vue").Ref<"" | "error" | "validating" | "success">;
+    validate: (trigger: string, callback?: import("./types").FormValidateCallback | undefined) => import("./types").FormValidationResult;
+    clearValidate: () => void;
+    resetField: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    labelWidth: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    prop: {
+        type: import("vue").PropType<import("./types").FormItemProp | undefined>;
+        required: false;
+    };
+    required: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    rules: {
+        type: import("vue").PropType<import("./types").FormItemRule | undefined>;
+        required: false;
+    };
+    error: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    for: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    validateStatus: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    inlineMessage: {
+        type: import("vue").PropType<string | boolean | undefined>;
+        required: false;
+    };
+    showMessage: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+        required: false;
+    };
+}>>, {}>>;
+export * from './form.vue';
+export * from './form-item.vue';
+export * from './types';
+export * from './constants';
+export * from './hooks';
+export type FormInstance = InstanceType<typeof Form>;
+export type FormItemInstance = InstanceType<typeof FormItem>;

package/lib/components/form/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-form.css");

package/lib/components/form/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/form.scss");

package/lib/components/form/types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=["","error","validating","success"];exports.formItemValidateStates=t;

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

@@ -0,0 +1,43 @@
+import type { SetupContext, UnwrapRef } from 'vue';
+import type { RuleItem, ValidateError, ValidateFieldsError } from 'async-validator';
+import type { ComponentSize } from 'vft/es/constants';
+import type { Arrayable } from 'vft/es/utils';
+import { type FormItemProps } from './form-item.vue';
+import { type FormProps } from './form.vue';
+import type { useFormLabelWidth } from './utils';
+export type FormItemProp = Arrayable<string>;
+export declare const formItemValidateStates: readonly ["", "error", "validating", "success"];
+export type FormItemValidateState = typeof formItemValidateStates[number];
+export type FormLabelWidthContext = ReturnType<typeof useFormLabelWidth>;
+export interface FormItemRule extends RuleItem {
+    trigger?: Arrayable<string>;
+}
+export type FormRules = Partial<Record<string, Arrayable<FormItemRule>>>;
+export type FormValidationResult = Promise<boolean>;
+export type FormValidateCallback = (isValid: boolean, invalidFields?: ValidateFieldsError) => void;
+export interface FormValidateFailure {
+    errors: ValidateError[] | null;
+    fields: ValidateFieldsError;
+}
+export type FormContext = FormProps & UnwrapRef<FormLabelWidthContext> & {
+    emit: SetupContext['emit'];
+    addField: (field: FormItemContext) => void;
+    removeField: (field: FormItemContext) => void;
+    resetFields: (props?: Arrayable<FormItemProp>) => void;
+    clearValidate: (props?: Arrayable<FormItemProp>) => void;
+    validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+};
+export interface FormItemContext extends FormItemProps {
+    $el: HTMLDivElement | undefined;
+    size: ComponentSize;
+    validateState: FormItemValidateState;
+    isGroup: boolean;
+    labelId: string;
+    inputIds: string[];
+    hasLabel: boolean;
+    addInputId: (id: string) => void;
+    removeInputId: (id: string) => void;
+    validate: (trigger: string, callback?: FormValidateCallback) => FormValidationResult;
+    resetField(): void;
+    clearValidate(): void;
+}

package/lib/components/form/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");require("@vft/utils");const l=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const a=require("lodash"),d="vft-form";function f(){const t=o.ref([]),i=o.computed(()=>{if(!t.value.length)return"0";const e=Math.max(...t.value);return e?`${e}px`:""});function n(e){const r=t.value.indexOf(e);return r===-1&&i.value==="0"&&l.debugWarn(d,`unexpected width ${e}`),r}function u(e,r){if(e&&r){const c=n(r);t.value.splice(c,1,e)}else e&&t.value.push(e)}function s(e){const r=n(e);r>-1&&t.value.splice(r,1)}return{autoLabelWidth:i,registerLabelWidth:u,deregisterLabelWidth:s}}const h=(t,i)=>{const n=a.castArray(i);return n.length>0?t.filter(u=>u.prop&&n.includes(u.prop)):t};exports.filterFields=h;exports.useFormLabelWidth=f;

package/lib/components/form/utils.d.ts

@@ -0,0 +1,9 @@
+import type { Arrayable } from 'vft/es/utils';
+import type { FormItemContext } from './types';
+import type { FormItemProp } from './form-item.vue';
+export declare function useFormLabelWidth(): {
+    autoLabelWidth: import("vue").ComputedRef<string>;
+    registerLabelWidth: (val: number, oldVal: number) => void;
+    deregisterLabelWidth: (val: number) => void;
+};
+export declare const filterFields: (fields: FormItemContext[], props: Arrayable<FormItemProp>) => FormItemContext[];

package/lib/components/form-item/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-form-item.css");

package/lib/components/form-item/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/form-item.scss");

package/lib/components/full-screen/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("./full-screen.vue2.cjs"),e=t.withInstall(r.default);exports.VftFullScreen=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const t=require("./full-screen.vue2.cjs"),e=r.withInstall(t.default);exports.VftFullScreen=e;exports.default=e;

package/lib/components/header-layout/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("./header-layout.vue2.cjs"),e=t.withInstall(r.default);exports.VftHeaderLayout=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const r=require("./header-layout.vue2.cjs"),e=t.withInstall(r.default);exports.VftHeaderLayout=e;exports.default=e;