@kdcloudjs/kdesign 1.7.46 → 1.7.47

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.45
+ *   @kdcloudjs/kdesign v1.7.46
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -117,6 +117,7 @@ var map = {
 	"./avatar/style/index.tsx": "./components/avatar/style/index.tsx",
 	"./badge/style/index.tsx": "./components/badge/style/index.tsx",
 	"./base-data/style/index.tsx": "./components/base-data/style/index.tsx",
+	"./breadcrumb/style/index.tsx": "./components/breadcrumb/style/index.tsx",
 	"./button/style/index.tsx": "./components/button/style/index.tsx",
 	"./card/style/index.tsx": "./components/card/style/index.tsx",
 	"./carousel/style/index.tsx": "./components/carousel/style/index.tsx",
@@ -127,6 +128,7 @@ var map = {
 	"./collapse/style/index.tsx": "./components/collapse/style/index.tsx",
 	"./color-picker/style/index.tsx": "./components/color-picker/style/index.tsx",
 	"./date-picker/style/index.tsx": "./components/date-picker/style/index.tsx",
+	"./divider/style/index.tsx": "./components/divider/style/index.tsx",
 	"./drawer/style/index.tsx": "./components/drawer/style/index.tsx",
 	"./dropdown/style/index.tsx": "./components/dropdown/style/index.tsx",
 	"./empty/style/index.tsx": "./components/empty/style/index.tsx",
@@ -5027,6 +5029,382 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./components/breadcrumb/breadcrumb.tsx":
+/*!**********************************************!*\
+  !*** ./components/breadcrumb/breadcrumb.tsx ***!
+  \**********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");
+/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _breadcrumbItem__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./breadcrumbItem */ "./components/breadcrumb/breadcrumbItem.tsx");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../tooltip */ "./components/tooltip/index.tsx");
+
+
+
+
+
+
+
+
+
+
+var _excluded = ["className", "prefixCls", "items", "separator", "colorModel", "onItemClick"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+var Breadcrumb = function Breadcrumb(props) {
+  // prefixCls 是默认提供的类名前缀，默认值是'kd';
+  // compDefaultProps存放了所有组件全局化配置的默认值，用户可以通过ConfigProvider这个组件区去做修改；
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_16__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_18__["default"]),
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
+  // 这里将用户传入的 props 和 Breadcrumb 组件的全局化默认配置 userDefaultProps 做了合并处理，得到最终 Breadcrumb 组件渲染的prop
+  var breadcrumbProps = Object(_utils__WEBPACK_IMPORTED_MODULE_19__["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 = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9___default()(breadcrumbProps, _excluded);
+  var breadcrumbRef = Object(react__WEBPACK_IMPORTED_MODULE_16__["useRef"])(null);
+  var breadcrumbHideIconRef = Object(react__WEBPACK_IMPORTED_MODULE_16__["useRef"])(null);
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(items),
+    _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8___default()(_React$useState, 2),
+    itemsConfig = _React$useState2[0],
+    setItemsConfig = _React$useState2[1];
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(),
+    _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8___default()(_React$useState3, 2),
+    itemsArray = _React$useState4[0],
+    setItemsArray = _React$useState4[1];
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(),
+    _React$useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8___default()(_React$useState5, 2),
+    breadcrumbWidth = _React$useState6[0],
+    setBreadcrumbWidth = _React$useState6[1];
+  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(false),
+    _React$useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8___default()(_React$useState7, 2),
+    openEllipsis = _React$useState8[0],
+    setOpenEllipsis = _React$useState8[1];
+  // 获取组件的基类样式前缀，此时breadcrumbPrefixCls的值为 kd-breadcrumb ，后续的Breadcrumb组件的样式名都以此开头，使用中划线连接
+  var breadcrumbPrefixCls = getPrefixCls(prefixCls, 'breadcrumb', customPrefixcls);
+  // 混合用户传入的类名 与 组件内部定义的样式名
+  var breadcrumbClass = classnames__WEBPACK_IMPORTED_MODULE_17___default()(breadcrumbPrefixCls, className);
+  var breadcrumbPopperClass = classnames__WEBPACK_IMPORTED_MODULE_17___default()("".concat(breadcrumbPrefixCls, "-popper"));
+  var breadcrumbMorePanelClass = classnames__WEBPACK_IMPORTED_MODULE_17___default()("".concat(breadcrumbPrefixCls, "-more-panel"));
+  var breadcrumbSeparatorClass = classnames__WEBPACK_IMPORTED_MODULE_17___default()("".concat(breadcrumbPrefixCls, "-item-separator"));
+  var breadcrumbHideIconClass = classnames__WEBPACK_IMPORTED_MODULE_17___default()("".concat(breadcrumbPrefixCls, "-hide-icon"));
+  var getBreadcrumbItemClass = function getBreadcrumbItemClass(item, isLast) {
+    var _classNames;
+    return classnames__WEBPACK_IMPORTED_MODULE_17___default()(item.className, "".concat(breadcrumbPrefixCls, "-item"), (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames, "".concat(breadcrumbPrefixCls, "-item-link"), (item === null || item === void 0 ? void 0 : item.path) || (item === null || item === void 0 ? void 0 : item.href)), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames, "".concat(breadcrumbPrefixCls, "-item-").concat(colorModel || 'emphasize', "-model-current"), isLast), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames, "".concat(breadcrumbPrefixCls, "-item-").concat(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__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("span", {
+        className: breadcrumbSeparatorClass
+      }, separator);
+    }
+  };
+  var getMoreIconContent = function getMoreIconContent(items) {
+    var MoreItems = function MoreItems() {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
+        className: breadcrumbMorePanelClass
+      }, items.map(function (item, index) {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_breadcrumbItem__WEBPACK_IMPORTED_MODULE_20__["default"], {
+          key: index,
+          index: index,
+          item: _objectSpread(_objectSpread({}, item), {}, {
+            className: getBreadcrumbItemClass(item, false)
+          }),
+          separator: getSeparator(index, items)
+        });
+      }));
+    };
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_tooltip__WEBPACK_IMPORTED_MODULE_22__["default"], {
+      popperClassName: breadcrumbPopperClass,
+      arrow: false,
+      tip: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(MoreItems, null),
+      trigger: "hover",
+      placement: "bottomLeft"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_21__["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 newItemsConfig = JSON.parse(JSON.stringify(itemsConfig));
+        newItemsConfig.splice(1, removeItem.index, {
+          title: getMoreIconContent(JSON.parse(JSON.stringify(itemsConfig)).splice(1, removeItem.index))
+        });
+        setItemsConfig(newItemsConfig);
+      }
+    } else {
+      setItemsConfig(items);
+    }
+  };
+  Object(react__WEBPACK_IMPORTED_MODULE_16__["useEffect"])(function () {
+    var isMore = itemsConfig === null || itemsConfig === void 0 ? void 0 : itemsConfig.some(function (item) {
+      var _item$title, _item$title$props;
+      return (item === null || item === void 0 ? void 0 : (_item$title = item.title) === null || _item$title === void 0 ? void 0 : (_item$title$props = _item$title.props) === null || _item$title$props === void 0 ? void 0 : _item$title$props.children.type.displayName) === 'Tooltip';
+    });
+    setOpenEllipsis(isMore && itemsConfig.length === minItem);
+  }, [itemsConfig]);
+  Object(react__WEBPACK_IMPORTED_MODULE_16__["useEffect"])(function () {
+    if (breadcrumbRef !== null && breadcrumbRef !== void 0 && breadcrumbRef.current) {
+      var _itemsArray = Array.from(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);
+    }
+  }, []);
+  Object(react__WEBPACK_IMPORTED_MODULE_16__["useEffect"])(function () {
+    if (itemsArray && breadcrumbWidth) {
+      window.addEventListener('resize', function () {
+        getItemsConfig(itemsArray, breadcrumbWidth);
+      });
+    }
+  }, [itemsArray, breadcrumbWidth]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default()({
+    className: breadcrumbClass
+  }, others, {
+    ref: breadcrumbRef
+  }), (itemsConfig === null || itemsConfig === void 0 ? void 0 : itemsConfig.length) > 0 && itemsConfig.map(function (item, index) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_breadcrumbItem__WEBPACK_IMPORTED_MODULE_20__["default"], {
+      key: index,
+      item: _objectSpread(_objectSpread({}, item), {}, {
+        className: getBreadcrumbItemClass(item, isLastItem(index, itemsConfig))
+      }),
+      onItemClick: onItemClick,
+      index: index,
+      separator: getSeparator(index, itemsConfig),
+      openEllipsis: isLastItem(index, itemsConfig) ? openEllipsis : false
+    });
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
+    className: breadcrumbHideIconClass,
+    ref: breadcrumbHideIconRef
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_21__["default"], {
+    type: "more"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("span", {
+    className: breadcrumbSeparatorClass
+  }, separator)));
+};
+Breadcrumb.displayName = 'Breadcrumb';
+/* harmony default export */ __webpack_exports__["default"] = (Breadcrumb);
+
+/***/ }),
+
+/***/ "./components/breadcrumb/breadcrumbItem.tsx":
+/*!**************************************************!*\
+  !*** ./components/breadcrumb/breadcrumbItem.tsx ***!
+  \**************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../dropdown */ "./components/dropdown/index.tsx");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
+/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+
+
+
+
+
+
+var BreadcrumbItem = function BreadcrumbItem(props) {
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_1__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_5__["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) {
+      Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_4__["default"])(true, 'breadcrumb', '`href` and `path` not coexist  within the `item` object');
+    }
+    onItemClick && onItemClick(item, index);
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
+    className: className,
+    onClick: handleItemClick
+  }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
+    className: itemIconCls
+  }, icon), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.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__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_dropdown__WEBPACK_IMPORTED_MODULE_2__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+    placement: "bottomRight"
+  }, dropdownProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
+    type: "arrow-down"
+  })), separator));
+};
+/* harmony default export */ __webpack_exports__["default"] = (BreadcrumbItem);
+
+/***/ }),
+
+/***/ "./components/breadcrumb/index.tsx":
+/*!*****************************************!*\
+  !*** ./components/breadcrumb/index.tsx ***!
+  \*****************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _breadcrumb__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./breadcrumb */ "./components/breadcrumb/breadcrumb.tsx");
+/* empty/unused harmony star reexport */
+
+/* harmony default export */ __webpack_exports__["default"] = (_breadcrumb__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/***/ }),
+
+/***/ "./components/breadcrumb/style/index.less":
+/*!************************************************!*\
+  !*** ./components/breadcrumb/style/index.less ***!
+  \************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "./components/breadcrumb/style/index.tsx":
+/*!***********************************************!*\
+  !*** ./components/breadcrumb/style/index.tsx ***!
+  \***********************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../style/index.less */ "./components/style/index.less");
+/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_index_less__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ "./components/breadcrumb/style/index.less");
+/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_index_less__WEBPACK_IMPORTED_MODULE_1__);
+
+
+
 /***/ }),
 
 /***/ "./components/button/button.tsx":
