@kdcloudjs/kdesign 1.7.44 → 1.7.46

package/es/_utils/usePopper.js

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

package/es/city-picker/city-picker.js

@@ -5,6 +5,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import React, { useContext, useRef, useEffect, useState, useCallback, useMemo } from 'react';
 import { useMergedState } from '../_utils/hooks';
 import classNames from 'classnames';
@@ -231,7 +232,9 @@ var InternalSelect = function InternalSelect(props, ref) {
   var handleOption = function handleOption(city) {
     var _a;
     handleVisibleChange(false);
-    city.type = tabsValue === 'domestic' ? 'domestic' : 'foreign';
+    if (!city.type) {
+      city.type = tabsValue === 'domestic' ? 'domestic' : 'foreign';
+    }
     (city === null || city === void 0 ? void 0 : city.id) !== initValue && (onChange === null || onChange === void 0 ? void 0 : onChange(city === null || city === void 0 ? void 0 : city.id, city));
     (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     setAfterChangeFocus(true);
@@ -302,22 +305,22 @@ var InternalSelect = function InternalSelect(props, ref) {
     var symbol = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ', ';
     if (!data) return null;
     if (isDomestic(type)) {
-      var _context5;
+      var _context6, _context7;
       if (isCommon) {
         var _context3;
-        var _curVal = (data === null || data === void 0 ? void 0 : data.province) ? data === null || data === void 0 ? void 0 : data.province : data === null || data === void 0 ? void 0 : data.country;
+        var _curVal = (data === null || data === void 0 ? void 0 : data.province) ? data === null || data === void 0 ? void 0 : data.province : (data === null || data === void 0 ? void 0 : data.country) || '';
         return _concatInstanceProperty(_context3 = "".concat(flag && _curVal ? symbol : '')).call(_context3, _curVal);
       }
       if (data === null || data === void 0 ? void 0 : data.type) {
-        var _context4;
-        var _curVal2 = data.type === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : data === null || data === void 0 ? void 0 : data.country;
-        return _concatInstanceProperty(_context4 = "".concat(flag && _curVal2 ? symbol : '')).call(_context4, _curVal2);
+        var _context4, _context5;
+        var _curVal2 = (data.type === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : _filterInstanceProperty(_context4 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context4, Boolean).join(symbol)) || '';
+        return _concatInstanceProperty(_context5 = "".concat(flag && _curVal2 ? symbol : '')).call(_context5, _curVal2);
       }
-      var curVal = tabsValue === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : data === null || data === void 0 ? void 0 : data.country;
-      return _concatInstanceProperty(_context5 = "".concat(flag && curVal ? symbol : '')).call(_context5, curVal);
+      var curVal = tabsValue === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) || '' : _filterInstanceProperty(_context6 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context6, Boolean).join(symbol);
+      return _concatInstanceProperty(_context7 = "".concat(flag && curVal ? symbol : '')).call(_context7, curVal);
     } else {
-      var _context6, _context7, _context8;
-      return _concatInstanceProperty(_context6 = _concatInstanceProperty(_context7 = _concatInstanceProperty(_context8 = "".concat(flag && ((data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country)) ? symbol : '')).call(_context8, data === null || data === void 0 ? void 0 : data.province)).call(_context7, (data === null || data === void 0 ? void 0 : data.country) && (data === null || data === void 0 ? void 0 : data.province) ? symbol : '')).call(_context6, data === null || data === void 0 ? void 0 : data.country);
+      var _context8, _context9;
+      return _concatInstanceProperty(_context8 = "".concat(flag && ((data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country)) ? symbol : '')).call(_context8, _filterInstanceProperty(_context9 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context9, Boolean).join(symbol));
     }
   }, [type, tabsValue]);
   var renderSingle = function renderSingle() {

package/es/config-provider/compDefaultProps.d.ts

@@ -338,6 +338,7 @@ declare const compDefaultProps: {
         switcherIcon: () => JSX.Element;
         estimatedItemSize: number;
         expandOnClickNode: boolean;
+        expandOnFilterNode: boolean;
     };
     TreeNode: {};
     ToolTip: {

package/es/config-provider/compDefaultProps.js

@@ -351,7 +351,8 @@ var compDefaultProps = {
       });
     },
     estimatedItemSize: 32,
-    expandOnClickNode: true
+    expandOnClickNode: true,
+    expandOnFilterNode: false
   },
   TreeNode: {},
   ToolTip: {

package/es/form/style/index.css

@@ -175,6 +175,7 @@
   right: -9px;
   width: 5px;
   height: 5px;
+  font-family: SimSun, sans-serif;
   line-height: 1;
   color: var(--kd-c-form-error-color, var(--kd-g-color-error, #fb2323));
 }

package/es/form/style/index.less

@@ -73,6 +73,7 @@
     right: -9px;
     width: 5px;
     height: 5px;
+    font-family: SimSun,sans-serif;
     line-height: 1;
     color: @form-error-color;
   }

package/es/image-cropper/image-cropper.js

@@ -91,7 +91,7 @@ var InternalImageCropper = function InternalImageCropper(props, forwardedRef) {
             return cropperRef.current.getImage();
           case 2:
             imgFile = _context.sent;
-            imgFile ? onCropSuccess === null || onCropSuccess === void 0 ? void 0 : onCropSuccess(imgFile) : onCropFailed === null || onCropFailed === void 0 ? void 0 : onCropFailed(imgFile);
+            imgFile ? onCropSuccess === null || onCropSuccess === void 0 ? void 0 : onCropSuccess(imgFile) : onCropFailed === null || onCropFailed === void 0 ? void 0 : onCropFailed();
           case 4:
           case "end":
             return _context.stop();

package/es/select/select.js

@@ -1,12 +1,20 @@
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+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; }
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
+import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
 import React, { useContext, useRef, useEffect, useState, useCallback, useLayoutEffect, useMemo, useImperativeHandle } from 'react';
 import { useMergedState } from '../_utils/hooks';
@@ -22,7 +30,7 @@ import VirtualList from '../virtual-list';
 import KeyCode from '../_utils/KeyCode';
 var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
 var InternalSelect = function InternalSelect(props, ref) {
-  var _context, _classNames6, _classNames12, _context5;
+  var _context, _classNames5, _classNames6, _classNames12, _context5;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -121,14 +129,12 @@ var InternalSelect = function InternalSelect(props, ref) {
   // 选择器样式
   var selectCls = classNames(selectPrefixCls, className, _defineProperty({}, "".concat(selectPrefixCls, "-visible"), optionShow));
   var selectionCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-selector"), true));
-  // 下拉列表框样式
-  var dropDownCls = classNames(dropdownClassName, _defineProperty({}, "".concat(selectPrefixCls, "-dropdown"), true));
   // 下拉子项列表样式
   var dropContentCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-dropdown-scroll"), (isMultiple ? (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) > 8 : (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) > 10) || selectProps.dropdownRender));
   // 多选底部样式
   var multipleFooterCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-multiple-footer"), true));
   // 多选，单选公共样式
-  var commCls = classNames((_classNames6 = {}, _defineProperty(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames6, _concatInstanceProperty(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-show-search"), isShowSearch && focusd), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-error"), status === 'error'), _classNames6));
+  var commCls = classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _defineProperty(_classNames5, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames5, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames5, _concatInstanceProperty(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames5, "".concat(selectPrefixCls, "-wrapper"), true), _defineProperty(_classNames5, "".concat(selectPrefixCls, "-show-search"), isShowSearch && focusd), _defineProperty(_classNames5, "".concat(selectPrefixCls, "-error"), status === 'error'), _classNames5));
   useEffect(function () {
     if (typeof props.visible !== 'undefined') {
       setOptionShow(props.visible);
@@ -267,6 +273,8 @@ var InternalSelect = function InternalSelect(props, ref) {
     });
     return childrenList;
   }, [searchValue, realChildren, filterOption, optionFilterProp]);
+  // 下拉列表框样式
+  var dropDownCls = classNames(dropdownClassName, (_classNames6 = {}, _defineProperty(_classNames6, "".concat(selectPrefixCls, "-dropdown"), true), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-dropdown-no-data"), filledOptions.length === 0), _classNames6));
   var getOptionLabel = useCallback(function (obj) {
     var _a;
     var text = Object.prototype.hasOwnProperty.call(selectProps, 'options') && !Object.prototype.hasOwnProperty.call(props, 'optionLabelProp') ? 'label' : optionLabelProp;
@@ -376,14 +384,39 @@ var InternalSelect = function InternalSelect(props, ref) {
     setSearchValue('');
     onSelect && onSelect(key); // 下拉项被选中时调用，参数为选中项value或key
   };
+
+  var removeIntersection = function removeIntersection(selectedItems, filteredItems) {
+    var filteredValues = new _Set(_mapInstanceProperty(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 = _toConsumableArray(selectedVal);
     var newSelectMulOpts = _toConsumableArray(selectMulOpts);
-    if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== newSelectedVal.length) {
+    if (!checked) {
       _mapInstanceProperty(filledOptions).call(filledOptions, function (child) {
         var _ref = child.props || child,
           value = _ref.value;
@@ -402,12 +435,15 @@ var InternalSelect = function InternalSelect(props, ref) {
         setSearchValue('');
       }
     } else {
-      newSelectedVal = [];
-      newSelectMulOpts = [];
+      ;
+      var _removeIntersection = removeIntersection(newSelectMulOpts, filledOptions);
+      var _removeIntersection2 = _slicedToArray(_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(_toConsumableArray(newSelectMulOpts));
       }
     }
     onChange && onChange(labelInValue ? newSelectMulOpts : newSelectedVal, newSelectMulOpts);
@@ -528,6 +564,33 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
   }, [isShowSearch, autoFocus, disabled]);
   var optionsListRef = React.useRef(null);
+  var getCheckedState = function getCheckedState(selectedItems, filteredItems) {
+    var _a;
+    var valuesSet = new _Set(_mapInstanceProperty(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,
@@ -567,25 +630,28 @@ 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: dropDownCls,
       style: dropdownStyle,
       ref: dropDownRef
-    }, !dropdownRender && childrenToRender.length > 0 ? dropRender(eleOptionList, heightStyle) : null, renderNotContent(), /*#__PURE__*/React.createElement("div", null, dropdownRender ? dropdownRender(dropRender(eleOptionList, heightStyle)) : null), isMultiple && realChildren.length > 0 ? /*#__PURE__*/React.createElement("div", {
+    }, !dropdownRender && childrenToRender.length > 0 ? dropRender(eleOptionList, heightStyle) : null, renderNotContent(), /*#__PURE__*/React.createElement("div", null, dropdownRender ? dropdownRender(dropRender(eleOptionList, heightStyle)) : null), isMultiple && filledOptions.length > 0 ? /*#__PURE__*/React.createElement("div", {
       className: multipleFooterCls
     }, /*#__PURE__*/React.createElement(Checkbox, {
       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.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
     }, locale.getLangMsg('Select', 'seleted', {
       size: /*#__PURE__*/React.createElement("span", {
         className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected-number")
-      }, selectedVal.length)
+      }, selectedVal === null || selectedVal === void 0 ? void 0 : selectedVal.length)
     }))) : null));
   };
   // 处理多选tag
@@ -782,7 +848,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       selectedVal = _multipleRef$current5.selectedVal,
       selectMulOpts = _multipleRef$current5.selectMulOpts;
     // isMultiple
-    if (which === KeyCode.BACKSPACE && !searchValue && isMultiple && selectedVal.length && selectMulOpts.length) {
+    if (which === KeyCode.BACKSPACE && !searchValue && isMultiple && (selectedVal === null || selectedVal === void 0 ? void 0 : selectedVal.length) && selectMulOpts.length) {
       _spliceInstanceProperty(selectedVal).call(selectedVal, -1, 1);
       _spliceInstanceProperty(selectMulOpts).call(selectMulOpts, -1, 1);
       setMulOptions(_toConsumableArray(selectMulOpts));

package/es/select/style/index.css

@@ -399,7 +399,7 @@
 .kd-select-dropdown-search-hidden {
   display: none;
 }
-.kd-select-multiple-dropdown-panel .kd-select-dropdown {
+.kd-select-multiple-dropdown-panel .kd-select-dropdown:not(.kd-select-dropdown-no-data) {
   padding-bottom: 0;
 }
 .kd-select-item {

package/es/select/style/index.less

@@ -173,7 +173,7 @@
   }
 
   &-multiple-dropdown-panel {
-    .@{select-prefix-cls}-dropdown {
+    .@{select-prefix-cls}-dropdown:not(.@{select-prefix-cls}-dropdown-no-data) {
       padding-bottom: 0;
     }
   }

package/es/table/table.js

@@ -113,13 +113,13 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
   if (typeof getRowProps === 'function') {
     pipeline.appendRowPropsGetter(getRowProps);
   } else {
-    devWarning(true, 'table', "parameter 'getRowProps' should be a function but here it is ".concat(getRowProps));
+    devWarning(getRowProps !== undefined, 'table', "parameter 'getRowProps' should be a function but here it is ".concat(getRowProps));
   }
   if (typeof getTableProps === 'function') {
     var tableProps = getTableProps();
     pipeline.addTableProps(tableProps);
   } else {
-    devWarning(true, 'table', "parameter 'getTableProps' should be a function but here it is ".concat(getTableProps));
+    devWarning(getTableProps !== undefined, 'table', "parameter 'getTableProps' should be a function but here it is ".concat(getTableProps));
   }
   return /*#__PURE__*/React.createElement(BaseTable, _extends({}, pipeline.getProps(), {
     className: tableCls,

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/city-picker/city-picker.js

@@ -11,6 +11,7 @@ exports.default = void 0;
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
@@ -243,7 +244,9 @@ var InternalSelect = function InternalSelect(props, ref) {
   var handleOption = function handleOption(city) {
     var _a;
     handleVisibleChange(false);
-    city.type = tabsValue === 'domestic' ? 'domestic' : 'foreign';
+    if (!city.type) {
+      city.type = tabsValue === 'domestic' ? 'domestic' : 'foreign';
+    }
     (city === null || city === void 0 ? void 0 : city.id) !== initValue && (onChange === null || onChange === void 0 ? void 0 : onChange(city === null || city === void 0 ? void 0 : city.id, city));
     (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     setAfterChangeFocus(true);
@@ -314,22 +317,22 @@ var InternalSelect = function InternalSelect(props, ref) {
     var symbol = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ', ';
     if (!data) return null;
     if (isDomestic(type)) {
-      var _context5;
+      var _context6, _context7;
       if (isCommon) {
         var _context3;
-        var _curVal = (data === null || data === void 0 ? void 0 : data.province) ? data === null || data === void 0 ? void 0 : data.province : data === null || data === void 0 ? void 0 : data.country;
+        var _curVal = (data === null || data === void 0 ? void 0 : data.province) ? data === null || data === void 0 ? void 0 : data.province : (data === null || data === void 0 ? void 0 : data.country) || '';
         return (0, _concat.default)(_context3 = "".concat(flag && _curVal ? symbol : '')).call(_context3, _curVal);
       }
       if (data === null || data === void 0 ? void 0 : data.type) {
-        var _context4;
-        var _curVal2 = data.type === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : data === null || data === void 0 ? void 0 : data.country;
-        return (0, _concat.default)(_context4 = "".concat(flag && _curVal2 ? symbol : '')).call(_context4, _curVal2);
+        var _context4, _context5;
+        var _curVal2 = (data.type === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : (0, _filter.default)(_context4 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context4, Boolean).join(symbol)) || '';
+        return (0, _concat.default)(_context5 = "".concat(flag && _curVal2 ? symbol : '')).call(_context5, _curVal2);
       }
-      var curVal = tabsValue === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : data === null || data === void 0 ? void 0 : data.country;
-      return (0, _concat.default)(_context5 = "".concat(flag && curVal ? symbol : '')).call(_context5, curVal);
+      var curVal = tabsValue === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) || '' : (0, _filter.default)(_context6 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context6, Boolean).join(symbol);
+      return (0, _concat.default)(_context7 = "".concat(flag && curVal ? symbol : '')).call(_context7, curVal);
     } else {
-      var _context6, _context7, _context8;
-      return (0, _concat.default)(_context6 = (0, _concat.default)(_context7 = (0, _concat.default)(_context8 = "".concat(flag && ((data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country)) ? symbol : '')).call(_context8, data === null || data === void 0 ? void 0 : data.province)).call(_context7, (data === null || data === void 0 ? void 0 : data.country) && (data === null || data === void 0 ? void 0 : data.province) ? symbol : '')).call(_context6, data === null || data === void 0 ? void 0 : data.country);
+      var _context8, _context9;
+      return (0, _concat.default)(_context8 = "".concat(flag && ((data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country)) ? symbol : '')).call(_context8, (0, _filter.default)(_context9 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context9, Boolean).join(symbol));
     }
   }, [type, tabsValue]);
   var renderSingle = function renderSingle() {

package/lib/config-provider/compDefaultProps.d.ts

@@ -338,6 +338,7 @@ declare const compDefaultProps: {
         switcherIcon: () => JSX.Element;
         estimatedItemSize: number;
         expandOnClickNode: boolean;
+        expandOnFilterNode: boolean;
     };
     TreeNode: {};
     ToolTip: {

package/lib/config-provider/compDefaultProps.js

@@ -362,7 +362,8 @@ var compDefaultProps = {
       });
     },
     estimatedItemSize: 32,
-    expandOnClickNode: true
+    expandOnClickNode: true,
+    expandOnFilterNode: false
   },
   TreeNode: {},
   ToolTip: {

package/lib/form/style/index.css

@@ -175,6 +175,7 @@
   right: -9px;
   width: 5px;
   height: 5px;
+  font-family: SimSun, sans-serif;
   line-height: 1;
   color: var(--kd-c-form-error-color, var(--kd-g-color-error, #fb2323));
 }

package/lib/form/style/index.less

@@ -73,6 +73,7 @@
     right: -9px;
     width: 5px;
     height: 5px;
+    font-family: SimSun,sans-serif;
     line-height: 1;
     color: @form-error-color;
   }

package/lib/image-cropper/image-cropper.js

@@ -103,7 +103,7 @@ var InternalImageCropper = function InternalImageCropper(props, forwardedRef) {
             return cropperRef.current.getImage();
           case 2:
             imgFile = _context.sent;
-            imgFile ? onCropSuccess === null || onCropSuccess === void 0 ? void 0 : onCropSuccess(imgFile) : onCropFailed === null || onCropFailed === void 0 ? void 0 : onCropFailed(imgFile);
+            imgFile ? onCropSuccess === null || onCropSuccess === void 0 ? void 0 : onCropSuccess(imgFile) : onCropFailed === null || onCropFailed === void 0 ? void 0 : onCropFailed();
           case 4:
           case "end":
             return _context.stop();