@kdcloudjs/kdesign 1.7.45 → 1.7.47

package/lib/divider/style/index.css

@@ -0,0 +1,191 @@
+/* -----------  color  ——————---- start */
+/* -----------  color  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  font  ——————---- start */
+/* -----------  font  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+/* -----------  Button  ——————---- start */
+/* -----------  Button  ——————---- end */
+/* -----------  Collapse  ——————---- start */
+/* -----------  Collapse  ——————---- end */
+/* -----------  Card  ——————---- start */
+/* -----------  Card  ——————---- end */
+/* -----------  Carousel  ——————---- start */
+/* -----------  Carousel  ——————---- end */
+/* -----------  Cascader  ——————---- start */
+/* -----------  Cascader  ——————---- end */
+/* -----------  Switch  ——————---- start */
+/* -----------  Switch  ——————---- end */
+/* -----------  Input  ——————---- start */
+/* -----------  Input  ——————---- end */
+/* -----------  InputNumber  ——————---- start */
+/* -----------  InputNumber  ——————---- end */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- end */
+/* -----------  Radio  ——————---- start */
+/* -----------  Radio  ——————---- end */
+/* -----------  icon  ——————---- start */
+/* -----------  icon  ——————---- end */
+/* -----------  Popconfirm  ——————---- start */
+/* -----------  Popconfirm  ——————---- end */
+/* -----------  Progress  ——————---- start */
+/* -----------  Progress  ——————---- end */
+/* -----------  Pagination  ——————---- start */
+/* -----------  Pagination  ——————---- end */
+/* -----------  Timeline  ——————---- start */
+/* -----------  Timeline  ——————---- end */
+/* -----------  Tabs  ——————---- start */
+/* -----------  Tabs  ——————---- end */
+/* -----------  Select  ——————---- start */
+/* -----------  Select  ——————---- end */
+/* -----------  Rate  ——————---- start */
+/* -----------  Rate  ——————---- end */
+/* -----------  Dropdown  ——————---- start */
+/* -----------  Dropdown  ——————---- end */
+/* -----------  Tooltip  ——————---- start */
+/* -----------  Tooltip  ——————---- end */
+/* -----------  Transfer  ——————---- start */
+/* -----------  Transfer  ——————---- end */
+/* -----------  DatePicker  ——————---- start */
+/* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
+/* -----------  Tree  ——————---- start */
+/* -----------  Tree  ——————---- end */
+/* -----------  Alert  ——————---- start */
+/* -----------  Alert  ——————---- end */
+/* -----------  Split-Panel ——————---- start */
+/* -----------  Split-Panel ——————---- end */
+/* -----------  Modal  ——————---- start */
+/* -----------  Modal  ——————---- end */
+/* -----------  Steps  ——————---- start */
+/* -----------  Steps  ——————---- end */
+/* -----------  Form  ——————---- start */
+/* -----------  Form  ——————---- end */
+/* -----------  Tag ——————---- start */
+/* -----------  Tag ——————---- end */
+/* -----------  Menu  ——————---- start */
+/* -----------  Menu  ——————---- end */
+/* -----------  notice  ——————---- start */
+/* -----------  message  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Layout  ——————---- start */
+/* -----------  Layout  ——————---- end */
+/* -----------  Typography  ——————---- start */
+/* -----------  Typography  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Badge  ——————---- start */
+/* -----------  Badge  ——————---- end */
+/* -----------  Anchor  ——————---- start */
+/* -----------  Anchor  ——————---- end */
+/* -----------  Avatar  ——————---- start */
+/* -----------  Avatar  ——————---- end */
+/* -----------  AdvancedSelector  ——————---- start */
+/* -----------  AdvancedSelector  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+.kd-divider {
+  color: var(--kd-c-divider-color-text, var(--kd-g-color-text-primary, #212121));
+  font-size: var(--kd-c-divider-font-size, var(--kd-g-font-size-small, 12px));
+  width: 900px;
+  padding: var(--kd-c-divider-spacing-padding-horizontal, 0px);
+  -webkit-border-before: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+          border-block-start: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+}
+.kd-divider-vertical {
+  display: inline-block;
+  -webkit-border-start: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+          border-inline-start: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+  width: 0;
+  height: 1em;
+}
+.kd-divider-solid {
+  border-block-start-style: solid;
+  border-inline-start-style: solid;
+}
+.kd-divider-solid .kd-divider-inner-text::before,
+.kd-divider-solid .kd-divider-inner-text::after {
+  border-block-start-style: solid !important;
+}
+.kd-divider-dashed {
+  border-block-start-style: dashed;
+  border-inline-start-style: dashed;
+}
+.kd-divider-dashed .kd-divider-inner-text::before,
+.kd-divider-dashed .kd-divider-inner-text::after {
+  border-block-start-style: dashed !important;
+}
+.kd-divider-dotted {
+  border-block-start-style: dotted;
+  border-inline-start-style: dotted;
+}
+.kd-divider-dotted .kd-divider-inner-text::before,
+.kd-divider-dotted .kd-divider-inner-text::after {
+  border-block-start-style: dotted !important;
+}
+.kd-divider-with-text {
+  border: unset;
+}
+.kd-divider-with-text .kd-divider-inner-text {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.kd-divider-with-text .kd-divider-inner-text::before {
+  content: '';
+  width: 74px;
+  margin-right: 8px;
+  -webkit-border-before: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+          border-block-start: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+}
+.kd-divider-with-text .kd-divider-inner-text::after {
+  content: '';
+  width: calc(100% - 74px);
+  margin-left: 8px;
+  -webkit-border-before: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+          border-block-start: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+}
+.kd-divider-with-text-center .kd-divider-inner-text::before,
+.kd-divider-with-text-center .kd-divider-inner-text::after {
+  width: 50%;
+}
+.kd-divider-with-text-right .kd-divider-inner-text::before {
+  width: calc(100% - 74px);
+}
+.kd-divider-with-text-right .kd-divider-inner-text::after {
+  width: 74px;
+}
+.kd-divider-margin-left .kd-divider-inner-text::before {
+  width: 0;
+}
+.kd-divider-margin-left .kd-divider-inner-text::after {
+  width: 100%;
+}
+.kd-divider-margin-right .kd-divider-inner-text::before {
+  width: 100%;
+}
+.kd-divider-margin-right .kd-divider-inner-text::after {
+  width: 0;
+}

package/lib/divider/style/index.d.ts

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

package/lib/divider/style/index.js

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

package/lib/divider/style/index.less

@@ -0,0 +1,105 @@
+@import '../../style/themes/index';
+@import './mixin.less';
+@divider-prefix-cls: ~'@{kd-prefix}-divider';
+
+.@{divider-prefix-cls} {
+  .divider;
+
+  width: 900px;
+  padding: @divider-spacing-padding-horizontal;
+  border-block-start: 1px solid @color-border-strong;
+
+  &-vertical {
+    display: inline-block;
+    border-inline-start: 1px solid @color-border-strong;
+    width: 0;
+    height: 1em;
+  }
+
+  &-solid {
+    .borderStyle(solid)
+  }
+
+  &-dashed {
+    .borderStyle(dashed)
+  }
+
+  &-dotted {
+    .borderStyle(dotted)
+  }
+
+  &-with-text {
+    border: unset;
+
+    .@{divider-prefix-cls}-inner-text {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: '';
+        width: 74px;
+        margin-right: 8px;
+        border-block-start: 1px solid @color-border-strong;
+      }
+
+      &::after {
+        content: '';
+        width: calc(100% - 74px);
+        margin-left: 8px;
+        border-block-start: 1px solid @color-border-strong;
+      }
+    }
+  }
+
+  &-with-text-center {
+    .@{divider-prefix-cls}-inner-text {
+
+      &::before,
+      &::after {
+        width: 50%;
+      }
+    }
+  }
+
+  &-with-text-right {
+    .@{divider-prefix-cls}-inner-text {
+
+      &::before {
+        width: calc(100% - 74px);
+
+      }
+
+      &::after {
+        width: 74px;
+      }
+    }
+  }
+
+  &-margin-left {
+    .@{divider-prefix-cls}-inner-text {
+
+      &::before {
+        width: 0;
+
+      }
+
+      &::after {
+        width: 100%;
+      }
+    }
+  }
+
+  &-margin-right {
+    .@{divider-prefix-cls}-inner-text {
+
+      &::before {
+        width: 100%;
+
+      }
+
+      &::after {
+        width: 0;
+      }
+    }
+  }
+}

package/lib/divider/style/mixin.less

@@ -0,0 +1,19 @@
+@import './token.less';
+
+.divider() {
+  color: @divider-color-text;
+  font-size: @divider-font-size;
+}
+
+.borderStyle(@border-style) {
+  border-block-start-style: @border-style;
+  border-inline-start-style: @border-style;
+
+  .@{divider-prefix-cls}-inner-text {
+
+    &::before,
+    &::after {
+      border-block-start-style: @border-style !important
+    }
+  }
+}

package/lib/divider/style/token.less

@@ -0,0 +1,12 @@
+@import '../../style/themes/token.less';
+
+@divider-custom-prefix: ~'--@{kd-prefix}-c-divider';
+
+// color
+@divider-color-text: var(~'@{divider-custom-prefix}-color-text', @color-text-primary);
+
+// font
+@divider-font-size: var(~'@{divider-custom-prefix}-font-size', @font-size-small);
+
+// spacing
+@divider-spacing-padding-horizontal: var(~'@{divider-custom-prefix}-spacing-padding-horizontal', 0px);

package/lib/index.d.ts

@@ -57,3 +57,5 @@ export { default as TreeSelect } from './tree-select';
 export { default as ColorPicker } from './color-picker';
 export { default as Clipboard } from './clipboard';
 export { default as QRCode } from './qr-code';
+export { default as Divider } from './divider';
+export { default as Breadcrumb } from './breadcrumb';

package/lib/index.js

@@ -37,6 +37,12 @@ Object.defineProperty(exports, "BaseData", {
     return _baseData.default;
   }
 });
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function get() {
+    return _breadcrumb.default;
+  }
+});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
@@ -109,6 +115,12 @@ Object.defineProperty(exports, "DatePicker", {
     return _datePicker.default;
   }
 });
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function get() {
+    return _divider.default;
+  }
+});
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
   get: function get() {
@@ -444,6 +456,8 @@ var _treeSelect = _interopRequireDefault(require("./tree-select"));
 var _colorPicker = _interopRequireDefault(require("./color-picker"));
 var _clipboard = _interopRequireDefault(require("./clipboard"));
 var _qrCode = _interopRequireDefault(require("./qr-code"));
+var _divider = _interopRequireDefault(require("./divider"));
+var _breadcrumb = _interopRequireDefault(require("./breadcrumb"));
 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; }
 /* @remove-on-es-build-begin */

