@creatorsn/vfluent3 0.2.11 → 0.2.13

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

@@ -1,20 +1,141 @@
-import { ExtractPropTypes } from 'vue';
-import { EmitFn } from '@/types/components';
-export declare const dropDownProps: {
-    theme: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    lang: {
-        type: StringConstructor;
-        default: string;
-    };
-};
-export type DropDownProps = ExtractPropTypes<typeof dropDownProps>;
-export declare const dropDownEmits: {};
-export type DropDownEmits = typeof dropDownEmits;
-export declare const useDropDown: (props: DropDownProps, emits: EmitFn<DropDownEmits>) => {};
+import { ExtractPropTypes, PropType } from 'vue';
+import { EmitFn } from '@/types/components';
+type DropDownType = 'header' | 'divider';
+export type DropDownOption = {
+    key?: string;
+    text?: string;
+    type?: DropDownType;
+    disabled?: boolean;
+    choosen?: boolean;
+};
+export declare const dropDownProps: {
+    modelValue: {
+        type: PropType<DropDownOption[]>;
+        default: () => any[];
+    };
+    options: {
+        type: PropType<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;
+    };
+};
+export type DropDownProps = ExtractPropTypes<typeof dropDownProps>;
+export declare const dropDownEmits: {
+    "update:modelValue"(val: Array<DropDownOption>): boolean;
+    "visible-change"(val: boolean): boolean;
+    change(val: {
+        option: DropDownOption;
+        index: number;
+    }): boolean;
+};
+export type DropDownEmits = typeof dropDownEmits;
+export declare const useDropDown: (props: DropDownProps, emits: EmitFn<DropDownEmits>) => {
+    root: import("vue").Ref<HTMLElement>;
+    input: import("vue").Ref<HTMLElement>;
+    choosenValue: import("vue").Ref<{
+        key?: string;
+        text?: string;
+        type?: DropDownType;
+        disabled?: boolean;
+        choosen?: boolean;
+    }[]>;
+    styles: import("vue").Ref<{
+        dropDown: {
+            zIndex: number;
+            overflow: string;
+        };
+    }>;
+    show: import("vue").Ref<{
+        listContainer: boolean;
+    }>;
+    init: () => void;
+    destroy: () => void;
+    heightSenseInit: () => void;
+    dropDownListShowStatus: import("vue").ComputedRef<{
+        position: string;
+        top: string;
+        bottom: string;
+        height: string;
+        overflow: string;
+    }>;
+    dropDownListHeight: import("vue").ComputedRef<number>;
+    onChange: (event: {
+        option: DropDownOption;
+        index: number;
+    }) => void;
+};
+export {};

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

@@ -1,2 +1,480 @@
-declare const _default: any;
-export default _default;
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<import(".").DropDownOption[]>;
+            default: () => any[];
+        };
+        options: {
+            type: import("vue").PropType<import(".").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(".").DropDownOption;
+            index: number;
+        }) => any;
+        "onUpdate:modelValue"?: (val: import(".").DropDownOption[]) => any;
+        "onVisible-change"?: (val: boolean) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue"(val: import(".").DropDownOption[]): boolean;
+        "visible-change"(val: boolean): boolean;
+        change(val: {
+            option: import(".").DropDownOption;
+            index: number;
+        }): boolean;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<import(".").DropDownOption[]>;
+            default: () => any[];
+        };
+        options: {
+            type: import("vue").PropType<import(".").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(".").DropDownOption;
+            index: number;
+        }) => any;
+        "onUpdate:modelValue"?: (val: import(".").DropDownOption[]) => any;
+        "onVisible-change"?: (val: boolean) => any;
+    }, {
+        maxHeight: string | number;
+        borderRadius: string;
+        borderWidth: number;
+        theme: string;
+        modelValue: import(".").DropDownOption[];
+        disabled: boolean;
+        lang: string;
+        multiple: boolean;
+        placeholder: string;
+        inputForeground: string;
+        inputBackground: string;
+        dropDownIcon: string;
+        dropDownIconForeground: string;
+        options: import(".").DropDownOption[];
+        inputBorderColor: string;
+        checkBoxBackground: string;
+        dropDownListForeground: string;
+        dropDownListBackground: string;
+        showError: boolean;
+        errorMessage: string;
+        setFocus: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<import(".").DropDownOption[]>;
+            default: () => any[];
+        };
+        options: {
+            type: import("vue").PropType<import(".").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(".").DropDownOption;
+            index: number;
+        }) => any;
+        "onUpdate:modelValue"?: (val: import(".").DropDownOption[]) => any;
+        "onVisible-change"?: (val: boolean) => any;
+    }, {}, {}, {}, {}, {
+        maxHeight: string | number;
+        borderRadius: string;
+        borderWidth: number;
+        theme: string;
+        modelValue: import(".").DropDownOption[];
+        disabled: boolean;
+        lang: string;
+        multiple: boolean;
+        placeholder: string;
+        inputForeground: string;
+        inputBackground: string;
+        dropDownIcon: string;
+        dropDownIconForeground: string;
+        options: import(".").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(".").DropDownOption[]>;
+        default: () => any[];
+    };
+    options: {
+        type: import("vue").PropType<import(".").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(".").DropDownOption;
+        index: number;
+    }) => any;
+    "onUpdate:modelValue"?: (val: import(".").DropDownOption[]) => any;
+    "onVisible-change"?: (val: boolean) => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue"(val: import(".").DropDownOption[]): boolean;
+    "visible-change"(val: boolean): boolean;
+    change(val: {
+        option: import(".").DropDownOption;
+        index: number;
+    }): boolean;
+}, string, {
+    maxHeight: string | number;
+    borderRadius: string;
+    borderWidth: number;
+    theme: string;
+    modelValue: import(".").DropDownOption[];
+    disabled: boolean;
+    lang: string;
+    multiple: boolean;
+    placeholder: string;
+    inputForeground: string;
+    inputBackground: string;
+    dropDownIcon: string;
+    dropDownIconForeground: string;
+    options: import(".").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 () => {
+    $slots: {
+        'drop-carrier': (_: {
+            value: {
+                key?: string;
+                text?: string;
+                type?: "header" | "divider";
+                disabled?: boolean;
+                choosen?: boolean;
+            }[];
+            placeholoder: string;
+            theme: string;
+        }) => any;
+        input: (_: {
+            placeholder: string;
+            value: string;
+        }) => any;
+        options: (_: {
+            option: import(".").DropDownOption;
+            index: number;
+        }) => any;
+    };
+});
+export default _default;