@douyinfe/semi-ui 2.1.0-beta.2 → 2.1.0-next.2

package/lib/cjs/backtop/index.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/backtop/constants");
+
+var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/backtop/foundation"));
+
+require("@douyinfe/semi-foundation/lib/cjs/backtop/backtop.css");
+
+var _iconButton = _interopRequireDefault(require("../iconButton"));
+
+var _semiIcons = require("@douyinfe/semi-icons");
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+const prefixCls = _constants.cssClasses.PREFIX;
+
+const getDefaultTarget = () => window;
+
+class BackTop extends _baseComponent.default {
+  constructor(props) {
+    super(props);
+    this.state = {
+      visible: false
+    };
+    this.foundation = new _foundation.default(this.adapter);
+  }
+
+  componentDidMount() {
+    this.foundation.init();
+  }
+
+  componentWillUnmount() {
+    this.foundation.destroy();
+  }
+
+  get adapter() {
+    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
+      updateVisible: visible => {
+        this.setState({
+          visible
+        });
+      },
+      notifyClick: e => {
+        this.props.onClick && this.props.onClick(e);
+      },
+      targetIsWindow: target => target === window,
+      isWindowUndefined: () => window === undefined,
+      targetScrollToTop: (targetNode, scrollTop) => {
+        if (targetNode === window) {
+          document.body.scrollTop = scrollTop;
+          document.documentElement.scrollTop = scrollTop;
+        } else {
+          targetNode.scrollTop = scrollTop;
+        }
+      }
+    });
+  }
+
+  handleClick(e) {
+    this.foundation.onClick(e);
+  }
+
+  renderDefault() {
+    return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+      theme: "light",
+      icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronUp, null)
+    });
+  }
+
+  render() {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const _a = this.props,
+          {
+      children,
+      className,
+      style,
+      onClick,
+      visibilityHeight,
+      target
+    } = _a,
+          others = __rest(_a, ["children", "className", "style", "onClick", "visibilityHeight", "target"]);
+
+    const {
+      visible
+    } = this.state;
+    const preCls = (0, _classnames.default)(prefixCls, className);
+    const backtopBtn = children ? children : this.renderDefault();
+    const content = visible ? /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({}, others, {
+      className: preCls,
+      style: style,
+      onClick: e => this.handleClick(e)
+    }), backtopBtn) : null;
+    return content;
+  }
+
+}
+
+exports.default = BackTop;
+BackTop.defaultProps = {
+  visibilityHeight: 400,
+  target: getDefaultTarget,
+  duration: 450
+};
+BackTop.propTypes = {
+  target: _propTypes.default.func,
+  visibilityHeight: _propTypes.default.number,
+  duration: _propTypes.default.number,
+  onClick: _propTypes.default.func,
+  style: _propTypes.default.object,
+  className: _propTypes.default.string
+};

package/lib/cjs/badge/index.d.ts

