broject_ui
Version:
Simple UI library based on headlessUI for vuejs
855 lines (829 loc) • 22.8 kB
TypeScript
import { AllowedComponentProps } from 'vue';
import type { ColumnDefinition } from 'tabulator-tables';
import { ComponentCustomProps } from 'vue';
import { ComponentOptionsMixin } from 'vue';
import { DefineComponent } from 'vue';
import { ExtractPropTypes } from 'vue';
import { Placement } from '@floating-ui/dom';
import { PropType } from 'vue';
import { VNodeProps } from 'vue';
declare type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};
declare type __VLS_WithTemplateSlots_2<T, S> = T & {
new (): {
$slots: S;
};
};
declare type __VLS_WithTemplateSlots_3<T, S> = T & {
new (): {
$slots: S;
};
};
declare type __VLS_WithTemplateSlots_4<T, S> = T & {
new (): {
$slots: S;
};
};
declare type __VLS_WithTemplateSlots_5<T, S> = T & {
new (): {
$slots: S;
};
};
declare type AlignDefinition = 'start' | 'center' | 'end' | 'right' | 'left' | 'justify';
export declare const BAvatar: DefineComponent<{
url: {
type: PropType<string>;
required: false;
default: string;
};
size: {
type: PropType<number>;
default: number;
};
text: {
type: PropType<string>;
required: false;
default: string;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
url: {
type: PropType<string>;
required: false;
default: string;
};
size: {
type: PropType<number>;
default: number;
};
text: {
type: PropType<string>;
required: false;
default: string;
};
}>>, {
url: string;
size: number;
text: string;
}, {}>;
export declare const BButton: __VLS_WithTemplateSlots_4<DefineComponent<{
variant: {
type: PropType<"toString" | "toLocaleString" | "toFixed" | "toExponential" | "toPrecision" | "valueOf">;
default: string;
validator: (value: string) => boolean;
};
title: {
type: PropType<string>;
default: string;
};
disabled: {
type: PropType<boolean>;
default: boolean;
};
prependIcon: {
type: PropType<string>;
default: string;
};
appendIcon: {
type: PropType<string>;
default: string;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
click: (...args: any[]) => void;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
variant: {
type: PropType<"toString" | "toLocaleString" | "toFixed" | "toExponential" | "toPrecision" | "valueOf">;
default: string;
validator: (value: string) => boolean;
};
title: {
type: PropType<string>;
default: string;
};
disabled: {
type: PropType<boolean>;
default: boolean;
};
prependIcon: {
type: PropType<string>;
default: string;
};
appendIcon: {
type: PropType<string>;
default: string;
};
}>> & {
onClick?: ((...args: any[]) => any) | undefined;
}, {
title: string;
disabled: boolean;
variant: "toString" | "toLocaleString" | "toFixed" | "toExponential" | "toPrecision" | "valueOf";
prependIcon: string;
appendIcon: string;
}, {}>, {
prepend?(_: {}): any;
default?(_: {}): any;
append?(_: {}): any;
}>;
export declare const BCheckbox: DefineComponent<{
modelValue: {
type: (BooleanConstructor | ArrayConstructor)[];
};
value: {
type: (BooleanConstructor | ObjectConstructor)[];
};
label: {
type: StringConstructor;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
modelValue: {
type: (BooleanConstructor | ArrayConstructor)[];
};
value: {
type: (BooleanConstructor | ObjectConstructor)[];
};
label: {
type: StringConstructor;
};
}>> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {}, {}>;
export declare const BDialog: __VLS_WithTemplateSlots<DefineComponent<{
title: {
type: PropType<string>;
default: string;
};
buttonTitle: {
type: PropType<string>;
default: string;
};
size: {
type: PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
default: string;
validator: (value: string) => boolean;
};
disabled: {
type: PropType<boolean>;
default: boolean;
};
scrollable: {
type: PropType<boolean>;
default: boolean;
};
buttonClass: {
type: PropType<string>;
default: string;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
cancel: (...args: any[]) => void;
ok: (...args: any[]) => void;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
title: {
type: PropType<string>;
default: string;
};
buttonTitle: {
type: PropType<string>;
default: string;
};
size: {
type: PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
default: string;
validator: (value: string) => boolean;
};
disabled: {
type: PropType<boolean>;
default: boolean;
};
scrollable: {
type: PropType<boolean>;
default: boolean;
};
buttonClass: {
type: PropType<string>;
default: string;
};
}>> & {
onCancel?: ((...args: any[]) => any) | undefined;
onOk?: ((...args: any[]) => any) | undefined;
}, {
size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
title: string;
buttonTitle: string;
disabled: boolean;
scrollable: boolean;
buttonClass: string;
}, {}>, {
title?(_: {}): any;
content?(_: {}): any;
footer?(_: {}): any;
}>;
export declare const BFileInput: DefineComponent<{
modelValue: {
type: PropType<FileList | File>;
};
placeholder: {
type: PropType<string>;
default: string;
};
name: {
type: PropType<string>;
default: string;
};
label: {
type: PropType<string>;
default: string;
};
required: {
type: PropType<boolean>;
default: boolean;
};
multiple: {
type: PropType<boolean>;
default: boolean;
};
accept: {
type: PropType<string>;
default: string;
};
disabled: {
type: PropType<boolean>;
default: boolean;
};
maxSize: {
type: PropType<number>;
default: number;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
change: (...args: any[]) => void;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
modelValue: {
type: PropType<FileList | File>;
};
placeholder: {
type: PropType<string>;
default: string;
};
name: {
type: PropType<string>;
default: string;
};
label: {
type: PropType<string>;
default: string;
};
required: {
type: PropType<boolean>;
default: boolean;
};
multiple: {
type: PropType<boolean>;
default: boolean;
};
accept: {
type: PropType<string>;
default: string;
};
disabled: {
type: PropType<boolean>;
default: boolean;
};
maxSize: {
type: PropType<number>;
default: number;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
required: boolean;
label: string;
disabled: boolean;
multiple: boolean;
name: string;
placeholder: string;
accept: string;
maxSize: number;
}, {}>;
export declare const BInput: DefineComponent<{
modelValue: {
type: PropType<string>;
default: string;
};
placeholder: {
type: PropType<string>;
default: string;
};
type: {
type: PropType<string>;
default: string;
validator(value: string): boolean;
};
name: {
type: PropType<string>;
default: string;
};
label: {
type: PropType<string>;
default: string;
};
required: {
type: PropType<boolean>;
default: boolean;
};
disabled: {
type: PropType<boolean>;
default: boolean;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
change: (...args: any[]) => void;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
modelValue: {
type: PropType<string>;
default: string;
};
placeholder: {
type: PropType<string>;
default: string;
};
type: {
type: PropType<string>;
default: string;
validator(value: string): boolean;
};
name: {
type: PropType<string>;
default: string;
};
label: {
type: PropType<string>;
default: string;
};
required: {
type: PropType<boolean>;
default: boolean;
};
disabled: {
type: PropType<boolean>;
default: boolean;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
required: boolean;
type: string;
label: string;
disabled: boolean;
modelValue: string;
name: string;
placeholder: string;
}, {}>;
export declare const BListbox: DefineComponent<{
modelValue: {
type: PropType<Object | null>;
required: true;
};
items: {
type: any;
};
width: {
type: PropType<string>;
default: string;
};
horizontal: {
type: PropType<boolean>;
default: boolean;
};
multiple: {
type: PropType<boolean>;
default: boolean;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
modelValue: {
type: PropType<Object | null>;
required: true;
};
items: {
type: any;
};
width: {
type: PropType<string>;
default: string;
};
horizontal: {
type: PropType<boolean>;
default: boolean;
};
multiple: {
type: PropType<boolean>;
default: boolean;
};
}>> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
width: string;
items: any;
horizontal: boolean;
multiple: boolean;
}, {}>;
export declare const BMenu: __VLS_WithTemplateSlots_3<DefineComponent<{
buttonTitle: {
default: string;
type: PropType<string>;
};
buttonClass: {
default: string;
type: PropType<string>;
};
as: {
default: string;
type: PropType<string>;
};
disabled: {
default: boolean;
type: PropType<boolean>;
};
floatingPlacement: {
type: PropType<Placement>;
default: string;
};
floatingPadding: {
type: PropType<number>;
default: number;
};
floatingOffset: {
type: PropType<number>;
default: number;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
buttonTitle: {
default: string;
type: PropType<string>;
};
buttonClass: {
default: string;
type: PropType<string>;
};
as: {
default: string;
type: PropType<string>;
};
disabled: {
default: boolean;
type: PropType<boolean>;
};
floatingPlacement: {
type: PropType<Placement>;
default: string;
};
floatingPadding: {
type: PropType<number>;
default: number;
};
floatingOffset: {
type: PropType<number>;
default: number;
};
}>>, {
buttonTitle: string;
disabled: boolean;
buttonClass: string;
as: string;
floatingPlacement: Placement;
floatingPadding: number;
floatingOffset: number;
}, {}>, {
default?(_: {}): any;
}>;
export declare const BMenuItem: DefineComponent<{
title: {
default: () => never[];
type: PropType<string>;
required: true;
};
prependIcon: {
default: null;
type: PropType<string>;
};
appendIcon: {
default: null;
type: PropType<string>;
};
itemClass: {
default: string;
type: PropType<string>;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
title: {
default: () => never[];
type: PropType<string>;
required: true;
};
prependIcon: {
default: null;
type: PropType<string>;
};
appendIcon: {
default: null;
type: PropType<string>;
};
itemClass: {
default: string;
type: PropType<string>;
};
}>>, {
title: string;
prependIcon: string;
appendIcon: string;
itemClass: string;
}, {}>;
export declare const BPopover: __VLS_WithTemplateSlots_2<DefineComponent<{
buttonTitle: {
default: string;
type: PropType<string>;
};
buttonClass: {
default: string;
type: PropType<string>;
};
as: {
default: string;
type: PropType<string>;
};
disabled: {
default: boolean;
type: PropType<boolean>;
};
floatingPlacement: {
type: PropType<Placement>;
default: string;
};
floatingPadding: {
type: PropType<number>;
default: number;
};
floatingOffset: {
type: PropType<number>;
default: number;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
buttonTitle: {
default: string;
type: PropType<string>;
};
buttonClass: {
default: string;
type: PropType<string>;
};
as: {
default: string;
type: PropType<string>;
};
disabled: {
default: boolean;
type: PropType<boolean>;
};
floatingPlacement: {
type: PropType<Placement>;
default: string;
};
floatingPadding: {
type: PropType<number>;
default: number;
};
floatingOffset: {
type: PropType<number>;
default: number;
};
}>>, {
buttonTitle: string;
disabled: boolean;
buttonClass: string;
as: string;
floatingPlacement: Placement;
floatingPadding: number;
floatingOffset: number;
}, {}>, {
default?(_: {}): any;
}>;
export declare const BRadio: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
export declare const BSwitch: DefineComponent<{
modelValue: {
type: PropType<boolean>;
required: true;
};
label: {
type: PropType<string>;
};
labelClass: {
type: PropType<string>;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
change: (...args: any[]) => void;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
modelValue: {
type: PropType<boolean>;
required: true;
};
label: {
type: PropType<string>;
};
labelClass: {
type: PropType<string>;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {}, {}>;
export declare const BTable: DefineComponent<{
tableData: {
type: PropType<any[] | undefined>;
default: () => never[];
required: true;
};
autoColumnsDefinitions: {
type: PropType<((columnDefinitions?: ColumnDefinition[] | undefined) => ColumnDefinition[]) | ColumnDefinition[] | Record<string, Partial<ColumnDefinition>> | undefined>;
default: null;
};
columns: {
type: PropType<ColumnDefinition[]>;
required: true;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
cellClick: (...args: any[]) => void;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
tableData: {
type: PropType<any[] | undefined>;
default: () => never[];
required: true;
};
autoColumnsDefinitions: {
type: PropType<((columnDefinitions?: ColumnDefinition[] | undefined) => ColumnDefinition[]) | ColumnDefinition[] | Record<string, Partial<ColumnDefinition>> | undefined>;
default: null;
};
columns: {
type: PropType<ColumnDefinition[]>;
required: true;
};
}>> & {
onCellClick?: ((...args: any[]) => any) | undefined;
}, {
tableData: any[] | undefined;
autoColumnsDefinitions: ((columnDefinitions?: ColumnDefinition[] | undefined) => ColumnDefinition[]) | ColumnDefinition[] | Record<string, Partial<ColumnDefinition>> | undefined;
}, {}>;
export declare const BTableBis: __VLS_WithTemplateSlots_5<DefineComponent<{
columns: {
type: PropType<ColumnDefinition_2[]>;
default: () => never[];
};
items: {
type: PropType<ItemDefinition[]>;
default: () => never[];
};
selectable: {
type: PropType<boolean>;
default: boolean;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
rowClicked: (...args: any[]) => void;
rowDbClicked: (...args: any[]) => void;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
columns: {
type: PropType<ColumnDefinition_2[]>;
default: () => never[];
};
items: {
type: PropType<ItemDefinition[]>;
default: () => never[];
};
selectable: {
type: PropType<boolean>;
default: boolean;
};
}>> & {
onRowClicked?: ((...args: any[]) => any) | undefined;
onRowDbClicked?: ((...args: any[]) => any) | undefined;
}, {
items: ItemDefinition[];
columns: ColumnDefinition_2[];
selectable: boolean;
}, {}>, Partial<Record<string, (_: {
value: string;
item: ItemDefinition;
}) => any>>>;
export declare const BTextarea: DefineComponent<{
modelValue: {
type: PropType<string>;
default: string;
};
label: {
type: PropType<string>;
default: string;
};
placeholder: {
type: PropType<string>;
default: string;
};
required: {
type: PropType<boolean>;
default: boolean;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
change: (...args: any[]) => void;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
modelValue: {
type: PropType<string>;
default: string;
};
label: {
type: PropType<string>;
default: string;
};
placeholder: {
type: PropType<string>;
default: string;
};
required: {
type: PropType<boolean>;
default: boolean;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
required: boolean;
label: string;
modelValue: string;
placeholder: string;
}, {}>;
export declare const BTooltip: DefineComponent<{
targetElementId: {
required: true;
type: PropType<string>;
};
tooltipClass: {
type: PropType<string>;
default: string;
};
floatingPlacement: {
type: PropType<Placement>;
default: string;
};
floatingPadding: {
type: PropType<number>;
default: number;
};
floatingOffset: {
type: PropType<number>;
default: number;
};
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
targetElementId: {
required: true;
type: PropType<string>;
};
tooltipClass: {
type: PropType<string>;
default: string;
};
floatingPlacement: {
type: PropType<Placement>;
default: string;
};
floatingPadding: {
type: PropType<number>;
default: number;
};
floatingOffset: {
type: PropType<number>;
default: number;
};
}>>, {
floatingPlacement: Placement;
floatingPadding: number;
floatingOffset: number;
tooltipClass: string;
}, {}>;
declare type ColumnDefinition_2 = {
sortable: boolean;
name: string;
value: string;
text: string;
align: AlignDefinition;
};
declare type ItemDefinition = {
name: string;
value: string;
};
export { }