@@ -10071,6 +10449,10 @@ var compDefaultProps = {
     banner: false,
     bannerOffset: [0, 0]
   },
+  Breadcrumb: {
+    colorModel: 'emphasize',
+    separator: '/'
+  },
   Button: {
     type: 'second',
     iconPlace: 'left',
@@ -10176,6 +10558,12 @@ var compDefaultProps = {
     minuteStep: 1,
     secondStep: 1
   },
+  Divider: {
+    orientation: 'left',
+    orientationMargin: '74px',
+    type: 'horizontal',
+    borderStyle: 'solid'
+  },
   Drawer: {
     closable: true,
     destroyOnClose: false,
@@ -15818,6 +16206,173 @@ var generateUnits = function generateUnits(start, end, step, disabledUnits) {
   return units;
 };
 
+/***/ }),
+
+/***/ "./components/divider/divider.tsx":
+/*!****************************************!*\
+  !*** ./components/divider/divider.tsx ***!
+  \****************************************/
+/*! exports provided: DividerTypes, DividerOrientations, DividerBorderStyles, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DividerTypes", function() { return DividerTypes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DividerOrientations", function() { return DividerOrientations; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DividerBorderStyles", function() { return DividerBorderStyles; });
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+
+
+
+var _excluded = ["className", "prefixCls", "children", "type", "orientationMargin", "orientation", "borderStyle"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var DividerTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_17__["tuple"])('horizontal', 'vertical');
+var DividerOrientations = Object(_utils_type__WEBPACK_IMPORTED_MODULE_17__["tuple"])('left', 'center', 'right');
+var DividerBorderStyles = Object(_utils_type__WEBPACK_IMPORTED_MODULE_17__["tuple"])('solid', 'dashed', 'dotted');
+var Divider = function Divider(props) {
+  var _classNames;
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_12__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__["default"]),
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
+  var dividerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_15__["getCompProps"])('Divider', userDefaultProps, props);
+  var className = dividerProps.className,
+    customPrefixcls = dividerProps.prefixCls,
+    children = dividerProps.children,
+    type = dividerProps.type,
+    orientationMargin = dividerProps.orientationMargin,
+    orientation = dividerProps.orientation,
+    borderStyle = dividerProps.borderStyle,
+    others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default()(dividerProps, _excluded);
+  var dividerPrefixCls = getPrefixCls(prefixCls, 'divider', customPrefixcls);
+  var orientationPrefix = orientation.length > 0 ? "-".concat(orientation) : orientation;
+  var hasChildren = !!children;
+  var isHorizontal = type === 'horizontal';
+  var isVertical = type === 'vertical';
+  var optimizedOrientationMargin = Object(react__WEBPACK_IMPORTED_MODULE_12__["useMemo"])(function () {
+    if (/^[0-9]+$/.test(orientationMargin)) {
+      return orientationMargin + 'px';
+    }
+    return '';
+  }, [orientationMargin]);
+  var dividerClass = classnames__WEBPACK_IMPORTED_MODULE_13___default()(dividerPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(dividerPrefixCls, "-with-text"), hasChildren && isHorizontal), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(dividerPrefixCls, "-with-text").concat(orientationPrefix), hasChildren && isHorizontal), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(dividerPrefixCls, "-solid"), borderStyle === 'solid'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(dividerPrefixCls, "-dashed"), borderStyle === 'dashed'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(dividerPrefixCls, "-dotted"), borderStyle === 'dotted'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(dividerPrefixCls, "-vertical"), isVertical), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(dividerPrefixCls, "-margin-left"), isHorizontal && orientation === 'left' && optimizedOrientationMargin), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(dividerPrefixCls, "-margin-right"), isHorizontal && orientation === 'right' && optimizedOrientationMargin), _classNames));
+  var innerTextClass = classnames__WEBPACK_IMPORTED_MODULE_13___default()("".concat(dividerPrefixCls, "-inner-text"));
+  var innerTextStyle = _objectSpread(_objectSpread({}, orientation === 'left' && {
+    marginLeft: optimizedOrientationMargin
+  }), orientation === 'right' && {
+    marginRight: optimizedOrientationMargin
+  });
+  Object(react__WEBPACK_IMPORTED_MODULE_12__["useEffect"])(function () {
+    Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_16__["default"])(isVertical && children, 'divider', '`children` not working in `vertical` mode.');
+  }, [children, isVertical]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+    className: dividerClass
+  }, others), isHorizontal && hasChildren && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
+    className: innerTextClass,
+    style: innerTextStyle
+  }, children));
+};
+Divider.displayName = 'Divider';
+/* harmony default export */ __webpack_exports__["default"] = (Divider);
+
+/***/ }),
+
+/***/ "./components/divider/index.tsx":
+/*!**************************************!*\
+  !*** ./components/divider/index.tsx ***!
+  \**************************************/
+/*! exports provided: DividerTypes, DividerOrientations, DividerBorderStyles, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./divider */ "./components/divider/divider.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DividerTypes", function() { return _divider__WEBPACK_IMPORTED_MODULE_0__["DividerTypes"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DividerOrientations", function() { return _divider__WEBPACK_IMPORTED_MODULE_0__["DividerOrientations"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DividerBorderStyles", function() { return _divider__WEBPACK_IMPORTED_MODULE_0__["DividerBorderStyles"]; });
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = (_divider__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/***/ }),
+
+/***/ "./components/divider/style/index.less":
+/*!*********************************************!*\
+  !*** ./components/divider/style/index.less ***!
+  \*********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "./components/divider/style/index.tsx":
+/*!********************************************!*\
+  !*** ./components/divider/style/index.tsx ***!
+  \********************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../style/index.less */ "./components/style/index.less");
+/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_index_less__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ "./components/divider/style/index.less");
+/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_index_less__WEBPACK_IMPORTED_MODULE_1__);
+
+
+
 /***/ }),
 
 /***/ "./components/drawer/drawer.tsx":
