@creatorsn/vfluent3 0.2.11 → 0.2.13

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

@@ -0,0 +1,80 @@
+import { ExtractPropTypes, PropType } from "vue";
+import { DropDownOption } from "..";
+import { EmitFn } from "@/types/components";
+export declare const inputProps: {
+    modelValue: {
+        type: PropType<DropDownOption[]>;
+        default: () => any[];
+    };
+    borderWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    borderRadius: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputForeground: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputBorderColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropDownIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropDownIconForeground: {
+        type: StringConstructor;
+        default: string;
+    };
+    revealBorderColor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    revealBackgroundColor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    theme: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type InputProps = ExtractPropTypes<typeof inputProps>;
+export declare const inputEmits: {
+    "update:modelValue"(val: Array<DropDownOption>): boolean;
+};
+export type InputEmits = typeof inputEmits;
+export declare const useInput: (props: InputProps, emits: EmitFn<InputEmits>) => {
+    root: import("vue").Ref<HTMLElement>;
+    theme: import("vue").ComputedRef<string>;
+    choosenValue: import("vue").Ref<{
+        key?: string;
+        text?: string;
+        type?: "header" | "divider";
+        disabled?: boolean;
+        choosen?: boolean;
+    }[]>;
+    inputValue: import("vue").ComputedRef<string>;
+    borderLightColor: import("vue").ComputedRef<true | "rgba(121, 119, 117, 0.6)" | "rgba(255, 255, 255, 0.6)">;
+    backgroundLightColor: import("vue").ComputedRef<true | "rgba(121, 119, 117, 0.3)" | "rgba(255, 255, 255, 0.3)">;
+};

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

@@ -1,2 +1,306 @@
-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[];
+        };
+        borderWidth: {
+            type: NumberConstructor;
+            default: number;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        borderRadius: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputForeground: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputBackground: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputBorderColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        dropDownIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        dropDownIconForeground: {
+            type: StringConstructor;
+            default: string;
+        };
+        revealBorderColor: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        revealBackgroundColor: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        theme: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lang: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (val: import("..").DropDownOption[]) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue"(val: import("..").DropDownOption[]): boolean;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<import("..").DropDownOption[]>;
+            default: () => any[];
+        };
+        borderWidth: {
+            type: NumberConstructor;
+            default: number;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        borderRadius: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputForeground: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputBackground: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputBorderColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        dropDownIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        dropDownIconForeground: {
+            type: StringConstructor;
+            default: string;
+        };
+        revealBorderColor: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        revealBackgroundColor: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        theme: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lang: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (val: import("..").DropDownOption[]) => any;
+    }, {
+        borderRadius: string;
+        borderWidth: number;
+        theme: string;
+        modelValue: import("..").DropDownOption[];
+        disabled: boolean;
+        lang: string;
+        revealBorderColor: boolean;
+        revealBackgroundColor: boolean;
+        placeholder: string;
+        inputForeground: string;
+        inputBackground: string;
+        dropDownIcon: string;
+        dropDownIconForeground: string;
+        inputBorderColor: string;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<import("..").DropDownOption[]>;
+            default: () => any[];
+        };
+        borderWidth: {
+            type: NumberConstructor;
+            default: number;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        borderRadius: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputForeground: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputBackground: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputBorderColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        dropDownIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        dropDownIconForeground: {
+            type: StringConstructor;
+            default: string;
+        };
+        revealBorderColor: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        revealBackgroundColor: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        theme: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lang: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (val: import("..").DropDownOption[]) => any;
+    }, {}, {}, {}, {}, {
+        borderRadius: string;
+        borderWidth: number;
+        theme: string;
+        modelValue: import("..").DropDownOption[];
+        disabled: boolean;
+        lang: string;
+        revealBorderColor: boolean;
+        revealBackgroundColor: boolean;
+        placeholder: string;
+        inputForeground: string;
+        inputBackground: string;
+        dropDownIcon: string;
+        dropDownIconForeground: string;
+        inputBorderColor: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<import("..").DropDownOption[]>;
+        default: () => any[];
+    };
+    borderWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    borderRadius: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputForeground: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputBorderColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropDownIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropDownIconForeground: {
+        type: StringConstructor;
+        default: string;
+    };
+    revealBorderColor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    revealBackgroundColor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    theme: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (val: import("..").DropDownOption[]) => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue"(val: import("..").DropDownOption[]): boolean;
+}, string, {
+    borderRadius: string;
+    borderWidth: number;
+    theme: string;
+    modelValue: import("..").DropDownOption[];
+    disabled: boolean;
+    lang: string;
+    revealBorderColor: boolean;
+    revealBackgroundColor: boolean;
+    placeholder: string;
+    inputForeground: string;
+    inputBackground: string;
+    dropDownIcon: string;
+    dropDownIconForeground: string;
+    inputBorderColor: string;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        input: (_: {
+            placeholder: string;
+            value: string;
+        }) => any;
+    };
+});
+export default _default;

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

@@ -0,0 +1,101 @@
+import { ExtractPropTypes, PropType } from "vue";
+import { DropDownOption } from "..";
+import { EmitFn } from "@/types/components";
+export declare const listContainerProps: {
+    modelValue: {
+        type: PropType<DropDownOption[]>;
+        default: () => any[];
+    };
+    options: {
+        type: PropType<DropDownOption[]>;
+        default: () => any[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    borderRadius: {
+        type: StringConstructor;
+        default: string;
+    };
+    checkBoxBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropDownListForeground: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropDownListBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+    showStatus: {
+        type: PropType<{
+            position: string;
+            top: string;
+            bottom: string;
+            height: string;
+            overflow: string;
+            maxHeight?: string;
+        }>;
+        default: () => {
+            position: string;
+            top: string;
+            bottom: string;
+            height: string;
+            overflow: string;
+            maxHeight: any;
+        };
+    };
+    theme: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type ListContainerProps = ExtractPropTypes<typeof listContainerProps>;
+export declare const listContainerEmits: {
+    "update:modelValue"(val: Array<DropDownOption>): boolean;
+    chooseItem(val: {
+        option: DropDownOption;
+        index: number;
+    }): boolean;
+};
+export type ListContainerEmits = typeof listContainerEmits;
+export declare const useListContainer: (props: ListContainerProps, emits: EmitFn<ListContainerEmits>) => {
+    onClick: (cur: DropDownOption) => number;
+    stylesInit: () => void;
+    choosenValue: import("vue").Ref<{
+        key?: string;
+        text?: string;
+        type?: "header" | "divider";
+        disabled?: boolean;
+        choosen?: boolean;
+    }[]>;
+    styles: import("vue").Ref<{
+        listContainer: {
+            top: string;
+            bottom: string;
+            height: string;
+            maxHeight: string;
+            background: string;
+            borderRadius: string;
+            overflow: string;
+        };
+        title: {
+            color: string;
+        };
+    }>;
+};