@creatorsn/vfluent3 0.2.11 → 0.2.13

package/dist/types/packages/combobox/index.d.ts

@@ -1,3 +1,542 @@
-import "./style";
-export declare const FvCombobox: any;
-export default FvCombobox;
+import "./style";
+export declare const FvCombobox: import("../../types/plugins/component-plugin").ComponentPlugin<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<{
+                key: string;
+                text: string | (() => string);
+                type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+                disabled: boolean | (() => boolean);
+            }>;
+            default: () => {};
+        };
+        options: {
+            type: import("vue").PropType<{
+                key: string;
+                text: string | (() => string);
+                type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+                disabled: boolean | (() => boolean);
+            }[]>;
+            default: () => any[];
+        };
+        borderWidth: {
+            type: NumberConstructor;
+            default: number;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        borderRadius: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        background: {
+            type: StringConstructor;
+            default: string;
+        };
+        choosenBackground: {
+            type: StringConstructor;
+            default: string;
+        };
+        choosenSliderBackground: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputForeground: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputBackground: {
+            type: StringConstructor;
+            default: string;
+        };
+        titleForeground: {
+            type: StringConstructor;
+            default: string;
+        };
+        itemHeight: {
+            type: NumberConstructor;
+            default: number;
+        };
+        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: {
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        }) => any;
+        "onChoose-item"?: (val: {
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        }) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (val: {
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        }) => boolean;
+        "choose-item": (val: {
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        }) => boolean;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<{
+                key: string;
+                text: string | (() => string);
+                type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+                disabled: boolean | (() => boolean);
+            }>;
+            default: () => {};
+        };
+        options: {
+            type: import("vue").PropType<{
+                key: string;
+                text: string | (() => string);
+                type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+                disabled: boolean | (() => boolean);
+            }[]>;
+            default: () => any[];
+        };
+        borderWidth: {
+            type: NumberConstructor;
+            default: number;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        borderRadius: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        background: {
+            type: StringConstructor;
+            default: string;
+        };
+        choosenBackground: {
+            type: StringConstructor;
+            default: string;
+        };
+        choosenSliderBackground: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputForeground: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputBackground: {
+            type: StringConstructor;
+            default: string;
+        };
+        titleForeground: {
+            type: StringConstructor;
+            default: string;
+        };
+        itemHeight: {
+            type: NumberConstructor;
+            default: number;
+        };
+        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: {
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        }) => any;
+        "onChoose-item"?: (val: {
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        }) => any;
+    }, {
+        background: string;
+        borderRadius: string | number;
+        borderWidth: number;
+        theme: string;
+        modelValue: {
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        };
+        disabled: boolean;
+        lang: string;
+        revealBorderColor: boolean;
+        revealBackgroundColor: boolean;
+        placeholder: string;
+        inputForeground: string;
+        inputBackground: string;
+        dropDownIcon: string;
+        dropDownIconForeground: string;
+        options: {
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        }[];
+        choosenSliderBackground: string;
+        choosenBackground: string;
+        titleForeground: string;
+        itemHeight: number;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<{
+                key: string;
+                text: string | (() => string);
+                type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+                disabled: boolean | (() => boolean);
+            }>;
+            default: () => {};
+        };
+        options: {
+            type: import("vue").PropType<{
+                key: string;
+                text: string | (() => string);
+                type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+                disabled: boolean | (() => boolean);
+            }[]>;
+            default: () => any[];
+        };
+        borderWidth: {
+            type: NumberConstructor;
+            default: number;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        borderRadius: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        background: {
+            type: StringConstructor;
+            default: string;
+        };
+        choosenBackground: {
+            type: StringConstructor;
+            default: string;
+        };
+        choosenSliderBackground: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputForeground: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputBackground: {
+            type: StringConstructor;
+            default: string;
+        };
+        titleForeground: {
+            type: StringConstructor;
+            default: string;
+        };
+        itemHeight: {
+            type: NumberConstructor;
+            default: number;
+        };
+        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: {
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        }) => any;
+        "onChoose-item"?: (val: {
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        }) => any;
+    }, {}, {}, {}, {}, {
+        background: string;
+        borderRadius: string | number;
+        borderWidth: number;
+        theme: string;
+        modelValue: {
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        };
+        disabled: boolean;
+        lang: string;
+        revealBorderColor: boolean;
+        revealBackgroundColor: boolean;
+        placeholder: string;
+        inputForeground: string;
+        inputBackground: string;
+        dropDownIcon: string;
+        dropDownIconForeground: string;
+        options: {
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        }[];
+        choosenSliderBackground: string;
+        choosenBackground: string;
+        titleForeground: string;
+        itemHeight: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<{
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        }>;
+        default: () => {};
+    };
+    options: {
+        type: import("vue").PropType<{
+            key: string;
+            text: string | (() => string);
+            type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+            disabled: boolean | (() => boolean);
+        }[]>;
+        default: () => any[];
+    };
+    borderWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    borderRadius: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    background: {
+        type: StringConstructor;
+        default: string;
+    };
+    choosenBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+    choosenSliderBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputForeground: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+    titleForeground: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    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: {
+        key: string;
+        text: string | (() => string);
+        type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+        disabled: boolean | (() => boolean);
+    }) => any;
+    "onChoose-item"?: (val: {
+        key: string;
+        text: string | (() => string);
+        type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+        disabled: boolean | (() => boolean);
+    }) => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: {
+        key: string;
+        text: string | (() => string);
+        type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+        disabled: boolean | (() => boolean);
+    }) => boolean;
+    "choose-item": (val: {
+        key: string;
+        text: string | (() => string);
+        type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+        disabled: boolean | (() => boolean);
+    }) => boolean;
+}, string, {
+    background: string;
+    borderRadius: string | number;
+    borderWidth: number;
+    theme: string;
+    modelValue: {
+        key: string;
+        text: string | (() => string);
+        type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+        disabled: boolean | (() => boolean);
+    };
+    disabled: boolean;
+    lang: string;
+    revealBorderColor: boolean;
+    revealBackgroundColor: boolean;
+    placeholder: string;
+    inputForeground: string;
+    inputBackground: string;
+    dropDownIcon: string;
+    dropDownIconForeground: string;
+    options: {
+        key: string;
+        text: string | (() => string);
+        type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+        disabled: boolean | (() => boolean);
+    }[];
+    choosenSliderBackground: string;
+    choosenBackground: string;
+    titleForeground: string;
+    itemHeight: number;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default: (_: {
+            item: {
+                key: string;
+                text: string | (() => string);
+                type?: ("default" | "header" | "divider") | (() => "default" | "header" | "divider");
+                disabled: boolean | (() => boolean);
+            };
+        }) => any;
+    };
+})>;
+export default FvCombobox;

