2204 lines
88 KiB
TypeScript
Raw Normal View History

2024-01-29 09:26:07 +08:00
import { type PropType, type ExtractPropTypes, type VNodeChild } from 'vue';
import { type Key } from 'treemate';
import { type FollowerPlacement } from 'vueuc';
import type { DropdownProps } from '../../dropdown';
import type { MaybeArray } from '../../_utils';
import type { MenuOption, MenuGroupOption, MenuIgnoredOption, MenuMixedOption, OnUpdateValue, OnUpdateKeys, MenuNodeProps } from './interface';
export declare const menuProps: {
readonly options: {
readonly type: PropType<MenuMixedOption[]>;
readonly default: () => never[];
};
readonly collapsed: {
readonly type: PropType<boolean | undefined>;
readonly default: undefined;
};
readonly collapsedWidth: {
readonly type: NumberConstructor;
readonly default: 48;
};
readonly iconSize: {
readonly type: NumberConstructor;
readonly default: 20;
};
readonly collapsedIconSize: {
readonly type: NumberConstructor;
readonly default: 24;
};
readonly rootIndent: NumberConstructor;
readonly indent: {
readonly type: NumberConstructor;
readonly default: 32;
};
readonly labelField: {
readonly type: StringConstructor;
readonly default: "label";
};
readonly keyField: {
readonly type: StringConstructor;
readonly default: "key";
};
readonly childrenField: {
readonly type: StringConstructor;
readonly default: "children";
};
readonly disabledField: {
readonly type: StringConstructor;
readonly default: "disabled";
};
readonly defaultExpandAll: BooleanConstructor;
readonly defaultExpandedKeys: PropType<Key[]>;
readonly expandedKeys: PropType<Key[]>;
readonly value: PropType<Key | null>;
readonly defaultValue: {
readonly type: PropType<Key | null>;
readonly default: null;
};
readonly mode: {
readonly type: PropType<"horizontal" | "vertical">;
readonly default: "vertical";
};
readonly watchProps: {
readonly type: PropType<("defaultValue" | "defaultExpandedKeys")[]>;
readonly default: undefined;
};
readonly disabled: BooleanConstructor;
readonly show: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly inverted: BooleanConstructor;
readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
readonly expandIcon: PropType<(option: MenuOption) => VNodeChild>;
readonly renderIcon: PropType<(option: MenuOption) => VNodeChild>;
readonly renderLabel: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
readonly renderExtra: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
readonly dropdownProps: PropType<DropdownProps>;
readonly accordion: BooleanConstructor;
readonly nodeProps: PropType<MenuNodeProps>;
readonly dropdownPlacement: {
readonly type: PropType<FollowerPlacement>;
readonly default: "bottom";
};
readonly responsive: BooleanConstructor;
readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
readonly expandedNames: PropType<Key[]>;
readonly defaultExpandedNames: PropType<Key[]>;
readonly theme: PropType<import("../../_mixins").Theme<"Menu", {
itemColorHoverInverted: string;
itemColorActiveInverted: string;
itemColorActiveHoverInverted: string;
itemColorActiveCollapsedInverted: string;
itemTextColorInverted: string;
itemTextColorHoverInverted: string;
itemTextColorChildActiveInverted: string;
itemTextColorChildActiveHoverInverted: string;
itemTextColorActiveInverted: string;
itemTextColorActiveHoverInverted: string;
itemTextColorHorizontalInverted: string;
itemTextColorHoverHorizontalInverted: string;
itemTextColorChildActiveHorizontalInverted: string;
itemTextColorChildActiveHoverHorizontalInverted: string;
itemTextColorActiveHorizontalInverted: string;
itemTextColorActiveHoverHorizontalInverted: string;
itemIconColorInverted: string;
itemIconColorHoverInverted: string;
itemIconColorActiveInverted: string;
itemIconColorActiveHoverInverted: string;
itemIconColorChildActiveInverted: string;
itemIconColorChildActiveHoverInverted: string;
itemIconColorCollapsedInverted: string;
itemIconColorHorizontalInverted: string;
itemIconColorHoverHorizontalInverted: string;
itemIconColorActiveHorizontalInverted: string;
itemIconColorActiveHoverHorizontalInverted: string;
itemIconColorChildActiveHorizontalInverted: string;
itemIconColorChildActiveHoverHorizontalInverted: string;
arrowColorInverted: string;
arrowColorHoverInverted: string;
arrowColorActiveInverted: string;
arrowColorActiveHoverInverted: string;
arrowColorChildActiveInverted: string;
arrowColorChildActiveHoverInverted: string;
groupTextColorInverted: string;
borderRadius: string;
color: string;
groupTextColor: string;
itemColorHover: string;
itemColorActive: string;
itemColorActiveHover: string;
itemColorActiveCollapsed: string;
itemTextColor: string;
itemTextColorHover: string;
itemTextColorActive: string;
itemTextColorActiveHover: string;
itemTextColorChildActive: string;
itemTextColorChildActiveHover: string;
itemTextColorHorizontal: string;
itemTextColorHoverHorizontal: string;
itemTextColorActiveHorizontal: string;
itemTextColorActiveHoverHorizontal: string;
itemTextColorChildActiveHorizontal: string;
itemTextColorChildActiveHoverHorizontal: string;
itemIconColor: string;
itemIconColorHover: string;
itemIconColorActive: string;
itemIconColorActiveHover: string;
itemIconColorChildActive: string;
itemIconColorChildActiveHover: string;
itemIconColorCollapsed: string;
itemIconColorHorizontal: string;
itemIconColorHoverHorizontal: string;
itemIconColorActiveHorizontal: string;
itemIconColorActiveHoverHorizontal: string;
itemIconColorChildActiveHorizontal: string;
itemIconColorChildActiveHoverHorizontal: string;
itemHeight: string;
arrowColor: string;
arrowColorHover: string;
arrowColorActive: string;
arrowColorActiveHover: string;
arrowColorChildActive: string;
arrowColorChildActiveHover: string;
colorInverted: string;
borderColorHorizontal: string;
fontSize: string;
dividerColor: string;
}, {
Tooltip: import("../../_mixins").Theme<"Tooltip", {
borderRadius: string;
boxShadow: string;
color: string;
textColor: string;
padding: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
Dropdown: import("../../_mixins").Theme<"Dropdown", {
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
optionTextColor: string;
optionTextColorHover: string;
optionTextColorActive: string;
optionTextColorChildActive: string;
color: string;
dividerColor: string;
suffixColor: string;
prefixColor: string;
optionColorHover: string;
optionColorActive: string;
groupHeaderTextColor: string;
optionTextColorInverted: string;
optionTextColorHoverInverted: string;
optionTextColorActiveInverted: string;
optionTextColorChildActiveInverted: string;
colorInverted: string;
dividerColorInverted: string;
suffixColorInverted: string;
prefixColorInverted: string;
optionColorHoverInverted: string;
optionColorActiveInverted: string;
groupHeaderTextColorInverted: string;
optionOpacityDisabled: string;
padding: string;
optionIconSizeSmall: string;
optionIconSizeMedium: string;
optionIconSizeLarge: string;
optionIconSizeHuge: string;
optionSuffixWidthSmall: string;
optionSuffixWidthMedium: string;
optionSuffixWidthLarge: string;
optionSuffixWidthHuge: string;
optionIconSuffixWidthSmall: string;
optionIconSuffixWidthMedium: string;
optionIconSuffixWidthLarge: string;
optionIconSuffixWidthHuge: string;
optionPrefixWidthSmall: string;
optionPrefixWidthMedium: string;
optionPrefixWidthLarge: string;
optionPrefixWidthHuge: string;
optionIconPrefixWidthSmall: string;
optionIconPrefixWidthMedium: string;
optionIconPrefixWidthLarge: string;
optionIconPrefixWidthHuge: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
}>>;
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
itemColorHoverInverted: string;
itemColorActiveInverted: string;
itemColorActiveHoverInverted: string;
itemColorActiveCollapsedInverted: string;
itemTextColorInverted: string;
itemTextColorHoverInverted: string;
itemTextColorChildActiveInverted: string;
itemTextColorChildActiveHoverInverted: string;
itemTextColorActiveInverted: string;
itemTextColorActiveHoverInverted: string;
itemTextColorHorizontalInverted: string;
itemTextColorHoverHorizontalInverted: string;
itemTextColorChildActiveHorizontalInverted: string;
itemTextColorChildActiveHoverHorizontalInverted: string;
itemTextColorActiveHorizontalInverted: string;
itemTextColorActiveHoverHorizontalInverted: string;
itemIconColorInverted: string;
itemIconColorHoverInverted: string;
itemIconColorActiveInverted: string;
itemIconColorActiveHoverInverted: string;
itemIconColorChildActiveInverted: string;
itemIconColorChildActiveHoverInverted: string;
itemIconColorCollapsedInverted: string;
itemIconColorHorizontalInverted: string;
itemIconColorHoverHorizontalInverted: string;
itemIconColorActiveHorizontalInverted: string;
itemIconColorActiveHoverHorizontalInverted: string;
itemIconColorChildActiveHorizontalInverted: string;
itemIconColorChildActiveHoverHorizontalInverted: string;
arrowColorInverted: string;
arrowColorHoverInverted: string;
arrowColorActiveInverted: string;
arrowColorActiveHoverInverted: string;
arrowColorChildActiveInverted: string;
arrowColorChildActiveHoverInverted: string;
groupTextColorInverted: string;
borderRadius: string;
color: string;
groupTextColor: string;
itemColorHover: string;
itemColorActive: string;
itemColorActiveHover: string;
itemColorActiveCollapsed: string;
itemTextColor: string;
itemTextColorHover: string;
itemTextColorActive: string;
itemTextColorActiveHover: string;
itemTextColorChildActive: string;
itemTextColorChildActiveHover: string;
itemTextColorHorizontal: string;
itemTextColorHoverHorizontal: string;
itemTextColorActiveHorizontal: string;
itemTextColorActiveHoverHorizontal: string;
itemTextColorChildActiveHorizontal: string;
itemTextColorChildActiveHoverHorizontal: string;
itemIconColor: string;
itemIconColorHover: string;
itemIconColorActive: string;
itemIconColorActiveHover: string;
itemIconColorChildActive: string;
itemIconColorChildActiveHover: string;
itemIconColorCollapsed: string;
itemIconColorHorizontal: string;
itemIconColorHoverHorizontal: string;
itemIconColorActiveHorizontal: string;
itemIconColorActiveHoverHorizontal: string;
itemIconColorChildActiveHorizontal: string;
itemIconColorChildActiveHoverHorizontal: string;
itemHeight: string;
arrowColor: string;
arrowColorHover: string;
arrowColorActive: string;
arrowColorActiveHover: string;
arrowColorChildActive: string;
arrowColorChildActiveHover: string;
colorInverted: string;
borderColorHorizontal: string;
fontSize: string;
dividerColor: string;
}, {
Tooltip: import("../../_mixins").Theme<"Tooltip", {
borderRadius: string;
boxShadow: string;
color: string;
textColor: string;
padding: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
Dropdown: import("../../_mixins").Theme<"Dropdown", {
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
optionTextColor: string;
optionTextColorHover: string;
optionTextColorActive: string;
optionTextColorChildActive: string;
color: string;
dividerColor: string;
suffixColor: string;
prefixColor: string;
optionColorHover: string;
optionColorActive: string;
groupHeaderTextColor: string;
optionTextColorInverted: string;
optionTextColorHoverInverted: string;
optionTextColorActiveInverted: string;
optionTextColorChildActiveInverted: string;
colorInverted: string;
dividerColorInverted: string;
suffixColorInverted: string;
prefixColorInverted: string;
optionColorHoverInverted: string;
optionColorActiveInverted: string;
groupHeaderTextColorInverted: string;
optionOpacityDisabled: string;
padding: string;
optionIconSizeSmall: string;
optionIconSizeMedium: string;
optionIconSizeLarge: string;
optionIconSizeHuge: string;
optionSuffixWidthSmall: string;
optionSuffixWidthMedium: string;
optionSuffixWidthLarge: string;
optionSuffixWidthHuge: string;
optionIconSuffixWidthSmall: string;
optionIconSuffixWidthMedium: string;
optionIconSuffixWidthLarge: string;
optionIconSuffixWidthHuge: string;
optionPrefixWidthSmall: string;
optionPrefixWidthMedium: string;
optionPrefixWidthLarge: string;
optionPrefixWidthHuge: string;
optionIconPrefixWidthSmall: string;
optionIconPrefixWidthMedium: string;
optionIconPrefixWidthLarge: string;
optionIconPrefixWidthHuge: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
}>>>;
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
itemColorHoverInverted: string;
itemColorActiveInverted: string;
itemColorActiveHoverInverted: string;
itemColorActiveCollapsedInverted: string;
itemTextColorInverted: string;
itemTextColorHoverInverted: string;
itemTextColorChildActiveInverted: string;
itemTextColorChildActiveHoverInverted: string;
itemTextColorActiveInverted: string;
itemTextColorActiveHoverInverted: string;
itemTextColorHorizontalInverted: string;
itemTextColorHoverHorizontalInverted: string;
itemTextColorChildActiveHorizontalInverted: string;
itemTextColorChildActiveHoverHorizontalInverted: string;
itemTextColorActiveHorizontalInverted: string;
itemTextColorActiveHoverHorizontalInverted: string;
itemIconColorInverted: string;
itemIconColorHoverInverted: string;
itemIconColorActiveInverted: string;
itemIconColorActiveHoverInverted: string;
itemIconColorChildActiveInverted: string;
itemIconColorChildActiveHoverInverted: string;
itemIconColorCollapsedInverted: string;
itemIconColorHorizontalInverted: string;
itemIconColorHoverHorizontalInverted: string;
itemIconColorActiveHorizontalInverted: string;
itemIconColorActiveHoverHorizontalInverted: string;
itemIconColorChildActiveHorizontalInverted: string;
itemIconColorChildActiveHoverHorizontalInverted: string;
arrowColorInverted: string;
arrowColorHoverInverted: string;
arrowColorActiveInverted: string;
arrowColorActiveHoverInverted: string;
arrowColorChildActiveInverted: string;
arrowColorChildActiveHoverInverted: string;
groupTextColorInverted: string;
borderRadius: string;
color: string;
groupTextColor: string;
itemColorHover: string;
itemColorActive: string;
itemColorActiveHover: string;
itemColorActiveCollapsed: string;
itemTextColor: string;
itemTextColorHover: string;
itemTextColorActive: string;
itemTextColorActiveHover: string;
itemTextColorChildActive: string;
itemTextColorChildActiveHover: string;
itemTextColorHorizontal: string;
itemTextColorHoverHorizontal: string;
itemTextColorActiveHorizontal: string;
itemTextColorActiveHoverHorizontal: string;
itemTextColorChildActiveHorizontal: string;
itemTextColorChildActiveHoverHorizontal: string;
itemIconColor: string;
itemIconColorHover: string;
itemIconColorActive: string;
itemIconColorActiveHover: string;
itemIconColorChildActive: string;
itemIconColorChildActiveHover: string;
itemIconColorCollapsed: string;
itemIconColorHorizontal: string;
itemIconColorHoverHorizontal: string;
itemIconColorActiveHorizontal: string;
itemIconColorActiveHoverHorizontal: string;
itemIconColorChildActiveHorizontal: string;
itemIconColorChildActiveHoverHorizontal: string;
itemHeight: string;
arrowColor: string;
arrowColorHover: string;
arrowColorActive: string;
arrowColorActiveHover: string;
arrowColorChildActive: string;
arrowColorChildActiveHover: string;
colorInverted: string;
borderColorHorizontal: string;
fontSize: string;
dividerColor: string;
}, {
Tooltip: import("../../_mixins").Theme<"Tooltip", {
borderRadius: string;
boxShadow: string;
color: string;
textColor: string;
padding: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
Dropdown: import("../../_mixins").Theme<"Dropdown", {
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
optionTextColor: string;
optionTextColorHover: string;
optionTextColorActive: string;
optionTextColorChildActive: string;
color: string;
dividerColor: string;
suffixColor: string;
prefixColor: string;
optionColorHover: string;
optionColorActive: string;
groupHeaderTextColor: string;
optionTextColorInverted: string;
optionTextColorHoverInverted: string;
optionTextColorActiveInverted: string;
optionTextColorChildActiveInverted: string;
colorInverted: string;
dividerColorInverted: string;
suffixColorInverted: string;
prefixColorInverted: string;
optionColorHoverInverted: string;
optionColorActiveInverted: string;
groupHeaderTextColorInverted: string;
optionOpacityDisabled: string;
padding: string;
optionIconSizeSmall: string;
optionIconSizeMedium: string;
optionIconSizeLarge: string;
optionIconSizeHuge: string;
optionSuffixWidthSmall: string;
optionSuffixWidthMedium: string;
optionSuffixWidthLarge: string;
optionSuffixWidthHuge: string;
optionIconSuffixWidthSmall: string;
optionIconSuffixWidthMedium: string;
optionIconSuffixWidthLarge: string;
optionIconSuffixWidthHuge: string;
optionPrefixWidthSmall: string;
optionPrefixWidthMedium: string;
optionPrefixWidthLarge: string;
optionPrefixWidthHuge: string;
optionIconPrefixWidthSmall: string;
optionIconPrefixWidthMedium: string;
optionIconPrefixWidthLarge: string;
optionIconPrefixWidthHuge: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
}>>>;
};
export type MenuSetupProps = ExtractPropTypes<typeof menuProps>;
export type MenuProps = Partial<MenuSetupProps>;
declare const _default: import("vue").DefineComponent<{
readonly options: {
readonly type: PropType<MenuMixedOption[]>;
readonly default: () => never[];
};
readonly collapsed: {
readonly type: PropType<boolean | undefined>;
readonly default: undefined;
};
readonly collapsedWidth: {
readonly type: NumberConstructor;
readonly default: 48;
};
readonly iconSize: {
readonly type: NumberConstructor;
readonly default: 20;
};
readonly collapsedIconSize: {
readonly type: NumberConstructor;
readonly default: 24;
};
readonly rootIndent: NumberConstructor;
readonly indent: {
readonly type: NumberConstructor;
readonly default: 32;
};
readonly labelField: {
readonly type: StringConstructor;
readonly default: "label";
};
readonly keyField: {
readonly type: StringConstructor;
readonly default: "key";
};
readonly childrenField: {
readonly type: StringConstructor;
readonly default: "children";
};
readonly disabledField: {
readonly type: StringConstructor;
readonly default: "disabled";
};
readonly defaultExpandAll: BooleanConstructor;
readonly defaultExpandedKeys: PropType<Key[]>;
readonly expandedKeys: PropType<Key[]>;
readonly value: PropType<Key | null>;
readonly defaultValue: {
readonly type: PropType<Key | null>;
readonly default: null;
};
readonly mode: {
readonly type: PropType<"horizontal" | "vertical">;
readonly default: "vertical";
};
readonly watchProps: {
readonly type: PropType<("defaultValue" | "defaultExpandedKeys")[]>;
readonly default: undefined;
};
readonly disabled: BooleanConstructor;
readonly show: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly inverted: BooleanConstructor;
readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
readonly expandIcon: PropType<(option: MenuOption) => VNodeChild>;
readonly renderIcon: PropType<(option: MenuOption) => VNodeChild>;
readonly renderLabel: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
readonly renderExtra: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
readonly dropdownProps: PropType<DropdownProps>;
readonly accordion: BooleanConstructor;
readonly nodeProps: PropType<MenuNodeProps>;
readonly dropdownPlacement: {
readonly type: PropType<FollowerPlacement>;
readonly default: "bottom";
};
readonly responsive: BooleanConstructor;
readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
readonly expandedNames: PropType<Key[]>;
readonly defaultExpandedNames: PropType<Key[]>;
readonly theme: PropType<import("../../_mixins").Theme<"Menu", {
itemColorHoverInverted: string;
itemColorActiveInverted: string;
itemColorActiveHoverInverted: string;
itemColorActiveCollapsedInverted: string;
itemTextColorInverted: string;
itemTextColorHoverInverted: string;
itemTextColorChildActiveInverted: string;
itemTextColorChildActiveHoverInverted: string;
itemTextColorActiveInverted: string;
itemTextColorActiveHoverInverted: string;
itemTextColorHorizontalInverted: string;
itemTextColorHoverHorizontalInverted: string;
itemTextColorChildActiveHorizontalInverted: string;
itemTextColorChildActiveHoverHorizontalInverted: string;
itemTextColorActiveHorizontalInverted: string;
itemTextColorActiveHoverHorizontalInverted: string;
itemIconColorInverted: string;
itemIconColorHoverInverted: string;
itemIconColorActiveInverted: string;
itemIconColorActiveHoverInverted: string;
itemIconColorChildActiveInverted: string;
itemIconColorChildActiveHoverInverted: string;
itemIconColorCollapsedInverted: string;
itemIconColorHorizontalInverted: string;
itemIconColorHoverHorizontalInverted: string;
itemIconColorActiveHorizontalInverted: string;
itemIconColorActiveHoverHorizontalInverted: string;
itemIconColorChildActiveHorizontalInverted: string;
itemIconColorChildActiveHoverHorizontalInverted: string;
arrowColorInverted: string;
arrowColorHoverInverted: string;
arrowColorActiveInverted: string;
arrowColorActiveHoverInverted: string;
arrowColorChildActiveInverted: string;
arrowColorChildActiveHoverInverted: string;
groupTextColorInverted: string;
borderRadius: string;
color: string;
groupTextColor: string;
itemColorHover: string;
itemColorActive: string;
itemColorActiveHover: string;
itemColorActiveCollapsed: string;
itemTextColor: string;
itemTextColorHover: string;
itemTextColorActive: string;
itemTextColorActiveHover: string;
itemTextColorChildActive: string;
itemTextColorChildActiveHover: string;
itemTextColorHorizontal: string;
itemTextColorHoverHorizontal: string;
itemTextColorActiveHorizontal: string;
itemTextColorActiveHoverHorizontal: string;
itemTextColorChildActiveHorizontal: string;
itemTextColorChildActiveHoverHorizontal: string;
itemIconColor: string;
itemIconColorHover: string;
itemIconColorActive: string;
itemIconColorActiveHover: string;
itemIconColorChildActive: string;
itemIconColorChildActiveHover: string;
itemIconColorCollapsed: string;
itemIconColorHorizontal: string;
itemIconColorHoverHorizontal: string;
itemIconColorActiveHorizontal: string;
itemIconColorActiveHoverHorizontal: string;
itemIconColorChildActiveHorizontal: string;
itemIconColorChildActiveHoverHorizontal: string;
itemHeight: string;
arrowColor: string;
arrowColorHover: string;
arrowColorActive: string;
arrowColorActiveHover: string;
arrowColorChildActive: string;
arrowColorChildActiveHover: string;
colorInverted: string;
borderColorHorizontal: string;
fontSize: string;
dividerColor: string;
}, {
Tooltip: import("../../_mixins").Theme<"Tooltip", {
borderRadius: string;
boxShadow: string;
color: string;
textColor: string;
padding: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
Dropdown: import("../../_mixins").Theme<"Dropdown", {
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
optionTextColor: string;
optionTextColorHover: string;
optionTextColorActive: string;
optionTextColorChildActive: string;
color: string;
dividerColor: string;
suffixColor: string;
prefixColor: string;
optionColorHover: string;
optionColorActive: string;
groupHeaderTextColor: string;
optionTextColorInverted: string;
optionTextColorHoverInverted: string;
optionTextColorActiveInverted: string;
optionTextColorChildActiveInverted: string;
colorInverted: string;
dividerColorInverted: string;
suffixColorInverted: string;
prefixColorInverted: string;
optionColorHoverInverted: string;
optionColorActiveInverted: string;
groupHeaderTextColorInverted: string;
optionOpacityDisabled: string;
padding: string;
optionIconSizeSmall: string;
optionIconSizeMedium: string;
optionIconSizeLarge: string;
optionIconSizeHuge: string;
optionSuffixWidthSmall: string;
optionSuffixWidthMedium: string;
optionSuffixWidthLarge: string;
optionSuffixWidthHuge: string;
optionIconSuffixWidthSmall: string;
optionIconSuffixWidthMedium: string;
optionIconSuffixWidthLarge: string;
optionIconSuffixWidthHuge: string;
optionPrefixWidthSmall: string;
optionPrefixWidthMedium: string;
optionPrefixWidthLarge: string;
optionPrefixWidthHuge: string;
optionIconPrefixWidthSmall: string;
optionIconPrefixWidthMedium: string;
optionIconPrefixWidthLarge: string;
optionIconPrefixWidthHuge: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
}>>;
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
itemColorHoverInverted: string;
itemColorActiveInverted: string;
itemColorActiveHoverInverted: string;
itemColorActiveCollapsedInverted: string;
itemTextColorInverted: string;
itemTextColorHoverInverted: string;
itemTextColorChildActiveInverted: string;
itemTextColorChildActiveHoverInverted: string;
itemTextColorActiveInverted: string;
itemTextColorActiveHoverInverted: string;
itemTextColorHorizontalInverted: string;
itemTextColorHoverHorizontalInverted: string;
itemTextColorChildActiveHorizontalInverted: string;
itemTextColorChildActiveHoverHorizontalInverted: string;
itemTextColorActiveHorizontalInverted: string;
itemTextColorActiveHoverHorizontalInverted: string;
itemIconColorInverted: string;
itemIconColorHoverInverted: string;
itemIconColorActiveInverted: string;
itemIconColorActiveHoverInverted: string;
itemIconColorChildActiveInverted: string;
itemIconColorChildActiveHoverInverted: string;
itemIconColorCollapsedInverted: string;
itemIconColorHorizontalInverted: string;
itemIconColorHoverHorizontalInverted: string;
itemIconColorActiveHorizontalInverted: string;
itemIconColorActiveHoverHorizontalInverted: string;
itemIconColorChildActiveHorizontalInverted: string;
itemIconColorChildActiveHoverHorizontalInverted: string;
arrowColorInverted: string;
arrowColorHoverInverted: string;
arrowColorActiveInverted: string;
arrowColorActiveHoverInverted: string;
arrowColorChildActiveInverted: string;
arrowColorChildActiveHoverInverted: string;
groupTextColorInverted: string;
borderRadius: string;
color: string;
groupTextColor: string;
itemColorHover: string;
itemColorActive: string;
itemColorActiveHover: string;
itemColorActiveCollapsed: string;
itemTextColor: string;
itemTextColorHover: string;
itemTextColorActive: string;
itemTextColorActiveHover: string;
itemTextColorChildActive: string;
itemTextColorChildActiveHover: string;
itemTextColorHorizontal: string;
itemTextColorHoverHorizontal: string;
itemTextColorActiveHorizontal: string;
itemTextColorActiveHoverHorizontal: string;
itemTextColorChildActiveHorizontal: string;
itemTextColorChildActiveHoverHorizontal: string;
itemIconColor: string;
itemIconColorHover: string;
itemIconColorActive: string;
itemIconColorActiveHover: string;
itemIconColorChildActive: string;
itemIconColorChildActiveHover: string;
itemIconColorCollapsed: string;
itemIconColorHorizontal: string;
itemIconColorHoverHorizontal: string;
itemIconColorActiveHorizontal: string;
itemIconColorActiveHoverHorizontal: string;
itemIconColorChildActiveHorizontal: string;
itemIconColorChildActiveHoverHorizontal: string;
itemHeight: string;
arrowColor: string;
arrowColorHover: string;
arrowColorActive: string;
arrowColorActiveHover: string;
arrowColorChildActive: string;
arrowColorChildActiveHover: string;
colorInverted: string;
borderColorHorizontal: string;
fontSize: string;
dividerColor: string;
}, {
Tooltip: import("../../_mixins").Theme<"Tooltip", {
borderRadius: string;
boxShadow: string;
color: string;
textColor: string;
padding: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
Dropdown: import("../../_mixins").Theme<"Dropdown", {
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
optionTextColor: string;
optionTextColorHover: string;
optionTextColorActive: string;
optionTextColorChildActive: string;
color: string;
dividerColor: string;
suffixColor: string;
prefixColor: string;
optionColorHover: string;
optionColorActive: string;
groupHeaderTextColor: string;
optionTextColorInverted: string;
optionTextColorHoverInverted: string;
optionTextColorActiveInverted: string;
optionTextColorChildActiveInverted: string;
colorInverted: string;
dividerColorInverted: string;
suffixColorInverted: string;
prefixColorInverted: string;
optionColorHoverInverted: string;
optionColorActiveInverted: string;
groupHeaderTextColorInverted: string;
optionOpacityDisabled: string;
padding: string;
optionIconSizeSmall: string;
optionIconSizeMedium: string;
optionIconSizeLarge: string;
optionIconSizeHuge: string;
optionSuffixWidthSmall: string;
optionSuffixWidthMedium: string;
optionSuffixWidthLarge: string;
optionSuffixWidthHuge: string;
optionIconSuffixWidthSmall: string;
optionIconSuffixWidthMedium: string;
optionIconSuffixWidthLarge: string;
optionIconSuffixWidthHuge: string;
optionPrefixWidthSmall: string;
optionPrefixWidthMedium: string;
optionPrefixWidthLarge: string;
optionPrefixWidthHuge: string;
optionIconPrefixWidthSmall: string;
optionIconPrefixWidthMedium: string;
optionIconPrefixWidthLarge: string;
optionIconPrefixWidthHuge: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
}>>>;
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
itemColorHoverInverted: string;
itemColorActiveInverted: string;
itemColorActiveHoverInverted: string;
itemColorActiveCollapsedInverted: string;
itemTextColorInverted: string;
itemTextColorHoverInverted: string;
itemTextColorChildActiveInverted: string;
itemTextColorChildActiveHoverInverted: string;
itemTextColorActiveInverted: string;
itemTextColorActiveHoverInverted: string;
itemTextColorHorizontalInverted: string;
itemTextColorHoverHorizontalInverted: string;
itemTextColorChildActiveHorizontalInverted: string;
itemTextColorChildActiveHoverHorizontalInverted: string;
itemTextColorActiveHorizontalInverted: string;
itemTextColorActiveHoverHorizontalInverted: string;
itemIconColorInverted: string;
itemIconColorHoverInverted: string;
itemIconColorActiveInverted: string;
itemIconColorActiveHoverInverted: string;
itemIconColorChildActiveInverted: string;
itemIconColorChildActiveHoverInverted: string;
itemIconColorCollapsedInverted: string;
itemIconColorHorizontalInverted: string;
itemIconColorHoverHorizontalInverted: string;
itemIconColorActiveHorizontalInverted: string;
itemIconColorActiveHoverHorizontalInverted: string;
itemIconColorChildActiveHorizontalInverted: string;
itemIconColorChildActiveHoverHorizontalInverted: string;
arrowColorInverted: string;
arrowColorHoverInverted: string;
arrowColorActiveInverted: string;
arrowColorActiveHoverInverted: string;
arrowColorChildActiveInverted: string;
arrowColorChildActiveHoverInverted: string;
groupTextColorInverted: string;
borderRadius: string;
color: string;
groupTextColor: string;
itemColorHover: string;
itemColorActive: string;
itemColorActiveHover: string;
itemColorActiveCollapsed: string;
itemTextColor: string;
itemTextColorHover: string;
itemTextColorActive: string;
itemTextColorActiveHover: string;
itemTextColorChildActive: string;
itemTextColorChildActiveHover: string;
itemTextColorHorizontal: string;
itemTextColorHoverHorizontal: string;
itemTextColorActiveHorizontal: string;
itemTextColorActiveHoverHorizontal: string;
itemTextColorChildActiveHorizontal: string;
itemTextColorChildActiveHoverHorizontal: string;
itemIconColor: string;
itemIconColorHover: string;
itemIconColorActive: string;
itemIconColorActiveHover: string;
itemIconColorChildActive: string;
itemIconColorChildActiveHover: string;
itemIconColorCollapsed: string;
itemIconColorHorizontal: string;
itemIconColorHoverHorizontal: string;
itemIconColorActiveHorizontal: string;
itemIconColorActiveHoverHorizontal: string;
itemIconColorChildActiveHorizontal: string;
itemIconColorChildActiveHoverHorizontal: string;
itemHeight: string;
arrowColor: string;
arrowColorHover: string;
arrowColorActive: string;
arrowColorActiveHover: string;
arrowColorChildActive: string;
arrowColorChildActiveHover: string;
colorInverted: string;
borderColorHorizontal: string;
fontSize: string;
dividerColor: string;
}, {
Tooltip: import("../../_mixins").Theme<"Tooltip", {
borderRadius: string;
boxShadow: string;
color: string;
textColor: string;
padding: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
Dropdown: import("../../_mixins").Theme<"Dropdown", {
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
optionTextColor: string;
optionTextColorHover: string;
optionTextColorActive: string;
optionTextColorChildActive: string;
color: string;
dividerColor: string;
suffixColor: string;
prefixColor: string;
optionColorHover: string;
optionColorActive: string;
groupHeaderTextColor: string;
optionTextColorInverted: string;
optionTextColorHoverInverted: string;
optionTextColorActiveInverted: string;
optionTextColorChildActiveInverted: string;
colorInverted: string;
dividerColorInverted: string;
suffixColorInverted: string;
prefixColorInverted: string;
optionColorHoverInverted: string;
optionColorActiveInverted: string;
groupHeaderTextColorInverted: string;
optionOpacityDisabled: string;
padding: string;
optionIconSizeSmall: string;
optionIconSizeMedium: string;
optionIconSizeLarge: string;
optionIconSizeHuge: string;
optionSuffixWidthSmall: string;
optionSuffixWidthMedium: string;
optionSuffixWidthLarge: string;
optionSuffixWidthHuge: string;
optionIconSuffixWidthSmall: string;
optionIconSuffixWidthMedium: string;
optionIconSuffixWidthLarge: string;
optionIconSuffixWidthHuge: string;
optionPrefixWidthSmall: string;
optionPrefixWidthMedium: string;
optionPrefixWidthLarge: string;
optionPrefixWidthHuge: string;
optionIconPrefixWidthSmall: string;
optionIconPrefixWidthMedium: string;
optionIconPrefixWidthLarge: string;
optionIconPrefixWidthHuge: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
}>>>;
}, {
mergedClsPrefix: import("vue").Ref<string>;
controlledExpandedKeys: import("vue").ComputedRef<Key[] | undefined>;
uncontrolledExpanededKeys: import("vue").Ref<Key[]>;
mergedExpandedKeys: import("vue").ComputedRef<Key[]>;
uncontrolledValue: import("vue").Ref<Key | null>;
mergedValue: import("vue").ComputedRef<Key | null>;
activePath: import("vue").ComputedRef<Key[]>;
tmNodes: import("vue").ComputedRef<import("treemate").TreeNode<MenuOption, MenuGroupOption, MenuIgnoredOption>[]>;
mergedTheme: import("vue").ComputedRef<{
common: {
baseColor: string;
primaryColor: string;
primaryColorHover: string;
primaryColorPressed: string;
primaryColorSuppl: string;
infoColor: string;
infoColorHover: string;
infoColorPressed: string;
infoColorSuppl: string;
successColor: string;
successColorHover: string;
successColorPressed: string;
successColorSuppl: string;
warningColor: string;
warningColorHover: string;
warningColorPressed: string;
warningColorSuppl: string;
errorColor: string;
errorColorHover: string;
errorColorPressed: string;
errorColorSuppl: string;
textColorBase: string;
textColor1: string;
textColor2: string;
textColor3: string;
textColorDisabled: string;
placeholderColor: string;
placeholderColorDisabled: string;
iconColor: string;
iconColorHover: string;
iconColorPressed: string;
iconColorDisabled: string;
opacity1: string;
opacity2: string;
opacity3: string;
opacity4: string;
opacity5: string;
dividerColor: string;
borderColor: string;
closeIconColor: string;
closeIconColorHover: string;
closeIconColorPressed: string;
closeColorHover: string;
closeColorPressed: string;
clearColor: string;
clearColorHover: string;
clearColorPressed: string;
scrollbarColor: string;
scrollbarColorHover: string;
scrollbarWidth: string;
scrollbarHeight: string;
scrollbarBorderRadius: string;
progressRailColor: string;
railColor: string;
popoverColor: string;
tableColor: string;
cardColor: string;
modalColor: string;
bodyColor: string;
tagColor: string;
avatarColor: string;
invertedColor: string;
inputColor: string;
codeColor: string;
tabColor: string;
actionColor: string;
tableHeaderColor: string;
hoverColor: string;
tableColorHover: string;
tableColorStriped: string;
pressedColor: string;
opacityDisabled: string;
inputColorDisabled: string;
buttonColor2: string;
buttonColor2Hover: string;
buttonColor2Pressed: string;
boxShadow1: string;
boxShadow2: string;
boxShadow3: string;
fontFamily: string;
fontFamilyMono: string;
fontWeight: string;
fontWeightStrong: string;
cubicBezierEaseInOut: string;
cubicBezierEaseOut: string;
cubicBezierEaseIn: string;
borderRadius: string;
borderRadiusSmall: string;
fontSize: string;
fontSizeMini: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
lineHeight: string;
heightMini: string;
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
heightHuge: string;
name: "common";
};
self: {
itemColorHoverInverted: string;
itemColorActiveInverted: string;
itemColorActiveHoverInverted: string;
itemColorActiveCollapsedInverted: string;
itemTextColorInverted: string;
itemTextColorHoverInverted: string;
itemTextColorChildActiveInverted: string;
itemTextColorChildActiveHoverInverted: string;
itemTextColorActiveInverted: string;
itemTextColorActiveHoverInverted: string;
itemTextColorHorizontalInverted: string;
itemTextColorHoverHorizontalInverted: string;
itemTextColorChildActiveHorizontalInverted: string;
itemTextColorChildActiveHoverHorizontalInverted: string;
itemTextColorActiveHorizontalInverted: string;
itemTextColorActiveHoverHorizontalInverted: string;
itemIconColorInverted: string;
itemIconColorHoverInverted: string;
itemIconColorActiveInverted: string;
itemIconColorActiveHoverInverted: string;
itemIconColorChildActiveInverted: string;
itemIconColorChildActiveHoverInverted: string;
itemIconColorCollapsedInverted: string;
itemIconColorHorizontalInverted: string;
itemIconColorHoverHorizontalInverted: string;
itemIconColorActiveHorizontalInverted: string;
itemIconColorActiveHoverHorizontalInverted: string;
itemIconColorChildActiveHorizontalInverted: string;
itemIconColorChildActiveHoverHorizontalInverted: string;
arrowColorInverted: string;
arrowColorHoverInverted: string;
arrowColorActiveInverted: string;
arrowColorActiveHoverInverted: string;
arrowColorChildActiveInverted: string;
arrowColorChildActiveHoverInverted: string;
groupTextColorInverted: string;
borderRadius: string;
color: string;
groupTextColor: string;
itemColorHover: string;
itemColorActive: string;
itemColorActiveHover: string;
itemColorActiveCollapsed: string;
itemTextColor: string;
itemTextColorHover: string;
itemTextColorActive: string;
itemTextColorActiveHover: string;
itemTextColorChildActive: string;
itemTextColorChildActiveHover: string;
itemTextColorHorizontal: string;
itemTextColorHoverHorizontal: string;
itemTextColorActiveHorizontal: string;
itemTextColorActiveHoverHorizontal: string;
itemTextColorChildActiveHorizontal: string;
itemTextColorChildActiveHoverHorizontal: string;
itemIconColor: string;
itemIconColorHover: string;
itemIconColorActive: string;
itemIconColorActiveHover: string;
itemIconColorChildActive: string;
itemIconColorChildActiveHover: string;
itemIconColorCollapsed: string;
itemIconColorHorizontal: string;
itemIconColorHoverHorizontal: string;
itemIconColorActiveHorizontal: string;
itemIconColorActiveHoverHorizontal: string;
itemIconColorChildActiveHorizontal: string;
itemIconColorChildActiveHoverHorizontal: string;
itemHeight: string;
arrowColor: string;
arrowColorHover: string;
arrowColorActive: string;
arrowColorActiveHover: string;
arrowColorChildActive: string;
arrowColorChildActiveHover: string;
colorInverted: string;
borderColorHorizontal: string;
fontSize: string;
dividerColor: string;
};
peers: {
Tooltip: import("../../_mixins").Theme<"Tooltip", {
borderRadius: string;
boxShadow: string;
color: string;
textColor: string;
padding: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
Dropdown: import("../../_mixins").Theme<"Dropdown", {
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
optionTextColor: string;
optionTextColorHover: string;
optionTextColorActive: string;
optionTextColorChildActive: string;
color: string;
dividerColor: string;
suffixColor: string;
prefixColor: string;
optionColorHover: string;
optionColorActive: string;
groupHeaderTextColor: string;
optionTextColorInverted: string;
optionTextColorHoverInverted: string;
optionTextColorActiveInverted: string;
optionTextColorChildActiveInverted: string;
colorInverted: string;
dividerColorInverted: string;
suffixColorInverted: string;
prefixColorInverted: string;
optionColorHoverInverted: string;
optionColorActiveInverted: string;
groupHeaderTextColorInverted: string;
optionOpacityDisabled: string;
padding: string;
optionIconSizeSmall: string;
optionIconSizeMedium: string;
optionIconSizeLarge: string;
optionIconSizeHuge: string;
optionSuffixWidthSmall: string;
optionSuffixWidthMedium: string;
optionSuffixWidthLarge: string;
optionSuffixWidthHuge: string;
optionIconSuffixWidthSmall: string;
optionIconSuffixWidthMedium: string;
optionIconSuffixWidthLarge: string;
optionIconSuffixWidthHuge: string;
optionPrefixWidthSmall: string;
optionPrefixWidthMedium: string;
optionPrefixWidthLarge: string;
optionPrefixWidthHuge: string;
optionIconPrefixWidthSmall: string;
optionIconPrefixWidthMedium: string;
optionIconPrefixWidthLarge: string;
optionIconPrefixWidthHuge: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
};
peerOverrides: {
Tooltip?: {
peers?: {
Popover?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>> | undefined;
} | undefined;
} | undefined;
Dropdown?: {
peers?: {
Popover?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>> | undefined;
} | undefined;
} | undefined;
};
}>;
mergedCollapsed: import("vue").ComputedRef<boolean>;
cssVars: import("vue").ComputedRef<any> | undefined;
themeClass: import("vue").Ref<string> | undefined;
overflowRef: import("vue").Ref<{
sync: (options: {
showAllItemsBeforeCalculate: boolean;
}) => void;
} | null>;
counterRef: import("vue").Ref<HTMLElement | null>;
updateCounter: () => void;
onResize: () => void;
onUpdateOverflow: (overflow: boolean) => void;
onUpdateCount: (count: number) => void;
renderCounter: () => VNodeChild;
getCounter: () => HTMLElement | null;
onRender: (() => void) | undefined;
showOption: (key?: import("./interface").Key | undefined) => void;
deriveResponsiveState: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
readonly options: {
readonly type: PropType<MenuMixedOption[]>;
readonly default: () => never[];
};
readonly collapsed: {
readonly type: PropType<boolean | undefined>;
readonly default: undefined;
};
readonly collapsedWidth: {
readonly type: NumberConstructor;
readonly default: 48;
};
readonly iconSize: {
readonly type: NumberConstructor;
readonly default: 20;
};
readonly collapsedIconSize: {
readonly type: NumberConstructor;
readonly default: 24;
};
readonly rootIndent: NumberConstructor;
readonly indent: {
readonly type: NumberConstructor;
readonly default: 32;
};
readonly labelField: {
readonly type: StringConstructor;
readonly default: "label";
};
readonly keyField: {
readonly type: StringConstructor;
readonly default: "key";
};
readonly childrenField: {
readonly type: StringConstructor;
readonly default: "children";
};
readonly disabledField: {
readonly type: StringConstructor;
readonly default: "disabled";
};
readonly defaultExpandAll: BooleanConstructor;
readonly defaultExpandedKeys: PropType<Key[]>;
readonly expandedKeys: PropType<Key[]>;
readonly value: PropType<Key | null>;
readonly defaultValue: {
readonly type: PropType<Key | null>;
readonly default: null;
};
readonly mode: {
readonly type: PropType<"horizontal" | "vertical">;
readonly default: "vertical";
};
readonly watchProps: {
readonly type: PropType<("defaultValue" | "defaultExpandedKeys")[]>;
readonly default: undefined;
};
readonly disabled: BooleanConstructor;
readonly show: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly inverted: BooleanConstructor;
readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
readonly expandIcon: PropType<(option: MenuOption) => VNodeChild>;
readonly renderIcon: PropType<(option: MenuOption) => VNodeChild>;
readonly renderLabel: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
readonly renderExtra: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
readonly dropdownProps: PropType<DropdownProps>;
readonly accordion: BooleanConstructor;
readonly nodeProps: PropType<MenuNodeProps>;
readonly dropdownPlacement: {
readonly type: PropType<FollowerPlacement>;
readonly default: "bottom";
};
readonly responsive: BooleanConstructor;
readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
readonly expandedNames: PropType<Key[]>;
readonly defaultExpandedNames: PropType<Key[]>;
readonly theme: PropType<import("../../_mixins").Theme<"Menu", {
itemColorHoverInverted: string;
itemColorActiveInverted: string;
itemColorActiveHoverInverted: string;
itemColorActiveCollapsedInverted: string;
itemTextColorInverted: string;
itemTextColorHoverInverted: string;
itemTextColorChildActiveInverted: string;
itemTextColorChildActiveHoverInverted: string;
itemTextColorActiveInverted: string;
itemTextColorActiveHoverInverted: string;
itemTextColorHorizontalInverted: string;
itemTextColorHoverHorizontalInverted: string;
itemTextColorChildActiveHorizontalInverted: string;
itemTextColorChildActiveHoverHorizontalInverted: string;
itemTextColorActiveHorizontalInverted: string;
itemTextColorActiveHoverHorizontalInverted: string;
itemIconColorInverted: string;
itemIconColorHoverInverted: string;
itemIconColorActiveInverted: string;
itemIconColorActiveHoverInverted: string;
itemIconColorChildActiveInverted: string;
itemIconColorChildActiveHoverInverted: string;
itemIconColorCollapsedInverted: string;
itemIconColorHorizontalInverted: string;
itemIconColorHoverHorizontalInverted: string;
itemIconColorActiveHorizontalInverted: string;
itemIconColorActiveHoverHorizontalInverted: string;
itemIconColorChildActiveHorizontalInverted: string;
itemIconColorChildActiveHoverHorizontalInverted: string;
arrowColorInverted: string;
arrowColorHoverInverted: string;
arrowColorActiveInverted: string;
arrowColorActiveHoverInverted: string;
arrowColorChildActiveInverted: string;
arrowColorChildActiveHoverInverted: string;
groupTextColorInverted: string;
borderRadius: string;
color: string;
groupTextColor: string;
itemColorHover: string;
itemColorActive: string;
itemColorActiveHover: string;
itemColorActiveCollapsed: string;
itemTextColor: string;
itemTextColorHover: string;
itemTextColorActive: string;
itemTextColorActiveHover: string;
itemTextColorChildActive: string;
itemTextColorChildActiveHover: string;
itemTextColorHorizontal: string;
itemTextColorHoverHorizontal: string;
itemTextColorActiveHorizontal: string;
itemTextColorActiveHoverHorizontal: string;
itemTextColorChildActiveHorizontal: string;
itemTextColorChildActiveHoverHorizontal: string;
itemIconColor: string;
itemIconColorHover: string;
itemIconColorActive: string;
itemIconColorActiveHover: string;
itemIconColorChildActive: string;
itemIconColorChildActiveHover: string;
itemIconColorCollapsed: string;
itemIconColorHorizontal: string;
itemIconColorHoverHorizontal: string;
itemIconColorActiveHorizontal: string;
itemIconColorActiveHoverHorizontal: string;
itemIconColorChildActiveHorizontal: string;
itemIconColorChildActiveHoverHorizontal: string;
itemHeight: string;
arrowColor: string;
arrowColorHover: string;
arrowColorActive: string;
arrowColorActiveHover: string;
arrowColorChildActive: string;
arrowColorChildActiveHover: string;
colorInverted: string;
borderColorHorizontal: string;
fontSize: string;
dividerColor: string;
}, {
Tooltip: import("../../_mixins").Theme<"Tooltip", {
borderRadius: string;
boxShadow: string;
color: string;
textColor: string;
padding: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
Dropdown: import("../../_mixins").Theme<"Dropdown", {
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
optionTextColor: string;
optionTextColorHover: string;
optionTextColorActive: string;
optionTextColorChildActive: string;
color: string;
dividerColor: string;
suffixColor: string;
prefixColor: string;
optionColorHover: string;
optionColorActive: string;
groupHeaderTextColor: string;
optionTextColorInverted: string;
optionTextColorHoverInverted: string;
optionTextColorActiveInverted: string;
optionTextColorChildActiveInverted: string;
colorInverted: string;
dividerColorInverted: string;
suffixColorInverted: string;
prefixColorInverted: string;
optionColorHoverInverted: string;
optionColorActiveInverted: string;
groupHeaderTextColorInverted: string;
optionOpacityDisabled: string;
padding: string;
optionIconSizeSmall: string;
optionIconSizeMedium: string;
optionIconSizeLarge: string;
optionIconSizeHuge: string;
optionSuffixWidthSmall: string;
optionSuffixWidthMedium: string;
optionSuffixWidthLarge: string;
optionSuffixWidthHuge: string;
optionIconSuffixWidthSmall: string;
optionIconSuffixWidthMedium: string;
optionIconSuffixWidthLarge: string;
optionIconSuffixWidthHuge: string;
optionPrefixWidthSmall: string;
optionPrefixWidthMedium: string;
optionPrefixWidthLarge: string;
optionPrefixWidthHuge: string;
optionIconPrefixWidthSmall: string;
optionIconPrefixWidthMedium: string;
optionIconPrefixWidthLarge: string;
optionIconPrefixWidthHuge: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
}>>;
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
itemColorHoverInverted: string;
itemColorActiveInverted: string;
itemColorActiveHoverInverted: string;
itemColorActiveCollapsedInverted: string;
itemTextColorInverted: string;
itemTextColorHoverInverted: string;
itemTextColorChildActiveInverted: string;
itemTextColorChildActiveHoverInverted: string;
itemTextColorActiveInverted: string;
itemTextColorActiveHoverInverted: string;
itemTextColorHorizontalInverted: string;
itemTextColorHoverHorizontalInverted: string;
itemTextColorChildActiveHorizontalInverted: string;
itemTextColorChildActiveHoverHorizontalInverted: string;
itemTextColorActiveHorizontalInverted: string;
itemTextColorActiveHoverHorizontalInverted: string;
itemIconColorInverted: string;
itemIconColorHoverInverted: string;
itemIconColorActiveInverted: string;
itemIconColorActiveHoverInverted: string;
itemIconColorChildActiveInverted: string;
itemIconColorChildActiveHoverInverted: string;
itemIconColorCollapsedInverted: string;
itemIconColorHorizontalInverted: string;
itemIconColorHoverHorizontalInverted: string;
itemIconColorActiveHorizontalInverted: string;
itemIconColorActiveHoverHorizontalInverted: string;
itemIconColorChildActiveHorizontalInverted: string;
itemIconColorChildActiveHoverHorizontalInverted: string;
arrowColorInverted: string;
arrowColorHoverInverted: string;
arrowColorActiveInverted: string;
arrowColorActiveHoverInverted: string;
arrowColorChildActiveInverted: string;
arrowColorChildActiveHoverInverted: string;
groupTextColorInverted: string;
borderRadius: string;
color: string;
groupTextColor: string;
itemColorHover: string;
itemColorActive: string;
itemColorActiveHover: string;
itemColorActiveCollapsed: string;
itemTextColor: string;
itemTextColorHover: string;
itemTextColorActive: string;
itemTextColorActiveHover: string;
itemTextColorChildActive: string;
itemTextColorChildActiveHover: string;
itemTextColorHorizontal: string;
itemTextColorHoverHorizontal: string;
itemTextColorActiveHorizontal: string;
itemTextColorActiveHoverHorizontal: string;
itemTextColorChildActiveHorizontal: string;
itemTextColorChildActiveHoverHorizontal: string;
itemIconColor: string;
itemIconColorHover: string;
itemIconColorActive: string;
itemIconColorActiveHover: string;
itemIconColorChildActive: string;
itemIconColorChildActiveHover: string;
itemIconColorCollapsed: string;
itemIconColorHorizontal: string;
itemIconColorHoverHorizontal: string;
itemIconColorActiveHorizontal: string;
itemIconColorActiveHoverHorizontal: string;
itemIconColorChildActiveHorizontal: string;
itemIconColorChildActiveHoverHorizontal: string;
itemHeight: string;
arrowColor: string;
arrowColorHover: string;
arrowColorActive: string;
arrowColorActiveHover: string;
arrowColorChildActive: string;
arrowColorChildActiveHover: string;
colorInverted: string;
borderColorHorizontal: string;
fontSize: string;
dividerColor: string;
}, {
Tooltip: import("../../_mixins").Theme<"Tooltip", {
borderRadius: string;
boxShadow: string;
color: string;
textColor: string;
padding: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
Dropdown: import("../../_mixins").Theme<"Dropdown", {
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
optionTextColor: string;
optionTextColorHover: string;
optionTextColorActive: string;
optionTextColorChildActive: string;
color: string;
dividerColor: string;
suffixColor: string;
prefixColor: string;
optionColorHover: string;
optionColorActive: string;
groupHeaderTextColor: string;
optionTextColorInverted: string;
optionTextColorHoverInverted: string;
optionTextColorActiveInverted: string;
optionTextColorChildActiveInverted: string;
colorInverted: string;
dividerColorInverted: string;
suffixColorInverted: string;
prefixColorInverted: string;
optionColorHoverInverted: string;
optionColorActiveInverted: string;
groupHeaderTextColorInverted: string;
optionOpacityDisabled: string;
padding: string;
optionIconSizeSmall: string;
optionIconSizeMedium: string;
optionIconSizeLarge: string;
optionIconSizeHuge: string;
optionSuffixWidthSmall: string;
optionSuffixWidthMedium: string;
optionSuffixWidthLarge: string;
optionSuffixWidthHuge: string;
optionIconSuffixWidthSmall: string;
optionIconSuffixWidthMedium: string;
optionIconSuffixWidthLarge: string;
optionIconSuffixWidthHuge: string;
optionPrefixWidthSmall: string;
optionPrefixWidthMedium: string;
optionPrefixWidthLarge: string;
optionPrefixWidthHuge: string;
optionIconPrefixWidthSmall: string;
optionIconPrefixWidthMedium: string;
optionIconPrefixWidthLarge: string;
optionIconPrefixWidthHuge: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
}>>>;
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
itemColorHoverInverted: string;
itemColorActiveInverted: string;
itemColorActiveHoverInverted: string;
itemColorActiveCollapsedInverted: string;
itemTextColorInverted: string;
itemTextColorHoverInverted: string;
itemTextColorChildActiveInverted: string;
itemTextColorChildActiveHoverInverted: string;
itemTextColorActiveInverted: string;
itemTextColorActiveHoverInverted: string;
itemTextColorHorizontalInverted: string;
itemTextColorHoverHorizontalInverted: string;
itemTextColorChildActiveHorizontalInverted: string;
itemTextColorChildActiveHoverHorizontalInverted: string;
itemTextColorActiveHorizontalInverted: string;
itemTextColorActiveHoverHorizontalInverted: string;
itemIconColorInverted: string;
itemIconColorHoverInverted: string;
itemIconColorActiveInverted: string;
itemIconColorActiveHoverInverted: string;
itemIconColorChildActiveInverted: string;
itemIconColorChildActiveHoverInverted: string;
itemIconColorCollapsedInverted: string;
itemIconColorHorizontalInverted: string;
itemIconColorHoverHorizontalInverted: string;
itemIconColorActiveHorizontalInverted: string;
itemIconColorActiveHoverHorizontalInverted: string;
itemIconColorChildActiveHorizontalInverted: string;
itemIconColorChildActiveHoverHorizontalInverted: string;
arrowColorInverted: string;
arrowColorHoverInverted: string;
arrowColorActiveInverted: string;
arrowColorActiveHoverInverted: string;
arrowColorChildActiveInverted: string;
arrowColorChildActiveHoverInverted: string;
groupTextColorInverted: string;
borderRadius: string;
color: string;
groupTextColor: string;
itemColorHover: string;
itemColorActive: string;
itemColorActiveHover: string;
itemColorActiveCollapsed: string;
itemTextColor: string;
itemTextColorHover: string;
itemTextColorActive: string;
itemTextColorActiveHover: string;
itemTextColorChildActive: string;
itemTextColorChildActiveHover: string;
itemTextColorHorizontal: string;
itemTextColorHoverHorizontal: string;
itemTextColorActiveHorizontal: string;
itemTextColorActiveHoverHorizontal: string;
itemTextColorChildActiveHorizontal: string;
itemTextColorChildActiveHoverHorizontal: string;
itemIconColor: string;
itemIconColorHover: string;
itemIconColorActive: string;
itemIconColorActiveHover: string;
itemIconColorChildActive: string;
itemIconColorChildActiveHover: string;
itemIconColorCollapsed: string;
itemIconColorHorizontal: string;
itemIconColorHoverHorizontal: string;
itemIconColorActiveHorizontal: string;
itemIconColorActiveHoverHorizontal: string;
itemIconColorChildActiveHorizontal: string;
itemIconColorChildActiveHoverHorizontal: string;
itemHeight: string;
arrowColor: string;
arrowColorHover: string;
arrowColorActive: string;
arrowColorActiveHover: string;
arrowColorChildActive: string;
arrowColorChildActiveHover: string;
colorInverted: string;
borderColorHorizontal: string;
fontSize: string;
dividerColor: string;
}, {
Tooltip: import("../../_mixins").Theme<"Tooltip", {
borderRadius: string;
boxShadow: string;
color: string;
textColor: string;
padding: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
Dropdown: import("../../_mixins").Theme<"Dropdown", {
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
optionTextColor: string;
optionTextColorHover: string;
optionTextColorActive: string;
optionTextColorChildActive: string;
color: string;
dividerColor: string;
suffixColor: string;
prefixColor: string;
optionColorHover: string;
optionColorActive: string;
groupHeaderTextColor: string;
optionTextColorInverted: string;
optionTextColorHoverInverted: string;
optionTextColorActiveInverted: string;
optionTextColorChildActiveInverted: string;
colorInverted: string;
dividerColorInverted: string;
suffixColorInverted: string;
prefixColorInverted: string;
optionColorHoverInverted: string;
optionColorActiveInverted: string;
groupHeaderTextColorInverted: string;
optionOpacityDisabled: string;
padding: string;
optionIconSizeSmall: string;
optionIconSizeMedium: string;
optionIconSizeLarge: string;
optionIconSizeHuge: string;
optionSuffixWidthSmall: string;
optionSuffixWidthMedium: string;
optionSuffixWidthLarge: string;
optionSuffixWidthHuge: string;
optionIconSuffixWidthSmall: string;
optionIconSuffixWidthMedium: string;
optionIconSuffixWidthLarge: string;
optionIconSuffixWidthHuge: string;
optionPrefixWidthSmall: string;
optionPrefixWidthMedium: string;
optionPrefixWidthLarge: string;
optionPrefixWidthHuge: string;
optionIconPrefixWidthSmall: string;
optionIconPrefixWidthMedium: string;
optionIconPrefixWidthLarge: string;
optionIconPrefixWidthHuge: string;
}, {
Popover: import("../../_mixins").Theme<"Popover", {
fontSize: string;
borderRadius: string;
color: string;
dividerColor: string;
textColor: string;
boxShadow: string;
space: string;
spaceArrow: string;
arrowOffset: string;
arrowOffsetVertical: string;
arrowHeight: string;
padding: string;
}, any>;
}>;
}>>>;
}>>, {
readonly options: MenuMixedOption[];
readonly mode: "horizontal" | "vertical";
readonly show: boolean;
readonly disabled: boolean;
readonly iconSize: number;
readonly keyField: string;
readonly labelField: string;
readonly responsive: boolean;
readonly defaultValue: Key | null;
readonly childrenField: string;
readonly defaultExpandAll: boolean;
readonly indent: number;
readonly inverted: boolean;
readonly disabledField: string;
readonly accordion: boolean;
readonly collapsed: boolean | undefined;
readonly collapsedWidth: number;
readonly collapsedIconSize: number;
readonly watchProps: ("defaultValue" | "defaultExpandedKeys")[];
readonly dropdownPlacement: FollowerPlacement;
}, {}>;
export default _default;