package/lib/select/select.js

@@ -1,6 +1,10 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _sliceInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
+var _Array$from = require("@babel/runtime-corejs3/core-js-stable/array/from");
+var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
+var _getIteratorMethod = require("@babel/runtime-corejs3/core-js/get-iterator-method");
 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");
@@ -13,6 +17,7 @@ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable
 var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
 var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
 var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
@@ -32,6 +37,9 @@ var _virtualList = _interopRequireDefault(require("../virtual-list"));
 var _KeyCode = _interopRequireDefault(require("../_utils/KeyCode"));
 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; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { var _context6; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context6 = Object.prototype.toString.call(o)).call(_context6, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
 var InternalSelect = function InternalSelect(props, ref) {
   var _context, _classNames5, _classNames6, _classNames12, _context5;
@@ -339,7 +347,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
@@ -355,7 +363,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
@@ -388,14 +396,39 @@ var InternalSelect = function InternalSelect(props, ref) {
     setSearchValue('');
     onSelect && onSelect(key); // 下拉项被选中时调用，参数为选中项value或key
   };
+
+  var removeIntersection = function removeIntersection(selectedItems, filteredItems) {
+    var filteredValues = new _set.default((0, _map.default)(filteredItems).call(filteredItems, function (item) {
+      var _a;
+      return item.value || ((_a = item.props) === null || _a === void 0 ? void 0 : _a.value);
+    }));
+    var filteredSelectedItems = [];
+    var filteredSelectedValues = [];
+    var _iterator = _createForOfIteratorHelper(selectedItems),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var item = _step.value;
+        if (!filteredValues.has(item.value)) {
+          filteredSelectedItems.push(item);
+          filteredSelectedValues.push(item.value);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return [filteredSelectedValues, filteredSelectedItems];
+  };
   // 多选模式下选中所有 与清除所有 (可以优化)
-  var handleSelectAll = function handleSelectAll() {
+  var handleSelectAll = function handleSelectAll(checked) {
     var _multipleRef$current3 = multipleRef.current,
       selectedVal = _multipleRef$current3.selectedVal,
       selectMulOpts = _multipleRef$current3.selectMulOpts;
     var newSelectedVal = (0, _toConsumableArray2.default)(selectedVal);
     var newSelectMulOpts = (0, _toConsumableArray2.default)(selectMulOpts);
-    if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== newSelectedVal.length) {
+    if (!checked) {
       (0, _map.default)(filledOptions).call(filledOptions, function (child) {
         var _ref = child.props || child,
           value = _ref.value;
@@ -414,23 +447,26 @@ var InternalSelect = function InternalSelect(props, ref) {
         setSearchValue('');
       }
     } else {
-      newSelectedVal = [];
-      newSelectMulOpts = [];
+      ;
+      var _removeIntersection = removeIntersection(newSelectMulOpts, filledOptions);
+      var _removeIntersection2 = (0, _slicedToArray2.default)(_removeIntersection, 2);
+      newSelectedVal = _removeIntersection2[0];
+      newSelectMulOpts = _removeIntersection2[1];
       if (typeof value === 'undefined') {
-        multipleRef.current.selectedVal = [];
-        multipleRef.current.selectMulOpts = [];
-        setMulOptions([]);
+        multipleRef.current.selectedVal = newSelectedVal;
+        multipleRef.current.selectMulOpts = newSelectMulOpts;
+        setMulOptions((0, _toConsumableArray2.default)(newSelectMulOpts));
       }
     }
     onChange && onChange(labelInValue ? newSelectMulOpts : newSelectedVal, newSelectMulOpts);
   };
   // 输入框变化搜索内容
-  var handleSearchChange = (0, _react.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 = (0, _react.useCallback)(function () {
     if (searchRef.current) {
@@ -540,6 +576,33 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
   }, [isShowSearch, autoFocus, disabled]);
   var optionsListRef = _react.default.useRef(null);
+  var getCheckedState = function getCheckedState(selectedItems, filteredItems) {
+    var _a;
+    var valuesSet = new _set.default((0, _map.default)(selectedItems).call(selectedItems, function (item) {
+      return item.value;
+    }));
+    var number = 0;
+    var _iterator2 = _createForOfIteratorHelper(filteredItems),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var item = _step2.value;
+        if (valuesSet.has(item.value || ((_a = item.props) === null || _a === void 0 ? void 0 : _a.value))) {
+          number += 1;
+        }
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+    var checked = number > 0 && number === filteredItems.length;
+    var indeterminate = number > 0 && number < filteredItems.length;
+    return {
+      checked: checked,
+      indeterminate: indeterminate
+    };
+  };
   // 渲染下拉列表框
   var renderContent = function renderContent() {
     var dropdownRender = selectProps.dropdownRender,
@@ -579,8 +642,9 @@ var InternalSelect = function InternalSelect(props, ref) {
       height: '30px',
       background: 'none'
     };
-    var indeterminate = mulOptions.length > 0 && mulOptions.length < filledOptions.length;
-    var checked = mulOptions.length > 0 && mulOptions.length === filledOptions.length;
+    var _getCheckedState = getCheckedState(mulOptions, filledOptions),
+      checked = _getCheckedState.checked,
+      indeterminate = _getCheckedState.indeterminate;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: dropDownCls,
       style: dropdownStyle,
@@ -591,7 +655,9 @@ var InternalSelect = function InternalSelect(props, ref) {
       style: checkboxStyle,
       checked: checked,
       indeterminate: indeterminate,
-      onChange: handleSelectAll
+      onChange: function onChange() {
+        return handleSelectAll(checked);
+      }
     }, selectLangMsg === null || selectLangMsg === void 0 ? void 0 : selectLangMsg.selectAll), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
     }, locale.getLangMsg('Select', 'seleted', {

package/lib/style/components.less

@@ -3,6 +3,7 @@
 @import "../avatar/style/index.less";
 @import "../badge/style/index.less";
 @import "../base-data/style/index.less";
+@import "../breadcrumb/style/index.less";
 @import "../button/style/index.less";
 @import "../card/style/index.less";
 @import "../carousel/style/index.less";
@@ -13,6 +14,7 @@
 @import "../collapse/style/index.less";
 @import "../color-picker/style/index.less";
 @import "../date-picker/style/index.less";
+@import "../divider/style/index.less";
 @import "../drawer/style/index.less";
 @import "../dropdown/style/index.less";
 @import "../empty/style/index.less";

package/lib/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/lib/tree/tree.js

@@ -94,7 +94,8 @@ var InternalTree = /*#__PURE__*/_react.default.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 = (0, _classnames.default)(className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(treePrefixCls), true), (0, _defineProperty2.default)(_classNames, "".concat(treePrefixCls, "-show-line"), showLine), _classNames));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
@@ -154,7 +155,7 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       setSearchStatus('NONE');
     }
   }, [filterValue]);
-  var _useExpand = (0, _treeHooks.useExpand)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue),
+  var _useExpand = (0, _treeHooks.useExpand)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue, expandOnFilterNode),
     _useExpand2 = (0, _slicedToArray2.default)(_useExpand, 2),
     expandedKeys = _useExpand2[0],
     setExpandedKeys = _useExpand2[1];
@@ -170,8 +171,8 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     setCheckedKeys = _useChecked2[2],
     setHalfCheckedKeys = _useChecked2[3];
   var filterData = _react.default.useMemo(function () {
-    return (0, _treeUtils.getFilterData)(spreadAttrData, filterTreeNode, isSearching, posData, keysData);
-  }, [spreadAttrData, isSearching, posData, keysData, filterValue]);
+    return (0, _treeUtils.getFilterData)(spreadAttrData, filterTreeNode, isSearching, posData, keysData, expandOnFilterNode);
+  }, [spreadAttrData, isSearching, posData, keysData, filterValue, expandOnFilterNode]);
   (0, _react.useEffect)(function () {
     var _a, _b;
     if (typeof scrollKey === 'undefined') {

package/lib/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/lib/tree/treeHooks.js

@@ -75,15 +75,15 @@ var useChecked = function useChecked(checkStrictly, checkedKeysProps, defaultChe
   return [checkedKeys, halfCheckedKeys, setCheckedKeys, setHalfCheckedKeys];
 };
 exports.useChecked = useChecked;
-var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue) {
+var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue, expandOnFilterNode) {
   var expandScrollkeys = [];
   if (scrollKey) {
     var pos = (0, _treeUtils.getPos)(flattenAllData, scrollKey);
     expandScrollkeys = (0, _treeUtils.getAllParentKeys)(flattenAllData, pos);
   }
   var initialExpandedKeys = _react.default.useMemo(function () {
-    return (0, _treeUtils.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 (0, _treeUtils.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.default.useState(initialExpandedKeys),
     _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
     expandedKeys = _React$useState8[0],