amis 1.6.5-beta.3 → 1.8.0-beta.0

package/lib/components/Avatar.d.ts

@@ -76,12 +76,12 @@ export declare class Avatar extends React.Component<AvatarCmptProps, AvatarState
     render(): JSX.Element;
 }
 declare const _default: {
-    new (props: (Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>): {
+    new (props: (Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -89,24 +89,24 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps, context: any): {
+    new (props: Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps, context: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -114,17 +114,17 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "icon" | "alt" | "src" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & Partial<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, "style" | "text" | "children" | "src" | "icon" | "alt" | "size" | "crossOrigin" | "shape" | "draggable" | "onError" | "fit" | "gap">> & Partial<Pick<Partial<AvatarCmptProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/lib/components/Breadcrumb.d.ts

@@ -0,0 +1,130 @@
+/**
+ * @file Breadcrumb 面包屑
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { Trigger } from './TooltipWrapper';
+import { ClassNamesFn, ThemeProps } from '../theme';
+import { ItemPlace, BreadcrumbBaseItemSchema, BreadcrumbItemSchema, TooltipPositionType, BreadcrumbSchema } from '../renderers/Breadcrumb';
+interface BreadcrumbItemState {
+    isOpened: boolean;
+    tooltipTrigger: Trigger | Array<Trigger>;
+    tooltipRootClose: boolean;
+}
+interface BreadcrumbBaseItemProps extends BreadcrumbBaseItemSchema {
+}
+interface BreadcrumbItemProps {
+    item: BreadcrumbItemSchema;
+    itemPlace: ItemPlace;
+    labelMaxLength?: number;
+    tooltipContainer?: any;
+    tooltipPosition?: TooltipPositionType;
+    classnames: ClassNamesFn;
+    [propName: string]: any;
+}
+interface BreadcrumbProps extends ThemeProps, Omit<BreadcrumbSchema, 'type' | 'className'> {
+    tooltipContainer?: any;
+    tooltipPosition?: TooltipPositionType;
+    [propName: string]: any;
+}
+/**
+ * Breadcrumb 面包屑类
+ */
+export declare class Breadcrumb extends React.Component<BreadcrumbProps> {
+    Item: typeof BreadcrumbItem;
+    static defaultProps: Pick<BreadcrumbProps, 'separator' | 'labelMaxLength' | 'tooltipPosition'>;
+    render(): JSX.Element;
+}
+/**
+ * BreadcrumbItem 面包项类
+ */
+export declare class BreadcrumbItem extends React.Component<BreadcrumbItemProps, BreadcrumbItemState> {
+    target: any;
+    state: BreadcrumbItemState;
+    domRef: (ref: any) => void;
+    toogle: (e: React.MouseEvent<any>) => void;
+    close: () => void;
+    /**
+     * 渲染基础面包项
+     * @param showHref 是否显示超链接
+     * @param itemType 基础面包项类型
+     * @param item 面包项
+     * @param label 渲染文本
+     * @returns
+     */
+    renderBreadcrumbBaseItem(showHref: boolean, itemType: 'default' | 'dropdown', item: BreadcrumbBaseItemProps, label?: string): JSX.Element;
+    /**
+     * 渲染基础面包项完整节点
+     * @param item 面包项
+     * @param tooltipPosition 浮窗提示位置
+     * @param itemPlace 面包香所在相对位置
+     * @param itemType 基础面包项类型
+     * @returns
+     */
+    renderBreadcrumbNode(item: BreadcrumbBaseItemProps, tooltipPosition: TooltipPositionType | undefined, itemPlace: ItemPlace, itemType: 'default' | 'dropdown'): JSX.Element;
+    /**
+     * 渲染下拉菜单节点
+     * @param dropdown 面包项下拉菜单
+     * @returns
+     */
+    renderDropdownNode(dropdown: BreadcrumbBaseItemProps[]): JSX.Element;
+    render(): JSX.Element;
+}
+declare const _default: {
+    new (props: (Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps) | Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps, context: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<BreadcrumbProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Breadcrumb>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof Breadcrumb, {}> & {
+    ComposedComponent: typeof Breadcrumb;
+};
+export default _default;

package/lib/components/Breadcrumb.js

@@ -0,0 +1,161 @@
+"use strict";
+/**
+ * @file Breadcrumb 面包屑
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadcrumbItem = exports.Breadcrumb = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var TooltipWrapper_1 = (0, tslib_1.__importDefault)(require("./TooltipWrapper"));
+var theme_1 = require("../theme");
+var RootClose_1 = require("../utils/RootClose");
+var helper_1 = require("../utils/helper");
+var icons_1 = require("../components/icons");
+var icon_1 = require("../utils/icon");
+/**
+ * Breadcrumb 面包屑类
+ */
+var Breadcrumb = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(Breadcrumb, _super);
+    function Breadcrumb() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Breadcrumb.prototype.render = function () {
+        var cx = this.props.classnames;
+        var _a = this.props, className = _a.className, separatorClassName = _a.separatorClassName, items = _a.items, separator = _a.separator, restProps = (0, tslib_1.__rest)(_a, ["className", "separatorClassName", "items", "separator"]);
+        var crumbsLength = items === null || items === void 0 ? void 0 : items.length;
+        if (!crumbsLength) {
+            return react_1.default.createElement("div", { className: cx('Breadcrumb', className) });
+        }
+        var crumbs = items.map(function (item, index) {
+            var itemPlace = 'middle';
+            if (index === 0) {
+                itemPlace = 'start';
+            }
+            if (index === crumbsLength - 1) {
+                itemPlace = 'end';
+            }
+            return (react_1.default.createElement(BreadcrumbItem, (0, tslib_1.__assign)({}, restProps, { item: item, itemPlace: itemPlace, key: index })));
+        })
+            .reduce(function (prev, curr, index) { return [
+            prev,
+            react_1.default.createElement("span", { className: cx('Breadcrumb-separator', separatorClassName), key: "separator-".concat(index) }, separator),
+            curr
+        ]; });
+        return (react_1.default.createElement("div", { className: cx('Breadcrumb', className) }, crumbs));
+    };
+    Breadcrumb.defaultProps = {
+        separator: '>',
+        labelMaxLength: 16,
+        tooltipPosition: 'top'
+    };
+    return Breadcrumb;
+}(react_1.default.Component));
+exports.Breadcrumb = Breadcrumb;
+/**
+ * BreadcrumbItem 面包项类
+ */
+var BreadcrumbItem = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(BreadcrumbItem, _super);
+    function BreadcrumbItem() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            tooltipTrigger: ['hover', 'focus'],
+            tooltipRootClose: false,
+            isOpened: false
+        };
+        _this.domRef = function (ref) {
+            _this.target = ref;
+        };
+        _this.toogle = function (e) {
+            e.preventDefault();
+            _this.setState({
+                isOpened: !_this.state.isOpened
+            });
+        };
+        _this.close = function () {
+            _this.setState({
+                isOpened: false
+            });
+        };
+        return _this;
+    }
+    /**
+     * 渲染基础面包项
+     * @param showHref 是否显示超链接
+     * @param itemType 基础面包项类型
+     * @param item 面包项
+     * @param label 渲染文本
+     * @returns
+     */
+    BreadcrumbItem.prototype.renderBreadcrumbBaseItem = function (showHref, itemType, item, label) {
+        var _a = this.props, itemClassName = _a.itemClassName, dropdownItemClassName = _a.dropdownItemClassName, cx = _a.classnames;
+        var baseItemClassName = itemType === 'default' ? itemClassName : dropdownItemClassName;
+        if (showHref) {
+            return (react_1.default.createElement("a", { href: item.href, className: cx('Breadcrumb-item-' + itemType, baseItemClassName) },
+                item.icon
+                    ? (0, icon_1.generateIcon)(cx, item.icon, 'Icon', 'Breadcrumb-icon')
+                    : null,
+                react_1.default.createElement("span", { className: cx('TplField') }, label)));
+        }
+        return (react_1.default.createElement("span", { className: cx('Breadcrumb-item-' + itemType, baseItemClassName) },
+            item.icon
+                ? (0, icon_1.generateIcon)(cx, item.icon, 'Icon', 'Breadcrumb-icon')
+                : null,
+            react_1.default.createElement("span", { className: cx('TplField') }, label)));
+    };
+    /**
+     * 渲染基础面包项完整节点
+     * @param item 面包项
+     * @param tooltipPosition 浮窗提示位置
+     * @param itemPlace 面包香所在相对位置
+     * @param itemType 基础面包项类型
+     * @returns
+     */
+    BreadcrumbItem.prototype.renderBreadcrumbNode = function (item, tooltipPosition, itemPlace, itemType) {
+        if (tooltipPosition === void 0) { tooltipPosition = 'top'; }
+        var _a = this.props, labelMaxLength = _a.labelMaxLength, tooltipContainer = _a.tooltipContainer;
+        var _b = this.state, tooltipTrigger = _b.tooltipTrigger, tooltipRootClose = _b.tooltipRootClose;
+        var pureLabel = item.label ? (0, helper_1.removeHTMLTag)(item.label) : '';
+        // 限制最大展示长度的最小值
+        var maxLength = labelMaxLength && +labelMaxLength > 1 ? +labelMaxLength : 1;
+        // 面包项相对位置为 middle ，且超过最大展示长度的面包项，进行缩略展示，并使用浮窗提示
+        if (pureLabel.length > maxLength && itemPlace === 'middle') {
+            return (react_1.default.createElement(TooltipWrapper_1.default, { tooltip: pureLabel, placement: tooltipPosition, container: tooltipContainer, trigger: tooltipTrigger, rootClose: tooltipRootClose }, this.renderBreadcrumbBaseItem(true, itemType, item, pureLabel.substring(0, maxLength) + '...')));
+        }
+        var showHref = !item.href || itemPlace === 'end';
+        return this.renderBreadcrumbBaseItem(!showHref, itemType, item, pureLabel);
+    };
+    /**
+     * 渲染下拉菜单节点
+     * @param dropdown 面包项下拉菜单
+     * @returns
+     */
+    BreadcrumbItem.prototype.renderDropdownNode = function (dropdown) {
+        var _this = this;
+        var _a = this.props, dropdownClassName = _a.dropdownClassName, cx = _a.classnames;
+        return (react_1.default.createElement(RootClose_1.RootClose, { disabled: !this.state.isOpened, onRootClose: this.close }, function (ref) {
+            return (react_1.default.createElement("ul", { className: cx('Breadcrumb-dropdown', dropdownClassName), onClick: _this.close, ref: ref }, Array.isArray(dropdown)
+                && dropdown.map(function (menuItem, index) {
+                    return (react_1.default.createElement("li", { key: 'dropdown-item' + index }, _this.renderBreadcrumbNode(menuItem, 'right', 'middle', 'dropdown')));
+                })));
+        }));
+    };
+    BreadcrumbItem.prototype.render = function () {
+        var _a = this.props, item = _a.item, itemPlace = _a.itemPlace, tooltipPosition = _a.tooltipPosition, cx = _a.classnames;
+        var dropdown = item.dropdown, restItemProps = (0, tslib_1.__rest)(item, ["dropdown"]);
+        return (react_1.default.createElement("span", { className: cx('Breadcrumb-item', {
+                'is-opened': this.state.isOpened
+            }, {
+                'Breadcrumb-item-last': itemPlace === 'end'
+            }), ref: this.domRef },
+            this.renderBreadcrumbNode((0, tslib_1.__assign)({}, restItemProps), tooltipPosition, itemPlace, 'default'),
+            dropdown ? (react_1.default.createElement("span", { onClick: this.toogle, className: cx('Breadcrumb-item-caret') },
+                react_1.default.createElement(icons_1.Icon, { icon: "caret", className: "icon" }))) : null,
+            dropdown && this.state.isOpened ? this.renderDropdownNode(dropdown) : null));
+    };
+    return BreadcrumbItem;
+}(react_1.default.Component));
+exports.BreadcrumbItem = BreadcrumbItem;
+exports.default = (0, theme_1.themeable)(Breadcrumb);
+//# sourceMappingURL=./components/Breadcrumb.js.map

package/lib/components/Breadcrumb.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "Breadcrumb.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/Breadcrumb.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "/**\n * @file Breadcrumb 面包屑\n */\n\nimport React from 'react';\nimport TooltipWrapper, {Trigger} from './TooltipWrapper';\nimport {ClassNamesFn, themeable, ThemeProps} from '../theme';\nimport {RootClose} from '../utils/RootClose';\nimport {removeHTMLTag} from '../utils/helper';\nimport {Icon} from '../components/icons';\nimport {generateIcon} from '../utils/icon';\nimport {\n  ItemPlace,\n  BreadcrumbBaseItemSchema,\n  BreadcrumbItemSchema,\n  TooltipPositionType,\n  BreadcrumbSchema\n} from '../renderers/Breadcrumb';\n\ninterface BreadcrumbItemState {\n  isOpened: boolean;\n  tooltipTrigger: Trigger | Array<Trigger>;\n  tooltipRootClose: boolean;\n}\n\ninterface BreadcrumbBaseItemProps\n  extends BreadcrumbBaseItemSchema {}\n\ninterface BreadcrumbItemProps {\n  item: BreadcrumbItemSchema;\n  itemPlace: ItemPlace;\n  labelMaxLength?: number; \n  tooltipContainer?: any;\n  tooltipPosition?: TooltipPositionType;\n  classnames: ClassNamesFn;\n  [propName: string]: any;\n}\n\ninterface BreadcrumbProps extends ThemeProps,\n  Omit<BreadcrumbSchema, 'type' | 'className'> {\n  tooltipContainer?: any;\n  tooltipPosition?: TooltipPositionType;\n  [propName: string]: any;\n}\n\n/**\n * Breadcrumb 面包屑类\n */\nexport class Breadcrumb extends React.Component<BreadcrumbProps> {\n  Item: typeof BreadcrumbItem;\n\n  static defaultProps: Pick<\n    BreadcrumbProps, \n    | 'separator'\n    | 'labelMaxLength'\n    | 'tooltipPosition'\n  > = {\n    separator: '>',\n    labelMaxLength: 16,\n    tooltipPosition: 'top'\n  };\n\n  render() {\n    const cx = this.props.classnames;\n    const {\n      className,\n      separatorClassName,\n      items,\n      separator,\n      ...restProps\n    } = this.props;\n\n    const crumbsLength = items?.length;\n    if (!crumbsLength) {\n      return <div className={cx('Breadcrumb', className)}></div>;\n    }\n\n    const crumbs = items.map<React.ReactNode>((item, index) => {\n      let itemPlace: ItemPlace = 'middle';\n      if (index === 0) {\n        itemPlace = 'start';\n      }\n      if (index === crumbsLength - 1) {\n        itemPlace = 'end';\n      }\n      return (\n        <BreadcrumbItem\n          {...restProps}\n          item={item}\n          itemPlace={itemPlace}\n          key={index}\n        ></BreadcrumbItem>\n      )\n    })\n    .reduce((prev, curr, index) => [\n      prev,\n      <span\n        className={cx('Breadcrumb-separator', separatorClassName)}\n        key={`separator-${index}`}\n      >\n        {separator}\n      </span>,\n      curr\n    ]);\n\n    return (\n      <div className={cx('Breadcrumb', className)}>{crumbs}</div>\n    );\n  }\n}\n\n/**\n * BreadcrumbItem 面包项类\n */\nexport class BreadcrumbItem extends React.Component<BreadcrumbItemProps, BreadcrumbItemState> {\n  target: any;\n\n  state: BreadcrumbItemState = {\n    tooltipTrigger: ['hover', 'focus'],\n    tooltipRootClose: false,\n    isOpened: false\n  };\n\n  domRef = (ref: any) => {\n    this.target = ref;\n  }\n\n  toogle = (e: React.MouseEvent<any>) => {\n    e.preventDefault();\n\n    this.setState({\n      isOpened: !this.state.isOpened\n    });\n  }\n\n  close = () => {\n    this.setState({\n      isOpened: false\n    });\n  }\n\n  /**\n   * 渲染基础面包项\n   * @param showHref 是否显示超链接\n   * @param itemType 基础面包项类型\n   * @param item 面包项\n   * @param label 渲染文本\n   * @returns \n   */\n  renderBreadcrumbBaseItem(\n    showHref: boolean,\n    itemType: 'default' | 'dropdown',\n    item: BreadcrumbBaseItemProps,\n    label?: string,\n  ) {\n    const {\n      itemClassName,\n      dropdownItemClassName,\n      classnames: cx\n    } = this.props;\n    const baseItemClassName = itemType === 'default' ? itemClassName : dropdownItemClassName;\n    if (showHref) {\n      return (\n        <a href={item.href} className={cx('Breadcrumb-item-' + itemType, baseItemClassName)}>\n          {item.icon\n            ? generateIcon(cx, item.icon, 'Icon', 'Breadcrumb-icon')\n            : null}\n          <span className={cx('TplField')}>{label}</span>\n        </a>\n      );\n    }\n    return (\n      <span className={cx('Breadcrumb-item-' + itemType, baseItemClassName)}>\n        {item.icon\n          ? generateIcon(cx, item.icon, 'Icon', 'Breadcrumb-icon')\n          : null}\n        <span className={cx('TplField')}>{label}</span>\n      </span>\n    );\n  }\n\n  /**\n   * 渲染基础面包项完整节点\n   * @param item 面包项\n   * @param tooltipPosition 浮窗提示位置\n   * @param itemPlace 面包香所在相对位置\n   * @param itemType 基础面包项类型\n   * @returns \n   */\n  renderBreadcrumbNode(\n    item: BreadcrumbBaseItemProps,\n    tooltipPosition: TooltipPositionType = 'top',\n    itemPlace: ItemPlace,\n    itemType: 'default' | 'dropdown'\n  ) {\n    const {\n      labelMaxLength,\n      tooltipContainer\n    } = this.props;\n    const {\n      tooltipTrigger,\n      tooltipRootClose\n    } = this.state;\n    const pureLabel = item.label ? removeHTMLTag(item.label) : '';\n    // 限制最大展示长度的最小值\n    const maxLength = labelMaxLength && +labelMaxLength > 1 ? +labelMaxLength : 1;\n    // 面包项相对位置为 middle ，且超过最大展示长度的面包项，进行缩略展示，并使用浮窗提示\n    if (pureLabel.length > maxLength && itemPlace === 'middle') {\n      return (\n        <TooltipWrapper\n          tooltip={pureLabel}\n          placement={tooltipPosition}\n          container={tooltipContainer}\n          trigger={tooltipTrigger}\n          rootClose={tooltipRootClose}\n        >\n          {this.renderBreadcrumbBaseItem(true, itemType, item, pureLabel.substring(0, maxLength) + '...')}\n        </TooltipWrapper>\n      );\n    }\n    const showHref = !item.href || itemPlace === 'end';\n    return this.renderBreadcrumbBaseItem(!showHref, itemType, item, pureLabel);\n  }\n\n  /**\n   * 渲染下拉菜单节点\n   * @param dropdown 面包项下拉菜单\n   * @returns \n   */\n  renderDropdownNode(dropdown: BreadcrumbBaseItemProps[]) {\n    const {\n      dropdownClassName,\n      classnames: cx\n    } = this.props;\n    return (\n      <RootClose\n        disabled={!this.state.isOpened}\n        onRootClose={this.close}\n      >\n        {(ref: any) => {\n          return (\n            <ul\n              className={cx('Breadcrumb-dropdown', dropdownClassName)}\n              onClick={this.close}\n              ref={ref}\n            >\n              {Array.isArray(dropdown) \n                && dropdown.map((menuItem: BreadcrumbBaseItemProps, index: number) => {\n                return (\n                  <li key={'dropdown-item' + index}>\n                    {this.renderBreadcrumbNode(menuItem, 'right', 'middle', 'dropdown')}\n                  </li>\n                );\n              })}\n            </ul>\n          );\n        }}\n      </RootClose>\n    );\n  }\n\n  render() {\n    const {\n      item,\n      itemPlace,\n      tooltipPosition,\n      classnames: cx\n    } = this.props;\n    const {dropdown, ...restItemProps} = item;\n    return (\n      <span\n        className={cx('Breadcrumb-item',\n          {\n            'is-opened': this.state.isOpened\n          },\n          {\n            'Breadcrumb-item-last': itemPlace === 'end'\n          }\n        )}\n        ref={this.domRef}\n      >\n        {this.renderBreadcrumbNode({...restItemProps}, tooltipPosition, itemPlace, 'default')}\n        {dropdown ? (\n          <span onClick={this.toogle} className={cx('Breadcrumb-item-caret')}>\n            <Icon icon=\"caret\" className=\"icon\" />\n          </span>\n        ): null}\n        {dropdown && this.state.isOpened ? this.renderDropdownNode(dropdown) : null}\n      </span>\n    );\n  }\n}\n\nexport default themeable(Breadcrumb);"
+    ]
+}