@kdcloudjs/kdesign 1.7.45 → 1.7.47

package/es/tree/tree.d.ts

@@ -43,6 +43,7 @@ export interface TreeProps {
     showIcon?: boolean;
     style?: React.CSSProperties;
     className?: string;
+    expandOnFilterNode?: boolean;
 }
 export declare type TreeNodeData = {
     checkable?: boolean;

package/es/tree/tree.js

@@ -82,7 +82,8 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     loadData = TreeProps.loadData,
     notFoundContent = TreeProps.notFoundContent,
     showLine = TreeProps.showLine,
-    others = __rest(TreeProps, ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon", "icon", "checkable", "checkStrictly", "disabled", "draggable", "scrollToKey", "expandedKeys", "checkedKeys", "defaultExpandRoot", "defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys", "defaultCheckedKeys", "defaultSelectedKeys", "height", "onCheck", "onExpand", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect", "selectedKeys", "setTreeNodeStyle", "setTreeNodeClassName", "estimatedItemSize", "style", "className", "filterTreeNode", "filterValue", "expandOnClickNode", "onlyExpandOnClickIcon", "loadData", "notFoundContent", "showLine"]);
+    expandOnFilterNode = TreeProps.expandOnFilterNode,
+    others = __rest(TreeProps, ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon", "icon", "checkable", "checkStrictly", "disabled", "draggable", "scrollToKey", "expandedKeys", "checkedKeys", "defaultExpandRoot", "defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys", "defaultCheckedKeys", "defaultSelectedKeys", "height", "onCheck", "onExpand", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect", "selectedKeys", "setTreeNodeStyle", "setTreeNodeClassName", "estimatedItemSize", "style", "className", "filterTreeNode", "filterValue", "expandOnClickNode", "onlyExpandOnClickIcon", "loadData", "notFoundContent", "showLine", "expandOnFilterNode"]);
   var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
   var treeNodeClassName = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(treePrefixCls), true), _defineProperty(_classNames, "".concat(treePrefixCls, "-show-line"), showLine), _classNames));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
@@ -142,7 +143,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setSearchStatus('NONE');
     }
   }, [filterValue]);
-  var _useExpand = useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue),
+  var _useExpand = useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue, expandOnFilterNode),
     _useExpand2 = _slicedToArray(_useExpand, 2),
     expandedKeys = _useExpand2[0],
     setExpandedKeys = _useExpand2[1];
@@ -158,8 +159,8 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setCheckedKeys = _useChecked2[2],
     setHalfCheckedKeys = _useChecked2[3];
   var filterData = React.useMemo(function () {
-    return getFilterData(spreadAttrData, filterTreeNode, isSearching, posData, keysData);
-  }, [spreadAttrData, isSearching, posData, keysData, filterValue]);
+    return getFilterData(spreadAttrData, filterTreeNode, isSearching, posData, keysData, expandOnFilterNode);
+  }, [spreadAttrData, isSearching, posData, keysData, filterValue, expandOnFilterNode]);
   useEffect(function () {
     var _a, _b;
     if (typeof scrollKey === 'undefined') {

package/es/tree/treeHooks.d.ts

@@ -4,6 +4,6 @@ export declare const useViewportHeight: (height: number, listRef: React.RefObjec
 export declare const useVisibleDataMemo: (virtual: boolean, filterData: TreeNodeData[], viewportHeight: number, estimatedItemSize: number, start: number) => TreeNodeData[][];
 export declare const usePlantomHeightEffect: (plantomRef: React.RefObject<HTMLElement>, filterData: TreeNodeData[], estimatedItemSize: number) => void;
 export declare const useChecked: (checkStrictly: boolean, checkedKeysProps: string[], defaultCheckedKeys: string[], _flattenAllData: any[], _maxLevel: number, checkable: boolean, keysData: KeysDataType) => readonly [string[], string[], React.Dispatch<React.SetStateAction<string[]>>, React.Dispatch<React.SetStateAction<string[]>>];
-export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, searchStatus: SearchStatus, filterValue: string) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
+export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, searchStatus: SearchStatus, filterValue: string, expandOnFilterNode: boolean) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
 export declare const useScrollToKey: (scrollKey: string, index: number, estimatedItemSize: number, scrollRef: any, viewportHeight: number, treeNodePrefixCls: string) => void;
 export declare const useSelect: (selectedKeysProps: string[], defaultSelectedKeys: string[]) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];

package/es/tree/treeHooks.js

@@ -59,15 +59,15 @@ export var useChecked = function useChecked(checkStrictly, checkedKeysProps, def
   }, [nextHalfCheckedKeys]);
   return [checkedKeys, halfCheckedKeys, setCheckedKeys, setHalfCheckedKeys];
 };
