@nextcloud/vue
Version:
Nextcloud vue components
271 lines (270 loc) • 10.2 kB
TypeScript
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
/**
* The name of the element.
*/
name: {
type: StringConstructor;
required: true;
};
/**
* Refers to the icon on the left, this prop accepts a class
* like 'icon-category-enabled'.
*/
icon: {
type: StringConstructor;
default: string;
};
/**
* Displays a loading animated icon on the left of the element
* instead of the icon.
*/
loading: {
type: BooleanConstructor;
default: boolean;
};
/**
* Only for 'editable' items, sets label for the edit action button.
*/
editLabel: {
type: StringConstructor;
default: string;
};
/**
* Sets the placeholder text for the editing form.
*/
editPlaceholder: {
type: StringConstructor;
default: string;
};
}>, {}, {
newItemValue: string;
newItemActive: boolean;
}, {}, {
handleNewItem(): void;
cancelNewItem(): void;
handleNewItemDone(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "newItem"[], "newItem", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
/**
* The name of the element.
*/
name: {
type: StringConstructor;
required: true;
};
/**
* Refers to the icon on the left, this prop accepts a class
* like 'icon-category-enabled'.
*/
icon: {
type: StringConstructor;
default: string;
};
/**
* Displays a loading animated icon on the left of the element
* instead of the icon.
*/
loading: {
type: BooleanConstructor;
default: boolean;
};
/**
* Only for 'editable' items, sets label for the edit action button.
*/
editLabel: {
type: StringConstructor;
default: string;
};
/**
* Sets the placeholder text for the editing form.
*/
editPlaceholder: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{
onNewItem?: ((...args: any[]) => any) | undefined;
}>, {
icon: string;
loading: boolean;
editLabel: string;
editPlaceholder: string;
}, {}, {
NcInputConfirmCancel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
primary: {
default: boolean;
type: BooleanConstructor;
};
placeholder: {
default: string;
type: StringConstructor;
};
modelValue: {
default: string;
type: StringConstructor;
};
}>, {}, {
labelConfirm: string;
labelCancel: string;
}, {
valueModel: {
get(): string;
set(newValue: any): void;
};
}, {
confirm(): void;
cancel(): void;
focusInput(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("cancel" | "update:modelValue" | "confirm")[], "cancel" | "update:modelValue" | "confirm", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
primary: {
default: boolean;
type: BooleanConstructor;
};
placeholder: {
default: string;
type: StringConstructor;
};
modelValue: {
default: string;
type: StringConstructor;
};
}>> & Readonly<{
onCancel?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onConfirm?: ((...args: any[]) => any) | undefined;
}>, {
placeholder: string;
modelValue: string;
primary: boolean;
}, {}, {
IconArrowRight: any;
IconClose: any;
NcButton: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel?: string;
disabled?: boolean;
download?: string | true;
href?: string;
pressed?: boolean | undefined;
size?: import('../NcButton/NcButton.vue').ButtonSize;
target?: string;
text?: string;
to?: import('vue-router').RouteLocationRaw;
type?: import('../NcButton/NcButton.vue').ButtonType;
variant?: import('../NcButton/NcButton.vue').ButtonVariant;
wide?: boolean;
}> & Readonly<{
onClick?: ((e: MouseEvent) => any) | undefined;
"onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
click: (e: MouseEvent) => any;
"update:pressed": (pressed: boolean) => any;
}, import('vue').PublicProps, {
size: import('../NcButton/NcButton.vue').ButtonSize;
type: import('../NcButton/NcButton.vue').ButtonType;
text: string;
alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel: string;
download: string | true;
href: string;
pressed: boolean;
target: string;
to: import('vue-router').RouteLocationRaw;
variant: import('../NcButton/NcButton.vue').ButtonVariant;
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel?: string;
disabled?: boolean;
download?: string | true;
href?: string;
pressed?: boolean | undefined;
size?: import('../NcButton/NcButton.vue').ButtonSize;
target?: string;
text?: string;
to?: import('vue-router').RouteLocationRaw;
type?: import('../NcButton/NcButton.vue').ButtonType;
variant?: import('../NcButton/NcButton.vue').ButtonVariant;
wide?: boolean;
}> & Readonly<{
onClick?: ((e: MouseEvent) => any) | undefined;
"onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
}>, {}, {}, {}, {}, {
size: import('../NcButton/NcButton.vue').ButtonSize;
type: import('../NcButton/NcButton.vue').ButtonType;
text: string;
alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel: string;
download: string | true;
href: string;
pressed: boolean;
target: string;
to: import('vue-router').RouteLocationRaw;
variant: import('../NcButton/NcButton.vue').ButtonVariant;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel?: string;
disabled?: boolean;
download?: string | true;
href?: string;
pressed?: boolean | undefined;
size?: import('../NcButton/NcButton.vue').ButtonSize;
target?: string;
text?: string;
to?: import('vue-router').RouteLocationRaw;
type?: import('../NcButton/NcButton.vue').ButtonType;
variant?: import('../NcButton/NcButton.vue').ButtonVariant;
wide?: boolean;
}> & Readonly<{
onClick?: ((e: MouseEvent) => any) | undefined;
"onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
click: (e: MouseEvent) => any;
"update:pressed": (pressed: boolean) => any;
}, string, {
size: import('../NcButton/NcButton.vue').ButtonSize;
type: import('../NcButton/NcButton.vue').ButtonType;
text: string;
alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel: string;
download: string | true;
href: string;
pressed: boolean;
target: string;
to: import('vue-router').RouteLocationRaw;
variant: import('../NcButton/NcButton.vue').ButtonVariant;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: Readonly<{
default?: import('vue').Slot;
icon?: import('vue').Slot;
}> & {
default?: import('vue').Slot;
icon?: import('vue').Slot;
};
});
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
NcLoadingIcon: import('vue').DefineComponent<{
appearance?: "auto" | "light" | "dark";
name?: string;
size?: number;
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
appearance?: "auto" | "light" | "dark";
name?: string;
size?: number;
}> & Readonly<{}>, {
size: number;
name: string;
appearance: "auto" | "light" | "dark";
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;