@jsonforms/vue-vuetify
Version:
Vue Vuetify renderers for JSON Forms
1,216 lines (1,215 loc) • 102 kB
TypeScript
import { CombinatorSubSchemaRenderInfo, ControlElement, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, RankedTester, JsonFormsUISchemaRegistryEntry, UISchemaElement } from '@jsonforms/core';
import { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, StyleValue, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, VNode, GlobalComponents, GlobalDirectives, ComponentOptionsBase, InjectionKey, VNodeChild, ComponentInternalInstance, ComponentPublicInstance, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
import { Styles } from '..';
import { JSXComponent, Anchor } from 'vuetify/lib/util/index.mjs';
import { Density } from 'vuetify/lib/composables/density.mjs';
import { IconValue } from 'vuetify/lib/composables/icons.mjs';
import { DisplayBreakpoint, JSXComponent, Anchor } from 'vuetify/lib/types.mjs';
import { VTabsSlot, TabItem, VTabsSlots } from 'vuetify/lib/components/VTabs/VTabs.mjs';
import { GenericProps, FilterPropsOptions } from 'vuetify/lib/util/defineComponent.mjs';
import { ClassValue } from 'vuetify/lib/composables/component.mjs';
import { GroupProvide, GroupItemProvide } from 'vuetify/lib/composables/group.mjs';
import { RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric, RouteLocationRaw } from 'vue-router';
import { OnCleanup } from '@vue/reactivity';
import { Variant } from 'vuetify/lib/composables/variant.mjs';
import { RippleDirectiveBinding } from 'vuetify/directives/ripple';
import { TouchHandlers } from 'vuetify/directives/touch';
import { ControlProps, VWindowSlots } from 'vuetify/lib/components/VWindow/VWindow.mjs';
declare const controlRenderer: DefineComponent<{
schema: JsonSchema;
uischema: ControlElement;
path: string;
enabled?: boolean | undefined;
renderers?: JsonFormsRendererRegistryEntry[] | undefined;
cells?: JsonFormsCellRendererRegistryEntry[] | undefined;
config?: any;
}, {
selectedIndex: Ref<number, number>;
control: ComputedRef<{
uischema: ControlElement;
schema: NonNullable< JsonSchema>;
path: string;
enabled: boolean;
renderers: JsonFormsRendererRegistryEntry[];
cells: JsonFormsCellRendererRegistryEntry[] & {
tester: RankedTester;
cell: any;
}[];
config: any;
rootSchema: NonNullable< JsonSchema>;
id: string;
indexOfFittingSchema: number;
uischemas: JsonFormsUISchemaRegistryEntry[];
data: any;
label: string;
description: string;
required: NonNullable<boolean | undefined>;
i18nKeyPrefix: string;
errors: string;
visible: boolean;
}> & ComputedRef<{
uischema: ControlElement;
path: string;
config: any;
label: string;
description: string;
required: boolean;
errors: string;
id: string;
visible: boolean;
enabled: boolean;
} & {
errors: string;
}>;
handleChange(path: string, value: any): void;
styles: Styles;
isFocused: Ref<boolean, boolean>;
appliedOptions: ComputedRef<any>;
controlWrapper: ComputedRef<{
id: string;
description: string;
errors: string;
label: string;
visible: boolean;
required: boolean;
}>;
onChange: (value: any) => void;
vuetifyProps: (path: string) => any;
persistentHint: () => boolean;
computedLabel: ComputedRef<string>;
clearable: ComputedRef<any>;
touched: Ref<boolean, boolean>;
handleBlur: () => void;
handleFocus: () => void;
rawErrors: ComputedRef<string>;
}, {}, {
anyOfRenderInfos(): CombinatorSubSchemaRenderInfo[];
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
schema: JsonSchema;
uischema: ControlElement;
path: string;
enabled?: boolean | undefined;
renderers?: JsonFormsRendererRegistryEntry[] | undefined;
cells?: JsonFormsCellRendererRegistryEntry[] | undefined;
config?: any;
}> & Readonly<{}>, {
enabled: boolean;
renderers: JsonFormsRendererRegistryEntry[];
cells: JsonFormsCellRendererRegistryEntry[];
config: Record<string, any>;
}, {}, {
DispatchRenderer: DefineComponent<ExtractPropTypes<{
schema: {
required: true;
type: PropType<JsonSchema>;
};
uischema: {
required: true;
type: PropType<UISchemaElement>;
};
path: {
required: true;
type: StringConstructor;
};
enabled: {
required: false;
type: BooleanConstructor;
default: undefined;
};
renderers: {
required: boolean;
type: PropType< JsonFormsRendererRegistryEntry[]>;
default: undefined;
};
cells: {
required: boolean;
type: PropType< JsonFormsCellRendererRegistryEntry[]>;
default: undefined;
};
config: {
required: boolean;
type: ObjectConstructor;
default: undefined;
};
}>, {
renderer: ComputedRef<{
config: any;
uischema: NonNullable< UISchemaElement | undefined>;
schema: NonNullable< JsonSchema | undefined>;
enabled: NonNullable<boolean | undefined>;
visible: NonNullable<boolean | undefined>;
path: string;
renderers: JsonFormsRendererRegistryEntry[];
cells: JsonFormsCellRendererRegistryEntry[];
uischemas: JsonFormsUISchemaRegistryEntry[];
}>;
rootSchema: ComputedRef<NonNullable< JsonSchema>>;
}, {}, {
determinedRenderer(): any;
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
schema: {
required: true;
type: PropType<JsonSchema>;
};
uischema: {
required: true;
type: PropType<UISchemaElement>;
};
path: {
required: true;
type: StringConstructor;
};
enabled: {
required: false;
type: BooleanConstructor;
default: undefined;
};
renderers: {
required: boolean;
type: PropType< JsonFormsRendererRegistryEntry[]>;
default: undefined;
};
cells: {
required: boolean;
type: PropType< JsonFormsCellRendererRegistryEntry[]>;
default: undefined;
};
config: {
required: boolean;
type: ObjectConstructor;
default: undefined;
};
}>> & Readonly<{}>, {
enabled: boolean;
renderers: JsonFormsRendererRegistryEntry[];
cells: JsonFormsCellRendererRegistryEntry[];
config: Record<string, any>;
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
CombinatorProperties: DefineComponent<{
schema: JsonSchema;
combinatorKeyword: "oneOf" | "anyOf" | "allOf";
path: string;
rootSchema: JsonSchema;
}, {
otherProps: JsonSchema;
foundUISchema: UISchemaElement;
isLayoutWithElements: boolean;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
schema: JsonSchema;
combinatorKeyword: "oneOf" | "anyOf" | "allOf";
path: string;
rootSchema: JsonSchema;
}> & Readonly<{}>, {}, {}, {
DispatchRenderer: DefineComponent<ExtractPropTypes<{
schema: {
required: true;
type: PropType<JsonSchema>;
};
uischema: {
required: true;
type: PropType<UISchemaElement>;
};
path: {
required: true;
type: StringConstructor;
};
enabled: {
required: false;
type: BooleanConstructor;
default: undefined;
};
renderers: {
required: boolean;
type: PropType< JsonFormsRendererRegistryEntry[]>;
default: undefined;
};
cells: {
required: boolean;
type: PropType< JsonFormsCellRendererRegistryEntry[]>;
default: undefined;
};
config: {
required: boolean;
type: ObjectConstructor;
default: undefined;
};
}>, {
renderer: ComputedRef<{
config: any;
uischema: NonNullable< UISchemaElement | undefined>;
schema: NonNullable< JsonSchema | undefined>;
enabled: NonNullable<boolean | undefined>;
visible: NonNullable<boolean | undefined>;
path: string;
renderers: JsonFormsRendererRegistryEntry[];
cells: JsonFormsCellRendererRegistryEntry[];
uischemas: JsonFormsUISchemaRegistryEntry[];
}>;
rootSchema: ComputedRef<NonNullable< JsonSchema>>;
}, {}, {
determinedRenderer(): any;
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
schema: {
required: true;
type: PropType<JsonSchema>;
};
uischema: {
required: true;
type: PropType<UISchemaElement>;
};
path: {
required: true;
type: StringConstructor;
};
enabled: {
required: false;
type: BooleanConstructor;
default: undefined;
};
renderers: {
required: boolean;
type: PropType< JsonFormsRendererRegistryEntry[]>;
default: undefined;
};
cells: {
required: boolean;
type: PropType< JsonFormsCellRendererRegistryEntry[]>;
default: undefined;
};
config: {
required: boolean;
type: ObjectConstructor;
default: undefined;
};
}>> & Readonly<{}>, {
enabled: boolean;
renderers: JsonFormsRendererRegistryEntry[];
cells: JsonFormsCellRendererRegistryEntry[];
config: Record<string, any>;
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
}, {}, string, ComponentProvideOptions, true, {}, any>;
VTabs: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
symbol: any;
grow: boolean;
direction: "horizontal" | "vertical";
style: StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string | JSXComponent;
mandatory: boolean | "force";
density: Density;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
} & {
max?: number | undefined;
height?: string | number | undefined;
color?: string | undefined;
class?: any;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
bgColor?: string | undefined;
contentClass?: any;
showArrows?: string | boolean | undefined;
sliderColor?: string | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{
"update:modelValue": (v: unknown) => true;
}, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:item" | `v-slot:item.${string}` | "v-slot:window" | "v-slot:tab" | `v-slot:tab.${string}`>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
symbol: any;
grow: boolean;
height: string | number;
direction: "horizontal" | "vertical";
style: StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string | JSXComponent;
mandatory: boolean | "force";
modelValue: any;
density: Density;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
}, true, {}, SlotsType<Partial<{
[x: `tab.${string}`]: (arg: VTabsSlot<unknown>) => VNode[];
[x: `item.${string}`]: (arg: VTabsSlot<unknown>) => VNode[];
default: () => VNode[];
tab: (arg: VTabsSlot<unknown>) => VNode[];
item: (arg: VTabsSlot<unknown>) => VNode[];
window: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
symbol: any;
grow: boolean;
direction: "horizontal" | "vertical";
style: StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string | JSXComponent;
mandatory: boolean | "force";
density: Density;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
} & {
max?: number | undefined;
height?: string | number | undefined;
color?: string | undefined;
class?: any;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
bgColor?: string | undefined;
contentClass?: any;
showArrows?: string | boolean | undefined;
sliderColor?: string | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {}, {}, {}, {}, {
symbol: any;
grow: boolean;
height: string | number;
direction: "horizontal" | "vertical";
style: StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string | JSXComponent;
mandatory: boolean | "force";
modelValue: any;
density: Density;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & ComponentOptionsBase<{
symbol: any;
grow: boolean;
direction: "horizontal" | "vertical";
style: StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string | JSXComponent;
mandatory: boolean | "force";
density: Density;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
} & {
max?: number | undefined;
height?: string | number | undefined;
color?: string | undefined;
class?: any;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
bgColor?: string | undefined;
contentClass?: any;
showArrows?: string | boolean | undefined;
sliderColor?: string | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{
'update:modelValue': (v: unknown) => true;
}, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:item" | `v-slot:item.${string}` | "v-slot:window" | "v-slot:tab" | `v-slot:tab.${string}`>, string, {
symbol: any;
grow: boolean;
height: string | number;
direction: "horizontal" | "vertical";
style: StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string | JSXComponent;
mandatory: boolean | "force";
modelValue: any;
density: Density;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
}, {}, string, SlotsType<Partial<{
[x: `tab.${string}`]: (arg: VTabsSlot<unknown>) => VNode[];
[x: `item.${string}`]: (arg: VTabsSlot<unknown>) => VNode[];
default: () => VNode[];
tab: (arg: VTabsSlot<unknown>) => VNode[];
item: (arg: VTabsSlot<unknown>) => VNode[];
window: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new <T = TabItem>(props: {
items?: T[];
}, slots: VTabsSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: {
type: PropType<boolean | "force">;
default: NonNullable<boolean | "force">;
};
max: NumberConstructor;
selectedClass: Omit<{
type: PropType<string>;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
mobile: Omit<{
type: PropType<boolean | null>;
default: boolean;
}, "type" | "default"> & {
type: PropType<boolean | null>;
default: NonNullable<boolean | null> | null;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
class: PropType<ClassValue>;
style: {
type: PropType<StyleValue>;
default: null;
};
centerActive: BooleanConstructor;
contentClass: null;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
symbol: {
type: null;
default: InjectionKey<GroupProvide>;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
showArrows: {
type: (StringConstructor | BooleanConstructor)[];
validator: (v: any) => boolean;
};
alignTabs: {
type: PropType<"start" | "title" | "center" | "end">;
default: string;
};
color: StringConstructor;
fixedTabs: BooleanConstructor;
items: {
type: PropType<readonly TabItem[]>;
default: () => never[];
};
stacked: BooleanConstructor;
bgColor: StringConstructor;
grow: BooleanConstructor;
height: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
hideSlider: BooleanConstructor;
sliderColor: StringConstructor;
}, ExtractPropTypes<{
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: {
type: PropType<boolean | "force">;
default: NonNullable<boolean | "force">;
};
max: NumberConstructor;
selectedClass: Omit<{
type: PropType<string>;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
mobile: Omit<{
type: PropType<boolean | null>;
default: boolean;
}, "type" | "default"> & {
type: PropType<boolean | null>;
default: NonNullable<boolean | null> | null;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
class: PropType<ClassValue>;
style: {
type: PropType<StyleValue>;
default: null;
};
centerActive: BooleanConstructor;
contentClass: null;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
symbol: {
type: null;
default: InjectionKey<GroupProvide>;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
showArrows: {
type: (StringConstructor | BooleanConstructor)[];
validator: (v: any) => boolean;
};
alignTabs: {
type: PropType<"start" | "title" | "center" | "end">;
default: string;
};
color: StringConstructor;
fixedTabs: BooleanConstructor;
items: {
type: PropType<readonly TabItem[]>;
default: () => never[];
};
stacked: BooleanConstructor;
bgColor: StringConstructor;
grow: BooleanConstructor;
height: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
hideSlider: BooleanConstructor;
sliderColor: StringConstructor;
}>>;
VTab: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
replace: boolean;
fixed: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | JSXComponent;
density: Density;
tile: boolean;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
hideSlider: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
sliderColor?: string | undefined;
} & {
$children?: VNodeChild | (() => VNodeChild) | {
default?: (() => VNodeChild) | undefined;
prepend?: (() => VNodeChild) | undefined;
append?: (() => VNodeChild) | undefined;
loader?: (() => VNodeChild) | undefined;
};
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
prepend?: false | (() => VNodeChild) | undefined;
append?: false | (() => VNodeChild) | undefined;
loader?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => VNodeChild) | undefined;
"v-slot:append"?: false | (() => VNodeChild) | undefined;
"v-slot:loader"?: false | (() => VNodeChild) | undefined;
}, Omit<Omit<{
$: ComponentInternalInstance;
$data: {};
$props: Partial<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: StyleValue;
text: string | number | boolean;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | JSXComponent;
density: Density;
rounded: string | number | boolean;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
}> & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | JSXComponent;
density: Density;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
location?: Anchor | null | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
$children?: VNodeChild | (() => VNodeChild) | {
default?: (() => VNodeChild) | undefined;
prepend?: (() => VNodeChild) | undefined;
append?: (() => VNodeChild) | undefined;
loader?: (() => VNodeChild) | undefined;
};
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
prepend?: false | (() => VNodeChild) | undefined;
append?: false | (() => VNodeChild) | undefined;
loader?: false | (() => VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | (() => VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => VNodeChild) | undefined;
"v-slot:append"?: false | (() => VNodeChild) | undefined;
"v-slot:loader"?: false | (() => VNodeChild) | undefined;
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, "symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: (() => VNode[]) | undefined;
prepend?: (() => VNode[]) | undefined;
append?: (() => VNode[]) | undefined;
loader?: (() => VNode[]) | undefined;
}>;
$root: ComponentPublicInstance | null;
$parent: ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "group:selected", val: {
value: boolean;
}) => void;
$el: any;
$options: ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | JSXComponent;
density: Density;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
} & {
location?: Anchor | null | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: VNodeChild | (() => VNodeChild) | {
default?: (() => VNodeChild) | undefined;
prepend?: (() => VNodeChild) | undefined;
append?: (() => VNodeChild) | undefined;
loader?: (() => VNodeChild) | undefined;
};
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
prepend?: false | (() => VNodeChild) | undefined;
append?: false | (() => VNodeChild) | undefined;
loader?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => VNodeChild) | undefined;
"v-slot:append"?: false | (() => VNodeChild) | undefined;
"v-slot:loader"?: false | (() => VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
group: GroupItemProvide | null;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"group:selected": (val: {
value: boolean;
}) => true;
}, string, {
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: StyleValue;
text: string | number | boolean;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | JSXComponent;
density: Density;
rounded: string | number | boolean;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
}, {}, string, SlotsType<Partial<{
default: () => VNode[];
prepend: () => VNode[];
append: () => VNode[];
loader: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
} & Readonly<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: StyleValue;
text: string | number | boolean;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | JSXComponent;
density: Density;
rounded: string | number | boolean;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
}> & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | JSXComponent;
density: Density;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
} & {
location?: Anchor | null | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: VNodeChild | (() => VNodeChild) | {
default?: (() => VNodeChild) | undefined;
prepend?: (() => VNodeChild) | undefined;
append?: (() => VNodeChild) | undefined;
loader?: (() => VNodeChild) | undefined;
};
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
prepend?: false | (() => VNodeChild) | undefined;
append?: false | (() => VNodeChild) | undefined;
loader?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => VNodeChild) | undefined;
"v-slot:append"?: false | (() => VNodeChild) | undefined;
"v-slot:loader"?: false | (() => VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, "group" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple")> & ShallowUnwrapRef<{
group: GroupItemProvide | null;
}> & {} & ComponentCustomProperties & {}, "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "class" | "theme" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof VNodeProps | "baseColor" | "selectedClass" | "activeColor" | "prependIcon" | "appendIcon" | "onGroup:selected" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple") | "v-slot:prepend" | "v-slot:append" | "v-slot:loader">, `$${any}`> & {
_allExposed: {
group: GroupItemProvide | null;
} | {};
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
replace: boolean;
fixed: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: StyleValue;
text: string | number | boolean;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | JSXComponent;
density: Density;
rounded: string | number | boolean;
tile: boolean;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
hideSlider: boolean;
}, true, {}, SlotsType<Partial<{
default: () => VNode[];
prepend: () => VNode[];
append: () => VNode[];
loader: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
replace: boolean;
fixed: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | JSXComponent;
density: Density;
tile: boolean;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
hideSlider: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
sliderColor?: string | undefined;
} & {
$children?: VNodeChild | (() => VNodeChild) | {
default?: (() => VNodeChild) | undefined;
prepend?: (() => VNodeChild) | undefined;
append?: (() => VNodeChild) | undefined;
loader?: (() => VNodeChild) | undefined;
};
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
prepend?: false | (() => VNodeChild) | undefined;
append?: false | (() => VNodeChild) | undefined;
loader?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => VNodeChild) | undefined;
"v-slot:append"?: false | (() => VNodeChild) | undefined;
"v-slot:loader"?: false | (() => VNodeChild) | undefined;
}, Omit<Omit<{
$: ComponentInternalInstance;
$data: {};
$props: Partial<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: StyleValue;
text: string | number | boolean;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | JSXComponent;
density: Density;
rounded: string | number | boolean;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
}> & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | JSXComponent;
density: Density;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
location?: Anchor | null | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
$children?: VNodeChild | (() => VNodeChild) | {
default?: (() => VNodeChild) | undefined;
prepen