@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
602 lines (601 loc) • 12.2 kB
TypeScript
import type { VariantProps } from 'tailwind-variants';
import type { UseComponentIconsProps } from '../composables/useComponentIcons';
import type { PartialString } from '../types/utils';
declare const textarea: import("tailwind-variants").TVReturnType<{
buttonGroup: {
horizontal: {
root: string;
base: string;
};
vertical: {
root: string;
base: string;
};
};
noSplit: {
false: string;
};
autoresize: {
true: {
base: string;
};
};
color: {
default: string;
danger: string;
success: string;
warning: string;
primary: string;
secondary: string;
collab: string;
ai: string;
};
tagColor: {
default: {
tag: string;
};
danger: {
tag: string;
};
success: {
tag: string;
};
warning: {
tag: string;
};
primary: {
tag: string;
};
secondary: {
tag: string;
};
collab: {
tag: string;
};
ai: {
tag: string;
};
};
rounded: {
true: string;
false: string;
};
noPadding: {
true: {
base: string;
};
};
noBorder: {
true: string;
};
underline: {
true: string;
};
leading: {
true: string;
};
trailing: {
true: string;
};
loading: {
true: string;
};
highlight: {
true: string;
};
}, {
root: string;
base: string;
leading: string;
leadingIcon: string;
leadingAvatar: string;
leadingAvatarSize: string;
trailing: string;
trailingIcon: string;
tag: string;
}, undefined, {
buttonGroup: {
horizontal: {
root: string;
base: string;
};
vertical: {
root: string;
base: string;
};
};
noSplit: {
false: string;
};
autoresize: {
true: {
base: string;
};
};
color: {
default: string;
danger: string;
success: string;
warning: string;
primary: string;
secondary: string;
collab: string;
ai: string;
};
tagColor: {
default: {
tag: string;
};
danger: {
tag: string;
};
success: {
tag: string;
};
warning: {
tag: string;
};
primary: {
tag: string;
};
secondary: {
tag: string;
};
collab: {
tag: string;
};
ai: {
tag: string;
};
};
rounded: {
true: string;
false: string;
};
noPadding: {
true: {
base: string;
};
};
noBorder: {
true: string;
};
underline: {
true: string;
};
leading: {
true: string;
};
trailing: {
true: string;
};
loading: {
true: string;
};
highlight: {
true: string;
};
}, {
root: string;
base: string;
leading: string;
leadingIcon: string;
leadingAvatar: string;
leadingAvatarSize: string;
trailing: string;
trailingIcon: string;
tag: string;
}, import("tailwind-variants").TVReturnType<{
buttonGroup: {
horizontal: {
root: string;
base: string;
};
vertical: {
root: string;
base: string;
};
};
noSplit: {
false: string;
};
autoresize: {
true: {
base: string;
};
};
color: {
default: string;
danger: string;
success: string;
warning: string;
primary: string;
secondary: string;
collab: string;
ai: string;
};
tagColor: {
default: {
tag: string;
};
danger: {
tag: string;
};
success: {
tag: string;
};
warning: {
tag: string;
};
primary: {
tag: string;
};
secondary: {
tag: string;
};
collab: {
tag: string;
};
ai: {
tag: string;
};
};
rounded: {
true: string;
false: string;
};
noPadding: {
true: {
base: string;
};
};
noBorder: {
true: string;
};
underline: {
true: string;
};
leading: {
true: string;
};
trailing: {
true: string;
};
loading: {
true: string;
};
highlight: {
true: string;
};
}, {
root: string;
base: string;
leading: string;
leadingIcon: string;
leadingAvatar: string;
leadingAvatarSize: string;
trailing: string;
trailingIcon: string;
tag: string;
}, undefined, {
buttonGroup: {
horizontal: {
root: string;
base: string;
};
vertical: {
root: string;
base: string;
};
};
noSplit: {
false: string;
};
autoresize: {
true: {
base: string;
};
};
color: {
default: string;
danger: string;
success: string;
warning: string;
primary: string;
secondary: string;
collab: string;
ai: string;
};
tagColor: {
default: {
tag: string;
};
danger: {
tag: string;
};
success: {
tag: string;
};
warning: {
tag: string;
};
primary: {
tag: string;
};
secondary: {
tag: string;
};
collab: {
tag: string;
};
ai: {
tag: string;
};
};
rounded: {
true: string;
false: string;
};
noPadding: {
true: {
base: string;
};
};
noBorder: {
true: string;
};
underline: {
true: string;
};
leading: {
true: string;
};
trailing: {
true: string;
};
loading: {
true: string;
};
highlight: {
true: string;
};
}, {
root: string;
base: string;
leading: string;
leadingIcon: string;
leadingAvatar: string;
leadingAvatarSize: string;
trailing: string;
trailingIcon: string;
tag: string;
}, import("tailwind-variants").TVReturnType<{
buttonGroup: {
horizontal: {
root: string;
base: string;
};
vertical: {
root: string;
base: string;
};
};
noSplit: {
false: string;
};
autoresize: {
true: {
base: string;
};
};
color: {
default: string;
danger: string;
success: string;
warning: string;
primary: string;
secondary: string;
collab: string;
ai: string;
};
tagColor: {
default: {
tag: string;
};
danger: {
tag: string;
};
success: {
tag: string;
};
warning: {
tag: string;
};
primary: {
tag: string;
};
secondary: {
tag: string;
};
collab: {
tag: string;
};
ai: {
tag: string;
};
};
rounded: {
true: string;
false: string;
};
noPadding: {
true: {
base: string;
};
};
noBorder: {
true: string;
};
underline: {
true: string;
};
leading: {
true: string;
};
trailing: {
true: string;
};
loading: {
true: string;
};
highlight: {
true: string;
};
}, {
root: string;
base: string;
leading: string;
leadingIcon: string;
leadingAvatar: string;
leadingAvatarSize: string;
trailing: string;
trailingIcon: string;
tag: string;
}, undefined, unknown, unknown, undefined>>>;
type TextareaVariants = VariantProps<typeof textarea>;
export interface TextareaProps extends UseComponentIconsProps {
/**
* The element or component this component should render as.
* @defaultValue 'div'
*/
as?: any;
id?: string;
name?: string;
/**
* The placeholder text when the textarea is empty
*/
placeholder?: string;
/**
* @defaultValue 'primary'
*/
color?: TextareaVariants['color'];
/**
* Removes padding from input
* @defaultValue false
*/
noPadding?: boolean;
/**
* Removes all borders (rings)
* @defaultValue false
*/
noBorder?: boolean;
/**
* Removes all borders (rings) except the bottom one
* @defaultValue false
*/
underline?: boolean;
/**
* Rounds the corners of the button
* @defaultValue false
*/
rounded?: boolean;
/**
* @defaultValue false
*/
required?: boolean;
/**
* @defaultValue false
*/
autofocus?: boolean;
/**
* @defaultValue 0
*/
autofocusDelay?: number;
/**
* @defaultValue false
*/
autoresize?: boolean;
/**
* @defaultValue 0
*/
autoresizeDelay?: number;
/**
* @defaultValue false
*/
disabled?: boolean;
/**
* @defaultValue 3
*/
rows?: number;
/**
* @defaultValue 5
*/
maxrows?: number;
tag?: string;
/**
* @defaultValue 'primary'
*/
tagColor?: TextareaVariants['tagColor'];
/**
* Highlight the ring color like a focus state
* @defaultValue false
*/
highlight?: boolean;
class?: any;
b24ui?: PartialString<typeof textarea.slots>;
}
export interface TextareaEmits {
(e: 'update:modelValue', payload: string | number): void;
(e: 'blur', event: FocusEvent): void;
(e: 'change', event: Event): void;
}
export interface TextareaSlots {
leading(props?: {}): any;
default(props?: {}): any;
trailing(props?: {}): any;
}
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
modelValue?: string | number | null;
} & TextareaProps>, {
rows: number;
maxrows: number;
autofocusDelay: number;
autoresizeDelay: number;
}>>, {
textareaRef: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
modelValue?: string | number | null;
} & TextareaProps>, {
rows: number;
maxrows: number;
autofocusDelay: number;
autoresizeDelay: number;
}>>> & Readonly<{}>, {
autofocusDelay: number;
autoresizeDelay: number;
rows: number;
maxrows: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<TextareaSlots> & TextareaSlots>;
export default _default;
type __VLS_WithDefaults<P, D> = {
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
default: D[K];
}> : P[K];
};
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
type __VLS_TypePropsToOption<T> = {
[K in keyof T]-?: {} extends Pick<T, K> ? {
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
} : {
type: import('vue').PropType<T[K]>;
required: true;
};
};
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};
type __VLS_PrettifyLocal<T> = {
[K in keyof T]: T[K];
} & {};