@volverjs/ui-vue 0.0.1-beta.8 → 0.0.2

package/dist/components/VvSelect/VvSelect.vue.d.ts

@@ -1,265 +1,102 @@
-import type { Option } from '../VvDropdown/VvDropdown';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-            readonly: boolean;
-            loading: boolean;
-            error: boolean;
-            valid: boolean;
-            hintLabel: string;
-            labelNoResult: string;
-            useObject: boolean;
-            multiple: boolean;
-            labelKey: string;
-            valueKey: string;
-            searchable: boolean;
-            debounceSearch: string | number;
-            separator: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-            label: StringConstructor;
-            labelNoResult: {
-                type: StringConstructor;
-                default: string;
-            };
-            placeholder: StringConstructor;
-            searchable: BooleanConstructor;
-            searchPlaceholder: StringConstructor;
-            debounceSearch: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            options: {
-                type: import("vue").PropType<(string | Option)[]>;
-                required: boolean;
-            };
-            useObject: BooleanConstructor;
-            multiple: BooleanConstructor;
-            maxValues: (StringConstructor | NumberConstructor)[];
-            separator: {
-                type: StringConstructor;
-                default: string;
-            };
-            labelKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            valueKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconLeft: StringConstructor;
-            iconRight: StringConstructor;
-            modifiers: (StringConstructor | ArrayConstructor)[];
-            readonly: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            hintLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            "onChange:search"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "readonly" | "loading" | "error" | "valid" | "hintLabel" | "labelNoResult" | "useObject" | "multiple" | "labelKey" | "valueKey" | "searchable" | "debounceSearch" | "separator">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "update:modelValue" | "change:search", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-            label: StringConstructor;
-            labelNoResult: {
-                type: StringConstructor;
-                default: string;
-            };
-            placeholder: StringConstructor;
-            searchable: BooleanConstructor;
-            searchPlaceholder: StringConstructor;
-            debounceSearch: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            options: {
-                type: import("vue").PropType<(string | Option)[]>;
-                required: boolean;
-            };
-            useObject: BooleanConstructor;
-            multiple: BooleanConstructor;
-            maxValues: (StringConstructor | NumberConstructor)[];
-            separator: {
-                type: StringConstructor;
-                default: string;
-            };
-            labelKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            valueKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconLeft: StringConstructor;
-            iconRight: StringConstructor;
-            modifiers: (StringConstructor | ArrayConstructor)[];
-            readonly: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            hintLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            "onChange:search"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change:search")[], string, {
-            disabled: boolean;
-            readonly: boolean;
-            loading: boolean;
-            error: boolean;
-            valid: boolean;
-            hintLabel: string;
-            labelNoResult: string;
-            useObject: boolean;
-            multiple: boolean;
-            labelKey: string;
-            valueKey: string;
-            searchable: boolean;
-            debounceSearch: string | number;
-            separator: string;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-        label: StringConstructor;
-        labelNoResult: {
-            type: StringConstructor;
-            default: string;
-        };
-        placeholder: StringConstructor;
-        searchable: BooleanConstructor;
-        searchPlaceholder: StringConstructor;
-        debounceSearch: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        options: {
-            type: import("vue").PropType<(string | Option)[]>;
-            required: boolean;
-        };
-        useObject: BooleanConstructor;
-        multiple: BooleanConstructor;
-        maxValues: (StringConstructor | NumberConstructor)[];
-        separator: {
-            type: StringConstructor;
-            default: string;
-        };
-        labelKey: {
-            type: StringConstructor;
-            default: string;
-        };
-        valueKey: {
-            type: StringConstructor;
-            default: string;
-        };
-        iconLeft: StringConstructor;
-        iconRight: StringConstructor;
-        modifiers: (StringConstructor | ArrayConstructor)[];
-        readonly: BooleanConstructor;
-        disabled: BooleanConstructor;
-        loading: BooleanConstructor;
-        loadingLabel: StringConstructor;
-        hintLabel: {
-            type: StringConstructor;
-            default: string;
-        };
-        error: BooleanConstructor;
-        errorLabel: (StringConstructor | ArrayConstructor)[];
-        valid: BooleanConstructor;
-        validLabel: (StringConstructor | ArrayConstructor)[];
-    }>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        "onChange:search"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+import type { Option } from '@/types/generic';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    multiple: BooleanConstructor;
+    required: BooleanConstructor;
+    size: (StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     label: StringConstructor;
-    labelNoResult: {
+    placeholder: StringConstructor;
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    floating: BooleanConstructor;
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    iconPosition: {
+        type: import("vue").PropType<import("../../props/index.js").IconPosition>;
+        validation: (value: import("../../props/index.js").IconPosition) => boolean;
+        default: "right";
+    };
+    options: {
+        type: import("vue").PropType<(string | Option)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
         type: StringConstructor;
         default: string;
     };
-    placeholder: StringConstructor;
-    searchable: BooleanConstructor;
-    searchPlaceholder: StringConstructor;
-    debounceSearch: {
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    options: {
-        type: import("vue").PropType<(string | Option)[]>;
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: BooleanConstructor;
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
         required: boolean;
     };
-    useObject: BooleanConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     multiple: BooleanConstructor;
-    maxValues: (StringConstructor | NumberConstructor)[];
-    separator: {
-        type: StringConstructor;
-        default: string;
+    required: BooleanConstructor;
+    size: (StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    label: StringConstructor;
+    placeholder: StringConstructor;
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    floating: BooleanConstructor;
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    iconPosition: {
+        type: import("vue").PropType<import("../../props/index.js").IconPosition>;
+        validation: (value: import("../../props/index.js").IconPosition) => boolean;
+        default: "right";
+    };
+    options: {
+        type: import("vue").PropType<(string | Option)[]>;
+        default: () => never[];
     };
     labelKey: {
-        type: StringConstructor;
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     valueKey: {
-        type: StringConstructor;
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
-    iconLeft: StringConstructor;
-    iconRight: StringConstructor;
-    modifiers: (StringConstructor | ArrayConstructor)[];
+    modifiers: import("vue").PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
@@ -268,27 +105,52 @@ declare const _default: {
         type: StringConstructor;
         default: string;
     };
-    error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: BooleanConstructor;
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onChange:search"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change:search")[], "update:modelValue" | "change:search", {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string | number | boolean | unknown[] | Record<string, any>;
     disabled: boolean;
-    readonly: boolean;
+    required: boolean;
+    multiple: boolean;
+    unselectable: boolean;
+    iconPosition: import("../../props/index.js").IconPosition;
     loading: boolean;
-    error: boolean;
-    valid: boolean;
+    readonly: boolean;
     hintLabel: string;
-    labelNoResult: string;
-    useObject: boolean;
-    multiple: boolean;
-    labelKey: string;
-    valueKey: string;
-    searchable: boolean;
-    debounceSearch: string | number;
-    separator: string;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    invalid: boolean;
+    valid: boolean;
+    tabindex: string | number;
+    options: (string | Option)[];
+    labelKey: string | Function;
+    valueKey: string | Function;
+    floating: boolean;
+    autocomplete: string;
+    autofocus: boolean;
+}>, {
+    before: (_: {}) => any;
+    after: (_: {}) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvSelect/index.d.ts

@@ -0,0 +1,89 @@
+export declare const VvSelectProps: {
+    /**
+     * This Boolean attribute indicates that multiple options can be selected in the list.
+     * If it is not specified, then only one option can be selected at a time.
+     * When multiple is specified, most browsers will show a scrolling list box instead of a single line dropdown.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-multiple
+     */
+    multiple: BooleanConstructor;
+    /**
+     * A Boolean attribute indicating that an option with a non-empty string value must be selected.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-required
+     */
+    required: BooleanConstructor;
+    /**
+     * If the control is presented as a scrolling list box (e.g. when multiple is specified),
+     * this attribute represents the number of rows in the list that should be visible at one time.
+     * Browsers are not required to present a select element as a scrolled list box. The default value is 0.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-size
+     */
+    size: (StringConstructor | NumberConstructor)[];
+    /**
+     * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
+     */
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * <label> value for the select
+     */
+    label: StringConstructor;
+    /**
+     * Select placeholder
+     */
+    placeholder: StringConstructor;
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    floating: BooleanConstructor;
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    iconPosition: {
+        type: import("vue").PropType<import("@/props").IconPosition>;
+        validation: (value: import("@/props").IconPosition) => boolean;
+        default: "right";
+    };
+    options: {
+        type: import("vue").PropType<(string | import("../../types/generic").Option)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: BooleanConstructor;
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+};
+export declare const VvSelectEmits: string[];