vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
100 lines (99 loc) • 6.68 kB
TypeScript
import { LayoutConfig, LayoutSignType } from './symbol';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
locale: import('vue').PropType<Partial<{
signOut: string;
signType: string;
majorColor: string;
themeMode: string;
}>>;
noAside: import('vue').PropType<boolean>;
footer: import('vue').PropType<boolean>;
tag: import('vue').PropType<string>;
menus: import('vue').PropType<import('..').MenuOptions[]>;
menuProps: import('vue').PropType<import('./symbol').LayoutMenuProps>;
logo: import('vue').PropType<string>;
signName: import('vue').PropType<string>;
config: import('vue').PropType<LayoutConfig[]>;
user: import('vue').PropType<import('./symbol').LayoutUser>;
actions: import('vue').PropType<import('./symbol').LayoutHeaderAction[]>;
expanded: import('vue').PropType<boolean>;
reduced: import('vue').PropType<boolean>;
avatarCircle: import('vue').PropType<boolean>;
signType: import('vue').PropType<"aside" | "header">;
headerFixed: import('vue').PropType<string | boolean | import('./symbol').LayoutMediaJudger>;
asideFixed: import('vue').PropType<string | boolean | import('./symbol').LayoutMediaJudger>;
copyright: import('vue').PropType<string>;
links: import('vue').PropType<import('./symbol').LayoutFooterLink[]>;
colors: import('vue').PropType<string[]>;
color: import('vue').PropType<string>;
miniHeaderSign: import('vue').PropType<string | boolean | import('./symbol').LayoutMediaJudger>;
verticalLinks: import('vue').PropType<string | boolean | import('./symbol').LayoutMediaJudger>;
darkMode: import('vue').PropType<boolean>;
fixedMain: import('vue').PropType<boolean>;
fitWindow: import('vue').PropType<boolean>;
innerClasses: import('vue').PropType<import('./symbol').LayoutInnerClass>;
noHeader: import('vue').PropType<boolean>;
noMasker: import('vue').PropType<boolean>;
onExpandedChange: import('vue').PropType<((expanded: boolean) => void) | ((expanded: boolean) => void)[]>;
onReducedChange: import('vue').PropType<((reduced: boolean) => void) | ((reduced: boolean) => void)[]>;
onSignClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
onMenuSelect: import('vue').PropType<((label: string, meta: any) => void) | ((label: string, meta: any) => void)[]>;
onUserAction: import('vue').PropType<((label: string, meta: any) => void) | ((label: string, meta: any) => void)[]>;
onNavChange: import('vue').PropType<((type: LayoutSignType) => void) | ((type: LayoutSignType) => void)[]>;
onColorChange: import('vue').PropType<((color: string) => void) | ((color: string) => void)[]>;
onToggleTheme: import('vue').PropType<((isDark: boolean) => void) | ((isDark: boolean) => void)[]>;
onContentResize: import('vue').PropType<(() => void) | (() => void)[]>;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:expanded" | "update:sign-type" | "update:color" | "update:dark-mode" | "update:reduced")[], "update:expanded" | "update:sign-type" | "update:color" | "update:dark-mode" | "update:reduced", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
locale: import('vue').PropType<Partial<{
signOut: string;
signType: string;
majorColor: string;
themeMode: string;
}>>;
noAside: import('vue').PropType<boolean>;
footer: import('vue').PropType<boolean>;
tag: import('vue').PropType<string>;
menus: import('vue').PropType<import('..').MenuOptions[]>;
menuProps: import('vue').PropType<import('./symbol').LayoutMenuProps>;
logo: import('vue').PropType<string>;
signName: import('vue').PropType<string>;
config: import('vue').PropType<LayoutConfig[]>;
user: import('vue').PropType<import('./symbol').LayoutUser>;
actions: import('vue').PropType<import('./symbol').LayoutHeaderAction[]>;
expanded: import('vue').PropType<boolean>;
reduced: import('vue').PropType<boolean>;
avatarCircle: import('vue').PropType<boolean>;
signType: import('vue').PropType<"aside" | "header">;
headerFixed: import('vue').PropType<string | boolean | import('./symbol').LayoutMediaJudger>;
asideFixed: import('vue').PropType<string | boolean | import('./symbol').LayoutMediaJudger>;
copyright: import('vue').PropType<string>;
links: import('vue').PropType<import('./symbol').LayoutFooterLink[]>;
colors: import('vue').PropType<string[]>;
color: import('vue').PropType<string>;
miniHeaderSign: import('vue').PropType<string | boolean | import('./symbol').LayoutMediaJudger>;
verticalLinks: import('vue').PropType<string | boolean | import('./symbol').LayoutMediaJudger>;
darkMode: import('vue').PropType<boolean>;
fixedMain: import('vue').PropType<boolean>;
fitWindow: import('vue').PropType<boolean>;
innerClasses: import('vue').PropType<import('./symbol').LayoutInnerClass>;
noHeader: import('vue').PropType<boolean>;
noMasker: import('vue').PropType<boolean>;
onExpandedChange: import('vue').PropType<((expanded: boolean) => void) | ((expanded: boolean) => void)[]>;
onReducedChange: import('vue').PropType<((reduced: boolean) => void) | ((reduced: boolean) => void)[]>;
onSignClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
onMenuSelect: import('vue').PropType<((label: string, meta: any) => void) | ((label: string, meta: any) => void)[]>;
onUserAction: import('vue').PropType<((label: string, meta: any) => void) | ((label: string, meta: any) => void)[]>;
onNavChange: import('vue').PropType<((type: LayoutSignType) => void) | ((type: LayoutSignType) => void)[]>;
onColorChange: import('vue').PropType<((color: string) => void) | ((color: string) => void)[]>;
onToggleTheme: import('vue').PropType<((isDark: boolean) => void) | ((isDark: boolean) => void)[]>;
onContentResize: import('vue').PropType<(() => void) | (() => void)[]>;
}>> & Readonly<{
"onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
"onUpdate:sign-type"?: ((...args: any[]) => any) | undefined;
"onUpdate:color"?: ((...args: any[]) => any) | undefined;
"onUpdate:dark-mode"?: ((...args: any[]) => any) | undefined;
"onUpdate:reduced"?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;