yuyeon 0.0.47-rc.9 → 0.0.47

package/types/components/textarea/YTextarea.d.ts

@@ -1,6 +1,7 @@
 import { SlotsType, nextTick } from 'vue';
 import type { PropType } from 'vue';
 export declare const pressYTextareaPropsOptions: <Defaults extends {
+    extended?: unknown;
     focused?: unknown;
     'onUpdate:focused'?: unknown;
     readonly?: unknown;
@@ -30,6 +31,10 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     displayText?: unknown;
     whenInputValid?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
+    extended: unknown extends Defaults["extended"] ? PropType<any> : {
+        type: PropType<unknown extends Defaults["extended"] ? any : any>;
+        default: unknown extends Defaults["extended"] ? any : any;
+    };
     focused: unknown extends Defaults["focused"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"]>;
         default: unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"];
@@ -198,6 +203,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     };
 };
 export declare const YTextarea: import("vue").DefineComponent<{
+    extended: PropType<any>;
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<(v: boolean) => void>;
     readonly: PropType<boolean>;
@@ -284,14 +290,15 @@ export declare const YTextarea: import("vue").DefineComponent<{
             readonly readonly?: boolean | undefined;
             readonly validators?: string[] | ((v: any) => string | boolean)[] | undefined;
             'onUpdate:focused'?: (((v: boolean) => void) & ((...args: any[]) => any)) | undefined;
+            readonly extended?: any;
             readonly label?: string | undefined;
             readonly placeholder?: string | undefined;
             readonly ceramic?: boolean | undefined;
             onError?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
             onMousedown?: ((...args: any[]) => any) | undefined;
             onMouseup?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
             "onMousedown:display"?: ((...args: any[]) => any) | undefined;
             "onMouseup:display"?: ((...args: any[]) => any) | undefined;
             "onClick:leading"?: ((...args: any[]) => any) | undefined;
@@ -350,11 +357,7 @@ export declare const YTextarea: import("vue").DefineComponent<{
             prepend: any;
             append: any;
             label: any;
-            default: import("vue").Slot<{
-                value: any;
-                formLoading: boolean;
-                attrId: string;
-            }>;
+            default: import("vue").Slot<import("../input").YInputDefaultSlotProps>;
             leading: import("vue").Slot<{
                 error: boolean;
             }>;
@@ -362,13 +365,15 @@ export declare const YTextarea: import("vue").DefineComponent<{
             'helper-text': import("vue").Slot<{
                 error: boolean;
                 errorResult: string | undefined;
+                errors: any[];
             }>;
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "click" | "error" | "focus" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused", ...args: any[]) => void;
+        $emit: (event: "click" | "error" | "blur" | "focus" | "mousedown" | "mouseup" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            extended: PropType<any>;
             focused: BooleanConstructor;
             'onUpdate:focused': PropType<(v: boolean) => void>;
             readonly: PropType<boolean>;
@@ -424,29 +429,15 @@ export declare const YTextarea: import("vue").DefineComponent<{
             onClick?: ((...args: any[]) => any) | undefined;
             "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
             onError?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
             onMousedown?: ((...args: any[]) => any) | undefined;
             onMouseup?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
             "onMousedown:display"?: ((...args: any[]) => any) | undefined;
             "onMouseup:display"?: ((...args: any[]) => any) | undefined;
             "onClick:leading"?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {
-            themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
-            isFocused: import("vue").WritableComputedRef<any> & {
-                readonly rxValue: any;
-            };
-            focusedClasses: import("vue").ComputedRef<{
-                [x: string]: any;
-            }>;
-            whenFocus: () => void;
-            whenBlur: () => void;
-            createLabel: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }> | undefined;
-            invokeValidators: () => Promise<any[]>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error" | "focus" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused")[], string, {
+        }, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error" | "blur" | "focus" | "mousedown" | "mouseup" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused")[], string, {
             displayTag: string;
             autoSelect: boolean;
             floating: boolean;
@@ -457,11 +448,7 @@ export declare const YTextarea: import("vue").DefineComponent<{
             prepend: any;
             append: any;
             label: any;
-            default: {
-                value: any;
-                formLoading: boolean;
-                attrId: string;
-            };
+            default: import("../input").YInputDefaultSlotProps;
             leading: {
                 error: boolean;
             };
@@ -469,6 +456,7 @@ export declare const YTextarea: import("vue").DefineComponent<{
             'helper-text': {
                 error: boolean;
                 errorResult: string | undefined;
+                errors: any[];
             };
         }>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -491,6 +479,7 @@ export declare const YTextarea: import("vue").DefineComponent<{
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        extended: PropType<any>;
         focused: BooleanConstructor;
         'onUpdate:focused': PropType<(v: boolean) => void>;
         readonly: PropType<boolean>;
@@ -546,29 +535,15 @@ export declare const YTextarea: import("vue").DefineComponent<{
         onClick?: ((...args: any[]) => any) | undefined;
         "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onMousedown?: ((...args: any[]) => any) | undefined;
         onMouseup?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
         "onMousedown:display"?: ((...args: any[]) => any) | undefined;
         "onMouseup:display"?: ((...args: any[]) => any) | undefined;
         "onClick:leading"?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
-        isFocused: import("vue").WritableComputedRef<any> & {
-            readonly rxValue: any;
-        };
-        focusedClasses: import("vue").ComputedRef<{
-            [x: string]: any;
-        }>;
-        whenFocus: () => void;
-        whenBlur: () => void;
-        createLabel: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | undefined;
-        invokeValidators: () => Promise<any[]>;
-    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
+    } & import("vue").ShallowUnwrapRef<any> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
     input$: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (v: any) => true;
@@ -582,6 +557,7 @@ export declare const YTextarea: import("vue").DefineComponent<{
     keydown: (e: KeyboardEvent) => true;
     keyup: (e: KeyboardEvent) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    extended: PropType<any>;
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<(v: boolean) => void>;
     readonly: PropType<boolean>;
@@ -640,8 +616,8 @@ export declare const YTextarea: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((e: MouseEvent) => any) | undefined;
     "onUpdate:focused"?: ((v: boolean) => any) | undefined;
-    onFocus?: ((e: FocusEvent) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
+    onFocus?: ((e: FocusEvent) => any) | undefined;
     "onMousedown:display"?: ((e: MouseEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((v: any) => any) | undefined;
     onInput?: ((v: any) => any) | undefined;

package/types/composables/communication.d.ts

@@ -1,5 +1,5 @@
+import { WritableComputedRef } from '@vue/runtime-core';
 import type { Ref } from 'vue';
-import { WritableComputedRef } from "@vue/runtime-core";
 export declare function useModelDuplex(props: any, prop?: string, defaultValue?: any, getIn?: (value?: any) => any, setOut?: (value: any) => any): WritableComputedRef<any> & {
     readonly rxValue: any;
 };

package/types/composables/form.d.ts

@@ -0,0 +1,126 @@
+import { ComputedRef, InjectionKey, PropType, Ref, VNode } from 'vue';
+import { EventProp } from '../util/vue-component';
+import { ValidationProps } from './validation';
+export interface FormInput {
+    id: number | string;
+    vnode: VNode;
+    validate: () => Promise<any[]>;
+    isError: boolean | undefined | null;
+    errors: any[];
+}
+export interface InputValidationResult {
+    id: number | string;
+    vnode: VNode;
+    exposed: any;
+    errors: any[];
+}
+export interface FormValidationResult {
+    valid: boolean;
+    errors: InputValidationResult[];
+}
+export interface SubmitEventPromise extends SubmitEvent, Promise<FormValidationResult> {
+}
+export interface FormInstance {
+    register: (input: {
+        id: number | string;
+        vnode: VNode;
+        validate: () => Promise<any[]>;
+        resetValidation: () => Promise<void>;
+    }) => void;
+    unregister: (id: number | string) => void;
+    update: (id: number | string, isError: boolean | undefined | null, errors: any[]) => void;
+    inputs: Ref<FormInput[]>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isLoading: ComputedRef<boolean>;
+    isValidating: Ref<boolean>;
+    isValid: Ref<boolean | null>;
+    validateOn: Ref<FormProps['validateOn']>;
+}
+export declare const YUYEON_FORM_KEY: InjectionKey<FormInstance>;
+export interface FormProps {
+    readonly: boolean;
+    disabled: boolean;
+    loading: boolean;
+    modelValue: boolean | null;
+    'onUpdate:modelValue': EventProp<[boolean | null]> | undefined;
+    validateOn: ValidationProps['validateOn'];
+}
+export declare const pressFormPropsOptions: <Defaults extends {
+    readonly?: unknown;
+    disabled?: unknown;
+    loading?: unknown;
+    modelValue?: unknown;
+    validateOn?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    readonly: unknown extends Defaults["readonly"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"]>;
+        default: unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"];
+    };
+    disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
+        default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
+    };
+    loading: unknown extends Defaults["loading"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"]>;
+        default: unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"];
+    };
+    modelValue: unknown extends Defaults["modelValue"] ? {
+        type: PropType<boolean | null>;
+        default: null;
+    } : Omit<{
+        type: PropType<boolean | null>;
+        default: null;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["modelValue"] ? boolean | null : Defaults["modelValue"] | NonNullable<boolean | null>>;
+        default: unknown extends Defaults["modelValue"] ? boolean | null : Defaults["modelValue"] | NonNullable<boolean | null>;
+    };
+    validateOn: unknown extends Defaults["validateOn"] ? {
+        type: PropType<string>;
+        default: string;
+    } : Omit<{
+        type: PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"]>;
+        default: unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"];
+    };
+};
+export declare function createForm(props: FormProps): {
+    inputs: Ref<{
+        id: string | number;
+        vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
+        validate: () => Promise<any[]>;
+        isError: boolean | null | undefined;
+        errors: any[];
+    }[]>;
+    errors: Ref<{
+        id: string | number;
+        vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
+        exposed: any;
+        errors: any[];
+    }[]>;
+    isValid: import("vue").WritableComputedRef<any> & {
+        readonly rxValue: any;
+    };
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isLoading: ComputedRef<boolean>;
+    isValidating: import("vue").ShallowRef<boolean>;
+    validate: () => Promise<{
+        valid: boolean;
+        errors: {
+            id: string | number;
+            vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            exposed: any;
+            errors: any[];
+        }[];
+    }>;
+};
+export declare function useForm(): FormInstance | null;

package/types/composables/validation.d.ts

@@ -1,4 +1,7 @@
 import { PropType } from 'vue';
+export interface ValidationProps {
+    validateOn: 'input' | 'blur' | 'lazy' | 'submit' | string;
+}
 export declare const pressValidationPropsOptions: <Defaults extends {
     readonly?: unknown;
     disabled?: unknown;
@@ -70,6 +73,9 @@ export declare function useValidation(props: any, name: string, uid?: number | u
     }>;
     errorResult: import("vue").Ref<any>;
     errors: import("vue").Ref<any[]>;
+    isReadonly: import("vue").ComputedRef<any>;
+    isDisabled: import("vue").ComputedRef<any>;
+    isLoading: import("vue").ComputedRef<any>;
     isError: import("vue").ComputedRef<boolean>;
     isSuccess: import("vue").ComputedRef<boolean>;
 };

package/types/index.d.ts

@@ -8,4 +8,5 @@ declare module 'vue' {
 export declare function init(options?: any): {
     install: (app: App) => any;
 };
+export declare function useYuyeon(): any;
 export { useTheme };