@bobbykim/mcl-forms 0.9.7 → 0.9.9

package/dist/index.d.ts

@@ -7,28 +7,16 @@ import { DefineComponent } from 'vue';
 import { InputType } from '@bobbykim/manguito-theme';
 import { PublicProps } from 'vue';
 
-declare const __VLS_component: DefineComponent<    {
-labelFor: string;
-textColor?: ColorPalette;
-textSize?: BodyText;
-textBold?: boolean;
-label?: string;
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-labelFor: string;
-textColor?: ColorPalette;
-textSize?: BodyText;
-textBold?: boolean;
-label?: string;
-}> & Readonly<{}>, {
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
 textColor: ColorPalette;
 textSize: BodyText;
 textBold: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const __VLS_component_2: DefineComponent<__VLS_PublicProps_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (modelValue: string) => any;
+"update:modelValue": (value: string) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
-"onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
 type: InputType;
 required: boolean;
@@ -41,10 +29,10 @@ displayHighlight: boolean;
 highlightColor: ColorPalette;
 textcolor: ColorPalette;
 placeholder: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const __VLS_component_3: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (modelValue: string | number | null) => any;
+"update:modelValue": (value: string | number | null) => any;
 } & {
 select: (value: string | number) => any;
 clear: () => any;
@@ -53,7 +41,7 @@ close: () => any;
 changed: (value: string | number) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
 onSelect?: ((value: string | number) => any) | undefined;
-"onUpdate:modelValue"?: ((modelValue: string | number | null) => any) | undefined;
+"onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
 onClear?: (() => any) | undefined;
 onOpen?: (() => any) | undefined;
 onClose?: (() => any) | undefined;
@@ -72,87 +60,21 @@ placeholder: string;
 invalidFeedback: string;
 iconColor: ColorPalette;
 selectColor: ColorPalette;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare type __VLS_PublicProps = {
-    modelValue?: File | null;
-} & typeof __VLS_typeProps;
-
-declare type __VLS_PublicProps_2 = {
-    modelValue?: boolean;
-} & typeof __VLS_typeProps_2;
-
-declare type __VLS_PublicProps_3 = {
-    modelValue?: string;
-} & typeof __VLS_typeProps_3;
-
-declare type __VLS_PublicProps_4 = {
-    modelValue?: string | number | null;
-} & typeof __VLS_typeProps_4;
-
-declare type __VLS_PublicProps_5 = {
-    modelValue?: string;
-} & typeof __VLS_typeProps_5;
-
-declare type __VLS_PublicProps_6 = {
-    modelValue?: boolean;
-} & typeof __VLS_typeProps_6;
-
-declare function __VLS_template(): {
-    slots: Readonly<{
-        default: any;
-        label: any;
-    }> & {
-        default: any;
-        label: any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-
-declare function __VLS_template_2(): {
-    slots: {
-        "invalid-feedback"?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-
-declare function __VLS_template_3(): {
-    slots: Readonly<{
-        dropdown(props: {
-            optionClick: (e: Event, option: string | SelectOptionType) => void;
-            options: (string | SelectOptionType)[];
-            activeIndex: number;
-            setRef: (el: Element | ComponentPublicInstance | null, index: number) => void;
-            hover: (index: number) => void;
-        }): any;
-        'no-match': any;
-    }> & {
-        dropdown(props: {
-            optionClick: (e: Event, option: string | SelectOptionType) => void;
-            options: (string | SelectOptionType)[];
-            activeIndex: number;
-            setRef: (el: Element | ComponentPublicInstance | null, index: number) => void;
-            hover: (index: number) => void;
-        }): any;
-        'no-match': any;
-    };
-    refs: {
-        componentRef: HTMLDivElement;
-        inputBox: HTMLInputElement;
-        dropdownRef: HTMLUListElement;
-    };
-    attrs: Partial<{}>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+componentRef: HTMLDivElement;
+inputBox: HTMLInputElement;
+dropdownRef: HTMLUListElement;
+}, HTMLDivElement>;
+
+declare type __VLS_Props = {
+    labelFor: string;
+    textColor?: ColorPalette;
+    textSize?: BodyText;
+    textBold?: boolean;
+    label?: string;
 };
 
-declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-
-declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
-
-declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
-
-declare let __VLS_typeProps: {
+declare type __VLS_Props_2 = {
     id: string;
     displayBorder?: boolean;
     borderColor?: ColorPalette;
@@ -168,7 +90,17 @@ declare let __VLS_typeProps: {
     accept?: string;
 };
 
-declare let __VLS_typeProps_2: {
+declare type __VLS_Props_3 = {
+    id: string;
+    radioSize?: InputSizeType;
+    bgColor?: ColorPalette;
+    checkedColor?: ColorPalette;
+    displayShadow?: boolean;
+    value?: string | number;
+    checked?: boolean;
+};
+
+declare type __VLS_Props_4 = {
     id: string;
     sliderColor?: ColorPalette;
     onColor?: ColorPalette;
@@ -177,7 +109,7 @@ declare let __VLS_typeProps_2: {
     rounded?: boolean;
 };
 
-declare let __VLS_typeProps_3: {
+declare type __VLS_Props_5 = {
     id: string;
     displayBorder?: boolean;
     borderColor?: ColorPalette;
@@ -196,7 +128,7 @@ declare let __VLS_typeProps_3: {
     pattern?: string;
 };
 
-declare let __VLS_typeProps_4: {
+declare type __VLS_Props_6 = {
     id: string;
     displayBorder?: boolean;
     borderColor?: ColorPalette;
@@ -214,7 +146,7 @@ declare let __VLS_typeProps_4: {
     invalidFeedback?: string;
 };
 
-declare let __VLS_typeProps_5: {
+declare type __VLS_Props_7 = {
     id: string;
     displayBorder?: boolean;
     borderColor?: ColorPalette;
@@ -229,7 +161,7 @@ declare let __VLS_typeProps_5: {
     rows?: number;
 };
 
-declare let __VLS_typeProps_6: {
+declare type __VLS_Props_8 = {
     id: string;
     inputSize?: InputSizeType;
     bgColor?: ColorPalette;
@@ -242,6 +174,87 @@ declare let __VLS_typeProps_6: {
     checked?: boolean;
 };
 
+declare type __VLS_PublicProps = {
+    modelValue?: File | null;
+} & __VLS_Props_2;
+
+declare type __VLS_PublicProps_2 = {
+    modelValue?: boolean;
+} & __VLS_Props_4;
+
+declare type __VLS_PublicProps_3 = {
+    modelValue?: string;
+} & __VLS_Props_5;
+
+declare type __VLS_PublicProps_4 = {
+    modelValue?: string | number | null;
+} & __VLS_Props_6;
+
+declare type __VLS_PublicProps_5 = {
+    modelValue?: string;
+} & __VLS_Props_7;
+
+declare type __VLS_PublicProps_6 = {
+    modelValue?: boolean;
+} & __VLS_Props_8;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: any;
+        label: any;
+    }> & {
+        default: any;
+        label: any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
+    slots: {
+        'invalid-feedback'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        dropdown(props: {
+            optionClick: (e: Event, option: string | SelectOptionType) => void;
+            options: (string | SelectOptionType)[];
+            activeIndex: number;
+            setRef: (el: Element | ComponentPublicInstance | null, index: number) => void;
+            hover: (index: number) => void;
+        }): any;
+        'no-match': any;
+    }> & {
+        dropdown(props: {
+            optionClick: (e: Event, option: string | SelectOptionType) => void;
+            options: (string | SelectOptionType)[];
+            activeIndex: number;
+            setRef: (el: Element | ComponentPublicInstance | null, index: number) => void;
+            hover: (index: number) => void;
+        }): any;
+        'no-match': any;
+    };
+    refs: {
+        componentRef: HTMLDivElement;
+        inputBox: HTMLInputElement;
+        dropdownRef: HTMLUListElement;
+    };
+    rootEl: HTMLDivElement;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
+
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -263,11 +276,11 @@ declare type __VLS_WithTemplateSlots_3<T, S> = T & {
 export declare type InputSizeType = 'sm' | 'md' | 'lg';
 
 export declare const MclCheckbox: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (modelValue: boolean) => any;
+"update:modelValue": (value: boolean) => any;
 } & {
 "checkbox-click": (event: Event, checked: boolean, value: string | number) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
-"onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 "onCheckbox-click"?: ((event: Event, checked: boolean, value: string | number) => any) | undefined;
 }>, {
 borderColor: ColorPalette;
@@ -278,14 +291,16 @@ checked: boolean;
 inputSize: InputSizeType;
 checkedBgColor: ColorPalette;
 checkColor: ColorPalette;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+checkboxRef: HTMLInputElement;
+}, HTMLDivElement>;
 
 export declare const MclFormGroup: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 export declare const MclInputFile: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (modelValue: File | null) => any;
+"update:modelValue": (value: File | null) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-"onUpdate:modelValue"?: ((modelValue: File | null) => any) | undefined;
+"onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
 }>, {
 textColor: ColorPalette;
 displayBorder: boolean;
@@ -299,27 +314,13 @@ displayShadow: boolean;
 displayClear: boolean;
 isRequired: boolean;
 accept: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-export declare const MclInputRadio: DefineComponent<    {
-id: string;
-radioSize?: InputSizeType;
-bgColor?: ColorPalette;
-checkedColor?: ColorPalette;
-displayShadow?: boolean;
-value?: string | number;
-checked?: boolean;
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+
+export declare const MclInputRadio: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 change: (event: Event, value: string | number) => any;
-}, string, PublicProps, Readonly<{
-id: string;
-radioSize?: InputSizeType;
-bgColor?: ColorPalette;
-checkedColor?: ColorPalette;
-displayShadow?: boolean;
-value?: string | number;
-checked?: boolean;
-}> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
 onChange?: ((event: Event, value: string | number) => any) | undefined;
 }>, {
 bgColor: ColorPalette;
@@ -328,28 +329,32 @@ radioSize: InputSizeType;
 checkedColor: ColorPalette;
 value: string | number;
 checked: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+radioRef: HTMLInputElement;
+}, HTMLDivElement>;
 
 export declare const MclInputSwitch: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (modelValue: boolean) => any;
+"update:modelValue": (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
-"onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
 rounded: boolean;
 sliderColor: ColorPalette;
 onColor: ColorPalette;
 offColor: ColorPalette;
 switchSize: InputSizeType;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+inputRef: HTMLInputElement;
+}, HTMLDivElement>;
 
 export declare const MclInputText: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 export declare const MclSelect: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
 export declare const MclTextArea: DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (modelValue: string) => any;
+"update:modelValue": (value: string) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_5> & Readonly<{
-"onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
 required: boolean;
 displayBorder: boolean;
@@ -362,7 +367,7 @@ highlightColor: ColorPalette;
 textcolor: ColorPalette;
 placeholder: string;
 rows: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export declare type SelectOptions = SelectOptionType[] | string[];