@@ -20860,7 +21415,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./components/index.tsx ***!
   \******************************/
-/*! exports provided: Alert, Button, Card, Collapse, Checkbox, ConfigProvider, Carousel, Cascader, Dropdown, DatePicker, RangePicker, Drawer, Empty, Filter, Form, Row, Col, Input, TextArea, InputNumber, Icon, Image, Layout, Modal, Menu, Message, Notification, Pagination, Progress, Popconfirm, Radio, Rate, Select, Switch, Steps, Step, Space, SplitPanel, Spin, Timeline, Tooltip, Tabs, Transfer, Tree, TreeNode, Tag, Upload, Typography, Search, Badge, ImageCropper, CityPicker, Anchor, Avatar, Slider, Table, Stepper, BaseData, Link, TreeSelect, ColorPicker, Clipboard, QRCode */
+/*! exports provided: Alert, Button, Card, Collapse, Checkbox, ConfigProvider, Carousel, Cascader, Dropdown, DatePicker, RangePicker, Drawer, Empty, Filter, Form, Row, Col, Input, TextArea, InputNumber, Icon, Image, Layout, Modal, Menu, Message, Notification, Pagination, Progress, Popconfirm, Radio, Rate, Select, Switch, Steps, Step, Space, SplitPanel, Spin, Timeline, Tooltip, Tabs, Transfer, Tree, TreeNode, Tag, Upload, Typography, Search, Badge, ImageCropper, CityPicker, Anchor, Avatar, Slider, Table, Stepper, BaseData, Link, TreeSelect, ColorPicker, Clipboard, QRCode, Divider, Breadcrumb */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -21050,6 +21605,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _qr_code__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ./qr-code */ "./components/qr-code/index.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QRCode", function() { return _qr_code__WEBPACK_IMPORTED_MODULE_58__["default"]; });
 
