UNPKG

naive-ui

Version:

A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast

513 lines (512 loc) 22.5 kB
import type { TmNode } from './interface'; import { type PropType } from 'vue'; export declare const menuItemProps: { readonly tmNode: { readonly type: PropType<TmNode>; readonly required: true; }; readonly disabled: BooleanConstructor; readonly icon: FunctionConstructor; readonly onClick: FunctionConstructor; readonly internalKey: { readonly type: PropType<import("treemate").Key>; readonly required: true; }; readonly root: BooleanConstructor; readonly isGroup: BooleanConstructor; readonly level: { readonly type: NumberConstructor; readonly required: true; }; readonly title: PropType<string | (() => import("vue").VNodeChild)>; readonly extra: PropType<string | (() => import("vue").VNodeChild)>; }; export declare const menuItemPropKeys: ("extra" | "root" | "disabled" | "title" | "icon" | "onClick" | "tmNode" | "level" | "isGroup" | "internalKey")[]; export declare const NMenuOption: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ readonly tmNode: { readonly type: PropType<TmNode>; readonly required: true; }; readonly disabled: BooleanConstructor; readonly icon: FunctionConstructor; readonly onClick: FunctionConstructor; readonly internalKey: { readonly type: PropType<import("treemate").Key>; readonly required: true; }; readonly root: BooleanConstructor; readonly isGroup: BooleanConstructor; readonly level: { readonly type: NumberConstructor; readonly required: true; }; readonly title: PropType<string | (() => import("vue").VNodeChild)>; readonly extra: PropType<string | (() => import("vue").VNodeChild)>; }>, { mergedClsPrefix: import("vue").Ref<string, string>; dropdownPlacement: import("vue").ComputedRef<import("vueuc").FollowerPlacement>; paddingLeft: import("vue").ComputedRef<number | undefined>; iconMarginRight: import("vue").ComputedRef<number>; maxIconSize: import("vue").ComputedRef<number>; activeIconSize: import("vue").ComputedRef<number>; mergedTheme: import("vue").Ref<{ common: import("../..").ThemeCommonVars; 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; }; }, { common: import("../..").ThemeCommonVars; 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; }; }>; menuProps: import("./Menu").MenuSetupProps; dropdownEnabled: import("vue").ComputedRef<boolean>; selected: import("vue").ComputedRef<boolean>; mergedDisabled: import("vue").ComputedRef<boolean>; handleClick: (e: MouseEvent) => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ readonly tmNode: { readonly type: PropType<TmNode>; readonly required: true; }; readonly disabled: BooleanConstructor; readonly icon: FunctionConstructor; readonly onClick: FunctionConstructor; readonly internalKey: { readonly type: PropType<import("treemate").Key>; readonly required: true; }; readonly root: BooleanConstructor; readonly isGroup: BooleanConstructor; readonly level: { readonly type: NumberConstructor; readonly required: true; }; readonly title: PropType<string | (() => import("vue").VNodeChild)>; readonly extra: PropType<string | (() => import("vue").VNodeChild)>; }>> & Readonly<{}>, { readonly root: boolean; readonly disabled: boolean; readonly isGroup: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;