@volverjs/ui-vue 0.0.10-beta.4 → 0.0.10-beta.40

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

@@ -1,3 +1,10 @@
+import type { MaybeElement } from '@vueuse/core';
+import type { Option } from '../../types/generic';
+export type VvSelectEmits = {
+    'update:modelValue': [any];
+    'focus': [MaybeElement];
+    'blur': [MaybeElement];
+};
 export declare const VvSelectProps: {
     /**
      * This Boolean attribute indicates that multiple options can be selected in the list.
@@ -22,21 +29,28 @@ export declare const VvSelectProps: {
      * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
      */
     modelValue: {
-        type: (ObjectConstructor | ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     /**
      * Select placeholder
      */
     placeholder: StringConstructor;
-    label: (StringConstructor | NumberConstructor)[];
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     unselectable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    floating: BooleanConstructor;
+    floating: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     icon: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
+        default: undefined;
     };
     iconPosition: {
         type: globalThis.PropType<"before" | "after">;
@@ -44,9 +58,135 @@ export declare const VvSelectProps: {
         validation: (value: import("../../constants").Position) => boolean;
     };
     options: {
-        type: globalThis.PropType<(string | import("../../types/generic").Option)[]>;
+        type: globalThis.PropType<(string | Option)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    disabledKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    id: (StringConstructor | NumberConstructor)[];
+};
+export declare function useVvSelectProps<T extends Option | string>(): {
+    options: {
+        type: globalThis.PropType<T[]>;
         default: () => never[];
     };
+    /**
+     * 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: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * Select placeholder
+     */
+    placeholder: StringConstructor;
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    floating: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
+        default: undefined;
+    };
+    iconPosition: {
+        type: globalThis.PropType<"before" | "after">;
+        default: import("../../constants").Position;
+        validation: (value: import("../../constants").Position) => boolean;
+    };
     labelKey: {
         type: (StringConstructor | FunctionConstructor)[];
         default: string;
@@ -59,10 +199,22 @@ export declare const VvSelectProps: {
         type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
-    modifiers: globalThis.PropType<string | string[]>;
-    readonly: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loadingLabel: {
         type: StringConstructor;
         default: string;
@@ -71,10 +223,22 @@ export declare const VvSelectProps: {
         type: StringConstructor;
         default: string;
     };
-    invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
-    valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -83,11 +247,13 @@ export declare const VvSelectProps: {
         type: StringConstructor;
         default: string;
     };
-    autofocus: BooleanConstructor;
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     name: {
         type: StringConstructor;
         required: boolean;
     };
     id: (StringConstructor | NumberConstructor)[];
 };
-export declare const VvSelectEmits: string[];