@@ -0,0 +1,38 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import '@douyinfe/semi-foundation/lib/cjs/badge/badge.css';
+export declare type BadgeType = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning';
+export declare type BadgeTheme = 'solid' | 'light' | 'inverted';
+export declare type BadgePosition = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export interface BadgeProps {
+    count?: React.ReactNode;
+    dot?: boolean;
+    type?: BadgeType;
+    theme?: BadgeTheme;
+    position?: BadgePosition;
+    overflowCount?: number;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+}
+export default class Badge extends PureComponent<BadgeProps> {
+    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static propTypes: {
+        count: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        dot: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+        theme: PropTypes.Requireable<string>;
+        position: PropTypes.Requireable<string>;
+        overflowCount: PropTypes.Requireable<number>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    static defaultProps: {
+        dot: boolean;
+        type: string;
+        theme: string;
+        className: string;
+    };
+    render(): JSX.Element;
+}

package/lib/cjs/badge/index.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _isString2 = _interopRequireDefault(require("lodash/isString"));
+
+var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _context4 = _interopRequireDefault(require("../configProvider/context"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/badge/constants");
+
+require("@douyinfe/semi-foundation/lib/cjs/badge/badge.css");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const prefixCls = _constants.cssClasses.PREFIX;
+
+class Badge extends _react.PureComponent {
+  render() {
+    var _context, _context2, _context3;
+
+    const {
+      direction
+    } = this.context; // DefaultPosition here, static can't get this
+
+    const defaultPosition = direction === 'rtl' ? 'leftTop' : 'rightTop'; // eslint-disable-next-line max-len
+
+    const {
+      count,
+      dot,
+      type,
+      theme,
+      position = defaultPosition,
+      overflowCount,
+      style,
+      children,
+      className
+    } = this.props;
+    const custom = count && !((0, _isNumber2.default)(count) || (0, _isString2.default)(count));
+    const showBadge = count !== null && typeof count !== 'undefined';
+    const wrapper = (0, _classnames.default)(className, {
+      [(0, _concat.default)(_context = "".concat(prefixCls, "-")).call(_context, type)]: !custom,
+      [(0, _concat.default)(_context2 = "".concat(prefixCls, "-")).call(_context2, theme)]: !custom,
+      [(0, _concat.default)(_context3 = "".concat(prefixCls, "-")).call(_context3, position)]: Boolean(position) && Boolean(children),
+      ["".concat(prefixCls, "-block")]: !children,
+      ["".concat(prefixCls, "-dot")]: dot,
+      ["".concat(prefixCls, "-count")]: !dot && !custom && showBadge,
+      ["".concat(prefixCls, "-custom")]: custom
+    });
+    let content;
+
+    if ((0, _isNumber2.default)(count)) {
+      content = overflowCount && overflowCount < count ? "".concat(overflowCount, "+") : "".concat(count);
+    } else {
+      content = count;
+    }
+
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: prefixCls
+    }, children, /*#__PURE__*/_react.default.createElement("span", {
+      className: wrapper,
+      style: style
+    }, dot ? null : content));
+  }
+
+}
+
+exports.default = Badge;
+Badge.contextType = _context4.default;
+Badge.propTypes = {
+  count: _propTypes.default.node,
+  dot: _propTypes.default.bool,
+  type: _propTypes.default.oneOf(_constants.strings.TYPE_SET),
+  theme: _propTypes.default.oneOf(_constants.strings.THEME_SET),
+  position: _propTypes.default.oneOf(_constants.strings.POS_SET),
+  overflowCount: _propTypes.default.number,
+  style: _propTypes.default.object,
+  className: _propTypes.default.string,
+  children: _propTypes.default.node
+};
+Badge.defaultProps = {
+  dot: false,
+  type: 'primary',
+  theme: 'solid',
+  className: ''
+};

package/lib/cjs/banner/index.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import BannerFoundation, { BannerAdapter } from '@douyinfe/semi-foundation/lib/cjs/banner/foundation';
+import '@douyinfe/semi-foundation/lib/cjs/banner/banner.css';
+import BaseComponent from '../_base/baseComponent';
+export declare type Type = 'info' | 'danger' | 'warning' | 'success';
+export interface BannerProps {
+    type?: Type;
+    className?: string;
+    fullMode?: boolean;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: string | React.ReactNode;
+    closeIcon?: string | React.ReactNode;
+    style?: React.CSSProperties;
+    bordered?: boolean;
+    onClose?: (e: React.MouseEvent) => void;
+}
+export interface BannerState {
+    visible: boolean;
+}
+export default class Banner extends BaseComponent<BannerProps, BannerState> {
+    static propTypes: {
+        fullMode: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        closeIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        bordered: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        onClose: () => void;
+        type: string;
+        fullMode: boolean;
+    };
+    foundation: BannerFoundation;
+    constructor(props: BannerProps);
+    get adapter(): BannerAdapter<BannerProps, BannerState>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    remove: React.MouseEventHandler;
+    renderCloser(): React.ReactNode;
+    renderIcon(): JSX.Element;
+    render(): JSX.Element;
+}

package/lib/cjs/banner/index.js

@@ -0,0 +1,209 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _iconButton = _interopRequireDefault(require("../iconButton"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/banner/constants");
+
+var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/banner/foundation"));
+
+require("@douyinfe/semi-foundation/lib/cjs/banner/banner.css");
+
+var _typography = _interopRequireDefault(require("../typography"));
+
+var _semiIcons = require("@douyinfe/semi-icons");
+
+var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+/* eslint-disable max-len */
+const prefixCls = _constants.cssClasses.PREFIX;
+const types = _constants.strings.TYPE;
+
+class Banner extends _baseComponent.default {
+  constructor(props) {
+    super(props);
+
+    this.remove = e => {
+      e && e.stopPropagation();
+      this.foundation.removeBanner(e);
+    };
+
+    this.state = {
+      visible: true
+    };
+    (0, _warning.default)('target' in this.props, '[Semi Banner] \'target\' has been deprecated, please write JSX directly instead.');
+  }
+
+  get adapter() {
+    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
+      setVisible: () => {
+        this.setState({
+          visible: false
+        });
+      },
+      notifyClose: e => {
+        const {
+          onClose
+        } = this.props;
+        onClose(e);
+      }
+    });
+  }
+
+  componentDidMount() {
+    this.foundation = new _foundation.default(this.adapter);
+    this.foundation.init();
+  }
+
+  componentWillUnmount() {
+    this.foundation.destroy();
+  }
+
+  renderCloser() {
+    const {
+      closeIcon
+    } = this.props;
+
+    if (closeIcon === null) {
+      return closeIcon;
+    }
+
+    const closer = /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+      className: "".concat(prefixCls, "-close"),
+      onClick: this.remove,
+      icon: closeIcon || /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null),
+      theme: "borderless",
+      size: "small",
+      type: "tertiary"
+    });
+
+    return closer;
+  }
+
+  renderIcon() {
+    const {
+      type,
+      icon
+    } = this.props;
+    const iconMap = {
+      warning: /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertTriangle, {
+        size: "large"
+      }),
+      success: /*#__PURE__*/_react.default.createElement(_semiIcons.IconTickCircle, {
+        size: "large"
+      }),
+      info: /*#__PURE__*/_react.default.createElement(_semiIcons.IconInfoCircle, {
+        size: "large"
+      }),
+      danger: /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertCircle, {
+        size: "large"
+      })
+    };
+    let iconType = iconMap[type];
+    const iconCls = (0, _classnames.default)({
+      ["".concat(prefixCls, "-icon")]: true // [prefixCls + '-' + type]: true,
+
+    });
+
+    if (typeof icon !== 'undefined') {
+      iconType = icon;
+    }
+
+    if (iconType) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: iconCls
+      }, iconType);
+    }
+
+    return null;
+  }
+
+  render() {
+    var _context;
+
+    const {
+      children,
+      type,
+      className,
+      style,
+      bordered,
+      title,
+      description,
+      fullMode
+    } = this.props;
+    const {
+      visible
+    } = this.state;
+    const wrapper = (0, _classnames.default)(prefixCls, className, {
+      [(0, _concat.default)(_context = "".concat(prefixCls, "-")).call(_context, type)]: type,
+      ["".concat(prefixCls, "-full")]: fullMode,
+      ["".concat(prefixCls, "-in-container")]: !fullMode,
+      ["".concat(prefixCls, "-bordered")]: !fullMode && bordered
+    });
+    const banner = visible ? /*#__PURE__*/_react.default.createElement("div", {
+      className: wrapper,
+      style: style
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-content-wrapper")
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-content")
+    }, this.renderIcon(), /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-content-body")
+    }, title ? /*#__PURE__*/_react.default.createElement(_typography.default.Title, {
+      heading: 5,
+      className: "".concat(prefixCls, "-title"),
+      component: "div"
+    }, title) : null, description ? /*#__PURE__*/_react.default.createElement(_typography.default.Paragraph, {
+      className: "".concat(prefixCls, "-description"),
+      component: "div"
+    }, description) : null)), this.renderCloser()), children ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-extra")
+    }, children) : null) : null;
+    return banner;
+  }
+
+}
+
+exports.default = Banner;
+Banner.propTypes = {
+  // target: PropTypes.func,
+  fullMode: _propTypes.default.bool,
+  // insertAfter: PropTypes.func,
+  type: _propTypes.default.oneOf(types),
+  title: _propTypes.default.node,
+  description: _propTypes.default.node,
+  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  closeIcon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  children: _propTypes.default.node,
+  style: _propTypes.default.object,
+  className: _propTypes.default.string,
+  onClose: _propTypes.default.func,
+  bordered: _propTypes.default.bool
+};
+Banner.defaultProps = {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onClose: () => {},
+  type: 'info',
+  fullMode: true
+};

