@kdcloudjs/kdesign 1.7.64 → 1.7.66

package/es/base-data/base-data.js

@@ -2,9 +2,9 @@ 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";
-import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -17,6 +17,7 @@ import { getCompProps } from '../_utils';
 import { Input, Icon, Tabs, Empty, Spin, Checkbox } from '../index';
 import usePopper from '../_utils/usePopper';
 var InternalBaseData = function InternalBaseData(props, ref) {
+  var _context2;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -102,8 +103,12 @@ var InternalBaseData = function InternalBaseData(props, ref) {
   }, [seletedOptions]);
   // 记录每个选项的开始与结束下标
   var setValIndxPosition = useCallback(function () {
+    var _context;
+    var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     var arr = [];
-    inputValue.split(delimiter).reduce(function (pre, next) {
+    _filterInstanceProperty(_context = (str || inputValue).split(delimiter)).call(_context, function (item) {
+      return !!item;
+    }).reduce(function (pre, next) {
       arr.push({
         start: pre,
         end: pre + next.length
@@ -112,6 +117,13 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     }, 0);
     return arr;
   }, [delimiter, inputValue]);
+  var initInputValue = _filterInstanceProperty(_context2 = searchInfo.current.editOptions || []).call(_context2, function (item) {
+    return !!item;
+  }).reduce(function (pre, next, index, arr) {
+    var _context3, _context4;
+    return _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "".concat(pre)).call(_context4, next[optionLabelProp])).call(_context3, index !== arr.length - 1 ? delimiter : '');
+  }, '');
+  var initIndexPos = setValIndxPosition(initInputValue);
   useEffect(function () {
     var list = setValIndxPosition();
     setIndxPosList(list);
@@ -141,7 +153,6 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     // 新增一个
     var list = _toConsumableArray(searchInfo.current.editOptions || []);
     if (valueArr.length - preValueArr.length === 1) {
-      searchInfo.current.deleteEndIndx = index;
       _spliceInstanceProperty(list).call(list, index, 0, null);
     }
     if (valueArr.length < preValueArr.length) {
@@ -158,15 +169,26 @@ var InternalBaseData = function InternalBaseData(props, ref) {
         end = _findDeleteInterval.end;
       list === null || list === void 0 ? void 0 : _spliceInstanceProperty(list).call(list, start, end - start + 1);
     }
+    // 判断每次单个按del键时删除了分隔符后下一次触发
+    if (searchInfo.current.deleteEndIndx > 0 && selectionStart !== searchInfo.current.deleteEndIndx) {
+      var _findDeleteInterval2 = findDeleteInterval(selectionStart, searchInfo.current.deleteEndIndx, initIndexPos),
+        _start = _findDeleteInterval2.start,
+        _end = _findDeleteInterval2.end;
+      // 单个删除时找到合理的下标触发
+      if (_start !== null && _end !== null && _start <= _end) {
+        list === null || list === void 0 ? void 0 : _spliceInstanceProperty(list).call(list, _start, _end - _start + 1);
+        searchInfo.current.deleteEndIndx = 0;
+      }
+    }
     searchInfo.current.editOptions = list;
     searchInfo.current.previousEditValue = inputValue;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [delimiter, inputValue, isMultiple, setValIndxPosition]);
   var getStrToArr = function getStrToArr() {
-    var _context;
+    var _context5;
     var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     var delimiter = arguments.length > 1 ? arguments[1] : undefined;
-    return _filterInstanceProperty(_context = str.split(delimiter)).call(_context, function (item) {
+    return _filterInstanceProperty(_context5 = str.split(delimiter)).call(_context5, function (item) {
       return item;
     });
   };
@@ -183,26 +205,37 @@ var InternalBaseData = function InternalBaseData(props, ref) {
   }, [inputRef, inputValue]);
   // 通过选中项显示input文字， optionLabelProp为回填到选择框的属性
   var setValueBySeleted = useCallback(function () {
-    var _context4;
+    var _context8;
     var defaultInputValue = seletedOptions.reduce(function (pre, next, index, arr) {
-      var _context2, _context3;
-      return _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(pre)).call(_context3, next[optionLabelProp])).call(_context2, index !== arr.length - 1 ? delimiter : '');
+      var _context6, _context7;
+      return _concatInstanceProperty(_context6 = _concatInstanceProperty(_context7 = "".concat(pre)).call(_context7, next[optionLabelProp])).call(_context6, index !== arr.length - 1 ? delimiter : '');
     }, '');
     searchInfo.current.previousInputValue = defaultInputValue;
     setInputValue(defaultInputValue);
-    searchInfo.current.previousEditValue = _concatInstanceProperty(_context4 = "".concat(defaultInputValue)).call(_context4, delimiter);
+    searchInfo.current.previousEditValue = _concatInstanceProperty(_context8 = "".concat(defaultInputValue)).call(_context8, delimiter);
   }, [delimiter, optionLabelProp, seletedOptions]);
   useEffect(function () {
     setValueBySeleted();
   }, [setValueBySeleted]);
+  var findDeletedChar = function findDeletedChar(prev, current) {
+    if (prev.length > current.length) {
+      for (var i = 0; i < prev.length; i++) {
+        if (prev[i] !== current[i]) {
+          return prev[i];
+        }
+      }
+      return prev[prev.length - 1];
+    }
+    return null;
+  };
   var changeInputText = function changeInputText(e) {
     var _a;
     setOptionShow(true);
     var textValue = e.target.value;
     var val = textValue;
     var inputDom = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input;
+    var selectionStart = inputDom.selectionStart || 0; // selectionStart: 光标前面有几个字符
     if (isMultiple && inputDom && textValue && textValue.length > inputValue.length) {
-      var selectionStart = inputDom.selectionStart || 0; // selectionStart: 光标前面有几个字符
       searchInfo.current.selectionStart = selectionStart;
       var isInHead = selectionStart === 1 && textValue[1] !== delimiter && textValue.length !== 1; // 在首部添加
       var isInMid = selectionStart !== textValue.length && textValue[selectionStart - 2] === delimiter && textValue[selectionStart] !== delimiter;
@@ -211,6 +244,10 @@ var InternalBaseData = function InternalBaseData(props, ref) {
         setCursorPosition(inputDom, selectionStart);
       }
     }
+    // 单个删除时 当删除的字符为分隔符delimiter 记录位置
+    if (findDeletedChar(searchInfo.current.previousEditValue || '', textValue) === delimiter) {
+      searchInfo.current.deleteEndIndx = selectionStart;
+    }
     setInputValue(val);
     handleChange(val);
   };
@@ -239,26 +276,26 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     return queryStr;
   };
   var handleFocus = function handleFocus() {
-    var _context5;
+    var _context9;
     if (disabled) return;
     setFocused(true);
-    isMultiple && seletedOptions.length && setInputValue(_concatInstanceProperty(_context5 = "".concat(inputValue)).call(_context5, delimiter));
+    isMultiple && seletedOptions.length && setInputValue(_concatInstanceProperty(_context9 = "".concat(inputValue)).call(_context9, delimiter));
   };
   var handleBlur = function handleBlur() {
-    var _context6, _context7;
+    var _context10, _context11;
     if (disabled) return;
     setFocused(false);
     setInputValue(searchInfo.current.previousInputValue);
-    searchInfo.current.previousEditValue = _concatInstanceProperty(_context6 = "".concat(searchInfo.current.previousInputValue)).call(_context6, delimiter);
+    searchInfo.current.previousEditValue = _concatInstanceProperty(_context10 = "".concat(searchInfo.current.previousInputValue)).call(_context10, delimiter);
     // 多选失去焦点时，通过editOptions去改写选中项
-    var list = _filterInstanceProperty(_context7 = searchInfo.current.editOptions || []).call(_context7, function (item) {
+    var list = _filterInstanceProperty(_context11 = searchInfo.current.editOptions || []).call(_context11, function (item) {
       return item;
     }) || [];
     if (_JSON$stringify(list) !== _JSON$stringify(seletedOptions)) {
-      var _context8;
-      onChange === null || onChange === void 0 ? void 0 : onChange(_mapInstanceProperty(_context8 = _filterInstanceProperty(list).call(list, function (item) {
+      var _context12;
+      onChange === null || onChange === void 0 ? void 0 : onChange(_mapInstanceProperty(_context12 = _filterInstanceProperty(list).call(list, function (item) {
         return item;
-      })).call(_context8, function (v) {
+      })).call(_context12, function (v) {
         return v.value;
       }), _filterInstanceProperty(list).call(list, function (item) {
         return item;
@@ -356,20 +393,20 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     element.setSelectionRange(start, end);
   };
   var handleSelect = function handleSelect(item) {
-    var _context13;
+    var _context17;
     searchInfo.current.searchValue = undefined;
     if (_findIndexInstanceProperty(seletedOptions).call(seletedOptions, function (v) {
       return v.value === item.value;
     }) !== -1) {
-      var _context9;
+      var _context13;
       var _list = _filterInstanceProperty(seletedOptions).call(seletedOptions, function (v) {
         return v.value !== item.value;
       });
       // 取消选中(非受控状态下)
       isMultiple && value === undefined && setSeletedOptions(_list);
-      onChange === null || onChange === void 0 ? void 0 : onChange(_mapInstanceProperty(_context9 = _filterInstanceProperty(_list).call(_list, function (item) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(_mapInstanceProperty(_context13 = _filterInstanceProperty(_list).call(_list, function (item) {
         return item;
-      })).call(_context9, function (v) {
+      })).call(_context13, function (v) {
         return v.value;
       }), _filterInstanceProperty(_list).call(_list, function (item) {
         return item;
@@ -379,12 +416,12 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     var list = _toConsumableArray(searchInfo.current.editOptions || []);
     list === null || list === void 0 ? void 0 : _spliceInstanceProperty(list).call(list, searchInfo.current.searchIndex || 0, 1, item);
     if (isMultiple) {
-      var _context10, _context11, _context12;
-      onChange === null || onChange === void 0 ? void 0 : onChange(_mapInstanceProperty(_context10 = _filterInstanceProperty(_context11 = list || []).call(_context11, function (item) {
+      var _context14, _context15, _context16;
+      onChange === null || onChange === void 0 ? void 0 : onChange(_mapInstanceProperty(_context14 = _filterInstanceProperty(_context15 = list || []).call(_context15, function (item) {
         return item;
-      })).call(_context10, function (v) {
+      })).call(_context14, function (v) {
         return v.value;
-      }), _filterInstanceProperty(_context12 = list || []).call(_context12, function (item) {
+      }), _filterInstanceProperty(_context16 = list || []).call(_context16, function (item) {
         return item;
       }));
     } else {
@@ -395,7 +432,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       return;
     }
     searchInfo.current.editOptions = list;
-    setSeletedOptions(_filterInstanceProperty(_context13 = list || []).call(_context13, function (item) {
+    setSeletedOptions(_filterInstanceProperty(_context17 = list || []).call(_context17, function (item) {
       return item;
     }));
   };
@@ -471,10 +508,10 @@ var InternalBaseData = function InternalBaseData(props, ref) {
    * @returns {React.ReactNode}
    */
   var renderDropdownContent = function renderDropdownContent(data, myColumns) {
-    var _context14;
+    var _context18;
     var showFooter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var showCheckbox = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    var dropDownColumns = myColumns && Array.isArray(myColumns) ? myColumns : data && Array.isArray(data) && data.length ? _mapInstanceProperty(_context14 = _Object$keys(data[0])).call(_context14, function (v) {
+    var dropDownColumns = myColumns && Array.isArray(myColumns) ? myColumns : data && Array.isArray(data) && data.length ? _mapInstanceProperty(_context18 = _Object$keys(data[0])).call(_context18, function (v) {
       return {
         key: v
       };

package/es/base-data/interface.d.ts

@@ -52,6 +52,6 @@ export interface ISearchInfoProps {
     previousEditValue?: string;
     searchIndex?: number;
     selectionStart?: number;
-    deleteEndIndx?: number;
+    deleteEndIndx: number;
     editOptions?: any[];
 }

package/es/modal/style/token.less

@@ -16,8 +16,8 @@
 @modal-theme-color-active: var(~'@{modal-prefix}-color-theme-active', @color-theme-7);
 @modal-mask-color-background: var(~'@{modal-prefix}-mask-color-background', rgba(55, 55, 55, 0.5));
 @modal-close-icon-color-text: var(~'@{modal-prefix}-close-icon-color-text', #666666);
-@confirm-modal-title-icon-bg: var(~'@{modal-prefix}-title-icon-color-backround-ongoing', @color-ongoing); // 提示弹窗的背景色
-@warning-modal-title-icon-bg: var(~'@{modal-prefix}-title-icon-color-backround-warning', @color-warning); // 警告弹窗的背景色
+@confirm-modal-title-icon-bg: var(~'@{modal-prefix}-title-icon-color-backround-ongoing', @color-ongoing); // 弹出框的背景色
+@warning-modal-title-icon-bg: var(~'@{modal-prefix}-title-icon-color-backround-warning', @color-warning); // 警告弹出框的背景色
 @error-modal-title-icon-bg: var(~'@{modal-prefix}-title-icon-color-backround-warning', @color-warning); // 反馈浮层错误提示的背景色
 
 // z-index
@@ -46,4 +46,4 @@
 @modal-title-icon-sizing-margin-right: var(~'@{modal-prefix}-title-icon-sizing-margin-right', 8px);
 @modal-header-sizing-padding-horizontal: var(~'@{modal-prefix}-header-sizing-padding-horizontal', 20px);
 @modal-header-sizing-padding-vertical: var(~'@{modal-prefix}-header-sizing-padding-vertical', 0px);
-@modal-body-sizing-padding: var(~'@{modal-prefix}-body-sizing-padding', 20px);
+@modal-body-sizing-padding: var(~'@{modal-prefix}-body-sizing-padding', 20px);

package/es/style/themes/default.less

@@ -523,8 +523,8 @@
 /* -----------  Split-Panel ——————---- end */
 
 /* -----------  Modal  ——————---- start */
-@confirm-modal-title-icon-bg: @ongoing-bg-color; // 提示弹窗的背景色
-@warning-modal-title-icon-bg: @warning-bg-color; // 警告弹窗的背景色
+@confirm-modal-title-icon-bg: @ongoing-bg-color; // 弹出框的背景色
+@warning-modal-title-icon-bg: @warning-bg-color; // 警告弹出框的背景色
 @error-modal-title-icon-bg: @error-bg-color; // 反馈浮层错误提示的背景色
 @modal-border-color: @strong-border-color-1;
 /* -----------  Modal  ——————---- end */
@@ -706,4 +706,4 @@
 @advancedSelector-dropdown-options-height: 32px;
 @advancedSelector-hover-bg: @hover-color;
 
-/* -----------  AdvancedSelector  ——————---- end */
+/* -----------  AdvancedSelector  ——————---- end */

package/es/tree/tree.js

@@ -162,7 +162,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return getFilterData(spreadAttrData, filterTreeNode, isSearching, posData, keysData, expandOnFilterNode);
   }, [spreadAttrData, isSearching, posData, keysData, filterValue, expandOnFilterNode]);
   useEffect(function () {
-    var _a, _b;
+    var _a;
     if (typeof scrollKey === 'undefined') {
       return;
     }
@@ -174,12 +174,15 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     }
     if (virtual) {
-      (_a = virtualListRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
-        index: scrollIndex
+      requestAnimationFrame(function () {
+        var _a;
+        return (_a = virtualListRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+          index: scrollIndex
+        });
       });
     } else {
       var wrapperDom = scrollRef.current;
-      var node = wrapperDom ? (_b = wrapperDom === null || wrapperDom === void 0 ? void 0 : wrapperDom.children[0]) === null || _b === void 0 ? void 0 : _b.children[scrollIndex] : null;
+      var node = wrapperDom ? (_a = wrapperDom === null || wrapperDom === void 0 ? void 0 : wrapperDom.children[0]) === null || _a === void 0 ? void 0 : _a.children[scrollIndex] : null;
       if (node && wrapperDom) {
         var containerHeight = wrapperDom.clientHeight;
         var targetHeight = node.clientHeight;

package/lib/base-data/base-data.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
 var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
@@ -29,6 +29,7 @@ var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var InternalBaseData = function InternalBaseData(props, ref) {
+  var _context2;
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -114,8 +115,12 @@ var InternalBaseData = function InternalBaseData(props, ref) {
   }, [seletedOptions]);
   // 记录每个选项的开始与结束下标
   var setValIndxPosition = (0, _react.useCallback)(function () {
+    var _context;
+    var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     var arr = [];
-    inputValue.split(delimiter).reduce(function (pre, next) {
+    (0, _filter.default)(_context = (str || inputValue).split(delimiter)).call(_context, function (item) {
+      return !!item;
+    }).reduce(function (pre, next) {
       arr.push({
         start: pre,
         end: pre + next.length
@@ -124,6 +129,13 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     }, 0);
     return arr;
   }, [delimiter, inputValue]);
+  var initInputValue = (0, _filter.default)(_context2 = searchInfo.current.editOptions || []).call(_context2, function (item) {
+    return !!item;
+  }).reduce(function (pre, next, index, arr) {
+    var _context3, _context4;
+    return (0, _concat.default)(_context3 = (0, _concat.default)(_context4 = "".concat(pre)).call(_context4, next[optionLabelProp])).call(_context3, index !== arr.length - 1 ? delimiter : '');
+  }, '');
+  var initIndexPos = setValIndxPosition(initInputValue);
   (0, _react.useEffect)(function () {
     var list = setValIndxPosition();
     setIndxPosList(list);
@@ -153,7 +165,6 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     // 新增一个
     var list = (0, _toConsumableArray2.default)(searchInfo.current.editOptions || []);
     if (valueArr.length - preValueArr.length === 1) {
-      searchInfo.current.deleteEndIndx = index;
       (0, _splice.default)(list).call(list, index, 0, null);
     }
     if (valueArr.length < preValueArr.length) {
@@ -170,15 +181,26 @@ var InternalBaseData = function InternalBaseData(props, ref) {
         end = _findDeleteInterval.end;
       list === null || list === void 0 ? void 0 : (0, _splice.default)(list).call(list, start, end - start + 1);
     }
+    // 判断每次单个按del键时删除了分隔符后下一次触发
+    if (searchInfo.current.deleteEndIndx > 0 && selectionStart !== searchInfo.current.deleteEndIndx) {
+      var _findDeleteInterval2 = findDeleteInterval(selectionStart, searchInfo.current.deleteEndIndx, initIndexPos),
+        _start = _findDeleteInterval2.start,
+        _end = _findDeleteInterval2.end;
+      // 单个删除时找到合理的下标触发
+      if (_start !== null && _end !== null && _start <= _end) {
+        list === null || list === void 0 ? void 0 : (0, _splice.default)(list).call(list, _start, _end - _start + 1);
+        searchInfo.current.deleteEndIndx = 0;
+      }
+    }
     searchInfo.current.editOptions = list;
     searchInfo.current.previousEditValue = inputValue;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [delimiter, inputValue, isMultiple, setValIndxPosition]);
   var getStrToArr = function getStrToArr() {
-    var _context;
+    var _context5;
     var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     var delimiter = arguments.length > 1 ? arguments[1] : undefined;
-    return (0, _filter.default)(_context = str.split(delimiter)).call(_context, function (item) {
+    return (0, _filter.default)(_context5 = str.split(delimiter)).call(_context5, function (item) {
       return item;
     });
   };
@@ -195,26 +217,37 @@ var InternalBaseData = function InternalBaseData(props, ref) {
   }, [inputRef, inputValue]);
   // 通过选中项显示input文字， optionLabelProp为回填到选择框的属性
   var setValueBySeleted = (0, _react.useCallback)(function () {
-    var _context4;
+    var _context8;
     var defaultInputValue = seletedOptions.reduce(function (pre, next, index, arr) {
-      var _context2, _context3;
-      return (0, _concat.default)(_context2 = (0, _concat.default)(_context3 = "".concat(pre)).call(_context3, next[optionLabelProp])).call(_context2, index !== arr.length - 1 ? delimiter : '');
+      var _context6, _context7;
+      return (0, _concat.default)(_context6 = (0, _concat.default)(_context7 = "".concat(pre)).call(_context7, next[optionLabelProp])).call(_context6, index !== arr.length - 1 ? delimiter : '');
     }, '');
     searchInfo.current.previousInputValue = defaultInputValue;
     setInputValue(defaultInputValue);
-    searchInfo.current.previousEditValue = (0, _concat.default)(_context4 = "".concat(defaultInputValue)).call(_context4, delimiter);
+    searchInfo.current.previousEditValue = (0, _concat.default)(_context8 = "".concat(defaultInputValue)).call(_context8, delimiter);
   }, [delimiter, optionLabelProp, seletedOptions]);
   (0, _react.useEffect)(function () {
     setValueBySeleted();
   }, [setValueBySeleted]);
+  var findDeletedChar = function findDeletedChar(prev, current) {
+    if (prev.length > current.length) {
+      for (var i = 0; i < prev.length; i++) {
+        if (prev[i] !== current[i]) {
+          return prev[i];
+        }
+      }
+      return prev[prev.length - 1];
+    }
+    return null;
+  };
   var changeInputText = function changeInputText(e) {
     var _a;
     setOptionShow(true);
     var textValue = e.target.value;
     var val = textValue;
     var inputDom = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input;
+    var selectionStart = inputDom.selectionStart || 0; // selectionStart: 光标前面有几个字符
     if (isMultiple && inputDom && textValue && textValue.length > inputValue.length) {
-      var selectionStart = inputDom.selectionStart || 0; // selectionStart: 光标前面有几个字符
       searchInfo.current.selectionStart = selectionStart;
       var isInHead = selectionStart === 1 && textValue[1] !== delimiter && textValue.length !== 1; // 在首部添加
       var isInMid = selectionStart !== textValue.length && textValue[selectionStart - 2] === delimiter && textValue[selectionStart] !== delimiter;
@@ -223,6 +256,10 @@ var InternalBaseData = function InternalBaseData(props, ref) {
         setCursorPosition(inputDom, selectionStart);
       }
     }
+    // 单个删除时 当删除的字符为分隔符delimiter 记录位置
+    if (findDeletedChar(searchInfo.current.previousEditValue || '', textValue) === delimiter) {
+      searchInfo.current.deleteEndIndx = selectionStart;
+    }
     setInputValue(val);
     handleChange(val);
   };
@@ -251,26 +288,26 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     return queryStr;
   };
   var handleFocus = function handleFocus() {
-    var _context5;
+    var _context9;
     if (disabled) return;
     setFocused(true);
-    isMultiple && seletedOptions.length && setInputValue((0, _concat.default)(_context5 = "".concat(inputValue)).call(_context5, delimiter));
+    isMultiple && seletedOptions.length && setInputValue((0, _concat.default)(_context9 = "".concat(inputValue)).call(_context9, delimiter));
   };
   var handleBlur = function handleBlur() {
-    var _context6, _context7;
+    var _context10, _context11;
     if (disabled) return;
     setFocused(false);
     setInputValue(searchInfo.current.previousInputValue);
-    searchInfo.current.previousEditValue = (0, _concat.default)(_context6 = "".concat(searchInfo.current.previousInputValue)).call(_context6, delimiter);
+    searchInfo.current.previousEditValue = (0, _concat.default)(_context10 = "".concat(searchInfo.current.previousInputValue)).call(_context10, delimiter);
     // 多选失去焦点时，通过editOptions去改写选中项
-    var list = (0, _filter.default)(_context7 = searchInfo.current.editOptions || []).call(_context7, function (item) {
+    var list = (0, _filter.default)(_context11 = searchInfo.current.editOptions || []).call(_context11, function (item) {
       return item;
     }) || [];
     if ((0, _stringify.default)(list) !== (0, _stringify.default)(seletedOptions)) {
-      var _context8;
-      onChange === null || onChange === void 0 ? void 0 : onChange((0, _map.default)(_context8 = (0, _filter.default)(list).call(list, function (item) {
+      var _context12;
+      onChange === null || onChange === void 0 ? void 0 : onChange((0, _map.default)(_context12 = (0, _filter.default)(list).call(list, function (item) {
         return item;
-      })).call(_context8, function (v) {
+      })).call(_context12, function (v) {
         return v.value;
       }), (0, _filter.default)(list).call(list, function (item) {
         return item;
@@ -368,20 +405,20 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     element.setSelectionRange(start, end);
   };
   var handleSelect = function handleSelect(item) {
-    var _context13;
+    var _context17;
     searchInfo.current.searchValue = undefined;
     if ((0, _findIndex.default)(seletedOptions).call(seletedOptions, function (v) {
       return v.value === item.value;
     }) !== -1) {
-      var _context9;
+      var _context13;
       var _list = (0, _filter.default)(seletedOptions).call(seletedOptions, function (v) {
         return v.value !== item.value;
       });
       // 取消选中(非受控状态下)
       isMultiple && value === undefined && setSeletedOptions(_list);
-      onChange === null || onChange === void 0 ? void 0 : onChange((0, _map.default)(_context9 = (0, _filter.default)(_list).call(_list, function (item) {
+      onChange === null || onChange === void 0 ? void 0 : onChange((0, _map.default)(_context13 = (0, _filter.default)(_list).call(_list, function (item) {
         return item;
-      })).call(_context9, function (v) {
+      })).call(_context13, function (v) {
         return v.value;
       }), (0, _filter.default)(_list).call(_list, function (item) {
         return item;
@@ -391,12 +428,12 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     var list = (0, _toConsumableArray2.default)(searchInfo.current.editOptions || []);
     list === null || list === void 0 ? void 0 : (0, _splice.default)(list).call(list, searchInfo.current.searchIndex || 0, 1, item);
     if (isMultiple) {
-      var _context10, _context11, _context12;
-      onChange === null || onChange === void 0 ? void 0 : onChange((0, _map.default)(_context10 = (0, _filter.default)(_context11 = list || []).call(_context11, function (item) {
+      var _context14, _context15, _context16;
+      onChange === null || onChange === void 0 ? void 0 : onChange((0, _map.default)(_context14 = (0, _filter.default)(_context15 = list || []).call(_context15, function (item) {
         return item;
-      })).call(_context10, function (v) {
+      })).call(_context14, function (v) {
         return v.value;
-      }), (0, _filter.default)(_context12 = list || []).call(_context12, function (item) {
+      }), (0, _filter.default)(_context16 = list || []).call(_context16, function (item) {
         return item;
       }));
     } else {
@@ -407,7 +444,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       return;
     }
     searchInfo.current.editOptions = list;
-    setSeletedOptions((0, _filter.default)(_context13 = list || []).call(_context13, function (item) {
+    setSeletedOptions((0, _filter.default)(_context17 = list || []).call(_context17, function (item) {
       return item;
     }));
   };
@@ -483,10 +520,10 @@ var InternalBaseData = function InternalBaseData(props, ref) {
    * @returns {React.ReactNode}
    */
   var renderDropdownContent = function renderDropdownContent(data, myColumns) {
-    var _context14;
+    var _context18;
     var showFooter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var showCheckbox = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    var dropDownColumns = myColumns && Array.isArray(myColumns) ? myColumns : data && Array.isArray(data) && data.length ? (0, _map.default)(_context14 = (0, _keys.default)(data[0])).call(_context14, function (v) {
+    var dropDownColumns = myColumns && Array.isArray(myColumns) ? myColumns : data && Array.isArray(data) && data.length ? (0, _map.default)(_context18 = (0, _keys.default)(data[0])).call(_context18, function (v) {
       return {
         key: v
       };

package/lib/base-data/interface.d.ts

@@ -52,6 +52,6 @@ export interface ISearchInfoProps {
     previousEditValue?: string;
     searchIndex?: number;
     selectionStart?: number;
-    deleteEndIndx?: number;
+    deleteEndIndx: number;
     editOptions?: any[];
 }

package/lib/modal/style/token.less

@@ -16,8 +16,8 @@
 @modal-theme-color-active: var(~'@{modal-prefix}-color-theme-active', @color-theme-7);
 @modal-mask-color-background: var(~'@{modal-prefix}-mask-color-background', rgba(55, 55, 55, 0.5));
 @modal-close-icon-color-text: var(~'@{modal-prefix}-close-icon-color-text', #666666);
-@confirm-modal-title-icon-bg: var(~'@{modal-prefix}-title-icon-color-backround-ongoing', @color-ongoing); // 提示弹窗的背景色
-@warning-modal-title-icon-bg: var(~'@{modal-prefix}-title-icon-color-backround-warning', @color-warning); // 警告弹窗的背景色
+@confirm-modal-title-icon-bg: var(~'@{modal-prefix}-title-icon-color-backround-ongoing', @color-ongoing); // 弹出框的背景色
+@warning-modal-title-icon-bg: var(~'@{modal-prefix}-title-icon-color-backround-warning', @color-warning); // 警告弹出框的背景色
 @error-modal-title-icon-bg: var(~'@{modal-prefix}-title-icon-color-backround-warning', @color-warning); // 反馈浮层错误提示的背景色
 
 // z-index
@@ -46,4 +46,4 @@
 @modal-title-icon-sizing-margin-right: var(~'@{modal-prefix}-title-icon-sizing-margin-right', 8px);
 @modal-header-sizing-padding-horizontal: var(~'@{modal-prefix}-header-sizing-padding-horizontal', 20px);
 @modal-header-sizing-padding-vertical: var(~'@{modal-prefix}-header-sizing-padding-vertical', 0px);
-@modal-body-sizing-padding: var(~'@{modal-prefix}-body-sizing-padding', 20px);
+@modal-body-sizing-padding: var(~'@{modal-prefix}-body-sizing-padding', 20px);

package/lib/style/themes/default.less

@@ -523,8 +523,8 @@
 /* -----------  Split-Panel ——————---- end */
 
 /* -----------  Modal  ——————---- start */
-@confirm-modal-title-icon-bg: @ongoing-bg-color; // 提示弹窗的背景色
-@warning-modal-title-icon-bg: @warning-bg-color; // 警告弹窗的背景色
+@confirm-modal-title-icon-bg: @ongoing-bg-color; // 弹出框的背景色
+@warning-modal-title-icon-bg: @warning-bg-color; // 警告弹出框的背景色
 @error-modal-title-icon-bg: @error-bg-color; // 反馈浮层错误提示的背景色
 @modal-border-color: @strong-border-color-1;
 /* -----------  Modal  ——————---- end */
@@ -706,4 +706,4 @@
 @advancedSelector-dropdown-options-height: 32px;
 @advancedSelector-hover-bg: @hover-color;
 
-/* -----------  AdvancedSelector  ——————---- end */
+/* -----------  AdvancedSelector  ——————---- end */

package/lib/tree/tree.js

@@ -174,7 +174,7 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     return (0, _treeUtils.getFilterData)(spreadAttrData, filterTreeNode, isSearching, posData, keysData, expandOnFilterNode);
   }, [spreadAttrData, isSearching, posData, keysData, filterValue, expandOnFilterNode]);
   (0, _react.useEffect)(function () {
-    var _a, _b;
+    var _a;
     if (typeof scrollKey === 'undefined') {
       return;
     }
@@ -186,12 +186,15 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       }
     }
     if (virtual) {
-      (_a = virtualListRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
-        index: scrollIndex
+      requestAnimationFrame(function () {
+        var _a;
+        return (_a = virtualListRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+          index: scrollIndex
+        });
       });
     } else {
       var wrapperDom = scrollRef.current;
-      var node = wrapperDom ? (_b = wrapperDom === null || wrapperDom === void 0 ? void 0 : wrapperDom.children[0]) === null || _b === void 0 ? void 0 : _b.children[scrollIndex] : null;
+      var node = wrapperDom ? (_a = wrapperDom === null || wrapperDom === void 0 ? void 0 : wrapperDom.children[0]) === null || _a === void 0 ? void 0 : _a.children[scrollIndex] : null;
       if (node && wrapperDom) {
         var containerHeight = wrapperDom.clientHeight;
         var targetHeight = node.clientHeight;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.64",
+  "version": "1.7.66",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [