@apdesign/web-react 1.0.0 → 1.0.1

package/es/Badge/interface.d.ts

@@ -1,57 +1,57 @@
-import { HTMLAttributes, CSSProperties, ReactNode } from 'react';
-import { Omit } from '../_util/type';
-/**
- * @title Badge
- */
-export interface BadgeProps extends Omit<HTMLAttributes<HTMLElement>, 'className'> {
-    style?: CSSProperties;
-    className?: string | string[];
-    /**
-     * @zh 徽标显示的数字
-     * @en Number to show in badge
-     * @defaultValue 0
-     */
-    count?: number | ReactNode;
-    /**
-     * @zh 自定义提示内容
-     * @en Set the display text of the status dot
-     */
-    text?: string;
-    /**
-     * @zh 显示为小红点
-     * @en Whether to display a red dot instead of `count`
-     */
-    dot?: boolean;
-    /**
-     * @zh 徽标的样式
-     * @en Customize Badge dot style
-     */
-    dotStyle?: CSSProperties;
-    /**
-     * @zh 徽标的类名
-     * @en Customize Badge dot className
-     */
-    dotClassName?: string | string[];
-    /**
-     * @zh 徽标最大显示数值，如果 count 超过这个数值会显示为 `${maxCount}+`
-     * @en Max count to show. If count is larger than this value, it will be displayed as `${maxCount}+`
-     * @defaultValue 99
-     */
-    maxCount?: number;
-    /**
-     * @zh 设置徽标位置的偏移
-     * @en Set offset of the badge dot
-     */
-    offset?: [number, number];
-    /**
-     * @zh 内置的一些颜色
-     * @en Customize dot color
-     */
-    color?: 'red' | 'orangered' | 'orange' | 'gold' | 'lime' | 'green' | 'cyan' | 'arcoblue' | 'purple' | 'pinkpurple' | 'magenta' | 'gray' | string;
-    /**
-     * @zh 徽标的状态类型
-     * @en Set badge as a status dot
-     */
-    status?: 'default' | 'processing' | 'success' | 'warning' | 'error';
-    children?: ReactNode;
-}
+import { HTMLAttributes, CSSProperties, ReactNode } from 'react';
+import { Omit } from '../_util/type';
+/**
+ * @title Badge
+ */
+export interface BadgeProps extends Omit<HTMLAttributes<HTMLElement>, 'className'> {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 徽标显示的数字
+     * @en Number to show in badge
+     * @defaultValue 0
+     */
+    count?: number | ReactNode;
+    /**
+     * @zh 自定义提示内容
+     * @en Set the display text of the status dot
+     */
+    text?: string;
+    /**
+     * @zh 显示为小红点
+     * @en Whether to display a red dot instead of `count`
+     */
+    dot?: boolean;
+    /**
+     * @zh 徽标的样式
+     * @en Customize Badge dot style
+     */
+    dotStyle?: CSSProperties;
+    /**
+     * @zh 徽标的类名
+     * @en Customize Badge dot className
+     */
+    dotClassName?: string | string[];
+    /**
+     * @zh 徽标最大显示数值，如果 count 超过这个数值会显示为 `${maxCount}+`
+     * @en Max count to show. If count is larger than this value, it will be displayed as `${maxCount}+`
+     * @defaultValue 99
+     */
+    maxCount?: number;
+    /**
+     * @zh 设置徽标位置的偏移
+     * @en Set offset of the badge dot
+     */
+    offset?: [number, number];
+    /**
+     * @zh 内置的一些颜色
+     * @en Customize dot color
+     */
+    color?: 'red' | 'orangered' | 'orange' | 'gold' | 'lime' | 'green' | 'cyan' | 'arcoblue' | 'purple' | 'pinkpurple' | 'magenta' | 'gray' | string;
+    /**
+     * @zh 徽标的状态类型
+     * @en Set badge as a status dot
+     */
+    status?: 'default' | 'processing' | 'success' | 'warning' | 'error';
+    children?: ReactNode;
+}

package/es/Badge/interface.js

@@ -1 +1 @@
-export {};
+export {};

package/es/Badge/style/index.d.ts

@@ -1,2 +1,2 @@
-import '../../style/index.less';
-import './index.less';
+import '../../style/index.less';
+import './index.less';

package/es/Badge/style/index.js

@@ -1,2 +1,2 @@
-import '../../style/index.less';
-import './index.less';
+import '../../style/index.less';
+import './index.less';

