/// <reference types="react" />
export interface TypeAsideItem {
    key: string | number;
    text: string | number;
    disabled?: boolean;
}
export interface TypeUIAsideProps {
    itemKeySelected: string | number;
    asideItems: TypeAsideItem[];
    onFetchPrev?: (item: TypeAsideItem) => TypeAsideItem[];
    onFetchNext?: (item: TypeAsideItem) => TypeAsideItem[];
    onChange?: (key: string | number, item?: TypeAsideItem) => void;
}
export interface TypeUIAsideState {
    isHovering: boolean;
    paddingLeft: number | null;
    asideItems: null | TypeAsideItem[];
}
export declare const UI_ASIDE_SCROLL_MARGIN_DEFAULT = 100;
export declare function createUIAside(brk: (className: string) => string, cls: (className: string) => string, { scrollMargin, }?: {
    scrollMargin?: number;
}): {
    new (props: TypeUIAsideProps | Readonly<TypeUIAsideProps>): {
        state: TypeUIAsideState;
        originWidth: number;
        asideRef: {
            readonly elem: HTMLDivElement | null;
            ref: (node: HTMLDivElement | null) => void;
        };
        previousFetchingPromise: null | Promise<TypeAsideItem[]>;
        nextFetchingPromise: null | Promise<TypeAsideItem[]>;
        disposeScrollHandler: null | (() => void);
        actionQueue: {
            pushAction(action: () => void, key?: string | undefined): void;
            execute(): void;
        };
        registerAsideEvent: () => void;
        componentDidMount(): void;
        componentDidUpdate(prevProps: Readonly<TypeUIAsideProps>, prevState: Readonly<TypeUIAsideState>): void;
        componentWillUnmount(): void;
        scrollToItem(itemKey: string | number): void;
        handleMouseEnter: () => void;
        handleMouseLeave: () => void;
        handleSelectItem: (itemKey: number | string, item: TypeAsideItem) => void;
        render(): import("react/jsx-runtime").JSX.Element;
        context: any;
        setState<K extends keyof TypeUIAsideState>(state: TypeUIAsideState | ((prevState: Readonly<TypeUIAsideState>, props: Readonly<TypeUIAsideProps>) => TypeUIAsideState | Pick<TypeUIAsideState, K> | null) | Pick<TypeUIAsideState, K> | null, callback?: (() => void) | undefined): void;
        forceUpdate(callback?: (() => void) | undefined): void;
        readonly props: Readonly<TypeUIAsideProps> & Readonly<{
            children?: import("react").ReactNode;
        }>;
        refs: {
            [key: string]: import("react").ReactInstance;
        };
        shouldComponentUpdate?(nextProps: Readonly<TypeUIAsideProps>, nextState: Readonly<TypeUIAsideState>, nextContext: any): boolean;
        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
        getSnapshotBeforeUpdate?(prevProps: Readonly<TypeUIAsideProps>, prevState: Readonly<TypeUIAsideState>): any;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<TypeUIAsideProps>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TypeUIAsideProps>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<TypeUIAsideProps>, nextState: Readonly<TypeUIAsideState>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<TypeUIAsideProps>, nextState: Readonly<TypeUIAsideState>, nextContext: any): void;
    };
    new (props: TypeUIAsideProps, context: any): {
        state: TypeUIAsideState;
        originWidth: number;
        asideRef: {
            readonly elem: HTMLDivElement | null;
            ref: (node: HTMLDivElement | null) => void;
        };
        previousFetchingPromise: null | Promise<TypeAsideItem[]>;
        nextFetchingPromise: null | Promise<TypeAsideItem[]>;
        disposeScrollHandler: null | (() => void);
        actionQueue: {
            pushAction(action: () => void, key?: string | undefined): void;
            execute(): void;
        };
        registerAsideEvent: () => void;
        componentDidMount(): void;
        componentDidUpdate(prevProps: Readonly<TypeUIAsideProps>, prevState: Readonly<TypeUIAsideState>): void;
        componentWillUnmount(): void;
        scrollToItem(itemKey: string | number): void;
        handleMouseEnter: () => void;
        handleMouseLeave: () => void;
        handleSelectItem: (itemKey: number | string, item: TypeAsideItem) => void;
        render(): import("react/jsx-runtime").JSX.Element;
        context: any;
        setState<K extends keyof TypeUIAsideState>(state: TypeUIAsideState | ((prevState: Readonly<TypeUIAsideState>, props: Readonly<TypeUIAsideProps>) => TypeUIAsideState | Pick<TypeUIAsideState, K> | null) | Pick<TypeUIAsideState, K> | null, callback?: (() => void) | undefined): void;
        forceUpdate(callback?: (() => void) | undefined): void;
        readonly props: Readonly<TypeUIAsideProps> & Readonly<{
            children?: import("react").ReactNode;
        }>;
        refs: {
            [key: string]: import("react").ReactInstance;
        };
        shouldComponentUpdate?(nextProps: Readonly<TypeUIAsideProps>, nextState: Readonly<TypeUIAsideState>, nextContext: any): boolean;
        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
        getSnapshotBeforeUpdate?(prevProps: Readonly<TypeUIAsideProps>, prevState: Readonly<TypeUIAsideState>): any;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<TypeUIAsideProps>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TypeUIAsideProps>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<TypeUIAsideProps>, nextState: Readonly<TypeUIAsideState>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<TypeUIAsideProps>, nextState: Readonly<TypeUIAsideState>, nextContext: any): void;
    };
    getDerivedStateFromProps(nextProps: TypeUIAsideProps, currState: TypeUIAsideState): {
        asideItems: TypeAsideItem[];
    } | null;
    contextType?: import("react").Context<any> | undefined;
};
export declare const UiAside: {
    new (props: TypeUIAsideProps | Readonly<TypeUIAsideProps>): {
        state: TypeUIAsideState;
        originWidth: number;
        asideRef: {
            readonly elem: HTMLDivElement | null;
            ref: (node: HTMLDivElement | null) => void;
        };
        previousFetchingPromise: null | Promise<TypeAsideItem[]>;
        nextFetchingPromise: null | Promise<TypeAsideItem[]>;
        disposeScrollHandler: null | (() => void);
        actionQueue: {
            pushAction(action: () => void, key?: string | undefined): void;
            execute(): void;
        };
        registerAsideEvent: () => void;
        componentDidMount(): void;
        componentDidUpdate(prevProps: Readonly<TypeUIAsideProps>, prevState: Readonly<TypeUIAsideState>): void;
        componentWillUnmount(): void;
        scrollToItem(itemKey: string | number): void;
        handleMouseEnter: () => void;
        handleMouseLeave: () => void;
        handleSelectItem: (itemKey: number | string, item: TypeAsideItem) => void;
        render(): import("react/jsx-runtime").JSX.Element;
        context: any;
        setState<K extends keyof TypeUIAsideState>(state: TypeUIAsideState | ((prevState: Readonly<TypeUIAsideState>, props: Readonly<TypeUIAsideProps>) => TypeUIAsideState | Pick<TypeUIAsideState, K> | null) | Pick<TypeUIAsideState, K> | null, callback?: (() => void) | undefined): void;
        forceUpdate(callback?: (() => void) | undefined): void;
        readonly props: Readonly<TypeUIAsideProps> & Readonly<{
            children?: import("react").ReactNode;
        }>;
        refs: {
            [key: string]: import("react").ReactInstance;
        };
        shouldComponentUpdate?(nextProps: Readonly<TypeUIAsideProps>, nextState: Readonly<TypeUIAsideState>, nextContext: any): boolean;
        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
        getSnapshotBeforeUpdate?(prevProps: Readonly<TypeUIAsideProps>, prevState: Readonly<TypeUIAsideState>): any;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<TypeUIAsideProps>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TypeUIAsideProps>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<TypeUIAsideProps>, nextState: Readonly<TypeUIAsideState>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<TypeUIAsideProps>, nextState: Readonly<TypeUIAsideState>, nextContext: any): void;
    };
    new (props: TypeUIAsideProps, context: any): {
        state: TypeUIAsideState;
        originWidth: number;
        asideRef: {
            readonly elem: HTMLDivElement | null;
            ref: (node: HTMLDivElement | null) => void;
        };
        previousFetchingPromise: null | Promise<TypeAsideItem[]>;
        nextFetchingPromise: null | Promise<TypeAsideItem[]>;
        disposeScrollHandler: null | (() => void);
        actionQueue: {
            pushAction(action: () => void, key?: string | undefined): void;
            execute(): void;
        };
        registerAsideEvent: () => void;
        componentDidMount(): void;
        componentDidUpdate(prevProps: Readonly<TypeUIAsideProps>, prevState: Readonly<TypeUIAsideState>): void;
        componentWillUnmount(): void;
        scrollToItem(itemKey: string | number): void;
        handleMouseEnter: () => void;
        handleMouseLeave: () => void;
        handleSelectItem: (itemKey: number | string, item: TypeAsideItem) => void;
        render(): import("react/jsx-runtime").JSX.Element;
        context: any;
        setState<K extends keyof TypeUIAsideState>(state: TypeUIAsideState | ((prevState: Readonly<TypeUIAsideState>, props: Readonly<TypeUIAsideProps>) => TypeUIAsideState | Pick<TypeUIAsideState, K> | null) | Pick<TypeUIAsideState, K> | null, callback?: (() => void) | undefined): void;
        forceUpdate(callback?: (() => void) | undefined): void;
        readonly props: Readonly<TypeUIAsideProps> & Readonly<{
            children?: import("react").ReactNode;
        }>;
        refs: {
            [key: string]: import("react").ReactInstance;
        };
        shouldComponentUpdate?(nextProps: Readonly<TypeUIAsideProps>, nextState: Readonly<TypeUIAsideState>, nextContext: any): boolean;
        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
        getSnapshotBeforeUpdate?(prevProps: Readonly<TypeUIAsideProps>, prevState: Readonly<TypeUIAsideState>): any;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<TypeUIAsideProps>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TypeUIAsideProps>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<TypeUIAsideProps>, nextState: Readonly<TypeUIAsideState>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<TypeUIAsideProps>, nextState: Readonly<TypeUIAsideState>, nextContext: any): void;
    };
    getDerivedStateFromProps(nextProps: TypeUIAsideProps, currState: TypeUIAsideState): {
        asideItems: TypeAsideItem[];
    } | null;
    contextType?: import("react").Context<any> | undefined;
};
export type UiAside = InstanceType<typeof UiAside>;