+/* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ./divider */ "./components/divider/index.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Divider", function() { return _divider__WEBPACK_IMPORTED_MODULE_59__["default"]; });
+
+/* harmony import */ var _breadcrumb__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ./breadcrumb */ "./components/breadcrumb/index.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Breadcrumb", function() { return _breadcrumb__WEBPACK_IMPORTED_MODULE_60__["default"]; });
+
 /* @remove-on-es-build-begin */
 // this file is not used if use https://github.com/ant-design/babel-plugin-import
 var ENV = "development";
@@ -21117,6 +21678,8 @@ typeof window !== 'undefined') {
 
 
 
+
+
 
 
 
@@ -29974,7 +30537,7 @@ var InternalSelect = function InternalSelect(props, ref) {
           onDeselect && onDeselect(key); // 下拉项取消选中时调用，参数为选中项的value,多选模式下生效
         }
       } else {
-        props.visible === undefined && setOptionShow(false);
+        handleVisibleChange(false);
         initValue !== key && onChange && onChange(labelInValue ? {
           value: key,
           label: label
@@ -29990,7 +30553,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       setSingleVal(getOptionLabel(obj) || key);
       multipleRef.current.selectedVal = key;
       setInitValue(key);
-      props.visible === undefined && setOptionShow(false);
+      handleVisibleChange(false);
       initValue !== key && onChange && onChange(labelInValue ? {
         value: key,
         label: label
@@ -30090,12 +30653,12 @@ var InternalSelect = function InternalSelect(props, ref) {
   };
 
   // 输入框变化搜索内容
-  var handleSearchChange = Object(react__WEBPACK_IMPORTED_MODULE_28__["useCallback"])(function (event) {
+  var handleSearchChange = function handleSearchChange(event) {
     var val = event.currentTarget.value;
-    setOptionShow(true);
+    handleVisibleChange(true);
     setSearchValue(val);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
-  }, [onSearch]);
+  };
 
   // 清除搜索内容
   var handleClear = Object(react__WEBPACK_IMPORTED_MODULE_28__["useCallback"])(function () {