package/dist/types/packages/combobox/source/index.d.ts

@@ -1,20 +1,110 @@
-import { ExtractPropTypes } from 'vue';
-import { EmitFn } from '@/types/components';
-export declare const comboboxProps: {
-    theme: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    lang: {
-        type: StringConstructor;
-        default: string;
-    };
-};
-export type ComboboxProps = ExtractPropTypes<typeof comboboxProps>;
-export declare const comboboxEmits: {};
-export type ComboboxEmits = typeof comboboxEmits;
-export declare const useCombobox: (props: ComboboxProps, emits: EmitFn<ComboboxEmits>) => {};
+import { ExtractPropTypes, PropType } from 'vue';
+import { EmitFn } from '@/types/components';
+type OptionType = 'divider' | 'default' | 'header';
+type OptionItem = {
+    key: string;
+    text: string | (() => string);
+    type?: OptionType | (() => OptionType);
+    disabled: boolean | (() => boolean);
+};
+export declare const comboboxProps: {
+    modelValue: {
+        type: PropType<OptionItem>;
+        default: () => {};
+    };
+    options: {
+        type: PropType<OptionItem[]>;
+        default: () => any[];
+    };
+    borderWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    borderRadius: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    background: {
+        type: StringConstructor;
+        default: string;
+    };
+    choosenBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+    choosenSliderBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputForeground: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+    titleForeground: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    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 ComboboxProps = ExtractPropTypes<typeof comboboxProps>;
+export declare const comboboxEmits: {
+    "update:modelValue": (val: OptionItem) => boolean;
+    "choose-item": (val: OptionItem) => boolean;
+};
+export type ComboboxEmits = typeof comboboxEmits;
+export declare const useCombobox: (props: ComboboxProps, emits: EmitFn<ComboboxEmits>) => {
+    thisValue: import("vue").Ref<{
+        key: string;
+        text: string | (() => string);
+        type?: OptionType | (() => OptionType);
+        disabled: boolean | (() => boolean);
+    }>;
+    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)">;
+    outsideClickInit: () => void;
+    outsideClickDestroy: () => void;
+    choose: (evt: Event, item: OptionItem) => number;
+    root: import("vue").Ref<HTMLElement>;
+    coItems: import("vue").Ref<HTMLElement>;
+    status: import("vue").Ref<boolean>;
+};
+export {};