/**
* @file AsideNav
* @description 左侧导航。
* @author fex
*/
///
import React from 'react';
import { ClassNamesFn } from 'amis-core';
export type LinkItem = LinkItemProps;
interface LinkItemProps {
id?: number;
label: string;
hidden?: boolean;
open?: boolean;
active?: boolean;
className?: string;
children?: Array;
path?: string;
icon?: string;
testid?: string;
component?: React.ElementType;
}
export interface Navigation {
label: string;
children?: Array;
prefix?: JSX.Element;
affix?: JSX.Element;
className?: string;
[propName: string]: any;
}
export interface AsideNavProps {
id?: string;
className?: string;
classPrefix: string;
classnames: ClassNamesFn;
renderLink: Function;
isActive: Function;
isOpen: (link: LinkItemProps) => boolean;
navigations: Array;
renderSubLinks: (link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode;
}
interface AsideNavState {
navigations: Array;
}
export declare class AsideNav extends React.Component {
static defaultProps: {
renderLink: (item: LinkItemProps) => React.JSX.Element;
renderSubLinks: (link: LinkItemProps, renderLink: Function, depth: number, { classnames: cx }: AsideNavProps) => React.JSX.Element | null;
isActive: (link: LinkItem) => boolean | undefined;
isOpen: (item: LinkItemProps) => boolean;
};
constructor(props: AsideNavProps);
componentDidUpdate(prevProps: AsideNavProps): void;
toggleExpand(link: LinkItemProps, e?: React.MouseEvent): void;
renderLink(link: LinkItemProps, key: any, props?: Partial, depth?: number): React.ReactNode;
render(): React.JSX.Element;
}
declare const _default: {
new (props: Pick, "id" | "navigations"> & {
renderLink?: Function | undefined;
isActive?: Function | undefined;
isOpen?: ((link: LinkItemProps) => boolean) | undefined;
renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
} & {} & import("packages/amis-core/lib/theme").ThemeOuterProps): {
ref: any;
childRef(ref: any): void;
getWrappedInstance(): any;
render(): React.JSX.Element;
context: unknown;
setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "id" | "navigations"> & {
renderLink?: Function | undefined;
isActive?: Function | undefined;
isOpen?: ((link: LinkItemProps) => boolean) | undefined;
renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
} & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly, "id" | "navigations"> & {
renderLink?: Function | undefined;
isActive?: Function | undefined;
isOpen?: ((link: LinkItemProps) => boolean) | undefined;
renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
} & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly, "id" | "navigations"> & {
renderLink?: Function | undefined;
isActive?: Function | undefined;
isOpen?: ((link: LinkItemProps) => boolean) | undefined;
renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
} & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly, "id" | "navigations"> & {
renderLink?: Function | undefined;
isActive?: Function | undefined;
isOpen?: ((link: LinkItemProps) => boolean) | undefined;
renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
} & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly, "id" | "navigations"> & {
renderLink?: Function | undefined;
isActive?: Function | undefined;
isOpen?: ((link: LinkItemProps) => boolean) | undefined;
renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
} & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly, "id" | "navigations"> & {
renderLink?: Function | undefined;
isActive?: Function | undefined;
isOpen?: ((link: LinkItemProps) => boolean) | undefined;
renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
} & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "id" | "navigations"> & {
renderLink?: Function | undefined;
isActive?: Function | undefined;
isOpen?: ((link: LinkItemProps) => boolean) | undefined;
renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
} & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly, "id" | "navigations"> & {
renderLink?: Function | undefined;
isActive?: Function | undefined;
isOpen?: ((link: LinkItemProps) => boolean) | undefined;
renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
} & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly, "id" | "navigations"> & {
renderLink?: Function | undefined;
isActive?: Function | undefined;
isOpen?: ((link: LinkItemProps) => boolean) | undefined;
renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
} & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextType: React.Context;
ComposedComponent: React.ComponentType;
} & import("hoist-non-react-statics").NonReactStatics & {
ComposedComponent: typeof AsideNav;
};
export default _default;