-export var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue) {
+export var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue, expandOnFilterNode) {
   var expandScrollkeys = [];
   if (scrollKey) {
     var pos = getPos(flattenAllData, scrollKey);
     expandScrollkeys = getAllParentKeys(flattenAllData, pos);
   }
   var initialExpandedKeys = React.useMemo(function () {
-    return getInitExpandedKeys(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, isInit, searchStatus);
-  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, isInit, searchStatus, filterValue]);
+    return getInitExpandedKeys(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, isInit, searchStatus, expandOnFilterNode);
+  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, isInit, searchStatus, filterValue, expandOnFilterNode]);
   var _React$useState7 = React.useState(initialExpandedKeys),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     expandedKeys = _React$useState8[0],

package/es/tree/utils/treeUtils.d.ts

@@ -17,8 +17,8 @@ export declare const getChecked: (checkedKeys: string[], key: string) => boolean
 export declare const getSelected: (selectedKeys: string[], key: string) => boolean;
 export declare const getHalfChecked: (halfCheckedKeys: string[], key: string) => boolean;
 export declare function findfilterChildrenKeys(node: any, allFilterKeys: Set<any>): Set<string>;
-export declare const getAllFilterKeys: (data: any[], filterTreeNode: FunctionConstructor, keysData: KeysDataType) => any;
-export declare const getFilterData: (data: any[], filterTreeNode: FunctionConstructor, isSearching: boolean, posData?: {}, keysData?: {}) => any[];
+export declare const getAllFilterKeys: (data: any[], filterTreeNode: FunctionConstructor, keysData: KeysDataType, expandOnFilterNode: boolean) => any;
+export declare const getFilterData: (data: any[], filterTreeNode: FunctionConstructor, isSearching: boolean, posData: {} | undefined, keysData: {} | undefined, expandOnFilterNode: boolean) => any[];
 export declare const getMaxLevel: (data: any[]) => number;
 /**
  *计算node的属性后返回新的 treedata
@@ -60,6 +60,6 @@ export declare const getDataCheckededStateStrictly: (checkedKeys: string[]) => {
 };
 export declare const delKey: (prevKeys: string[], delKeys: string[]) => never[] & string[];
 export declare const getAllNodeKeys: (data: any[]) => string[];
-export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, isInit: boolean, searchStatus: SearchStatus) => string[];
+export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, isInit: boolean, searchStatus: SearchStatus, expandOnFilterNode: boolean) => string[];
 export declare const getExpandedKeys: (expandedKeys: string[], expandScrollkeys?: string[]) => string[];
 export declare const calcDropPosition: (event: React.MouseEvent, dropNode: HTMLElement) => 0 | 1 | -1;

package/es/tree/utils/treeUtils.js

@@ -118,7 +118,7 @@ export function findfilterChildrenKeys(node, allFilterKeys) {
   }
   return nodes;
 }
-export var getAllFilterKeys = function getAllFilterKeys(data, filterTreeNode, keysData) {
+export var getAllFilterKeys = function getAllFilterKeys(data, filterTreeNode, keysData, expandOnFilterNode) {
   var allFilterKeys = new _Set();
   var filterExpandKeys = new _Set();
   var filterKeys = _filterInstanceProperty(data).call(data, function (item) {
@@ -128,10 +128,15 @@ export var getAllFilterKeys = function getAllFilterKeys(data, filterTreeNode, ke
     findfilterChildrenKeys(item, allFilterKeys);
   });
   filterKeys.forEach(function (item) {
+    var firstIteration = true;
     var node = _extends({}, item);
     while (node) {
       allFilterKeys.add(node.key);
-      filterExpandKeys.add(node.key);
+      // expandOnFilterNode为true时，不将filterKeys中的节点添加到filterExpandKeys中
+      if (!expandOnFilterNode || !firstIteration) {
+        filterExpandKeys.add(node.key);
+      }
+      firstIteration = false;
       node = (keysData === null || keysData === void 0 ? void 0 : keysData[node === null || node === void 0 ? void 0 : node.parentKey]) || null;
     }
   });
@@ -143,10 +148,11 @@ export var getAllFilterKeys = function getAllFilterKeys(data, filterTreeNode, ke
 export var getFilterData = function getFilterData(data, filterTreeNode, isSearching) {
   var posData = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var keysData = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  var expandOnFilterNode = arguments.length > 5 ? arguments[5] : undefined;
   var filterData = data;
   var allFilterKeys = null;
   if (isSearching) {
-    allFilterKeys = getAllFilterKeys(filterData, filterTreeNode, keysData).allFilterKeys;
+    allFilterKeys = getAllFilterKeys(filterData, filterTreeNode, keysData, expandOnFilterNode).allFilterKeys;
     filterData = _filterInstanceProperty(filterData).call(filterData, function (item) {
       return _includesInstanceProperty(allFilterKeys).call(allFilterKeys, item.key);
     });
@@ -464,6 +470,7 @@ export function getAllCheckedKeys(key, checked, checkedKeys, keysNodeProps, half
     halfCheckedKeysSet.delete(key);
     childKeys.forEach(function (v) {
       allKeys.add(v);
+      halfCheckedKeysSet.delete(v);
     });
   } else {
     halfCheckedKeysSet.delete(key);
@@ -585,6 +592,7 @@ export var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys
   var keysData = arguments.length > 9 ? arguments[9] : undefined;
   var isInit = arguments.length > 10 ? arguments[10] : undefined;
   var searchStatus = arguments.length > 11 ? arguments[11] : undefined;
+  var expandOnFilterNode = arguments.length > 12 ? arguments[12] : undefined;
   var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : _concatInstanceProperty(expandedKeys).call(expandedKeys, expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : _concatInstanceProperty(defaultExpandedKeys).call(defaultExpandedKeys, expandScrollkeys)) || [];
   if (isInit) {
     if (defaultExpandAll) {
@@ -606,7 +614,7 @@ export var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys
     }
   }
   if (isSearching && searchStatus === 'SEARCH_START') {
-    keys = _toConsumableArray(getAllFilterKeys(data, filterTreeNode, keysData).filterExpandKeys);
+    keys = _toConsumableArray(getAllFilterKeys(data, filterTreeNode, keysData, expandOnFilterNode).filterExpandKeys);
   }
   return keys;
 };

package/lib/_utils/usePopper.js

@@ -94,7 +94,7 @@ var getBorderWidth = function getBorderWidth(el) {
     var _context, _context2;
     var parentBorder = getBorderWidth(el.offsetParent);
     border.top += parentBorder.top + parseInt((0, _slice.default)(_context = getComputedStyle(el.offsetParent, null).borderTopWidth).call(_context, 0, -2));
-    border.left += parentBorder.left + parseInt((0, _slice.default)(_context2 = getComputedStyle(el.offsetParent, null).borderTopWidth).call(_context2, 0, -2));
+    border.left += parentBorder.left + parseInt((0, _slice.default)(_context2 = getComputedStyle(el.offsetParent, null).borderLeftWidth).call(_context2, 0, -2));
   }
   return border;
 };

package/lib/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponentElement } from 'react';
+import { IBreadcrumbProps } from './interface';
+declare const Breadcrumb: {
+    (props: IBreadcrumbProps): FunctionComponentElement<IBreadcrumbProps>;
+    displayName: string;
+};
+export default Breadcrumb;

package/lib/breadcrumb/breadcrumb.js

@@ -0,0 +1,217 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
+var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
+var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
+var _utils = require("../_utils");
+var _breadcrumbItem = _interopRequireDefault(require("./breadcrumbItem"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+var __rest = void 0 && (void 0).__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 _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(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 Breadcrumb = function Breadcrumb(props) {
+  // prefixCls 是默认提供的类名前缀，默认值是'kd';
+  // compDefaultProps存放了所有组件全局化配置的默认值，用户可以通过ConfigProvider这个组件区去做修改；
+  var _useContext = (0, _react.useContext)(_ConfigContext.default),
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
+  // 这里将用户传入的 props 和 Breadcrumb 组件的全局化默认配置 userDefaultProps 做了合并处理，得到最终 Breadcrumb 组件渲染的prop
+  var breadcrumbProps = (0, _utils.getCompProps)('Breadcrumb', userDefaultProps, props);
+  // 解构获取需要的操作的属性值 customPrefixcls最终组件的默认类名前缀，如果用户不通过ConfigProvider全局化配置传入，则默认为‘kd’，否则为用户传入值
+  var className = breadcrumbProps.className,
+    customPrefixcls = breadcrumbProps.prefixCls,
+    items = breadcrumbProps.items,
+    separator = breadcrumbProps.separator,
+    colorModel = breadcrumbProps.colorModel,
+    onItemClick = breadcrumbProps.onItemClick,
+    others = __rest(breadcrumbProps, ["className", "prefixCls", "items", "separator", "colorModel", "onItemClick"]);
+  var breadcrumbRef = (0, _react.useRef)(null);
+  var breadcrumbHideIconRef = (0, _react.useRef)(null);
+  var _React$useState = _react.default.useState(items),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    itemsConfig = _React$useState2[0],
+    setItemsConfig = _React$useState2[1];
+  var _React$useState3 = _react.default.useState(),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    itemsArray = _React$useState4[0],
+    setItemsArray = _React$useState4[1];
+  var _React$useState5 = _react.default.useState(),
+    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    breadcrumbWidth = _React$useState6[0],
+    setBreadcrumbWidth = _React$useState6[1];
+  var _React$useState7 = _react.default.useState(false),
+    _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
+    openEllipsis = _React$useState8[0],
+    setOpenEllipsis = _React$useState8[1];
+  // 获取组件的基类样式前缀，此时breadcrumbPrefixCls的值为 kd-breadcrumb ，后续的Breadcrumb组件的样式名都以此开头，使用中划线连接
+  var breadcrumbPrefixCls = getPrefixCls(prefixCls, 'breadcrumb', customPrefixcls);
+  // 混合用户传入的类名 与 组件内部定义的样式名
+  var breadcrumbClass = (0, _classnames.default)(breadcrumbPrefixCls, className);
+  var breadcrumbPopperClass = (0, _classnames.default)("".concat(breadcrumbPrefixCls, "-popper"));
+  var breadcrumbMorePanelClass = (0, _classnames.default)("".concat(breadcrumbPrefixCls, "-more-panel"));
+  var breadcrumbSeparatorClass = (0, _classnames.default)("".concat(breadcrumbPrefixCls, "-item-separator"));
+  var breadcrumbHideIconClass = (0, _classnames.default)("".concat(breadcrumbPrefixCls, "-hide-icon"));
+  var getBreadcrumbItemClass = function getBreadcrumbItemClass(item, isLast) {
+    var _context, _context2, _classNames;
+    return (0, _classnames.default)(item.className, "".concat(breadcrumbPrefixCls, "-item"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(breadcrumbPrefixCls, "-item-link"), (item === null || item === void 0 ? void 0 : item.path) || (item === null || item === void 0 ? void 0 : item.href)), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(breadcrumbPrefixCls, "-item-")).call(_context, colorModel || 'emphasize', "-model-current"), isLast), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context2 = "".concat(breadcrumbPrefixCls, "-item-")).call(_context2, colorModel || 'emphasize', "-model"), !isLast), _classNames));
+  };
+  var minItem = 3; // 加上more只显示3个元素的时候，末尾元素开启省略号
+  var isLastItem = function isLastItem(index, items) {
+    return index === (items === null || items === void 0 ? void 0 : items.length) - 1;
+  };
+  var getSeparator = function getSeparator(index, items) {
+    if (isLastItem(index, items)) {
+      return null;
+    } else {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        className: breadcrumbSeparatorClass
+      }, separator);
+    }
+  };
+  var getMoreIconContent = function getMoreIconContent(items) {
+    var MoreItems = function MoreItems() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: breadcrumbMorePanelClass
+      }, (0, _map.default)(items).call(items, function (item, index) {
+        return /*#__PURE__*/_react.default.createElement(_breadcrumbItem.default, {
+          key: index,
+          index: index,
+          item: (0, _extends2.default)((0, _extends2.default)({}, item), {
+            className: getBreadcrumbItemClass(item, false)
+          }),
+          separator: getSeparator(index, items)
+        });
+      }));
+    };
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      popperClassName: breadcrumbPopperClass,
+      arrow: false,
+      tip: /*#__PURE__*/_react.default.createElement(MoreItems, null),
+      trigger: "hover",
+      placement: "bottomLeft"
+    }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+      type: "more"
+    })));
+  };
+  var getElementWidth = function getElementWidth(ref) {
+    if (ref.current) {
+      return ref.current.offsetWidth;
+    } else {
+      return 0;
+    }
+  };
+  var getItemsConfig = function getItemsConfig(widthArr, breadcrumbWidth) {
+    var difference = getElementWidth(breadcrumbRef) - breadcrumbWidth;
+    if (difference < 0) {
+      var number = -difference;
+      var removeItem = widthArr === null || widthArr === void 0 ? void 0 : widthArr.reduce(function (acc, cur, ind) {
+        if (ind > 0 && ind < widthArr.length - 1) {
+          if (acc.width < number + getElementWidth(breadcrumbHideIconRef)) {
+            acc.width += cur.width;
+            acc.index = ind;
+            return acc;
+          } else {
+            return acc;
+          }
+        } else {
+          return acc;
+        }
+      }, {
+        width: 0,
+        index: 0
+      });
+      if (removeItem.index > 0 && removeItem.index < itemsConfig.length - 1) {
+        var _context3;
+        var newItemsConfig = JSON.parse((0, _stringify.default)(itemsConfig));
+        (0, _splice.default)(newItemsConfig).call(newItemsConfig, 1, removeItem.index, {
+          title: getMoreIconContent((0, _splice.default)(_context3 = JSON.parse((0, _stringify.default)(itemsConfig))).call(_context3, 1, removeItem.index))
+        });
+        setItemsConfig(newItemsConfig);
+      }
+    } else {
+      setItemsConfig(items);
+    }
+  };
+  (0, _react.useEffect)(function () {
+    var isMore = itemsConfig === null || itemsConfig === void 0 ? void 0 : itemsConfig.some(function (item) {
+      var _a, _b;
+      return ((_b = (_a = item === null || item === void 0 ? void 0 : item.title) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.children.type.displayName) === 'Tooltip';
+    });
+    setOpenEllipsis(isMore && itemsConfig.length === minItem);
+  }, [itemsConfig]);
+  (0, _react.useEffect)(function () {
+    if (breadcrumbRef === null || breadcrumbRef === void 0 ? void 0 : breadcrumbRef.current) {
+      var _itemsArray = (0, _from.default)(breadcrumbRef.current.children, function (item, index) {
+        return {
+          width: item.offsetWidth,
+          index: index
+        };
+      });
+      var _breadcrumbWidth = _itemsArray.reduce(function (acc, cur) {
+        return acc + cur.width;
+      }, 0);
+      setItemsArray(_itemsArray);
+      setBreadcrumbWidth(_breadcrumbWidth);
+      getItemsConfig(_itemsArray, _breadcrumbWidth);
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (itemsArray && breadcrumbWidth) {
+      window.addEventListener('resize', function () {
+        getItemsConfig(itemsArray, breadcrumbWidth);
+      });
+    }
+  }, [itemsArray, breadcrumbWidth]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: breadcrumbClass
+  }, others, {
+    ref: breadcrumbRef
+  }), (itemsConfig === null || itemsConfig === void 0 ? void 0 : itemsConfig.length) > 0 && (0, _map.default)(itemsConfig).call(itemsConfig, function (item, index) {
+    return /*#__PURE__*/_react.default.createElement(_breadcrumbItem.default, {
+      key: index,
+      item: (0, _extends2.default)((0, _extends2.default)({}, item), {
+        className: getBreadcrumbItemClass(item, isLastItem(index, itemsConfig))
+      }),
+      onItemClick: onItemClick,
+      index: index,
+      separator: getSeparator(index, itemsConfig),
+      openEllipsis: isLastItem(index, itemsConfig) ? openEllipsis : false
+    });
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: breadcrumbHideIconClass,
+    ref: breadcrumbHideIconRef
+  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+    type: "more"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: breadcrumbSeparatorClass
+  }, separator)));
+};
+Breadcrumb.displayName = 'Breadcrumb';
+var _default = Breadcrumb;
+exports.default = _default;

package/lib/breadcrumb/breadcrumbItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IBreadcrumbItems } from './interface';
+declare const BreadcrumbItem: FC<IBreadcrumbItems>;
+export default BreadcrumbItem;

package/lib/breadcrumb/breadcrumbItem.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _dropdown = _interopRequireDefault(require("../dropdown"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
+var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+var BreadcrumbItem = function BreadcrumbItem(props) {
+  var _useContext = (0, _react.useContext)(_ConfigContext.default),
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls;
+  var item = props.item,
+    index = props.index,
+    separator = props.separator,
+    openEllipsis = props.openEllipsis,
+    onItemClick = props.onItemClick;
+  var title = item.title,
+    className = item.className,
+    dropdownProps = item.dropdownProps,
+    href = item.href,
+    path = item.path,
+    icon = item.icon;
+  var breadcrumbPrefixCls = getPrefixCls(prefixCls, 'breadcrumb');
+  var itemTextCls = "".concat(breadcrumbPrefixCls, "-item-text");
+  var itemIconCls = "".concat(breadcrumbPrefixCls, "-item-icon");
+  var handleItemClick = function handleItemClick() {
+    if (href && !path) {
+      window.open(href, '_self');
+    } else if (!href && path) {
+      window.location.pathname = path + (title && "/".concat(title));
+    } else if (href && path) {
+      (0, _devwarning.default)(true, 'breadcrumb', '`href` and `path` not coexist  within the `item` object');
+    }
+    onItemClick && onItemClick(item, index);
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: className,
+    onClick: handleItemClick
+  }, icon && /*#__PURE__*/_react.default.createElement("div", {
+    className: itemIconCls
+  }, icon), /*#__PURE__*/_react.default.createElement("div", {
+    className: itemTextCls,
+    title: typeof title === 'string' ? title : '',
+    style: {
+      maxWidth: openEllipsis ? '170px' : 'unset',
+      overflow: openEllipsis ? 'hidden' : 'inherit'
+    }
+  }, title), dropdownProps && 'menu' in dropdownProps && /*#__PURE__*/_react.default.createElement(_dropdown.default, (0, _extends2.default)({
+    placement: "bottomRight"
+  }, dropdownProps), /*#__PURE__*/_react.default.createElement(_icon.default, {
+    type: "arrow-down"
+  })), separator));
+};
+var _default = BreadcrumbItem;
+exports.default = _default;

package/lib/breadcrumb/index.d.ts

@@ -0,0 +1,3 @@
+import Breadcrumb from './breadcrumb';
+export * from './breadcrumb';
+export default Breadcrumb;

package/lib/breadcrumb/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _breadcrumb = _interopRequireWildcard(require("./breadcrumb"));
+_Object$keys(_breadcrumb).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _breadcrumb[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _breadcrumb[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+var _default = _breadcrumb.default;
+exports.default = _default;

package/lib/breadcrumb/interface.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+import { DropDownProps } from '../dropdown';
+export declare const ColorModelTypes: ["emphasize", "weaken"];
+export declare type ColorModelType = typeof ColorModelTypes[number];
+export interface IBreadcrumbProps {
+    style?: Record<string, unknown>;
+    className?: string;
+    colorModel?: ColorModelType;
+    prefixCls?: string;
+    items: Array<IBreadcrumbItem>;
+    separator?: ReactNode;
+    children?: ReactNode;
+    onItemClick?: (item: IBreadcrumbItem, index: number) => void;
+}
+export interface IBreadcrumbItems {
+    item: IBreadcrumbItem;
+    index: number;
+    separator?: ReactNode;
+    openEllipsis?: boolean;
+    onItemClick?: (item: IBreadcrumbItem, index: number) => void;
+}
+export interface IBreadcrumbItem {
+    className?: string;
+    title?: ReactNode;
+    dropdownProps?: DropDownProps;
+    href?: string;
+    path?: string;
+    icon?: ReactNode;
+}
+export interface IItemsWidth {
+    width: number;
+    index: number;
+}

package/lib/breadcrumb/interface.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorModelTypes = void 0;
+var _type = require("../_utils/type");
+var ColorModelTypes = (0, _type.tuple)('emphasize', 'weaken');
+exports.ColorModelTypes = ColorModelTypes;

package/lib/breadcrumb/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("../../style/index.css");
+require("./index.css");