package/lib/cjs/breadcrumb/bread-context.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { showToolTipProps } from './index';
+import { BreadcrumbItemInfo } from './item';
+export interface BreadContextProps {
+    onClick?: (info: BreadcrumbItemInfo, event: React.MouseEvent) => void;
+    showTooltip?: boolean | showToolTipProps;
+    compact?: boolean;
+    separator?: string | React.ReactNode;
+}
+declare const BreadContext: React.Context<BreadContextProps>;
+export default BreadContext;

package/lib/cjs/breadcrumb/bread-context.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+const BreadContext = /*#__PURE__*/_react.default.createContext({});
+
+var _default = BreadContext;
+exports.default = _default;

package/lib/cjs/breadcrumb/index.d.ts

@@ -0,0 +1,81 @@
+import React from 'react';
+import propTypes from 'prop-types';
+import { BreadcrumbAdapter } from '@douyinfe/semi-foundation/lib/cjs/breadcrumb/foundation';
+import '@douyinfe/semi-foundation/lib/cjs/breadcrumb/breadcrumb.css';
+import { noop } from '@douyinfe/semi-foundation/lib/cjs/utils/function';
+import BaseComponent, { BaseProps } from '../_base/baseComponent';
+import BreadcrumbItem, { RouteProps, BreadcrumbItemInfo } from './item';
+import { BreadContextProps } from './bread-context';
+import { TooltipProps } from '../tooltip';
+export { RouteProps, BreadcrumbItemProps, BreadcrumbItemInfo } from './item';
+export interface showToolTipProps {
+    width?: string | number;
+    ellipsisPos?: 'end' | 'middle';
+    opts?: TooltipProps;
+}
+export declare type MoreType = 'default' | 'popover';
+export interface BreadcrumbProps extends BaseProps {
+    routes?: Array<RouteProps | string>;
+    onClick?: (route: RouteProps, event: React.MouseEvent) => void;
+    separator?: React.ReactNode;
+    compact?: boolean;
+    style?: React.CSSProperties;
+    renderItem?: (route: RouteProps) => React.ReactNode;
+    className?: string;
+    showTooltip?: boolean | showToolTipProps;
+    maxItemCount?: number;
+    autoCollapse?: boolean;
+    renderMore?: (restItem: Array<React.ReactNode>) => React.ReactNode;
+    moreType?: MoreType;
+}
+interface BreadcrumbState {
+    isCollapsed: boolean;
+}
+declare class Breadcrumb extends BaseComponent<BreadcrumbProps, BreadcrumbState> {
+    static contextType: React.Context<BreadContextProps>;
+    static Item: typeof BreadcrumbItem;
+    static propTypes: {
+        routes: propTypes.Requireable<any[]>;
+        onClick: propTypes.Requireable<(...args: any[]) => any>;
+        separator: propTypes.Requireable<propTypes.ReactNodeLike>;
+        compact: propTypes.Requireable<boolean>;
+        children: propTypes.Requireable<propTypes.ReactNodeLike>;
+        style: propTypes.Requireable<object>;
+        renderItem: propTypes.Requireable<(...args: any[]) => any>;
+        showTooltip: propTypes.Requireable<boolean | propTypes.InferProps<{
+            width: propTypes.Requireable<string | number>;
+            ellipsisPos: propTypes.Requireable<string>;
+            opts: propTypes.Requireable<object>;
+        }>>;
+        className: propTypes.Requireable<string>;
+        autoCollapse: propTypes.Requireable<boolean>;
+        maxItemCount: propTypes.Requireable<number>;
+        renderMore: propTypes.Requireable<(...args: any[]) => any>;
+        moreType: propTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        routes: [];
+        onClick: typeof noop;
+        renderItem: undefined;
+        separator: string;
+        compact: boolean;
+        showTooltip: {
+            width: number;
+            ellipsisPos: string;
+        };
+        autoCollapse: boolean;
+        moreType: string;
+        maxItemCount: number;
+    };
+    constructor(props: BreadcrumbProps);
+    get adapter(): BreadcrumbAdapter<BreadcrumbProps, BreadcrumbState>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    renderPopoverMore(restItem: Array<React.ReactNode>): JSX.Element;
+    handleCollapse: (template: Array<React.ReactNode>, itemsLen: number) => React.ReactNode[];
+    renderRouteItems: (items: Array<RouteProps>, shouldCollapse: boolean, moreTypeIsPopover: boolean) => JSX.Element[];
+    renderList: () => Array<React.ReactNode>;
+    onClick: (info: BreadcrumbItemInfo, event: React.MouseEvent) => void;
+    render(): JSX.Element;
+}
+export default Breadcrumb;