routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+192
@@ -0,0 +1,192 @@
|
||||
import { useValidation } from '../../composables/validation.js';
|
||||
import type { GenericProps } from '../../util/index.js';
|
||||
export type VValidationSlots = {
|
||||
default: ReturnType<typeof useValidation>;
|
||||
};
|
||||
export declare const VValidation: {
|
||||
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
|
||||
focused: boolean;
|
||||
disabled: boolean | null;
|
||||
error: boolean;
|
||||
errorMessages: string | readonly string[] | null;
|
||||
maxErrors: string | number;
|
||||
readonly: boolean | null;
|
||||
rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
|
||||
} & {
|
||||
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
||||
name?: string | undefined;
|
||||
label?: string | undefined;
|
||||
validateOn?: ("blur eager" | "blur lazy" | "eager" | "eager blur" | "eager input" | "eager invalid-input" | "eager submit" | "input eager" | "input lazy" | "invalid-input eager" | "invalid-input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy invalid-input" | "lazy submit" | "submit eager" | "submit lazy" | ("blur" | "input" | "invalid-input" | "submit")) | undefined;
|
||||
validationValue?: any;
|
||||
} & {}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<{
|
||||
'update:modelValue': (value: any) => true;
|
||||
}, "$children" | "modelValue" | "update:modelValue" | "v-slot:default" | "v-slots">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
|
||||
focused: boolean;
|
||||
disabled: boolean | null;
|
||||
error: boolean;
|
||||
errorMessages: string | readonly string[] | null;
|
||||
maxErrors: string | number;
|
||||
readonly: boolean | null;
|
||||
rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
|
||||
}, true, {}, import("vue").SlotsType<Partial<{
|
||||
default: (arg: {
|
||||
errorMessages: import("vue").ComputedRef<string[]>;
|
||||
isDirty: import("vue").ComputedRef<boolean>;
|
||||
isDisabled: import("vue").ComputedRef<boolean>;
|
||||
isReadonly: import("vue").ComputedRef<boolean>;
|
||||
isPristine: import("vue").ShallowRef<boolean, boolean>;
|
||||
isValid: import("vue").ComputedRef<boolean | null>;
|
||||
isValidating: import("vue").ShallowRef<boolean, boolean>;
|
||||
reset: () => Promise<void>;
|
||||
resetValidation: () => Promise<void>;
|
||||
validate: (silent?: boolean) => Promise<string[]>;
|
||||
validationClasses: import("vue").ComputedRef<{
|
||||
[x: string]: boolean;
|
||||
}>;
|
||||
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
||||
P: {};
|
||||
B: {};
|
||||
D: {};
|
||||
C: {};
|
||||
M: {};
|
||||
Defaults: {};
|
||||
}, {
|
||||
focused: boolean;
|
||||
disabled: boolean | null;
|
||||
error: boolean;
|
||||
errorMessages: string | readonly string[] | null;
|
||||
maxErrors: string | number;
|
||||
readonly: boolean | null;
|
||||
rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
|
||||
} & {
|
||||
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
||||
name?: string | undefined;
|
||||
label?: string | undefined;
|
||||
validateOn?: ("blur eager" | "blur lazy" | "eager" | "eager blur" | "eager input" | "eager invalid-input" | "eager submit" | "input eager" | "input lazy" | "invalid-input eager" | "invalid-input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy invalid-input" | "lazy submit" | "submit eager" | "submit lazy" | ("blur" | "input" | "invalid-input" | "submit")) | undefined;
|
||||
validationValue?: any;
|
||||
} & {}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[] | undefined, {}, {}, {}, {
|
||||
focused: boolean;
|
||||
disabled: boolean | null;
|
||||
error: boolean;
|
||||
errorMessages: string | readonly string[] | null;
|
||||
maxErrors: string | number;
|
||||
readonly: boolean | null;
|
||||
rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
|
||||
}>;
|
||||
__isFragment?: never;
|
||||
__isTeleport?: never;
|
||||
__isSuspense?: never;
|
||||
} & import("vue").ComponentOptionsBase<{
|
||||
focused: boolean;
|
||||
disabled: boolean | null;
|
||||
error: boolean;
|
||||
errorMessages: string | readonly string[] | null;
|
||||
maxErrors: string | number;
|
||||
readonly: boolean | null;
|
||||
rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
|
||||
} & {
|
||||
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
||||
name?: string | undefined;
|
||||
label?: string | undefined;
|
||||
validateOn?: ("blur eager" | "blur lazy" | "eager" | "eager blur" | "eager input" | "eager invalid-input" | "eager submit" | "input eager" | "input lazy" | "invalid-input eager" | "invalid-input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy invalid-input" | "lazy submit" | "submit eager" | "submit lazy" | ("blur" | "input" | "invalid-input" | "submit")) | undefined;
|
||||
validationValue?: any;
|
||||
} & {}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<{
|
||||
'update:modelValue': (value: any) => true;
|
||||
}, "$children" | "modelValue" | "update:modelValue" | "v-slot:default" | "v-slots">, string, {
|
||||
focused: boolean;
|
||||
disabled: boolean | null;
|
||||
error: boolean;
|
||||
errorMessages: string | readonly string[] | null;
|
||||
maxErrors: string | number;
|
||||
readonly: boolean | null;
|
||||
rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
|
||||
}, {}, string, import("vue").SlotsType<Partial<{
|
||||
default: (arg: {
|
||||
errorMessages: import("vue").ComputedRef<string[]>;
|
||||
isDirty: import("vue").ComputedRef<boolean>;
|
||||
isDisabled: import("vue").ComputedRef<boolean>;
|
||||
isReadonly: import("vue").ComputedRef<boolean>;
|
||||
isPristine: import("vue").ShallowRef<boolean, boolean>;
|
||||
isValid: import("vue").ComputedRef<boolean | null>;
|
||||
isValidating: import("vue").ShallowRef<boolean, boolean>;
|
||||
reset: () => Promise<void>;
|
||||
resetValidation: () => Promise<void>;
|
||||
validate: (silent?: boolean) => Promise<string[]>;
|
||||
validationClasses: import("vue").ComputedRef<{
|
||||
[x: string]: boolean;
|
||||
}>;
|
||||
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new <T>(props: {
|
||||
modelValue?: T | null;
|
||||
'onUpdate:modelValue'?: (value: T | null) => void;
|
||||
}, slots: VValidationSlots) => GenericProps<typeof props, typeof slots>) & import("../../util/index.js").FilterPropsOptions<{
|
||||
focused: BooleanConstructor;
|
||||
'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
|
||||
disabled: {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
};
|
||||
error: BooleanConstructor;
|
||||
errorMessages: {
|
||||
type: import("vue").PropType<string | readonly string[] | null>;
|
||||
default: () => never[];
|
||||
};
|
||||
maxErrors: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
name: StringConstructor;
|
||||
label: StringConstructor;
|
||||
readonly: {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
};
|
||||
rules: {
|
||||
type: import("vue").PropType<readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
modelValue: null;
|
||||
validateOn: import("vue").PropType<("blur eager" | "blur lazy" | "eager" | "eager blur" | "eager input" | "eager invalid-input" | "eager submit" | "input eager" | "input lazy" | "invalid-input eager" | "invalid-input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy invalid-input" | "lazy submit" | "submit eager" | "submit lazy" | ("blur" | "input" | "invalid-input" | "submit")) | undefined>;
|
||||
validationValue: null;
|
||||
}, import("vue").ExtractPropTypes<{
|
||||
focused: BooleanConstructor;
|
||||
'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
|
||||
disabled: {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
};
|
||||
error: BooleanConstructor;
|
||||
errorMessages: {
|
||||
type: import("vue").PropType<string | readonly string[] | null>;
|
||||
default: () => never[];
|
||||
};
|
||||
maxErrors: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
name: StringConstructor;
|
||||
label: StringConstructor;
|
||||
readonly: {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
};
|
||||
rules: {
|
||||
type: import("vue").PropType<readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
modelValue: null;
|
||||
validateOn: import("vue").PropType<("blur eager" | "blur lazy" | "eager" | "eager blur" | "eager input" | "eager invalid-input" | "eager submit" | "input eager" | "input lazy" | "invalid-input eager" | "invalid-input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy invalid-input" | "lazy submit" | "submit eager" | "submit lazy" | ("blur" | "input" | "invalid-input" | "submit")) | undefined>;
|
||||
validationValue: null;
|
||||
}>>;
|
||||
export type VValidation = InstanceType<typeof VValidation>;
|
||||
+17
@@ -0,0 +1,17 @@
|
||||
// Composables
|
||||
import { makeValidationProps, useValidation } from "../../composables/validation.js"; // Utilities
|
||||
import { genericComponent } from "../../util/index.js"; // Types
|
||||
export const VValidation = genericComponent()({
|
||||
name: 'VValidation',
|
||||
props: makeValidationProps(),
|
||||
emits: {
|
||||
'update:modelValue': value => true
|
||||
},
|
||||
setup(props, {
|
||||
slots
|
||||
}) {
|
||||
const validation = useValidation(props, 'validation');
|
||||
return () => slots.default?.(validation);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VValidation.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"VValidation.js","names":["makeValidationProps","useValidation","genericComponent","VValidation","name","props","emits","value","setup","slots","validation","default"],"sources":["../../../src/components/VValidation/VValidation.tsx"],"sourcesContent":["// Composables\nimport { makeValidationProps, useValidation } from '@/composables/validation'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { GenericProps } from '@/util'\n\nexport type VValidationSlots = {\n default: ReturnType<typeof useValidation>\n}\n\nexport const VValidation = genericComponent<new <T>(\n props: {\n modelValue?: T | null\n 'onUpdate:modelValue'?: (value: T | null) => void\n },\n slots: VValidationSlots,\n) => GenericProps<typeof props, typeof slots>>()({\n name: 'VValidation',\n\n props: makeValidationProps(),\n\n emits: {\n 'update:modelValue': (value: any) => true,\n },\n\n setup (props, { slots }) {\n const validation = useValidation(props, 'validation')\n\n return () => slots.default?.(validation)\n },\n})\n\nexport type VValidation = InstanceType<typeof VValidation>\n"],"mappings":"AAAA;AAAA,SACSA,mBAAmB,EAAEC,aAAa,2CAE3C;AAAA,SACSC,gBAAgB,+BAEzB;AAOA,OAAO,MAAMC,WAAW,GAAGD,gBAAgB,CAMI,CAAC,CAAC;EAC/CE,IAAI,EAAE,aAAa;EAEnBC,KAAK,EAAEL,mBAAmB,CAAC,CAAC;EAE5BM,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAE;IAAEI;EAAM,CAAC,EAAE;IACvB,MAAMC,UAAU,GAAGT,aAAa,CAACI,KAAK,EAAE,YAAY,CAAC;IAErD,OAAO,MAAMI,KAAK,CAACE,OAAO,GAAGD,UAAU,CAAC;EAC1C;AACF,CAAC,CAAC","ignoreList":[]}
|
||||
+1
@@ -0,0 +1 @@
|
||||
export { VValidation } from './VValidation.js';
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
export { VValidation } from "./VValidation.js";
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","names":["VValidation"],"sources":["../../../src/components/VValidation/index.ts"],"sourcesContent":["export { VValidation } from './VValidation'\n"],"mappings":"SAASA,WAAW","ignoreList":[]}
|
||||
Reference in New Issue
Block a user