@ownclouders/design-system
Version:
ownCloud Design System is based on VueDesign Systems and is used to design ownCloud UI components
290 lines (289 loc) • 8.27 kB
TypeScript
/**
* Select how many items will be displayed per page
*/
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
/**
* All possible sizes that the user can pick from
*/
options: {
type: ArrayConstructor;
required: true;
};
/**
* Label of the select
*/
label: {
type: StringConstructor;
required: true;
};
/**
* Selected size
* @model
*/
selected: {
type: (NumberConstructor | StringConstructor)[];
required: true;
};
/**
* An ID of the select component.
* Default value is a unique ID with prefix `oc-page-size`
*/
selectId: {
type: StringConstructor;
required: false;
default: () => string;
};
}>, {}, {}, {}, {
emitChange(value: boolean): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "change"[], "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
/**
* All possible sizes that the user can pick from
*/
options: {
type: ArrayConstructor;
required: true;
};
/**
* Label of the select
*/
label: {
type: StringConstructor;
required: true;
};
/**
* Selected size
* @model
*/
selected: {
type: (NumberConstructor | StringConstructor)[];
required: true;
};
/**
* An ID of the select component.
* Default value is a unique ID with prefix `oc-page-size`
*/
selectId: {
type: StringConstructor;
required: false;
default: () => string;
};
}>> & Readonly<{
onChange?: (...args: any[]) => any;
}>, {
selectId: string;
}, {}, {
OcSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
required: false;
default: () => string;
};
filter: {
type: FunctionConstructor;
required: false;
default: (items: unknown[], search: string, props: {
label: string;
}) => unknown[];
};
disabled: {
type: BooleanConstructor;
required: false;
default: boolean;
};
label: {
type: StringConstructor;
required: true;
};
labelHidden: {
type: BooleanConstructor;
required: false;
default: boolean;
};
contextualHelper: {
type: import('vue').PropType<import('../../helpers').ContextualHelper>;
required: false;
default: any;
};
optionLabel: {
type: StringConstructor;
default: string;
};
getOptionLabel: {
type: FunctionConstructor;
default(this: any, option: string | Record<string, unknown>): unknown;
};
searchable: {
type: BooleanConstructor;
required: false;
default: boolean;
};
clearable: {
type: BooleanConstructor;
required: false;
default: boolean;
};
loading: {
type: BooleanConstructor;
required: false;
default: boolean;
};
warningMessage: {
type: StringConstructor;
default: any;
};
errorMessage: {
type: StringConstructor;
default: any;
};
fixMessageLine: {
type: BooleanConstructor;
default: boolean;
};
descriptionMessage: {
type: StringConstructor;
default: any;
};
multiple: {
type: BooleanConstructor;
default: boolean;
};
readOnly: {
type: BooleanConstructor;
default: boolean;
};
positionFixed: {
type: BooleanConstructor;
default: boolean;
};
}>, {
select: import('vue').Ref<any, any>;
userInput: (event: Event) => void;
selectDropdownShouldOpen: ({ noDrop, open, mutableLoading }: {
noDrop?: boolean;
open?: boolean;
mutableLoading?: boolean;
}) => boolean;
selectMapKeydown: (map: Record<number, (e: KeyboardEvent) => void>) => {
13: (e: KeyboardEvent) => void;
40: (e: KeyboardEvent) => Promise<void>;
38: (e: KeyboardEvent) => Promise<void>;
};
onSelectKeyDown: (e: KeyboardEvent) => Promise<void>;
onSelectBlur: () => void;
onSelectClick: () => void;
}, {}, {
additionalAttributes(): {
[x: string]: unknown;
};
showMessageLine(): boolean;
messageText(): string;
messageId(): string;
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "search:input")[], "update:modelValue" | "search:input", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
required: false;
default: () => string;
};
filter: {
type: FunctionConstructor;
required: false;
default: (items: unknown[], search: string, props: {
label: string;
}) => unknown[];
};
disabled: {
type: BooleanConstructor;
required: false;
default: boolean;
};
label: {
type: StringConstructor;
required: true;
};
labelHidden: {
type: BooleanConstructor;
required: false;
default: boolean;
};
contextualHelper: {
type: import('vue').PropType<import('../../helpers').ContextualHelper>;
required: false;
default: any;
};
optionLabel: {
type: StringConstructor;
default: string;
};
getOptionLabel: {
type: FunctionConstructor;
default(this: any, option: string | Record<string, unknown>): unknown;
};
searchable: {
type: BooleanConstructor;
required: false;
default: boolean;
};
clearable: {
type: BooleanConstructor;
required: false;
default: boolean;
};
loading: {
type: BooleanConstructor;
required: false;
default: boolean;
};
warningMessage: {
type: StringConstructor;
default: any;
};
errorMessage: {
type: StringConstructor;
default: any;
};
fixMessageLine: {
type: BooleanConstructor;
default: boolean;
};
descriptionMessage: {
type: StringConstructor;
default: any;
};
multiple: {
type: BooleanConstructor;
default: boolean;
};
readOnly: {
type: BooleanConstructor;
default: boolean;
};
positionFixed: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
"onUpdate:modelValue"?: (...args: any[]) => any;
"onSearch:input"?: (...args: any[]) => any;
}>, {
filter: Function;
id: string;
loading: boolean;
disabled: boolean;
labelHidden: boolean;
errorMessage: string;
fixMessageLine: boolean;
warningMessage: string;
descriptionMessage: string;
readOnly: boolean;
contextualHelper: import('../../helpers').ContextualHelper;
optionLabel: string;
getOptionLabel: Function;
searchable: boolean;
clearable: boolean;
multiple: boolean;
positionFixed: boolean;
}, {}, {
VueSelect: any;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;