package/es/Breadcrumb/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import Item from './item';
-import { BreadcrumbProps } from './interface';
-declare const BreadcrumbComponent: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<unknown>> & {
-    Item: typeof Item;
-};
-export default BreadcrumbComponent;
-export { BreadcrumbProps };
+import React from 'react';
+import Item from './item';
+import { BreadcrumbProps } from './interface';
+declare const BreadcrumbComponent: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<unknown>> & {
+    Item: typeof Item;
+};
+export default BreadcrumbComponent;
+export { BreadcrumbProps };

package/es/Breadcrumb/index.js

@@ -1,95 +1,95 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useContext, forwardRef } from 'react';
-import cs from '../_util/classNames';
-import Item from './item';
-import { ConfigContext } from '../ConfigProvider';
-import Menu from '../Menu';
-import IconObliqueLine from '../../icon/react-icon/IconObliqueLine';
-import omit from '../_util/omit';
-import useMergeProps from '../_util/hooks/useMergeProps';
-import { isEmptyReactNode } from '../_util/is';
-var defaultItemRender = function (route, routes, paths) {
-    if (routes.indexOf(route) === routes.length - 1) {
-        return React.createElement("span", null, route.breadcrumbName);
-    }
-    return React.createElement("a", { href: "#/" + paths.join('/').replace(/^\//, '') }, route.breadcrumbName);
-};
-var defaultProps = {
-    separator: React.createElement(IconObliqueLine, null),
-};
-function Breadcrumb(baseProps, ref) {
-    var _a;
-    var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;
-    var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Breadcrumb);
-    var className = props.className, children = props.children, style = props.style, routes = props.routes, maxCount = props.maxCount, separator = props.separator, rest = __rest(props, ["className", "children", "style", "routes", "maxCount", "separator"]);
-    var prefixCls = getPrefixCls('breadcrumb');
-    var itemRender = 'itemRender' in props ? props.itemRender : defaultItemRender;
-    var Ellipses = (React.createElement("span", { "aria-label": "ellipses of breadcrumb items", className: prefixCls + "-item-ellipses" }, "..."));
-    var Separator = (React.createElement("span", { "aria-hidden": true, className: prefixCls + "-item-separator" }, separator));
-    var getValidChild = function (itemToRender, delta, index) {
-        var SeparatorWithKey = React.cloneElement(Separator, { key: index + "_separator" });
-        // Show ellipses
-        if (delta > 0) {
-            if (index === 0) {
-                return [itemToRender, SeparatorWithKey, Ellipses];
-            }
-            if (index > delta) {
-                return [SeparatorWithKey, itemToRender];
-            }
-            return null;
-        }
-        return index === 0 ? [itemToRender] : [SeparatorWithKey, itemToRender];
-    };
-    var getItemsByRoute = function () {
-        var paths = [];
-        var delta = routes.length - maxCount;
-        return routes.map(function (route, index) {
-            paths.push((route.path || '').replace(/^\//, ''));
-            var droplist = route.children ? (React.createElement(Menu, null, route.children.map(function (item) {
-                return (React.createElement(Menu.Item, { key: item.path || item.breadcrumbName }, itemRender(item, routes, paths)));
-            }))) : null;
-            return getValidChild(React.createElement(Item, { prefixCls: prefixCls, key: route.path || route.breadcrumbName, droplist: droplist }, itemRender(route, routes, paths)), delta, index);
-        });
-    };
-    var getItemsByChildren = function () {
-        var _children = [];
-        React.Children.forEach(children, function (child) {
-            if (!isEmptyReactNode(child)) {
-                _children.push(child);
-            }
-        });
-        var delta = _children.length - maxCount;
-        return React.Children.map(_children, function (child, index) {
-            return getValidChild(React.cloneElement(child, {
-                prefixCls: prefixCls,
-            }), delta, index);
-        });
-    };
-    return (React.createElement("div", __assign({ role: "list", ref: ref, style: style, className: cs(prefixCls, (_a = {}, _a[prefixCls + "-rtl"] = rtl, _a), className) }, omit(rest, ['itemRender'])), routes && routes.length ? getItemsByRoute() : getItemsByChildren()));
-}
-var ForwardRefBreadcrumb = forwardRef(Breadcrumb);
-var BreadcrumbComponent = ForwardRefBreadcrumb;
-BreadcrumbComponent.displayName = 'Breadcrumb';
-BreadcrumbComponent.Item = Item;
-export default BreadcrumbComponent;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useContext, forwardRef } from 'react';
+import cs from '../_util/classNames';
+import Item from './item';
+import { ConfigContext } from '../ConfigProvider';
+import Menu from '../Menu';
+import IconObliqueLine from '../../icon/react-icon/IconObliqueLine';
+import omit from '../_util/omit';
+import useMergeProps from '../_util/hooks/useMergeProps';
+import { isEmptyReactNode } from '../_util/is';
+var defaultItemRender = function (route, routes, paths) {
+    if (routes.indexOf(route) === routes.length - 1) {
+        return React.createElement("span", null, route.breadcrumbName);
+    }
+    return React.createElement("a", { href: "#/" + paths.join('/').replace(/^\//, '') }, route.breadcrumbName);
+};
+var defaultProps = {
+    separator: React.createElement(IconObliqueLine, null),
+};
+function Breadcrumb(baseProps, ref) {
+    var _a;
+    var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;
+    var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Breadcrumb);
+    var className = props.className, children = props.children, style = props.style, routes = props.routes, maxCount = props.maxCount, separator = props.separator, rest = __rest(props, ["className", "children", "style", "routes", "maxCount", "separator"]);
+    var prefixCls = getPrefixCls('breadcrumb');
+    var itemRender = 'itemRender' in props ? props.itemRender : defaultItemRender;
+    var Ellipses = (React.createElement("span", { "aria-label": "ellipses of breadcrumb items", className: prefixCls + "-item-ellipses" }, "..."));
+    var Separator = (React.createElement("span", { "aria-hidden": true, className: prefixCls + "-item-separator" }, separator));
+    var getValidChild = function (itemToRender, delta, index) {
+        var SeparatorWithKey = React.cloneElement(Separator, { key: index + "_separator" });
+        // Show ellipses
+        if (delta > 0) {
+            if (index === 0) {
+                return [itemToRender, SeparatorWithKey, Ellipses];
+            }
+            if (index > delta) {
+                return [SeparatorWithKey, itemToRender];
+            }
+            return null;
+        }
+        return index === 0 ? [itemToRender] : [SeparatorWithKey, itemToRender];
+    };
+    var getItemsByRoute = function () {
+        var paths = [];
+        var delta = routes.length - maxCount;
+        return routes.map(function (route, index) {
+            paths.push((route.path || '').replace(/^\//, ''));
+            var droplist = route.children ? (React.createElement(Menu, null, route.children.map(function (item) {
+                return (React.createElement(Menu.Item, { key: item.path || item.breadcrumbName }, itemRender(item, routes, paths)));
+            }))) : null;
+            return getValidChild(React.createElement(Item, { prefixCls: prefixCls, key: route.path || route.breadcrumbName, droplist: droplist }, itemRender(route, routes, paths)), delta, index);
+        });
+    };
+    var getItemsByChildren = function () {
+        var _children = [];
+        React.Children.forEach(children, function (child) {
+            if (!isEmptyReactNode(child)) {
+                _children.push(child);
+            }
+        });
+        var delta = _children.length - maxCount;
+        return React.Children.map(_children, function (child, index) {
+            return getValidChild(React.cloneElement(child, {
+                prefixCls: prefixCls,
+            }), delta, index);
+        });
+    };
+    return (React.createElement("div", __assign({ role: "list", ref: ref, style: style, className: cs(prefixCls, (_a = {}, _a[prefixCls + "-rtl"] = rtl, _a), className) }, omit(rest, ['itemRender'])), routes && routes.length ? getItemsByRoute() : getItemsByChildren()));
+}
+var ForwardRefBreadcrumb = forwardRef(Breadcrumb);
+var BreadcrumbComponent = ForwardRefBreadcrumb;
+BreadcrumbComponent.displayName = 'Breadcrumb';
+BreadcrumbComponent.Item = Item;
+export default BreadcrumbComponent;

package/es/Breadcrumb/interface.d.ts

@@ -1,78 +1,78 @@
-import React, { CSSProperties, ReactNode, HTMLAttributes } from 'react';
-import { DropdownProps } from '../Dropdown';
-export interface RouteProps {
-    path: string;
-    breadcrumbName: string;
-    children?: Array<{
-        path: string;
-        breadcrumbName: string;
-    }>;
-}
-/**
- * @title Breadcrumb
- */
-export interface BreadcrumbProps {
-    style?: CSSProperties;
-    children?: ReactNode;
-    className?: string | string[];
-    /**
-     * @zh 指定分割符
-     * @en Custom separator
-     * @defaultValue <IconObliqueLine />
-     */
-    separator?: string | ReactNode;
-    /**
-     * @zh 直接设置下拉菜单
-     * @en Set drop-down menu
-     */
-    routes?: RouteProps[];
-    /**
-     * @zh 最多渲染的面包屑数量
-     * @en Max count of `Breadcrumb.Item` to show.
-     */
-    maxCount?: number;
-    /**
-     * @zh routes 时生效，自定义渲染面包屑
-     * @en Custom render function for `Breadcrumb.Item`
-     */
-    itemRender?: (route: RouteProps, routes: RouteProps[], paths: string[]) => ReactNode;
-}
-declare type CustomHTMLElement = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
-/**
- * @title Breadcrumb.Item
- */
-export interface BreadCrumbItemProps extends CustomHTMLElement {
-    style?: CSSProperties;
-    className?: string | string[];
-    prefixCls?: string;
-    /**
-     * @zh 下拉菜单的内容，等同于下拉菜单组件的 droplist 属性
-     * @en The dropdown menu
-     */
-    droplist?: DropdownProps['droplist'];
-    /**
-     * @zh 下拉菜单的属性 [DropdownProps](/react/components/dropdown)
-     * @en The dropdown props [DropdownProps](/react/components/dropdown)
-     */
-    dropdownProps?: DropdownProps;
-    /**
-     * @zh 超链接地址
-     * @en href
-     * @version 2.40.0
-     */
-    href?: string;
-    /**
-     * @zh 点击回调
-     * @en click callback
-     * @version 2.40.0
-     */
-    onClick?: (e: any) => void;
-    /**
-     * @zh 标签名，可以是 html 标签或是组件
-     * @en Configure the outermost label, which can be an html label or a component
-     * @version 2.40.0
-     * @defaultValue div
-     */
-    tagName?: string | React.FC<any> | React.ComponentClass<any>;
-}
-export {};
+import React, { CSSProperties, ReactNode, HTMLAttributes } from 'react';
+import { DropdownProps } from '../Dropdown';
+export interface RouteProps {
+    path: string;
+    breadcrumbName: string;
+    children?: Array<{
+        path: string;
+        breadcrumbName: string;
+    }>;
+}
+/**
+ * @title Breadcrumb
+ */
+export interface BreadcrumbProps {
+    style?: CSSProperties;
+    children?: ReactNode;
+    className?: string | string[];
+    /**
+     * @zh 指定分割符
+     * @en Custom separator
+     * @defaultValue <IconObliqueLine />
+     */
+    separator?: string | ReactNode;
+    /**
+     * @zh 直接设置下拉菜单
+     * @en Set drop-down menu
+     */
+    routes?: RouteProps[];
+    /**
+     * @zh 最多渲染的面包屑数量
+     * @en Max count of `Breadcrumb.Item` to show.
+     */
+    maxCount?: number;
+    /**
+     * @zh routes 时生效，自定义渲染面包屑
+     * @en Custom render function for `Breadcrumb.Item`
+     */
+    itemRender?: (route: RouteProps, routes: RouteProps[], paths: string[]) => ReactNode;
+}
+declare type CustomHTMLElement = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
+/**
+ * @title Breadcrumb.Item
+ */
+export interface BreadCrumbItemProps extends CustomHTMLElement {
+    style?: CSSProperties;
+    className?: string | string[];
+    prefixCls?: string;
+    /**
+     * @zh 下拉菜单的内容，等同于下拉菜单组件的 droplist 属性
+     * @en The dropdown menu
+     */
+    droplist?: DropdownProps['droplist'];
+    /**
+     * @zh 下拉菜单的属性 [DropdownProps](/react/components/dropdown)
+     * @en The dropdown props [DropdownProps](/react/components/dropdown)
+     */
+    dropdownProps?: DropdownProps;
+    /**
+     * @zh 超链接地址
+     * @en href
+     * @version 2.40.0
+     */
+    href?: string;
+    /**
+     * @zh 点击回调
+     * @en click callback
+     * @version 2.40.0
+     */
+    onClick?: (e: any) => void;
+    /**
+     * @zh 标签名，可以是 html 标签或是组件
+     * @en Configure the outermost label, which can be an html label or a component
+     * @version 2.40.0
+     * @defaultValue div
+     */
+    tagName?: string | React.FC<any> | React.ComponentClass<any>;
+}
+export {};

package/es/Breadcrumb/interface.js

@@ -1 +1 @@
-export {};
+export {};

package/es/Breadcrumb/item.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren } from 'react';
-import { BreadCrumbItemProps } from './interface';
-declare function Item(props: PropsWithChildren<BreadCrumbItemProps>): JSX.Element;
-declare namespace Item {
-    var displayName: string;
-}
-export default Item;
-export { BreadCrumbItemProps };
+import { PropsWithChildren } from 'react';
+import { BreadCrumbItemProps } from './interface';
+declare function Item(props: PropsWithChildren<BreadCrumbItemProps>): JSX.Element;
+declare namespace Item {
+    var displayName: string;
+}
+export default Item;
+export { BreadCrumbItemProps };

package/es/Breadcrumb/item.js

@@ -1,65 +1,65 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import React, { useState } from 'react';
-import { pickDataAttributes } from '../_util/pick';
-import cs from '../_util/classNames';
-import Dropdown from '../Dropdown';
-import IconDown from '../../icon/react-icon/IconDown';
-import omit from '../_util/omit';
-import { isString } from '../_util/is';
-function Item(props) {
-    var _a, _b;
-    var children = props.children, style = props.style, className = props.className, prefixCls = props.prefixCls, droplist = props.droplist, dropdownProps = props.dropdownProps, href = props.href, onClick = props.onClick, _c = props.tagName, tagName = _c === void 0 ? 'div' : _c, rest = __rest(props, ["children", "style", "className", "prefixCls", "droplist", "dropdownProps", "href", "onClick", "tagName"]);
-    var _d = __read(useState(false), 2), dropdownVisible = _d[0], setDropdownVisible = _d[1];
-    var TagName = isString(href) ? 'a' : tagName;
-    var dom = (React.createElement(TagName, __assign({ href: href, onClick: onClick, role: "listitem", style: style, className: cs(prefixCls + "-item", (_a = {},
-            _a[prefixCls + "-item-with-dropdown"] = droplist,
-            _a), className) }, pickDataAttributes(rest)),
-        children,
-        droplist && (React.createElement("span", { "aria-hidden": true, className: cs(prefixCls + "-item-dropdown-icon", (_b = {},
-                _b[prefixCls + "-item-dropdown-icon-active"] = dropdownVisible,
-                _b)) },
-            React.createElement(IconDown, null)))));
-    return droplist ? (React.createElement(Dropdown, __assign({ droplist: droplist, onVisibleChange: function (visible) {
-            setDropdownVisible(visible);
-            dropdownProps && dropdownProps.onVisibleChange && dropdownProps.onVisibleChange(visible);
-        } }, omit(dropdownProps, ['onVisibleChange'])), dom)) : (dom);
-}
-Item.displayName = 'BreadcrumbItem';
-export default Item;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React, { useState } from 'react';
+import { pickDataAttributes } from '../_util/pick';
+import cs from '../_util/classNames';
+import Dropdown from '../Dropdown';
+import IconDown from '../../icon/react-icon/IconDown';
+import omit from '../_util/omit';
+import { isString } from '../_util/is';
+function Item(props) {
+    var _a, _b;
+    var children = props.children, style = props.style, className = props.className, prefixCls = props.prefixCls, droplist = props.droplist, dropdownProps = props.dropdownProps, href = props.href, onClick = props.onClick, _c = props.tagName, tagName = _c === void 0 ? 'div' : _c, rest = __rest(props, ["children", "style", "className", "prefixCls", "droplist", "dropdownProps", "href", "onClick", "tagName"]);
+    var _d = __read(useState(false), 2), dropdownVisible = _d[0], setDropdownVisible = _d[1];
+    var TagName = isString(href) ? 'a' : tagName;
+    var dom = (React.createElement(TagName, __assign({ href: href, onClick: onClick, role: "listitem", style: style, className: cs(prefixCls + "-item", (_a = {},
+            _a[prefixCls + "-item-with-dropdown"] = droplist,
+            _a), className) }, pickDataAttributes(rest)),
+        children,
+        droplist && (React.createElement("span", { "aria-hidden": true, className: cs(prefixCls + "-item-dropdown-icon", (_b = {},
+                _b[prefixCls + "-item-dropdown-icon-active"] = dropdownVisible,
+                _b)) },
+            React.createElement(IconDown, null)))));
+    return droplist ? (React.createElement(Dropdown, __assign({ droplist: droplist, onVisibleChange: function (visible) {
+            setDropdownVisible(visible);
+            dropdownProps && dropdownProps.onVisibleChange && dropdownProps.onVisibleChange(visible);
+        } }, omit(dropdownProps, ['onVisibleChange'])), dom)) : (dom);
+}
+Item.displayName = 'BreadcrumbItem';
+export default Item;