@tanstack/vue-form 0.3.4 → 0.3.6

package/build/lib/useField.d.ts

@@ -1,42 +0,0 @@
-import { FieldApi, type FieldApiOptions, type FormApi } from '@tanstack/form-core';
-import type { DeepKeys, DeepValue, Narrow } from '@tanstack/form-core';
-import type { SlotsType, SetupContext, Ref } from 'vue-demi';
-import type { UseFieldOptions } from './types';
-declare module '@tanstack/form-core' {
-    interface FieldApi<_TData, TFormData, Opts, TData> {
-        Field: FieldComponent<TFormData, TData>;
-    }
-}
-export type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(opts?: {
-    name: Narrow<TField>;
-} & UseFieldOptions<DeepValue<TFormData, TField>, TFormData>) => FieldApi<DeepValue<TFormData, TField>, TFormData>;
-export declare function useField<TData, TFormData, TName extends unknown extends TFormData ? string : DeepKeys<TFormData> = unknown extends TFormData ? string : DeepKeys<TFormData>>(opts: UseFieldOptions<TData, TFormData, TName>): {
-    api: FieldApi<TData, TFormData, Omit<typeof opts, 'onMount'> & {
-        form: FormApi<TFormData>;
-    }>;
-    state: Readonly<Ref<FieldApi<TData, TFormData, Omit<typeof opts, 'onMount'> & {
-        form: FormApi<TFormData>;
-    }>['state']>>;
-};
-export type FieldValue<TFormData, TField> = TFormData extends any[] ? unknown extends TField ? TFormData[number] : DeepValue<TFormData[number], TField> : DeepValue<TFormData, TField>;
-type FieldComponentProps<TParentData, TFormData, TField, TName extends unknown extends TFormData ? string : DeepKeys<TFormData>> = (TParentData extends any[] ? {
-    name?: TName;
-    index: number;
-} : {
-    name: TName;
-    index?: never;
-}) & Omit<UseFieldOptions<TField, TFormData, TName>, 'name' | 'index'>;
-export type FieldComponent<TParentData, TFormData> = <TField, TName extends unknown extends TFormData ? string : DeepKeys<TFormData>>(fieldOptions: FieldComponentProps<TParentData, TFormData, TField, TName>, context: SetupContext<{}, SlotsType<{
-    default: {
-        field: FieldApi<TField, TFormData, FieldApiOptions<TField, TFormData, TName>>;
-        state: FieldApi<TField, TFormData, FieldApiOptions<TField, TFormData, TName>>['state'];
-    };
-}>>) => any;
-export declare const Field: <TData, TFormData>(props: import("@tanstack/form-core").FieldOptions<TData, TFormData, unknown extends TFormData ? string : DeepKeys<TFormData>, unknown extends TData ? DeepValue<TFormData, unknown extends TFormData ? string : DeepKeys<TFormData>> : TData> & {
-    mode?: "value" | "array" | undefined;
-} & ({
-    [x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
-} | {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-})) => any;
-export {};

package/build/lib/useField.jsx

@@ -1,41 +0,0 @@
-import { FieldApi, } from '@tanstack/form-core';
-import { useStore } from '@tanstack/vue-store';
-import { defineComponent, onMounted, onUnmounted, watch } from 'vue-demi';
-import { provideFormContext, useFormContext } from './formContext';
-export function useField(opts) {
-    // Get the form API either manually or from context
-    const { formApi, parentFieldName } = useFormContext();
-    const fieldApi = (() => {
-        const api = new FieldApi({
-            ...opts,
-            form: formApi,
-            name: opts.name,
-        });
-        api.Field = Field;
-        return api;
-    })();
-    const fieldState = useStore(fieldApi.store, (state) => state);
-    let cleanup;
-    onMounted(() => {
-        cleanup = fieldApi.mount();
-    });
-    onUnmounted(() => {
-        cleanup();
-    });
-    watch(() => opts, () => {
-        // Keep options up to date as they are rendered
-        fieldApi.update({ ...opts, form: formApi });
-    });
-    return { api: fieldApi, state: fieldState };
-}
-export const Field = defineComponent((fieldOptions, context) => {
-    const fieldApi = useField({ ...fieldOptions, ...context.attrs });
-    provideFormContext({
-        formApi: fieldApi.api.form,
-        parentFieldName: fieldApi.api.name,
-    });
-    return () => context.slots.default({
-        field: fieldApi.api,
-        state: fieldApi.state.value,
-    });
-}, { name: 'Field', inheritAttrs: false });

package/build/lib/useForm.d.ts

@@ -1,19 +0,0 @@
-import { FormApi, type FormState, type FormOptions } from '@tanstack/form-core';
-import { type NoInfer } from '@tanstack/vue-store';
-import { type UseField, type FieldComponent } from './useField';
-import { type EmitsOptions, type SlotsType, type SetupContext } from 'vue-demi';
-declare module '@tanstack/form-core' {
-    interface FormApi<TFormData> {
-        Provider: (props: Record<string, any> & {}) => any;
-        provideFormContext: () => void;
-        Field: FieldComponent<TFormData, TFormData>;
-        useField: UseField<TFormData>;
-        useStore: <TSelected = NoInfer<FormState<TFormData>>>(selector?: (state: NoInfer<FormState<TFormData>>) => TSelected) => TSelected;
-        Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {
-            selector?: (state: NoInfer<FormState<TFormData>>) => TSelected;
-        }, context: SetupContext<EmitsOptions, SlotsType<{
-            default: NoInfer<FormState<TFormData>>;
-        }>>) => any;
-    }
-}
-export declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;

package/build/lib/useForm.jsx

@@ -1,35 +0,0 @@
-import { FormApi } from '@tanstack/form-core';
-import { useStore } from '@tanstack/vue-store';
-import { Field, useField } from './useField';
-import { provideFormContext } from './formContext';
-import { defineComponent, } from 'vue-demi';
-export function useForm(opts) {
-    const formApi = (() => {
-        const api = new FormApi(opts);
-        api.Provider = defineComponent((_, context) => {
-            provideFormContext({ formApi });
-            return () => context.slots.default();
-        }, { name: 'Provider' });
-        api.provideFormContext = () => {
-            provideFormContext({ formApi });
-        };
-        api.Field = Field;
-        api.useField = useField;
-        api.useStore = (selector) => {
-            return useStore(api.store, selector);
-        };
-        api.Subscribe = defineComponent((props, context) => {
-            const allProps = { ...props, ...context.attrs };
-            const selector = allProps.selector ?? ((state) => state);
-            const data = useStore(api.store, selector);
-            return () => context.slots.default(data.value);
-        }, {
-            name: 'Subscribe',
-            inheritAttrs: false,
-        });
-        return api;
-    })();
-    // formApi.useStore((state) => state.isSubmitting)
-    formApi.update(opts);
-    return formApi;
-}