@creatorsn/vfluent3 0.2.17 → 0.3.0

package/dist/types/packages/drop-down/index.d.ts

@@ -1,480 +1,196 @@
 import "./style";
 export declare const FvDropDown: import("../../types/plugins/component-plugin").ComponentPlugin<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: import("vue").PropType<import("./source").DropDownOption[]>;
-            default: () => any[];
-        };
-        options: {
-            type: import("vue").PropType<import("./source").DropDownOption[]>;
-            default: () => any[];
-        };
-        multiple: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        borderWidth: {
-            type: NumberConstructor;
-            default: number;
-        };
-        borderRadius: {
-            type: StringConstructor;
-            default: string;
-        };
-        placeholder: {
-            default: string;
-        };
-        maxHeight: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        inputForeground: {
-            type: StringConstructor;
-            default: string;
-        };
-        inputBorderColor: {
-            type: StringConstructor;
-            default: string;
-        };
-        checkBoxBackground: {
-            type: StringConstructor;
-            default: string;
-        };
-        dropDownListForeground: {
-            type: StringConstructor;
-            default: string;
-        };
-        dropDownListBackground: {
-            type: StringConstructor;
-            default: string;
-        };
-        inputBackground: {
-            type: StringConstructor;
-            default: string;
-        };
-        dropDownIcon: {
-            type: StringConstructor;
-            default: string;
-        };
-        dropDownIconForeground: {
-            type: StringConstructor;
-            default: string;
-        };
-        showError: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        errorMessage: {
-            type: StringConstructor;
-            default: string;
-        };
-        setFocus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        theme: {
-            type: StringConstructor;
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        lang: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & {
-        onChange?: (val: {
-            option: import("./source").DropDownOption;
-            index: number;
-        }) => any;
-        "onUpdate:modelValue"?: (val: import("./source").DropDownOption[]) => any;
-        "onVisible-change"?: (val: boolean) => any;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue"(val: import("./source").DropDownOption[]): boolean;
-        "visible-change"(val: boolean): boolean;
-        change(val: {
-            option: import("./source").DropDownOption;
-            index: number;
-        }): boolean;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: import("vue").PropType<import("./source").DropDownOption[]>;
-            default: () => any[];
-        };
-        options: {
-            type: import("vue").PropType<import("./source").DropDownOption[]>;
-            default: () => any[];
-        };
-        multiple: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        borderWidth: {
-            type: NumberConstructor;
-            default: number;
-        };
-        borderRadius: {
-            type: StringConstructor;
-            default: string;
-        };
-        placeholder: {
-            default: string;
-        };
-        maxHeight: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        inputForeground: {
-            type: StringConstructor;
-            default: string;
-        };
-        inputBorderColor: {
-            type: StringConstructor;
-            default: string;
-        };
-        checkBoxBackground: {
-            type: StringConstructor;
-            default: string;
-        };
-        dropDownListForeground: {
-            type: StringConstructor;
-            default: string;
-        };
-        dropDownListBackground: {
-            type: StringConstructor;
-            default: string;
-        };
-        inputBackground: {
-            type: StringConstructor;
-            default: string;
-        };
-        dropDownIcon: {
-            type: StringConstructor;
-            default: string;
-        };
-        dropDownIconForeground: {
-            type: StringConstructor;
-            default: string;
-        };
-        showError: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        errorMessage: {
-            type: StringConstructor;
-            default: string;
-        };
-        setFocus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        theme: {
-            type: StringConstructor;
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {
+        $props: {
+            readonly maxHeight?: string | undefined;
+            readonly borderRadius?: string | undefined;
+            readonly borderWidth?: number | undefined;
+            readonly theme?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly lang?: string | undefined;
+            readonly modelValue?: never[] | undefined;
+            readonly placeholder?: string | undefined;
+            readonly inputForeground?: string | undefined;
+            readonly inputBackground?: string | undefined;
+            readonly dropDownIcon?: string | undefined;
+            readonly dropDownIconForeground?: string | undefined;
+            readonly multiple?: boolean | undefined;
+            readonly options?: never[] | undefined;
+            readonly dropDownListBackground?: string | undefined;
+            readonly dropDownListForeground?: string | undefined;
+            readonly setFocus?: boolean | undefined;
+            readonly inputBorderColor?: string | undefined;
+            readonly checkBoxBackground?: string | undefined;
+            readonly showError?: boolean | undefined;
+            readonly errorMessage?: string | undefined;
+        };
+        $emit: (event: "change" | "update:modelValue" | "visible-change", ...args: any[]) => void;
+    }, {
+        choosenValue: Function;
+        topRemainHeight: number;
+        bottomRemainHeight: number;
+        timer: {};
+        styles: {
+            dropDown: {
+                zIndex: number;
+                overflow: string;
+            };
+        };
+        show: {
+            listContainer: boolean;
         };
-        lang: {
-            type: StringConstructor;
-            default: string;
+    }, {
+        $theme(): string;
+        isDisabled(): boolean;
+        dropDownListHeight(): number;
+        dropDownListShowStatus(): {
+            position: string;
+            top: string;
+            bottom: string;
+            height: string;
+            overflow: string;
         };
-    }>> & {
-        onChange?: (val: {
-            option: import("./source").DropDownOption;
-            index: number;
-        }) => any;
-        "onUpdate:modelValue"?: (val: import("./source").DropDownOption[]) => any;
-        "onVisible-change"?: (val: boolean) => any;
     }, {
-        maxHeight: string | number;
-        borderRadius: string;
-        borderWidth: number;
-        theme: string;
-        modelValue: import("./source").DropDownOption[];
-        disabled: boolean;
-        lang: string;
-        multiple: boolean;
-        placeholder: string;
-        inputForeground: string;
-        inputBackground: string;
-        dropDownIcon: string;
-        dropDownIconForeground: string;
-        options: import("./source").DropDownOption[];
-        inputBorderColor: string;
-        checkBoxBackground: string;
-        dropDownListForeground: string;
-        dropDownListBackground: string;
-        showError: boolean;
-        errorMessage: string;
-        setFocus: boolean;
-    }, true, {}, {}, {
+        outSideClickInit(): void;
+        outSideClickEvent(event: any): void;
+        heightSenseInit(): void;
+        onChange(event: any): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: import("vue").PropType<import("./source").DropDownOption[]>;
-            default: () => any[];
-        };
-        options: {
-            type: import("vue").PropType<import("./source").DropDownOption[]>;
-            default: () => any[];
-        };
-        multiple: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        borderWidth: {
-            type: NumberConstructor;
-            default: number;
-        };
-        borderRadius: {
-            type: StringConstructor;
-            default: string;
-        };
-        placeholder: {
-            default: string;
-        };
-        maxHeight: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        inputForeground: {
-            type: StringConstructor;
-            default: string;
-        };
-        inputBorderColor: {
-            type: StringConstructor;
-            default: string;
-        };
-        checkBoxBackground: {
-            type: StringConstructor;
-            default: string;
-        };
-        dropDownListForeground: {
-            type: StringConstructor;
-            default: string;
-        };
-        dropDownListBackground: {
-            type: StringConstructor;
-            default: string;
-        };
-        inputBackground: {
-            type: StringConstructor;
-            default: string;
-        };
-        dropDownIcon: {
-            type: StringConstructor;
-            default: string;
-        };
-        dropDownIconForeground: {
-            type: StringConstructor;
-            default: string;
-        };
-        showError: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        errorMessage: {
-            type: StringConstructor;
-            default: string;
-        };
-        setFocus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        theme: {
-            type: StringConstructor;
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, {
+        $props: {
+            readonly maxHeight?: string | undefined;
+            readonly borderRadius?: string | undefined;
+            readonly borderWidth?: number | undefined;
+            readonly theme?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly lang?: string | undefined;
+            readonly modelValue?: never[] | undefined;
+            readonly placeholder?: string | undefined;
+            readonly inputForeground?: string | undefined;
+            readonly inputBackground?: string | undefined;
+            readonly dropDownIcon?: string | undefined;
+            readonly dropDownIconForeground?: string | undefined;
+            readonly multiple?: boolean | undefined;
+            readonly options?: never[] | undefined;
+            readonly dropDownListBackground?: string | undefined;
+            readonly dropDownListForeground?: string | undefined;
+            readonly setFocus?: boolean | undefined;
+            readonly inputBorderColor?: string | undefined;
+            readonly checkBoxBackground?: string | undefined;
+            readonly showError?: boolean | undefined;
+            readonly errorMessage?: string | undefined;
+        };
+        $emit: (event: "change" | "update:modelValue" | "visible-change", ...args: any[]) => void;
+    }, {
+        choosenValue: Function;
+        topRemainHeight: number;
+        bottomRemainHeight: number;
+        timer: {};
+        styles: {
+            dropDown: {
+                zIndex: number;
+                overflow: string;
+            };
+        };
+        show: {
+            listContainer: boolean;
         };
-        lang: {
-            type: StringConstructor;
-            default: string;
+    }, {
+        $theme(): string;
+        isDisabled(): boolean;
+        dropDownListHeight(): number;
+        dropDownListShowStatus(): {
+            position: string;
+            top: string;
+            bottom: string;
+            height: string;
+            overflow: string;
         };
-    }>> & {
-        onChange?: (val: {
-            option: import("./source").DropDownOption;
-            index: number;
-        }) => any;
-        "onUpdate:modelValue"?: (val: import("./source").DropDownOption[]) => any;
-        "onVisible-change"?: (val: boolean) => any;
-    }, {}, {}, {}, {}, {
-        maxHeight: string | number;
-        borderRadius: string;
-        borderWidth: number;
-        theme: string;
-        modelValue: import("./source").DropDownOption[];
-        disabled: boolean;
-        lang: string;
-        multiple: boolean;
-        placeholder: string;
-        inputForeground: string;
-        inputBackground: string;
-        dropDownIcon: string;
-        dropDownIconForeground: string;
-        options: import("./source").DropDownOption[];
-        inputBorderColor: string;
-        checkBoxBackground: string;
-        dropDownListForeground: string;
-        dropDownListBackground: string;
-        showError: boolean;
-        errorMessage: string;
-        setFocus: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<import("./source").DropDownOption[]>;
-        default: () => any[];
-    };
-    options: {
-        type: import("vue").PropType<import("./source").DropDownOption[]>;
-        default: () => any[];
-    };
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    borderWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    borderRadius: {
-        type: StringConstructor;
-        default: string;
-    };
-    placeholder: {
-        default: string;
-    };
-    maxHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    inputForeground: {
-        type: StringConstructor;
-        default: string;
-    };
-    inputBorderColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    checkBoxBackground: {
-        type: StringConstructor;
-        default: string;
-    };
-    dropDownListForeground: {
-        type: StringConstructor;
-        default: string;
-    };
-    dropDownListBackground: {
-        type: StringConstructor;
-        default: string;
-    };
-    inputBackground: {
-        type: StringConstructor;
-        default: string;
-    };
-    dropDownIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    dropDownIconForeground: {
-        type: StringConstructor;
-        default: string;
-    };
-    showError: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    errorMessage: {
-        type: StringConstructor;
-        default: string;
-    };
-    setFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    theme: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    lang: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & {
-    onChange?: (val: {
-        option: import("./source").DropDownOption;
-        index: number;
-    }) => any;
-    "onUpdate:modelValue"?: (val: import("./source").DropDownOption[]) => any;
-    "onVisible-change"?: (val: boolean) => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue"(val: import("./source").DropDownOption[]): boolean;
-    "visible-change"(val: boolean): boolean;
-    change(val: {
-        option: import("./source").DropDownOption;
-        index: number;
-    }): boolean;
-}, string, {
-    maxHeight: string | number;
-    borderRadius: string;
-    borderWidth: number;
-    theme: string;
-    modelValue: import("./source").DropDownOption[];
-    disabled: boolean;
-    lang: string;
-    multiple: boolean;
-    placeholder: string;
-    inputForeground: string;
-    inputBackground: string;
-    dropDownIcon: string;
-    dropDownIconForeground: string;
-    options: import("./source").DropDownOption[];
-    inputBorderColor: string;
-    checkBoxBackground: string;
-    dropDownListForeground: string;
-    dropDownListBackground: string;
-    showError: boolean;
-    errorMessage: string;
-    setFocus: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }, {
+        outSideClickInit(): void;
+        outSideClickEvent(event: any): void;
+        heightSenseInit(): void;
+        onChange(event: any): void;
+    }, {}>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
+    $props: {
+        readonly maxHeight?: string | undefined;
+        readonly borderRadius?: string | undefined;
+        readonly borderWidth?: number | undefined;
+        readonly theme?: string | undefined;
+        readonly disabled?: boolean | undefined;
+        readonly lang?: string | undefined;
+        readonly modelValue?: never[] | undefined;
+        readonly placeholder?: string | undefined;
+        readonly inputForeground?: string | undefined;
+        readonly inputBackground?: string | undefined;
+        readonly dropDownIcon?: string | undefined;
+        readonly dropDownIconForeground?: string | undefined;
+        readonly multiple?: boolean | undefined;
+        readonly options?: never[] | undefined;
+        readonly dropDownListBackground?: string | undefined;
+        readonly dropDownListForeground?: string | undefined;
+        readonly setFocus?: boolean | undefined;
+        readonly inputBorderColor?: string | undefined;
+        readonly checkBoxBackground?: string | undefined;
+        readonly showError?: boolean | undefined;
+        readonly errorMessage?: string | undefined;
+    };
+    $emit: (event: "change" | "update:modelValue" | "visible-change", ...args: any[]) => void;
+}, {
+    choosenValue: Function;
+    topRemainHeight: number;
+    bottomRemainHeight: number;
+    timer: {};
+    styles: {
+        dropDown: {
+            zIndex: number;
+            overflow: string;
+        };
+    };
+    show: {
+        listContainer: boolean;
+    };
+}, {
+    $theme(): string;
+    isDisabled(): boolean;
+    dropDownListHeight(): number;
+    dropDownListShowStatus(): {
+        position: string;
+        top: string;
+        bottom: string;
+        height: string;
+        overflow: string;
+    };
+}, {
+    outSideClickInit(): void;
+    outSideClickEvent(event: any): void;
+    heightSenseInit(): void;
+    onChange(event: any): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         'drop-carrier': (_: {
-            value: {
-                key?: string;
-                text?: string;
-                type?: "header" | "divider";
-                disabled?: boolean;
-                choosen?: boolean;
-            }[];
+            value: Function;
             placeholoder: string;
             theme: string;
         }) => any;
         input: (_: {
-            placeholder: string;
-            value: string;
+            placeholder: any;
+            value: any;
+            valueTrigger: any;
         }) => any;
         options: (_: {
-            option: import("./source").DropDownOption;
-            index: number;
+            option: any;
+            index: any;
         }) => any;
     };
 })>;